@charset "utf-8";

.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: none !important;
  left: auto !important;
  background: none !important
}

.fa {
  font-size: inherit;
  line-height: inherit
}

.fa-ban {
  color: #ffc107
}

* {
  box-sizing: border-box;
  position: relative
}

html,
body,
header,
footer,
section,
article,
h1,
h2,
h3,
h4,
h5,
h6,
div,
ul,
ol,
li,
dl,
dt,
dd,
p,
button {
  margin: 0;
  padding: 0
}

html,
body,
header,
footer,
section,
article,
h1,
h2,
h3,
h4,
h5,
h6,
div,
ul,
ol,
li,
dl,
dt,
dd,
dt p,
span,
a,
button,
img,
i {
  font-weight: inherit;
  line-height: inherit;
  position: relative;
  vertical-align: top;
  word-break: break-all
}

h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
input,
textarea {
  font-size: inherit
}

ul,
li {
  list-style-type: none
}

a {
  text-decoration: none !important
}

a,
a img {
  -webkit-transform: translateZ(0);
  transition: 0.3s all ease-out
}

a,
input {
  outline: none
}

button,
input,
select,
textarea {
  font-family: inherit
}

label {
  cursor: pointer
}

i {
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  line-height: inherit;
  vertical-align: middle
}

img {
  height: auto
}

.bg-pink {
  background: #f2799a !important;
  color: #fff !important
}

.bg-gray {
  background: #9e9e9e !important;
  color: #fff !important
}

.bg-purple {
  background: #c8abe9 !important;
  color: #fff !important
}

.bg-red {
  background: #f44336 !important;
  color: #fff !important
}

.bg-red-light {
  background: #feeceb !important;
}

.pink {
  color: #f2799a !important;
}

.red {
  color: #f44336 !important;
}

.bold {
  font-weight: bold !important;
}

.normal {
  font-weight: normal !important;
}

.border-top {
  border-top: 1px solid #e0e0e0;
}

.border-none {
  border: none !important;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.pt40 {
  padding-top: 40px !important;
}

.indent05 {
  display: inline-block;
  text-indent: .5em
}

.indent-05 {
  display: inline-block;
  text-indent: -.5em
}

.clearfix {
  display: inline-block
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden
}

* html .clearfix {
  height: 1%
}

.clearfix {
  display: block
}

.display-table,
.display-table-fixed {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  list-style-type: none
}

.display-table-fixed {
  table-layout: fixed;
  width: 100%
}

.display-table>*,
.display-table-fixed>* {
  display: table-cell;
  list-style-type: none;
  vertical-align: middle
}

.table-list>.display-table,
.table-list>.display-table-fixed {
  border-collapse: separate
}

.table-list.table10 {
  margin-right: -10px;
  margin-left: -10px
}

.table-list.table10>.display-table,
.table-list.table10>.display-table-fixed {
  border-spacing: 10px 0
}

.table-list.table20 {
  margin-right: -20px;
  margin-left: -20px
}

.table-list.table20>.display-table,
.table-list.table20>.display-table-fixed {
  border-spacing: 20px 0
}

.table-list.table40 {
  margin-right: -40px;
  margin-left: -40px
}

.table-list.table40>.display-table,
.table-list.table40>.display-table-fixed {
  border-spacing: 40px 0
}

.font-ja {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.font-en {
  font-family: "Josefin Slab", serif
}

.font-noto {
  font-family: "Noto Serif", serif
}

.jq-hide {
  display: none
}

.text-center {
  text-align: center !important
}

.text-right {
  text-align: right
}

.text-left {
  text-align: left
}

.va-m {
  vertical-align: middle !important
}

.pb0 {
  padding-bottom: 0 !important
}

a.ul {
  text-decoration: underline !important
}

.block-md,
.block-sm,
.block-xs,
.inline-block-xs,
.inline-md,
.inline-sm,
.inline-xs,
.inline-xxs {
  display: none !important
}

p.h_subtxt {
    font-size: 90%;
    text-align: center;
    margin-bottom: 20px;
}

.breadcrumbs {
    max-width: 1000px;
    margin:  auto;
    padding: 10px 0;
    font-size: 70%;
}

@media screen and (max-width:780px) {
p.h_subtxt {
    text-align: left;
    font-size: 80%;
}
.breadcrumbs {
    padding: 10px;
    font-size: 60%;
}
}

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

  .display-table-md,
  .display-table-md>* {
    display: list-item !important
  }

  .table-list-md {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .table-list-md>.display-table,
  .table-list-md>.display-table>*,
  .table-list-md>.display-table-fixed,
  .table-list-md>.display-table-fixed>* {
    display: list-item !important
  }

  .hide-md {
    display: none !important
  }

  .block-md {
    display: block !important
  }

  .inline-md {
    display: inline !important
  }
}

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

  .display-table-sm,
  .display-table-sm>* {
    display: list-item !important
  }

  .table-list-sm {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .table-list-sm>.display-table,
  .table-list-sm>.display-table>*,
  .table-list-sm>.display-table-fixed,
  .table-list-sm>.display-table-fixed>* {
    display: list-item !important
  }

  .hide-sm {
    display: none !important
  }

  .block-sm {
    display: block !important
  }

  .inline-sm {
    display: inline !important
  }
}

@media screen and (max-width:640px) {
  .hide-s {
    display: none !important
  }

  .table-list-s {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .table-list-s>.display-table,
  .table-list-s>.display-table>*,
  .table-list-s>.display-table-fixed,
  .table-list-s>.display-table-fixed>* {
    display: list-item !important
  }
}

@media screen and (max-width:480px) {
  .hide-xs {
    display: none !important
  }

  .block-xs {
    display: block !important
  }

  .inline-block-xs {
    display: inline-block !important
  }

  .inline-xs {
    display: inline !important
  }

  .table-list-xs {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .table-list-xs>.display-table,
  .table-list-xs>.display-table>*,
  .table-list-xs>.display-table-fixed,
  .table-list-xs>.display-table-fixed>* {
    display: list-item !important
  }
}

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

  .display-table-xxs,
  .display-table-xxs>* {
    display: list-item !important
  }

  .hide-xxs {
    display: none !important
  }

  .inline-xxs {
    display: inline !important
  }
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
strike,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea,
select {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  vertical-align: baseline
}

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

.clear {
  clear: both
}

.clear2 {
  clear: both;
  padding: 20px
}

ul,
ol {
  list-style: none
}

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

html,
body {
  width: 100%;
  min-height: 100%
}

body {
  font-size: 18px;
  font-family: "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #616161;
  line-height: 1;
  overflow-x: hidden
}

a {
  color: #f2799a;
  text-decoration: none
}

img {
  vertical-align: bottom
}

.fl-c:after,
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0
}

* html .clearfix {
  zoom: 1
}

*:first-child+html .clearfix {
  zoom: 1
}

.ta-c {
  text-align: center
}

a>i,
p>i,
li>i {
  font-size: 1.4em
}

p,
li,
dt,
dl {
  word-break: break-all
}

.c-pnk {
  color: #f48fb1
}

section {
  background-color: #fff;
  position: relative;
  border-radius: 4px
}

section.title {
  border-radius: 0
}

.mBox {
  border: 1px #e0e0e0 solid;
  border-radius: 4px
}

.mBox>h1 {
  background-color: #eee;
  text-align: center;
  font-weight: 700;
  line-height: 2.727;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.mBox>p {
  padding: 1em;
  line-height: 1.5
}

.mBox>ul>li:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

div[class*="sBox"] {
  margin-bottom: 1em
}

div[class*="sBox"]>div {
  color: #616161;
  background-color: #f8f4ef;
  line-height: 1.8;
  padding: .901em;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important
}

div[class*="sBox"]>h1 {
  text-align: center;
  padding: .5em 0;
  line-height: 1.45em;
  color: #fff;
  border-top-left-radius: .2em;
  border-top-right-radius: .2em;
  font-weight: 700;
  background-color: #d0b592
}

div.sBox_pnk>h1 {
  padding: .5em 0;
  background-color: #f2799a
}

div.sBox_pnk>div {
  background-color: #fdebf0
}

div.sBox_gry>h1 {
  background-color: #616161;
  padding: .5em 0
}

div.sBox_gry>div {
  background-color: #eee
}

div.sBox_gry>div p {
  font-size: .909em
}

div.sBox_gld>h1 {
  background-color: #d0b592;
  padding: .5em 0
}

div.sBox_gld>div {
  background-color: #f8f4ef
}

div.sBox_gld>div p {
  font-size: .909em
}

div.bdTitle {
  text-align: center
}

div.bdTitle>h1 {
  font-size: 1.818em;
  font-weight: 700;
  padding-top: 1.5em
}

div.bdTitle>h2 {
  position: relative;
  margin-bottom: 1em;
  font-family: "Noto Serif";
  color: #424242;
  opacity: .75;
  padding: 1em 0;
  font-size: 0.8em !important
}

div.bdTitle>h2:before,
div.bdTitle>h2:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #e0e0e0;
  position: absolute;
  left: 50%;
  margin-left: -20px
}

div.bdTitle>h2:before {
  bottom: 0
}

div.bdTitle>h2:after {
  bottom: -2px
}

div.nobdTitle {
  text-align: center
}

div.nobdTitle>h1 {
  font-size: 1.909em;
  font-weight: 700;
  line-height: 1.3;
  margin: .7em 0 .4em
}

.rinji_dl .rinji_dl_list {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #ccc
}

.rinji_dl .rinji_dl_list dt {
  width: 200px;
  padding: 5px
}

.rinji_dl .rinji_dl_list dd {
  padding: 5px;
  width: calc(100% - 200px / 2);
  border-left: 1px solid #ccc
}

.rinji_dl .rinji_dl_list:first-child {
  border-top: 1px solid #ccc
}

div.2:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #e0e0e0;
  position: absolute;
  left: 50%;
  margin-left: -20px
}

div.bdTitle>h2:before {
  bottom: 0
}

div.bdTitle>h2:after {
  bottom: -2px
}

div.nobdTitle {
  text-align: center
}

div.nobdTitle>h1 {
  font-size: 1.909em;
  font-weight: 700;
  line-height: 1.3;
  margin: .7em 0 .4em
}

div.nobdTitle>h1 span {
  font-size: 71%;
  display: block
}

div.nobdTitle>h2 {
  color: #9e9e9e;
  font-family: "Noto Serif"
}

div.dwArrow {
  text-align: center;
  margin-bottom: 1em
}

div.dwArrow>img {
  width: 6.8%
}

div.next {
  text-align: center;
  font-size: 2.18em;
  color: #bdbdbd
}

ul.marked li {
  line-height: 1.4;
  color: #616161;
  position: relative;
  padding-left: 1em;
  margin: .5em 0
}

ul.marked li:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .4em;
  height: .4em;
  background-color: #616161;
  border-radius: 100%;
  margin-top: .4em
}

div.alert>h1 {
  background-color: #f44336
}

div.alert>div {
  background-color: #feeceb;
  font-size: .909em;
  line-height: 1.6
}

div.linkMenuDown>ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 1em 0;
  margin: 1em 0
}

div.linkMenuDown>ul li {
  display: table-cell;
  vertical-align: middle;
  border: 1px #f2799a solid;
  border-radius: 4px;
  padding: .5em 0
}

div.linkMenuDown>ul li a {
  text-align: center;
  line-height: 1.2;
  position: relative;
  display: block
}

div.linkMenuDown>ul li a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  -khtml-opacity: .75;
  opacity: .75
}

div.linkMenuDown>ul li a:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 1.4em;
  font-weight: 400;
  position: absolute;
  right: .5em;
  top: 50%;
  margin-top: -.5em
}

.upFukidashi,
#hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
  margin: .344em;
  background-color: #fdebf0;
  padding: .67em;
  border-radius: 2px;
  position: relative
}

.upFukidashi:before,
#hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 7%;
  border-width: 0 .5em .5em .5em;
  border-color: transparent transparent #fdebf0 transparent;
  top: -.3em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 7%
}

#hajimete section#sct1 div.main div.point3 div img {
  padding: 10px 20px
}

.layout01 {
  display: table;
  width: 100%
}

.layout01>* {
  display: table-cell;
  vertical-align: top
}

.layout01>*:first-child {
  width: 0%
}

.layout01>*:last-child {
  padding-left: 0em
}

.layout01>*>h1 {
  font-size: 1.182em;
  line-height: 1.38;
  font-weight: 700;
  margin-bottom: .5em
}

.layout01>*>p {
  line-height: 1.45
}

.font13 {
  font-size: 13px
}

.font18 {
  font-size: 18px !important
}

.w100 {
  width: 100% !important
}

#areaDetail section p,
#areaDetail section div,
#areaDetail section ul,
#areaDetail section dl {
  border-radius: 4px
}

#areaDetail section.title {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 3.81;
  background-color: #fff
}

#areaDetail section.main {
  margin: 2%;
  background-color: #fff
}

#areaDetail section.main h2 {
  padding: 1em 0 .8em;
  margin-bottom: .5em
}

#areaDetail section.main h2>img {
  width: 85%;
  position: relative;
  left: 4%
}

#areaDetail section.main p {
  text-align: center;
  font-size: 1.09em;
  line-height: 1.5
}

#areaDetail section.main p img {
  padding: 1em 3% .8em 1%
}

#areaDetail section.main>div>img {
  padding: 1em
}

#areaDetail section.main .text-center .sengen {
  border: 1px solid #F2799A;
  border-radius: 10px;
  width: 95%;
  background-color: #F2799A;
  margin: 0 auto
}

#areaDetail section.main .text-center .sengen p.txt {
  font-size: 18px;
  padding: 0 0 0;
  background-color: #fff;
  width: 95%;
  margin-left: 13px;
  margin-top: 13px
}

#areaDetail section.main .text-center .sengen p.txtb {
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  color: #FFF;
  padding: 0 0 10px
}

#areaDetail section.main .text-center .sengen p.txt-large {
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  color: #FFF;
  margin-top: 10px;
  letter-spacing: 10px
}

#interviewPg section p,
#interviewPg section div,
#interviewPg section ul,
#interviewPg section dl {
  border-radius: 4px
}

#interviewPg section.main {
  margin: 2%;
  padding: 1em 1em .1em
}

#interviewPg section.main div.title {
  padding: 1em
}

#interviewPg section.main div.title h2 {
  background-color: #d0b592;
  display: inline-block;
  font-size: 1.436em;
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  padding: 0 1em
}

#interviewPg section.main div.title h1 {
  font-size: 2.376em;
  font-weight: 700;
  color: #616161;
  line-height: 2
}

#interviewPg section.main div.title .top_right {
  float: right
}

#interviewPg section.main div.title p {
  font-size: 1.09em;
  line-height: 1.5;
  color: #616161
}

#interviewPg .bdTitle h1 {
  color: #616161
}

#interviewPg .Q {
  margin-bottom: 1em;
  border: 1.5px #000 solid;
  border-radius: 10px;
  padding: 1.25em;
  background-image: url(../img/common/bg.png);
  background-size: 100%;
  background-repeat: repeat;
  position: relative
}

#interviewPg .Q>p {
  line-height: 1.5;
  margin-left: 2.5em
}

#interviewPg .Q:before {
  content: "Q";
  font-size: 3.45em;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  left: .2em;
  color: #f2799a
}

#interviewPg .A_A,
#interviewPg .A_B,
#interviewPg .A_staff {
  font-size: 1.09em;
  position: relative;
  background-color: #f0f0f0;
  padding: .8em 1.5em 2.8em;
  border-radius: .8em;
  margin-bottom: 3em
}

#interviewPg .A_A>h1,
#interviewPg .A_B>h1 {
  font-weight: 700;
  color: #21181b;
  line-height: 2
}

#interviewPg .A_A>p,
#interviewPg .A_B>p {
  line-height: 1.5
}

#interviewPg .A_A>p>span,
#interviewPg .A_B>p>span {
  color: #f2799a
}

#interviewPg .A_A:before {
  content: "";
  background-image: url(../img/interview/customer_a.png);
  width: 3.3em;
  height: 5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2.2em;
  right: 1em
}

#interviewPg .A_A:after {
  content: "";
  background-image: url(../img/interview/fukidashi_right_btm.png);
  width: 2em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -.8em;
  right: 4.8em
}

#interviewPg .A_B:after {
  content: "";
  background-image: url(../img/interview/fukidashi_left_btm.png);
  width: 2em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -.8em;
  left: 4.8em
}

#interviewPg .A_B:before {
  content: "";
  background-image: url(../img/interview/customer_b.png);
  width: 3.3em;
  height: 5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2.2em;
  left: 1.5em
}

#interviewPg .A_staff {
  line-height: 1.5;
  margin-left: 4.5em;
  padding: 1em
}

#interviewPg .A_staff>h1 {
  color: #616161
}

#interviewPg .A_staff>p {
  color: #3e3e3e
}

#interviewPg .A_staff:before {
  content: "";
  background-image: url(../img/interview/staff.png);
  width: 3.34em;
  height: 3.34em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 2em;
  left: -4.5em
}

#interviewPg .A_staff:after {
  content: "";
  background-image: url(../img/interview/fukidashi_left_mid.png);
  width: 1.5em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 57%;
  left: -1.2em
}

#tuyomi {
  margin-bottom: -.8em
}

#tuyomi section p,
#tuyomi section div,
#tuyomi section ul,
#tuyomi section dl {
  border-radius: 4px
}

#tuyomi .title {
  text-align: center;
  font-size: 1.182em;
  padding-top: 1em;
  font-weight: 700
}

#tuyomi .title img {
  width: 82%;
  padding: .8em 0
}

#tuyomi .sign {
  background: none;
  text-align: center;
  padding: 1em 0 0
}

#tuyomi .sign>img {
  width: 70%
}

#tuyomi .sign>p {
  line-height: 1.4;
  font-weight: 700
}

#tuyomi .main {
  margin: 4% 2%
}

#tuyomi .main .main_head {
  text-align: center;
  background-image: url(../img/common/bg.png);
  background-size: 100%;
  background-repeat: repeat;
  position: relative
}

#tuyomi .main .main_head h1 {
  font-size: 1.36em;
  line-height: 1.4;
  padding-top: 1.2em;
  padding-bottom: .8em
}

#tuyomi .main .main_head h1 span {
  font-size: 1.41em;
  color: #f2799a;
  font-weight: 700
}

#tuyomi .main .main_head>img {
  padding: 0 1em .8em
}

#tuyomi .main .content {
  padding: 1em 1em .1em
}

#tuyomi .main .content .mBox {
  margin-bottom: 1.2em
}

#tuyomi .main .content .mBox>h1 {
  font-size: 1.727em;
  line-height: 1.8em;
  color: #fff
}

#tuyomi .main .content .mBox>h1.adv {
  background-color: #f2799a
}

#tuyomi .main .content .mBox>h1.weak {
  background-color: #616161
}

#tuyomi .main .content .mBox>h2 {
  font-size: 1.454em;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: .5em 0;
  border-bottom: 1px #eee solid
}

#tuyomi .main .content .mBox>h2.adv {
  color: #f2799a
}

#tuyomi .main .content .mBox>h2.weak {
  color: #333
}

#tuyomi .main .content .mBox li {
  border-bottom: 1px #e0e0e0 solid
}

#tuyomi .main .content .mBox li:last-child {
  border: none
}

#tuyomi .main .content .mBox li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0
}

#tuyomi .main .content .mBox li>div {
  padding: .8em
}

#tuyomi .main .content .mBox li>div:first-child {
  float: left;
  height: 7.27em;
  display: inline-block;

  width:7.22:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    left: 50%;
    margin-left: -20px
  }

  div.bdTitle>h2:before {
    bottom: 0
  }

  div.bdTitle>h2:after {
    bottom: -2px
  }

  div.nobdTitle {
    text-align: center
  }

  div.nobdTitle>h1 {
    font-size: 1.909em;
    font-weight: 700;
    line-height: 1.3;
    margin: .7em 0 .4em
  }

  div.nobdTitle>h1 span {
    font-size: 71%;
    display: block
  }

  div.nobdTitle>h2 {
    color: #9e9e9e;
    font-family: "Noto Serif"
  }

  div.dwArrow {
    text-align: center;
    margin-bottom: 1em
  }

  div.dwArrow>img {
    width: 6.8%
  }

  div.next {
    text-align: center;
    font-size: 2.18em;
    color: #bdbdbd
  }

  ul.marked li {
    line-height: 1.4;
    color: #616161;
    position: relative;
    padding-left: 1em;
    margin: .5em 0
  }

  ul.marked li:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .4em;
    height: .4em;
    background-color: #616161;
    border-radius: 100%;
    margin-top: .4em
  }

  div.alert>h1 {
    background-color: #f44336
  }

  div.alert>div {
    background-color: #feeceb;
    font-size: .909em;
    line-height: 1.6
  }

  div.linkMenuDown>ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 1em 0;
    margin: 1em 0
  }

  div.linkMenuDown>ul li {
    display: table-cell;
    vertical-align: middle;
    border: 1px #f2799a solid;
    border-radius: 4px;
    padding: .5em 0
  }

  div.linkMenuDown>ul li a {
    text-align: center;
    line-height: 1.2;
    position: relative;
    display: block
  }

  div.linkMenuDown>ul li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
  }

  div.linkMenuDown>ul li a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.4em;
    font-weight: 400;
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -.5em
  }

  .upFukidashi,
  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
    margin: .344em;
    background-color: #fdebf0;
    padding: .67em;
    border-radius: 2px;
    position: relative
  }

  .upFukidashi:before,
  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 7%;
    border-width: 0 .5em .5em .5em;
    border-color: transparent transparent #fdebf0 transparent;
    top: -.3em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 7%
  }

  #hajimete section#sct1 div.main div.point3 div img {
    padding: 10px 20px
  }

  .layout01 {
    display: table;
    width: 100%
  }

  .layout01>* {
    display: table-cell;
    vertical-align: top
  }

  .layout01>*:first-child {
    width: 0%
  }

  .layout01>*:last-child {
    padding-left: 0em
  }

  .layout01>*>h1 {
    font-size: 1.182em;
    line-height: 1.38;
    font-weight: 700;
    margin-bottom: .5em
  }

  .layout01>*>p {
    line-height: 1.45
  }

  .font13 {
    font-size: 13px
  }

  .font18 {
    font-size: 18px !important
  }

  .w100 {
    width: 100% !important
  }

  #areaDetail section p,
  #areaDetail section div,
  #areaDetail section ul,
  #areaDetail section dl {
    border-radius: 4px
  }

  #areaDetail section.title {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    line-height: 3.81;
    background-color: #fff
  }

  #areaDetail section.main {
    margin: 2%;
    background-color: #fff
  }

  #areaDetail section.main h2 {
    padding: 1em 0 .8em;
    margin-bottom: .5em
  }

  #areaDetail section.main h2>img {
    width: 85%;
    position: relative;
    left: 4%
  }

  #areaDetail section.main p {
    text-align: center;
    font-size: 1.09em;
    line-height: 1.5
  }

  #areaDetail section.main p img {
    padding: 1em 3% .8em 1%
  }

  #areaDetail section.main>div>img {
    padding: 1em
  }

  #areaDetail section.main .text-center .sengen {
    border: 1px solid #F2799A;
    border-radius: 10px;
    width: 95%;
    background-color: #F2799A;
    margin: 0 auto
  }

  #areaDetail section.main .text-center .sengen p.txt {
    font-size: 18px;
    padding: 0 0 0;
    background-color: #fff;
    width: 95%;
    margin-left: 13px;
    margin-top: 13px
  }

  #areaDetail section.main .text-center .sengen p.txtb {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #FFF;
    padding: 0 0 10px
  }

  #areaDetail section.main .text-center .sengen p.txt-large {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    color: #FFF;
    margin-top: 10px;
    letter-spacing: 10px
  }

  #interviewPg section p,
  #interviewPg section div,
  #interviewPg section ul,
  #interviewPg section dl {
    border-radius: 4px
  }

  #interviewPg section.main {
    margin: 2%;
    padding: 1em 1em .1em
  }

  #interviewPg section.main div.title {
    padding: 1em
  }

  #interviewPg section.main div.title h2 {
    background-color: #d0b592;
    display: inline-block;
    font-size: 1.436em;
    font-weight: 700;
    line-height: 1.8;
    color: #fff;
    padding: 0 1em
  }

  #interviewPg section.main div.title h1 {
    font-size: 2.376em;
    font-weight: 700;
    color: #616161;
    line-height: 2
  }

  #interviewPg section.main div.title .top_right {
    float: right
  }

  #interviewPg section.main div.title p {
    font-size: 1.09em;
    line-height: 1.5;
    color: #616161
  }

  #interviewPg .bdTitle h1 {
    color: #616161
  }

  #interviewPg .Q {
    margin-bottom: 1em;
    border: 1.5px #000 solid;
    border-radius: 10px;
    padding: 1.25em;
    background-image: url(../img/common/bg.png);
    background-size: 100%;
    background-repeat: repeat;
    position: relative
  }

  #interviewPg .Q>p {
    line-height: 1.5;
    margin-left: 2.5em
  }

  #interviewPg .Q:before {
    content: "Q";
    font-size: 3.45em;
    font-weight: 700;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    left: .2em;
    color: #f2799a
  }

  #interviewPg .A_A,
  #interviewPg .A_B,
  #interviewPg .A_staff {
    font-size: 1.09em;
    position: relative;
    background-color: #f0f0f0;
    padding: .8em 1.5em 2.8em;
    border-radius: .8em;
    margin-bottom: 3em
  }

  #interviewPg .A_A>h1,
  #interviewPg .A_B>h1 {
    font-weight: 700;
    color: #21181b;
    line-height: 2
  }

  #interviewPg .A_A>p,
  #interviewPg .A_B>p {
    line-height: 1.5
  }

  #interviewPg .A_A>p>span,
  #interviewPg .A_B>p>span {
    color: #f2799a
  }

  #interviewPg .A_A:before {
    content: "";
    background-image: url(../img/interview/customer_a.png);
    width: 3.3em;
    height: 5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2.2em;
    right: 1em
  }

  #interviewPg .A_A:after {
    content: "";
    background-image: url(../img/interview/fukidashi_right_btm.png);
    width: 2em;
    height: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -.8em;
    right: 4.8em
  }

  #interviewPg .A_B:after {
    content: "";
    background-image: url(../img/interview/fukidashi_left_btm.png);
    width: 2em;
    height: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -.8em;
    left: 4.8em
  }

  #interviewPg .A_B:before {
    content: "";
    background-image: url(../img/interview/customer_b.png);
    width: 3.3em;
    height: 5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2.2em;
    left: 1.5em
  }

  #interviewPg .A_staff {
    line-height: 1.5;
    margin-left: 4.5em;
    padding: 1em
  }

  #interviewPg .A_staff>h1 {
    color: #616161
  }

  #interviewPg .A_staff>p {
    color: #3e3e3e
  }

  #interviewPg .A_staff:before {
    content: "";
    background-image: url(../img/interview/staff.png);
    width: 3.34em;
    height: 3.34em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 2em;
    left: -4.5em
  }

  #interviewPg .A_staff:after {
    content: "";
    background-image: url(../img/interview/fukidashi_left_mid.png);
    width: 1.5em;
    height: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 57%;
    left: -1.2em
  }

  #tuyomi {
    margin-bottom: -.8em
  }

  #tuyomi section p,
  #tuyomi section div,
  #tuyomi section ul,
  #tuyomi section dl {
    border-radius: 4px
  }

  #tuyomi .title {
    text-align: center;
    font-size: 1.182em;
    padding-top: 1em;
    font-weight: 700
  }

  #tuyomi .title img {
    width: 82%;
    padding: .8em 0
  }

  #tuyomi .sign {
    background: none;
    text-align: center;
    padding: 1em 0 0
  }

  #tuyomi .sign>img {
    width: 70%
  }

  #tuyomi .sign>p {
    line-height: 1.4;
    font-weight: 700
  }

  #tuyomi .main {
    margin: 4% 2%
  }

  #tuyomi .main .main_head {
    text-align: center;
    background-image: url(../img/common/bg.png);
    background-size: 100%;
    background-repeat: repeat;
    position: relative
  }

  #tuyomi .main .main_head h1 {
    font-size: 1.36em;
    line-height: 1.4;
    padding-top: 1.2em;
    padding-bottom: .8em
  }

  #tuyomi .main .main_head h1 span {
    font-size: 1.41em;
    color: #f2799a;
    font-weight: 700
  }

  #tuyomi .main .main_head>img {
    padding: 0 1em .8em
  }

  #tuyomi .main .content {
    padding: 1em 1em .1em
  }

  #tuyomi .main .content .mBox {
    margin-bottom: 1.2em
  }

  #tuyomi .main .content .mBox>h1 {
    font-size: 1.727em;
    line-height: 1.8em;
    color: #fff
  }

  #tuyomi .main .content .mBox>h1.adv {
    background-color: #f2799a
  }

  #tuyomi .main .content .mBox>h1.weak {
    background-color: #616161
  }

  #tuyomi .main .content .mBox>h2 {
    font-size: 1.454em;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    padding: .5em 0;
    border-bottom: 1px #eee solid
  }

  #tuyomi .main .content .mBox>h2.adv {
    color: #f2799a
  }

  #tuyomi .main .content .mBox>h2.weak {
    color: #333
  }

  #tuyomi .main .content .mBox li {
    border-bottom: 1px #e0e0e0 solid
  }

  #tuyomi .main .content .mBox li:last-child {
    border: none
  }

  #tuyomi .main .content .mBox li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0
  }

  #tuyomi .main .content .mBox li>div {
    padding: .8em
  }

  #tuyomi .main .content .mBox li>div:first-child {
    float: left;
    height: 7.27em;
    display: inline-block;
    width: 7.27em
  }

  #tuyomi .main:last-of-type .content .mBox:last-of-type li>div:first-child {
    display: none
  }

  #tuyomi .main .content .mBox li>div>h1 {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: .5em;
    position: relative
  }

  #tuyomi .main .content .mBox li>div>h1:before {
    color: #fff;
    font-size: .69em;
    padding: 0 .2em;
    line-height: 1.4;
    border-radius: .2em;
    font-weight: 400;
    position: relative;
    top: -.1em
  }

  #tuyomi .main .content .mBox li>div>h1.f:before {
    content: "Lady's";
    background-color: #f2799a
  }

  #tuyomi .main .content .mBox li>div>h1.m:before {
    content: "Men's";
    background-color: #75a3c1
  }

  #tuyomi .main .content .mBox li>div>p {
    font-size: .909em;
    line-height: 1.4
  }

  #tuyomi .main .content .mBox li>div:first-child {
    width: 160px;
    height: auto
  }

  #tuyomi .main .content .mBox li>div:first-child img {
    width: 100%;
    height: auto
  }

  #aoba section p,
  #aoba section div,
  #aoba section ul,
  #aoba section dl {
    border-radius: 4px
  }

  #aoba section.top {
    position: relative;
    background: none
  }

  #aoba section.top>h1 {
    text-align: center;
    font-weight: 700;
    font-size: 1.909em;
    width: 100%;
    position: absolute;
    top: 1em;
    left: 0
  }

  #aoba section.top>div {
    text-align: center;
    padding: 1.5em 0em 0;
    background-color: #fff;
    margin-bottom: 1.5em
  }

  #aoba section.top>div>h2 {
    font-size: .909em;
    margin-bottom: .6em;
    color: #f2799a;
    font-weight: 700
  }

  #aoba section.top>div>h1 {
    font-size: 1.636em;
    font-weight: 700;
    color: #f2799a;
    margin-bottom: .4em
  }

  #aoba section.top>div>p {
    font-size: .909em;
    font-weight: 700;
    color: #616161;
    margin-bottom: 1em
  }

  #aoba section.top>div>h3 {
    font-size: 1.636em;
    color: #fff;
    background-color: #f2799a;
    line-height: 1.5em;
    font-family: "Noto Serif"
  }

  #aoba section.top>div>h3>i {
    width: 2em;
    height: 2em;
    font-size: .5em;
    vertical-align: middle;
    line-height: 2em;
    background-color: #fff;
    color: #f2799a;
    border-radius: 50%;
    margin-right: .5em;
    margin-top: -.2em
  }

  #aoba section.top>div>h3 img {
    height: 1em
  }

  #aoba section.main {
    background: none;
    margin: 2%;
    color: #616161
  }

  #aoba section.main>h1 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin-bottom: .5em
  }

  #aoba section.main>h2 {
    color: #9e9e9e;
    text-align: center;
    margin-bottom: .5em;
    font-family: Noto Serif
  }

  #aoba section.main .content {
    padding: 1em;
    background-color: #fff
  }

  #aoba section.main .content>h1 {
    font-size: 1.09em;
    font-weight: 700;
    margin: 1em 1em 1.2em
  }

  #aoba section.main .content>h1 span {
    color: #f2799a;
    font-weight: 400
  }

  #aoba section.main .content>p {
    margin: 1em
  }

  #aoba section.main .content>dl {
    border: 1px #ccc solid;
    margin-bottom: 1em
  }

  #aoba section.main .content>dl>h1 {
    font-size: .909em;
    margin: 1em;
    line-height: 1.4
  }

  #aoba section.main .content>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  #aoba section.main .content>dl dd {
    padding: 1em 1em 2.4em;
    line-height: 1.4
  }

  #aoba section.main .content>dl dd.tel {
    font-family: "Noto Serif";
    font-weight: 700
  }

  #aoba section.main .content>dl dd.map p {
    margin-top: 1em
  }

  #yoritakaku section p,
  #yoritakaku section div,
  #yoritakaku section ul,
  #yoritakaku section dl {
    border-radius: 4px
  }

  #yoritakaku section.main {
    line-height: 1.4
  }

  #yoritakaku section.main>p {
    line-height: 1.6
  }

  #yoritakaku section.title {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    line-height: 3.81;
    background-color: #fff
  }

  #yoritakaku section.top {
    padding: 1em 2%;
    background: none
  }

  #yoritakaku section.top img {
    padding: 0 1em 1em
  }

  #yoritakaku section.top ul {
    background-color: #fff
  }

  #yoritakaku section.top ul li {
    border: 1px #e0e0e0 solid;
    margin-bottom: -1px
  }

  #yoritakaku section.top ul li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }

  #yoritakaku section.top ul li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

  #yoritakaku section.top ul li a {
    display: block;
    color: #616161;
    padding: 0 1em;
    position: relative
  }

  #yoritakaku section.top ul li a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.818em;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: .5em;
    color: #f2799a;
    margin-top: -.5em
  }

  #yoritakaku section.top ul li a p {
    display: inline-block;
    font-size: .909em;
    color: #fff;
    background-color: #f2799a;
    line-height: 1.6;
    width: 5em;
    border-radius: 3em;
    vertical-align: middle;
    text-align: center
  }

  #yoritakaku section.top ul li a h1 {
    display: inline-block;
    font-size: 1.182em;
    vertical-align: middle;
    font-weight: 700;
    margin-left: .8em;
    line-height: 3.1
  }

  #yoritakaku section.main {
    padding: 1em;
    color: #616161;
    margin: 1.4em 2%
  }

  #yoritakaku section.main h2 {
    text-align: center;
    color: #fff;
    background-color: #f2799a;
    font-size: 1.182em;
    line-height: 1.5;
    border-radius: 3em;
    width: 5em;
    margin: .7em auto
  }

  #yoritakaku section.main>h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    margin-bottom: .7em
  }

  #yoritakaku section.main>p {
    margin-bottom: 1em
  }

  #yoritakaku section.main p span {
    color: #dc4365
  }

  #yoritakaku section.main p.sub {
    font-weight: 700;
    padding: 1em;
    background-color: #eee;
    border-radius: 2px;
    margin-bottom: 1em
  }

  #yoritakaku section.main div.mBox>h1 {
    color: #fff;
    background-color: #f2799a;
    font-size: 1.273em;
    line-height: 1.4;
    padding: .4em 0
  }

  #yoritakaku section.main div.mBox>div {
    display: table;
    width: 100%;
    padding: .5em
  }

  #yoritakaku section.main div.mBox>div>div {
    display: table-cell;
    vertical-align: top;
    padding: .5em
  }

  #yoritakaku section.main div.mBox>div>div>img {
    width: 6.82em
  }

  #yoritakaku section.main div.mBox div>div>h1 {
    font-weight: 700;
    font-size: 1.09em;
    color: #f2799a;
    margin-bottom: .7em
  }

  #yoritakaku section.main div.mBox div>div>p {
    font-size: .909em
  }

  #yoritakaku section#sct1>div {
    margin-bottom: 1.8em
  }

  #yoritakaku section#sct1 div.mBox:last-child {
    margin-bottom: 0
  }

  #yoritakaku section#sct2 div.mBox dl dt {
    padding: 1em
  }

  #yoritakaku section#sct2 div.mBox dl dt h1 {
    font-size: 1.363em;
    font-weight: 700;
    margin-bottom: .5em;
    color: #616161
  }

  #yoritakaku section#sct2 div.mBox dl dt h1:before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    background-image: url(../img/yoritakaku/check.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em
  }

  #yoritakaku section#sct2 div.mBox dl dt p {
    font-size: .909em
  }

  #yoritakaku section#sct2 div.mBox dl dd {
    padding: 1em;
    background-color: #eee
  }

  #yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox) {
    display: table;
    width: 100%;
    margin-bottom: 1em
  }

  #yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox)>* {
    display: table-cell;
    vertical-align: top
  }

  #yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox)>div {
    width: 6.818em
  }

  #yoritakaku section#sct2 div.mBox dl dd>div img {
    width: 6.818em
  }

  #yoritakaku section#sct2 div.mBox dd>div img.above {
    margin-top: -.5em
  }

  #yoritakaku section#sct2 div.mBox dl dd>div p {
    font-size: .909em;
    padding-left: 1em
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox h1 {
    font-size: 1.09em;
    background-color: #616161
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox ul {
    background-color: #fff
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox ul li {
    font-weight: 700;
    padding: 1em 1em 1em 2.5em;
    border-bottom: 1px #ccc solid;
    font-size: 1.09em;
    position: relative
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox ul li:last-child {
    border: none
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox ul li:before {
    content: "\f05e";
    font-family: FontAwesome;
    font-size: 1.4em;
    color: #ffc107;
    font-weight: 400;
    position: absolute;
    top: .5em;
    left: .5em
  }

  #yoritakaku section#sct3 ul {
    background-color: #eee;
    padding: .5em
  }

  #yoritakaku section#sct3 ul li {
    float: left;
    width: 33%;
    padding: .3em
  }

  #yoritakaku section#sct4 {
    padding: 1em 0 0;
    margin-bottom: 2em
  }

  #yoritakaku section#sct4 p {
    padding: 1em
  }

  #yoritakaku section#sct5 p.sub {
    text-align: center;
    color: #dc4365;
    font-size: 1.182em;
    padding: .5em .5em
  }

  #yoritakaku section#sct5 p.sub img {
    margin: 1em 0;
    display: block
  }

  #sct2>div {
    margin-bottom: 1em
  }

  #sct2>div:last-child {
    margin-bottom: 0
  }

  @media screen and (max-width:480px) {
    #yoritakaku section.top ul li a {
      padding-left: 15px;
      padding-right: 15px
    }

    #yoritakaku section.top ul li a p {
      border-radius: 12px;
      margin-top: -12px;
      position: absolute;
      top: 50%;
      left: 15px;
      width: 70px;
      line-height: 24px
    }

    #yoritakaku section.top ul li a h1 {
      line-height: 1.4;
      margin-left: 0;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 80px;
      padding-right: 40px
    }
  }

  #takuhai section p,
  #takuhai section div,
  #takuhai section ul,
  #takuhai section dl {
    border-radius: 4px
  }

  #takuhai>.title {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    line-height: 3.81;
    background-color: #fff
  }

  #takuhai .base {
    margin: 2%;
    border: 2px #d0b592 solid;
    background-color: #f8f4ef;
    color: #616161;
    border-radius: 4px
  }

  #takuhai .top {
    background: none;
    padding: 0 1em;
    margin-bottom: 1em
  }

  #takuhai .top .title {
    width: 90%;
    margin: 1.5em auto
  }

  #takuhai .top p {
    font-size: 1.273em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1em
  }

  #takuhai .top .kit {
    text-align: center
  }

  #takuhai .top .kit>img {
    width: 45%
  }

  #takuhai .top .kit>div>div {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    padding: .5em .5em 1em;
    background-color: #fff;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

  #takuhai .top .kit>div>div>dl {
    float: left;
    width: 25%;
    padding: .5em
  }

  #takuhai .top .kit div dl dd {
    font-size: .909em;
    line-height: 1.4;
    font-weight: 700
  }

  #takuhai .main {
    background-color: #fff;
    color: #616161;
    border-radius: 0
  }

  #takuhai .main>h1 {
    font-size: 1.909em;
    text-align: center;
    font-weight: 700;
    padding-top: 1.3em;
    margin-bottom: .6em
  }

  #takuhai .main h2 {
    font-size: 1.273em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1em;
    padding: 0 1em
  }

  #takuhai #content ul {
    padding: 0 .5em
  }

  #takuhai #content ul li {
    width: 50%;
    float: left;
    padding: .5em
  }

  #takuhai #merit {
    padding: 0 1em .1em;
    padding-bottom: 1em
  }

  #takuhai #merit>dl {
    display: table;
    width: 100%;
    background-color: #f8f4ef;
    margin-bottom: 1em;
    border-radius: .2em
  }

  #takuhai #merit>dl>dt,
  #takuhai #merit>dl>dd {
    display: table-cell;
    vertical-align: top
  }

  #takuhai #merit>dl dt {
    width: 7.28em;
    padding: .8em
  }

  #takuhai #merit>dl dd {
    padding: 1em 1em 1em .5em
  }

  #takuhai #merit>dl dd h1 {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: .5em
  }

  #takuhai #merit>dl dd p {
    line-height: 1.6
  }

  #takuhai .boxSize {
    display: table;
    border-collapse: separate;
    border-spacing: 1em 1em;
    width: 100%;
    background-color: #f8f4ef;
    margin-top: -2em;
    margin-bottom: 1em
  }

  #takuhai .boxSize>div {
    display: table-row;
    padding: 1em
  }

  #takuhai .boxSize>div>div {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    background-color: #fff;
    font-size: .909em;
    line-height: 1.4;
    padding: 12em 1em 1em;
    position: relative
  }

  #takuhai .boxSize>div>div.upper {
    padding: 13em 1em 1em
  }

  #takuhai .boxSize>div>div img {
    position: absolute;
    top: 1em;
    left: 0
  }

  #takuhai .boxSize>div>div h1 {
    font-weight: 700;
    color: #212121;
    margin-bottom: .5em
  }

  #takuhai .boxSize>div>div ul li {
    position: relative;
    padding-left: .5em
  }

  #takuhai .boxSize>div>div ul li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .4em;
    height: .4em;
    background-color: #616161;
    border-radius: 100%;
    margin-top: .4em
  }

  #takuhai .boxSize>div>div.upper {
    padding-top: 2em
  }

  #takuhai .boxSize>div>div img {
    margin-bottom: 1em;
    position: relative;
    top: auto;
    left: auto
  }

  #takuhai #insurance dd p a {
    color: #616161
  }

  #takuhai #insurance dd p a i {
    color: #f2799a;
    padding-left: .5em
  }

  div#riyuu section.title {
    margin-bottom: 1em
  }

  div#riyuu section.title h1 {
    font-size: 1.909em;
    font-weight: 700;
    color: #212121;
    text-align: center;
    padding-top: 1.5em;
    margin-bottom: .7em
  }

  div#riyuu section.title p {
    text-align: center;
    font-weight: 700;
    color: #f2799a;
    font-size: 1.273em;
    line-height: 1.4;
    padding-bottom: 1em
  }

  div#riyuu section.top {
    padding: 1em 1em .1em;
    font-size: 1.09em;
    margin: 2% 2% 1em
  }

  div#riyuu section.top p {
    color: #212121;
    line-height: 1.5;
    margin: 0 2% 1em
  }

  div#riyuu section.top ul li {
    border: 1px #f2799a solid;
    margin-bottom: .8em
  }

  div#riyuu section.top ul li a {
    display: block;
    padding: .5em;
    position: relative
  }

  div#riyuu section.top ul li a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.4em;
    color: #f2799a;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: .5em;
    margin-top: -.5em
  }

  div#riyuu section.top ul li a p {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    font-size: 1.09em;
    border-radius: 100%;
    line-height: 1.5;
    font-family: "Noto Serif";
    position: absolute;
    top: 50%;
    margin-top: -.75em;
    left: .5em
  }

  div#riyuu section.top ul li a h1 {
    font-weight: 700;
    line-height: 1.4;
    padding-left: 3em
  }

  #riyuu section p,
  #riyuu section div,
  #riyuu section ul,
  #riyuu section dl {
    border-radius: 4px
  }

  #riyuu section.main {
    margin: 0 2% 1em;
    position: relative
  }

  #riyuu section.main>h2 {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    font-size: 1.09em;
    border-radius: 100%;
    line-height: 1.5;
    font-family: "Noto Serif";
    position: absolute;
    top: 2.2em;
    margin-top: -.75em;
    left: .8em
  }

  #riyuu section.main>h1 {
    font-size: 1.273em;
    font-weight: 700;
    line-height: 1.3;
    color: #616161;
    padding: .7em 0 .7em 2.5em;
    border-bottom: 1px #ccc solid
  }

  #riyuu section.main>div {
    padding: 1em
  }

  #riyuu section.main div p {
    font-size: 1.09em;
    color: #616161;
    line-height: 1.5
  }

  #riyuu section.main div.graph {
    margin-bottom: 1em
  }

  #riyuu section.main div.graph div {
    border: 1px #bdbdbd solid
  }

  #riyuu section.main div.graph div ul {
    display: table;
    width: 100%;
    table-layout: fixed
  }

  #riyuu section.main div.graph div ul li {
    display: table-cell;
    width: 50%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.09em;
    line-height: 2.5em
  }

  #riyuu section.main div.graph div ul li:first-child {
    background-color: #616161;
    border-top-left-radius: 3px
  }

  #riyuu section.main div.graph div ul li:last-child {
    background-color: #f2799a;
    border-top-right-radius: 3px
  }

  #riyuu section.main div.graph img {
    width: 100%
  }

  #riyuu section.main div>p.sub {
    padding: 1em;
    font-size: 1.273em;
    font-weight: 700;
    line-height: 1.4;
    background-color: #fdebf0;
    color: #616161
  }

  #riyuu section.main div>p.sub span {
    color: #f2799a
  }

  #riyuu section#sct2 div p span {
    color: #f2799a;
    font-weight: 700
  }

  #riyuu section#sct2 div img {
    width: 80%;
    margin-bottom: 1em
  }

  #riyuu section#sct3 div img {
    margin-bottom: 1em
  }

  #riyuu section#sct4 div img {
    margin-bottom: 1em
  }

  #buyer section p,
  #buyer section div,
  #buyer section ul,
  #buyer section dl {
    border-radius: 4px
  }

  #buyer section.top {
    text-align: center
  }

  #buyer section.main {
    padding: 1em;
    color: #616161;
    margin: 0 2%
  }

  #buyer section.main>h1 {
    text-align: center;
    font-size: 1.818em;
    font-weight: 700;
    padding-top: 1em;
    color: #616161;
    line-height: 1.2
  }

  #buyer section.main>h2 {
    text-align: center;
    font-family: "Noto Serif";
    color: #616161;
    opacity: .75;
    padding-top: 1em;
    padding-bottom: 1em
  }

  #buyer section.main>div,
  #buyer section.main>div.feature>div {
    padding: 1em;
    background-color: #f8f4ef;
    position: relative;
    margin-bottom: 1em
  }

  #buyer section.main>div>h2,
  #buyer section.main>div.feature>div>h2 {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    width: 1.67em;
    height: 1.67em;
    text-align: center;
    font-size: 1.09em;
    border-radius: 100%;
    line-height: 1.67;
    font-family: "Noto Serif";
    position: absolute;
    top: 1.9em;
    margin-top: -.75em;
    left: 1em
  }

  #buyer section.main>div h1,
  #buyer section.main>div.feature>div h1 {
    font-size: 1.182em;
    font-weight: 700;
    margin-left: 2em;
    margin-top: .5em;
    margin-bottom: 1.2em;
    color: #424242
  }

  #buyer section.main>div>p,
  #buyer section.main>div.feature>div>p {
    line-height: 1.6
  }

  #buyer section#sct1>div.feature {
    position: static;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    text-align: left
  }

  #buyer section#sct1>div.feature>div>h1 {
    text-align: left
  }

  #buyer section#sct1>div.feature>div>p {
    text-align: left
  }

  #buyer section#sct1>div.feature>div>div {
    width: 100%;
    margin-bottom: .8em
  }

  #buyer section#sct1>div.feature>div>div img {
    width: 70%
  }

  #buyer section#sct1>div.feature>div>div.half {
    padding-top: 16px
  }

  #buyer section#sct1>div.feature>div>div.half img {
    width: 48%
  }

  #buyer section#sct1>div.feature>div>div.half img:first-child {
    padding-right: 1%
  }

  #buyer section#sct1>div.feature>div>div.half img:last-child {
    padding-left: 1%
  }

  #buyer section#sct1>div>div {
    text-align: center;
    margin-bottom: .8em
  }

  #buyer section#sct1>div>div img {
    width: 70%
  }

  #buyer section#sct1>div>div.half img {
    display: inline-block;
    width: 49%
  }

  #buyer section#sct1>div>div.half img {
    display: inline-block;
    width: 48%;
    border-radius: 4px
  }

  #buyer section#sct1>div>div.half img:first-child {
    padding-right: 1%
  }

  #buyer section#sct1>div>div.half img:last-child {
    padding-left: 1%
  }

  #buyer section#sct2 {
    margin-bottom: 1em;
    padding-bottom: .1em
  }

  #buyer section#sct2 div div {
    background-color: #fff;
    padding: .5em 1.5em;
    margin-bottom: 1em
  }

  #buyer section#sct2 div div img {
    background-color: #fff;
    padding: .5em 1.5em;
    margin-bottom: 1em
  }

  #buyer section#sct3 {
    padding-bottom: 0
  }

  #buyer section#sct3>h2 {
    position: relative;
    margin-bottom: 1em
  }

  #buyer section#sct3>h2:before,
  #buyer section#sct3>h2:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    left: 50%;
    margin-left: -20px
  }

  #buyer section#sct3>h2:before {
    bottom: 0
  }

  #buyer section#sct3>h2:after {
    bottom: -2px
  }

  #buyer section#sct3>p {
    line-height: 1.6;
    font-size: 1.09em;
    margin-bottom: .8em
  }

  #buyer section#sct3 div.staff {
    margin: 0 -1em;
    background: none;
    padding: 0;
    border-top: 1px #e0e0e0 solid;
    padding-top: 1em
  }

  #buyer section#sct3 div.staff dl {
    border-bottom: 1px #e0e0e0 solid;
    padding: 1em
  }

  #buyer section#sct3 div.staff dl dt {
    display: table;
    width: 100%;
    margin-bottom: .5em
  }

  #buyer section#sct3 div.staff dl dt>div {
    display: table-cell;
    vertical-align: top
  }

  #buyer section#sct3 div.staff dl dt div.photo {
    width: 7.85em;
    padding-right: 1em;
    margin: 0
  }

  #buyer section#sct3 div.staff dl dt div h1 {
    font-weight: 700;
    padding-bottom: .8em;
    margin: 0;
    font-size: 1.454em
  }

  #buyer section#sct3 div.staff dl dt div h2 {
    font-size: .909em;
    position: relative;
    margin-bottom: .2em
  }

  #buyer section#sct3 div.staff dl dt div h2.tokui {
    color: #f2799a
  }

  #buyer section#sct3 div.staff dl dt div h2.brand {
    color: #c4a277;
    margin-top: 1em
  }

  #buyer section#sct3 div.staff dl dt div h2:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: .2em
  }

  #buyer section#sct3 div.staff dl dt div h2.tokui:before {
    background-image: url(../img/buyer/star.png)
  }

  #buyer section#sct3 div.staff dl dt div h2.brand:before {
    background-image: url(../img/buyer/heart.png)
  }

  #buyer section#sct3 div.staff dl dt div p {
    font-weight: 700;
    line-height: 1.4
  }

  #buyer section#sct3 div.staff dl dd {
    background-color: #eee;
    padding: .8em;
    line-height: 1.5;
    position: relative
  }

  @media (min-width:780px) {
    #buyer section#sct3 div.staff dl dd {
      background-color: #FFF
    }

    #buyer section#sct3 div.staff dl dd:before {
      content: "";
      width: 0 !important;
      height: 0 !important;
      border-style: none !important;
      border-width: 0em 0em 0em !important;
      border-color: #FFFFFF !important;
      position: absolute !important;
      top: 0em !important;
      left: 0em !important
    }
  }

  #buyer section#sct3 div.staff dl dd:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .7em .7em .7em;
    border-color: transparent transparent #eee transparent;
    position: absolute;
    top: -.6em;
    left: 3em
  }

  #buyer section#sct3 div.staffcategry {
    padding: 0 !important;
    background-color: #FFFFFF !important
  }

  #buyer section#sct3 div.staffcategry ul {
    display: inline-block
  }

  #buyer section#sct3 div.staffcategry li {
    float: left;
    margin: 1px
  }

  #buyer section#sct3 div.staffcategry li img {
    max-width: 100%;
    transition: 0.3s ease-in-out
  }

  section#sct3 div.staffcategry li img:hover {
    opacity: .7
  }

  @media (max-width:780px) {
    #buyer section#sct3 div.staffcategry li {
      box-sizing: border-box;
      margin-right: 0;
      margin-left: 0;
      width: 50%
    }

    #buyer section#sct3 div.staffcategry li:nth-child(odd) {
      padding-right: 2px
    }

    #buyer section#sct3 div.staffcategry li:nth-child(even) {
      padding-left: 2px
    }
  }

  #buyer section#sct3 ul.buyer_prof li {
    float: left;
    width: 48%;
    margin: 1%
  }

  #buyer section#sct3 ul.buyer_prof.pr02 {
    margin-bottom: 50px
  }

  #buyer section#sct3 ul.buyer_prof.pr02::after {
    content: "";
    border-bottom: 1px solid #e0e0e0;
    display: block;
    clear: both;
    padding-top: 50px;
    width: 100px;
    margin: 0 auto
  }

  #buyer section#sct3 ul.buyer_prof {
    display: inline-block;
    width: 100%
  }

  #buyer section#sct3 ul.buyer_prof li img {
    max-width: 100%;
    width: initial
  }

  #buyer section#sct3 ul.buyer_prof li p {
    font-size: 90%;
    line-height: 1.4;
    margin-top: 20px
  }

  #buyer section#sct3 ul.buyer_prof li p span {
    font-size: 90%;
    font-weight: 700
  }

  @media (max-width:640px) {
    #buyer section#sct3 ul.buyer_prof li {
      width: 98%;
      margin: 1%
    }
  }

  @media (max-width:780px) {
    #buyer section#sct3 ul.buyer_prof li p {
      font-size: 70%
    }
  }

  @media (max-width:530px) {
    #buyer section#sct3 ul.buyer_prof li p {
      font-size: 110%
    }
  }

  #buyer .staffblog {
    background: none !important;
    border-radius: 0 !important;
    padding: 40px 0 !important;
    text-align: center
  }

  #buyer .staffblog img.inline-sm {
    max-width: 400px
  }

  #buyer .staffblog a {
    display: block;
    margin-top: 10px
  }

  #buyer .staffblog a:hover img {
    opacity: .7
  }

  #buyer .staffblog .title {
    margin-top: 20px;
    margin-bottom: -5px
  }

  #buyer .staffblog .title:before {
    background: #c4a277;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px
  }

  #buyer .staffblog .title span {
    background: #fff;
    color: #c4a277;
    display: inline-block;
    font-weight: 700;
    padding: 5px 10px
  }

  #buyer .staffblog li a {
    background: #f8f4ef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 1px solid #f8f4ef;
    border-radius: 5px;
    line-height: 1.5;
    font-size: 80%;
    padding: 8px 30px 8px 10px;
    text-align: left
  }

  #buyer .staffblog li a:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px
  }

  #buyer .staffblog li a:hover {
    border-color: #f2799a
  }

  #buyer .staffcategry.thr_fltlst+.staffblog {
    padding-top: 0 !important
  }

  #hajimete {
    color: #616161
  }

  #hajimete section p,
  #hajimete section div,
  #hajimete section ul,
  #hajimete section dl {
    border-radius: 4px
  }

  #hajimete section.pageTitle {
    color: #212121;
    background-color: #EEE
  }

  #hajimete section#top {
    border-radius: 0;
    padding-bottom: .1em
  }

  #hajimete section#sct1 div.topImage,
  #hajimete section#top div.topImage {
    background-color: #eee;
    padding: 1.8em 1em 0;
    text-align: center;
    border-radius: 0
  }

  #hajimete section#top p.title3 {
    font-size: 1.3em !important;
    font-weight: bold !important;
    line-height: 150% !important;
    background-color: #eee !important;
    text-align: center;
    color: #505050
  }

  #hajimete section#sct1 {
    padding: 0 2%;
    padding: 0;
    background: none
  }

  #hajimete section#sct1 div.topImage {
    margin: 0 -2%
  }

  #hajimete section#sct1 div.main {
    background-color: #fff;
    padding: 1em
  }

  #hajimete section#sct1 div.main h1 {
    position: relative
  }

  #hajimete section#sct1 div.main div[class*="point"] {
    border: 1px #bdbdbd solid;
    margin: 1em 0;
    border-radius: .5em
  }

  #hajimete section#sct1 div.main div[class*="point"]>h1 {
    padding: .8em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct1 div.main div[class*="point"]>h1 img {
    display: inline-block;
    width: 4.545em;
    vertical-align: middle
  }

  #hajimete section#sct1 div.main div[class*="point"]>h1 p {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li {
    padding: .54em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 {
    padding: .8em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 img,
  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 p {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 img {
    width: 4.545em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 p span {
    font-size: 1.5em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
    margin: .344em;
    background-color: #fdebf0;
    padding: .67em;
    position: relative
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before,
  #hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 7%
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
    border-width: 0 .5em .5em .5em;
    border-color: transparent transparent #fdebf0 transparent;
    top: -.3em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field span {
    font-size: .75em;
    display: block
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field span i {
    color: #f2799a
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p {
    line-height: 1.5
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.comment {
    margin: .458em;
    background-color: #eee;
    padding: .67em;
    position: relative;
    margin-top: 1em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
    border-width: 0 .667em .667em .667em;
    border-color: transparent transparent #eee transparent;
    top: -.4em
  }

  #hajimete section#sct1 div.main div.point1 div.lower {
    padding: .91em;
    line-height: 1.5
  }

  #hajimete section#sct1 div.main div.point1 div.lower>h1 {
    font-size: 1.08em;
    text-align: center;
    line-height: 1.3;
    font-weight: 700;
    color: #f2799a
  }

  #hajimete section#sct1 div.main div.point1 div.lower>h1 img {
    width: 60%;
    padding: 1em 0
  }

  #hajimete section#sct1 div.main div.point2 div ul {
    padding: .5em
  }

  #hajimete section#sct1 div.main div.point2 div ul li {
    float: left;
    width: 50%;
    padding: .5em
  }

  #hajimete section#sct1 div.main div.point2 div p {
    padding: 0 .917em .917em
  }

  #hajimete section#sct1 div.main div.point2 div p span {
    font-size: .917em
  }

  #hajimete section#sct1 div.main div.point3 div {
    padding: 1em
  }

  #hajimete section#sct1 div.main div.point3 div p img {
    margin-bottom: 1em
  }

  #hajimete section#sct1 div.main div.point4 div img,
  #hajimete section#sct1 div.main div.point5 div img {
    width: 56.49%;
    display: block;
    margin: 1em auto
  }

  #hajimete section#sct1 div.main div.point4 div ul {
    padding: 1%
  }

  #hajimete section#sct1 div.main div.point4 div ul li {
    float: left;
    width: 47%;
    margin: 1.5%;
    background-color: #eee;
    font-size: .909em;
    font-weight: 700;
    padding: .7em .7em .7em 3.1em;
    line-height: 1.2;
    position: relative
  }

  #hajimete section#sct1 div.main div.point4 div ul li:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 1.2em;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    left: .8em;
    top: 0;
    margin-top: 1em;
    color: #f2799a
  }

  #hajimete section#sct1 div.main div.point4 div p {
    padding: 0 .917em .917em
  }

  #hajimete section#sct1 div.main div.point5 div p {
    padding: 1em;
    line-height: 1.5
  }

  #hajimete section#sct1 div.main div.point5 div p span {
    font-size: .83em
  }

  #hajimete section#sct2 {
    background: none
  }

  #hajimete section#sct2 div.bdTitle>h2:before,
  #hajimete section#sct2 div.bdTitle>h2:after {
    background: #d5d5d5
  }

  #hajimete section#sct2 h1 {
    color: #616161;
    font-size: 2em !important
  }

  #hajimete section#sct3 {
    margin: 0 2%
  }

  #hajimete section#sct3 div {
    border-radius: 0
  }

  #hajimete section#sct3 div.philosophy {
    border-bottom: 1px #e0e0e0 solid;
    border-radius: 0
  }

  #hajimete section#sct3 div.philosophy div div.title {
    text-align: center
  }

  #hajimete section#sct3 div.philosophy div div.title p {
    font-size: 1.09em;
    font-weight: 700
  }

  #hajimete section#sct3 div.philosophy div div.title h1 {
    font-size: 1.363em;
    font-weight: 700;
    color: #f2799a;
    padding: .5em 0
  }

  #hajimete section#sct3 div.philosophy div div.title img {
    width: 94.4%;
    margin: 1.4em 0
  }

  #hajimete section#sct3 div.philosophy div div.title h2 {
    font-size: 1.363em;
    font-weight: 700;
    line-height: 1.2
  }

  #hajimete section#sct3 div.philosophy>div>p {
    padding: .917em;
    margin-top: .5em
  }

  #hajimete section#sct3 div.sonotameni {
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct3 div.sonotameni h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-top: 1.5em;
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.sonotameni div p {
    padding: .916em
  }

  #hajimete section#sct3 div.sonotameni div img {
    width: 94.46%;
    display: block;
    margin: 0 auto;
    padding: .5em 0 2em
  }

  #hajimete section#sct3 div.kodawari {
    padding-bottom: .1em;
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.kodawari>h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-top: 1.5em;
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"] {
    margin: 0 1em 1em;
    border: 1px #bdbdbd solid;
    border-radius: .5em
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"] h1 {
    padding: .8em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"] h1 span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background-color: #bdbdbd;
    width: 2.6em;
    line-height: 2.6em;
    text-align: center;
    font-size: 1.636em;
    border-radius: 100%;
    font-family: "Noto Serif"
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"]>h1 p {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.182em;
    margin-left: .5em;
    line-height: 1.5
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"] div {
    padding: 1em
  }

  #hajimete section#sct3 div.kodawari div.kdw1 div img {
    display: block;
    width: 61.25%;
    margin: 1em auto
  }

  #hajimete section#sct3 div.kodawari div.kdw2 div img {
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.kodawari div.kdw3 div img {
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.philosophy div div.title img,
  #hajimete section#sct3 div.sonotameni div img {
    max-width: 580px
  }

  #hajimete section#sct4 {
    margin: 0 2% 1em
  }

  #hajimete section#sct4>div {
    border-radius: 0
  }

  #hajimete section#sct4 div.top {
    padding: 0 1em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct4 div.top p {
    margin: 1em 0
  }

  #hajimete section#sct4 div.kikkake {
    padding-bottom: 20px
  }

  #hajimete section#sct4 div.kikkake h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-top: 1.5em;
    margin-bottom: 1em
  }

  #hajimete section#sct4 div.kikkake>div {
    position: relative;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct4 div.kikkake>div img {
    padding: 0 1em 1em
  }

  #hajimete section#sct4 div.kikkake>div p[class*="txt"] {
    font-size: 1.09em;
    line-height: 1.5;
    width: 17.5em
  }

  #hajimete section#sct4 div.kikkake>div p[class*="txt"] span {
    font-weight: 700;
    color: #f2799a
  }

  #hajimete section#sct4 div.kikkake>div p.txta1 {
    position: absolute;
    top: 3%;
    left: 25%
  }

  #hajimete section#sct4 div.kikkake>div p.txta2 {
    position: absolute;
    top: 28%;
    left: 6%
  }

  #hajimete section#sct4 div.kikkake>div p.txta3 {
    position: absolute;
    top: 53%;
    left: 25%
  }

  #hajimete section#sct4 div.kikkake>div p.txta4 {
    position: absolute;
    top: 81%;
    left: 6%
  }

  #hajimete section#sct4 div.kikkake dl {
    display: table;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 600px
  }

  #hajimete section#sct4 div.kikkake dt,
  #hajimete section#sct4 div.kikkake dd {
    display: table-cell;
    vertical-align: middle
  }

  #hajimete section#sct4 div.kikkake dt {
    width: 100px
  }

  #hajimete section#sct4 div.kikkake dt img {
    width: 100%;
    height: auto
  }

  #hajimete section#sct4 div.kikkake dd {
    padding-left: 20px
  }

  #hajimete section#sct4 div.kikkake dd p {
    background: #fdebf0;
    border-radius: 10px;
    line-height: 30px;
    padding: 20px;
    position: relative
  }

  #hajimete section#sct4 div.kikkake dd p:after {
    border-color: transparent #fdebf0 transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: '';
    display: block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 0;
    height: 0
  }

  #hajimete section#sct4 div.kikkake dd span {
    color: #f2799a;
    font-weight: 700
  }

  #hajimete section#sct4 div.kikkake .r dd {
    padding-right: 20px;
    padding-left: 0
  }

  #hajimete section#sct4 div.kikkake .r dd p {
    background: #eee
  }

  #hajimete section#sct4 div.kikkake .r dd p:after {
    border-color: transparent transparent transparent #eee;
    left: auto;
    right: -20px
  }

  #hajimete section#sct4 div.kikkake .line1 dd p {
    padding-top: 35px;
    padding-bottom: 35px
  }

  #hajimete section#sct4 div.voice {
    margin-bottom: 2em
  }

  #hajimete section#sct4 div.voice>h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-top: 1.5em;
    margin-bottom: 1em
  }

  #hajimete section#sct4 div.voice>h3 {
    font-size: 1.09em;
    font-weight: 700;
    text-align: center
  }

  #hajimete section#sct4 div.voice>h2 {
    font-size: 1.363em;
    font-weight: 700;
    text-align: center;
    line-height: 2;
    color: #f2799a
  }

  #hajimete section#sct4 div.voice>div {
    margin: 0 1em;
    border: 1px #bdbdbd solid;
    border-radius: .5em
  }

  #hajimete section#sct4 div.voice>div h2 {
    font-size: .909em;
    padding: 1em
  }

  #hajimete section#sct4 div.voice>div h1 {
    font-size: 1.09em;
    color: #f2799a;
    font-weight: 700;
    line-height: 1.5;
    padding: 0 1em .67em
  }

  #hajimete section#sct4 div.voice>div>div {
    border-top: 1px #e0e0e0 solid;
    padding: 1em;
    border-radius: 0
  }

  #hajimete section#sct4 div.voice div div p {
    font-size: .909em;
    line-height: 1.8
  }

  #hajimete section#sct4 div.voice div.btnArea a i {
    padding-right: .3em
  }

  #hajimete section#sct4 div.btnArea {
    text-align: right
  }

  #hajimete section#sct4 div.btnArea a {
    display: inline-block;
    border: 1px #f2799a solid;
    line-height: 2.3;
    font-size: .909em;
    padding: 0 .5em 0 .5em
  }

  #hajimete section#sct4 div.interv {
    padding: 0 1em 1em
  }

  #hajimete section#sct4 div.interv div.btnArea a i {
    padding-left: .3em
  }

  #hajimete section#sct4 div.interv dl {
    border: 1px #bdbdbd solid;
    border-radius: .5em
  }

  #hajimete section#sct4 div.interv dl dt {
    padding: 1em
  }

  #hajimete section#sct4 div.interv dl dt>img {
    display: inline-block;
    vertical-align: middle;
    width: 3.63em;
    margin-right: .5em
  }

  #hajimete section#sct4 div.interv dl dt>p {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.09em;
    line-height: 1.8
  }

  #hajimete section#sct4 div.interv dl dt>p span {
    display: block;
    font-size: .83em
  }

  #hajimete section#sct4 div.interv dl dd {
    padding: 0 1em 1em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct4 div.interv dl dd:last-of-type {
    border: none
  }

  #hajimete section#sct4 div.interv dl dd p {
    font-size: .909em;
    line-height: 1.8
  }

  #hajimete section#company {
    padding-bottom: .1em;
    margin: 0 2% 1em
  }

  #hajimete section#company div.table {
    margin: 1em;
    border: 1px #bdbdbd solid;
    border-radius: .5em
  }

  #hajimete section#company div.table dl {
    display: table;
    width: 100%;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#company div.table dl:last-of-type {
    border: none
  }

  #hajimete section#company div.table dl dt {
    font-size: .909em;
    display: table-cell;
    width: 8em;
    line-height: 4em;
    padding-left: 1em;
    font-weight: 700;
    background-color: #eee
  }

  #hajimete section#company div.table dl:first-child dt {
    border-top-left-radius: .55em
  }

  #hajimete section#company div.table dl:last-child dt {
    border-bottom-left-radius: .55em
  }

  #hajimete section#company div.table dl dd {
    display: table-cell;
    padding: 1em
  }

  #hajimete section#company div.table dl dd img {
    padding: .5em 0
  }

  #hajimete section#message {
    margin: 0 2% 1em;
    padding: 0 1em 1em
  }

  #hajimete section#message img {
    width: 96.06%;
    max-width: 548px;
    display: block;
    margin: -1.5em auto 0
  }

  #hajimete section#message div.top p {
    padding: 1em;
    border: 1px #bdbdbd solid;
    border-radius: 0;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    line-height: 1.63;
    border-bottom: none
  }

  #hajimete section#message div.main {
    border-left: 1px #bdbdbd solid;
    border-right: 1px #bdbdbd solid;
    line-height: 1.63
  }

  #hajimete section#message div.main h1 {
    font-size: 1.182em;
    padding: .846em;
    font-weight: 700;
    color: #f2799a;
    border-top: 1px #e0e0e0 solid
  }

  #hajimete section#message div.main p {
    padding: 0 1em 1em
  }

  #hajimete section#message div.main:last-of-type {
    border-bottom: 1px #bdbdbd solid;
    border-radius: 0;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
  }

  #hajimete section#sct1 div.main div.point1 div.lower>h1 img,
  #hajimete section#sct1 div.main div.point4 div img,
  #hajimete section#sct1 div.main div.point5 div img,
  #hajimete section#sct3 div.kodawari div.kdw1 div img {
    max-width: 320px
  }

  #hajimete>section.slider_bnr.story.sm>h2>img {
    display: none
  }

  #sct4>div.kikkake>div {
    border-radius: 0
  }

  #send section {
    color: #616161
  }

  #send section p,
  #send section div,
  #send section ul,
  #send section dl {
    border-radius: 4px
  }

  #send section .layout01 {
    margin-bottom: .7em
  }

  #send section.title {
    padding-bottom: 1em
  }

  #send section.title h2 {
    font-size: 1.273em;
    font-weight: 700;
    color: #f2799a;
    text-align: center;
    padding: .7em 0
  }

  #send section.title h1 {
    color: #616161;
    font-size: 1.818em;
    text-align: center
  }

  #send section.title h1 em {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em
  }

  #send section.title h1 span {
    font-weight: 700;
    font-size: 1.5em
  }

  #send section.subtitle {
    background: none;
    padding: 1em 0
  }

  #send section div.bdTitle h1 span {
    display: block;
    margin-bottom: .3em;
    font-size: .71em;
    color: #616161
  }

  #send section#sct1 {
    color: #616161;
    margin: 0 2% 1em
  }

  #send section#sct1 dl {
    margin: 0 1em;
    padding: 1em 0
  }

  #send section#sct1 dl dt p {
    font-size: 1.09em;
    color: #c4a277;
    font-weight: 700;
    margin-bottom: .7em
  }

  #send section#sct1 dl dt img {
    margin-bottom: .5em
  }

  #send section#sct1 dl dd {
    margin-bottom: 2em;
    border-radius: 4px
  }

  #send section#sct1 dl dd:last-of-type {
    margin-bottom: 0
  }

  #send section#sct1 dl dd.no2 {
    background-color: #f8f4ef;
    padding: 1em
  }

  #send section#sct1 dl dd.no2>p {
    font-size: 1.09em;
    color: #616161;
    line-height: 1.5em;
    font-weight: 700
  }

  #send section#sct1 dl dd.no2>div {
    position: relative
  }

  #send section#sct1 dl dd.no2>div p {
    color: #616161;
    line-height: 1.45em;
    font-weight: 700;
    background-color: #fff;
    padding: 1em
  }

  #send section#sct1 dl dd.no2>img {
    padding: 1em 0
  }

  #send section#sct1 dl dd.no2 p img {
    width: 22.05%;
    position: absolute;
    bottom: 0;
    right: 0
  }

  #send section#sct1 dl dd.no3 {
    background-color: #f8f4ef;
    padding: 1em;
    font-weight: 700
  }

  #send section#sct1 dl dd.no3 p {
    font-size: 1.09em;
    color: #616161;
    line-height: 1.33em;
    display: inline-block;
    width: 70%;
    vertical-align: middle
  }

  #send section#sct1 dl dd.no3 p span {
    display: block
  }

  #send section#sct1 dl dd.no3 img {
    display: inline-block;
    width: 27.54%;
    vertical-align: middle
  }

  #send section#sct2 {
    margin: 5.2em 2% 0
  }

  #send section#sct2 div.top {
    background-color: #fff;
    padding: 0 1em
  }

  #send section#sct2 div.top img:first-child {
    margin-top: -3.2em
  }

  #send section#sct2 div.howToSell {
    background-color: #fff;
    border-top: 1px #e0e0e0 solid;
    text-align: center;
    padding-bottom: 1.5em;
    border-radius: 0
  }

  #send section#sct2 div.howToSell img {
    width: 32.5%;
    margin-bottom: .91em
  }

  #send section#sct2 div.howToSell>h1 {
    font-size: 1.454em;
    color: #f2799a;
    font-weight: 700;
    margin-bottom: .3em
  }

  #send section#sct2 div.howToSell>h2 {
    font-size: 1.273em;
    color: #616161
  }

  #send section#sct2 div.howToSell>h2 i.fa {
    color: #f2799a;
    padding: 0 .3em;
    font-size: .901em;
    vertical-align: middle
  }

  #send section#sct2 div.howToSell>h2 span {
    font-family: "Noto Serif"
  }

  #send section#sct2 div.howToSell>h2 em {
    font-size: 1.25em;
    font-style: normal
  }

  #send section#sct2 div.menu {
    margin: 0 0 1em
  }

  #send section#sct2 div.menu a {
    float: left;
    width: 25%
  }

  #send section#sct2 div.menu img {
    max-width: 193px;
    height: auto
  }

  #send section#sct2 div[class*="step"] {
    margin: 0 .909em;
    border: 1px #bdbdbd solid;
    border-radius: .5em;
    padding: .909em .909em 0em
  }

  #send section#sct2 dl.head {
    text-align: center;
    background-color: #616161;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: .423em;
    border-top-right-radius: .423em;
    margin: -1em -1em .901em
  }

  #send section#sct2 dl.head dt {
    font-size: .909em;
    font-family: "Noto Serif";
    display: inline-block;
    vertical-align: middle
  }

  #send section#sct2 dl.head dt span {
    font-size: .86em
  }

  #send section#sct2 dl.head dd {
    font-size: 1.182em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    line-height: 1.95
  }

  #send section#sct2 div.from {
    border-top: 1px #e0e0e0 solid;
    padding-top: .8em;
    border-radius: 0
  }

  #send section#sct2 div.from>h1 {
    font-size: .818em;
    color: #616161;
    font-weight: 700;
    margin-bottom: .5em
  }

  #send section#sct2 div.from>h1 i.fa {
    color: #616161;
    padding-right: .5em
  }

  #send section#sct2 div.from>p {
    font-size: .909em;
    line-height: 1.6;
    color: #616161
  }

  #send section#sct2 div.step1 div.kitOffer {
    padding-top: 2em;
    border-top: 1px #e0e0e0 solid;
    margin-top: .5em;
    border-radius: 0
  }

  #send section#sct2 div.step1 div.kitOffer>h1 {
    font-weight: 700;
    color: #f2799a;
    text-align: center;
    margin-bottom: .3em
  }

  #send section#sct2 div.step1 div.kitOffer>h1 i.fa {
    font-size: 1.4em;
    padding-right: .2em
  }

  #send section#sct2 div.step1 div.kitOffer a.mBtn {
    margin-bottom: .5em
  }

  #send section#sct2 div.step1 div.kitOffer div.tel {
    color: #616161
  }

  #send section#sct2 div.step1 div.kitOffer div.tel i.fa {
    font-size: 1.363em
  }

  #send section#sct2 div.step1 div.kitOffer div.tel div h1 {
    font-size: .909em
  }

  #send section#sct2 div.step1 div.kitOffer div.tel div h1 p {
    font-size: .636em
  }

  #send section#sct2 div.step1 div.kitOffer>p {
    font-size: .818em;
    color: #616161;
    margin: 1em 0;
    line-height: 1.5
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.box {
    font-weight: 700;
    text-align: center;
    padding: 1em;
    margin: -.5em -.5em 0;
    font-size: .909em;
    color: #616161;
    background-color: #fff
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.box img {
    display: inline-block;
    width: 24.64%;
    vertical-align: middle
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.size {
    margin: 0 -.5em
  }

  #send section#sct2 div.size h1.upFukidashi {
    font-size: .909em;
    font-weight: 700;
    margin: -.04em;
    background-color: #bdbdbd;
    color: #fff;
    text-align: center;
    line-height: 1.5em
  }

  #send section#sct2 div.size h1.upFukidashi:before {
    border-width: 0 1em 1em 1em;
    border-color: transparent transparent #bdbdbd transparent;
    top: -.6em;
    left: 50%;
    margin-left: -.5em
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.size dl {
    float: left;
    background-color: #fff;
    width: 50%;
    padding: .75em;
    border: 1px #e0e0e0 solid;
    height: 8.75em;
    margin: -1px
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.size dl dd {
    font-size: .818em;
    color: #616161;
    line-height: 1.33
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom {
    margin: .5em -.5em
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom li {
    float: left;
    width: 49%;
    margin-right: 1.5%;
    text-align: center;
    background: #FFF;
    border-radius: 3%
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom li:last-child {
    margin-right: 0
  }

  #send section#sct2 div.step2 {
    padding-bottom: 1em
  }

  #send section#sct2 div.step2 ul.tab {
    border-bottom: 1px #bdbdbd solid;
    margin: 0 -1em;
    text-align: center;
    margin-bottom: 1.4em;
    border-radius: 0
  }

  #send section#sct2 div.step2 ul.tab li {
    font-size: 1.09em;
    display: inline-block;
    width: 47%;
    text-align: center
  }

  #send section#sct2 div.step2 ul.tab li a.active {
    background-color: #f2799a;
    color: #fff
  }

  #send section#sct2 div.step2 ul.tab li a {
    color: rgba(0, 0, 0, .5);
    display: inline-block;
    line-height: 2.5;
    width: 95%;
    font-weight: 700;
    background-color: #eee
  }

  #send section#sct2 div.step2 div.todoku>h1 {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: .5em
  }

  #send section#sct2 div.step2 div.todoku>p {
    line-height: 1.45;
    margin-bottom: 1em
  }

  #send section#sct2 div.step2 div.todoku>img {
    width: 94%;
    display: block;
    margin: 0 auto
  }

  #send section#sct2 div.step2 div.documents>h1 {
    background-color: #616161
  }

  #send section#sct2 div.step2 div.documents>div {
    background-color: #eee;
    padding: .5em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li {
    display: block;
    background-color: #fff;
    padding: .8em;
    border-radius: 4px
  }

  #send section#sct2 div.step2 div.documents>div>ul>li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>img {
    float: left;
    width: 4.5em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>div {
    display: block;
    padding-left: 5em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li:last-child {
    margin-bottom: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li div h1 {
    font-size: 1.09em;
    color: #616161
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>div>p {
    font-size: .909em;
    color: #616161;
    line-height: 1.4
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>div>h1 span {
    font-size: 75%
  }

  #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a {
    font-size: 1em;
    width: 11.36em;
    text-align: left;
    padding-left: .5em;
    margin-top: .5em
  }

  #send section#sct2 div.step2 div.documents li .disable {
    clear: both;
    background-color: #e0e0e0;
    margin-top: 1em;
    padding: 1em
  }

  #send section#sct2 div.step2 div.documents li .disable>h1 {
    font-size: .909em;
    font-weight: 700;
    margin: -.5em 0 1em
  }

  #send section#sct2 div.step2 div.documents li .disable ul.marked li {
    font-size: .909em;
    color: #616161;
    line-height: 1;
    margin: .2em 0
  }

  #send section#sct2 div.step2 div.documents li .disable h1 span {
    font-size: .75em
  }

  #send section#sct2 div.step2 dl.sagawa dt,
  #send section#sct2 div.step2 dl.chakubarai dt {
    width: 23%
  }

  #send section#sct2 div.step2 dl.sagawa h1 {
    font-size: 1.182em;
    line-height: 1.38
  }

  #send section#sct2 div.step2 dl.sagawa p {
    line-height: 1.45em
  }

  #send section#sct2 div.step2 dl.chakubarai p {
    font-size: 1.182em;
    line-height: 1.38em;
    font-weight: 700
  }

  #send section#sct2 div.step2 div.sendAdd>div {
    text-align: center;
    font-size: .909em;
    line-height: 1.4
  }

  #send section#sct2 div.step3 {
    padding-bottom: 1em
  }

  #send section#sct2 div.step3 p.memo {
    font-size: .909em;
    line-height: 1.4em;
    color: #616161;
    margin: -.5em 0 2em
  }

  #send section#sct2 div.step3 div.sBox_pnk div p {
    font-size: .909em
  }

  #send section#sct2 div.step3 .sBox_pnk .imgwrap p {
    line-height: 1.4;
    margin-bottom: 15px
  }

  #send section#sct2 div.step3 div.sBox_gry>h1 {
    line-height: 1.45;
    background-color: #616161
  }

  #send section#sct2 div.step3 div.ichien {
    background-color: #f8f4ef;
    line-height: 1.8
  }

  #send section#sct2 div.step3 div.ichien>p {
    font-size: .909em;
    color: #616161;
    padding: 1em 1em 0
  }

  #send section#sct2 div.step3 div.ichien p span {
    font-weight: 700
  }

  #send section#sct2 div.step3 div.ichien h2 {
    background-color: #f44336;
    color: #fff;
    text-align: center;
    padding: .3em 0;
    font-weight: 700
  }

  #send section#sct2 div.step3 div.anshin {
    padding: 0 1em;
    margin-bottom: 1em
  }

  #send section#sct2 div.step3 div.alert div p span {
    color: #f44336;
    font-weight: 700
  }

  #send section#sct2 div.step4 {
    padding-bottom: .7em
  }

  #send section .layout01 {
    display: table;
    width: 100%;
    margin-bottom: .7em
  }

  #send section .layout01>* {
    display: table-cell;
    vertical-align: top
  }

  #send section .layout01>*:first-child {
    width: 23%
  }

  #send section .layout01>*:last-child {
    padding-left: 1em
  }

  #send section .layout01>*>h1 {
    font-size: 1.182em;
    line-height: 1.38;
    font-weight: 700;
    margin-bottom: .5em
  }

  #send section .layout01>*>p {
    line-height: 1.45
  }

  #send ul.marked {
    margin: -.5em 0
  }

  #send div.end {
    color: #616161;
    text-align: center;
    padding: 2em 1em 1em;
    font-weight: 700
  }

  #send div.end h1 {
    font-size: 1.636em
  }

  #send div.end p {
    font-size: 1.162em;
    line-height: 1.45;
    margin: 1em 0
  }

  #send section#sct2 a.bt.bt-arrow-r.bt-sell.bt-sell-mypage {
    margin: 10px 0 0
  }

  #taishou {
    width: auto
  }

  #taishou section p,
  #taishou section div,
  #taishou section ul,
  #taishou section dl {
    border-radius: 4px
  }

  #taishou .top {
    background: none
  }

  #taishou .top h1 {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 0 1em .5em;
    color: #616161 !important;
    background-color: #fff !important
  }

  #taishou .main {
    margin: 0 2%;
    padding: .917em
  }

  #taishou .main>dl>dt {
    font-size: 1.273em;
    color: #212121;
    text-align: center;
    line-height: 2em;
    background-color: #eee;
    font-weight: 700;
    border: 1px #ccc solid;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }

  #taishou .main>dl>dd {
    padding: .917em;
    border: 1px #ccc solid;
    border-top: none;
    margin-bottom: 1em;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

  #taishou .main>dl>dd:last-of-type {
    margin-bottom: 0
  }

  #taishou .main>dl>dd>h1 {
    font-size: 1.182em;
    color: #f2799a;
    font-weight: 700;
    margin: 1em 0
  }

  #taishou .main>dl>dd>h1>span {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    font-size: 69.2%;
    vertical-align: middle;
    padding: .5em;
    border-radius: 4px;
    margin-right: .5em
  }

  #taishou .main>dl>dd>.layout01 dd {
    line-height: 1.636
  }

  #taishou .main>dl>dd>.layout01>*:first-child {
    width: 30%;
    width: 160px
  }

  #taishou .main>dl>dd>ul>li {
    font-size: 1.09em;
    line-height: 1.45
  }

  #taishou .main>dl>dd>ul>li:before {
    content: "・"
  }

  #taishou .main .btnArea {
    margin-top: 1em
  }

  #taishou .main li>dl>dt {
    font-size: 1.273em;
    color: #616161;
    text-align: center;
    line-height: 2em;
    background-color: #ededed;
    font-weight: 700;
    border: 3px #DADADA solid;
    border-bottom: none;
    padding: 10px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }

  #taishou .main li>dl>dd {
    padding: .917em;
    border: 3px #DADADA solid;
    border-top: none;
    margin-bottom: 1em;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 1.636;
    background-color: #fff
  }

  #taishou .main li>dl>dd>h1 {
    font-size: 1.182em;
    color: #f2799a;
    font-weight: 700;
    margin: 1em 0
  }

  #taishou .main li>dl>dd>h1>span {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    font-size: 69.2%;
    vertical-align: middle;
    padding: .5em;
    border-radius: 4px;
    margin-right: .5em
  }

  #taishou .main li>dl>dd>ul>li {
    font-size: 1.09em;
    line-height: 1.45;
    color: #616161 !important
  }

  #taishou .main li>dl>dd>ul>li:before {
    content: "・"
  }

  #taishou .main .image {
    width: 160px
  }

  #taishou .main .text {
    padding-left: 1em;
    color: #616161 !important
  }

  #taishou .main ul.table,
  #taishou .main ul.table>li {
    list-style-type: none
  }

  #taishou .main ul.table {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  #taishou .main ul.table>li {
    display: table-cell;
    vertical-align: top
  }

  #taishou .main ul.table>li:first-child {
    padding-right: .5em
  }

  #taishou .main ul.table>li:last-child {
    padding-left: .5em
  }

  #tentou section p,
  #tentou section div,
  #tentou section ul,
  #tentou section dl {
    border-radius: 4px
  }

  #tentou>section {
    color: #616161
  }

  #tentou #sct1 {
    margin: 0 2% 1em;
    padding-bottom: .5em
  }

  #tentou #sct1>div.bdTitle>h1 {
    font-size: 1.909em;
    line-height: 1.3
  }

  #tentou #sct1>div.bdTitle>h1>span {
    display: block;
    font-size: 71%
  }

  #tentou #sct1>div.bdTitle>h2 {
    color: #9e9e9e;
    margin-top: -.6em;
    padding-bottom: 1.5em
  }

  #tentou #sct1>div.mBox {
    margin: 1em
  }

  #tentou #sct1>div.mBox>h1 {
    background-color: #f2799a;
    color: #fff;
    text-align: left;
    font-size: 1.454em
  }

  #tentou #sct1>div.mBox>h1>span {
    position: relative;
    top: -.15em;
    display: inline-block;
    width: 2em;
    height: 2em;
    margin-left: 1em;
    margin-bottom: 0;
    padding: 0;
    border-radius: 100%;
    vertical-align: middle;
    background-color: #fff;
    line-height: 2em;
    text-align: center;
    font-size: 75%;
    font-family: "Noto Serif";
    color: #f2799a
  }

  #tentou #sct1>div.mBox div.layout01>div {
    padding: 20px 0;
    vertical-align: middle
  }

  #tentou #sct1>div.mBox div.layout01>div:nth-child(2) {
    font-size: .909em;
    line-height: 1.6;
    padding-right: .7em
  }

  #tentou>section.shopInfo {
    margin: 1em 2%;
    padding-bottom: .1em
  }

  #tentou>section.shopInfo>div.mBox {
    margin: 1em;
    border-color: #616161
  }

  #tentou>section.shopInfo>div.mBox>h1 {
    font-size: 1.636em;
    color: #fff;
    background-color: #616161;
    line-height: 2
  }

  #tentou>section.shopInfo>div.mBox>div {
    padding: 1em;
    text-align: center
  }

  #tentou>section.shopInfo>div.mBox>div>p {
    color: #616161;
    font-weight: 700;
    line-height: 1.5
  }

  #tentou>section.shopInfo>div.mBox>div>img {
    margin: .8em 0
  }

  #tentou>section.shopInfo>div.mBox>div>div.btnArea>a {
    font-size: 1.273em;
    line-height: 2.8
  }

  #tentou #sct3 {
    margin: 0 2%;
    padding: 1em
  }

  #tentou #sct3>div.menu {
    margin: 1em 0
  }

  #tentou #sct3>div.menu>a {
    float: left;
    width: 33.33%
  }

  #tentou #sct3>div.btnArea>a span {
    font-size: 81%
  }

  #tentou #sct3 div[id*="step"] {
    border-color: #616161;
    color: #616161
  }

  #tentou #sct3 div[id*="step"]>h1 {
    background-color: #616161;
    color: #fff;
    font-family: "Noto Serif";
    font-weight: 400;
    line-height: 1.5
  }

  #tentou #sct3 div[id*="step"]>h1 span {
    display: inline;
    background: none;
    padding: 0;
    font-size: 71%
  }

  #tentou #sct3 div[id*="step"]>div {
    margin: 1em
  }

  #tentou div.stepTop {
    border-bottom: 1px #e5e5e5 solid
  }

  #tentou div.stepTop>h1 {
    font-size: 1.363em;
    font-weight: 700
  }

  #tentou div.stepTop>h2 {
    line-height: 1.5;
    margin: 1em 0
  }

  #tentou div.stepTop .alert>h1 {
    background-color: #feeceb;
    color: #f44336;
    padding: 1em 0 0
  }

  #tentou div.stepTop .alert>div {
    color: #f44336;
    line-height: 1.4
  }

  #tentou .dwArrow {
    margin: .7em
  }

  #tentou #step1 div.check>h1 {
    text-align: center;
    color: #f2799a;
    margin: 1em 0;
    font-size: 1.363em;
    font-weight: 700
  }

  #tentou #step1 div.check>h1 span {
    font-size: 60%;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    background-color: #f2799a;
    padding: .3em 1em;
    border-radius: 2em;
    margin-right: .5em
  }

  #tentou #step1 div.check>dl {
    color: #616161
  }

  #tentou #step1 div.check>dl dd>h1 {
    font-size: 1.09em;
    font-weight: 700;
    margin: .5em 0
  }

  #tentou #step1 div.check>dl dd>p {
    font-size: .909em
  }

  #tentou #step1 div.shopProfile {
    border: 1px #ccc solid
  }

  #tentou #step1>div.shopProfile>h1 {
    text-align: center;
    font-weight: 700;
    line-height: 2em;
    color: #616161;
    border-bottom: 1px #ccc solid
  }

  #tentou #step1>div.shopProfile>div {
    padding: 1em;
    color: #616161
  }

  #tentou #step1>div.shopProfile div.layout01>div:nth-child(2)>h1 {
    font-size: 1.09em
  }

  #tentou #step1>div.shopProfile div.layout01>div:nth-child(2)>p {
    font-size: .818em
  }

  #tentou #step1>div.shopProfile>div {
    border-bottom: 1px #ccc solid;
    border-radius: 0
  }

  #tentou #step1>div.shopProfile>div:last-child {
    border: none
  }

  #tentou #step1>div.shopProfile div.btnArea {
    margin-top: 1em
  }

  #tentou #step1>div.shopProfile div.btnArea>a {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.4
  }

  #tentou #step1>div.shopProfile div.btnArea>a:after {
    font-size: 1.65em;
    top: 0;
    right: .3em;
    margin-top: -.55em
  }

  #tentou #step1>div.shopProfile layout01 h1 span {
    font-size: 75%;
    font-weight: 400
  }

  #tentou #step2 dl dd {
    padding-top: 1em;
    padding-left: 0
  }

  #tentou #step2 dl dd h1 {
    font-size: 1.09em
  }

  #tentou #step2 dl dd p {
    font-size: .909em;
    padding: 0 1em 1em 0
  }

  #tentou #step2 dl dt img {
    padding: .7em
  }

  #tentou #step3 .kentou dt img,
  #tentou #step3 .uketori dt img {
    padding: .7em
  }

  #tentou #step3 .kentou dd {
    padding: 1em 0
  }

  #tentou #step3 .kentou dd h1 {
    font-size: 1.09em;
    padding: 0 1em 0 0
  }

  #tentou #step3 .select {
    margin: 0 1em;
    font-size: .909em;
    line-height: 1.5
  }

  #tentou #step3 .select dl {
    text-align: center;
    margin: 1em 0
  }

  #tentou #step3 .select dt {
    display: inline-block;
    color: #fff;
    line-height: 1.8em;
    padding: 0 1em;
    border-radius: 2em;
    margin-top: 1em
  }

  #tentou #step3 .select dd {
    padding: 1em;
    text-align: left
  }

  #tentou #step3 .select .yes {
    background-color: #fdebf0
  }

  #tentou #step3 .select .yes dt {
    background-color: #f2799a
  }

  #tentou #step3 .select .no {
    background-color: #eee
  }

  #tentou #step3 .select .no dt {
    background-color: #616161
  }

  #tentou #step3 .select .ng {
    background-color: #eee
  }

  #tentou #step3 .select .ng dt {
    background-color: #fff;
    color: #616161
  }

  #tentou #step3 .uketori dd {
    padding: .5em 0em 0 0
  }

  #tentou #step3 .uketori dd h1 {
    font-size: 1.363em
  }

  #tentou #step3 .uketori dd h2 {
    font-weight: 700;
    margin: .8em 0
  }

  #tentou #step3 .finish {
    margin: 1em;
    padding: 1em;
    background-color: #eee;
    line-height: 1.5
  }

  #tentou #step3 .finish>h1 {
    text-align: center;
    font-size: 1.727em;
    color: #f2799a;
    font-weight: 700
  }

  #tentou #step3 .finish>p {
    margin: .5em 0
  }

  #tentou #step1 .faq,
  #tentou #step3 .faq {
    margin: 1em;
    border: 1px #ccc solid
  }

  #tentou #step1 .faq>h1,
  #tentou #step3 .faq>h1 {
    color: #333;
    font-size: .954em;
    text-align: center;
    line-height: 1.5;
    padding: .5em
  }

  #tentou #step1 .faq>div>h1,
  #tentou #step3 .faq>div>h1 {
    color: #616161;
    font-weight: 700;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc dotted;
    line-height: 1.5;
    vertical-align: middle;
    padding: 1em 0
  }

  #tentou #step1 .faq>div>h1>span,
  #tentou #step3 .faq>div>h1>span {
    background-color: #f2799a;
    color: #fff;
    width: 3em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    text-align: center;
    font-family: "Noto Serif";
    border-radius: 2em;
    margin-left: 1em;
    position: relative;
    top: -.15em
  }

  #tentou #step1 .faq>div>p,
  #tentou #step3 .faq>div>p {
    color: #333;
    font-size: .818em;
    padding: 1em;
    line-height: 1.5
  }

  #tentou #sct3>.btnArea {
    margin-bottom: 1.5em
  }

  #tentou #sct1 .layout01>div:first-child {
    text-align: center;
    width: 136px
  }

  #tentou #sct1 .layout01>div:first-child img {
    width: 96px
  }

  #tentou #step1 .layout01>dt:first-child,
  #tentou #step1 .layout01>div:first-child {
    width: 116px
  }

  #tentou #step1 .layout01>dt:first-child img,
  #tentou #step1 .layout01>div:first-child img,
  #tentou #step2 .layout01>dt:first-child,
  #tentou #step2 .layout01>dt:first-child img,
  #tentou #step3 .layout01>dt:first-child,
  #tentou #step3 .layout01>dt:first-child img {
    width: 96px
  }

  #shucchou>section.top,
  #tentou>section.top {
    background: none
  }

  #shucchou>section.top>h1,
  #tentou>section.top>h1 {
    font-size: 1.136em;
    color: #f2799a;
    text-align: center;
    font-weight: 700;
    padding: 1em 0;
    background-color: #fff;
    line-height: 1.5
  }

  #shucchou>section.top>h1>img,
  #tentou>section.top>h1>img {
    padding: .5em 3.5em
  }

  #shucchou>section.top>img,
  #tentou>section.top>img {
    margin: 1em 0
  }

  #shucchou section.title,
  #tentou section.title {
    padding: 1em
  }

  #shucchou section.title h2,
  #tentou section.title h2 {
    font-size: 1.273em;
    font-weight: 700;
    color: #f2799a;
    text-align: center;
    padding: .7em 0;
    line-height: 140%
  }

  #shucchou section.title h1,
  #tentou section.title h1 {
    color: #616161;
    font-size: 1.818em;
    text-align: center
  }

  #shucchou section.title h1 span,
  #tentou section.title h1 span {
    font-weight: 700;
    font-size: 1.5em
  }

  #shucchou section.title h1 em,
  #tentou section.title h1 em {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em
  }

  #shucchou section.title p,
  #tentou section.title p {
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    text-align: center;
    padding-top: 10px
  }

  #shucchou section#howTo,
  #shucchou section#sct1 {
    color: #616161;
    margin: 0 2%;
    padding: 1em
  }

  #shucchou .layout01>dd {
    line-height: 1.45
  }

  #shucchou .alert>div {
    padding: .5em 1em
  }

  #shucchou section#sct1 div.nobdTitle {
    margin-bottom: 1em
  }

  #shucchou section#sct1 div.nobdTitle h1 span {
    font-size: 57%;
    color: #f2799a;
    line-height: 1.5
  }

  #shucchou section#sct1 dl.layout01 {
    background-color: #f8f4ef;
    margin: 1em 0;
    border-radius: .5em;
    padding: 1em
  }

  #shucchou section#sct1 dl.layout01>* {
    vertical-align: middle
  }

  #shucchou section#sct1 dl.layout01 dd h1 {
    font-size: 1.182em;
    color: #424242
  }

  #shucchou section#howTo {
    margin-top: -2em
  }

  #shucchou section#howTo div.nobdTitle {
    margin-bottom: 1em
  }

  #shucchou section#howTo div.menu {
    margin: 1em 0
  }

  #shucchou section#howTo div.menu a {
    float: left;
    width: 25%
  }

  #shucchou section#howTo div.menu img {
    max-width: 193px;
    height: auto
  }

  #shucchou div[id*="step"] {
    border-color: #bdbdbd
  }

  #shucchou div[id*="step"]>h1 {
    background-color: #616161;
    color: #fff;
    font-size: 1.09em;
    line-height: 2.2
  }

  #shucchou div[id*="step"]>h1 span {
    display: inline;
    background: none;
    font-size: 66.1%;
    font-weight: 400;
    font-family: "Noto Serif";
    vertical-align: middle;
    padding: 0
  }

  #shucchou div[id*="step"]>h1 span em {
    font-size: 116%;
    font-style: normal;
    padding-left: .2em
  }

  #shucchou div[id*="step"]>h1 p {
    display: inline-block;
    vertical-align: middle
  }

  #shucchou div[id*="step"] div.alert {
    margin-bottom: 0
  }

  #shucchou div#step1>div {
    padding: 1em
  }

  #shucchou div#step1 div>p {
    text-align: center;
    line-height: 2
  }

  #shucchou div#step1 div img.web {
    width: 55.5%;
    display: block;
    margin: .5em auto
  }

  #shucchou div#step1 div .tel {
    margin: 1em 0
  }

  #shucchou div#step4>div,
  #shucchou div#step3>div,
  #shucchou div#step2>div {
    padding: 1em
  }

  #shucchou div#step4 dl.layout01,
  #shucchou div#step3 dl.layout01,
  #shucchou div#step2 dl.layout01 {
    margin-bottom: 1em
  }

  #shucchou div#step2 dl.layout01>* {
    vertical-align: middle
  }

  #shucchou div#step4 div div.sBox_gry {
    margin: 1em 0 0
  }

  #shucchou section#results {
    margin: -1em 2% 0;
    padding: 1em
  }

  #shucchou section#results div.nobdTitle {
    color: #616161;
    margin-bottom: 1.5em
  }

  #shucchou section#results div.photo {
    text-align: center
  }

  #shucchou section#results div.photo img {
    display: inline-block;
    width: 47%
  }

  #shucchou section#results div.photo img:last-child {
    margin-left: 2%
  }

  #shucchou section#results ul li {
    border-bottom: 1px #ccc solid;
    padding: 1em 0
  }

  #shucchou section#results ul li:last-child {
    border: none;
    padding-bottom: 0
  }

  #shucchou section#results ul li p.number {
    font-size: .818em;
    color: #fff;
    background-color: #d0b592;
    display: inline-block;
    padding: .3em 1em;
    border-radius: 2em
  }

  #shucchou section#results ul li h1 {
    font-size: .909em;
    line-height: 1.5;
    margin: .5em 0
  }

  #shucchou section#results ul li h2 {
    color: #616161;
    font-weight: 700;
    font-size: 1.09em
  }

  #shucchou section#results ul li h2 span {
    color: #f2799a;
    padding-left: 1em
  }

  #gyouretu section p,
  #gyouretu section div,
  #gyouretu section ul,
  #gyouretu section dl {
    border-radius: 4px
  }

  #gyouretu section.top div {
    position: absolute;
    bottom: 0;
    width: 96%;
    left: 2%;
    bottom: 2%
  }

  #gyouretu section.top div p {
    position: absolute;
    top: -.05em;
    left: 0;
    line-height: 1.4;
    width: 18em;
    padding: 1em;
    color: #fff;
    font-weight: 700;
    font-size: 1.09em
  }

  #gyouretu section.top div p span {
    color: #fffc00
  }

  #gyouretu section.stripe {
    background-image: url(../img/common/bg.png);
    background-size: 30em
  }

  #gyouretu section.stripe img {
    padding: 1em
  }

  #gyouretu section.stripe div {
    border: 1px #f2799a solid;
    padding: 1em;
    margin: 0 1em;
    border-radius: 1em;
    color: #616161;
    background-color: #fff;
    font-weight: 700
  }

  #gyouretu section.grayPart h1,
  #gyouretu section.stripe div h1 {
    text-align: center;
    color: #fff;
    font-size: 1.182em;
    line-height: 1.8;
    border-radius: 2em;
    position: relative
  }

  #gyouretu section.grayPart h1:after,
  #gyouretu section.stripe div h1:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5em .5em 0 .5em;
    position: absolute;
    left: 50%;
    margin-left: -.5em;
    bottom: -.35em
  }

  #gyouretu section.stripe div h1:after {
    border-color: #f48fb1 transparent transparent transparent
  }

  #gyouretu section.stripe div h1 {
    background-color: #f48fb1
  }

  #gyouretu section.stripe div li {
    font-size: 1.182em;
    line-height: 1.5;
    position: relative;
    padding: .6em 0 .6em 2em
  }

  #gyouretu section.stripe div li span {
    position: absolute;
    color: #fff;
    background-color: #f48fb1;
    text-align: center;
    line-height: 1.6em;
    width: 1.6em;
    border-radius: 50%;
    top: 0;
    left: 0;
    margin-top: .5em
  }

  #gyouretu section.stripe div p {
    background-color: #fff5f8;
    padding: 1em 1em;
    font-size: 1.182em;
    line-height: 1.8;
    border-radius: .5em;
    color: #f2799a
  }

  #gyouretu section.stripe p {
    padding: 1em 2em;
    line-height: 1.5;
    color: #616161
  }

  #gyouretu section.grayPart {
    background-color: #f2f2f2;
    padding: 1em 1em 0 1em;
    text-align: center
  }

  #gyouretu section.grayPart h1 {
    background-color: #56bbec;
    font-weight: 700;
    margin: 0 2em
  }

  #gyouretu section.grayPart h1:after {
    border-color: #56bbec transparent transparent transparent
  }

  #gyouretu section.grayPart ul.marked {
    text-align: left;
    margin: 0 4%
  }

  #gyouretu section.grayPart ul.marked li {
    font-size: 1.273em;
    color: #1c9ede;
    font-weight: 700
  }

  #gyouretu section.grayPart ul.marked li:before {
    background-color: #1c9ede
  }

  #gyouretu section.grayPart ul.marked p {
    font-size: 1.273em;
    color: #575757;
    text-align: center;
    font-weight: 700
  }

  #gyouretu section.branduru {
    padding: 2em;
    line-height: 1.5
  }

  #gyouretu section.branduru>h3 {
    font-weight: 700;
    color: #616161
  }

  #gyouretu section.branduru>h1 {
    font-size: 2.55em;
    font-weight: 700;
    line-height: 1.2;
    margin: .2em 0;
    color: #616161
  }

  #gyouretu section.branduru>p {
    padding: 1em;
    font-size: .892em;
    line-height: 1.6;
    background-color: #fff5f8;
    margin: 1.5em 0
  }

  #gyouretu section.branduru div.lower {
    margin: 1em 0;
    font-weight: 700
  }

  #gyouretu section.branduru div.lower h1 {
    font-size: 1.273em;
    text-align: center;
    padding: .2em 0;
    color: #f2799a
  }

  #gyouretu section.branduru div.lower p {
    font-size: .909em;
    color: #444
  }

  #gyouretu>section.branduru>img {
    position: absolute;
    left: 0;
    top: 0
  }

  div#eco {
    font-size: .909em;
    line-height: 1.4;
    color: #616161
  }

  div#eco section.top div.copy {
    position: absolute;
    top: 42%;
    left: 50%;
    text-align: center;
    width: 90%;
    margin-left: -45%;
    color: #212121;
    font-weight: 700
  }

  div#eco section.top div.copy h1 span {
    font-size: 150%
  }

  div#eco section.top div.bar {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .3);
    text-align: center;
    line-height: 1.6
  }

  div#eco section.top div.bar>* {
    display: inline-block;
    vertical-align: middle
  }

  div#eco section.top div.bar p {
    font-size: 2.182em;
    font-weight: 700;
    color: #f2799a
  }

  div#eco section.top div.bar img {
    width: 2.5em;
    margin: 0 2em
  }

  div#eco section.main p.text {
    font-size: .909em;
    line-height: 1.4;
    color: #616161;
    padding: 1em;
    border-bottom: 1px #e0e0e0 solid;
    margin-bottom: 1em
  }

  div#eco section.main div.activety h1 {
    color: #616161;
    font-weight: 700
  }

  div#eco section.main div.activety h1 span {
    font-size: 150%
  }

  div#eco section.main div.activety>div {
    position: relative
  }

  div#eco section.main div.activety>div img {
    padding: 0 1em
  }

  div#eco section.main div.activety>div p {
    position: absolute;
    top: 40%;
    font-weight: 700
  }

  div#eco section.main div.activety>div:nth-child(even) p {
    left: 1em
  }

  div#eco section.main div.activety>div:nth-child(odd) p {
    right: 1em
  }

  div#eco section.main div.bottom dl.layout01 {
    padding: 1em
  }

  div#eco section.main div.bottom dl.layout01 dd {
    vertical-align: middle;
    padding: 0 0 0 1em
  }

  section,
  .container,
  #taishou .main {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px
  }

  #buyer section.main,
  #riyuu section.main,
  #takuhai .base,
  #yoritakaku section.main,
  #tenpo section.main,
  #tuyomi section.main,
  #interviewPg section.main,
  #areaDetail section.main,
  #hajimete section#top,
  #hajimete section#sct1,
  #hajimete section#sct3,
  #hajimete section#sct4,
  #hajimete section#company,
  #hajimete section#message {
    margin-right: auto;
    margin-left: auto;
    max-width: none
  }

  .trans {
    opacity: 1
  }

  .trans:hover,
  .trans:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85
  }

  .wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative
  }

  .bold {
    font-weight: bold !important
  }

  .ft01 {
    font-family: 'Noto Serif', "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
  }

  .ft02 {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif
  }

  .ft03 {
    font-family: FontAwesome
  }

  .ft04 {
    font-family: 'Roboto Slab', serif
  }

  .arrow {
    position: absolute;
    top: 50%
  }

  .btn01 {
    color: #FFF;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    display: block;
    position: relative
  }

  .btn01.c01 {
    background: #f2799a;
    border-bottom: 2px solid #d96d8a
  }

  .btn01.c02 {
    background: #f7a8bd;
    border-bottom: 2px solid #de97aa
  }

  .btn01.c03 {
    background: #9e9e9e;
    border-bottom: 2px solid #ccc
  }

  .btn02 {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    display: block;
    position: relative
  }

  .btn03 {
    color: #FFF;
    border-radius: 4px;
    display: block;
    position: relative
  }

  .btn03.c01 {
    background: #f2799a
  }

  .btn03.c02 {
    background: #fbd3de
  }

  .last {
    margin-right: 0
  }

  .more_b {
    width: 250px;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    padding: 17px 0;
    position: relative
  }

  .more_b2 {
    width: 250px;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    padding: 17px 0;
    position: relative;
    clear: both
  }

  .more_b i {
    font-size: 30px;
    right: 18px;
    margin-top: -15px
  }

  .more_s {
    border: 1px solid #e0e0e0;
    color: #616161;
    font-size: 73%;
    line-height: 1.8;
    padding: 3px 20px 3px 10px;
    position: absolute;
    top: 0;
    right: 0
  }

  .more_s:link,
  .more_s:visited {
    color: #616161
  }

  .more_s:hover,
  .more_s:active {
    color: #f2799a
  }

  .more_s:hover {
    border-color: #f2799a
  }

  .more_s i {
    font-size: 150%;
    top: 50%;
    right: 10px;
    margin-top: -11px;
    line-height: 20px
  }

  .corner01 {
    border-radius: 4px
  }

  .corner02 {
    border-radius: 10px
  }

  .corner03 {
    border-radius: 4px
  }

  .inquiryBtn {
    margin: 20px auto
  }

  .inquiryBtn a {
    font-size: 28px;
    font-weight: 700;
    padding: 14px 0
  }

  .inquiryBtn a span {
    display: inline-block;
    width: 100%
  }

  .inquiryBtn a i {
    display: inline-block;
    width: 100%;
    position: absolute;
    right: 0;
    text-align: right;
    padding-right: 3%
  }

  footer .bg {
    background: #EEE;
    padding: 60px 0 45px
  }

  footer .logo {
    text-align: center
  }

  footer .nav {
    display: table;
    width: 720px;
    margin: 40px auto 0
  }

  footer .nav ul {
    display: table-cell;
    width: 25%
  }

  footer .nav li {
    margin-top: 10px
  }

  footer .nav li a {
    color: #616161;
    font-size: 14px
  }

  footer .nav li i {
    color: #9e9e9e;
    font-size: 16px;
    margin-right: 4px
  }

  footer .copy {
    text-align: center;
    font-size: 10px;
    padding: 20px 0
  }

  footer .bg .tel .corner01 {
    background: #EEE;
    padding: 25px 0 25px;
    text-align: center
  }

  footer .bg .tel .txt01 {
    font-size: 16px
  }

  footer .bg .tel .call {
    font-size: 48px;
    color: #f2799a;
    margin: 15px 0
  }

  footer .bg .tel .call i {
    font-size: 28px;
    background: #FFF;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    border: 2px solid #f2799a;
    text-align: center;
    margin-right: 10px
  }

  footer .bg .tel .call i,
  footer .bg .tel .call span {
    display: inline-block;
    vertical-align: middle
  }

  footer .bg .tel .txt02 {
    font-size: 14px
  }

  footer#sc p {
    background: #EEE
  }

  .howto {
    padding: 80px 0;
    color: #616161;
    border-bottom: 1px solid #EEE
  }

  .howto .ttl {
    text-align: center
  }

  .howto .ttl .ttl01 {
    margin-top: 20px
  }

  .howto .ttl .ttl02 {
    margin: 20px 0;
    font-size: 24px
  }

  .howto .ttl .ttl02 strong:first-child,
  .howto .ttl .ttl02 i {
    color: #f2779a
  }

  .howto .ttl .ttl02 i {
    margin: 0 .2em
  }

  .howto .step li {
    margin-bottom: 40px;
    border: 1px solid #d0b592;
    position: relative
  }

  .howto .step li:after {
    content: "\f107";
    font-size: 40px;
    color: #bdbdbd;
    font-family: FontAwesome;
    position: absolute;
    left: 115px
  }

  .howto .step li:last-child:after {
    display: none
  }

  .howto .step li>* {
    display: table-cell;
    vertical-align: middle
  }

  .howto .step li>.ttl {
    background: #d0b592;
    width: 250px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px
  }

  .howto .step li>.ttl span {
    font-size: 40px
  }

  .howto .step li>.ttl strong {
    font-size: 18px;
    margin-top: 10px;
    display: block
  }

  .howto .step li>.txt {
    padding: 20px;
    font-size: 16px
  }

  .howto .step li>.txt>* {
    display: inline-block;
    vertical-align: middle
  }

  .howto .step li>.txt>img {
    width: 80px;
    height: 80px
  }

  .howto .step li>.txt>p {
    width: 600px;
    margin-left: 10px
  }

  .howto .step li>.txt>p strong {
    display: block;
    margin-bottom: 15px;
    color: #f2779a;
    font-size: 18px
  }

  .howto .link {
    width: 680px;
    margin: 0 auto;
    display: table;
    border-spacing: 20px 0
  }

  .howto .link li {
    display: table-cell;
    width: 33.333%;
    text-align: center
  }

  .howto .link li a {
    padding: 19px 0
  }

  .howto .link li i {
    font-size: 27px;
    right: 18px;
    margin-top: -13.5px
  }

  .howto div.shopDetail {
    padding: 2em 0
  }

  .howto div.shopDetail>dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-bottom: 1em
  }

  .howto div.shopDetail>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  .howto div.shopDetail>dl dd {
    padding: 1em;
    line-height: 1.4
  }

  .howto div.shopDetail>dl dd>p {
    margin-bottom: .5em
  }

  .sec_ttl {
    text-align: center;
    padding: 20px 0 20px
  }

  .sec_ttl_graybg {
    text-align: center;
    padding: 60px 0 0;
    background-color: #EEE
  }

  .sec_ttl .ttl00,
  .sec_ttl_graybg .ttl02,
  .sec_ttl .ttl02 {
    padding-bottom: 20px;
    font-size: 28px;
    position: relative
  }

  .sec_ttl_graybg .ttl02 span,
  .sec_ttl .ttl02 span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 12px;
    color: #9e9e9e
  }

  .sec_ttl .ttl02:before,
  .sec_ttl .ttl02:after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    left: 50%;
    margin-left: -40px
  }

  .sec_ttl_graybg .ttl02:before,
  .sec_ttl_graybg .ttl02:after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #9e9e9e;
    position: absolute;
    left: 50%;
    margin-left: -40px
  }

  .sec_ttl_graybg .ttl02:before,
  .sec_ttl .ttl02:before {
    bottom: 0
  }

  .sec_ttl_graybg .ttl02:after,
  .sec_ttl .ttl02:after {
    bottom: -2px
  }

  .top_kv_send {
    background: url(../img/top/kv_send2.jpg) no-repeat center #c4c4c4;
    height: 420px
  }

  .top_kv_shop {
    background: url(../img/top/kv_shop.png) no-repeat center #e5e5e5;
    height: 380px
  }

  .top_kv_visit {
    background: url(../img/top/kv_visit.png) no-repeat center #e5e5e5;
    height: 380px
  }

  .top_kv_campaign {
    height: 470px
  }

  .top_kv_shop1 {
    background: url(../img/shop/kv_shop1_bg.png) no-repeat center #fff
  }

  .top_kv_shop2 {
    background: url(../img/shop/kv_shop2_bg.png) no-repeat center #fff
  }

  .detail_kv {
    border-top: 1px solid #EEE;
    text-align: center
  }

  .brand_ttl {
    text-align: center;
    background: #EEE;
    padding: 0 0 20px;
    font-weight: 700;
    color: #363636
  }

  .brand_ttl .txt {
    font-size: 21px;
    margin-bottom: 13px;
    padding-top: 40px
  }

  .brand_ttl .ttl01 {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 13px
  }

  .brand_ttl .ttl01 span {
    font-size: 30px
  }

  .brand_ttl .bal {
    color: #f2799a;
    background: #FFF;
    display: inline-block;
    padding: 16px 21px;
    border-radius: 25px;
    position: relative;
    margin-bottom: 20px
  }

  .brand_ttl .bal:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #FFF transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px
  }

  .brand_ttl .ttl02 {
    background: #f2799a;
    color: #FFF;
    font-size: 36px;
    padding: 32px 0
  }

  .brand_ttl .ttl02 span.fs_71per {
    font-size: 71%
  }

  .brand_ttl .ttl02 span.fs_86per {
    font-size: 86%
  }

  .brand_ttl .ttl03 {
    font-size: 36px;
    padding: 40px 0 60px
  }

  .brand_ttl .ttl03 span {
    font-size: 20px;
    display: block;
    margin-bottom: 13px;
    letter-spacing: .15em
  }

  .brand_catch {
    background: #fff;
    border-bottom: 5px solid #fdedf2;
    font-size: 80%;
    font-weight: 700;
    line-height: 1.5;
    padding: 15px;
    position: relative;
    text-align: center
  }

  .brand_catch p {
    position: relative;
    z-index: 2
  }

  .brand_catch strong {
    font-size: 135%
  }

  .brand_catch+* .detail_kv {
    border-top: none
  }

  .brand_ttl_txt {
    overflow: hidden;
    padding: 20px 70px 20px 340px;
    position: relative
  }

  .brand_ttl_txt:before {
    background: url(/img/brand/brand_ttl_txt_bg01.jpg) no-repeat center 0;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -100px;
    width: 600px;
    height: 100%
  }

  .brand_ttl_txt p {
    background-color: rgba(255, 255, 255, .75);
    border-radius: 5px;
    color: #616161;
    line-height: 2;
    padding: 40px 20px
  }

  .brand_ttl_txt p strong {
    font-size: 125%
  }

  .brand_ttl_txt_sub {
    font-size: 75%
  }

  .brand_ttl_em {
    background-color: #bfa178;
    color: #fff;
    line-height: 2;
    padding: 20px
  }

  .bran_ttl_em_txt {
      font-size: 90%;
  }

  .brand_ttl_em_ttl {
    background-color: #fff;
    border-radius: 5px;
    color: #bfa178;
    font-size: 108%;
    margin: 10px auto 0;
    padding: 10px;
    max-width: 1000px;
  }

  .brand_ttl_em_popular {
    font-size: 86%;
    margin: 10px auto 0;
    max-width: 1000px;
    font-weight: normal;
    line-height: 180%;
  }

  @media (max-width:780px) {
    .brand_catch {
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 60%
    }

    .brand_catch:before,
    .brand_catch:after {
      background-position: center 0;
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      height: 100%
    }

    .brand_catch:before {
      background-image: url(/img/brand/brand_catch_bg01.jpg);
      left: 0;
      width: 90px
    }

    .brand_catch:after {
      background-image: url(/img/brand/brand_catch_bg02.jpg);
      right: 0;
      width: 160px
    }

    .brand_catch strong {
      display: block
    }

    .brand_ttl_txt {
      font-size: 80%;
      padding-right: 2%;
      padding-left: 170px
    }

    .brand_ttl_txt:before {
      left: -185px
    }

    .brand_ttl_txt p {
      padding: 30px 10px
    }

    .brand_ttl_txt p strong {
      font-size: 100%
    }
  }

  .brand_ttl p.title3 {
    font-size: 14px !important
  }

  .brand_ttl .txt {
    padding-top: 30px
  }

  .brand_ttl .ttl01 {
    font-size: 100%
  }

  .brand_ttl p.title1b {
    font-size: 21px !important
  }

  .brand_ttl .ttl01 span {
    font-size: 100%
  }

  .brand_ttl p.title4 {
    font-size: 16px !important
  }

  .brand_ttl .ttl02 {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .brand_point {
    position: relative;
    color: #616161;
    border-bottom: 1px solid #EEE;
    padding: 80px 0 60px
  }

  .brand_point .txt {
    line-height: 1.8;
    margin-top: 30px
  }

  .brand_point .txt img {
    float: left;
    margin-right: 15px
  }

  .brand_point>.ttl {
    position: absolute;
    left: 50%;
    top: -60px;
    margin-left: -290px;
    z-index: 1
  }

  .brand_point.is-s {
    border-bottom: none;
    padding-bottom: 0
  }

  .NoBg_ttl {
    border-top: 1px solid #EEE;
    text-align: center;
    padding: 0;
    font-weight: 700;
    background: #fff
  }

  .NoBg_ttl h1.ttl01 {
    font-size: 42px
  }

  .corner01>.wrapper>.txt {
    margin-top: 20px
  }

  .accordion {
    width: 92%;
    margin: 4%;
    overflow: hidden
  }

  .accordion .ac-content {
    margin: 0;
    position: relative
  }

  .accordion .ac-content i {
    float: right;
    font-size: 24px
  }

  .accordion h3 {
    display: block;
    background: #616161;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    font-size: 1.667em;
    border-radius: 5px
  }

  .accordion h3:hover {
    background: #616161
  }

  .accordion h3 .fa-chevron-up {
    display: none
  }

  .accordion .ac2-cont {
    border: 2px solid #616161;
    border-radius: 0 0 5px 5px;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    display: none
  }

  .accordion .ac2-cont p a {
    display: block;
    padding: 15px 10px;
    color: #616161
  }

  .accordion .ac2-cont p strong {
    display: block;
    margin-bottom: 5px
  }

  .accordion .ac2-cont p:nth-child(even) {
    background: #eee
  }

  .accordion .ac2-cont p i {
    margin-top: -.7em;
    color: #f2779a
  }

  .accordion .brand_box {
    margin-bottom: 10px
  }

  .accordion .brand_box.active .ac2-cont {
    display: block
  }

  .accordion .brand_box.active h3 {
    border-radius: 5px 5px 0 0
  }

  .accordion .brand_box.active .fa-chevron-up {
    display: inline-block
  }

  .accordion .brand_box.active .fa-chevron-down {
    display: none
  }

  .attention {
    border-bottom: 1px solid #EEE;
    color: #616161;
    padding: 40px 0 80px;
    text-align: center
  }

  .attention h2.ttl {
    border: #ffc107 4px solid;
    color: #ffc107;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: .5em
  }

  .attention h2.ttl i {
    margin-right: .3em
  }

  .attention .txt {
    padding: 20px 0
  }

  .attention .box {
    display: table;
    width: 1120px;
    border-spacing: 40px 0;
    margin-left: -40px;
    position: relative
  }

  .attention .box>.border,
  .attention .box>.tel {
    display: table-cell;
    width: 50%;
    vertical-align: bottom
  }

  .attention .box>.border>.web>div {
    padding: 20px
  }

  .attention .box>.border>.web .corner01 {
    background: #fdebf0
  }

  .attention .box>.border>.web .corner01 a {
    font-size: 28px;
    font-weight: 700;
    padding: 14px 0 8px
  }

  .attention .box>.border>.web .corner01 a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px
  }

  .attention .box>.border>.web .corner01 a i {
    font-size: 40px;
    right: 30px;
    margin-top: -20px
  }

  .attention .box>.border>.web .date .txt {
    font-size: 28px
  }

  .attention .box .date {
    border: 1px solid #bdbdbd;
    background: #FFF !important;
    margin-top: 20px;
    display: table;
    width: 100%;
    border-spacing: 1px
  }

  .attention .box .date li {
    display: table-cell;
    width: 50%;
    vertical-align: middle
  }

  .attention .box .date .ttl {
    background: #EEE;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6
  }

  .attention .box .date .txt span {
    font-size: 30px;
    color: #FFF;
    background: #616161;
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    border-radius: 20px
  }

  .attention .box>.tel .corner01 {
    background: #EEE;
    padding: 54px 0
  }

  .attention .box>.tel .txt01 {
    font-size: 16px
  }

  .attention .box>.tel .call {
    font-size: 48px;
    color: #f2799a;
    margin: 15px 0
  }

  .attention .box>.tel .call i {
    margin-right: 5px;
    width: 60px;
    height: 60px
  }

  .attention .box>.tel .call i,
  .attention .box>.tel .call span {
    display: inline-block;
    vertical-align: middle
  }

  .attention .box>.tel .txt02 {
    font-size: 14px;
    margin-bottom: 15px
  }

  .attention .box .bal {
    margin-bottom: 5px
  }

  .attention .box .bal>li {
    display: inline-block
  }

  .attention .box .bal>li:last-child {
    margin-left: 14px
  }

  .attention .box .img {
    position: absolute;
    right: 100px;
    top: -75px;
    z-index: -1
  }

  .attention.notice .box>.border {
    vertical-align: middle;
    line-height: 1.8em;
    text-align: left
  }

  .attention.notice .box>.tel .corner01 {
    background: #fff;
    padding: 24px 0
  }

  .attention.last .sec_ttl .ttl02:before,
  .attention.last .sec_ttl .ttl02:after {
    display: none
  }

  .attention.last .img01,
  .attention.last .img02 {
    text-align: center
  }

  .attention.last .img02 {
    margin: 15px 0 40px
  }

  .attention.last .box {
    width: 1080px
  }

  .campaign_main {
    color: #616161
  }

  .campaign_main .bg02 {
    background-image: url(../img/campaign/clo_top-1_02_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg04 {
    background-image: url(../img/campaign/clo_top-1_04_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg06 {
    background-image: url(../img/campaign/clo_top-1_06_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg07 {
    background-image: url(../img/campaign/clo_top-1_07_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg08 {
    background-image: url(../img/campaign/clo_top-1_08_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg09 {
    background-image: url(../img/campaign/clo_top-1_09_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg10 {
    background-image: url(../img/campaign/clo_top-1_10_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg11 {
    background-image: url(../img/campaign/clo_top-1_11_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg12 {
    background-image: url(../img/campaign/clo_top-1_12_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg13 {
    background-image: url(../img/campaign/clo_top-1_13_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg14 {
    background-image: url(../img/campaign/clo_top-1_14_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg15 {
    background-image: url(../img/campaign/clo_top-1_15_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg18 {
    background-image: url(../img/campaign/clo_top-1_18_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg19 {
    background-image: url(../img/campaign/clo_top-1_19_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main_aw .bg19 {
    background-image: url(../img/campaign/clo_top-1_19_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .wrapper {
    width: 800px
  }

  .campaign_main .ttl02 {
    position: relative
  }

  .campaign_main .ttl02 .txt {
    position: absolute;
    font-size: 21px;
    text-align: left;
    line-height: 1.4
  }

  .campaign_main .clo01 {
    margin-top: -70px
  }

  .campaign_main .clo01 .txt {
    width: 350px;
    left: 300px;
    bottom: 115px
  }

  .campaign_main .clo02 {
    margin-top: -40px
  }

  .campaign_main .clo02 .txt {
    width: 420px;
    bottom: 90px
  }

  .campaign_main .clo03 {
    margin-top: -40px;
    margin-bottom: 25px
  }

  .campaign_main .clo03 .txt {
    left: 320px;
    bottom: 20px
  }

  .campaign_main .clo04 {
    margin-top: 25px;
    margin-bottom: -95px
  }

  .campaign_main .clo04 .txt {
    top: 95px
  }

  .campaign_main .clo04 .txt strong {
    color: #f2799a
  }

  .campaign_main .point ul {
    margin-top: 20px
  }

  .campaign_main .point li {
    text-align: left;
    margin-bottom: 35px
  }

  .campaign_main .point .ttl {
    font-size: 21px;
    font-weight: 700;
    color: #616161;
    margin-bottom: 15px
  }

  .campaign_main .point .ttl img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
  }

  .campaign_main .point .txt {
    font-size: 16px;
    line-height: 1.5
  }

  .campaign_main .box .ttl {
    margin: 40px 0
  }

  .campaign_main .box ul {
    text-align: center;
    display: table;
    border-spacing: 50px 0;
    margin: 0 auto
  }

  .campaign_main .box li {
    display: table-cell
  }

  .campaign_main .box .txt {
    text-align: left;
    margin-top: 30px;
    line-height: 1.7;
    font-size: 16px
  }

  .campaign_main_nounder .clo01 {
    margin-top: -70px
  }

  .cam_search {
    background: #EEE;
    padding-bottom: 40px
  }

  .cam_search .txt {
    margin: 0;
    padding: 60px 0 20px
  }

  .cam_search .ttl {
    background: #FFF
  }

  .cam_search .ttl:after {
    border-color: #FFF transparent transparent transparent
  }

  .howto_ttl {
    padding: 0 0 30px
  }

  .howto_ttl .ttl02 {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.4;
    color: #616161 !important
  }

  .howto_ttl .ttl02 span {
    font-size: 1.3em
  }

  .howto_btn {
    width: 1040px
  }

  .howto_btn ul {
    display: table;
    border-spacing: 20px 0
  }

  .howto_btn li {
    display: table-cell;
    width: 320px;
    text-align: center;
    border: 2px solid #f2799a
  }

  .howto_btn li a {
    display: block;
    padding: 30px 0 5px
  }

  .howto_btn li .txt {
    font-size: 16px;
    color: #616161;
    margin-bottom: 15px
  }

  .howto_btn li .ttl {
    font-size: 28px;
    color: #212121;
    font-weight: 700
  }

  .howto_btn li .ttl strong {
    color: #f2799a
  }

  .howto_btn li .ttl .num {
    background: #f2799a;
    color: #FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 50%
  }

  .howto_btn li i {
    font-size: 40px
  }

  .howto_about {
    padding: 80px 0 0
  }

  .howto_about>.ttl {
    font-size: 1.3em;
    color: #616161 !important;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
  }

  .howto_about>ul {
    display: table;
    border-spacing: 40px 0;
    width: 1080px
  }

  .howto_about>ul>li {
    display: table-cell;
    width: 50%;
    background: #f8f4ef
  }

  .howto_about>ul>li .ttl {
    background: #f2799a;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    padding: 16px 0;
    border-radius: 4px 4px 0 0
  }

  .howto_about>ul>li .box {
    padding: 20px 20px 0;
    text-align: center
  }

  .howto_about>ul>li .txt01 {
    font-size: 16px;
    color: #c4a277
  }

  .howto_about>ul>li .img {
    margin: 20px 0 15px
  }

  .howto_about>ul>li .txt02 {
    background: #FFF;
    display: block;
    padding: 16px 0;
    margin-bottom: 20px
  }

  .howto_about>ul>li .txt02 span {
    color: #f2799a
  }

  .howto_about>ul>li .txt03 {
    font-size: 16px;
    text-align: left;
    line-height: 1.5
  }

  .howto_select {
    padding: 80px 0
  }

  .howto_select .howto {
    padding: 80px 0 40px
  }

  .howto_select .howto .btn02 {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    padding: 17px 0
  }

  .howto_select .howto .btn02 i {
    font-size: 30px;
    right: 18px;
    margin-top: -15px
  }

  .howto_select>.ttl {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
  }

  .howto_select .tab_menu.top {
    border-bottom: 2px solid #f2799a
  }

  .howto_select .tab_menu.top li {
    border-radius: 4px 4px 0 0
  }

  .howto_select .tab_menu.btm {
    border-top: 2px solid #f2799a
  }

  .howto_select .tab_menu.btm li {
    border-radius: 0 0 4px 4px
  }

  .howto_select .tab_menu ul {
    display: table;
    border-spacing: 20px 0;
    width: 1040px
  }

  .howto_select .tab_menu li {
    display: table-cell;
    width: 33.333%;
    cursor: pointer;
    background: #EEE;
    color: #616161;
    font-size: 15px;
    text-align: center;
    padding: 25px 0
  }

  .howto_select .tab_menu li strong {
    display: block;
    font-size: 28px;
    margin-top: 7px
  }

  .howto_select .tab_menu li.active {
    background: #f2799a;
    color: #FFF
  }

  .howto_select .tab_box {
    display: none
  }

  .howto_select .tab_box.active {
    display: block
  }

  .howto_merit {
    padding: 60px 0 0;
    color: #616161
  }

  .howto_merit .ttl02:before,
  .howto_merit .ttl02:after {
    display: none
  }

  .howto_merit .ttl03 {
    font-weight: 700;
    color: #f2779a;
    margin-bottom: 10px
  }

  .howto_merit ul {
    display: table;
    border-spacing: 20px 0;
    width: 1040px;
    margin: 10px 0 0 -20px
  }

  .howto_merit li {
    display: table-cell;
    width: 33.33%;
    background: #f8f4ef;
    padding: 20px
  }

  .howto_merit .ttl {
    display: table;
    width: 100%;
    border-spacing: initial;
    line-height: 1.5;
    font-weight: 700;
    color: #424242
  }

  .howto_merit .ttl>* {
    display: table-cell;
    vertical-align: middle;
    width: 170px
  }

  .howto_merit .ttl>img {
    padding-right: 20px;
    width: 110px
  }

  .howto_merit .txt {
    font-size: 14px;
    color: #616161;
    margin-top: 20px
  }

  .mt_05em {
    margin-top: .5em
  }

  .mt_1em {
    margin-top: 1em
  }

  .mt_2em {
    margin-top: 2em
  }

  .mt_3em {
    margin-top: 3em
  }

  .mt_5em {
    margin-top: 5em !important
  }

  .mb_05em {
    margin-bottom: .5em
  }

  .mb_1em {
    margin-bottom: 1em
  }

  .mb_2em {
    margin-bottom: 2em
  }

  .jq_hide {
    display: none
  }

  section,
  section.last,
  .container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px
  }

  section.login,
  section.noUse,
  section.cam_search,
  section.campaign_main,
  section.top_kv_campaign,
  section.top_kv_send,
  section.top_kv_shop,
  section.top_kv_visit,
  section.top_kv_shop1,
  section.top_kv_shop2,
  section.top_kv_eco {
    max-width: none
  }

  .results-suggest-hover {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 200
  }

  .results-suggest-hover .container {
    max-width: 960px
  }

  .results-suggest-hover .fa-star {
    color: #d0b592
  }

  .results-suggest-hover .fa-ban {
    color: #999
  }

  .results-suggest-hover-title {
    background: #616161;
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 10px;
    position: relative
  }

  .results-suggest-hover-title .close {
    color: #fff;
    position: absolute !important;
    top: 10px;
    right: 15px
  }

  .results-suggest-hover-body {
    background: #fff;
    border-radius: 0 0 5px 5px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }

  .results-suggest-hover-body li a,
  .results-suggest-hover-body li p {
    border-top: 1px solid #e0e0e0;
    display: block;
    font-size: 89%;
    line-height: 20px;
    padding: 10px 10px 10px 40px;
    position: relative
  }

  .results-suggest-hover-body li p {
    color: #616161
  }

  .results-suggest-hover-body li .fa-star,
  .results-suggest-hover-body li .fa-ban {
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 10px;
    text-align: center;
    width: 30px;
    z-index: 2
  }

  .results-suggest-hover-body li.suggest-buy {
    font-weight: 700
  }

  .results-suggest-hover-body li.normal a {
    color: #616161
  }

  .results-suggest-hover-body li span {
    border: 1px solid #f2799a;
    border-radius: 5px;
    color: #f2799a;
    display: inline-block;
    font-size: 80%;
    font-weight: 400;
    line-height: 28px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    right: 10px;
    text-align: center;
    width: 120px
  }

  .results-suggest-hover-body li a:hover {
    background: #fdebf0
  }

  .results-suggest-hover-body li a:hover:hover span {
    background: #f2799a;
    color: #fff
  }

  .results-suggest-bg {
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
  }

  .content-results-search {
    padding: 0;
    background: url(../img/result/resultBg.png) no-repeat top center;
    background-size: cover;
    color: #fff;
    text-align: center
  }

  .content-results-search .bg {
    background-color: rgba(0, 0, 0, .5);
    margin: 0;
    padding: 60px 0;
    line-height: 1.5
  }

  .content-results-search .lead {
    margin-bottom: 40px
  }

  .content-results-search .tab-content {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px
  }

  .content-results-search .word-free .tab-content-title {
    padding-bottom: 20px
  }

  .content-results-search .word-free input {
    background: #f2799a;
    border: none;
    border-radius: 30px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2) inset;
    color: #fff;
    font-size: 125%;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    width: 100%;
    height: 60px
  }

  .content-results-search .word-free input:placeholder-shown {
    color: #fff
  }

  .content-results-search .word-free input::-webkit-input-placeholder {
    color: #fff
  }

  .content-results-search .word-free input:-moz-placeholder {
    color: #fff;
    opacity: 1
  }

  .content-results-search .word-free input::-moz-placeholder {
    color: #fff;
    opacity: 1
  }

  .content-results-search .word-free input:-ms-input-placeholder {
    color: #fff
  }

  .content-results-search .word-kana .tab-content-title {
    padding-bottom: 10px
  }

  .content-results-search .word-kana .table-wrap {
    margin-right: -10px;
    margin-left: -10px
  }

  .content-results-search .word-kana ul {
    border-collapse: separate;
    border-spacing: 10px 0;
    display: table;
    margin-top: 10px;
    table-layout: fixed;
    width: 100%
  }

  .content-results-search .word-kana li {
    display: table-cell
  }

  .content-results-search .word-kana li a {
    background-color: rgba(255, 255, 255, .2);
    border-bottom: 2px solid #616161;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 93%;
    font-weight: 700;
    padding: 15px
  }

  .paging {
    padding-top: 20px;
    text-align: center
  }

  .paging a,
  .paging i {
    line-height: 28px
  }

  .paging a {
    border: 1px solid #f2799a;
    display: inline-block;
    font-size: 79%;
    margin: 0 3px;
    width: 30px;
    vertical-align: top
  }

  .paging a.on {
    background: #f2799a;
    color: #fff
  }

  .page-top {
    margin: 0;
    padding: 0;
    display: none
  }

  .page-top p {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    z-index: 9999
  }

  .move-page-top {
    display: block;
    transition: all 0.3s
  }

  .move-page-top img {
    width: 60px;
    height: 60px;
    z-index: 9999
  }

  .move-page-top:hover {
    opacity: .85
  }

  section.pageTitle,
  div.pageTitle_wht {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    padding: 2em 0;
    background-color: #fff;
    border-radius: 0;
    color: #616161
  }

  section.pageTitle span {
    font-size: .7em
  }

  div.pageTitle_wht {
    background-color: transparent !important;
    color: #ffffff !important
  }

  p.title1,
  p.title1white {
    font-size: 32px !important;
    font-weight: bold !important;
    display: inline-block;
    position: relative
  }

  p.title1:before,
  p.title1white:before,
  p.title1:after,
  p.title1white:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -20px
  }

  p.title1 {
    color: #363636 !important
  }

  p.title1:before,
  p.title1:after {
    border-bottom: 2px solid #ccc
  }

  p.title1white {
    color: #fff !important
  }

  p.title1white:before,
  p.title1white:after {
    border-bottom: 2px solid #fff
  }

  @media (min-width:780px) {
    p.title1b {
      font-size: 32px !important;
      font-weight: bold !important;
      line-height: 130% !important
    }

    p.title2 {
      font-size: 28px !important;
      font-weight: bold !important;
      line-height: 130% !important
    }

    p.title3 {
      font-size: 24px !important;
      font-weight: bold !important;
      line-height: 130% !important
    }

    p.title4 {
      font-size: 20px !important;
      font-weight: bold !important;
      line-height: 180% !important
    }

    p.txt1 {
      font-size: 22px !important;
      font-weight: normal !important;
      line-height: 150% !important
    }

    ul.txt2,
    span.txt2,
    p.txt2 {
      font-size: 20px !important;
      font-weight: normal !important;
      line-height: 150% !important
    }

    li.txt3,
    div.txt3,
    span.txt3,
    p.txt3 {
      font-size: 16px !important;
      font-weight: normal !important;
      line-height: 180% !important
    }

    p.menu,
    span.txt4,
    p.txt4 {
      font-size: 15px !important;
      font-weight: normal !important;
      line-height: 150% !important
    }

    span.txt5,
    p.txt4 {
      font-size: 14px;
      font-weight: 400;
      line-height: 180%
    }
  }

  p.title1b {
    font-size: 28px;
    font-weight: 700;
    line-height: 130%
  }

  p.title2 {
    font-size: 23px;
    font-weight: 700;
    line-height: 130%
  }

  p.title3 {
    font-size: 17px;
    font-weight: 700;
    line-height: 145%
  }

  p.title4 {
    font-size: 15px;
    font-weight: 700;
    line-height: 180%
  }

  p.txt1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%
  }

  ul.txt2,
  span.txt2,
  p.txt2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%
  }

  li.txt3,
  div.txt3,
  span.txt3,
  p.txt3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 180%
  }

  p.menu,
  span.txt4,
  p.txt4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 150%
  }

  span.txt5,
  p.txt4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 180%
  }

  .sm {
    display: none !important
  }

  *[class*="mBtn"] {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 1.45em;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px #ccc;
    background: #f2799a;
    border-bottom: 1px solid #d96d8a
  }

  *[class*="mBtn2"] {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 1.45em;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px #ccc;
    background: #f2799a;
    border-bottom: 1px solid #d96d8a
  }

  *[class*="mBtn-gry"] {
    background: #9e9e9e;
    border-bottom: 1px solid #8e8e8e
  }

  *[class*="mBtn-dgry"] {
    background: #616161;
    border-bottom: 1px solid #515151
  }

  *[class*="mBtn-wht"] {
    background-color: #fff;
    color: #9e9e9e;
    border: 1px #eee solid;
    border-bottom: 1px #ddd solid
  }

  *[class*="mBtn-ppl"] {
    background-color: #c8abe9;
    color: #fff;
    border-bottom: 1px #b49ad1 solid
  }

  *[class*="mBtn"]:after {
    content: "\f105";
    font: normal normal normal 1.2em FontAwesome;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: .5em
  }

  *[class*="mBtn"]>i {
    font-size: 1.4em;
    position: relative;
    top: .15em
  }

  *[class*="-nic"]:after {
    content: ""
  }

  *[class*="ic-undo-"]::before,
  *[class*="ic-heart-"]::before {
    content: " ";
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: .28em
  }

  .sBtn {
    text-align: center;
    line-height: 3em;
    border: 1px #f2799a solid;
    border-radius: .2em;
    display: block;
    position: relative;
    text-decoration: none;
    font-seize: 1.09em
  }

  .sBtn:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 1.4em;
    font-weight: 400;
    position: absolute;
    top: -1px;
    right: .5em
  }

  @media (min-width:780px) {
    .sBtn {
      border-width: 2px
    }
  }

  input[type="button"],
  input[type="text"],
  input[type="submit"],
  input[type="checkbox"],
  select,
  textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none
  }

  section .btn {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 2px 2px #ccc;
    background: #f2799a;
    border-bottom: 2px solid #d96d8a
  }

  section .btn:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome
  }

  section .btn i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px
  }

  #tenpo .mt_2em {
    margin-top: 2em
  }

  #tenpo .mb_2em {
    margin-bottom: 2em
  }

  #tenpo section.top {
    position: relative;
    background: none
  }

  #tenpo section.top>h1 {
    text-align: center;
    font-weight: 700;
    font-size: 1.909em;
    width: 100%;
    position: absolute;
    top: 1em;
    left: 0
  }

  #tenpo section.top>img.mainImg {
    width: 100%
  }

  #tenpo section.top>div.catch {
    text-align: center;
    padding: 1.5em 0em 0em;
    background: #fff
  }

  #tenpo section.top>div.catch>h2,
  #tenpo section.top>div.catch .textwrap>h2 {
    font-size: 1em;
    margin-bottom: .6em;
    color: #f2799a;
    font-weight: 700
  }

  #tenpo section.top>div.catch>h2.fs_LL,
  #tenpo section.top>div.catch .textwrap>h2.fs_LL {
    font-size: 1.636em;
    font-weight: 700;
    color: #f2799a;
    margin-bottom: .4em
  }

  #tenpo section.top>div.catch>h2 span.fs_LL,
  #tenpo section.top>div.catch .textwrap>h2 span.fs_LL {
    font-size: 1.636em;
    font-weight: 700;
    color: #f2799a;
    margin-left: .3em
  }

  #tenpo section.top>div.catch>p,
  #tenpo section.top>div.catch .textwrap>p {
    font-size: .909em;
    font-weight: 700;
    color: #616161;
    margin-bottom: 1em
  }

  #tenpo section.top>div.catch>p.bgPink,
  #tenpo section.top>div.catch .textwrap>p.bgPink {
    font-size: 75%;
    letter-spacing: -.1em;
    font-weight: 700;
    color: #fff;
    background: #f2799a;
    padding: .8em 0
  }

  #tenpo section.top>div.catch>h3,
  #tenpo section.top>div.catch .textwrap>h3 {
    font-size: 1.636em;
    color: #fff;
    background-color: #fff;
    line-height: 1.5;
    font-family: "Noto Serif";
    border: 1px solid #f2799a
  }

  #tenpo section.top>div.catch>h3>i,
  #tenpo section.top>div.catch .textwrap>h3>i {
    width: 2em;
    height: 2em;
    font-size: .5em;
    vertical-align: middle;
    line-height: 2;
    background-color: #fff;
    color: #f2799a;
    border-radius: 50%;
    margin-right: .5em;
    margin-top: -.2em
  }

  #tenpo section.top>div.catch>h3 img,
  #tenpo section.top>div.catch .textwrap>h3 img {
    height: 1em
  }

  #tenpo section.top>.catch h3.link a .ic-freedial {
    width: 40px;
    height: 40px
  }

  #tenpo section.main {
    background: none;
    margin: 2%;
    color: #616161;
    padding-top: 2em
  }

  #tenpo section.main>h2 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .5em
  }

  #tenpo section.main>h3 {
    color: #9e9e9e;
    text-align: center;
    margin-bottom: .5em;
    font-family: "Noto Serif"
  }

  #tenpo section .content {
    padding: 1em;
    background-color: #fff;
    border-radius: 4px
  }

  #tenpo section.main .content>p.reservation {
    font-size: 1.09em;
    font-weight: 700;
    margin: 1em .5em 1.2em
  }

  #tenpo section.main .content>p.reservation span {
    color: #f2799a;
    font-weight: 400
  }

  #tenpo section.main .content p {
    line-height: 1.2;
    font-size: 1em;
    margin: 1em .5em 1.2em
  }

  #tenpo section.main .content>p.notice {
    font-size: .909em;
    margin-bottom: 2em !important
  }

  #tenpo section.main .content>dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-bottom: 1em
  }

  #tenpo section.main .content>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  #tenpo section.main .content>dl dd {
    padding: 1em 1em 2.4em;
    line-height: 1.4
  }

  #tenpo section.main .content>dl dd.tel {
    font-family: "Noto Serif";
    font-weight: 700
  }

  #tenpo section.main .content>dl dd.map p {
    margin-top: 1em
  }

  #tenpo section.special {
    margin: 2%
  }

  #tenpo section.news {
    color: #616161
  }

  #tenpo section.news p {
    margin: 1em .5em 1.2em;
    line-height: 1.5
  }

  #tenpo section.news .snsArea {
    border-top: 2px #e0e0e0 solid;
    border-bottom: 2px #e0e0e0 solid;
    padding: 1em
  }

  #tenpo section.news>h2 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .5em
  }

  #tenpo section.news>h3 {
    color: #9e9e9e;
    text-align: center;
    font-family: "Noto Serif";
    padding-bottom: 1.5em
  }

  #tenpo section.news .blog {
    margin: 0 2% 2%;
    border: 1px #f2779a solid;
    padding-bottom: 5%
  }

  #tenpo section.news .blog h4 {
    color: #fff;
    background: url(../img/tenpo/titleBg_dot.png) right 7% bottom 0pt no-repeat #f2779a;
    background-size: 70px;
    padding: .5em .5em .5em .8em
  }

  #tenpo section.news .blog dl {
    border-bottom: #eee 1px solid;
    padding: .7em 1em;
    font-size: .909em
  }

  #tenpo section.news .blog dl dt {
    clear: left;
    float: left;
    width: 25%
  }

  #tenpo section.news .blog dl dd {
    margin-left: 25%
  }

  #tenpo section.news .blog dl dd a {
    color: #3fb5b5
  }

  #tenpo section.news .twitter {
    margin: 0 2%;
    border: 1px #79bdf2 solid
  }

  #tenpo section.news .twitter h4 {
    color: #fff;
    background: url(../img/tenpo/titleBg_dot.png) right 3% bottom 0pt no-repeat #79bdf2;
    background-size: 70px;
    padding: .5em .5em .5em .8em
  }

  #tenpo section.news .twitter #twitter-widget-0 {
    width: 97% !important;
    margin: 0 auto !important;
    display: block !important
  }

  #tenpo section.news .tentouSimu {
    padding: 1em;
    border-bottom: 2px #e0e0e0 solid
  }

  #tenpo section.news .tentouSimu p {
    margin: 1em 0 1.2em;
    line-height: 1.33
  }

  #tenpo section.news .tentouSimu p.txtPink {
    color: #f2779a
  }

  #tenpo section.news .tentouSimu img {
    display: block;
    margin: 0 auto
  }

  #tenpo section.news .tentouSimu img.wdt70per {
    width: 70%
  }

  #tenpo section.news .tentouSimu p.simuIntro {
    text-align: center;
    margin: 0
  }

  #tenpo section.news .tentouSimu p.simuIntro img {
    width: 90% !important
  }

  #tenpo section.news .tentouSimu h2 {
    color: #f2779a;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.33
  }

  #tenpo section.news .tentouSimu h3 {
    color: #f2779a;
    font-weight: 700;
    font-size: 1.09em;
    margin-bottom: .5em
  }

  #tenpo section.news .tentouSimu h3 span {
    color: #fff;
    background: #f2779a;
    border-radius: 100%;
    font-size: 1.6em;
    margin-right: .3em;
    padding: .1em .3em;
    vertical-align: middle
  }

  #tenpo section.news .tentouSimu img.bnr {
    margin-bottom: 1em
  }

  #tenpo section.news .reason {
    padding: 1em
  }

  #tenpo section.news .reason img.step {
    clear: left;
    float: left;
    width: 23%;
    padding: 0 .7em 3.5em
  }

  #tenpo section.news .reason .stepWrap {
    margin-top: 1.2em;
    border-bottom: 1px #f1f1f1 solid
  }

  #tenpo section.news .reason .stepWrap h2 {
    color: #f2779a;
    font-weight: 700
  }

  #tenpo section.news .reason .stepWrap p {
    line-height: 1.5;
    margin: .5em .5em;
    font-weight: 700
  }

  #tenpo section.news .reason02 {
    padding: 1em
  }

  #tenpo section.news .reason02 img.graph {
    clear: left;
    float: left;
    width: 25%;
    padding: 0 .1em 2em 0
  }

  #tenpo section.news .reason02 .graghWrap {
    margin-top: 1.2em;
    border-bottom: 1px #f1f1f1 solid
  }

  #tenpo section.news .reason02 .graphWrap p {
    line-height: 1.5;
    margin: 1em .2em 1.2em
  }

  #tenpo section.news .reason02 h2.caseA {
    font-size: 1.09em;
    color: #f2779a;
    font-weight: 700;
    text-align: center;
    margin-bottom: .3em
  }

  #tenpo section.news .reason02 h2.caseB {
    font-size: 1.09em;
    color: #32cccc;
    font-weight: 700;
    text-align: center;
    margin: 1em 0 .3em
  }

  #tenpo section.news .reason02 h3 {
    font-size: 1.09em;
    color: #616161;
    font-weight: 700;
    text-align: center
  }

  #tenpo section.news .reason02 i.reasonArrowA {
    font-size: 2em;
    color: #f2779a;
    text-align: center;
    margin: .1em auto;
    display: block
  }

  #tenpo section.news .reason02 i.reasonArrowB {
    font-size: 2em;
    color: #32cccc;
    text-align: center;
    margin: .1em auto;
    display: block
  }

  #tenpo section.shibuInterview {
    color: #616161
  }

  #tenpo section.shibuInterview>h2 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .5em
  }

  #tenpo section.shibuInterview>h3 {
    color: #9e9e9e;
    text-align: center;
    font-family: "Noto Serif";
    padding-bottom: 1.5em
  }

  #tenpo section.shibuInterview .intCont {
    border-top: 2px #e0e0e0 solid;
    padding: 1em 1em 0
  }

  #tenpo section.shibuInterview .intCont img.intImg {
    clear: left;
    float: left;
    width: 25%;
    padding: 0 0 3em 0;
    margin-right: .5em
  }

  #tenpo section.shibuInterview .intCont h2 {
    color: #f2779a;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.33;
    margin-bottom: .2em
  }

  #tenpo section.shibuInterview .intCont p.intName {
    font-size: .8em;
    font-weight: 700;
    text-align: right;
    margin: 0
  }

  #tenpo section.shibuInterview .intCont p {
    line-height: 1.5em;
    margin: .2em 0 .5em
  }

  #tenpo section.shibuInterview .intCont .qaCont {
    border: 1px #eee solid;
    border-radius: 4px;
    margin: 1em 0;
    padding: .5em
  }

  #tenpo section.shibuInterview .intCont .qaCont h3 {
    border-bottom: 1px #eee dotted;
    font-weight: 700;
    font-size: 1.09em;
    padding: .5em 0;
    line-height: 1.5em
  }

  #tenpo section.shibuInterview .intCont .qaCont h3:before {
    content: 'Q';
    color: #fff;
    background: #f2779a;
    border-radius: 100%;
    font-size: 1.2em;
    margin-right: .3em;
    padding: .1em .4em;
    font-family: "Noto Serif";
    display: inline-block;
    float: left;
    margin-bottom: .8em
  }

  #tenpo section.shibuInterview .intCont .qaCont h3 span {
    color: #fff;
    background: #f2779a;
    border-radius: 100%;
    font-size: 1.2em;
    margin-right: .3em;
    padding: .1em .4em;
    font-family: "Noto Serif";
    display: none
  }

  #tenpo section.shibuInterview .intCont .qaCont p {
    margin: .5em 0
  }

  #tenpo section.shopInfo {
    color: #616161
  }

  #tenpo section.shopInfo>h2 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .5em
  }

  #tenpo section.shopInfo>h3 {
    color: #9e9e9e;
    text-align: center;
    font-family: Noto Serif;
    padding-bottom: 1.5em
  }

  #tenpo section.shopInfo .shopCont {
    padding: 1em;
    border-top: 2px #e0e0e0 solid
  }

  #tenpo section.shopInfo .shopCont>dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-bottom: 1em
  }

  #tenpo section.shopInfo .shopCont>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  #tenpo section.shopInfo .shopCont>dl dd {
    padding: 1em 1em 2.4em;
    line-height: 1.4
  }

  #tenpo section.shopInfo .shopCont>dl dd p.notice {
    font-size: .909em;
    padding: .3em 0;
    line-height: 1.5
  }

  #tenpo section.shopInfo .shopCont>dl dd.tel {
    font-family: "Noto Serif";
    font-weight: 700
  }

  #tenpo section.shopInfo .shopCont>dl dd div.rootTtl {
    margin: .5em 0;
    font-size: 1.09em;
    font-weight: 700;
    padding: .5em 0;
    border-bottom: 1px #eee dotted
  }

  #tenpo section.shopInfo .shopCont>dl dd div.root {
    padding: .5em 0
  }

  #tenpo section.shopInfo .shopCont>dl dd div.root div.leftImg {
    clear: left;
    float: left;
    width: 200px;
    margin: 0 1em 0 0
  }

  #tenpo section.shopInfo .shopCont>dl dd div.root div span {
    color: #f2779a;
    background: #eee;
    border-radius: 100%;
    font-size: 1.09em;
    margin-bottom: .3em;
    padding: 0 .45em;
    vertical-align: middle;
    font-family: "Noto Serif"
  }

  #tenpo section.shopInfo .shopCont span.bold {
    font-weight: 700
  }

  #tenpo section.shopInfo .shopCont p.notice {
    font-size: .909em;
    line-height: 1.5;
    margin: 0 !important
  }

  #campaign section#top {
    background: none
  }

  #campaign section.item div.itemWrap {
    padding: 0 1em 1em
  }

  #campaign h1 {
    color: #616161
  }

  #campaign section.item div.itemWrap p {
    color: #010101;
    font-size: .909em;
    line-height: 1.5;
    text-align: center;
    margin-top: 1em
  }

  #campaign section.item div.itemWrap p>span {
    color: #f2799a;
    font-weight: 700
  }

  #campaign section.item div.campCont01 {
    padding: 0 1em 2.5em
  }

  #campaign section.item div.campCont02 {
    padding: 0 1em 2.5em
  }

  #campaign section.item div.campCont02 div.kyoukaBrand {
    margin-top: .5em;
    border: 2px #e0e0e0 solid;
    border-radius: 2px
  }

  #campaign section.item div.campCont02 div.kyoukaBrand ul {
    padding: .5em .7em;
    border-bottom: 2px #e0e0e0 solid
  }

  #campaign section.item div.campCont02 div.kyoukaBrand ul li.normal {
    font-size: .8em;
    margin-left: 1.8em;
    line-height: 1.5
  }

  #campaign section.item div.campCont02 div.kyoukaBrand ul li.star {
    font-size: 1.5em;
    padding: .5em 0
  }

  #campaign section.item div.campCont02 div.kyoukaBrand ul li.star:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em
  }

  #campaign section.item div.campCont02 div.kyoukaBrand dl {
    display: table;
    width: 100%
  }

  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt,
  #campaign section.item div.campCont02 div.kyoukaBrand>dl dd {
    padding: 1em .7em .5em;
    width: 50%;
    display: table-cell;
    border-bottom: 2px #e0e0e0 solid
  }

  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt.last,
  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt.lastdd.last {
    border-bottom: 0
  }

  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt {
    border-right: 2px #e0e0e0 solid
  }

  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em;
    float: left;
    display: inline-block;
    margin-bottom: .5em
  }

  #campaign section.item div.campCont02 div.kyoukaBrand dl dd:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em
  }

  #campaign section.item div.campCont03 {
    padding: 0 1em 1em
  }

  #campaign section.item div.campCont03 p {
    margin-top: .5em;
    border: 2px #e0e0e0 solid;
    border-radius: 2px;
    padding: .5em .7em;
    font-size: 1em;
    line-height: 1.5em
  }

  #campaign section.item div.campCont03 p:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em;
    float: left;
    display: inline-block;
    margin-bottom: .5em
  }

  #campaign section.example div.exampleWrap {
    margin-top: 2em
  }

  #campaign section.example div.exampleWrap div.exmpleItem {
    border-top: 2px #e0e0e0 solid;
    padding: 1em
  }

  #campaign section.example div.exampleWrap div.exmpleItem img.exmImg {
    float: left;
    width: 20%;
    margin-right: 1em
  }

  #campaign section.example div.exampleWrap div.exmpleItem p.brndName {
    padding: .5em 0
  }

  #campaign section.example div.exampleWrap div.exmpleItem h2 {
    font-size: 1em;
    color: #616161;
    font-weight: 700
  }

  #campaign section.example div.exampleWrap div.exmpleItem h2>span {
    font-size: .79em;
    color: #616161
  }

  #campaign section.example div.exampleWrap .priceWrap {
    padding: 1em
  }

  #campaign section.example div.exampleWrap .priceWrap dl {
    display: table;
    width: 100%;
    border: 2px #e0e0e0 solid;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center
  }

  #campaign section.example div.exampleWrap .priceWrap dl dt {
    display: table-cell;
    width: 20%;
    color: #616161;
    background: #e0e0e0;
    vertical-align: middle;
    text-align: center
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-weight: 700
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price01 {
    text-decoration: line-through;
    width: 30%;
    font-size: 1.2em;
    font-family: "Noto Serif"
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price01:after {
    content: "\f0da";
    font-family: FontAwesome;
    color: #616161;
    font-weight: 400;
    float: right;
    display: inline-block
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price02 {
    color: #f2779a;
    width: 30%;
    font-size: 1.2em;
    font-family: "Noto Serif"
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price03 {
    padding: 2% 2% 2% 0;
    width: 20%;
    font-size: 1.09em;
    font-family: "Noto Serif"
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price03 span {
    background: #f2779a;
    width: 100%;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    padding: 20% 0
  }

  #campaign section.example div.exampleWrap .notForget {
    border: 4px #d0b592 solid;
    border-radius: 4px;
    padding: 1em;
    text-align: center;
    font-weight: 700;
    margin: .5em 1em
  }

  #campaign section.example div.exampleWrap .notForget p.txt01 {
    color: #d0b592;
    font-size: 1.09em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #campaign section.example div.exampleWrap .notForget p.txt02 {
    color: #616161;
    font-size: 1.27em;
    line-height: 1.5
  }

  #campaign section.example div.exampleWrap .notForget p.txt02 span {
    font-size: 1.5em
  }

  #campaign section.campDetail div.campTerm {
    border: 4px #d0b592 solid;
    border-radius: 4px;
    padding: 1em;
    text-align: center;
    font-weight: 700;
    margin: 1.5em 1em;
    color: #616161
  }

  #campaign section.campDetail div.campTerm p.txt01 {
    font-size: 1.27em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #campaign section.campDetail div.campTerm p.txt01 span {
    font-size: .71em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #campaign section.campDetail div.campTerm p.txt02 {
    font-size: 1em;
    line-height: 1.5;
    text-align: center
  }

  #campaign section.campDetail dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin: 1em;
    color: #616161
  }

  #campaign section.campDetail dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #eee;
    padding: .5em .9em
  }

  #campaign section.campDetail dl dd {
    padding: 1em;
    line-height: 1.4;
    color: #000
  }

  #campaign section.campDetail dl dd span {
    font-size: .909em;
    line-height: 1.4;
    color: #616161;
    display: inline-block
  }

  .sm {
    display: none !important
  }

  .corner01>.wrapper>.txt {
    margin: 0 4% 4%;
    text-align: left;
    line-height: 1.7
  }

  .fl-c:after,
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0
  }

  * html .clearfix {
    zoom: 1
  }

  *:first-child+html .clearfix {
    zoom: 1
  }

  a>i,
  p>i,
  li>i {
    font-size: 1.4em
  }

  section {
    background-color: #fff;
    position: relative
  }

  .mBox {
    border: 1px #e0e0e0 solid;
    border-radius: 2px
  }

  .mBox>h1 {
    background-color: #eee;
    text-align: center;
    font-weight: 700;
    line-height: 2.727
  }

  .mBox>h1 span {
    display: inline-block;
    border-radius: 5px;
    background: #f44336;
    color: #fff;
    text-align: center;
    font-size: .7em;
    padding: 5px 15px;
    margin-bottom: 10px
  }

  .mBox>p {
    padding: 1em;
    line-height: 1.5
  }

  #tsAkifuyu .ballon {
    position: relative
  }

  #tsAkifuyu .ballon>p {
    color: #fff;
    text-align: center;
    position: absolute;
    top: .5em;
    left: 0;
    width: 100%;
    font-size: 1.31em;
    font-weight: 700
  }

  #tsAkifuyu .sct1 {
    padding: 0
  }

  #tsAkifuyu .sct1>div {
    position: absolute;
    top: 2em;
    left: 5%;
    width: 90%
  }

  #tsAkifuyu .sct1>div h1 {
    font-size: 2.7em;
    font-weight: 700;
    text-align: center;
    margin-top: .2em
  }

  #tsAkifuyu .sct1>div h2 {
    text-align: center;
    font-weight: 700;
    font-size: 1.36em;
    margin-top: .8em
  }

  #tsAkifuyu .sct1>div h1 span {
    color: #ff729a
  }

  #tsAkifuyu .sct2 {
    padding: 1em 1em 0
  }

  #tsAkifuyu .sct2>h2 {
    font-weight: 700;
    color: #616161;
    margin: 0 1em 1em 1em
  }

  #tsAkifuyu .sct2 .fukidashi {
    position: relative
  }

  #tsAkifuyu .sct2 .fukidashi ul {
    position: absolute;
    top: .5em;
    left: 1em
  }

  #tsAkifuyu .sct2 .fukidashi ul li {
    font-weight: 700;
    color: #616161;
    font-size: 1.09em;
    line-height: 1.5;
    margin: .5em 0
  }

  #tsAkifuyu .sct2>p {
    margin-top: 1em;
    line-height: 1.6;
    font-size: .91em;
    margin-bottom: 3em
  }

  #tsAkifuyu .sct2>p span {
    color: #ff729a;
    font-weight: 700
  }

  #tsAkifuyu .sct3 {
    padding: 0
  }

  #tsAkifuyu .sct3>div {
    position: absolute;
    top: 1em;
    left: 0;
    width: 100%;
    text-align: center
  }

  #tsAkifuyu .sct3>div>h2 {
    font-size: 1.27em;
    font-weight: 700;
    margin-top: 1em
  }

  #tsAkifuyu .sct3>div>h1 {
    font-size: 2.2em;
    font-weight: 700;
    color: #f2799a;
    margin-top: .1em
  }

  #tsAkifuyu .sct3>div>h1 span {
    font-size: .6em;
    display: block;
    line-height: 1.8
  }

  #tsAkifuyu .sct4 {
    padding: 0
  }

  #tsAkifuyu .sct4>div {
    border: 1px #bdbdbd solid;
    border-radius: 6px;
    padding: 0;
    width: 94%;
    margin: 0 auto
  }

  #tsAkifuyu .sct4>div>div {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  #tsAkifuyu .sct4>div>div>* {
    display: table-cell;
    text-align: center;
    vertical-align: middle
  }

  #tsAkifuyu .sct4>div>div>*:last-of-type {
    background-color: #eee
  }

  #tsAkifuyu .sct4>div>div>h1 {
    color: #fff;
    background-color: #f2799a;
    font-weight: 700;
    line-height: 2.5;
    font-size: 1.1em;
    border-top-left-radius: 6px
  }

  #tsAkifuyu .sct4>div>div>h1:last-of-type {
    background-color: #6e6e6e;
    border-top-left-radius: 0;
    border-top-right-radius: 6px
  }

  #tsAkifuyu .sct4>div>div>h3 {
    text-align: center;
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.1em;
    padding: .5em 0
  }

  #tsAkifuyu .sct4>div>div>h3:last-of-type {
    color: #6e6e6e
  }

  #tsAkifuyu .sct4>div>div>h2 {
    color: #f2799a;
    font-weight: 700;
    font-size: 1.27em;
    padding-top: .5em;
    line-height: 1.3
  }

  #tsAkifuyu .sct4>div>div>h2:last-of-type {
    color: #616161
  }

  #tsAkifuyu .sct4>div>div>h2 span {
    display: block;
    font-size: 1.5em
  }

  #tsAkifuyu .sct4 .dArrow img {
    width: 1.8em
  }

  #tsAkifuyu .sct4 .photo>p {
    padding-top: .5em;
    padding-bottom: 1em
  }

  #tsAkifuyu .sct4 .photo img {
    width: 7em
  }

  #tsAkifuyu .sct5 {
    padding: 1em 1em 1px
  }

  #tsAkifuyu .sct5>p {
    font-weight: 700;
    color: #616161;
    line-height: 1.5;
    font-size: 1.09em;
    margin-bottom: 1.5em
  }

  #tsAkifuyu .sct5>ul {
    margin: .5em 0
  }

  #tsAkifuyu .sct5>ul>li {
    background-color: #ffeaf0;
    padding: 1em 1em 1em 3.5em;
    border-radius: 8px;
    font-weight: 700;
    line-height: 1.5;
    font-size: 1.09em;
    margin-bottom: 1em;
    position: relative
  }

  #tsAkifuyu .sct5>ul>li:before {
    content: "\f14a";
    font: normal normal normal 1.6em FontAwesome;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: .8em;
    color: #f2799a
  }

  @media (min-width:780px) {
    #tsAkifuyu .sct6 {
      width: 100%;
      padding: 30px 5px
    }

    #tsAkifuyu .sct6>div {
      color: #616161;
      text-align: center
    }

    #tsAkifuyu .sct6>div .info {
      margin: 50px 0
    }

    #tsAkifuyu .sct6>div .area1 {
      width: 100%;
      background-color: #eee;
      margin: 20px 0;
      border: 1px solid #EEE;
      border-radius: 10px
    }

    #tsAkifuyu .sct6>div .area1 .info2 {
      display: block;
      margin-left: auto;
      margin-right: auto
    }

    #tsAkifuyu .sct6>div .title3 {
      color: #f2799a
    }
  }

  #tsAkifuyu .sct6 {
    width: 100%;
    padding: 30px 5px 50px;
    margin-bottom: 20px
  }

  #tsAkifuyu .sct6>div {
    color: #616161;
    text-align: center
  }

  #tsAkifuyu .sct6>div .info {
    margin: 20px 10px
  }

  #tsAkifuyu .sct6>div .area1 {
    width: 100%;
    background-color: #eee;
    margin: 20px 0
  }

  #tsAkifuyu .sct6>div .area1 .info2 {
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  #tsAkifuyu .sct6>div .title3 {
    color: #f2799a
  }

  @media (min-width:780px) {
    #tsAkifuyu {
      width: 1000px;
      margin: 20px auto
    }

    #tsAkifuyu .sct3 {
      padding: 0
    }

    #tsAkifuyu .sct6>div img,
    #tsAkifuyu .ballon img {
      margin-left: 18%
    }

    #tsAkifuyu .sct6>p {
      text-align: center
    }

    #tsAkifuyu .sct2>h2 {
      margin: 0 1em 2em 0
    }

    #tsAkifuyu .ballon {
      clear: both
    }
  }

  #tsAkifuyu>section.sct2>div.fukidashi>ul {
    top: 25px;
    left: 50px
  }

  .mb-1 {
    margin-bottom: 1em
  }

  footer.noLogo .logo {
    text-align: center;
    border-bottom: 1px #d9d9d9 solid;
    padding-bottom: 14px
  }

  footer.noLogo .logo .ico {
    width: 4%;
    display: block;
    margin: 0 auto 4%
  }

  footer.noLogo .bg {
    padding: 0
  }

  footer.noLogo .nav {
    width: 100%;
    margin: 0
  }

  footer.noLogo .nav ul:first-child {
    border-top: none
  }

  div[class*="upTri"] {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .6em .6em .6em
  }

  .upTriPnk {
    border-color: transparent transparent #f2799a transparent
  }

  .upTriDgry {
    border-color: transparent transparent #616161 transparent
  }

  .upTriPpl {
    border-color: transparent transparent #c8abe9 transparent
  }

  div[class*="dwnTri"] {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5em .5em 0 .5em
  }

  .dwnTriPnk {
    border-color: #f2799a transparent transparent transparent
  }

  .dwnTriDgry {
    border-color: #616161 transparent transparent transparent
  }

  .dwnTriPpl {
    border-color: #616161 transparent transparent transparent
  }

  .plusBatch {
    color: #fff;
    font-size: .5em;
    border-radius: 2em;
    text-align: center;
    position: relative;
    top: -.3em;
    left: .4em;
    font-family: 'Noto Serif';
    padding: .3em .5em
  }

  .plusBatch em {
    font-style: normal;
    font-size: .61em
  }

  .belowBtn {
    position: absolute;
    bottom: -1em;
    left: 50%;
    width: 8em;
    margin-left: -4em;
    line-height: 2em;
    text-align: center
  }

  .belowBtn a {
    border: 1.5px #f7b1c4 solid;
    background-color: #fff;
    font-weight: 700;
    border-radius: 2em;
    display: block;
    font-size: .92em;
    text-align: center
  }

  .belowBtn a i {
    padding-left: .4em
  }

  .board {
    background-color: #fff;
    position: relative;
    margin: 0 -1em;
    padding: 1em;
    border-bottom: 1px #e0e0e0 solid
  }

  .board:first-of-type {
    margin-top: -1em
  }

  .done {
    background-color: #f5f5f5
  }

  .done>a>i {
    color: #bdbdbd !important
  }

  .board a {
    display: block;
    position: relative
  }

  .board a:after {
    content: "\f105";
    font: normal normal normal 2.08em FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5em
  }

  .board p {
    margin-left: 2.5em;
    color: #616161;
    font-size: .833em
  }

  .board h1 {
    color: #616161;
    font-weight: 700;
    font-size: 1.167em;
    line-height: 1.2;
    margin-left: 1.8em;
    margin-top: .3em
  }

  .board h1 span {
    font-size: 1.09em
  }

  #campaignCode input {
    background: #eee;
    font-size: 1.16em;
    padding: .5em;
    border-radius: 3px;
    width: 100%
  }

  #qa ul.listMenu {
    margin: -1em -1em 1.8em
  }

  #qa ul.listMenu li {
    padding-bottom: 3.3em
  }

  #qa ul.listMenu li h1 {
    position: relative;
    line-height: 3;
    font-weight: 700;
    background-color: #e0e0e0;
    padding-left: .79em;
    font-size: 1.16em;
    color: #616161
  }

  #qa ul.listMenu li h1:after {
    content: "\f107";
    position: absolute;
    font: normal normal normal 1.43em/1 FontAwesome;
    right: .5em;
    top: 50%;
    margin-top: -.5em
  }

  #qa ul.listMenu li h1.open:after {
    content: "\f106"
  }

  #qa ul.listMenu dl dt {
    position: relative;
    padding: .81em 3em .81em .99em;
    border-bottom: 1px #e0e0e0 solid;
    border-top: 1px #e0e0e0 solid;
    margin-bottom: -1px;
    font-size: 1.08em;
    line-height: 1.4
  }

  #qa ul.listMenu dl dt.open {
    font-weight: 700;
    border-bottom: none;
    padding-bottom: .6em
  }

  #qa ul.listMenu dl dt:after {
    content: "\f107";
    position: absolute;
    font: normal normal normal 1.54em/1 FontAwesome;
    right: .5em;
    top: 50%;
    margin-top: -.5em;
    color: #9e9e9e
  }

  #qa ul.listMenu dl dt.open:after {
    content: "\f106 "
  }

  #qa ul.listMenu dl dd {
    margin: 0 .92em 2em;
    line-height: 1.4;
    border-top: 1px #e0e0e0 solid;
    padding-top: .5em
  }

  footer.noLogo .nav {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 720px
  }

  footer.noLogo .nav2 {
    max-width: 840px
  }

  section {
    max-width: none
  }

  @media (min-width:780px) {
    #interviewPg {
      width: 900px;
      margin: 0 auto 20px
    }

    #send,
    #tentou,
    #taishou,
    #shucchou,
    #campaign,
    #buyer,
    #riyuu,
    #takuhai,
    #yoritakaku,
    #tenpo,
    #tuyomi,
    #area,
    #areaDetail,
    #gyouretu,
    #eco,
    #buyer_room {
      width: 1000px;
      margin: 0 auto
    }

    section .contentwrap {
      background-color: #F8F4EF;
      border-radius: 4px;
      text-align: center
    }

    section .contentwrap.tel,
    section .contentwrap.gray {
      background-color: #EEE
    }

    section div.dwArrow>img {
      width: auto
    }

    #send section.subtitle {
      text-align: center
    }

    #send section#sct1 dl dt .ttlwrap {
      margin-bottom: .5em;
      background-color: #F2789A;
      background-image: url(../img/send/ttl_before.gif), url(../img/send/ttl_after.gif);
      background-repeat: no-repeat;
      background-position: left top, right top;
      text-align: left
    }

    #send section#sct1 dl dt .ttlwrap img {
      margin-bottom: 0
    }

    #send section#sct1 dl dd.no2 {
      padding: 1em 3em;
      text-align: center
    }

    #send section#sct1 dl dd.no2>div {
      width: 520px;
      margin: 0 auto
    }

    #send section#sct1 dl dd.no2 p {
      text-align: left
    }

    #send section#sct1 dl dd.no2 p img {
      width: auto
    }

    #send section#sct1 dl dd.no3 {
      padding: 1em 5em
    }

    #send section#sct1 dl dd.no3 img {
      width: auto
    }

    #send section#sct2 div.top {
      text-align: center
    }

    #send section#sct2 div.menu {
      width: 840px;
      margin: 0 auto 2em
    }

    #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom {
      width: 520px;
      margin: .5em auto
    }

    #send section#sct2 div.step1 div.kitOffer div.sBox>div div.box img {
      width: auto
    }

    #send section#sct2 div.step1>div.kitOffer>div:nth-child(6)>div>div.size {
      text-align: center
    }

    #send section#sct2 div.step1>div.kitOffer>div:nth-child(6)>div>div.size>img {
      width: auto
    }

    #send section#sct2 div.step2 dl.sagawa dt,
    #send section#sct2 div.step2 dl.chakubarai dt {
      width: 133px
    }

    #send section#sct2 div.step2 div.todoku>img {
      width: auto
    }

    #send section#sct2 div.step2 div.documents>div>ul {
      display: flex;
      flex-wrap: wrap
    }

    #send section#sct2 div.step2 div.documents>div>ul>li {
      width: 49%;
      margin-right: .5em;
      margin-bottom: 0
    }

    #send section#sct2 div.step2 div.documents>div>ul>li:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #send section#sct2 div.step2 div.documents>div>ul>li:last-child {
      margin-right: 0
    }

    #send section#sct2 div.step2 div.documents>div>ul>li>div.disable {
      padding-left: 1em
    }

    #send section#sct2 div.step3 .sBox_pnk .imgwrap {
      text-align: center
    }

    #send section#sct2 div .layout01 dt {
      width: 133px
    }

    #send section#sct2 div.howToSell img {
      width: auto
    }

    #tentou section.top {
      text-align: center
    }

    #tentou section#sct1 {
      margin: 0 0 1em
    }

    #tentou section#sct1:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct1 .mBox {
      float: left;
      width: 490px;
      margin: 0 1em 1em 0
    }

    #tentou section#sct1 .mBox:nth-of-type(2n+1) {
      margin-right: 0
    }

    #tentou section#sct1 .mBox .layout01 {
      padding-right: 1em
    }

    #tentou section#sct3 {
      margin: 0;
      padding: 1em 0
    }

    #tentou section#sct3>div.menu {
      width: 630px;
      margin: 1em auto
    }

    #tentou section#sct3 #step1 .check .layout01:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct3 #step1 .check .layout01 dd {
      vertical-align: middle
    }

    #tentou section#sct3 #step1 .check .layout01 h1 {
      clear: both;
      float: left;
      width: 11em
    }

    #tentou section#sct3 #step1 .check .layout01 p {
      float: left;
      margin: .6em 0
    }

    #tentou section#sct3 #step1 .shopProfile:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct3 #step1 .shopProfile>div {
      border-bottom: none;
      border-right: 1px #ccc solid
    }

    #tentou section#sct3 #step1 .shopProfile>div:nth-of-type(2n) {
      border-right: none
    }

    #tentou section#sct3 #step1 .shopProfile>div:nth-of-type(n+3) {
      border-top: 1px #ccc solid
    }

    #tentou section#sct3 #step2:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct3 #step2 .layout01 {
      float: left;
      width: 50%
    }

    #tentou section#sct3 #step2 .layout01 p {
      padding-right: 0
    }

    #tentou section#sct3 #step3 .faq>div {
      border-top: 1px #ccc solid;
      border-radius: 0
    }

    #tentou section#sct3 #step3 .faq>div:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct3 #step3 .faq>div h1 {
      float: left;
      width: 45%;
      border: none
    }

    #tentou section#sct3 #step3 .faq>div p {
      float: left;
      width: 55%
    }

    #tentou>section.shopInfo {
      margin: 1em 0
    }

    #tentou>section.shopInfo:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou>section.shopInfo>div.mBox {
      margin: 0 1em 1em 0
    }

    #tentou>section.shopInfo>div.mBox:nth-of-type(2n+1) {
      margin-right: 0
    }

    #tentou>section.shopInfo>div.mBox>div p {
      height: 3em
    }

    #tentou>section.shopInfo>div.mBox>div>img {
      max-width: 100%
    }

    #tentou>section.shopInfo>div.mBox .layout01 {
      padding-right: 1em
    }

    #shucchou section.top {
      text-align: center
    }

    #shucchou section#sct1 {
      margin: 0;
      padding: 1em 0
    }

    #shucchou section#sct1:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #shucchou section#sct1 .meritlist {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #shucchou section#sct1 .meritlist .layout01 {
      display: block;
      width: 32%
    }

    #shucchou section#sct1 .meritlist .layout01>* {
      display: block
    }

    #shucchou section#sct1 .meritlist .layout01 dt {
      width: auto;
      padding-bottom: 15px;
      text-align: center
    }

    #shucchou section#howTo {
      margin: 0;
      padding: 18px 0
    }

    #shucchou section#howTo div.menu {
      width: 840px;
      margin: 2em auto
    }

    #shucchou section#howTo #step1 .web {
      width: auto
    }

    #shucchou section#results {
      margin: 0;
      padding: 1em 0
    }

    #shucchou section#results ul li {
      position: relative
    }

    #shucchou section#results ul li p.number {
      position: absolute;
      top: 50%;
      margin-top: -12px
    }

    #shucchou section#results ul li .textwrap {
      padding-left: 130px
    }

    #campaign section.item div.campCont01 {
      padding: 1.5em 0 2.5em;
      text-align: center
    }

    #campaign section.item div.campCont02 {
      padding: 1.5em 0 2.5em;
      text-align: center
    }

    #campaign section.item div.campCont02 .kyoukaBrand {
      text-align: left
    }

    #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 {
      display: flex
    }

    #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 ul {
      width: 50%;
      border-right: 2px #e0e0e0 solid
    }

    #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 ul:last-child {
      width: 100%;
      border-right: none
    }

    #campaign section.item div.campCont02 .kyoukaBrand>dl dd.last {
      border-bottom: none
    }

    #campaign section.item div.campCont03 {
      padding: 1.5em 0 1em;
      text-align: center
    }

    #campaign section.item div.campCont03 p {
      text-align: left
    }

    #campaign section.example div.exampleWrap:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #campaign section.example div.exampleWrap div.exmpleItem {
      clear: both;
      float: left;
      width: 50%
    }

    #campaign section.example div.exampleWrap .priceWrap {
      float: right;
      width: 50%;
      padding-top: 28px;
      border-top: 2px #e0e0e0 solid
    }

    #campaign section.example div.exampleWrap .notForget {
      clear: both;
      margin: .5em 0
    }

    #campaign section.campDetail div.campTerm {
      margin: 1.5em 0
    }

    #campaign section.campDetail dl {
      margin: 1em 0
    }

    #buyer section.main {
      padding: 1em 0
    }

    #buyer section#sct1 .feature {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #buyer section#sct1 .feature div {
      width: 49%
    }

    #buyer section#sct2>div:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #buyer section#sct2>div div {
      float: left;
      width: 48%;
      margin-bottom: 0
    }

    #buyer section#sct2>div div img {
      width: 100%
    }

    #buyer section#sct2>div p {
      float: right;
      width: 49%
    }

    #buyer section#sct3 .staff {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #buyer section#sct3 .staff dl {
      width: 49%
    }

    div#riyuu section.top {
      margin: 2% 0 1em;
      padding: 1em 0 .1em
    }

    div#riyuu section.top ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    div#riyuu section.top ul li {
      width: 49.3%
    }

    div#riyuu section.main div.graph {
      width: 578px;
      margin: 0 auto 1em
    }

    div#riyuu section.main div.graph img {
      width: auto
    }

    div#riyuu section#sct2 h2 {
      top: 1.6em
    }

    div#riyuu section#sct2 img {
      width: auto;
      margin-right: 4%
    }

    div#riyuu section#sct3 div,
    div#riyuu section#sct4 div,
    div#riyuu section#sct5 div,
    div#riyuu section#sct6 div {
      padding: 1em 0
    }

    div#riyuu section#sct3 div:after,
    div#riyuu section#sct4 div:after,
    div#riyuu section#sct5 div:after,
    div#riyuu section#sct6 div:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    div#riyuu section#sct2 div img,
    div#riyuu section#sct3 div img,
    div#riyuu section#sct4 div img,
    div#riyuu section#sct5 div img,
    div#riyuu section#sct6 div img {
      float: left;
      width: 45%
    }

    div#riyuu section#sct3 div p,
    div#riyuu section#sct4 div p,
    div#riyuu section#sct5 div p,
    div#riyuu section#sct6 div p {
      float: right;
      width: 51%
    }

    #takuhai .top .kit>img {
      width: auto
    }

    #takuhai #content ul li {
      width: 25%
    }

    #takuhai #content ul li img {
      max-width: 100%
    }

    #yoritakaku section#sct3 ul {
      display: block;
      padding-left: 207px
    }

    #yoritakaku section#sct3 ul li {
      width: auto
    }

    #yoritakaku section#sct3 ul li:nth-child(4) {
      clear: both
    }

    #yoritakaku section#sct3 ul li:nth-child(4):before {
      content: '';
      display: block
    }

    #yoritakaku section#sct5 p.sub {
      text-align: center
    }

    #yoritakaku section#sct5 p.sub img {
      display: inline
    }

    #tenpo section.top>.catch:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tenpo section.top>.catch .textwrap {
      display: inline-block
    }

    #tenpo section.top>.catch h3.link {
      display: inline-block;
      vertical-align: top
    }

    #tenpo section.top>.catch h3.link a {
      display: block;
      padding: 20px 30px;
      background-color: #f2799a;
      color: #fff
    }

    #tenpo section.main .content dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #tenpo section.main .content dl dt {
      width: 30%;
      border-bottom: 1px #ccc solid
    }

    #tenpo section.main .content dl dt:last-of-type {
      border-bottom: none
    }

    #tenpo section.main .content dl dd {
      width: 70%;
      border-bottom: 1px #ccc solid
    }

    #tenpo section.main .content dl dd:last-of-type {
      border-bottom: none
    }

    #tenpo section.news .snsArea {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 1em 0
    }

    #tenpo section.news .snsArea>div {
      width: 45.9%
    }

    #tenpo section.news .snsArea .blog {
      margin-bottom: 0;
      padding-bottom: 0
    }

    #tenpo section.news .tentouSimu p.simuIntro img {
      width: auto !important
    }

    #tenpo section.news .tentouSimu ol {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #tenpo section.news .tentouSimu ol li {
      width: 48%
    }

    #tenpo section.news .reason {
      border-bottom: 1px #f1f1f1 solid
    }

    #tenpo section.news .reason:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tenpo section.news .reason .stepWrap {
      float: left;
      width: 33%;
      border-bottom: none
    }

    #tenpo section.news .reason .stepWrap img {
      float: none;
      width: auto;
      padding: 0 0 10px
    }

    #tenpo section.news .reason02 img.graph {
      width: auto
    }

    #tenpo section.news .reason02 p.txt3 {
      padding-left: 155px
    }

    #tenpo section.shibuInterview .intCont img.intImg {
      width: auto;
      padding-right: 10px
    }

    #tenpo section.shopInfo .shopCont dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #tenpo section.shopInfo .shopCont dl dt {
      width: 30%;
      border-bottom: 1px #ccc solid
    }

    #tenpo section.shopInfo .shopCont dl dt:last-of-type {
      border-bottom: none
    }

    #tenpo section.shopInfo .shopCont dl dd {
      width: 70%;
      border-bottom: 1px #ccc solid
    }

    #tenpo section.shopInfo .shopCont dl dd:last-of-type {
      border-bottom: none
    }

    #tuyomi .title img {
      width: auto
    }

    #tuyomi .sign>img {
      width: auto
    }

    #tuyomi .main .main_head>img {
      width: auto
    }

    #tuyomi .main .content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 1em 0 .1em
    }

    #tuyomi .main .content .mBox {
      width: 49%
    }

    #areaDetail section.main h2>img {
      width: auto
    }

    #areaDetail section.main>div>img.taitori1 {
      width: 50%
    }

    #areaDetail section.main .text-center .sengen {
      border: 1px solid #F2799A;
      border-radius: 10px;
      width: 500px;
      background-color: #F2799A;
      margin: 0 auto
    }

    #areaDetail section.main .text-center .sengen p.txt {
      text-align: center;
      font-size: 22px;
      font-weight: 700;
      color: #616161;
      padding: 0 0 0;
      background-color: #fff;
      width: 470px;
      margin-left: 13px;
      margin-top: 13px
    }

    #areaDetail section.main .text-center .sengen p.txtb {
      text-align: center;
      font-size: 25px;
      font-weight: 700;
      color: #FFF;
      padding: 0 0 10px
    }

    #areaDetail section.main .text-center .sengen p.txt-large {
      text-align: center;
      font-size: 42px;
      font-weight: 700;
      color: #FFF;
      margin-top: 10px;
      letter-spacing: 10px
    }

    #areaDetail section.main>div>img.taitori2 {
      width: 60%
    }

    #gyouretu section.top {
      text-align: center;
      background-image: url(../img/common/bg.png);
      background-size: 30em
    }

    #gyouretu section.stripe {
      text-align: center
    }

    #gyouretu section.stripe div {
      text-align: left
    }

    #gyouretu section.stripe p {
      text-align: left
    }

    #gyouretu>section.top>div>p {
      line-height: 1.8;
      width: 420px;
      top: 10px;
      left: 185px;
      text-align: left
    }

    #gyouretu>section.branduru>img {
      width: 100%;
      left: 0
    }

    #gyouretu>section.branduru>h3 {
      padding-top: 10px
    }

    div#eco section.main div.activety {
      width: 640px;
      margin: 0 auto
    }

    div#eco section.main div.bottom {
      text-align: center
    }

    div#eco section.main div.bottom .layout01 p.txt3 {
      text-align: left
    }

    #sct2>div.step1>div.kitOffer>div:nth-child(6)>div>div.size>img {
      width: 100%
    }

    #tuyomi .main .content .mBox li>div:first-child {
      width: 150px;
      height: 150px
    }

    #buyer section#sct3 div.staff dl dt {
      display: table;
      width: 100%;
      margin-bottom: 1em
    }

    #hajimete #top>div.linkMenuDown {
      width: 1000px;
      margin: 0 auto
    }

    #hajimete #sct1 {
      padding: 0
    }

    #hajimete #sct1>div.main>h1 {
      text-align: center
    }

    #hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
      min-height: 120px
    }

    #hajimete section#sct1 div.main div[class*="point"] {
      width: 1000px;
      margin: 1em auto
    }

    #hajimete section#sct1 div.main div.point2 div ul {
      text-align: center
    }

    #hajimete section#sct1 div.main div.point3 div p img {
      display: block;
      margin: 1em auto
    }

    #hajimete section#sct1 div.main div.point5 div p {
      text-align: center
    }

    #hajimete section#sct3 {
      width: 1000px;
      margin: 0 auto
    }

    #hajimete #company>div.table img {
      display: block
    }

    #hajimete section#sct1 div.main div.point1 div.upper ul li {
      padding: .54em;
      border-bottom: 1px #e0e0e0 solid;
      border-right: 1px #e0e0e0 solid;
      float: left;
      width: 33%;
      min-height: 480px
    }

    #hajimete section#sct1 div.main div.point1 div.lower>h1 img,
    #hajimete section#sct1 div.main div.point4 div img,
    #hajimete section#sct1 div.main div.point5 div img,
    #hajimete section#sct3 div.kodawari div.kdw1 div img {
      float: left;
      padding: 10px 30px 30px
    }

    #hajimete section#sct1 div.main div.point1 div.lower p {
      margin: 10px 0
    }

    #hajimete section#sct1 div.main div.point2 div ul li {
      float: left;
      width: 32%;
      padding: .5em
    }

    #hajimete section#sct1 div.main div.point3 div img {
      padding: 10px 22%
    }

    #hajimete section#sct1 div.main div.point4 div ul li {
      width: 29%
    }

    #hajimete section#sct3 div.kodawari div.kdw3 div img,
    #hajimete section#sct3 div.kodawari div.kdw2 div img {
      padding: 10px 22%
    }

    #hajimete section#sct4 div.top {
      text-align: center;
      width: 1000px;
      margin: auto
    }

    #hajimete #sct4>div.kikkake {
      width: 1000px;
      margin: 0 auto
    }

    #hajimete section#sct4 div.kikkake>div p[class*="txt"] {
      width: 410px
    }

    #hajimete section#sct4 div.kikkake>div p.txta1 {
      top: 4%;
      left: 35%
    }

    #hajimete section#sct4 div.kikkake>div p.txta2 {
      top: 28%;
      left: 25%
    }

    #hajimete section#sct4 div.kikkake>div p.txta3 {
      top: 51%;
      left: 35%
    }

    #hajimete section#sct4 div.kikkake>div p.txta4 {
      position: absolute;
      top: 78%;
      left: 25%
    }

    #hajimete section#sct4 div.kikkake>div img {
      padding: 0 20% 3em
    }

    #hajimete #sct4>div.voice {
      width: 1000px;
      margin: 1em auto
    }

    #hajimete section#sct4 div.interv {
      width: 1000px;
      margin: 0 auto
    }

    #hajimete section#sct4 div.interv h1 {
      margin: 0 25%
    }

    #hajimete section#company {
      margin: 0 auto 1em;
      width: 1000px
    }

    #hajimete section#company div.table dl dd img {
      float: left;
      margin: 0 20px
    }

    #hajimete section#message {
      margin: 0 auto 1em;
      padding: 0 1em 1em;
      width: 1000px
    }

    #hajimete section#sct1 div.main div.point2 div p {
      padding: 0 2em .917em
    }

    #hajimete section#sct1 div.main div.point3 div {
      padding: 2em
    }

    #hajimete section#sct1 div.main div.point4 div p {
      padding: 0 2em 2em
    }

    .clear,
    .container {
      clear: both
    }

    #interviewPg .A_A>p,
    #interviewPg .A_B>p,
    #interviewPg .Q>p,
    #interviewPg section.main div.title p {
      font-size: 18px !important;
      font-weight: normal !important;
      line-height: 180% !important
    }

    #interviewPg section.main div.title h1 {
      font-size: 32px !important;
      font-weight: bold !important;
      line-height: 130% !important;
      margin: 20px 0
    }
  }

  @media (max-width:779px) {
    .results-suggest-hover .container {
      padding-right: 20px;
      padding-left: 20px
    }

    .result.select .inner dl#item dd ul li a {
      background-size: auto 40px !important
    }

    .content-results-search .bg {
      padding: 40px 20px
    }

    .content-results-search .word-kana li a {
      font-size: 79%;
      padding: 8px 0
    }

    .paging {
      padding-bottom: 20px
    }

    .move-page-top img {
      width: 45px;
      height: 45px
    }

    .page-top p {
      right: 10px;
      bottom: 120px
    }

    .sm {
      display: block !important
    }

    .md {
      display: none !important
    }

    body {
      font-size: 16px;
      line-height: 1;
      background: #EEE;
      color: #616161
    }

    img {
      width: 100%;
      height: auto
    }

    .trans:hover,
    .trans:hover img {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1
    }

    .wrapper {
      width: 100%
    }

    section.corner01 {
      background: #FFF;
      padding: 10% 0 5%;
      border-bottom: 0;
      margin-bottom: 4%
    }

    section.corner03 {
      background: #FFF;
      padding: 10px;
      border-bottom: 0;
      margin-bottom: 4%
    }

    .btn02 {
      border-width: 1px
    }

    .overlay {
      display: none;
      background-color: rgba(255, 255, 255, .85);
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 10;
      top: 0;
      left: 0
    }

    .overlay.active {
      display: block
    }

    .sec_ttl .ttl01 {
      position: absolute;
      top: -4em
    }

    .sec_ttl .ttl02 {
      font-size: 1.909em;
      padding-bottom: .6em;
      line-height: 1.2
    }

    .sec_ttl .ttl02 span {
      font-size: .5em;
      padding-top: .9em
    }

    .sec_ttl .ttl02 span.fs_m {
      font-size: .7em;
      display: inline;
      font-weight: 700
    }

    .sec_ttl .ttl02:before,
    .sec_ttl .ttl02:after {
      width: 40px;
      margin-left: -20px
    }

    .sec_ttl_graybg {
      padding: 40px 0 20px
    }

    .more_s {
      font-size: .909em;
      padding: 1% 1.5%;
      width: 7em;
      right: .8em;
      top: -2.3em
    }

    .more_s i {
      font-size: 1.5em;
      margin-top: -12px;
      right: 5%
    }

    footer .logo .ico {
      width: 4%;
      display: block;
      margin: 0 auto 4%
    }

    footer .bg {
      padding: 0
    }

    footer .nav {
      width: 100%;
      margin: 7% 0 0
    }

    footer .nav ul {
      display: block;
      width: 100%
    }

    footer .nav ul:first-child {
      border-top: 1px solid #d5d5d5
    }

    footer .copy {
      font-size: .909em;
      padding: 7% 0;
      line-height: 1.5
    }

    footer .nav li {
      margin-top: 0;
      border-bottom: 1px solid #d5d5d5;
      padding: 0
    }

    footer .nav li a {
      font-size: 1em;
      padding: 4%;
      display: block;
      position: relative
    }

    footer .nav li i {
      font-size: 1.2em;
      position: absolute;
      right: 2%
    }

    .howto .ttl .ttl01 {
      margin-top: 5%;
      padding: 0 4%
    }

    .howto .ttl .ttl02 {
      font-size: 1.273em;
      margin: 3% 0 5%
    }

    .howto .ttl .ttl02 strong {
      font-weight: 400
    }

    .howto .ttl .ttl02 strong:first-child {
      font-size: 1.2em;
      display: block;
      font-weight: 700;
      margin-bottom: 2%
    }

    .howto .step {
      margin: 4% 4% 0
    }

    .howto .step li {
      border-color: #616161;
      margin-bottom: 8%
    }

    .howto .step li>* {
      display: block
    }

    .howto .step li>.ttl {
      width: 100%;
      background: #616161;
      font-size: .909em;
      padding: 2.5% 0
    }

    .howto .step li>.ttl span {
      font-size: 1em
    }

    .howto .step li>.ttl strong {
      display: inline-block;
      margin-top: 0;
      font-size: 1.182em
    }

    .howto .step li>.ttl p {
      display: inline-block;
      margin-right: .5em
    }

    .howto .step li:after {
      left: 0;
      font-size: 2.273em;
      width: 100%;
      text-align: center
    }

    .howto .step li>.txt {
      padding: 4%;
      font-size: 1em
    }

    .howto .step li>.txt img {
      width: 24%
    }

    .howto .step li>.txt>p {
      width: 71%;
      margin-left: 2%;
      line-height: 1.4
    }

    .howto .step li>.txt>p strong {
      font-size: 1.1em;
      margin-bottom: 5%
    }

    .howto .link {
      width: 100%;
      padding: 1em 4% 0;
      border-spacing: inherit
    }

    .howto .link li {
      display: inline-block;
      width: 48%;
      margin-right: 4%
    }

    .howto .link li:first-child {
      width: 100%;
      margin-right: 0;
      margin-bottom: 4%
    }

    .howto .link li:last-child {
      margin-right: 0
    }

    .howto .link li a {
      padding: 1em 0
    }

    .howto .link li i {
      font-size: 1.455em;
      margin-top: -.6em;
      right: .6em
    }

    .howto div.shopDetail {
      padding: 1em
    }

    .howto div.shopDetail>dl {
      border: 1px #ccc solid;
      border-radius: 4px;
      margin-bottom: 1em
    }

    .howto div.shopDetail>dl dt {
      font-size: 1.09em;
      font-weight: 700;
      line-height: 2.5;
      background-color: #eee;
      padding: 0 .9em
    }

    .howto div.shopDetail>dl dd {
      padding: 1em;
      line-height: 1.4
    }

    .howto div.shopDetail>dl dd>p {
      margin-bottom: .5em
    }

    .top_kv_campaign,
    .top_kv_visit,
    .top_kv_shop,
    .top_kv_shop1,
    .top_kv_shop2,
    .top_kv_eco,
    .top_kv_send {
      height: auto;
      margin-bottom: 0m !important
    }

    .brand_ttl {
      padding: 0
    }

    .brand_ttl .txt {
      font-size: 1em;
      margin-bottom: 2%;
      padding-top: 7%
    }

    .brand_ttl .ttl01 {
      font-size: 1.409em;
      line-height: 1.5;
      margin-bottom: 4%
    }

    .brand_ttl .ttl01 span {
      font-size: .839em
    }

    .brand_ttl .ttl02 {
      font-size: 1.273em;
      padding: 5.5% 0
    }

    .brand_ttl .bal {
      margin: 0 auto 4%;
      font-size: 1.091em;
      line-height: 1.5;
      padding: 4%;
      border-radius: 2.727em;
      width: 94%
    }

    .brand_ttl .bal:after {
      bottom: -5px
    }

    .brand_ttl .ttl03 {
      padding: 7% 0 5%;
      font-size: 1.909em
    }

    .brand_ttl .ttl03 span {
      font-size: .50em;
      margin-bottom: 2.5%
    }

    .brand_ttl .ttl01 {
      margin-bottom: 10px
    }

    .brand_ttl .bal {
      margin-bottom: 15px;
      padding: 15px
    }

    .brand_ttl p.title4 {
      font-size: 14px !important
    }

    .brand_ttl p.title1b {
      font-size: 18px !important
    }

    .brand_ttl .ttl02 {
      padding-top: 15px;
      padding-bottom: 15px
    }

    .brand_ttl .ttl02+.line_botanbox {
      margin-top: 25px
    }

    .brand_ttl .ttl03 {
      font-size: 125%;
      padding: 30px 0 40px
    }

    .brand_point>.ttl {
      left: 50%;
      margin-left: -232px;
      top: -25px;
      padding: 0;
      width: 465px
    }

    .brand_point>.wrapper {
      padding-top: 0;
      padding-bottom: 0
    }

    .brand_point .sec_ttl .ttl02,
    .brand_point .content-title {
      font-size: 125%
    }

    .brand_point .txt {
      margin-top: 0
    }

    .brand_point {
      padding: 10% 2% 5%
    }

    .brand_point>.wrapper {
      background: #FFF;
      padding: 0 4% 4%
    }

    .brand_point .txt {
      font-size: 1.273em;
      margin-top: 5%;
      line-height: 1.6
    }

    .brand_point .txt img {
      float: right;
      width: 44%;
      margin-right: 0
    }

    .NoBg_ttl h1.ttl01 {
      font-size: 2em;
      letter-spacing: -2px
    }

    .inquiryBtn {
      margin: 20px auto
    }

    .inquiryBtn a {
      position: relative;
      display: inline-block;
      width: 50%;
      margin: 0 auto;
      font-size: .909em;
      padding: 3% 0 2%
    }

    .inquiryBtn a span {
      display: inline-block;
      width: 100%
    }

    .inquiryBtn a i {
      display: inline-block;
      width: 100%;
      position: absolute;
      right: 0;
      text-align: right;
      padding-right: 3%
    }

    .corner01>.wrapper>.txt {
      text-align: left;
      line-height: 1.7
    }

    .attention {
      text-align: center
    }

    .attention h2.ttl {
      font-size: 1.6em;
      border: #ffc107 2px solid;
      width: 100%
    }

    .attention .txt {
      font-size: .909em;
      line-height: 1.4;
      padding: 1em 5%;
      text-align: left
    }

    .attention .box {
      width: 100%;
      margin-left: 0;
      border-spacing: inherit
    }

    .attention .box>.border,
    .attention .box>.tel {
      display: block;
      width: 100%
    }

    .attention .box .bal {
      margin-bottom: .3em;
      text-align: left
    }

    .attention .box .bal>li {
      width: 38%
    }

    .attention .box .bal>li:last-child {
      margin-left: 3%
    }

    .attention .box>.border>.web {
      padding: 0 4% 4%
    }

    .attention .box>.border>.web .corner01 {
      padding: 0;
      background: none;
      position: relative;
      z-index: 1
    }

    .attention .box>.border>.web .corner01 a {
      font-size: 1.636em;
      padding: 4% 0 2%
    }

    .attention .box>.border>.web .corner01 a img {
      width: 8%;
      margin-right: 3%;
      margin-left: -5%
    }

    .attention .box>.border>.web .corner01 a i {
      font-size: 1.5em;
      right: 5%;
      margin-top: -.45em
    }

    .attention .box>.date {
      margin-top: 5%;
      display: table !important
    }

    .attention .box .date .ttl {
      font-size: 1em;
      line-height: 1.3
    }

    .attention .box .date .txt {
      font-size: 1.636em
    }

    .attention .box .date .txt span {
      font-size: 1em;
      width: 2.5em;
      height: inherit;
      line-height: 1;
      vertical-align: middle;
      padding: .15em 0
    }

    .attention .box .date .txt {
      padding: 3% 0;
      line-height: 1;
      text-align: center
    }

    .attention .box>.tel .corner01 {
      background: #FFF;
      padding: 0 0 0;
      border-top: 1px solid #EEE
    }

    .attention.notice .box>.tel .corner01 {
      padding: 0 0 0
    }

    .attention .box>.tel .txt01 {
      font-size: 1em
    }

    .attention .box>.tel .call {
      font-size: 2.182em;
      margin: 3% 0
    }

    .attention .box>.tel .call i {
      font-size: .6em;
      width: 25px;
      height: 25px;
      border-width: 1px;
      line-height: 25px;
      margin-right: 2%
    }

    .attention .box>.tel .txt02 {
      font-size: .909em
    }

    .attention .box .img {
      top: 0;
      right: 8%;
      z-index: inherit;
      width: 30%
    }

    .attention.last .box {
      width: 100%;
      margin: 3.5em auto 0
    }

    .attention.last .box>.border {
      border: 2px solid #d0b592;
      border-radius: 4px;
      width: 94%;
      margin: 0 auto
    }

    .attention.last .box>.border>.ttl {
      position: absolute;
      top: -2em
    }

    .attention.last .img02 {
      margin: 0
    }

    .attention.last .box>.date {
      width: 94%;
      margin: 5% auto 0
    }

    .attention.last .box>.tel .corner01 {
      margin-top: 4%
    }

    .attention.last .box .bal {
      margin-top: 4%
    }

    .attention.last .box .bal li {
      width: 47%
    }

    .campaign_main {
      padding-bottom: 0
    }

    .campaign_main .wrapper {
      width: 100%
    }

    .campaign_main .bg {
      background: #FFF
    }

    .campaign_main .clo01 {
      margin-top: -2.273em
    }

    .campaign_main .clo01 .txt {
      width: inherit;
      left: 38%;
      bottom: 7%
    }

    .campaign_main .ttl02 .txt {
      font-size: 1.091em
    }

    .campaign_main .clo02 {
      margin-top: 0
    }

    .campaign_main .clo02 .txt {
      width: 65%;
      left: 6%;
      bottom: 14%;
      letter-spacing: -.05em
    }

    .campaign_main .clo03 {
      margin-top: -1.917em;
      margin-bottom: 1.667em
    }

    .campaign_main .clo03 .txt {
      left: inherit;
      bottom: 2%;
      right: 9%
    }

    .campaign_main .clo04 {
      margin-top: .583em;
      margin-bottom: -1.091em
    }

    .campaign_main .clo04 .txt {
      top: 48%;
      left: 6%
    }

    .campaign_main .point {
      padding: 0 6%
    }

    .campaign_main .point>.ttl {
      margin-bottom: 4%
    }

    .campaign_main .point ul {
      margin-top: 0
    }

    .campaign_main .point li {
      margin-bottom: 1.364em
    }

    .campaign_main .point ul .ttl {
      font-size: 1.182em;
      margin-bottom: .5em
    }

    .campaign_main .point ul .ttl img {
      width: 13%;
      margin-right: 2%
    }

    .campaign_main .point .txt {
      font-size: .909em
    }

    .campaign_main .box {
      background: #FFF;
      width: 96%;
      margin: 0 auto
    }

    .campaign_main .box .ttl {
      margin: 6% 0 0;
      background: #212121;
      color: #FFF;
      font-size: 1.273em;
      font-weight: 700;
      padding: 4% 0;
      border-radius: 4px 4px 0 0
    }

    .campaign_main .box ul {
      border-spacing: 10px
    }

    .campaign_main .box .txt {
      margin-top: 0;
      font-size: 1.091em;
      padding: 0 4% 4%
    }

    .howto_ttl {
      padding: 0
    }

    .howto_ttl>.ttl01 {
      background: #FFF;
      font-weight: 700;
      font-size: 1.909em;
      padding: 9% 0
    }

    .howto_ttl .ttl02 {
      padding: 0 0 2%
    }

    .howto_ttl .ttl02 span {
      font-size: 1.3em
    }

    .howto_btn ul {
      border-spacing: inherit;
      padding: 2%;
      width: 100%
    }

    .howto_btn li {
      display: block;
      width: 100%;
      border: none;
      background: #FFF;
      margin-bottom: 2%;
      text-align: left
    }

    .howto_btn li a {
      padding: 3%;
      position: relative
    }

    .howto_btn li .ttl {
      font-size: 1.364em;
      display: inline-block;
      width: 6.5em;
      vertical-align: middle
    }

    .howto_btn li .ttl .num {
      font-size: .80em;
      width: 1.667em;
      height: 1.667em;
      line-height: 1.667em;
      margin-right: 5%;
      vertical-align: text-bottom;
      text-align: center
    }

    .howto_btn li .sm.txt {
      margin-bottom: 0;
      font-size: .909em;
      display: inline-block !important
    }

    .howto_btn li i {
      position: absolute;
      right: 3%;
      font-size: 1.818em
    }

    .howto_about {
      padding: 5% 0 0
    }

    .howto_about>.ttl {
      margin-bottom: 4%
    }

    .howto_about>ul {
      width: 96%;
      margin: 0 auto;
      border-spacing: inherit
    }

    .howto_about>ul>li {
      display: block;
      width: 100%;
      padding: 4% 4% 0;
      background: #FFF
    }

    .howto_about>ul>li:last-child {
      padding: 4%
    }

    .howto_about>ul>li .box {
      padding: 4% 0 0;
      text-align: left
    }

    .howto_about>ul>li .txt01 {
      font-size: 1.091em
    }

    .howto_about>ul>li .ttl {
      padding: 0;
      background: url(../img/howto/sm/ribbon.png) no-repeat;
      line-height: 1.875em;
      background-size: 100%;
      border-radius: 0;
      text-align: left;
      font-size: 1.4em;
      padding-left: 6%;
      margin: 3% 0 2%
    }

    .howto_about>ul>li .img {
      margin: 0
    }

    .howto_about>ul>li .corner01 {
      background: #f8f4ef;
      padding: 4%
    }

    .howto_about>ul>li .txt03 {
      font-size: 1.091em;
      font-weight: 700;
      margin-bottom: 4%;
      color: #616161 !important
    }

    .howto_select {
      padding: 10% 0 3%
    }

    .howto_select>.ttl {
      margin-bottom: 3%;
      line-height: 1.5
    }

    .howto_select .tab_menu ul {
      width: 96%;
      border-spacing: inherit
    }

    .howto_select .tab_menu li {
      font-size: .773em;
      padding: 2.5% 0;
      background: #FFF;
      border-top: 1px solid #212121;
      border-bottom: 1px solid #212121;
      border-left: 1px solid #212121;
      position: relative
    }

    .howto_select .tab_menu.top li:first-child,
    .howto_select .tab_menu.btm li:first-child {
      border-radius: 4px 0 0 4px !important
    }

    .howto_select .tab_menu.top li:last-child,
    .howto_select .tab_menu.btm li:last-child {
      border-right: 1px solid #212121;
      border-radius: 0 4px 4px 0px !important
    }

    .howto_select .tab_menu li strong {
      font-size: 1.647em;
      margin-top: 5%
    }

    .howto_select .tab_menu.top {
      border-bottom: none
    }

    .howto_select .tab_menu.btm {
      border-top: none
    }

    .howto_select .tab_menu.top li,
    .howto_select .tab_menu.btm li {
      border-radius: 0;
      line-height: 1.2
    }

    .howto_select .tab_menu.top .active:after,
    .howto_select .tab_menu.btm .active:after {
      width: 0;
      height: 0;
      border-style: solid;
      position: absolute;
      content: "";
      left: 50%;
      margin-left: -5px
    }

    .howto_select .tab_menu.top .active:after {
      bottom: -5px;
      border-width: 5px 5px 0 5px;
      border-color: #212121 transparent transparent transparent
    }

    .howto_select .tab_menu.btm .active:after {
      top: -5px;
      border-width: 0 5px 5px 5px;
      border-color: transparent transparent #212121 transparent
    }

    .howto_select .tab_box {
      padding: 3% 2%;
      display: none
    }

    .howto_select .tab_box li {
      background: #FFF
    }

    .howto_select .tab_box.active {
      display: block
    }

    .howto_merit {
      padding: 10% 0 0
    }

    .howto_merit .ttl03 {
      font-size: 1.091em;
      margin-bottom: 2%
    }

    .howto_merit ul {
      width: 100%;
      margin: 0;
      border-spacing: inherit;
      padding: 0 4%
    }

    .howto_merit li {
      display: table;
      width: 100%;
      padding: 4%;
      background: #f8f4ef;
      margin-bottom: 4%
    }

    .howto_merit li>* {
      display: table-cell !important;
      vertical-align: middle
    }

    .howto_merit li>.ttl {
      width: 24%;
      padding-right: 3%
    }

    .howto_merit .ttl>img {
      width: 100%;
      padding-right: 0;
      display: inline-block
    }

    .howto_merit li>.txt {
      margin-top: 0;
      font-size: 1em;
      line-height: 1.4
    }

    .howto_merit li>.txt .sm {
      font-size: 1.182em;
      font-weight: 700;
      margin-bottom: 2%
    }

    .howto_select .howto {
      padding: 7% 0 0
    }

    .howto_select .howto .sec_ttl .ttl02:before,
    .howto_select .howto .sec_ttl .ttl02:after {
      display: none
    }

    .howto_select .howto .sec_ttl .ttl02 {
      padding-bottom: .1em
    }

    .howto_select .howto .btn01 {
      width: 92%;
      margin: 4% auto;
      padding: 3.5% 4.5%;
      font-size: 1.455em;
      font-weight: 700;
      text-align: center
    }

    .howto .step li:last-child {
      margin-bottom: 0
    }

    .howto_select .howto .btn01 i {
      font-size: 1.5em;
      right: 4%;
      margin-top: -.5em
    }

    #shucchou .meritlist dt {
      width: 80px
    }

    #shucchou .meritlist dd {
      padding-left: 20px
    }

    #taishou .main>dl>dd>.layout01>*:first-child {
      width: 120px
    }

    #taishou .main ul.table {
      display: list-item
    }

    #taishou .main ul.table>li {
      display: list-item;
      padding-right: 0 !important;
      padding-left: 0 !important
    }

    #tenpo section.shopInfo .shopCont>dl dd div.root div.leftImg {
      width: 120px
    }

    .sm {
      display: block !important
    }

    .md {
      display: none !important
    }

    body {
      font-size: 22px;
      line-height: 1;
      background: #EEE
    }

    img {
      width: 100%
    }

    .trans:hover,
    .trans:hover img {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1
    }

    .wrapper {
      width: 100%
    }

    section.corner01 {
      background: #FFF;
      padding: 1% 0 5%;
      border-bottom: 0;
      margin-bottom: 4%
    }

    section.corner03 {
      background: #FFF;
      padding: 1% 0 5%;
      border-bottom: 0;
      margin-bottom: 4%
    }

    .btn02 {
      border-width: 1px
    }

    .overlay {
      display: none;
      background-color: rgba(255, 255, 255, .85);
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 10;
      top: 0;
      left: 0
    }

    .overlay.active {
      display: block
    }

    .sec_ttl .ttl01 {
      position: absolute;
      top: -4em
    }

    .sec_ttl .ttl02 {
      font-size: 1.909em;
      padding-bottom: .6em;
      line-height: 1.2
    }

    .sec_ttl .ttl02 span {
      font-size: .5em;
      padding-top: .9em
    }

    .sec_ttl .ttl02:before,
    .sec_ttl .ttl02:after {
      width: 40px;
      margin-left: -20px
    }

    .more_s {
      font-size: .909em;
      padding: 1% 1.5%;
      width: 7em;
      right: .8em;
      top: -2.3em
    }

    .more_s i {
      font-size: 1.5em;
      right: 5%
    }

    footer .logo .ico {
      width: 4%;
      display: block;
      margin: 0 auto 4%
    }

    footer .bg {
      padding: 0
    }

    footer .nav {
      width: 100%;
      margin: 7% 0 0
    }

    footer .nav ul {
      display: block;
      width: 100%
    }

    footer .nav ul:first-child {
      border-top: 1px solid #d5d5d5
    }

    footer .nav li {
      margin-top: 0;
      border-bottom: 1px solid #d5d5d5;
      padding: 0
    }

    footer .nav li a {
      font-size: 1em;
      padding: 4%;
      display: block;
      position: relative
    }

    footer .nav li i {
      font-size: 1.2em;
      position: absolute;
      right: 2%
    }

    footer .copy {
      font-size: .909em;
      padding: 7% 0;
      line-height: 1.5
    }

    .howto .ttl .ttl01 {
      margin-top: 5%;
      padding: 0 4%
    }

    .howto .ttl .ttl02 {
      font-size: 1.273em;
      margin: 3% 0 5%
    }

    .howto .ttl .ttl02 strong {
      font-weight: 400
    }

    .howto .ttl .ttl02 strong:first-child {
      font-size: 1.2em;
      display: block;
      font-weight: 700;
      margin-bottom: 2%
    }

    .howto .ttl .step {
      margin: 4% 4% 0
    }

    .howto .step li {
      border-color: #616161;
      margin-bottom: 8%
    }

    .howto .step li>* {
      display: block
    }

    .howto .step li>.ttl {
      width: 100%;
      background: #616161;
      font-size: .909em;
      padding: 2.5% 0
    }

    .howto .step li:after {
      left: 0;
      font-size: 2.273em;
      width: 100%;
      text-align: center
    }

    .howto .step li>.ttl span {
      font-size: 1em
    }

    .howto .step li>.ttl strong {
      display: inline-block;
      margin-top: 0;
      font-size: 1.182em
    }

    .howto .step li>.ttl p {
      display: inline-block;
      margin-right: .5em
    }

    .howto .step li>.txt {
      padding: 4%;
      font-size: 1em
    }

    .howto .step li>.txt img {
      width: 24%;
      height: auto
    }

    .howto .step li>.txt>p {
      width: 71%;
      margin-left: 2%;
      line-height: 1.4
    }

    .howto .step li>.txt>p strong {
      font-size: 1.1em;
      margin-bottom: 5%
    }

    .howto .link {
      width: 100%;
      padding: 8% 4%;
      border-spacing: inherit
    }

    .howto .link li {
      display: inline-block;
      width: 48%;
      margin-right: 4%
    }

    .howto .link li:first-child {
      width: 100%;
      margin-right: 0;
      margin-bottom: 4%
    }

    .howto .link li:last-child {
      margin-right: 0
    }

    .howto .link li a {
      padding: 1em 0
    }

    .howto .link li i {
      font-size: 1.455em;
      margin-top: -.6em;
      right: .6em
    }

    .brand_ttl {
      padding: 0
    }

    .brand_ttl .txt {
      font-size: 1em;
      margin-bottom: 2%;
      padding-top: 7%
    }

    .brand_ttl .ttl01 {
      font-size: 1.409em;
      line-height: 1.5;
      margin-bottom: 4%
    }

    .brand_ttl .ttl02 {
      font-size: 1.273em;
      padding: 5.5% 0
    }

    .brand_ttl .bal {
      margin: 0 auto 4%;
      font-size: 1.091em;
      line-height: 1.5;
      padding: 4%;
      border-radius: 2.727em;
      width: 94%
    }

    .brand_ttl .bal:after {
      bottom: -5px
    }

    .brand_ttl .ttl03 {
      padding: 7% 0 5%;
      font-size: 1.909em
    }

    .brand_ttl .ttl03 span {
      font-size: .50em;
      margin-bottom: 2.5%
    }

    .brand_point>.wrapper {
      background: #FFF;
      padding: 0 4% 4%
    }

    .brand_point {
      padding: 10% 2% 5%
    }

    .brand_point .txt img {
      float: right;
      width: 44%;
      margin-right: 0
    }

    .brand_point .txt {
      font-size: 1.273em;
      margin-top: 5%;
      line-height: 1.6
    }

    .NoBg_ttl h1.ttl01 {
      font-size: 2em;
      letter-spacing: -2px
    }

    .attention {
      text-align: center
    }

    .attention h2.ttl {
      font-size: 1.6em;
      border: #ffc107 2px solid;
      width: 100%
    }

    .attention .txt {
      font-size: 1.273em;
      line-height: 1.4;
      padding: 1em 5%;
      text-align: left
    }

    .attention .box {
      width: 100%;
      margin-left: 0;
      border-spacing: inherit
    }

    .attention .box>.border,
    .attention .box>.tel {
      display: block;
      width: 100%
    }

    .attention .box .bal {
      margin-bottom: .3em;
      text-align: left
    }

    .attention .box .bal>li {
      width: 38%
    }

    .attention .box .bal>li:last-child {
      margin-left: 3%
    }

    .attention .box>.border>.web {
      padding: 0 4% 4%
    }

    .attention .box>.border>.web .corner01 {
      padding: 0;
      background: none;
      position: relative;
      z-index: 1
    }

    .attention .box>.border>.web .corner01 a {
      font-size: 1.636em;
      padding: 4% 0 2%
    }

    .attention .box>.border>.web .corner01 a img {
      width: 8%;
      margin-right: 3%;
      margin-left: -5%
    }

    .attention .box>.border>.web .corner01 a i {
      font-size: 1.5em;
      right: 5%;
      margin-top: -.45em
    }

    .attention .box>.date {
      margin-top: 5%;
      display: table !important
    }

    .attention .box .date .ttl {
      font-size: 1em;
      line-height: 1.3
    }

    .attention .box .date .txt {
      font-size: 1.636em
    }

    .attention .box .date .txt span {
      font-size: 1em;
      width: 2.5em;
      height: inherit;
      line-height: 1;
      vertical-align: middle;
      padding: .15em 0
    }

    .attention .box .date .txt {
      padding: 3% 0;
      line-height: 1;
      text-align: center
    }

    .attention .box>.tel .corner01 {
      background: #FFF;
      padding: 7% 0 0;
      border-top: 1px solid #EEE
    }

    .attention .box>.tel .txt01 {
      font-size: 1em
    }

    .attention .box>.tel .call {
      font-size: 2.182em;
      margin: 3% 0
    }

    .attention .box>.tel .call i {
      width: 40px;
      height: 40px
    }

    .attention .box>.tel .txt02 {
      font-size: .909em
    }

    .attention .box .img {
      top: 0;
      right: 8%;
      z-index: inherit;
      width: 30%
    }

    .attention.last .box {
      width: 100%;
      margin: 3.5em auto 0
    }

    .attention.last .box>.border {
      border: 2px solid #d0b592;
      border-radius: 4px;
      width: 94%;
      margin: 0 auto
    }

    .attention.last .box>.border>.ttl {
      position: absolute;
      top: -2em
    }

    .attention.last .img02 {
      margin: 0
    }

    .attention.last .box>.date {
      width: 94%;
      margin: 5% auto 0
    }

    .attention.last .box>.tel .corner01 {
      margin-top: 4%
    }

    .attention.last .box .bal {
      margin-top: 4%
    }

    .attention.last .box .bal li {
      width: 47%
    }

    .campaign_main {
      margin-bottom: 4%
    }

    .campaign_main_aw {
      margin-bottom: 0%
    }

    .campaign_main .wrapper {
      width: 100%
    }

    .campaign_main .bg {
      background: #FFF
    }

    .campaign_main .clo01 {
      margin-top: -2.273em
    }

    .campaign_main .clo01 .txt {
      width: inherit;
      left: 38%;
      bottom: 7%
    }

    .campaign_main .ttl02 .txt {
      font-size: 1.091em
    }

    .campaign_main .clo02 {
      margin-top: 0
    }

    .campaign_main .clo02 .txt {
      width: 65%;
      left: 6%;
      bottom: 14%;
      letter-spacing: -.05em
    }

    .campaign_main .clo03 {
      margin-top: -1.917em;
      margin-bottom: 1.667em
    }

    .campaign_main .clo03 .txt {
      left: inherit;
      bottom: 2%;
      right: 9%
    }

    .campaign_main .clo04 {
      margin-top: .583em;
      margin-bottom: -1.091em
    }

    .campaign_main .clo04 .txt {
      top: 48%;
      left: 6%
    }

    .campaign_main .point {
      padding: 0 6%
    }

    .campaign_main .point>.ttl {
      margin-bottom: 4%
    }

    .campaign_main .point ul {
      margin-top: 0
    }

    .campaign_main .point li {
      margin-bottom: 1.364em
    }

    .campaign_main .point ul .ttl {
      font-size: 1.182em;
      margin-bottom: .5em
    }

    .campaign_main .point ul .ttl img {
      width: 13%;
      margin-right: 2%
    }

    .campaign_main .point .txt {
      font-size: .909em
    }

    .campaign_main .box {
      background: #FFF;
      width: 96%;
      margin: 0 auto
    }

    .campaign_main .box .ttl {
      margin: 6% 0 0;
      background: #212121;
      color: #FFF;
      font-size: 1.273em;
      font-weight: 700;
      padding: 4% 0;
      border-radius: 4px 4px 0 0
    }

    .campaign_main .box ul {
      border-spacing: 10px
    }

    .campaign_main .box .txt {
      margin-top: 0;
      font-size: 1.091em;
      padding: 0 4% 4%
    }

    .howto_ttl {
      padding: 0
    }

    .howto_ttl>.ttl01 {
      background: #FFF;
      font-weight: 700;
      font-size: 1.909em;
      padding: 9% 0
    }

    .howto_ttl .ttl02 {
      font-size: 1.273em;
      padding: 7% 0 2%
    }

    .howto_ttl .ttl02 span {
      font-size: 1.5em
    }

    .howto_btn ul {
      border-spacing: inherit;
      padding: 2%;
      width: 100%
    }

    .howto_btn li {
      display: block;
      width: 100%;
      border: none;
      background: #FFF;
      margin-bottom: 2%;
      text-align: left
    }

    .howto_btn li a {
      padding: 3%;
      position: relative
    }

    .howto_btn li .ttl {
      font-size: 1.364em;
      display: inline-block;
      width: 6.5em;
      vertical-align: middle
    }

    .howto_btn li .ttl .num {
      font-size: .80em;
      width: 1.667em;
      height: 1.667em;
      line-height: 1.667em;
      margin-right: 5%;
      vertical-align: text-bottom;
      text-align: center
    }

    .howto_btn li .sm.txt {
      margin-bottom: 0;
      font-size: .909em;
      display: inline-block !important
    }

    .howto_btn li i {
      position: absolute;
      right: 3%;
      font-size: 1.818em
    }

    .howto_about {
      padding: 5% 0 0
    }

    .howto_about>.ttl {
      font-size: 1.273em;
      margin-bottom: 4%
    }

    .howto_about>ul {
      width: 96%;
      margin: 0 auto;
      border-spacing: inherit
    }

    .howto_about>ul>li {
      display: block;
      width: 100%;
      padding: 4% 4% 0;
      background: #FFF
    }

    .howto_about>ul>li:last-child {
      padding: 4%
    }

    .howto_about>ul>li .box {
      padding: 4% 0 0;
      text-align: left
    }

    .howto_about>ul>li .txt01 {
      font-size: 1.091em
    }

    .howto_about>ul>li .ttl {
      padding: 0;
      background: url(../img/howto/sm/ribbon.png) no-repeat;
      line-height: 1.875em;
      background-size: 100%;
      border-radius: 0;
      text-align: left;
      font-size: 1.455em;
      padding-left: 6%;
      margin: 3% 0 2%
    }

    .howto_about>ul>li .img {
      margin: 0
    }

    .howto_about>ul>li .corner01 {
      background: #f8f4ef;
      padding: 4%
    }

    .howto_about>ul>li .txt03 {
      font-size: 1.091em;
      font-weight: 700;
      margin-bottom: 4%
    }

    .howto_select {
      padding: 10% 0 3%
    }

    .howto_select>.ttl {
      font-size: 1.273em;
      margin-bottom: 3%;
      line-height: 1.5
    }

    .howto_select .tab_menu ul {
      width: 96%;
      border-spacing: inherit
    }

    .howto_select .tab_menu li {
      font-size: .773em;
      padding: 2.5% 0;
      background: #FFF;
      border-top: 1px solid #f2799a;
      border-bottom: 1px solid #f2799a;
      border-left: 1px solid #f2799a;
      position: relative
    }

    .howto_select .tab_menu.top li:first-child,
    .howto_select .tab_menu.btm li:first-child {
      border-radius: 4px 0 0 4px !important
    }

    .howto_select .tab_menu.top li:last-child,
    .howto_select .tab_menu.btm li:last-child {
      border-right: 1px solid #f2799a;
      border-radius: 0 4px 4px 0px !important
    }

    .howto_select .tab_menu li strong {
      font-size: 1.647em;
      margin-top: 5%
    }

    .howto_select .tab_menu.top {
      border-bottom: none
    }

    .howto_select .tab_menu.btm {
      border-top: none
    }

    .howto_select .tab_menu.top li,
    .howto_select .tab_menu.btm li {
      border-radius: 0;
      line-height: 1.2
    }

    .howto_select .tab_menu.top .active:after,
    .howto_select .tab_menu.btm .active:after {
      width: 0;
      height: 0;
      border-style: solid;
      position: absolute;
      content: "";
      left: 50%;
      margin-left: -5px
    }

    .howto_select .tab_menu.top .active:after {
      bottom: -5px;
      border-width: 5px 5px 0 5px;
      border-color: #f2799a transparent transparent transparent
    }

    .howto_select .tab_menu.btm .active:after {
      top: -5px;
      border-width: 0 5px 5px 5px;
      border-color: transparent transparent #f2799a transparent
    }

    .howto_select .tab_box {
      padding: 3% 2%
    }

    .howto_select .tab_box li {
      background: #FFF
    }

    .howto_merit {
      padding: 10% 0 0
    }

    .howto_merit .ttl03 {
      font-size: 1.091em;
      margin-bottom: 2%
    }

    .howto_merit ul {
      width: 100%;
      margin: 0;
      border-spacing: inherit
    }

    .howto_merit ul {
      padding: 0 4%
    }

    .howto_merit li {
      display: table;
      width: 100%;
      padding: 4%;
      background: #f8f4ef !important;
      margin-bottom: 4%
    }

    .howto_merit li>* {
      display: table-cell !important;
      vertical-align: middle
    }

    .howto_merit li>.ttl {
      width: 24%;
      padding-right: 3%
    }

    .howto_merit .ttl>img {
      width: 100%;
      padding-right: 0;
      display: inline-block
    }

    .howto_merit li>.txt {
      margin-top: 0;
      font-size: 1em;
      line-height: 1.4
    }

    .howto_merit li>.txt .sm {
      font-size: 1.182em;
      font-weight: 700;
      margin-bottom: 2%
    }

    .howto_select .howto {
      padding: 7% 0 0
    }

    .howto_select .howto .sec_ttl .ttl02:before,
    .howto_select .howto .sec_ttl .ttl02:after {
      display: none
    }

    .howto_select .howto .sec_ttl .ttl02 {
      padding-bottom: .1em
    }

    .howto_select .howto .btn01 {
      width: 92%;
      margin: 4% auto;
      padding: 3.5% 4.5%;
      font-size: 1.455em;
      font-weight: 700;
      text-align: center
    }

    .howto .step li:last-child {
      margin-bottom: 0
    }

    .howto_select .howto .btn01 i {
      font-size: 1.5em;
      right: 4%;
      margin-top: -.5em
    }
  }

  @media (max-width:639px) {
    body {
      font-size: 21px
    }
  }

  @media (max-width:599px) {
    body {
      font-size: 18px
    }

    #taishou .main .text,
    #taishou .main li>dl>dd>ul>li {
      font-size: 115%
    }
  }

  @media (max-width:480px) {
    .content-results-search .bg {
      padding: 20px 10px
    }

    .content-results-search .lead {
      margin-bottom: 20px
    }

    .content-results-search .tab-content {
      padding: 10px
    }

    .content-results-search .word-free .tab-content-title {
      padding-bottom: 10px
    }

    .content-results-search .word-kana .tab-content-title {
      padding-bottom: 5px
    }

    .content-results-search .word-kana .table-wrap {
      margin-right: -5px;
      margin-left: -5px
    }

    .content-results-search .word-kana ul {
      border-spacing: 5px 0;
      margin-top: 5px
    }

    .content-results-search .word-kana li a {
      padding: 5px 0
    }

    .move-page-top img {
      width: 45px;
      height: 45px
    }

    .page-top p {
      right: 10px;
      bottom: 120px
    }

    p.title1 {
      font-size: 1em !important;
      color: #535353 !important;
      font-weight: bold !important;
      display: inline-block;
      position: relative
    }

    .campaign_main .point ul .ttl {
      font-size: 1.35em
    }

    .campaign_main .point .txt {
      font-size: 1.25em
    }
  }

  @media (max-width:479px) {
    body {
      font-size: 16px
    }
  }

  @media (max-width:400px) {
    body {
      font-size: 14px
    }

    .campaign_main .point ul .ttl {
      font-size: 1.5em
    }

    .campaign_main .point .txt {
      font-size: 1.35em
    }

    #send,
    #shucchou,
    #tentou,
    #yoritakaku {
      font-size: 16px
    }
  }

  @media (max-width:383px) {
    body {
      font-size: 13px
    }
  }

  @media (max-width:359px) {
    body {
      font-size: 11px
    }
  }

  @media (max-width:319px) {
    body {
      font-size: 10px
    }
  }

  @media (max-width:300px) {
    body {
      font-size: 8px
    }
  }

  .bk {
    padding: 20px
  }

  #areaDetail section.main {
    padding-bottom: 10px
  }

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

    section.corner01,
    section.corner03 {
      margin-right: 20px;
      margin-left: 20px
    }

    .brand_point {
      margin-right: 20px;
      margin-bottom: 20px;
      margin-left: 20px
    }
  }

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

    section.corner01,
    section.corner03 {
      margin-right: 10px;
      margin-left: 10px
    }

    .brand_point>.ttl {
      top: -5px;
      margin-left: -155px;
      width: 310px
    }

    .brand_point>.wrapper {
      padding: 4%
    }

    .brand_point .sec_ttl {
      padding-top: 10px
    }

    .brand_point .ttl02 strong {
      font-size: 100%;
      margin-bottom: 0
    }
  }

  .badge {
    background: #c4a277;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    font-size: 67%
  }

  .balloon {
    background: #f2799a;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 78%;
    line-height: 30px;
    padding: 0 15px;
    text-align: center
  }

  .balloon strong {
    font-size: 125%
  }

  .balloon:after {
    content: "";
    border-color: #f2799a transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    margin-left: -5px;
    position: absolute;
    top: 30px;
    left: 50%;
    width: 0;
    height: 0
  }

  .balloon-beige {
    background: #c4a277
  }

  .balloon-beige:after {
    border-top-color: #c4a277
  }

  .business-day dl {
    border: 1px solid #9e9e9e;
    border-collapse: separate;
    border-radius: 4px
  }

  .business-day dt,
  .business-day dd {
    padding: 15px 0
  }

  .business-day dt {
    background: #eee;
    border: 1px solid #fff;
    border-radius: 3px 0 0 3px;
    font-size: 89%;
    font-weight: 700
  }

  .business-day dd {
    background: #fff;
    border-radius: 0 3px 3px 0;
    font-size: 150%
  }

  .business-day dd span {
    vertical-align: middle
  }

  .business-day dd .num {
    background: #616161;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    padding: 0 20px
  }

  @media screen and (max-width:400px) {
    .business-day dt {
      border-radius: 3px 3px 0 0;
      padding-top: 5px;
      padding-bottom: 5px
    }

    .business-day dd {
      border-radius: 0 0 3px 3px;
      padding-top: 5px;
      padding-bottom: 10px
    }

    .business-day dd .num {
      border-radius: 15px;
      line-height: 30px
    }
  }

  .bt {
    background: #f2799a;
    border: none;
    border-bottom: 2px solid #f06288;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s all ease-out;
    width: 100%
  }

  .bt:link,
  .bt:visited {
    color: #fff
  }

  .bt:hover,
  .bt:active {
    color: #fff
  }

  .bt:hover {
    background: #f06288;
    border-bottom-color: #ed4b77
  }

  .bt.inactive {
    background: #eee;
    border-bottom-color: #e0e0e0;
    color: #bdbdbd
  }

  .bt.inactive:link,
  .bt.inactive:visited {
    color: #bdbdbd
  }

  .bt.inactive:hover,
  .bt.inactive:active {
    color: #9e9e9e
  }

  .bt.inactive-pink {
    background: #fdedf2
  }

  .bt span {
    vertical-align: middle
  }

  .bt-arrow-u,
  .bt-arrow-r,
  .bt-arrow-d {
    padding-right: 30px
  }

  .bt-arrow-u:after,
  .bt-arrow-r:after,
  .bt-arrow-d:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 20px
  }

  .bt-arrow-u:after {
    content: '\f106';
    right: 15px
  }

  .bt-arrow-r:after {
    content: '\f105';
    right: 15px
  }

  .bt-arrow-d {
    padding-left: 0
  }

  .bt-arrow-d:after {
    content: '\f107';
    right: 15px
  }

  .bt-flat {
    border-bottom: none !important;
    box-shadow: none !important;
    cursor: default;
    pointer-events: none
  }

  .bt-beige {
    background: #c4a277;
    border-bottom-color: #b58a53
  }

  .bt-beige:hover {
    background: #b58a53;
    border-bottom-color: #956f40
  }

  .bt-light-gray {
    background: #eee;
    border-bottom-color: #e0e0e0;
    color: #424242
  }

  .bt-light-gray:link,
  .bt-light-gray:visited {
    color: #424242
  }

  .bt-light-gray:hover,
  .bt-light-gray:active {
    color: #212121
  }

  .bt-light-gray:hover {
    background: #e0e0e0;
    border-bottom-color: #bdbdbd
  }

  .bt-item {
    font-size: 67%;
    padding-right: 0;
    padding-left: 0
  }

  .bt-item img {
    max-width: 50px;
    height: auto
  }

  .bt-item .item {
    display: block;
    padding-top: 5px
  }

  .bt-item-m {
    font-size: 73%;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .bt-item-m img {
    max-width: 60px
  }

  .bt-more {
    background: #fff !important;
    border: 2px solid #f2799a;
    color: #f2799a;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 240px
  }

  .bt-more:link,
  .bt-more:visited {
    color: #f2799a
  }

  .bt-more:hover,
  .bt-more:active {
    color: #ed4b77
  }

  .bt-more:hover {
    border-color: #ed4b77
  }

  .bt-more-beige {
    border-color: #c4a277;
    color: #c4a277
  }

  .bt-more-beige:link,
  .bt-more-beige:visited {
    color: #c4a277
  }

  .bt-more-beige:hover,
  .bt-more-beige:active {
    color: #b58a53
  }

  .bt-more-beige:hover {
    border-color: #b58a53
  }

  .bt-more-white {
    background: none !important;
    border-color: #fff;
    color: #fff
  }

  .bt-more-white:link,
  .bt-more-white:visited {
    color: #fff
  }

  .bt-more-white:hover,
  .bt-more-white:active {
    color: #fff
  }

  .bt-more-white:hover {
    border-color: #fff
  }

  .bt-read {
    background: #fff;
    border: 1px solid #f2799a;
    color: #f2799a;
    font-size: 89%
  }

  .bt-read:link,
  .bt-read:visited {
    color: #f2799a
  }

  .bt-read:hover,
  .bt-read:active {
    color: #ed4b77
  }

  .bt-read:hover {
    background: #fff;
    border-color: #ed4b77
  }

  :hover .bt-read {
    background: #fff;
    border-color: #ed4b77;
    color: #ed4b77
  }

  .bt-read-beige {
    background: #fff;
    border: 1px solid #c4a277;
    color: #c4a277;
    font-size: 89%
  }

  .bt-read-beige:link,
  .bt-read-beige:visited {
    color: #c4a277
  }

  .bt-read-beige:hover,
  .bt-read-beige:active {
    color: #b58a53
  }

  .bt-read-beige:hover {
    background: #fff;
    border-color: #b58a53
  }

  :hover .bt-read-beige {
    background: #fff;
    border-color: #b58a53;
    color: #b58a53
  }

  .bt-sell {
    padding-left: 0;
    padding-right: 30px
  }

  .bt-title {
    color: #616161;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: inline-block;
    font-size: 73%;
    padding: 3px 20px 3px 10px;
    position: absolute;
    top: -40px;
    right: 20px;
    z-index: 2
  }

  .bt-title:link,
  .bt-title:visited {
    color: #616161
  }

  .bt-title:hover,
  .bt-title:active {
    color: #f2799a
  }

  .bt-title:hover {
    border-color: #f2799a
  }

  .bt-title.bt-arrow-r:after {
    right: 10px
  }

  .bt-full {
    max-width: none;
    width: 100%
  }

  .bt-s {
    font-size: 89%
  }

  @media screen and (max-width:991px) {
    .bt-item {
      padding-top: 5px;
      padding-bottom: 5px
    }
  }

  @media screen and (max-width:767px) {
    .bt-item {
      font-size: 62%
    }

    .bt-item {
      font-size: 78%
    }
  }

  @media screen and (max-width:400px) {
    .bt-more {
      max-width: none
    }
  }

  .category-tag {
    background-color: #c4a277;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 62%;
    padding: 0 10px;
    text-align: center
  }

  .ic {
    display: inline-block;
    vertical-align: middle
  }

  .ic-female {
    background: #f7a7bd;
    border-radius: 50%;
    width: 80px;
    height: 80px
  }

  .ic-female01 {
    content: url(../img/common/icon_female01.png)
  }

  .ic-female01-r {
    content: url(../img/common/icon_female01_r.png)
  }

  .ic-female02 {
    content: url(../img/common/icon_female02.png)
  }

  .ic-female02-r {
    content: url(../img/common/icon_female02_r.png)
  }

  .ic-female03 {
    content: url(../img/common/icon_female03.png)
  }

  .ic-female03-r {
    content: url(../img/common/icon_female03_r.png)
  }

  .ic-freedial {
    content: url(../img/common/icon_freedial.png)
  }

  .ic-nocopy {
    content: url(../img/common/icon_nocopy.png)
  }

  .ic-ok {
    background: #f2799a;
    border-radius: 50%;
    content: url(../img/common/icon_ok.png);
    width: 60px;
    height: 60px
  }

  .ic-sell {
    content: url(../img/common/icon_sell.png);
    width: 60px;
    height: 60px
  }

  @media screen and (max-width:480px) {
    .ic-female {
      width: 60px;
      height: 60px
    }

    .ic-ok {
      width: 40px;
      height: 40px
    }
  }

  .information {
    background: #eee;
    border-radius: 10px;
    font-size: 78%;
    padding: 20px
  }

  .information p {
    padding-top: 5px
  }

  .information-title {
    font-weight: 700;
    text-align: center
  }

  .information-warning {
    background: #feeceb;
    color: #f44336
  }

  .loading {
    background: #f8f4ef;
    border-radius: 10px;
    color: #b58a53;
    font-size: 78%;
    padding: 20px;
    text-align: center
  }

  .loading:before {
    -webkit-animation: webkit-spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-radius: 50%;
    border: 2px solid #b58a53;
    border-right-color: transparent;
    content: '';
    display: inline-block;
    margin-right: 5px;
    transition: 0.3s all ease-out;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    z-index: 3
  }

  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg)
    }

    100% {
      transform: rotate(359deg)
    }
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg)
    }

    100% {
      transform: rotate(359deg)
    }
  }

  @-webkit-keyframes webkit-spin {
    0% {
      -webkit-transform: rotate(0deg)
    }

    100% {
      -webkit-transform: rotate(359deg)
    }
  }

  .price-tag {
    background-color: #f2799a;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: "Noto Serif", serif;
    padding: 0 10px;
    text-align: center
  }

  .price-tag .font-ja {
    font-size: 75%
  }

  .price-tag-2 {
    line-height: 1.25;
    padding-top: 8px;
    padding-bottom: 8px
  }

  .price-tag-m {
    font-size: 117%;
    padding-top: 3px;
    padding-bottom: 3px
  }

  @media screen and (max-width:991px) {
    .price-tag-m {
      font-size: 100%;
      padding-right: 5px;
      padding-left: 5px
    }
  }

  .rb img {
    width: 100%;
    height: auto
  }

  .rb-area,
  .rb-area-text,
  .rb-free,
  .rb-free-text {
    max-width: 200px
  }

  .rb-area {
    content: url(../img/common/ribbon04.png)
  }

  .rb-episode {
    background: url(../img/lp/ribbon02.png) no-repeat 0 0;
    color: #FFF;
    display: block;
    text-align: center;
    width: 80px;
    height: 110px
  }

  .rb-area-text .episode,
  .rb-episode .episode {
    font-size: 67%;
    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 5px
  }

  .rb-area-text .font-noto,
  .rb-episode .font-noto {
    font-size: 167%;
    line-height: 1.2
  }

  .rb-free {
    content: url(../img/common/ribbon01.png)
  }

  .rb-pickup {
    width: 100px
  }

  .no01 {
    content: url(../img/common/ribbon_rank01.png)
  }

  .no02 {
    content: url(../img/common/ribbon_rank02.png)
  }

  .no03 {
    content: url(../img/common/ribbon_rank03.png)
  }

  .no04 {
    content: url(../img/common/ribbon_rank04.png)
  }

  .no05 {
    content: url(../img/common/ribbon_rank05.png)
  }

  .no06 {
    content: url(../img/common/ribbon_rank06.png)
  }

  .no07 {
    content: url(../img/common/ribbon_rank07.png)
  }

  .no08 {
    content: url(../img/common/ribbon_rank08.png)
  }

  .no09 {
    content: url(../img/common/ribbon_rank09.png)
  }

  .no10 {
    content: url(../img/common/ribbon_rank10.png)
  }

  .no11 {
    content: url(../img/common/ribbon_rank11.png)
  }

  .no12 {
    content: url(../img/common/ribbon_rank12.png)
  }

  .no13 {
    content: url(../img/common/ribbon_rank13.png)
  }

  .no14 {
    content: url(../img/common/ribbon_rank14.png)
  }

  .no15 {
    content: url(../img/common/ribbon_rank15.png)
  }

  .no16 {
    content: url(../img/common/ribbon_rank16.png)
  }

  .no17 {
    content: url(../img/common/ribbon_rank17.png)
  }

  .no18 {
    content: url(../img/common/ribbon_rank18.png)
  }

  .no19 {
    content: url(../img/common/ribbon_rank19.png)
  }

  .no20 {
    content: url(../img/common/ribbon_rank20.png)
  }

  .rb-price {
    content: url(../img/common/ribbon05.png);
    margin-right: auto;
    margin-left: auto;
    max-width: 480px
  }

  .rb-service,
  .rb-service-text {
    max-width: 520px
  }

  .rb-service {
    content: url(../img/common/ribbon02.png)
  }

  @media screen and (max-width:767px) {
    .rb-pickup {
      width: 80px
    }
  }

  .swiper-button-next,
  .swiper-button-prev {
    background: none;
    margin-top: -25px;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
    opacity: .75;
    transition: 0.3s all ease-out;
    width: 50px;
    height: 50px
  }

  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .swiper-button-next:before,
  .swiper-button-prev:before {
    background: #000;
    border-radius: 50%;
    content: '';
    display: block;
    width: 100%;
    height: 100%
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    color: #fff;
    font-family: "FontAwesome";
    font-size: 200%;
    line-height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    width: 30px
  }

  .swiper-button-prev {
    margin-left: -27px
  }

  .swiper-button-prev:after {
    content: '\f104'
  }

  .swiper-button-next {
    margin-right: -27px
  }

  .swiper-button-next:after {
    content: '\f105'
  }

  .swiper-pagination {
    padding-top: 10px;
    position: relative;
    left: auto !important;
    bottom: auto !important;
    text-align: center
  }

  .swiper-pagination-bullet {
    background: #e0e0e0;
    margin-right: 3px !important;
    margin-left: 3px !important;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .swiper-pagination-bullet-active {
    background: #616161
  }

  .swiper-slide a {
    display: block
  }

  .swiper-slide img {
    border-radius: 5px;
    width: 100%;
    height: auto
  }

  .swiper-scrollbar {
    margin-top: 10px;
    height: 4px
  }

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

    .swiper-button-next,
    .swiper-button-prev {
      margin-top: -20px;
      width: 40px;
      height: 40px
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
      font-size: 150%;
      line-height: 30px;
      top: 5px;
      left: 5px
    }

    .swiper-button-prev {
      margin-left: -20px
    }

    .swiper-button-next {
      margin-right: -20px
    }
  }

  .toggle-list {
    margin-bottom: 10px
  }

  .toggle-list .toggle-list-toggle {
    background: #616161;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px
  }

  .toggle-list .toggle-list-toggle i {
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 10px
  }

  .toggle-list .toggle-list-toggle .fa-chevron-up {
    display: none
  }

  .toggle-list .toggle-list-body {
    border: 1px solid #616161;
    border-top: none;
    border-radius: 0 0 4px 4px;
    display: none
  }

  .toggle-list.jq-open .toggle-list-toggle {
    border-radius: 4px 4px 0 0
  }

  .toggle-list.jq-open .toggle-list-body {
    display: block
  }

  .last-update {
    background-color: #fdedf2;
    border-radius: 4px;
    color: #f06288;
    display: inline-block;
    font-size: 78%;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center
  }

  header {
    background: #fff;
    text-align: center;
    z-index: 20
  }

  header .campaign-aw {
    background: #590b09
  }

  header .header-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1040px;
    height: 90px
  }

  header .logo {
    padding-top: 23px;
    width: 153px;
    z-index: 2
  }

  header .logo img {
    width: 100%;
    height: auto
  }

  header .user {
    margin-top: -34px;
    position: absolute;
    top: 50%;
    left: 183px;
    width: 68px
  }

  @media screen and (max-width:640px) {
    header .user {
      left: 140px
    }
  }

  @media screen and (max-width:480px) {
    header .user {
      margin-top: -25px;
      left: 120px;
      width: 50px
    }
  }

  @media screen and (max-width:400px) {
    header .user {
      margin-top: -22px;
      width: 45px
    }
  }

  header .user img {
    width: 100%;
    height: auto
  }

  header .contact {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10px;
    width: 100%
  }

  header .contact .contact-lead {
    display: block;
    font-size: 78%;
    letter-spacing: .125em;
    line-height: 20px
  }

  header .contact .tel {
    display: block;
    line-height: 40px
  }

  header .contact .number {
    color: #212121;
    display: inline-block;
    font-size: 200%
  }

  header .contact .open {
    color: #616161;
    display: block;
    font-size: 62%;
    letter-spacing: .125em;
    line-height: 14px
  }

  header .ic-freedial {
    width: 40px;
    height: 40px
  }

  header .btns {
    position: absolute;
    top: 9px;
    right: 20px;
    width: 300px;
    z-index: 2
  }

  header .bt {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 60px;
    line-height: 20px
  }

  header .bt .ic {
    margin-top: -30px;
    position: absolute;
    top: 50%;
    left: 5px
  }

  header .bt span {
    display: block
  }

  header .bt-lead {
    font-size: 67%;
    font-weight: 400
  }

  header nav {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
  }

  header nav ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
    width: 100%
  }

  header nav li {
    display: table-cell
  }

  header nav li a {
    color: #212121;
    display: block;
    font-size: 67%;
    line-height: 20px;
    padding: 10px
  }

  header nav li a:link,
  header nav li a:visited {
    color: #212121
  }

  header nav li a:hover,
  header nav li a:active {
    color: #fff
  }

  header nav li a:hover {
    background: #212121
  }

  header .menu {
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 60px;
    height: 100%
  }

  header .menu:hover {
    background: #f8f4ef
  }

  header .menu i {
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
  }

  header .menu .fa-times {
    display: none
  }

  header .menu.active .fa-bars {
    display: none
  }

  header .menu.active .fa-times {
    display: inline-block
  }

  li.line.hide-sm {
    background-color: #33bd17
  }

  li.line.hide-sm a {
    color: #fff
  }

  @media screen and (max-width:991px) {
    header .btns {
      width: 200px
    }
  }

  @media screen and (max-width:767px) {
    body {
      padding-top: 80px
    }

    header {
      border-bottom: 1px solid #eee;
      box-shadow: 0 0 2px rgba(0, 0, 0, .1);
      position: fixed;
      top: 0;
      left: 0;
      width: 100%
    }

    header .header-container {
      padding-right: 0;
      height: 80px
    }

    header .logo {
      padding-top: 18px
    }

    header .btns {
      right: 70px
    }

    header .bt {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 40px
    }

    header .bt .ic {
      margin-top: -20px;
      width: 40px;
      height: 40px
    }

    header .menu {
      display: block
    }

    header nav {
      display: none;
      border: none
    }

    header nav.active {
      display: block
    }

    header nav ul,
    header nav li {
      display: list-item
    }

    header nav li {
      border-top: 1px solid #eee
    }

    header nav li a {
      color: #f2799a;
      padding-right: 30px;
      padding-left: 30px;
      text-align: left
    }

    header nav li a:link,
    header nav li a:visited {
      color: #666
    }

    header nav li a:hover,
    header nav li a:active {
      color: #f2799a
    }

    header nav li a:before {
      background: #f2799a;
      border-radius: 50%;
      content: '';
      display: block;
      margin-top: -3px;
      position: absolute;
      top: 50%;
      left: 12px;
      width: 6px;
      height: 6px
    }

    header nav li a:after {
      content: '\f105';
      display: block;
      font-family: "FontAwesome";
      font-size: 150%;
      font-weight: 400;
      line-height: 20px;
      margin-top: -10px;
      position: absolute;
      top: 50%;
      right: 10px
    }

    header nav li a:hover {
      background: #f8f4ef
    }

    header nav li.my {
      background: #fdedf2;
      font-weight: 700
    }

    header nav li.my a {
      color: #f2799a;
      font-size: 79%;
      padding-top: 12px;
      padding-bottom: 12px
    }

    header nav li.my a:before {
      background: none;
      content: '\f007';
      font-family: 'FontAwesome';
      margin-top: -10px;
      line-height: 20px;
      left: 10px;
      width: auto;
      height: auto
    }

    header nav li.line {
      background: #42cc3c;
      font-weight: 700
    }

    header nav li.line a {
      color: #fff;
      font-size: 79%;
      padding-top: 12px;
      padding-bottom: 12px
    }

    header nav li.line a:before {
      background: none;
      content: '\f075';
      font-family: 'FontAwesome';
      margin-top: -10px;
      line-height: 20px;
      left: 10px;
      width: auto;
      height: auto
    }
  }

  @media screen and (max-width:640px) {
    header .header-container {
      padding-left: 10px
    }

    header .logo {
      padding-top: 23px;
      width: 120px
    }

    header .btns {
      width: 180px
    }

    header .bt {
      font-size: 89%
    }
  }

  @media screen and (max-width:480px) {
    body {
      padding-top: 70px
    }

    header .header-container {
      height: 70px
    }

    header .logo {
      padding-top: 21px;
      width: 100px
    }

    header .btns {
      right: 50px;
      width: 150px
    }

    header .bt {
      font-size: 78%;
      padding-top: 5px;
      padding-bottom: 5px
    }

    header .menu {
      width: 40px
    }
  }

  p.mv_txt {
    background-color: #fdedf2;
    color: #616161;
    font-size: 70%;
    line-height: 20px
  }

  .kitbox_info {
    background: #FFF;
    padding: 3px 5px 2px;
    border-radius: 50px;
    display: inline-block;
    margin: 3px 5px;
    font-size: 80%;
    vertical-align: middle
  }

  .kitbox_info:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(/img/common/kitbox_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px
  }

  .content-wrapper {
    overflow-x: hidden;
    width: 100%;
    margin-top: 25px
  }

  .content-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1040px;
    padding: 0 20px
  }

  header,
  .content-bg,
  .content-box,
  .content-full,
  .content-white {
    line-height: 1.8;
    font-size: 18px
  }

  .content-bg {
    background: #eee
  }

  .content-box {
    border-bottom: 1px solid #eee;
    padding: 80px 0 60px
  }

  .content-box.is-t0 {
    padding-top: 0
  }

  .content-full {
    border-radius: 0
  }

  .content-white {
    background: #fff
  }

  .content-ribbon {
    margin-right: auto;
    margin-left: auto;
    text-align: center
  }

  .content-ribbon01 {
    margin-top: -140px;
    margin-bottom: 20px;
    max-width: 580px
  }

  .content-title {
    color: #616161;
    font-size: 156%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center
  }

  .content-title-solo {
    margin-bottom: 20px
  }

  .content-title-en {
    color: #9e9e9e;
    font-family: "Noto Serif", serif;
    font-size: 78%;
    text-align: center
  }

  .content-title-sub {
    color: #f2799a;
    font-size: 60%
  }

  .content-subtitle {
    font-size: 134%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center
  }

  .content-subtitle i {
    vertical-align: 0
  }

  .content-lead {
    margin: 20px 0;
    padding-top: 20px
  }

  .content-lead:before,
  .content-lead:after {
    background: #e0e0e0;
    content: "";
    display: block;
    margin-left: -40px;
    position: absolute;
    left: 50%;
    width: 80px;
    height: 1px
  }

  .content-lead:before {
    top: 0
  }

  .content-lead:after {
    top: 2px
  }

  .subcontent {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px
  }

  .subcontent-title {
    background: #eee;
    border-radius: 3px 3px 0 0;
    font-size: 89%;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px;
    text-align: center
  }

  .subcontent-title-gray {
    background: #616161;
    color: #fff
  }

  .subcontent-body {
    border-radius: 0 0 3px 3px;
    font-size: 89%;
    padding: 20px
  }

  .subcontent-list li {
    border-top: 1px solid #eee;
    font-size: 89%
  }

  .subcontent-list li:first-child {
    border-top: none
  }

  .subcontent-list li p {
    padding: 10px
  }

  .subcontent-table dl {
    border-top: 1px solid #e0e0e0;
    border-collapse: collapse;
    display: table;
    width: 100%
  }

  .subcontent-table dl:first-child {
    border-top: none
  }

  .subcontent-table dt,
  .subcontent-table dd {
    font-size: 89%;
    display: table-cell;
    line-height: 1.4;
    padding: 10px
  }

  .subcontent-table dt {
    border-right: 1px solid #e0e0e0;
    width: 33.33%
  }

  .subcontent-table .head dt,
  .subcontent-table .head dd {
    background: #eee;
    font-weight: 700
  }

  .subcontent-table-fixed dl {
    table-layout: fixed
  }

  .subcontent-camp {
    border: none
  }

  .subcontent-camp .subcontent-title {
    background: #c4a277;
    color: #fff
  }

  .subcontent-camp .subcontent-body {
    background: #f8f4ef
  }

  .subcontent-warning {
    border: none
  }

  .subcontent-warning .subcontent-title {
    background: #f44336;
    color: #fff
  }

  .subcontent-warning .subcontent-body {
    background: #feeceb
  }

  @media screen and (max-width:767px) {
    .content-box {
      border-bottom: none;
      margin-right: 20px;
      margin-bottom: 20px;
      margin-left: 20px;
      padding: 60px 0 40px
    }

    .content-box-sm {
      background: none !important;
      padding: 0 !important
    }

    .content-box-sm .content-container {
      padding: 0
    }

    .content-ribbon01 {
      margin-top: -20px;
      max-width: 480px
    }
  }

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

    .content-bg,
    .content-box,
    .content-full,
    .content-white {
      font-size: 16px
    }

    .content-box {
      margin-right: 10px;
      margin-bottom: 10px;
      margin-left: 10px;
      padding: 40px 0 20px
    }

    .content-bt {
      padding-top: 60px
    }

    .content-ribbon01 {
      margin-top: -20px
    }
  }

  .list-point dl {
    display: table;
    margin-bottom: 20px;
    width: 100%;
    min-height: 140px
  }

  .list-point dt,
  .list-point dd {
    display: table-cell;
    vertical-align: middle
  }

  .list-point dt {
    background: #f2799a;
    border: 1px solid #f2799a;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: 117%;
    font-weight: 700;
    text-align: center;
    width: 240px
  }

  .list-point dd {
    border: 1px solid #e0e0e0;
    border-left: none;
    border-radius: 0 10px 10px 0;
    padding: 20px
  }

  .list-point dd img {
    border-radius: 4px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100px;
    height: auto
  }

  .list-point dd p {
    padding-left: 120px
  }

  .list-point dd .note {
    font-size: 89%
  }

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

    .list-point dl,
    .list-point dt,
    .list-point dd {
      display: block
    }

    .list-point dl {
      min-height: 0
    }

    .list-point dt {
      border-radius: 10px 10px 0 0;
      padding: 5px 10px;
      width: auto
    }

    .list-point dd {
      border: 1px solid #e0e0e0;
      border-top: none;
      border-radius: 0 0 10px 10px;
      padding-top: 30px;
      padding-bottom: 30px;
      min-height: 120px
    }

    .list-point dd img {
      margin-top: -40px;
      width: 80px
    }

    .list-point dd p {
      padding-left: 100px
    }
  }

  .content-area .map {
    margin-bottom: 20px
  }

  .content-area .map img {
    border-radius: 10px
  }

  .content-brandlist .lists {
    margin-right: -5px;
    margin-left: -5px
  }

  .content-brandlist .lists ul {
    margin-bottom: 10px;
    width: 100%
  }

  .content-brandlist .lists li {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    width: 20%
  }

  .content-brandlist .lists li.others {
    width: 40%
  }

  .content-brandlist .toggle-list a {
    border-top: 1px solid #e0e0e0;
    color: #616161;
    display: block;
    line-height: 1.4;
    padding: 8px 10px
  }

  .content-brandlist .toggle-list a:link,
  .content-brandlist .toggle-list a:visited {
    color: #616161
  }

  .content-brandlist .toggle-list a:hover,
  .content-brandlist .toggle-list a:active {
    color: #f2799a
  }

  .content-brandlist .toggle-list a:after {
    content: "\f105";
    font-family: "FontAwesome";
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 10px
  }

  .content-brandlist .toggle-list .en {
    display: block
  }

  .content-brandlist .toggle-list .ja {
    display: block;
    font-size: 78%
  }

  .content-brand-search {
    padding: 60px 0;
    text-align: center
  }

  .content-brand-search .content-container {
    max-width: 840px
  }

  .content-brand-search .brands {
    color: #f2799a;
    font-size: 117%;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px
  }

  .content-brand-search .brands .font-noto {
    font-size: 150%
  }

  .content-brand-search .now {
    background: #fff;
    border-radius: 40px;
    font-size: 134%;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 20px
  }

  .content-brand-search .now:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 0;
    height: 0
  }

  .content-brand-search .input-wrap input {
    background: #f2799a;
    border: none;
    border-radius: 40px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
    color: #fff;
    font-size: 167%;
    font-weight: 700;
    line-height: 40px;
    padding: 20px;
    text-align: center;
    width: 100%;
    height: 80px
  }

  .content-brand-search .input-wrap input:placeholder-shown {
    color: #fff
  }

  .content-brand-search .input-wrap input::-webkit-input-placeholder {
    color: #fff
  }

  .content-brand-search .input-wrap input:-moz-placeholder {
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .content-brand-search .input-wrap input::-moz-placeholder {
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .content-brand-search .input-wrap input:-ms-input-placeholder {
    color: #fff
  }

  .content-brand-search .input-wrap a {
    color: #fff;
    font-size: 167%;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    right: 20px;
    text-align: center;
    width: 40px;
    height: 40px
  }

  .content-brand-search .input-wrap a:link,
  .content-brand-search .input-wrap a:visited {
    color: #fff
  }

  .content-brand-search .input-wrap a:hover,
  .content-brand-search .input-wrap a:active {
    color: #fff
  }

  .content-brand-search .btns {
    margin-top: 20px
  }

  .content-brand-search .btns .bt {
    display: block;
    padding: 20px 10px;
    max-width: none;
    width: auto
  }

  .content-brand-search-top {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .content-brand-search-top .now {
    background: none;
    line-height: inherit;
    padding: 0
  }

  .content-brand-search-top .now:after {
    display: none
  }

  @media screen and (max-width:767px) {
    .content-brand-search {
      padding: 40px 0
    }

    .content-brand-search .now {
      font-size: 117%;
      line-height: 1.4;
      padding: 30px
    }

    .content-brand-search .brands {
      font-size: 100%
    }

    .content-brand-search .input-wrap input {
      border-radius: 30px;
      font-size: 134%;
      line-height: 30px;
      padding: 15px 10px;
      height: 60px
    }

    .content-brand-search .input-wrap a {
      font-size: 134%
    }
  }

  @media screen and (max-width:480px) {
    .content-brand-search {
      padding: 30px 0
    }

    .content-brand-search .input-wrap input {
      font-size: 117%
    }

    .content-brand-search .input-wrap a {
      font-size: 117%
    }
  }

  .content-brand-search {
    padding: 60px 0;
    text-align: center
  }

  .content-brand-search .content-container {
    max-width: 840px
  }

  .content-brand-search .brands {
    color: #f2799a;
    font-size: 117%;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px
  }

  .content-brand-search .brands .font-noto {
    font-size: 150%
  }

  .content-brand-search .now {
    background: #fff;
    border-radius: 40px;
    font-size: 134%;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 20px
  }

  .content-brand-search .now:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 0;
    height: 0
  }

  .content-brand-search .input-wrap input {
    background: #f2799a;
    border: none;
    border-radius: 40px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
    color: #fff;
    font-size: 167%;
    font-weight: 700;
    line-height: 40px;
    padding: 20px;
    text-align: center;
    width: 100%;
    height: 80px
  }

  .content-brand-search .input-wrap input:placeholder-shown {
    color: #fff
  }

  .content-brand-search .input-wrap input::-webkit-input-placeholder {
    color: #fff
  }

  .content-brand-search .input-wrap input:-moz-placeholder {
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .content-brand-search .input-wrap input::-moz-placeholder {
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .content-brand-search .input-wrap input:-ms-input-placeholder {
    color: #fff
  }

  .content-brand-search .input-wrap a {
    color: #fff;
    font-size: 167%;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    right: 20px;
    text-align: center;
    width: 40px;
    height: 40px
  }

  .content-brand-search .input-wrap a:link,
  .content-brand-search .input-wrap a:visited {
    color: #fff
  }

  .content-brand-search .input-wrap a:hover,
  .content-brand-search .input-wrap a:active {
    color: #fff
  }

  .content-brand-search .btns {
    margin-top: 20px
  }

  .content-brand-search .btns .bt {
    display: block;
    padding: 20px 10px;
    max-width: none;
    width: auto
  }

  .content-brand-search-top {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .content-brand-search-top .now {
    background: none;
    line-height: inherit;
    padding: 0
  }

  .content-brand-search-top .now:after {
    display: none
  }

  @media screen and (max-width:767px) {
    .content-brand-search {
      padding: 40px 0
    }

    .content-brand-search .now {
      font-size: 117%;
      line-height: 1.4;
      padding: 30px
    }

    .content-brand-search .brands {
      font-size: 100%
    }

    .content-brand-search .input-wrap input {
      border-radius: 30px;
      font-size: 134%;
      line-height: 30px;
      padding: 15px 10px;
      height: 60px
    }

    .content-brand-search .input-wrap a {
      font-size: 134%
    }
  }

  @media screen and (max-width:480px) {
    .content-brand-search {
      padding: 30px 0
    }

    .content-brand-search .input-wrap input {
      font-size: 117%
    }

    .content-brand-search .input-wrap a {
      font-size: 117%
    }
  }

  .content-buy-results .filters,
  .content-itemlist .filters,
  .content-pickup-brands .filters {
    padding-bottom: 20px
  }

  .content-buy-results .filters .lists,
  .content-itemlist .filters .lists,
  .content-pickup-brands .filters .lists {
    margin-right: -5px;
    margin-left: -5px
  }

  .content-buy-results .filters ul,
  .content-itemlist .filters ul,
  .content-pickup-brands .filters ul {
    width: 100%
  }

  .content-buy-results .filters li,
  .content-itemlist .filters li,
  .content-pickup-brands .filters li {
    padding: 10px 5px 0;
    float: left;
    width: 12.5%
  }

  .content-buy-results .filters-title,
  .content-itemlist .filters-title,
  .content-pickup-brands .filters-title {
    font-size: 78%;
    font-weight: 700;
    padding-top: 20px;
    text-align: center
  }

  .content-buy-results .results .lists,
  .content-itemlist .results .lists,
  .content-pickup-brands .results .lists {
    text-align: center
  }

  .content-buy-results .results .lists ul,
  .content-itemlist .results .lists ul,
  .content-pickup-brands .results .lists ul {
    margin-top: 65px
  }

  .content-buy-results .results .lists li,
  .content-itemlist .results .lists li,
  .content-pickup-brands .results .lists li {
    vertical-align: top
  }

  .content-buy-results .results .lists .item,
  .content-itemlist .results .lists .item,
  .content-pickup-brands .results .lists .item {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: block;
    padding: 15px;
    vertical-align: top
  }

  .content-buy-results .results .lists .item.none,
  .content-itemlist .results .lists .item.none,
  .content-pickup-brands .results .lists .item.none {
    border: none
  }

  .content-buy-results .results .lists .item .image,
  .content-itemlist .results .lists .item .image {
    margin-right: auto;
    margin-left: auto;
    text-align: center
  }

  .content-pickup-brands .results .lists .item .image {
    border-radius: 50%;
    margin-top: -65px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -moz-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    overflow: hidden;
    width: 100px;
    height: 100px
  }

  .content-pickup-brands .results .lists .item .image:after {
    background: #000;
    border-radius: 50%;
    content: "";
    display: block;
    -ms-filter: "alpha(opacity=3)";
    filter: alpha(opacity=3);
    opacity: .03;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .content-buy-results .results .lists .item .image img,
  .content-itemlist .results .lists .item .image img {
    width: auto;
    height: 100px
  }

  .content-pickup-brands .results .lists .item .image img {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100px
  }

  .content-buy-results .results .lists .item .image img.source,
  .content-itemlist .results .lists .item .image img.source,
  .content-pickup-brands .results .lists .item .image img.source {
    display: none
  }

  .content-buy-results .results .lists .item .image img.loaded,
  .content-itemlist .results .lists .item .image img.loaded,
  .content-pickup-brands .results .lists .item .image img.loaded {
    display: inline
  }

  .content-buy-results .results .lists .item .date,
  .content-itemlist .results .lists .item .date,
  .content-pickup-brands .results .lists .item .date {
    color: #9e9e9e;
    font-size: 67%;
    font-weight: 700;
    padding-top: 5px
  }

  .content-buy-results .results .lists .item .brand,
  .content-itemlist .results .lists .item .brand,
  .content-pickup-brands .results .lists .item .brand {
    color: #212121;
    font-weight: 700;
    font-size: 78%;
    line-height: 1.4;
    margin-top: 10px
  }

  .content-buy-results .results .lists .item .item-name,
  .content-itemlist .results .lists .item .item-name,
  .content-pickup-brands .results .lists .item .item-name,
  .content-buy-results .results .lists .item .item-comment,
  .content-itemlist .results .lists .item .item-comment,
  .content-pickup-brands .results .lists .item .item-comment {
    color: #616161;
    font-size: 78%;
    line-height: 1.4
  }

  .content-buy-results .results .lists .item .item-name,
  .content-itemlist .results .lists .item .item-name,
  .content-pickup-brands .results .lists .item .item-name {
    font-weight: 700
  }

  .content-buy-results .results .lists .item .item-comment,
  .content-itemlist .results .lists .item .item-comment,
  .content-pickup-brands .results .lists .item .item-comment {
    margin-top: 10px
  }

  .content-buy-results .results .lists .item .price-tag,
  .content-itemlist .results .lists .item .price-tag,
  .content-pickup-brands .results .lists .item .price-tag {
    display: block;
    margin-top: 20px
  }

  .content-buy-results .results .lists a.item:hover,
  .content-itemlist .results .lists a.item:hover,
  .content-pickup-brands .results .lists a.item:hover {
    background: #f8f4ef;
    border-color: #f8f4ef
  }

  .content-buy-results .results .loading,
  .content-itemlist .results .loading,
  .content-pickup-brands .results .loading,
  .content-buy-results .results .information,
  .content-itemlist .results .information,
  .content-pickup-brands .results .information {
    margin-top: 20px
  }

  .content-buy-results .results .btns,
  .content-itemlist .results .btns,
  .content-pickup-brands .results .btns {
    margin-top: 20px
  }

  .content-ratelist .btns {
    padding-bottom: 40px
  }

  .content-ratelist .btns+* {
    display: none !important
  }

  .content-ratelist .text {
    margin-top: .5em
  }

  .brand-del .content-brand-search-top {
    border-top: 1px solid #eee
  }

  .brand-del .content-brand-search-top .sorry,
  .brand-del .content-brand-search-top .others {
    font-weight: 700;
    margin-bottom: 1em
  }

  .brand-del .price-tag {
    background: #999;
    font-size: 60%;
    line-height: 1.4;
    padding-top: 8px;
    padding-bottom: 8px
  }

  .brand-del .content-buy-results .del,
  .brand-del .content-itemlist .del {
    font-size: 125%;
    font-weight: 700
  }

  .brand-del .brand_point {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0
  }

  .brand-del .content-buy-results .del {
    margin-bottom: -1em
  }

  .brand-del .content-itemlist .del {
    margin-bottom: 1em
  }

  .brand-del .content-itemlist .filters .lists .bt {
    background: #999
  }

  .brand-del .content-itemlist .filters .lists .bt.inactive-pink {
    background: #e6e6e6
  }

  .brand-del .paging a {
    border-color: #999;
    color: #999
  }

  .brand-del .paging a.on {
    background: #999;
    color: #fff
  }

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

    .content-buy-results .filters li,
    .content-itemlist .filters li,
    .content-pickup-brands .filters li {
      width: 25%
    }

    .content-buy-results .last-update,
    .content-itemlist .last-update,
    .content-pickup-brands .last-update {
      -moz-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      -moz-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .content-buy-results .results,
    .content-itemlist .results,
    .content-pickup-brands .results {
      margin-right: -20px;
      margin-left: -20px
    }

    .content-buy-results .results .lists ul,
    .content-itemlist .results .lists ul,
    .content-pickup-brands .results .lists ul {
      margin-top: 0;
      padding-right: 5px;
      padding-left: 5px
    }

    .content-buy-results .results .lists li,
    .content-itemlist .results .lists li,
    .content-pickup-brands .results .lists li {
      display: inline-block !important;
      padding-top: 65px;
      padding-right: 5px;
      padding-left: 5px;
      width: 50%
    }

    .content-buy-results .results .lists .item .item-comment,
    .content-itemlist .results .lists .item .item-comment,
    .content-pickup-brands .results .lists .item .item-comment {
      font-size: 89%;
      padding-top: 10px;
      padding-bottom: 10px
    }

    .content-buy-results .loading,
    .content-itemlist .loading,
    .content-pickup-brands .loading,
    .content-buy-results .information,
    .content-itemlist .information,
    .content-pickup-brands .information,
    .content-buy-results .btns,
    .content-itemlist .btns,
    .content-pickup-brands .btns {
      margin-right: 20px;
      margin-left: 20px
    }
  }

  @media screen and (max-width:779px) {
    .brand-del .brand_point {
      background: none
    }

    .brand-del .brand_point>.ttl {
      margin-right: auto;
      margin-bottom: -20px;
      margin-left: auto;
      padding: 0 2%;
      position: relative;
      top: auto;
      left: auto;
      max-width: 620px
    }
  }

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

    .content-buy-results .results,
    .content-itemlist .results,
    .content-pickup-brands .results {
      margin-right: -20px;
      margin-left: -20px
    }

    .content-buy-results .results .lists,
    .content-itemlist .results .lists,
    .content-pickup-brands .results .lists {
      border-bottom: 1px solid #e0e0e0;
      margin-top: 20px;
      text-align: left
    }

    .content-buy-results .results .lists ul,
    .content-itemlist .results .lists ul,
    .content-pickup-brands .results .lists ul {
      padding-right: 0;
      padding-left: 0
    }

    .content-buy-results .results .lists li,
    .content-itemlist .results .lists li,
    .content-pickup-brands .results .lists li {
      display: block !important;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
      width: auto
    }

    .content-buy-results .results .lists li.none,
    .content-itemlist .results .lists li.none,
    .content-pickup-brands .results .lists li.none {
      display: none !important
    }

    .content-buy-results .results .lists .item,
    .content-itemlist .results .lists .item,
    .content-pickup-brands .results .lists .item {
      border-right: none;
      border-bottom: none;
      border-left: none;
      border-radius: 0
    }

    .content-buy-results .results .lists .item.none,
    .content-itemlist .results .lists .item.none,
    .content-pickup-brands .results .lists .item.none {
      display: none !important
    }

    .content-buy-results .results .lists .item .image,
    .content-itemlist .results .lists .item .image,
    .content-pickup-brands .results .lists .item .image {
      margin-top: -40px;
      position: absolute;
      top: 50%;
      left: 20px;
      width: 80px;
      height: 80px
    }

    .content-buy-results .results .lists .item .text,
    .content-itemlist .results .lists .item .text,
    .content-pickup-brands .results .lists .item .text {
      padding-left: 100px;
      height: auto !important
    }

    .content-buy-results .results .lists .item .date,
    .content-itemlist .results .lists .item .date,
    .content-pickup-brands .results .lists .item .date {
      display: inline-block;
      margin-right: 5px;
      padding-top: 0
    }

    .content-buy-results .results .lists .item .brand,
    .content-itemlist .results .lists .item .brand,
    .content-pickup-brands .results .lists .item .brand {
      font-size: 100%;
      margin-top: 5px;
      margin-bottom: 5px
    }

    .content-buy-results .results .lists .item .item-comment,
    .content-itemlist .results .lists .item .item-comment,
    .content-pickup-brands .results .lists .item .item-comment {
      padding-top: 0;
      padding-bottom: 0
    }

    .content-buy-results .results .lists .item .price-tag,
    .content-itemlist .results .lists .item .price-tag,
    .content-pickup-brands .results .lists .item .price-tag {
      margin-top: 10px;
      margin-left: 100px;
      position: relative;
      top: auto;
      right: auto;
      width: auto
    }

    .content-buy-results .results .lists .item .price-tag .font-ja,
    .content-itemlist .results .lists .item .price-tag .font-ja,
    .content-pickup-brands .results .lists .item .price-tag .font-ja {
      display: inline-block
    }

    .content-buy-results .results .lists a.item:after,
    .content-itemlist .results .lists a.item:after,
    .content-pickup-brands .results .lists a.item:after {
      content: '\f105';
      display: block;
      font-family: "FontAwesome";
      font-size: 150%;
      font-weight: 400;
      line-height: 20px;
      margin-top: -11px;
      position: absolute;
      top: 50%;
      right: 20px
    }

    .content-buy-results .results .lists a.item .text,
    .content-itemlist .results .lists a.item .text,
    .content-pickup-brands .results .lists a.item .text {
      padding-right: 40px
    }

    .content-buy-results .results .lists a.item .price-tag,
    .content-itemlist .results .lists a.item .price-tag,
    .content-pickup-brands .results .lists a.item .price-tag {
      margin-right: 40px
    }

    .brand-del .price-tag {
      font-size: 100%
    }

    .brand-del .content-buy-results .del,
    .brand-del .content-itemlist .del {
      font-size: 100%;
      margin-bottom: 0
    }

    .content-ratelist {
      padding-bottom: 0
    }

    .content-ratelist .results .lists {
      border-bottom: none
    }

    .content-ratelist .results .lists li.hide-sm {
      display: none !important
    }

    .content-ratelist .results .lists .item .image img {
      width: 100%;
      height: auto
    }

    .content-ratelist .text {
      margin-top: 0
    }
  }

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

    .content-buy-results .filters li,
    .content-itemlist .filters li,
    .content-pickup-brands .filters li {
      width: 33.33%
    }
  }

  .content-campaign {
    border-radius: 0;
    padding: 40px 0
  }

  .content-campaign .swiper-button-prev {
    left: 25%
  }

  .content-campaign .swiper-button-next {
    right: 25%
  }

  .content-campaign .swiper-container-full .swiper-button-prev {
    left: 35.71%
  }

  .content-campaign .swiper-container-full .swiper-button-next {
    right: 35.71%
  }

  @media screen and (max-width:1200px) {
    .content-campaign .swiper-container-full .swiper-button-prev {
      left: 25%
    }

    .content-campaign .swiper-container-full .swiper-button-next {
      right: 25%
    }
  }

  @media screen and (max-width:767px) {
    .content-campaign .swiper-button-next {
      right: 16.67% !important
    }

    .content-campaign .swiper-button-prev {
      left: 16.67% !important
    }
  }

  @media screen and (max-width:480px) {
    .content-campaign .swiper-slide {
      padding-right: 10px;
      padding-left: 10px
    }

    .content-campaign .swiper-button-prev {
      left: 40px !important
    }

    .content-campaign .swiper-button-next {
      right: 40px !important
    }
  }

  .content-copy .lists {
    margin-bottom: 40px
  }

  .content-copy .lists li {
    background: #f8f4ef;
    border-radius: 4px;
    font-weight: 700;
    line-height: 1.4;
    padding: 20px;
    text-align: center
  }

  .content-copy .text {
    font-size: 89%
  }

  .content-copy .text strong {
    color: #f2799a
  }

  .content-copy .mission {
    color: #f2799a;
    font-size: 134%;
    font-weight: 700;
    line-height: 1.4;
    padding: 20px 0;
    text-align: center
  }

  .content-copy .mission .ic-nocopy {
    width: 72px;
    height: 72px
  }

  @media screen and (max-width:767px) {
    .content-copy .lists li {
      margin-bottom: 20px
    }

    .content-copy .mission .ic-nocopy {
      display: block;
      margin-right: auto;
      margin-bottom: 10px;
      margin-left: auto
    }
  }

  .content-customer .customer-comment {
    background: #f8f4ef;
    border-radius: 10px;
    display: block;
    margin-top: 20px;
    padding: 20px;
    min-height: 120px
  }

  .content-customer .customer-comment:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 200%;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    top: 50px;
    right: 30px
  }

  .content-customer .rb-episode {
    position: absolute;
    top: 0;
    left: 20px
  }

  .content-customer .customer-title {
    color: #212121;
    min-height: 80px
  }

  .content-customer .customer-title .name,
  .content-customer .customer-title .summary {
    padding-right: 40px;
    padding-left: 100px
  }

  .content-customer .customer-title .name {
    font-size: 78%
  }

  .content-customer .customer-title .summary {
    font-weight: 700;
    line-height: 1.4;
    padding-top: 5px
  }

  .content-customer .text {
    color: #424242;
    display: none;
    font-size: 78%;
    padding-top: 20px
  }

  .content-customer.content-customer-toggle .customer-comment:after {
    content: '\f107'
  }

  .content-customer.content-customer-toggle .customer-comment.jq-open:after {
    content: '\f106'
  }

  .content-customer.content-customer-toggle .customer-comment.jq-open .text {
    display: block
  }

  @media screen and (max-width:480px) {
    .content-customer .customer-title .name strong {
      display: block;
      font-size: 117%;
      padding-top: 5px
    }

    .content-customer .customer-title .summary {
      padding-top: 45px;
      padding-right: 0;
      padding-left: 0
    }
  }

  .content-howto-sell .step-next {
    padding-bottom: 40px
  }

  .content-howto-sell .step-next:after {
    color: #9e9e9e;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 150%;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 240px
  }

  .content-howto-sell .steps dl {
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.4;
    width: 100%;
    min-height: 120px
  }

  .content-howto-sell .steps dt,
  .content-howto-sell .steps dd {
    padding: 20px
  }

  .content-howto-sell .steps dt {
    background: #c4a277;
    border: 1px solid #c4a277;
    border-radius: 4px 0 0 4px;
    color: #fff;
    text-align: center;
    width: 240px
  }

  .content-howto-sell .steps dt .step .num {
    font-size: 150%
  }

  .content-howto-sell .steps dt .text {
    font-weight: 700
  }

  .content-howto-sell .steps dd {
    border: 1px solid #c4a277;
    border-radius: 0 4px 4px 0
  }

  .content-howto-sell .steps dd .step,
  .content-howto-sell .steps dd .text {
    padding-left: 100px
  }

  .content-howto-sell .steps dd .step {
    color: #f2799a;
    font-weight: 700
  }

  .content-howto-sell .steps dd .text {
    font-size: 89%;
    padding-top: 5px
  }

  .content-howto-sell .steps dd img {
    border-radius: 4px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 80px;
    height: auto
  }

  .content-howto-sell .btns {
    padding-top: 10px;
    text-align: center
  }

  .content-howto-sell .btns .bt {
    margin-top: 10px;
    margin-right: 3px;
    margin-left: 3px
  }

  .content-howto-sell .btns-title {
    margin-top: 40px
  }

  .content-howto-sell.is-s .content-title-solo {
    margin-bottom: 15px
  }

  .content-howto-sell.is-s .content-sell2 p {
    margin-bottom: 10px;
    text-align: center
  }

  .content-howto-sell.is-s .content-sell2 .bt-sell {
    max-width: 440px
  }

  @media screen and (max-width:767px) {
    .content-howto-sell .step-next:after {
      width: 100%
    }

    .content-howto-sell .steps dt {
      border-radius: 4px 4px 0 0;
      padding: 5px 10px;
      width: auto
    }

    .content-howto-sell .steps dt p {
      display: inline-block;
      vertical-align: baseline
    }

    .content-howto-sell .steps dt .step {
      margin-right: 10px
    }

    .content-howto-sell .steps dd {
      border-radius: 0 0 4px 4px;
      padding-top: 30px;
      padding-bottom: 30px
    }
  }

  @media screen and (max-width:400px) {
    .content-howto-sell .btns .bt {
      margin-right: 0;
      margin-left: 0
    }
  }

  @media screen and (max-width:400px) {
    .content-title {
      font-size: 145%
    }
  }

  .compeval-box {
    background-color: #f8f4ef;
    text-align: center;
    padding: 10px;
    border-radius: 5px
  }

  p.compeval-text {
    font-weight: 700
  }

  p.compeval-point {
    font-size: 150%;
    font-weight: 700;
    color: #f2799a
  }

  p.compeval-star {
    top: -10px
  }

  .star-eval {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #eee
  }

  .star-eval:before,
  .star-eval:after {
    content: '★★★★★'
  }

  .star-eval:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #bfa178
  }

  .star-eval[data-rate="5"]:after {
    width: 100%
  }

  .star-eval[data-rate="4.5"]:after {
    width: 90%
  }

  .star-eval[data-rate="4.23"]:after {
    width: 83%
  }

  .star-eval[data-rate="4.20"]:after {
    width: 82%
  }

  .star-eval[data-rate="4"]:after {
    width: 80%
  }

  .star-eval[data-rate="3.5"]:after {
    width: 70%
  }

  .star-eval[data-rate="3"]:after {
    width: 60%
  }

  .star-eval[data-rate="2.5"]:after {
    width: 50%
  }

  .star-eval[data-rate="2"]:after {
    width: 40%
  }

  .star-eval[data-rate="1.5"]:after {
    width: 30%
  }

  .star-eval[data-rate="1"]:after {
    width: 20%
  }

  .star-eval[data-rate="0.5"]:after {
    width: 10%
  }

  .star-eval[data-rate="0"]:after {
    width: 0%
  }

  .usereval-ul {
    margin: auto;
    max-width: 800px
  }

  .is-hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0 10px !important;
    padding: 0
  }

  .usereval-box {
    background-color: #f8f4ef;
    margin: 10px auto;
    border: solid 1px #bfa178;
    border-radius: 5px
  }

  p.user-name {
    font-size: 80%;
    margin: 10px 10px 0
  }

  span.user-area {
    font-size: 80%;
    margin: 0 7px
  }

  span.user-area:after {
    content: "]"
  }

  span.user-area:before {
    content: "["
  }

  p.user-eval {
    font-size: 130%;
    font-weight: 700;
    color: #f2799a;
    padding: 0 10px;
    top: -5px
  }

  p.user-eval span.star-eval {
    margin-left: 10px;
    font-size: 75%
  }

  p.user-good {
    background-color: #f2799a;
    padding: 0 10px;
    color: #FFF;
    font-size: 70%
  }

  p.user-text {
    padding: 5px 10px 10px;
    font-size: 80%
  }

  .content-interview .content-title-solo img {
    border: 2px solid #c4a277;
    border-radius: 10px;
    max-width: 100%;
    height: auto
  }

  .content-interview ul {
    margin-top: 80px
  }

  .content-interview .item {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: block;
    padding: 20px
  }

  .content-interview .item .image {
    margin-top: -80px;
    margin-right: auto;
    margin-left: auto;
    width: 120px
  }

  .content-interview .item .image img {
    border-radius: 50%;
    width: 100%;
    height: auto
  }

  .content-interview .item .name {
    color: #616161;
    margin-top: 10px
  }

  .content-interview .item .name .category-tag,
  .content-interview .item .name strong {
    vertical-align: middle
  }

  .content-interview .item .name .category-tag {
    margin-right: 5px
  }

  .content-interview .item .name strong {
    font-size: 89%
  }

  .content-interview .item .summary,
  .content-interview .item .comment,
  .content-interview .item .bt {
    margin-top: 10px
  }

  .content-interview .item .summary {
    color: #f2799a;
    font-weight: 700;
    line-height: 1.4
  }

  .content-interview .item .comment {
    color: #616161;
    font-size: 78%
  }

  .content-interview a.item:hover {
    background: #f8f4ef;
    border-color: #f8f4ef
  }

  @media screen and (max-width:767px) {
    .content-interview .interviews {
      margin-right: -20px;
      margin-left: -20px
    }

    .content-interview ul {
      margin-top: 0
    }

    .content-interview .item {
      border-right: none;
      border-bottom: none;
      border-left: none
    }

    .content-interview .item .image {
      float: left;
      margin-top: 0;
      margin-right: 0;
      margin-left: 0;
      width: 80px
    }

    .content-interview .item .text {
      min-height: 80px;
      padding-left: 100px;
      height: auto !important
    }

    .content-interview .item .name {
      margin-top: 0
    }
  }

  @media screen and (max-width:640px) {
    .content-interview .item .text {
      min-height: none;
      padding-left: 0
    }

    .content-interview .item .name,
    .content-interview .item .summary {
      padding-left: 100px
    }

    .content-interview .item .comment {
      clear: both
    }
  }

  .content-feature-kv {
    background-repeat: repeat-x;
    overflow: hidden
  }

  .content-feature-kv img {
    margin-left: -500px;
    position: relative;
    top: 0;
    left: 50%;
    width: 1000px
  }

  .content-feature-kv.bg02 {
    background-image: url(../img/campaign/clo_top-1_02_bg.png)
  }

  .content-feature-kv.bg04 {
    background-color: #f3f3f3
  }

  .content-feature-kv.bg06 {
    background-image: url(../img/campaign/clo_top-1_06_bg.png)
  }

  .content-feature-kv.bg07 {
    background-image: url(../img/campaign/clo_top-1_07_bg.png)
  }

  .content-feature-kv.bg13,
  .content-feature-kv.bg15,
  .content-feature-kv.bg14,
  .content-feature-kv.bg12,
  .content-feature-kv.bg08,
  .content-feature-kv.bg09,
  .content-feature-kv.bg10,
  .content-feature-kv.bg11 {
    background-color: #fff;
    border-bottom: 1px solid #F0F0F0
  }

  .content-feature-kv.bg16 {
    background-image: url(../img/campaign/clo_top-1_16_bg.png)
  }

  .content-feature-kv.bg17 {
    background-image: url(../img/campaign/clo_top-1_17_bg.png)
  }

  .content-feature-kv.bg18 {
    margin-bottom: 40px;
    height: auto;
    min-height: 423px
  }

  .content-feature-camp-kv {
    height: 471px
  }

  .content-feature-item {
    text-align: center
  }

  .content-feature-item .talk {
    padding-bottom: 20px
  }

  .content-feature-item .talk li {
    background: #eee;
    border-radius: 10px;
    font-weight: 700;
    line-height: 1.4;
    padding: 20px
  }

  .content-feature-item .face p:before {
    border-color: #eee transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    margin-left: -10px;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 0;
    height: 0
  }

  .content-feature-item .feature {
    background: #f8f4ef;
    border-radius: 4px;
    margin-top: 80px;
    padding: 20px
  }

  .content-feature-item .feature img {
    margin-top: -85px;
    margin-bottom: 20px
  }

  .content-feature-item .feature-title {
    color: #f2799a;
    font-size: 150%;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px
  }

  .content-feature-item .feature-lead {
    font-size: 89%
  }

  @media screen and (max-width:767px) {
    .content-feature-kv {
      background: none !important
    }

    .content-feature-kv img {
      margin-left: 0;
      position: relative;
      top: auto;
      left: auto;
      width: 100%
    }

    .content-feature-item-kv,
    .content-feature-camp-kv {
      height: auto;
      margin-bottom: 40px
    }

    .content-feature-item .talk li {
      background: none;
      margin-bottom: 20px;
      padding: 0
    }

    .content-feature-item .talk li p {
      background: #fff;
      border-radius: 10px;
      margin-left: 100px;
      padding: 15px
    }

    .content-feature-item .talk li p:before {
      border-color: transparent #fff transparent transparent;
      border-style: solid;
      border-width: 10px;
      content: "";
      margin-top: -10px;
      position: absolute;
      top: 50%;
      left: -20px;
      width: 0;
      height: 0
    }

    .content-feature-item .talk li .ic {
      margin-top: -40px;
      position: absolute;
      left: 0;
      top: 50%
    }

    .content-feature-item .talk li.talk-l p {
      margin-left: 0;
      margin-right: 100px
    }

    .content-feature-item .talk li.talk-l p:before {
      border-color: transparent transparent transparent #fff;
      left: auto;
      right: -20px
    }

    .content-feature-item .talk li.talk-l .ic {
      left: auto;
      right: 0
    }

    .content-feature-item .feature {
      background: #fff url(../img/common/bg_img01.png) center center;
      background-size: 40px auto
    }

    .content-feature-item .feature-title {
      font-size: 134%
    }

    .content-feature-item .feature-lead {
      text-align: left
    }
  }

  @media screen and (max-width:480px) {
    .content-feature-item .talk li p {
      margin-left: 80px
    }

    .content-feature-item .talk li .ic {
      margin-top: -30px
    }

    .content-feature-item .talk li.talk-l p {
      margin-left: 0;
      margin-right: 80px
    }

    .content-feature-item .feature {
      margin-top: 0
    }

    .content-feature-item .feature img {
      margin-top: 0;
      margin-bottom: 10px
    }
  }

  .content-itemlist .filters li {
    width: 25%
  }

  @media screen and (max-width:767px) {
    .content-itemlist .filters li {
      width: 50%
    }
  }

  .itemlist_bt {
    display: block;
    padding: 0 !important
  }

  .itemlist_bt {
    display: block;
    padding: 0 !important
  }

  span.ex-brand {
    font-size: 10px;
    font-weight: nomal;
    display: block;
    margin-top: 7px
  }

  .content-kaitori-ok .kaitori-ok {
    padding-bottom: 20px;
    text-align: center
  }

  .content-kaitori-ok .kaitori-ok ul {
    margin-bottom: 20px
  }

  .content-kaitori-ok .kaitori-ok li {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-weight: 700;
    padding: 20px;
    vertical-align: top
  }

  .content-kaitori-ok .kaitori-ok li .image {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    max-width: 160px
  }

  .content-kaitori-ok .kaitori-ok li .image:after {
    background: #000;
    border-radius: 4px;
    content: "";
    display: block;
    -ms-filter: "alpha(opacity=3)";
    filter: alpha(opacity=3);
    opacity: .03;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .content-kaitori-ok .kaitori-ok li p {
    line-height: 1.4
  }

  .content-kaitori-ok .kaitori-ok li .image .ic-ok {
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 2
  }

  .content-kaitori-ok .kaitori-ok li .image img {
    border-radius: 4px;
    width: 100%;
    height: auto
  }

  .content-kaitori-ok .kaitori-ng {
    font-weight: 700
  }

  .content-kaitori-ok .kaitori-ng i {
    vertical-align: 0
  }

  @media screen and (max-width:480px) {
    .content-kaitori-ok .kaitori-ok li .image .ic-ok {
      top: -15px;
      right: -15px
    }
  }

  .content-not-buy .btns .badge {
    margin-bottom: 10px
  }

  .content-not-buy .talk {
    margin-bottom: 20px
  }

  .content-not-buy .talk p {
    background: #eee;
    border-radius: 10px;
    font-weight: 700;
    margin-left: 100px;
    padding: 15px;
    text-align: center
  }

  .content-not-buy .talk p:before {
    border-color: transparent #eee transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 0;
    height: 0
  }

  .content-not-buy .talk .ic {
    margin-top: -40px;
    position: absolute;
    left: 0;
    top: 50%
  }

  .content-not-buy .talk-lead {
    color: #f2799a;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 40px;
    text-align: center
  }

  .content-not-buy .lists {
    background: #eee;
    padding: 20px 20px 10px
  }

  .content-not-buy .lists ul {
    margin-bottom: 10px
  }

  .content-not-buy .lists li {
    background: #fff;
    border-radius: 4px;
    padding: 20px 20px 10px;
    text-align: center;
    vertical-align: top
  }

  .content-not-buy .lists li img {
    max-width: 98px
  }

  .content-not-buy .lists li p {
    font-size: 89%;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 10px
  }

  @media screen and (max-width:991px) {
    .content-not-buy .btns .badge {
      margin-bottom: 0
    }

    .content-not-buy .btns li {
      padding-bottom: 10px
    }
  }

  @media screen and (max-width:767px) {
    .content-not-buy .lists {
      padding: 10px 10px 10px
    }

    .content-not-buy .lists li {
      padding: 10px 10px 10px
    }

    .content-not-buy .subcontent-table-fixed dl,
    .content-not-buy .subcontent-table-fixed dd {
      display: block
    }

    .content-not-buy .subcontent-table-fixed dl {
      border: none
    }

    .content-not-buy .subcontent-table-fixed dd {
      border-top: 1px solid #e0e0e0
    }

    .content-not-buy .subcontent-table-fixed dl:first-child dd:first-child {
      border-top: none
    }
  }

  @media screen and (max-width:480px) {
    .content-not-buy .btns .badge {
      margin-bottom: 5px
    }

    .content-not-buy .talk li p {
      margin-left: 80px
    }

    .content-not-buy .talk li .ic {
      margin-top: -30px
    }
  }

  .content-pickup-brands .results .lists .item .rb-pickup {
    display: block;
    margin-top: -20px;
    margin-right: auto;
    margin-left: auto
  }

  .content-pickup-brands .results .lists .item .brand {
    font-size: 100%
  }

  @media screen and (max-width:767px) {
    .content-pickup-brands {
      padding-bottom: 0
    }

    .content-pickup-brands .results .lists {
      border-bottom: none
    }

    .content-pickup-brands .results .lists .item .rb-pickup,
    .content-pickup-brands .results .lists .item .brand {
      display: inline-block;
      vertical-align: middle
    }

    .content-pickup-brands .results .lists .item .rb-pickup {
      margin-top: 0;
      margin-left: 0;
      margin-right: 5px
    }
  }

  @media screen and (max-width:480px) {
    .content-pickup-brands .results .lists .item .rb-pickup {
      display: block;
      margin-bottom: 5px
    }
  }

  .content-pickup-items img {
    width: 100%;
    height: auto
  }

  .content-pickup-items .main {
    width: 50%
  }

  .content-pickup-items .item {
    padding-left: 30px;
    position: absolute;
    width: 16.66%
  }

  .content-pickup-items .item a {
    display: block
  }

  .content-pickup-items .item .image .rb {
    margin-left: -50px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 2
  }

  .content-pickup-items .item img {
    border-radius: 4px
  }

  .content-pickup-items .item p {
    color: #616161
  }

  .content-pickup-items .item .category {
    font-size: 89%;
    font-weight: 700;
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: center;
    width: 100%
  }

  .content-pickup-items .item .category-l {
    font-size: 84%;
    margin-left: -10%;
    width: 120%
  }

  .content-pickup-items .item .category-l2 {
    font-size: 72%;
    margin-left: -10%;
    width: 120%
  }

  .content-pickup-items .item .category-l3 {
    bottom: -40px;
    font-size: 72%;
    line-height: 1.4;
    margin-left: -10%;
    width: 120%
  }

  .content-pickup-items .item01,
  .content-pickup-items .item02,
  .content-pickup-items .item03 {
    top: 0
  }

  .content-pickup-items .item04,
  .content-pickup-items .item05,
  .content-pickup-items .item06 {
    bottom: 0
  }

  .content-pickup-items .item01,
  .content-pickup-items .item04 {
    right: 33.34%
  }

  .content-pickup-items .item02,
  .content-pickup-items .item05 {
    right: 16.66%
  }

  .content-pickup-items .item03,
  .content-pickup-items .item06 {
    right: 0
  }

  @media screen and (max-width:991px) {
    .content-pickup-items .items {
      margin-right: auto;
      margin-left: auto;
      width: 75%
    }

    .content-pickup-items .main {
      margin-bottom: 10px;
      padding-right: 10px;
      padding-left: 10px;
      width: 100%
    }

    .content-pickup-items .item {
      float: left;
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      padding-top: 10px;
      padding-right: 10px;
      padding-left: 10px;
      width: 33.33%
    }

    .content-pickup-items .item .category {
      font-size: 84%;
      position: relative;
      bottom: auto;
      left: auto
    }
  }

  @media screen and (max-width:767px) {
    .content-pickup-items .items {
      width: 100%
    }

    .content-pickup-items .main {
      margin-bottom: 20px;
      padding-right: 0;
      padding-left: 0
    }

    .content-pickup-items .item {
      float: none;
      margin-right: -20px;
      margin-left: -20px;
      padding: 0;
      width: auto
    }

    .content-pickup-items .item a {
      border-top: 1px solid #e0e0e0;
      min-height: 140px;
      padding: 20px
    }

    .content-pickup-items .item .image {
      position: absolute;
      top: 20px;
      left: 20px;
      width: 120px;
      height: auto
    }

    .content-pickup-items .item p {
      padding-left: 140px
    }

    .content-pickup-items .item .category {
      font-size: 100%;
      margin-left: 0;
      text-align: left;
      width: auto
    }

    .content-pickup-items .item .category .rb {
      display: inline-block !important;
      margin-right: 5px
    }

    .content-pickup-items .item .text {
      font-size: 89%;
      line-height: 1.4;
      padding-top: 5px
    }
  }

  @media screen and (max-width:480px) {
    .content-pickup-items .item .image {
      width: 100px
    }

    .content-pickup-items .item p {
      padding-left: 120px
    }

    .content-pickup-items .item .category .rb {
      display: block !important;
      margin-bottom: 5px
    }
  }

  .content-profile .license {
    font-size: 78%;
    padding-bottom: 10px
  }

  .content-profile .lists {
    line-height: 1.4;
    margin-top: 20px
  }

  .content-profile .lists ul {
    width: 100%
  }

  .content-profile .lists>li {
    background: #f8f4ef;
    border-radius: 10px;
    padding: 20px
  }

  .content-profile .lists .image {
    width: 100px
  }

  .content-profile .lists .image img {
    border-radius: 4px;
    width: 100px;
    height: auto
  }

  .content-profile .lists .feature,
  .content-profile .lists .text {
    padding-left: 20px
  }

  .content-profile .lists .feature {
    font-weight: 700
  }

  .content-profile .lists .text {
    padding-top: 5px;
    font-size: 89%
  }

  @media screen and (max-width:767px) {
    .content-profile .lists {
      margin-top: 0
    }

    .content-profile .lists>li {
      margin-top: 20px
    }
  }

  @media screen and (max-width:480px) {
    .content-profile .lists .image {
      width: 80px
    }

    .content-profile .lists .image img {
      width: 80px
    }
  }

  .content-qa .btns ul {
    margin-bottom: 10px
  }

  .content-qa .qas {
    border-radius: 4px;
    border: 1px solid #e0e0e0
  }

  .content-qa .qa {
    border-top: 1px solid #e0e0e0
  }

  .content-qa .qa:first-child {
    border-top: none
  }

  .content-qa .qa .text {
    margin-left: 70px
  }

  .content-qa .qa .q-label,
  .content-qa .qa .a-label {
    border-radius: 15px;
    display: inline-block;
    font-family: "Noto Serif", serif;
    font-size: 89%;
    line-height: 30px;
    position: absolute;
    top: 16px;
    left: 20px;
    text-align: center;
    width: 60px
  }

  .content-qa .qa .q-label {
    background: #f2799a;
    color: #fff
  }

  .content-qa .qa .a-label {
    background: #eee
  }

  .content-qa .qa .q,
  .content-qa .qa .a {
    padding: 20px
  }

  .content-qa .qa .q {
    display: block;
    padding-right: 40px
  }

  .content-qa .qa .q:after {
    content: '\f107';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    top: 21px;
    right: 20px
  }

  .content-qa .qa .q .text {
    color: #616161;
    display: block;
    font-size: 89%;
    line-height: 1.4;
    font-weight: 700
  }

  .content-qa .qa .a {
    border-top: 1px dashed #e0e0e0;
    display: none
  }

  .content-qa .qa .a .text {
    font-size: 84%
  }

  .content-qa .qa .a .text a:hover {
    color: #ed4b77;
    text-decoration: underline !important
  }

  .content-qa .jq-open .q:after {
    content: '\f106'
  }

  .content-qa .jq-open .a {
    display: block
  }

  .content-realtime .results .result {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px 10px 10px;
    text-align: center
  }

  .content-realtime .results .date,
  .content-realtime .results .place {
    color: #9e9e9e;
    font-size: 67%
  }

  .content-realtime .results .balloon {
    margin: 5px 0
  }

  .content-realtime .results .price-title {
    color: #f2799a;
    font-size: 89%;
    font-weight: 700
  }

  .content-realtime .results .price-tag {
    display: block
  }

  .content-realtime .order {
    padding-top: 60px
  }

  .content-realtime .order ul {
    margin-top: 10px
  }

  .content-realtime .order li {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 10px;
    vertical-align: top
  }

  .content-realtime .order li.none {
    border: none
  }

  .content-realtime .order li img {
    margin-top: -18px;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 36px;
    height: auto
  }

  .content-realtime .order li .date {
    color: #c4a277;
    display: block;
    font-size: 67%;
    padding-left: 50px
  }

  .content-realtime .order li .text {
    display: block;
    font-size: 78%;
    padding-left: 50px
  }

  @media screen and (max-width:767px) {
    .content-realtime {
      padding-bottom: 0
    }

    .content-realtime .order .table-list {
      margin-right: -20px;
      margin-left: -20px
    }

    .content-realtime .order ul {
      margin-top: 0;
      width: 100%
    }

    .content-realtime .order li {
      border-right: none;
      border-bottom: none;
      border-left: none;
      border-radius: 0
    }

    .content-realtime .order li.none {
      display: none !important
    }
  }

  .content-sell {
    line-height: 1.4;
    text-align: center
  }

  .content-sell .content-subtitle {
    color: #f2799a;
    margin-bottom: 10px
  }

  .content-sell .steps {
    padding: 20px 0
  }

  .content-sell .steps img {
    max-width: 580px;
    height: auto
  }

  .content-sell .kit {
    padding-bottom: 10px
  }

  .content-sell .kit img {
    width: 100%;
    height: auto
  }

  .content-sell .kit a {
    display: block;
    margin-left: -78px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 157px;
    height: 26px;
    z-index: 2
  }

  .content-sell .kit a:hover {
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
  }

  .content-sell .table-list {
    padding-top: 60px
  }

  .content-sell li {
    border-radius: 4px;
    padding: 20px
  }

  .content-sell .web {
    background: #fdedf2
  }

  .content-sell .web .image {
    position: absolute;
    top: -60px;
    left: 0;
    text-align: center;
    width: 100%
  }

  .content-sell .web .image img {
    max-width: 440px;
    width: 100%;
    height: auto
  }

  .content-sell .web .bt {
    font-size: 134%
  }

  .content-sell .web .business-day {
    margin-top: 20px
  }

  .content-sell .tel {
    background: #eee
  }

  .content-sell .tel .text {
    font-weight: 700;
    font-size: 78%
  }

  .content-sell .tel .number {
    color: #f2799a;
    font-size: 250%
  }

  .content-sell .tel .number .ic-freedial {
    width: 45px;
    height: 45px
  }

  .content-sell .tel .open {
    font-size: 67%
  }

  @media screen and (max-width:991px) {
    .content-sell .tel {
      margin-top: 20px
    }

    .content-sell .kit a {
      margin-left: -65px;
      bottom: 22px;
      width: 130px;
      height: 22px
    }
  }

  @media screen and (max-width:767px) {
    .content-sell .table-list {
      padding-top: 0
    }

    .content-sell ul {
      margin-right: -20px;
      margin-left: -20px;
      width: auto
    }

    .content-sell .web,
    .content-sell .tel {
      background: none
    }

    .content-sell .web .image {
      position: relative;
      top: auto;
      left: uto
    }

    .content-sell .web .image img {
      max-width: 560px
    }

    .content-sell .tel {
      border-top: 1px solid #e0e0e0
    }

    .content-sell .web-kit .present {
      background: #f8f4ef;
      border: 2px solid #c4a277;
      border-bottom: none;
      border-radius: 4px 4px 0 0;
      padding: 20px 20px 0
    }

    .content-sell .web-kit .present img {
      margin-top: -45px
    }

    .content-sell .web-kit .btns {
      border: 2px solid #c4a277;
      border-top: none;
      border-radius: 0 0 4px 4px;
      padding: 20px
    }

    .content-sell .web-kit .link-kit {
      margin-top: 20px
    }
  }

  @media screen and (max-width:480px) {
    .content-sell .web .bt {
      font-size: 117%;
      padding-right: 15px
    }

    .content-sell .web .bt .ic-sell {
      width: 40px;
      height: 40px
    }

    .content-sell .web-kit .present {
      padding: 10px 10px 0
    }

    .content-sell .web-kit .present img {
      margin-top: -30px
    }

    .content-sell .web-kit .btns {
      padding: 10px
    }
  }

  @media screen and (max-width:400px) {
    .content-sell .web .bt {
      font-size: 89%
    }

    .content-sell .web .bt .ic-sell {
      width: 30px;
      height: 30px
    }

    .content-sell .tel .number {
      font-size: 200%
    }
  }

  .content-shibuya-camp .table-list {
    margin-top: 20px
  }

  .content-sitemap li {
    vertical-align: top
  }

  .content-sitemap li a {
    color: #616161
  }

  .content-sitemap li a:link,
  .content-sitemap li a:visited {
    color: #616161
  }

  .content-sitemap li a:hover,
  .content-sitemap li a:active {
    color: #f2799a
  }

  .content-sitemap .category {
    padding-bottom: 30px
  }

  .content-sitemap .category-name {
    border: 1px solid #f2799a;
    border-radius: 4px;
    color: #f2799a;
    font-size: 89%;
    margin-bottom: 5px;
    padding: 5px 10px
  }

  .content-sitemap .link-main,
  .content-sitemap .link-sub {
    padding: 5px 10px 0
  }

  .content-sitemap .link-main a,
  .content-sitemap .link-sub a {
    font-size: 78%
  }

  .content-sitemap .link-main a:before,
  .content-sitemap .link-sub a:before {
    content: '\f105';
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 5px
  }

  .content-sitemap .link-sub {
    padding-left: 20px
  }

  @media screen and (max-width:991px) {
    .content-sitemap .link-sub {
      display: inline-block;
      width: 40%
    }
  }

  @media screen and (max-width:640px) {
    .content-sitemap .link-sub {
      display: block;
      width: auto
    }
  }

  .content-story {
    border-radius: 0;
    line-height: 1.8;
    padding: 40px 0
  }

  .content-story .text {
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px
  }

  .content-story .swiper-button-disabled {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
  }

  .content-story .swiper-slide {
    padding-right: 10px;
    padding-left: 10px
  }

  .content-story .swiper-slide img {
    border-radius: 0
  }

  .content-story .swiper-slide p {
    background: #fff;
    font-size: 78%;
    padding: 20px
  }

  .content-story .swiper-button-prev {
    left: 35.71%
  }

  .content-story .swiper-button-next {
    right: 35.71%
  }

  @media screen and (max-width:1199px) {
    .content-story .swiper-button-prev {
      left: 30%
    }

    .content-story .swiper-button-next {
      right: 30%
    }
  }

  @media screen and (max-width:767px) {
    .content-story .swiper-button-prev {
      left: 16.67%
    }

    .content-story .swiper-button-next {
      right: 16.67%
    }
  }

  @media screen and (max-width:640px) {
    .content-story .swiper-button-prev {
      left: 8.33%
    }

    .content-story .swiper-button-next {
      right: 8.33%
    }
  }

  @media screen and (max-width:480px) {
    .content-story .swiper-button-prev {
      left: 40px
    }

    .content-story .swiper-button-next {
      right: 40px
    }
  }

  .content-taishou-item {
    padding-bottom: 20px;
    text-align: center
  }

  .content-taishou-item ul {
    margin-bottom: 10px
  }

  .content-taishou-item li {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-weight: 700;
    padding: 10px
  }

  .content-taishou-item li.none {
    border: none
  }

  .content-taishou-item li .image {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px
  }

  .content-taishou-item li .image img {
    border-radius: 4px;
    height: 68px;
    width: auto
  }

  .content-taishou-item li p {
    font-size: 89%;
    line-height: 1.4
  }

  .content-top-kv {
    background: url(../img/top/kv.jpg) no-repeat center center #c4c4c4;
    text-align: center
  }

  .content-top-kv img {
    max-width: 100%;
    height: auto
  }

  .content-top-kv .content-brand-search {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .content-top-kv .content-brand-search ul {
    width: 100%
  }

  .content-top-kv .content-brand-search .bt {
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0
  }

  .content-top-kv .content-brand-search .results {
    width: 60%
  }

  .content-top-kv .content-brand-search .bt {
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px
  }

  .content-top-kv .content-brand-search .results {
    width: 60%
  }

  .content-top-kv .content-brand-search .brandlist .bt {
    line-height: 16px;
    font-size: 78%;
    padding-top: 14px;
    padding-bottom: 14px
  }

  @media screen and (max-width:991px) {
    .content-top-kv {
      padding: 40px 0
    }
  }

  @media screen and (max-width:767px) {
    .content-top-kv {
      background-image: url(../img/top/sm/kv.jpg);
      background-size: cover
    }

    .content-top-kv .now {
      font-size: 100%;
      padding: 20px
    }

    .content-top-kv .brands {
      font-size: 78%
    }

    .content-top-kv .brands .font-noto {
      font-size: 100%
    }
  }

  @media screen and (max-width:480px) {
    .content-top-kv .content-brand-search .brandlist .bt {
      font-size: 67%
    }
  }

  @media (min-width:780px) {
    .code2 {
      padding: 0 0;
      width: 1000px !important;
      margin: 0 auto;
      position: relative
    }

    .code2 ul {
      border: 4px solid #999;
      background: #999;
      border-radius: 4px;
      display: table;
      width: 100%;
      border-spacing: 15px 0
    }

    .code2 ul li.left {
      display: table-cell;
      width: 50% !important;
      position: relative;
      text-align: right;
      top: 40px
    }

    .code2 ul li.left p {
      color: #FFF
    }

    .code2 ul li.left .title2 {
      color: #FFF;
      margin-top: -34px
    }

    .code2 ul li.right {
      display: table-cell;
      width: 50% !important;
      position: relative;
      text-align: left
    }

    .code2 ul li.right .box {
      width: 40% !important;
      position: relative;
      background-color: #fff;
      max-height: 60px !important;
      margin: 5px 0 0px !important;
      padding: 5px 0
    }

    .code2 ul li.right .box p {
      color: #1B1B1B;
      text-align: center;
      letter-spacing: 5px
    }

    .example.corner01 {
      border-radius: 4px;
      padding-top: 80px !important
    }

    .code2 ul {
      padding: 10px 0 15px !important
    }
  }

  .code2 {
    padding: 0 0 1.5em;
    width: 90%;
    margin: 0 auto;
    position: relative
  }

  .code2 ul {
    border: 1px solid #999;
    background: #999;
    border-radius: 4px;
    display: table;
    width: 100%;
    border-spacing: 15px 0;
    padding: 0 0 0
  }

  .code2 ul li.left {
    display: table-cell;
    width: 65%;
    position: relative;
    text-align: right;
    top: -9px
  }

  .code2 ul li.left p {
    color: #FFFFFF !important
  }

  .code2 ul li.left .title2 {
    font-size: 1.2em !important
  }

  .code2 ul li.right {
    display: table-cell;
    width: 35%;
    position: relative;
    text-align: left
  }

  .code2 ul li.right .title1b {
    font-size: 1.45em !important
  }

  .code2 ul li.right .box {
    margin: 20px 0 0;
    width: 100%;
    position: relative;
    background-color: #fff;
    max-height: 80px
  }

  .code2 ul li.right .box p {
    color: #1B1B1B;
    text-align: center;
    letter-spacing: 1px
  }

  #campaign section.item div.itemWrap2 {
    padding: 0 1em .3em
  }

  #campaign h1 {
    color: #616161
  }

  #campaign section.item div.itemWrap2 p {
    color: #010101;
    font-size: .909em;
    line-height: 1.5;
    text-align: center;
    margin-top: 1em
  }

  #campaign section.item div.itemWrap2 p>span {
    color: #f2799a;
    font-weight: 700
  }

  .example.corner01 {
    border-radius: 4px;
    padding-top: 40px
  }

  @media screen and (max-width:480px) {
    #campaign .code2 {
      border: 1px solid #999;
      background: #999;
      border-radius: 4px;
      margin-bottom: 20px;
      padding: 15px 0 5px
    }

    #campaign .code2 ul {
      border: none;
      background: none;
      border-radius: 0
    }

    #campaign .code2 li {
      top: auto
    }

    #campaign .code2 ul li.right .box {
      margin-top: 0
    }

    #campaign .code2 .txt4 {
      color: #fff;
      padding-top: 5px;
      text-align: center
    }
  }

  @media (min-width:780px) {
    #tsAkifuyu .sct2 .fukidashi img {
      margin: 0 1em 0em 24%
    }

    #tsAkifuyu .sct2-02 img {
      padding: 0
    }

    #tsAkifuyu .sct6-02 {
      width: 1000px;
      padding: 30px 5px;
      background-color: #FFF
    }

    #tsAkifuyu .sct6-02 ul {
      margin-top: 0;
      width: 100%
    }

    #tsAkifuyu .sct6-02 ul .right {
      display: inline-block !important;
      padding-left: 35px !important;
      width: 77% !important;
      top: -150px
    }

    #tsAkifuyu .sct6-02 ul .right .txt2 {
      display: inline-block !important;
      font-size: 18px !important
    }

    #tsAkifuyu .sct6-02 ul .left {
      display: inline-block !important;
      width: 20% !important;
      padding: 0 !important
    }

    #tsAkifuyu .sct2-02 .txt2 span {
      color: #ff729a;
      font-weight: 700;
      font-size: 20px !important
    }
  }

  #tsAkifuyu .sct2-02 .txt2 {
    padding: 1.5em 1em 5px;
    background-color: #FFF;
    text-align: center;
    font-size: 1em;
    font-weight: 700
  }

  #tsAkifuyu .sct2-02 .txt2 span {
    color: #ff729a;
    font-weight: 700;
    font-size: 1.1em
  }

  #tsAkifuyu .sct6-02 {
    width: 100%;
    padding: 30px 5px 5px;
    background-color: #FFF;
    border-bottom: 1px solid #EAEAEA
  }

  #tsAkifuyu .sct6-02 ul {
    margin-top: 0;
    width: 100%
  }

  #tsAkifuyu .sct6-02 .txt1 {
    text-align: center;
    color: #ff729a;
    font-weight: bold !important;
    padding-bottom: 1em
  }

  #tsAkifuyu .sct6-02 ul .right {
    display: inline-block !important;
    padding: 0 10px;
    width: 100%
  }

  #tsAkifuyu .sct6-02 ul .right .txt2 {
    display: inline-block !important;
    font-size: 1em;
    margin: 1em
  }

  #tsAkifuyu .sct6-02 ul .left {
    display: inline-block !important;
    width: 70%;
    padding: 1em 0 1em 30%
  }

  #tsAkifuyu .sct6-02 ul .left span {
    display: inline-block !important;
    padding: .5em 0
  }

  #tsAkifuyu .sct2>h2 {
    font-size: 1.1em !important;
    line-height: 150% !important;
    text-align: center
  }

  .hover-ul:hover {
    text-decoration: underline !important
  }

  @media screen and (max-width:480px) {
    .content-qa .btns ul {
      margin-bottom: 0
    }

    .content-qa .btns li {
      margin-bottom: 5px
    }

    .content-sell .web .image {
      margin-top: 15px
    }

    *[class*="mBtn2"] {
      line-height: 1.5em;
      padding: 10px 0;
      font-size: .9em
    }

    #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a {
      font-size: .8em
    }

    #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a.mBtn-pdf {
      display: block;
      text-align: center;
      width: auto
    }
  }

  @media (min-width:780px) {
    .content-sell .kit p img {
      top: 208px;
      width: 157px;
      z-index: 9999
    }
  }

  .syuka {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    display: block;
    position: relative
  }

  .news_div {
    width: 80%;
    margin: 20px 8%;
    border: solid 1px #9e9e9e;
    padding: 1%;
    overflow-y: scroll;
    overflow-x: hidden
  }

  @media (min-width:780px) {
    .news_div {
      height: 200px
    }
  }

  @media screen and (max-width:780px) {
    .news_div {
      height: 150px;
      -webkit-overflow-scrolling: touch
    }
  }

  .news_p {
    padding: 1%;
    line-height: 140%
  }

  .hibrand_g {
    text-align: center;
    padding-right: 3%;
    padding-left: 4%;
    padding-top: 15px;
    padding-bottom: 20px;
    line-height: 1.5em;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 3%;
    margin-right: 4%;
    font-size: 100%
  }

  .hibrand_g p {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    color: #616161;
    font-size: 100%
  }

  .content-feature-item-kv2 {
    height: 680px
  }

  .popbn {
    position: relative;
    margin: 0 auto;
    display: none
  }

  .popbn .bn_img {
    position: fixed;
    bottom: 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    z-index: 88
  }

  .bn_img_inner {
    width: 200px;
    height: 165px;
    box-sizing: border-box;
    padding: 5px 10px;
    background-color: #fafafa;
    opacity: .9
  }

  .popbn .bn_img_inner a {
    display: block;
    left: 10px
  }

  .popbn .bn_img p.close {
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 999
  }

  .popbn .bn_img p.close a {
    display: block;
    width: 20px;
    height: 25px;
    text-align: center
  }

  .popbn .bn_img p.close a span {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden
  }

  .popbn a.fa {
    font-size: 25px
  }

  @media screen and (max-width:770px) {
    .popbn .bn_img {
      margin-bottom: 70px !important
    }

    .bn_img_inner img {
      width: auto;
      max-width: 100%
    }
  }

  @media screen and (max-width:540px) {
    .bn_img_inner {
      width: 180px;
      height: 150px
    }
  }

  @media screen and (max-width:370px) {
    .bn_img_inner {
      width: 150px;
      height: 120px
    }
  }

  @media screen and (max-width:320px) {
    .bn_img_inner {
      width: 130px;
      height: 105px
    }
  }

  .line_bottn_w {
    margin-bottom: 20px
  }

  .btan_green {
    background-color: #e96617 !important;
    border-bottom: 2px solid #af4b0f !important
  }

  .line_sct .step2 {
    margin: 0 !important
  }

  #send section#sct2 .head {
    text-align: center;
    background-color: #616161;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: .423em;
    border-top-right-radius: .423em;
    margin: -1em -1em .901em
  }

  p.line_waku_text {
    font-size: 120%;
    font-weight: 700;
    padding-bottom: 10px
  }

  .line_step_litxt {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 5px
  }

  .kantan_line_text.course1_mv {
    background-color: #00c202
  }

  .kantan_line_text.course2_mv {
    background-color: #4c3114
  }

  ul.tab.line_tab_1 li a {
    line-height: 140% !important
  }

  .content-container.line_notitemarea {
    margin-top: 50px
  }

  @media all and (min-width:641px) {
    .line_tab_1 span.line_font80 {
      font-size: 25px
    }

    p.font25 {
      font-size: 25px;
      font-weight: 700
    }

    ul.line_id_g {
      display: flex;
      width: 100%;
      margin-left: auto;
      margin-right: auto
    }

    p.font13 {
      font-size: 13px;
      padding-bottom: 10px;
      line-height: 1.5em
    }

    p.line_id {
      width: 160px;
      border-style: solid;
      background-color: #f2799a;
      padding-top: 68px;
      padding-bottom: 68px;
      font-weight: 700;
      font-size: 24px;
      color: #fff;
      margin: auto
    }

    p.font_b {
      font-size: 16px;
      font-weight: 700;
      padding-top: 5px;
      padding-bottom: 6px
    }

    li.id_g_li {
      padding-top: 20px;
      padding-left: 7%;
      padding-right: 7%;
      flex: 1 1
    }

    p.font20 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 15px
    }

    .mokuji {
      font-size: 35px;
      font-weight: 700;
      color: #fff;
      background-color: #06c202;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px
    }

    ul.line_step_ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto
    }

    ul.line_step_ul2 {
      list-style: none;
      display: flex;
      margin-bottom: 30px;
      margin-top: 10px
    }

    li.line_step_li {
      padding-top: 20px;
      flex: 1 1 0%
    }

    .line_step_litxt {
      height: 130px
    }

    p.g_font {
      color: #06c202;
      font-weight: 700;
      padding-bottom: 5px
    }

    .line_time {
      border: 6px #06c202 solid;
      border-radius: 30px;
      padding: 1em;
      text-align: center;
      line-height: 1.8em;
      margin: 3%
    }

    .line_time .g_font25b {
      font-size: 25px;
      color: #07c103;
      font-weight: 700
    }

    p.font25_2 {
      font-size: 25px;
      font-weight: 700;
      text-align: center
    }

    .line_timec .g_font15 {
      font-size: 15px;
      line-height: 1.8em
    }

    .linecont {
      text-align: center;
      padding-top: 20px;
      padding-bottom: 0
    }

    .line_point {
      margin-top: 10px
    }

    ul.line_point_ul {
      display: flex;
      flex-wrap: wrap
    }

    P.line_point_img img {
      max-width: 100%
    }

    li.line_point_li {
      flex: 1 1 25%;
      padding: 1%
    }

    ul.line_item_ul {
      display: flex;
      flex-wrap: wrap;
      margin: 20px auto;
      padding-right: 20%;
      padding-left: 20%
    }

    li.line_item_li img {
      max-width: 100%
    }

    li.line_item_li {
      flex: 1 1 10%;
      text-align: center;
      margin: 10px
    }

    p.font22 {
      font-size: 22px;
      font-weight: 700;
      padding: 0 19%;
      line-height: 1.5em;
      margin-bottom: 30px
    }

    .line_notitem {
      background-color: #eee;
      padding: 20px 0;
      margin: 10px 3%;
      border: 6px #eee solid;
      border-radius: 30px
    }

    .line_notitem p {
      text-align: left;
      padding-left: 25%
    }

    .mokuji_bk {
      font-size: 35px;
      font-weight: 700;
      color: #fff;
      background-color: #666;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px
    }

    .line_after_box {
      margin: 2% 10%;
      border: 1px #bdbdbd solid;
      border-radius: .5em;
      padding: 3% 2%
    }

    .line_after_box dl.waku {
      text-align: center;
      background-color: #616161;
      color: #fff;
      border-radius: 0;
      border-top-left-radius: .423em;
      border-top-right-radius: .423em;
      margin: -1.7em -1.2em .901em
    }

    .line_after_box *>h1 {
      font-size: 25px;
      font-weight: 700;
      line-height: 1.3em
    }

    dl.layout_line p {
      line-height: 1.3em
    }

    .line_after_box dt span {
      font-size: .86em
    }

    .line_after_box .waku dd {
      font-size: 1.182em;
      display: inline-block;
      vertical-align: middle;
      font-weight: 700;
      line-height: 1.95
    }

    .line_after_box .waku dt {
      font-size: .909em;
      font-family: "Noto Serif";
      display: inline-block;
      vertical-align: middle
    }

    .line_after_box .layout_line>*:last-child {
      text-align: left;
      padding-left: 1em;
      padding-bottom: 1em
    }

    .layout_line {
      display: table;
      width: 100%
    }

    dl.layout_line {
      display: flex
    }

    *[class*="mBtn2"] {
      display: block;
      position: relative;
      line-height: 2.5em;
      text-align: center;
      font-weight: 700;
      font-size: 100%;
      border-radius: 2px;
      color: #FFF;
      border: none;
      width: 100%;
      padding: 0;
      margin: 0;
      box-shadow: 0 1px 2px #ccc;
      background: #f2799a;
      border-bottom: 1px solid #d96d8a
    }

    .line_camp {
      border: 6px #06c202 solid;
      border-radius: 30px;
      padding: 1em;
      text-align: center;
      line-height: 1.8em;
      margin: 3%
    }

    p.font35_g {
      font-size: 35px;
      font-weight: 700;
      line-height: 1.8em;
      color: #06c202
    }

    p.font22_2 {
      font-size: 22px;
      font-weight: 700;
      padding: 0 10%;
      line-height: 1.5em;
      margin-bottom: 30px
    }

    p.camp_p {
      text-align: left;
      line-height: 1.5em
    }

    p.line_waku_mokuji {
      font-size: 130%;
      font-weight: 700;
      margin-top: 30px
    }

    p.line_waku_a {
      background-color: #06c202;
      width: 60%;
      color: #fff;
      margin: 0 auto;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      font-size: 110%;
      padding: 5px 0
    }

    p.line_waku_b {
      border-color: #06c202;
      border-style: solid;
      width: 60%;
      margin-top: 0;
      border-width: 1px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 10px;
      font-size: 110%;
      font-weight: 700;
      color: #06c202;
      padding: 10px 0
    }

    .line_botanbox {
      margin-bottom: 15px;
      margin-left: 3%;
      margin-right: 3%;
      margin-top: -25px
    }

    p.hosho_f1 {
      font-weight: 700;
      text-align: center;
      line-height: 1.8em;
      margin-top: 4%;
      margin-bottom: 4%
    }

    .mokuji_pink {
      font-size: 150%;
      font-weight: 700;
      color: #fff;
      background-color: #dc7092;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px
    }

    .line_item_img {
      margin-top: 5%;
      margin-bottom: 2%
    }

    p.hosho_f2 {
      margin-top: 5px;
      margin-bottom: 10px;
      line-height: 1.2em;
      font-size: 100%
    }

    p.hosho_text_p {
      line-height: 1.5em
    }

    .text_left {
      text-align: left
    }

    .hosho_notitem {
      background-color: #eee;
      padding: 10px 0;
      margin: 10px 3%;
      border: 6px #eee solid;
      border-radius: 30px
    }

    .hosho_notitem p {
      text-align: left;
      margin: 10px 10%
    }

    p.hosho_f4 {
      font-size: 160%;
      font-weight: bolder;
      margin: 20px auto 20px auto;
      text-align: center;
      color: #dd7092
    }

    p.hosho_f5 {
      background-color: #f7f4ef;
      font-size: 120%;
      line-height: 1.5em;
      margin: 0 3% 0 3%;
      padding: 10px 3% 10px 3%;
      border-radius: 10px
    }

    li.line_step_li2.line_step_li_3row {
      width: 31%
    }

    li.line_step_li2.line_step_li_2row {
      width: 48%
    }

    .urukuma_swiper {
      width: 640px;
      margin: auto
    }
  }

  @media screen and (max-width:640px) {
    .line_sct {
      margin-top: 20px !important
    }

    section.line_other_g {
      padding-top: 20px
    }

    .line_tab_1 span.line_font70 {
      font-weight: 400
    }

    li.line_item_li p.font13 {
      text-align: center;
      font-weight: 700
    }

    .line_notitemarea>.information.information-warning {
      font-size: 12px;
      line-height: 140%;
      padding: 10px
    }

    p.font25 {
      font-size: 120%;
      font-weight: 700;
      text-align: center;
      margin-top: 20px
    }

    p.font18_g {
      color: #0b0;
      margin-top: 20px;
      text-align: center;
      font-size: 110%;
      font-weight: 700;
      margin-bottom: 5px
    }

    p.sp_line_botan {
      width: 60%;
      margin: 0 auto
    }

    .linecont {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px
    }

    p.font20 {
      font-size: 110%;
      font-weight: 700;
      margin-bottom: 10px
    }

    .mokuji {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      background-color: #06c202;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 30px
    }

    p.g_font {
      color: #06c202;
      font-weight: 700;
      padding-bottom: 5px;
      font-size: 140%
    }

    p.line_step_img {
      width: 50%;
      margin: 20px auto
    }

    .line_time {
      border: 6px #06c202 solid;
      border-radius: 30px;
      padding: 1em;
      text-align: center;
      line-height: 1.5em;
      margin: 3% 1%
    }

    .line_time p.g_font25b {
      font-size: 120%;
      color: #07c103;
      font-weight: 700
    }

    p.font25_2 {
      font-size: 120%;
      font-weight: 700;
      text-align: center
    }

    p.font_sp {
      font-size: 90%
    }

    li.line_point_li {
      width: 80%;
      margin: 10px auto 20px
    }

    p.font13 {
      margin-top: 5px;
      line-height: 140%;
      font-size: 100%
    }

    ul.line_item_ul {
      display: flex;
      flex-wrap: wrap;
      margin: 20px auto;
      padding-right: 1%;
      padding-left: 1%
    }

    li.line_item_li {
      flex: 1 1 0%;
      margin: 0 1%;
      font-size: 80%
    }

    p.font22 {
      font-size: 120%;
      font-weight: 700;
      padding: 0 3%;
      line-height: 1.5em;
      margin-bottom: 30px
    }

    .line_notitem {
      background-color: #eee;
      padding: 20px 1%;
      border-radius: 30px;
      padding: 1em;
      line-height: 1.8em;
      margin: 3% 1%
    }

    .line_notitem p {
      line-height: 1.5em
    }

    .mokuji_bk {
      font-weight: 700;
      color: #fff;
      background-color: #666;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      font-size: 20px
    }

    p.kantan {
      width: 70%;
      margin: 20px auto
    }

    .line_after_box {
      margin: 2% 1%;
      border: 1px #bdbdbd solid;
      border-radius: .5em;
      padding: 3% 2%
    }

    .line_after_box .waku {
      text-align: center;
      background-color: #616161;
      color: #fff;
      border-radius: 0;
      border-top-left-radius: .423em;
      border-top-right-radius: .423em;
      margin: -15px -2.5%
    }

    .line_after_box dt span {
      font-size: .86em
    }

    .line_after_box .waku dd {
      font-size: 20px;
      display: inline-block;
      vertical-align: middle;
      font-weight: 700;
      line-height: 1.95
    }

    .line_after_box .waku dt {
      font-size: .909em;
      font-family: "Noto Serif";
      display: inline-block;
      vertical-align: middle
    }

    .line_after_box .layout_line>*:last-child {
      text-align: left;
      padding-left: 1em;
      padding-bottom: 1em
    }

    dl.layout_line dt img {
      width: 200px
    }

    .line_after_box .layout_line>*:last-child {
      text-align: left;
      padding-left: 1em;
      padding-bottom: 1em
    }

    .layout_line {
      display: table;
      width: 100%;
      padding-top: 25px
    }

    dl.layout_line dt {
      text-align: center;
      margin-bottom: 20px
    }

    .line_after_box *>h1 {
      font-size: 120%;
      font-weight: 700;
      line-height: 1.3em
    }

    dl.layout_line p {
      line-height: 140%;
      margin: 10px 0
    }

    .line_after_box dt span {
      font-size: .86em
    }

    *[class*="mBtn2"] {
      display: block;
      position: relative;
      line-height: 2.5em;
      text-align: center;
      font-weight: 700;
      font-size: 100%;
      border-radius: 2px;
      color: #FFF;
      border: none;
      width: 100%;
      padding: 0;
      margin: 0;
      box-shadow: 0 1px 2px #ccc;
      background: #f2799a;
      border-bottom: 1px solid #d96d8a
    }

    .line_camp {
      border: 6px #06c202 solid;
      border-radius: 30px;
      padding: 1em;
      text-align: center;
      line-height: 1.8em;
      margin: 3% 1%
    }

    p.font35_g {
      font-size: 150%;
      font-weight: 700;
      line-height: 1.8em;
      color: #06c202
    }

    p.font22_2 {
      font-size: 120%;
      font-weight: 700;
      padding: 0 3%;
      line-height: 1.5em
    }

    p.camp_p {
      text-align: left;
      margin-top: 20px
    }

    p.line_waku_mokuji {
      font-size: 130%;
      font-weight: 700;
      margin-top: 30px
    }

    p.line_waku_a {
      background-color: #06c202;
      width: 75%;
      color: #fff;
      margin: 0 auto;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      font-size: 110%;
      padding: 5px 0
    }

    p.line_waku_b {
      border-color: #06c202;
      border-style: solid;
      width: 75%;
      margin-top: 0;
      border-width: 1px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 10px;
      font-size: 110%;
      font-weight: 700;
      color: #06c202;
      padding: 10px 0
    }

    .line_botanbox {
      margin-bottom: 15px;
      margin-left: 3%;
      margin-right: 3%
    }

    p.hosho_f1 {
      font-weight: 700;
      text-align: center;
      line-height: 1.8em;
      margin-top: 4%;
      margin-bottom: 4%
    }

    .mokuji_pink {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      background-color: #dc7092;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px
    }

    .line_item_img {
      margin-top: 5%;
      margin-bottom: 2%
    }

    p.hosho_f2 {
      margin-top: 5px;
      margin-bottom: 10px;
      line-height: 1.2em;
      font-size: 15px
    }

    ul.line_step_ul2 {
      margin: 0 auto 5% auto;
      display: block !important
    }

    .hosho_notitem {
      background-color: #eee;
      padding: 20px 1%;
      border-radius: 30px;
      padding: 1em;
      line-height: 1.8em;
      margin: 3% 1%
    }

    .hosho_notitem p {
      line-height: 120%;
      font-size: 12px
    }

    .hoshochui_area p {
      line-height: 120%;
      font-size: 12px
    }

    p.hosho_f4 {
      font-size: 130%;
      font-weight: bolder;
      margin: 20px auto 20px auto;
      text-align: center;
      color: #dd7092
    }

    p.hosho_f5 {
      background-color: #f7f4ef;
      line-height: 1.5em;
      padding: 10px 3% 10px 3%;
      border-radius: 10px
    }

    li.line_step_li {
      margin-bottom: 20px
    }

    .line_step_litxt {
      height: auto
    }

    p.line_text11 {
      font-size: 100% !important
    }

    p.hosho_midashi_line2 {
      font-size: 130% !important
    }

    .kantan_line_text p {
      font-size: 120% !important
    }

    p.kantan_line_img1 {
      width: 30%
    }
  }

  .line_after_box .kitOffer {
    margin-top: 10px
  }

  .content-sell .form-second {
    font-size: 86%;
    padding: 20px 0 10px;
    text-align: center
  }

  .content-sell .form-second strong {
    color: #f2799a;
    display: block;
    font-size: 108%;
    margin-bottom: 5px;
    text-align: center
  }

  .content-sell .form-second .bt {
    margin-right: auto;
    margin-left: auto;
    font-size: 86%;
    padding: 10px 15px;
    max-width: 320px
  }

  .hikaku_box {
    width: 90%;
    border: solid 3px #eee;
    margin: 5px 5%;
    display: inline-block;
    padding: 2% 5%
  }

  p.hikaku_date {
    font-size: 8px;
    margin-bottom: 5px
  }

  p.hikaku_name {
    margin: 5px
  }

  ul.hikaku_price li {
    margin: 1%;
    width: 47% !important;
    text-align: center
  }

  li.shopb_price {
    width: 50%;
    background-color: #f06288;
    border-radius: 5px;
    color: #FFF
  }

  li.shops_price {
    background-color: #EEE;
    border-radius: 5px
  }

  span.hikaku_shop {
    display: block;
    margin-bottom: 5px
  }

  span.hikaku_price {
    font-size: 150%
  }

  #lv {
    background-color: #fff
  }

  #lv .content-title {
    color: #4f3d33
  }

  #lv .content-title2 {
    color: #616161;
    font-size: 156%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center
  }

  #lv section#top {
    background: none
  }

  #lv section.item div.itemWrap {
    padding: 0 1em 1em
  }

  #lv h1 {
    color: #616161
  }

  #lv section.item div.itemWrap p {
    color: #010101;
    font-size: .909em;
    line-height: 1.5;
    text-align: center;
    margin-top: 1em
  }

  #lv section.item div.itemWrap p>span {
    color: #f2799a;
    font-weight: 700
  }

  #lv section.item div.campCont01 {
    padding: 0 1em 2.5em
  }

  #lv section.item div.campCont02 {
    padding: 0 1em 2.5em
  }

  #lv section.item div.campCont02 div.kyoukaBrand {
    margin-top: .5em;
    border: 2px #e0e0e0 solid;
    border-radius: 2px
  }

  #lv section.item div.campCont02 div.kyoukaBrand ul {
    padding: .5em .7em;
    border-bottom: 2px #e0e0e0 solid
  }

  #lv section.item div.campCont02 div.kyoukaBrand ul li.normal {
    font-size: .8em;
    margin-left: 1.8em;
    line-height: 1.5
  }

  #lv section.item div.campCont02 div.kyoukaBrand ul li.star {
    font-size: 1.5em;
    padding: .5em 0
  }

  #lv section.item div.campCont02 div.kyoukaBrand ul li.star:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em
  }

  #lv section.item div.campCont02 div.kyoukaBrand dl {
    display: table;
    width: 100%
  }

  #lv section.item div.campCont02 div.kyoukaBrand>dl dt,
  #lv section.item div.campCont02 div.kyoukaBrand>dl dd {
    padding: 1em .7em .5em;
    width: 50%;
    display: table-cell;
    border-bottom: 2px #e0e0e0 solid
  }

  #lv section.item div.campCont02 div.kyoukaBrand>dl dt.last,
  #lv section.item div.campCont02 div.kyoukaBrand>dl dt.lastdd.last {
    border-bottom: 0
  }

  #lv section.item div.campCont02 div.kyoukaBrand>dl dt {
    border-right: 2px #e0e0e0 solid
  }

  #lv section.item div.campCont02 div.kyoukaBrand>dl dt:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em;
    float: left;
    display: inline-block;
    margin-bottom: .5em
  }

  #lv section.item div.campCont02 div.kyoukaBrand dl dd:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em
  }

  #lv section.item div.campCont03 {
    padding: 0 1em 1em
  }

  #lv section.item div.campCont03 p {
    margin-top: .5em;
    border: 2px #e0e0e0 solid;
    border-radius: 2px;
    padding: .5em .7em;
    font-size: 1em;
    line-height: 1.5em
  }

  #lv section.item div.campCont03 p:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em;
    float: left;
    display: inline-block;
    margin-bottom: .5em
  }

  #lv section.campDetail div.campTerm {
    border: 4px #d0b592 solid;
    border-radius: 4px;
    padding: 1em;
    text-align: center;
    font-weight: 700;
    margin: 1.5em 1em;
    color: #616161
  }

  #lv section.campDetail div.campTerm p.txt01 {
    font-size: 1.27em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #lv section.campDetail div.campTerm p.txt01 span {
    font-size: .71em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #lv section.campDetail div.campTerm p.txt02 {
    font-size: 1em;
    line-height: 1.5;
    text-align: center
  }

  #lv section.campDetail dl {
    border: 1px #f1f0ec solid;
    border-radius: 4px;
    margin: 1em;
    color: #4f3d33
  }

  #lv section.campDetail dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #c4a277;
    padding: .5em .9em
  }

  #lv section.campDetail dl dd {
    padding: 1em;
    line-height: 1.4;
    color: #000;
    background-color: #c4a277
  }

  #lv section.campDetail dl dd span {
    font-size: .909em;
    line-height: 1.4;
    color: #c4a277;
    display: inline-block
  }

  .content-title-balloon {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #4f3d33;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  .content-title-balloon2 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #2c1a19;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  .content-title-balloon3 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #000;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  .content-title-balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #4f3d33
  }

  .content-title-balloon2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #2c1a19
  }

  .content-title-balloon3:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #000
  }

  .content-title-balloon p {
    margin: 0;
    padding: 0
  }

  .braun_back {
    background: #4f3d33 !important
  }

  .braun_back2 {
    background: #2c1a19 !important
  }

  .braun_back3 {
    background: #000000 !important
  }

  .braun_font {
    color: #4f3d33 !important
  }

  .braun_border {
    background: #fff !important;
    border-color: #4f3d33 !important
  }

  .white_font {
    color: #FFFFFF !important
  }

  .lux_content_waku i.fa.fa-search {
    padding: 0 1%;
    vertical-align: text-bottom
  }

  p.lux_space {
    margin-top: 20px
  }

  img.lux_space {
    margin-top: 20px
  }

  p.lux_g {
    margin-bottom: 30px;
    margin-right: 5%;
    margin-left: 5%;
    line-height: 1.8em;
    font-size: 110%
  }

  .lux_braun .bt {
    background: #c4a277 !important;
    border: none;
    border-bottom: 2px solid #c4a277 !important;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s all ease-out;
    width: 100%
  }

  .lux_braun .bt-more:link,
  .bt-more:visited {
    color: #c4a277
  }

  .lux_braun .bt-more {
    background: #fff !important;
    border: 2px solid #c4a277;
    color: #c4a277;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 240px
  }

  .lux_braun .content-sell .form-second strong {
    color: #c4a277 !important;
    display: block;
    font-size: 108%;
    margin-bottom: 5px;
    text-align: center
  }

  .lux_braun a {
    color: #4f3d33 !important;
    text-decoration: none
  }

  .line_step {
    margin-left: 5%;
    margin-right: 5%
  }

  p.g_font.braun_font_no {
    color: #4f3d34;
    background-color: #c4a277;
    width: 35px;
    height: 35px;
    border-radius: 30%;
    margin-right: 2%;
    text-align: center;
    line-height: 35px;
    color: #FFF
  }

  p.g_font.braun_font_no2 {
    background-color: #cc757a;
    width: 35px;
    height: 35px;
    border-radius: 30%;
    margin-right: 2%;
    text-align: center;
    line-height: 35px;
    color: #FFF
  }

  .line_step_txt {
    display: block;
    width: 80%
  }

  .lux_linelist {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap;
    margin-left: 2%;
    margin-right: 2%
  }

  .line_text_flex {
    display: flex
  }

  .lux_linelist_g {
    background-color: #eee;
    padding: 2%;
    flex: 1 1 40%;
    display: flex;
    max-width: 50%;
    margin: 1%
  }

  .lux_linelist_img {
    width: 30%
  }

  p.lux_linelist_t {
    margin-left: 2%;
    margin-top: 6%;
    font-weight: 700
  }

  p.lux_linelist_t {
    margin-left: 4%;
    margin-top: 6%;
    font-weight: 700;
    font-size: 80%;
    line-height: 1.5em;
    color: #4f3d34
  }

  .lux_center {
    margin: auto;
    text-align: center
  }

  .lux_line_pickuparea {
    width: 100%;
    display: block;
    margin: 20px auto
  }

  p.title_press1 {
    font-size: 130%;
    font-weight: 700;
    line-height: 130%;
    width: 80%;
    margin: auto;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center
  }

  ul.press_list {
    width: 100%;
    display: flex;
    margin: -8% auto 0 auto
  }

  li.press_list_img img {
    flex: 1;
    width: 100%
  }

  @media (min-width:641px) {
    .lux_content_waku {
      max-width: 1000px;
      margin: 0 auto
    }

    #lv section.campDetail .lux_search dl {
      margin: 1%
    }

    .lux_waki {
      margin-right: 3%;
      margin-left: 3%
    }

    .braun_border {
      background: #fff !important;
      border-color: #4f3d33 !important;
      max-width: 640px
    }

    p.lux_g {
      max-width: 800px;
      margin: 60px auto 60px auto
    }

    li.id_g_li {
      max-width: 100%
    }

    li.line_step_li {
      padding-top: 20px;
      flex: 1 1 30%;
      margin: 2%
    }

    p.line_step_img {
      text-align: center
    }

    p.lux_linelist_t {
      margin-left: 4%;
      margin-top: 6%;
      font-size: 18px;
      line-height: 1.5em;
      color: #4f3d34
    }

    ul.press_list {
      width: 800px;
      display: flex;
      margin: auto
    }
  }

  .price_ex {
    max-width: 1000px;
    margin: 0 auto
  }

  ul.lux_ilist {
    width: 100%;
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  ul.lux_ilist>li {
    margin: 1%;
    border: solid 2px #eee;
    padding: 2%;
    flex: 1 1 40%;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between
  }

  @media (max-width:500px) {
    ul.lux_ilist>li {
      flex: 1 1 100%
    }
  }

  ul.lux_ilist li img {
    max-height: 150px;
    width: auto;
    height: auto;
    margin: 0 auto 10px;
    display: block
  }

  @media (max-width:600px) {
    ul.lux_ilist li img {
      max-height: 300px;
      max-width: 250px
    }
  }

  p.lux_ilist_brandname {
    font-size: 80%;
    text-align: center
  }

  p.lux_ilist_itemname {
    font-size: 100%;
    margin: 5px 0;
    line-height: 140%;
    font-weight: 700
  }

  ul.lux_price_table {
    margin-top: 10px;
    margin-bottom: 10px
  }

  ul.lux_price_table li {
    display: table;
    width: 100%
  }

  ul.lux_price_table li:first-child span {
    border-top: 1px solid #4d3d33
  }

  span.prtb_row1 {
    border-left: 1px solid #4d3d33;
    border-bottom: 1px solid #4d3d33;
    background-color: #f4f2ed;
    padding: 5% 0;
    width: 70px;
    display: table-cell;
    font-size: 80%;
    text-align: center
  }

  span.prtb_row2 {
    display: table-cell;
    border-left: 1px solid #4d3d33;
    border-right: 1px solid #4d3d33;
    border-bottom: 1px solid #4d3d33;
    font-size: 100%;
    padding: 5%;
    background-color: #FFF;
    font-weight: 700
  }

  input#next_bt {
    display: block;
    margin: 10px auto;
    background-color: #FFF;
    border: solid 2px #4f3d33;
    padding: 10px 10%;
    border-radius: 5px
  }

  .braun_border {
    background: #fff !important;
    border-color: #4f3d33 !important;
    max-width: 640px
  }

  .lux_search {
    max-width: 640px;
    margin: -24px auto 0 auto;
    text-align: center
  }

  #lux_sform1 {
    position: relative
  }

  #lux_sbox1 {
    height: 50px;
    padding: 0 5%;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 2px;
    border: solid 3px #f1f0ec;
    outline: 0
  }

  #lux_sbt1 {
    height: 50px;
    top: 0;
    background: none;
    color: #4f3d33;
    font-size: 120%;
    font-weight: 700;
    outline: 0;
    width: 100%;
    background: #4f3d33 !important;
    border: none;
    border-bottom: 2px solid #000 !important;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10
  }

  #lux_sbt2 {
    height: 50px;
    top: 0;
    background: none;
    color: #4f3d33;
    font-size: 120%;
    font-weight: 700;
    outline: 0;
    width: 100%;
    background: #000000 !important;
    border: none;
    border-bottom: 2px solid #000 !important;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10
  }

  #lux_sbt2:hover {
    color: #7fbfff
  }

  .lux_bt_green {
    height: 70px;
    top: 0;
    background: none;
    color: #4f3d33;
    font-size: 120%;
    font-weight: 700;
    outline: 0;
    width: 100%;
    background: #79a93e !important;
    border: none;
    border-bottom: 2px solid #618732 !important;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10
  }

  .line_kakakuhosho_g button a {
    color: #FFF;
    display: block;
    height: 100%;
    line-height: 70px
  }

  #lux_sbt1:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 20px
  }

  select.lux_sform2-1,
  select.lux_sform2-2 {
    height: 50px;
    padding: 0 5%;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 2px;
    border: solid 3px #f1f0ec;
    outline: 0;
    background-color: #FFF
  }

  .lux_search_inner {
    text-align: center
  }

  section.line_hoshou_a {
    background-color: #c4a277;
    padding: 2em 1em 1em 1em;
    ;
    border-radius: 0
  }

  .line_kakakuhosho_g {
    display: flex;
    padding: 4% 6% 4% 6%
  }

  p.line_kakakuhosho_img {
    margin-left: 2%;
    margin-right: 2%;
    text-align: center
  }

  .line_kakakuhosho_g button {
    margin-top: 10%
  }

  @media (min-width:780px) {
    .line_kakakuhosho_g_l {
      width: 30%
    }

    .line_kakakuhosho_r {
      width: 70%
    }

    .line_kakakuhosho_r span.subcmt {
      text-align: left;
      line-height: 120%;
      font-weight: 700;
      font-size: 13px
    }

    .line_kakakuhosho_g {
      margin: 30px auto
    }

    .search_g {
      display: flex;
      -webkit-box-flex: flex;
      flex-wrap: wrap
    }

    .search_1,
    .search_2 {
      width: 50%
    }

    ul.lux_ilist>li {
      flex: 1 1 30%
    }
  }

  .search_2 section.line_hoshou_a {
    height: 335px;
    margin: 0
  }

  .search_2 img {
    height: 163px;
    vertical-align: middle
  }

  .search_ribbon_flex {
    display: flex;
    margin: auto;
    width: 100%
  }

  .ribbon4_1 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 100%;
    background: #4f3d33;
    color: #FFF;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: 700;
    width: 200px;
    margin-left: 5px
  }

  .ribbon4_1:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .ribbon4_1:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  .ribbon4_2 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 100%;
    background: #4f3d33;
    color: #FFF;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: 700;
    width: 200px
  }

  .ribbon4_2:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .ribbon4_2:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  p.content-title.font_minimini {
    margin-top: 2%;
    font-size: 110%;
    margin-left: 3%;
    width: 300px
  }

  @media (max-width:780px) {
    .lux_search {
      margin: -60px auto 0 auto
    }

    .search_1,
    .search_2 {
      width: 100%
    }

    .search_2 section.line_hoshou_a {
      height: 100%
    }

    .search_2 {
      padding: 8%;
      padding-top: 0
    }

    .search_2 img {
      max-width: 50px;
      height: 50%
    }

    .line_kakakuhosho_g {
      display: block
    }

    .search_ribbon_flex {
      display: flex;
      margin: auto auto;
      width: 100%
    }

    .ribbon4_1 {
      display: inline-block;
      position: relative;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center;
      padding: 0 40px 0 18px;
      font-size: 100%;
      background: #4f3d33;
      color: #FFF;
      box-sizing: border-box;
      font-size: 110%;
      font-weight: 700;
      width: 200px;
      margin-left: -1%
    }

    .ribbon4_1:after {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      z-index: 1
    }

    .ribbon4_1:after {
      top: 0;
      right: 0;
      border-width: 20px 15px 20px 0;
      border-color: transparent #fff transparent transparent;
      border-style: solid
    }

    .ribbon4_2 {
      display: inline-block;
      position: relative;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center;
      padding: 0 40px 0 18px;
      font-size: 100%;
      background: #4f3d33;
      color: #FFF;
      box-sizing: border-box;
      font-size: 110%;
      font-weight: 700;
      width: 200px;
      margin-left: 5px;
      left: -1%
    }

    .ribbon4_2:after {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      z-index: 1
    }

    .ribbon4_2:after {
      top: 0;
      right: 0;
      border-width: 20px 15px 20px 0;
      border-color: transparent #fff transparent transparent;
      border-style: solid
    }

    p.content-title.font_minimini {
      max-width: 100%;
      margin-top: 3%;
      font-size: 110% important
    }

    .p_none {
      padding: 0 0 important
    }
  }

  @media (max-width:420px) {
    .lux_search {
      margin-top: -70px
    }
  }

  @media (max-width:376px) {
    .lux_search {
      margin-top: -60px
    }
  }

  @media (max-width:321px) {
    .lux_search {
      margin-top: -50px
    }
  }

  .condition_content {
    margin: 10px auto;
    padding: 3%;
    border: solid 2px #c4a277;
    max-width: 640px
  }

  .condition_content p.content-title {
    font-size: 120%
  }

  .condition_content label {
    display: block;
    font-weight: 700;
    cursor: pointer;
    color: #4f3d33;
    text-align: center;
    margin-top: 10px
  }

  .condition_content input {
    display: none
  }

  .condition_content div {
    height: 0;
    overflow-y: hidden;
    transition: 0.8s;
    opacity: 0
  }

  .condition_content input:checked+label+div {
    height: auto;
    opacity: 1;
    margin-top: 30px
  }

  .condition_content label::before {
    content: '\f067';
    font-family: 'FontAwesome';
    padding-right: 8px
  }

  .condition_content input:checked+label::before {
    content: '\f068'
  }

  .condition_details {
    color: #4f3d33
  }

  .condition_details dl {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  .condition_details dt {
    width: 20%;
    border: solid 1px #4f3d33;
    border-right: none;
    padding: 1%;
    text-align: center;
    font-weight: 700
  }

  .condition_details dl:nth-child(1) dt,
  .condition_details dl:nth-child(2) dt {
    border-bottom: none
  }

  .condition_details dd {
    border: solid 1px #4f3d33;
    width: 80%;
    padding: 1%
  }

  .condition_details dl:nth-child(1) dd,
  .condition_details dl:nth-child(2) dd {
    border-bottom: none
  }

  p.condition_txt {
    line-height: 150%
  }

  p.condition_img {
    max-width: 100%;
    text-align: center
  }

  ul.tow_btns {
    display: flex;
    -webkit-box-flex: flex;
    bottom: 0
  }

  li.tow_btns_1,
  li.tow_btns_2 {
    margin: 1%;
    width: 48%
  }

  li.tow_btns_1 a,
  li.tow_btns_2 a {
    padding: 5%;
    display: block;
    width: 100%;
    border-radius: 5px
  }

  li.tow_btns_1 .btn:before,
  li.tow_btns_2 .btn:before {
    position: absolute;
    top: 50%;
    right: 5%
  }

  li.tow_btns_1 a {
    background-color: #b8924d;
    border-bottom: 2px solid #705628
  }

  li.tow_btns_2 a {
    background-color: #78a838;
    border-bottom: solid 2px #4d894b
  }

  span.subcmt {
    font-size: 10px;
    display: block;
    text-align: center;
    font-weight: 400;
    line-height: 10px;
    margin-top: 10px
  }

  span.maincmt {
    display: block;
    font-size: 15px
  }

  #buyer_room a {
    text-decoration: none;
    color: #616161
  }

  .room_list_cate {
    border-bottom: #927752;
    border-bottom-style: dashed;
    padding-bottom: 80px
  }

  @media (min-width:641px) {
    a.link_col:hover {
      color: #927752 !important;
      font-size: 130%
    }

    .room_top {
      width: 100%;
      text-align: center
    }

    p.text1 {
      margin: 80px 10% 10px 10%;
      text-align: center;
      font-size: 120%;
      font-weight: 700;
      line-height: 1.5em
    }

    p.text2 {
      text-align: center;
      margin: 5px 8% 50px 8%;
      line-height: 1.8em;
      font-size: 15px
    }

    .room_list1 {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      margin-bottom: 10px
    }

    .room_list1_t {
      padding: 0 8% 0 8%;
      -webkit-flex: 1 1 45%;
      text-align: center
    }

    .room_list1_t img {
      width: 100%
    }

    p.room_list1_txt1 {
      font-size: 15px;
      font-weight: 700;
      margin: 7px auto
    }

    p.room_list1_txt2 {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 15px
    }

    p.room_list1_txt3 {
      font-size: 80%;
      font-weight: 700;
      color: #927752;
      margin-top: 10px;
      text-align: center
    }

    .room_list2 {
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      width: 100%;
      margin: 5%
    }

    .room_list2_t img {
      width: 100%
    }

    p.room_list2_txt {
      font-size: 70%;
      text-align: center
    }

    p.bt1 {
      text-align: center;
      border-style: solid;
      padding: 20px 2% 20px 2%;
      margin: 20px 8% 50px 8%
    }

    p.bt1 a {
      font-size: 25px
    }

    .tab_content .tyumoku_text1,
    .tab_content .tyumoku_text2 {
      text-align: center;
      margin: 5px auto 5px auto;
      font-size: 20px;
      clear: both;
      display: block;
      line-height: 1.5em
    }

    .tyumoku_waku {
      width: 850px;
      margin-left: auto;
      margin-right: auto
    }

    li.tyumoku_list1 {
      width: 50%;
      margin-right: 4%;
      float: left
    }

    li.tyumoku_list1 img {
      width: 100%
    }

    ul.tyumoku_brand2 {
      display: inline-block;
      width: 400px;
      margin: 0 10px 40px 10px
    }

    .tyumoku_brand3 {
      border-style: solid;
      border-width: 2px;
      padding-top: 15px;
      padding-bottom: 5px;
      background-color: #000;
      margin-top: -3px;
      margin-bottom: 50px
    }

    p.tyumoku_text2 {
      font-size: 130%;
      text-align: center;
      line-height: 1.2em;
      font-weight: 700;
      color: #fff
    }

    p.tyumoku_list2_txt {
      margin-top: 80px
    }

    .tyumoku_list1_t a::before {
      content: '';
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url(/gold/rpfstore/img/sale/sale_icon_nesage.jpg);
      background-size: contain;
      vertical-align: middle;
      position: absolute;
      z-index: 999;
      opacity: .8;
      border-radius: 50%
    }

    .tyumoku_brand2_a {
      display: inline-flex;
      width: 80%
    }

    .tyumoku_brand2_a:after {
      color: #fff;
      content: '\f105';
      display: block;
      font-family: "FontAwesome";
      font-weight: 400;
      line-height: 22px;
      margin-top: -9px;
      position: absolute;
      top: 37%;
      right: 18px;
      text-align: center;
      width: 20px
    }

    .tyumoku_brand2_a:before {
      background: #c4a277;
      border-radius: 50%;
      content: '';
      display: block;
      margin-top: -9px;
      position: absolute;
      top: 35%;
      right: 15px;
      text-align: center;
      width: 30px;
      height: 30px;
      transition: 0.3s all ease-out
    }

    .room_list2_t {
      max-width: 30%;
      margin-bottom: 5%;
      margin-left: 1%;
      margin-left: 1%
    }

    p.room_list2_txt {
      font-size: 70%;
      text-align: center;
      margin-top: 10px
    }

    p.room_list2_txt2 {
      font-size: 70%;
      font-weight: 700;
      color: #927752;
      text-align: center;
      margin-top: 5px
    }

    section.room_hot_brand {
      margin-top: 5%
    }

    .room_hot_midashi_waku {
      background-color: #000;
      width: 25%;
      padding: 2%
    }

    p.room_hot_midashi {
      font-size: 120%;
      font-weight: 700;
      color: #fff;
      padding-left: 5%
    }

    li.triangle-topleft {
      width: 0;
      height: 0;
      border-top: 60px solid #000;
      border-right: 60px solid transparent
    }

    section.room_hot_brand ul {
      display: flex
    }

    .room_hot_midashi_waku2 {
      background-color: #eeeeef;
      margin: 3% 1% 7% 1%;
      border-radius: 10px;
      padding: 5%
    }

    .room_hot_list1_t {
      width: 45%;
      margin-left: 2%;
      margin-right: 2%
    }

    .room_hot_list1 {
      display: flex;
      width: 100%;
      flex-wrap: wrap
    }

    p.room_hot_txt1 {
      font-weight: 700;
      margin-bottom: 2%;
      margin-top: 2%
    }

    p.room_hot_txt2 {
      font-size: 70%;
      line-height: 1.6em;
      margin-bottom: 10%
    }

    .tab1-item {
      display: flex;
      ?@ -webkit-flex-wrap: wrap;
      -webkit-flex-wrap?@flex-wrap: wrap;
      width: 100%
    }

    .tab1-item .tab1-item_waku {
      border-style: solid;
      padding: 4% 10% 2% 10%;
      margin: -1px;
      text-align: center;
      width: 45%
    }

    .tab1-p {
      margin: 10% auto 5% auto;
      text-align: center
    }

    .tab1-brand {
      display: flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-wrap flex-wrap: wrap;
      width: 100%
    }

    .tab1-brand .tab1-brand_waku {
      border-style: solid;
      padding: 4% 10% 2% 10%;
      margin: 1% auto;
      text-align: center;
      width: 45%;
      border-color: #000;
      border-width: 3px
    }

    p.bt2 {
      font-size: 16px
    }

    .space {
      margin-top: 30px
    }

    .tabbox {
      position: relative;
      width: 99%;
      margin-right: auto;
      margin-left: auto
    }

    span.mini_font {
      color: #fff;
      font-size: 60%
    }

    span.mini_font2 {
      font-size: 90%;
      color: #fff;
      font-weight: 700;
      line-height: 2em
    }

    section.tokushu_list1 {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      -webkit-flex-wrap: wrap;
      margin-bottom: 10px
    }

    div.tabbox ul.tabs {
      margin: 0;
      padding: 0;
      display: flex;
      display: -webkit-flex;
      width: 80%;
      -webkit-flex-wrap: wrap
    }

    div.tabbox ul.tabs li {
      padding: 0;
      list-style-type: none;
      margin-right: 1px;
      display: flex;
      display: -webkit-flex;
      -webkit-flex: 1 1 20%;
      border: solid 3px #000;
      border-bottom: none;
      text-align: center;
      height: 75px
    }

    div.tabbox ul.tabs a {
      display: block;
      padding: 5px 0;
      text-align: center;
      text-decoration: none;
      font-size: 16px;
      font-weight: 700;
      line-height: 30px;
      width: 100%
    }

    div.tabbox ul.tabs li.tab {
      background-color: #000
    }

    div.tabbox ul.tabs a:link,
    div.tabbox ul.tabs a:visited {
      color: #FFF
    }

    div.tabbox ul.tabs a:hover {
      text-decoration: underline
    }

    ul.tabs.bottom li {
      border-bottom: solid 3px #000000 !important;
      border-top: none !important
    }

    div.tab_content {
      overflow: hidden;
      clear: left;
      width: 100%;
      border: 3px solid #000;
      border-bottom: none;
      padding-bottom: 20px
    }

    div#saletab1,
    div#saletab2,
    div#saletab3,
    div#saletab4 {
      border-bottom: 2px solid #000
    }

    .item_cat .accordion_bk img {
      border-radius: 50%
    }

    ul.accordion_bk>li>ul>li {
      width: 400px;
      padding-top: 10px;
      padding-right: 10px
    }

    ul.accordion_bk ul {
      clear: both
    }

    ul.accordion_bk {
      display: block;
      clear: both
    }

    ul.accordion_bk>li>p {
      display: block;
      clear: both
    }

    ul.accordion_bk a {
      font-weight: 400
    }

    p.sp_search_txt {
      font-size: 15px;
      text-align: center
    }

    ul.lorm_nemu li a::after {
      content: "\306F\3053\3061\3089";
      font-size: 15px
    }

    .item_cat .accordion_bk img {
      border-radius: 50%;
      vertical-align: middle;
      margin-right: 5px;
      width: 15%
    }

    .item_cat .accordion_bk span {
      font-size: 18px;
      font-weight: 700
    }

    li.accordion_bk_li p {
      border-bottom-style: double;
      width: 350px;
      border-bottom-color: #000
    }

    li.accordion_bk_li {
      margin-bottom: 50px
    }

    ul.accordion_bk {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      -webkit-flex-wrap: wrap;
      margin: 3%
    }

    li.accordion_li {
      margin: 2%
    }

    ul.item_ul>li>img {
      background-size: 8px auto;
      width: 4% !important
    }

    ul.item_ul>li {
      font-size: 13px;
      line-height: 2
    }
  }

  @media (max-width:640px) {
    a.link_col:hover {
      color: #927752 !important;
      text-decoration: underline;
      font-size: 110%
    }

    .tab_cate {
      background-color: white !important
    }

    .room_top {
      width: 100%
    }

    .room_top img {
      width: 100%
    }

    p.text1 {
      margin: 40px 4% 20px 4%;
      text-align: center;
      font-size: 130%;
      font-weight: 700;
      line-height: 1.5em
    }

    p.text2 {
      text-align: center;
      margin: 5px 8% 15px 8%;
      line-height: 1.8em
    }

    .room_list1 {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      -webkit-flex-wrap: wrap;
      margin-bottom: 10px
    }

    .room_list1_t {
      padding: 1%;
      -webkit-flex: 1 1 45%;
      text-align: center
    }

    .room_list1_t img {
      width: 100%
    }

    p.room_list1_txt1 {
      font-size: 110%;
      font-weight: 700;
      margin: 7px auto
    }

    p.room_list1_txt2 {
      font-size: 9px;
      line-height: 140%;
      margin-bottom: 15px
    }

    p.room_list1_txt3 {
      font-size: 80%;
      font-weight: 700;
      color: #927752;
      margin-top: 10px;
      text-align: center
    }

    .room_list2 {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      margin-top: 5%;
      margin-bottom: 5%;
      flex-wrap: wrap
    }

    .room_list2_t img {
      width: 100%
    }

    p.room_list2_txt {
      font-size: 70%;
      text-align: center;
      margin-top: 10px
    }

    p.room_list2_txt2 {
      font-size: 70%;
      font-weight: 700;
      color: #927752;
      text-align: center;
      margin-top: 5px
    }

    .room_list2_t {
      max-width: 25%;
      margin: 3%
    }

    section.room_hot_brand {
      background-color: #eeeeef
    }

    .room_hot_midashi_waku {
      background-color: #000;
      width: 45%;
      padding: 10px
    }

    p.room_hot_midashi {
      font-size: 120%;
      font-weight: 700;
      color: #fff;
      padding-top: 2%
    }

    li.triangle-topleft {
      width: 0;
      height: 0;
      border-top: 40px solid #000;
      border-right: 40px solid transparent
    }

    section.room_hot_brand ul {
      display: flex
    }

    .room_hot_midashi_waku2 {
      background-color: #fff;
      margin: 3%;
      border-radius: 10px;
      padding: 5%
    }

    p.room_hot_txt1 {
      font-weight: 700;
      margin-bottom: 2%;
      margin-top: 2%;
      color: #927752;
      font-size: 120%
    }

    p.room_hot_txt2 {
      font-size: 80%;
      line-height: 1.3em;
      margin-bottom: 5%
    }

    p.bt1 {
      font-size: 120%;
      text-align: center;
      border-style: solid;
      padding: 20px 2% 20px 2%;
      margin: 5% 4% 15% 4%
    }

    .tyumoku_brand {
      border-style: solid;
      border-width: 2px;
      padding-top: 15px;
      padding-bottom: 5px
    }

    p.tyumoku_text1 {
      font-size: 130%;
      text-align: center;
      line-height: 1.2em;
      font-weight: 700
    }

    ul.tyumoku_brand2 {
      margin-bottom: 5px;
      margin-top: 5px
    }

    ul.tyumoku_brand2 li {
      float: left
    }

    p.tyumoku_list2_txt {
      font-size: 120%;
      padding-top: 25px
    }

    .tyumoku_waku {
      padding: 20px 8% 20% 8%;
      border-style: solid;
      margin-top: -2px;
      border-width: 2px;
      margin-top: -2px
    }

    ul.tyumoku_brand2 {
      display: inline-block
    }

    li.tyumoku_list1 {
      width: 20%;
      margin-right: 4%
    }

    li.tyumoku_list1 img {
      width: 100%
    }

    .tyumoku_waku {
      border-style: solid;
      border-width: 2px;
      padding: 20px 8% 20px 8%
    }

    .tyumoku_brand3 {
      border-style: solid;
      border-width: 2px;
      padding-top: 15px;
      padding-bottom: 5px;
      background-color: #000;
      margin-top: -3px
    }

    .tyumoku_brand2_a {
      display: block;
      width: 100%
    }

    .tyumoku_brand2_a:after {
      color: #fff;
      content: '\f105';
      display: block;
      font-family: "FontAwesome";
      font-weight: 400;
      line-height: 20px;
      margin-top: -10px;
      position: absolute;
      top: 50%;
      right: 14px;
      text-align: center;
      width: 18px
    }

    .tyumoku_brand2_a:before {
      background: #c4a277;
      border-radius: 50%;
      content: '';
      display: block;
      margin-top: -9px;
      position: absolute;
      top: 50%;
      right: 15px;
      text-align: center;
      width: 18px;
      height: 18px;
      transition: 0.3s all ease-out
    }

    p.tyumoku_text2 {
      font-size: 130%;
      text-align: center;
      line-height: 1.2em;
      font-weight: 700;
      color: #fff
    }

    .tab1-item {
      display: flex;
      ?@ -webkit-flex-wrap: wrap;
      -webkit-flex-wrap?@flex-wrap: wrap;
      width: 100%
    }

    .tab1-item .tab1-item_waku {
      border-style: solid;
      padding: 4% 10% 2% 10%;
      margin: -1px;
      text-align: center;
      width: 45%
    }

    .tab1-p {
      margin: 10% auto 5% auto;
      text-align: center
    }

    .tab1-brand {
      display: flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-wrap flex-wrap: wrap;
      width: 100%
    }

    .tab1-brand .tab1-brand_waku {
      border-style: solid;
      padding: 4% 10% 2% 10%;
      margin: 1% auto;
      width: 45%;
      border-color: #000;
      border-width: 3px
    }

    p.bt2 {
      font-size: 80%;
      line-height: 1.5em;
      text-align: center
    }

    .space {
      margin-top: 30px
    }

    .tabbox {
      position: relative;
      max-width: 99%;
      margin-right: auto;
      margin-left: auto
    }

    div.tabbox ul.tabs {
      margin: 0;
      padding: 0;
      display: flex;
      display: -webkit-flex;
      width: 100%;
      -webkit-flex-wrap: wrap
    }

    div.tabbox ul.tabs li {
      padding: 0;
      list-style-type: none;
      margin-right: 1px;
      display: flex;
      display: -webkit-flex;
      -webkit-flex: 1 1 20%;
      border: solid 3px #000;
      border-bottom: none;
      text-align: center
    }

    div.tabbox ul.tabs a {
      display: block;
      padding: 5px 0;
      text-align: center;
      text-decoration: none;
      font-size: 13px;
      font-weight: 700;
      line-height: 30px;
      width: 100%
    }

    div.tabbox ul.tabs li.tab {
      background-color: #000
    }

    div.tabbox ul.tabs a:link,
    div.tabbox ul.tabs a:visited {
      color: #FFF
    }

    div.tabbox ul.tabs a:hover {
      text-decoration: underline
    }

    ul.tabs.bottom li {
      border-bottom: solid 3px #000000 !important;
      border-top: none !important
    }

    div.tab_content {
      overflow: hidden;
      clear: left;
      width: 98%;
      border: 3px solid #FFF;
      border-top: none;
      border-bottom: none;
      padding-bottom: 20px
    }

    span.mini_font {
      color: #fff;
      font-size: 60%
    }

    span.mini_font2 {
      font-size: 90%;
      color: #fff;
      font-weight: 700;
      line-height: 2.5em
    }

    ul.accordion_bk {
      background: none repeat scroll 0 0 #ddd;
      font-size: 16px;
      margin: 0 auto 30px;
      width: 100%
    }

    ul.accordion_bk a {
      display: block;
      padding: 15px 10px;
      background-position: 97% center;
      background-repeat: no-repeat;
      text-decoration: none;
      color: #333;
      font-weight: 700
    }

    ul.accordion_bk span {
      display: block;
      padding: 15px 10px;
      background-position: 97% center;
      background-repeat: no-repeat;
      font-weight: 700;
      font-size: 130%;
      text-align: center
    }

    ul.accordion_bk .one {
      display: block !important;
      padding: 10px !important;
      color: #333 !important;
      font-weight: bold !important;
      background: url(../img/sp/icon_left02.png) no-repeat 98% center !important;
      background-size: 15px auto !important
    }

    ul.accordion_bk .one a {
      padding: 0 !important
    }

    ul.accordion_bk ul {
      display: none
    }

    ul.accordion_bk>li {
      background: linear-gradient(#fff, #e6e6e6);
      border: solid 2px #000
    }

    ul.accordion_bk>li>p {
      background: linear-gradient(#fff, #e6e6e6);
      cursor: pointer
    }

    ul.accordion_bk>li>ul>li {
      background: #FFF;
      border_bottom: 1px solid #000
    }

    ul.accordion_bk>li>ul>li:nth-child(even) {
      border-left: 1px solid #000
    }

    ul.accordion_bk>li>ul>li>p {
      background: #FFF
    }

    ul.accordion_bk>li>ul>li {
      background: #FFF;
      border-bottom: 1px solid #000
    }

    ul.accordion_bk>li>ul>li>ul>li:last-child {
      border: none
    }

    ul.accordion_bk>li>ul>li {
      width: 49.8%;
      float: left;
      text-align: center
    }

    ul.accordion_bk ul {
      clear: both
    }

    ul.accordion_bk {
      display: block;
      clear: both
    }

    ul.accordion_bk>li>p {
      display: block;
      clear: both
    }

    ul.accordion_bk a {
      font-weight: 400
    }

    p.sp_search_txt {
      font-size: 15px;
      text-align: center
    }

    ul.lorm_nemu li a::after {
      content: "\306F\3053\3061\3089";
      font-size: 15px
    }
  }

  .search_link {
    margin: 0;
    padding: 0
  }

  .search_link p {
    margin: 0;
    padding: 0;
    position: fixed;
    right: -20px;
    bottom: -25px;
    cursor: pointer;
    z-index: 9999
  }

  .search_link_bt {
    display: block;
    transition: all 0.3s;
    margin-bottom: -30px
  }

  .search_link_bt img {
    width: 150px;
    height: 150px;
    z-index: 9999
  }

  .search_link_bt:hover {
    opacity: .85
  }

  p.search {
    left: -30px;
    bottom: 5px
  }

  .search a.search_link_bt img {
    height: 120px;
    width: 120px
  }

  @media (max-width:450px) {
    .search_link p {
      right: -20px;
      bottom: -25px
    }

    .search_link_bt img {
      width: 150px;
      height: 150px
    }

    p.search {
      left: -30px;
      bottom: 5px
    }

    .search a.search_link_bt img {
      height: 120px;
      width: 120px
    }
  }

  @media (min-width:700px) {
    .search_link {
      display: none !important
    }
  }

  .lux_braun .bt-more_bubt:link,
  .bt-more_bubt:visited {
    color: #FFF
  }

  .midashi_pk {
    background-color: #f2789a;
    padding: 2% 10% 2% 10%;
    color: #fff;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center;
    font-size: 22px
  }

  .ribbon1:before,
  .ribbon1:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  @media (min-width:641px) {
    p.shuka_text {
      margin-top: 10px;
      margin-bottom: 20px;
      text-align: center;
      font-weight: 700
    }

    .bt-more_bubt {
      background: #bea15d !important;
      color: #ab8f4c;
      display: inline-block;
      padding-top: 15px;
      padding-bottom: 15px;
      max-width: 50%
    }

    .bt_bubt {
      border: none;
      border-bottom: 2px solid #ab8f4c !important;
      border-radius: 5px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-weight: 700;
      line-height: 1.4;
      padding: 10px 15px;
      text-align: center;
      transition: 0.3s all ease-out;
      width: 100%
    }

    div#shuka {
      margin-top: -105px
    }

    .ribbon1 {
      display: inline-block;
      position: relative;
      height: 70px;
      line-height: 70px;
      vertical-align: middle;
      text-align: center;
      padding: 0 40px;
      font-size: 130%;
      background: #bea15d;
      color: #FFF;
      box-sizing: border-box;
      font-weight: 700
    }

    .ribbon1:before {
      top: 0;
      left: 0;
      border-width: 35px 0 35px 25px;
      border-color: transparent transparent transparent #fff;
      border-style: solid
    }

    .ribbon1:after {
      top: 0;
      right: 0;
      border-width: 35px 25px 35px 0;
      border-color: transparent #fff transparent transparent;
      border-style: solid
    }

    .meritto2 {
      background-color: #fff;
      padding: 5%
    }

    .meritto {
      margin: 4% auto 5% auto;
      text-align: center;
      max-width: 58%
    }

    ul.meritto_ul {
      display: flex;
      margin: auto;
      width: 100%
    }

    li.meritto_li {
      border-style: solid;
      border-color: #bea15d;
      border-width: 3px;
      margin: 3% 1% 3% 1%;
      padding: 3%;
      border-radius: 10px;
      width: 300px
    }

    li.meritto_text {
      text-align: center;
      line-height: 1.3em;
      font-weight: 700;
      margin: 4%
    }

    .tejyun2 {
      margin: 0 15% 0 15%
    }
  }

  @media (max-width:640px) {
    p.shuka_text {
      margin-top: 10px;
      margin-bottom: 20px;
      text-align: center
    }

    .bt-more_bubt {
      background: #bea15d !important;
      color: #ab8f4c;
      display: inline-block;
      padding-top: 15px;
      padding-bottom: 15px;
      max-width: 240px
    }

    .bt_bubt {
      border: none;
      border-bottom: 2px solid #ab8f4c !important;
      border-radius: 5px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-weight: 700;
      line-height: 1.4;
      padding: 10px 15px;
      text-align: center;
      transition: 0.3s all ease-out;
      width: 100%
    }

    div#shuka {
      margin-top: 20px
    }

    .midashi_pk {
      background-color: #f2789a;
      padding: 5%;
      color: #fff;
      font-weight: 700;
      line-height: 1.4em;
      text-align: center
    }

    .midashi_pk {
      font-size: 120%
    }

    p.shuka_text {
      margin-top: 2%;
      margin-bottom: 2%;
      text-align: center
    }

    p.ribbon1 {
      text-align: center
    }

    .ribbon1 {
      display: inline-block;
      position: relative;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      text-align: center;
      padding: 0 30px;
      font-size: 130%;
      background: #bea15d;
      color: #FFF;
      box-sizing: border-box;
      font-weight: 700
    }

    .ribbon1:before {
      top: 0;
      left: 0;
      border-width: 15px 0 15px 10px;
      border-color: transparent transparent transparent #eeeeef;
      border-style: solid
    }

    .ribbon1:after {
      top: 0;
      right: 0;
      border-width: 15px 10px 15px 0;
      border-color: transparent #eeeeef transparent transparent;
      border-style: solid
    }

    .meritto {
      margin: 8% auto 5% auto;
      text-align: center
    }

    li.meritto_img {
      width: 25%
    }

    ul.meritto_ul {
      margin: 5%
    }

    ul.meritto_mini_ul {
      display: flex;
      margin: 3% auto;
      background-color: #fff;
      padding: 6%;
      border-radius: 10px
    }

    li.meritto_text {
      font-weight: 700;
      line-height: 1.5em;
      text-align: left;
      margin-top: 6%
    }

    .tejyun {
      background-color: #fff;
      padding-bottom: 10%
    }

    .tejyun2 {
      margin: 0 8% 0 8%
    }
  }

  .dokoyori_2 {
    background-color: #fff;
    padding-top: 4%;
    padding-bottom: 4%
  }

  .dokoyori_2 dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin: 1em;
    color: #616161
  }

  .dokoyori_2 dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #eee;
    padding: .5em .9em
  }

  .dokoyori_2 dl dd {
    padding: 1em;
    line-height: 1.4;
    color: #000
  }

  @media (min-width:641px) {
    .dokoyori_2 {
      width: 60%;
      margin: auto
    }

    div#dokoyori h1 {
      background: #504c4d;
      color: #fff;
      padding-top: 40px;
      padding-bottom: 40px;
      font-size: 35px;
      line-height: 1.3em;
      font-weight: 700;
      text-align: center
    }

    div#dokoyori h1:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 30px solid transparent;
      border-top: 20px solid #504c4d
    }

    .dokoyori_ac_agete {
      text-align: center;
      margin-top: 80px;
      margin-bottom: 80px
    }

    .fukidashi_midashi {
      background: #504c4d;
      color: #fff;
      padding-top: 30px;
      padding-bottom: 30px;
      font-size: 35px;
      line-height: 1.3em;
      font-weight: 700;
      text-align: center;
      width: 80%;
      margin: auto
    }

    .fukidashi_midashi:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 30px solid transparent;
      border-top: 20px solid #504c4d
    }

    .dokoyori_ac_3 {
      margin-top: 80px;
      text-align: center;
      margin-bottom: 80px
    }

    .dokoyori_ac_text {
      background: #ececec;
      font-size: 35px;
      font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
      font-weight: 700;
      color: #504c4d;
      padding: 35px;
      width: 60%;
      margin: auto;
      line-height: 1.5em
    }

    .dokoyori_brand {
      margin: 50px auto 50px auto;
      width: 80%;
      text-align: center
    }

    p.dokoyori_brand_p {
      font-size: 35px;
      line-height: 1.5em;
      color: #9e8c5d
    }

    .dokoyori_brand_text {
      background-color: #ececec;
      padding: 20px;
      width: 80%;
      margin: 10px auto 30px auto
    }
  }

  @media (max-width:640px) {
    div#dokoyori h1 {
      position: relative;
      display: inline-block;
      padding: 5%;
      width: 100%;
      max-width: 100%;
      color: #FFF;
      font-size: 16px;
      background: #504c4d;
      text-align: center;
      font-size: 150%;
      font-weight: 700;
      line-height: 150%
    }

    div#dokoyori h1:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;
      border-top: 15px solid #504c4d
    }

    .dokoyori_ac_agete {
      margin-top: 5%;
      margin-bottom: 5%
    }

    .fukidashi_midashi {
      position: relative;
      display: inline-block;
      margin: 1.5em 0;
      padding: 5%;
      width: 100%;
      max-width: 100%;
      color: #FFF;
      font-size: 16px;
      background: #504c4d;
      text-align: center;
      font-size: 150%;
      font-weight: 700;
      line-height: 150%
    }

    .fukidashi_midashi:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;
      border-top: 15px solid #504c4d
    }

    .dokoyori_ac_3 {
      margin-top: 5%;
      margin-bottom: 5%
    }

    .dokoyori_ac_text {
      background: #ececec;
      font-size: 150%;
      font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
      font-weight: 700;
      color: #504c4d;
      padding: 4%;
      margin: 3%;
      line-height: 1.5em;
      text-align: center
    }

    .dokoyori_brand {
      margin: 4%
    }

    p.dokoyori_brand_p {
      font-size: 150%;
      line-height: 1.5em;
      color: #9e8c5d;
      margin: 3%;
      font-weight: 700
    }

    .dokoyori_brand_text {
      background-color: #ececec;
      padding: 4%;
      font-size: 120%;
      line-height: 1.5em
    }

    p.hosho_midashi_line2 {
      text-align: center;
      font-size: 140%;
      line-height: 1.5em;
      margin-bottom: 40px
    }

    .line_midashi_ribbon {
      display: inline-block;
      position: relative;
      height: 50px;
      line-height: 50px;
      vertical-align: middle;
      text-align: center;
      padding: 0 30px;
      font-size: 120%;
      background: #dd7092;
      color: #FFF;
      box-sizing: border-box;
      font-weight: 700
    }
  }

  .kantan_line_text {
    text-align: center
  }

  p.kakakuhosho_bu_font {
    font-size: 24px;
    font-weight: 700
  }

  p.kakakuhosho_step_text {
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 150px
  }

  span.kakakuhosho_step_mi {
    font-size: 20px;
    margin-bottom: 10px
  }

  li.kakakuhosho_step_li {
    width: 300px;
    text-align: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 30px
  }

  span.kakakuhosho_step_mi {
    font-size: 20px;
    font-weight: 600
  }

  p.hosho2_f4 {
    font-size: 160%;
    font-weight: bolder;
    margin: 20px auto 20px auto;
    text-align: center
  }

  p.hosho2_f5 {
    font-size: 120%;
    line-height: 1.5em
  }

  .kakakuhosho_midashi_g5 {
    display: flex
  }

  p.kakakuhosho_midashi5 {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    text-align: left;
    z-index: 1
  }

  p.line_text11 {
    text-align: center;
    line-height: 1.5em;
    font-size: 150%;
    margin-top: 20px;
    margin-bottom: 20px
  }

  .line_tab_1 {
    border-bottom: 1px #bdbdbd solid;
    margin: 0 -1em;
    text-align: center;
    margin-bottom: 1.4em;
    border-radius: 0
  }

  .line_tab_1 li {
    font-size: 90%;
    display: inline-block;
    width: 47%;
    text-align: center
  }

  .line_tab_1 li a.active {
    background-color: #06c202;
    color: #fff
  }

  .line_tab_1 li a {
    color: rgba(0, 0, 0, .5);
    display: inline-block;
    line-height: 1.5em;
    width: 95%;
    font-weight: 700;
    background-color: #eee;
    padding-top: 10px;
    padding-bottom: 10px
  }

  p.font13_2 {
    font-size: 13px;
    line-height: 1.5em
  }

  ul.line_step_ul2 {
    display: flex;
    margin: 0 auto
  }

  li.line_step_li2 {
    padding-top: 20px;
    margin: 1%
  }

  .line_top_tex {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px
  }

  .line_hosho_tomodachi {
    width: 1000px;
    text-align: center
  }

  .kantan_line_text p {
    font-size: 180%;
    font-weight: 700;
    line-height: 1.8em;
    text-align: center;
    margin: 20px auto 20px auto
  }

  .line_midashi_ribbon {
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-size: 200%;
    background: #dd7092;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700
  }

  .line_midashi_ribbon:before,
  .line_midashi_ribbon:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .line_midashi_ribbon:before {
    top: 0;
    left: 0;
    border-width: 25px 0 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
  }

  .line_midashi_ribbon:after {
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  .hosho_midashi_line {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 40px
  }

  p.hosho_midashi_line2 {
    text-align: center;
    font-size: 180%;
    line-height: 1.5em;
    margin-bottom: 40px
  }

  .sp_hosho_imgwaku {
    text-align: center
  }

  .kantan_line_text img {
    max-width: 100%
  }

  .step2 ul.line_tab_1 li a.active {
    background-color: #06c202 !important
  }

  span.line_font70 {
    font-size: 70%
  }

  span.line_font80 {
    font-size: 80%
  }

  section.line_other_g {
    width: 100%;
    margin-top: 10%
  }

  @media (min-width:641px) {
    section.line_other_g {
      width: 1000px;
      margin-top: 10%
    }

    .mokuji3 {
      font-size: 35px;
      font-weight: 700;
      color: #fff;
      background-color: #4a3016;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px
    }

    .kakakuhosho_midashi_waku5 {
      background-color: #4a3016;
      width: 25%;
      padding: 2%;
      margin-bottom: 20px
    }

    li.triangle-topleft2 {
      width: 0;
      height: 0;
      border-top: 60px solid #4a3016;
      border-right: 60px solid transparent
    }

    ul.kakakuhosho_step_ul2 {
      width: 1000px;
      display: flex;
      flex-wrap: wrap;
      margin-left: 5%;
      margin-right: 5%
    }
  }

  @media (max-width:640px) {
    .mokuji3 {
      font-size: 180%;
      font-weight: 700;
      color: #fff;
      background-color: #4a3016;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 2%;
      padding-right: 2%;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px
    }

    .kakakuhosho_midashi_waku5 {
      background-color: #4a3016;
      width: 25%;
      padding: 10px 2% 10px 2%;
      margin-bottom: 20px
    }

    li.triangle-topleft2 {
      width: 50px;
      height: 0;
      border-top: 35px solid #4a3016;
      border-right: 35px solid transparent;
      z-index: 0
    }

    ul.kakakuhosho_step_ul2 {
      width: 100%;
      margin-left: 2%;
      margin-right: 2%;
      d
    }

    p.kakakuhosho_midashi5 {
      font-size: 120%;
      font-weight: 700;
      color: #fff;
      text-align: left;
      z-index: 1;
      width: 350px
    }

    ul.line_step_ul2 {
      margin: 0 auto
    }
  }

  .hoshochui_midashi.mokuji_pink {
    margin-bottom: 0
  }

  .hoshochui_area {
    border: solid 1px #dc7092;
    border-radius: 0 !important;
    border-top: none;
    padding: 20px
  }

  .hoshochui_area p {
    margin: 15px 0
  }

  h2.shop3_h2 {
    background-color: #000;
    color: #FFF !important;
    padding: 20px;
    margin-top: -1.5em
  }

  p.shop3_title {
    font-size: 30px !important;
    color: #000 !important;
    margin: 50px auto !important
  }

  p.shop3_title2 {
    font-size: 23px !important;
    line-height: 150%;
    color: #000 !important;
    margin-bottom: 20px !important
  }

  @media (max-width:639px) {
    p.shop3_title {
      font-size: 25px !important;
      margin: 30px auto !important
    }

    p.shop3_title2 {
      font-size: 18px !important;
      margin-bottom: 20px !important
    }
  }

  p.shop3_txt2 {
    line-height: 150%;
    padding-bottom: 30px
  }

  .shop3_contentwrapper {
    text-align: center;
    margin: 50px auto;
    border-top: solid 2px #efefef;
    padding-top: 50px
  }

  @media (max-width:639px) {
    .shop3_contentwrapper {
      padding-top: 30px;
      width: 94%;
      margin: auto
    }

    .shop3_contentwrapper:first-child {
      border-top: none;
      margin-top: 0
    }
  }

  .shop3_contentwrapper p.title2 {
    color: #000;
    margin-bottom: 20px
  }

  p.title_img {
    margin: 20px auto 40px
  }

  p.title_img img {
    max-width: 100%
  }

  @media (max-width:639px) {
    p.title_img img {
      max-width: 80%
    }
  }

  .shop3_contentwrapper p.txt3 {
    margin-bottom: 20px
  }

  .shop3_contentwrapper p.txt4 {
    font-size: 12px !important
  }

  @media (max-width:639px) {
    .shop3_contentwrapper p.txt4 {
      font-size: 10px !important
    }
  }

  .handred_brand {
    margin: 30px auto;
    padding: 20px;
    width: 640px;
    border: solid 1px #999
  }

  @media (max-width:639px) {
    .handred_brand {
      padding: 15px;
      width: 90%
    }

    .handred_brand .txt3 {
      font-size: 10px !important
    }
  }

  .handred_brand title2 {
    color: #999 !important
  }

  .handred_brand p.title2 {
    color: #616161;
    font-size: 20px !important
  }

  .shop3_contentwrapper.webcoupon {
    background-color: #efefef;
    padding: 10px
  }

  .shop3_contentwrapper.webcoupon p.title2 {
    padding: 20px 0 10px
  }

  .shop3_contentwrapper.webcoupon p.title_img img {
    max-width: 300px
  }

  .marb0 {
    margin-bottom: 0 !important
  }

  @media (max-width:700px) {
    ul.fr_menu {
      position: fixed;
      bottom: 0;
      display: flex;
      background-color: #FFF;
      height: 50px;
      width: 100%;
      opacity: .8;
      flex-wrap: wrap;
      z-index: 100000
    }

    li.fr_menu_li i {
      font-family: "FontAwesome";
      display: block;
      margin-bottom: 5px;
      font-size: 20px
    }

    li.fr_menu_li {
      text-align: center;
      width: 20%;
      border-right: solid 1px #8d8d8d
    }

    li.fr_menu_li a {
      width: 100%;
      display: block;
      padding-top: 10px;
      color: #000;
      font-size: 12px
    }
  }

  @media (min-width:701px) {
    ul.fr_menu {
      display: none !important
    }
  }

  ul.pushbr_content {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin: 0
  }

  ul.pushbr_content li {
    margin: 1%;
    padding: 0
  }

  ul.pushbr_content li a {
    display: block;
    width: 100%;
    border: solid 3px #efefef;
    border-radius: 10px
  }

  @media (max-width:949px) {
    ul.pushbr_content li a img {
      width: 110px
    }
  }

  @media (max-width:600px) {
    ul.pushbr_content li a img {
      width: 23vw
    }
  }

  @media (min-width:950px) {
    ul.pushbr_content li a img {
      width: 140px
    }
  }

  div#lvtoku {
    background: #FFF;
    padding-bottom: 20px
  }

  .load_gif {
    width: 100%;
    text-align: center
  }

  .load_gif img {
    max-width: 100%;
    width: 50px
  }

  @media (min-width:700px) {
    div#lvtoku_ji {
      max-width: 1000px;
      margin: 0 auto;
      display: flex;
      min-height: 500px
    }
  }

  section.ji_somenail {
    padding-bottom: 30px
  }

  ul.ji_somenail_ul {
    display: flex;
    flex-wrap: wrap
  }

  li.ji_somenail_li {
    width: 48%;
    display: inline-flex;
    margin: 1%
  }

  @media (min-width:640px) {
    li.ji_somenail_li {
      width: 31%
    }
  }

  @media (min-width:900px) {
    li.ji_somenail_li {
      width: 23%
    }
  }

  @media (min-width:700px) {
    .lvtoku_ji_cnt01 {
      width: 70%;
      margin-left: 30%
    }

    div#refineMenu {
      display: block !important;
      position: absolute !important;
      top: 0;
      width: 30% !important;
      max-height: 100% !important
    }

    .refineMenu_wrapper {
      padding: 0 !important
    }

    .panelBack {
      display: none
    }

    .refresh_button {
      font-size: 10px
    }

    .refineBt_area {
      display: none
    }
  }

  .ji_somenail_li_innner {
    padding: 5px;
    border: solid 1px #efefef;
    border-radius: 5px
  }

  .ji_conte01 {
    height: 150px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 10px
  }

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

  p.ji_itemname {
    line-height: 140%;
    font-size: 12px;
    margin-bottom: 7px;
    padding: 0 10px
  }

  .ji_price_wrapper {
    padding: 0 5px;
    text-align: center;
    font-size: 12px
  }

  p.ji_price01 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    padding: 10px;
    background: #c4a277;
    border-radius: 5px;
    color: #FFF
  }

  p.ji_price01 span {
    font-size: 18px
  }

  @media (max-width:400px) {
    p.ji_price01 span {
      display: block;
      margin-top: 5px
    }
  }

  span.pricefont {
    font-family: "Noto Serif", serif
  }

  p.ji_price02 span {
    font-size: 13px;
    font-weight: 700;
    color: #f74979
  }

  .ji_condicon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px
  }

  .ji_condicon_inner {
    position: absolute;
    top: 8px;
    left: 0;
    width: 40px;
    height: 32px;
    z-index: 10;
    text-align: center
  }

  .ji_somenail_li_innner_bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 2px #efefef;
    opacity: .6
  }

  span.ji_condicon_txt1,
  span.ji_condicon_txt2 {
    display: block;
    font-size: 10px
  }

  span.ji_condicon_txt2 {
    font-size: 15px;
    margin-top: 1px
  }

  p.ji_price02 {
    margin-bottom: 2px
  }

  .ji_more_bt {
    text-align: center;
    margin: 10px auto;
    display: block
  }

  .ji_more_bt a {
    display: block;
    padding: 10px;
    border: solid 1px #c4a277;
    width: 50%;
    margin: 0 auto;
    border-radius: 8px;
    font-size: 18px;
    color: #c4a277
  }

  .ji_more_bt i.fa.fa-angle-down {
    position: absolute;
    right: 10px
  }

  ul.ji_catebt_ul {
    display: flex;
    flex-wrap: wrap
  }

  ul.ji_catebt_ul li {
    width: 23%;
    margin: 1%
  }

  ul.ji_catebt_ul li a {
    display: block;
    text-align: center;
    padding: 10px;
    border: solid 1px #c4a277;
    color: #c4a277;
    border-radius: 5px
  }

  ul.ji_catebt_ul li a:active,
  ul.ji_catebt_ul li a:hover,
  ul.ji_catebt_ul li a:focus {
    background-color: #c4a277;
    color: #FFF
  }

  .ref_bgbg {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: #000;
    display: block;
    z-index: 999999;
    top: 0;
    opacity: .5
  }

  div#refineMenu {
    position: fixed;
    z-index: 1000000;
    bottom: 0;
    width: 100%;
    background: #FFF;
    max-height: 40vh;
    overflow-y: scroll
  }

  .refineMenu_wrapper {
    padding: 1%
  }

  .panelH {
    z-index: 10001;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 1px;
    width: 100%;
    background: #fbfbfb
  }

  .panelBar {
    display: flex;
    width: 100%;
    height: 40px;
    position: relative
  }

  .panelBack {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    padding-left: 5px;
    z-index: 100
  }

  .panelTitle {
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-weight: 700
  }

  .searchRows {
    display: table;
    min-height: 40px;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #e9e9e9
  }

  .searchColumn.Column01 {
    display: table-cell;
    width: 25%;
    padding: 5px;
    vertical-align: middle;
    font-size: 12px;
    text-align: left
  }

  .searchColumn.Column02 {
    display: table-cell;
    width: 75%;
    vertical-align: middle;
    text-align: right;
    padding: 0 5px
  }

  .panelH.subH {
    padding: 5px 0;
    color: #333;
    text-align: left;
    text-indent: 1%
  }

  form#word_form {
    border: solid 1px #d8d8d8;
    border-radius: 5px;
    background-color: #fbfbfb
  }

  input#free_text {
    background: none;
    font-size: 14px;
    height: 30px;
    width: 100%;
    padding: 0 10px
  }

  p#category_1,
  p#pattern_1 {
    font-size: 12px
  }

  p#category_1 i.fa.fa-angle-right,
  p#pattern_1 i.fa.fa-angle-right {
    font-size: 20px;
    margin-left: 10px
  }

  .buttonWrapper {
    width: 97%;
    display: table;
    margin: 10px 1%;
    bottom: 0;
    background-color: #FFF
  }

  .refresh_button {
    display: table-cell;
    padding0 5px;
    vertical-align: middle;
    width: 30%
  }

  .refresh_button a {
    border: solid 1px #c4a277;
    border-radius: 3px;
    color: #c4a277;
    width: 90%;
    padding: 10px 5%;
    line-height: 140%;
    display: block;
    text-align: center
  }

  .search_button {
    width: 100%;
    display: table-cell
  }

  .search_button [type=button] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  .search_button input {
    width: 98%;
    display: inline-block;
    border: solid 1px #c4a277;
    background-color: #c4a277;
    border-radius: 3px;
    color: #FFF;
    padding: 10px;
    font-size: 14px;
    line-height: 140%;
    margin-left: 2%
  }

  ul.accordion {
    font-size: 16px;
    margin: 0 auto 30px;
    width: 100%
  }

  ul.accordion a {
    background-position: 97% center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #333;
    font-size: 90%
  }

  ul.accordion span {
    display: block;
    padding: 10px 10px;
    background-position: 97% center;
    background-repeat: no-repeat;
    color: #333;
    font-size: 12px
  }

  ul.accordion .one {
    display: block !important;
    padding: 10px !important;
    color: #333 !important;
    font-weight: bold !important;
    background: url(../img/sp/icon_left02.png) no-repeat 98% center !important;
    background-size: 15px auto !important
  }

  ul.accordion .one a {
    padding: 0 !important
  }

  ul.accordion div {
    display: none
  }

  ul.accordion>li>p {
    cursor: pointer;
    text-align: left;
    position: relative;
    border-bottom: solid 1px #e9e9e9
  }

  ul.accordion>li>p span:after {
    content: "〉";
    font-size: 10px;
    display: block;
    right: 7px;
    top: 40%;
    position: absolute
  }

  ul.accordion>li>.itemcat_lH span:after,
  ul.accordion>li>.itemcat_mH span:after {
    content: "▼"
  }

  ul.accordion>li>.itemcat_lH span.open:after,
  ul.accordion>li>.itemcat_mH span.open:after {
    content: "▲";
    font-size: 10px;
    display: block;
    right: 7px;
    top: 40%;
    position: absolute
  }

  ul.accordion>li>ul>li {
    background: #FFF;
    border-bottom: 1px solid #EEE
  }

  ul.accordion>li>ul>li>p {
    background: #FFF
  }

  ul.accordion>li>ul>li:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 30px;
    display: block;
    right: 7px;
    top: 40%;
    position: absolute
  }

  ul.accordion>li>ul>li>ul>li {
    background: #FFF;
    border-bottom: 1px dotted #888
  }

  ul.accordion>li>ul>li>ul>li:last-child {
    border: none
  }

  ul.accordion>li>p img {
    vertical-align: middle;
    max-width: 12%;
    border-radius: 50%;
    margin-right: 5px
  }

  ul.acContent {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  ul.acContent>li {
    width: 49%;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #e9e9e9
  }

  ul.acContent>li:nth-child(odd) {
    border-right: solid 1px #e9e9e9
  }

  ul.accordion.item_cat_sub {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  ul.accordion.item_cat_sub li {
    width: 50%
  }

  a.idw_btn {
    display: block;
    border: solid 1px #000;
    margin: 5px 3%;
    width: 88%;
    text-align: center;
    padding: 3%;
    line-height: 180%;
    color: #000;
    background-color: #FFF;
    position: relative;
    text-decoration: none
  }

  a.idw_btn:after {
    font-size: 12px;
    content: "〉";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3%
  }

  span.idw_btn_content {
    width: 90%;
    display: block
  }

  .refineBt_area {
    position: fixed;
    bottom: 60px;
    z-index: 10000;
    right: 10px;
    background-color: #000;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    opacity: .8
  }

  p.refineBt_p {
    top: 10px;
    text-align: center
  }

  span.refineBt_p_txt1 {
    display: block;
    font-size: 11px
  }

  span.refineBt_p_txt2 {
    display: block;
    font-size: 25px;
    font-weight: 700
  }

  p.refineBt_p a {
    width: 100%;
    display: block;
    text-align: center;
    color: #FFF
  }

  .drawr_category {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000000;
    background-color: #FFF;
    min-height: 40vh
  }

  .drawr_pattern {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000000;
    background-color: #FFF;
    min-height: 40vh
  }

  @media (min-width:700px) {
    div#lvtoku section.detail_kv {
      margin-bottom: 50px
    }

    .special_condition_01 img.md {
      max-width: 700px;
      margin: 0 auto
    }

    p.special_condition_02 img {
      max-width: 50% !important
    }

    p.special_point_h_img img {
      max-width: 60%
    }

    ul.special_point {
      width: 80%;
      margin: 50px auto;
      max-width: 700px
    }

    .special_point_h img {
      max-width: 100%
    }

    li.special_point_li {
      width: 100%
    }

    p.special_camp_h_img02 img {
      width: 500px
    }

    .special_camp_ex {
      width: 800px;
      max-width: 800px !important
    }

    .special_camp_ex>div {
      width: 23% !important
    }

    .special_camp_code {
      display: flex;
      width: 700px;
      margin: 0 auto
    }

    .special_camp_code_h {
      width: 50%;
      line-height: 50px;
      padding-bottom: 0
    }

    .special_camp_code_no {
      width: 50%;
      font-size: 30px !important
    }

    .special_entry_area {
      display: flex !important;
      flex-wrap: wrap
    }

    h2.special_entry_h {
      font-size: 25px !important
    }

    .special_entry_cont.special_entry01,
    .special_entry_cont.special_entry02 {
      width: 46%;
      margin: 0 2% !important;
      text-align: center
    }
  }

  p.special_cnt_a_01_txt {
    text-align: center;
    margin: 20px auto;
    line-height: 140%
  }

  .special_cnt_a_01_img {
    text-align: center;
    margin-bottom: 50px
  }

  .special_condition_01 {
    text-align: center
  }

  .special_condition_01 img.sm {
    max-height: 60vh;
    width: auto;
    max-width: 100%;
    margin: 0 auto
  }

  p.special_condition_02 {
    margin-top: 20px;
    margin-bottom: 50px;
    text-align: center
  }

  p.special_condition_02 img {
    max-width: 80%
  }

  .special_point_h_area {
    position: relative
  }

  p.special_h_img {
    margin-bottom: 30px;
    text-align: center
  }

  p.special_h_img img {
    max-width: 80%
  }

  .special_point_h {
    margin-bottom: 10px
  }

  p.special_point_h_img {
    text-align: center;
    margin-bottom: 50px
  }

  li.special_point_li {
    margin: 20px 0
  }

  .special_point_bg_img {
    position: absolute;
    top: 0
  }

  @media (max-width:640px) {
    p.special_point_h_img {
      width: 70%;
      margin-right: auto;
      margin-left: auto
    }
  }

  .special_point_txt {
    line-height: 140%
  }

  ul.special_point {
    margin-bottom: 50px
  }

  p.special_camp_h_img01,
  p.special_camp_h_img02 {
    text-align: center
  }

  p.special_camp_h_img01 img,
  p.special_camp_h_img02 img {
    max-width: 600px
  }

  .special_camp_ex {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto
  }

  .special_camp_ex>div {
    width: 48%;
    margin: 1%
  }

  .special_camp_ex>div img {
    max-width: 100%
  }

  p.special_camp_code_txt {
    text-align: center;
    margin: 20px auto;
    font-weight: 700
  }

  .special_camp_code {
    background-color: #f1e8df;
    padding: 10px;
    border-radius: 5px
  }

  .special_camp_code_h {
    text-align: center;
    font-weight: 700;
    padding-bottom: 7px
  }

  .special_camp_code_no {
    padding: 10px;
    background-color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700
  }

  p.special_camp_link {
    max-width: 500px;
    margin: 30px auto
  }

  p.special_camp_link a {
    display: block;
    width: 100%;
    border: solid 1px #000;
    color: #000;
    padding: 10px;
    text-align: center
  }

  p.special_camp_link i.fa.fa-angle-right {
    margin-left: 30px;
    display: inline-block;
    font-size: 20px
  }

  p.special_brand_mame {
    line-height: 140%;
    margin-bottom: 50px
  }

  .content-container.special_entry_wrapper {
    background-color: #efefef;
    padding: 30px 20px;
    margin-bottom: 30px;
    width: 94%;
    display: block
  }

  h2.special_entry_h {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
  }

  .special_entry_cont.special_entry01 {
    margin: 20px 0
  }

  .special_entry_area {
    display: block;
    width: 100%
  }

  .special_entry_cont p {
    font-size: 13px;
    text-align: center;
    margin-bottom: 5px
  }

  .special_entry_cont.special_entry02 a {
    margin: 10px 0;
    display: block
  }

  h2.special_entry_h span {
    background-color: #cbaf84;
    color: #FFF;
    padding: 2px;
    margin-right: 5px
  }

  .special_bn {
    text-align: center
  }

  .special_bn img {
    max-width: 100%
  }

  .lv_camp {
    background-color: #fff;
    padding-top: 4%;
    padding-bottom: 4%;
    margin: auto;
    max-width: 900px
  }

  .lv_camp dl {
    border: 1px #c9b264 solid;
    border-radius: 4px;
    margin: 1em;
    color: #4b3c0f
  }

  .lv_camp dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #c7b264;
    padding: .5em .9em
  }

  .lv_camp dl dd {
    padding: 1em;
    line-height: 1.4;
    color: #000
  }

  section.shucchou_area {
    text-align: center;
    margin: 20px auto;
    padding: 20px
  }

  p.visit_area1 {
    margin-bottom: 30px
  }

  .shucchou_area dl {
    width: 90%;
    max-width: 500px;
    margin: 50px auto;
    border: solid 1px #efefef;
    border-radius: 5px
  }

  .shucchou_area dt {
    height: 40px;
    border-bottom: solid 1px #c5c5c5;
    line-height: 40px;
    background-color: #efefef
  }

  .shucchou_area dd {
    padding: 5%;
    line-height: 150%
  }

  .shucchou_area dd span {
    font-size: 70%;
    display: block;
    margin-top: 10px;
    line-height: 150%
  }

  ul.telmemo {
    width: 90%;
    max-width: 500px;
    border: solid 1px #efefef;
    padding: 10px;
    margin: 10px auto;
    border-radius: 5px;
    background-color: #fffaf2
  }

  ul.telmemo li {
    margin: 5px;
    border-bottom: dotted 1px #e8e7e7;
    padding-bottom: 3px
  }

  @media (min-width:641px) {
    .linelink {
      background-color: #FFF;
      padding: 3%;
      margin: 0 auto;
      max-width: 1000px;
      padding: 0 !important;
      text-align: center
    }

    .linelink img {
      max-width: 100%;
      width: auto
    }
  }

  @media (max-width:640px) {
    p.linelink_02_h img {
      max-width: 80%;
      margin: 0 auto;
      display: block;
      padding-top: 10px
    }
  }

  p.linelink_02_h {
    background-color: #ebebeb
  }

  ul.linelink_02_content {
    background-color: #ebebeb;
    margin-bottom: 50px
  }

  ul.linelink_02_content li {
    background-color: #FFF;
    padding: 10px;
    border-radius: 10px
  }

  .linelink {
    background-color: #FFF;
    padding: 3%;
    margin: 0 auto
  }

  .linelink p.font25 {
    margin: 10px;
    line-height: 150%
  }

  ul.linelink_02_content {
    padding: 2%
  }

  ul.linelink_02_content li {
    margin: 10px 0
  }

  p.linelink_02_txt img {
    max-width: 100%
  }

  p.linelink_02_img img {
    max-width: 80%;
    margin: 10px auto;
    display: block;
    width: auto
  }

  p.linelink_03 {
    margin-bottom: 50px
  }

  ul.web_free_content_ul {
    display: flex;
    margin: auto
  }

  p.kanketsu {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #bfa178
  }

  p.kanketsu2 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #bfa178
  }

  p.web_Free_img {
    text-align: center
  }

  p.web_free_mokuji {
    background-color: #5c5c5c;
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px
  }

  .web_free_content_ul img {
    width: auto !important;
    border-radius: 100%;
    margin-bottom: 4%;
    max-width: 100% !important
  }

  .web_free_content_ul li {
    width: 100%;
    margin: 0 20px 0 20px
  }

  .web_free_content_ul p {
    text-align: center;
    line-height: 1.5em;
    font-size: 89%
  }

  p.web_free_fpk {
    font-size: 20px;
    color: #eb739a;
    font-weight: 700
  }

  .web_free_ribbon {
    display: inline-block;
    position: relative;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    padding: 0 40px;
    font-size: 170%;
    background: #f2789a;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700;
    width: 920px;
    margin-bottom: 1%
  }

  .web_free_ribbon:before,
  .web_free_ribbon:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .web_free_ribbon:before {
    top: 0;
    left: 0;
    border-width: 35px 0 35px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
  }

  .web_free_ribbon:after {
    top: 0;
    right: 0;
    border-width: 35px 15px 35px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  span.maru {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    background: #fff;
    font-size: 24px;
    margin-left: 20px;
    color: #f2789a;
    padding: 1% 2% 1% 2%;
    margin-right: 1%
  }

  p.no4_text {
    font-size: 120%;
    font-weight: 700;
    padding-top: 2%;
    padding-bottom: 3%
  }

  .web_free_pa {
    padding-top: 3%;
    padding-bottom: 3%
  }

  h3.howto_pinku10 {
    font-weight: 700;
    color: #f2779a;
    margin-bottom: 10px
  }

  @media (max-width:640px) {
    p.kanketsu {
      font-size: 130%
    }

    p.kanketsu2 {
      font-size: 100%
    }

    p.web_free_mokuji {
      font-size: 100%
    }

    .web_free_content_ul {
      flex-wrap: wrap;
      width: 100%
    }

    .web_free_content_ul li {
      width: 46%;
      margin: 2% auto 2% auto
    }

    .web_free_content_ul li p {
      font-size: 80%
    }

    p.web_free_fpk {
      font-size: 100%
    }

    .web_free_ribbon {
      width: 100%;
      font-size: 95%;
      text-align: left !important;
      padding: 0;
      height: 50px;
      line-height: 50px
    }

    .web_free_ribbon:before {
      top: 0;
      left: 0;
      border-width: 25px 0 25px 10px;
      border-color: transparent transparent transparent #fff;
      border-style: solid
    }

    .web_free_ribbon:after {
      top: 0;
      right: 0;
      border-width: 25px 10px 25px 0;
      border-color: transparent #fff transparent transparent;
      border-style: solid
    }

    span.maru {
      text-align: left !important;
      padding: 1% 3% 1% 3%;
      font-size: 120%
    }

    p.no4_text {
      font-size: 100%;
      line-height: 1.3em
    }
  }

  .diary table {
    width: 800px;
    margin: auto
  }

  tr.diary_midashi {
    background-color: #eb729a;
    color: #fff;
    font-weight: 700
  }

  .diary_midashi td {
    padding: 8px;
    border: solid 1px;
    border-color: darkgray;
    text-align: center
  }

  .diary_maru td {
    border-color: darkgray;
    border: 1px;
    border: solid 1px;
    padding: 10px;
    text-align: center
  }

  @media (max-width:640px) {
    section.home_screen_sm {
      padding-bottom: 10%;
      margin-left: 2%;
      margin-right: 2%
    }

    .diary table {
      width: 96%;
      margin: auto
    }

    .diary_midashi td {
      padding: 2%;
      border: solid 1px;
      border-color: darkgray;
      line-height: 1.5em;
      font-size: 60%
    }
  }

  div#home_screen h2 {
    position: relative;
    padding: 1em;
    color: #fff;
    font-weight: 700;
    background-color: #c4a277;
    font-size: 150%;
    text-align: center
  }

  div#home_screen h2:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #c4a277;
    width: 0;
    height: 0
  }

  p.home_screen_p {
    font-size: 130%;
    font-weight: 700;
    line-height: 2em;
    width: 1000px;
    text-align: center;
    margin: auto
  }

  section.home_screen_img {
    margin: 5%;
    text-align: center
  }

  .home_screen_point {
    width: 20%;
    margin: auto
  }

  .home_screen_point p {
    font-size: 130%;
    font-weight: 700;
    background-color: #c4a277;
    color: #fff;
    padding: 4%;
    border-radius: 50px;
    text-align: center;
    margin: 5%
  }

  section.home_screen_top2 {
    display: flex;
    justify-content: center;
    margin-top: 3%;
    margin-bottom: 5%
  }

  .home_screen_bot_a {
    margin: auto
  }

  .home_screen_bot_a {
    margin-left: 2%;
    margin-right: 2%
  }

  .btn-animation-02 {
    display: inline-block;
    max-width: 250px;
    text-align: left;
    border: 2px solid #504c4d;
    font-size: 130%;
    color: #504c4d;
    text-decoration: none;
    font-weight: 700;
    padding: 30px 35px;
    border-radius: 4px;
    transition: .4s
  }

  .btn-animation-02:hover {
    background-color: #504c4d;
    border-color: #504c4d;
    color: #FFF
  }

  .btn-animation-03 {
    display: inline-block;
    max-width: 250px;
    text-align: left;
    border: 2px solid #504c4d;
    font-size: 130%;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 30px 35px;
    border-radius: 4px;
    transition: .4s;
    background-color: #504c4d
  }

  .btn-animation-03:hover {
    background-color: #fff;
    border-color: #fff;
    color: #504c4d;
    border: 2px solid #504c4d
  }

  div#home_screen_step {
    margin-top: 5%;
    margin-bottom: 3%;
    width: 60%;
    margin-left: auto;
    margin-right: auto
  }

  div#home_screen_step .tentouSimu h3 span {
    color: #fff;
    background: #f2779a;
    border-radius: 100%;
    font-size: 1.6em;
    margin-right: .3em;
    padding: .1em .3em;
    vertical-align: middle
  }

  div#home_screen_step .tentouSimu h3 {
    margin-top: 6%;
    margin-bottom: 5%
  }

  div#home_screen_step .tentouSimu ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  div#home_screen_step .tentouSimu ol li {
    text-align: center;
    width: 48%
  }

  p.hs_step_txt {
    margin-top: 2%;
    width: 50%;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto
  }

  .home_screen_container .btn-push {
    display: inline-block;
    max-width: 300px;
    text-align: left;
    background-color: #f2769a;
    font-size: 130%;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
    padding: 30px 40px;
    border-radius: 50px;
    border-bottom: 4px solid #b35772
  }

  .home_screen_container .btn-push:active {
    transform: translateY(4px);
    border-bottom: none
  }

  .home_screen_container {
    text-align: center;
    margin: 8%
  }

  @media (max-width:700px) {
    section.home_screen_sm {
      padding-bottom: 10%;
      margin-left: 2%;
      margin-right: 2%
    }

    div#home_screen h2 {
      font-size: 130%
    }

    p.home_screen_p {
      width: 90%;
      font-size: 120%;
      line-height: 1.5em
    }

    .home_screen_point {
      width: 60%
    }

    .home_screen_bot_a {
      width: 45%;
      text-align: center
    }

    div#home_screen h2:after {
      left: 45%
    }

    .btn-animation-02,
    .btn-animation-03 {
      width: 100%;
      text-align: center;
      padding: 10% 0
    }

    .home_screen_container {
      margin: 5% 0
    }

    .btn-animation-02 {
      display: inline-block;
      width: 100%;
      text-align: center;
      border: 2px solid #504c4d;
      font-size: 130%;
      color: #504c4d;
      text-decoration: none;
      font-weight: 700;
      padding: 10%;
      border-radius: 4px;
      transition: .4s
    }

    .btn-animation-03 {
      display: inline-block;
      width: 100%;
      text-align: left;
      border: 2px solid #504c4d;
      font-size: 130%;
      color: #fff;
      text-decoration: none;
      font-weight: 700;
      padding: 10%;
      border-radius: 4px;
      transition: .4s;
      background-color: #504c4d
    }

    div#home_screen_step .tentouSimu ol {
      display: block !important
    }

    div#home_screen_step .tentouSimu ol li {
      width: auto
    }

    div#home_screen_step .tentouSimu h3 span {
      font-size: 25px !important
    }

    div#home_screen_step .tentouSimu h3 {
      margin-top: 15% !important
    }

    p.hs_step_txt {
      width: 100% !important;
      margin-top: 5% !important
    }

    .home_screen_container .btn-push {
      display: inline-block;
      width: 100%;
      padding: 10% 5%;
      text-align: center
    }

    .home_screen_step_a .tentouSimu img {
      width: auto
    }
  }

  .detail_kv .img img.sm {
    max-width: 100%;
    height: auto
  }

  .rinji_dl .rinji_dl_list {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #ccc
  }

  .rinji_dl .rinji_dl_list dt {
    width: 200px;
    padding: 5px
  }

  .rinji_dl .rinji_dl_list dd {
    padding: 5px;
    width: calc(100% - 200px / 2);
    border-left: 1px solid #ccc
  }

  .rinji_dl .rinji_dl_list:first-child {
    border-top: 1px solid #ccc
  }

  @media (max-width:700px) {
    .detail_kv {
      min-height: auto
    }
  }

  .youtube {
    aspect-ratio: 16 / 9;
    width: 100%
  }

  @media screen and (min-width:540px) {
    .youtube {
      width: 80%
    }
  }

  @media screen and (min-width:840px) {
    .youtube {
      width: 50%
    }
  }

  .youtube iframe {
    width: 100%;
    height: 100%
  }

  nobdTitle>h1 span {
    font-size: 71%;
    display: block
  }

  div.nobdTitle>h2 {
    color: #9e9e9e;
    font-family: "Noto Serif"
  }

  div.dwArrow {
    text-align: center;
    margin-bottom: 1em
  }

  div.dwArrow>img {
    width: 6.8%
  }

  div.next {
    text-align: center;
    font-size: 2.18em;
    color: #bdbdbd
  }

  ul.marked li {
    line-height: 1.4;
    color: #616161;
    position: relative;
    padding-left: 1em;
    margin: .5em 0
  }

  ul.marked li:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .4em;
    height: .4em;
    background-color: #616161;
    border-radius: 100%;
    margin-top: .4em
  }

  div.alert>h1 {
    background-color: #f44336
  }

  div.alert>div {
    background-color: #feeceb;
    font-size: .909em;
    line-height: 1.6
  }

  div.linkMenuDown>ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 1em 0;
    margin: 1em 0
  }

  div.linkMenuDown>ul li {
    display: table-cell;
    vertical-align: middle;
    border: 1px #f2799a solid;
    border-radius: 4px;
    padding: .5em 0
  }

  div.linkMenuDown>ul li a {
    text-align: center;
    line-height: 1.2;
    position: relative;
    display: block
  }

  div.linkMenuDown>ul li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
  }

  div.linkMenuDown>ul li a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.4em;
    font-weight: 400;
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -.5em
  }

  .upFukidashi,
  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
    margin: .344em;
    background-color: #fdebf0;
    padding: .67em;
    border-radius: 2px;
    position: relative
  }

  .upFukidashi:before,
  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 7%;
    border-width: 0 .5em .5em .5em;
    border-color: transparent transparent #fdebf0 transparent;
    top: -.3em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 7%
  }

  #hajimete section#sct1 div.main div.point3 div img {
    padding: 10px 20px
  }

  .layout01 {
    display: table;
    width: 100%
  }

  .layout01>* {
    display: table-cell;
    vertical-align: top
  }

  .layout01>*:first-child {
    width: 0%
  }

  .layout01>*:last-child {
    padding-left: 0em
  }

  .layout01>*>h1 {
    font-size: 1.182em;
    line-height: 1.38;
    font-weight: 700;
    margin-bottom: .5em
  }

  .layout01>*>p {
    line-height: 1.45
  }

  .font13 {
    font-size: 13px
  }

  .font18 {
    font-size: 18px !important
  }

  .w100 {
    width: 100% !important
  }

  #areaDetail section p,
  #areaDetail section div,
  #areaDetail section ul,
  #areaDetail section dl {
    border-radius: 4px
  }

  #areaDetail section.title {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    line-height: 3.81;
    background-color: #fff
  }

  #areaDetail section.main {
    margin: 2%;
    background-color: #fff
  }

  #areaDetail section.main h2 {
    padding: 1em 0 .8em;
    margin-bottom: .5em
  }

  #areaDetail section.main h2>img {
    width: 85%;
    position: relative;
    left: 4%
  }

  #areaDetail section.main p {
    text-align: center;
    font-size: 1.09em;
    line-height: 1.5
  }

  #areaDetail section.main p img {
    padding: 1em 3% .8em 1%
  }

  #areaDetail section.main>div>img {
    padding: 1em
  }

  #areaDetail section.main .text-center .sengen {
    border: 1px solid #F2799A;
    border-radius: 10px;
    width: 95%;
    background-color: #F2799A;
    margin: 0 auto
  }

  #areaDetail section.main .text-center .sengen p.txt {
    font-size: 18px;
    padding: 0 0 0;
    background-color: #fff;
    width: 95%;
    margin-left: 13px;
    margin-top: 13px
  }

  #areaDetail section.main .text-center .sengen p.txtb {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #FFF;
    padding: 0 0 10px
  }

  #areaDetail section.main .text-center .sengen p.txt-large {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    color: #FFF;
    margin-top: 10px;
    letter-spacing: 10px
  }

  #interviewPg section p,
  #interviewPg section div,
  #interviewPg section ul,
  #interviewPg section dl {
    border-radius: 4px
  }

  #interviewPg section.main {
    margin: 2%;
    padding: 1em 1em .1em
  }

  #interviewPg section.main div.title {
    padding: 1em
  }

  #interviewPg section.main div.title h2 {
    background-color: #d0b592;
    display: inline-block;
    font-size: 1.436em;
    font-weight: 700;
    line-height: 1.8;
    color: #fff;
    padding: 0 1em
  }

  #interviewPg section.main div.title h1 {
    font-size: 2.376em;
    font-weight: 700;
    color: #616161;
    line-height: 2
  }

  #interviewPg section.main div.title .top_right {
    float: right
  }

  #interviewPg section.main div.title p {
    font-size: 1.09em;
    line-height: 1.5;
    color: #616161
  }

  #interviewPg .bdTitle h1 {
    color: #616161
  }

  #interviewPg .Q {
    margin-bottom: 1em;
    border: 1.5px #000 solid;
    border-radius: 10px;
    padding: 1.25em;
    background-image: url(../img/common/bg.png);
    background-size: 100%;
    background-repeat: repeat;
    position: relative
  }

  #interviewPg .Q>p {
    line-height: 1.5;
    margin-left: 2.5em
  }

  #interviewPg .Q:before {
    content: "Q";
    font-size: 3.45em;
    font-weight: 700;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    left: .2em;
    color: #f2799a
  }

  #interviewPg .A_A,
  #interviewPg .A_B,
  #interviewPg .A_staff {
    font-size: 1.09em;
    position: relative;
    background-color: #f0f0f0;
    padding: .8em 1.5em 2.8em;
    border-radius: .8em;
    margin-bottom: 3em
  }

  #interviewPg .A_A>h1,
  #interviewPg .A_B>h1 {
    font-weight: 700;
    color: #21181b;
    line-height: 2
  }

  #interviewPg .A_A>p,
  #interviewPg .A_B>p {
    line-height: 1.5
  }

  #interviewPg .A_A>p>span,
  #interviewPg .A_B>p>span {
    color: #f2799a
  }

  #interviewPg .A_A:before {
    content: "";
    background-image: url(../img/interview/customer_a.png);
    width: 3.3em;
    height: 5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2.2em;
    right: 1em
  }

  #interviewPg .A_A:after {
    content: "";
    background-image: url(../img/interview/fukidashi_right_btm.png);
    width: 2em;
    height: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -.8em;
    right: 4.8em
  }

  #interviewPg .A_B:after {
    content: "";
    background-image: url(../img/interview/fukidashi_left_btm.png);
    width: 2em;
    height: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -.8em;
    left: 4.8em
  }

  #interviewPg .A_B:before {
    content: "";
    background-image: url(../img/interview/customer_b.png);
    width: 3.3em;
    height: 5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2.2em;
    left: 1.5em
  }

  #interviewPg .A_staff {
    line-height: 1.5;
    margin-left: 4.5em;
    padding: 1em
  }

  #interviewPg .A_staff>h1 {
    color: #616161
  }

  #interviewPg .A_staff>p {
    color: #3e3e3e
  }

  #interviewPg .A_staff:before {
    content: "";
    background-image: url(../img/interview/staff.png);
    width: 3.34em;
    height: 3.34em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 2em;
    left: -4.5em
  }

  #interviewPg .A_staff:after {
    content: "";
    background-image: url(../img/interview/fukidashi_left_mid.png);
    width: 1.5em;
    height: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 57%;
    left: -1.2em
  }

  #tuyomi {
    margin-bottom: -.8em
  }

  #tuyomi section p,
  #tuyomi section div,
  #tuyomi section ul,
  #tuyomi section dl {
    border-radius: 4px
  }

  #tuyomi .title {
    text-align: center;
    font-size: 1.182em;
    padding-top: 1em;
    font-weight: 700
  }

  #tuyomi .title img {
    width: 82%;
    padding: .8em 0
  }

  #tuyomi .sign {
    background: none;
    text-align: center;
    padding: 1em 0 0
  }

  #tuyomi .sign>img {
    width: 70%
  }

  #tuyomi .sign>p {
    line-height: 1.4;
    font-weight: 700
  }

  #tuyomi .main {
    margin: 4% 2%
  }

  #tuyomi .main .main_head {
    text-align: center;
    background-image: url(../img/common/bg.png);
    background-size: 100%;
    background-repeat: repeat;
    position: relative
  }

  #tuyomi .main .main_head h1 {
    font-size: 1.36em;
    line-height: 1.4;
    padding-top: 1.2em;
    padding-bottom: .8em
  }

  #tuyomi .main .main_head h1 span {
    font-size: 1.41em;
    color: #f2799a;
    font-weight: 700
  }

  #tuyomi .main .main_head>img {
    padding: 0 1em .8em
  }

  #tuyomi .main .content {
    padding: 1em 1em .1em
  }

  #tuyomi .main .content .mBox {
    margin-bottom: 1.2em
  }

  #tuyomi .main .content .mBox>h1 {
    font-size: 1.727em;
    line-height: 1.8em;
    color: #fff
  }

  #tuyomi .main .content .mBox>h1.adv {
    background-color: #f2799a
  }

  #tuyomi .main .content .mBox>h1.weak {
    background-color: #616161
  }

  #tuyomi .main .content .mBox>h2 {
    font-size: 1.454em;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    padding: .5em 0;
    border-bottom: 1px #eee solid
  }

  #tuyomi .main .content .mBox>h2.adv {
    color: #f2799a
  }

  #tuyomi .main .content .mBox>h2.weak {
    color: #333
  }

  #tuyomi .main .content .mBox li {
    border-bottom: 1px #e0e0e0 solid
  }

  #tuyomi .main .content .mBox li:last-child {
    border: none
  }

  #tuyomi .main .content .mBox li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0
  }

  #tuyomi .main .content .mBox li>div {
    padding: .8em
  }

  #tuyomi .main .content .mBox li>div:first-child {
    float: left;
    height: 7.27em;
    display: inline-block;
    width: 7.27em
  }

  #tuyomi .main:last-of-type .content .mBox:last-of-type li>div:first-child {
    display: none
  }

  #tuyomi .main .content .mBox li>div>h1 {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: .5em;
    position: relative
  }

  #tuyomi .main .content .mBox li>div>h1:before {
    color: #fff;
    font-size: .69em;
    padding: 0 .2em;
    line-height: 1.4;
    border-radius: .2em;
    font-weight: 400;
    position: relative;
    top: -.1em
  }

  #tuyomi .main .content .mBox li>div>h1.f:before {
    content: "Lady's";
    background-color: #f2799a
  }

  #tuyomi .main .content .mBox li>div>h1.m:before {
    content: "Men's";
    background-color: #75a3c1
  }

  #tuyomi .main .content .mBox li>div>p {
    font-size: .909em;
    line-height: 1.4
  }

  #tuyomi .main .content .mBox li>div:first-child {
    width: 160px;
    height: auto
  }

  #tuyomi .main .content .mBox li>div:first-child img {
    width: 100%;
    height: auto
  }

  #aoba section p,
  #aoba section div,
  #aoba section ul,
  #aoba section dl {
    border-radius: 4px
  }

  #aoba section.top {
    position: relative;
    background: none
  }

  #aoba section.top>h1 {
    text-align: center;
    font-weight: 700;
    font-size: 1.909em;
    width: 100%;
    position: absolute;
    top: 1em;
    left: 0
  }

  #aoba section.top>div {
    text-align: center;
    padding: 1.5em 0em 0;
    background-color: #fff;
    margin-bottom: 1.5em
  }

  #aoba section.top>div>h2 {
    font-size: .909em;
    margin-bottom: .6em;
    color: #f2799a;
    font-weight: 700
  }

  #aoba section.top>div>h1 {
    font-size: 1.636em;
    font-weight: 700;
    color: #f2799a;
    margin-bottom: .4em
  }

  #aoba section.top>div>p {
    font-size: .909em;
    font-weight: 700;
    color: #616161;
    margin-bottom: 1em
  }

  #aoba section.top>div>h3 {
    font-size: 1.636em;
    color: #fff;
    background-color: #f2799a;
    line-height: 1.5em;
    font-family: "Noto Serif"
  }

  #aoba section.top>div>h3>i {
    width: 2em;
    height: 2em;
    font-size: .5em;
    vertical-align: middle;
    line-height: 2em;
    background-color: #fff;
    color: #f2799a;
    border-radius: 50%;
    margin-right: .5em;
    margin-top: -.2em
  }

  #aoba section.top>div>h3 img {
    height: 1em
  }

  #aoba section.main {
    background: none;
    margin: 2%;
    color: #616161
  }

  #aoba section.main>h1 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin-bottom: .5em
  }

  #aoba section.main>h2 {
    color: #9e9e9e;
    text-align: center;
    margin-bottom: .5em;
    font-family: Noto Serif
  }

  #aoba section.main .content {
    padding: 1em;
    background-color: #fff
  }

  #aoba section.main .content>h1 {
    font-size: 1.09em;
    font-weight: 700;
    margin: 1em 1em 1.2em
  }

  #aoba section.main .content>h1 span {
    color: #f2799a;
    font-weight: 400
  }

  #aoba section.main .content>p {
    margin: 1em
  }

  #aoba section.main .content>dl {
    border: 1px #ccc solid;
    margin-bottom: 1em
  }

  #aoba section.main .content>dl>h1 {
    font-size: .909em;
    margin: 1em;
    line-height: 1.4
  }

  #aoba section.main .content>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  #aoba section.main .content>dl dd {
    padding: 1em 1em 2.4em;
    line-height: 1.4
  }

  #aoba section.main .content>dl dd.tel {
    font-family: "Noto Serif";
    font-weight: 700
  }

  #aoba section.main .content>dl dd.map p {
    margin-top: 1em
  }

  #yoritakaku section p,
  #yoritakaku section div,
  #yoritakaku section ul,
  #yoritakaku section dl {
    border-radius: 4px
  }

  #yoritakaku section.main {
    line-height: 1.4
  }

  #yoritakaku section.main>p {
    line-height: 1.6
  }

  #yoritakaku section.title {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    line-height: 3.81;
    background-color: #fff
  }

  #yoritakaku section.top {
    padding: 1em 2%;
    background: none
  }

  #yoritakaku section.top img {
    padding: 0 1em 1em
  }

  #yoritakaku section.top ul {
    background-color: #fff
  }

  #yoritakaku section.top ul li {
    border: 1px #e0e0e0 solid;
    margin-bottom: -1px
  }

  #yoritakaku section.top ul li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }

  #yoritakaku section.top ul li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

  #yoritakaku section.top ul li a {
    display: block;
    color: #616161;
    padding: 0 1em;
    position: relative
  }

  #yoritakaku section.top ul li a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.818em;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: .5em;
    color: #f2799a;
    margin-top: -.5em
  }

  #yoritakaku section.top ul li a p {
    display: inline-block;
    font-size: .909em;
    color: #fff;
    background-color: #f2799a;
    line-height: 1.6;
    width: 5em;
    border-radius: 3em;
    vertical-align: middle;
    text-align: center
  }

  #yoritakaku section.top ul li a h1 {
    display: inline-block;
    font-size: 1.182em;
    vertical-align: middle;
    font-weight: 700;
    margin-left: .8em;
    line-height: 3.1
  }

  #yoritakaku section.main {
    padding: 1em;
    color: #616161;
    margin: 1.4em 2%
  }

  #yoritakaku section.main h2 {
    text-align: center;
    color: #fff;
    background-color: #f2799a;
    font-size: 1.182em;
    line-height: 1.5;
    border-radius: 3em;
    width: 5em;
    margin: .7em auto
  }

  #yoritakaku section.main>h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    margin-bottom: .7em
  }

  #yoritakaku section.main>p {
    margin-bottom: 1em
  }

  #yoritakaku section.main p span {
    color: #dc4365
  }

  #yoritakaku section.main p.sub {
    font-weight: 700;
    padding: 1em;
    background-color: #eee;
    border-radius: 2px;
    margin-bottom: 1em
  }

  #yoritakaku section.main div.mBox>h1 {
    color: #fff;
    background-color: #f2799a;
    font-size: 1.273em;
    line-height: 1.4;
    padding: .4em 0
  }

  #yoritakaku section.main div.mBox>div {
    display: table;
    width: 100%;
    padding: .5em
  }

  #yoritakaku section.main div.mBox>div>div {
    display: table-cell;
    vertical-align: top;
    padding: .5em
  }

  #yoritakaku section.main div.mBox>div>div>img {
    width: 6.82em
  }

  #yoritakaku section.main div.mBox div>div>h1 {
    font-weight: 700;
    font-size: 1.09em;
    color: #f2799a;
    margin-bottom: .7em
  }

  #yoritakaku section.main div.mBox div>div>p {
    font-size: .909em
  }

  #yoritakaku section#sct1>div {
    margin-bottom: 1.8em
  }

  #yoritakaku section#sct1 div.mBox:last-child {
    margin-bottom: 0
  }

  #yoritakaku section#sct2 div.mBox dl dt {
    padding: 1em
  }

  #yoritakaku section#sct2 div.mBox dl dt h1 {
    font-size: 1.363em;
    font-weight: 700;
    margin-bottom: .5em;
    color: #616161
  }

  #yoritakaku section#sct2 div.mBox dl dt h1:before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    background-image: url(../img/yoritakaku/check.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em
  }

  #yoritakaku section#sct2 div.mBox dl dt p {
    font-size: .909em
  }

  #yoritakaku section#sct2 div.mBox dl dd {
    padding: 1em;
    background-color: #eee
  }

  #yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox) {
    display: table;
    width: 100%;
    margin-bottom: 1em
  }

  #yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox)>* {
    display: table-cell;
    vertical-align: top
  }

  #yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox)>div {
    width: 6.818em
  }

  #yoritakaku section#sct2 div.mBox dl dd>div img {
    width: 6.818em
  }

  #yoritakaku section#sct2 div.mBox dd>div img.above {
    margin-top: -.5em
  }

  #yoritakaku section#sct2 div.mBox dl dd>div p {
    font-size: .909em;
    padding-left: 1em
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox h1 {
    font-size: 1.09em;
    background-color: #616161
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox ul {
    background-color: #fff
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox ul li {
    font-weight: 700;
    padding: 1em 1em 1em 2.5em;
    border-bottom: 1px #ccc solid;
    font-size: 1.09em;
    position: relative
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox ul li:last-child {
    border: none
  }

  #yoritakaku section#sct2 div.mBox dl dd div.mBox ul li:before {
    content: "\f05e";
    font-family: FontAwesome;
    font-size: 1.4em;
    color: #ffc107;
    font-weight: 400;
    position: absolute;
    top: .5em;
    left: .5em
  }

  #yoritakaku section#sct3 ul {
    background-color: #eee;
    padding: .5em
  }

  #yoritakaku section#sct3 ul li {
    float: left;
    width: 33%;
    padding: .3em
  }

  #yoritakaku section#sct4 {
    padding: 1em 0 0;
    margin-bottom: 2em
  }

  #yoritakaku section#sct4 p {
    padding: 1em
  }

  #yoritakaku section#sct5 p.sub {
    text-align: center;
    color: #dc4365;
    font-size: 1.182em;
    padding: .5em .5em
  }

  #yoritakaku section#sct5 p.sub img {
    margin: 1em 0;
    display: block
  }

  #sct2>div {
    margin-bottom: 1em
  }

  #sct2>div:last-child {
    margin-bottom: 0
  }

  @media screen and (max-width:480px) {
    #yoritakaku section.top ul li a {
      padding-left: 15px;
      padding-right: 15px
    }

    #yoritakaku section.top ul li a p {
      border-radius: 12px;
      margin-top: -12px;
      position: absolute;
      top: 50%;
      left: 15px;
      width: 70px;
      line-height: 24px
    }

    #yoritakaku section.top ul li a h1 {
      line-height: 1.4;
      margin-left: 0;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 80px;
      padding-right: 40px
    }
  }

  #takuhai section p,
  #takuhai section div,
  #takuhai section ul,
  #takuhai section dl {
    border-radius: 4px
  }

  #takuhai>.title {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    line-height: 3.81;
    background-color: #fff
  }

  #takuhai .base {
    margin: 2%;
    border: 2px #d0b592 solid;
    background-color: #f8f4ef;
    color: #616161;
    border-radius: 4px
  }

  #takuhai .top {
    background: none;
    padding: 0 1em;
    margin-bottom: 1em
  }

  #takuhai .top .title {
    width: 90%;
    margin: 1.5em auto
  }

  #takuhai .top p {
    font-size: 1.273em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1em
  }

  #takuhai .top .kit {
    text-align: center
  }

  #takuhai .top .kit>img {
    width: 45%
  }

  #takuhai .top .kit>div>div {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
    padding: .5em .5em 1em;
    background-color: #fff;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

  #takuhai .top .kit>div>div>dl {
    float: left;
    width: 25%;
    padding: .5em
  }

  #takuhai .top .kit div dl dd {
    font-size: .909em;
    line-height: 1.4;
    font-weight: 700
  }

  #takuhai .main {
    background-color: #fff;
    color: #616161;
    border-radius: 0
  }

  #takuhai .main>h1 {
    font-size: 1.909em;
    text-align: center;
    font-weight: 700;
    padding-top: 1.3em;
    margin-bottom: .6em
  }

  #takuhai .main h2 {
    font-size: 1.273em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1em;
    padding: 0 1em
  }

  #takuhai #content ul {
    padding: 0 .5em
  }

  #takuhai #content ul li {
    width: 50%;
    float: left;
    padding: .5em
  }

  #takuhai #merit {
    padding: 0 1em .1em;
    padding-bottom: 1em
  }

  #takuhai #merit>dl {
    display: table;
    width: 100%;
    background-color: #f8f4ef;
    margin-bottom: 1em;
    border-radius: .2em
  }

  #takuhai #merit>dl>dt,
  #takuhai #merit>dl>dd {
    display: table-cell;
    vertical-align: top
  }

  #takuhai #merit>dl dt {
    width: 7.28em;
    padding: .8em
  }

  #takuhai #merit>dl dd {
    padding: 1em 1em 1em .5em
  }

  #takuhai #merit>dl dd h1 {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: .5em
  }

  #takuhai #merit>dl dd p {
    line-height: 1.6
  }

  #takuhai .boxSize {
    display: table;
    border-collapse: separate;
    border-spacing: 1em 1em;
    width: 100%;
    background-color: #f8f4ef;
    margin-top: -2em;
    margin-bottom: 1em
  }

  #takuhai .boxSize>div {
    display: table-row;
    padding: 1em
  }

  #takuhai .boxSize>div>div {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    background-color: #fff;
    font-size: .909em;
    line-height: 1.4;
    padding: 12em 1em 1em;
    position: relative
  }

  #takuhai .boxSize>div>div.upper {
    padding: 13em 1em 1em
  }

  #takuhai .boxSize>div>div img {
    position: absolute;
    top: 1em;
    left: 0
  }

  #takuhai .boxSize>div>div h1 {
    font-weight: 700;
    color: #212121;
    margin-bottom: .5em
  }

  #takuhai .boxSize>div>div ul li {
    position: relative;
    padding-left: .5em
  }

  #takuhai .boxSize>div>div ul li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .4em;
    height: .4em;
    background-color: #616161;
    border-radius: 100%;
    margin-top: .4em
  }

  #takuhai .boxSize>div>div.upper {
    padding-top: 2em
  }

  #takuhai .boxSize>div>div img {
    margin-bottom: 1em;
    position: relative;
    top: auto;
    left: auto
  }

  #takuhai #insurance dd p a {
    color: #616161
  }

  #takuhai #insurance dd p a i {
    color: #f2799a;
    padding-left: .5em
  }

  div#riyuu section.title {
    margin-bottom: 1em
  }

  div#riyuu section.title h1 {
    font-size: 1.909em;
    font-weight: 700;
    color: #212121;
    text-align: center;
    padding-top: 1.5em;
    margin-bottom: .7em
  }

  div#riyuu section.title p {
    text-align: center;
    font-weight: 700;
    color: #f2799a;
    font-size: 1.273em;
    line-height: 1.4;
    padding-bottom: 1em
  }

  div#riyuu section.top {
    padding: 1em 1em .1em;
    font-size: 1.09em;
    margin: 2% 2% 1em
  }

  div#riyuu section.top p {
    color: #212121;
    line-height: 1.5;
    margin: 0 2% 1em
  }

  div#riyuu section.top ul li {
    border: 1px #f2799a solid;
    margin-bottom: .8em
  }

  div#riyuu section.top ul li a {
    display: block;
    padding: .5em;
    position: relative
  }

  div#riyuu section.top ul li a:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 1.4em;
    color: #f2799a;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: .5em;
    margin-top: -.5em
  }

  div#riyuu section.top ul li a p {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    font-size: 1.09em;
    border-radius: 100%;
    line-height: 1.5;
    font-family: "Noto Serif";
    position: absolute;
    top: 50%;
    margin-top: -.75em;
    left: .5em
  }

  div#riyuu section.top ul li a h1 {
    font-weight: 700;
    line-height: 1.4;
    padding-left: 3em
  }

  #riyuu section p,
  #riyuu section div,
  #riyuu section ul,
  #riyuu section dl {
    border-radius: 4px
  }

  #riyuu section.main {
    margin: 0 2% 1em;
    position: relative
  }

  #riyuu section.main>h2 {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    font-size: 1.09em;
    border-radius: 100%;
    line-height: 1.5;
    font-family: "Noto Serif";
    position: absolute;
    top: 2.2em;
    margin-top: -.75em;
    left: .8em
  }

  #riyuu section.main>h1 {
    font-size: 1.273em;
    font-weight: 700;
    line-height: 1.3;
    color: #616161;
    padding: .7em 0 .7em 2.5em;
    border-bottom: 1px #ccc solid
  }

  #riyuu section.main>div {
    padding: 1em
  }

  #riyuu section.main div p {
    font-size: 1.09em;
    color: #616161;
    line-height: 1.5
  }

  #riyuu section.main div.graph {
    margin-bottom: 1em
  }

  #riyuu section.main div.graph div {
    border: 1px #bdbdbd solid
  }

  #riyuu section.main div.graph div ul {
    display: table;
    width: 100%;
    table-layout: fixed
  }

  #riyuu section.main div.graph div ul li {
    display: table-cell;
    width: 50%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.09em;
    line-height: 2.5em
  }

  #riyuu section.main div.graph div ul li:first-child {
    background-color: #616161;
    border-top-left-radius: 3px
  }

  #riyuu section.main div.graph div ul li:last-child {
    background-color: #f2799a;
    border-top-right-radius: 3px
  }

  #riyuu section.main div.graph img {
    width: 100%
  }

  #riyuu section.main div>p.sub {
    padding: 1em;
    font-size: 1.273em;
    font-weight: 700;
    line-height: 1.4;
    background-color: #fdebf0;
    color: #616161
  }

  #riyuu section.main div>p.sub span {
    color: #f2799a
  }

  #riyuu section#sct2 div p span {
    color: #f2799a;
    font-weight: 700
  }

  #riyuu section#sct2 div img {
    width: 80%;
    margin-bottom: 1em
  }

  #riyuu section#sct3 div img {
    margin-bottom: 1em
  }

  #riyuu section#sct4 div img {
    margin-bottom: 1em
  }

  #buyer section p,
  #buyer section div,
  #buyer section ul,
  #buyer section dl {
    border-radius: 4px
  }

  #buyer section.top {
    text-align: center
  }

  #buyer section.main {
    padding: 1em;
    color: #616161;
    margin: 0 2%
  }

  #buyer section.main>h1 {
    text-align: center;
    font-size: 1.818em;
    font-weight: 700;
    padding-top: 1em;
    color: #616161;
    line-height: 1.2
  }

  #buyer section.main>h2 {
    text-align: center;
    font-family: "Noto Serif";
    color: #616161;
    opacity: .75;
    padding-top: 1em;
    padding-bottom: 1em
  }

  #buyer section.main>div,
  #buyer section.main>div.feature>div {
    padding: 1em;
    background-color: #f8f4ef;
    position: relative;
    margin-bottom: 1em
  }

  #buyer section.main>div>h2,
  #buyer section.main>div.feature>div>h2 {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    width: 1.67em;
    height: 1.67em;
    text-align: center;
    font-size: 1.09em;
    border-radius: 100%;
    line-height: 1.67;
    font-family: "Noto Serif";
    position: absolute;
    top: 1.9em;
    margin-top: -.75em;
    left: 1em
  }

  #buyer section.main>div h1,
  #buyer section.main>div.feature>div h1 {
    font-size: 1.182em;
    font-weight: 700;
    margin-left: 2em;
    margin-top: .5em;
    margin-bottom: 1.2em;
    color: #424242
  }

  #buyer section.main>div>p,
  #buyer section.main>div.feature>div>p {
    line-height: 1.6
  }

  #buyer section#sct1>div.feature {
    position: static;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    text-align: left
  }

  #buyer section#sct1>div.feature>div>h1 {
    text-align: left
  }

  #buyer section#sct1>div.feature>div>p {
    text-align: left
  }

  #buyer section#sct1>div.feature>div>div {
    width: 100%;
    margin-bottom: .8em
  }

  #buyer section#sct1>div.feature>div>div img {
    width: 70%
  }

  #buyer section#sct1>div.feature>div>div.half {
    padding-top: 16px
  }

  #buyer section#sct1>div.feature>div>div.half img {
    width: 48%
  }

  #buyer section#sct1>div.feature>div>div.half img:first-child {
    padding-right: 1%
  }

  #buyer section#sct1>div.feature>div>div.half img:last-child {
    padding-left: 1%
  }

  #buyer section#sct1>div>div {
    text-align: center;
    margin-bottom: .8em
  }

  #buyer section#sct1>div>div img {
    width: 70%
  }

  #buyer section#sct1>div>div.half img {
    display: inline-block;
    width: 49%
  }

  #buyer section#sct1>div>div.half img {
    display: inline-block;
    width: 48%;
    border-radius: 4px
  }

  #buyer section#sct1>div>div.half img:first-child {
    padding-right: 1%
  }

  #buyer section#sct1>div>div.half img:last-child {
    padding-left: 1%
  }

  #buyer section#sct2 {
    margin-bottom: 1em;
    padding-bottom: .1em
  }

  #buyer section#sct2 div div {
    background-color: #fff;
    padding: .5em 1.5em;
    margin-bottom: 1em
  }

  #buyer section#sct2 div div img {
    background-color: #fff;
    padding: .5em 1.5em;
    margin-bottom: 1em
  }

  #buyer section#sct3 {
    padding-bottom: 0
  }

  #buyer section#sct3>h2 {
    position: relative;
    margin-bottom: 1em
  }

  #buyer section#sct3>h2:before,
  #buyer section#sct3>h2:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    left: 50%;
    margin-left: -20px
  }

  #buyer section#sct3>h2:before {
    bottom: 0
  }

  #buyer section#sct3>h2:after {
    bottom: -2px
  }

  #buyer section#sct3>p {
    line-height: 1.6;
    font-size: 1.09em;
    margin-bottom: .8em
  }

  #buyer section#sct3 div.staff {
    margin: 0 -1em;
    background: none;
    padding: 0;
    border-top: 1px #e0e0e0 solid;
    padding-top: 1em
  }

  #buyer section#sct3 div.staff dl {
    border-bottom: 1px #e0e0e0 solid;
    padding: 1em
  }

  #buyer section#sct3 div.staff dl dt {
    display: table;
    width: 100%;
    margin-bottom: .5em
  }

  #buyer section#sct3 div.staff dl dt>div {
    display: table-cell;
    vertical-align: top
  }

  #buyer section#sct3 div.staff dl dt div.photo {
    width: 7.85em;
    padding-right: 1em;
    margin: 0
  }

  #buyer section#sct3 div.staff dl dt div h1 {
    font-weight: 700;
    padding-bottom: .8em;
    margin: 0;
    font-size: 1.454em
  }

  #buyer section#sct3 div.staff dl dt div h2 {
    font-size: .909em;
    position: relative;
    margin-bottom: .2em
  }

  #buyer section#sct3 div.staff dl dt div h2.tokui {
    color: #f2799a
  }

  #buyer section#sct3 div.staff dl dt div h2.brand {
    color: #c4a277;
    margin-top: 1em
  }

  #buyer section#sct3 div.staff dl dt div h2:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: .2em
  }

  #buyer section#sct3 div.staff dl dt div h2.tokui:before {
    background-image: url(../img/buyer/star.png)
  }

  #buyer section#sct3 div.staff dl dt div h2.brand:before {
    background-image: url(../img/buyer/heart.png)
  }

  #buyer section#sct3 div.staff dl dt div p {
    font-weight: 700;
    line-height: 1.4
  }

  #buyer section#sct3 div.staff dl dd {
    background-color: #eee;
    padding: .8em;
    line-height: 1.5;
    position: relative
  }

  @media (min-width:780px) {
    #buyer section#sct3 div.staff dl dd {
      background-color: #FFF
    }

    #buyer section#sct3 div.staff dl dd:before {
      content: "";
      width: 0 !important;
      height: 0 !important;
      border-style: none !important;
      border-width: 0em 0em 0em !important;
      border-color: #FFFFFF !important;
      position: absolute !important;
      top: 0em !important;
      left: 0em !important
    }
  }

  #buyer section#sct3 div.staff dl dd:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .7em .7em .7em;
    border-color: transparent transparent #eee transparent;
    position: absolute;
    top: -.6em;
    left: 3em
  }

  #buyer section#sct3 div.staffcategry {
    padding: 0 !important;
    background-color: #FFFFFF !important
  }

  #buyer section#sct3 div.staffcategry ul {
    display: inline-block
  }

  #buyer section#sct3 div.staffcategry li {
    float: left;
    margin: 1px
  }

  #buyer section#sct3 div.staffcategry li img {
    max-width: 100%;
    transition: 0.3s ease-in-out
  }

  section#sct3 div.staffcategry li img:hover {
    opacity: .7
  }

  @media (max-width:780px) {
    #buyer section#sct3 div.staffcategry li {
      box-sizing: border-box;
      margin-right: 0;
      margin-left: 0;
      width: 50%
    }

    #buyer section#sct3 div.staffcategry li:nth-child(odd) {
      padding-right: 2px
    }

    #buyer section#sct3 div.staffcategry li:nth-child(even) {
      padding-left: 2px
    }
  }

  #buyer section#sct3 ul.buyer_prof li {
    float: left;
    width: 48%;
    margin: 1%
  }

  #buyer section#sct3 ul.buyer_prof.pr02 {
    margin-bottom: 50px
  }

  #buyer section#sct3 ul.buyer_prof.pr02::after {
    content: "";
    border-bottom: 1px solid #e0e0e0;
    display: block;
    clear: both;
    padding-top: 50px;
    width: 100px;
    margin: 0 auto
  }

  #buyer section#sct3 ul.buyer_prof {
    display: inline-block;
    width: 100%
  }

  #buyer section#sct3 ul.buyer_prof li img {
    max-width: 100%;
    width: initial
  }

  #buyer section#sct3 ul.buyer_prof li p {
    font-size: 90%;
    line-height: 1.4;
    margin-top: 20px
  }

  #buyer section#sct3 ul.buyer_prof li p span {
    font-size: 90%;
    font-weight: 700
  }

  @media (max-width:640px) {
    #buyer section#sct3 ul.buyer_prof li {
      width: 98%;
      margin: 1%
    }
  }

  @media (max-width:780px) {
    #buyer section#sct3 ul.buyer_prof li p {
      font-size: 70%
    }
  }

  @media (max-width:530px) {
    #buyer section#sct3 ul.buyer_prof li p {
      font-size: 110%
    }
  }

  #buyer .staffblog {
    background: none !important;
    border-radius: 0 !important;
    padding: 40px 0 !important;
    text-align: center
  }

  #buyer .staffblog img.inline-sm {
    max-width: 400px
  }

  #buyer .staffblog a {
    display: block;
    margin-top: 10px
  }

  #buyer .staffblog a:hover img {
    opacity: .7
  }

  #buyer .staffblog .title {
    margin-top: 20px;
    margin-bottom: -5px
  }

  #buyer .staffblog .title:before {
    background: #c4a277;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px
  }

  #buyer .staffblog .title span {
    background: #fff;
    color: #c4a277;
    display: inline-block;
    font-weight: 700;
    padding: 5px 10px
  }

  #buyer .staffblog li a {
    background: #f8f4ef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 1px solid #f8f4ef;
    border-radius: 5px;
    line-height: 1.5;
    font-size: 80%;
    padding: 8px 30px 8px 10px;
    text-align: left
  }

  #buyer .staffblog li a:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px
  }

  #buyer .staffblog li a:hover {
    border-color: #f2799a
  }

  #buyer .staffcategry.thr_fltlst+.staffblog {
    padding-top: 0 !important
  }

  #hajimete {
    color: #616161
  }

  #hajimete section p,
  #hajimete section div,
  #hajimete section ul,
  #hajimete section dl {
    border-radius: 4px
  }

  #hajimete section.pageTitle {
    color: #212121;
    background-color: #EEE
  }

  #hajimete section#top {
    border-radius: 0;
    padding-bottom: .1em
  }

  #hajimete section#sct1 div.topImage,
  #hajimete section#top div.topImage {
    background-color: #eee;
    padding: 1.8em 1em 0;
    text-align: center;
    border-radius: 0
  }

  #hajimete section#top p.title3 {
    font-size: 1.3em !important;
    font-weight: bold !important;
    line-height: 150% !important;
    background-color: #eee !important;
    text-align: center;
    color: #505050
  }

  #hajimete section#sct1 {
    padding: 0 2%;
    padding: 0;
    background: none
  }

  #hajimete section#sct1 div.topImage {
    margin: 0 -2%
  }

  #hajimete section#sct1 div.main {
    background-color: #fff;
    padding: 1em
  }

  #hajimete section#sct1 div.main h1 {
    position: relative
  }

  #hajimete section#sct1 div.main div[class*="point"] {
    border: 1px #bdbdbd solid;
    margin: 1em 0;
    border-radius: .5em
  }

  #hajimete section#sct1 div.main div[class*="point"]>h1 {
    padding: .8em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct1 div.main div[class*="point"]>h1 img {
    display: inline-block;
    width: 4.545em;
    vertical-align: middle
  }

  #hajimete section#sct1 div.main div[class*="point"]>h1 p {
    display: inline-block;
    vertical-align: middle;
    margin-left: .5em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li {
    padding: .54em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 {
    padding: .8em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 img,
  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 p {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 img {
    width: 4.545em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li h1 p span {
    font-size: 1.5em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
    margin: .344em;
    background-color: #fdebf0;
    padding: .67em;
    position: relative
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before,
  #hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 7%
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
    border-width: 0 .5em .5em .5em;
    border-color: transparent transparent #fdebf0 transparent;
    top: -.3em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field span {
    font-size: .75em;
    display: block
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field span i {
    color: #f2799a
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p {
    line-height: 1.5
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.comment {
    margin: .458em;
    background-color: #eee;
    padding: .67em;
    position: relative;
    margin-top: 1em
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
    border-width: 0 .667em .667em .667em;
    border-color: transparent transparent #eee transparent;
    top: -.4em
  }

  #hajimete section#sct1 div.main div.point1 div.lower {
    padding: .91em;
    line-height: 1.5
  }

  #hajimete section#sct1 div.main div.point1 div.lower>h1 {
    font-size: 1.08em;
    text-align: center;
    line-height: 1.3;
    font-weight: 700;
    color: #f2799a
  }

  #hajimete section#sct1 div.main div.point1 div.lower>h1 img {
    width: 60%;
    padding: 1em 0
  }

  #hajimete section#sct1 div.main div.point2 div ul {
    padding: .5em
  }

  #hajimete section#sct1 div.main div.point2 div ul li {
    float: left;
    width: 50%;
    padding: .5em
  }

  #hajimete section#sct1 div.main div.point2 div p {
    padding: 0 .917em .917em
  }

  #hajimete section#sct1 div.main div.point2 div p span {
    font-size: .917em
  }

  #hajimete section#sct1 div.main div.point3 div {
    padding: 1em
  }

  #hajimete section#sct1 div.main div.point3 div p img {
    margin-bottom: 1em
  }

  #hajimete section#sct1 div.main div.point4 div img,
  #hajimete section#sct1 div.main div.point5 div img {
    width: 56.49%;
    display: block;
    margin: 1em auto
  }

  #hajimete section#sct1 div.main div.point4 div ul {
    padding: 1%
  }

  #hajimete section#sct1 div.main div.point4 div ul li {
    float: left;
    width: 47%;
    margin: 1.5%;
    background-color: #eee;
    font-size: .909em;
    font-weight: 700;
    padding: .7em .7em .7em 3.1em;
    line-height: 1.2;
    position: relative
  }

  #hajimete section#sct1 div.main div.point4 div ul li:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 1.2em;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    left: .8em;
    top: 0;
    margin-top: 1em;
    color: #f2799a
  }

  #hajimete section#sct1 div.main div.point4 div p {
    padding: 0 .917em .917em
  }

  #hajimete section#sct1 div.main div.point5 div p {
    padding: 1em;
    line-height: 1.5
  }

  #hajimete section#sct1 div.main div.point5 div p span {
    font-size: .83em
  }

  #hajimete section#sct2 {
    background: none
  }

  #hajimete section#sct2 div.bdTitle>h2:before,
  #hajimete section#sct2 div.bdTitle>h2:after {
    background: #d5d5d5
  }

  #hajimete section#sct2 h1 {
    color: #616161;
    font-size: 2em !important
  }

  #hajimete section#sct3 {
    margin: 0 2%
  }

  #hajimete section#sct3 div {
    border-radius: 0
  }

  #hajimete section#sct3 div.philosophy {
    border-bottom: 1px #e0e0e0 solid;
    border-radius: 0
  }

  #hajimete section#sct3 div.philosophy div div.title {
    text-align: center
  }

  #hajimete section#sct3 div.philosophy div div.title p {
    font-size: 1.09em;
    font-weight: 700
  }

  #hajimete section#sct3 div.philosophy div div.title h1 {
    font-size: 1.363em;
    font-weight: 700;
    color: #f2799a;
    padding: .5em 0
  }

  #hajimete section#sct3 div.philosophy div div.title img {
    width: 94.4%;
    margin: 1.4em 0
  }

  #hajimete section#sct3 div.philosophy div div.title h2 {
    font-size: 1.363em;
    font-weight: 700;
    line-height: 1.2
  }

  #hajimete section#sct3 div.philosophy>div>p {
    padding: .917em;
    margin-top: .5em
  }

  #hajimete section#sct3 div.sonotameni {
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct3 div.sonotameni h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-top: 1.5em;
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.sonotameni div p {
    padding: .916em
  }

  #hajimete section#sct3 div.sonotameni div img {
    width: 94.46%;
    display: block;
    margin: 0 auto;
    padding: .5em 0 2em
  }

  #hajimete section#sct3 div.kodawari {
    padding-bottom: .1em;
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.kodawari>h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-top: 1.5em;
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"] {
    margin: 0 1em 1em;
    border: 1px #bdbdbd solid;
    border-radius: .5em
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"] h1 {
    padding: .8em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"] h1 span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background-color: #bdbdbd;
    width: 2.6em;
    line-height: 2.6em;
    text-align: center;
    font-size: 1.636em;
    border-radius: 100%;
    font-family: "Noto Serif"
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"]>h1 p {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.182em;
    margin-left: .5em;
    line-height: 1.5
  }

  #hajimete section#sct3 div.kodawari div[class*="kdw"] div {
    padding: 1em
  }

  #hajimete section#sct3 div.kodawari div.kdw1 div img {
    display: block;
    width: 61.25%;
    margin: 1em auto
  }

  #hajimete section#sct3 div.kodawari div.kdw2 div img {
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.kodawari div.kdw3 div img {
    margin-bottom: 1em
  }

  #hajimete section#sct3 div.philosophy div div.title img,
  #hajimete section#sct3 div.sonotameni div img {
    max-width: 580px
  }

  #hajimete section#sct4 {
    margin: 0 2% 1em
  }

  #hajimete section#sct4>div {
    border-radius: 0
  }

  #hajimete section#sct4 div.top {
    padding: 0 1em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct4 div.top p {
    margin: 1em 0
  }

  #hajimete section#sct4 div.kikkake {
    padding-bottom: 20px
  }

  #hajimete section#sct4 div.kikkake h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-top: 1.5em;
    margin-bottom: 1em
  }

  #hajimete section#sct4 div.kikkake>div {
    position: relative;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct4 div.kikkake>div img {
    padding: 0 1em 1em
  }

  #hajimete section#sct4 div.kikkake>div p[class*="txt"] {
    font-size: 1.09em;
    line-height: 1.5;
    width: 17.5em
  }

  #hajimete section#sct4 div.kikkake>div p[class*="txt"] span {
    font-weight: 700;
    color: #f2799a
  }

  #hajimete section#sct4 div.kikkake>div p.txta1 {
    position: absolute;
    top: 3%;
    left: 25%
  }

  #hajimete section#sct4 div.kikkake>div p.txta2 {
    position: absolute;
    top: 28%;
    left: 6%
  }

  #hajimete section#sct4 div.kikkake>div p.txta3 {
    position: absolute;
    top: 53%;
    left: 25%
  }

  #hajimete section#sct4 div.kikkake>div p.txta4 {
    position: absolute;
    top: 81%;
    left: 6%
  }

  #hajimete section#sct4 div.kikkake dl {
    display: table;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 600px
  }

  #hajimete section#sct4 div.kikkake dt,
  #hajimete section#sct4 div.kikkake dd {
    display: table-cell;
    vertical-align: middle
  }

  #hajimete section#sct4 div.kikkake dt {
    width: 100px
  }

  #hajimete section#sct4 div.kikkake dt img {
    width: 100%;
    height: auto
  }

  #hajimete section#sct4 div.kikkake dd {
    padding-left: 20px
  }

  #hajimete section#sct4 div.kikkake dd p {
    background: #fdebf0;
    border-radius: 10px;
    line-height: 30px;
    padding: 20px;
    position: relative
  }

  #hajimete section#sct4 div.kikkake dd p:after {
    border-color: transparent #fdebf0 transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: '';
    display: block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 0;
    height: 0
  }

  #hajimete section#sct4 div.kikkake dd span {
    color: #f2799a;
    font-weight: 700
  }

  #hajimete section#sct4 div.kikkake .r dd {
    padding-right: 20px;
    padding-left: 0
  }

  #hajimete section#sct4 div.kikkake .r dd p {
    background: #eee
  }

  #hajimete section#sct4 div.kikkake .r dd p:after {
    border-color: transparent transparent transparent #eee;
    left: auto;
    right: -20px
  }

  #hajimete section#sct4 div.kikkake .line1 dd p {
    padding-top: 35px;
    padding-bottom: 35px
  }

  #hajimete section#sct4 div.voice {
    margin-bottom: 2em
  }

  #hajimete section#sct4 div.voice>h1 {
    font-size: 1.818em;
    font-weight: 700;
    text-align: center;
    line-height: 1.35;
    margin-top: 1.5em;
    margin-bottom: 1em
  }

  #hajimete section#sct4 div.voice>h3 {
    font-size: 1.09em;
    font-weight: 700;
    text-align: center
  }

  #hajimete section#sct4 div.voice>h2 {
    font-size: 1.363em;
    font-weight: 700;
    text-align: center;
    line-height: 2;
    color: #f2799a
  }

  #hajimete section#sct4 div.voice>div {
    margin: 0 1em;
    border: 1px #bdbdbd solid;
    border-radius: .5em
  }

  #hajimete section#sct4 div.voice>div h2 {
    font-size: .909em;
    padding: 1em
  }

  #hajimete section#sct4 div.voice>div h1 {
    font-size: 1.09em;
    color: #f2799a;
    font-weight: 700;
    line-height: 1.5;
    padding: 0 1em .67em
  }

  #hajimete section#sct4 div.voice>div>div {
    border-top: 1px #e0e0e0 solid;
    padding: 1em;
    border-radius: 0
  }

  #hajimete section#sct4 div.voice div div p {
    font-size: .909em;
    line-height: 1.8
  }

  #hajimete section#sct4 div.voice div.btnArea a i {
    padding-right: .3em
  }

  #hajimete section#sct4 div.btnArea {
    text-align: right
  }

  #hajimete section#sct4 div.btnArea a {
    display: inline-block;
    border: 1px #f2799a solid;
    line-height: 2.3;
    font-size: .909em;
    padding: 0 .5em 0 .5em
  }

  #hajimete section#sct4 div.interv {
    padding: 0 1em 1em
  }

  #hajimete section#sct4 div.interv div.btnArea a i {
    padding-left: .3em
  }

  #hajimete section#sct4 div.interv dl {
    border: 1px #bdbdbd solid;
    border-radius: .5em
  }

  #hajimete section#sct4 div.interv dl dt {
    padding: 1em
  }

  #hajimete section#sct4 div.interv dl dt>img {
    display: inline-block;
    vertical-align: middle;
    width: 3.63em;
    margin-right: .5em
  }

  #hajimete section#sct4 div.interv dl dt>p {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.09em;
    line-height: 1.8
  }

  #hajimete section#sct4 div.interv dl dt>p span {
    display: block;
    font-size: .83em
  }

  #hajimete section#sct4 div.interv dl dd {
    padding: 0 1em 1em;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#sct4 div.interv dl dd:last-of-type {
    border: none
  }

  #hajimete section#sct4 div.interv dl dd p {
    font-size: .909em;
    line-height: 1.8
  }

  #hajimete section#company {
    padding-bottom: .1em;
    margin: 0 2% 1em
  }

  #hajimete section#company div.table {
    margin: 1em;
    border: 1px #bdbdbd solid;
    border-radius: .5em
  }

  #hajimete section#company div.table dl {
    display: table;
    width: 100%;
    border-bottom: 1px #e0e0e0 solid
  }

  #hajimete section#company div.table dl:last-of-type {
    border: none
  }

  #hajimete section#company div.table dl dt {
    font-size: .909em;
    display: table-cell;
    width: 8em;
    line-height: 4em;
    padding-left: 1em;
    font-weight: 700;
    background-color: #eee
  }

  #hajimete section#company div.table dl:first-child dt {
    border-top-left-radius: .55em
  }

  #hajimete section#company div.table dl:last-child dt {
    border-bottom-left-radius: .55em
  }

  #hajimete section#company div.table dl dd {
    display: table-cell;
    padding: 1em
  }

  #hajimete section#company div.table dl dd img {
    padding: .5em 0
  }

  #hajimete section#message {
    margin: 0 2% 1em;
    padding: 0 1em 1em
  }

  #hajimete section#message img {
    width: 96.06%;
    max-width: 548px;
    display: block;
    margin: -1.5em auto 0
  }

  #hajimete section#message div.top p {
    padding: 1em;
    border: 1px #bdbdbd solid;
    border-radius: 0;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    line-height: 1.63;
    border-bottom: none
  }

  #hajimete section#message div.main {
    border-left: 1px #bdbdbd solid;
    border-right: 1px #bdbdbd solid;
    line-height: 1.63
  }

  #hajimete section#message div.main h1 {
    font-size: 1.182em;
    padding: .846em;
    font-weight: 700;
    color: #f2799a;
    border-top: 1px #e0e0e0 solid
  }

  #hajimete section#message div.main p {
    padding: 0 1em 1em
  }

  #hajimete section#message div.main:last-of-type {
    border-bottom: 1px #bdbdbd solid;
    border-radius: 0;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
  }

  #hajimete section#sct1 div.main div.point1 div.lower>h1 img,
  #hajimete section#sct1 div.main div.point4 div img,
  #hajimete section#sct1 div.main div.point5 div img,
  #hajimete section#sct3 div.kodawari div.kdw1 div img {
    max-width: 320px
  }

  #hajimete>section.slider_bnr.story.sm>h2>img {
    display: none
  }

  #sct4>div.kikkake>div {
    border-radius: 0
  }

  #send section {
    color: #616161
  }

  #send section p,
  #send section div,
  #send section ul,
  #send section dl {
    border-radius: 4px
  }

  #send section .layout01 {
    margin-bottom: .7em
  }

  #send section.title {
    padding-bottom: 1em
  }

  #send section.title h2 {
    font-size: 1.273em;
    font-weight: 700;
    color: #f2799a;
    text-align: center;
    padding: .7em 0
  }

  #send section.title h1 {
    color: #616161;
    font-size: 1.818em;
    text-align: center
  }

  #send section.title h1 em {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em
  }

  #send section.title h1 span {
    font-weight: 700;
    font-size: 1.5em
  }

  #send section.subtitle {
    background: none;
    padding: 1em 0
  }

  #send section div.bdTitle h1 span {
    display: block;
    margin-bottom: .3em;
    font-size: .71em;
    color: #616161
  }

  #send section#sct1 {
    color: #616161;
    margin: 0 2% 1em
  }

  #send section#sct1 dl {
    margin: 0 1em;
    padding: 1em 0
  }

  #send section#sct1 dl dt p {
    font-size: 1.09em;
    color: #c4a277;
    font-weight: 700;
    margin-bottom: .7em
  }

  #send section#sct1 dl dt img {
    margin-bottom: .5em
  }

  #send section#sct1 dl dd {
    margin-bottom: 2em;
    border-radius: 4px
  }

  #send section#sct1 dl dd:last-of-type {
    margin-bottom: 0
  }

  #send section#sct1 dl dd.no2 {
    background-color: #f8f4ef;
    padding: 1em
  }

  #send section#sct1 dl dd.no2>p {
    font-size: 1.09em;
    color: #616161;
    line-height: 1.5em;
    font-weight: 700
  }

  #send section#sct1 dl dd.no2>div {
    position: relative
  }

  #send section#sct1 dl dd.no2>div p {
    color: #616161;
    line-height: 1.45em;
    font-weight: 700;
    background-color: #fff;
    padding: 1em
  }

  #send section#sct1 dl dd.no2>img {
    padding: 1em 0
  }

  #send section#sct1 dl dd.no2 p img {
    width: 22.05%;
    position: absolute;
    bottom: 0;
    right: 0
  }

  #send section#sct1 dl dd.no3 {
    background-color: #f8f4ef;
    padding: 1em;
    font-weight: 700
  }

  #send section#sct1 dl dd.no3 p {
    font-size: 1.09em;
    color: #616161;
    line-height: 1.33em;
    display: inline-block;
    width: 70%;
    vertical-align: middle
  }

  #send section#sct1 dl dd.no3 p span {
    display: block
  }

  #send section#sct1 dl dd.no3 img {
    display: inline-block;
    width: 27.54%;
    vertical-align: middle
  }

  #send section#sct2 {
    margin: 5.2em 2% 0
  }

  #send section#sct2 div.top {
    background-color: #fff;
    padding: 0 1em
  }

  #send section#sct2 div.top img:first-child {
    margin-top: -3.2em
  }

  #send section#sct2 div.howToSell {
    background-color: #fff;
    border-top: 1px #e0e0e0 solid;
    text-align: center;
    padding-bottom: 1.5em;
    border-radius: 0
  }

  #send section#sct2 div.howToSell img {
    width: 32.5%;
    margin-bottom: .91em
  }

  #send section#sct2 div.howToSell>h1 {
    font-size: 1.454em;
    color: #f2799a;
    font-weight: 700;
    margin-bottom: .3em
  }

  #send section#sct2 div.howToSell>h2 {
    font-size: 1.273em;
    color: #616161
  }

  #send section#sct2 div.howToSell>h2 i.fa {
    color: #f2799a;
    padding: 0 .3em;
    font-size: .901em;
    vertical-align: middle
  }

  #send section#sct2 div.howToSell>h2 span {
    font-family: "Noto Serif"
  }

  #send section#sct2 div.howToSell>h2 em {
    font-size: 1.25em;
    font-style: normal
  }

  #send section#sct2 div.menu {
    margin: 0 0 1em
  }

  #send section#sct2 div.menu a {
    float: left;
    width: 25%
  }

  #send section#sct2 div.menu img {
    max-width: 193px;
    height: auto
  }

  #send section#sct2 div[class*="step"] {
    margin: 0 .909em;
    border: 1px #bdbdbd solid;
    border-radius: .5em;
    padding: .909em .909em 0em
  }

  #send section#sct2 dl.head {
    text-align: center;
    background-color: #616161;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: .423em;
    border-top-right-radius: .423em;
    margin: -1em -1em .901em
  }

  #send section#sct2 dl.head dt {
    font-size: .909em;
    font-family: "Noto Serif";
    display: inline-block;
    vertical-align: middle
  }

  #send section#sct2 dl.head dt span {
    font-size: .86em
  }

  #send section#sct2 dl.head dd {
    font-size: 1.182em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    line-height: 1.95
  }

  #send section#sct2 div.from {
    border-top: 1px #e0e0e0 solid;
    padding-top: .8em;
    border-radius: 0
  }

  #send section#sct2 div.from>h1 {
    font-size: .818em;
    color: #616161;
    font-weight: 700;
    margin-bottom: .5em
  }

  #send section#sct2 div.from>h1 i.fa {
    color: #616161;
    padding-right: .5em
  }

  #send section#sct2 div.from>p {
    font-size: .909em;
    line-height: 1.6;
    color: #616161
  }

  #send section#sct2 div.step1 div.kitOffer {
    padding-top: 2em;
    border-top: 1px #e0e0e0 solid;
    margin-top: .5em;
    border-radius: 0
  }

  #send section#sct2 div.step1 div.kitOffer>h1 {
    font-weight: 700;
    color: #f2799a;
    text-align: center;
    margin-bottom: .3em
  }

  #send section#sct2 div.step1 div.kitOffer>h1 i.fa {
    font-size: 1.4em;
    padding-right: .2em
  }

  #send section#sct2 div.step1 div.kitOffer a.mBtn {
    margin-bottom: .5em
  }

  #send section#sct2 div.step1 div.kitOffer div.tel {
    color: #616161
  }

  #send section#sct2 div.step1 div.kitOffer div.tel i.fa {
    font-size: 1.363em
  }

  #send section#sct2 div.step1 div.kitOffer div.tel div h1 {
    font-size: .909em
  }

  #send section#sct2 div.step1 div.kitOffer div.tel div h1 p {
    font-size: .636em
  }

  #send section#sct2 div.step1 div.kitOffer>p {
    font-size: .818em;
    color: #616161;
    margin: 1em 0;
    line-height: 1.5
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.box {
    font-weight: 700;
    text-align: center;
    padding: 1em;
    margin: -.5em -.5em 0;
    font-size: .909em;
    color: #616161;
    background-color: #fff
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.box img {
    display: inline-block;
    width: 24.64%;
    vertical-align: middle
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.size {
    margin: 0 -.5em
  }

  #send section#sct2 div.size h1.upFukidashi {
    font-size: .909em;
    font-weight: 700;
    margin: -.04em;
    background-color: #bdbdbd;
    color: #fff;
    text-align: center;
    line-height: 1.5em
  }

  #send section#sct2 div.size h1.upFukidashi:before {
    border-width: 0 1em 1em 1em;
    border-color: transparent transparent #bdbdbd transparent;
    top: -.6em;
    left: 50%;
    margin-left: -.5em
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.size dl {
    float: left;
    background-color: #fff;
    width: 50%;
    padding: .75em;
    border: 1px #e0e0e0 solid;
    height: 8.75em;
    margin: -1px
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.size dl dd {
    font-size: .818em;
    color: #616161;
    line-height: 1.33
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom {
    margin: .5em -.5em
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom li {
    float: left;
    width: 49%;
    margin-right: 1.5%;
    text-align: center;
    background: #FFF;
    border-radius: 3%
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom li:last-child {
    margin-right: 0
  }

  #send section#sct2 div.step2 {
    padding-bottom: 1em
  }

  #send section#sct2 div.step2 ul.tab {
    border-bottom: 1px #bdbdbd solid;
    margin: 0 -1em;
    text-align: center;
    margin-bottom: 1.4em;
    border-radius: 0
  }

  #send section#sct2 div.step2 ul.tab li {
    font-size: 1.09em;
    display: inline-block;
    width: 47%;
    text-align: center
  }

  #send section#sct2 div.step2 ul.tab li a.active {
    background-color: #f2799a;
    color: #fff
  }

  #send section#sct2 div.step2 ul.tab li a {
    color: rgba(0, 0, 0, .5);
    display: inline-block;
    line-height: 2.5;
    width: 95%;
    font-weight: 700;
    background-color: #eee
  }

  #send section#sct2 div.step2 div.todoku>h1 {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: .5em
  }

  #send section#sct2 div.step2 div.todoku>p {
    line-height: 1.45;
    margin-bottom: 1em
  }

  #send section#sct2 div.step2 div.todoku>img {
    width: 94%;
    display: block;
    margin: 0 auto
  }

  #send section#sct2 div.step2 div.documents>h1 {
    background-color: #616161
  }

  #send section#sct2 div.step2 div.documents>div {
    background-color: #eee;
    padding: .5em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li {
    display: block;
    background-color: #fff;
    padding: .8em;
    border-radius: 4px
  }

  #send section#sct2 div.step2 div.documents>div>ul>li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>img {
    float: left;
    width: 4.5em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>div {
    display: block;
    padding-left: 5em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li:last-child {
    margin-bottom: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li div h1 {
    font-size: 1.09em;
    color: #616161
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>div>p {
    font-size: .909em;
    color: #616161;
    line-height: 1.4
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>div>h1 span {
    font-size: 75%
  }

  #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a {
    font-size: 1em;
    width: 11.36em;
    text-align: left;
    padding-left: .5em;
    margin-top: .5em
  }

  #send section#sct2 div.step2 div.documents li .disable {
    clear: both;
    background-color: #e0e0e0;
    margin-top: 1em;
    padding: 1em
  }

  #send section#sct2 div.step2 div.documents li .disable>h1 {
    font-size: .909em;
    font-weight: 700;
    margin: -.5em 0 1em
  }

  #send section#sct2 div.step2 div.documents li .disable ul.marked li {
    font-size: .909em;
    color: #616161;
    line-height: 1;
    margin: .2em 0
  }

  #send section#sct2 div.step2 div.documents li .disable h1 span {
    font-size: .75em
  }

  #send section#sct2 div.step2 dl.sagawa dt,
  #send section#sct2 div.step2 dl.chakubarai dt {
    width: 23%
  }

  #send section#sct2 div.step2 dl.sagawa h1 {
    font-size: 1.182em;
    line-height: 1.38
  }

  #send section#sct2 div.step2 dl.sagawa p {
    line-height: 1.45em
  }

  #send section#sct2 div.step2 dl.chakubarai p {
    font-size: 1.182em;
    line-height: 1.38em;
    font-weight: 700
  }

  #send section#sct2 div.step2 div.sendAdd>div {
    text-align: center;
    font-size: .909em;
    line-height: 1.4
  }

  #send section#sct2 div.step3 {
    padding-bottom: 1em
  }

  #send section#sct2 div.step3 p.memo {
    font-size: .909em;
    line-height: 1.4em;
    color: #616161;
    margin: -.5em 0 2em
  }

  #send section#sct2 div.step3 div.sBox_pnk div p {
    font-size: .909em
  }

  #send section#sct2 div.step3 .sBox_pnk .imgwrap p {
    line-height: 1.4;
    margin-bottom: 15px
  }

  #send section#sct2 div.step3 div.sBox_gry>h1 {
    line-height: 1.45;
    background-color: #616161
  }

  #send section#sct2 div.step3 div.ichien {
    background-color: #f8f4ef;
    line-height: 1.8
  }

  #send section#sct2 div.step3 div.ichien>p {
    font-size: .909em;
    color: #616161;
    padding: 1em 1em 0
  }

  #send section#sct2 div.step3 div.ichien p span {
    font-weight: 700
  }

  #send section#sct2 div.step3 div.ichien h2 {
    background-color: #f44336;
    color: #fff;
    text-align: center;
    padding: .3em 0;
    font-weight: 700
  }

  #send section#sct2 div.step3 div.anshin {
    padding: 0 1em;
    margin-bottom: 1em
  }

  #send section#sct2 div.step3 div.alert div p span {
    color: #f44336;
    font-weight: 700
  }

  #send section#sct2 div.step4 {
    padding-bottom: .7em
  }

  #send section .layout01 {
    display: table;
    width: 100%;
    margin-bottom: .7em
  }

  #send section .layout01>* {
    display: table-cell;
    vertical-align: top
  }

  #send section .layout01>*:first-child {
    width: 23%
  }

  #send section .layout01>*:last-child {
    padding-left: 1em
  }

  #send section .layout01>*>h1 {
    font-size: 1.182em;
    line-height: 1.38;
    font-weight: 700;
    margin-bottom: .5em
  }

  #send section .layout01>*>p {
    line-height: 1.45
  }

  #send ul.marked {
    margin: -.5em 0
  }

  #send div.end {
    color: #616161;
    text-align: center;
    padding: 2em 1em 1em;
    font-weight: 700
  }

  #send div.end h1 {
    font-size: 1.636em
  }

  #send div.end p {
    font-size: 1.162em;
    line-height: 1.45;
    margin: 1em 0
  }

  #send section#sct2 a.bt.bt-arrow-r.bt-sell.bt-sell-mypage {
    margin: 10px 0 0
  }

  #taishou {
    width: auto
  }

  #taishou section p,
  #taishou section div,
  #taishou section ul,
  #taishou section dl {
    border-radius: 4px
  }

  #taishou .top {
    background: none
  }

  #taishou .top h1 {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 0 1em .5em;
    color: #616161 !important;
    background-color: #fff !important
  }

  #taishou .main {
    margin: 0 2%;
    padding: .917em
  }

  #taishou .main>dl>dt {
    font-size: 1.273em;
    color: #212121;
    text-align: center;
    line-height: 2em;
    background-color: #eee;
    font-weight: 700;
    border: 1px #ccc solid;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }

  #taishou .main>dl>dd {
    padding: .917em;
    border: 1px #ccc solid;
    border-top: none;
    margin-bottom: 1em;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

  #taishou .main>dl>dd:last-of-type {
    margin-bottom: 0
  }

  #taishou .main>dl>dd>h1 {
    font-size: 1.182em;
    color: #f2799a;
    font-weight: 700;
    margin: 1em 0
  }

  #taishou .main>dl>dd>h1>span {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    font-size: 69.2%;
    vertical-align: middle;
    padding: .5em;
    border-radius: 4px;
    margin-right: .5em
  }

  #taishou .main>dl>dd>.layout01 dd {
    line-height: 1.636
  }

  #taishou .main>dl>dd>.layout01>*:first-child {
    width: 30%;
    width: 160px
  }

  #taishou .main>dl>dd>ul>li {
    font-size: 1.09em;
    line-height: 1.45
  }

  #taishou .main>dl>dd>ul>li:before {
    content: "・"
  }

  #taishou .main .btnArea {
    margin-top: 1em
  }

  #taishou .main li>dl>dt {
    font-size: 1.273em;
    color: #616161;
    text-align: center;
    line-height: 2em;
    background-color: #ededed;
    font-weight: 700;
    border: 3px #DADADA solid;
    border-bottom: none;
    padding: 10px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }

  #taishou .main li>dl>dd {
    padding: .917em;
    border: 3px #DADADA solid;
    border-top: none;
    margin-bottom: 1em;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 1.636;
    background-color: #fff
  }

  #taishou .main li>dl>dd>h1 {
    font-size: 1.182em;
    color: #f2799a;
    font-weight: 700;
    margin: 1em 0
  }

  #taishou .main li>dl>dd>h1>span {
    display: inline-block;
    background-color: #f2799a;
    color: #fff;
    font-size: 69.2%;
    vertical-align: middle;
    padding: .5em;
    border-radius: 4px;
    margin-right: .5em
  }

  #taishou .main li>dl>dd>ul>li {
    font-size: 1.09em;
    line-height: 1.45;
    color: #616161 !important
  }

  #taishou .main li>dl>dd>ul>li:before {
    content: "・"
  }

  #taishou .main .image {
    width: 160px
  }

  #taishou .main .text {
    padding-left: 1em;
    color: #616161 !important
  }

  #taishou .main ul.table,
  #taishou .main ul.table>li {
    list-style-type: none
  }

  #taishou .main ul.table {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  #taishou .main ul.table>li {
    display: table-cell;
    vertical-align: top
  }

  #taishou .main ul.table>li:first-child {
    padding-right: .5em
  }

  #taishou .main ul.table>li:last-child {
    padding-left: .5em
  }

  #tentou section p,
  #tentou section div,
  #tentou section ul,
  #tentou section dl {
    border-radius: 4px
  }

  #tentou>section {
    color: #616161
  }

  #tentou #sct1 {
    margin: 0 2% 1em;
    padding-bottom: .5em
  }

  #tentou #sct1>div.bdTitle>h1 {
    font-size: 1.909em;
    line-height: 1.3
  }

  #tentou #sct1>div.bdTitle>h1>span {
    display: block;
    font-size: 71%
  }

  #tentou #sct1>div.bdTitle>h2 {
    color: #9e9e9e;
    margin-top: -.6em;
    padding-bottom: 1.5em
  }

  #tentou #sct1>div.mBox {
    margin: 1em
  }

  #tentou #sct1>div.mBox>h1 {
    background-color: #f2799a;
    color: #fff;
    text-align: left;
    font-size: 1.454em
  }

  #tentou #sct1>div.mBox>h1>span {
    position: relative;
    top: -.15em;
    display: inline-block;
    width: 2em;
    height: 2em;
    margin-left: 1em;
    margin-bottom: 0;
    padding: 0;
    border-radius: 100%;
    vertical-align: middle;
    background-color: #fff;
    line-height: 2em;
    text-align: center;
    font-size: 75%;
    font-family: "Noto Serif";
    color: #f2799a
  }

  #tentou #sct1>div.mBox div.layout01>div {
    padding: 20px 0;
    vertical-align: middle
  }

  #tentou #sct1>div.mBox div.layout01>div:nth-child(2) {
    font-size: .909em;
    line-height: 1.6;
    padding-right: .7em
  }

  #tentou>section.shopInfo {
    margin: 1em 2%;
    padding-bottom: .1em
  }

  #tentou>section.shopInfo>div.mBox {
    margin: 1em;
    border-color: #616161
  }

  #tentou>section.shopInfo>div.mBox>h1 {
    font-size: 1.636em;
    color: #fff;
    background-color: #616161;
    line-height: 2
  }

  #tentou>section.shopInfo>div.mBox>div {
    padding: 1em;
    text-align: center
  }

  #tentou>section.shopInfo>div.mBox>div>p {
    color: #616161;
    font-weight: 700;
    line-height: 1.5
  }

  #tentou>section.shopInfo>div.mBox>div>img {
    margin: .8em 0
  }

  #tentou>section.shopInfo>div.mBox>div>div.btnArea>a {
    font-size: 1.273em;
    line-height: 2.8
  }

  #tentou #sct3 {
    margin: 0 2%;
    padding: 1em
  }

  #tentou #sct3>div.menu {
    margin: 1em 0
  }

  #tentou #sct3>div.menu>a {
    float: left;
    width: 33.33%
  }

  #tentou #sct3>div.btnArea>a span {
    font-size: 81%
  }

  #tentou #sct3 div[id*="step"] {
    border-color: #616161;
    color: #616161
  }

  #tentou #sct3 div[id*="step"]>h1 {
    background-color: #616161;
    color: #fff;
    font-family: "Noto Serif";
    font-weight: 400;
    line-height: 1.5
  }

  #tentou #sct3 div[id*="step"]>h1 span {
    display: inline;
    background: none;
    padding: 0;
    font-size: 71%
  }

  #tentou #sct3 div[id*="step"]>div {
    margin: 1em
  }

  #tentou div.stepTop {
    border-bottom: 1px #e5e5e5 solid
  }

  #tentou div.stepTop>h1 {
    font-size: 1.363em;
    font-weight: 700
  }

  #tentou div.stepTop>h2 {
    line-height: 1.5;
    margin: 1em 0
  }

  #tentou div.stepTop .alert>h1 {
    background-color: #feeceb;
    color: #f44336;
    padding: 1em 0 0
  }

  #tentou div.stepTop .alert>div {
    color: #f44336;
    line-height: 1.4
  }

  #tentou .dwArrow {
    margin: .7em
  }

  #tentou #step1 div.check>h1 {
    text-align: center;
    color: #f2799a;
    margin: 1em 0;
    font-size: 1.363em;
    font-weight: 700
  }

  #tentou #step1 div.check>h1 span {
    font-size: 60%;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    background-color: #f2799a;
    padding: .3em 1em;
    border-radius: 2em;
    margin-right: .5em
  }

  #tentou #step1 div.check>dl {
    color: #616161
  }

  #tentou #step1 div.check>dl dd>h1 {
    font-size: 1.09em;
    font-weight: 700;
    margin: .5em 0
  }

  #tentou #step1 div.check>dl dd>p {
    font-size: .909em
  }

  #tentou #step1 div.shopProfile {
    border: 1px #ccc solid
  }

  #tentou #step1>div.shopProfile>h1 {
    text-align: center;
    font-weight: 700;
    line-height: 2em;
    color: #616161;
    border-bottom: 1px #ccc solid
  }

  #tentou #step1>div.shopProfile>div {
    padding: 1em;
    color: #616161
  }

  #tentou #step1>div.shopProfile div.layout01>div:nth-child(2)>h1 {
    font-size: 1.09em
  }

  #tentou #step1>div.shopProfile div.layout01>div:nth-child(2)>p {
    font-size: .818em
  }

  #tentou #step1>div.shopProfile>div {
    border-bottom: 1px #ccc solid;
    border-radius: 0
  }

  #tentou #step1>div.shopProfile>div:last-child {
    border: none
  }

  #tentou #step1>div.shopProfile div.btnArea {
    margin-top: 1em
  }

  #tentou #step1>div.shopProfile div.btnArea>a {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.4
  }

  #tentou #step1>div.shopProfile div.btnArea>a:after {
    font-size: 1.65em;
    top: 0;
    right: .3em;
    margin-top: -.55em
  }

  #tentou #step1>div.shopProfile layout01 h1 span {
    font-size: 75%;
    font-weight: 400
  }

  #tentou #step2 dl dd {
    padding-top: 1em;
    padding-left: 0
  }

  #tentou #step2 dl dd h1 {
    font-size: 1.09em
  }

  #tentou #step2 dl dd p {
    font-size: .909em;
    padding: 0 1em 1em 0
  }

  #tentou #step2 dl dt img {
    padding: .7em
  }

  #tentou #step3 .kentou dt img,
  #tentou #step3 .uketori dt img {
    padding: .7em
  }

  #tentou #step3 .kentou dd {
    padding: 1em 0
  }

  #tentou #step3 .kentou dd h1 {
    font-size: 1.09em;
    padding: 0 1em 0 0
  }

  #tentou #step3 .select {
    margin: 0 1em;
    font-size: .909em;
    line-height: 1.5
  }

  #tentou #step3 .select dl {
    text-align: center;
    margin: 1em 0
  }

  #tentou #step3 .select dt {
    display: inline-block;
    color: #fff;
    line-height: 1.8em;
    padding: 0 1em;
    border-radius: 2em;
    margin-top: 1em
  }

  #tentou #step3 .select dd {
    padding: 1em;
    text-align: left
  }

  #tentou #step3 .select .yes {
    background-color: #fdebf0
  }

  #tentou #step3 .select .yes dt {
    background-color: #f2799a
  }

  #tentou #step3 .select .no {
    background-color: #eee
  }

  #tentou #step3 .select .no dt {
    background-color: #616161
  }

  #tentou #step3 .select .ng {
    background-color: #eee
  }

  #tentou #step3 .select .ng dt {
    background-color: #fff;
    color: #616161
  }

  #tentou #step3 .uketori dd {
    padding: .5em 0em 0 0
  }

  #tentou #step3 .uketori dd h1 {
    font-size: 1.363em
  }

  #tentou #step3 .uketori dd h2 {
    font-weight: 700;
    margin: .8em 0
  }

  #tentou #step3 .finish {
    margin: 1em;
    padding: 1em;
    background-color: #eee;
    line-height: 1.5
  }

  #tentou #step3 .finish>h1 {
    text-align: center;
    font-size: 1.727em;
    color: #f2799a;
    font-weight: 700
  }

  #tentou #step3 .finish>p {
    margin: .5em 0
  }

  #tentou #step1 .faq,
  #tentou #step3 .faq {
    margin: 1em;
    border: 1px #ccc solid
  }

  #tentou #step1 .faq>h1,
  #tentou #step3 .faq>h1 {
    color: #333;
    font-size: .954em;
    text-align: center;
    line-height: 1.5;
    padding: .5em
  }

  #tentou #step1 .faq>div>h1,
  #tentou #step3 .faq>div>h1 {
    color: #616161;
    font-weight: 700;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc dotted;
    line-height: 1.5;
    vertical-align: middle;
    padding: 1em 0
  }

  #tentou #step1 .faq>div>h1>span,
  #tentou #step3 .faq>div>h1>span {
    background-color: #f2799a;
    color: #fff;
    width: 3em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    text-align: center;
    font-family: "Noto Serif";
    border-radius: 2em;
    margin-left: 1em;
    position: relative;
    top: -.15em
  }

  #tentou #step1 .faq>div>p,
  #tentou #step3 .faq>div>p {
    color: #333;
    font-size: .818em;
    padding: 1em;
    line-height: 1.5
  }

  #tentou #sct3>.btnArea {
    margin-bottom: 1.5em
  }

  #tentou #sct1 .layout01>div:first-child {
    text-align: center;
    width: 136px
  }

  #tentou #sct1 .layout01>div:first-child img {
    width: 96px
  }

  #tentou #step1 .layout01>dt:first-child,
  #tentou #step1 .layout01>div:first-child {
    width: 116px
  }

  #tentou #step1 .layout01>dt:first-child img,
  #tentou #step1 .layout01>div:first-child img,
  #tentou #step2 .layout01>dt:first-child,
  #tentou #step2 .layout01>dt:first-child img,
  #tentou #step3 .layout01>dt:first-child,
  #tentou #step3 .layout01>dt:first-child img {
    width: 96px
  }

  #shucchou>section.top,
  #tentou>section.top {
    background: none
  }

  #shucchou>section.top>h1,
  #tentou>section.top>h1 {
    font-size: 1.136em;
    color: #f2799a;
    text-align: center;
    font-weight: 700;
    padding: 1em 0;
    background-color: #fff;
    line-height: 1.5
  }

  #shucchou>section.top>h1>img,
  #tentou>section.top>h1>img {
    padding: .5em 3.5em
  }

  #shucchou>section.top>img,
  #tentou>section.top>img {
    margin: 1em 0
  }

  #shucchou section.title,
  #tentou section.title {
    padding: 1em
  }

  #shucchou section.title h2,
  #tentou section.title h2 {
    font-size: 1.273em;
    font-weight: 700;
    color: #f2799a;
    text-align: center;
    padding: .7em 0;
    line-height: 140%
  }

  #shucchou section.title h1,
  #tentou section.title h1 {
    color: #616161;
    font-size: 1.818em;
    text-align: center
  }

  #shucchou section.title h1 span,
  #tentou section.title h1 span {
    font-weight: 700;
    font-size: 1.5em
  }

  #shucchou section.title h1 em,
  #tentou section.title h1 em {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em
  }

  #shucchou section.title p,
  #tentou section.title p {
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    text-align: center;
    padding-top: 10px
  }

  #shucchou section#howTo,
  #shucchou section#sct1 {
    color: #616161;
    margin: 0 2%;
    padding: 1em
  }

  #shucchou .layout01>dd {
    line-height: 1.45
  }

  #shucchou .alert>div {
    padding: .5em 1em
  }

  #shucchou section#sct1 div.nobdTitle {
    margin-bottom: 1em
  }

  #shucchou section#sct1 div.nobdTitle h1 span {
    font-size: 57%;
    color: #f2799a;
    line-height: 1.5
  }

  #shucchou section#sct1 dl.layout01 {
    background-color: #f8f4ef;
    margin: 1em 0;
    border-radius: .5em;
    padding: 1em
  }

  #shucchou section#sct1 dl.layout01>* {
    vertical-align: middle
  }

  #shucchou section#sct1 dl.layout01 dd h1 {
    font-size: 1.182em;
    color: #424242
  }

  #shucchou section#howTo {
    margin-top: -2em
  }

  #shucchou section#howTo div.nobdTitle {
    margin-bottom: 1em
  }

  #shucchou section#howTo div.menu {
    margin: 1em 0
  }

  #shucchou section#howTo div.menu a {
    float: left;
    width: 25%
  }

  #shucchou section#howTo div.menu img {
    max-width: 193px;
    height: auto
  }

  #shucchou div[id*="step"] {
    border-color: #bdbdbd
  }

  #shucchou div[id*="step"]>h1 {
    background-color: #616161;
    color: #fff;
    font-size: 1.09em;
    line-height: 2.2
  }

  #shucchou div[id*="step"]>h1 span {
    display: inline;
    background: none;
    font-size: 66.1%;
    font-weight: 400;
    font-family: "Noto Serif";
    vertical-align: middle;
    padding: 0
  }

  #shucchou div[id*="step"]>h1 span em {
    font-size: 116%;
    font-style: normal;
    padding-left: .2em
  }

  #shucchou div[id*="step"]>h1 p {
    display: inline-block;
    vertical-align: middle
  }

  #shucchou div[id*="step"] div.alert {
    margin-bottom: 0
  }

  #shucchou div#step1>div {
    padding: 1em
  }

  #shucchou div#step1 div>p {
    text-align: center;
    line-height: 2
  }

  #shucchou div#step1 div img.web {
    width: 55.5%;
    display: block;
    margin: .5em auto
  }

  #shucchou div#step1 div .tel {
    margin: 1em 0
  }

  #shucchou div#step4>div,
  #shucchou div#step3>div,
  #shucchou div#step2>div {
    padding: 1em
  }

  #shucchou div#step4 dl.layout01,
  #shucchou div#step3 dl.layout01,
  #shucchou div#step2 dl.layout01 {
    margin-bottom: 1em
  }

  #shucchou div#step2 dl.layout01>* {
    vertical-align: middle
  }

  #shucchou div#step4 div div.sBox_gry {
    margin: 1em 0 0
  }

  #shucchou section#results {
    margin: -1em 2% 0;
    padding: 1em
  }

  #shucchou section#results div.nobdTitle {
    color: #616161;
    margin-bottom: 1.5em
  }

  #shucchou section#results div.photo {
    text-align: center
  }

  #shucchou section#results div.photo img {
    display: inline-block;
    width: 47%
  }

  #shucchou section#results div.photo img:last-child {
    margin-left: 2%
  }

  #shucchou section#results ul li {
    border-bottom: 1px #ccc solid;
    padding: 1em 0
  }

  #shucchou section#results ul li:last-child {
    border: none;
    padding-bottom: 0
  }

  #shucchou section#results ul li p.number {
    font-size: .818em;
    color: #fff;
    background-color: #d0b592;
    display: inline-block;
    padding: .3em 1em;
    border-radius: 2em
  }

  #shucchou section#results ul li h1 {
    font-size: .909em;
    line-height: 1.5;
    margin: .5em 0
  }

  #shucchou section#results ul li h2 {
    color: #616161;
    font-weight: 700;
    font-size: 1.09em
  }

  #shucchou section#results ul li h2 span {
    color: #f2799a;
    padding-left: 1em
  }

  #gyouretu section p,
  #gyouretu section div,
  #gyouretu section ul,
  #gyouretu section dl {
    border-radius: 4px
  }

  #gyouretu section.top div {
    position: absolute;
    bottom: 0;
    width: 96%;
    left: 2%;
    bottom: 2%
  }

  #gyouretu section.top div p {
    position: absolute;
    top: -.05em;
    left: 0;
    line-height: 1.4;
    width: 18em;
    padding: 1em;
    color: #fff;
    font-weight: 700;
    font-size: 1.09em
  }

  #gyouretu section.top div p span {
    color: #fffc00
  }

  #gyouretu section.stripe {
    background-image: url(../img/common/bg.png);
    background-size: 30em
  }

  #gyouretu section.stripe img {
    padding: 1em
  }

  #gyouretu section.stripe div {
    border: 1px #f2799a solid;
    padding: 1em;
    margin: 0 1em;
    border-radius: 1em;
    color: #616161;
    background-color: #fff;
    font-weight: 700
  }

  #gyouretu section.grayPart h1,
  #gyouretu section.stripe div h1 {
    text-align: center;
    color: #fff;
    font-size: 1.182em;
    line-height: 1.8;
    border-radius: 2em;
    position: relative
  }

  #gyouretu section.grayPart h1:after,
  #gyouretu section.stripe div h1:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5em .5em 0 .5em;
    position: absolute;
    left: 50%;
    margin-left: -.5em;
    bottom: -.35em
  }

  #gyouretu section.stripe div h1:after {
    border-color: #f48fb1 transparent transparent transparent
  }

  #gyouretu section.stripe div h1 {
    background-color: #f48fb1
  }

  #gyouretu section.stripe div li {
    font-size: 1.182em;
    line-height: 1.5;
    position: relative;
    padding: .6em 0 .6em 2em
  }

  #gyouretu section.stripe div li span {
    position: absolute;
    color: #fff;
    background-color: #f48fb1;
    text-align: center;
    line-height: 1.6em;
    width: 1.6em;
    border-radius: 50%;
    top: 0;
    left: 0;
    margin-top: .5em
  }

  #gyouretu section.stripe div p {
    background-color: #fff5f8;
    padding: 1em 1em;
    font-size: 1.182em;
    line-height: 1.8;
    border-radius: .5em;
    color: #f2799a
  }

  #gyouretu section.stripe p {
    padding: 1em 2em;
    line-height: 1.5;
    color: #616161
  }

  #gyouretu section.grayPart {
    background-color: #f2f2f2;
    padding: 1em 1em 0 1em;
    text-align: center
  }

  #gyouretu section.grayPart h1 {
    background-color: #56bbec;
    font-weight: 700;
    margin: 0 2em
  }

  #gyouretu section.grayPart h1:after {
    border-color: #56bbec transparent transparent transparent
  }

  #gyouretu section.grayPart ul.marked {
    text-align: left;
    margin: 0 4%
  }

  #gyouretu section.grayPart ul.marked li {
    font-size: 1.273em;
    color: #1c9ede;
    font-weight: 700
  }

  #gyouretu section.grayPart ul.marked li:before {
    background-color: #1c9ede
  }

  #gyouretu section.grayPart ul.marked p {
    font-size: 1.273em;
    color: #575757;
    text-align: center;
    font-weight: 700
  }

  #gyouretu section.branduru {
    padding: 2em;
    line-height: 1.5
  }

  #gyouretu section.branduru>h3 {
    font-weight: 700;
    color: #616161
  }

  #gyouretu section.branduru>h1 {
    font-size: 2.55em;
    font-weight: 700;
    line-height: 1.2;
    margin: .2em 0;
    color: #616161
  }

  #gyouretu section.branduru>p {
    padding: 1em;
    font-size: .892em;
    line-height: 1.6;
    background-color: #fff5f8;
    margin: 1.5em 0
  }

  #gyouretu section.branduru div.lower {
    margin: 1em 0;
    font-weight: 700
  }

  #gyouretu section.branduru div.lower h1 {
    font-size: 1.273em;
    text-align: center;
    padding: .2em 0;
    color: #f2799a
  }

  #gyouretu section.branduru div.lower p {
    font-size: .909em;
    color: #444
  }

  #gyouretu>section.branduru>img {
    position: absolute;
    left: 0;
    top: 0
  }

  div#eco {
    font-size: .909em;
    line-height: 1.4;
    color: #616161
  }

  div#eco section.top div.copy {
    position: absolute;
    top: 42%;
    left: 50%;
    text-align: center;
    width: 90%;
    margin-left: -45%;
    color: #212121;
    font-weight: 700
  }

  div#eco section.top div.copy h1 span {
    font-size: 150%
  }

  div#eco section.top div.bar {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .3);
    text-align: center;
    line-height: 1.6
  }

  div#eco section.top div.bar>* {
    display: inline-block;
    vertical-align: middle
  }

  div#eco section.top div.bar p {
    font-size: 2.182em;
    font-weight: 700;
    color: #f2799a
  }

  div#eco section.top div.bar img {
    width: 2.5em;
    margin: 0 2em
  }

  div#eco section.main p.text {
    font-size: .909em;
    line-height: 1.4;
    color: #616161;
    padding: 1em;
    border-bottom: 1px #e0e0e0 solid;
    margin-bottom: 1em
  }

  div#eco section.main div.activety h1 {
    color: #616161;
    font-weight: 700
  }

  div#eco section.main div.activety h1 span {
    font-size: 150%
  }

  div#eco section.main div.activety>div {
    position: relative
  }

  div#eco section.main div.activety>div img {
    padding: 0 1em
  }

  div#eco section.main div.activety>div p {
    position: absolute;
    top: 40%;
    font-weight: 700
  }

  div#eco section.main div.activety>div:nth-child(even) p {
    left: 1em
  }

  div#eco section.main div.activety>div:nth-child(odd) p {
    right: 1em
  }

  div#eco section.main div.bottom dl.layout01 {
    padding: 1em
  }

  div#eco section.main div.bottom dl.layout01 dd {
    vertical-align: middle;
    padding: 0 0 0 1em
  }

  section,
  .container,
  #taishou .main {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px
  }

  #buyer section.main,
  #riyuu section.main,
  #takuhai .base,
  #yoritakaku section.main,
  #tenpo section.main,
  #tuyomi section.main,
  #interviewPg section.main,
  #areaDetail section.main,
  #hajimete section#top,
  #hajimete section#sct1,
  #hajimete section#sct3,
  #hajimete section#sct4,
  #hajimete section#company,
  #hajimete section#message {
    margin-right: auto;
    margin-left: auto;
    max-width: none
  }

  .trans {
    opacity: 1
  }

  .trans:hover,
  .trans:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85
  }

  .wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative
  }

  .bold {
    font-weight: bold !important
  }

  .ft01 {
    font-family: 'Noto Serif', "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
  }

  .ft02 {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif
  }

  .ft03 {
    font-family: FontAwesome
  }

  .ft04 {
    font-family: 'Roboto Slab', serif
  }

  .arrow {
    position: absolute;
    top: 50%
  }

  .btn01 {
    color: #FFF;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    display: block;
    position: relative
  }

  .btn01.c01 {
    background: #f2799a;
    border-bottom: 2px solid #d96d8a
  }

  .btn01.c02 {
    background: #f7a8bd;
    border-bottom: 2px solid #de97aa
  }

  .btn01.c03 {
    background: #9e9e9e;
    border-bottom: 2px solid #ccc
  }

  .btn02 {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    display: block;
    position: relative
  }

  .btn03 {
    color: #FFF;
    border-radius: 4px;
    display: block;
    position: relative
  }

  .btn03.c01 {
    background: #f2799a
  }

  .btn03.c02 {
    background: #fbd3de
  }

  .last {
    margin-right: 0
  }

  .more_b {
    width: 250px;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    padding: 17px 0;
    position: relative
  }

  .more_b2 {
    width: 250px;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    padding: 17px 0;
    position: relative;
    clear: both
  }

  .more_b i {
    font-size: 30px;
    right: 18px;
    margin-top: -15px
  }

  .more_s {
    border: 1px solid #e0e0e0;
    color: #616161;
    font-size: 73%;
    line-height: 1.8;
    padding: 3px 20px 3px 10px;
    position: absolute;
    top: 0;
    right: 0
  }

  .more_s:link,
  .more_s:visited {
    color: #616161
  }

  .more_s:hover,
  .more_s:active {
    color: #f2799a
  }

  .more_s:hover {
    border-color: #f2799a
  }

  .more_s i {
    font-size: 150%;
    top: 50%;
    right: 10px;
    margin-top: -11px;
    line-height: 20px
  }

  .corner01 {
    border-radius: 4px
  }

  .corner02 {
    border-radius: 10px
  }

  .corner03 {
    border-radius: 4px
  }

  .inquiryBtn {
    margin: 20px auto
  }

  .inquiryBtn a {
    font-size: 28px;
    font-weight: 700;
    padding: 14px 0
  }

  .inquiryBtn a span {
    display: inline-block;
    width: 100%
  }

  .inquiryBtn a i {
    display: inline-block;
    width: 100%;
    position: absolute;
    right: 0;
    text-align: right;
    padding-right: 3%
  }

  footer .bg {
    background: #EEE;
    padding: 60px 0 45px
  }

  footer .logo {
    text-align: center
  }

  footer .nav {
    display: table;
    width: 720px;
    margin: 40px auto 0
  }

  footer .nav ul {
    display: table-cell;
    width: 25%
  }

  footer .nav li {
    margin-top: 10px
  }

  footer .nav li a {
    color: #616161;
    font-size: 14px
  }

  footer .nav li i {
    color: #9e9e9e;
    font-size: 16px;
    margin-right: 4px
  }

  footer .copy {
    text-align: center;
    font-size: 10px;
    padding: 20px 0
  }

  footer .bg .tel .corner01 {
    background: #EEE;
    padding: 25px 0 25px;
    text-align: center
  }

  footer .bg .tel .txt01 {
    font-size: 16px
  }

  footer .bg .tel .call {
    font-size: 48px;
    color: #f2799a;
    margin: 15px 0
  }

  footer .bg .tel .call i {
    font-size: 28px;
    background: #FFF;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    border: 2px solid #f2799a;
    text-align: center;
    margin-right: 10px
  }

  footer .bg .tel .call i,
  footer .bg .tel .call span {
    display: inline-block;
    vertical-align: middle
  }

  footer .bg .tel .txt02 {
    font-size: 14px
  }

  footer#sc p {
    background: #EEE
  }

  .howto {
    padding: 80px 0;
    color: #616161;
    border-bottom: 1px solid #EEE
  }

  .howto .ttl {
    text-align: center
  }

  .howto .ttl .ttl01 {
    margin-top: 20px
  }

  .howto .ttl .ttl02 {
    margin: 20px 0;
    font-size: 24px
  }

  .howto .ttl .ttl02 strong:first-child,
  .howto .ttl .ttl02 i {
    color: #f2779a
  }

  .howto .ttl .ttl02 i {
    margin: 0 .2em
  }

  .howto .step li {
    margin-bottom: 40px;
    border: 1px solid #d0b592;
    position: relative
  }

  .howto .step li:after {
    content: "\f107";
    font-size: 40px;
    color: #bdbdbd;
    font-family: FontAwesome;
    position: absolute;
    left: 115px
  }

  .howto .step li:last-child:after {
    display: none
  }

  .howto .step li>* {
    display: table-cell;
    vertical-align: middle
  }

  .howto .step li>.ttl {
    background: #d0b592;
    width: 250px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px
  }

  .howto .step li>.ttl span {
    font-size: 40px
  }

  .howto .step li>.ttl strong {
    font-size: 18px;
    margin-top: 10px;
    display: block
  }

  .howto .step li>.txt {
    padding: 20px;
    font-size: 16px
  }

  .howto .step li>.txt>* {
    display: inline-block;
    vertical-align: middle
  }

  .howto .step li>.txt>img {
    width: 80px;
    height: 80px
  }

  .howto .step li>.txt>p {
    width: 600px;
    margin-left: 10px
  }

  .howto .step li>.txt>p strong {
    display: block;
    margin-bottom: 15px;
    color: #f2779a;
    font-size: 18px
  }

  .howto .link {
    width: 680px;
    margin: 0 auto;
    display: table;
    border-spacing: 20px 0
  }

  .howto .link li {
    display: table-cell;
    width: 33.333%;
    text-align: center
  }

  .howto .link li a {
    padding: 19px 0
  }

  .howto .link li i {
    font-size: 27px;
    right: 18px;
    margin-top: -13.5px
  }

  .howto div.shopDetail {
    padding: 2em 0
  }

  .howto div.shopDetail>dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-bottom: 1em
  }

  .howto div.shopDetail>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  .howto div.shopDetail>dl dd {
    padding: 1em;
    line-height: 1.4
  }

  .howto div.shopDetail>dl dd>p {
    margin-bottom: .5em
  }

  .sec_ttl {
    text-align: center;
    padding: 20px 0 20px
  }

  .sec_ttl_graybg {
    text-align: center;
    padding: 60px 0 0;
    background-color: #EEE
  }

  .sec_ttl .ttl00,
  .sec_ttl_graybg .ttl02,
  .sec_ttl .ttl02 {
    padding-bottom: 20px;
    font-size: 28px;
    position: relative
  }

  .sec_ttl_graybg .ttl02 span,
  .sec_ttl .ttl02 span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 12px;
    color: #9e9e9e
  }

  .sec_ttl .ttl02:before,
  .sec_ttl .ttl02:after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    left: 50%;
    margin-left: -40px
  }

  .sec_ttl_graybg .ttl02:before,
  .sec_ttl_graybg .ttl02:after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #9e9e9e;
    position: absolute;
    left: 50%;
    margin-left: -40px
  }

  .sec_ttl_graybg .ttl02:before,
  .sec_ttl .ttl02:before {
    bottom: 0
  }

  .sec_ttl_graybg .ttl02:after,
  .sec_ttl .ttl02:after {
    bottom: -2px
  }

  .top_kv_send {
    background: url(../img/top/kv_send2.jpg) no-repeat center #c4c4c4;
    height: 420px
  }

  .top_kv_shop {
    background: url(../img/top/kv_shop.png) no-repeat center #e5e5e5;
    height: 380px
  }

  .top_kv_visit {
    background: url(../img/top/kv_visit.png) no-repeat center #e5e5e5;
    height: 380px
  }

  .top_kv_campaign {
    height: 470px
  }

  .top_kv_shop1 {
    background: url(../img/shop/kv_shop1_bg.png) no-repeat center #fff
  }

  .top_kv_shop2 {
    background: url(../img/shop/kv_shop2_bg.png) no-repeat center #fff
  }

  .detail_kv {
    border-top: 1px solid #EEE;
    text-align: center
  }

  .brand_ttl {
    text-align: center;
    background: #EEE;
    padding: 0 0 20px;
    font-weight: 700;
    color: #363636
  }

  .brand_ttl .txt {
    font-size: 21px;
    margin-bottom: 13px;
    padding-top: 40px
  }

  .brand_ttl .ttl01 {
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 13px
  }

  .brand_ttl .ttl01 span {
    font-size: 30px
  }

  .brand_ttl .bal {
    color: #f2799a;
    background: #FFF;
    display: inline-block;
    padding: 16px 21px;
    border-radius: 25px;
    position: relative;
    margin-bottom: 20px
  }

  .brand_ttl .bal:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #FFF transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px
  }

  .brand_ttl .ttl02 {
    background: #f2799a;
    color: #FFF;
    font-size: 36px;
    padding: 32px 0
  }

  .brand_ttl .ttl02 span.fs_71per {
    font-size: 71%
  }

  .brand_ttl .ttl02 span.fs_86per {
    font-size: 86%
  }

  .brand_ttl .ttl03 {
    font-size: 36px;
    padding: 40px 0 60px
  }

  .brand_ttl .ttl03 span {
    font-size: 20px;
    display: block;
    margin-bottom: 13px;
    letter-spacing: .15em
  }

  .brand_catch {
    background: #fff;
    border-bottom: 5px solid #fdedf2;
    font-size: 80%;
    font-weight: 700;
    line-height: 1.5;
    padding: 15px;
    position: relative;
    text-align: center
  }

  .brand_catch p {
    position: relative;
    z-index: 2
  }

  .brand_catch strong {
    font-size: 135%
  }

  .brand_catch+* .detail_kv {
    border-top: none
  }

  .brand_ttl_txt {
    overflow: hidden;
    padding: 20px 70px 20px 340px;
    position: relative
  }

  .brand_ttl_txt:before {
    background: url(/img/brand/brand_ttl_txt_bg01.jpg) no-repeat center 0;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -100px;
    width: 600px;
    height: 100%
  }

  .brand_ttl_txt p {
    background-color: rgba(255, 255, 255, .75);
    border-radius: 5px;
    color: #616161;
    line-height: 2;
    padding: 40px 20px
  }

  .brand_ttl_txt p strong {
    font-size: 125%
  }

  .brand_ttl_txt_sub {
    font-size: 75%
  }

  .brand_ttl_em {
    background-color: #bfa178;
    color: #fff;
    line-height: 2;
    padding: 20px
  }

    .bran_ttl_em_txt {
      font-size: 90%;
  }

  .brand_ttl_em_ttl {
    background-color: #fff;
    border-radius: 5px;
    color: #bfa178;
    font-size: 108%;
    margin: 10px auto 0;
    padding: 10px;
    max-width: 1000px;
  }

  .brand_ttl_em_popular {
    font-size: 86%;
    margin: 10px auto 0;
    max-width: 1000px;
    font-weight: normal;
    line-height: 180%;
  }

  @media (max-width:780px) {
    .brand_catch {
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 60%
    }

    .brand_catch:before,
    .brand_catch:after {
      background-position: center 0;
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      height: 100%
    }

    .brand_catch:before {
      background-image: url(/img/brand/brand_catch_bg01.jpg);
      left: 0;
      width: 90px
    }

    .brand_catch:after {
      background-image: url(/img/brand/brand_catch_bg02.jpg);
      right: 0;
      width: 160px
    }

    .brand_catch strong {
      display: block
    }

    .brand_ttl_txt {
      font-size: 80%;
      padding-right: 2%;
      padding-left: 170px
    }

    .brand_ttl_txt:before {
      left: -185px
    }

    .brand_ttl_txt p {
      padding: 30px 10px
    }

    .brand_ttl_txt p strong {
      font-size: 100%
    }
  }

  .brand_ttl p.title3 {
    font-size: 14px !important
  }

  .brand_ttl .txt {
    padding-top: 30px
  }

  .brand_ttl .ttl01 {
    font-size: 100%
  }

  .brand_ttl p.title1b {
    font-size: 21px !important
  }

  .brand_ttl .ttl01 span {
    font-size: 100%
  }

  .brand_ttl p.title4 {
    font-size: 16px !important
  }

  .brand_ttl .ttl02 {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .brand_point {
    position: relative;
    color: #616161;
    border-bottom: 1px solid #EEE;
    padding: 80px 0 60px
  }

  .brand_point .txt {
    line-height: 1.8;
    margin-top: 30px
  }

  .brand_point .txt img {
    float: left;
    margin-right: 15px
  }

  .brand_point>.ttl {
    position: absolute;
    left: 50%;
    top: -60px;
    margin-left: -290px;
    z-index: 1
  }

  .brand_point.is-s {
    border-bottom: none;
    padding-bottom: 0
  }

  .NoBg_ttl {
    border-top: 1px solid #EEE;
    text-align: center;
    padding: 0;
    font-weight: 700;
    background: #fff
  }

  .NoBg_ttl h1.ttl01 {
    font-size: 42px
  }

  .corner01>.wrapper>.txt {
    margin-top: 20px
  }

  .accordion {
    width: 92%;
    margin: 4%;
    overflow: hidden
  }

  .accordion .ac-content {
    margin: 0;
    position: relative
  }

  .accordion .ac-content i {
    float: right;
    font-size: 24px
  }

  .accordion h3 {
    display: block;
    background: #616161;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    font-size: 1.667em;
    border-radius: 5px
  }

  .accordion h3:hover {
    background: #616161
  }

  .accordion h3 .fa-chevron-up {
    display: none
  }

  .accordion .ac2-cont {
    border: 2px solid #616161;
    border-radius: 0 0 5px 5px;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    display: none
  }

  .accordion .ac2-cont p a {
    display: block;
    padding: 15px 10px;
    color: #616161
  }

  .accordion .ac2-cont p strong {
    display: block;
    margin-bottom: 5px
  }

  .accordion .ac2-cont p:nth-child(even) {
    background: #eee
  }

  .accordion .ac2-cont p i {
    margin-top: -.7em;
    color: #f2779a
  }

  .accordion .brand_box {
    margin-bottom: 10px
  }

  .accordion .brand_box.active .ac2-cont {
    display: block
  }

  .accordion .brand_box.active h3 {
    border-radius: 5px 5px 0 0
  }

  .accordion .brand_box.active .fa-chevron-up {
    display: inline-block
  }

  .accordion .brand_box.active .fa-chevron-down {
    display: none
  }

  .attention {
    border-bottom: 1px solid #EEE;
    color: #616161;
    padding: 40px 0 80px;
    text-align: center
  }

  .attention h2.ttl {
    border: #ffc107 4px solid;
    color: #ffc107;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: .5em
  }

  .attention h2.ttl i {
    margin-right: .3em
  }

  .attention .txt {
    padding: 20px 0
  }

  .attention .box {
    display: table;
    width: 1120px;
    border-spacing: 40px 0;
    margin-left: -40px;
    position: relative
  }

  .attention .box>.border,
  .attention .box>.tel {
    display: table-cell;
    width: 50%;
    vertical-align: bottom
  }

  .attention .box>.border>.web>div {
    padding: 20px
  }

  .attention .box>.border>.web .corner01 {
    background: #fdebf0
  }

  .attention .box>.border>.web .corner01 a {
    font-size: 28px;
    font-weight: 700;
    padding: 14px 0 8px
  }

  .attention .box>.border>.web .corner01 a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px
  }

  .attention .box>.border>.web .corner01 a i {
    font-size: 40px;
    right: 30px;
    margin-top: -20px
  }

  .attention .box>.border>.web .date .txt {
    font-size: 28px
  }

  .attention .box .date {
    border: 1px solid #bdbdbd;
    background: #FFF !important;
    margin-top: 20px;
    display: table;
    width: 100%;
    border-spacing: 1px
  }

  .attention .box .date li {
    display: table-cell;
    width: 50%;
    vertical-align: middle
  }

  .attention .box .date .ttl {
    background: #EEE;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6
  }

  .attention .box .date .txt span {
    font-size: 30px;
    color: #FFF;
    background: #616161;
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    border-radius: 20px
  }

  .attention .box>.tel .corner01 {
    background: #EEE;
    padding: 54px 0
  }

  .attention .box>.tel .txt01 {
    font-size: 16px
  }

  .attention .box>.tel .call {
    font-size: 48px;
    color: #f2799a;
    margin: 15px 0
  }

  .attention .box>.tel .call i {
    margin-right: 5px;
    width: 60px;
    height: 60px
  }

  .attention .box>.tel .call i,
  .attention .box>.tel .call span {
    display: inline-block;
    vertical-align: middle
  }

  .attention .box>.tel .txt02 {
    font-size: 14px;
    margin-bottom: 15px
  }

  .attention .box .bal {
    margin-bottom: 5px
  }

  .attention .box .bal>li {
    display: inline-block
  }

  .attention .box .bal>li:last-child {
    margin-left: 14px
  }

  .attention .box .img {
    position: absolute;
    right: 100px;
    top: -75px;
    z-index: -1
  }

  .attention.notice .box>.border {
    vertical-align: middle;
    line-height: 1.8em;
    text-align: left
  }

  .attention.notice .box>.tel .corner01 {
    background: #fff;
    padding: 24px 0
  }

  .attention.last .sec_ttl .ttl02:before,
  .attention.last .sec_ttl .ttl02:after {
    display: none
  }

  .attention.last .img01,
  .attention.last .img02 {
    text-align: center
  }

  .attention.last .img02 {
    margin: 15px 0 40px
  }

  .attention.last .box {
    width: 1080px
  }

  .campaign_main {
    color: #616161
  }

  .campaign_main .bg02 {
    background-image: url(../img/campaign/clo_top-1_02_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg04 {
    background-image: url(../img/campaign/clo_top-1_04_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg06 {
    background-image: url(../img/campaign/clo_top-1_06_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg07 {
    background-image: url(../img/campaign/clo_top-1_07_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg08 {
    background-image: url(../img/campaign/clo_top-1_08_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg09 {
    background-image: url(../img/campaign/clo_top-1_09_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg10 {
    background-image: url(../img/campaign/clo_top-1_10_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg11 {
    background-image: url(../img/campaign/clo_top-1_11_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg12 {
    background-image: url(../img/campaign/clo_top-1_12_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg13 {
    background-image: url(../img/campaign/clo_top-1_13_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg14 {
    background-image: url(../img/campaign/clo_top-1_14_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg15 {
    background-image: url(../img/campaign/clo_top-1_15_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg18 {
    background-image: url(../img/campaign/clo_top-1_18_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .bg19 {
    background-image: url(../img/campaign/clo_top-1_19_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main_aw .bg19 {
    background-image: url(../img/campaign/clo_top-1_19_bg.png);
    background-repeat: repeat-x
  }

  .campaign_main .wrapper {
    width: 800px
  }

  .campaign_main .ttl02 {
    position: relative
  }

  .campaign_main .ttl02 .txt {
    position: absolute;
    font-size: 21px;
    text-align: left;
    line-height: 1.4
  }

  .campaign_main .clo01 {
    margin-top: -70px
  }

  .campaign_main .clo01 .txt {
    width: 350px;
    left: 300px;
    bottom: 115px
  }

  .campaign_main .clo02 {
    margin-top: -40px
  }

  .campaign_main .clo02 .txt {
    width: 420px;
    bottom: 90px
  }

  .campaign_main .clo03 {
    margin-top: -40px;
    margin-bottom: 25px
  }

  .campaign_main .clo03 .txt {
    left: 320px;
    bottom: 20px
  }

  .campaign_main .clo04 {
    margin-top: 25px;
    margin-bottom: -95px
  }

  .campaign_main .clo04 .txt {
    top: 95px
  }

  .campaign_main .clo04 .txt strong {
    color: #f2799a
  }

  .campaign_main .point ul {
    margin-top: 20px
  }

  .campaign_main .point li {
    text-align: left;
    margin-bottom: 35px
  }

  .campaign_main .point .ttl {
    font-size: 21px;
    font-weight: 700;
    color: #616161;
    margin-bottom: 15px
  }

  .campaign_main .point .ttl img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
  }

  .campaign_main .point .txt {
    font-size: 16px;
    line-height: 1.5
  }

  .campaign_main .box .ttl {
    margin: 40px 0
  }

  .campaign_main .box ul {
    text-align: center;
    display: table;
    border-spacing: 50px 0;
    margin: 0 auto
  }

  .campaign_main .box li {
    display: table-cell
  }

  .campaign_main .box .txt {
    text-align: left;
    margin-top: 30px;
    line-height: 1.7;
    font-size: 16px
  }

  .campaign_main_nounder .clo01 {
    margin-top: -70px
  }

  .cam_search {
    background: #EEE;
    padding-bottom: 40px
  }

  .cam_search .txt {
    margin: 0;
    padding: 60px 0 20px
  }

  .cam_search .ttl {
    background: #FFF
  }

  .cam_search .ttl:after {
    border-color: #FFF transparent transparent transparent
  }

  .howto_ttl {
    padding: 0 0 30px
  }

  .howto_ttl .ttl02 {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.4;
    color: #616161 !important
  }

  .howto_ttl .ttl02 span {
    font-size: 1.3em
  }

  .howto_btn {
    width: 1040px
  }

  .howto_btn ul {
    display: table;
    border-spacing: 20px 0
  }

  .howto_btn li {
    display: table-cell;
    width: 320px;
    text-align: center;
    border: 2px solid #f2799a
  }

  .howto_btn li a {
    display: block;
    padding: 30px 0 5px
  }

  .howto_btn li .txt {
    font-size: 16px;
    color: #616161;
    margin-bottom: 15px
  }

  .howto_btn li .ttl {
    font-size: 28px;
    color: #212121;
    font-weight: 700
  }

  .howto_btn li .ttl strong {
    color: #f2799a
  }

  .howto_btn li .ttl .num {
    background: #f2799a;
    color: #FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 24px;
    border-radius: 50%
  }

  .howto_btn li i {
    font-size: 40px
  }

  .howto_about {
    padding: 80px 0 0
  }

  .howto_about>.ttl {
    font-size: 1.3em;
    color: #616161 !important;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
  }

  .howto_about>ul {
    display: table;
    border-spacing: 40px 0;
    width: 1080px
  }

  .howto_about>ul>li {
    display: table-cell;
    width: 50%;
    background: #f8f4ef
  }

  .howto_about>ul>li .ttl {
    background: #f2799a;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    padding: 16px 0;
    border-radius: 4px 4px 0 0
  }

  .howto_about>ul>li .box {
    padding: 20px 20px 0;
    text-align: center
  }

  .howto_about>ul>li .txt01 {
    font-size: 16px;
    color: #c4a277
  }

  .howto_about>ul>li .img {
    margin: 20px 0 15px
  }

  .howto_about>ul>li .txt02 {
    background: #FFF;
    display: block;
    padding: 16px 0;
    margin-bottom: 20px
  }

  .howto_about>ul>li .txt02 span {
    color: #f2799a
  }

  .howto_about>ul>li .txt03 {
    font-size: 16px;
    text-align: left;
    line-height: 1.5
  }

  .howto_select {
    padding: 80px 0
  }

  .howto_select .howto {
    padding: 80px 0 40px
  }

  .howto_select .howto .btn02 {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    padding: 17px 0
  }

  .howto_select .howto .btn02 i {
    font-size: 30px;
    right: 18px;
    margin-top: -15px
  }

  .howto_select>.ttl {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
  }

  .howto_select .tab_menu.top {
    border-bottom: 2px solid #f2799a
  }

  .howto_select .tab_menu.top li {
    border-radius: 4px 4px 0 0
  }

  .howto_select .tab_menu.btm {
    border-top: 2px solid #f2799a
  }

  .howto_select .tab_menu.btm li {
    border-radius: 0 0 4px 4px
  }

  .howto_select .tab_menu ul {
    display: table;
    border-spacing: 20px 0;
    width: 1040px
  }

  .howto_select .tab_menu li {
    display: table-cell;
    width: 33.333%;
    cursor: pointer;
    background: #EEE;
    color: #616161;
    font-size: 15px;
    text-align: center;
    padding: 25px 0
  }

  .howto_select .tab_menu li strong {
    display: block;
    font-size: 28px;
    margin-top: 7px
  }

  .howto_select .tab_menu li.active {
    background: #f2799a;
    color: #FFF
  }

  .howto_select .tab_box {
    display: none
  }

  .howto_select .tab_box.active {
    display: block
  }

  .howto_merit {
    padding: 60px 0 0;
    color: #616161
  }

  .howto_merit .ttl02:before,
  .howto_merit .ttl02:after {
    display: none
  }

  .howto_merit .ttl03 {
    font-weight: 700;
    color: #f2779a;
    margin-bottom: 10px
  }

  .howto_merit ul {
    display: table;
    border-spacing: 20px 0;
    width: 1040px;
    margin: 10px 0 0 -20px
  }

  .howto_merit li {
    display: table-cell;
    width: 33.33%;
    background: #f8f4ef;
    padding: 20px
  }

  .howto_merit .ttl {
    display: table;
    width: 100%;
    border-spacing: initial;
    line-height: 1.5;
    font-weight: 700;
    color: #424242
  }

  .howto_merit .ttl>* {
    display: table-cell;
    vertical-align: middle;
    width: 170px
  }

  .howto_merit .ttl>img {
    padding-right: 20px;
    width: 110px
  }

  .howto_merit .txt {
    font-size: 14px;
    color: #616161;
    margin-top: 20px
  }

  .mt_05em {
    margin-top: .5em
  }

  .mt_1em {
    margin-top: 1em
  }

  .mt_2em {
    margin-top: 2em
  }

  .mt_3em {
    margin-top: 3em
  }

  .mt_5em {
    margin-top: 5em !important
  }

  .mb_05em {
    margin-bottom: .5em
  }

  .mb_1em {
    margin-bottom: 1em
  }

  .mb_2em {
    margin-bottom: 2em
  }

  .jq_hide {
    display: none
  }

  section,
  section.last,
  .container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px
  }

  section.login,
  section.noUse,
  section.cam_search,
  section.campaign_main,
  section.top_kv_campaign,
  section.top_kv_send,
  section.top_kv_shop,
  section.top_kv_visit,
  section.top_kv_shop1,
  section.top_kv_shop2,
  section.top_kv_eco {
    max-width: none
  }

  .results-suggest-hover {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 200
  }

  .results-suggest-hover .container {
    max-width: 960px
  }

  .results-suggest-hover .fa-star {
    color: #d0b592
  }

  .results-suggest-hover .fa-ban {
    color: #999
  }

  .results-suggest-hover-title {
    background: #616161;
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 10px;
    position: relative
  }

  .results-suggest-hover-title .close {
    color: #fff;
    position: absolute !important;
    top: 10px;
    right: 15px
  }

  .results-suggest-hover-body {
    background: #fff;
    border-radius: 0 0 5px 5px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }

  .results-suggest-hover-body li a,
  .results-suggest-hover-body li p {
    border-top: 1px solid #e0e0e0;
    display: block;
    font-size: 89%;
    line-height: 20px;
    padding: 10px 10px 10px 40px;
    position: relative
  }

  .results-suggest-hover-body li p {
    color: #616161
  }

  .results-suggest-hover-body li .fa-star,
  .results-suggest-hover-body li .fa-ban {
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 10px;
    text-align: center;
    width: 30px;
    z-index: 2
  }

  .results-suggest-hover-body li.suggest-buy {
    font-weight: 700
  }

  .results-suggest-hover-body li.normal a {
    color: #616161
  }

  .results-suggest-hover-body li span {
    border: 1px solid #f2799a;
    border-radius: 5px;
    color: #f2799a;
    display: inline-block;
    font-size: 80%;
    font-weight: 400;
    line-height: 28px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    right: 10px;
    text-align: center;
    width: 120px
  }

  .results-suggest-hover-body li a:hover {
    background: #fdebf0
  }

  .results-suggest-hover-body li a:hover:hover span {
    background: #f2799a;
    color: #fff
  }

  .results-suggest-bg {
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
  }

  .content-results-search {
    padding: 0;
    background: url(../img/result/resultBg.png) no-repeat top center;
    background-size: cover;
    color: #fff;
    text-align: center
  }

  .content-results-search .bg {
    background-color: rgba(0, 0, 0, .5);
    margin: 0;
    padding: 60px 0;
    line-height: 1.5
  }

  .content-results-search .lead {
    margin-bottom: 40px
  }

  .content-results-search .tab-content {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px
  }

  .content-results-search .word-free .tab-content-title {
    padding-bottom: 20px
  }

  .content-results-search .word-free input {
    background: #f2799a;
    border: none;
    border-radius: 30px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2) inset;
    color: #fff;
    font-size: 125%;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    width: 100%;
    height: 60px
  }

  .content-results-search .word-free input:placeholder-shown {
    color: #fff
  }

  .content-results-search .word-free input::-webkit-input-placeholder {
    color: #fff
  }

  .content-results-search .word-free input:-moz-placeholder {
    color: #fff;
    opacity: 1
  }

  .content-results-search .word-free input::-moz-placeholder {
    color: #fff;
    opacity: 1
  }

  .content-results-search .word-free input:-ms-input-placeholder {
    color: #fff
  }

  .content-results-search .word-kana .tab-content-title {
    padding-bottom: 10px
  }

  .content-results-search .word-kana .table-wrap {
    margin-right: -10px;
    margin-left: -10px
  }

  .content-results-search .word-kana ul {
    border-collapse: separate;
    border-spacing: 10px 0;
    display: table;
    margin-top: 10px;
    table-layout: fixed;
    width: 100%
  }

  .content-results-search .word-kana li {
    display: table-cell
  }

  .content-results-search .word-kana li a {
    background-color: rgba(255, 255, 255, .2);
    border-bottom: 2px solid #616161;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 93%;
    font-weight: 700;
    padding: 15px
  }

  .paging {
    padding-top: 20px;
    text-align: center
  }

  .paging a,
  .paging i {
    line-height: 28px
  }

  .paging a {
    border: 1px solid #f2799a;
    display: inline-block;
    font-size: 79%;
    margin: 0 3px;
    width: 30px;
    vertical-align: top
  }

  .paging a.on {
    background: #f2799a;
    color: #fff
  }

  .page-top {
    margin: 0;
    padding: 0;
    display: none
  }

  .page-top p {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    z-index: 9999
  }

  .move-page-top {
    display: block;
    transition: all 0.3s
  }

  .move-page-top img {
    width: 60px;
    height: 60px;
    z-index: 9999
  }

  .move-page-top:hover {
    opacity: .85
  }

  section.pageTitle,
  div.pageTitle_wht {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    padding: 2em 0;
    background-color: #fff;
    border-radius: 0;
    color: #616161
  }

  section.pageTitle span {
    font-size: .7em
  }

  div.pageTitle_wht {
    background-color: transparent !important;
    color: #ffffff !important
  }

  p.title1,
  p.title1white {
    font-size: 32px !important;
    font-weight: bold !important;
    display: inline-block;
    position: relative
  }

  p.title1:before,
  p.title1white:before,
  p.title1:after,
  p.title1white:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -20px
  }

  p.title1 {
    color: #363636 !important
  }

  p.title1:before,
  p.title1:after {
    border-bottom: 2px solid #ccc
  }

  p.title1white {
    color: #fff !important
  }

  p.title1white:before,
  p.title1white:after {
    border-bottom: 2px solid #fff
  }

  @media (min-width:780px) {
    p.title1b {
      font-size: 32px !important;
      font-weight: bold !important;
      line-height: 130% !important
    }

    p.title2 {
      font-size: 28px !important;
      font-weight: bold !important;
      line-height: 130% !important
    }

    p.title3 {
      font-size: 24px !important;
      font-weight: bold !important;
      line-height: 130% !important
    }

    p.title4 {
      font-size: 20px !important;
      font-weight: bold !important;
      line-height: 180% !important
    }

    p.txt1 {
      font-size: 22px !important;
      font-weight: normal !important;
      line-height: 150% !important
    }

    ul.txt2,
    span.txt2,
    p.txt2 {
      font-size: 20px !important;
      font-weight: normal !important;
      line-height: 150% !important
    }

    li.txt3,
    div.txt3,
    span.txt3,
    p.txt3 {
      font-size: 16px !important;
      font-weight: normal !important;
      line-height: 180% !important
    }

    p.menu,
    span.txt4,
    p.txt4 {
      font-size: 15px !important;
      font-weight: normal !important;
      line-height: 150% !important
    }

    span.txt5,
    p.txt4 {
      font-size: 14px;
      font-weight: 400;
      line-height: 180%
    }
  }

  p.title1b {
    font-size: 28px;
    font-weight: 700;
    line-height: 130%
  }

  p.title2 {
    font-size: 23px;
    font-weight: 700;
    line-height: 130%
  }

  p.title3 {
    font-size: 17px;
    font-weight: 700;
    line-height: 145%
  }

  p.title4 {
    font-size: 15px;
    font-weight: 700;
    line-height: 180%
  }

  p.txt1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%
  }

  ul.txt2,
  span.txt2,
  p.txt2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%
  }

  li.txt3,
  div.txt3,
  span.txt3,
  p.txt3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 180%
  }

  p.menu,
  span.txt4,
  p.txt4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 150%
  }

  span.txt5,
  p.txt4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 180%
  }

  .sm {
    display: none !important
  }

  *[class*="mBtn"] {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 1.45em;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px #ccc;
    background: #f2799a;
    border-bottom: 1px solid #d96d8a
  }

  *[class*="mBtn2"] {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 1.45em;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px #ccc;
    background: #f2799a;
    border-bottom: 1px solid #d96d8a
  }

  *[class*="mBtn-gry"] {
    background: #9e9e9e;
    border-bottom: 1px solid #8e8e8e
  }

  *[class*="mBtn-dgry"] {
    background: #616161;
    border-bottom: 1px solid #515151
  }

  *[class*="mBtn-wht"] {
    background-color: #fff;
    color: #9e9e9e;
    border: 1px #eee solid;
    border-bottom: 1px #ddd solid
  }

  *[class*="mBtn-ppl"] {
    background-color: #c8abe9;
    color: #fff;
    border-bottom: 1px #b49ad1 solid
  }

  *[class*="mBtn"]:after {
    content: "\f105";
    font: normal normal normal 1.2em FontAwesome;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: .5em
  }

  *[class*="mBtn"]>i {
    font-size: 1.4em;
    position: relative;
    top: .15em
  }

  *[class*="-nic"]:after {
    content: ""
  }

  *[class*="ic-undo-"]::before,
  *[class*="ic-heart-"]::before {
    content: " ";
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: .28em
  }

  .sBtn {
    text-align: center;
    line-height: 3em;
    border: 1px #f2799a solid;
    border-radius: .2em;
    display: block;
    position: relative;
    text-decoration: none;
    font-seize: 1.09em
  }

  .sBtn:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 1.4em;
    font-weight: 400;
    position: absolute;
    top: -1px;
    right: .5em
  }

  @media (min-width:780px) {
    .sBtn {
      border-width: 2px
    }
  }

  input[type="button"],
  input[type="text"],
  input[type="submit"],
  input[type="checkbox"],
  select,
  textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none
  }

  section .btn {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 2px 2px #ccc;
    background: #f2799a;
    border-bottom: 2px solid #d96d8a
  }

  section .btn:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome
  }

  section .btn i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px
  }

  #tenpo .mt_2em {
    margin-top: 2em
  }

  #tenpo .mb_2em {
    margin-bottom: 2em
  }

  #tenpo section.top {
    position: relative;
    background: none
  }

  #tenpo section.top>h1 {
    text-align: center;
    font-weight: 700;
    font-size: 1.909em;
    width: 100%;
    position: absolute;
    top: 1em;
    left: 0
  }

  #tenpo section.top>img.mainImg {
    width: 100%
  }

  #tenpo section.top>div.catch {
    text-align: center;
    padding: 1.5em 0em 0em;
    background: #fff
  }

  #tenpo section.top>div.catch>h2,
  #tenpo section.top>div.catch .textwrap>h2 {
    font-size: 1em;
    margin-bottom: .6em;
    color: #f2799a;
    font-weight: 700
  }

  #tenpo section.top>div.catch>h2.fs_LL,
  #tenpo section.top>div.catch .textwrap>h2.fs_LL {
    font-size: 1.636em;
    font-weight: 700;
    color: #f2799a;
    margin-bottom: .4em
  }

  #tenpo section.top>div.catch>h2 span.fs_LL,
  #tenpo section.top>div.catch .textwrap>h2 span.fs_LL {
    font-size: 1.636em;
    font-weight: 700;
    color: #f2799a;
    margin-left: .3em
  }

  #tenpo section.top>div.catch>p,
  #tenpo section.top>div.catch .textwrap>p {
    font-size: .909em;
    font-weight: 700;
    color: #616161;
    margin-bottom: 1em
  }

  #tenpo section.top>div.catch>p.bgPink,
  #tenpo section.top>div.catch .textwrap>p.bgPink {
    font-size: 75%;
    letter-spacing: -.1em;
    font-weight: 700;
    color: #fff;
    background: #f2799a;
    padding: .8em 0
  }

  #tenpo section.top>div.catch>h3,
  #tenpo section.top>div.catch .textwrap>h3 {
    font-size: 1.636em;
    color: #fff;
    background-color: #fff;
    line-height: 1.5;
    font-family: "Noto Serif";
    border: 1px solid #f2799a
  }

  #tenpo section.top>div.catch>h3>i,
  #tenpo section.top>div.catch .textwrap>h3>i {
    width: 2em;
    height: 2em;
    font-size: .5em;
    vertical-align: middle;
    line-height: 2;
    background-color: #fff;
    color: #f2799a;
    border-radius: 50%;
    margin-right: .5em;
    margin-top: -.2em
  }

  #tenpo section.top>div.catch>h3 img,
  #tenpo section.top>div.catch .textwrap>h3 img {
    height: 1em
  }

  #tenpo section.top>.catch h3.link a .ic-freedial {
    width: 40px;
    height: 40px
  }

  #tenpo section.main {
    background: none;
    margin: 2%;
    color: #616161;
    padding-top: 2em
  }

  #tenpo section.main>h2 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .5em
  }

  #tenpo section.main>h3 {
    color: #9e9e9e;
    text-align: center;
    margin-bottom: .5em;
    font-family: "Noto Serif"
  }

  #tenpo section .content {
    padding: 1em;
    background-color: #fff;
    border-radius: 4px
  }

  #tenpo section.main .content>p.reservation {
    font-size: 1.09em;
    font-weight: 700;
    margin: 1em .5em 1.2em
  }

  #tenpo section.main .content>p.reservation span {
    color: #f2799a;
    font-weight: 400
  }

  #tenpo section.main .content p {
    line-height: 1.2;
    font-size: 1em;
    margin: 1em .5em 1.2em
  }

  #tenpo section.main .content>p.notice {
    font-size: .909em;
    margin-bottom: 2em !important
  }

  #tenpo section.main .content>dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-bottom: 1em
  }

  #tenpo section.main .content>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  #tenpo section.main .content>dl dd {
    padding: 1em 1em 2.4em;
    line-height: 1.4
  }

  #tenpo section.main .content>dl dd.tel {
    font-family: "Noto Serif";
    font-weight: 700
  }

  #tenpo section.main .content>dl dd.map p {
    margin-top: 1em
  }

  #tenpo section.special {
    margin: 2%
  }

  #tenpo section.news {
    color: #616161
  }

  #tenpo section.news p {
    margin: 1em .5em 1.2em;
    line-height: 1.5
  }

  #tenpo section.news .snsArea {
    border-top: 2px #e0e0e0 solid;
    border-bottom: 2px #e0e0e0 solid;
    padding: 1em
  }

  #tenpo section.news>h2 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .5em
  }

  #tenpo section.news>h3 {
    color: #9e9e9e;
    text-align: center;
    font-family: "Noto Serif";
    padding-bottom: 1.5em
  }

  #tenpo section.news .blog {
    margin: 0 2% 2%;
    border: 1px #f2779a solid;
    padding-bottom: 5%
  }

  #tenpo section.news .blog h4 {
    color: #fff;
    background: url(../img/tenpo/titleBg_dot.png) right 7% bottom 0pt no-repeat #f2779a;
    background-size: 70px;
    padding: .5em .5em .5em .8em
  }

  #tenpo section.news .blog dl {
    border-bottom: #eee 1px solid;
    padding: .7em 1em;
    font-size: .909em
  }

  #tenpo section.news .blog dl dt {
    clear: left;
    float: left;
    width: 25%
  }

  #tenpo section.news .blog dl dd {
    margin-left: 25%
  }

  #tenpo section.news .blog dl dd a {
    color: #3fb5b5
  }

  #tenpo section.news .twitter {
    margin: 0 2%;
    border: 1px #79bdf2 solid
  }

  #tenpo section.news .twitter h4 {
    color: #fff;
    background: url(../img/tenpo/titleBg_dot.png) right 3% bottom 0pt no-repeat #79bdf2;
    background-size: 70px;
    padding: .5em .5em .5em .8em
  }

  #tenpo section.news .twitter #twitter-widget-0 {
    width: 97% !important;
    margin: 0 auto !important;
    display: block !important
  }

  #tenpo section.news .tentouSimu {
    padding: 1em;
    border-bottom: 2px #e0e0e0 solid
  }

  #tenpo section.news .tentouSimu p {
    margin: 1em 0 1.2em;
    line-height: 1.33
  }

  #tenpo section.news .tentouSimu p.txtPink {
    color: #f2779a
  }

  #tenpo section.news .tentouSimu img {
    display: block;
    margin: 0 auto
  }

  #tenpo section.news .tentouSimu img.wdt70per {
    width: 70%
  }

  #tenpo section.news .tentouSimu p.simuIntro {
    text-align: center;
    margin: 0
  }

  #tenpo section.news .tentouSimu p.simuIntro img {
    width: 90% !important
  }

  #tenpo section.news .tentouSimu h2 {
    color: #f2779a;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.33
  }

  #tenpo section.news .tentouSimu h3 {
    color: #f2779a;
    font-weight: 700;
    font-size: 1.09em;
    margin-bottom: .5em
  }

  #tenpo section.news .tentouSimu h3 span {
    color: #fff;
    background: #f2779a;
    border-radius: 100%;
    font-size: 1.6em;
    margin-right: .3em;
    padding: .1em .3em;
    vertical-align: middle
  }

  #tenpo section.news .tentouSimu img.bnr {
    margin-bottom: 1em
  }

  #tenpo section.news .reason {
    padding: 1em
  }

  #tenpo section.news .reason img.step {
    clear: left;
    float: left;
    width: 23%;
    padding: 0 .7em 3.5em
  }

  #tenpo section.news .reason .stepWrap {
    margin-top: 1.2em;
    border-bottom: 1px #f1f1f1 solid
  }

  #tenpo section.news .reason .stepWrap h2 {
    color: #f2779a;
    font-weight: 700
  }

  #tenpo section.news .reason .stepWrap p {
    line-height: 1.5;
    margin: .5em .5em;
    font-weight: 700
  }

  #tenpo section.news .reason02 {
    padding: 1em
  }

  #tenpo section.news .reason02 img.graph {
    clear: left;
    float: left;
    width: 25%;
    padding: 0 .1em 2em 0
  }

  #tenpo section.news .reason02 .graghWrap {
    margin-top: 1.2em;
    border-bottom: 1px #f1f1f1 solid
  }

  #tenpo section.news .reason02 .graphWrap p {
    line-height: 1.5;
    margin: 1em .2em 1.2em
  }

  #tenpo section.news .reason02 h2.caseA {
    font-size: 1.09em;
    color: #f2779a;
    font-weight: 700;
    text-align: center;
    margin-bottom: .3em
  }

  #tenpo section.news .reason02 h2.caseB {
    font-size: 1.09em;
    color: #32cccc;
    font-weight: 700;
    text-align: center;
    margin: 1em 0 .3em
  }

  #tenpo section.news .reason02 h3 {
    font-size: 1.09em;
    color: #616161;
    font-weight: 700;
    text-align: center
  }

  #tenpo section.news .reason02 i.reasonArrowA {
    font-size: 2em;
    color: #f2779a;
    text-align: center;
    margin: .1em auto;
    display: block
  }

  #tenpo section.news .reason02 i.reasonArrowB {
    font-size: 2em;
    color: #32cccc;
    text-align: center;
    margin: .1em auto;
    display: block
  }

  #tenpo section.shibuInterview {
    color: #616161
  }

  #tenpo section.shibuInterview>h2 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .5em
  }

  #tenpo section.shibuInterview>h3 {
    color: #9e9e9e;
    text-align: center;
    font-family: "Noto Serif";
    padding-bottom: 1.5em
  }

  #tenpo section.shibuInterview .intCont {
    border-top: 2px #e0e0e0 solid;
    padding: 1em 1em 0
  }

  #tenpo section.shibuInterview .intCont img.intImg {
    clear: left;
    float: left;
    width: 25%;
    padding: 0 0 3em 0;
    margin-right: .5em
  }

  #tenpo section.shibuInterview .intCont h2 {
    color: #f2779a;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.33;
    margin-bottom: .2em
  }

  #tenpo section.shibuInterview .intCont p.intName {
    font-size: .8em;
    font-weight: 700;
    text-align: right;
    margin: 0
  }

  #tenpo section.shibuInterview .intCont p {
    line-height: 1.5em;
    margin: .2em 0 .5em
  }

  #tenpo section.shibuInterview .intCont .qaCont {
    border: 1px #eee solid;
    border-radius: 4px;
    margin: 1em 0;
    padding: .5em
  }

  #tenpo section.shibuInterview .intCont .qaCont h3 {
    border-bottom: 1px #eee dotted;
    font-weight: 700;
    font-size: 1.09em;
    padding: .5em 0;
    line-height: 1.5em
  }

  #tenpo section.shibuInterview .intCont .qaCont h3:before {
    content: 'Q';
    color: #fff;
    background: #f2779a;
    border-radius: 100%;
    font-size: 1.2em;
    margin-right: .3em;
    padding: .1em .4em;
    font-family: "Noto Serif";
    display: inline-block;
    float: left;
    margin-bottom: .8em
  }

  #tenpo section.shibuInterview .intCont .qaCont h3 span {
    color: #fff;
    background: #f2779a;
    border-radius: 100%;
    font-size: 1.2em;
    margin-right: .3em;
    padding: .1em .4em;
    font-family: "Noto Serif";
    display: none
  }

  #tenpo section.shibuInterview .intCont .qaCont p {
    margin: .5em 0
  }

  #tenpo section.shopInfo {
    color: #616161
  }

  #tenpo section.shopInfo>h2 {
    font-size: 1.909em;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .5em
  }

  #tenpo section.shopInfo>h3 {
    color: #9e9e9e;
    text-align: center;
    font-family: Noto Serif;
    padding-bottom: 1.5em
  }

  #tenpo section.shopInfo .shopCont {
    padding: 1em;
    border-top: 2px #e0e0e0 solid
  }

  #tenpo section.shopInfo .shopCont>dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-bottom: 1em
  }

  #tenpo section.shopInfo .shopCont>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  #tenpo section.shopInfo .shopCont>dl dd {
    padding: 1em 1em 2.4em;
    line-height: 1.4
  }

  #tenpo section.shopInfo .shopCont>dl dd p.notice {
    font-size: .909em;
    padding: .3em 0;
    line-height: 1.5
  }

  #tenpo section.shopInfo .shopCont>dl dd.tel {
    font-family: "Noto Serif";
    font-weight: 700
  }

  #tenpo section.shopInfo .shopCont>dl dd div.rootTtl {
    margin: .5em 0;
    font-size: 1.09em;
    font-weight: 700;
    padding: .5em 0;
    border-bottom: 1px #eee dotted
  }

  #tenpo section.shopInfo .shopCont>dl dd div.root {
    padding: .5em 0
  }

  #tenpo section.shopInfo .shopCont>dl dd div.root div.leftImg {
    clear: left;
    float: left;
    width: 200px;
    margin: 0 1em 0 0
  }

  #tenpo section.shopInfo .shopCont>dl dd div.root div span {
    color: #f2779a;
    background: #eee;
    border-radius: 100%;
    font-size: 1.09em;
    margin-bottom: .3em;
    padding: 0 .45em;
    vertical-align: middle;
    font-family: "Noto Serif"
  }

  #tenpo section.shopInfo .shopCont span.bold {
    font-weight: 700
  }

  #tenpo section.shopInfo .shopCont p.notice {
    font-size: .909em;
    line-height: 1.5;
    margin: 0 !important
  }

  #campaign section#top {
    background: none
  }

  #campaign section.item div.itemWrap {
    padding: 0 1em 1em
  }

  #campaign h1 {
    color: #616161
  }

  #campaign section.item div.itemWrap p {
    color: #010101;
    font-size: .909em;
    line-height: 1.5;
    text-align: center;
    margin-top: 1em
  }

  #campaign section.item div.itemWrap p>span {
    color: #f2799a;
    font-weight: 700
  }

  #campaign section.item div.campCont01 {
    padding: 0 1em 2.5em
  }

  #campaign section.item div.campCont02 {
    padding: 0 1em 2.5em
  }

  #campaign section.item div.campCont02 div.kyoukaBrand {
    margin-top: .5em;
    border: 2px #e0e0e0 solid;
    border-radius: 2px
  }

  #campaign section.item div.campCont02 div.kyoukaBrand ul {
    padding: .5em .7em;
    border-bottom: 2px #e0e0e0 solid
  }

  #campaign section.item div.campCont02 div.kyoukaBrand ul li.normal {
    font-size: .8em;
    margin-left: 1.8em;
    line-height: 1.5
  }

  #campaign section.item div.campCont02 div.kyoukaBrand ul li.star {
    font-size: 1.5em;
    padding: .5em 0
  }

  #campaign section.item div.campCont02 div.kyoukaBrand ul li.star:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em
  }

  #campaign section.item div.campCont02 div.kyoukaBrand dl {
    display: table;
    width: 100%
  }

  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt,
  #campaign section.item div.campCont02 div.kyoukaBrand>dl dd {
    padding: 1em .7em .5em;
    width: 50%;
    display: table-cell;
    border-bottom: 2px #e0e0e0 solid
  }

  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt.last,
  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt.lastdd.last {
    border-bottom: 0
  }

  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt {
    border-right: 2px #e0e0e0 solid
  }

  #campaign section.item div.campCont02 div.kyoukaBrand>dl dt:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em;
    float: left;
    display: inline-block;
    margin-bottom: .5em
  }

  #campaign section.item div.campCont02 div.kyoukaBrand dl dd:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em
  }

  #campaign section.item div.campCont03 {
    padding: 0 1em 1em
  }

  #campaign section.item div.campCont03 p {
    margin-top: .5em;
    border: 2px #e0e0e0 solid;
    border-radius: 2px;
    padding: .5em .7em;
    font-size: 1em;
    line-height: 1.5em
  }

  #campaign section.item div.campCont03 p:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em;
    float: left;
    display: inline-block;
    margin-bottom: .5em
  }

  #campaign section.example div.exampleWrap {
    margin-top: 2em
  }

  #campaign section.example div.exampleWrap div.exmpleItem {
    border-top: 2px #e0e0e0 solid;
    padding: 1em
  }

  #campaign section.example div.exampleWrap div.exmpleItem img.exmImg {
    float: left;
    width: 20%;
    margin-right: 1em
  }

  #campaign section.example div.exampleWrap div.exmpleItem p.brndName {
    padding: .5em 0
  }

  #campaign section.example div.exampleWrap div.exmpleItem h2 {
    font-size: 1em;
    color: #616161;
    font-weight: 700
  }

  #campaign section.example div.exampleWrap div.exmpleItem h2>span {
    font-size: .79em;
    color: #616161
  }

  #campaign section.example div.exampleWrap .priceWrap {
    padding: 1em
  }

  #campaign section.example div.exampleWrap .priceWrap dl {
    display: table;
    width: 100%;
    border: 2px #e0e0e0 solid;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center
  }

  #campaign section.example div.exampleWrap .priceWrap dl dt {
    display: table-cell;
    width: 20%;
    color: #616161;
    background: #e0e0e0;
    vertical-align: middle;
    text-align: center
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-weight: 700
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price01 {
    text-decoration: line-through;
    width: 30%;
    font-size: 1.2em;
    font-family: "Noto Serif"
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price01:after {
    content: "\f0da";
    font-family: FontAwesome;
    color: #616161;
    font-weight: 400;
    float: right;
    display: inline-block
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price02 {
    color: #f2779a;
    width: 30%;
    font-size: 1.2em;
    font-family: "Noto Serif"
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price03 {
    padding: 2% 2% 2% 0;
    width: 20%;
    font-size: 1.09em;
    font-family: "Noto Serif"
  }

  #campaign section.example div.exampleWrap .priceWrap dl dd.price03 span {
    background: #f2779a;
    width: 100%;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    padding: 20% 0
  }

  #campaign section.example div.exampleWrap .notForget {
    border: 4px #d0b592 solid;
    border-radius: 4px;
    padding: 1em;
    text-align: center;
    font-weight: 700;
    margin: .5em 1em
  }

  #campaign section.example div.exampleWrap .notForget p.txt01 {
    color: #d0b592;
    font-size: 1.09em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #campaign section.example div.exampleWrap .notForget p.txt02 {
    color: #616161;
    font-size: 1.27em;
    line-height: 1.5
  }

  #campaign section.example div.exampleWrap .notForget p.txt02 span {
    font-size: 1.5em
  }

  #campaign section.campDetail div.campTerm {
    border: 4px #d0b592 solid;
    border-radius: 4px;
    padding: 1em;
    text-align: center;
    font-weight: 700;
    margin: 1.5em 1em;
    color: #616161
  }

  #campaign section.campDetail div.campTerm p.txt01 {
    font-size: 1.27em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #campaign section.campDetail div.campTerm p.txt01 span {
    font-size: .71em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #campaign section.campDetail div.campTerm p.txt02 {
    font-size: 1em;
    line-height: 1.5;
    text-align: center
  }

  #campaign section.campDetail dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin: 1em;
    color: #616161
  }

  #campaign section.campDetail dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #eee;
    padding: .5em .9em
  }

  #campaign section.campDetail dl dd {
    padding: 1em;
    line-height: 1.4;
    color: #000
  }

  #campaign section.campDetail dl dd span {
    font-size: .909em;
    line-height: 1.4;
    color: #616161;
    display: inline-block
  }

  .sm {
    display: none !important
  }

  .corner01>.wrapper>.txt {
    margin: 0 4% 4%;
    text-align: left;
    line-height: 1.7
  }

  .fl-c:after,
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0
  }

  * html .clearfix {
    zoom: 1
  }

  *:first-child+html .clearfix {
    zoom: 1
  }

  a>i,
  p>i,
  li>i {
    font-size: 1.4em
  }

  section {
    background-color: #fff;
    position: relative
  }

  .mBox {
    border: 1px #e0e0e0 solid;
    border-radius: 2px
  }

  .mBox>h1 {
    background-color: #eee;
    text-align: center;
    font-weight: 700;
    line-height: 2.727
  }

  .mBox>h1 span {
    display: inline-block;
    border-radius: 5px;
    background: #f44336;
    color: #fff;
    text-align: center;
    font-size: .7em;
    padding: 5px 15px;
    margin-bottom: 10px
  }

  .mBox>p {
    padding: 1em;
    line-height: 1.5
  }

  #tsAkifuyu .ballon {
    position: relative
  }

  #tsAkifuyu .ballon>p {
    color: #fff;
    text-align: center;
    position: absolute;
    top: .5em;
    left: 0;
    width: 100%;
    font-size: 1.31em;
    font-weight: 700
  }

  #tsAkifuyu .sct1 {
    padding: 0
  }

  #tsAkifuyu .sct1>div {
    position: absolute;
    top: 2em;
    left: 5%;
    width: 90%
  }

  #tsAkifuyu .sct1>div h1 {
    font-size: 2.7em;
    font-weight: 700;
    text-align: center;
    margin-top: .2em
  }

  #tsAkifuyu .sct1>div h2 {
    text-align: center;
    font-weight: 700;
    font-size: 1.36em;
    margin-top: .8em
  }

  #tsAkifuyu .sct1>div h1 span {
    color: #ff729a
  }

  #tsAkifuyu .sct2 {
    padding: 1em 1em 0
  }

  #tsAkifuyu .sct2>h2 {
    font-weight: 700;
    color: #616161;
    margin: 0 1em 1em 1em
  }

  #tsAkifuyu .sct2 .fukidashi {
    position: relative
  }

  #tsAkifuyu .sct2 .fukidashi ul {
    position: absolute;
    top: .5em;
    left: 1em
  }

  #tsAkifuyu .sct2 .fukidashi ul li {
    font-weight: 700;
    color: #616161;
    font-size: 1.09em;
    line-height: 1.5;
    margin: .5em 0
  }

  #tsAkifuyu .sct2>p {
    margin-top: 1em;
    line-height: 1.6;
    font-size: .91em;
    margin-bottom: 3em
  }

  #tsAkifuyu .sct2>p span {
    color: #ff729a;
    font-weight: 700
  }

  #tsAkifuyu .sct3 {
    padding: 0
  }

  #tsAkifuyu .sct3>div {
    position: absolute;
    top: 1em;
    left: 0;
    width: 100%;
    text-align: center
  }

  #tsAkifuyu .sct3>div>h2 {
    font-size: 1.27em;
    font-weight: 700;
    margin-top: 1em
  }

  #tsAkifuyu .sct3>div>h1 {
    font-size: 2.2em;
    font-weight: 700;
    color: #f2799a;
    margin-top: .1em
  }

  #tsAkifuyu .sct3>div>h1 span {
    font-size: .6em;
    display: block;
    line-height: 1.8
  }

  #tsAkifuyu .sct4 {
    padding: 0
  }

  #tsAkifuyu .sct4>div {
    border: 1px #bdbdbd solid;
    border-radius: 6px;
    padding: 0;
    width: 94%;
    margin: 0 auto
  }

  #tsAkifuyu .sct4>div>div {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  #tsAkifuyu .sct4>div>div>* {
    display: table-cell;
    text-align: center;
    vertical-align: middle
  }

  #tsAkifuyu .sct4>div>div>*:last-of-type {
    background-color: #eee
  }

  #tsAkifuyu .sct4>div>div>h1 {
    color: #fff;
    background-color: #f2799a;
    font-weight: 700;
    line-height: 2.5;
    font-size: 1.1em;
    border-top-left-radius: 6px
  }

  #tsAkifuyu .sct4>div>div>h1:last-of-type {
    background-color: #6e6e6e;
    border-top-left-radius: 0;
    border-top-right-radius: 6px
  }

  #tsAkifuyu .sct4>div>div>h3 {
    text-align: center;
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.1em;
    padding: .5em 0
  }

  #tsAkifuyu .sct4>div>div>h3:last-of-type {
    color: #6e6e6e
  }

  #tsAkifuyu .sct4>div>div>h2 {
    color: #f2799a;
    font-weight: 700;
    font-size: 1.27em;
    padding-top: .5em;
    line-height: 1.3
  }

  #tsAkifuyu .sct4>div>div>h2:last-of-type {
    color: #616161
  }

  #tsAkifuyu .sct4>div>div>h2 span {
    display: block;
    font-size: 1.5em
  }

  #tsAkifuyu .sct4 .dArrow img {
    width: 1.8em
  }

  #tsAkifuyu .sct4 .photo>p {
    padding-top: .5em;
    padding-bottom: 1em
  }

  #tsAkifuyu .sct4 .photo img {
    width: 7em
  }

  #tsAkifuyu .sct5 {
    padding: 1em 1em 1px
  }

  #tsAkifuyu .sct5>p {
    font-weight: 700;
    color: #616161;
    line-height: 1.5;
    font-size: 1.09em;
    margin-bottom: 1.5em
  }

  #tsAkifuyu .sct5>ul {
    margin: .5em 0
  }

  #tsAkifuyu .sct5>ul>li {
    background-color: #ffeaf0;
    padding: 1em 1em 1em 3.5em;
    border-radius: 8px;
    font-weight: 700;
    line-height: 1.5;
    font-size: 1.09em;
    margin-bottom: 1em;
    position: relative
  }

  #tsAkifuyu .sct5>ul>li:before {
    content: "\f14a";
    font: normal normal normal 1.6em FontAwesome;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: .8em;
    color: #f2799a
  }

  @media (min-width:780px) {
    #tsAkifuyu .sct6 {
      width: 100%;
      padding: 30px 5px
    }

    #tsAkifuyu .sct6>div {
      color: #616161;
      text-align: center
    }

    #tsAkifuyu .sct6>div .info {
      margin: 50px 0
    }

    #tsAkifuyu .sct6>div .area1 {
      width: 100%;
      background-color: #eee;
      margin: 20px 0;
      border: 1px solid #EEE;
      border-radius: 10px
    }

    #tsAkifuyu .sct6>div .area1 .info2 {
      display: block;
      margin-left: auto;
      margin-right: auto
    }

    #tsAkifuyu .sct6>div .title3 {
      color: #f2799a
    }
  }

  #tsAkifuyu .sct6 {
    width: 100%;
    padding: 30px 5px 50px;
    margin-bottom: 20px
  }

  #tsAkifuyu .sct6>div {
    color: #616161;
    text-align: center
  }

  #tsAkifuyu .sct6>div .info {
    margin: 20px 10px
  }

  #tsAkifuyu .sct6>div .area1 {
    width: 100%;
    background-color: #eee;
    margin: 20px 0
  }

  #tsAkifuyu .sct6>div .area1 .info2 {
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  #tsAkifuyu .sct6>div .title3 {
    color: #f2799a
  }

  @media (min-width:780px) {
    #tsAkifuyu {
      width: 1000px;
      margin: 20px auto
    }

    #tsAkifuyu .sct3 {
      padding: 0
    }

    #tsAkifuyu .sct6>div img,
    #tsAkifuyu .ballon img {
      margin-left: 18%
    }

    #tsAkifuyu .sct6>p {
      text-align: center
    }

    #tsAkifuyu .sct2>h2 {
      margin: 0 1em 2em 0
    }

    #tsAkifuyu .ballon {
      clear: both
    }
  }

  #tsAkifuyu>section.sct2>div.fukidashi>ul {
    top: 25px;
    left: 50px
  }

  .mb-1 {
    margin-bottom: 1em
  }

  footer.noLogo .logo {
    text-align: center;
    border-bottom: 1px #d9d9d9 solid;
    padding-bottom: 14px
  }

  footer.noLogo .logo .ico {
    width: 4%;
    display: block;
    margin: 0 auto 4%
  }

  footer.noLogo .bg {
    padding: 0
  }

  footer.noLogo .nav {
    width: 100%;
    margin: 0
  }

  footer.noLogo .nav ul:first-child {
    border-top: none
  }

  div[class*="upTri"] {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .6em .6em .6em
  }

  .upTriPnk {
    border-color: transparent transparent #f2799a transparent
  }

  .upTriDgry {
    border-color: transparent transparent #616161 transparent
  }

  .upTriPpl {
    border-color: transparent transparent #c8abe9 transparent
  }

  div[class*="dwnTri"] {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5em .5em 0 .5em
  }

  .dwnTriPnk {
    border-color: #f2799a transparent transparent transparent
  }

  .dwnTriDgry {
    border-color: #616161 transparent transparent transparent
  }

  .dwnTriPpl {
    border-color: #616161 transparent transparent transparent
  }

  .plusBatch {
    color: #fff;
    font-size: .5em;
    border-radius: 2em;
    text-align: center;
    position: relative;
    top: -.3em;
    left: .4em;
    font-family: 'Noto Serif';
    padding: .3em .5em
  }

  .plusBatch em {
    font-style: normal;
    font-size: .61em
  }

  .belowBtn {
    position: absolute;
    bottom: -1em;
    left: 50%;
    width: 8em;
    margin-left: -4em;
    line-height: 2em;
    text-align: center
  }

  .belowBtn a {
    border: 1.5px #f7b1c4 solid;
    background-color: #fff;
    font-weight: 700;
    border-radius: 2em;
    display: block;
    font-size: .92em;
    text-align: center
  }

  .belowBtn a i {
    padding-left: .4em
  }

  .board {
    background-color: #fff;
    position: relative;
    margin: 0 -1em;
    padding: 1em;
    border-bottom: 1px #e0e0e0 solid
  }

  .board:first-of-type {
    margin-top: -1em
  }

  .done {
    background-color: #f5f5f5
  }

  .done>a>i {
    color: #bdbdbd !important
  }

  .board a {
    display: block;
    position: relative
  }

  .board a:after {
    content: "\f105";
    font: normal normal normal 2.08em FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5em
  }

  .board p {
    margin-left: 2.5em;
    color: #616161;
    font-size: .833em
  }

  .board h1 {
    color: #616161;
    font-weight: 700;
    font-size: 1.167em;
    line-height: 1.2;
    margin-left: 1.8em;
    margin-top: .3em
  }

  .board h1 span {
    font-size: 1.09em
  }

  #campaignCode input {
    background: #eee;
    font-size: 1.16em;
    padding: .5em;
    border-radius: 3px;
    width: 100%
  }

  #qa ul.listMenu {
    margin: -1em -1em 1.8em
  }

  #qa ul.listMenu li {
    padding-bottom: 3.3em
  }

  #qa ul.listMenu li h1 {
    position: relative;
    line-height: 3;
    font-weight: 700;
    background-color: #e0e0e0;
    padding-left: .79em;
    font-size: 1.16em;
    color: #616161
  }

  #qa ul.listMenu li h1:after {
    content: "\f107";
    position: absolute;
    font: normal normal normal 1.43em/1 FontAwesome;
    right: .5em;
    top: 50%;
    margin-top: -.5em
  }

  #qa ul.listMenu li h1.open:after {
    content: "\f106"
  }

  #qa ul.listMenu dl dt {
    position: relative;
    padding: .81em 3em .81em .99em;
    border-bottom: 1px #e0e0e0 solid;
    border-top: 1px #e0e0e0 solid;
    margin-bottom: -1px;
    font-size: 1.08em;
    line-height: 1.4
  }

  #qa ul.listMenu dl dt.open {
    font-weight: 700;
    border-bottom: none;
    padding-bottom: .6em
  }

  #qa ul.listMenu dl dt:after {
    content: "\f107";
    position: absolute;
    font: normal normal normal 1.54em/1 FontAwesome;
    right: .5em;
    top: 50%;
    margin-top: -.5em;
    color: #9e9e9e
  }

  #qa ul.listMenu dl dt.open:after {
    content: "\f106 "
  }

  #qa ul.listMenu dl dd {
    margin: 0 .92em 2em;
    line-height: 1.4;
    border-top: 1px #e0e0e0 solid;
    padding-top: .5em
  }

  footer.noLogo .nav {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 720px
  }

  footer.noLogo .nav2 {
    max-width: 840px
  }

  section {
    max-width: none
  }

  @media (min-width:780px) {
    #interviewPg {
      width: 900px;
      margin: 0 auto 20px
    }

    #send,
    #tentou,
    #taishou,
    #shucchou,
    #campaign,
    #buyer,
    #riyuu,
    #takuhai,
    #yoritakaku,
    #tenpo,
    #tuyomi,
    #area,
    #areaDetail,
    #gyouretu,
    #eco,
    #buyer_room {
      width: 1000px;
      margin: 0 auto
    }

    section .contentwrap {
      background-color: #F8F4EF;
      border-radius: 4px;
      text-align: center
    }

    section .contentwrap.tel,
    section .contentwrap.gray {
      background-color: #EEE
    }

    section div.dwArrow>img {
      width: auto
    }

    #send section.subtitle {
      text-align: center
    }

    #send section#sct1 dl dt .ttlwrap {
      margin-bottom: .5em;
      background-color: #F2789A;
      background-image: url(../img/send/ttl_before.gif), url(../img/send/ttl_after.gif);
      background-repeat: no-repeat;
      background-position: left top, right top;
      text-align: left
    }

    #send section#sct1 dl dt .ttlwrap img {
      margin-bottom: 0
    }

    #send section#sct1 dl dd.no2 {
      padding: 1em 3em;
      text-align: center
    }

    #send section#sct1 dl dd.no2>div {
      width: 520px;
      margin: 0 auto
    }

    #send section#sct1 dl dd.no2 p {
      text-align: left
    }

    #send section#sct1 dl dd.no2 p img {
      width: auto
    }

    #send section#sct1 dl dd.no3 {
      padding: 1em 5em
    }

    #send section#sct1 dl dd.no3 img {
      width: auto
    }

    #send section#sct2 div.top {
      text-align: center
    }

    #send section#sct2 div.menu {
      width: 840px;
      margin: 0 auto 2em
    }

    #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom {
      width: 520px;
      margin: .5em auto
    }

    #send section#sct2 div.step1 div.kitOffer div.sBox>div div.box img {
      width: auto
    }

    #send section#sct2 div.step1>div.kitOffer>div:nth-child(6)>div>div.size {
      text-align: center
    }

    #send section#sct2 div.step1>div.kitOffer>div:nth-child(6)>div>div.size>img {
      width: auto
    }

    #send section#sct2 div.step2 dl.sagawa dt,
    #send section#sct2 div.step2 dl.chakubarai dt {
      width: 133px
    }

    #send section#sct2 div.step2 div.todoku>img {
      width: auto
    }

    #send section#sct2 div.step2 div.documents>div>ul {
      display: flex;
      flex-wrap: wrap
    }

    #send section#sct2 div.step2 div.documents>div>ul>li {
      width: 49%;
      margin-right: .5em;
      margin-bottom: 0
    }

    #send section#sct2 div.step2 div.documents>div>ul>li:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #send section#sct2 div.step2 div.documents>div>ul>li:last-child {
      margin-right: 0
    }

    #send section#sct2 div.step2 div.documents>div>ul>li>div.disable {
      padding-left: 1em
    }

    #send section#sct2 div.step3 .sBox_pnk .imgwrap {
      text-align: center
    }

    #send section#sct2 div .layout01 dt {
      width: 133px
    }

    #send section#sct2 div.howToSell img {
      width: auto
    }

    #tentou section.top {
      text-align: center
    }

    #tentou section#sct1 {
      margin: 0 0 1em
    }

    #tentou section#sct1:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct1 .mBox {
      float: left;
      width: 490px;
      margin: 0 1em 1em 0
    }

    #tentou section#sct1 .mBox:nth-of-type(2n+1) {
      margin-right: 0
    }

    #tentou section#sct1 .mBox .layout01 {
      padding-right: 1em
    }

    #tentou section#sct3 {
      margin: 0;
      padding: 1em 0
    }

    #tentou section#sct3>div.menu {
      width: 630px;
      margin: 1em auto
    }

    #tentou section#sct3 #step1 .check .layout01:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct3 #step1 .check .layout01 dd {
      vertical-align: middle
    }

    #tentou section#sct3 #step1 .check .layout01 h1 {
      clear: both;
      float: left;
      width: 11em
    }

    #tentou section#sct3 #step1 .check .layout01 p {
      float: left;
      margin: .6em 0
    }

    #tentou section#sct3 #step1 .shopProfile:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct3 #step1 .shopProfile>div {
      border-bottom: none;
      border-right: 1px #ccc solid
    }

    #tentou section#sct3 #step1 .shopProfile>div:nth-of-type(2n) {
      border-right: none
    }

    #tentou section#sct3 #step1 .shopProfile>div:nth-of-type(n+3) {
      border-top: 1px #ccc solid
    }

    #tentou section#sct3 #step2:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct3 #step2 .layout01 {
      float: left;
      width: 50%
    }

    #tentou section#sct3 #step2 .layout01 p {
      padding-right: 0
    }

    #tentou section#sct3 #step3 .faq>div {
      border-top: 1px #ccc solid;
      border-radius: 0
    }

    #tentou section#sct3 #step3 .faq>div:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou section#sct3 #step3 .faq>div h1 {
      float: left;
      width: 45%;
      border: none
    }

    #tentou section#sct3 #step3 .faq>div p {
      float: left;
      width: 55%
    }

    #tentou>section.shopInfo {
      margin: 1em 0
    }

    #tentou>section.shopInfo:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tentou>section.shopInfo>div.mBox {
      margin: 0 1em 1em 0
    }

    #tentou>section.shopInfo>div.mBox:nth-of-type(2n+1) {
      margin-right: 0
    }

    #tentou>section.shopInfo>div.mBox>div p {
      height: 3em
    }

    #tentou>section.shopInfo>div.mBox>div>img {
      max-width: 100%
    }

    #tentou>section.shopInfo>div.mBox .layout01 {
      padding-right: 1em
    }

    #shucchou section.top {
      text-align: center
    }

    #shucchou section#sct1 {
      margin: 0;
      padding: 1em 0
    }

    #shucchou section#sct1:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #shucchou section#sct1 .meritlist {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #shucchou section#sct1 .meritlist .layout01 {
      display: block;
      width: 32%
    }

    #shucchou section#sct1 .meritlist .layout01>* {
      display: block
    }

    #shucchou section#sct1 .meritlist .layout01 dt {
      width: auto;
      padding-bottom: 15px;
      text-align: center
    }

    #shucchou section#howTo {
      margin: 0;
      padding: 18px 0
    }

    #shucchou section#howTo div.menu {
      width: 840px;
      margin: 2em auto
    }

    #shucchou section#howTo #step1 .web {
      width: auto
    }

    #shucchou section#results {
      margin: 0;
      padding: 1em 0
    }

    #shucchou section#results ul li {
      position: relative
    }

    #shucchou section#results ul li p.number {
      position: absolute;
      top: 50%;
      margin-top: -12px
    }

    #shucchou section#results ul li .textwrap {
      padding-left: 130px
    }

    #campaign section.item div.campCont01 {
      padding: 1.5em 0 2.5em;
      text-align: center
    }

    #campaign section.item div.campCont02 {
      padding: 1.5em 0 2.5em;
      text-align: center
    }

    #campaign section.item div.campCont02 .kyoukaBrand {
      text-align: left
    }

    #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 {
      display: flex
    }

    #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 ul {
      width: 50%;
      border-right: 2px #e0e0e0 solid
    }

    #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 ul:last-child {
      width: 100%;
      border-right: none
    }

    #campaign section.item div.campCont02 .kyoukaBrand>dl dd.last {
      border-bottom: none
    }

    #campaign section.item div.campCont03 {
      padding: 1.5em 0 1em;
      text-align: center
    }

    #campaign section.item div.campCont03 p {
      text-align: left
    }

    #campaign section.example div.exampleWrap:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #campaign section.example div.exampleWrap div.exmpleItem {
      clear: both;
      float: left;
      width: 50%
    }

    #campaign section.example div.exampleWrap .priceWrap {
      float: right;
      width: 50%;
      padding-top: 28px;
      border-top: 2px #e0e0e0 solid
    }

    #campaign section.example div.exampleWrap .notForget {
      clear: both;
      margin: .5em 0
    }

    #campaign section.campDetail div.campTerm {
      margin: 1.5em 0
    }

    #campaign section.campDetail dl {
      margin: 1em 0
    }

    #buyer section.main {
      padding: 1em 0
    }

    #buyer section#sct1 .feature {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #buyer section#sct1 .feature div {
      width: 49%
    }

    #buyer section#sct2>div:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #buyer section#sct2>div div {
      float: left;
      width: 48%;
      margin-bottom: 0
    }

    #buyer section#sct2>div div img {
      width: 100%
    }

    #buyer section#sct2>div p {
      float: right;
      width: 49%
    }

    #buyer section#sct3 .staff {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #buyer section#sct3 .staff dl {
      width: 49%
    }

    div#riyuu section.top {
      margin: 2% 0 1em;
      padding: 1em 0 .1em
    }

    div#riyuu section.top ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    div#riyuu section.top ul li {
      width: 49.3%
    }

    div#riyuu section.main div.graph {
      width: 578px;
      margin: 0 auto 1em
    }

    div#riyuu section.main div.graph img {
      width: auto
    }

    div#riyuu section#sct2 h2 {
      top: 1.6em
    }

    div#riyuu section#sct2 img {
      width: auto;
      margin-right: 4%
    }

    div#riyuu section#sct3 div,
    div#riyuu section#sct4 div,
    div#riyuu section#sct5 div,
    div#riyuu section#sct6 div {
      padding: 1em 0
    }

    div#riyuu section#sct3 div:after,
    div#riyuu section#sct4 div:after,
    div#riyuu section#sct5 div:after,
    div#riyuu section#sct6 div:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    div#riyuu section#sct2 div img,
    div#riyuu section#sct3 div img,
    div#riyuu section#sct4 div img,
    div#riyuu section#sct5 div img,
    div#riyuu section#sct6 div img {
      float: left;
      width: 45%
    }

    div#riyuu section#sct3 div p,
    div#riyuu section#sct4 div p,
    div#riyuu section#sct5 div p,
    div#riyuu section#sct6 div p {
      float: right;
      width: 51%
    }

    #takuhai .top .kit>img {
      width: auto
    }

    #takuhai #content ul li {
      width: 25%
    }

    #takuhai #content ul li img {
      max-width: 100%
    }

    #yoritakaku section#sct3 ul {
      display: block;
      padding-left: 207px
    }

    #yoritakaku section#sct3 ul li {
      width: auto
    }

    #yoritakaku section#sct3 ul li:nth-child(4) {
      clear: both
    }

    #yoritakaku section#sct3 ul li:nth-child(4):before {
      content: '';
      display: block
    }

    #yoritakaku section#sct5 p.sub {
      text-align: center
    }

    #yoritakaku section#sct5 p.sub img {
      display: inline
    }

    #tenpo section.top>.catch:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tenpo section.top>.catch .textwrap {
      display: inline-block
    }

    #tenpo section.top>.catch h3.link {
      display: inline-block;
      vertical-align: top
    }

    #tenpo section.top>.catch h3.link a {
      display: block;
      padding: 20px 30px;
      background-color: #f2799a;
      color: #fff
    }

    #tenpo section.main .content dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #tenpo section.main .content dl dt {
      width: 30%;
      border-bottom: 1px #ccc solid
    }

    #tenpo section.main .content dl dt:last-of-type {
      border-bottom: none
    }

    #tenpo section.main .content dl dd {
      width: 70%;
      border-bottom: 1px #ccc solid
    }

    #tenpo section.main .content dl dd:last-of-type {
      border-bottom: none
    }

    #tenpo section.news .snsArea {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 1em 0
    }

    #tenpo section.news .snsArea>div {
      width: 45.9%
    }

    #tenpo section.news .snsArea .blog {
      margin-bottom: 0;
      padding-bottom: 0
    }

    #tenpo section.news .tentouSimu p.simuIntro img {
      width: auto !important
    }

    #tenpo section.news .tentouSimu ol {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #tenpo section.news .tentouSimu ol li {
      width: 48%
    }

    #tenpo section.news .reason {
      border-bottom: 1px #f1f1f1 solid
    }

    #tenpo section.news .reason:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0;
      font-size: 0
    }

    #tenpo section.news .reason .stepWrap {
      float: left;
      width: 33%;
      border-bottom: none
    }

    #tenpo section.news .reason .stepWrap img {
      float: none;
      width: auto;
      padding: 0 0 10px
    }

    #tenpo section.news .reason02 img.graph {
      width: auto
    }

    #tenpo section.news .reason02 p.txt3 {
      padding-left: 155px
    }

    #tenpo section.shibuInterview .intCont img.intImg {
      width: auto;
      padding-right: 10px
    }

    #tenpo section.shopInfo .shopCont dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    #tenpo section.shopInfo .shopCont dl dt {
      width: 30%;
      border-bottom: 1px #ccc solid
    }

    #tenpo section.shopInfo .shopCont dl dt:last-of-type {
      border-bottom: none
    }

    #tenpo section.shopInfo .shopCont dl dd {
      width: 70%;
      border-bottom: 1px #ccc solid
    }

    #tenpo section.shopInfo .shopCont dl dd:last-of-type {
      border-bottom: none
    }

    #tuyomi .title img {
      width: auto
    }

    #tuyomi .sign>img {
      width: auto
    }

    #tuyomi .main .main_head>img {
      width: auto
    }

    #tuyomi .main .content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 1em 0 .1em
    }

    #tuyomi .main .content .mBox {
      width: 49%
    }

    #areaDetail section.main h2>img {
      width: auto
    }

    #areaDetail section.main>div>img.taitori1 {
      width: 50%
    }

    #areaDetail section.main .text-center .sengen {
      border: 1px solid #F2799A;
      border-radius: 10px;
      width: 500px;
      background-color: #F2799A;
      margin: 0 auto
    }

    #areaDetail section.main .text-center .sengen p.txt {
      text-align: center;
      font-size: 22px;
      font-weight: 700;
      color: #616161;
      padding: 0 0 0;
      background-color: #fff;
      width: 470px;
      margin-left: 13px;
      margin-top: 13px
    }

    #areaDetail section.main .text-center .sengen p.txtb {
      text-align: center;
      font-size: 25px;
      font-weight: 700;
      color: #FFF;
      padding: 0 0 10px
    }

    #areaDetail section.main .text-center .sengen p.txt-large {
      text-align: center;
      font-size: 42px;
      font-weight: 700;
      color: #FFF;
      margin-top: 10px;
      letter-spacing: 10px
    }

    #areaDetail section.main>div>img.taitori2 {
      width: 60%
    }

    #gyouretu section.top {
      text-align: center;
      background-image: url(../img/common/bg.png);
      background-size: 30em
    }

    #gyouretu section.stripe {
      text-align: center
    }

    #gyouretu section.stripe div {
      text-align: left
    }

    #gyouretu section.stripe p {
      text-align: left
    }

    #gyouretu>section.top>div>p {
      line-height: 1.8;
      width: 420px;
      top: 10px;
      left: 185px;
      text-align: left
    }

    #gyouretu>section.branduru>img {
      width: 100%;
      left: 0
    }

    #gyouretu>section.branduru>h3 {
      padding-top: 10px
    }

    div#eco section.main div.activety {
      width: 640px;
      margin: 0 auto
    }

    div#eco section.main div.bottom {
      text-align: center
    }

    div#eco section.main div.bottom .layout01 p.txt3 {
      text-align: left
    }

    #sct2>div.step1>div.kitOffer>div:nth-child(6)>div>div.size>img {
      width: 100%
    }

    #tuyomi .main .content .mBox li>div:first-child {
      width: 150px;
      height: 150px
    }

    #buyer section#sct3 div.staff dl dt {
      display: table;
      width: 100%;
      margin-bottom: 1em
    }

    #hajimete #top>div.linkMenuDown {
      width: 1000px;
      margin: 0 auto
    }

    #hajimete #sct1 {
      padding: 0
    }

    #hajimete #sct1>div.main>h1 {
      text-align: center
    }

    #hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
      min-height: 120px
    }

    #hajimete section#sct1 div.main div[class*="point"] {
      width: 1000px;
      margin: 1em auto
    }

    #hajimete section#sct1 div.main div.point2 div ul {
      text-align: center
    }

    #hajimete section#sct1 div.main div.point3 div p img {
      display: block;
      margin: 1em auto
    }

    #hajimete section#sct1 div.main div.point5 div p {
      text-align: center
    }

    #hajimete section#sct3 {
      width: 1000px;
      margin: 0 auto
    }

    #hajimete #company>div.table img {
      display: block
    }

    #hajimete section#sct1 div.main div.point1 div.upper ul li {
      padding: .54em;
      border-bottom: 1px #e0e0e0 solid;
      border-right: 1px #e0e0e0 solid;
      float: left;
      width: 33%;
      min-height: 480px
    }

    #hajimete section#sct1 div.main div.point1 div.lower>h1 img,
    #hajimete section#sct1 div.main div.point4 div img,
    #hajimete section#sct1 div.main div.point5 div img,
    #hajimete section#sct3 div.kodawari div.kdw1 div img {
      float: left;
      padding: 10px 30px 30px
    }

    #hajimete section#sct1 div.main div.point1 div.lower p {
      margin: 10px 0
    }

    #hajimete section#sct1 div.main div.point2 div ul li {
      float: left;
      width: 32%;
      padding: .5em
    }

    #hajimete section#sct1 div.main div.point3 div img {
      padding: 10px 22%
    }

    #hajimete section#sct1 div.main div.point4 div ul li {
      width: 29%
    }

    #hajimete section#sct3 div.kodawari div.kdw3 div img,
    #hajimete section#sct3 div.kodawari div.kdw2 div img {
      padding: 10px 22%
    }

    #hajimete section#sct4 div.top {
      text-align: center;
      width: 1000px;
      margin: auto
    }

    #hajimete #sct4>div.kikkake {
      width: 1000px;
      margin: 0 auto
    }

    #hajimete section#sct4 div.kikkake>div p[class*="txt"] {
      width: 410px
    }

    #hajimete section#sct4 div.kikkake>div p.txta1 {
      top: 4%;
      left: 35%
    }

    #hajimete section#sct4 div.kikkake>div p.txta2 {
      top: 28%;
      left: 25%
    }

    #hajimete section#sct4 div.kikkake>div p.txta3 {
      top: 51%;
      left: 35%
    }

    #hajimete section#sct4 div.kikkake>div p.txta4 {
      position: absolute;
      top: 78%;
      left: 25%
    }

    #hajimete section#sct4 div.kikkake>div img {
      padding: 0 20% 3em
    }

    #hajimete #sct4>div.voice {
      width: 1000px;
      margin: 1em auto
    }

    #hajimete section#sct4 div.interv {
      width: 1000px;
      margin: 0 auto
    }

    #hajimete section#sct4 div.interv h1 {
      margin: 0 25%
    }

    #hajimete section#company {
      margin: 0 auto 1em;
      width: 1000px
    }

    #hajimete section#company div.table dl dd img {
      float: left;
      margin: 0 20px
    }

    #hajimete section#message {
      margin: 0 auto 1em;
      padding: 0 1em 1em;
      width: 1000px
    }

    #hajimete section#sct1 div.main div.point2 div p {
      padding: 0 2em .917em
    }

    #hajimete section#sct1 div.main div.point3 div {
      padding: 2em
    }

    #hajimete section#sct1 div.main div.point4 div p {
      padding: 0 2em 2em
    }

    .clear,
    .container {
      clear: both
    }

    #interviewPg .A_A>p,
    #interviewPg .A_B>p,
    #interviewPg .Q>p,
    #interviewPg section.main div.title p {
      font-size: 18px !important;
      font-weight: normal !important;
      line-height: 180% !important
    }

    #interviewPg section.main div.title h1 {
      font-size: 32px !important;
      font-weight: bold !important;
      line-height: 130% !important;
      margin: 20px 0
    }
  }

  @media (max-width:779px) {
    .results-suggest-hover .container {
      padding-right: 20px;
      padding-left: 20px
    }

    .result.select .inner dl#item dd ul li a {
      background-size: auto 40px !important
    }

    .content-results-search .bg {
      padding: 40px 20px
    }

    .content-results-search .word-kana li a {
      font-size: 79%;
      padding: 8px 0
    }

    .paging {
      padding-bottom: 20px
    }

    .move-page-top img {
      width: 45px;
      height: 45px
    }

    .page-top p {
      right: 10px;
      bottom: 120px
    }

    .sm {
      display: block !important
    }

    .md {
      display: none !important
    }

    body {
      font-size: 16px;
      line-height: 1;
      background: #EEE;
      color: #616161
    }

    img {
      width: 100%;
      height: auto
    }

    .trans:hover,
    .trans:hover img {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1
    }

    .wrapper {
      width: 100%
    }

    section.corner01 {
      background: #FFF;
      padding: 10% 0 5%;
      border-bottom: 0;
      margin-bottom: 4%
    }

    section.corner03 {
      background: #FFF;
      padding: 10px;
      border-bottom: 0;
      margin-bottom: 4%
    }

    .btn02 {
      border-width: 1px
    }

    .overlay {
      display: none;
      background-color: rgba(255, 255, 255, .85);
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 10;
      top: 0;
      left: 0
    }

    .overlay.active {
      display: block
    }

    .sec_ttl .ttl01 {
      position: absolute;
      top: -4em
    }

    .sec_ttl .ttl02 {
      font-size: 1.909em;
      padding-bottom: .6em;
      line-height: 1.2
    }

    .sec_ttl .ttl02 span {
      font-size: .5em;
      padding-top: .9em
    }

    .sec_ttl .ttl02 span.fs_m {
      font-size: .7em;
      display: inline;
      font-weight: 700
    }

    .sec_ttl .ttl02:before,
    .sec_ttl .ttl02:after {
      width: 40px;
      margin-left: -20px
    }

    .sec_ttl_graybg {
      padding: 40px 0 20px
    }

    .more_s {
      font-size: .909em;
      padding: 1% 1.5%;
      width: 7em;
      right: .8em;
      top: -2.3em
    }

    .more_s i {
      font-size: 1.5em;
      margin-top: -12px;
      right: 5%
    }

    footer .logo .ico {
      width: 4%;
      display: block;
      margin: 0 auto 4%
    }

    footer .bg {
      padding: 0
    }

    footer .nav {
      width: 100%;
      margin: 7% 0 0
    }

    footer .nav ul {
      display: block;
      width: 100%
    }

    footer .nav ul:first-child {
      border-top: 1px solid #d5d5d5
    }

    footer .copy {
      font-size: .909em;
      padding: 7% 0;
      line-height: 1.5
    }

    footer .nav li {
      margin-top: 0;
      border-bottom: 1px solid #d5d5d5;
      padding: 0
    }

    footer .nav li a {
      font-size: 1em;
      padding: 4%;
      display: block;
      position: relative
    }

    footer .nav li i {
      font-size: 1.2em;
      position: absolute;
      right: 2%
    }

    .howto .ttl .ttl01 {
      margin-top: 5%;
      padding: 0 4%
    }

    .howto .ttl .ttl02 {
      font-size: 1.273em;
      margin: 3% 0 5%
    }

    .howto .ttl .ttl02 strong {
      font-weight: 400
    }

    .howto .ttl .ttl02 strong:first-child {
      font-size: 1.2em;
      display: block;
      font-weight: 700;
      margin-bottom: 2%
    }

    .howto .step {
      margin: 4% 4% 0
    }

    .howto .step li {
      border-color: #616161;
      margin-bottom: 8%
    }

    .howto .step li>* {
      display: block
    }

    .howto .step li>.ttl {
      width: 100%;
      background: #616161;
      font-size: .909em;
      padding: 2.5% 0
    }

    .howto .step li>.ttl span {
      font-size: 1em
    }

    .howto .step li>.ttl strong {
      display: inline-block;
      margin-top: 0;
      font-size: 1.182em
    }

    .howto .step li>.ttl p {
      display: inline-block;
      margin-right: .5em
    }

    .howto .step li:after {
      left: 0;
      font-size: 2.273em;
      width: 100%;
      text-align: center
    }

    .howto .step li>.txt {
      padding: 4%;
      font-size: 1em
    }

    .howto .step li>.txt img {
      width: 24%
    }

    .howto .step li>.txt>p {
      width: 71%;
      margin-left: 2%;
      line-height: 1.4
    }

    .howto .step li>.txt>p strong {
      font-size: 1.1em;
      margin-bottom: 5%
    }

    .howto .link {
      width: 100%;
      padding: 1em 4% 0;
      border-spacing: inherit
    }

    .howto .link li {
      display: inline-block;
      width: 48%;
      margin-right: 4%
    }

    .howto .link li:first-child {
      width: 100%;
      margin-right: 0;
      margin-bottom: 4%
    }

    .howto .link li:last-child {
      margin-right: 0
    }

    .howto .link li a {
      padding: 1em 0
    }

    .howto .link li i {
      font-size: 1.455em;
      margin-top: -.6em;
      right: .6em
    }

    .howto div.shopDetail {
      padding: 1em
    }

    .howto div.shopDetail>dl {
      border: 1px #ccc solid;
      border-radius: 4px;
      margin-bottom: 1em
    }

    .howto div.shopDetail>dl dt {
      font-size: 1.09em;
      font-weight: 700;
      line-height: 2.5;
      background-color: #eee;
      padding: 0 .9em
    }

    .howto div.shopDetail>dl dd {
      padding: 1em;
      line-height: 1.4
    }

    .howto div.shopDetail>dl dd>p {
      margin-bottom: .5em
    }

    .top_kv_campaign,
    .top_kv_visit,
    .top_kv_shop,
    .top_kv_shop1,
    .top_kv_shop2,
    .top_kv_eco,
    .top_kv_send {
      height: auto;
      margin-bottom: 0m !important
    }

    .brand_ttl {
      padding: 0
    }

    .brand_ttl .txt {
      font-size: 1em;
      margin-bottom: 2%;
      padding-top: 7%
    }

    .brand_ttl .ttl01 {
      font-size: 1.409em;
      line-height: 1.5;
      margin-bottom: 4%
    }

    .brand_ttl .ttl01 span {
      font-size: .839em
    }

    .brand_ttl .ttl02 {
      font-size: 1.273em;
      padding: 5.5% 0
    }

    .brand_ttl .bal {
      margin: 0 auto 4%;
      font-size: 1.091em;
      line-height: 1.5;
      padding: 4%;
      border-radius: 2.727em;
      width: 94%
    }

    .brand_ttl .bal:after {
      bottom: -5px
    }

    .brand_ttl .ttl03 {
      padding: 7% 0 5%;
      font-size: 1.909em
    }

    .brand_ttl .ttl03 span {
      font-size: .50em;
      margin-bottom: 2.5%
    }

    .brand_ttl .ttl01 {
      margin-bottom: 10px
    }

    .brand_ttl .bal {
      margin-bottom: 15px;
      padding: 15px
    }

    .brand_ttl p.title4 {
      font-size: 14px !important
    }

    .brand_ttl p.title1b {
      font-size: 18px !important
    }

    .brand_ttl .ttl02 {
      padding-top: 15px;
      padding-bottom: 15px
    }

    .brand_ttl .ttl02+.line_botanbox {
      margin-top: 25px
    }

    .brand_ttl .ttl03 {
      font-size: 125%;
      padding: 30px 0 40px
    }

    .brand_point>.ttl {
      left: 50%;
      margin-left: -232px;
      top: -25px;
      padding: 0;
      width: 465px
    }

    .brand_point>.wrapper {
      padding-top: 0;
      padding-bottom: 0
    }

    .brand_point .sec_ttl .ttl02,
    .brand_point .content-title {
      font-size: 125%
    }

    .brand_point .txt {
      margin-top: 0
    }

    .brand_point {
      padding: 10% 2% 5%
    }

    .brand_point>.wrapper {
      background: #FFF;
      padding: 0 4% 4%
    }

    .brand_point .txt {
      font-size: 1.273em;
      margin-top: 5%;
      line-height: 1.6
    }

    .brand_point .txt img {
      float: right;
      width: 44%;
      margin-right: 0
    }

    .NoBg_ttl h1.ttl01 {
      font-size: 2em;
      letter-spacing: -2px
    }

    .inquiryBtn {
      margin: 20px auto
    }

    .inquiryBtn a {
      position: relative;
      display: inline-block;
      width: 50%;
      margin: 0 auto;
      font-size: .909em;
      padding: 3% 0 2%
    }

    .inquiryBtn a span {
      display: inline-block;
      width: 100%
    }

    .inquiryBtn a i {
      display: inline-block;
      width: 100%;
      position: absolute;
      right: 0;
      text-align: right;
      padding-right: 3%
    }

    .corner01>.wrapper>.txt {
      text-align: left;
      line-height: 1.7
    }

    .attention {
      text-align: center
    }

    .attention h2.ttl {
      font-size: 1.6em;
      border: #ffc107 2px solid;
      width: 100%
    }

    .attention .txt {
      font-size: .909em;
      line-height: 1.4;
      padding: 1em 5%;
      text-align: left
    }

    .attention .box {
      width: 100%;
      margin-left: 0;
      border-spacing: inherit
    }

    .attention .box>.border,
    .attention .box>.tel {
      display: block;
      width: 100%
    }

    .attention .box .bal {
      margin-bottom: .3em;
      text-align: left
    }

    .attention .box .bal>li {
      width: 38%
    }

    .attention .box .bal>li:last-child {
      margin-left: 3%
    }

    .attention .box>.border>.web {
      padding: 0 4% 4%
    }

    .attention .box>.border>.web .corner01 {
      padding: 0;
      background: none;
      position: relative;
      z-index: 1
    }

    .attention .box>.border>.web .corner01 a {
      font-size: 1.636em;
      padding: 4% 0 2%
    }

    .attention .box>.border>.web .corner01 a img {
      width: 8%;
      margin-right: 3%;
      margin-left: -5%
    }

    .attention .box>.border>.web .corner01 a i {
      font-size: 1.5em;
      right: 5%;
      margin-top: -.45em
    }

    .attention .box>.date {
      margin-top: 5%;
      display: table !important
    }

    .attention .box .date .ttl {
      font-size: 1em;
      line-height: 1.3
    }

    .attention .box .date .txt {
      font-size: 1.636em
    }

    .attention .box .date .txt span {
      font-size: 1em;
      width: 2.5em;
      height: inherit;
      line-height: 1;
      vertical-align: middle;
      padding: .15em 0
    }

    .attention .box .date .txt {
      padding: 3% 0;
      line-height: 1;
      text-align: center
    }

    .attention .box>.tel .corner01 {
      background: #FFF;
      padding: 0 0 0;
      border-top: 1px solid #EEE
    }

    .attention.notice .box>.tel .corner01 {
      padding: 0 0 0
    }

    .attention .box>.tel .txt01 {
      font-size: 1em
    }

    .attention .box>.tel .call {
      font-size: 2.182em;
      margin: 3% 0
    }

    .attention .box>.tel .call i {
      font-size: .6em;
      width: 25px;
      height: 25px;
      border-width: 1px;
      line-height: 25px;
      margin-right: 2%
    }

    .attention .box>.tel .txt02 {
      font-size: .909em
    }

    .attention .box .img {
      top: 0;
      right: 8%;
      z-index: inherit;
      width: 30%
    }

    .attention.last .box {
      width: 100%;
      margin: 3.5em auto 0
    }

    .attention.last .box>.border {
      border: 2px solid #d0b592;
      border-radius: 4px;
      width: 94%;
      margin: 0 auto
    }

    .attention.last .box>.border>.ttl {
      position: absolute;
      top: -2em
    }

    .attention.last .img02 {
      margin: 0
    }

    .attention.last .box>.date {
      width: 94%;
      margin: 5% auto 0
    }

    .attention.last .box>.tel .corner01 {
      margin-top: 4%
    }

    .attention.last .box .bal {
      margin-top: 4%
    }

    .attention.last .box .bal li {
      width: 47%
    }

    .campaign_main {
      padding-bottom: 0
    }

    .campaign_main .wrapper {
      width: 100%
    }

    .campaign_main .bg {
      background: #FFF
    }

    .campaign_main .clo01 {
      margin-top: -2.273em
    }

    .campaign_main .clo01 .txt {
      width: inherit;
      left: 38%;
      bottom: 7%
    }

    .campaign_main .ttl02 .txt {
      font-size: 1.091em
    }

    .campaign_main .clo02 {
      margin-top: 0
    }

    .campaign_main .clo02 .txt {
      width: 65%;
      left: 6%;
      bottom: 14%;
      letter-spacing: -.05em
    }

    .campaign_main .clo03 {
      margin-top: -1.917em;
      margin-bottom: 1.667em
    }

    .campaign_main .clo03 .txt {
      left: inherit;
      bottom: 2%;
      right: 9%
    }

    .campaign_main .clo04 {
      margin-top: .583em;
      margin-bottom: -1.091em
    }

    .campaign_main .clo04 .txt {
      top: 48%;
      left: 6%
    }

    .campaign_main .point {
      padding: 0 6%
    }

    .campaign_main .point>.ttl {
      margin-bottom: 4%
    }

    .campaign_main .point ul {
      margin-top: 0
    }

    .campaign_main .point li {
      margin-bottom: 1.364em
    }

    .campaign_main .point ul .ttl {
      font-size: 1.182em;
      margin-bottom: .5em
    }

    .campaign_main .point ul .ttl img {
      width: 13%;
      margin-right: 2%
    }

    .campaign_main .point .txt {
      font-size: .909em
    }

    .campaign_main .box {
      background: #FFF;
      width: 96%;
      margin: 0 auto
    }

    .campaign_main .box .ttl {
      margin: 6% 0 0;
      background: #212121;
      color: #FFF;
      font-size: 1.273em;
      font-weight: 700;
      padding: 4% 0;
      border-radius: 4px 4px 0 0
    }

    .campaign_main .box ul {
      border-spacing: 10px
    }

    .campaign_main .box .txt {
      margin-top: 0;
      font-size: 1.091em;
      padding: 0 4% 4%
    }

    .howto_ttl {
      padding: 0
    }

    .howto_ttl>.ttl01 {
      background: #FFF;
      font-weight: 700;
      font-size: 1.909em;
      padding: 9% 0
    }

    .howto_ttl .ttl02 {
      padding: 0 0 2%
    }

    .howto_ttl .ttl02 span {
      font-size: 1.3em
    }

    .howto_btn ul {
      border-spacing: inherit;
      padding: 2%;
      width: 100%
    }

    .howto_btn li {
      display: block;
      width: 100%;
      border: none;
      background: #FFF;
      margin-bottom: 2%;
      text-align: left
    }

    .howto_btn li a {
      padding: 3%;
      position: relative
    }

    .howto_btn li .ttl {
      font-size: 1.364em;
      display: inline-block;
      width: 6.5em;
      vertical-align: middle
    }

    .howto_btn li .ttl .num {
      font-size: .80em;
      width: 1.667em;
      height: 1.667em;
      line-height: 1.667em;
      margin-right: 5%;
      vertical-align: text-bottom;
      text-align: center
    }

    .howto_btn li .sm.txt {
      margin-bottom: 0;
      font-size: .909em;
      display: inline-block !important
    }

    .howto_btn li i {
      position: absolute;
      right: 3%;
      font-size: 1.818em
    }

    .howto_about {
      padding: 5% 0 0
    }

    .howto_about>.ttl {
      margin-bottom: 4%
    }

    .howto_about>ul {
      width: 96%;
      margin: 0 auto;
      border-spacing: inherit
    }

    .howto_about>ul>li {
      display: block;
      width: 100%;
      padding: 4% 4% 0;
      background: #FFF
    }

    .howto_about>ul>li:last-child {
      padding: 4%
    }

    .howto_about>ul>li .box {
      padding: 4% 0 0;
      text-align: left
    }

    .howto_about>ul>li .txt01 {
      font-size: 1.091em
    }

    .howto_about>ul>li .ttl {
      padding: 0;
      background: url(../img/howto/sm/ribbon.png) no-repeat;
      line-height: 1.875em;
      background-size: 100%;
      border-radius: 0;
      text-align: left;
      font-size: 1.4em;
      padding-left: 6%;
      margin: 3% 0 2%
    }

    .howto_about>ul>li .img {
      margin: 0
    }

    .howto_about>ul>li .corner01 {
      background: #f8f4ef;
      padding: 4%
    }

    .howto_about>ul>li .txt03 {
      font-size: 1.091em;
      font-weight: 700;
      margin-bottom: 4%;
      color: #616161 !important
    }

    .howto_select {
      padding: 10% 0 3%
    }

    .howto_select>.ttl {
      margin-bottom: 3%;
      line-height: 1.5
    }

    .howto_select .tab_menu ul {
      width: 96%;
      border-spacing: inherit
    }

    .howto_select .tab_menu li {
      font-size: .773em;
      padding: 2.5% 0;
      background: #FFF;
      border-top: 1px solid #212121;
      border-bottom: 1px solid #212121;
      border-left: 1px solid #212121;
      position: relative
    }

    .howto_select .tab_menu.top li:first-child,
    .howto_select .tab_menu.btm li:first-child {
      border-radius: 4px 0 0 4px !important
    }

    .howto_select .tab_menu.top li:last-child,
    .howto_select .tab_menu.btm li:last-child {
      border-right: 1px solid #212121;
      border-radius: 0 4px 4px 0px !important
    }

    .howto_select .tab_menu li strong {
      font-size: 1.647em;
      margin-top: 5%
    }

    .howto_select .tab_menu.top {
      border-bottom: none
    }

    .howto_select .tab_menu.btm {
      border-top: none
    }

    .howto_select .tab_menu.top li,
    .howto_select .tab_menu.btm li {
      border-radius: 0;
      line-height: 1.2
    }

    .howto_select .tab_menu.top .active:after,
    .howto_select .tab_menu.btm .active:after {
      width: 0;
      height: 0;
      border-style: solid;
      position: absolute;
      content: "";
      left: 50%;
      margin-left: -5px
    }

    .howto_select .tab_menu.top .active:after {
      bottom: -5px;
      border-width: 5px 5px 0 5px;
      border-color: #212121 transparent transparent transparent
    }

    .howto_select .tab_menu.btm .active:after {
      top: -5px;
      border-width: 0 5px 5px 5px;
      border-color: transparent transparent #212121 transparent
    }

    .howto_select .tab_box {
      padding: 3% 2%;
      display: none
    }

    .howto_select .tab_box li {
      background: #FFF
    }

    .howto_select .tab_box.active {
      display: block
    }

    .howto_merit {
      padding: 10% 0 0
    }

    .howto_merit .ttl03 {
      font-size: 1.091em;
      margin-bottom: 2%
    }

    .howto_merit ul {
      width: 100%;
      margin: 0;
      border-spacing: inherit;
      padding: 0 4%
    }

    .howto_merit li {
      display: table;
      width: 100%;
      padding: 4%;
      background: #f8f4ef;
      margin-bottom: 4%
    }

    .howto_merit li>* {
      display: table-cell !important;
      vertical-align: middle
    }

    .howto_merit li>.ttl {
      width: 24%;
      padding-right: 3%
    }

    .howto_merit .ttl>img {
      width: 100%;
      padding-right: 0;
      display: inline-block
    }

    .howto_merit li>.txt {
      margin-top: 0;
      font-size: 1em;
      line-height: 1.4
    }

    .howto_merit li>.txt .sm {
      font-size: 1.182em;
      font-weight: 700;
      margin-bottom: 2%
    }

    .howto_select .howto {
      padding: 7% 0 0
    }

    .howto_select .howto .sec_ttl .ttl02:before,
    .howto_select .howto .sec_ttl .ttl02:after {
      display: none
    }

    .howto_select .howto .sec_ttl .ttl02 {
      padding-bottom: .1em
    }

    .howto_select .howto .btn01 {
      width: 92%;
      margin: 4% auto;
      padding: 3.5% 4.5%;
      font-size: 1.455em;
      font-weight: 700;
      text-align: center
    }

    .howto .step li:last-child {
      margin-bottom: 0
    }

    .howto_select .howto .btn01 i {
      font-size: 1.5em;
      right: 4%;
      margin-top: -.5em
    }

    #shucchou .meritlist dt {
      width: 80px
    }

    #shucchou .meritlist dd {
      padding-left: 20px
    }

    #taishou .main>dl>dd>.layout01>*:first-child {
      width: 120px
    }

    #taishou .main ul.table {
      display: list-item
    }

    #taishou .main ul.table>li {
      display: list-item;
      padding-right: 0 !important;
      padding-left: 0 !important
    }

    #tenpo section.shopInfo .shopCont>dl dd div.root div.leftImg {
      width: 120px
    }

    .sm {
      display: block !important
    }

    .md {
      display: none !important
    }

    body {
      font-size: 22px;
      line-height: 1;
      background: #EEE
    }

    img {
      width: 100%
    }

    .trans:hover,
    .trans:hover img {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1
    }

    .wrapper {
      width: 100%
    }

    section.corner01 {
      background: #FFF;
      padding: 1% 0 5%;
      border-bottom: 0;
      margin-bottom: 4%
    }

    section.corner03 {
      background: #FFF;
      padding: 1% 0 5%;
      border-bottom: 0;
      margin-bottom: 4%
    }

    .btn02 {
      border-width: 1px
    }

    .overlay {
      display: none;
      background-color: rgba(255, 255, 255, .85);
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 10;
      top: 0;
      left: 0
    }

    .overlay.active {
      display: block
    }

    .sec_ttl .ttl01 {
      position: absolute;
      top: -4em
    }

    .sec_ttl .ttl02 {
      font-size: 1.909em;
      padding-bottom: .6em;
      line-height: 1.2
    }

    .sec_ttl .ttl02 span {
      font-size: .5em;
      padding-top: .9em
    }

    .sec_ttl .ttl02:before,
    .sec_ttl .ttl02:after {
      width: 40px;
      margin-left: -20px
    }

    .more_s {
      font-size: .909em;
      padding: 1% 1.5%;
      width: 7em;
      right: .8em;
      top: -2.3em
    }

    .more_s i {
      font-size: 1.5em;
      right: 5%
    }

    footer .logo .ico {
      width: 4%;
      display: block;
      margin: 0 auto 4%
    }

    footer .bg {
      padding: 0
    }

    footer .nav {
      width: 100%;
      margin: 7% 0 0
    }

    footer .nav ul {
      display: block;
      width: 100%
    }

    footer .nav ul:first-child {
      border-top: 1px solid #d5d5d5
    }

    footer .nav li {
      margin-top: 0;
      border-bottom: 1px solid #d5d5d5;
      padding: 0
    }

    footer .nav li a {
      font-size: 1em;
      padding: 4%;
      display: block;
      position: relative
    }

    footer .nav li i {
      font-size: 1.2em;
      position: absolute;
      right: 2%
    }

    footer .copy {
      font-size: .909em;
      padding: 7% 0;
      line-height: 1.5
    }

    .howto .ttl .ttl01 {
      margin-top: 5%;
      padding: 0 4%
    }

    .howto .ttl .ttl02 {
      font-size: 1.273em;
      margin: 3% 0 5%
    }

    .howto .ttl .ttl02 strong {
      font-weight: 400
    }

    .howto .ttl .ttl02 strong:first-child {
      font-size: 1.2em;
      display: block;
      font-weight: 700;
      margin-bottom: 2%
    }

    .howto .ttl .step {
      margin: 4% 4% 0
    }

    .howto .step li {
      border-color: #616161;
      margin-bottom: 8%
    }

    .howto .step li>* {
      display: block
    }

    .howto .step li>.ttl {
      width: 100%;
      background: #616161;
      font-size: .909em;
      padding: 2.5% 0
    }

    .howto .step li:after {
      left: 0;
      font-size: 2.273em;
      width: 100%;
      text-align: center
    }

    .howto .step li>.ttl span {
      font-size: 1em
    }

    .howto .step li>.ttl strong {
      display: inline-block;
      margin-top: 0;
      font-size: 1.182em
    }

    .howto .step li>.ttl p {
      display: inline-block;
      margin-right: .5em
    }

    .howto .step li>.txt {
      padding: 4%;
      font-size: 1em
    }

    .howto .step li>.txt img {
      width: 24%;
      height: auto
    }

    .howto .step li>.txt>p {
      width: 71%;
      margin-left: 2%;
      line-height: 1.4
    }

    .howto .step li>.txt>p strong {
      font-size: 1.1em;
      margin-bottom: 5%
    }

    .howto .link {
      width: 100%;
      padding: 8% 4%;
      border-spacing: inherit
    }

    .howto .link li {
      display: inline-block;
      width: 48%;
      margin-right: 4%
    }

    .howto .link li:first-child {
      width: 100%;
      margin-right: 0;
      margin-bottom: 4%
    }

    .howto .link li:last-child {
      margin-right: 0
    }

    .howto .link li a {
      padding: 1em 0
    }

    .howto .link li i {
      font-size: 1.455em;
      margin-top: -.6em;
      right: .6em
    }

    .brand_ttl {
      padding: 0
    }

    .brand_ttl .txt {
      font-size: 1em;
      margin-bottom: 2%;
      padding-top: 7%
    }

    .brand_ttl .ttl01 {
      font-size: 1.409em;
      line-height: 1.5;
      margin-bottom: 4%
    }

    .brand_ttl .ttl02 {
      font-size: 1.273em;
      padding: 5.5% 0
    }

    .brand_ttl .bal {
      margin: 0 auto 4%;
      font-size: 1.091em;
      line-height: 1.5;
      padding: 4%;
      border-radius: 2.727em;
      width: 94%
    }

    .brand_ttl .bal:after {
      bottom: -5px
    }

    .brand_ttl .ttl03 {
      padding: 7% 0 5%;
      font-size: 1.909em
    }

    .brand_ttl .ttl03 span {
      font-size: .50em;
      margin-bottom: 2.5%
    }

    .brand_point>.wrapper {
      background: #FFF;
      padding: 0 4% 4%
    }

    .brand_point {
      padding: 10% 2% 5%
    }

    .brand_point .txt img {
      float: right;
      width: 44%;
      margin-right: 0
    }

    .brand_point .txt {
      font-size: 1.273em;
      margin-top: 5%;
      line-height: 1.6
    }

    .NoBg_ttl h1.ttl01 {
      font-size: 2em;
      letter-spacing: -2px
    }

    .attention {
      text-align: center
    }

    .attention h2.ttl {
      font-size: 1.6em;
      border: #ffc107 2px solid;
      width: 100%
    }

    .attention .txt {
      font-size: 1.273em;
      line-height: 1.4;
      padding: 1em 5%;
      text-align: left
    }

    .attention .box {
      width: 100%;
      margin-left: 0;
      border-spacing: inherit
    }

    .attention .box>.border,
    .attention .box>.tel {
      display: block;
      width: 100%
    }

    .attention .box .bal {
      margin-bottom: .3em;
      text-align: left
    }

    .attention .box .bal>li {
      width: 38%
    }

    .attention .box .bal>li:last-child {
      margin-left: 3%
    }

    .attention .box>.border>.web {
      padding: 0 4% 4%
    }

    .attention .box>.border>.web .corner01 {
      padding: 0;
      background: none;
      position: relative;
      z-index: 1
    }

    .attention .box>.border>.web .corner01 a {
      font-size: 1.636em;
      padding: 4% 0 2%
    }

    .attention .box>.border>.web .corner01 a img {
      width: 8%;
      margin-right: 3%;
      margin-left: -5%
    }

    .attention .box>.border>.web .corner01 a i {
      font-size: 1.5em;
      right: 5%;
      margin-top: -.45em
    }

    .attention .box>.date {
      margin-top: 5%;
      display: table !important
    }

    .attention .box .date .ttl {
      font-size: 1em;
      line-height: 1.3
    }

    .attention .box .date .txt {
      font-size: 1.636em
    }

    .attention .box .date .txt span {
      font-size: 1em;
      width: 2.5em;
      height: inherit;
      line-height: 1;
      vertical-align: middle;
      padding: .15em 0
    }

    .attention .box .date .txt {
      padding: 3% 0;
      line-height: 1;
      text-align: center
    }

    .attention .box>.tel .corner01 {
      background: #FFF;
      padding: 7% 0 0;
      border-top: 1px solid #EEE
    }

    .attention .box>.tel .txt01 {
      font-size: 1em
    }

    .attention .box>.tel .call {
      font-size: 2.182em;
      margin: 3% 0
    }

    .attention .box>.tel .call i {
      width: 40px;
      height: 40px
    }

    .attention .box>.tel .txt02 {
      font-size: .909em
    }

    .attention .box .img {
      top: 0;
      right: 8%;
      z-index: inherit;
      width: 30%
    }

    .attention.last .box {
      width: 100%;
      margin: 3.5em auto 0
    }

    .attention.last .box>.border {
      border: 2px solid #d0b592;
      border-radius: 4px;
      width: 94%;
      margin: 0 auto
    }

    .attention.last .box>.border>.ttl {
      position: absolute;
      top: -2em
    }

    .attention.last .img02 {
      margin: 0
    }

    .attention.last .box>.date {
      width: 94%;
      margin: 5% auto 0
    }

    .attention.last .box>.tel .corner01 {
      margin-top: 4%
    }

    .attention.last .box .bal {
      margin-top: 4%
    }

    .attention.last .box .bal li {
      width: 47%
    }

    .campaign_main {
      margin-bottom: 4%
    }

    .campaign_main_aw {
      margin-bottom: 0%
    }

    .campaign_main .wrapper {
      width: 100%
    }

    .campaign_main .bg {
      background: #FFF
    }

    .campaign_main .clo01 {
      margin-top: -2.273em
    }

    .campaign_main .clo01 .txt {
      width: inherit;
      left: 38%;
      bottom: 7%
    }

    .campaign_main .ttl02 .txt {
      font-size: 1.091em
    }

    .campaign_main .clo02 {
      margin-top: 0
    }

    .campaign_main .clo02 .txt {
      width: 65%;
      left: 6%;
      bottom: 14%;
      letter-spacing: -.05em
    }

    .campaign_main .clo03 {
      margin-top: -1.917em;
      margin-bottom: 1.667em
    }

    .campaign_main .clo03 .txt {
      left: inherit;
      bottom: 2%;
      right: 9%
    }

    .campaign_main .clo04 {
      margin-top: .583em;
      margin-bottom: -1.091em
    }

    .campaign_main .clo04 .txt {
      top: 48%;
      left: 6%
    }

    .campaign_main .point {
      padding: 0 6%
    }

    .campaign_main .point>.ttl {
      margin-bottom: 4%
    }

    .campaign_main .point ul {
      margin-top: 0
    }

    .campaign_main .point li {
      margin-bottom: 1.364em
    }

    .campaign_main .point ul .ttl {
      font-size: 1.182em;
      margin-bottom: .5em
    }

    .campaign_main .point ul .ttl img {
      width: 13%;
      margin-right: 2%
    }

    .campaign_main .point .txt {
      font-size: .909em
    }

    .campaign_main .box {
      background: #FFF;
      width: 96%;
      margin: 0 auto
    }

    .campaign_main .box .ttl {
      margin: 6% 0 0;
      background: #212121;
      color: #FFF;
      font-size: 1.273em;
      font-weight: 700;
      padding: 4% 0;
      border-radius: 4px 4px 0 0
    }

    .campaign_main .box ul {
      border-spacing: 10px
    }

    .campaign_main .box .txt {
      margin-top: 0;
      font-size: 1.091em;
      padding: 0 4% 4%
    }

    .howto_ttl {
      padding: 0
    }

    .howto_ttl>.ttl01 {
      background: #FFF;
      font-weight: 700;
      font-size: 1.909em;
      padding: 9% 0
    }

    .howto_ttl .ttl02 {
      font-size: 1.273em;
      padding: 7% 0 2%
    }

    .howto_ttl .ttl02 span {
      font-size: 1.5em
    }

    .howto_btn ul {
      border-spacing: inherit;
      padding: 2%;
      width: 100%
    }

    .howto_btn li {
      display: block;
      width: 100%;
      border: none;
      background: #FFF;
      margin-bottom: 2%;
      text-align: left
    }

    .howto_btn li a {
      padding: 3%;
      position: relative
    }

    .howto_btn li .ttl {
      font-size: 1.364em;
      display: inline-block;
      width: 6.5em;
      vertical-align: middle
    }

    .howto_btn li .ttl .num {
      font-size: .80em;
      width: 1.667em;
      height: 1.667em;
      line-height: 1.667em;
      margin-right: 5%;
      vertical-align: text-bottom;
      text-align: center
    }

    .howto_btn li .sm.txt {
      margin-bottom: 0;
      font-size: .909em;
      display: inline-block !important
    }

    .howto_btn li i {
      position: absolute;
      right: 3%;
      font-size: 1.818em
    }

    .howto_about {
      padding: 5% 0 0
    }

    .howto_about>.ttl {
      font-size: 1.273em;
      margin-bottom: 4%
    }

    .howto_about>ul {
      width: 96%;
      margin: 0 auto;
      border-spacing: inherit
    }

    .howto_about>ul>li {
      display: block;
      width: 100%;
      padding: 4% 4% 0;
      background: #FFF
    }

    .howto_about>ul>li:last-child {
      padding: 4%
    }

    .howto_about>ul>li .box {
      padding: 4% 0 0;
      text-align: left
    }

    .howto_about>ul>li .txt01 {
      font-size: 1.091em
    }

    .howto_about>ul>li .ttl {
      padding: 0;
      background: url(../img/howto/sm/ribbon.png) no-repeat;
      line-height: 1.875em;
      background-size: 100%;
      border-radius: 0;
      text-align: left;
      font-size: 1.455em;
      padding-left: 6%;
      margin: 3% 0 2%
    }

    .howto_about>ul>li .img {
      margin: 0
    }

    .howto_about>ul>li .corner01 {
      background: #f8f4ef;
      padding: 4%
    }

    .howto_about>ul>li .txt03 {
      font-size: 1.091em;
      font-weight: 700;
      margin-bottom: 4%
    }

    .howto_select {
      padding: 10% 0 3%
    }

    .howto_select>.ttl {
      font-size: 1.273em;
      margin-bottom: 3%;
      line-height: 1.5
    }

    .howto_select .tab_menu ul {
      width: 96%;
      border-spacing: inherit
    }

    .howto_select .tab_menu li {
      font-size: .773em;
      padding: 2.5% 0;
      background: #FFF;
      border-top: 1px solid #f2799a;
      border-bottom: 1px solid #f2799a;
      border-left: 1px solid #f2799a;
      position: relative
    }

    .howto_select .tab_menu.top li:first-child,
    .howto_select .tab_menu.btm li:first-child {
      border-radius: 4px 0 0 4px !important
    }

    .howto_select .tab_menu.top li:last-child,
    .howto_select .tab_menu.btm li:last-child {
      border-right: 1px solid #f2799a;
      border-radius: 0 4px 4px 0px !important
    }

    .howto_select .tab_menu li strong {
      font-size: 1.647em;
      margin-top: 5%
    }

    .howto_select .tab_menu.top {
      border-bottom: none
    }

    .howto_select .tab_menu.btm {
      border-top: none
    }

    .howto_select .tab_menu.top li,
    .howto_select .tab_menu.btm li {
      border-radius: 0;
      line-height: 1.2
    }

    .howto_select .tab_menu.top .active:after,
    .howto_select .tab_menu.btm .active:after {
      width: 0;
      height: 0;
      border-style: solid;
      position: absolute;
      content: "";
      left: 50%;
      margin-left: -5px
    }

    .howto_select .tab_menu.top .active:after {
      bottom: -5px;
      border-width: 5px 5px 0 5px;
      border-color: #f2799a transparent transparent transparent
    }

    .howto_select .tab_menu.btm .active:after {
      top: -5px;
      border-width: 0 5px 5px 5px;
      border-color: transparent transparent #f2799a transparent
    }

    .howto_select .tab_box {
      padding: 3% 2%
    }

    .howto_select .tab_box li {
      background: #FFF
    }

    .howto_merit {
      padding: 10% 0 0
    }

    .howto_merit .ttl03 {
      font-size: 1.091em;
      margin-bottom: 2%
    }

    .howto_merit ul {
      width: 100%;
      margin: 0;
      border-spacing: inherit
    }

    .howto_merit ul {
      padding: 0 4%
    }

    .howto_merit li {
      display: table;
      width: 100%;
      padding: 4%;
      background: #f8f4ef !important;
      margin-bottom: 4%
    }

    .howto_merit li>* {
      display: table-cell !important;
      vertical-align: middle
    }

    .howto_merit li>.ttl {
      width: 24%;
      padding-right: 3%
    }

    .howto_merit .ttl>img {
      width: 100%;
      padding-right: 0;
      display: inline-block
    }

    .howto_merit li>.txt {
      margin-top: 0;
      font-size: 1em;
      line-height: 1.4
    }

    .howto_merit li>.txt .sm {
      font-size: 1.182em;
      font-weight: 700;
      margin-bottom: 2%
    }

    .howto_select .howto {
      padding: 7% 0 0
    }

    .howto_select .howto .sec_ttl .ttl02:before,
    .howto_select .howto .sec_ttl .ttl02:after {
      display: none
    }

    .howto_select .howto .sec_ttl .ttl02 {
      padding-bottom: .1em
    }

    .howto_select .howto .btn01 {
      width: 92%;
      margin: 4% auto;
      padding: 3.5% 4.5%;
      font-size: 1.455em;
      font-weight: 700;
      text-align: center
    }

    .howto .step li:last-child {
      margin-bottom: 0
    }

    .howto_select .howto .btn01 i {
      font-size: 1.5em;
      right: 4%;
      margin-top: -.5em
    }
  }

  @media (max-width:639px) {
    body {
      font-size: 21px
    }
  }

  @media (max-width:599px) {
    body {
      font-size: 18px
    }

    #taishou .main .text,
    #taishou .main li>dl>dd>ul>li {
      font-size: 115%
    }
  }

  @media (max-width:480px) {
    .content-results-search .bg {
      padding: 20px 10px
    }

    .content-results-search .lead {
      margin-bottom: 20px
    }

    .content-results-search .tab-content {
      padding: 10px
    }

    .content-results-search .word-free .tab-content-title {
      padding-bottom: 10px
    }

    .content-results-search .word-kana .tab-content-title {
      padding-bottom: 5px
    }

    .content-results-search .word-kana .table-wrap {
      margin-right: -5px;
      margin-left: -5px
    }

    .content-results-search .word-kana ul {
      border-spacing: 5px 0;
      margin-top: 5px
    }

    .content-results-search .word-kana li a {
      padding: 5px 0
    }

    .move-page-top img {
      width: 45px;
      height: 45px
    }

    .page-top p {
      right: 10px;
      bottom: 120px
    }

    p.title1 {
      font-size: 1em !important;
      color: #535353 !important;
      font-weight: bold !important;
      display: inline-block;
      position: relative
    }

    .campaign_main .point ul .ttl {
      font-size: 1.35em
    }

    .campaign_main .point .txt {
      font-size: 1.25em
    }
  }

  @media (max-width:479px) {
    body {
      font-size: 16px
    }
  }

  @media (max-width:400px) {
    body {
      font-size: 14px
    }

    .campaign_main .point ul .ttl {
      font-size: 1.5em
    }

    .campaign_main .point .txt {
      font-size: 1.35em
    }

    #send,
    #shucchou,
    #tentou,
    #yoritakaku {
      font-size: 16px
    }
  }

  @media (max-width:383px) {
    body {
      font-size: 13px
    }
  }

  @media (max-width:359px) {
    body {
      font-size: 11px
    }
  }

  @media (max-width:319px) {
    body {
      font-size: 10px
    }
  }

  @media (max-width:300px) {
    body {
      font-size: 8px
    }
  }

  .bk {
    padding: 20px
  }

  #areaDetail section.main {
    padding-bottom: 10px
  }

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

    section.corner01,
    section.corner03 {
      margin-right: 20px;
      margin-left: 20px
    }

    .brand_point {
      margin-right: 20px;
      margin-bottom: 20px;
      margin-left: 20px
    }
  }

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

    section.corner01,
    section.corner03 {
      margin-right: 10px;
      margin-left: 10px
    }

    .brand_point>.ttl {
      top: -5px;
      margin-left: -155px;
      width: 310px
    }

    .brand_point>.wrapper {
      padding: 4%
    }

    .brand_point .sec_ttl {
      padding-top: 10px
    }

    .brand_point .ttl02 strong {
      font-size: 100%;
      margin-bottom: 0
    }
  }

  .badge {
    background: #c4a277;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    font-size: 67%
  }

  .balloon {
    background: #f2799a;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 78%;
    line-height: 30px;
    padding: 0 15px;
    text-align: center
  }

  .balloon strong {
    font-size: 125%
  }

  .balloon:after {
    content: "";
    border-color: #f2799a transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    margin-left: -5px;
    position: absolute;
    top: 30px;
    left: 50%;
    width: 0;
    height: 0
  }

  .balloon-beige {
    background: #c4a277
  }

  .balloon-beige:after {
    border-top-color: #c4a277
  }

  .business-day dl {
    border: 1px solid #9e9e9e;
    border-collapse: separate;
    border-radius: 4px
  }

  .business-day dt,
  .business-day dd {
    padding: 15px 0
  }

  .business-day dt {
    background: #eee;
    border: 1px solid #fff;
    border-radius: 3px 0 0 3px;
    font-size: 89%;
    font-weight: 700
  }

  .business-day dd {
    background: #fff;
    border-radius: 0 3px 3px 0;
    font-size: 150%
  }

  .business-day dd span {
    vertical-align: middle
  }

  .business-day dd .num {
    background: #616161;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    padding: 0 20px
  }

  @media screen and (max-width:400px) {
    .business-day dt {
      border-radius: 3px 3px 0 0;
      padding-top: 5px;
      padding-bottom: 5px
    }

    .business-day dd {
      border-radius: 0 0 3px 3px;
      padding-top: 5px;
      padding-bottom: 10px
    }

    .business-day dd .num {
      border-radius: 15px;
      line-height: 30px
    }
  }

  .bt {
    background: #f2799a;
    border: none;
    border-bottom: 2px solid #f06288;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s all ease-out;
    width: 100%
  }

  .bt:link,
  .bt:visited {
    color: #fff
  }

  .bt:hover,
  .bt:active {
    color: #fff
  }

  .bt:hover {
    background: #f06288;
    border-bottom-color: #ed4b77
  }

  .bt.inactive {
    background: #eee;
    border-bottom-color: #e0e0e0;
    color: #bdbdbd
  }

  .bt.inactive:link,
  .bt.inactive:visited {
    color: #bdbdbd
  }

  .bt.inactive:hover,
  .bt.inactive:active {
    color: #9e9e9e
  }

  .bt.inactive-pink {
    background: #fdedf2
  }

  .bt span {
    vertical-align: middle
  }

  .bt-arrow-u,
  .bt-arrow-r,
  .bt-arrow-d {
    padding-right: 30px
  }

  .bt-arrow-u:after,
  .bt-arrow-r:after,
  .bt-arrow-d:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 20px
  }

  .bt-arrow-u:after {
    content: '\f106';
    right: 15px
  }

  .bt-arrow-r:after {
    content: '\f105';
    right: 15px
  }

  .bt-arrow-d {
    padding-left: 0
  }

  .bt-arrow-d:after {
    content: '\f107';
    right: 15px
  }

  .bt-flat {
    border-bottom: none !important;
    box-shadow: none !important;
    cursor: default;
    pointer-events: none
  }

  .bt-beige {
    background: #c4a277;
    border-bottom-color: #b58a53
  }

  .bt-beige:hover {
    background: #b58a53;
    border-bottom-color: #956f40
  }

  .bt-light-gray {
    background: #eee;
    border-bottom-color: #e0e0e0;
    color: #424242
  }

  .bt-light-gray:link,
  .bt-light-gray:visited {
    color: #424242
  }

  .bt-light-gray:hover,
  .bt-light-gray:active {
    color: #212121
  }

  .bt-light-gray:hover {
    background: #e0e0e0;
    border-bottom-color: #bdbdbd
  }

  .bt-item {
    font-size: 67%;
    padding-right: 0;
    padding-left: 0
  }

  .bt-item img {
    max-width: 50px;
    height: auto
  }

  .bt-item .item {
    display: block;
    padding-top: 5px
  }

  .bt-item-m {
    font-size: 73%;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .bt-item-m img {
    max-width: 60px
  }

  .bt-more {
    background: #fff !important;
    border: 2px solid #f2799a;
    color: #f2799a;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 240px
  }

  .bt-more:link,
  .bt-more:visited {
    color: #f2799a
  }

  .bt-more:hover,
  .bt-more:active {
    color: #ed4b77
  }

  .bt-more:hover {
    border-color: #ed4b77
  }

  .bt-more-beige {
    border-color: #c4a277;
    color: #c4a277
  }

  .bt-more-beige:link,
  .bt-more-beige:visited {
    color: #c4a277
  }

  .bt-more-beige:hover,
  .bt-more-beige:active {
    color: #b58a53
  }

  .bt-more-beige:hover {
    border-color: #b58a53
  }

  .bt-more-white {
    background: none !important;
    border-color: #fff;
    color: #fff
  }

  .bt-more-white:link,
  .bt-more-white:visited {
    color: #fff
  }

  .bt-more-white:hover,
  .bt-more-white:active {
    color: #fff
  }

  .bt-more-white:hover {
    border-color: #fff
  }

  .bt-read {
    background: #fff;
    border: 1px solid #f2799a;
    color: #f2799a;
    font-size: 89%
  }

  .bt-read:link,
  .bt-read:visited {
    color: #f2799a
  }

  .bt-read:hover,
  .bt-read:active {
    color: #ed4b77
  }

  .bt-read:hover {
    background: #fff;
    border-color: #ed4b77
  }

  :hover .bt-read {
    background: #fff;
    border-color: #ed4b77;
    color: #ed4b77
  }

  .bt-read-beige {
    background: #fff;
    border: 1px solid #c4a277;
    color: #c4a277;
    font-size: 89%
  }

  .bt-read-beige:link,
  .bt-read-beige:visited {
    color: #c4a277
  }

  .bt-read-beige:hover,
  .bt-read-beige:active {
    color: #b58a53
  }

  .bt-read-beige:hover {
    background: #fff;
    border-color: #b58a53
  }

  :hover .bt-read-beige {
    background: #fff;
    border-color: #b58a53;
    color: #b58a53
  }

  .bt-sell {
    padding-left: 0;
    padding-right: 30px
  }

  .bt-title {
    color: #616161;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: inline-block;
    font-size: 73%;
    padding: 3px 20px 3px 10px;
    position: absolute;
    top: -40px;
    right: 20px;
    z-index: 2
  }

  .bt-title:link,
  .bt-title:visited {
    color: #616161
  }

  .bt-title:hover,
  .bt-title:active {
    color: #f2799a
  }

  .bt-title:hover {
    border-color: #f2799a
  }

  .bt-title.bt-arrow-r:after {
    right: 10px
  }

  .bt-full {
    max-width: none;
    width: 100%
  }

  .bt-s {
    font-size: 89%
  }

  @media screen and (max-width:991px) {
    .bt-item {
      padding-top: 5px;
      padding-bottom: 5px
    }
  }

  @media screen and (max-width:767px) {
    .bt-item {
      font-size: 62%
    }

    .bt-item {
      font-size: 78%
    }
  }

  @media screen and (max-width:400px) {
    .bt-more {
      max-width: none
    }
  }

  .category-tag {
    background-color: #c4a277;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 62%;
    padding: 0 10px;
    text-align: center
  }

  .ic {
    display: inline-block;
    vertical-align: middle
  }

  .ic-female {
    background: #f7a7bd;
    border-radius: 50%;
    width: 80px;
    height: 80px
  }

  .ic-female01 {
    content: url(../img/common/icon_female01.png)
  }

  .ic-female01-r {
    content: url(../img/common/icon_female01_r.png)
  }

  .ic-female02 {
    content: url(../img/common/icon_female02.png)
  }

  .ic-female02-r {
    content: url(../img/common/icon_female02_r.png)
  }

  .ic-female03 {
    content: url(../img/common/icon_female03.png)
  }

  .ic-female03-r {
    content: url(../img/common/icon_female03_r.png)
  }

  .ic-freedial {
    content: url(../img/common/icon_freedial.png)
  }

  .ic-nocopy {
    content: url(../img/common/icon_nocopy.png)
  }

  .ic-ok {
    background: #f2799a;
    border-radius: 50%;
    content: url(../img/common/icon_ok.png);
    width: 60px;
    height: 60px
  }

  .ic-sell {
    content: url(../img/common/icon_sell.png);
    width: 60px;
    height: 60px
  }

  @media screen and (max-width:480px) {
    .ic-female {
      width: 60px;
      height: 60px
    }

    .ic-ok {
      width: 40px;
      height: 40px
    }
  }

  .information {
    background: #eee;
    border-radius: 10px;
    font-size: 78%;
    padding: 20px
  }

  .information p {
    padding-top: 5px
  }

  .information-title {
    font-weight: 700;
    text-align: center
  }

  .information-warning {
    background: #feeceb;
    color: #f44336
  }

  .loading {
    background: #f8f4ef;
    border-radius: 10px;
    color: #b58a53;
    font-size: 78%;
    padding: 20px;
    text-align: center
  }

  .loading:before {
    -webkit-animation: webkit-spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-radius: 50%;
    border: 2px solid #b58a53;
    border-right-color: transparent;
    content: '';
    display: inline-block;
    margin-right: 5px;
    transition: 0.3s all ease-out;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    z-index: 3
  }

  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg)
    }

    100% {
      transform: rotate(359deg)
    }
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg)
    }

    100% {
      transform: rotate(359deg)
    }
  }

  @-webkit-keyframes webkit-spin {
    0% {
      -webkit-transform: rotate(0deg)
    }

    100% {
      -webkit-transform: rotate(359deg)
    }
  }

  .price-tag {
    background-color: #f2799a;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: "Noto Serif", serif;
    padding: 0 10px;
    text-align: center
  }

  .price-tag .font-ja {
    font-size: 75%
  }

  .price-tag-2 {
    line-height: 1.25;
    padding-top: 8px;
    padding-bottom: 8px
  }

  .price-tag-m {
    font-size: 117%;
    padding-top: 3px;
    padding-bottom: 3px
  }

  @media screen and (max-width:991px) {
    .price-tag-m {
      font-size: 100%;
      padding-right: 5px;
      padding-left: 5px
    }
  }

  .rb img {
    width: 100%;
    height: auto
  }

  .rb-area,
  .rb-area-text,
  .rb-free,
  .rb-free-text {
    max-width: 200px
  }

  .rb-area {
    content: url(../img/common/ribbon04.png)
  }

  .rb-episode {
    background: url(../img/lp/ribbon02.png) no-repeat 0 0;
    color: #FFF;
    display: block;
    text-align: center;
    width: 80px;
    height: 110px
  }

  .rb-area-text .episode,
  .rb-episode .episode {
    font-size: 67%;
    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 5px
  }

  .rb-area-text .font-noto,
  .rb-episode .font-noto {
    font-size: 167%;
    line-height: 1.2
  }

  .rb-free {
    content: url(../img/common/ribbon01.png)
  }

  .rb-pickup {
    width: 100px
  }

  .no01 {
    content: url(../img/common/ribbon_rank01.png)
  }

  .no02 {
    content: url(../img/common/ribbon_rank02.png)
  }

  .no03 {
    content: url(../img/common/ribbon_rank03.png)
  }

  .no04 {
    content: url(../img/common/ribbon_rank04.png)
  }

  .no05 {
    content: url(../img/common/ribbon_rank05.png)
  }

  .no06 {
    content: url(../img/common/ribbon_rank06.png)
  }

  .no07 {
    content: url(../img/common/ribbon_rank07.png)
  }

  .no08 {
    content: url(../img/common/ribbon_rank08.png)
  }

  .no09 {
    content: url(../img/common/ribbon_rank09.png)
  }

  .no10 {
    content: url(../img/common/ribbon_rank10.png)
  }

  .no11 {
    content: url(../img/common/ribbon_rank11.png)
  }

  .no12 {
    content: url(../img/common/ribbon_rank12.png)
  }

  .no13 {
    content: url(../img/common/ribbon_rank13.png)
  }

  .no14 {
    content: url(../img/common/ribbon_rank14.png)
  }

  .no15 {
    content: url(../img/common/ribbon_rank15.png)
  }

  .no16 {
    content: url(../img/common/ribbon_rank16.png)
  }

  .no17 {
    content: url(../img/common/ribbon_rank17.png)
  }

  .no18 {
    content: url(../img/common/ribbon_rank18.png)
  }

  .no19 {
    content: url(../img/common/ribbon_rank19.png)
  }

  .no20 {
    content: url(../img/common/ribbon_rank20.png)
  }

  .rb-price {
    content: url(../img/common/ribbon05.png);
    margin-right: auto;
    margin-left: auto;
    max-width: 480px
  }

  .rb-service,
  .rb-service-text {
    max-width: 520px
  }

  .rb-service {
    content: url(../img/common/ribbon02.png)
  }

  @media screen and (max-width:767px) {
    .rb-pickup {
      width: 80px
    }
  }

  .swiper-button-next,
  .swiper-button-prev {
    background: none;
    margin-top: -25px;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
    opacity: .75;
    transition: 0.3s all ease-out;
    width: 50px;
    height: 50px
  }

  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .swiper-button-next:before,
  .swiper-button-prev:before {
    background: #000;
    border-radius: 50%;
    content: '';
    display: block;
    width: 100%;
    height: 100%
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    color: #fff;
    font-family: "FontAwesome";
    font-size: 200%;
    line-height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    width: 30px
  }

  .swiper-button-prev {
    margin-left: -27px
  }

  .swiper-button-prev:after {
    content: '\f104'
  }

  .swiper-button-next {
    margin-right: -27px
  }

  .swiper-button-next:after {
    content: '\f105'
  }

  .swiper-pagination {
    padding-top: 10px;
    position: relative;
    left: auto !important;
    bottom: auto !important;
    text-align: center
  }

  .swiper-pagination-bullet {
    background: #e0e0e0;
    margin-right: 3px !important;
    margin-left: 3px !important;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .swiper-pagination-bullet-active {
    background: #616161
  }

  .swiper-slide a {
    display: block
  }

  .swiper-slide img {
    border-radius: 5px;
    width: 100%;
    height: auto
  }

  .swiper-scrollbar {
    margin-top: 10px;
    height: 4px
  }

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

    .swiper-button-next,
    .swiper-button-prev {
      margin-top: -20px;
      width: 40px;
      height: 40px
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
      font-size: 150%;
      line-height: 30px;
      top: 5px;
      left: 5px
    }

    .swiper-button-prev {
      margin-left: -20px
    }

    .swiper-button-next {
      margin-right: -20px
    }
  }

  .toggle-list {
    margin-bottom: 10px
  }

  .toggle-list .toggle-list-toggle {
    background: #616161;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px
  }

  .toggle-list .toggle-list-toggle i {
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 10px
  }

  .toggle-list .toggle-list-toggle .fa-chevron-up {
    display: none
  }

  .toggle-list .toggle-list-body {
    border: 1px solid #616161;
    border-top: none;
    border-radius: 0 0 4px 4px;
    display: none
  }

  .toggle-list.jq-open .toggle-list-toggle {
    border-radius: 4px 4px 0 0
  }

  .toggle-list.jq-open .toggle-list-body {
    display: block
  }

  .last-update {
    background-color: #fdedf2;
    border-radius: 4px;
    color: #f06288;
    display: inline-block;
    font-size: 78%;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center
  }

  header {
    background: #fff;
    text-align: center;
    z-index: 20
  }

  header .campaign-aw {
    background: #590b09
  }

  header .header-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1040px;
    height: 90px
  }

  header .logo {
    padding-top: 23px;
    width: 153px;
    z-index: 2
  }

  header .logo img {
    width: 100%;
    height: auto
  }

  header .user {
    margin-top: -34px;
    position: absolute;
    top: 50%;
    left: 183px;
    width: 68px
  }

  @media screen and (max-width:640px) {
    header .user {
      left: 140px
    }
  }

  @media screen and (max-width:480px) {
    header .user {
      margin-top: -25px;
      left: 120px;
      width: 50px
    }
  }

  @media screen and (max-width:400px) {
    header .user {
      margin-top: -22px;
      width: 45px
    }
  }

  header .user img {
    width: 100%;
    height: auto
  }

  header .contact {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10px;
    width: 100%
  }

  header .contact .contact-lead {
    display: block;
    font-size: 78%;
    letter-spacing: .125em;
    line-height: 20px
  }

  header .contact .tel {
    display: block;
    line-height: 40px
  }

  header .contact .number {
    color: #212121;
    display: inline-block;
    font-size: 200%
  }

  header .contact .open {
    color: #616161;
    display: block;
    font-size: 62%;
    letter-spacing: .125em;
    line-height: 14px
  }

  header .ic-freedial {
    width: 40px;
    height: 40px
  }

  header .btns {
    position: absolute;
    top: 9px;
    right: 20px;
    width: 300px;
    z-index: 2
  }

  header .bt {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 60px;
    line-height: 20px
  }

  header .bt .ic {
    margin-top: -30px;
    position: absolute;
    top: 50%;
    left: 5px
  }

  header .bt span {
    display: block
  }

  header .bt-lead {
    font-size: 67%;
    font-weight: 400
  }

  header nav {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
  }

  header nav ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
    width: 100%
  }

  header nav li {
    display: table-cell
  }

  header nav li a {
    color: #212121;
    display: block;
    font-size: 67%;
    line-height: 20px;
    padding: 10px
  }

  header nav li a:link,
  header nav li a:visited {
    color: #212121
  }

  header nav li a:hover,
  header nav li a:active {
    color: #fff
  }

  header nav li a:hover {
    background: #212121
  }

  header .menu {
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 60px;
    height: 100%
  }

  header .menu:hover {
    background: #f8f4ef
  }

  header .menu i {
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
  }

  header .menu .fa-times {
    display: none
  }

  header .menu.active .fa-bars {
    display: none
  }

  header .menu.active .fa-times {
    display: inline-block
  }

  li.line.hide-sm {
    background-color: #33bd17
  }

  li.line.hide-sm a {
    color: #fff
  }

  @media screen and (max-width:991px) {
    header .btns {
      width: 200px
    }
  }

  @media screen and (max-width:767px) {
    body {
      padding-top: 80px
    }

    header {
      border-bottom: 1px solid #eee;
      box-shadow: 0 0 2px rgba(0, 0, 0, .1);
      position: fixed;
      top: 0;
      left: 0;
      width: 100%
    }

    header .header-container {
      padding-right: 0;
      height: 80px
    }

    header .logo {
      padding-top: 18px
    }

    header .btns {
      right: 70px
    }

    header .bt {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 40px
    }

    header .bt .ic {
      margin-top: -20px;
      width: 40px;
      height: 40px
    }

    header .menu {
      display: block
    }

    header nav {
      display: none;
      border: none
    }

    header nav.active {
      display: block
    }

    header nav ul,
    header nav li {
      display: list-item
    }

    header nav li {
      border-top: 1px solid #eee
    }

    header nav li a {
      color: #f2799a;
      padding-right: 30px;
      padding-left: 30px;
      text-align: left
    }

    header nav li a:link,
    header nav li a:visited {
      color: #666
    }

    header nav li a:hover,
    header nav li a:active {
      color: #f2799a
    }

    header nav li a:before {
      background: #f2799a;
      border-radius: 50%;
      content: '';
      display: block;
      margin-top: -3px;
      position: absolute;
      top: 50%;
      left: 12px;
      width: 6px;
      height: 6px
    }

    header nav li a:after {
      content: '\f105';
      display: block;
      font-family: "FontAwesome";
      font-size: 150%;
      font-weight: 400;
      line-height: 20px;
      margin-top: -10px;
      position: absolute;
      top: 50%;
      right: 10px
    }

    header nav li a:hover {
      background: #f8f4ef
    }

    header nav li.my {
      background: #fdedf2;
      font-weight: 700
    }

    header nav li.my a {
      color: #f2799a;
      font-size: 79%;
      padding-top: 12px;
      padding-bottom: 12px
    }

    header nav li.my a:before {
      background: none;
      content: '\f007';
      font-family: 'FontAwesome';
      margin-top: -10px;
      line-height: 20px;
      left: 10px;
      width: auto;
      height: auto
    }

    header nav li.line {
      background: #42cc3c;
      font-weight: 700
    }

    header nav li.line a {
      color: #fff;
      font-size: 79%;
      padding-top: 12px;
      padding-bottom: 12px
    }

    header nav li.line a:before {
      background: none;
      content: '\f075';
      font-family: 'FontAwesome';
      margin-top: -10px;
      line-height: 20px;
      left: 10px;
      width: auto;
      height: auto
    }
  }

  @media screen and (max-width:640px) {
    header .header-container {
      padding-left: 10px
    }

    header .logo {
      padding-top: 23px;
      width: 120px
    }

    header .btns {
      width: 180px
    }

    header .bt {
      font-size: 89%
    }
  }

  @media screen and (max-width:480px) {
    body {
      padding-top: 70px
    }

    header .header-container {
      height: 70px
    }

    header .logo {
      padding-top: 21px;
      width: 100px
    }

    header .btns {
      right: 50px;
      width: 150px
    }

    header .bt {
      font-size: 78%;
      padding-top: 5px;
      padding-bottom: 5px
    }

    header .menu {
      width: 40px
    }
  }

  p.mv_txt {
    background-color: #fdedf2;
    color: #616161;
    font-size: 70%;
    line-height: 20px
  }

  .kitbox_info {
    background: #FFF;
    padding: 3px 5px 2px;
    border-radius: 50px;
    display: inline-block;
    margin: 3px 5px;
    font-size: 80%;
    vertical-align: middle
  }

  .kitbox_info:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(/img/common/kitbox_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px
  }

  .content-wrapper {
    overflow-x: hidden;
    width: 100%;
    margin-top: 25px
  }

  .content-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1040px;
    padding: 0 20px
  }

  header,
  .content-bg,
  .content-box,
  .content-full,
  .content-white {
    line-height: 1.8;
    font-size: 18px
  }

  .content-bg {
    background: #eee
  }

  .content-box {
    border-bottom: 1px solid #eee;
    padding: 80px 0 60px
  }

  .content-box.is-t0 {
    padding-top: 0
  }

  .content-full {
    border-radius: 0
  }

  .content-white {
    background: #fff
  }

  .content-ribbon {
    margin-right: auto;
    margin-left: auto;
    text-align: center
  }

  .content-ribbon01 {
    margin-top: -140px;
    margin-bottom: 20px;
    max-width: 580px
  }

  .content-title {
    color: #616161;
    font-size: 156%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center
  }

  .content-title-solo {
    margin-bottom: 20px
  }

  .content-title-en {
    color: #9e9e9e;
    font-family: "Noto Serif", serif;
    font-size: 78%;
    text-align: center
  }

  .content-title-sub {
    color: #f2799a;
    font-size: 60%
  }

  .content-subtitle {
    font-size: 134%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center
  }

  .content-subtitle i {
    vertical-align: 0
  }

  .content-lead {
    margin: 20px 0;
    padding-top: 20px
  }

  .content-lead:before,
  .content-lead:after {
    background: #e0e0e0;
    content: "";
    display: block;
    margin-left: -40px;
    position: absolute;
    left: 50%;
    width: 80px;
    height: 1px
  }

  .content-lead:before {
    top: 0
  }

  .content-lead:after {
    top: 2px
  }

  .subcontent {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px
  }

  .subcontent-title {
    background: #eee;
    border-radius: 3px 3px 0 0;
    font-size: 89%;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px;
    text-align: center
  }

  .subcontent-title-gray {
    background: #616161;
    color: #fff
  }

  .subcontent-body {
    border-radius: 0 0 3px 3px;
    font-size: 89%;
    padding: 20px
  }

  .subcontent-list li {
    border-top: 1px solid #eee;
    font-size: 89%
  }

  .subcontent-list li:first-child {
    border-top: none
  }

  .subcontent-list li p {
    padding: 10px
  }

  .subcontent-table dl {
    border-top: 1px solid #e0e0e0;
    border-collapse: collapse;
    display: table;
    width: 100%
  }

  .subcontent-table dl:first-child {
    border-top: none
  }

  .subcontent-table dt,
  .subcontent-table dd {
    font-size: 89%;
    display: table-cell;
    line-height: 1.4;
    padding: 10px
  }

  .subcontent-table dt {
    border-right: 1px solid #e0e0e0;
    width: 33.33%
  }

  .subcontent-table .head dt,
  .subcontent-table .head dd {
    background: #eee;
    font-weight: 700
  }

  .subcontent-table-fixed dl {
    table-layout: fixed
  }

  .subcontent-camp {
    border: none
  }

  .subcontent-camp .subcontent-title {
    background: #c4a277;
    color: #fff
  }

  .subcontent-camp .subcontent-body {
    background: #f8f4ef
  }

  .subcontent-warning {
    border: none
  }

  .subcontent-warning .subcontent-title {
    background: #f44336;
    color: #fff
  }

  .subcontent-warning .subcontent-body {
    background: #feeceb
  }

  @media screen and (max-width:767px) {
    .content-box {
      border-bottom: none;
      margin-right: 20px;
      margin-bottom: 20px;
      margin-left: 20px;
      padding: 60px 0 40px
    }

    .content-box-sm {
      background: none !important;
      padding: 0 !important
    }

    .content-box-sm .content-container {
      padding: 0
    }

    .content-ribbon01 {
      margin-top: -20px;
      max-width: 480px
    }
  }

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

    .content-bg,
    .content-box,
    .content-full,
    .content-white {
      font-size: 16px
    }

    .content-box {
      margin-right: 10px;
      margin-bottom: 10px;
      margin-left: 10px;
      padding: 40px 0 20px
    }

    .content-bt {
      padding-top: 60px
    }

    .content-ribbon01 {
      margin-top: -20px
    }
  }

  .list-point dl {
    display: table;
    margin-bottom: 20px;
    width: 100%;
    min-height: 140px
  }

  .list-point dt,
  .list-point dd {
    display: table-cell;
    vertical-align: middle
  }

  .list-point dt {
    background: #f2799a;
    border: 1px solid #f2799a;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: 117%;
    font-weight: 700;
    text-align: center;
    width: 240px
  }

  .list-point dd {
    border: 1px solid #e0e0e0;
    border-left: none;
    border-radius: 0 10px 10px 0;
    padding: 20px
  }

  .list-point dd img {
    border-radius: 4px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100px;
    height: auto
  }

  .list-point dd p {
    padding-left: 120px
  }

  .list-point dd .note {
    font-size: 89%
  }

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

    .list-point dl,
    .list-point dt,
    .list-point dd {
      display: block
    }

    .list-point dl {
      min-height: 0
    }

    .list-point dt {
      border-radius: 10px 10px 0 0;
      padding: 5px 10px;
      width: auto
    }

    .list-point dd {
      border: 1px solid #e0e0e0;
      border-top: none;
      border-radius: 0 0 10px 10px;
      padding-top: 30px;
      padding-bottom: 30px;
      min-height: 120px
    }

    .list-point dd img {
      margin-top: -40px;
      width: 80px
    }

    .list-point dd p {
      padding-left: 100px
    }
  }

  .content-area .map {
    margin-bottom: 20px
  }

  .content-area .map img {
    border-radius: 10px
  }

  .content-brandlist .lists {
    margin-right: -5px;
    margin-left: -5px
  }

  .content-brandlist .lists ul {
    margin-bottom: 10px;
    width: 100%
  }

  .content-brandlist .lists li {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    width: 20%
  }

  .content-brandlist .lists li.others {
    width: 40%
  }

  .content-brandlist .toggle-list a {
    border-top: 1px solid #e0e0e0;
    color: #616161;
    display: block;
    line-height: 1.4;
    padding: 8px 10px
  }

  .content-brandlist .toggle-list a:link,
  .content-brandlist .toggle-list a:visited {
    color: #616161
  }

  .content-brandlist .toggle-list a:hover,
  .content-brandlist .toggle-list a:active {
    color: #f2799a
  }

  .content-brandlist .toggle-list a:after {
    content: "\f105";
    font-family: "FontAwesome";
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 10px
  }

  .content-brandlist .toggle-list .en {
    display: block
  }

  .content-brandlist .toggle-list .ja {
    display: block;
    font-size: 78%
  }

  .content-brand-search {
    padding: 60px 0;
    text-align: center
  }

  .content-brand-search .content-container {
    max-width: 840px
  }

  .content-brand-search .brands {
    color: #f2799a;
    font-size: 117%;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px
  }

  .content-brand-search .brands .font-noto {
    font-size: 150%
  }

  .content-brand-search .now {
    background: #fff;
    border-radius: 40px;
    font-size: 134%;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 20px
  }

  .content-brand-search .now:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 0;
    height: 0
  }

  .content-brand-search .input-wrap input {
    background: #f2799a;
    border: none;
    border-radius: 40px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
    color: #fff;
    font-size: 167%;
    font-weight: 700;
    line-height: 40px;
    padding: 20px;
    text-align: center;
    width: 100%;
    height: 80px
  }

  .content-brand-search .input-wrap input:placeholder-shown {
    color: #fff
  }

  .content-brand-search .input-wrap input::-webkit-input-placeholder {
    color: #fff
  }

  .content-brand-search .input-wrap input:-moz-placeholder {
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .content-brand-search .input-wrap input::-moz-placeholder {
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .content-brand-search .input-wrap input:-ms-input-placeholder {
    color: #fff
  }

  .content-brand-search .input-wrap a {
    color: #fff;
    font-size: 167%;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    right: 20px;
    text-align: center;
    width: 40px;
    height: 40px
  }

  .content-brand-search .input-wrap a:link,
  .content-brand-search .input-wrap a:visited {
    color: #fff
  }

  .content-brand-search .input-wrap a:hover,
  .content-brand-search .input-wrap a:active {
    color: #fff
  }

  .content-brand-search .btns {
    margin-top: 20px
  }

  .content-brand-search .btns .bt {
    display: block;
    padding: 20px 10px;
    max-width: none;
    width: auto
  }

  .content-brand-search-top {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .content-brand-search-top .now {
    background: none;
    line-height: inherit;
    padding: 0
  }

  .content-brand-search-top .now:after {
    display: none
  }

  @media screen and (max-width:767px) {
    .content-brand-search {
      padding: 40px 0
    }

    .content-brand-search .now {
      font-size: 117%;
      line-height: 1.4;
      padding: 30px
    }

    .content-brand-search .brands {
      font-size: 100%
    }

    .content-brand-search .input-wrap input {
      border-radius: 30px;
      font-size: 134%;
      line-height: 30px;
      padding: 15px 10px;
      height: 60px
    }

    .content-brand-search .input-wrap a {
      font-size: 134%
    }
  }

  @media screen and (max-width:480px) {
    .content-brand-search {
      padding: 30px 0
    }

    .content-brand-search .input-wrap input {
      font-size: 117%
    }

    .content-brand-search .input-wrap a {
      font-size: 117%
    }
  }

  .content-brand-search {
    padding: 60px 0;
    text-align: center
  }

  .content-brand-search .content-container {
    max-width: 840px
  }

  .content-brand-search .brands {
    color: #f2799a;
    font-size: 117%;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px
  }

  .content-brand-search .brands .font-noto {
    font-size: 150%
  }

  .content-brand-search .now {
    background: #fff;
    border-radius: 40px;
    font-size: 134%;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 20px
  }

  .content-brand-search .now:after {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 0;
    height: 0
  }

  .content-brand-search .input-wrap input {
    background: #f2799a;
    border: none;
    border-radius: 40px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
    color: #fff;
    font-size: 167%;
    font-weight: 700;
    line-height: 40px;
    padding: 20px;
    text-align: center;
    width: 100%;
    height: 80px
  }

  .content-brand-search .input-wrap input:placeholder-shown {
    color: #fff
  }

  .content-brand-search .input-wrap input::-webkit-input-placeholder {
    color: #fff
  }

  .content-brand-search .input-wrap input:-moz-placeholder {
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .content-brand-search .input-wrap input::-moz-placeholder {
    color: #fff;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
  }

  .content-brand-search .input-wrap input:-ms-input-placeholder {
    color: #fff
  }

  .content-brand-search .input-wrap a {
    color: #fff;
    font-size: 167%;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    right: 20px;
    text-align: center;
    width: 40px;
    height: 40px
  }

  .content-brand-search .input-wrap a:link,
  .content-brand-search .input-wrap a:visited {
    color: #fff
  }

  .content-brand-search .input-wrap a:hover,
  .content-brand-search .input-wrap a:active {
    color: #fff
  }

  .content-brand-search .btns {
    margin-top: 20px
  }

  .content-brand-search .btns .bt {
    display: block;
    padding: 20px 10px;
    max-width: none;
    width: auto
  }

  .content-brand-search-top {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .content-brand-search-top .now {
    background: none;
    line-height: inherit;
    padding: 0
  }

  .content-brand-search-top .now:after {
    display: none
  }

  @media screen and (max-width:767px) {
    .content-brand-search {
      padding: 40px 0
    }

    .content-brand-search .now {
      font-size: 117%;
      line-height: 1.4;
      padding: 30px
    }

    .content-brand-search .brands {
      font-size: 100%
    }

    .content-brand-search .input-wrap input {
      border-radius: 30px;
      font-size: 134%;
      line-height: 30px;
      padding: 15px 10px;
      height: 60px
    }

    .content-brand-search .input-wrap a {
      font-size: 134%
    }
  }

  @media screen and (max-width:480px) {
    .content-brand-search {
      padding: 30px 0
    }

    .content-brand-search .input-wrap input {
      font-size: 117%
    }

    .content-brand-search .input-wrap a {
      font-size: 117%
    }
  }

  .content-buy-results .filters,
  .content-itemlist .filters,
  .content-pickup-brands .filters {
    padding-bottom: 20px
  }

  .content-buy-results .filters .lists,
  .content-itemlist .filters .lists,
  .content-pickup-brands .filters .lists {
    margin-right: -5px;
    margin-left: -5px
  }

  .content-buy-results .filters ul,
  .content-itemlist .filters ul,
  .content-pickup-brands .filters ul {
    width: 100%
  }

  .content-buy-results .filters li,
  .content-itemlist .filters li,
  .content-pickup-brands .filters li {
    padding: 10px 5px 0;
    float: left;
    width: 12.5%
  }

  .content-buy-results .filters-title,
  .content-itemlist .filters-title,
  .content-pickup-brands .filters-title {
    font-size: 78%;
    font-weight: 700;
    padding-top: 20px;
    text-align: center
  }

  .content-buy-results .results .lists,
  .content-itemlist .results .lists,
  .content-pickup-brands .results .lists {
    text-align: center
  }

  .content-buy-results .results .lists ul,
  .content-itemlist .results .lists ul,
  .content-pickup-brands .results .lists ul {
    margin-top: 65px
  }

  .content-buy-results .results .lists li,
  .content-itemlist .results .lists li,
  .content-pickup-brands .results .lists li {
    vertical-align: top
  }

  .content-buy-results .results .lists .item,
  .content-itemlist .results .lists .item,
  .content-pickup-brands .results .lists .item {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: block;
    padding: 15px;
    vertical-align: top
  }

  .content-buy-results .results .lists .item.none,
  .content-itemlist .results .lists .item.none,
  .content-pickup-brands .results .lists .item.none {
    border: none
  }

  .content-buy-results .results .lists .item .image,
  .content-itemlist .results .lists .item .image {
    margin-right: auto;
    margin-left: auto;
    text-align: center
  }

  .content-pickup-brands .results .lists .item .image {
    border-radius: 50%;
    margin-top: -65px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -moz-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    overflow: hidden;
    width: 100px;
    height: 100px
  }

  .content-pickup-brands .results .lists .item .image:after {
    background: #000;
    border-radius: 50%;
    content: "";
    display: block;
    -ms-filter: "alpha(opacity=3)";
    filter: alpha(opacity=3);
    opacity: .03;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .content-buy-results .results .lists .item .image img,
  .content-itemlist .results .lists .item .image img {
    width: auto;
    height: 100px
  }

  .content-pickup-brands .results .lists .item .image img {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100px
  }

  .content-buy-results .results .lists .item .image img.source,
  .content-itemlist .results .lists .item .image img.source,
  .content-pickup-brands .results .lists .item .image img.source {
    display: none
  }

  .content-buy-results .results .lists .item .image img.loaded,
  .content-itemlist .results .lists .item .image img.loaded,
  .content-pickup-brands .results .lists .item .image img.loaded {
    display: inline
  }

  .content-buy-results .results .lists .item .date,
  .content-itemlist .results .lists .item .date,
  .content-pickup-brands .results .lists .item .date {
    color: #9e9e9e;
    font-size: 67%;
    font-weight: 700;
    padding-top: 5px
  }

  .content-buy-results .results .lists .item .brand,
  .content-itemlist .results .lists .item .brand,
  .content-pickup-brands .results .lists .item .brand {
    color: #212121;
    font-weight: 700;
    font-size: 78%;
    line-height: 1.4;
    margin-top: 10px
  }

  .content-buy-results .results .lists .item .item-name,
  .content-itemlist .results .lists .item .item-name,
  .content-pickup-brands .results .lists .item .item-name,
  .content-buy-results .results .lists .item .item-comment,
  .content-itemlist .results .lists .item .item-comment,
  .content-pickup-brands .results .lists .item .item-comment {
    color: #616161;
    font-size: 78%;
    line-height: 1.4
  }

  .content-buy-results .results .lists .item .item-name,
  .content-itemlist .results .lists .item .item-name,
  .content-pickup-brands .results .lists .item .item-name {
    font-weight: 700
  }

  .content-buy-results .results .lists .item .item-comment,
  .content-itemlist .results .lists .item .item-comment,
  .content-pickup-brands .results .lists .item .item-comment {
    margin-top: 10px
  }

  .content-buy-results .results .lists .item .price-tag,
  .content-itemlist .results .lists .item .price-tag,
  .content-pickup-brands .results .lists .item .price-tag {
    display: block;
    margin-top: 20px
  }

  .content-buy-results .results .lists a.item:hover,
  .content-itemlist .results .lists a.item:hover,
  .content-pickup-brands .results .lists a.item:hover {
    background: #f8f4ef;
    border-color: #f8f4ef
  }

  .content-buy-results .results .loading,
  .content-itemlist .results .loading,
  .content-pickup-brands .results .loading,
  .content-buy-results .results .information,
  .content-itemlist .results .information,
  .content-pickup-brands .results .information {
    margin-top: 20px
  }

  .content-buy-results .results .btns,
  .content-itemlist .results .btns,
  .content-pickup-brands .results .btns {
    margin-top: 20px
  }

  .content-ratelist .btns {
    padding-bottom: 40px
  }

  .content-ratelist .btns+* {
    display: none !important
  }

  .content-ratelist .text {
    margin-top: .5em
  }

  .brand-del .content-brand-search-top {
    border-top: 1px solid #eee
  }

  .brand-del .content-brand-search-top .sorry,
  .brand-del .content-brand-search-top .others {
    font-weight: 700;
    margin-bottom: 1em
  }

  .brand-del .price-tag {
    background: #999;
    font-size: 60%;
    line-height: 1.4;
    padding-top: 8px;
    padding-bottom: 8px
  }

  .brand-del .content-buy-results .del,
  .brand-del .content-itemlist .del {
    font-size: 125%;
    font-weight: 700
  }

  .brand-del .brand_point {
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0
  }

  .brand-del .content-buy-results .del {
    margin-bottom: -1em
  }

  .brand-del .content-itemlist .del {
    margin-bottom: 1em
  }

  .brand-del .content-itemlist .filters .lists .bt {
    background: #999
  }

  .brand-del .content-itemlist .filters .lists .bt.inactive-pink {
    background: #e6e6e6
  }

  .brand-del .paging a {
    border-color: #999;
    color: #999
  }

  .brand-del .paging a.on {
    background: #999;
    color: #fff
  }

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

    .content-buy-results .filters li,
    .content-itemlist .filters li,
    .content-pickup-brands .filters li {
      width: 25%
    }

    .content-buy-results .last-update,
    .content-itemlist .last-update,
    .content-pickup-brands .last-update {
      -moz-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      -moz-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .content-buy-results .results,
    .content-itemlist .results,
    .content-pickup-brands .results {
      margin-right: -20px;
      margin-left: -20px
    }

    .content-buy-results .results .lists ul,
    .content-itemlist .results .lists ul,
    .content-pickup-brands .results .lists ul {
      margin-top: 0;
      padding-right: 5px;
      padding-left: 5px
    }

    .content-buy-results .results .lists li,
    .content-itemlist .results .lists li,
    .content-pickup-brands .results .lists li {
      display: inline-block !important;
      padding-top: 65px;
      padding-right: 5px;
      padding-left: 5px;
      width: 50%
    }

    .content-buy-results .results .lists .item .item-comment,
    .content-itemlist .results .lists .item .item-comment,
    .content-pickup-brands .results .lists .item .item-comment {
      font-size: 89%;
      padding-top: 10px;
      padding-bottom: 10px
    }

    .content-buy-results .loading,
    .content-itemlist .loading,
    .content-pickup-brands .loading,
    .content-buy-results .information,
    .content-itemlist .information,
    .content-pickup-brands .information,
    .content-buy-results .btns,
    .content-itemlist .btns,
    .content-pickup-brands .btns {
      margin-right: 20px;
      margin-left: 20px
    }
  }

  @media screen and (max-width:779px) {
    .brand-del .brand_point {
      background: none
    }

    .brand-del .brand_point>.ttl {
      margin-right: auto;
      margin-bottom: -20px;
      margin-left: auto;
      padding: 0 2%;
      position: relative;
      top: auto;
      left: auto;
      max-width: 620px
    }
  }

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

    .content-buy-results .results,
    .content-itemlist .results,
    .content-pickup-brands .results {
      margin-right: -20px;
      margin-left: -20px
    }

    .content-buy-results .results .lists,
    .content-itemlist .results .lists,
    .content-pickup-brands .results .lists {
      border-bottom: 1px solid #e0e0e0;
      margin-top: 20px;
      text-align: left
    }

    .content-buy-results .results .lists ul,
    .content-itemlist .results .lists ul,
    .content-pickup-brands .results .lists ul {
      padding-right: 0;
      padding-left: 0
    }

    .content-buy-results .results .lists li,
    .content-itemlist .results .lists li,
    .content-pickup-brands .results .lists li {
      display: block !important;
      padding-top: 0;
      padding-right: 0;
      padding-left: 0;
      width: auto
    }

    .content-buy-results .results .lists li.none,
    .content-itemlist .results .lists li.none,
    .content-pickup-brands .results .lists li.none {
      display: none !important
    }

    .content-buy-results .results .lists .item,
    .content-itemlist .results .lists .item,
    .content-pickup-brands .results .lists .item {
      border-right: none;
      border-bottom: none;
      border-left: none;
      border-radius: 0
    }

    .content-buy-results .results .lists .item.none,
    .content-itemlist .results .lists .item.none,
    .content-pickup-brands .results .lists .item.none {
      display: none !important
    }

    .content-buy-results .results .lists .item .image,
    .content-itemlist .results .lists .item .image,
    .content-pickup-brands .results .lists .item .image {
      margin-top: -40px;
      position: absolute;
      top: 50%;
      left: 20px;
      width: 80px;
      height: 80px
    }

    .content-buy-results .results .lists .item .text,
    .content-itemlist .results .lists .item .text,
    .content-pickup-brands .results .lists .item .text {
      padding-left: 100px;
      height: auto !important
    }

    .content-buy-results .results .lists .item .date,
    .content-itemlist .results .lists .item .date,
    .content-pickup-brands .results .lists .item .date {
      display: inline-block;
      margin-right: 5px;
      padding-top: 0
    }

    .content-buy-results .results .lists .item .brand,
    .content-itemlist .results .lists .item .brand,
    .content-pickup-brands .results .lists .item .brand {
      font-size: 100%;
      margin-top: 5px;
      margin-bottom: 5px
    }

    .content-buy-results .results .lists .item .item-comment,
    .content-itemlist .results .lists .item .item-comment,
    .content-pickup-brands .results .lists .item .item-comment {
      padding-top: 0;
      padding-bottom: 0
    }

    .content-buy-results .results .lists .item .price-tag,
    .content-itemlist .results .lists .item .price-tag,
    .content-pickup-brands .results .lists .item .price-tag {
      margin-top: 10px;
      margin-left: 100px;
      position: relative;
      top: auto;
      right: auto;
      width: auto
    }

    .content-buy-results .results .lists .item .price-tag .font-ja,
    .content-itemlist .results .lists .item .price-tag .font-ja,
    .content-pickup-brands .results .lists .item .price-tag .font-ja {
      display: inline-block
    }

    .content-buy-results .results .lists a.item:after,
    .content-itemlist .results .lists a.item:after,
    .content-pickup-brands .results .lists a.item:after {
      content: '\f105';
      display: block;
      font-family: "FontAwesome";
      font-size: 150%;
      font-weight: 400;
      line-height: 20px;
      margin-top: -11px;
      position: absolute;
      top: 50%;
      right: 20px
    }

    .content-buy-results .results .lists a.item .text,
    .content-itemlist .results .lists a.item .text,
    .content-pickup-brands .results .lists a.item .text {
      padding-right: 40px
    }

    .content-buy-results .results .lists a.item .price-tag,
    .content-itemlist .results .lists a.item .price-tag,
    .content-pickup-brands .results .lists a.item .price-tag {
      margin-right: 40px
    }

    .brand-del .price-tag {
      font-size: 100%
    }

    .brand-del .content-buy-results .del,
    .brand-del .content-itemlist .del {
      font-size: 100%;
      margin-bottom: 0
    }

    .content-ratelist {
      padding-bottom: 0
    }

    .content-ratelist .results .lists {
      border-bottom: none
    }

    .content-ratelist .results .lists li.hide-sm {
      display: none !important
    }

    .content-ratelist .results .lists .item .image img {
      width: 100%;
      height: auto
    }

    .content-ratelist .text {
      margin-top: 0
    }
  }

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

    .content-buy-results .filters li,
    .content-itemlist .filters li,
    .content-pickup-brands .filters li {
      width: 33.33%
    }
  }

  .content-campaign {
    border-radius: 0;
    padding: 40px 0
  }

  .content-campaign .swiper-button-prev {
    left: 25%
  }

  .content-campaign .swiper-button-next {
    right: 25%
  }

  .content-campaign .swiper-container-full .swiper-button-prev {
    left: 35.71%
  }

  .content-campaign .swiper-container-full .swiper-button-next {
    right: 35.71%
  }

  @media screen and (max-width:1200px) {
    .content-campaign .swiper-container-full .swiper-button-prev {
      left: 25%
    }

    .content-campaign .swiper-container-full .swiper-button-next {
      right: 25%
    }
  }

  @media screen and (max-width:767px) {
    .content-campaign .swiper-button-next {
      right: 16.67% !important
    }

    .content-campaign .swiper-button-prev {
      left: 16.67% !important
    }
  }

  @media screen and (max-width:480px) {
    .content-campaign .swiper-slide {
      padding-right: 10px;
      padding-left: 10px
    }

    .content-campaign .swiper-button-prev {
      left: 40px !important
    }

    .content-campaign .swiper-button-next {
      right: 40px !important
    }
  }

  .content-copy .lists {
    margin-bottom: 40px
  }

  .content-copy .lists li {
    background: #f8f4ef;
    border-radius: 4px;
    font-weight: 700;
    line-height: 1.4;
    padding: 20px;
    text-align: center
  }

  .content-copy .text {
    font-size: 89%
  }

  .content-copy .text strong {
    color: #f2799a
  }

  .content-copy .mission {
    color: #f2799a;
    font-size: 134%;
    font-weight: 700;
    line-height: 1.4;
    padding: 20px 0;
    text-align: center
  }

  .content-copy .mission .ic-nocopy {
    width: 72px;
    height: 72px
  }

  @media screen and (max-width:767px) {
    .content-copy .lists li {
      margin-bottom: 20px
    }

    .content-copy .mission .ic-nocopy {
      display: block;
      margin-right: auto;
      margin-bottom: 10px;
      margin-left: auto
    }
  }

  .content-customer .customer-comment {
    background: #f8f4ef;
    border-radius: 10px;
    display: block;
    margin-top: 20px;
    padding: 20px;
    min-height: 120px
  }

  .content-customer .customer-comment:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 200%;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    top: 50px;
    right: 30px
  }

  .content-customer .rb-episode {
    position: absolute;
    top: 0;
    left: 20px
  }

  .content-customer .customer-title {
    color: #212121;
    min-height: 80px
  }

  .content-customer .customer-title .name,
  .content-customer .customer-title .summary {
    padding-right: 40px;
    padding-left: 100px
  }

  .content-customer .customer-title .name {
    font-size: 78%
  }

  .content-customer .customer-title .summary {
    font-weight: 700;
    line-height: 1.4;
    padding-top: 5px
  }

  .content-customer .text {
    color: #424242;
    display: none;
    font-size: 78%;
    padding-top: 20px
  }

  .content-customer.content-customer-toggle .customer-comment:after {
    content: '\f107'
  }

  .content-customer.content-customer-toggle .customer-comment.jq-open:after {
    content: '\f106'
  }

  .content-customer.content-customer-toggle .customer-comment.jq-open .text {
    display: block
  }

  @media screen and (max-width:480px) {
    .content-customer .customer-title .name strong {
      display: block;
      font-size: 117%;
      padding-top: 5px
    }

    .content-customer .customer-title .summary {
      padding-top: 45px;
      padding-right: 0;
      padding-left: 0
    }
  }

  .content-howto-sell .step-next {
    padding-bottom: 40px
  }

  .content-howto-sell .step-next:after {
    color: #9e9e9e;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 150%;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 240px
  }

  .content-howto-sell .steps dl {
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.4;
    width: 100%;
    min-height: 120px
  }

  .content-howto-sell .steps dt,
  .content-howto-sell .steps dd {
    padding: 20px
  }

  .content-howto-sell .steps dt {
    background: #c4a277;
    border: 1px solid #c4a277;
    border-radius: 4px 0 0 4px;
    color: #fff;
    text-align: center;
    width: 240px
  }

  .content-howto-sell .steps dt .step .num {
    font-size: 150%
  }

  .content-howto-sell .steps dt .text {
    font-weight: 700
  }

  .content-howto-sell .steps dd {
    border: 1px solid #c4a277;
    border-radius: 0 4px 4px 0
  }

  .content-howto-sell .steps dd .step,
  .content-howto-sell .steps dd .text {
    padding-left: 100px
  }

  .content-howto-sell .steps dd .step {
    color: #f2799a;
    font-weight: 700
  }

  .content-howto-sell .steps dd .text {
    font-size: 89%;
    padding-top: 5px
  }

  .content-howto-sell .steps dd img {
    border-radius: 4px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 80px;
    height: auto
  }

  .content-howto-sell .btns {
    padding-top: 10px;
    text-align: center
  }

  .content-howto-sell .btns .bt {
    margin-top: 10px;
    margin-right: 3px;
    margin-left: 3px
  }

  .content-howto-sell .btns-title {
    margin-top: 40px
  }

  .content-howto-sell.is-s .content-title-solo {
    margin-bottom: 15px
  }

  .content-howto-sell.is-s .content-sell2 p {
    margin-bottom: 10px;
    text-align: center
  }

  .content-howto-sell.is-s .content-sell2 .bt-sell {
    max-width: 440px
  }

  @media screen and (max-width:767px) {
    .content-howto-sell .step-next:after {
      width: 100%
    }

    .content-howto-sell .steps dt {
      border-radius: 4px 4px 0 0;
      padding: 5px 10px;
      width: auto
    }

    .content-howto-sell .steps dt p {
      display: inline-block;
      vertical-align: baseline
    }

    .content-howto-sell .steps dt .step {
      margin-right: 10px
    }

    .content-howto-sell .steps dd {
      border-radius: 0 0 4px 4px;
      padding-top: 30px;
      padding-bottom: 30px
    }
  }

  @media screen and (max-width:400px) {
    .content-howto-sell .btns .bt {
      margin-right: 0;
      margin-left: 0
    }
  }

  @media screen and (max-width:400px) {
    .content-title {
      font-size: 145%
    }
  }

  .compeval-box {
    background-color: #f8f4ef;
    text-align: center;
    padding: 10px;
    border-radius: 5px
  }

  p.compeval-text {
    font-weight: 700
  }

  p.compeval-point {
    font-size: 150%;
    font-weight: 700;
    color: #f2799a
  }

  p.compeval-star {
    top: -10px
  }

  .star-eval {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #eee
  }

  .star-eval:before,
  .star-eval:after {
    content: '★★★★★'
  }

  .star-eval:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #bfa178
  }

  .star-eval[data-rate="5"]:after {
    width: 100%
  }

  .star-eval[data-rate="4.5"]:after {
    width: 90%
  }

  .star-eval[data-rate="4.23"]:after {
    width: 83%
  }

  .star-eval[data-rate="4.20"]:after {
    width: 82%
  }

  .star-eval[data-rate="4"]:after {
    width: 80%
  }

  .star-eval[data-rate="3.5"]:after {
    width: 70%
  }

  .star-eval[data-rate="3"]:after {
    width: 60%
  }

  .star-eval[data-rate="2.5"]:after {
    width: 50%
  }

  .star-eval[data-rate="2"]:after {
    width: 40%
  }

  .star-eval[data-rate="1.5"]:after {
    width: 30%
  }

  .star-eval[data-rate="1"]:after {
    width: 20%
  }

  .star-eval[data-rate="0.5"]:after {
    width: 10%
  }

  .star-eval[data-rate="0"]:after {
    width: 0%
  }

  .usereval-ul {
    margin: auto;
    max-width: 800px
  }

  .is-hidden {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0 10px !important;
    padding: 0
  }

  .usereval-box {
    background-color: #f8f4ef;
    margin: 10px auto;
    border: solid 1px #bfa178;
    border-radius: 5px
  }

  p.user-name {
    font-size: 80%;
    margin: 10px 10px 0
  }

  span.user-area {
    font-size: 80%;
    margin: 0 7px
  }

  span.user-area:after {
    content: "]"
  }

  span.user-area:before {
    content: "["
  }

  p.user-eval {
    font-size: 130%;
    font-weight: 700;
    color: #f2799a;
    padding: 0 10px;
    top: -5px
  }

  p.user-eval span.star-eval {
    margin-left: 10px;
    font-size: 75%
  }

  p.user-good {
    background-color: #f2799a;
    padding: 0 10px;
    color: #FFF;
    font-size: 70%
  }

  p.user-text {
    padding: 5px 10px 10px;
    font-size: 80%
  }

  .content-interview .content-title-solo img {
    border: 2px solid #c4a277;
    border-radius: 10px;
    max-width: 100%;
    height: auto
  }

  .content-interview ul {
    margin-top: 80px
  }

  .content-interview .item {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: block;
    padding: 20px
  }

  .content-interview .item .image {
    margin-top: -80px;
    margin-right: auto;
    margin-left: auto;
    width: 120px
  }

  .content-interview .item .image img {
    border-radius: 50%;
    width: 100%;
    height: auto
  }

  .content-interview .item .name {
    color: #616161;
    margin-top: 10px
  }

  .content-interview .item .name .category-tag,
  .content-interview .item .name strong {
    vertical-align: middle
  }

  .content-interview .item .name .category-tag {
    margin-right: 5px
  }

  .content-interview .item .name strong {
    font-size: 89%
  }

  .content-interview .item .summary,
  .content-interview .item .comment,
  .content-interview .item .bt {
    margin-top: 10px
  }

  .content-interview .item .summary {
    color: #f2799a;
    font-weight: 700;
    line-height: 1.4
  }

  .content-interview .item .comment {
    color: #616161;
    font-size: 78%
  }

  .content-interview a.item:hover {
    background: #f8f4ef;
    border-color: #f8f4ef
  }

  @media screen and (max-width:767px) {
    .content-interview .interviews {
      margin-right: -20px;
      margin-left: -20px
    }

    .content-interview ul {
      margin-top: 0
    }

    .content-interview .item {
      border-right: none;
      border-bottom: none;
      border-left: none
    }

    .content-interview .item .image {
      float: left;
      margin-top: 0;
      margin-right: 0;
      margin-left: 0;
      width: 80px
    }

    .content-interview .item .text {
      min-height: 80px;
      padding-left: 100px;
      height: auto !important
    }

    .content-interview .item .name {
      margin-top: 0
    }
  }

  @media screen and (max-width:640px) {
    .content-interview .item .text {
      min-height: none;
      padding-left: 0
    }

    .content-interview .item .name,
    .content-interview .item .summary {
      padding-left: 100px
    }

    .content-interview .item .comment {
      clear: both
    }
  }

  .content-feature-kv {
    background-repeat: repeat-x;
    overflow: hidden
  }

  .content-feature-kv img {
    margin-left: -500px;
    position: relative;
    top: 0;
    left: 50%;
    width: 1000px
  }

  .content-feature-kv.bg02 {
    background-image: url(../img/campaign/clo_top-1_02_bg.png)
  }

  .content-feature-kv.bg04 {
    background-color: #f3f3f3
  }

  .content-feature-kv.bg06 {
    background-image: url(../img/campaign/clo_top-1_06_bg.png)
  }

  .content-feature-kv.bg07 {
    background-image: url(../img/campaign/clo_top-1_07_bg.png)
  }

  .content-feature-kv.bg13,
  .content-feature-kv.bg15,
  .content-feature-kv.bg14,
  .content-feature-kv.bg12,
  .content-feature-kv.bg08,
  .content-feature-kv.bg09,
  .content-feature-kv.bg10,
  .content-feature-kv.bg11 {
    background-color: #fff;
    border-bottom: 1px solid #F0F0F0
  }

  .content-feature-kv.bg16 {
    background-image: url(../img/campaign/clo_top-1_16_bg.png)
  }

  .content-feature-kv.bg17 {
    background-image: url(../img/campaign/clo_top-1_17_bg.png)
  }

  .content-feature-kv.bg18 {
    margin-bottom: 40px;
    height: auto;
    min-height: 423px
  }

  .content-feature-camp-kv {
    height: 471px
  }

  .content-feature-item {
    text-align: center
  }

  .content-feature-item .talk {
    padding-bottom: 20px
  }

  .content-feature-item .talk li {
    background: #eee;
    border-radius: 10px;
    font-weight: 700;
    line-height: 1.4;
    padding: 20px
  }

  .content-feature-item .face p:before {
    border-color: #eee transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    margin-left: -10px;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 0;
    height: 0
  }

  .content-feature-item .feature {
    background: #f8f4ef;
    border-radius: 4px;
    margin-top: 80px;
    padding: 20px
  }

  .content-feature-item .feature img {
    margin-top: -85px;
    margin-bottom: 20px
  }

  .content-feature-item .feature-title {
    color: #f2799a;
    font-size: 150%;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px
  }

  .content-feature-item .feature-lead {
    font-size: 89%
  }

  @media screen and (max-width:767px) {
    .content-feature-kv {
      background: none !important
    }

    .content-feature-kv img {
      margin-left: 0;
      position: relative;
      top: auto;
      left: auto;
      width: 100%
    }

    .content-feature-item-kv,
    .content-feature-camp-kv {
      height: auto;
      margin-bottom: 40px
    }

    .content-feature-item .talk li {
      background: none;
      margin-bottom: 20px;
      padding: 0
    }

    .content-feature-item .talk li p {
      background: #fff;
      border-radius: 10px;
      margin-left: 100px;
      padding: 15px
    }

    .content-feature-item .talk li p:before {
      border-color: transparent #fff transparent transparent;
      border-style: solid;
      border-width: 10px;
      content: "";
      margin-top: -10px;
      position: absolute;
      top: 50%;
      left: -20px;
      width: 0;
      height: 0
    }

    .content-feature-item .talk li .ic {
      margin-top: -40px;
      position: absolute;
      left: 0;
      top: 50%
    }

    .content-feature-item .talk li.talk-l p {
      margin-left: 0;
      margin-right: 100px
    }

    .content-feature-item .talk li.talk-l p:before {
      border-color: transparent transparent transparent #fff;
      left: auto;
      right: -20px
    }

    .content-feature-item .talk li.talk-l .ic {
      left: auto;
      right: 0
    }

    .content-feature-item .feature {
      background: #fff url(../img/common/bg_img01.png) center center;
      background-size: 40px auto
    }

    .content-feature-item .feature-title {
      font-size: 134%
    }

    .content-feature-item .feature-lead {
      text-align: left
    }
  }

  @media screen and (max-width:480px) {
    .content-feature-item .talk li p {
      margin-left: 80px
    }

    .content-feature-item .talk li .ic {
      margin-top: -30px
    }

    .content-feature-item .talk li.talk-l p {
      margin-left: 0;
      margin-right: 80px
    }

    .content-feature-item .feature {
      margin-top: 0
    }

    .content-feature-item .feature img {
      margin-top: 0;
      margin-bottom: 10px
    }
  }

  .content-itemlist .filters li {
    width: 25%
  }

  @media screen and (max-width:767px) {
    .content-itemlist .filters li {
      width: 50%
    }
  }

  .itemlist_bt {
    display: block;
    padding: 0 !important
  }

  .itemlist_bt {
    display: block;
    padding: 0 !important
  }

  span.ex-brand {
    font-size: 10px;
    font-weight: nomal;
    display: block;
    margin-top: 7px
  }

  .content-kaitori-ok .kaitori-ok {
    padding-bottom: 20px;
    text-align: center
  }

  .content-kaitori-ok .kaitori-ok ul {
    margin-bottom: 20px
  }

  .content-kaitori-ok .kaitori-ok li {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-weight: 700;
    padding: 20px;
    vertical-align: top
  }

  .content-kaitori-ok .kaitori-ok li .image {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    max-width: 160px
  }

  .content-kaitori-ok .kaitori-ok li .image:after {
    background: #000;
    border-radius: 4px;
    content: "";
    display: block;
    -ms-filter: "alpha(opacity=3)";
    filter: alpha(opacity=3);
    opacity: .03;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .content-kaitori-ok .kaitori-ok li p {
    line-height: 1.4
  }

  .content-kaitori-ok .kaitori-ok li .image .ic-ok {
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 2
  }

  .content-kaitori-ok .kaitori-ok li .image img {
    border-radius: 4px;
    width: 100%;
    height: auto
  }

  .content-kaitori-ok .kaitori-ng {
    font-weight: 700
  }

  .content-kaitori-ok .kaitori-ng i {
    vertical-align: 0
  }

  @media screen and (max-width:480px) {
    .content-kaitori-ok .kaitori-ok li .image .ic-ok {
      top: -15px;
      right: -15px
    }
  }

  .content-not-buy .btns .badge {
    margin-bottom: 10px
  }

  .content-not-buy .talk {
    margin-bottom: 20px
  }

  .content-not-buy .talk p {
    background: #eee;
    border-radius: 10px;
    font-weight: 700;
    margin-left: 100px;
    padding: 15px;
    text-align: center
  }

  .content-not-buy .talk p:before {
    border-color: transparent #eee transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 0;
    height: 0
  }

  .content-not-buy .talk .ic {
    margin-top: -40px;
    position: absolute;
    left: 0;
    top: 50%
  }

  .content-not-buy .talk-lead {
    color: #f2799a;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 40px;
    text-align: center
  }

  .content-not-buy .lists {
    background: #eee;
    padding: 20px 20px 10px
  }

  .content-not-buy .lists ul {
    margin-bottom: 10px
  }

  .content-not-buy .lists li {
    background: #fff;
    border-radius: 4px;
    padding: 20px 20px 10px;
    text-align: center;
    vertical-align: top
  }

  .content-not-buy .lists li img {
    max-width: 98px
  }

  .content-not-buy .lists li p {
    font-size: 89%;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 10px
  }

  @media screen and (max-width:991px) {
    .content-not-buy .btns .badge {
      margin-bottom: 0
    }

    .content-not-buy .btns li {
      padding-bottom: 10px
    }
  }

  @media screen and (max-width:767px) {
    .content-not-buy .lists {
      padding: 10px 10px 10px
    }

    .content-not-buy .lists li {
      padding: 10px 10px 10px
    }

    .content-not-buy .subcontent-table-fixed dl,
    .content-not-buy .subcontent-table-fixed dd {
      display: block
    }

    .content-not-buy .subcontent-table-fixed dl {
      border: none
    }

    .content-not-buy .subcontent-table-fixed dd {
      border-top: 1px solid #e0e0e0
    }

    .content-not-buy .subcontent-table-fixed dl:first-child dd:first-child {
      border-top: none
    }
  }

  @media screen and (max-width:480px) {
    .content-not-buy .btns .badge {
      margin-bottom: 5px
    }

    .content-not-buy .talk li p {
      margin-left: 80px
    }

    .content-not-buy .talk li .ic {
      margin-top: -30px
    }
  }

  .content-pickup-brands .results .lists .item .rb-pickup {
    display: block;
    margin-top: -20px;
    margin-right: auto;
    margin-left: auto
  }

  .content-pickup-brands .results .lists .item .brand {
    font-size: 100%
  }

  @media screen and (max-width:767px) {
    .content-pickup-brands {
      padding-bottom: 0
    }

    .content-pickup-brands .results .lists {
      border-bottom: none
    }

    .content-pickup-brands .results .lists .item .rb-pickup,
    .content-pickup-brands .results .lists .item .brand {
      display: inline-block;
      vertical-align: middle
    }

    .content-pickup-brands .results .lists .item .rb-pickup {
      margin-top: 0;
      margin-left: 0;
      margin-right: 5px
    }
  }

  @media screen and (max-width:480px) {
    .content-pickup-brands .results .lists .item .rb-pickup {
      display: block;
      margin-bottom: 5px
    }
  }

  .content-pickup-items img {
    width: 100%;
    height: auto
  }

  .content-pickup-items .main {
    width: 50%
  }

  .content-pickup-items .item {
    padding-left: 30px;
    position: absolute;
    width: 16.66%
  }

  .content-pickup-items .item a {
    display: block
  }

  .content-pickup-items .item .image .rb {
    margin-left: -50px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 2
  }

  .content-pickup-items .item img {
    border-radius: 4px
  }

  .content-pickup-items .item p {
    color: #616161
  }

  .content-pickup-items .item .category {
    font-size: 89%;
    font-weight: 700;
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: center;
    width: 100%
  }

  .content-pickup-items .item .category-l {
    font-size: 84%;
    margin-left: -10%;
    width: 120%
  }

  .content-pickup-items .item .category-l2 {
    font-size: 72%;
    margin-left: -10%;
    width: 120%
  }

  .content-pickup-items .item .category-l3 {
    bottom: -40px;
    font-size: 72%;
    line-height: 1.4;
    margin-left: -10%;
    width: 120%
  }

  .content-pickup-items .item01,
  .content-pickup-items .item02,
  .content-pickup-items .item03 {
    top: 0
  }

  .content-pickup-items .item04,
  .content-pickup-items .item05,
  .content-pickup-items .item06 {
    bottom: 0
  }

  .content-pickup-items .item01,
  .content-pickup-items .item04 {
    right: 33.34%
  }

  .content-pickup-items .item02,
  .content-pickup-items .item05 {
    right: 16.66%
  }

  .content-pickup-items .item03,
  .content-pickup-items .item06 {
    right: 0
  }

  @media screen and (max-width:991px) {
    .content-pickup-items .items {
      margin-right: auto;
      margin-left: auto;
      width: 75%
    }

    .content-pickup-items .main {
      margin-bottom: 10px;
      padding-right: 10px;
      padding-left: 10px;
      width: 100%
    }

    .content-pickup-items .item {
      float: left;
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      padding-top: 10px;
      padding-right: 10px;
      padding-left: 10px;
      width: 33.33%
    }

    .content-pickup-items .item .category {
      font-size: 84%;
      position: relative;
      bottom: auto;
      left: auto
    }
  }

  @media screen and (max-width:767px) {
    .content-pickup-items .items {
      width: 100%
    }

    .content-pickup-items .main {
      margin-bottom: 20px;
      padding-right: 0;
      padding-left: 0
    }

    .content-pickup-items .item {
      float: none;
      margin-right: -20px;
      margin-left: -20px;
      padding: 0;
      width: auto
    }

    .content-pickup-items .item a {
      border-top: 1px solid #e0e0e0;
      min-height: 140px;
      padding: 20px
    }

    .content-pickup-items .item .image {
      position: absolute;
      top: 20px;
      left: 20px;
      width: 120px;
      height: auto
    }

    .content-pickup-items .item p {
      padding-left: 140px
    }

    .content-pickup-items .item .category {
      font-size: 100%;
      margin-left: 0;
      text-align: left;
      width: auto
    }

    .content-pickup-items .item .category .rb {
      display: inline-block !important;
      margin-right: 5px
    }

    .content-pickup-items .item .text {
      font-size: 89%;
      line-height: 1.4;
      padding-top: 5px
    }
  }

  @media screen and (max-width:480px) {
    .content-pickup-items .item .image {
      width: 100px
    }

    .content-pickup-items .item p {
      padding-left: 120px
    }

    .content-pickup-items .item .category .rb {
      display: block !important;
      margin-bottom: 5px
    }
  }

  .content-profile .license {
    font-size: 78%;
    padding-bottom: 10px
  }

  .content-profile .lists {
    line-height: 1.4;
    margin-top: 20px
  }

  .content-profile .lists ul {
    width: 100%
  }

  .content-profile .lists>li {
    background: #f8f4ef;
    border-radius: 10px;
    padding: 20px
  }

  .content-profile .lists .image {
    width: 100px
  }

  .content-profile .lists .image img {
    border-radius: 4px;
    width: 100px;
    height: auto
  }

  .content-profile .lists .feature,
  .content-profile .lists .text {
    padding-left: 20px
  }

  .content-profile .lists .feature {
    font-weight: 700
  }

  .content-profile .lists .text {
    padding-top: 5px;
    font-size: 89%
  }

  @media screen and (max-width:767px) {
    .content-profile .lists {
      margin-top: 0
    }

    .content-profile .lists>li {
      margin-top: 20px
    }
  }

  @media screen and (max-width:480px) {
    .content-profile .lists .image {
      width: 80px
    }

    .content-profile .lists .image img {
      width: 80px
    }
  }

  .content-qa .btns ul {
    margin-bottom: 10px
  }

  .content-qa .qas {
    border-radius: 4px;
    border: 1px solid #e0e0e0
  }

  .content-qa .qa {
    border-top: 1px solid #e0e0e0
  }

  .content-qa .qa:first-child {
    border-top: none
  }

  .content-qa .qa .text {
    margin-left: 70px
  }

  .content-qa .qa .q-label,
  .content-qa .qa .a-label {
    border-radius: 15px;
    display: inline-block;
    font-family: "Noto Serif", serif;
    font-size: 89%;
    line-height: 30px;
    position: absolute;
    top: 16px;
    left: 20px;
    text-align: center;
    width: 60px
  }

  .content-qa .qa .q-label {
    background: #f2799a;
    color: #fff
  }

  .content-qa .qa .a-label {
    background: #eee
  }

  .content-qa .qa .q,
  .content-qa .qa .a {
    padding: 20px
  }

  .content-qa .qa .q {
    display: block;
    padding-right: 40px
  }

  .content-qa .qa .q:after {
    content: '\f107';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    top: 21px;
    right: 20px
  }

  .content-qa .qa .q .text {
    color: #616161;
    display: block;
    font-size: 89%;
    line-height: 1.4;
    font-weight: 700
  }

  .content-qa .qa .a {
    border-top: 1px dashed #e0e0e0;
    display: none
  }

  .content-qa .qa .a .text {
    font-size: 84%
  }

  .content-qa .qa .a .text a:hover {
    color: #ed4b77;
    text-decoration: underline !important
  }

  .content-qa .jq-open .q:after {
    content: '\f106'
  }

  .content-qa .jq-open .a {
    display: block
  }

  .content-realtime .results .result {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px 10px 10px;
    text-align: center
  }

  .content-realtime .results .date,
  .content-realtime .results .place {
    color: #9e9e9e;
    font-size: 67%
  }

  .content-realtime .results .balloon {
    margin: 5px 0
  }

  .content-realtime .results .price-title {
    color: #f2799a;
    font-size: 89%;
    font-weight: 700
  }

  .content-realtime .results .price-tag {
    display: block
  }

  .content-realtime .order {
    padding-top: 60px
  }

  .content-realtime .order ul {
    margin-top: 10px
  }

  .content-realtime .order li {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 10px;
    vertical-align: top
  }

  .content-realtime .order li.none {
    border: none
  }

  .content-realtime .order li img {
    margin-top: -18px;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 36px;
    height: auto
  }

  .content-realtime .order li .date {
    color: #c4a277;
    display: block;
    font-size: 67%;
    padding-left: 50px
  }

  .content-realtime .order li .text {
    display: block;
    font-size: 78%;
    padding-left: 50px
  }

  @media screen and (max-width:767px) {
    .content-realtime {
      padding-bottom: 0
    }

    .content-realtime .order .table-list {
      margin-right: -20px;
      margin-left: -20px
    }

    .content-realtime .order ul {
      margin-top: 0;
      width: 100%
    }

    .content-realtime .order li {
      border-right: none;
      border-bottom: none;
      border-left: none;
      border-radius: 0
    }

    .content-realtime .order li.none {
      display: none !important
    }
  }

  .content-sell {
    line-height: 1.4;
    text-align: center
  }

  .content-sell .content-subtitle {
    color: #f2799a;
    margin-bottom: 10px
  }

  .content-sell .steps {
    padding: 20px 0
  }

  .content-sell .steps img {
    max-width: 580px;
    height: auto
  }

  .content-sell .kit {
    padding-bottom: 10px
  }

  .content-sell .kit img {
    width: 100%;
    height: auto
  }

  .content-sell .kit a {
    display: block;
    margin-left: -78px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 157px;
    height: 26px;
    z-index: 2
  }

  .content-sell .kit a:hover {
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
  }

  .content-sell .table-list {
    padding-top: 60px
  }

  .content-sell li {
    border-radius: 4px;
    padding: 20px
  }

  .content-sell .web {
    background: #fdedf2
  }

  .content-sell .web .image {
    position: absolute;
    top: -60px;
    left: 0;
    text-align: center;
    width: 100%
  }

  .content-sell .web .image img {
    max-width: 440px;
    width: 100%;
    height: auto
  }

  .content-sell .web .bt {
    font-size: 134%
  }

  .content-sell .web .business-day {
    margin-top: 20px
  }

  .content-sell .tel {
    background: #eee
  }

  .content-sell .tel .text {
    font-weight: 700;
    font-size: 78%
  }

  .content-sell .tel .number {
    color: #f2799a;
    font-size: 250%
  }

  .content-sell .tel .number .ic-freedial {
    width: 45px;
    height: 45px
  }

  .content-sell .tel .open {
    font-size: 67%
  }

  @media screen and (max-width:991px) {
    .content-sell .tel {
      margin-top: 20px
    }

    .content-sell .kit a {
      margin-left: -65px;
      bottom: 22px;
      width: 130px;
      height: 22px
    }
  }

  @media screen and (max-width:767px) {
    .content-sell .table-list {
      padding-top: 0
    }

    .content-sell ul {
      margin-right: -20px;
      margin-left: -20px;
      width: auto
    }

    .content-sell .web,
    .content-sell .tel {
      background: none
    }

    .content-sell .web .image {
      position: relative;
      top: auto;
      left: uto
    }

    .content-sell .web .image img {
      max-width: 560px
    }

    .content-sell .tel {
      border-top: 1px solid #e0e0e0
    }

    .content-sell .web-kit .present {
      background: #f8f4ef;
      border: 2px solid #c4a277;
      border-bottom: none;
      border-radius: 4px 4px 0 0;
      padding: 20px 20px 0
    }

    .content-sell .web-kit .present img {
      margin-top: -45px
    }

    .content-sell .web-kit .btns {
      border: 2px solid #c4a277;
      border-top: none;
      border-radius: 0 0 4px 4px;
      padding: 20px
    }

    .content-sell .web-kit .link-kit {
      margin-top: 20px
    }
  }

  @media screen and (max-width:480px) {
    .content-sell .web .bt {
      font-size: 117%;
      padding-right: 15px
    }

    .content-sell .web .bt .ic-sell {
      width: 40px;
      height: 40px
    }

    .content-sell .web-kit .present {
      padding: 10px 10px 0
    }

    .content-sell .web-kit .present img {
      margin-top: -30px
    }

    .content-sell .web-kit .btns {
      padding: 10px
    }
  }

  @media screen and (max-width:400px) {
    .content-sell .web .bt {
      font-size: 89%
    }

    .content-sell .web .bt .ic-sell {
      width: 30px;
      height: 30px
    }

    .content-sell .tel .number {
      font-size: 200%
    }
  }

  .content-shibuya-camp .table-list {
    margin-top: 20px
  }

  .content-sitemap li {
    vertical-align: top
  }

  .content-sitemap li a {
    color: #616161
  }

  .content-sitemap li a:link,
  .content-sitemap li a:visited {
    color: #616161
  }

  .content-sitemap li a:hover,
  .content-sitemap li a:active {
    color: #f2799a
  }

  .content-sitemap .category {
    padding-bottom: 30px
  }

  .content-sitemap .category-name {
    border: 1px solid #f2799a;
    border-radius: 4px;
    color: #f2799a;
    font-size: 89%;
    margin-bottom: 5px;
    padding: 5px 10px
  }

  .content-sitemap .link-main,
  .content-sitemap .link-sub {
    padding: 5px 10px 0
  }

  .content-sitemap .link-main a,
  .content-sitemap .link-sub a {
    font-size: 78%
  }

  .content-sitemap .link-main a:before,
  .content-sitemap .link-sub a:before {
    content: '\f105';
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 5px
  }

  .content-sitemap .link-sub {
    padding-left: 20px
  }

  @media screen and (max-width:991px) {
    .content-sitemap .link-sub {
      display: inline-block;
      width: 40%
    }
  }

  @media screen and (max-width:640px) {
    .content-sitemap .link-sub {
      display: block;
      width: auto
    }
  }

  .content-story {
    border-radius: 0;
    line-height: 1.8;
    padding: 40px 0
  }

  .content-story .text {
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px
  }

  .content-story .swiper-button-disabled {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
  }

  .content-story .swiper-slide {
    padding-right: 10px;
    padding-left: 10px
  }

  .content-story .swiper-slide img {
    border-radius: 0
  }

  .content-story .swiper-slide p {
    background: #fff;
    font-size: 78%;
    padding: 20px
  }

  .content-story .swiper-button-prev {
    left: 35.71%
  }

  .content-story .swiper-button-next {
    right: 35.71%
  }

  @media screen and (max-width:1199px) {
    .content-story .swiper-button-prev {
      left: 30%
    }

    .content-story .swiper-button-next {
      right: 30%
    }
  }

  @media screen and (max-width:767px) {
    .content-story .swiper-button-prev {
      left: 16.67%
    }

    .content-story .swiper-button-next {
      right: 16.67%
    }
  }

  @media screen and (max-width:640px) {
    .content-story .swiper-button-prev {
      left: 8.33%
    }

    .content-story .swiper-button-next {
      right: 8.33%
    }
  }

  @media screen and (max-width:480px) {
    .content-story .swiper-button-prev {
      left: 40px
    }

    .content-story .swiper-button-next {
      right: 40px
    }
  }

  .content-taishou-item {
    padding-bottom: 20px;
    text-align: center
  }

  .content-taishou-item ul {
    margin-bottom: 10px
  }

  .content-taishou-item li {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-weight: 700;
    padding: 10px
  }

  .content-taishou-item li.none {
    border: none
  }

  .content-taishou-item li .image {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px
  }

  .content-taishou-item li .image img {
    border-radius: 4px;
    height: 68px;
    width: auto
  }

  .content-taishou-item li p {
    font-size: 89%;
    line-height: 1.4
  }

  .content-top-kv {
    background: url(../img/top/kv.jpg) no-repeat center center #c4c4c4;
    text-align: center
  }

  .content-top-kv img {
    max-width: 100%;
    height: auto
  }

  .content-top-kv .content-brand-search {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .content-top-kv .content-brand-search ul {
    width: 100%
  }

  .content-top-kv .content-brand-search .bt {
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0
  }

  .content-top-kv .content-brand-search .results {
    width: 60%
  }

  .content-top-kv .content-brand-search .bt {
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px
  }

  .content-top-kv .content-brand-search .results {
    width: 60%
  }

  .content-top-kv .content-brand-search .brandlist .bt {
    line-height: 16px;
    font-size: 78%;
    padding-top: 14px;
    padding-bottom: 14px
  }

  @media screen and (max-width:991px) {
    .content-top-kv {
      padding: 40px 0
    }
  }

  @media screen and (max-width:767px) {
    .content-top-kv {
      background-image: url(../img/top/sm/kv.jpg);
      background-size: cover
    }

    .content-top-kv .now {
      font-size: 100%;
      padding: 20px
    }

    .content-top-kv .brands {
      font-size: 78%
    }

    .content-top-kv .brands .font-noto {
      font-size: 100%
    }
  }

  @media screen and (max-width:480px) {
    .content-top-kv .content-brand-search .brandlist .bt {
      font-size: 67%
    }
  }

  @media (min-width:780px) {
    .code2 {
      padding: 0 0;
      width: 1000px !important;
      margin: 0 auto;
      position: relative
    }

    .code2 ul {
      border: 4px solid #999;
      background: #999;
      border-radius: 4px;
      display: table;
      width: 100%;
      border-spacing: 15px 0
    }

    .code2 ul li.left {
      display: table-cell;
      width: 50% !important;
      position: relative;
      text-align: right;
      top: 40px
    }

    .code2 ul li.left p {
      color: #FFF
    }

    .code2 ul li.left .title2 {
      color: #FFF;
      margin-top: -34px
    }

    .code2 ul li.right {
      display: table-cell;
      width: 50% !important;
      position: relative;
      text-align: left
    }

    .code2 ul li.right .box {
      width: 40% !important;
      position: relative;
      background-color: #fff;
      max-height: 60px !important;
      margin: 5px 0 0px !important;
      padding: 5px 0
    }

    .code2 ul li.right .box p {
      color: #1B1B1B;
      text-align: center;
      letter-spacing: 5px
    }

    .example.corner01 {
      border-radius: 4px;
      padding-top: 80px !important
    }

    .code2 ul {
      padding: 10px 0 15px !important
    }
  }

  .code2 {
    padding: 0 0 1.5em;
    width: 90%;
    margin: 0 auto;
    position: relative
  }

  .code2 ul {
    border: 1px solid #999;
    background: #999;
    border-radius: 4px;
    display: table;
    width: 100%;
    border-spacing: 15px 0;
    padding: 0 0 0
  }

  .code2 ul li.left {
    display: table-cell;
    width: 65%;
    position: relative;
    text-align: right;
    top: -9px
  }

  .code2 ul li.left p {
    color: #FFFFFF !important
  }

  .code2 ul li.left .title2 {
    font-size: 1.2em !important
  }

  .code2 ul li.right {
    display: table-cell;
    width: 35%;
    position: relative;
    text-align: left
  }

  .code2 ul li.right .title1b {
    font-size: 1.45em !important
  }

  .code2 ul li.right .box {
    margin: 20px 0 0;
    width: 100%;
    position: relative;
    background-color: #fff;
    max-height: 80px
  }

  .code2 ul li.right .box p {
    color: #1B1B1B;
    text-align: center;
    letter-spacing: 1px
  }

  #campaign section.item div.itemWrap2 {
    padding: 0 1em .3em
  }

  #campaign h1 {
    color: #616161
  }

  #campaign section.item div.itemWrap2 p {
    color: #010101;
    font-size: .909em;
    line-height: 1.5;
    text-align: center;
    margin-top: 1em
  }

  #campaign section.item div.itemWrap2 p>span {
    color: #f2799a;
    font-weight: 700
  }

  .example.corner01 {
    border-radius: 4px;
    padding-top: 40px
  }

  @media screen and (max-width:480px) {
    #campaign .code2 {
      border: 1px solid #999;
      background: #999;
      border-radius: 4px;
      margin-bottom: 20px;
      padding: 15px 0 5px
    }

    #campaign .code2 ul {
      border: none;
      background: none;
      border-radius: 0
    }

    #campaign .code2 li {
      top: auto
    }

    #campaign .code2 ul li.right .box {
      margin-top: 0
    }

    #campaign .code2 .txt4 {
      color: #fff;
      padding-top: 5px;
      text-align: center
    }
  }

  @media (min-width:780px) {
    #tsAkifuyu .sct2 .fukidashi img {
      margin: 0 1em 0em 24%
    }

    #tsAkifuyu .sct2-02 img {
      padding: 0
    }

    #tsAkifuyu .sct6-02 {
      width: 1000px;
      padding: 30px 5px;
      background-color: #FFF
    }

    #tsAkifuyu .sct6-02 ul {
      margin-top: 0;
      width: 100%
    }

    #tsAkifuyu .sct6-02 ul .right {
      display: inline-block !important;
      padding-left: 35px !important;
      width: 77% !important;
      top: -150px
    }

    #tsAkifuyu .sct6-02 ul .right .txt2 {
      display: inline-block !important;
      font-size: 18px !important
    }

    #tsAkifuyu .sct6-02 ul .left {
      display: inline-block !important;
      width: 20% !important;
      padding: 0 !important
    }

    #tsAkifuyu .sct2-02 .txt2 span {
      color: #ff729a;
      font-weight: 700;
      font-size: 20px !important
    }
  }

  #tsAkifuyu .sct2-02 .txt2 {
    padding: 1.5em 1em 5px;
    background-color: #FFF;
    text-align: center;
    font-size: 1em;
    font-weight: 700
  }

  #tsAkifuyu .sct2-02 .txt2 span {
    color: #ff729a;
    font-weight: 700;
    font-size: 1.1em
  }

  #tsAkifuyu .sct6-02 {
    width: 100%;
    padding: 30px 5px 5px;
    background-color: #FFF;
    border-bottom: 1px solid #EAEAEA
  }

  #tsAkifuyu .sct6-02 ul {
    margin-top: 0;
    width: 100%
  }

  #tsAkifuyu .sct6-02 .txt1 {
    text-align: center;
    color: #ff729a;
    font-weight: bold !important;
    padding-bottom: 1em
  }

  #tsAkifuyu .sct6-02 ul .right {
    display: inline-block !important;
    padding: 0 10px;
    width: 100%
  }

  #tsAkifuyu .sct6-02 ul .right .txt2 {
    display: inline-block !important;
    font-size: 1em;
    margin: 1em
  }

  #tsAkifuyu .sct6-02 ul .left {
    display: inline-block !important;
    width: 70%;
    padding: 1em 0 1em 30%
  }

  #tsAkifuyu .sct6-02 ul .left span {
    display: inline-block !important;
    padding: .5em 0
  }

  #tsAkifuyu .sct2>h2 {
    font-size: 1.1em !important;
    line-height: 150% !important;
    text-align: center
  }

  .hover-ul:hover {
    text-decoration: underline !important
  }

  @media screen and (max-width:480px) {
    .content-qa .btns ul {
      margin-bottom: 0
    }

    .content-qa .btns li {
      margin-bottom: 5px
    }

    .content-sell .web .image {
      margin-top: 15px
    }

    *[class*="mBtn2"] {
      line-height: 1.5em;
      padding: 10px 0;
      font-size: .9em
    }

    #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a {
      font-size: .8em
    }

    #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a.mBtn-pdf {
      display: block;
      text-align: center;
      width: auto
    }
  }

  @media (min-width:780px) {
    .content-sell .kit p img {
      top: 208px;
      width: 157px;
      z-index: 9999
    }
  }

  .syuka {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    display: block;
    position: relative
  }

  .news_div {
    width: 80%;
    margin: 20px 8%;
    border: solid 1px #9e9e9e;
    padding: 1%;
    overflow-y: scroll;
    overflow-x: hidden
  }

  @media (min-width:780px) {
    .news_div {
      height: 200px
    }
  }

  @media screen and (max-width:780px) {
    .news_div {
      height: 150px;
      -webkit-overflow-scrolling: touch
    }
  }

  .news_p {
    padding: 1%;
    line-height: 140%
  }

  .hibrand_g {
    text-align: center;
    padding-right: 3%;
    padding-left: 4%;
    padding-top: 15px;
    padding-bottom: 20px;
    line-height: 1.5em;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 3%;
    margin-right: 4%;
    font-size: 100%
  }

  .hibrand_g p {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    color: #616161;
    font-size: 100%
  }

  .content-feature-item-kv2 {
    height: 680px
  }

  .popbn {
    position: relative;
    margin: 0 auto;
    display: none
  }

  .popbn .bn_img {
    position: fixed;
    bottom: 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    z-index: 88
  }

  .bn_img_inner {
    width: 200px;
    height: 165px;
    box-sizing: border-box;
    padding: 5px 10px;
    background-color: #fafafa;
    opacity: .9
  }

  .popbn .bn_img_inner a {
    display: block;
    left: 10px
  }

  .popbn .bn_img p.close {
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 999
  }

  .popbn .bn_img p.close a {
    display: block;
    width: 20px;
    height: 25px;
    text-align: center
  }

  .popbn .bn_img p.close a span {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden
  }

  .popbn a.fa {
    font-size: 25px
  }

  @media screen and (max-width:770px) {
    .popbn .bn_img {
      margin-bottom: 70px !important
    }

    .bn_img_inner img {
      width: auto;
      max-width: 100%
    }
  }

  @media screen and (max-width:540px) {
    .bn_img_inner {
      width: 180px;
      height: 150px
    }
  }

  @media screen and (max-width:370px) {
    .bn_img_inner {
      width: 150px;
      height: 120px
    }
  }

  @media screen and (max-width:320px) {
    .bn_img_inner {
      width: 130px;
      height: 105px
    }
  }

  .line_bottn_w {
    margin-bottom: 20px
  }

  .btan_green {
    background-color: #e96617 !important;
    border-bottom: 2px solid #af4b0f !important
  }

  .line_sct .step2 {
    margin: 0 !important
  }

  #send section#sct2 .head {
    text-align: center;
    background-color: #616161;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: .423em;
    border-top-right-radius: .423em;
    margin: -1em -1em .901em
  }

  p.line_waku_text {
    font-size: 120%;
    font-weight: 700;
    padding-bottom: 10px
  }

  .line_step_litxt {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 5px
  }

  .kantan_line_text.course1_mv {
    background-color: #00c202
  }

  .kantan_line_text.course2_mv {
    background-color: #4c3114
  }

  ul.tab.line_tab_1 li a {
    line-height: 140% !important
  }

  .content-container.line_notitemarea {
    margin-top: 50px
  }

  @media all and (min-width:641px) {
    .line_tab_1 span.line_font80 {
      font-size: 25px
    }

    p.font25 {
      font-size: 25px;
      font-weight: 700
    }

    ul.line_id_g {
      display: flex;
      width: 100%;
      margin-left: auto;
      margin-right: auto
    }

    p.font13 {
      font-size: 13px;
      padding-bottom: 10px;
      line-height: 1.5em
    }

    p.line_id {
      width: 160px;
      border-style: solid;
      background-color: #f2799a;
      padding-top: 68px;
      padding-bottom: 68px;
      font-weight: 700;
      font-size: 24px;
      color: #fff;
      margin: auto
    }

    p.font_b {
      font-size: 16px;
      font-weight: 700;
      padding-top: 5px;
      padding-bottom: 6px
    }

    li.id_g_li {
      padding-top: 20px;
      padding-left: 7%;
      padding-right: 7%;
      flex: 1 1
    }

    p.font20 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 15px
    }

    .mokuji {
      font-size: 35px;
      font-weight: 700;
      color: #fff;
      background-color: #06c202;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px
    }

    ul.line_step_ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto
    }

    ul.line_step_ul2 {
      list-style: none;
      display: flex;
      margin-bottom: 30px;
      margin-top: 10px
    }

    li.line_step_li {
      padding-top: 20px;
      flex: 1 1 0%
    }

    .line_step_litxt {
      height: 130px
    }

    p.g_font {
      color: #06c202;
      font-weight: 700;
      padding-bottom: 5px
    }

    .line_time {
      border: 6px #06c202 solid;
      border-radius: 30px;
      padding: 1em;
      text-align: center;
      line-height: 1.8em;
      margin: 3%
    }

    .line_time .g_font25b {
      font-size: 25px;
      color: #07c103;
      font-weight: 700
    }

    p.font25_2 {
      font-size: 25px;
      font-weight: 700;
      text-align: center
    }

    .line_timec .g_font15 {
      font-size: 15px;
      line-height: 1.8em
    }

    .linecont {
      text-align: center;
      padding-top: 20px;
      padding-bottom: 0
    }

    .line_point {
      margin-top: 10px
    }

    ul.line_point_ul {
      display: flex;
      flex-wrap: wrap
    }

    P.line_point_img img {
      max-width: 100%
    }

    li.line_point_li {
      flex: 1 1 25%;
      padding: 1%
    }

    ul.line_item_ul {
      display: flex;
      flex-wrap: wrap;
      margin: 20px auto;
      padding-right: 20%;
      padding-left: 20%
    }

    li.line_item_li img {
      max-width: 100%
    }

    li.line_item_li {
      flex: 1 1 10%;
      text-align: center;
      margin: 10px
    }

    p.font22 {
      font-size: 22px;
      font-weight: 700;
      padding: 0 19%;
      line-height: 1.5em;
      margin-bottom: 30px
    }

    .line_notitem {
      background-color: #eee;
      padding: 20px 0;
      margin: 10px 3%;
      border: 6px #eee solid;
      border-radius: 30px
    }

    .line_notitem p {
      text-align: left;
      padding-left: 25%
    }

    .mokuji_bk {
      font-size: 35px;
      font-weight: 700;
      color: #fff;
      background-color: #666;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px
    }

    .line_after_box {
      margin: 2% 10%;
      border: 1px #bdbdbd solid;
      border-radius: .5em;
      padding: 3% 2%
    }

    .line_after_box dl.waku {
      text-align: center;
      background-color: #616161;
      color: #fff;
      border-radius: 0;
      border-top-left-radius: .423em;
      border-top-right-radius: .423em;
      margin: -1.7em -1.2em .901em
    }

    .line_after_box *>h1 {
      font-size: 25px;
      font-weight: 700;
      line-height: 1.3em
    }

    dl.layout_line p {
      line-height: 1.3em
    }

    .line_after_box dt span {
      font-size: .86em
    }

    .line_after_box .waku dd {
      font-size: 1.182em;
      display: inline-block;
      vertical-align: middle;
      font-weight: 700;
      line-height: 1.95
    }

    .line_after_box .waku dt {
      font-size: .909em;
      font-family: "Noto Serif";
      display: inline-block;
      vertical-align: middle
    }

    .line_after_box .layout_line>*:last-child {
      text-align: left;
      padding-left: 1em;
      padding-bottom: 1em
    }

    .layout_line {
      display: table;
      width: 100%
    }

    dl.layout_line {
      display: flex
    }

    *[class*="mBtn2"] {
      display: block;
      position: relative;
      line-height: 2.5em;
      text-align: center;
      font-weight: 700;
      font-size: 100%;
      border-radius: 2px;
      color: #FFF;
      border: none;
      width: 100%;
      padding: 0;
      margin: 0;
      box-shadow: 0 1px 2px #ccc;
      background: #f2799a;
      border-bottom: 1px solid #d96d8a
    }

    .line_camp {
      border: 6px #06c202 solid;
      border-radius: 30px;
      padding: 1em;
      text-align: center;
      line-height: 1.8em;
      margin: 3%
    }

    p.font35_g {
      font-size: 35px;
      font-weight: 700;
      line-height: 1.8em;
      color: #06c202
    }

    p.font22_2 {
      font-size: 22px;
      font-weight: 700;
      padding: 0 10%;
      line-height: 1.5em;
      margin-bottom: 30px
    }

    p.camp_p {
      text-align: left;
      line-height: 1.5em
    }

    p.line_waku_mokuji {
      font-size: 130%;
      font-weight: 700;
      margin-top: 30px
    }

    p.line_waku_a {
      background-color: #06c202;
      width: 60%;
      color: #fff;
      margin: 0 auto;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      font-size: 110%;
      padding: 5px 0
    }

    p.line_waku_b {
      border-color: #06c202;
      border-style: solid;
      width: 60%;
      margin-top: 0;
      border-width: 1px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 10px;
      font-size: 110%;
      font-weight: 700;
      color: #06c202;
      padding: 10px 0
    }

    .line_botanbox {
      margin-bottom: 15px;
      margin-left: 3%;
      margin-right: 3%;
      margin-top: -25px
    }

    p.hosho_f1 {
      font-weight: 700;
      text-align: center;
      line-height: 1.8em;
      margin-top: 4%;
      margin-bottom: 4%
    }

    .mokuji_pink {
      font-size: 150%;
      font-weight: 700;
      color: #fff;
      background-color: #dc7092;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px
    }

    .line_item_img {
      margin-top: 5%;
      margin-bottom: 2%
    }

    p.hosho_f2 {
      margin-top: 5px;
      margin-bottom: 10px;
      line-height: 1.2em;
      font-size: 100%
    }

    p.hosho_text_p {
      line-height: 1.5em
    }

    .text_left {
      text-align: left
    }

    .hosho_notitem {
      background-color: #eee;
      padding: 10px 0;
      margin: 10px 3%;
      border: 6px #eee solid;
      border-radius: 30px
    }

    .hosho_notitem p {
      text-align: left;
      margin: 10px 10%
    }

    p.hosho_f4 {
      font-size: 160%;
      font-weight: bolder;
      margin: 20px auto 20px auto;
      text-align: center;
      color: #dd7092
    }

    p.hosho_f5 {
      background-color: #f7f4ef;
      font-size: 120%;
      line-height: 1.5em;
      margin: 0 3% 0 3%;
      padding: 10px 3% 10px 3%;
      border-radius: 10px
    }

    li.line_step_li2.line_step_li_3row {
      width: 31%
    }

    li.line_step_li2.line_step_li_2row {
      width: 48%
    }

    .urukuma_swiper {
      width: 640px;
      margin: auto
    }
  }

  @media screen and (max-width:640px) {
    .line_sct {
      margin-top: 20px !important
    }

    section.line_other_g {
      padding-top: 20px
    }

    .line_tab_1 span.line_font70 {
      font-weight: 400
    }

    li.line_item_li p.font13 {
      text-align: center;
      font-weight: 700
    }

    .line_notitemarea>.information.information-warning {
      font-size: 12px;
      line-height: 140%;
      padding: 10px
    }

    p.font25 {
      font-size: 120%;
      font-weight: 700;
      text-align: center;
      margin-top: 20px
    }

    p.font18_g {
      color: #0b0;
      margin-top: 20px;
      text-align: center;
      font-size: 110%;
      font-weight: 700;
      margin-bottom: 5px
    }

    p.sp_line_botan {
      width: 60%;
      margin: 0 auto
    }

    .linecont {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px
    }

    p.font20 {
      font-size: 110%;
      font-weight: 700;
      margin-bottom: 10px
    }

    .mokuji {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      background-color: #06c202;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 30px
    }

    p.g_font {
      color: #06c202;
      font-weight: 700;
      padding-bottom: 5px;
      font-size: 140%
    }

    p.line_step_img {
      width: 50%;
      margin: 20px auto
    }

    .line_time {
      border: 6px #06c202 solid;
      border-radius: 30px;
      padding: 1em;
      text-align: center;
      line-height: 1.5em;
      margin: 3% 1%
    }

    .line_time p.g_font25b {
      font-size: 120%;
      color: #07c103;
      font-weight: 700
    }

    p.font25_2 {
      font-size: 120%;
      font-weight: 700;
      text-align: center
    }

    p.font_sp {
      font-size: 90%
    }

    li.line_point_li {
      width: 80%;
      margin: 10px auto 20px
    }

    p.font13 {
      margin-top: 5px;
      line-height: 140%;
      font-size: 100%
    }

    ul.line_item_ul {
      display: flex;
      flex-wrap: wrap;
      margin: 20px auto;
      padding-right: 1%;
      padding-left: 1%
    }

    li.line_item_li {
      flex: 1 1 0%;
      margin: 0 1%;
      font-size: 80%
    }

    p.font22 {
      font-size: 120%;
      font-weight: 700;
      padding: 0 3%;
      line-height: 1.5em;
      margin-bottom: 30px
    }

    .line_notitem {
      background-color: #eee;
      padding: 20px 1%;
      border-radius: 30px;
      padding: 1em;
      line-height: 1.8em;
      margin: 3% 1%
    }

    .line_notitem p {
      line-height: 1.5em
    }

    .mokuji_bk {
      font-weight: 700;
      color: #fff;
      background-color: #666;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      font-size: 20px
    }

    p.kantan {
      width: 70%;
      margin: 20px auto
    }

    .line_after_box {
      margin: 2% 1%;
      border: 1px #bdbdbd solid;
      border-radius: .5em;
      padding: 3% 2%
    }

    .line_after_box .waku {
      text-align: center;
      background-color: #616161;
      color: #fff;
      border-radius: 0;
      border-top-left-radius: .423em;
      border-top-right-radius: .423em;
      margin: -15px -2.5%
    }

    .line_after_box dt span {
      font-size: .86em
    }

    .line_after_box .waku dd {
      font-size: 20px;
      display: inline-block;
      vertical-align: middle;
      font-weight: 700;
      line-height: 1.95
    }

    .line_after_box .waku dt {
      font-size: .909em;
      font-family: "Noto Serif";
      display: inline-block;
      vertical-align: middle
    }

    .line_after_box .layout_line>*:last-child {
      text-align: left;
      padding-left: 1em;
      padding-bottom: 1em
    }

    dl.layout_line dt img {
      width: 200px
    }

    .line_after_box .layout_line>*:last-child {
      text-align: left;
      padding-left: 1em;
      padding-bottom: 1em
    }

    .layout_line {
      display: table;
      width: 100%;
      padding-top: 25px
    }

    dl.layout_line dt {
      text-align: center;
      margin-bottom: 20px
    }

    .line_after_box *>h1 {
      font-size: 120%;
      font-weight: 700;
      line-height: 1.3em
    }

    dl.layout_line p {
      line-height: 140%;
      margin: 10px 0
    }

    .line_after_box dt span {
      font-size: .86em
    }

    *[class*="mBtn2"] {
      display: block;
      position: relative;
      line-height: 2.5em;
      text-align: center;
      font-weight: 700;
      font-size: 100%;
      border-radius: 2px;
      color: #FFF;
      border: none;
      width: 100%;
      padding: 0;
      margin: 0;
      box-shadow: 0 1px 2px #ccc;
      background: #f2799a;
      border-bottom: 1px solid #d96d8a
    }

    .line_camp {
      border: 6px #06c202 solid;
      border-radius: 30px;
      padding: 1em;
      text-align: center;
      line-height: 1.8em;
      margin: 3% 1%
    }

    p.font35_g {
      font-size: 150%;
      font-weight: 700;
      line-height: 1.8em;
      color: #06c202
    }

    p.font22_2 {
      font-size: 120%;
      font-weight: 700;
      padding: 0 3%;
      line-height: 1.5em
    }

    p.camp_p {
      text-align: left;
      margin-top: 20px
    }

    p.line_waku_mokuji {
      font-size: 130%;
      font-weight: 700;
      margin-top: 30px
    }

    p.line_waku_a {
      background-color: #06c202;
      width: 75%;
      color: #fff;
      margin: 0 auto;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      font-size: 110%;
      padding: 5px 0
    }

    p.line_waku_b {
      border-color: #06c202;
      border-style: solid;
      width: 75%;
      margin-top: 0;
      border-width: 1px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 10px;
      font-size: 110%;
      font-weight: 700;
      color: #06c202;
      padding: 10px 0
    }

    .line_botanbox {
      margin-bottom: 15px;
      margin-left: 3%;
      margin-right: 3%
    }

    p.hosho_f1 {
      font-weight: 700;
      text-align: center;
      line-height: 1.8em;
      margin-top: 4%;
      margin-bottom: 4%
    }

    .mokuji_pink {
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      background-color: #dc7092;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px
    }

    .line_item_img {
      margin-top: 5%;
      margin-bottom: 2%
    }

    p.hosho_f2 {
      margin-top: 5px;
      margin-bottom: 10px;
      line-height: 1.2em;
      font-size: 15px
    }

    ul.line_step_ul2 {
      margin: 0 auto 5% auto;
      display: block !important
    }

    .hosho_notitem {
      background-color: #eee;
      padding: 20px 1%;
      border-radius: 30px;
      padding: 1em;
      line-height: 1.8em;
      margin: 3% 1%
    }

    .hosho_notitem p {
      line-height: 120%;
      font-size: 12px
    }

    .hoshochui_area p {
      line-height: 120%;
      font-size: 12px
    }

    p.hosho_f4 {
      font-size: 130%;
      font-weight: bolder;
      margin: 20px auto 20px auto;
      text-align: center;
      color: #dd7092
    }

    p.hosho_f5 {
      background-color: #f7f4ef;
      line-height: 1.5em;
      padding: 10px 3% 10px 3%;
      border-radius: 10px
    }

    li.line_step_li {
      margin-bottom: 20px
    }

    .line_step_litxt {
      height: auto
    }

    p.line_text11 {
      font-size: 100% !important
    }

    p.hosho_midashi_line2 {
      font-size: 130% !important
    }

    .kantan_line_text p {
      font-size: 120% !important
    }

    p.kantan_line_img1 {
      width: 30%
    }
  }

  .line_after_box .kitOffer {
    margin-top: 10px
  }

  .content-sell .form-second {
    font-size: 86%;
    padding: 20px 0 10px;
    text-align: center
  }

  .content-sell .form-second strong {
    color: #f2799a;
    display: block;
    font-size: 108%;
    margin-bottom: 5px;
    text-align: center
  }

  .content-sell .form-second .bt {
    margin-right: auto;
    margin-left: auto;
    font-size: 86%;
    padding: 10px 15px;
    max-width: 320px
  }

  .hikaku_box {
    width: 90%;
    border: solid 3px #eee;
    margin: 5px 5%;
    display: inline-block;
    padding: 2% 5%
  }

  p.hikaku_date {
    font-size: 8px;
    margin-bottom: 5px
  }

  p.hikaku_name {
    margin: 5px
  }

  ul.hikaku_price li {
    margin: 1%;
    width: 47% !important;
    text-align: center
  }

  li.shopb_price {
    width: 50%;
    background-color: #f06288;
    border-radius: 5px;
    color: #FFF
  }

  li.shops_price {
    background-color: #EEE;
    border-radius: 5px
  }

  span.hikaku_shop {
    display: block;
    margin-bottom: 5px
  }

  span.hikaku_price {
    font-size: 150%
  }

  #lv {
    background-color: #fff
  }

  #lv .content-title {
    color: #4f3d33
  }

  #lv .content-title2 {
    color: #616161;
    font-size: 156%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center
  }

  #lv section#top {
    background: none
  }

  #lv section.item div.itemWrap {
    padding: 0 1em 1em
  }

  #lv h1 {
    color: #616161
  }

  #lv section.item div.itemWrap p {
    color: #010101;
    font-size: .909em;
    line-height: 1.5;
    text-align: center;
    margin-top: 1em
  }

  #lv section.item div.itemWrap p>span {
    color: #f2799a;
    font-weight: 700
  }

  #lv section.item div.campCont01 {
    padding: 0 1em 2.5em
  }

  #lv section.item div.campCont02 {
    padding: 0 1em 2.5em
  }

  #lv section.item div.campCont02 div.kyoukaBrand {
    margin-top: .5em;
    border: 2px #e0e0e0 solid;
    border-radius: 2px
  }

  #lv section.item div.campCont02 div.kyoukaBrand ul {
    padding: .5em .7em;
    border-bottom: 2px #e0e0e0 solid
  }

  #lv section.item div.campCont02 div.kyoukaBrand ul li.normal {
    font-size: .8em;
    margin-left: 1.8em;
    line-height: 1.5
  }

  #lv section.item div.campCont02 div.kyoukaBrand ul li.star {
    font-size: 1.5em;
    padding: .5em 0
  }

  #lv section.item div.campCont02 div.kyoukaBrand ul li.star:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em
  }

  #lv section.item div.campCont02 div.kyoukaBrand dl {
    display: table;
    width: 100%
  }

  #lv section.item div.campCont02 div.kyoukaBrand>dl dt,
  #lv section.item div.campCont02 div.kyoukaBrand>dl dd {
    padding: 1em .7em .5em;
    width: 50%;
    display: table-cell;
    border-bottom: 2px #e0e0e0 solid
  }

  #lv section.item div.campCont02 div.kyoukaBrand>dl dt.last,
  #lv section.item div.campCont02 div.kyoukaBrand>dl dt.lastdd.last {
    border-bottom: 0
  }

  #lv section.item div.campCont02 div.kyoukaBrand>dl dt {
    border-right: 2px #e0e0e0 solid
  }

  #lv section.item div.campCont02 div.kyoukaBrand>dl dt:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em;
    float: left;
    display: inline-block;
    margin-bottom: .5em
  }

  #lv section.item div.campCont02 div.kyoukaBrand dl dd:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em
  }

  #lv section.item div.campCont03 {
    padding: 0 1em 1em
  }

  #lv section.item div.campCont03 p {
    margin-top: .5em;
    border: 2px #e0e0e0 solid;
    border-radius: 2px;
    padding: .5em .7em;
    font-size: 1em;
    line-height: 1.5em
  }

  #lv section.item div.campCont03 p:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #bdbdbd;
    font-weight: 400;
    margin-right: .3em;
    float: left;
    display: inline-block;
    margin-bottom: .5em
  }

  #lv section.campDetail div.campTerm {
    border: 4px #d0b592 solid;
    border-radius: 4px;
    padding: 1em;
    text-align: center;
    font-weight: 700;
    margin: 1.5em 1em;
    color: #616161
  }

  #lv section.campDetail div.campTerm p.txt01 {
    font-size: 1.27em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #lv section.campDetail div.campTerm p.txt01 span {
    font-size: .71em;
    line-height: 1.5;
    margin-bottom: .5em
  }

  #lv section.campDetail div.campTerm p.txt02 {
    font-size: 1em;
    line-height: 1.5;
    text-align: center
  }

  #lv section.campDetail dl {
    border: 1px #f1f0ec solid;
    border-radius: 4px;
    margin: 1em;
    color: #4f3d33
  }

  #lv section.campDetail dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #c4a277;
    padding: .5em .9em
  }

  #lv section.campDetail dl dd {
    padding: 1em;
    line-height: 1.4;
    color: #000;
    background-color: #c4a277
  }

  #lv section.campDetail dl dd span {
    font-size: .909em;
    line-height: 1.4;
    color: #c4a277;
    display: inline-block
  }

  .content-title-balloon {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #4f3d33;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  .content-title-balloon2 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #2c1a19;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  .content-title-balloon3 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #000;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  .content-title-balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #4f3d33
  }

  .content-title-balloon2:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #2c1a19
  }

  .content-title-balloon3:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #000
  }

  .content-title-balloon p {
    margin: 0;
    padding: 0
  }

  .braun_back {
    background: #4f3d33 !important
  }

  .braun_back2 {
    background: #2c1a19 !important
  }

  .braun_back3 {
    background: #000000 !important
  }

  .braun_font {
    color: #4f3d33 !important
  }

  .braun_border {
    background: #fff !important;
    border-color: #4f3d33 !important
  }

  .white_font {
    color: #FFFFFF !important
  }

  .lux_content_waku i.fa.fa-search {
    padding: 0 1%;
    vertical-align: text-bottom
  }

  p.lux_space {
    margin-top: 20px
  }

  img.lux_space {
    margin-top: 20px
  }

  p.lux_g {
    margin-bottom: 30px;
    margin-right: 5%;
    margin-left: 5%;
    line-height: 1.8em;
    font-size: 110%
  }

  .lux_braun .bt {
    background: #c4a277 !important;
    border: none;
    border-bottom: 2px solid #c4a277 !important;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s all ease-out;
    width: 100%
  }

  .lux_braun .bt-more:link,
  .bt-more:visited {
    color: #c4a277
  }

  .lux_braun .bt-more {
    background: #fff !important;
    border: 2px solid #c4a277;
    color: #c4a277;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 240px
  }

  .lux_braun .content-sell .form-second strong {
    color: #c4a277 !important;
    display: block;
    font-size: 108%;
    margin-bottom: 5px;
    text-align: center
  }

  .lux_braun a {
    color: #4f3d33 !important;
    text-decoration: none
  }

  .line_step {
    margin-left: 5%;
    margin-right: 5%
  }

  p.g_font.braun_font_no {
    color: #4f3d34;
    background-color: #c4a277;
    width: 35px;
    height: 35px;
    border-radius: 30%;
    margin-right: 2%;
    text-align: center;
    line-height: 35px;
    color: #FFF
  }

  p.g_font.braun_font_no2 {
    background-color: #cc757a;
    width: 35px;
    height: 35px;
    border-radius: 30%;
    margin-right: 2%;
    text-align: center;
    line-height: 35px;
    color: #FFF
  }

  .line_step_txt {
    display: block;
    width: 80%
  }

  .lux_linelist {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap;
    margin-left: 2%;
    margin-right: 2%
  }

  .line_text_flex {
    display: flex
  }

  .lux_linelist_g {
    background-color: #eee;
    padding: 2%;
    flex: 1 1 40%;
    display: flex;
    max-width: 50%;
    margin: 1%
  }

  .lux_linelist_img {
    width: 30%
  }

  p.lux_linelist_t {
    margin-left: 2%;
    margin-top: 6%;
    font-weight: 700
  }

  p.lux_linelist_t {
    margin-left: 4%;
    margin-top: 6%;
    font-weight: 700;
    font-size: 80%;
    line-height: 1.5em;
    color: #4f3d34
  }

  .lux_center {
    margin: auto;
    text-align: center
  }

  .lux_line_pickuparea {
    width: 100%;
    display: block;
    margin: 20px auto
  }

  p.title_press1 {
    font-size: 130%;
    font-weight: 700;
    line-height: 130%;
    width: 80%;
    margin: auto;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center
  }

  ul.press_list {
    width: 100%;
    display: flex;
    margin: -8% auto 0 auto
  }

  li.press_list_img img {
    flex: 1;
    width: 100%
  }

  @media (min-width:641px) {
    .lux_content_waku {
      max-width: 1000px;
      margin: 0 auto
    }

    #lv section.campDetail .lux_search dl {
      margin: 1%
    }

    .lux_waki {
      margin-right: 3%;
      margin-left: 3%
    }

    .braun_border {
      background: #fff !important;
      border-color: #4f3d33 !important;
      max-width: 640px
    }

    p.lux_g {
      max-width: 800px;
      margin: 60px auto 60px auto
    }

    li.id_g_li {
      max-width: 100%
    }

    li.line_step_li {
      padding-top: 20px;
      flex: 1 1 30%;
      margin: 2%
    }

    p.line_step_img {
      text-align: center
    }

    p.lux_linelist_t {
      margin-left: 4%;
      margin-top: 6%;
      font-size: 18px;
      line-height: 1.5em;
      color: #4f3d34
    }

    ul.press_list {
      width: 800px;
      display: flex;
      margin: auto
    }
  }

  .price_ex {
    max-width: 1000px;
    margin: 0 auto
  }

  ul.lux_ilist {
    width: 100%;
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  ul.lux_ilist>li {
    margin: 1%;
    border: solid 2px #eee;
    padding: 2%;
    flex: 1 1 40%;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between
  }

  @media (max-width:500px) {
    ul.lux_ilist>li {
      flex: 1 1 100%
    }
  }

  ul.lux_ilist li img {
    max-height: 150px;
    width: auto;
    height: auto;
    margin: 0 auto 10px;
    display: block
  }

  @media (max-width:600px) {
    ul.lux_ilist li img {
      max-height: 300px;
      max-width: 250px
    }
  }

  p.lux_ilist_brandname {
    font-size: 80%;
    text-align: center
  }

  p.lux_ilist_itemname {
    font-size: 100%;
    margin: 5px 0;
    line-height: 140%;
    font-weight: 700
  }

  ul.lux_price_table {
    margin-top: 10px;
    margin-bottom: 10px
  }

  ul.lux_price_table li {
    display: table;
    width: 100%
  }

  ul.lux_price_table li:first-child span {
    border-top: 1px solid #4d3d33
  }

  span.prtb_row1 {
    border-left: 1px solid #4d3d33;
    border-bottom: 1px solid #4d3d33;
    background-color: #f4f2ed;
    padding: 5% 0;
    width: 70px;
    display: table-cell;
    font-size: 80%;
    text-align: center
  }

  span.prtb_row2 {
    display: table-cell;
    border-left: 1px solid #4d3d33;
    border-right: 1px solid #4d3d33;
    border-bottom: 1px solid #4d3d33;
    font-size: 100%;
    padding: 5%;
    background-color: #FFF;
    font-weight: 700
  }

  input#next_bt {
    display: block;
    margin: 10px auto;
    background-color: #FFF;
    border: solid 2px #4f3d33;
    padding: 10px 10%;
    border-radius: 5px
  }

  .braun_border {
    background: #fff !important;
    border-color: #4f3d33 !important;
    max-width: 640px
  }

  .lux_search {
    max-width: 640px;
    margin: -24px auto 0 auto;
    text-align: center
  }

  #lux_sform1 {
    position: relative
  }

  #lux_sbox1 {
    height: 50px;
    padding: 0 5%;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 2px;
    border: solid 3px #f1f0ec;
    outline: 0
  }

  #lux_sbt1 {
    height: 50px;
    top: 0;
    background: none;
    color: #4f3d33;
    font-size: 120%;
    font-weight: 700;
    outline: 0;
    width: 100%;
    background: #4f3d33 !important;
    border: none;
    border-bottom: 2px solid #000 !important;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10
  }

  #lux_sbt2 {
    height: 50px;
    top: 0;
    background: none;
    color: #4f3d33;
    font-size: 120%;
    font-weight: 700;
    outline: 0;
    width: 100%;
    background: #000000 !important;
    border: none;
    border-bottom: 2px solid #000 !important;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10
  }

  #lux_sbt2:hover {
    color: #7fbfff
  }

  .lux_bt_green {
    height: 70px;
    top: 0;
    background: none;
    color: #4f3d33;
    font-size: 120%;
    font-weight: 700;
    outline: 0;
    width: 100%;
    background: #79a93e !important;
    border: none;
    border-bottom: 2px solid #618732 !important;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10
  }

  .line_kakakuhosho_g button a {
    color: #FFF;
    display: block;
    height: 100%;
    line-height: 70px
  }

  #lux_sbt1:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 20px
  }

  select.lux_sform2-1,
  select.lux_sform2-2 {
    height: 50px;
    padding: 0 5%;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 2px;
    border: solid 3px #f1f0ec;
    outline: 0;
    background-color: #FFF
  }

  .lux_search_inner {
    text-align: center
  }

  section.line_hoshou_a {
    background-color: #c4a277;
    padding: 2em 1em 1em 1em;
    ;
    border-radius: 0
  }

  .line_kakakuhosho_g {
    display: flex;
    padding: 4% 6% 4% 6%
  }

  p.line_kakakuhosho_img {
    margin-left: 2%;
    margin-right: 2%;
    text-align: center
  }

  .line_kakakuhosho_g button {
    margin-top: 10%
  }

  @media (min-width:780px) {
    .line_kakakuhosho_g_l {
      width: 30%
    }

    .line_kakakuhosho_r {
      width: 70%
    }

    .line_kakakuhosho_r span.subcmt {
      text-align: left;
      line-height: 120%;
      font-weight: 700;
      font-size: 13px
    }

    .line_kakakuhosho_g {
      margin: 30px auto
    }

    .search_g {
      display: flex;
      -webkit-box-flex: flex;
      flex-wrap: wrap
    }

    .search_1,
    .search_2 {
      width: 50%
    }

    ul.lux_ilist>li {
      flex: 1 1 30%
    }
  }

  .search_2 section.line_hoshou_a {
    height: 335px;
    margin: 0
  }

  .search_2 img {
    height: 163px;
    vertical-align: middle
  }

  .search_ribbon_flex {
    display: flex;
    margin: auto;
    width: 100%
  }

  .ribbon4_1 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 100%;
    background: #4f3d33;
    color: #FFF;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: 700;
    width: 200px;
    margin-left: 5px
  }

  .ribbon4_1:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .ribbon4_1:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  .ribbon4_2 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 100%;
    background: #4f3d33;
    color: #FFF;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: 700;
    width: 200px
  }

  .ribbon4_2:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .ribbon4_2:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  p.content-title.font_minimini {
    margin-top: 2%;
    font-size: 110%;
    margin-left: 3%;
    width: 300px
  }

  @media (max-width:780px) {
    .lux_search {
      margin: -60px auto 0 auto
    }

    .search_1,
    .search_2 {
      width: 100%
    }

    .search_2 section.line_hoshou_a {
      height: 100%
    }

    .search_2 {
      padding: 8%;
      padding-top: 0
    }

    .search_2 img {
      max-width: 50px;
      height: 50%
    }

    .line_kakakuhosho_g {
      display: block
    }

    .search_ribbon_flex {
      display: flex;
      margin: auto auto;
      width: 100%
    }

    .ribbon4_1 {
      display: inline-block;
      position: relative;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center;
      padding: 0 40px 0 18px;
      font-size: 100%;
      background: #4f3d33;
      color: #FFF;
      box-sizing: border-box;
      font-size: 110%;
      font-weight: 700;
      width: 200px;
      margin-left: -1%
    }

    .ribbon4_1:after {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      z-index: 1
    }

    .ribbon4_1:after {
      top: 0;
      right: 0;
      border-width: 20px 15px 20px 0;
      border-color: transparent #fff transparent transparent;
      border-style: solid
    }

    .ribbon4_2 {
      display: inline-block;
      position: relative;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      text-align: center;
      padding: 0 40px 0 18px;
      font-size: 100%;
      background: #4f3d33;
      color: #FFF;
      box-sizing: border-box;
      font-size: 110%;
      font-weight: 700;
      width: 200px;
      margin-left: 5px;
      left: -1%
    }

    .ribbon4_2:after {
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      z-index: 1
    }

    .ribbon4_2:after {
      top: 0;
      right: 0;
      border-width: 20px 15px 20px 0;
      border-color: transparent #fff transparent transparent;
      border-style: solid
    }

    p.content-title.font_minimini {
      max-width: 100%;
      margin-top: 3%;
      font-size: 110% important
    }

    .p_none {
      padding: 0 0 important
    }
  }

  @media (max-width:420px) {
    .lux_search {
      margin-top: -70px
    }
  }

  @media (max-width:376px) {
    .lux_search {
      margin-top: -60px
    }
  }

  @media (max-width:321px) {
    .lux_search {
      margin-top: -50px
    }
  }

  .condition_content {
    margin: 10px auto;
    padding: 3%;
    border: solid 2px #c4a277;
    max-width: 640px
  }

  .condition_content p.content-title {
    font-size: 120%
  }

  .condition_content label {
    display: block;
    font-weight: 700;
    cursor: pointer;
    color: #4f3d33;
    text-align: center;
    margin-top: 10px
  }

  .condition_content input {
    display: none
  }

  .condition_content div {
    height: 0;
    overflow-y: hidden;
    transition: 0.8s;
    opacity: 0
  }

  .condition_content input:checked+label+div {
    height: auto;
    opacity: 1;
    margin-top: 30px
  }

  .condition_content label::before {
    content: '\f067';
    font-family: 'FontAwesome';
    padding-right: 8px
  }

  .condition_content input:checked+label::before {
    content: '\f068'
  }

  .condition_details {
    color: #4f3d33
  }

  .condition_details dl {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  .condition_details dt {
    width: 20%;
    border: solid 1px #4f3d33;
    border-right: none;
    padding: 1%;
    text-align: center;
    font-weight: 700
  }

  .condition_details dl:nth-child(1) dt,
  .condition_details dl:nth-child(2) dt {
    border-bottom: none
  }

  .condition_details dd {
    border: solid 1px #4f3d33;
    width: 80%;
    padding: 1%
  }

  .condition_details dl:nth-child(1) dd,
  .condition_details dl:nth-child(2) dd {
    border-bottom: none
  }

  p.condition_txt {
    line-height: 150%
  }

  p.condition_img {
    max-width: 100%;
    text-align: center
  }

  ul.tow_btns {
    display: flex;
    -webkit-box-flex: flex;
    bottom: 0
  }

  li.tow_btns_1,
  li.tow_btns_2 {
    margin: 1%;
    width: 48%
  }

  li.tow_btns_1 a,
  li.tow_btns_2 a {
    padding: 5%;
    display: block;
    width: 100%;
    border-radius: 5px
  }

  li.tow_btns_1 .btn:before,
  li.tow_btns_2 .btn:before {
    position: absolute;
    top: 50%;
    right: 5%
  }

  li.tow_btns_1 a {
    background-color: #b8924d;
    border-bottom: 2px solid #705628
  }

  li.tow_btns_2 a {
    background-color: #78a838;
    border-bottom: solid 2px #4d894b
  }

  span.subcmt {
    font-size: 10px;
    display: block;
    text-align: center;
    font-weight: 400;
    line-height: 10px;
    margin-top: 10px
  }

  span.maincmt {
    display: block;
    font-size: 15px
  }

  #buyer_room a {
    text-decoration: none;
    color: #616161
  }

  .room_list_cate {
    border-bottom: #927752;
    border-bottom-style: dashed;
    padding-bottom: 80px
  }

  @media (min-width:641px) {
    a.link_col:hover {
      color: #927752 !important;
      font-size: 130%
    }

    .room_top {
      width: 100%;
      text-align: center
    }

    p.text1 {
      margin: 80px 10% 10px 10%;
      text-align: center;
      font-size: 120%;
      font-weight: 700;
      line-height: 1.5em
    }

    p.text2 {
      text-align: center;
      margin: 5px 8% 50px 8%;
      line-height: 1.8em;
      font-size: 15px
    }

    .room_list1 {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      margin-bottom: 10px
    }

    .room_list1_t {
      padding: 0 8% 0 8%;
      -webkit-flex: 1 1 45%;
      text-align: center
    }

    .room_list1_t img {
      width: 100%
    }

    p.room_list1_txt1 {
      font-size: 15px;
      font-weight: 700;
      margin: 7px auto
    }

    p.room_list1_txt2 {
      font-size: 14px;
      line-height: 150%;
      margin-bottom: 15px
    }

    p.room_list1_txt3 {
      font-size: 80%;
      font-weight: 700;
      color: #927752;
      margin-top: 10px;
      text-align: center
    }

    .room_list2 {
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      width: 100%;
      margin: 5%
    }

    .room_list2_t img {
      width: 100%
    }

    p.room_list2_txt {
      font-size: 70%;
      text-align: center
    }

    p.bt1 {
      text-align: center;
      border-style: solid;
      padding: 20px 2% 20px 2%;
      margin: 20px 8% 50px 8%
    }

    p.bt1 a {
      font-size: 25px
    }

    .tab_content .tyumoku_text1,
    .tab_content .tyumoku_text2 {
      text-align: center;
      margin: 5px auto 5px auto;
      font-size: 20px;
      clear: both;
      display: block;
      line-height: 1.5em
    }

    .tyumoku_waku {
      width: 850px;
      margin-left: auto;
      margin-right: auto
    }

    li.tyumoku_list1 {
      width: 50%;
      margin-right: 4%;
      float: left
    }

    li.tyumoku_list1 img {
      width: 100%
    }

    ul.tyumoku_brand2 {
      display: inline-block;
      width: 400px;
      margin: 0 10px 40px 10px
    }

    .tyumoku_brand3 {
      border-style: solid;
      border-width: 2px;
      padding-top: 15px;
      padding-bottom: 5px;
      background-color: #000;
      margin-top: -3px;
      margin-bottom: 50px
    }

    p.tyumoku_text2 {
      font-size: 130%;
      text-align: center;
      line-height: 1.2em;
      font-weight: 700;
      color: #fff
    }

    p.tyumoku_list2_txt {
      margin-top: 80px
    }

    .tyumoku_list1_t a::before {
      content: '';
      display: inline-block;
      width: 50px;
      height: 50px;
      background-image: url(/gold/rpfstore/img/sale/sale_icon_nesage.jpg);
      background-size: contain;
      vertical-align: middle;
      position: absolute;
      z-index: 999;
      opacity: .8;
      border-radius: 50%
    }

    .tyumoku_brand2_a {
      display: inline-flex;
      width: 80%
    }

    .tyumoku_brand2_a:after {
      color: #fff;
      content: '\f105';
      display: block;
      font-family: "FontAwesome";
      font-weight: 400;
      line-height: 22px;
      margin-top: -9px;
      position: absolute;
      top: 37%;
      right: 18px;
      text-align: center;
      width: 20px
    }

    .tyumoku_brand2_a:before {
      background: #c4a277;
      border-radius: 50%;
      content: '';
      display: block;
      margin-top: -9px;
      position: absolute;
      top: 35%;
      right: 15px;
      text-align: center;
      width: 30px;
      height: 30px;
      transition: 0.3s all ease-out
    }

    .room_list2_t {
      max-width: 30%;
      margin-bottom: 5%;
      margin-left: 1%;
      margin-left: 1%
    }

    p.room_list2_txt {
      font-size: 70%;
      text-align: center;
      margin-top: 10px
    }

    p.room_list2_txt2 {
      font-size: 70%;
      font-weight: 700;
      color: #927752;
      text-align: center;
      margin-top: 5px
    }

    section.room_hot_brand {
      margin-top: 5%
    }

    .room_hot_midashi_waku {
      background-color: #000;
      width: 25%;
      padding: 2%
    }

    p.room_hot_midashi {
      font-size: 120%;
      font-weight: 700;
      color: #fff;
      padding-left: 5%
    }

    li.triangle-topleft {
      width: 0;
      height: 0;
      border-top: 60px solid #000;
      border-right: 60px solid transparent
    }

    section.room_hot_brand ul {
      display: flex
    }

    .room_hot_midashi_waku2 {
      background-color: #eeeeef;
      margin: 3% 1% 7% 1%;
      border-radius: 10px;
      padding: 5%
    }

    .room_hot_list1_t {
      width: 45%;
      margin-left: 2%;
      margin-right: 2%
    }

    .room_hot_list1 {
      display: flex;
      width: 100%;
      flex-wrap: wrap
    }

    p.room_hot_txt1 {
      font-weight: 700;
      margin-bottom: 2%;
      margin-top: 2%
    }

    p.room_hot_txt2 {
      font-size: 70%;
      line-height: 1.6em;
      margin-bottom: 10%
    }

    .tab1-item {
      display: flex;
      ?@ -webkit-flex-wrap: wrap;
      -webkit-flex-wrap?@flex-wrap: wrap;
      width: 100%
    }

    .tab1-item .tab1-item_waku {
      border-style: solid;
      padding: 4% 10% 2% 10%;
      margin: -1px;
      text-align: center;
      width: 45%
    }

    .tab1-p {
      margin: 10% auto 5% auto;
      text-align: center
    }

    .tab1-brand {
      display: flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-wrap flex-wrap: wrap;
      width: 100%
    }

    .tab1-brand .tab1-brand_waku {
      border-style: solid;
      padding: 4% 10% 2% 10%;
      margin: 1% auto;
      text-align: center;
      width: 45%;
      border-color: #000;
      border-width: 3px
    }

    p.bt2 {
      font-size: 16px
    }

    .space {
      margin-top: 30px
    }

    .tabbox {
      position: relative;
      width: 99%;
      margin-right: auto;
      margin-left: auto
    }

    span.mini_font {
      color: #fff;
      font-size: 60%
    }

    span.mini_font2 {
      font-size: 90%;
      color: #fff;
      font-weight: 700;
      line-height: 2em
    }

    section.tokushu_list1 {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      -webkit-flex-wrap: wrap;
      margin-bottom: 10px
    }

    div.tabbox ul.tabs {
      margin: 0;
      padding: 0;
      display: flex;
      display: -webkit-flex;
      width: 80%;
      -webkit-flex-wrap: wrap
    }

    div.tabbox ul.tabs li {
      padding: 0;
      list-style-type: none;
      margin-right: 1px;
      display: flex;
      display: -webkit-flex;
      -webkit-flex: 1 1 20%;
      border: solid 3px #000;
      border-bottom: none;
      text-align: center;
      height: 75px
    }

    div.tabbox ul.tabs a {
      display: block;
      padding: 5px 0;
      text-align: center;
      text-decoration: none;
      font-size: 16px;
      font-weight: 700;
      line-height: 30px;
      width: 100%
    }

    div.tabbox ul.tabs li.tab {
      background-color: #000
    }

    div.tabbox ul.tabs a:link,
    div.tabbox ul.tabs a:visited {
      color: #FFF
    }

    div.tabbox ul.tabs a:hover {
      text-decoration: underline
    }

    ul.tabs.bottom li {
      border-bottom: solid 3px #000000 !important;
      border-top: none !important
    }

    div.tab_content {
      overflow: hidden;
      clear: left;
      width: 100%;
      border: 3px solid #000;
      border-bottom: none;
      padding-bottom: 20px
    }

    div#saletab1,
    div#saletab2,
    div#saletab3,
    div#saletab4 {
      border-bottom: 2px solid #000
    }

    .item_cat .accordion_bk img {
      border-radius: 50%
    }

    ul.accordion_bk>li>ul>li {
      width: 400px;
      padding-top: 10px;
      padding-right: 10px
    }

    ul.accordion_bk ul {
      clear: both
    }

    ul.accordion_bk {
      display: block;
      clear: both
    }

    ul.accordion_bk>li>p {
      display: block;
      clear: both
    }

    ul.accordion_bk a {
      font-weight: 400
    }

    p.sp_search_txt {
      font-size: 15px;
      text-align: center
    }

    ul.lorm_nemu li a::after {
      content: "\306F\3053\3061\3089";
      font-size: 15px
    }

    .item_cat .accordion_bk img {
      border-radius: 50%;
      vertical-align: middle;
      margin-right: 5px;
      width: 15%
    }

    .item_cat .accordion_bk span {
      font-size: 18px;
      font-weight: 700
    }

    li.accordion_bk_li p {
      border-bottom-style: double;
      width: 350px;
      border-bottom-color: #000
    }

    li.accordion_bk_li {
      margin-bottom: 50px
    }

    ul.accordion_bk {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      -webkit-flex-wrap: wrap;
      margin: 3%
    }

    li.accordion_li {
      margin: 2%
    }

    ul.item_ul>li>img {
      background-size: 8px auto;
      width: 4% !important
    }

    ul.item_ul>li {
      font-size: 13px;
      line-height: 2
    }
  }

  @media (max-width:640px) {
    a.link_col:hover {
      color: #927752 !important;
      text-decoration: underline;
      font-size: 110%
    }

    .tab_cate {
      background-color: white !important
    }

    .room_top {
      width: 100%
    }

    .room_top img {
      width: 100%
    }

    p.text1 {
      margin: 40px 4% 20px 4%;
      text-align: center;
      font-size: 130%;
      font-weight: 700;
      line-height: 1.5em
    }

    p.text2 {
      text-align: center;
      margin: 5px 8% 15px 8%;
      line-height: 1.8em
    }

    .room_list1 {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      -webkit-flex-wrap: wrap;
      margin-bottom: 10px
    }

    .room_list1_t {
      padding: 1%;
      -webkit-flex: 1 1 45%;
      text-align: center
    }

    .room_list1_t img {
      width: 100%
    }

    p.room_list1_txt1 {
      font-size: 110%;
      font-weight: 700;
      margin: 7px auto
    }

    p.room_list1_txt2 {
      font-size: 9px;
      line-height: 140%;
      margin-bottom: 15px
    }

    p.room_list1_txt3 {
      font-size: 80%;
      font-weight: 700;
      color: #927752;
      margin-top: 10px;
      text-align: center
    }

    .room_list2 {
      display: flex;
      display: -webkit-flex;
      width: 100%;
      margin-top: 5%;
      margin-bottom: 5%;
      flex-wrap: wrap
    }

    .room_list2_t img {
      width: 100%
    }

    p.room_list2_txt {
      font-size: 70%;
      text-align: center;
      margin-top: 10px
    }

    p.room_list2_txt2 {
      font-size: 70%;
      font-weight: 700;
      color: #927752;
      text-align: center;
      margin-top: 5px
    }

    .room_list2_t {
      max-width: 25%;
      margin: 3%
    }

    section.room_hot_brand {
      background-color: #eeeeef
    }

    .room_hot_midashi_waku {
      background-color: #000;
      width: 45%;
      padding: 10px
    }

    p.room_hot_midashi {
      font-size: 120%;
      font-weight: 700;
      color: #fff;
      padding-top: 2%
    }

    li.triangle-topleft {
      width: 0;
      height: 0;
      border-top: 40px solid #000;
      border-right: 40px solid transparent
    }

    section.room_hot_brand ul {
      display: flex
    }

    .room_hot_midashi_waku2 {
      background-color: #fff;
      margin: 3%;
      border-radius: 10px;
      padding: 5%
    }

    p.room_hot_txt1 {
      font-weight: 700;
      margin-bottom: 2%;
      margin-top: 2%;
      color: #927752;
      font-size: 120%
    }

    p.room_hot_txt2 {
      font-size: 80%;
      line-height: 1.3em;
      margin-bottom: 5%
    }

    p.bt1 {
      font-size: 120%;
      text-align: center;
      border-style: solid;
      padding: 20px 2% 20px 2%;
      margin: 5% 4% 15% 4%
    }

    .tyumoku_brand {
      border-style: solid;
      border-width: 2px;
      padding-top: 15px;
      padding-bottom: 5px
    }

    p.tyumoku_text1 {
      font-size: 130%;
      text-align: center;
      line-height: 1.2em;
      font-weight: 700
    }

    ul.tyumoku_brand2 {
      margin-bottom: 5px;
      margin-top: 5px
    }

    ul.tyumoku_brand2 li {
      float: left
    }

    p.tyumoku_list2_txt {
      font-size: 120%;
      padding-top: 25px
    }

    .tyumoku_waku {
      padding: 20px 8% 20% 8%;
      border-style: solid;
      margin-top: -2px;
      border-width: 2px;
      margin-top: -2px
    }

    ul.tyumoku_brand2 {
      display: inline-block
    }

    li.tyumoku_list1 {
      width: 20%;
      margin-right: 4%
    }

    li.tyumoku_list1 img {
      width: 100%
    }

    .tyumoku_waku {
      border-style: solid;
      border-width: 2px;
      padding: 20px 8% 20px 8%
    }

    .tyumoku_brand3 {
      border-style: solid;
      border-width: 2px;
      padding-top: 15px;
      padding-bottom: 5px;
      background-color: #000;
      margin-top: -3px
    }

    .tyumoku_brand2_a {
      display: block;
      width: 100%
    }

    .tyumoku_brand2_a:after {
      color: #fff;
      content: '\f105';
      display: block;
      font-family: "FontAwesome";
      font-weight: 400;
      line-height: 20px;
      margin-top: -10px;
      position: absolute;
      top: 50%;
      right: 14px;
      text-align: center;
      width: 18px
    }

    .tyumoku_brand2_a:before {
      background: #c4a277;
      border-radius: 50%;
      content: '';
      display: block;
      margin-top: -9px;
      position: absolute;
      top: 50%;
      right: 15px;
      text-align: center;
      width: 18px;
      height: 18px;
      transition: 0.3s all ease-out
    }

    p.tyumoku_text2 {
      font-size: 130%;
      text-align: center;
      line-height: 1.2em;
      font-weight: 700;
      color: #fff
    }

    .tab1-item {
      display: flex;
      ?@ -webkit-flex-wrap: wrap;
      -webkit-flex-wrap?@flex-wrap: wrap;
      width: 100%
    }

    .tab1-item .tab1-item_waku {
      border-style: solid;
      padding: 4% 10% 2% 10%;
      margin: -1px;
      text-align: center;
      width: 45%
    }

    .tab1-p {
      margin: 10% auto 5% auto;
      text-align: center
    }

    .tab1-brand {
      display: flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-wrap flex-wrap: wrap;
      width: 100%
    }

    .tab1-brand .tab1-brand_waku {
      border-style: solid;
      padding: 4% 10% 2% 10%;
      margin: 1% auto;
      width: 45%;
      border-color: #000;
      border-width: 3px
    }

    p.bt2 {
      font-size: 80%;
      line-height: 1.5em;
      text-align: center
    }

    .space {
      margin-top: 30px
    }

    .tabbox {
      position: relative;
      max-width: 99%;
      margin-right: auto;
      margin-left: auto
    }

    div.tabbox ul.tabs {
      margin: 0;
      padding: 0;
      display: flex;
      display: -webkit-flex;
      width: 100%;
      -webkit-flex-wrap: wrap
    }

    div.tabbox ul.tabs li {
      padding: 0;
      list-style-type: none;
      margin-right: 1px;
      display: flex;
      display: -webkit-flex;
      -webkit-flex: 1 1 20%;
      border: solid 3px #000;
      border-bottom: none;
      text-align: center
    }

    div.tabbox ul.tabs a {
      display: block;
      padding: 5px 0;
      text-align: center;
      text-decoration: none;
      font-size: 13px;
      font-weight: 700;
      line-height: 30px;
      width: 100%
    }

    div.tabbox ul.tabs li.tab {
      background-color: #000
    }

    div.tabbox ul.tabs a:link,
    div.tabbox ul.tabs a:visited {
      color: #FFF
    }

    div.tabbox ul.tabs a:hover {
      text-decoration: underline
    }

    ul.tabs.bottom li {
      border-bottom: solid 3px #000000 !important;
      border-top: none !important
    }

    div.tab_content {
      overflow: hidden;
      clear: left;
      width: 98%;
      border: 3px solid #FFF;
      border-top: none;
      border-bottom: none;
      padding-bottom: 20px
    }

    span.mini_font {
      color: #fff;
      font-size: 60%
    }

    span.mini_font2 {
      font-size: 90%;
      color: #fff;
      font-weight: 700;
      line-height: 2.5em
    }

    ul.accordion_bk {
      background: none repeat scroll 0 0 #ddd;
      font-size: 16px;
      margin: 0 auto 30px;
      width: 100%
    }

    ul.accordion_bk a {
      display: block;
      padding: 15px 10px;
      background-position: 97% center;
      background-repeat: no-repeat;
      text-decoration: none;
      color: #333;
      font-weight: 700
    }

    ul.accordion_bk span {
      display: block;
      padding: 15px 10px;
      background-position: 97% center;
      background-repeat: no-repeat;
      font-weight: 700;
      font-size: 130%;
      text-align: center
    }

    ul.accordion_bk .one {
      display: block !important;
      padding: 10px !important;
      color: #333 !important;
      font-weight: bold !important;
      background: url(../img/sp/icon_left02.png) no-repeat 98% center !important;
      background-size: 15px auto !important
    }

    ul.accordion_bk .one a {
      padding: 0 !important
    }

    ul.accordion_bk ul {
      display: none
    }

    ul.accordion_bk>li {
      background: linear-gradient(#fff, #e6e6e6);
      border: solid 2px #000
    }

    ul.accordion_bk>li>p {
      background: linear-gradient(#fff, #e6e6e6);
      cursor: pointer
    }

    ul.accordion_bk>li>ul>li {
      background: #FFF;
      border_bottom: 1px solid #000
    }

    ul.accordion_bk>li>ul>li:nth-child(even) {
      border-left: 1px solid #000
    }

    ul.accordion_bk>li>ul>li>p {
      background: #FFF
    }

    ul.accordion_bk>li>ul>li {
      background: #FFF;
      border-bottom: 1px solid #000
    }

    ul.accordion_bk>li>ul>li>ul>li:last-child {
      border: none
    }

    ul.accordion_bk>li>ul>li {
      width: 49.8%;
      float: left;
      text-align: center
    }

    ul.accordion_bk ul {
      clear: both
    }

    ul.accordion_bk {
      display: block;
      clear: both
    }

    ul.accordion_bk>li>p {
      display: block;
      clear: both
    }

    ul.accordion_bk a {
      font-weight: 400
    }

    p.sp_search_txt {
      font-size: 15px;
      text-align: center
    }

    ul.lorm_nemu li a::after {
      content: "\306F\3053\3061\3089";
      font-size: 15px
    }
  }

  .search_link {
    margin: 0;
    padding: 0
  }

  .search_link p {
    margin: 0;
    padding: 0;
    position: fixed;
    right: -20px;
    bottom: -25px;
    cursor: pointer;
    z-index: 9999
  }

  .search_link_bt {
    display: block;
    transition: all 0.3s;
    margin-bottom: -30px
  }

  .search_link_bt img {
    width: 150px;
    height: 150px;
    z-index: 9999
  }

  .search_link_bt:hover {
    opacity: .85
  }

  p.search {
    left: -30px;
    bottom: 5px
  }

  .search a.search_link_bt img {
    height: 120px;
    width: 120px
  }

  @media (max-width:450px) {
    .search_link p {
      right: -20px;
      bottom: -25px
    }

    .search_link_bt img {
      width: 150px;
      height: 150px
    }

    p.search {
      left: -30px;
      bottom: 5px
    }

    .search a.search_link_bt img {
      height: 120px;
      width: 120px
    }
  }

  @media (min-width:700px) {
    .search_link {
      display: none !important
    }
  }

  .lux_braun .bt-more_bubt:link,
  .bt-more_bubt:visited {
    color: #FFF
  }

  .midashi_pk {
    background-color: #f2789a;
    padding: 2% 10% 2% 10%;
    color: #fff;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center;
    font-size: 22px
  }

  .ribbon1:before,
  .ribbon1:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  @media (min-width:641px) {
    p.shuka_text {
      margin-top: 10px;
      margin-bottom: 20px;
      text-align: center;
      font-weight: 700
    }

    .bt-more_bubt {
      background: #bea15d !important;
      color: #ab8f4c;
      display: inline-block;
      padding-top: 15px;
      padding-bottom: 15px;
      max-width: 50%
    }

    .bt_bubt {
      border: none;
      border-bottom: 2px solid #ab8f4c !important;
      border-radius: 5px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-weight: 700;
      line-height: 1.4;
      padding: 10px 15px;
      text-align: center;
      transition: 0.3s all ease-out;
      width: 100%
    }

    div#shuka {
      margin-top: -105px
    }

    .ribbon1 {
      display: inline-block;
      position: relative;
      height: 70px;
      line-height: 70px;
      vertical-align: middle;
      text-align: center;
      padding: 0 40px;
      font-size: 130%;
      background: #bea15d;
      color: #FFF;
      box-sizing: border-box;
      font-weight: 700
    }

    .ribbon1:before {
      top: 0;
      left: 0;
      border-width: 35px 0 35px 25px;
      border-color: transparent transparent transparent #fff;
      border-style: solid
    }

    .ribbon1:after {
      top: 0;
      right: 0;
      border-width: 35px 25px 35px 0;
      border-color: transparent #fff transparent transparent;
      border-style: solid
    }

    .meritto2 {
      background-color: #fff;
      padding: 5%
    }

    .meritto {
      margin: 4% auto 5% auto;
      text-align: center;
      max-width: 58%
    }

    ul.meritto_ul {
      display: flex;
      margin: auto;
      width: 100%
    }

    li.meritto_li {
      border-style: solid;
      border-color: #bea15d;
      border-width: 3px;
      margin: 3% 1% 3% 1%;
      padding: 3%;
      border-radius: 10px;
      width: 300px
    }

    li.meritto_text {
      text-align: center;
      line-height: 1.3em;
      font-weight: 700;
      margin: 4%
    }

    .tejyun2 {
      margin: 0 15% 0 15%
    }
  }

  @media (max-width:640px) {
    p.shuka_text {
      margin-top: 10px;
      margin-bottom: 20px;
      text-align: center
    }

    .bt-more_bubt {
      background: #bea15d !important;
      color: #ab8f4c;
      display: inline-block;
      padding-top: 15px;
      padding-bottom: 15px;
      max-width: 240px
    }

    .bt_bubt {
      border: none;
      border-bottom: 2px solid #ab8f4c !important;
      border-radius: 5px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-weight: 700;
      line-height: 1.4;
      padding: 10px 15px;
      text-align: center;
      transition: 0.3s all ease-out;
      width: 100%
    }

    div#shuka {
      margin-top: 20px
    }

    .midashi_pk {
      background-color: #f2789a;
      padding: 5%;
      color: #fff;
      font-weight: 700;
      line-height: 1.4em;
      text-align: center
    }

    .midashi_pk {
      font-size: 120%
    }

    p.shuka_text {
      margin-top: 2%;
      margin-bottom: 2%;
      text-align: center
    }

    p.ribbon1 {
      text-align: center
    }

    .ribbon1 {
      display: inline-block;
      position: relative;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      text-align: center;
      padding: 0 30px;
      font-size: 130%;
      background: #bea15d;
      color: #FFF;
      box-sizing: border-box;
      font-weight: 700
    }

    .ribbon1:before {
      top: 0;
      left: 0;
      border-width: 15px 0 15px 10px;
      border-color: transparent transparent transparent #eeeeef;
      border-style: solid
    }

    .ribbon1:after {
      top: 0;
      right: 0;
      border-width: 15px 10px 15px 0;
      border-color: transparent #eeeeef transparent transparent;
      border-style: solid
    }

    .meritto {
      margin: 8% auto 5% auto;
      text-align: center
    }

    li.meritto_img {
      width: 25%
    }

    ul.meritto_ul {
      margin: 5%
    }

    ul.meritto_mini_ul {
      display: flex;
      margin: 3% auto;
      background-color: #fff;
      padding: 6%;
      border-radius: 10px
    }

    li.meritto_text {
      font-weight: 700;
      line-height: 1.5em;
      text-align: left;
      margin-top: 6%
    }

    .tejyun {
      background-color: #fff;
      padding-bottom: 10%
    }

    .tejyun2 {
      margin: 0 8% 0 8%
    }
  }

  .dokoyori_2 {
    background-color: #fff;
    padding-top: 4%;
    padding-bottom: 4%
  }

  .dokoyori_2 dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin: 1em;
    color: #616161
  }

  .dokoyori_2 dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #eee;
    padding: .5em .9em
  }

  .dokoyori_2 dl dd {
    padding: 1em;
    line-height: 1.4;
    color: #000
  }

  @media (min-width:641px) {
    .dokoyori_2 {
      width: 60%;
      margin: auto
    }

    div#dokoyori h1 {
      background: #504c4d;
      color: #fff;
      padding-top: 40px;
      padding-bottom: 40px;
      font-size: 35px;
      line-height: 1.3em;
      font-weight: 700;
      text-align: center
    }

    div#dokoyori h1:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 30px solid transparent;
      border-top: 20px solid #504c4d
    }

    .dokoyori_ac_agete {
      text-align: center;
      margin-top: 80px;
      margin-bottom: 80px
    }

    .fukidashi_midashi {
      background: #504c4d;
      color: #fff;
      padding-top: 30px;
      padding-bottom: 30px;
      font-size: 35px;
      line-height: 1.3em;
      font-weight: 700;
      text-align: center;
      width: 80%;
      margin: auto
    }

    .fukidashi_midashi:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 30px solid transparent;
      border-top: 20px solid #504c4d
    }

    .dokoyori_ac_3 {
      margin-top: 80px;
      text-align: center;
      margin-bottom: 80px
    }

    .dokoyori_ac_text {
      background: #ececec;
      font-size: 35px;
      font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
      font-weight: 700;
      color: #504c4d;
      padding: 35px;
      width: 60%;
      margin: auto;
      line-height: 1.5em
    }

    .dokoyori_brand {
      margin: 50px auto 50px auto;
      width: 80%;
      text-align: center
    }

    p.dokoyori_brand_p {
      font-size: 35px;
      line-height: 1.5em;
      color: #9e8c5d
    }

    .dokoyori_brand_text {
      background-color: #ececec;
      padding: 20px;
      width: 80%;
      margin: 10px auto 30px auto
    }
  }

  @media (max-width:640px) {
    div#dokoyori h1 {
      position: relative;
      display: inline-block;
      padding: 5%;
      width: 100%;
      max-width: 100%;
      color: #FFF;
      font-size: 16px;
      background: #504c4d;
      text-align: center;
      font-size: 150%;
      font-weight: 700;
      line-height: 150%
    }

    div#dokoyori h1:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;
      border-top: 15px solid #504c4d
    }

    .dokoyori_ac_agete {
      margin-top: 5%;
      margin-bottom: 5%
    }

    .fukidashi_midashi {
      position: relative;
      display: inline-block;
      margin: 1.5em 0;
      padding: 5%;
      width: 100%;
      max-width: 100%;
      color: #FFF;
      font-size: 16px;
      background: #504c4d;
      text-align: center;
      font-size: 150%;
      font-weight: 700;
      line-height: 150%
    }

    .fukidashi_midashi:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -15px;
      border: 15px solid transparent;
      border-top: 15px solid #504c4d
    }

    .dokoyori_ac_3 {
      margin-top: 5%;
      margin-bottom: 5%
    }

    .dokoyori_ac_text {
      background: #ececec;
      font-size: 150%;
      font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
      font-weight: 700;
      color: #504c4d;
      padding: 4%;
      margin: 3%;
      line-height: 1.5em;
      text-align: center
    }

    .dokoyori_brand {
      margin: 4%
    }

    p.dokoyori_brand_p {
      font-size: 150%;
      line-height: 1.5em;
      color: #9e8c5d;
      margin: 3%;
      font-weight: 700
    }

    .dokoyori_brand_text {
      background-color: #ececec;
      padding: 4%;
      font-size: 120%;
      line-height: 1.5em
    }

    p.hosho_midashi_line2 {
      text-align: center;
      font-size: 140%;
      line-height: 1.5em;
      margin-bottom: 40px
    }

    .line_midashi_ribbon {
      display: inline-block;
      position: relative;
      height: 50px;
      line-height: 50px;
      vertical-align: middle;
      text-align: center;
      padding: 0 30px;
      font-size: 120%;
      background: #dd7092;
      color: #FFF;
      box-sizing: border-box;
      font-weight: 700
    }
  }

  .kantan_line_text {
    text-align: center
  }

  p.kakakuhosho_bu_font {
    font-size: 24px;
    font-weight: 700
  }

  p.kakakuhosho_step_text {
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 150px
  }

  span.kakakuhosho_step_mi {
    font-size: 20px;
    margin-bottom: 10px
  }

  li.kakakuhosho_step_li {
    width: 300px;
    text-align: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 30px
  }

  span.kakakuhosho_step_mi {
    font-size: 20px;
    font-weight: 600
  }

  p.hosho2_f4 {
    font-size: 160%;
    font-weight: bolder;
    margin: 20px auto 20px auto;
    text-align: center
  }

  p.hosho2_f5 {
    font-size: 120%;
    line-height: 1.5em
  }

  .kakakuhosho_midashi_g5 {
    display: flex
  }

  p.kakakuhosho_midashi5 {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    text-align: left;
    z-index: 1
  }

  p.line_text11 {
    text-align: center;
    line-height: 1.5em;
    font-size: 150%;
    margin-top: 20px;
    margin-bottom: 20px
  }

  .line_tab_1 {
    border-bottom: 1px #bdbdbd solid;
    margin: 0 -1em;
    text-align: center;
    margin-bottom: 1.4em;
    border-radius: 0
  }

  .line_tab_1 li {
    font-size: 90%;
    display: inline-block;
    width: 47%;
    text-align: center
  }

  .line_tab_1 li a.active {
    background-color: #06c202;
    color: #fff
  }

  .line_tab_1 li a {
    color: rgba(0, 0, 0, .5);
    display: inline-block;
    line-height: 1.5em;
    width: 95%;
    font-weight: 700;
    background-color: #eee;
    padding-top: 10px;
    padding-bottom: 10px
  }

  p.font13_2 {
    font-size: 13px;
    line-height: 1.5em
  }

  ul.line_step_ul2 {
    display: flex;
    margin: 0 auto
  }

  li.line_step_li2 {
    padding-top: 20px;
    margin: 1%
  }

  .line_top_tex {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px
  }

  .line_hosho_tomodachi {
    width: 1000px;
    text-align: center
  }

  .kantan_line_text p {
    font-size: 180%;
    font-weight: 700;
    line-height: 1.8em;
    text-align: center;
    margin: 20px auto 20px auto
  }

  .line_midashi_ribbon {
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-size: 200%;
    background: #dd7092;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700
  }

  .line_midashi_ribbon:before,
  .line_midashi_ribbon:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .line_midashi_ribbon:before {
    top: 0;
    left: 0;
    border-width: 25px 0 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
  }

  .line_midashi_ribbon:after {
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  .hosho_midashi_line {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 40px
  }

  p.hosho_midashi_line2 {
    text-align: center;
    font-size: 180%;
    line-height: 1.5em;
    margin-bottom: 40px
  }

  .sp_hosho_imgwaku {
    text-align: center
  }

  .kantan_line_text img {
    max-width: 100%
  }

  .step2 ul.line_tab_1 li a.active {
    background-color: #06c202 !important
  }

  span.line_font70 {
    font-size: 70%
  }

  span.line_font80 {
    font-size: 80%
  }

  section.line_other_g {
    width: 100%;
    margin-top: 10%
  }

  @media (min-width:641px) {
    section.line_other_g {
      width: 1000px;
      margin-top: 10%
    }

    .mokuji3 {
      font-size: 35px;
      font-weight: 700;
      color: #fff;
      background-color: #4a3016;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px
    }

    .kakakuhosho_midashi_waku5 {
      background-color: #4a3016;
      width: 25%;
      padding: 2%;
      margin-bottom: 20px
    }

    li.triangle-topleft2 {
      width: 0;
      height: 0;
      border-top: 60px solid #4a3016;
      border-right: 60px solid transparent
    }

    ul.kakakuhosho_step_ul2 {
      width: 1000px;
      display: flex;
      flex-wrap: wrap;
      margin-left: 5%;
      margin-right: 5%
    }
  }

  @media (max-width:640px) {
    .mokuji3 {
      font-size: 180%;
      font-weight: 700;
      color: #fff;
      background-color: #4a3016;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 2%;
      padding-right: 2%;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 20px
    }

    .kakakuhosho_midashi_waku5 {
      background-color: #4a3016;
      width: 25%;
      padding: 10px 2% 10px 2%;
      margin-bottom: 20px
    }

    li.triangle-topleft2 {
      width: 50px;
      height: 0;
      border-top: 35px solid #4a3016;
      border-right: 35px solid transparent;
      z-index: 0
    }

    ul.kakakuhosho_step_ul2 {
      width: 100%;
      margin-left: 2%;
      margin-right: 2%;
      d
    }

    p.kakakuhosho_midashi5 {
      font-size: 120%;
      font-weight: 700;
      color: #fff;
      text-align: left;
      z-index: 1;
      width: 350px
    }

    ul.line_step_ul2 {
      margin: 0 auto
    }
  }

  .hoshochui_midashi.mokuji_pink {
    margin-bottom: 0
  }

  .hoshochui_area {
    border: solid 1px #dc7092;
    border-radius: 0 !important;
    border-top: none;
    padding: 20px
  }

  .hoshochui_area p {
    margin: 15px 0
  }

  h2.shop3_h2 {
    background-color: #000;
    color: #FFF !important;
    padding: 20px;
    margin-top: -1.5em
  }

  p.shop3_title {
    font-size: 30px !important;
    color: #000 !important;
    margin: 50px auto !important
  }

  p.shop3_title2 {
    font-size: 23px !important;
    line-height: 150%;
    color: #000 !important;
    margin-bottom: 20px !important
  }

  @media (max-width:639px) {
    p.shop3_title {
      font-size: 25px !important;
      margin: 30px auto !important
    }

    p.shop3_title2 {
      font-size: 18px !important;
      margin-bottom: 20px !important
    }
  }

  p.shop3_txt2 {
    line-height: 150%;
    padding-bottom: 30px
  }

  .shop3_contentwrapper {
    text-align: center;
    margin: 50px auto;
    border-top: solid 2px #efefef;
    padding-top: 50px
  }

  @media (max-width:639px) {
    .shop3_contentwrapper {
      padding-top: 30px;
      width: 94%;
      margin: auto
    }

    .shop3_contentwrapper:first-child {
      border-top: none;
      margin-top: 0
    }
  }

  .shop3_contentwrapper p.title2 {
    color: #000;
    margin-bottom: 20px
  }

  p.title_img {
    margin: 20px auto 40px
  }

  p.title_img img {
    max-width: 100%
  }

  @media (max-width:639px) {
    p.title_img img {
      max-width: 80%
    }
  }

  .shop3_contentwrapper p.txt3 {
    margin-bottom: 20px
  }

  .shop3_contentwrapper p.txt4 {
    font-size: 12px !important
  }

  @media (max-width:639px) {
    .shop3_contentwrapper p.txt4 {
      font-size: 10px !important
    }
  }

  .handred_brand {
    margin: 30px auto;
    padding: 20px;
    width: 640px;
    border: solid 1px #999
  }

  @media (max-width:639px) {
    .handred_brand {
      padding: 15px;
      width: 90%
    }

    .handred_brand .txt3 {
      font-size: 10px !important
    }
  }

  .handred_brand title2 {
    color: #999 !important
  }

  .handred_brand p.title2 {
    color: #616161;
    font-size: 20px !important
  }

  .shop3_contentwrapper.webcoupon {
    background-color: #efefef;
    padding: 10px
  }

  .shop3_contentwrapper.webcoupon p.title2 {
    padding: 20px 0 10px
  }

  .shop3_contentwrapper.webcoupon p.title_img img {
    max-width: 300px
  }

  .marb0 {
    margin-bottom: 0 !important
  }

  @media (max-width:700px) {
    ul.fr_menu {
      position: fixed;
      bottom: 0;
      display: flex;
      background-color: #FFF;
      height: 50px;
      width: 100%;
      opacity: .8;
      flex-wrap: wrap;
      z-index: 100000
    }

    li.fr_menu_li i {
      font-family: "FontAwesome";
      display: block;
      margin-bottom: 5px;
      font-size: 20px
    }

    li.fr_menu_li {
      text-align: center;
      width: 20%;
      border-right: solid 1px #8d8d8d
    }

    li.fr_menu_li a {
      width: 100%;
      display: block;
      padding-top: 10px;
      color: #000;
      font-size: 12px
    }
  }

  @media (min-width:701px) {
    ul.fr_menu {
      display: none !important
    }
  }

  ul.pushbr_content {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin: 0
  }

  ul.pushbr_content li {
    margin: 1%;
    padding: 0
  }

  ul.pushbr_content li a {
    display: block;
    width: 100%;
    border: solid 3px #efefef;
    border-radius: 10px
  }

  @media (max-width:949px) {
    ul.pushbr_content li a img {
      width: 110px
    }
  }

  @media (max-width:600px) {
    ul.pushbr_content li a img {
      width: 23vw
    }
  }

  @media (min-width:950px) {
    ul.pushbr_content li a img {
      width: 140px
    }
  }

  div#lvtoku {
    background: #FFF;
    padding-bottom: 20px
  }

  .load_gif {
    width: 100%;
    text-align: center
  }

  .load_gif img {
    max-width: 100%;
    width: 50px
  }

  @media (min-width:700px) {
    div#lvtoku_ji {
      max-width: 1000px;
      margin: 0 auto;
      display: flex;
      min-height: 500px
    }
  }

  section.ji_somenail {
    padding-bottom: 30px
  }

  ul.ji_somenail_ul {
    display: flex;
    flex-wrap: wrap
  }

  li.ji_somenail_li {
    width: 48%;
    display: inline-flex;
    margin: 1%
  }

  @media (min-width:640px) {
    li.ji_somenail_li {
      width: 31%
    }
  }

  @media (min-width:900px) {
    li.ji_somenail_li {
      width: 23%
    }
  }

  @media (min-width:700px) {
    .lvtoku_ji_cnt01 {
      width: 70%;
      margin-left: 30%
    }

    div#refineMenu {
      display: block !important;
      position: absolute !important;
      top: 0;
      width: 30% !important;
      max-height: 100% !important
    }

    .refineMenu_wrapper {
      padding: 0 !important
    }

    .panelBack {
      display: none
    }

    .refresh_button {
      font-size: 10px
    }

    .refineBt_area {
      display: none
    }
  }

  .ji_somenail_li_innner {
    padding: 5px;
    border: solid 1px #efefef;
    border-radius: 5px
  }

  .ji_conte01 {
    height: 150px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 10px
  }

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

  p.ji_itemname {
    line-height: 140%;
    font-size: 12px;
    margin-bottom: 7px;
    padding: 0 10px
  }

  .ji_price_wrapper {
    padding: 0 5px;
    text-align: center;
    font-size: 12px
  }

  p.ji_price01 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    padding: 10px;
    background: #c4a277;
    border-radius: 5px;
    color: #FFF
  }

  p.ji_price01 span {
    font-size: 18px
  }

  @media (max-width:400px) {
    p.ji_price01 span {
      display: block;
      margin-top: 5px
    }
  }

  span.pricefont {
    font-family: "Noto Serif", serif
  }

  p.ji_price02 span {
    font-size: 13px;
    font-weight: 700;
    color: #f74979
  }

  .ji_condicon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px
  }

  .ji_condicon_inner {
    position: absolute;
    top: 8px;
    left: 0;
    width: 40px;
    height: 32px;
    z-index: 10;
    text-align: center
  }

  .ji_somenail_li_innner_bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: solid 2px #efefef;
    opacity: .6
  }

  span.ji_condicon_txt1,
  span.ji_condicon_txt2 {
    display: block;
    font-size: 10px
  }

  span.ji_condicon_txt2 {
    font-size: 15px;
    margin-top: 1px
  }

  p.ji_price02 {
    margin-bottom: 2px
  }

  .ji_more_bt {
    text-align: center;
    margin: 10px auto;
    display: block
  }

  .ji_more_bt a {
    display: block;
    padding: 10px;
    border: solid 1px #c4a277;
    width: 50%;
    margin: 0 auto;
    border-radius: 8px;
    font-size: 18px;
    color: #c4a277
  }

  .ji_more_bt i.fa.fa-angle-down {
    position: absolute;
    right: 10px
  }

  ul.ji_catebt_ul {
    display: flex;
    flex-wrap: wrap
  }

  ul.ji_catebt_ul li {
    width: 23%;
    margin: 1%
  }

  ul.ji_catebt_ul li a {
    display: block;
    text-align: center;
    padding: 10px;
    border: solid 1px #c4a277;
    color: #c4a277;
    border-radius: 5px
  }

  ul.ji_catebt_ul li a:active,
  ul.ji_catebt_ul li a:hover,
  ul.ji_catebt_ul li a:focus {
    background-color: #c4a277;
    color: #FFF
  }

  .ref_bgbg {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: #000;
    display: block;
    z-index: 999999;
    top: 0;
    opacity: .5
  }

  div#refineMenu {
    position: fixed;
    z-index: 1000000;
    bottom: 0;
    width: 100%;
    background: #FFF;
    max-height: 40vh;
    overflow-y: scroll
  }

  .refineMenu_wrapper {
    padding: 1%
  }

  .panelH {
    z-index: 10001;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 1px;
    width: 100%;
    background: #fbfbfb
  }

  .panelBar {
    display: flex;
    width: 100%;
    height: 40px;
    position: relative
  }

  .panelBack {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    padding-left: 5px;
    z-index: 100
  }

  .panelTitle {
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-weight: 700
  }

  .searchRows {
    display: table;
    min-height: 40px;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #e9e9e9
  }

  .searchColumn.Column01 {
    display: table-cell;
    width: 25%;
    padding: 5px;
    vertical-align: middle;
    font-size: 12px;
    text-align: left
  }

  .searchColumn.Column02 {
    display: table-cell;
    width: 75%;
    vertical-align: middle;
    text-align: right;
    padding: 0 5px
  }

  .panelH.subH {
    padding: 5px 0;
    color: #333;
    text-align: left;
    text-indent: 1%
  }

  form#word_form {
    border: solid 1px #d8d8d8;
    border-radius: 5px;
    background-color: #fbfbfb
  }

  input#free_text {
    background: none;
    font-size: 14px;
    height: 30px;
    width: 100%;
    padding: 0 10px
  }

  p#category_1,
  p#pattern_1 {
    font-size: 12px
  }

  p#category_1 i.fa.fa-angle-right,
  p#pattern_1 i.fa.fa-angle-right {
    font-size: 20px;
    margin-left: 10px
  }

  .buttonWrapper {
    width: 97%;
    display: table;
    margin: 10px 1%;
    bottom: 0;
    background-color: #FFF
  }

  .refresh_button {
    display: table-cell;
    padding0 5px;
    vertical-align: middle;
    width: 30%
  }

  .refresh_button a {
    border: solid 1px #c4a277;
    border-radius: 3px;
    color: #c4a277;
    width: 90%;
    padding: 10px 5%;
    line-height: 140%;
    display: block;
    text-align: center
  }

  .search_button {
    width: 100%;
    display: table-cell
  }

  .search_button [type=button] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  .search_button input {
    width: 98%;
    display: inline-block;
    border: solid 1px #c4a277;
    background-color: #c4a277;
    border-radius: 3px;
    color: #FFF;
    padding: 10px;
    font-size: 14px;
    line-height: 140%;
    margin-left: 2%
  }

  ul.accordion {
    font-size: 16px;
    margin: 0 auto 30px;
    width: 100%
  }

  ul.accordion a {
    background-position: 97% center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #333;
    font-size: 90%
  }

  ul.accordion span {
    display: block;
    padding: 10px 10px;
    background-position: 97% center;
    background-repeat: no-repeat;
    color: #333;
    font-size: 12px
  }

  ul.accordion .one {
    display: block !important;
    padding: 10px !important;
    color: #333 !important;
    font-weight: bold !important;
    background: url(../img/sp/icon_left02.png) no-repeat 98% center !important;
    background-size: 15px auto !important
  }

  ul.accordion .one a {
    padding: 0 !important
  }

  ul.accordion div {
    display: none
  }

  ul.accordion>li>p {
    cursor: pointer;
    text-align: left;
    position: relative;
    border-bottom: solid 1px #e9e9e9
  }

  ul.accordion>li>p span:after {
    content: "〉";
    font-size: 10px;
    display: block;
    right: 7px;
    top: 40%;
    position: absolute
  }

  ul.accordion>li>.itemcat_lH span:after,
  ul.accordion>li>.itemcat_mH span:after {
    content: "▼"
  }

  ul.accordion>li>.itemcat_lH span.open:after,
  ul.accordion>li>.itemcat_mH span.open:after {
    content: "▲";
    font-size: 10px;
    display: block;
    right: 7px;
    top: 40%;
    position: absolute
  }

  ul.accordion>li>ul>li {
    background: #FFF;
    border-bottom: 1px solid #EEE
  }

  ul.accordion>li>ul>li>p {
    background: #FFF
  }

  ul.accordion>li>ul>li:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 30px;
    display: block;
    right: 7px;
    top: 40%;
    position: absolute
  }

  ul.accordion>li>ul>li>ul>li {
    background: #FFF;
    border-bottom: 1px dotted #888
  }

  ul.accordion>li>ul>li>ul>li:last-child {
    border: none
  }

  ul.accordion>li>p img {
    vertical-align: middle;
    max-width: 12%;
    border-radius: 50%;
    margin-right: 5px
  }

  ul.acContent {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  ul.acContent>li {
    width: 49%;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #e9e9e9
  }

  ul.acContent>li:nth-child(odd) {
    border-right: solid 1px #e9e9e9
  }

  ul.accordion.item_cat_sub {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  ul.accordion.item_cat_sub li {
    width: 50%
  }

  a.idw_btn {
    display: block;
    border: solid 1px #000;
    margin: 5px 3%;
    width: 88%;
    text-align: center;
    padding: 3%;
    line-height: 180%;
    color: #000;
    background-color: #FFF;
    position: relative;
    text-decoration: none
  }

  a.idw_btn:after {
    font-size: 12px;
    content: "〉";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3%
  }

  span.idw_btn_content {
    width: 90%;
    display: block
  }

  .refineBt_area {
    position: fixed;
    bottom: 60px;
    z-index: 10000;
    right: 10px;
    background-color: #000;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    opacity: .8
  }

  p.refineBt_p {
    top: 10px;
    text-align: center
  }

  span.refineBt_p_txt1 {
    display: block;
    font-size: 11px
  }

  span.refineBt_p_txt2 {
    display: block;
    font-size: 25px;
    font-weight: 700
  }

  p.refineBt_p a {
    width: 100%;
    display: block;
    text-align: center;
    color: #FFF
  }

  .drawr_category {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000000;
    background-color: #FFF;
    min-height: 40vh
  }

  .drawr_pattern {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000000;
    background-color: #FFF;
    min-height: 40vh
  }

  @media (min-width:700px) {
    div#lvtoku section.detail_kv {
      margin-bottom: 50px
    }

    .special_condition_01 img.md {
      max-width: 700px;
      margin: 0 auto
    }

    p.special_condition_02 img {
      max-width: 50% !important
    }

    p.special_point_h_img img {
      max-width: 60%
    }

    ul.special_point {
      width: 80%;
      margin: 50px auto;
      max-width: 700px
    }

    .special_point_h img {
      max-width: 100%
    }

    li.special_point_li {
      width: 100%
    }

    p.special_camp_h_img02 img {
      width: 500px
    }

    .special_camp_ex {
      width: 800px;
      max-width: 800px !important
    }

    .special_camp_ex>div {
      width: 23% !important
    }

    .special_camp_code {
      display: flex;
      width: 700px;
      margin: 0 auto
    }

    .special_camp_code_h {
      width: 50%;
      line-height: 50px;
      padding-bottom: 0
    }

    .special_camp_code_no {
      width: 50%;
      font-size: 30px !important
    }

    .special_entry_area {
      display: flex !important;
      flex-wrap: wrap
    }

    h2.special_entry_h {
      font-size: 25px !important
    }

    .special_entry_cont.special_entry01,
    .special_entry_cont.special_entry02 {
      width: 46%;
      margin: 0 2% !important;
      text-align: center
    }
  }

  p.special_cnt_a_01_txt {
    text-align: center;
    margin: 20px auto;
    line-height: 140%
  }

  .special_cnt_a_01_img {
    text-align: center;
    margin-bottom: 50px
  }

  .special_condition_01 {
    text-align: center
  }

  .special_condition_01 img.sm {
    max-height: 60vh;
    width: auto;
    max-width: 100%;
    margin: 0 auto
  }

  p.special_condition_02 {
    margin-top: 20px;
    margin-bottom: 50px;
    text-align: center
  }

  p.special_condition_02 img {
    max-width: 80%
  }

  .special_point_h_area {
    position: relative
  }

  p.special_h_img {
    margin-bottom: 30px;
    text-align: center
  }

  p.special_h_img img {
    max-width: 80%
  }

  .special_point_h {
    margin-bottom: 10px
  }

  p.special_point_h_img {
    text-align: center;
    margin-bottom: 50px
  }

  li.special_point_li {
    margin: 20px 0
  }

  .special_point_bg_img {
    position: absolute;
    top: 0
  }

  @media (max-width:640px) {
    p.special_point_h_img {
      width: 70%;
      margin-right: auto;
      margin-left: auto
    }
  }

  .special_point_txt {
    line-height: 140%
  }

  ul.special_point {
    margin-bottom: 50px
  }

  p.special_camp_h_img01,
  p.special_camp_h_img02 {
    text-align: center
  }

  p.special_camp_h_img01 img,
  p.special_camp_h_img02 img {
    max-width: 600px
  }

  .special_camp_ex {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto
  }

  .special_camp_ex>div {
    width: 48%;
    margin: 1%
  }

  .special_camp_ex>div img {
    max-width: 100%
  }

  p.special_camp_code_txt {
    text-align: center;
    margin: 20px auto;
    font-weight: 700
  }

  .special_camp_code {
    background-color: #f1e8df;
    padding: 10px;
    border-radius: 5px
  }

  .special_camp_code_h {
    text-align: center;
    font-weight: 700;
    padding-bottom: 7px
  }

  .special_camp_code_no {
    padding: 10px;
    background-color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700
  }

  p.special_camp_link {
    max-width: 500px;
    margin: 30px auto
  }

  p.special_camp_link a {
    display: block;
    width: 100%;
    border: solid 1px #000;
    color: #000;
    padding: 10px;
    text-align: center
  }

  p.special_camp_link i.fa.fa-angle-right {
    margin-left: 30px;
    display: inline-block;
    font-size: 20px
  }

  p.special_brand_mame {
    line-height: 140%;
    margin-bottom: 50px
  }

  .content-container.special_entry_wrapper {
    background-color: #efefef;
    padding: 30px 20px;
    margin-bottom: 30px;
    width: 94%;
    display: block
  }

  h2.special_entry_h {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
  }

  .special_entry_cont.special_entry01 {
    margin: 20px 0
  }

  .special_entry_area {
    display: block;
    width: 100%
  }

  .special_entry_cont p {
    font-size: 13px;
    text-align: center;
    margin-bottom: 5px
  }

  .special_entry_cont.special_entry02 a {
    margin: 10px 0;
    display: block
  }

  h2.special_entry_h span {
    background-color: #cbaf84;
    color: #FFF;
    padding: 2px;
    margin-right: 5px
  }

  .special_bn {
    text-align: center
  }

  .special_bn img {
    max-width: 100%
  }

  .lv_camp {
    background-color: #fff;
    padding-top: 4%;
    padding-bottom: 4%;
    margin: auto;
    max-width: 900px
  }

  .lv_camp dl {
    border: 1px #c9b264 solid;
    border-radius: 4px;
    margin: 1em;
    color: #4b3c0f
  }

  .lv_camp dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 1.5;
    background-color: #c7b264;
    padding: .5em .9em
  }

  .lv_camp dl dd {
    padding: 1em;
    line-height: 1.4;
    color: #000
  }

  section.shucchou_area {
    text-align: center;
    margin: 20px auto;
    padding: 20px
  }

  p.visit_area1 {
    margin-bottom: 30px
  }

  .shucchou_area dl {
    width: 90%;
    max-width: 500px;
    margin: 50px auto;
    border: solid 1px #efefef;
    border-radius: 5px
  }

  .shucchou_area dt {
    height: 40px;
    border-bottom: solid 1px #c5c5c5;
    line-height: 40px;
    background-color: #efefef
  }

  .shucchou_area dd {
    padding: 5%;
    line-height: 150%
  }

  .shucchou_area dd span {
    font-size: 70%;
    display: block;
    margin-top: 10px;
    line-height: 150%
  }

  ul.telmemo {
    width: 90%;
    max-width: 500px;
    border: solid 1px #efefef;
    padding: 10px;
    margin: 10px auto;
    border-radius: 5px;
    background-color: #fffaf2
  }

  ul.telmemo li {
    margin: 5px;
    border-bottom: dotted 1px #e8e7e7;
    padding-bottom: 3px
  }

  @media (min-width:641px) {
    .linelink {
      background-color: #FFF;
      padding: 3%;
      margin: 0 auto;
      max-width: 1000px;
      padding: 0 !important;
      text-align: center
    }

    .linelink img {
      max-width: 100%;
      width: auto
    }
  }

  @media (max-width:640px) {
    p.linelink_02_h img {
      max-width: 80%;
      margin: 0 auto;
      display: block;
      padding-top: 10px
    }
  }

  p.linelink_02_h {
    background-color: #ebebeb
  }

  ul.linelink_02_content {
    background-color: #ebebeb;
    margin-bottom: 50px
  }

  ul.linelink_02_content li {
    background-color: #FFF;
    padding: 10px;
    border-radius: 10px
  }

  .linelink {
    background-color: #FFF;
    padding: 3%;
    margin: 0 auto
  }

  .linelink p.font25 {
    margin: 10px;
    line-height: 150%
  }

  ul.linelink_02_content {
    padding: 2%
  }

  ul.linelink_02_content li {
    margin: 10px 0
  }

  p.linelink_02_txt img {
    max-width: 100%
  }

  p.linelink_02_img img {
    max-width: 80%;
    margin: 10px auto;
    display: block;
    width: auto
  }

  p.linelink_03 {
    margin-bottom: 50px
  }

  ul.web_free_content_ul {
    display: flex;
    margin: auto
  }

  p.kanketsu {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #bfa178
  }

  p.kanketsu2 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #bfa178
  }

  p.web_Free_img {
    text-align: center
  }

  p.web_free_mokuji {
    background-color: #5c5c5c;
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px
  }

  .web_free_content_ul img {
    width: auto !important;
    border-radius: 100%;
    margin-bottom: 4%;
    max-width: 100% !important
  }

  .web_free_content_ul li {
    width: 100%;
    margin: 0 20px 0 20px
  }

  .web_free_content_ul p {
    text-align: center;
    line-height: 1.5em;
    font-size: 89%
  }

  p.web_free_fpk {
    font-size: 20px;
    color: #eb739a;
    font-weight: 700
  }

  .web_free_ribbon {
    display: inline-block;
    position: relative;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    padding: 0 40px;
    font-size: 170%;
    background: #f2789a;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700;
    width: 920px;
    margin-bottom: 1%
  }

  .web_free_ribbon:before,
  .web_free_ribbon:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .web_free_ribbon:before {
    top: 0;
    left: 0;
    border-width: 35px 0 35px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
  }

  .web_free_ribbon:after {
    top: 0;
    right: 0;
    border-width: 35px 15px 35px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  span.maru {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    background: #fff;
    font-size: 24px;
    margin-left: 20px;
    color: #f2789a;
    padding: 1% 2% 1% 2%;
    margin-right: 1%
  }

  p.no4_text {
    font-size: 120%;
    font-weight: 700;
    padding-top: 2%;
    padding-bottom: 3%
  }

  .web_free_pa {
    padding-top: 3%;
    padding-bottom: 3%
  }

  h3.howto_pinku10 {
    font-weight: 700;
    color: #f2779a;
    margin-bottom: 10px
  }

  @media (max-width:640px) {
    p.kanketsu {
      font-size: 130%
    }

    p.kanketsu2 {
      font-size: 100%
    }

    p.web_free_mokuji {
      font-size: 100%
    }

    .web_free_content_ul {
      flex-wrap: wrap;
      width: 100%
    }

    .web_free_content_ul li {
      width: 46%;
      margin: 2% auto 2% auto
    }

    .web_free_content_ul li p {
      font-size: 80%
    }

    p.web_free_fpk {
      font-size: 100%
    }

    .web_free_ribbon {
      width: 100%;
      font-size: 95%;
      text-align: left !important;
      padding: 0;
      height: 50px;
      line-height: 50px
    }

    .web_free_ribbon:before {
      top: 0;
      left: 0;
      border-width: 25px 0 25px 10px;
      border-color: transparent transparent transparent #fff;
      border-style: solid
    }

    .web_free_ribbon:after {
      top: 0;
      right: 0;
      border-width: 25px 10px 25px 0;
      border-color: transparent #fff transparent transparent;
      border-style: solid
    }

    span.maru {
      text-align: left !important;
      padding: 1% 3% 1% 3%;
      font-size: 120%
    }

    p.no4_text {
      font-size: 100%;
      line-height: 1.3em
    }
  }

  .diary table {
    width: 800px;
    margin: auto
  }

  tr.diary_midashi {
    background-color: #eb729a;
    color: #fff;
    font-weight: 700
  }

  .diary_midashi td {
    padding: 8px;
    border: solid 1px;
    border-color: darkgray;
    text-align: center
  }

  .diary_maru td {
    border-color: darkgray;
    border: 1px;
    border: solid 1px;
    padding: 10px;
    text-align: center
  }

  @media (max-width:640px) {
    section.home_screen_sm {
      padding-bottom: 10%;
      margin-left: 2%;
      margin-right: 2%
    }

    .diary table {
      width: 96%;
      margin: auto
    }

    .diary_midashi td {
      padding: 2%;
      border: solid 1px;
      border-color: darkgray;
      line-height: 1.5em;
      font-size: 60%
    }
  }

  div#home_screen h2 {
    position: relative;
    padding: 1em;
    color: #fff;
    font-weight: 700;
    background-color: #c4a277;
    font-size: 150%;
    text-align: center
  }

  div#home_screen h2:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #c4a277;
    width: 0;
    height: 0
  }

  p.home_screen_p {
    font-size: 130%;
    font-weight: 700;
    line-height: 2em;
    width: 1000px;
    text-align: center;
    margin: auto
  }

  section.home_screen_img {
    margin: 5%;
    text-align: center
  }

  .home_screen_point {
    width: 20%;
    margin: auto
  }

  .home_screen_point p {
    font-size: 130%;
    font-weight: 700;
    background-color: #c4a277;
    color: #fff;
    padding: 4%;
    border-radius: 50px;
    text-align: center;
    margin: 5%
  }

  section.home_screen_top2 {
    display: flex;
    justify-content: center;
    margin-top: 3%;
    margin-bottom: 5%
  }

  .home_screen_bot_a {
    margin: auto
  }

  .home_screen_bot_a {
    margin-left: 2%;
    margin-right: 2%
  }

  .btn-animation-02 {
    display: inline-block;
    max-width: 250px;
    text-align: left;
    border: 2px solid #504c4d;
    font-size: 130%;
    color: #504c4d;
    text-decoration: none;
    font-weight: 700;
    padding: 30px 35px;
    border-radius: 4px;
    transition: .4s
  }

  .btn-animation-02:hover {
    background-color: #504c4d;
    border-color: #504c4d;
    color: #FFF
  }

  .btn-animation-03 {
    display: inline-block;
    max-width: 250px;
    text-align: left;
    border: 2px solid #504c4d;
    font-size: 130%;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 30px 35px;
    border-radius: 4px;
    transition: .4s;
    background-color: #504c4d
  }

  .btn-animation-03:hover {
    background-color: #fff;
    border-color: #fff;
    color: #504c4d;
    border: 2px solid #504c4d
  }

  div#home_screen_step {
    margin-top: 5%;
    margin-bottom: 3%;
    width: 60%;
    margin-left: auto;
    margin-right: auto
  }

  div#home_screen_step .tentouSimu h3 span {
    color: #fff;
    background: #f2779a;
    border-radius: 100%;
    font-size: 1.6em;
    margin-right: .3em;
    padding: .1em .3em;
    vertical-align: middle
  }

  div#home_screen_step .tentouSimu h3 {
    margin-top: 6%;
    margin-bottom: 5%
  }

  div#home_screen_step .tentouSimu ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  div#home_screen_step .tentouSimu ol li {
    text-align: center;
    width: 48%
  }

  p.hs_step_txt {
    margin-top: 2%;
    width: 50%;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto
  }

  .home_screen_container .btn-push {
    display: inline-block;
    max-width: 300px;
    text-align: left;
    background-color: #f2769a;
    font-size: 130%;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
    padding: 30px 40px;
    border-radius: 50px;
    border-bottom: 4px solid #b35772
  }

  .home_screen_container .btn-push:active {
    transform: translateY(4px);
    border-bottom: none
  }

  .home_screen_container {
    text-align: center;
    margin: 8%
  }

  @media (max-width:700px) {
    section.home_screen_sm {
      padding-bottom: 10%;
      margin-left: 2%;
      margin-right: 2%
    }

    div#home_screen h2 {
      font-size: 130%
    }

    p.home_screen_p {
      width: 90%;
      font-size: 120%;
      line-height: 1.5em
    }

    .home_screen_point {
      width: 60%
    }

    .home_screen_bot_a {
      width: 45%;
      text-align: center
    }

    div#home_screen h2:after {
      left: 45%
    }

    .btn-animation-02,
    .btn-animation-03 {
      width: 100%;
      text-align: center;
      padding: 10% 0
    }

    .home_screen_container {
      margin: 5% 0
    }

    .btn-animation-02 {
      display: inline-block;
      width: 100%;
      text-align: center;
      border: 2px solid #504c4d;
      font-size: 130%;
      color: #504c4d;
      text-decoration: none;
      font-weight: 700;
      padding: 10%;
      border-radius: 4px;
      transition: .4s
    }

    .btn-animation-03 {
      display: inline-block;
      width: 100%;
      text-align: left;
      border: 2px solid #504c4d;
      font-size: 130%;
      color: #fff;
      text-decoration: none;
      font-weight: 700;
      padding: 10%;
      border-radius: 4px;
      transition: .4s;
      background-color: #504c4d
    }

    div#home_screen_step .tentouSimu ol {
      display: block !important
    }

    div#home_screen_step .tentouSimu ol li {
      width: auto
    }

    div#home_screen_step .tentouSimu h3 span {
      font-size: 25px !important
    }

    div#home_screen_step .tentouSimu h3 {
      margin-top: 15% !important
    }

    p.hs_step_txt {
      width: 100% !important;
      margin-top: 5% !important
    }

    .home_screen_container .btn-push {
      display: inline-block;
      width: 100%;
      padding: 10% 5%;
      text-align: center
    }

    .home_screen_step_a .tentouSimu img {
      width: auto
    }
  }

  .detail_kv .img img.sm {
    max-width: 100%;
    height: auto
  }

  @media (max-width:700px) {
    .detail_kv {
      min-height: auto
    }
  }

  .youtube {
    aspect-ratio: 16 / 9;
    width: 100%
  }

  @media screen and (min-width:540px) {
    .youtube {
      width: 80%
    }
  }

  @media screen and (min-width:840px) {
    .youtube {
      width: 50%
    }
  }

  .youtube iframe {
    width: 100%;
    height: 100%
  }
}
}

nobdTitle>h1 span {
  font-size: 71%;
  display: block
}

div.nobdTitle>h2 {
  color: #9e9e9e;
  font-family: "Noto Serif"
}

div.dwArrow {
  text-align: center;
  margin-bottom: 1em
}

div.dwArrow>img {
  width: 6.8%
}

div.next {
  text-align: center;
  font-size: 2.18em;
  color: #bdbdbd
}

ul.marked li {
  line-height: 1.4;
  color: #616161;
  position: relative;
  padding-left: 1em;
  margin: .5em 0
}

ul.marked li:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .4em;
  height: .4em;
  background-color: #616161;
  border-radius: 100%;
  margin-top: .4em
}

div.alert>h1 {
  background-color: #f44336
}

div.alert>div {
  background-color: #feeceb;
  font-size: .909em;
  line-height: 1.6
}

div.linkMenuDown>ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 1em 0;
  margin: 1em 0
}

div.linkMenuDown>ul li {
  display: table-cell;
  vertical-align: middle;
  border: 1px #f2799a solid;
  border-radius: 4px;
  padding: .5em 0
}

div.linkMenuDown>ul li a {
  text-align: center;
  line-height: 1.2;
  position: relative;
  display: block
}

div.linkMenuDown>ul li a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  -khtml-opacity: .75;
  opacity: .75
}

div.linkMenuDown>ul li a:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 1.4em;
  font-weight: 400;
  position: absolute;
  right: .5em;
  top: 50%;
  margin-top: -.5em
}

.upFukidashi,
#hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
  margin: .344em;
  background-color: #fdebf0;
  padding: .67em;
  border-radius: 2px;
  position: relative
}

.upFukidashi:before,
#hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 7%;
  border-width: 0 .5em .5em .5em;
  border-color: transparent transparent #fdebf0 transparent;
  top: -.3em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 7%
}

#hajimete section#sct1 div.main div.point3 div img {
  padding: 10px 20px
}

.layout01 {
  display: table;
  width: 100%
}

.layout01>* {
  display: table-cell;
  vertical-align: top
}

.layout01>*:first-child {
  width: 0%
}

.layout01>*:last-child {
  padding-left: 0em
}

.layout01>*>h1 {
  font-size: 1.182em;
  line-height: 1.38;
  font-weight: 700;
  margin-bottom: .5em
}

.layout01>*>p {
  line-height: 1.45
}

.font13 {
  font-size: 13px
}

.font18 {
  font-size: 18px !important
}

.w100 {
  width: 100% !important
}

#areaDetail section p,
#areaDetail section div,
#areaDetail section ul,
#areaDetail section dl {
  border-radius: 4px
}

#areaDetail section.title {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 3.81;
  background-color: #fff
}

#areaDetail section.main {
  margin: 2%;
  background-color: #fff
}

#areaDetail section.main h2 {
  padding: 1em 0 .8em;
  margin-bottom: .5em
}

#areaDetail section.main h2>img {
  width: 85%;
  position: relative;
  left: 4%
}

#areaDetail section.main p {
  text-align: center;
  font-size: 1.09em;
  line-height: 1.5
}

#areaDetail section.main p img {
  padding: 1em 3% .8em 1%
}

#areaDetail section.main>div>img {
  padding: 1em
}

#areaDetail section.main .text-center .sengen {
  border: 1px solid #F2799A;
  border-radius: 10px;
  width: 95%;
  background-color: #F2799A;
  margin: 0 auto
}

#areaDetail section.main .text-center .sengen p.txt {
  font-size: 18px;
  padding: 0 0 0;
  background-color: #fff;
  width: 95%;
  margin-left: 13px;
  margin-top: 13px
}

#areaDetail section.main .text-center .sengen p.txtb {
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  color: #FFF;
  padding: 0 0 10px
}

#areaDetail section.main .text-center .sengen p.txt-large {
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  color: #FFF;
  margin-top: 10px;
  letter-spacing: 10px
}

#interviewPg section p,
#interviewPg section div,
#interviewPg section ul,
#interviewPg section dl {
  border-radius: 4px
}

#interviewPg section.main {
  margin: 2%;
  padding: 1em 1em .1em
}

#interviewPg section.main div.title {
  padding: 1em
}

#interviewPg section.main div.title h2 {
  background-color: #d0b592;
  display: inline-block;
  font-size: 1.436em;
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  padding: 0 1em
}

#interviewPg section.main div.title h1 {
  font-size: 2.376em;
  font-weight: 700;
  color: #616161;
  line-height: 2
}

#interviewPg section.main div.title .top_right {
  float: right
}

#interviewPg section.main div.title p {
  font-size: 1.09em;
  line-height: 1.5;
  color: #616161
}

#interviewPg .bdTitle h1 {
  color: #616161
}

#interviewPg .Q {
  margin-bottom: 1em;
  border: 1.5px #000 solid;
  border-radius: 10px;
  padding: 1.25em;
  background-image: url(../img/common/bg.png);
  background-size: 100%;
  background-repeat: repeat;
  position: relative
}

#interviewPg .Q>p {
  line-height: 1.5;
  margin-left: 2.5em
}

#interviewPg .Q:before {
  content: "Q";
  font-size: 3.45em;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  left: .2em;
  color: #f2799a
}

#interviewPg .A_A,
#interviewPg .A_B,
#interviewPg .A_staff {
  font-size: 1.09em;
  position: relative;
  background-color: #f0f0f0;
  padding: .8em 1.5em 2.8em;
  border-radius: .8em;
  margin-bottom: 3em
}

#interviewPg .A_A>h1,
#interviewPg .A_B>h1 {
  font-weight: 700;
  color: #21181b;
  line-height: 2
}

#interviewPg .A_A>p,
#interviewPg .A_B>p {
  line-height: 1.5
}

#interviewPg .A_A>p>span,
#interviewPg .A_B>p>span {
  color: #f2799a
}

#interviewPg .A_A:before {
  content: "";
  background-image: url(../img/interview/customer_a.png);
  width: 3.3em;
  height: 5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2.2em;
  right: 1em
}

#interviewPg .A_A:after {
  content: "";
  background-image: url(../img/interview/fukidashi_right_btm.png);
  width: 2em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -.8em;
  right: 4.8em
}

#interviewPg .A_B:after {
  content: "";
  background-image: url(../img/interview/fukidashi_left_btm.png);
  width: 2em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -.8em;
  left: 4.8em
}

#interviewPg .A_B:before {
  content: "";
  background-image: url(../img/interview/customer_b.png);
  width: 3.3em;
  height: 5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2.2em;
  left: 1.5em
}

#interviewPg .A_staff {
  line-height: 1.5;
  margin-left: 4.5em;
  padding: 1em
}

#interviewPg .A_staff>h1 {
  color: #616161
}

#interviewPg .A_staff>p {
  color: #3e3e3e
}

#interviewPg .A_staff:before {
  content: "";
  background-image: url(../img/interview/staff.png);
  width: 3.34em;
  height: 3.34em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 2em;
  left: -4.5em
}

#interviewPg .A_staff:after {
  content: "";
  background-image: url(../img/interview/fukidashi_left_mid.png);
  width: 1.5em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 57%;
  left: -1.2em
}

#tuyomi {
  margin-bottom: -.8em
}

#tuyomi section p,
#tuyomi section div,
#tuyomi section ul,
#tuyomi section dl {
  border-radius: 4px
}

#tuyomi .title {
  text-align: center;
  font-size: 1.182em;
  padding-top: 1em;
  font-weight: 700
}

#tuyomi .title img {
  width: 82%;
  padding: .8em 0
}

#tuyomi .sign {
  background: none;
  text-align: center;
  padding: 1em 0 0
}

#tuyomi .sign>img {
  width: 70%
}

#tuyomi .sign>p {
  line-height: 1.4;
  font-weight: 700
}

#tuyomi .main {
  margin: 4% 2%
}

#tuyomi .main .main_head {
  text-align: center;
  background-image: url(../img/common/bg.png);
  background-size: 100%;
  background-repeat: repeat;
  position: relative
}

#tuyomi .main .main_head h1 {
  font-size: 1.36em;
  line-height: 1.4;
  padding-top: 1.2em;
  padding-bottom: .8em
}

#tuyomi .main .main_head h1 span {
  font-size: 1.41em;
  color: #f2799a;
  font-weight: 700
}

#tuyomi .main .main_head>img {
  padding: 0 1em .8em
}

#tuyomi .main .content {
  padding: 1em 1em .1em
}

#tuyomi .main .content .mBox {
  margin-bottom: 1.2em
}

#tuyomi .main .content .mBox>h1 {
  font-size: 1.727em;
  line-height: 1.8em;
  color: #fff
}

#tuyomi .main .content .mBox>h1.adv {
  background-color: #f2799a
}

#tuyomi .main .content .mBox>h1.weak {
  background-color: #616161
}

#tuyomi .main .content .mBox>h2 {
  font-size: 1.454em;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: .5em 0;
  border-bottom: 1px #eee solid
}

#tuyomi .main .content .mBox>h2.adv {
  color: #f2799a
}

#tuyomi .main .content .mBox>h2.weak {
  color: #333
}

#tuyomi .main .content .mBox li {
  border-bottom: 1px #e0e0e0 solid
}

#tuyomi .main .content .mBox li:last-child {
  border: none
}

#tuyomi .main .content .mBox li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0
}

#tuyomi .main .content .mBox li>div {
  padding: .8em
}

#tuyomi .main .content .mBox li>div:first-child {
  float: left;
  height: 7.27em;
  display: inline-block;
  width: 7.27em
}

#tuyomi .main:last-of-type .content .mBox:last-of-type li>div:first-child {
  display: none
}

#tuyomi .main .content .mBox li>div>h1 {
  font-size: 1.182em;
  font-weight: 700;
  margin-bottom: .5em;
  position: relative
}

#tuyomi .main .content .mBox li>div>h1:before {
  color: #fff;
  font-size: .69em;
  padding: 0 .2em;
  line-height: 1.4;
  border-radius: .2em;
  font-weight: 400;
  position: relative;
  top: -.1em
}

#tuyomi .main .content .mBox li>div>h1.f:before {
  content: "Lady's";
  background-color: #f2799a
}

#tuyomi .main .content .mBox li>div>h1.m:before {
  content: "Men's";
  background-color: #75a3c1
}

#tuyomi .main .content .mBox li>div>p {
  font-size: .909em;
  line-height: 1.4
}

#tuyomi .main .content .mBox li>div:first-child {
  width: 160px;
  height: auto
}

#tuyomi .main .content .mBox li>div:first-child img {
  width: 100%;
  height: auto
}

#aoba section p,
#aoba section div,
#aoba section ul,
#aoba section dl {
  border-radius: 4px
}

#aoba section.top {
  position: relative;
  background: none
}

#aoba section.top>h1 {
  text-align: center;
  font-weight: 700;
  font-size: 1.909em;
  width: 100%;
  position: absolute;
  top: 1em;
  left: 0
}

#aoba section.top>div {
  text-align: center;
  padding: 1.5em 0em 0;
  background-color: #fff;
  margin-bottom: 1.5em
}

#aoba section.top>div>h2 {
  font-size: .909em;
  margin-bottom: .6em;
  color: #f2799a;
  font-weight: 700
}

#aoba section.top>div>h1 {
  font-size: 1.636em;
  font-weight: 700;
  color: #f2799a;
  margin-bottom: .4em
}

#aoba section.top>div>p {
  font-size: .909em;
  font-weight: 700;
  color: #616161;
  margin-bottom: 1em
}

#aoba section.top>div>h3 {
  font-size: 1.636em;
  color: #fff;
  background-color: #f2799a;
  line-height: 1.5em;
  font-family: "Noto Serif"
}

#aoba section.top>div>h3>i {
  width: 2em;
  height: 2em;
  font-size: .5em;
  vertical-align: middle;
  line-height: 2em;
  background-color: #fff;
  color: #f2799a;
  border-radius: 50%;
  margin-right: .5em;
  margin-top: -.2em
}

#aoba section.top>div>h3 img {
  height: 1em
}

#aoba section.main {
  background: none;
  margin: 2%;
  color: #616161
}

#aoba section.main>h1 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin-bottom: .5em
}

#aoba section.main>h2 {
  color: #9e9e9e;
  text-align: center;
  margin-bottom: .5em;
  font-family: Noto Serif
}

#aoba section.main .content {
  padding: 1em;
  background-color: #fff
}

#aoba section.main .content>h1 {
  font-size: 1.09em;
  font-weight: 700;
  margin: 1em 1em 1.2em
}

#aoba section.main .content>h1 span {
  color: #f2799a;
  font-weight: 400
}

#aoba section.main .content>p {
  margin: 1em
}

#aoba section.main .content>dl {
  border: 1px #ccc solid;
  margin-bottom: 1em
}

#aoba section.main .content>dl>h1 {
  font-size: .909em;
  margin: 1em;
  line-height: 1.4
}

#aoba section.main .content>dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.5;
  background-color: #eee;
  padding: 0 .9em
}

#aoba section.main .content>dl dd {
  padding: 1em 1em 2.4em;
  line-height: 1.4
}

#aoba section.main .content>dl dd.tel {
  font-family: "Noto Serif";
  font-weight: 700
}

#aoba section.main .content>dl dd.map p {
  margin-top: 1em
}

#yoritakaku section p,
#yoritakaku section div,
#yoritakaku section ul,
#yoritakaku section dl {
  border-radius: 4px
}

#yoritakaku section.main {
  line-height: 1.4
}

#yoritakaku section.main>p {
  line-height: 1.6
}

#yoritakaku section.title {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 3.81;
  background-color: #fff
}

#yoritakaku section.top {
  padding: 1em 2%;
  background: none
}

#yoritakaku section.top img {
  padding: 0 1em 1em
}

#yoritakaku section.top ul {
  background-color: #fff
}

#yoritakaku section.top ul li {
  border: 1px #e0e0e0 solid;
  margin-bottom: -1px
}

#yoritakaku section.top ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

#yoritakaku section.top ul li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

#yoritakaku section.top ul li a {
  display: block;
  color: #616161;
  padding: 0 1em;
  position: relative
}

#yoritakaku section.top ul li a:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 1.818em;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: .5em;
  color: #f2799a;
  margin-top: -.5em
}

#yoritakaku section.top ul li a p {
  display: inline-block;
  font-size: .909em;
  color: #fff;
  background-color: #f2799a;
  line-height: 1.6;
  width: 5em;
  border-radius: 3em;
  vertical-align: middle;
  text-align: center
}

#yoritakaku section.top ul li a h1 {
  display: inline-block;
  font-size: 1.182em;
  vertical-align: middle;
  font-weight: 700;
  margin-left: .8em;
  line-height: 3.1
}

#yoritakaku section.main {
  padding: 1em;
  color: #616161;
  margin: 1.4em 2%
}

#yoritakaku section.main h2 {
  text-align: center;
  color: #fff;
  background-color: #f2799a;
  font-size: 1.182em;
  line-height: 1.5;
  border-radius: 3em;
  width: 5em;
  margin: .7em auto
}

#yoritakaku section.main>h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  margin-bottom: .7em
}

#yoritakaku section.main>p {
  margin-bottom: 1em
}

#yoritakaku section.main p span {
  color: #dc4365
}

#yoritakaku section.main p.sub {
  font-weight: 700;
  padding: 1em;
  background-color: #eee;
  border-radius: 2px;
  margin-bottom: 1em
}

#yoritakaku section.main div.mBox>h1 {
  color: #fff;
  background-color: #f2799a;
  font-size: 1.273em;
  line-height: 1.4;
  padding: .4em 0
}

#yoritakaku section.main div.mBox>div {
  display: table;
  width: 100%;
  padding: .5em
}

#yoritakaku section.main div.mBox>div>div {
  display: table-cell;
  vertical-align: top;
  padding: .5em
}

#yoritakaku section.main div.mBox>div>div>img {
  width: 6.82em
}

#yoritakaku section.main div.mBox div>div>h1 {
  font-weight: 700;
  font-size: 1.09em;
  color: #f2799a;
  margin-bottom: .7em
}

#yoritakaku section.main div.mBox div>div>p {
  font-size: .909em
}

#yoritakaku section#sct1>div {
  margin-bottom: 1.8em
}

#yoritakaku section#sct1 div.mBox:last-child {
  margin-bottom: 0
}

#yoritakaku section#sct2 div.mBox dl dt {
  padding: 1em
}

#yoritakaku section#sct2 div.mBox dl dt h1 {
  font-size: 1.363em;
  font-weight: 700;
  margin-bottom: .5em;
  color: #616161
}

#yoritakaku section#sct2 div.mBox dl dt h1:before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  background-image: url(../img/yoritakaku/check.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em
}

#yoritakaku section#sct2 div.mBox dl dt p {
  font-size: .909em
}

#yoritakaku section#sct2 div.mBox dl dd {
  padding: 1em;
  background-color: #eee
}

#yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox) {
  display: table;
  width: 100%;
  margin-bottom: 1em
}

#yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox)>* {
  display: table-cell;
  vertical-align: top
}

#yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox)>div {
  width: 6.818em
}

#yoritakaku section#sct2 div.mBox dl dd>div img {
  width: 6.818em
}

#yoritakaku section#sct2 div.mBox dd>div img.above {
  margin-top: -.5em
}

#yoritakaku section#sct2 div.mBox dl dd>div p {
  font-size: .909em;
  padding-left: 1em
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox h1 {
  font-size: 1.09em;
  background-color: #616161
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox ul {
  background-color: #fff
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox ul li {
  font-weight: 700;
  padding: 1em 1em 1em 2.5em;
  border-bottom: 1px #ccc solid;
  font-size: 1.09em;
  position: relative
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox ul li:last-child {
  border: none
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox ul li:before {
  content: "\f05e";
  font-family: FontAwesome;
  font-size: 1.4em;
  color: #ffc107;
  font-weight: 400;
  position: absolute;
  top: .5em;
  left: .5em
}

#yoritakaku section#sct3 ul {
  background-color: #eee;
  padding: .5em
}

#yoritakaku section#sct3 ul li {
  float: left;
  width: 33%;
  padding: .3em
}

#yoritakaku section#sct4 {
  padding: 1em 0 0;
  margin-bottom: 2em
}

#yoritakaku section#sct4 p {
  padding: 1em
}

#yoritakaku section#sct5 p.sub {
  text-align: center;
  color: #dc4365;
  font-size: 1.182em;
  padding: .5em .5em
}

#yoritakaku section#sct5 p.sub img {
  margin: 1em 0;
  display: block
}

#sct2>div {
  margin-bottom: 1em
}

#sct2>div:last-child {
  margin-bottom: 0
}

@media screen and (max-width:480px) {
  #yoritakaku section.top ul li a {
    padding-left: 15px;
    padding-right: 15px
  }

  #yoritakaku section.top ul li a p {
    border-radius: 12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 70px;
    line-height: 24px
  }

  #yoritakaku section.top ul li a h1 {
    line-height: 1.4;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 80px;
    padding-right: 40px
  }
}

#takuhai section p,
#takuhai section div,
#takuhai section ul,
#takuhai section dl {
  border-radius: 4px
}

#takuhai>.title {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 3.81;
  background-color: #fff
}

#takuhai .base {
  margin: 2%;
  border: 2px #d0b592 solid;
  background-color: #f8f4ef;
  color: #616161;
  border-radius: 4px
}

#takuhai .top {
  background: none;
  padding: 0 1em;
  margin-bottom: 1em
}

#takuhai .top .title {
  width: 90%;
  margin: 1.5em auto
}

#takuhai .top p {
  font-size: 1.273em;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em
}

#takuhai .top .kit {
  text-align: center
}

#takuhai .top .kit>img {
  width: 45%
}

#takuhai .top .kit>div>div {
  max-width: 580px;
  margin-right: auto;
  margin-left: auto;
  padding: .5em .5em 1em;
  background-color: #fff;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

#takuhai .top .kit>div>div>dl {
  float: left;
  width: 25%;
  padding: .5em
}

#takuhai .top .kit div dl dd {
  font-size: .909em;
  line-height: 1.4;
  font-weight: 700
}

#takuhai .main {
  background-color: #fff;
  color: #616161;
  border-radius: 0
}

#takuhai .main>h1 {
  font-size: 1.909em;
  text-align: center;
  font-weight: 700;
  padding-top: 1.3em;
  margin-bottom: .6em
}

#takuhai .main h2 {
  font-size: 1.273em;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em;
  padding: 0 1em
}

#takuhai #content ul {
  padding: 0 .5em
}

#takuhai #content ul li {
  width: 50%;
  float: left;
  padding: .5em
}

#takuhai #merit {
  padding: 0 1em .1em;
  padding-bottom: 1em
}

#takuhai #merit>dl {
  display: table;
  width: 100%;
  background-color: #f8f4ef;
  margin-bottom: 1em;
  border-radius: .2em
}

#takuhai #merit>dl>dt,
#takuhai #merit>dl>dd {
  display: table-cell;
  vertical-align: top
}

#takuhai #merit>dl dt {
  width: 7.28em;
  padding: .8em
}

#takuhai #merit>dl dd {
  padding: 1em 1em 1em .5em
}

#takuhai #merit>dl dd h1 {
  font-size: 1.182em;
  font-weight: 700;
  margin-bottom: .5em
}

#takuhai #merit>dl dd p {
  line-height: 1.6
}

#takuhai .boxSize {
  display: table;
  border-collapse: separate;
  border-spacing: 1em 1em;
  width: 100%;
  background-color: #f8f4ef;
  margin-top: -2em;
  margin-bottom: 1em
}

#takuhai .boxSize>div {
  display: table-row;
  padding: 1em
}

#takuhai .boxSize>div>div {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  background-color: #fff;
  font-size: .909em;
  line-height: 1.4;
  padding: 12em 1em 1em;
  position: relative
}

#takuhai .boxSize>div>div.upper {
  padding: 13em 1em 1em
}

#takuhai .boxSize>div>div img {
  position: absolute;
  top: 1em;
  left: 0
}

#takuhai .boxSize>div>div h1 {
  font-weight: 700;
  color: #212121;
  margin-bottom: .5em
}

#takuhai .boxSize>div>div ul li {
  position: relative;
  padding-left: .5em
}

#takuhai .boxSize>div>div ul li:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .4em;
  height: .4em;
  background-color: #616161;
  border-radius: 100%;
  margin-top: .4em
}

#takuhai .boxSize>div>div.upper {
  padding-top: 2em
}

#takuhai .boxSize>div>div img {
  margin-bottom: 1em;
  position: relative;
  top: auto;
  left: auto
}

#takuhai #insurance dd p a {
  color: #616161
}

#takuhai #insurance dd p a i {
  color: #f2799a;
  padding-left: .5em
}

div#riyuu section.title {
  margin-bottom: 1em
}

div#riyuu section.title h1 {
  font-size: 1.909em;
  font-weight: 700;
  color: #212121;
  text-align: center;
  padding-top: 1.5em;
  margin-bottom: .7em
}

div#riyuu section.title p {
  text-align: center;
  font-weight: 700;
  color: #f2799a;
  font-size: 1.273em;
  line-height: 1.4;
  padding-bottom: 1em
}

div#riyuu section.top {
  padding: 1em 1em .1em;
  font-size: 1.09em;
  margin: 2% 2% 1em
}

div#riyuu section.top p {
  color: #212121;
  line-height: 1.5;
  margin: 0 2% 1em
}

div#riyuu section.top ul li {
  border: 1px #f2799a solid;
  margin-bottom: .8em
}

div#riyuu section.top ul li a {
  display: block;
  padding: .5em;
  position: relative
}

div#riyuu section.top ul li a:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 1.4em;
  color: #f2799a;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: .5em;
  margin-top: -.5em
}

div#riyuu section.top ul li a p {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  font-size: 1.09em;
  border-radius: 100%;
  line-height: 1.5;
  font-family: "Noto Serif";
  position: absolute;
  top: 50%;
  margin-top: -.75em;
  left: .5em
}

div#riyuu section.top ul li a h1 {
  font-weight: 700;
  line-height: 1.4;
  padding-left: 3em
}

#riyuu section p,
#riyuu section div,
#riyuu section ul,
#riyuu section dl {
  border-radius: 4px
}

#riyuu section.main {
  margin: 0 2% 1em;
  position: relative
}

#riyuu section.main>h2 {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  font-size: 1.09em;
  border-radius: 100%;
  line-height: 1.5;
  font-family: "Noto Serif";
  position: absolute;
  top: 2.2em;
  margin-top: -.75em;
  left: .8em
}

#riyuu section.main>h1 {
  font-size: 1.273em;
  font-weight: 700;
  line-height: 1.3;
  color: #616161;
  padding: .7em 0 .7em 2.5em;
  border-bottom: 1px #ccc solid
}

#riyuu section.main>div {
  padding: 1em
}

#riyuu section.main div p {
  font-size: 1.09em;
  color: #616161;
  line-height: 1.5
}

#riyuu section.main div.graph {
  margin-bottom: 1em
}

#riyuu section.main div.graph div {
  border: 1px #bdbdbd solid
}

#riyuu section.main div.graph div ul {
  display: table;
  width: 100%;
  table-layout: fixed
}

#riyuu section.main div.graph div ul li {
  display: table-cell;
  width: 50%;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.09em;
  line-height: 2.5em
}

#riyuu section.main div.graph div ul li:first-child {
  background-color: #616161;
  border-top-left-radius: 3px
}

#riyuu section.main div.graph div ul li:last-child {
  background-color: #f2799a;
  border-top-right-radius: 3px
}

#riyuu section.main div.graph img {
  width: 100%
}

#riyuu section.main div>p.sub {
  padding: 1em;
  font-size: 1.273em;
  font-weight: 700;
  line-height: 1.4;
  background-color: #fdebf0;
  color: #616161
}

#riyuu section.main div>p.sub span {
  color: #f2799a
}

#riyuu section#sct2 div p span {
  color: #f2799a;
  font-weight: 700
}

#riyuu section#sct2 div img {
  width: 80%;
  margin-bottom: 1em
}

#riyuu section#sct3 div img {
  margin-bottom: 1em
}

#riyuu section#sct4 div img {
  margin-bottom: 1em
}

#buyer section p,
#buyer section div,
#buyer section ul,
#buyer section dl {
  border-radius: 4px
}

#buyer section.top {
  text-align: center
}

#buyer section.main {
  padding: 1em;
  color: #616161;
  margin: 0 2%
}

#buyer section.main>h1 {
  text-align: center;
  font-size: 1.818em;
  font-weight: 700;
  padding-top: 1em;
  color: #616161;
  line-height: 1.2
}

#buyer section.main>h2 {
  text-align: center;
  font-family: "Noto Serif";
  color: #616161;
  opacity: .75;
  padding-top: 1em;
  padding-bottom: 1em
}

#buyer section.main>div,
#buyer section.main>div.feature>div {
  padding: 1em;
  background-color: #f8f4ef;
  position: relative;
  margin-bottom: 1em
}

#buyer section.main>div>h2,
#buyer section.main>div.feature>div>h2 {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  width: 1.67em;
  height: 1.67em;
  text-align: center;
  font-size: 1.09em;
  border-radius: 100%;
  line-height: 1.67;
  font-family: "Noto Serif";
  position: absolute;
  top: 1.9em;
  margin-top: -.75em;
  left: 1em
}

#buyer section.main>div h1,
#buyer section.main>div.feature>div h1 {
  font-size: 1.182em;
  font-weight: 700;
  margin-left: 2em;
  margin-top: .5em;
  margin-bottom: 1.2em;
  color: #424242
}

#buyer section.main>div>p,
#buyer section.main>div.feature>div>p {
  line-height: 1.6
}

#buyer section#sct1>div.feature {
  position: static;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  text-align: left
}

#buyer section#sct1>div.feature>div>h1 {
  text-align: left
}

#buyer section#sct1>div.feature>div>p {
  text-align: left
}

#buyer section#sct1>div.feature>div>div {
  width: 100%;
  margin-bottom: .8em
}

#buyer section#sct1>div.feature>div>div img {
  width: 70%
}

#buyer section#sct1>div.feature>div>div.half {
  padding-top: 16px
}

#buyer section#sct1>div.feature>div>div.half img {
  width: 48%
}

#buyer section#sct1>div.feature>div>div.half img:first-child {
  padding-right: 1%
}

#buyer section#sct1>div.feature>div>div.half img:last-child {
  padding-left: 1%
}

#buyer section#sct1>div>div {
  text-align: center;
  margin-bottom: .8em
}

#buyer section#sct1>div>div img {
  width: 70%
}

#buyer section#sct1>div>div.half img {
  display: inline-block;
  width: 49%
}

#buyer section#sct1>div>div.half img {
  display: inline-block;
  width: 48%;
  border-radius: 4px
}

#buyer section#sct1>div>div.half img:first-child {
  padding-right: 1%
}

#buyer section#sct1>div>div.half img:last-child {
  padding-left: 1%
}

#buyer section#sct2 {
  margin-bottom: 1em;
  padding-bottom: .1em
}

#buyer section#sct2 div div {
  background-color: #fff;
  padding: .5em 1.5em;
  margin-bottom: 1em
}

#buyer section#sct2 div div img {
  background-color: #fff;
  padding: .5em 1.5em;
  margin-bottom: 1em
}

#buyer section#sct3 {
  padding-bottom: 0
}

#buyer section#sct3>h2 {
  position: relative;
  margin-bottom: 1em
}

#buyer section#sct3>h2:before,
#buyer section#sct3>h2:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #e0e0e0;
  position: absolute;
  left: 50%;
  margin-left: -20px
}

#buyer section#sct3>h2:before {
  bottom: 0
}

#buyer section#sct3>h2:after {
  bottom: -2px
}

#buyer section#sct3>p {
  line-height: 1.6;
  font-size: 1.09em;
  margin-bottom: .8em
}

#buyer section#sct3 div.staff {
  margin: 0 -1em;
  background: none;
  padding: 0;
  border-top: 1px #e0e0e0 solid;
  padding-top: 1em
}

#buyer section#sct3 div.staff dl {
  border-bottom: 1px #e0e0e0 solid;
  padding: 1em
}

#buyer section#sct3 div.staff dl dt {
  display: table;
  width: 100%;
  margin-bottom: .5em
}

#buyer section#sct3 div.staff dl dt>div {
  display: table-cell;
  vertical-align: top
}

#buyer section#sct3 div.staff dl dt div.photo {
  width: 7.85em;
  padding-right: 1em;
  margin: 0
}

#buyer section#sct3 div.staff dl dt div h1 {
  font-weight: 700;
  padding-bottom: .8em;
  margin: 0;
  font-size: 1.454em
}

#buyer section#sct3 div.staff dl dt div h2 {
  font-size: .909em;
  position: relative;
  margin-bottom: .2em
}

#buyer section#sct3 div.staff dl dt div h2.tokui {
  color: #f2799a
}

#buyer section#sct3 div.staff dl dt div h2.brand {
  color: #c4a277;
  margin-top: 1em
}

#buyer section#sct3 div.staff dl dt div h2:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: .2em
}

#buyer section#sct3 div.staff dl dt div h2.tokui:before {
  background-image: url(../img/buyer/star.png)
}

#buyer section#sct3 div.staff dl dt div h2.brand:before {
  background-image: url(../img/buyer/heart.png)
}

#buyer section#sct3 div.staff dl dt div p {
  font-weight: 700;
  line-height: 1.4
}

#buyer section#sct3 div.staff dl dd {
  background-color: #eee;
  padding: .8em;
  line-height: 1.5;
  position: relative
}

@media (min-width:780px) {
  #buyer section#sct3 div.staff dl dd {
    background-color: #FFF
  }

  #buyer section#sct3 div.staff dl dd:before {
    content: "";
    width: 0 !important;
    height: 0 !important;
    border-style: none !important;
    border-width: 0em 0em 0em !important;
    border-color: #FFFFFF !important;
    position: absolute !important;
    top: 0em !important;
    left: 0em !important
  }
}

#buyer section#sct3 div.staff dl dd:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .7em .7em .7em;
  border-color: transparent transparent #eee transparent;
  position: absolute;
  top: -.6em;
  left: 3em
}

#buyer section#sct3 div.staffcategry {
  padding: 0 !important;
  background-color: #FFFFFF !important
}

#buyer section#sct3 div.staffcategry ul {
  display: inline-block
}

#buyer section#sct3 div.staffcategry li {
  float: left;
  margin: 1px
}

#buyer section#sct3 div.staffcategry li img {
  max-width: 100%;
  transition: 0.3s ease-in-out
}

section#sct3 div.staffcategry li img:hover {
  opacity: .7
}

@media (max-width:780px) {
  #buyer section#sct3 div.staffcategry li {
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    width: 50%
  }

  #buyer section#sct3 div.staffcategry li:nth-child(odd) {
    padding-right: 2px
  }

  #buyer section#sct3 div.staffcategry li:nth-child(even) {
    padding-left: 2px
  }
}

#buyer section#sct3 ul.buyer_prof li {
  float: left;
  width: 48%;
  margin: 1%
}

#buyer section#sct3 ul.buyer_prof.pr02 {
  margin-bottom: 50px
}

#buyer section#sct3 ul.buyer_prof.pr02::after {
  content: "";
  border-bottom: 1px solid #e0e0e0;
  display: block;
  clear: both;
  padding-top: 50px;
  width: 100px;
  margin: 0 auto
}

#buyer section#sct3 ul.buyer_prof {
  display: inline-block;
  width: 100%
}

#buyer section#sct3 ul.buyer_prof li img {
  max-width: 100%;
  width: initial
}

#buyer section#sct3 ul.buyer_prof li p {
  font-size: 90%;
  line-height: 1.4;
  margin-top: 20px
}

#buyer section#sct3 ul.buyer_prof li p span {
  font-size: 90%;
  font-weight: 700
}

@media (max-width:640px) {
  #buyer section#sct3 ul.buyer_prof li {
    width: 98%;
    margin: 1%
  }
}

@media (max-width:780px) {
  #buyer section#sct3 ul.buyer_prof li p {
    font-size: 70%
  }
}

@media (max-width:530px) {
  #buyer section#sct3 ul.buyer_prof li p {
    font-size: 110%
  }
}

#buyer .staffblog {
  background: none !important;
  border-radius: 0 !important;
  padding: 40px 0 !important;
  text-align: center
}

#buyer .staffblog img.inline-sm {
  max-width: 400px
}

#buyer .staffblog a {
  display: block;
  margin-top: 10px
}

#buyer .staffblog a:hover img {
  opacity: .7
}

#buyer .staffblog .title {
  margin-top: 20px;
  margin-bottom: -5px
}

#buyer .staffblog .title:before {
  background: #c4a277;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px
}

#buyer .staffblog .title span {
  background: #fff;
  color: #c4a277;
  display: inline-block;
  font-weight: 700;
  padding: 5px 10px
}

#buyer .staffblog li a {
  background: #f8f4ef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border: 1px solid #f8f4ef;
  border-radius: 5px;
  line-height: 1.5;
  font-size: 80%;
  padding: 8px 30px 8px 10px;
  text-align: left
}

#buyer .staffblog li a:after {
  content: '\f105';
  display: block;
  font-family: "FontAwesome";
  font-weight: 400;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 15px
}

#buyer .staffblog li a:hover {
  border-color: #f2799a
}

#buyer .staffcategry.thr_fltlst+.staffblog {
  padding-top: 0 !important
}

#hajimete {
  color: #616161
}

#hajimete section p,
#hajimete section div,
#hajimete section ul,
#hajimete section dl {
  border-radius: 4px
}

#hajimete section.pageTitle {
  color: #212121;
  background-color: #EEE
}

#hajimete section#top {
  border-radius: 0;
  padding-bottom: .1em
}

#hajimete section#sct1 div.topImage,
#hajimete section#top div.topImage {
  background-color: #eee;
  padding: 1.8em 1em 0;
  text-align: center;
  border-radius: 0
}

#hajimete section#top p.title3 {
  font-size: 1.3em !important;
  font-weight: bold !important;
  line-height: 150% !important;
  background-color: #eee !important;
  text-align: center;
  color: #505050
}

#hajimete section#sct1 {
  padding: 0 2%;
  padding: 0;
  background: none
}

#hajimete section#sct1 div.topImage {
  margin: 0 -2%
}

#hajimete section#sct1 div.main {
  background-color: #fff;
  padding: 1em
}

#hajimete section#sct1 div.main h1 {
  position: relative
}

#hajimete section#sct1 div.main div[class*="point"] {
  border: 1px #bdbdbd solid;
  margin: 1em 0;
  border-radius: .5em
}

#hajimete section#sct1 div.main div[class*="point"]>h1 {
  padding: .8em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct1 div.main div[class*="point"]>h1 img {
  display: inline-block;
  width: 4.545em;
  vertical-align: middle
}

#hajimete section#sct1 div.main div[class*="point"]>h1 p {
  display: inline-block;
  vertical-align: middle;
  margin-left: .5em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li {
  padding: .54em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct1 div.main div.point1 div.upper ul li h1 {
  padding: .8em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li h1 img,
#hajimete section#sct1 div.main div.point1 div.upper ul li h1 p {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li h1 img {
  width: 4.545em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li h1 p span {
  font-size: 1.5em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
  margin: .344em;
  background-color: #fdebf0;
  padding: .67em;
  position: relative
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before,
#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 7%
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
  border-width: 0 .5em .5em .5em;
  border-color: transparent transparent #fdebf0 transparent;
  top: -.3em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field span {
  font-size: .75em;
  display: block
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field span i {
  color: #f2799a
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p {
  line-height: 1.5
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment {
  margin: .458em;
  background-color: #eee;
  padding: .67em;
  position: relative;
  margin-top: 1em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
  border-width: 0 .667em .667em .667em;
  border-color: transparent transparent #eee transparent;
  top: -.4em
}

#hajimete section#sct1 div.main div.point1 div.lower {
  padding: .91em;
  line-height: 1.5
}

#hajimete section#sct1 div.main div.point1 div.lower>h1 {
  font-size: 1.08em;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  color: #f2799a
}

#hajimete section#sct1 div.main div.point1 div.lower>h1 img {
  width: 60%;
  padding: 1em 0
}

#hajimete section#sct1 div.main div.point2 div ul {
  padding: .5em
}

#hajimete section#sct1 div.main div.point2 div ul li {
  float: left;
  width: 50%;
  padding: .5em
}

#hajimete section#sct1 div.main div.point2 div p {
  padding: 0 .917em .917em
}

#hajimete section#sct1 div.main div.point2 div p span {
  font-size: .917em
}

#hajimete section#sct1 div.main div.point3 div {
  padding: 1em
}

#hajimete section#sct1 div.main div.point3 div p img {
  margin-bottom: 1em
}

#hajimete section#sct1 div.main div.point4 div img,
#hajimete section#sct1 div.main div.point5 div img {
  width: 56.49%;
  display: block;
  margin: 1em auto
}

#hajimete section#sct1 div.main div.point4 div ul {
  padding: 1%
}

#hajimete section#sct1 div.main div.point4 div ul li {
  float: left;
  width: 47%;
  margin: 1.5%;
  background-color: #eee;
  font-size: .909em;
  font-weight: 700;
  padding: .7em .7em .7em 3.1em;
  line-height: 1.2;
  position: relative
}

#hajimete section#sct1 div.main div.point4 div ul li:before {
  content: "\f0e0";
  font-family: FontAwesome;
  font-size: 1.2em;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  left: .8em;
  top: 0;
  margin-top: 1em;
  color: #f2799a
}

#hajimete section#sct1 div.main div.point4 div p {
  padding: 0 .917em .917em
}

#hajimete section#sct1 div.main div.point5 div p {
  padding: 1em;
  line-height: 1.5
}

#hajimete section#sct1 div.main div.point5 div p span {
  font-size: .83em
}

#hajimete section#sct2 {
  background: none
}

#hajimete section#sct2 div.bdTitle>h2:before,
#hajimete section#sct2 div.bdTitle>h2:after {
  background: #d5d5d5
}

#hajimete section#sct2 h1 {
  color: #616161;
  font-size: 2em !important
}

#hajimete section#sct3 {
  margin: 0 2%
}

#hajimete section#sct3 div {
  border-radius: 0
}

#hajimete section#sct3 div.philosophy {
  border-bottom: 1px #e0e0e0 solid;
  border-radius: 0
}

#hajimete section#sct3 div.philosophy div div.title {
  text-align: center
}

#hajimete section#sct3 div.philosophy div div.title p {
  font-size: 1.09em;
  font-weight: 700
}

#hajimete section#sct3 div.philosophy div div.title h1 {
  font-size: 1.363em;
  font-weight: 700;
  color: #f2799a;
  padding: .5em 0
}

#hajimete section#sct3 div.philosophy div div.title img {
  width: 94.4%;
  margin: 1.4em 0
}

#hajimete section#sct3 div.philosophy div div.title h2 {
  font-size: 1.363em;
  font-weight: 700;
  line-height: 1.2
}

#hajimete section#sct3 div.philosophy>div>p {
  padding: .917em;
  margin-top: .5em
}

#hajimete section#sct3 div.sonotameni {
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct3 div.sonotameni h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  margin-top: 1.5em;
  margin-bottom: 1em
}

#hajimete section#sct3 div.sonotameni div p {
  padding: .916em
}

#hajimete section#sct3 div.sonotameni div img {
  width: 94.46%;
  display: block;
  margin: 0 auto;
  padding: .5em 0 2em
}

#hajimete section#sct3 div.kodawari {
  padding-bottom: .1em;
  margin-bottom: 1em
}

#hajimete section#sct3 div.kodawari>h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  margin-top: 1.5em;
  margin-bottom: 1em
}

#hajimete section#sct3 div.kodawari div[class*="kdw"] {
  margin: 0 1em 1em;
  border: 1px #bdbdbd solid;
  border-radius: .5em
}

#hajimete section#sct3 div.kodawari div[class*="kdw"] h1 {
  padding: .8em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct3 div.kodawari div[class*="kdw"] h1 span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #bdbdbd;
  width: 2.6em;
  line-height: 2.6em;
  text-align: center;
  font-size: 1.636em;
  border-radius: 100%;
  font-family: "Noto Serif"
}

#hajimete section#sct3 div.kodawari div[class*="kdw"]>h1 p {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.182em;
  margin-left: .5em;
  line-height: 1.5
}

#hajimete section#sct3 div.kodawari div[class*="kdw"] div {
  padding: 1em
}

#hajimete section#sct3 div.kodawari div.kdw1 div img {
  display: block;
  width: 61.25%;
  margin: 1em auto
}

#hajimete section#sct3 div.kodawari div.kdw2 div img {
  margin-bottom: 1em
}

#hajimete section#sct3 div.kodawari div.kdw3 div img {
  margin-bottom: 1em
}

#hajimete section#sct3 div.philosophy div div.title img,
#hajimete section#sct3 div.sonotameni div img {
  max-width: 580px
}

#hajimete section#sct4 {
  margin: 0 2% 1em
}

#hajimete section#sct4>div {
  border-radius: 0
}

#hajimete section#sct4 div.top {
  padding: 0 1em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct4 div.top p {
  margin: 1em 0
}

#hajimete section#sct4 div.kikkake {
  padding-bottom: 20px
}

#hajimete section#sct4 div.kikkake h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  margin-top: 1.5em;
  margin-bottom: 1em
}

#hajimete section#sct4 div.kikkake>div {
  position: relative;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct4 div.kikkake>div img {
  padding: 0 1em 1em
}

#hajimete section#sct4 div.kikkake>div p[class*="txt"] {
  font-size: 1.09em;
  line-height: 1.5;
  width: 17.5em
}

#hajimete section#sct4 div.kikkake>div p[class*="txt"] span {
  font-weight: 700;
  color: #f2799a
}

#hajimete section#sct4 div.kikkake>div p.txta1 {
  position: absolute;
  top: 3%;
  left: 25%
}

#hajimete section#sct4 div.kikkake>div p.txta2 {
  position: absolute;
  top: 28%;
  left: 6%
}

#hajimete section#sct4 div.kikkake>div p.txta3 {
  position: absolute;
  top: 53%;
  left: 25%
}

#hajimete section#sct4 div.kikkake>div p.txta4 {
  position: absolute;
  top: 81%;
  left: 6%
}

#hajimete section#sct4 div.kikkake dl {
  display: table;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 600px
}

#hajimete section#sct4 div.kikkake dt,
#hajimete section#sct4 div.kikkake dd {
  display: table-cell;
  vertical-align: middle
}

#hajimete section#sct4 div.kikkake dt {
  width: 100px
}

#hajimete section#sct4 div.kikkake dt img {
  width: 100%;
  height: auto
}

#hajimete section#sct4 div.kikkake dd {
  padding-left: 20px
}

#hajimete section#sct4 div.kikkake dd p {
  background: #fdebf0;
  border-radius: 10px;
  line-height: 30px;
  padding: 20px;
  position: relative
}

#hajimete section#sct4 div.kikkake dd p:after {
  border-color: transparent #fdebf0 transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: '';
  display: block;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0
}

#hajimete section#sct4 div.kikkake dd span {
  color: #f2799a;
  font-weight: 700
}

#hajimete section#sct4 div.kikkake .r dd {
  padding-right: 20px;
  padding-left: 0
}

#hajimete section#sct4 div.kikkake .r dd p {
  background: #eee
}

#hajimete section#sct4 div.kikkake .r dd p:after {
  border-color: transparent transparent transparent #eee;
  left: auto;
  right: -20px
}

#hajimete section#sct4 div.kikkake .line1 dd p {
  padding-top: 35px;
  padding-bottom: 35px
}

#hajimete section#sct4 div.voice {
  margin-bottom: 2em
}

#hajimete section#sct4 div.voice>h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  margin-top: 1.5em;
  margin-bottom: 1em
}

#hajimete section#sct4 div.voice>h3 {
  font-size: 1.09em;
  font-weight: 700;
  text-align: center
}

#hajimete section#sct4 div.voice>h2 {
  font-size: 1.363em;
  font-weight: 700;
  text-align: center;
  line-height: 2;
  color: #f2799a
}

#hajimete section#sct4 div.voice>div {
  margin: 0 1em;
  border: 1px #bdbdbd solid;
  border-radius: .5em
}

#hajimete section#sct4 div.voice>div h2 {
  font-size: .909em;
  padding: 1em
}

#hajimete section#sct4 div.voice>div h1 {
  font-size: 1.09em;
  color: #f2799a;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 1em .67em
}

#hajimete section#sct4 div.voice>div>div {
  border-top: 1px #e0e0e0 solid;
  padding: 1em;
  border-radius: 0
}

#hajimete section#sct4 div.voice div div p {
  font-size: .909em;
  line-height: 1.8
}

#hajimete section#sct4 div.voice div.btnArea a i {
  padding-right: .3em
}

#hajimete section#sct4 div.btnArea {
  text-align: right
}

#hajimete section#sct4 div.btnArea a {
  display: inline-block;
  border: 1px #f2799a solid;
  line-height: 2.3;
  font-size: .909em;
  padding: 0 .5em 0 .5em
}

#hajimete section#sct4 div.interv {
  padding: 0 1em 1em
}

#hajimete section#sct4 div.interv div.btnArea a i {
  padding-left: .3em
}

#hajimete section#sct4 div.interv dl {
  border: 1px #bdbdbd solid;
  border-radius: .5em
}

#hajimete section#sct4 div.interv dl dt {
  padding: 1em
}

#hajimete section#sct4 div.interv dl dt>img {
  display: inline-block;
  vertical-align: middle;
  width: 3.63em;
  margin-right: .5em
}

#hajimete section#sct4 div.interv dl dt>p {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.09em;
  line-height: 1.8
}

#hajimete section#sct4 div.interv dl dt>p span {
  display: block;
  font-size: .83em
}

#hajimete section#sct4 div.interv dl dd {
  padding: 0 1em 1em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct4 div.interv dl dd:last-of-type {
  border: none
}

#hajimete section#sct4 div.interv dl dd p {
  font-size: .909em;
  line-height: 1.8
}

#hajimete section#company {
  padding-bottom: .1em;
  margin: 0 2% 1em
}

#hajimete section#company div.table {
  margin: 1em;
  border: 1px #bdbdbd solid;
  border-radius: .5em
}

#hajimete section#company div.table dl {
  display: table;
  width: 100%;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#company div.table dl:last-of-type {
  border: none
}

#hajimete section#company div.table dl dt {
  font-size: .909em;
  display: table-cell;
  width: 8em;
  line-height: 4em;
  padding-left: 1em;
  font-weight: 700;
  background-color: #eee
}

#hajimete section#company div.table dl:first-child dt {
  border-top-left-radius: .55em
}

#hajimete section#company div.table dl:last-child dt {
  border-bottom-left-radius: .55em
}

#hajimete section#company div.table dl dd {
  display: table-cell;
  padding: 1em
}

#hajimete section#company div.table dl dd img {
  padding: .5em 0
}

#hajimete section#message {
  margin: 0 2% 1em;
  padding: 0 1em 1em
}

#hajimete section#message img {
  width: 96.06%;
  max-width: 548px;
  display: block;
  margin: -1.5em auto 0
}

#hajimete section#message div.top p {
  padding: 1em;
  border: 1px #bdbdbd solid;
  border-radius: 0;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  line-height: 1.63;
  border-bottom: none
}

#hajimete section#message div.main {
  border-left: 1px #bdbdbd solid;
  border-right: 1px #bdbdbd solid;
  line-height: 1.63
}

#hajimete section#message div.main h1 {
  font-size: 1.182em;
  padding: .846em;
  font-weight: 700;
  color: #f2799a;
  border-top: 1px #e0e0e0 solid
}

#hajimete section#message div.main p {
  padding: 0 1em 1em
}

#hajimete section#message div.main:last-of-type {
  border-bottom: 1px #bdbdbd solid;
  border-radius: 0;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em
}

#hajimete section#sct1 div.main div.point1 div.lower>h1 img,
#hajimete section#sct1 div.main div.point4 div img,
#hajimete section#sct1 div.main div.point5 div img,
#hajimete section#sct3 div.kodawari div.kdw1 div img {
  max-width: 320px
}

#hajimete>section.slider_bnr.story.sm>h2>img {
  display: none
}

#sct4>div.kikkake>div {
  border-radius: 0
}

#send section {
  color: #616161
}

#send section p,
#send section div,
#send section ul,
#send section dl {
  border-radius: 4px
}

#send section .layout01 {
  margin-bottom: .7em
}

#send section.title {
  padding-bottom: 1em
}

#send section.title h2 {
  font-size: 1.273em;
  font-weight: 700;
  color: #f2799a;
  text-align: center;
  padding: .7em 0
}

#send section.title h1 {
  color: #616161;
  font-size: 1.818em;
  text-align: center
}

#send section.title h1 em {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em
}

#send section.title h1 span {
  font-weight: 700;
  font-size: 1.5em
}

#send section.subtitle {
  background: none;
  padding: 1em 0
}

#send section div.bdTitle h1 span {
  display: block;
  margin-bottom: .3em;
  font-size: .71em;
  color: #616161
}

#send section#sct1 {
  color: #616161;
  margin: 0 2% 1em
}

#send section#sct1 dl {
  margin: 0 1em;
  padding: 1em 0
}

#send section#sct1 dl dt p {
  font-size: 1.09em;
  color: #c4a277;
  font-weight: 700;
  margin-bottom: .7em
}

#send section#sct1 dl dt img {
  margin-bottom: .5em
}

#send section#sct1 dl dd {
  margin-bottom: 2em;
  border-radius: 4px
}

#send section#sct1 dl dd:last-of-type {
  margin-bottom: 0
}

#send section#sct1 dl dd.no2 {
  background-color: #f8f4ef;
  padding: 1em
}

#send section#sct1 dl dd.no2>p {
  font-size: 1.09em;
  color: #616161;
  line-height: 1.5em;
  font-weight: 700
}

#send section#sct1 dl dd.no2>div {
  position: relative
}

#send section#sct1 dl dd.no2>div p {
  color: #616161;
  line-height: 1.45em;
  font-weight: 700;
  background-color: #fff;
  padding: 1em
}

#send section#sct1 dl dd.no2>img {
  padding: 1em 0
}

#send section#sct1 dl dd.no2 p img {
  width: 22.05%;
  position: absolute;
  bottom: 0;
  right: 0
}

#send section#sct1 dl dd.no3 {
  background-color: #f8f4ef;
  padding: 1em;
  font-weight: 700
}

#send section#sct1 dl dd.no3 p {
  font-size: 1.09em;
  color: #616161;
  line-height: 1.33em;
  display: inline-block;
  width: 70%;
  vertical-align: middle
}

#send section#sct1 dl dd.no3 p span {
  display: block
}

#send section#sct1 dl dd.no3 img {
  display: inline-block;
  width: 27.54%;
  vertical-align: middle
}

#send section#sct2 {
  margin: 5.2em 2% 0
}

#send section#sct2 div.top {
  background-color: #fff;
  padding: 0 1em
}

#send section#sct2 div.top img:first-child {
  margin-top: -3.2em
}

#send section#sct2 div.howToSell {
  background-color: #fff;
  border-top: 1px #e0e0e0 solid;
  text-align: center;
  padding-bottom: 1.5em;
  border-radius: 0
}

#send section#sct2 div.howToSell img {
  width: 32.5%;
  margin-bottom: .91em
}

#send section#sct2 div.howToSell>h1 {
  font-size: 1.454em;
  color: #f2799a;
  font-weight: 700;
  margin-bottom: .3em
}

#send section#sct2 div.howToSell>h2 {
  font-size: 1.273em;
  color: #616161
}

#send section#sct2 div.howToSell>h2 i.fa {
  color: #f2799a;
  padding: 0 .3em;
  font-size: .901em;
  vertical-align: middle
}

#send section#sct2 div.howToSell>h2 span {
  font-family: "Noto Serif"
}

#send section#sct2 div.howToSell>h2 em {
  font-size: 1.25em;
  font-style: normal
}

#send section#sct2 div.menu {
  margin: 0 0 1em
}

#send section#sct2 div.menu a {
  float: left;
  width: 25%
}

#send section#sct2 div.menu img {
  max-width: 193px;
  height: auto
}

#send section#sct2 div[class*="step"] {
  margin: 0 .909em;
  border: 1px #bdbdbd solid;
  border-radius: .5em;
  padding: .909em .909em 0em
}

#send section#sct2 dl.head {
  text-align: center;
  background-color: #616161;
  color: #fff;
  border-radius: 0;
  border-top-left-radius: .423em;
  border-top-right-radius: .423em;
  margin: -1em -1em .901em
}

#send section#sct2 dl.head dt {
  font-size: .909em;
  font-family: "Noto Serif";
  display: inline-block;
  vertical-align: middle
}

#send section#sct2 dl.head dt span {
  font-size: .86em
}

#send section#sct2 dl.head dd {
  font-size: 1.182em;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  line-height: 1.95
}

#send section#sct2 div.from {
  border-top: 1px #e0e0e0 solid;
  padding-top: .8em;
  border-radius: 0
}

#send section#sct2 div.from>h1 {
  font-size: .818em;
  color: #616161;
  font-weight: 700;
  margin-bottom: .5em
}

#send section#sct2 div.from>h1 i.fa {
  color: #616161;
  padding-right: .5em
}

#send section#sct2 div.from>p {
  font-size: .909em;
  line-height: 1.6;
  color: #616161
}

#send section#sct2 div.step1 div.kitOffer {
  padding-top: 2em;
  border-top: 1px #e0e0e0 solid;
  margin-top: .5em;
  border-radius: 0
}

#send section#sct2 div.step1 div.kitOffer>h1 {
  font-weight: 700;
  color: #f2799a;
  text-align: center;
  margin-bottom: .3em
}

#send section#sct2 div.step1 div.kitOffer>h1 i.fa {
  font-size: 1.4em;
  padding-right: .2em
}

#send section#sct2 div.step1 div.kitOffer a.mBtn {
  margin-bottom: .5em
}

#send section#sct2 div.step1 div.kitOffer div.tel {
  color: #616161
}

#send section#sct2 div.step1 div.kitOffer div.tel i.fa {
  font-size: 1.363em
}

#send section#sct2 div.step1 div.kitOffer div.tel div h1 {
  font-size: .909em
}

#send section#sct2 div.step1 div.kitOffer div.tel div h1 p {
  font-size: .636em
}

#send section#sct2 div.step1 div.kitOffer>p {
  font-size: .818em;
  color: #616161;
  margin: 1em 0;
  line-height: 1.5
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.box {
  font-weight: 700;
  text-align: center;
  padding: 1em;
  margin: -.5em -.5em 0;
  font-size: .909em;
  color: #616161;
  background-color: #fff
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.box img {
  display: inline-block;
  width: 24.64%;
  vertical-align: middle
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.size {
  margin: 0 -.5em
}

#send section#sct2 div.size h1.upFukidashi {
  font-size: .909em;
  font-weight: 700;
  margin: -.04em;
  background-color: #bdbdbd;
  color: #fff;
  text-align: center;
  line-height: 1.5em
}

#send section#sct2 div.size h1.upFukidashi:before {
  border-width: 0 1em 1em 1em;
  border-color: transparent transparent #bdbdbd transparent;
  top: -.6em;
  left: 50%;
  margin-left: -.5em
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.size dl {
  float: left;
  background-color: #fff;
  width: 50%;
  padding: .75em;
  border: 1px #e0e0e0 solid;
  height: 8.75em;
  margin: -1px
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.size dl dd {
  font-size: .818em;
  color: #616161;
  line-height: 1.33
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom {
  margin: .5em -.5em
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom li {
  float: left;
  width: 49%;
  margin-right: 1.5%;
  text-align: center;
  background: #FFF;
  border-radius: 3%
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom li:last-child {
  margin-right: 0
}

#send section#sct2 div.step2 {
  padding-bottom: 1em
}

#send section#sct2 div.step2 ul.tab {
  border-bottom: 1px #bdbdbd solid;
  margin: 0 -1em;
  text-align: center;
  margin-bottom: 1.4em;
  border-radius: 0
}

#send section#sct2 div.step2 ul.tab li {
  font-size: 1.09em;
  display: inline-block;
  width: 47%;
  text-align: center
}

#send section#sct2 div.step2 ul.tab li a.active {
  background-color: #f2799a;
  color: #fff
}

#send section#sct2 div.step2 ul.tab li a {
  color: rgba(0, 0, 0, .5);
  display: inline-block;
  line-height: 2.5;
  width: 95%;
  font-weight: 700;
  background-color: #eee
}

#send section#sct2 div.step2 div.todoku>h1 {
  font-size: 1.182em;
  font-weight: 700;
  margin-bottom: .5em
}

#send section#sct2 div.step2 div.todoku>p {
  line-height: 1.45;
  margin-bottom: 1em
}

#send section#sct2 div.step2 div.todoku>img {
  width: 94%;
  display: block;
  margin: 0 auto
}

#send section#sct2 div.step2 div.documents>h1 {
  background-color: #616161
}

#send section#sct2 div.step2 div.documents>div {
  background-color: #eee;
  padding: .5em
}

#send section#sct2 div.step2 div.documents>div>ul>li {
  display: block;
  background-color: #fff;
  padding: .8em;
  border-radius: 4px
}

#send section#sct2 div.step2 div.documents>div>ul>li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0
}

#send section#sct2 div.step2 div.documents>div>ul>li>img {
  float: left;
  width: 4.5em
}

#send section#sct2 div.step2 div.documents>div>ul>li>div {
  display: block;
  padding-left: 5em
}

#send section#sct2 div.step2 div.documents>div>ul>li:last-child {
  margin-bottom: 0
}

#send section#sct2 div.step2 div.documents>div>ul>li div h1 {
  font-size: 1.09em;
  color: #616161
}

#send section#sct2 div.step2 div.documents>div>ul>li>div>p {
  font-size: .909em;
  color: #616161;
  line-height: 1.4
}

#send section#sct2 div.step2 div.documents>div>ul>li>div>h1 span {
  font-size: 75%
}

#send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a {
  font-size: 1em;
  width: 11.36em;
  text-align: left;
  padding-left: .5em;
  margin-top: .5em
}

#send section#sct2 div.step2 div.documents li .disable {
  clear: both;
  background-color: #e0e0e0;
  margin-top: 1em;
  padding: 1em
}

#send section#sct2 div.step2 div.documents li .disable>h1 {
  font-size: .909em;
  font-weight: 700;
  margin: -.5em 0 1em
}

#send section#sct2 div.step2 div.documents li .disable ul.marked li {
  font-size: .909em;
  color: #616161;
  line-height: 1;
  margin: .2em 0
}

#send section#sct2 div.step2 div.documents li .disable h1 span {
  font-size: .75em
}

#send section#sct2 div.step2 dl.sagawa dt,
#send section#sct2 div.step2 dl.chakubarai dt {
  width: 23%
}

#send section#sct2 div.step2 dl.sagawa h1 {
  font-size: 1.182em;
  line-height: 1.38
}

#send section#sct2 div.step2 dl.sagawa p {
  line-height: 1.45em
}

#send section#sct2 div.step2 dl.chakubarai p {
  font-size: 1.182em;
  line-height: 1.38em;
  font-weight: 700
}

#send section#sct2 div.step2 div.sendAdd>div {
  text-align: center;
  font-size: .909em;
  line-height: 1.4
}

#send section#sct2 div.step3 {
  padding-bottom: 1em
}

#send section#sct2 div.step3 p.memo {
  font-size: .909em;
  line-height: 1.4em;
  color: #616161;
  margin: -.5em 0 2em
}

#send section#sct2 div.step3 div.sBox_pnk div p {
  font-size: .909em
}

#send section#sct2 div.step3 .sBox_pnk .imgwrap p {
  line-height: 1.4;
  margin-bottom: 15px
}

#send section#sct2 div.step3 div.sBox_gry>h1 {
  line-height: 1.45;
  background-color: #616161
}

#send section#sct2 div.step3 div.ichien {
  background-color: #f8f4ef;
  line-height: 1.8
}

#send section#sct2 div.step3 div.ichien>p {
  font-size: .909em;
  color: #616161;
  padding: 1em 1em 0
}

#send section#sct2 div.step3 div.ichien p span {
  font-weight: 700
}

#send section#sct2 div.step3 div.ichien h2 {
  background-color: #f44336;
  color: #fff;
  text-align: center;
  padding: .3em 0;
  font-weight: 700
}

#send section#sct2 div.step3 div.anshin {
  padding: 0 1em;
  margin-bottom: 1em
}

#send section#sct2 div.step3 div.alert div p span {
  color: #f44336;
  font-weight: 700
}

#send section#sct2 div.step4 {
  padding-bottom: .7em
}

#send section .layout01 {
  display: table;
  width: 100%;
  margin-bottom: .7em
}

#send section .layout01>* {
  display: table-cell;
  vertical-align: top
}

#send section .layout01>*:first-child {
  width: 23%
}

#send section .layout01>*:last-child {
  padding-left: 1em
}

#send section .layout01>*>h1 {
  font-size: 1.182em;
  line-height: 1.38;
  font-weight: 700;
  margin-bottom: .5em
}

#send section .layout01>*>p {
  line-height: 1.45
}

#send ul.marked {
  margin: -.5em 0
}

#send div.end {
  color: #616161;
  text-align: center;
  padding: 2em 1em 1em;
  font-weight: 700
}

#send div.end h1 {
  font-size: 1.636em
}

#send div.end p {
  font-size: 1.162em;
  line-height: 1.45;
  margin: 1em 0
}

#send section#sct2 a.bt.bt-arrow-r.bt-sell.bt-sell-mypage {
  margin: 10px 0 0
}

#taishou {
  width: auto
}

#taishou section p,
#taishou section div,
#taishou section ul,
#taishou section dl {
  border-radius: 4px
}

#taishou .top {
  background: none
}

#taishou .top h1 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 1em .5em;
  color: #616161 !important;
  background-color: #fff !important
}

#taishou .main {
  margin: 0 2%;
  padding: .917em
}

#taishou .main>dl>dt {
  font-size: 1.273em;
  color: #212121;
  text-align: center;
  line-height: 2em;
  background-color: #eee;
  font-weight: 700;
  border: 1px #ccc solid;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

#taishou .main>dl>dd {
  padding: .917em;
  border: 1px #ccc solid;
  border-top: none;
  margin-bottom: 1em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

#taishou .main>dl>dd:last-of-type {
  margin-bottom: 0
}

#taishou .main>dl>dd>h1 {
  font-size: 1.182em;
  color: #f2799a;
  font-weight: 700;
  margin: 1em 0
}

#taishou .main>dl>dd>h1>span {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  font-size: 69.2%;
  vertical-align: middle;
  padding: .5em;
  border-radius: 4px;
  margin-right: .5em
}

#taishou .main>dl>dd>.layout01 dd {
  line-height: 1.636
}

#taishou .main>dl>dd>.layout01>*:first-child {
  width: 30%;
  width: 160px
}

#taishou .main>dl>dd>ul>li {
  font-size: 1.09em;
  line-height: 1.45
}

#taishou .main>dl>dd>ul>li:before {
  content: "・"
}

#taishou .main .btnArea {
  margin-top: 1em
}

#taishou .main li>dl>dt {
  font-size: 1.273em;
  color: #616161;
  text-align: center;
  line-height: 2em;
  background-color: #ededed;
  font-weight: 700;
  border: 3px #DADADA solid;
  border-bottom: none;
  padding: 10px 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

#taishou .main li>dl>dd {
  padding: .917em;
  border: 3px #DADADA solid;
  border-top: none;
  margin-bottom: 1em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  line-height: 1.636;
  background-color: #fff
}

#taishou .main li>dl>dd>h1 {
  font-size: 1.182em;
  color: #f2799a;
  font-weight: 700;
  margin: 1em 0
}

#taishou .main li>dl>dd>h1>span {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  font-size: 69.2%;
  vertical-align: middle;
  padding: .5em;
  border-radius: 4px;
  margin-right: .5em
}

#taishou .main li>dl>dd>ul>li {
  font-size: 1.09em;
  line-height: 1.45;
  color: #616161 !important
}

#taishou .main li>dl>dd>ul>li:before {
  content: "・"
}

#taishou .main .image {
  width: 160px
}

#taishou .main .text {
  padding-left: 1em;
  color: #616161 !important
}

#taishou .main ul.table,
#taishou .main ul.table>li {
  list-style-type: none
}

#taishou .main ul.table {
  display: table;
  table-layout: fixed;
  width: 100%
}

#taishou .main ul.table>li {
  display: table-cell;
  vertical-align: top
}

#taishou .main ul.table>li:first-child {
  padding-right: .5em
}

#taishou .main ul.table>li:last-child {
  padding-left: .5em
}

#tentou section p,
#tentou section div,
#tentou section ul,
#tentou section dl {
  border-radius: 4px
}

#tentou>section {
  color: #616161
}

#tentou #sct1 {
  margin: 0 2% 1em;
  padding-bottom: .5em
}

#tentou #sct1>div.bdTitle>h1 {
  font-size: 1.909em;
  line-height: 1.3
}

#tentou #sct1>div.bdTitle>h1>span {
  display: block;
  font-size: 71%
}

#tentou #sct1>div.bdTitle>h2 {
  color: #9e9e9e;
  margin-top: -.6em;
  padding-bottom: 1.5em
}

#tentou #sct1>div.mBox {
  margin: 1em
}

#tentou #sct1>div.mBox>h1 {
  background-color: #f2799a;
  color: #fff;
  text-align: left;
  font-size: 1.454em
}

#tentou #sct1>div.mBox>h1>span {
  position: relative;
  top: -.15em;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-left: 1em;
  margin-bottom: 0;
  padding: 0;
  border-radius: 100%;
  vertical-align: middle;
  background-color: #fff;
  line-height: 2em;
  text-align: center;
  font-size: 75%;
  font-family: "Noto Serif";
  color: #f2799a
}

#tentou #sct1>div.mBox div.layout01>div {
  padding: 20px 0;
  vertical-align: middle
}

#tentou #sct1>div.mBox div.layout01>div:nth-child(2) {
  font-size: .909em;
  line-height: 1.6;
  padding-right: .7em
}

#tentou>section.shopInfo {
  margin: 1em 2%;
  padding-bottom: .1em
}

#tentou>section.shopInfo>div.mBox {
  margin: 1em;
  border-color: #616161
}

#tentou>section.shopInfo>div.mBox>h1 {
  font-size: 1.636em;
  color: #fff;
  background-color: #616161;
  line-height: 2
}

#tentou>section.shopInfo>div.mBox>div {
  padding: 1em;
  text-align: center
}

#tentou>section.shopInfo>div.mBox>div>p {
  color: #616161;
  font-weight: 700;
  line-height: 1.5
}

#tentou>section.shopInfo>div.mBox>div>img {
  margin: .8em 0
}

#tentou>section.shopInfo>div.mBox>div>div.btnArea>a {
  font-size: 1.273em;
  line-height: 2.8
}

#tentou #sct3 {
  margin: 0 2%;
  padding: 1em
}

#tentou #sct3>div.menu {
  margin: 1em 0
}

#tentou #sct3>div.menu>a {
  float: left;
  width: 33.33%
}

#tentou #sct3>div.btnArea>a span {
  font-size: 81%
}

#tentou #sct3 div[id*="step"] {
  border-color: #616161;
  color: #616161
}

#tentou #sct3 div[id*="step"]>h1 {
  background-color: #616161;
  color: #fff;
  font-family: "Noto Serif";
  font-weight: 400;
  line-height: 1.5
}

#tentou #sct3 div[id*="step"]>h1 span {
  display: inline;
  background: none;
  padding: 0;
  font-size: 71%
}

#tentou #sct3 div[id*="step"]>div {
  margin: 1em
}

#tentou div.stepTop {
  border-bottom: 1px #e5e5e5 solid
}

#tentou div.stepTop>h1 {
  font-size: 1.363em;
  font-weight: 700
}

#tentou div.stepTop>h2 {
  line-height: 1.5;
  margin: 1em 0
}

#tentou div.stepTop .alert>h1 {
  background-color: #feeceb;
  color: #f44336;
  padding: 1em 0 0
}

#tentou div.stepTop .alert>div {
  color: #f44336;
  line-height: 1.4
}

#tentou .dwArrow {
  margin: .7em
}

#tentou #step1 div.check>h1 {
  text-align: center;
  color: #f2799a;
  margin: 1em 0;
  font-size: 1.363em;
  font-weight: 700
}

#tentou #step1 div.check>h1 span {
  font-size: 60%;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  background-color: #f2799a;
  padding: .3em 1em;
  border-radius: 2em;
  margin-right: .5em
}

#tentou #step1 div.check>dl {
  color: #616161
}

#tentou #step1 div.check>dl dd>h1 {
  font-size: 1.09em;
  font-weight: 700;
  margin: .5em 0
}

#tentou #step1 div.check>dl dd>p {
  font-size: .909em
}

#tentou #step1 div.shopProfile {
  border: 1px #ccc solid
}

#tentou #step1>div.shopProfile>h1 {
  text-align: center;
  font-weight: 700;
  line-height: 2em;
  color: #616161;
  border-bottom: 1px #ccc solid
}

#tentou #step1>div.shopProfile>div {
  padding: 1em;
  color: #616161
}

#tentou #step1>div.shopProfile div.layout01>div:nth-child(2)>h1 {
  font-size: 1.09em
}

#tentou #step1>div.shopProfile div.layout01>div:nth-child(2)>p {
  font-size: .818em
}

#tentou #step1>div.shopProfile>div {
  border-bottom: 1px #ccc solid;
  border-radius: 0
}

#tentou #step1>div.shopProfile>div:last-child {
  border: none
}

#tentou #step1>div.shopProfile div.btnArea {
  margin-top: 1em
}

#tentou #step1>div.shopProfile div.btnArea>a {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.4
}

#tentou #step1>div.shopProfile div.btnArea>a:after {
  font-size: 1.65em;
  top: 0;
  right: .3em;
  margin-top: -.55em
}

#tentou #step1>div.shopProfile layout01 h1 span {
  font-size: 75%;
  font-weight: 400
}

#tentou #step2 dl dd {
  padding-top: 1em;
  padding-left: 0
}

#tentou #step2 dl dd h1 {
  font-size: 1.09em
}

#tentou #step2 dl dd p {
  font-size: .909em;
  padding: 0 1em 1em 0
}

#tentou #step2 dl dt img {
  padding: .7em
}

#tentou #step3 .kentou dt img,
#tentou #step3 .uketori dt img {
  padding: .7em
}

#tentou #step3 .kentou dd {
  padding: 1em 0
}

#tentou #step3 .kentou dd h1 {
  font-size: 1.09em;
  padding: 0 1em 0 0
}

#tentou #step3 .select {
  margin: 0 1em;
  font-size: .909em;
  line-height: 1.5
}

#tentou #step3 .select dl {
  text-align: center;
  margin: 1em 0
}

#tentou #step3 .select dt {
  display: inline-block;
  color: #fff;
  line-height: 1.8em;
  padding: 0 1em;
  border-radius: 2em;
  margin-top: 1em
}

#tentou #step3 .select dd {
  padding: 1em;
  text-align: left
}

#tentou #step3 .select .yes {
  background-color: #fdebf0
}

#tentou #step3 .select .yes dt {
  background-color: #f2799a
}

#tentou #step3 .select .no {
  background-color: #eee
}

#tentou #step3 .select .no dt {
  background-color: #616161
}

#tentou #step3 .select .ng {
  background-color: #eee
}

#tentou #step3 .select .ng dt {
  background-color: #fff;
  color: #616161
}

#tentou #step3 .uketori dd {
  padding: .5em 0em 0 0
}

#tentou #step3 .uketori dd h1 {
  font-size: 1.363em
}

#tentou #step3 .uketori dd h2 {
  font-weight: 700;
  margin: .8em 0
}

#tentou #step3 .finish {
  margin: 1em;
  padding: 1em;
  background-color: #eee;
  line-height: 1.5
}

#tentou #step3 .finish>h1 {
  text-align: center;
  font-size: 1.727em;
  color: #f2799a;
  font-weight: 700
}

#tentou #step3 .finish>p {
  margin: .5em 0
}

#tentou #step1 .faq,
#tentou #step3 .faq {
  margin: 1em;
  border: 1px #ccc solid
}

#tentou #step1 .faq>h1,
#tentou #step3 .faq>h1 {
  color: #333;
  font-size: .954em;
  text-align: center;
  line-height: 1.5;
  padding: .5em
}

#tentou #step1 .faq>div>h1,
#tentou #step3 .faq>div>h1 {
  color: #616161;
  font-weight: 700;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc dotted;
  line-height: 1.5;
  vertical-align: middle;
  padding: 1em 0
}

#tentou #step1 .faq>div>h1>span,
#tentou #step3 .faq>div>h1>span {
  background-color: #f2799a;
  color: #fff;
  width: 3em;
  height: 1.5em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  text-align: center;
  font-family: "Noto Serif";
  border-radius: 2em;
  margin-left: 1em;
  position: relative;
  top: -.15em
}

#tentou #step1 .faq>div>p,
#tentou #step3 .faq>div>p {
  color: #333;
  font-size: .818em;
  padding: 1em;
  line-height: 1.5
}

#tentou #sct3>.btnArea {
  margin-bottom: 1.5em
}

#tentou #sct1 .layout01>div:first-child {
  text-align: center;
  width: 136px
}

#tentou #sct1 .layout01>div:first-child img {
  width: 96px
}

#tentou #step1 .layout01>dt:first-child,
#tentou #step1 .layout01>div:first-child {
  width: 116px
}

#tentou #step1 .layout01>dt:first-child img,
#tentou #step1 .layout01>div:first-child img,
#tentou #step2 .layout01>dt:first-child,
#tentou #step2 .layout01>dt:first-child img,
#tentou #step3 .layout01>dt:first-child,
#tentou #step3 .layout01>dt:first-child img {
  width: 96px
}

#shucchou>section.top,
#tentou>section.top {
  background: none
}

#shucchou>section.top>h1,
#tentou>section.top>h1 {
  font-size: 1.136em;
  color: #f2799a;
  text-align: center;
  font-weight: 700;
  padding: 1em 0;
  background-color: #fff;
  line-height: 1.5
}

#shucchou>section.top>h1>img,
#tentou>section.top>h1>img {
  padding: .5em 3.5em
}

#shucchou>section.top>img,
#tentou>section.top>img {
  margin: 1em 0
}

#shucchou section.title,
#tentou section.title {
  padding: 1em
}

#shucchou section.title h2,
#tentou section.title h2 {
  font-size: 1.273em;
  font-weight: 700;
  color: #f2799a;
  text-align: center;
  padding: .7em 0;
  line-height: 140%
}

#shucchou section.title h1,
#tentou section.title h1 {
  color: #616161;
  font-size: 1.818em;
  text-align: center
}

#shucchou section.title h1 span,
#tentou section.title h1 span {
  font-weight: 700;
  font-size: 1.5em
}

#shucchou section.title h1 em,
#tentou section.title h1 em {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em
}

#shucchou section.title p,
#tentou section.title p {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em;
  text-align: center;
  padding-top: 10px
}

#shucchou section#howTo,
#shucchou section#sct1 {
  color: #616161;
  margin: 0 2%;
  padding: 1em
}

#shucchou .layout01>dd {
  line-height: 1.45
}

#shucchou .alert>div {
  padding: .5em 1em
}

#shucchou section#sct1 div.nobdTitle {
  margin-bottom: 1em
}

#shucchou section#sct1 div.nobdTitle h1 span {
  font-size: 57%;
  color: #f2799a;
  line-height: 1.5
}

#shucchou section#sct1 dl.layout01 {
  background-color: #f8f4ef;
  margin: 1em 0;
  border-radius: .5em;
  padding: 1em
}

#shucchou section#sct1 dl.layout01>* {
  vertical-align: middle
}

#shucchou section#sct1 dl.layout01 dd h1 {
  font-size: 1.182em;
  color: #424242
}

#shucchou section#howTo {
  margin-top: -2em
}

#shucchou section#howTo div.nobdTitle {
  margin-bottom: 1em
}

#shucchou section#howTo div.menu {
  margin: 1em 0
}

#shucchou section#howTo div.menu a {
  float: left;
  width: 25%
}

#shucchou section#howTo div.menu img {
  max-width: 193px;
  height: auto
}

#shucchou div[id*="step"] {
  border-color: #bdbdbd
}

#shucchou div[id*="step"]>h1 {
  background-color: #616161;
  color: #fff;
  font-size: 1.09em;
  line-height: 2.2
}

#shucchou div[id*="step"]>h1 span {
  display: inline;
  background: none;
  font-size: 66.1%;
  font-weight: 400;
  font-family: "Noto Serif";
  vertical-align: middle;
  padding: 0
}

#shucchou div[id*="step"]>h1 span em {
  font-size: 116%;
  font-style: normal;
  padding-left: .2em
}

#shucchou div[id*="step"]>h1 p {
  display: inline-block;
  vertical-align: middle
}

#shucchou div[id*="step"] div.alert {
  margin-bottom: 0
}

#shucchou div#step1>div {
  padding: 1em
}

#shucchou div#step1 div>p {
  text-align: center;
  line-height: 2
}

#shucchou div#step1 div img.web {
  width: 55.5%;
  display: block;
  margin: .5em auto
}

#shucchou div#step1 div .tel {
  margin: 1em 0
}

#shucchou div#step4>div,
#shucchou div#step3>div,
#shucchou div#step2>div {
  padding: 1em
}

#shucchou div#step4 dl.layout01,
#shucchou div#step3 dl.layout01,
#shucchou div#step2 dl.layout01 {
  margin-bottom: 1em
}

#shucchou div#step2 dl.layout01>* {
  vertical-align: middle
}

#shucchou div#step4 div div.sBox_gry {
  margin: 1em 0 0
}

#shucchou section#results {
  margin: -1em 2% 0;
  padding: 1em
}

#shucchou section#results div.nobdTitle {
  color: #616161;
  margin-bottom: 1.5em
}

#shucchou section#results div.photo {
  text-align: center
}

#shucchou section#results div.photo img {
  display: inline-block;
  width: 47%
}

#shucchou section#results div.photo img:last-child {
  margin-left: 2%
}

#shucchou section#results ul li {
  border-bottom: 1px #ccc solid;
  padding: 1em 0
}

#shucchou section#results ul li:last-child {
  border: none;
  padding-bottom: 0
}

#shucchou section#results ul li p.number {
  font-size: .818em;
  color: #fff;
  background-color: #d0b592;
  display: inline-block;
  padding: .3em 1em;
  border-radius: 2em
}

#shucchou section#results ul li h1 {
  font-size: .909em;
  line-height: 1.5;
  margin: .5em 0
}

#shucchou section#results ul li h2 {
  color: #616161;
  font-weight: 700;
  font-size: 1.09em
}

#shucchou section#results ul li h2 span {
  color: #f2799a;
  padding-left: 1em
}

#gyouretu section p,
#gyouretu section div,
#gyouretu section ul,
#gyouretu section dl {
  border-radius: 4px
}

#gyouretu section.top div {
  position: absolute;
  bottom: 0;
  width: 96%;
  left: 2%;
  bottom: 2%
}

#gyouretu section.top div p {
  position: absolute;
  top: -.05em;
  left: 0;
  line-height: 1.4;
  width: 18em;
  padding: 1em;
  color: #fff;
  font-weight: 700;
  font-size: 1.09em
}

#gyouretu section.top div p span {
  color: #fffc00
}

#gyouretu section.stripe {
  background-image: url(../img/common/bg.png);
  background-size: 30em
}

#gyouretu section.stripe img {
  padding: 1em
}

#gyouretu section.stripe div {
  border: 1px #f2799a solid;
  padding: 1em;
  margin: 0 1em;
  border-radius: 1em;
  color: #616161;
  background-color: #fff;
  font-weight: 700
}

#gyouretu section.grayPart h1,
#gyouretu section.stripe div h1 {
  text-align: center;
  color: #fff;
  font-size: 1.182em;
  line-height: 1.8;
  border-radius: 2em;
  position: relative
}

#gyouretu section.grayPart h1:after,
#gyouretu section.stripe div h1:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5em .5em 0 .5em;
  position: absolute;
  left: 50%;
  margin-left: -.5em;
  bottom: -.35em
}

#gyouretu section.stripe div h1:after {
  border-color: #f48fb1 transparent transparent transparent
}

#gyouretu section.stripe div h1 {
  background-color: #f48fb1
}

#gyouretu section.stripe div li {
  font-size: 1.182em;
  line-height: 1.5;
  position: relative;
  padding: .6em 0 .6em 2em
}

#gyouretu section.stripe div li span {
  position: absolute;
  color: #fff;
  background-color: #f48fb1;
  text-align: center;
  line-height: 1.6em;
  width: 1.6em;
  border-radius: 50%;
  top: 0;
  left: 0;
  margin-top: .5em
}

#gyouretu section.stripe div p {
  background-color: #fff5f8;
  padding: 1em 1em;
  font-size: 1.182em;
  line-height: 1.8;
  border-radius: .5em;
  color: #f2799a
}

#gyouretu section.stripe p {
  padding: 1em 2em;
  line-height: 1.5;
  color: #616161
}

#gyouretu section.grayPart {
  background-color: #f2f2f2;
  padding: 1em 1em 0 1em;
  text-align: center
}

#gyouretu section.grayPart h1 {
  background-color: #56bbec;
  font-weight: 700;
  margin: 0 2em
}

#gyouretu section.grayPart h1:after {
  border-color: #56bbec transparent transparent transparent
}

#gyouretu section.grayPart ul.marked {
  text-align: left;
  margin: 0 4%
}

#gyouretu section.grayPart ul.marked li {
  font-size: 1.273em;
  color: #1c9ede;
  font-weight: 700
}

#gyouretu section.grayPart ul.marked li:before {
  background-color: #1c9ede
}

#gyouretu section.grayPart ul.marked p {
  font-size: 1.273em;
  color: #575757;
  text-align: center;
  font-weight: 700
}

#gyouretu section.branduru {
  padding: 2em;
  line-height: 1.5
}

#gyouretu section.branduru>h3 {
  font-weight: 700;
  color: #616161
}

#gyouretu section.branduru>h1 {
  font-size: 2.55em;
  font-weight: 700;
  line-height: 1.2;
  margin: .2em 0;
  color: #616161
}

#gyouretu section.branduru>p {
  padding: 1em;
  font-size: .892em;
  line-height: 1.6;
  background-color: #fff5f8;
  margin: 1.5em 0
}

#gyouretu section.branduru div.lower {
  margin: 1em 0;
  font-weight: 700
}

#gyouretu section.branduru div.lower h1 {
  font-size: 1.273em;
  text-align: center;
  padding: .2em 0;
  color: #f2799a
}

#gyouretu section.branduru div.lower p {
  font-size: .909em;
  color: #444
}

#gyouretu>section.branduru>img {
  position: absolute;
  left: 0;
  top: 0
}

div#eco {
  font-size: .909em;
  line-height: 1.4;
  color: #616161
}

div#eco section.top div.copy {
  position: absolute;
  top: 42%;
  left: 50%;
  text-align: center;
  width: 90%;
  margin-left: -45%;
  color: #212121;
  font-weight: 700
}

div#eco section.top div.copy h1 span {
  font-size: 150%
}

div#eco section.top div.bar {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .3);
  text-align: center;
  line-height: 1.6
}

div#eco section.top div.bar>* {
  display: inline-block;
  vertical-align: middle
}

div#eco section.top div.bar p {
  font-size: 2.182em;
  font-weight: 700;
  color: #f2799a
}

div#eco section.top div.bar img {
  width: 2.5em;
  margin: 0 2em
}

div#eco section.main p.text {
  font-size: .909em;
  line-height: 1.4;
  color: #616161;
  padding: 1em;
  border-bottom: 1px #e0e0e0 solid;
  margin-bottom: 1em
}

div#eco section.main div.activety h1 {
  color: #616161;
  font-weight: 700
}

div#eco section.main div.activety h1 span {
  font-size: 150%
}

div#eco section.main div.activety>div {
  position: relative
}

div#eco section.main div.activety>div img {
  padding: 0 1em
}

div#eco section.main div.activety>div p {
  position: absolute;
  top: 40%;
  font-weight: 700
}

div#eco section.main div.activety>div:nth-child(even) p {
  left: 1em
}

div#eco section.main div.activety>div:nth-child(odd) p {
  right: 1em
}

div#eco section.main div.bottom dl.layout01 {
  padding: 1em
}

div#eco section.main div.bottom dl.layout01 dd {
  vertical-align: middle;
  padding: 0 0 0 1em
}

section,
.container,
#taishou .main {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px
}

#buyer section.main,
#riyuu section.main,
#takuhai .base,
#yoritakaku section.main,
#tenpo section.main,
#tuyomi section.main,
#interviewPg section.main,
#areaDetail section.main,
#hajimete section#top,
#hajimete section#sct1,
#hajimete section#sct3,
#hajimete section#sct4,
#hajimete section#company,
#hajimete section#message {
  margin-right: auto;
  margin-left: auto;
  max-width: none
}

.trans {
  opacity: 1
}

.trans:hover,
.trans:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: .85;
  -khtml-opacity: .85;
  opacity: .85
}

.wrapper {
  width: 1000px;
  margin: 0 auto;
  position: relative
}

.bold {
  font-weight: bold !important
}

.ft01 {
  font-family: 'Noto Serif', "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}

.ft02 {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif
}

.ft03 {
  font-family: FontAwesome
}

.ft04 {
  font-family: 'Roboto Slab', serif
}

.arrow {
  position: absolute;
  top: 50%
}

.btn01 {
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
  display: block;
  position: relative
}

.btn01.c01 {
  background: #f2799a;
  border-bottom: 2px solid #d96d8a
}

.btn01.c02 {
  background: #f7a8bd;
  border-bottom: 2px solid #de97aa
}

.btn01.c03 {
  background: #9e9e9e;
  border-bottom: 2px solid #ccc
}

.btn02 {
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  display: block;
  position: relative
}

.btn03 {
  color: #FFF;
  border-radius: 4px;
  display: block;
  position: relative
}

.btn03.c01 {
  background: #f2799a
}

.btn03.c02 {
  background: #fbd3de
}

.last {
  margin-right: 0
}

.more_b {
  width: 250px;
  margin: 0 auto;
  text-align: center;
  font-size: 21px;
  padding: 17px 0;
  position: relative
}

.more_b2 {
  width: 250px;
  margin: 0 auto;
  text-align: center;
  font-size: 21px;
  padding: 17px 0;
  position: relative;
  clear: both
}

.more_b i {
  font-size: 30px;
  right: 18px;
  margin-top: -15px
}

.more_s {
  border: 1px solid #e0e0e0;
  color: #616161;
  font-size: 73%;
  line-height: 1.8;
  padding: 3px 20px 3px 10px;
  position: absolute;
  top: 0;
  right: 0
}

.more_s:link,
.more_s:visited {
  color: #616161
}

.more_s:hover,
.more_s:active {
  color: #f2799a
}

.more_s:hover {
  border-color: #f2799a
}

.more_s i {
  font-size: 150%;
  top: 50%;
  right: 10px;
  margin-top: -11px;
  line-height: 20px
}

.corner01 {
  border-radius: 4px
}

.corner02 {
  border-radius: 10px
}

.corner03 {
  border-radius: 4px
}

.inquiryBtn {
  margin: 20px auto
}

.inquiryBtn a {
  font-size: 28px;
  font-weight: 700;
  padding: 14px 0
}

.inquiryBtn a span {
  display: inline-block;
  width: 100%
}

.inquiryBtn a i {
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 0;
  text-align: right;
  padding-right: 3%
}

footer .bg {
  background: #EEE;
  padding: 60px 0 45px
}

footer .logo {
  text-align: center
}

footer .nav {
  display: table;
  width: 720px;
  margin: 40px auto 0
}

footer .nav ul {
  display: table-cell;
  width: 25%
}

footer .nav li {
  margin-top: 10px
}

footer .nav li a {
  color: #616161;
  font-size: 14px
}

footer .nav li i {
  color: #9e9e9e;
  font-size: 16px;
  margin-right: 4px
}

footer .copy {
  text-align: center;
  font-size: 10px;
  padding: 20px 0
}

footer .bg .tel .corner01 {
  background: #EEE;
  padding: 25px 0 25px;
  text-align: center
}

footer .bg .tel .txt01 {
  font-size: 16px
}

footer .bg .tel .call {
  font-size: 48px;
  color: #f2799a;
  margin: 15px 0
}

footer .bg .tel .call i {
  font-size: 28px;
  background: #FFF;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  border: 2px solid #f2799a;
  text-align: center;
  margin-right: 10px
}

footer .bg .tel .call i,
footer .bg .tel .call span {
  display: inline-block;
  vertical-align: middle
}

footer .bg .tel .txt02 {
  font-size: 14px
}

footer#sc p {
  background: #EEE
}

.howto {
  padding: 80px 0;
  color: #616161;
  border-bottom: 1px solid #EEE
}

.howto .ttl {
  text-align: center
}

.howto .ttl .ttl01 {
  margin-top: 20px
}

.howto .ttl .ttl02 {
  margin: 20px 0;
  font-size: 24px
}

.howto .ttl .ttl02 strong:first-child,
.howto .ttl .ttl02 i {
  color: #f2779a
}

.howto .ttl .ttl02 i {
  margin: 0 .2em
}

.howto .step li {
  margin-bottom: 40px;
  border: 1px solid #d0b592;
  position: relative
}

.howto .step li:after {
  content: "\f107";
  font-size: 40px;
  color: #bdbdbd;
  font-family: FontAwesome;
  position: absolute;
  left: 115px
}

.howto .step li:last-child:after {
  display: none
}

.howto .step li>* {
  display: table-cell;
  vertical-align: middle
}

.howto .step li>.ttl {
  background: #d0b592;
  width: 250px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 20px
}

.howto .step li>.ttl span {
  font-size: 40px
}

.howto .step li>.ttl strong {
  font-size: 18px;
  margin-top: 10px;
  display: block
}

.howto .step li>.txt {
  padding: 20px;
  font-size: 16px
}

.howto .step li>.txt>* {
  display: inline-block;
  vertical-align: middle
}

.howto .step li>.txt>img {
  width: 80px;
  height: 80px
}

.howto .step li>.txt>p {
  width: 600px;
  margin-left: 10px
}

.howto .step li>.txt>p strong {
  display: block;
  margin-bottom: 15px;
  color: #f2779a;
  font-size: 18px
}

.howto .link {
  width: 680px;
  margin: 0 auto;
  display: table;
  border-spacing: 20px 0
}

.howto .link li {
  display: table-cell;
  width: 33.333%;
  text-align: center
}

.howto .link li a {
  padding: 19px 0
}

.howto .link li i {
  font-size: 27px;
  right: 18px;
  margin-top: -13.5px
}

.howto div.shopDetail {
  padding: 2em 0
}

.howto div.shopDetail>dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin-bottom: 1em
}

.howto div.shopDetail>dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.5;
  background-color: #eee;
  padding: 0 .9em
}

.howto div.shopDetail>dl dd {
  padding: 1em;
  line-height: 1.4
}

.howto div.shopDetail>dl dd>p {
  margin-bottom: .5em
}

.sec_ttl {
  text-align: center;
  padding: 20px 0 20px
}

.sec_ttl_graybg {
  text-align: center;
  padding: 60px 0 0;
  background-color: #EEE
}

.sec_ttl .ttl00,
.sec_ttl_graybg .ttl02,
.sec_ttl .ttl02 {
  padding-bottom: 20px;
  font-size: 28px;
  position: relative
}

.sec_ttl_graybg .ttl02 span,
.sec_ttl .ttl02 span {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 12px;
  color: #9e9e9e
}

.sec_ttl .ttl02:before,
.sec_ttl .ttl02:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #e0e0e0;
  position: absolute;
  left: 50%;
  margin-left: -40px
}

.sec_ttl_graybg .ttl02:before,
.sec_ttl_graybg .ttl02:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #9e9e9e;
  position: absolute;
  left: 50%;
  margin-left: -40px
}

.sec_ttl_graybg .ttl02:before,
.sec_ttl .ttl02:before {
  bottom: 0
}

.sec_ttl_graybg .ttl02:after,
.sec_ttl .ttl02:after {
  bottom: -2px
}

.top_kv_send {
  background: url(../img/top/kv_send2.jpg) no-repeat center #c4c4c4;
  height: 420px
}

.top_kv_shop {
  background: url(../img/top/kv_shop.png) no-repeat center #e5e5e5;
  height: 380px
}

.top_kv_visit {
  background: url(../img/top/kv_visit.png) no-repeat center #e5e5e5;
  height: 380px
}

.top_kv_campaign {
  height: 470px
}

.top_kv_shop1 {
  background: url(../img/shop/kv_shop1_bg.png) no-repeat center #fff
}

.top_kv_shop2 {
  background: url(../img/shop/kv_shop2_bg.png) no-repeat center #fff
}

.detail_kv {
  border-top: 1px solid #EEE;
  text-align: center
}

.brand_ttl {
  text-align: center;
  background: #EEE;
  padding: 0 0 20px;
  font-weight: 700;
  color: #363636
}

.brand_ttl .txt {
  font-size: 21px;
  margin-bottom: 13px;
  padding-top: 40px
}

.brand_ttl .ttl01 {
  font-size: 42px;
  line-height: 1.3;
  margin-bottom: 13px
}

.brand_ttl .ttl01 span {
  font-size: 30px
}

.brand_ttl .bal {
  color: #f2799a;
  background: #FFF;
  display: inline-block;
  padding: 16px 21px;
  border-radius: 25px;
  position: relative;
  margin-bottom: 20px
}

.brand_ttl .bal:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFF transparent transparent transparent;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px
}

.brand_ttl .ttl02 {
  background: #f2799a;
  color: #FFF;
  font-size: 36px;
  padding: 32px 0
}

.brand_ttl .ttl02 span.fs_71per {
  font-size: 71%
}

.brand_ttl .ttl02 span.fs_86per {
  font-size: 86%
}

.brand_ttl .ttl03 {
  font-size: 36px;
  padding: 40px 0 60px
}

.brand_ttl .ttl03 span {
  font-size: 20px;
  display: block;
  margin-bottom: 13px;
  letter-spacing: .15em
}

.brand_catch {
  background: #fff;
  border-bottom: 5px solid #fdedf2;
  font-size: 80%;
  font-weight: 700;
  line-height: 1.5;
  padding: 15px;
  position: relative;
  text-align: center
}

.brand_catch p {
  position: relative;
  z-index: 2
}

.brand_catch strong {
  font-size: 135%
}

.brand_catch+* .detail_kv {
  border-top: none
}

.brand_ttl_txt {
  overflow: hidden;
  padding: 20px 70px 20px 340px;
  position: relative
}

.brand_ttl_txt:before {
  background: url(/img/brand/brand_ttl_txt_bg01.jpg) no-repeat center 0;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -100px;
  width: 600px;
  height: 100%
}

.brand_ttl_txt p {
  background-color: rgba(255, 255, 255, .75);
  border-radius: 5px;
  color: #616161;
  line-height: 2;
  padding: 40px 20px
}

.brand_ttl_txt p strong {
  font-size: 125%
}

.brand_ttl_txt_sub {
  font-size: 75%
}

.brand_ttl_em {
  background-color: #bfa178;
  color: #fff;
  line-height: 2;
  padding: 20px
}

  .bran_ttl_em_txt {
      font-size: 90%;
  }

.brand_ttl_em_ttl {
  background-color: #fff;
  border-radius: 5px;
  color: #bfa178;
  font-size: 108%;
  margin: 10px auto 0;
  padding: 10px;
  max-width: 1000px;
}

.brand_ttl_em_popular {
  font-size: 86%;
  margin: 10px auto 0;
  max-width: 1000px;
  font-weight: normal;
  line-height: 180%;
}

@media (max-width:780px) {
  .brand_catch {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 60%
  }

  .brand_catch:before,
  .brand_catch:after {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%
  }

  .brand_catch:before {
    background-image: url(/img/brand/brand_catch_bg01.jpg);
    left: 0;
    width: 90px
  }

  .brand_catch:after {
    background-image: url(/img/brand/brand_catch_bg02.jpg);
    right: 0;
    width: 160px
  }

  .brand_catch strong {
    display: block
  }

  .brand_ttl_txt {
    font-size: 80%;
    padding-right: 2%;
    padding-left: 170px
  }

  .brand_ttl_txt:before {
    left: -185px
  }

  .brand_ttl_txt p {
    padding: 30px 10px
  }

  .brand_ttl_txt p strong {
    font-size: 100%
  }
}

.brand_ttl p.title3 {
  font-size: 14px !important
}

.brand_ttl .txt {
  padding-top: 30px
}

.brand_ttl .ttl01 {
  font-size: 100%
}

.brand_ttl p.title1b {
  font-size: 21px !important
}

.brand_ttl .ttl01 span {
  font-size: 100%
}

.brand_ttl p.title4 {
  font-size: 16px !important
}

.brand_ttl .ttl02 {
  padding-top: 20px;
  padding-bottom: 20px
}

.brand_point {
  position: relative;
  color: #616161;
  border-bottom: 1px solid #EEE;
  padding: 80px 0 60px
}

.brand_point .txt {
  line-height: 1.8;
  margin-top: 30px
}

.brand_point .txt img {
  float: left;
  margin-right: 15px
}

.brand_point>.ttl {
  position: absolute;
  left: 50%;
  top: -60px;
  margin-left: -290px;
  z-index: 1
}

.brand_point.is-s {
  border-bottom: none;
  padding-bottom: 0
}

.NoBg_ttl {
  border-top: 1px solid #EEE;
  text-align: center;
  padding: 0;
  font-weight: 700;
  background: #fff
}

.NoBg_ttl h1.ttl01 {
  font-size: 42px
}

.corner01>.wrapper>.txt {
  margin-top: 20px
}

.accordion {
  width: 92%;
  margin: 4%;
  overflow: hidden
}

.accordion .ac-content {
  margin: 0;
  position: relative
}

.accordion .ac-content i {
  float: right;
  font-size: 24px
}

.accordion h3 {
  display: block;
  background: #616161;
  cursor: pointer;
  padding: 10px;
  color: #fff;
  font-size: 1.667em;
  border-radius: 5px
}

.accordion h3:hover {
  background: #616161
}

.accordion h3 .fa-chevron-up {
  display: none
}

.accordion .ac2-cont {
  border: 2px solid #616161;
  border-radius: 0 0 5px 5px;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
  display: none
}

.accordion .ac2-cont p a {
  display: block;
  padding: 15px 10px;
  color: #616161
}

.accordion .ac2-cont p strong {
  display: block;
  margin-bottom: 5px
}

.accordion .ac2-cont p:nth-child(even) {
  background: #eee
}

.accordion .ac2-cont p i {
  margin-top: -.7em;
  color: #f2779a
}

.accordion .brand_box {
  margin-bottom: 10px
}

.accordion .brand_box.active .ac2-cont {
  display: block
}

.accordion .brand_box.active h3 {
  border-radius: 5px 5px 0 0
}

.accordion .brand_box.active .fa-chevron-up {
  display: inline-block
}

.accordion .brand_box.active .fa-chevron-down {
  display: none
}

.attention {
  border-bottom: 1px solid #EEE;
  color: #616161;
  padding: 40px 0 80px;
  text-align: center
}

.attention h2.ttl {
  border: #ffc107 4px solid;
  color: #ffc107;
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  padding: .5em
}

.attention h2.ttl i {
  margin-right: .3em
}

.attention .txt {
  padding: 20px 0
}

.attention .box {
  display: table;
  width: 1120px;
  border-spacing: 40px 0;
  margin-left: -40px;
  position: relative
}

.attention .box>.border,
.attention .box>.tel {
  display: table-cell;
  width: 50%;
  vertical-align: bottom
}

.attention .box>.border>.web>div {
  padding: 20px
}

.attention .box>.border>.web .corner01 {
  background: #fdebf0
}

.attention .box>.border>.web .corner01 a {
  font-size: 28px;
  font-weight: 700;
  padding: 14px 0 8px
}

.attention .box>.border>.web .corner01 a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -10px
}

.attention .box>.border>.web .corner01 a i {
  font-size: 40px;
  right: 30px;
  margin-top: -20px
}

.attention .box>.border>.web .date .txt {
  font-size: 28px
}

.attention .box .date {
  border: 1px solid #bdbdbd;
  background: #FFF !important;
  margin-top: 20px;
  display: table;
  width: 100%;
  border-spacing: 1px
}

.attention .box .date li {
  display: table-cell;
  width: 50%;
  vertical-align: middle
}

.attention .box .date .ttl {
  background: #EEE;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6
}

.attention .box .date .txt span {
  font-size: 30px;
  color: #FFF;
  background: #616161;
  display: inline-block;
  width: 60px;
  height: 40px;
  line-height: 40px;
  margin-right: 5px;
  border-radius: 20px
}

.attention .box>.tel .corner01 {
  background: #EEE;
  padding: 54px 0
}

.attention .box>.tel .txt01 {
  font-size: 16px
}

.attention .box>.tel .call {
  font-size: 48px;
  color: #f2799a;
  margin: 15px 0
}

.attention .box>.tel .call i {
  margin-right: 5px;
  width: 60px;
  height: 60px
}

.attention .box>.tel .call i,
.attention .box>.tel .call span {
  display: inline-block;
  vertical-align: middle
}

.attention .box>.tel .txt02 {
  font-size: 14px;
  margin-bottom: 15px
}

.attention .box .bal {
  margin-bottom: 5px
}

.attention .box .bal>li {
  display: inline-block
}

.attention .box .bal>li:last-child {
  margin-left: 14px
}

.attention .box .img {
  position: absolute;
  right: 100px;
  top: -75px;
  z-index: -1
}

.attention.notice .box>.border {
  vertical-align: middle;
  line-height: 1.8em;
  text-align: left
}

.attention.notice .box>.tel .corner01 {
  background: #fff;
  padding: 24px 0
}

.attention.last .sec_ttl .ttl02:before,
.attention.last .sec_ttl .ttl02:after {
  display: none
}

.attention.last .img01,
.attention.last .img02 {
  text-align: center
}

.attention.last .img02 {
  margin: 15px 0 40px
}

.attention.last .box {
  width: 1080px
}

.campaign_main {
  color: #616161
}

.campaign_main .bg02 {
  background-image: url(../img/campaign/clo_top-1_02_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg04 {
  background-image: url(../img/campaign/clo_top-1_04_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg06 {
  background-image: url(../img/campaign/clo_top-1_06_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg07 {
  background-image: url(../img/campaign/clo_top-1_07_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg08 {
  background-image: url(../img/campaign/clo_top-1_08_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg09 {
  background-image: url(../img/campaign/clo_top-1_09_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg10 {
  background-image: url(../img/campaign/clo_top-1_10_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg11 {
  background-image: url(../img/campaign/clo_top-1_11_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg12 {
  background-image: url(../img/campaign/clo_top-1_12_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg13 {
  background-image: url(../img/campaign/clo_top-1_13_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg14 {
  background-image: url(../img/campaign/clo_top-1_14_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg15 {
  background-image: url(../img/campaign/clo_top-1_15_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg18 {
  background-image: url(../img/campaign/clo_top-1_18_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg19 {
  background-image: url(../img/campaign/clo_top-1_19_bg.png);
  background-repeat: repeat-x
}

.campaign_main_aw .bg19 {
  background-image: url(../img/campaign/clo_top-1_19_bg.png);
  background-repeat: repeat-x
}

.campaign_main .wrapper {
  width: 800px
}

.campaign_main .ttl02 {
  position: relative
}

.campaign_main .ttl02 .txt {
  position: absolute;
  font-size: 21px;
  text-align: left;
  line-height: 1.4
}

.campaign_main .clo01 {
  margin-top: -70px
}

.campaign_main .clo01 .txt {
  width: 350px;
  left: 300px;
  bottom: 115px
}

.campaign_main .clo02 {
  margin-top: -40px
}

.campaign_main .clo02 .txt {
  width: 420px;
  bottom: 90px
}

.campaign_main .clo03 {
  margin-top: -40px;
  margin-bottom: 25px
}

.campaign_main .clo03 .txt {
  left: 320px;
  bottom: 20px
}

.campaign_main .clo04 {
  margin-top: 25px;
  margin-bottom: -95px
}

.campaign_main .clo04 .txt {
  top: 95px
}

.campaign_main .clo04 .txt strong {
  color: #f2799a
}

.campaign_main .point ul {
  margin-top: 20px
}

.campaign_main .point li {
  text-align: left;
  margin-bottom: 35px
}

.campaign_main .point .ttl {
  font-size: 21px;
  font-weight: 700;
  color: #616161;
  margin-bottom: 15px
}

.campaign_main .point .ttl img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

.campaign_main .point .txt {
  font-size: 16px;
  line-height: 1.5
}

.campaign_main .box .ttl {
  margin: 40px 0
}

.campaign_main .box ul {
  text-align: center;
  display: table;
  border-spacing: 50px 0;
  margin: 0 auto
}

.campaign_main .box li {
  display: table-cell
}

.campaign_main .box .txt {
  text-align: left;
  margin-top: 30px;
  line-height: 1.7;
  font-size: 16px
}

.campaign_main_nounder .clo01 {
  margin-top: -70px
}

.cam_search {
  background: #EEE;
  padding-bottom: 40px
}

.cam_search .txt {
  margin: 0;
  padding: 60px 0 20px
}

.cam_search .ttl {
  background: #FFF
}

.cam_search .ttl:after {
  border-color: #FFF transparent transparent transparent
}

.howto_ttl {
  padding: 0 0 30px
}

.howto_ttl .ttl02 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.4;
  color: #616161 !important
}

.howto_ttl .ttl02 span {
  font-size: 1.3em
}

.howto_btn {
  width: 1040px
}

.howto_btn ul {
  display: table;
  border-spacing: 20px 0
}

.howto_btn li {
  display: table-cell;
  width: 320px;
  text-align: center;
  border: 2px solid #f2799a
}

.howto_btn li a {
  display: block;
  padding: 30px 0 5px
}

.howto_btn li .txt {
  font-size: 16px;
  color: #616161;
  margin-bottom: 15px
}

.howto_btn li .ttl {
  font-size: 28px;
  color: #212121;
  font-weight: 700
}

.howto_btn li .ttl strong {
  color: #f2799a
}

.howto_btn li .ttl .num {
  background: #f2799a;
  color: #FFF;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 24px;
  border-radius: 50%
}

.howto_btn li i {
  font-size: 40px
}

.howto_about {
  padding: 80px 0 0
}

.howto_about>.ttl {
  font-size: 1.3em;
  color: #616161 !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px
}

.howto_about>ul {
  display: table;
  border-spacing: 40px 0;
  width: 1080px
}

.howto_about>ul>li {
  display: table-cell;
  width: 50%;
  background: #f8f4ef
}

.howto_about>ul>li .ttl {
  background: #f2799a;
  text-align: center;
  color: #FFF;
  font-weight: 700;
  padding: 16px 0;
  border-radius: 4px 4px 0 0
}

.howto_about>ul>li .box {
  padding: 20px 20px 0;
  text-align: center
}

.howto_about>ul>li .txt01 {
  font-size: 16px;
  color: #c4a277
}

.howto_about>ul>li .img {
  margin: 20px 0 15px
}

.howto_about>ul>li .txt02 {
  background: #FFF;
  display: block;
  padding: 16px 0;
  margin-bottom: 20px
}

.howto_about>ul>li .txt02 span {
  color: #f2799a
}

.howto_about>ul>li .txt03 {
  font-size: 16px;
  text-align: left;
  line-height: 1.5
}

.howto_select {
  padding: 80px 0
}

.howto_select .howto {
  padding: 80px 0 40px
}

.howto_select .howto .btn02 {
  width: 500px;
  margin: 0 auto;
  text-align: center;
  font-size: 21px;
  padding: 17px 0
}

.howto_select .howto .btn02 i {
  font-size: 30px;
  right: 18px;
  margin-top: -15px
}

.howto_select>.ttl {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px
}

.howto_select .tab_menu.top {
  border-bottom: 2px solid #f2799a
}

.howto_select .tab_menu.top li {
  border-radius: 4px 4px 0 0
}

.howto_select .tab_menu.btm {
  border-top: 2px solid #f2799a
}

.howto_select .tab_menu.btm li {
  border-radius: 0 0 4px 4px
}

.howto_select .tab_menu ul {
  display: table;
  border-spacing: 20px 0;
  width: 1040px
}

.howto_select .tab_menu li {
  display: table-cell;
  width: 33.333%;
  cursor: pointer;
  background: #EEE;
  color: #616161;
  font-size: 15px;
  text-align: center;
  padding: 25px 0
}

.howto_select .tab_menu li strong {
  display: block;
  font-size: 28px;
  margin-top: 7px
}

.howto_select .tab_menu li.active {
  background: #f2799a;
  color: #FFF
}

.howto_select .tab_box {
  display: none
}

.howto_select .tab_box.active {
  display: block
}

.howto_merit {
  padding: 60px 0 0;
  color: #616161
}

.howto_merit .ttl02:before,
.howto_merit .ttl02:after {
  display: none
}

.howto_merit .ttl03 {
  font-weight: 700;
  color: #f2779a;
  margin-bottom: 10px
}

.howto_merit ul {
  display: table;
  border-spacing: 20px 0;
  width: 1040px;
  margin: 10px 0 0 -20px
}

.howto_merit li {
  display: table-cell;
  width: 33.33%;
  background: #f8f4ef;
  padding: 20px
}

.howto_merit .ttl {
  display: table;
  width: 100%;
  border-spacing: initial;
  line-height: 1.5;
  font-weight: 700;
  color: #424242
}

.howto_merit .ttl>* {
  display: table-cell;
  vertical-align: middle;
  width: 170px
}

.howto_merit .ttl>img {
  padding-right: 20px;
  width: 110px
}

.howto_merit .txt {
  font-size: 14px;
  color: #616161;
  margin-top: 20px
}

.mt_05em {
  margin-top: .5em
}

.mt_1em {
  margin-top: 1em
}

.mt_2em {
  margin-top: 2em
}

.mt_3em {
  margin-top: 3em
}

.mt_5em {
  margin-top: 5em !important
}

.mb_05em {
  margin-bottom: .5em
}

.mb_1em {
  margin-bottom: 1em
}

.mb_2em {
  margin-bottom: 2em
}

.jq_hide {
  display: none
}

section,
section.last,
.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px
}

section.login,
section.noUse,
section.cam_search,
section.campaign_main,
section.top_kv_campaign,
section.top_kv_send,
section.top_kv_shop,
section.top_kv_visit,
section.top_kv_shop1,
section.top_kv_shop2,
section.top_kv_eco {
  max-width: none
}

.results-suggest-hover {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  z-index: 200
}

.results-suggest-hover .container {
  max-width: 960px
}

.results-suggest-hover .fa-star {
  color: #d0b592
}

.results-suggest-hover .fa-ban {
  color: #999
}

.results-suggest-hover-title {
  background: #616161;
  border-radius: 5px 5px 0 0;
  color: #fff;
  padding: 10px;
  position: relative
}

.results-suggest-hover-title .close {
  color: #fff;
  position: absolute !important;
  top: 10px;
  right: 15px
}

.results-suggest-hover-body {
  background: #fff;
  border-radius: 0 0 5px 5px;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.results-suggest-hover-body li a,
.results-suggest-hover-body li p {
  border-top: 1px solid #e0e0e0;
  display: block;
  font-size: 89%;
  line-height: 20px;
  padding: 10px 10px 10px 40px;
  position: relative
}

.results-suggest-hover-body li p {
  color: #616161
}

.results-suggest-hover-body li .fa-star,
.results-suggest-hover-body li .fa-ban {
  font-weight: 400;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 10px;
  text-align: center;
  width: 30px;
  z-index: 2
}

.results-suggest-hover-body li.suggest-buy {
  font-weight: 700
}

.results-suggest-hover-body li.normal a {
  color: #616161
}

.results-suggest-hover-body li span {
  border: 1px solid #f2799a;
  border-radius: 5px;
  color: #f2799a;
  display: inline-block;
  font-size: 80%;
  font-weight: 400;
  line-height: 28px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  right: 10px;
  text-align: center;
  width: 120px
}

.results-suggest-hover-body li a:hover {
  background: #fdebf0
}

.results-suggest-hover-body li a:hover:hover span {
  background: #f2799a;
  color: #fff
}

.results-suggest-bg {
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.content-results-search {
  padding: 0;
  background: url(../img/result/resultBg.png) no-repeat top center;
  background-size: cover;
  color: #fff;
  text-align: center
}

.content-results-search .bg {
  background-color: rgba(0, 0, 0, .5);
  margin: 0;
  padding: 60px 0;
  line-height: 1.5
}

.content-results-search .lead {
  margin-bottom: 40px
}

.content-results-search .tab-content {
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px
}

.content-results-search .word-free .tab-content-title {
  padding-bottom: 20px
}

.content-results-search .word-free input {
  background: #f2799a;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, .2) inset;
  color: #fff;
  font-size: 125%;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  width: 100%;
  height: 60px
}

.content-results-search .word-free input:placeholder-shown {
  color: #fff
}

.content-results-search .word-free input::-webkit-input-placeholder {
  color: #fff
}

.content-results-search .word-free input:-moz-placeholder {
  color: #fff;
  opacity: 1
}

.content-results-search .word-free input::-moz-placeholder {
  color: #fff;
  opacity: 1
}

.content-results-search .word-free input:-ms-input-placeholder {
  color: #fff
}

.content-results-search .word-kana .tab-content-title {
  padding-bottom: 10px
}

.content-results-search .word-kana .table-wrap {
  margin-right: -10px;
  margin-left: -10px
}

.content-results-search .word-kana ul {
  border-collapse: separate;
  border-spacing: 10px 0;
  display: table;
  margin-top: 10px;
  table-layout: fixed;
  width: 100%
}

.content-results-search .word-kana li {
  display: table-cell
}

.content-results-search .word-kana li a {
  background-color: rgba(255, 255, 255, .2);
  border-bottom: 2px solid #616161;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 93%;
  font-weight: 700;
  padding: 15px
}

.paging {
  padding-top: 20px;
  text-align: center
}

.paging a,
.paging i {
  line-height: 28px
}

.paging a {
  border: 1px solid #f2799a;
  display: inline-block;
  font-size: 79%;
  margin: 0 3px;
  width: 30px;
  vertical-align: top
}

.paging a.on {
  background: #f2799a;
  color: #fff
}

.page-top {
  margin: 0;
  padding: 0;
  display: none
}

.page-top p {
  margin: 0;
  padding: 0;
  position: fixed;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  z-index: 9999
}

.move-page-top {
  display: block;
  transition: all 0.3s
}

.move-page-top img {
  width: 60px;
  height: 60px;
  z-index: 9999
}

.move-page-top:hover {
  opacity: .85
}

section.pageTitle,
div.pageTitle_wht {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  padding: 2em 0;
  background-color: #fff;
  border-radius: 0;
  color: #616161
}

section.pageTitle span {
  font-size: .7em
}

div.pageTitle_wht {
  background-color: transparent !important;
  color: #ffffff !important
}

p.title1,
p.title1white {
  font-size: 32px !important;
  font-weight: bold !important;
  display: inline-block;
  position: relative
}

p.title1:before,
p.title1white:before,
p.title1:after,
p.title1white:after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -20px
}

p.title1 {
  color: #363636 !important
}

p.title1:before,
p.title1:after {
  border-bottom: 2px solid #ccc
}

p.title1white {
  color: #fff !important
}

p.title1white:before,
p.title1white:after {
  border-bottom: 2px solid #fff
}

@media (min-width:780px) {
  p.title1b {
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 130% !important
  }

  p.title2 {
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 130% !important
  }

  p.title3 {
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 130% !important
  }

  p.title4 {
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 180% !important
  }

  p.txt1 {
    font-size: 22px !important;
    font-weight: normal !important;
    line-height: 150% !important
  }

  ul.txt2,
  span.txt2,
  p.txt2 {
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 150% !important
  }

  li.txt3,
  div.txt3,
  span.txt3,
  p.txt3 {
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 180% !important
  }

  p.menu,
  span.txt4,
  p.txt4 {
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 150% !important
  }

  span.txt5,
  p.txt4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 180%
  }
}

p.title1b {
  font-size: 28px;
  font-weight: 700;
  line-height: 130%
}

p.title2 {
  font-size: 23px;
  font-weight: 700;
  line-height: 130%
}

p.title3 {
  font-size: 17px;
  font-weight: 700;
  line-height: 145%
}

p.title4 {
  font-size: 15px;
  font-weight: 700;
  line-height: 180%
}

p.txt1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 150%
}

ul.txt2,
span.txt2,
p.txt2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%
}

li.txt3,
div.txt3,
span.txt3,
p.txt3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 180%
}

p.menu,
span.txt4,
p.txt4 {
  font-size: 13px;
  font-weight: 400;
  line-height: 150%
}

span.txt5,
p.txt4 {
  font-size: 12px;
  font-weight: 400;
  line-height: 180%
}

.sm {
  display: none !important
}

*[class*="mBtn"] {
  display: block;
  position: relative;
  line-height: 2.5em;
  text-align: center;
  font-weight: 700;
  font-size: 1.45em;
  border-radius: 2px;
  color: #FFF;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 1px 2px #ccc;
  background: #f2799a;
  border-bottom: 1px solid #d96d8a
}

*[class*="mBtn2"] {
  display: block;
  position: relative;
  line-height: 2.5em;
  text-align: center;
  font-weight: 700;
  font-size: 1.45em;
  border-radius: 2px;
  color: #FFF;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 1px 2px #ccc;
  background: #f2799a;
  border-bottom: 1px solid #d96d8a
}

*[class*="mBtn-gry"] {
  background: #9e9e9e;
  border-bottom: 1px solid #8e8e8e
}

*[class*="mBtn-dgry"] {
  background: #616161;
  border-bottom: 1px solid #515151
}

*[class*="mBtn-wht"] {
  background-color: #fff;
  color: #9e9e9e;
  border: 1px #eee solid;
  border-bottom: 1px #ddd solid
}

*[class*="mBtn-ppl"] {
  background-color: #c8abe9;
  color: #fff;
  border-bottom: 1px #b49ad1 solid
}

*[class*="mBtn"]:after {
  content: "\f105";
  font: normal normal normal 1.2em FontAwesome;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  right: .5em
}

*[class*="mBtn"]>i {
  font-size: 1.4em;
  position: relative;
  top: .15em
}

*[class*="-nic"]:after {
  content: ""
}

*[class*="ic-undo-"]::before,
*[class*="ic-heart-"]::before {
  content: " ";
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: .28em
}

.sBtn {
  text-align: center;
  line-height: 3em;
  border: 1px #f2799a solid;
  border-radius: .2em;
  display: block;
  position: relative;
  text-decoration: none;
  font-seize: 1.09em
}

.sBtn:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 1.4em;
  font-weight: 400;
  position: absolute;
  top: -1px;
  right: .5em
}

@media (min-width:780px) {
  .sBtn {
    border-width: 2px
  }
}

input[type="button"],
input[type="text"],
input[type="submit"],
input[type="checkbox"],
select,
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none
}

section .btn {
  display: block;
  position: relative;
  line-height: 2.5em;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  border-radius: 2px;
  color: #FFF;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 2px #ccc;
  background: #f2799a;
  border-bottom: 2px solid #d96d8a
}

section .btn:before {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome
}

section .btn i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px
}

#tenpo .mt_2em {
  margin-top: 2em
}

#tenpo .mb_2em {
  margin-bottom: 2em
}

#tenpo section.top {
  position: relative;
  background: none
}

#tenpo section.top>h1 {
  text-align: center;
  font-weight: 700;
  font-size: 1.909em;
  width: 100%;
  position: absolute;
  top: 1em;
  left: 0
}

#tenpo section.top>img.mainImg {
  width: 100%
}

#tenpo section.top>div.catch {
  text-align: center;
  padding: 1.5em 0em 0em;
  background: #fff
}

#tenpo section.top>div.catch>h2,
#tenpo section.top>div.catch .textwrap>h2 {
  font-size: 1em;
  margin-bottom: .6em;
  color: #f2799a;
  font-weight: 700
}

#tenpo section.top>div.catch>h2.fs_LL,
#tenpo section.top>div.catch .textwrap>h2.fs_LL {
  font-size: 1.636em;
  font-weight: 700;
  color: #f2799a;
  margin-bottom: .4em
}

#tenpo section.top>div.catch>h2 span.fs_LL,
#tenpo section.top>div.catch .textwrap>h2 span.fs_LL {
  font-size: 1.636em;
  font-weight: 700;
  color: #f2799a;
  margin-left: .3em
}

#tenpo section.top>div.catch>p,
#tenpo section.top>div.catch .textwrap>p {
  font-size: .909em;
  font-weight: 700;
  color: #616161;
  margin-bottom: 1em
}

#tenpo section.top>div.catch>p.bgPink,
#tenpo section.top>div.catch .textwrap>p.bgPink {
  font-size: 75%;
  letter-spacing: -.1em;
  font-weight: 700;
  color: #fff;
  background: #f2799a;
  padding: .8em 0
}

#tenpo section.top>div.catch>h3,
#tenpo section.top>div.catch .textwrap>h3 {
  font-size: 1.636em;
  color: #fff;
  background-color: #fff;
  line-height: 1.5;
  font-family: "Noto Serif";
  border: 1px solid #f2799a
}

#tenpo section.top>div.catch>h3>i,
#tenpo section.top>div.catch .textwrap>h3>i {
  width: 2em;
  height: 2em;
  font-size: .5em;
  vertical-align: middle;
  line-height: 2;
  background-color: #fff;
  color: #f2799a;
  border-radius: 50%;
  margin-right: .5em;
  margin-top: -.2em
}

#tenpo section.top>div.catch>h3 img,
#tenpo section.top>div.catch .textwrap>h3 img {
  height: 1em
}

#tenpo section.top>.catch h3.link a .ic-freedial {
  width: 40px;
  height: 40px
}

#tenpo section.main {
  background: none;
  margin: 2%;
  color: #616161;
  padding-top: 2em
}

#tenpo section.main>h2 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 .5em
}

#tenpo section.main>h3 {
  color: #9e9e9e;
  text-align: center;
  margin-bottom: .5em;
  font-family: "Noto Serif"
}

#tenpo section .content {
  padding: 1em;
  background-color: #fff;
  border-radius: 4px
}

#tenpo section.main .content>p.reservation {
  font-size: 1.09em;
  font-weight: 700;
  margin: 1em .5em 1.2em
}

#tenpo section.main .content>p.reservation span {
  color: #f2799a;
  font-weight: 400
}

#tenpo section.main .content p {
  line-height: 1.2;
  font-size: 1em;
  margin: 1em .5em 1.2em
}

#tenpo section.main .content>p.notice {
  font-size: .909em;
  margin-bottom: 2em !important
}

#tenpo section.main .content>dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin-bottom: 1em
}

#tenpo section.main .content>dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.5;
  background-color: #eee;
  padding: 0 .9em
}

#tenpo section.main .content>dl dd {
  padding: 1em 1em 2.4em;
  line-height: 1.4
}

#tenpo section.main .content>dl dd.tel {
  font-family: "Noto Serif";
  font-weight: 700
}

#tenpo section.main .content>dl dd.map p {
  margin-top: 1em
}

#tenpo section.special {
  margin: 2%
}

#tenpo section.news {
  color: #616161
}

#tenpo section.news p {
  margin: 1em .5em 1.2em;
  line-height: 1.5
}

#tenpo section.news .snsArea {
  border-top: 2px #e0e0e0 solid;
  border-bottom: 2px #e0e0e0 solid;
  padding: 1em
}

#tenpo section.news>h2 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 .5em
}

#tenpo section.news>h3 {
  color: #9e9e9e;
  text-align: center;
  font-family: "Noto Serif";
  padding-bottom: 1.5em
}

#tenpo section.news .blog {
  margin: 0 2% 2%;
  border: 1px #f2779a solid;
  padding-bottom: 5%
}

#tenpo section.news .blog h4 {
  color: #fff;
  background: url(../img/tenpo/titleBg_dot.png) right 7% bottom 0pt no-repeat #f2779a;
  background-size: 70px;
  padding: .5em .5em .5em .8em
}

#tenpo section.news .blog dl {
  border-bottom: #eee 1px solid;
  padding: .7em 1em;
  font-size: .909em
}

#tenpo section.news .blog dl dt {
  clear: left;
  float: left;
  width: 25%
}

#tenpo section.news .blog dl dd {
  margin-left: 25%
}

#tenpo section.news .blog dl dd a {
  color: #3fb5b5
}

#tenpo section.news .twitter {
  margin: 0 2%;
  border: 1px #79bdf2 solid
}

#tenpo section.news .twitter h4 {
  color: #fff;
  background: url(../img/tenpo/titleBg_dot.png) right 3% bottom 0pt no-repeat #79bdf2;
  background-size: 70px;
  padding: .5em .5em .5em .8em
}

#tenpo section.news .twitter #twitter-widget-0 {
  width: 97% !important;
  margin: 0 auto !important;
  display: block !important
}

#tenpo section.news .tentouSimu {
  padding: 1em;
  border-bottom: 2px #e0e0e0 solid
}

#tenpo section.news .tentouSimu p {
  margin: 1em 0 1.2em;
  line-height: 1.33
}

#tenpo section.news .tentouSimu p.txtPink {
  color: #f2779a
}

#tenpo section.news .tentouSimu img {
  display: block;
  margin: 0 auto
}

#tenpo section.news .tentouSimu img.wdt70per {
  width: 70%
}

#tenpo section.news .tentouSimu p.simuIntro {
  text-align: center;
  margin: 0
}

#tenpo section.news .tentouSimu p.simuIntro img {
  width: 90% !important
}

#tenpo section.news .tentouSimu h2 {
  color: #f2779a;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1.33
}

#tenpo section.news .tentouSimu h3 {
  color: #f2779a;
  font-weight: 700;
  font-size: 1.09em;
  margin-bottom: .5em
}

#tenpo section.news .tentouSimu h3 span {
  color: #fff;
  background: #f2779a;
  border-radius: 100%;
  font-size: 1.6em;
  margin-right: .3em;
  padding: .1em .3em;
  vertical-align: middle
}

#tenpo section.news .tentouSimu img.bnr {
  margin-bottom: 1em
}

#tenpo section.news .reason {
  padding: 1em
}

#tenpo section.news .reason img.step {
  clear: left;
  float: left;
  width: 23%;
  padding: 0 .7em 3.5em
}

#tenpo section.news .reason .stepWrap {
  margin-top: 1.2em;
  border-bottom: 1px #f1f1f1 solid
}

#tenpo section.news .reason .stepWrap h2 {
  color: #f2779a;
  font-weight: 700
}

#tenpo section.news .reason .stepWrap p {
  line-height: 1.5;
  margin: .5em .5em;
  font-weight: 700
}

#tenpo section.news .reason02 {
  padding: 1em
}

#tenpo section.news .reason02 img.graph {
  clear: left;
  float: left;
  width: 25%;
  padding: 0 .1em 2em 0
}

#tenpo section.news .reason02 .graghWrap {
  margin-top: 1.2em;
  border-bottom: 1px #f1f1f1 solid
}

#tenpo section.news .reason02 .graphWrap p {
  line-height: 1.5;
  margin: 1em .2em 1.2em
}

#tenpo section.news .reason02 h2.caseA {
  font-size: 1.09em;
  color: #f2779a;
  font-weight: 700;
  text-align: center;
  margin-bottom: .3em
}

#tenpo section.news .reason02 h2.caseB {
  font-size: 1.09em;
  color: #32cccc;
  font-weight: 700;
  text-align: center;
  margin: 1em 0 .3em
}

#tenpo section.news .reason02 h3 {
  font-size: 1.09em;
  color: #616161;
  font-weight: 700;
  text-align: center
}

#tenpo section.news .reason02 i.reasonArrowA {
  font-size: 2em;
  color: #f2779a;
  text-align: center;
  margin: .1em auto;
  display: block
}

#tenpo section.news .reason02 i.reasonArrowB {
  font-size: 2em;
  color: #32cccc;
  text-align: center;
  margin: .1em auto;
  display: block
}

#tenpo section.shibuInterview {
  color: #616161
}

#tenpo section.shibuInterview>h2 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 .5em
}

#tenpo section.shibuInterview>h3 {
  color: #9e9e9e;
  text-align: center;
  font-family: "Noto Serif";
  padding-bottom: 1.5em
}

#tenpo section.shibuInterview .intCont {
  border-top: 2px #e0e0e0 solid;
  padding: 1em 1em 0
}

#tenpo section.shibuInterview .intCont img.intImg {
  clear: left;
  float: left;
  width: 25%;
  padding: 0 0 3em 0;
  margin-right: .5em
}

#tenpo section.shibuInterview .intCont h2 {
  color: #f2779a;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1.33;
  margin-bottom: .2em
}

#tenpo section.shibuInterview .intCont p.intName {
  font-size: .8em;
  font-weight: 700;
  text-align: right;
  margin: 0
}

#tenpo section.shibuInterview .intCont p {
  line-height: 1.5em;
  margin: .2em 0 .5em
}

#tenpo section.shibuInterview .intCont .qaCont {
  border: 1px #eee solid;
  border-radius: 4px;
  margin: 1em 0;
  padding: .5em
}

#tenpo section.shibuInterview .intCont .qaCont h3 {
  border-bottom: 1px #eee dotted;
  font-weight: 700;
  font-size: 1.09em;
  padding: .5em 0;
  line-height: 1.5em
}

#tenpo section.shibuInterview .intCont .qaCont h3:before {
  content: 'Q';
  color: #fff;
  background: #f2779a;
  border-radius: 100%;
  font-size: 1.2em;
  margin-right: .3em;
  padding: .1em .4em;
  font-family: "Noto Serif";
  display: inline-block;
  float: left;
  margin-bottom: .8em
}

#tenpo section.shibuInterview .intCont .qaCont h3 span {
  color: #fff;
  background: #f2779a;
  border-radius: 100%;
  font-size: 1.2em;
  margin-right: .3em;
  padding: .1em .4em;
  font-family: "Noto Serif";
  display: none
}

#tenpo section.shibuInterview .intCont .qaCont p {
  margin: .5em 0
}

#tenpo section.shopInfo {
  color: #616161
}

#tenpo section.shopInfo>h2 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 .5em
}

#tenpo section.shopInfo>h3 {
  color: #9e9e9e;
  text-align: center;
  font-family: Noto Serif;
  padding-bottom: 1.5em
}

#tenpo section.shopInfo .shopCont {
  padding: 1em;
  border-top: 2px #e0e0e0 solid
}

#tenpo section.shopInfo .shopCont>dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin-bottom: 1em
}

#tenpo section.shopInfo .shopCont>dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.5;
  background-color: #eee;
  padding: 0 .9em
}

#tenpo section.shopInfo .shopCont>dl dd {
  padding: 1em 1em 2.4em;
  line-height: 1.4
}

#tenpo section.shopInfo .shopCont>dl dd p.notice {
  font-size: .909em;
  padding: .3em 0;
  line-height: 1.5
}

#tenpo section.shopInfo .shopCont>dl dd.tel {
  font-family: "Noto Serif";
  font-weight: 700
}

#tenpo section.shopInfo .shopCont>dl dd div.rootTtl {
  margin: .5em 0;
  font-size: 1.09em;
  font-weight: 700;
  padding: .5em 0;
  border-bottom: 1px #eee dotted
}

#tenpo section.shopInfo .shopCont>dl dd div.root {
  padding: .5em 0
}

#tenpo section.shopInfo .shopCont>dl dd div.root div.leftImg {
  clear: left;
  float: left;
  width: 200px;
  margin: 0 1em 0 0
}

#tenpo section.shopInfo .shopCont>dl dd div.root div span {
  color: #f2779a;
  background: #eee;
  border-radius: 100%;
  font-size: 1.09em;
  margin-bottom: .3em;
  padding: 0 .45em;
  vertical-align: middle;
  font-family: "Noto Serif"
}

#tenpo section.shopInfo .shopCont span.bold {
  font-weight: 700
}

#tenpo section.shopInfo .shopCont p.notice {
  font-size: .909em;
  line-height: 1.5;
  margin: 0 !important
}

#campaign section#top {
  background: none
}

#campaign section.item div.itemWrap {
  padding: 0 1em 1em
}

#campaign h1 {
  color: #616161
}

#campaign section.item div.itemWrap p {
  color: #010101;
  font-size: .909em;
  line-height: 1.5;
  text-align: center;
  margin-top: 1em
}

#campaign section.item div.itemWrap p>span {
  color: #f2799a;
  font-weight: 700
}

#campaign section.item div.campCont01 {
  padding: 0 1em 2.5em
}

#campaign section.item div.campCont02 {
  padding: 0 1em 2.5em
}

#campaign section.item div.campCont02 div.kyoukaBrand {
  margin-top: .5em;
  border: 2px #e0e0e0 solid;
  border-radius: 2px
}

#campaign section.item div.campCont02 div.kyoukaBrand ul {
  padding: .5em .7em;
  border-bottom: 2px #e0e0e0 solid
}

#campaign section.item div.campCont02 div.kyoukaBrand ul li.normal {
  font-size: .8em;
  margin-left: 1.8em;
  line-height: 1.5
}

#campaign section.item div.campCont02 div.kyoukaBrand ul li.star {
  font-size: 1.5em;
  padding: .5em 0
}

#campaign section.item div.campCont02 div.kyoukaBrand ul li.star:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em
}

#campaign section.item div.campCont02 div.kyoukaBrand dl {
  display: table;
  width: 100%
}

#campaign section.item div.campCont02 div.kyoukaBrand>dl dt,
#campaign section.item div.campCont02 div.kyoukaBrand>dl dd {
  padding: 1em .7em .5em;
  width: 50%;
  display: table-cell;
  border-bottom: 2px #e0e0e0 solid
}

#campaign section.item div.campCont02 div.kyoukaBrand>dl dt.last,
#campaign section.item div.campCont02 div.kyoukaBrand>dl dt.lastdd.last {
  border-bottom: 0
}

#campaign section.item div.campCont02 div.kyoukaBrand>dl dt {
  border-right: 2px #e0e0e0 solid
}

#campaign section.item div.campCont02 div.kyoukaBrand>dl dt:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em;
  float: left;
  display: inline-block;
  margin-bottom: .5em
}

#campaign section.item div.campCont02 div.kyoukaBrand dl dd:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em
}

#campaign section.item div.campCont03 {
  padding: 0 1em 1em
}

#campaign section.item div.campCont03 p {
  margin-top: .5em;
  border: 2px #e0e0e0 solid;
  border-radius: 2px;
  padding: .5em .7em;
  font-size: 1em;
  line-height: 1.5em
}

#campaign section.item div.campCont03 p:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em;
  float: left;
  display: inline-block;
  margin-bottom: .5em
}

#campaign section.example div.exampleWrap {
  margin-top: 2em
}

#campaign section.example div.exampleWrap div.exmpleItem {
  border-top: 2px #e0e0e0 solid;
  padding: 1em
}

#campaign section.example div.exampleWrap div.exmpleItem img.exmImg {
  float: left;
  width: 20%;
  margin-right: 1em
}

#campaign section.example div.exampleWrap div.exmpleItem p.brndName {
  padding: .5em 0
}

#campaign section.example div.exampleWrap div.exmpleItem h2 {
  font-size: 1em;
  color: #616161;
  font-weight: 700
}

#campaign section.example div.exampleWrap div.exmpleItem h2>span {
  font-size: .79em;
  color: #616161
}

#campaign section.example div.exampleWrap .priceWrap {
  padding: 1em
}

#campaign section.example div.exampleWrap .priceWrap dl {
  display: table;
  width: 100%;
  border: 2px #e0e0e0 solid;
  border-radius: 4px;
  vertical-align: middle;
  text-align: center
}

#campaign section.example div.exampleWrap .priceWrap dl dt {
  display: table-cell;
  width: 20%;
  color: #616161;
  background: #e0e0e0;
  vertical-align: middle;
  text-align: center
}

#campaign section.example div.exampleWrap .priceWrap dl dd {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-weight: 700
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price01 {
  text-decoration: line-through;
  width: 30%;
  font-size: 1.2em;
  font-family: "Noto Serif"
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price01:after {
  content: "\f0da";
  font-family: FontAwesome;
  color: #616161;
  font-weight: 400;
  float: right;
  display: inline-block
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price02 {
  color: #f2779a;
  width: 30%;
  font-size: 1.2em;
  font-family: "Noto Serif"
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price03 {
  padding: 2% 2% 2% 0;
  width: 20%;
  font-size: 1.09em;
  font-family: "Noto Serif"
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price03 span {
  background: #f2779a;
  width: 100%;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  padding: 20% 0
}

#campaign section.example div.exampleWrap .notForget {
  border: 4px #d0b592 solid;
  border-radius: 4px;
  padding: 1em;
  text-align: center;
  font-weight: 700;
  margin: .5em 1em
}

#campaign section.example div.exampleWrap .notForget p.txt01 {
  color: #d0b592;
  font-size: 1.09em;
  line-height: 1.5;
  margin-bottom: .5em
}

#campaign section.example div.exampleWrap .notForget p.txt02 {
  color: #616161;
  font-size: 1.27em;
  line-height: 1.5
}

#campaign section.example div.exampleWrap .notForget p.txt02 span {
  font-size: 1.5em
}

#campaign section.campDetail div.campTerm {
  border: 4px #d0b592 solid;
  border-radius: 4px;
  padding: 1em;
  text-align: center;
  font-weight: 700;
  margin: 1.5em 1em;
  color: #616161
}

#campaign section.campDetail div.campTerm p.txt01 {
  font-size: 1.27em;
  line-height: 1.5;
  margin-bottom: .5em
}

#campaign section.campDetail div.campTerm p.txt01 span {
  font-size: .71em;
  line-height: 1.5;
  margin-bottom: .5em
}

#campaign section.campDetail div.campTerm p.txt02 {
  font-size: 1em;
  line-height: 1.5;
  text-align: center
}

#campaign section.campDetail dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin: 1em;
  color: #616161
}

#campaign section.campDetail dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #eee;
  padding: .5em .9em
}

#campaign section.campDetail dl dd {
  padding: 1em;
  line-height: 1.4;
  color: #000
}

#campaign section.campDetail dl dd span {
  font-size: .909em;
  line-height: 1.4;
  color: #616161;
  display: inline-block
}

.sm {
  display: none !important
}

.corner01>.wrapper>.txt {
  margin: 0 4% 4%;
  text-align: left;
  line-height: 1.7
}

.fl-c:after,
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0
}

* html .clearfix {
  zoom: 1
}

*:first-child+html .clearfix {
  zoom: 1
}

a>i,
p>i,
li>i {
  font-size: 1.4em
}

section {
  background-color: #fff;
  position: relative
}

.mBox {
  border: 1px #e0e0e0 solid;
  border-radius: 2px
}

.mBox>h1 {
  background-color: #eee;
  text-align: center;
  font-weight: 700;
  line-height: 2.727
}

.mBox>h1 span {
  display: inline-block;
  border-radius: 5px;
  background: #f44336;
  color: #fff;
  text-align: center;
  font-size: .7em;
  padding: 5px 15px;
  margin-bottom: 10px
}

.mBox>p {
  padding: 1em;
  line-height: 1.5
}

#tsAkifuyu .ballon {
  position: relative
}

#tsAkifuyu .ballon>p {
  color: #fff;
  text-align: center;
  position: absolute;
  top: .5em;
  left: 0;
  width: 100%;
  font-size: 1.31em;
  font-weight: 700
}

#tsAkifuyu .sct1 {
  padding: 0
}

#tsAkifuyu .sct1>div {
  position: absolute;
  top: 2em;
  left: 5%;
  width: 90%
}

#tsAkifuyu .sct1>div h1 {
  font-size: 2.7em;
  font-weight: 700;
  text-align: center;
  margin-top: .2em
}

#tsAkifuyu .sct1>div h2 {
  text-align: center;
  font-weight: 700;
  font-size: 1.36em;
  margin-top: .8em
}

#tsAkifuyu .sct1>div h1 span {
  color: #ff729a
}

#tsAkifuyu .sct2 {
  padding: 1em 1em 0
}

#tsAkifuyu .sct2>h2 {
  font-weight: 700;
  color: #616161;
  margin: 0 1em 1em 1em
}

#tsAkifuyu .sct2 .fukidashi {
  position: relative
}

#tsAkifuyu .sct2 .fukidashi ul {
  position: absolute;
  top: .5em;
  left: 1em
}

#tsAkifuyu .sct2 .fukidashi ul li {
  font-weight: 700;
  color: #616161;
  font-size: 1.09em;
  line-height: 1.5;
  margin: .5em 0
}

#tsAkifuyu .sct2>p {
  margin-top: 1em;
  line-height: 1.6;
  font-size: .91em;
  margin-bottom: 3em
}

#tsAkifuyu .sct2>p span {
  color: #ff729a;
  font-weight: 700
}

#tsAkifuyu .sct3 {
  padding: 0
}

#tsAkifuyu .sct3>div {
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
  text-align: center
}

#tsAkifuyu .sct3>div>h2 {
  font-size: 1.27em;
  font-weight: 700;
  margin-top: 1em
}

#tsAkifuyu .sct3>div>h1 {
  font-size: 2.2em;
  font-weight: 700;
  color: #f2799a;
  margin-top: .1em
}

#tsAkifuyu .sct3>div>h1 span {
  font-size: .6em;
  display: block;
  line-height: 1.8
}

#tsAkifuyu .sct4 {
  padding: 0
}

#tsAkifuyu .sct4>div {
  border: 1px #bdbdbd solid;
  border-radius: 6px;
  padding: 0;
  width: 94%;
  margin: 0 auto
}

#tsAkifuyu .sct4>div>div {
  display: table;
  table-layout: fixed;
  width: 100%
}

#tsAkifuyu .sct4>div>div>* {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

#tsAkifuyu .sct4>div>div>*:last-of-type {
  background-color: #eee
}

#tsAkifuyu .sct4>div>div>h1 {
  color: #fff;
  background-color: #f2799a;
  font-weight: 700;
  line-height: 2.5;
  font-size: 1.1em;
  border-top-left-radius: 6px
}

#tsAkifuyu .sct4>div>div>h1:last-of-type {
  background-color: #6e6e6e;
  border-top-left-radius: 0;
  border-top-right-radius: 6px
}

#tsAkifuyu .sct4>div>div>h3 {
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.1em;
  padding: .5em 0
}

#tsAkifuyu .sct4>div>div>h3:last-of-type {
  color: #6e6e6e
}

#tsAkifuyu .sct4>div>div>h2 {
  color: #f2799a;
  font-weight: 700;
  font-size: 1.27em;
  padding-top: .5em;
  line-height: 1.3
}

#tsAkifuyu .sct4>div>div>h2:last-of-type {
  color: #616161
}

#tsAkifuyu .sct4>div>div>h2 span {
  display: block;
  font-size: 1.5em
}

#tsAkifuyu .sct4 .dArrow img {
  width: 1.8em
}

#tsAkifuyu .sct4 .photo>p {
  padding-top: .5em;
  padding-bottom: 1em
}

#tsAkifuyu .sct4 .photo img {
  width: 7em
}

#tsAkifuyu .sct5 {
  padding: 1em 1em 1px
}

#tsAkifuyu .sct5>p {
  font-weight: 700;
  color: #616161;
  line-height: 1.5;
  font-size: 1.09em;
  margin-bottom: 1.5em
}

#tsAkifuyu .sct5>ul {
  margin: .5em 0
}

#tsAkifuyu .sct5>ul>li {
  background-color: #ffeaf0;
  padding: 1em 1em 1em 3.5em;
  border-radius: 8px;
  font-weight: 700;
  line-height: 1.5;
  font-size: 1.09em;
  margin-bottom: 1em;
  position: relative
}

#tsAkifuyu .sct5>ul>li:before {
  content: "\f14a";
  font: normal normal normal 1.6em FontAwesome;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: .8em;
  color: #f2799a
}

@media (min-width:780px) {
  #tsAkifuyu .sct6 {
    width: 100%;
    padding: 30px 5px
  }

  #tsAkifuyu .sct6>div {
    color: #616161;
    text-align: center
  }

  #tsAkifuyu .sct6>div .info {
    margin: 50px 0
  }

  #tsAkifuyu .sct6>div .area1 {
    width: 100%;
    background-color: #eee;
    margin: 20px 0;
    border: 1px solid #EEE;
    border-radius: 10px
  }

  #tsAkifuyu .sct6>div .area1 .info2 {
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  #tsAkifuyu .sct6>div .title3 {
    color: #f2799a
  }
}

#tsAkifuyu .sct6 {
  width: 100%;
  padding: 30px 5px 50px;
  margin-bottom: 20px
}

#tsAkifuyu .sct6>div {
  color: #616161;
  text-align: center
}

#tsAkifuyu .sct6>div .info {
  margin: 20px 10px
}

#tsAkifuyu .sct6>div .area1 {
  width: 100%;
  background-color: #eee;
  margin: 20px 0
}

#tsAkifuyu .sct6>div .area1 .info2 {
  display: block;
  margin-left: auto;
  margin-right: auto
}

#tsAkifuyu .sct6>div .title3 {
  color: #f2799a
}

@media (min-width:780px) {
  #tsAkifuyu {
    width: 1000px;
    margin: 20px auto
  }

  #tsAkifuyu .sct3 {
    padding: 0
  }

  #tsAkifuyu .sct6>div img,
  #tsAkifuyu .ballon img {
    margin-left: 18%
  }

  #tsAkifuyu .sct6>p {
    text-align: center
  }

  #tsAkifuyu .sct2>h2 {
    margin: 0 1em 2em 0
  }

  #tsAkifuyu .ballon {
    clear: both
  }
}

#tsAkifuyu>section.sct2>div.fukidashi>ul {
  top: 25px;
  left: 50px
}

.mb-1 {
  margin-bottom: 1em
}

footer.noLogo .logo {
  text-align: center;
  border-bottom: 1px #d9d9d9 solid;
  padding-bottom: 14px
}

footer.noLogo .logo .ico {
  width: 4%;
  display: block;
  margin: 0 auto 4%
}

footer.noLogo .bg {
  padding: 0
}

footer.noLogo .nav {
  width: 100%;
  margin: 0
}

footer.noLogo .nav ul:first-child {
  border-top: none
}

div[class*="upTri"] {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .6em .6em .6em
}

.upTriPnk {
  border-color: transparent transparent #f2799a transparent
}

.upTriDgry {
  border-color: transparent transparent #616161 transparent
}

.upTriPpl {
  border-color: transparent transparent #c8abe9 transparent
}

div[class*="dwnTri"] {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5em .5em 0 .5em
}

.dwnTriPnk {
  border-color: #f2799a transparent transparent transparent
}

.dwnTriDgry {
  border-color: #616161 transparent transparent transparent
}

.dwnTriPpl {
  border-color: #616161 transparent transparent transparent
}

.plusBatch {
  color: #fff;
  font-size: .5em;
  border-radius: 2em;
  text-align: center;
  position: relative;
  top: -.3em;
  left: .4em;
  font-family: 'Noto Serif';
  padding: .3em .5em
}

.plusBatch em {
  font-style: normal;
  font-size: .61em
}

.belowBtn {
  position: absolute;
  bottom: -1em;
  left: 50%;
  width: 8em;
  margin-left: -4em;
  line-height: 2em;
  text-align: center
}

.belowBtn a {
  border: 1.5px #f7b1c4 solid;
  background-color: #fff;
  font-weight: 700;
  border-radius: 2em;
  display: block;
  font-size: .92em;
  text-align: center
}

.belowBtn a i {
  padding-left: .4em
}

.board {
  background-color: #fff;
  position: relative;
  margin: 0 -1em;
  padding: 1em;
  border-bottom: 1px #e0e0e0 solid
}

.board:first-of-type {
  margin-top: -1em
}

.done {
  background-color: #f5f5f5
}

.done>a>i {
  color: #bdbdbd !important
}

.board a {
  display: block;
  position: relative
}

.board a:after {
  content: "\f105";
  font: normal normal normal 2.08em FontAwesome;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.5em
}

.board p {
  margin-left: 2.5em;
  color: #616161;
  font-size: .833em
}

.board h1 {
  color: #616161;
  font-weight: 700;
  font-size: 1.167em;
  line-height: 1.2;
  margin-left: 1.8em;
  margin-top: .3em
}

.board h1 span {
  font-size: 1.09em
}

#campaignCode input {
  background: #eee;
  font-size: 1.16em;
  padding: .5em;
  border-radius: 3px;
  width: 100%
}

#qa ul.listMenu {
  margin: -1em -1em 1.8em
}

#qa ul.listMenu li {
  padding-bottom: 3.3em
}

#qa ul.listMenu li h1 {
  position: relative;
  line-height: 3;
  font-weight: 700;
  background-color: #e0e0e0;
  padding-left: .79em;
  font-size: 1.16em;
  color: #616161
}

#qa ul.listMenu li h1:after {
  content: "\f107";
  position: absolute;
  font: normal normal normal 1.43em/1 FontAwesome;
  right: .5em;
  top: 50%;
  margin-top: -.5em
}

#qa ul.listMenu li h1.open:after {
  content: "\f106"
}

#qa ul.listMenu dl dt {
  position: relative;
  padding: .81em 3em .81em .99em;
  border-bottom: 1px #e0e0e0 solid;
  border-top: 1px #e0e0e0 solid;
  margin-bottom: -1px;
  font-size: 1.08em;
  line-height: 1.4
}

#qa ul.listMenu dl dt.open {
  font-weight: 700;
  border-bottom: none;
  padding-bottom: .6em
}

#qa ul.listMenu dl dt:after {
  content: "\f107";
  position: absolute;
  font: normal normal normal 1.54em/1 FontAwesome;
  right: .5em;
  top: 50%;
  margin-top: -.5em;
  color: #9e9e9e
}

#qa ul.listMenu dl dt.open:after {
  content: "\f106 "
}

#qa ul.listMenu dl dd {
  margin: 0 .92em 2em;
  line-height: 1.4;
  border-top: 1px #e0e0e0 solid;
  padding-top: .5em
}

footer.noLogo .nav {
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 720px
}

footer.noLogo .nav2 {
  max-width: 840px
}

section {
  max-width: none
}

@media (min-width:780px) {
  #interviewPg {
    width: 900px;
    margin: 0 auto 20px
  }

  #send,
  #tentou,
  #taishou,
  #shucchou,
  #campaign,
  #buyer,
  #riyuu,
  #takuhai,
  #yoritakaku,
  #tenpo,
  #tuyomi,
  #area,
  #areaDetail,
  #gyouretu,
  #eco,
  #buyer_room {
    width: 1000px;
    margin: 0 auto
  }

  section .contentwrap {
    background-color: #F8F4EF;
    border-radius: 4px;
    text-align: center
  }

  section .contentwrap.tel,
  section .contentwrap.gray {
    background-color: #EEE
  }

  section div.dwArrow>img {
    width: auto
  }

  #send section.subtitle {
    text-align: center
  }

  #send section#sct1 dl dt .ttlwrap {
    margin-bottom: .5em;
    background-color: #F2789A;
    background-image: url(../img/send/ttl_before.gif), url(../img/send/ttl_after.gif);
    background-repeat: no-repeat;
    background-position: left top, right top;
    text-align: left
  }

  #send section#sct1 dl dt .ttlwrap img {
    margin-bottom: 0
  }

  #send section#sct1 dl dd.no2 {
    padding: 1em 3em;
    text-align: center
  }

  #send section#sct1 dl dd.no2>div {
    width: 520px;
    margin: 0 auto
  }

  #send section#sct1 dl dd.no2 p {
    text-align: left
  }

  #send section#sct1 dl dd.no2 p img {
    width: auto
  }

  #send section#sct1 dl dd.no3 {
    padding: 1em 5em
  }

  #send section#sct1 dl dd.no3 img {
    width: auto
  }

  #send section#sct2 div.top {
    text-align: center
  }

  #send section#sct2 div.menu {
    width: 840px;
    margin: 0 auto 2em
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom {
    width: 520px;
    margin: .5em auto
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.box img {
    width: auto
  }

  #send section#sct2 div.step1>div.kitOffer>div:nth-child(6)>div>div.size {
    text-align: center
  }

  #send section#sct2 div.step1>div.kitOffer>div:nth-child(6)>div>div.size>img {
    width: auto
  }

  #send section#sct2 div.step2 dl.sagawa dt,
  #send section#sct2 div.step2 dl.chakubarai dt {
    width: 133px
  }

  #send section#sct2 div.step2 div.todoku>img {
    width: auto
  }

  #send section#sct2 div.step2 div.documents>div>ul {
    display: flex;
    flex-wrap: wrap
  }

  #send section#sct2 div.step2 div.documents>div>ul>li {
    width: 49%;
    margin-right: .5em;
    margin-bottom: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li:last-child {
    margin-right: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>div.disable {
    padding-left: 1em
  }

  #send section#sct2 div.step3 .sBox_pnk .imgwrap {
    text-align: center
  }

  #send section#sct2 div .layout01 dt {
    width: 133px
  }

  #send section#sct2 div.howToSell img {
    width: auto
  }

  #tentou section.top {
    text-align: center
  }

  #tentou section#sct1 {
    margin: 0 0 1em
  }

  #tentou section#sct1:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct1 .mBox {
    float: left;
    width: 490px;
    margin: 0 1em 1em 0
  }

  #tentou section#sct1 .mBox:nth-of-type(2n+1) {
    margin-right: 0
  }

  #tentou section#sct1 .mBox .layout01 {
    padding-right: 1em
  }

  #tentou section#sct3 {
    margin: 0;
    padding: 1em 0
  }

  #tentou section#sct3>div.menu {
    width: 630px;
    margin: 1em auto
  }

  #tentou section#sct3 #step1 .check .layout01:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct3 #step1 .check .layout01 dd {
    vertical-align: middle
  }

  #tentou section#sct3 #step1 .check .layout01 h1 {
    clear: both;
    float: left;
    width: 11em
  }

  #tentou section#sct3 #step1 .check .layout01 p {
    float: left;
    margin: .6em 0
  }

  #tentou section#sct3 #step1 .shopProfile:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct3 #step1 .shopProfile>div {
    border-bottom: none;
    border-right: 1px #ccc solid
  }

  #tentou section#sct3 #step1 .shopProfile>div:nth-of-type(2n) {
    border-right: none
  }

  #tentou section#sct3 #step1 .shopProfile>div:nth-of-type(n+3) {
    border-top: 1px #ccc solid
  }

  #tentou section#sct3 #step2:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct3 #step2 .layout01 {
    float: left;
    width: 50%
  }

  #tentou section#sct3 #step2 .layout01 p {
    padding-right: 0
  }

  #tentou section#sct3 #step3 .faq>div {
    border-top: 1px #ccc solid;
    border-radius: 0
  }

  #tentou section#sct3 #step3 .faq>div:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct3 #step3 .faq>div h1 {
    float: left;
    width: 45%;
    border: none
  }

  #tentou section#sct3 #step3 .faq>div p {
    float: left;
    width: 55%
  }

  #tentou>section.shopInfo {
    margin: 1em 0
  }

  #tentou>section.shopInfo:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou>section.shopInfo>div.mBox {
    margin: 0 1em 1em 0
  }

  #tentou>section.shopInfo>div.mBox:nth-of-type(2n+1) {
    margin-right: 0
  }

  #tentou>section.shopInfo>div.mBox>div p {
    height: 3em
  }

  #tentou>section.shopInfo>div.mBox>div>img {
    max-width: 100%
  }

  #tentou>section.shopInfo>div.mBox .layout01 {
    padding-right: 1em
  }

  #shucchou section.top {
    text-align: center
  }

  #shucchou section#sct1 {
    margin: 0;
    padding: 1em 0
  }

  #shucchou section#sct1:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #shucchou section#sct1 .meritlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #shucchou section#sct1 .meritlist .layout01 {
    display: block;
    width: 32%
  }

  #shucchou section#sct1 .meritlist .layout01>* {
    display: block
  }

  #shucchou section#sct1 .meritlist .layout01 dt {
    width: auto;
    padding-bottom: 15px;
    text-align: center
  }

  #shucchou section#howTo {
    margin: 0;
    padding: 18px 0
  }

  #shucchou section#howTo div.menu {
    width: 840px;
    margin: 2em auto
  }

  #shucchou section#howTo #step1 .web {
    width: auto
  }

  #shucchou section#results {
    margin: 0;
    padding: 1em 0
  }

  #shucchou section#results ul li {
    position: relative
  }

  #shucchou section#results ul li p.number {
    position: absolute;
    top: 50%;
    margin-top: -12px
  }

  #shucchou section#results ul li .textwrap {
    padding-left: 130px
  }

  #campaign section.item div.campCont01 {
    padding: 1.5em 0 2.5em;
    text-align: center
  }

  #campaign section.item div.campCont02 {
    padding: 1.5em 0 2.5em;
    text-align: center
  }

  #campaign section.item div.campCont02 .kyoukaBrand {
    text-align: left
  }

  #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 {
    display: flex
  }

  #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 ul {
    width: 50%;
    border-right: 2px #e0e0e0 solid
  }

  #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 ul:last-child {
    width: 100%;
    border-right: none
  }

  #campaign section.item div.campCont02 .kyoukaBrand>dl dd.last {
    border-bottom: none
  }

  #campaign section.item div.campCont03 {
    padding: 1.5em 0 1em;
    text-align: center
  }

  #campaign section.item div.campCont03 p {
    text-align: left
  }

  #campaign section.example div.exampleWrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #campaign section.example div.exampleWrap div.exmpleItem {
    clear: both;
    float: left;
    width: 50%
  }

  #campaign section.example div.exampleWrap .priceWrap {
    float: right;
    width: 50%;
    padding-top: 28px;
    border-top: 2px #e0e0e0 solid
  }

  #campaign section.example div.exampleWrap .notForget {
    clear: both;
    margin: .5em 0
  }

  #campaign section.campDetail div.campTerm {
    margin: 1.5em 0
  }

  #campaign section.campDetail dl {
    margin: 1em 0
  }

  #buyer section.main {
    padding: 1em 0
  }

  #buyer section#sct1 .feature {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #buyer section#sct1 .feature div {
    width: 49%
  }

  #buyer section#sct2>div:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #buyer section#sct2>div div {
    float: left;
    width: 48%;
    margin-bottom: 0
  }

  #buyer section#sct2>div div img {
    width: 100%
  }

  #buyer section#sct2>div p {
    float: right;
    width: 49%
  }

  #buyer section#sct3 .staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #buyer section#sct3 .staff dl {
    width: 49%
  }

  div#riyuu section.top {
    margin: 2% 0 1em;
    padding: 1em 0 .1em
  }

  div#riyuu section.top ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  div#riyuu section.top ul li {
    width: 49.3%
  }

  div#riyuu section.main div.graph {
    width: 578px;
    margin: 0 auto 1em
  }

  div#riyuu section.main div.graph img {
    width: auto
  }

  div#riyuu section#sct2 h2 {
    top: 1.6em
  }

  div#riyuu section#sct2 img {
    width: auto;
    margin-right: 4%
  }

  div#riyuu section#sct3 div,
  div#riyuu section#sct4 div,
  div#riyuu section#sct5 div,
  div#riyuu section#sct6 div {
    padding: 1em 0
  }

  div#riyuu section#sct3 div:after,
  div#riyuu section#sct4 div:after,
  div#riyuu section#sct5 div:after,
  div#riyuu section#sct6 div:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  div#riyuu section#sct2 div img,
  div#riyuu section#sct3 div img,
  div#riyuu section#sct4 div img,
  div#riyuu section#sct5 div img,
  div#riyuu section#sct6 div img {
    float: left;
    width: 45%
  }

  div#riyuu section#sct3 div p,
  div#riyuu section#sct4 div p,
  div#riyuu section#sct5 div p,
  div#riyuu section#sct6 div p {
    float: right;
    width: 51%
  }

  #takuhai .top .kit>img {
    width: auto
  }

  #takuhai #content ul li {
    width: 25%
  }

  #takuhai #content ul li img {
    max-width: 100%
  }

  #yoritakaku section#sct3 ul {
    display: block;
    padding-left: 207px
  }

  #yoritakaku section#sct3 ul li {
    width: auto
  }

  #yoritakaku section#sct3 ul li:nth-child(4) {
    clear: both
  }

  #yoritakaku section#sct3 ul li:nth-child(4):before {
    content: '';
    display: block
  }

  #yoritakaku section#sct5 p.sub {
    text-align: center
  }

  #yoritakaku section#sct5 p.sub img {
    display: inline
  }

  #tenpo section.top>.catch:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tenpo section.top>.catch .textwrap {
    display: inline-block
  }

  #tenpo section.top>.catch h3.link {
    display: inline-block;
    vertical-align: top
  }

  #tenpo section.top>.catch h3.link a {
    display: block;
    padding: 20px 30px;
    background-color: #f2799a;
    color: #fff
  }

  #tenpo section.main .content dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #tenpo section.main .content dl dt {
    width: 30%;
    border-bottom: 1px #ccc solid
  }

  #tenpo section.main .content dl dt:last-of-type {
    border-bottom: none
  }

  #tenpo section.main .content dl dd {
    width: 70%;
    border-bottom: 1px #ccc solid
  }

  #tenpo section.main .content dl dd:last-of-type {
    border-bottom: none
  }

  #tenpo section.news .snsArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1em 0
  }

  #tenpo section.news .snsArea>div {
    width: 45.9%
  }

  #tenpo section.news .snsArea .blog {
    margin-bottom: 0;
    padding-bottom: 0
  }

  #tenpo section.news .tentouSimu p.simuIntro img {
    width: auto !important
  }

  #tenpo section.news .tentouSimu ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #tenpo section.news .tentouSimu ol li {
    width: 48%
  }

  #tenpo section.news .reason {
    border-bottom: 1px #f1f1f1 solid
  }

  #tenpo section.news .reason:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tenpo section.news .reason .stepWrap {
    float: left;
    width: 33%;
    border-bottom: none
  }

  #tenpo section.news .reason .stepWrap img {
    float: none;
    width: auto;
    padding: 0 0 10px
  }

  #tenpo section.news .reason02 img.graph {
    width: auto
  }

  #tenpo section.news .reason02 p.txt3 {
    padding-left: 155px
  }

  #tenpo section.shibuInterview .intCont img.intImg {
    width: auto;
    padding-right: 10px
  }

  #tenpo section.shopInfo .shopCont dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #tenpo section.shopInfo .shopCont dl dt {
    width: 30%;
    border-bottom: 1px #ccc solid
  }

  #tenpo section.shopInfo .shopCont dl dt:last-of-type {
    border-bottom: none
  }

  #tenpo section.shopInfo .shopCont dl dd {
    width: 70%;
    border-bottom: 1px #ccc solid
  }

  #tenpo section.shopInfo .shopCont dl dd:last-of-type {
    border-bottom: none
  }

  #tuyomi .title img {
    width: auto
  }

  #tuyomi .sign>img {
    width: auto
  }

  #tuyomi .main .main_head>img {
    width: auto
  }

  #tuyomi .main .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1em 0 .1em
  }

  #tuyomi .main .content .mBox {
    width: 49%
  }

  #areaDetail section.main h2>img {
    width: auto
  }

  #areaDetail section.main>div>img.taitori1 {
    width: 50%
  }

  #areaDetail section.main .text-center .sengen {
    border: 1px solid #F2799A;
    border-radius: 10px;
    width: 500px;
    background-color: #F2799A;
    margin: 0 auto
  }

  #areaDetail section.main .text-center .sengen p.txt {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #616161;
    padding: 0 0 0;
    background-color: #fff;
    width: 470px;
    margin-left: 13px;
    margin-top: 13px
  }

  #areaDetail section.main .text-center .sengen p.txtb {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #FFF;
    padding: 0 0 10px
  }

  #areaDetail section.main .text-center .sengen p.txt-large {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    color: #FFF;
    margin-top: 10px;
    letter-spacing: 10px
  }

  #areaDetail section.main>div>img.taitori2 {
    width: 60%
  }

  #gyouretu section.top {
    text-align: center;
    background-image: url(../img/common/bg.png);
    background-size: 30em
  }

  #gyouretu section.stripe {
    text-align: center
  }

  #gyouretu section.stripe div {
    text-align: left
  }

  #gyouretu section.stripe p {
    text-align: left
  }

  #gyouretu>section.top>div>p {
    line-height: 1.8;
    width: 420px;
    top: 10px;
    left: 185px;
    text-align: left
  }

  #gyouretu>section.branduru>img {
    width: 100%;
    left: 0
  }

  #gyouretu>section.branduru>h3 {
    padding-top: 10px
  }

  div#eco section.main div.activety {
    width: 640px;
    margin: 0 auto
  }

  div#eco section.main div.bottom {
    text-align: center
  }

  div#eco section.main div.bottom .layout01 p.txt3 {
    text-align: left
  }

  #sct2>div.step1>div.kitOffer>div:nth-child(6)>div>div.size>img {
    width: 100%
  }

  #tuyomi .main .content .mBox li>div:first-child {
    width: 150px;
    height: 150px
  }

  #buyer section#sct3 div.staff dl dt {
    display: table;
    width: 100%;
    margin-bottom: 1em
  }

  #hajimete #top>div.linkMenuDown {
    width: 1000px;
    margin: 0 auto
  }

  #hajimete #sct1 {
    padding: 0
  }

  #hajimete #sct1>div.main>h1 {
    text-align: center
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
    min-height: 120px
  }

  #hajimete section#sct1 div.main div[class*="point"] {
    width: 1000px;
    margin: 1em auto
  }

  #hajimete section#sct1 div.main div.point2 div ul {
    text-align: center
  }

  #hajimete section#sct1 div.main div.point3 div p img {
    display: block;
    margin: 1em auto
  }

  #hajimete section#sct1 div.main div.point5 div p {
    text-align: center
  }

  #hajimete section#sct3 {
    width: 1000px;
    margin: 0 auto
  }

  #hajimete #company>div.table img {
    display: block
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li {
    padding: .54em;
    border-bottom: 1px #e0e0e0 solid;
    border-right: 1px #e0e0e0 solid;
    float: left;
    width: 33%;
    min-height: 480px
  }

  #hajimete section#sct1 div.main div.point1 div.lower>h1 img,
  #hajimete section#sct1 div.main div.point4 div img,
  #hajimete section#sct1 div.main div.point5 div img,
  #hajimete section#sct3 div.kodawari div.kdw1 div img {
    float: left;
    padding: 10px 30px 30px
  }

  #hajimete section#sct1 div.main div.point1 div.lower p {
    margin: 10px 0
  }

  #hajimete section#sct1 div.main div.point2 div ul li {
    float: left;
    width: 32%;
    padding: .5em
  }

  #hajimete section#sct1 div.main div.point3 div img {
    padding: 10px 22%
  }

  #hajimete section#sct1 div.main div.point4 div ul li {
    width: 29%
  }

  #hajimete section#sct3 div.kodawari div.kdw3 div img,
  #hajimete section#sct3 div.kodawari div.kdw2 div img {
    padding: 10px 22%
  }

  #hajimete section#sct4 div.top {
    text-align: center;
    width: 1000px;
    margin: auto
  }

  #hajimete #sct4>div.kikkake {
    width: 1000px;
    margin: 0 auto
  }

  #hajimete section#sct4 div.kikkake>div p[class*="txt"] {
    width: 410px
  }

  #hajimete section#sct4 div.kikkake>div p.txta1 {
    top: 4%;
    left: 35%
  }

  #hajimete section#sct4 div.kikkake>div p.txta2 {
    top: 28%;
    left: 25%
  }

  #hajimete section#sct4 div.kikkake>div p.txta3 {
    top: 51%;
    left: 35%
  }

  #hajimete section#sct4 div.kikkake>div p.txta4 {
    position: absolute;
    top: 78%;
    left: 25%
  }

  #hajimete section#sct4 div.kikkake>div img {
    padding: 0 20% 3em
  }

  #hajimete #sct4>div.voice {
    width: 1000px;
    margin: 1em auto
  }

  #hajimete section#sct4 div.interv {
    width: 1000px;
    margin: 0 auto
  }

  #hajimete section#sct4 div.interv h1 {
    margin: 0 25%
  }

  #hajimete section#company {
    margin: 0 auto 1em;
    width: 1000px
  }

  #hajimete section#company div.table dl dd img {
    float: left;
    margin: 0 20px
  }

  #hajimete section#message {
    margin: 0 auto 1em;
    padding: 0 1em 1em;
    width: 1000px
  }

  #hajimete section#sct1 div.main div.point2 div p {
    padding: 0 2em .917em
  }

  #hajimete section#sct1 div.main div.point3 div {
    padding: 2em
  }

  #hajimete section#sct1 div.main div.point4 div p {
    padding: 0 2em 2em
  }

  .clear,
  .container {
    clear: both
  }

  #interviewPg .A_A>p,
  #interviewPg .A_B>p,
  #interviewPg .Q>p,
  #interviewPg section.main div.title p {
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 180% !important
  }

  #interviewPg section.main div.title h1 {
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 130% !important;
    margin: 20px 0
  }
}

@media (max-width:779px) {
  .results-suggest-hover .container {
    padding-right: 20px;
    padding-left: 20px
  }

  .result.select .inner dl#item dd ul li a {
    background-size: auto 40px !important
  }

  .content-results-search .bg {
    padding: 40px 20px
  }

  .content-results-search .word-kana li a {
    font-size: 79%;
    padding: 8px 0
  }

  .paging {
    padding-bottom: 20px
  }

  .move-page-top img {
    width: 45px;
    height: 45px
  }

  .page-top p {
    right: 10px;
    bottom: 120px
  }

  .sm {
    display: block !important
  }

  .md {
    display: none !important
  }

  body {
    font-size: 16px;
    line-height: 1;
    background: #EEE;
    color: #616161
  }

  img {
    width: 100%;
    height: auto
  }

  .trans:hover,
  .trans:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }

  .wrapper {
    width: 100%
  }

  section.corner01 {
    background: #FFF;
    padding: 10% 0 5%;
    border-bottom: 0;
    margin-bottom: 4%
  }

  section.corner03 {
    background: #FFF;
    padding: 10px;
    border-bottom: 0;
    margin-bottom: 4%
  }

  .btn02 {
    border-width: 1px
  }

  .overlay {
    display: none;
    background-color: rgba(255, 255, 255, .85);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0
  }

  .overlay.active {
    display: block
  }

  .sec_ttl .ttl01 {
    position: absolute;
    top: -4em
  }

  .sec_ttl .ttl02 {
    font-size: 1.909em;
    padding-bottom: .6em;
    line-height: 1.2
  }

  .sec_ttl .ttl02 span {
    font-size: .5em;
    padding-top: .9em
  }

  .sec_ttl .ttl02 span.fs_m {
    font-size: .7em;
    display: inline;
    font-weight: 700
  }

  .sec_ttl .ttl02:before,
  .sec_ttl .ttl02:after {
    width: 40px;
    margin-left: -20px
  }

  .sec_ttl_graybg {
    padding: 40px 0 20px
  }

  .more_s {
    font-size: .909em;
    padding: 1% 1.5%;
    width: 7em;
    right: .8em;
    top: -2.3em
  }

  .more_s i {
    font-size: 1.5em;
    margin-top: -12px;
    right: 5%
  }

  footer .logo .ico {
    width: 4%;
    display: block;
    margin: 0 auto 4%
  }

  footer .bg {
    padding: 0
  }

  footer .nav {
    width: 100%;
    margin: 7% 0 0
  }

  footer .nav ul {
    display: block;
    width: 100%
  }

  footer .nav ul:first-child {
    border-top: 1px solid #d5d5d5
  }

  footer .copy {
    font-size: .909em;
    padding: 7% 0;
    line-height: 1.5
  }

  footer .nav li {
    margin-top: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 0
  }

  footer .nav li a {
    font-size: 1em;
    padding: 4%;
    display: block;
    position: relative
  }

  footer .nav li i {
    font-size: 1.2em;
    position: absolute;
    right: 2%
  }

  .howto .ttl .ttl01 {
    margin-top: 5%;
    padding: 0 4%
  }

  .howto .ttl .ttl02 {
    font-size: 1.273em;
    margin: 3% 0 5%
  }

  .howto .ttl .ttl02 strong {
    font-weight: 400
  }

  .howto .ttl .ttl02 strong:first-child {
    font-size: 1.2em;
    display: block;
    font-weight: 700;
    margin-bottom: 2%
  }

  .howto .step {
    margin: 4% 4% 0
  }

  .howto .step li {
    border-color: #616161;
    margin-bottom: 8%
  }

  .howto .step li>* {
    display: block
  }

  .howto .step li>.ttl {
    width: 100%;
    background: #616161;
    font-size: .909em;
    padding: 2.5% 0
  }

  .howto .step li>.ttl span {
    font-size: 1em
  }

  .howto .step li>.ttl strong {
    display: inline-block;
    margin-top: 0;
    font-size: 1.182em
  }

  .howto .step li>.ttl p {
    display: inline-block;
    margin-right: .5em
  }

  .howto .step li:after {
    left: 0;
    font-size: 2.273em;
    width: 100%;
    text-align: center
  }

  .howto .step li>.txt {
    padding: 4%;
    font-size: 1em
  }

  .howto .step li>.txt img {
    width: 24%
  }

  .howto .step li>.txt>p {
    width: 71%;
    margin-left: 2%;
    line-height: 1.4
  }

  .howto .step li>.txt>p strong {
    font-size: 1.1em;
    margin-bottom: 5%
  }

  .howto .link {
    width: 100%;
    padding: 1em 4% 0;
    border-spacing: inherit
  }

  .howto .link li {
    display: inline-block;
    width: 48%;
    margin-right: 4%
  }

  .howto .link li:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%
  }

  .howto .link li:last-child {
    margin-right: 0
  }

  .howto .link li a {
    padding: 1em 0
  }

  .howto .link li i {
    font-size: 1.455em;
    margin-top: -.6em;
    right: .6em
  }

  .howto div.shopDetail {
    padding: 1em
  }

  .howto div.shopDetail>dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-bottom: 1em
  }

  .howto div.shopDetail>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  .howto div.shopDetail>dl dd {
    padding: 1em;
    line-height: 1.4
  }

  .howto div.shopDetail>dl dd>p {
    margin-bottom: .5em
  }

  .top_kv_campaign,
  .top_kv_visit,
  .top_kv_shop,
  .top_kv_shop1,
  .top_kv_shop2,
  .top_kv_eco,
  .top_kv_send {
    height: auto;
    margin-bottom: 0m !important
  }

  .brand_ttl {
    padding: 0
  }

  .brand_ttl .txt {
    font-size: 1em;
    margin-bottom: 2%;
    padding-top: 7%
  }

  .brand_ttl .ttl01 {
    font-size: 1.409em;
    line-height: 1.5;
    margin-bottom: 4%
  }

  .brand_ttl .ttl01 span {
    font-size: .839em
  }

  .brand_ttl .ttl02 {
    font-size: 1.273em;
    padding: 5.5% 0
  }

  .brand_ttl .bal {
    margin: 0 auto 4%;
    font-size: 1.091em;
    line-height: 1.5;
    padding: 4%;
    border-radius: 2.727em;
    width: 94%
  }

  .brand_ttl .bal:after {
    bottom: -5px
  }

  .brand_ttl .ttl03 {
    padding: 7% 0 5%;
    font-size: 1.909em
  }

  .brand_ttl .ttl03 span {
    font-size: .50em;
    margin-bottom: 2.5%
  }

  .brand_ttl .ttl01 {
    margin-bottom: 10px
  }

  .brand_ttl .bal {
    margin-bottom: 15px;
    padding: 15px
  }

  .brand_ttl p.title4 {
    font-size: 14px !important
  }

  .brand_ttl p.title1b {
    font-size: 18px !important
  }

  .brand_ttl .ttl02 {
    padding-top: 15px;
    padding-bottom: 15px
  }

  .brand_ttl .ttl02+.line_botanbox {
    margin-top: 25px
  }

  .brand_ttl .ttl03 {
    font-size: 125%;
    padding: 30px 0 40px
  }

  .brand_point>.ttl {
    left: 50%;
    margin-left: -232px;
    top: -25px;
    padding: 0;
    width: 465px
  }

  .brand_point>.wrapper {
    padding-top: 0;
    padding-bottom: 0
  }

  .brand_point .sec_ttl .ttl02,
  .brand_point .content-title {
    font-size: 125%
  }

  .brand_point .txt {
    margin-top: 0
  }

  .brand_point {
    padding: 10% 2% 5%
  }

  .brand_point>.wrapper {
    background: #FFF;
    padding: 0 4% 4%
  }

  .brand_point .txt {
    font-size: 1.273em;
    margin-top: 5%;
    line-height: 1.6
  }

  .brand_point .txt img {
    float: right;
    width: 44%;
    margin-right: 0
  }

  .NoBg_ttl h1.ttl01 {
    font-size: 2em;
    letter-spacing: -2px
  }

  .inquiryBtn {
    margin: 20px auto
  }

  .inquiryBtn a {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    font-size: .909em;
    padding: 3% 0 2%
  }

  .inquiryBtn a span {
    display: inline-block;
    width: 100%
  }

  .inquiryBtn a i {
    display: inline-block;
    width: 100%;
    position: absolute;
    right: 0;
    text-align: right;
    padding-right: 3%
  }

  .corner01>.wrapper>.txt {
    text-align: left;
    line-height: 1.7
  }

  .attention {
    text-align: center
  }

  .attention h2.ttl {
    font-size: 1.6em;
    border: #ffc107 2px solid;
    width: 100%
  }

  .attention .txt {
    font-size: .909em;
    line-height: 1.4;
    padding: 1em 5%;
    text-align: left
  }

  .attention .box {
    width: 100%;
    margin-left: 0;
    border-spacing: inherit
  }

  .attention .box>.border,
  .attention .box>.tel {
    display: block;
    width: 100%
  }

  .attention .box .bal {
    margin-bottom: .3em;
    text-align: left
  }

  .attention .box .bal>li {
    width: 38%
  }

  .attention .box .bal>li:last-child {
    margin-left: 3%
  }

  .attention .box>.border>.web {
    padding: 0 4% 4%
  }

  .attention .box>.border>.web .corner01 {
    padding: 0;
    background: none;
    position: relative;
    z-index: 1
  }

  .attention .box>.border>.web .corner01 a {
    font-size: 1.636em;
    padding: 4% 0 2%
  }

  .attention .box>.border>.web .corner01 a img {
    width: 8%;
    margin-right: 3%;
    margin-left: -5%
  }

  .attention .box>.border>.web .corner01 a i {
    font-size: 1.5em;
    right: 5%;
    margin-top: -.45em
  }

  .attention .box>.date {
    margin-top: 5%;
    display: table !important
  }

  .attention .box .date .ttl {
    font-size: 1em;
    line-height: 1.3
  }

  .attention .box .date .txt {
    font-size: 1.636em
  }

  .attention .box .date .txt span {
    font-size: 1em;
    width: 2.5em;
    height: inherit;
    line-height: 1;
    vertical-align: middle;
    padding: .15em 0
  }

  .attention .box .date .txt {
    padding: 3% 0;
    line-height: 1;
    text-align: center
  }

  .attention .box>.tel .corner01 {
    background: #FFF;
    padding: 0 0 0;
    border-top: 1px solid #EEE
  }

  .attention.notice .box>.tel .corner01 {
    padding: 0 0 0
  }

  .attention .box>.tel .txt01 {
    font-size: 1em
  }

  .attention .box>.tel .call {
    font-size: 2.182em;
    margin: 3% 0
  }

  .attention .box>.tel .call i {
    font-size: .6em;
    width: 25px;
    height: 25px;
    border-width: 1px;
    line-height: 25px;
    margin-right: 2%
  }

  .attention .box>.tel .txt02 {
    font-size: .909em
  }

  .attention .box .img {
    top: 0;
    right: 8%;
    z-index: inherit;
    width: 30%
  }

  .attention.last .box {
    width: 100%;
    margin: 3.5em auto 0
  }

  .attention.last .box>.border {
    border: 2px solid #d0b592;
    border-radius: 4px;
    width: 94%;
    margin: 0 auto
  }

  .attention.last .box>.border>.ttl {
    position: absolute;
    top: -2em
  }

  .attention.last .img02 {
    margin: 0
  }

  .attention.last .box>.date {
    width: 94%;
    margin: 5% auto 0
  }

  .attention.last .box>.tel .corner01 {
    margin-top: 4%
  }

  .attention.last .box .bal {
    margin-top: 4%
  }

  .attention.last .box .bal li {
    width: 47%
  }

  .campaign_main {
    padding-bottom: 0
  }

  .campaign_main .wrapper {
    width: 100%
  }

  .campaign_main .bg {
    background: #FFF
  }

  .campaign_main .clo01 {
    margin-top: -2.273em
  }

  .campaign_main .clo01 .txt {
    width: inherit;
    left: 38%;
    bottom: 7%
  }

  .campaign_main .ttl02 .txt {
    font-size: 1.091em
  }

  .campaign_main .clo02 {
    margin-top: 0
  }

  .campaign_main .clo02 .txt {
    width: 65%;
    left: 6%;
    bottom: 14%;
    letter-spacing: -.05em
  }

  .campaign_main .clo03 {
    margin-top: -1.917em;
    margin-bottom: 1.667em
  }

  .campaign_main .clo03 .txt {
    left: inherit;
    bottom: 2%;
    right: 9%
  }

  .campaign_main .clo04 {
    margin-top: .583em;
    margin-bottom: -1.091em
  }

  .campaign_main .clo04 .txt {
    top: 48%;
    left: 6%
  }

  .campaign_main .point {
    padding: 0 6%
  }

  .campaign_main .point>.ttl {
    margin-bottom: 4%
  }

  .campaign_main .point ul {
    margin-top: 0
  }

  .campaign_main .point li {
    margin-bottom: 1.364em
  }

  .campaign_main .point ul .ttl {
    font-size: 1.182em;
    margin-bottom: .5em
  }

  .campaign_main .point ul .ttl img {
    width: 13%;
    margin-right: 2%
  }

  .campaign_main .point .txt {
    font-size: .909em
  }

  .campaign_main .box {
    background: #FFF;
    width: 96%;
    margin: 0 auto
  }

  .campaign_main .box .ttl {
    margin: 6% 0 0;
    background: #212121;
    color: #FFF;
    font-size: 1.273em;
    font-weight: 700;
    padding: 4% 0;
    border-radius: 4px 4px 0 0
  }

  .campaign_main .box ul {
    border-spacing: 10px
  }

  .campaign_main .box .txt {
    margin-top: 0;
    font-size: 1.091em;
    padding: 0 4% 4%
  }

  .howto_ttl {
    padding: 0
  }

  .howto_ttl>.ttl01 {
    background: #FFF;
    font-weight: 700;
    font-size: 1.909em;
    padding: 9% 0
  }

  .howto_ttl .ttl02 {
    padding: 0 0 2%
  }

  .howto_ttl .ttl02 span {
    font-size: 1.3em
  }

  .howto_btn ul {
    border-spacing: inherit;
    padding: 2%;
    width: 100%
  }

  .howto_btn li {
    display: block;
    width: 100%;
    border: none;
    background: #FFF;
    margin-bottom: 2%;
    text-align: left
  }

  .howto_btn li a {
    padding: 3%;
    position: relative
  }

  .howto_btn li .ttl {
    font-size: 1.364em;
    display: inline-block;
    width: 6.5em;
    vertical-align: middle
  }

  .howto_btn li .ttl .num {
    font-size: .80em;
    width: 1.667em;
    height: 1.667em;
    line-height: 1.667em;
    margin-right: 5%;
    vertical-align: text-bottom;
    text-align: center
  }

  .howto_btn li .sm.txt {
    margin-bottom: 0;
    font-size: .909em;
    display: inline-block !important
  }

  .howto_btn li i {
    position: absolute;
    right: 3%;
    font-size: 1.818em
  }

  .howto_about {
    padding: 5% 0 0
  }

  .howto_about>.ttl {
    margin-bottom: 4%
  }

  .howto_about>ul {
    width: 96%;
    margin: 0 auto;
    border-spacing: inherit
  }

  .howto_about>ul>li {
    display: block;
    width: 100%;
    padding: 4% 4% 0;
    background: #FFF
  }

  .howto_about>ul>li:last-child {
    padding: 4%
  }

  .howto_about>ul>li .box {
    padding: 4% 0 0;
    text-align: left
  }

  .howto_about>ul>li .txt01 {
    font-size: 1.091em
  }

  .howto_about>ul>li .ttl {
    padding: 0;
    background: url(../img/howto/sm/ribbon.png) no-repeat;
    line-height: 1.875em;
    background-size: 100%;
    border-radius: 0;
    text-align: left;
    font-size: 1.4em;
    padding-left: 6%;
    margin: 3% 0 2%
  }

  .howto_about>ul>li .img {
    margin: 0
  }

  .howto_about>ul>li .corner01 {
    background: #f8f4ef;
    padding: 4%
  }

  .howto_about>ul>li .txt03 {
    font-size: 1.091em;
    font-weight: 700;
    margin-bottom: 4%;
    color: #616161 !important
  }

  .howto_select {
    padding: 10% 0 3%
  }

  .howto_select>.ttl {
    margin-bottom: 3%;
    line-height: 1.5
  }

  .howto_select .tab_menu ul {
    width: 96%;
    border-spacing: inherit
  }

  .howto_select .tab_menu li {
    font-size: .773em;
    padding: 2.5% 0;
    background: #FFF;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
    border-left: 1px solid #212121;
    position: relative
  }

  .howto_select .tab_menu.top li:first-child,
  .howto_select .tab_menu.btm li:first-child {
    border-radius: 4px 0 0 4px !important
  }

  .howto_select .tab_menu.top li:last-child,
  .howto_select .tab_menu.btm li:last-child {
    border-right: 1px solid #212121;
    border-radius: 0 4px 4px 0px !important
  }

  .howto_select .tab_menu li strong {
    font-size: 1.647em;
    margin-top: 5%
  }

  .howto_select .tab_menu.top {
    border-bottom: none
  }

  .howto_select .tab_menu.btm {
    border-top: none
  }

  .howto_select .tab_menu.top li,
  .howto_select .tab_menu.btm li {
    border-radius: 0;
    line-height: 1.2
  }

  .howto_select .tab_menu.top .active:after,
  .howto_select .tab_menu.btm .active:after {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -5px
  }

  .howto_select .tab_menu.top .active:after {
    bottom: -5px;
    border-width: 5px 5px 0 5px;
    border-color: #212121 transparent transparent transparent
  }

  .howto_select .tab_menu.btm .active:after {
    top: -5px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #212121 transparent
  }

  .howto_select .tab_box {
    padding: 3% 2%;
    display: none
  }

  .howto_select .tab_box li {
    background: #FFF
  }

  .howto_select .tab_box.active {
    display: block
  }

  .howto_merit {
    padding: 10% 0 0
  }

  .howto_merit .ttl03 {
    font-size: 1.091em;
    margin-bottom: 2%
  }

  .howto_merit ul {
    width: 100%;
    margin: 0;
    border-spacing: inherit;
    padding: 0 4%
  }

  .howto_merit li {
    display: table;
    width: 100%;
    padding: 4%;
    background: #f8f4ef;
    margin-bottom: 4%
  }

  .howto_merit li>* {
    display: table-cell !important;
    vertical-align: middle
  }

  .howto_merit li>.ttl {
    width: 24%;
    padding-right: 3%
  }

  .howto_merit .ttl>img {
    width: 100%;
    padding-right: 0;
    display: inline-block
  }

  .howto_merit li>.txt {
    margin-top: 0;
    font-size: 1em;
    line-height: 1.4
  }

  .howto_merit li>.txt .sm {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: 2%
  }

  .howto_select .howto {
    padding: 7% 0 0
  }

  .howto_select .howto .sec_ttl .ttl02:before,
  .howto_select .howto .sec_ttl .ttl02:after {
    display: none
  }

  .howto_select .howto .sec_ttl .ttl02 {
    padding-bottom: .1em
  }

  .howto_select .howto .btn01 {
    width: 92%;
    margin: 4% auto;
    padding: 3.5% 4.5%;
    font-size: 1.455em;
    font-weight: 700;
    text-align: center
  }

  .howto .step li:last-child {
    margin-bottom: 0
  }

  .howto_select .howto .btn01 i {
    font-size: 1.5em;
    right: 4%;
    margin-top: -.5em
  }

  #shucchou .meritlist dt {
    width: 80px
  }

  #shucchou .meritlist dd {
    padding-left: 20px
  }

  #taishou .main>dl>dd>.layout01>*:first-child {
    width: 120px
  }

  #taishou .main ul.table {
    display: list-item
  }

  #taishou .main ul.table>li {
    display: list-item;
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  #tenpo section.shopInfo .shopCont>dl dd div.root div.leftImg {
    width: 120px
  }

  .sm {
    display: block !important
  }

  .md {
    display: none !important
  }

  body {
    font-size: 22px;
    line-height: 1;
    background: #EEE
  }

  img {
    width: 100%
  }

  .trans:hover,
  .trans:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }

  .wrapper {
    width: 100%
  }

  section.corner01 {
    background: #FFF;
    padding: 1% 0 5%;
    border-bottom: 0;
    margin-bottom: 4%
  }

  section.corner03 {
    background: #FFF;
    padding: 1% 0 5%;
    border-bottom: 0;
    margin-bottom: 4%
  }

  .btn02 {
    border-width: 1px
  }

  .overlay {
    display: none;
    background-color: rgba(255, 255, 255, .85);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0
  }

  .overlay.active {
    display: block
  }

  .sec_ttl .ttl01 {
    position: absolute;
    top: -4em
  }

  .sec_ttl .ttl02 {
    font-size: 1.909em;
    padding-bottom: .6em;
    line-height: 1.2
  }

  .sec_ttl .ttl02 span {
    font-size: .5em;
    padding-top: .9em
  }

  .sec_ttl .ttl02:before,
  .sec_ttl .ttl02:after {
    width: 40px;
    margin-left: -20px
  }

  .more_s {
    font-size: .909em;
    padding: 1% 1.5%;
    width: 7em;
    right: .8em;
    top: -2.3em
  }

  .more_s i {
    font-size: 1.5em;
    right: 5%
  }

  footer .logo .ico {
    width: 4%;
    display: block;
    margin: 0 auto 4%
  }

  footer .bg {
    padding: 0
  }

  footer .nav {
    width: 100%;
    margin: 7% 0 0
  }

  footer .nav ul {
    display: block;
    width: 100%
  }

  footer .nav ul:first-child {
    border-top: 1px solid #d5d5d5
  }

  footer .nav li {
    margin-top: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 0
  }

  footer .nav li a {
    font-size: 1em;
    padding: 4%;
    display: block;
    position: relative
  }

  footer .nav li i {
    font-size: 1.2em;
    position: absolute;
    right: 2%
  }

  footer .copy {
    font-size: .909em;
    padding: 7% 0;
    line-height: 1.5
  }

  .howto .ttl .ttl01 {
    margin-top: 5%;
    padding: 0 4%
  }

  .howto .ttl .ttl02 {
    font-size: 1.273em;
    margin: 3% 0 5%
  }

  .howto .ttl .ttl02 strong {
    font-weight: 400
  }

  .howto .ttl .ttl02 strong:first-child {
    font-size: 1.2em;
    display: block;
    font-weight: 700;
    margin-bottom: 2%
  }

  .howto .ttl .step {
    margin: 4% 4% 0
  }

  .howto .step li {
    border-color: #616161;
    margin-bottom: 8%
  }

  .howto .step li>* {
    display: block
  }

  .howto .step li>.ttl {
    width: 100%;
    background: #616161;
    font-size: .909em;
    padding: 2.5% 0
  }

  .howto .step li:after {
    left: 0;
    font-size: 2.273em;
    width: 100%;
    text-align: center
  }

  .howto .step li>.ttl span {
    font-size: 1em
  }

  .howto .step li>.ttl strong {
    display: inline-block;
    margin-top: 0;
    font-size: 1.182em
  }

  .howto .step li>.ttl p {
    display: inline-block;
    margin-right: .5em
  }

  .howto .step li>.txt {
    padding: 4%;
    font-size: 1em
  }

  .howto .step li>.txt img {
    width: 24%;
    height: auto
  }

  .howto .step li>.txt>p {
    width: 71%;
    margin-left: 2%;
    line-height: 1.4
  }

  .howto .step li>.txt>p strong {
    font-size: 1.1em;
    margin-bottom: 5%
  }

  .howto .link {
    width: 100%;
    padding: 8% 4%;
    border-spacing: inherit
  }

  .howto .link li {
    display: inline-block;
    width: 48%;
    margin-right: 4%
  }

  .howto .link li:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%
  }

  .howto .link li:last-child {
    margin-right: 0
  }

  .howto .link li a {
    padding: 1em 0
  }

  .howto .link li i {
    font-size: 1.455em;
    margin-top: -.6em;
    right: .6em
  }

  .brand_ttl {
    padding: 0
  }

  .brand_ttl .txt {
    font-size: 1em;
    margin-bottom: 2%;
    padding-top: 7%
  }

  .brand_ttl .ttl01 {
    font-size: 1.409em;
    line-height: 1.5;
    margin-bottom: 4%
  }

  .brand_ttl .ttl02 {
    font-size: 1.273em;
    padding: 5.5% 0
  }

  .brand_ttl .bal {
    margin: 0 auto 4%;
    font-size: 1.091em;
    line-height: 1.5;
    padding: 4%;
    border-radius: 2.727em;
    width: 94%
  }

  .brand_ttl .bal:after {
    bottom: -5px
  }

  .brand_ttl .ttl03 {
    padding: 7% 0 5%;
    font-size: 1.909em
  }

  .brand_ttl .ttl03 span {
    font-size: .50em;
    margin-bottom: 2.5%
  }

  .brand_point>.wrapper {
    background: #FFF;
    padding: 0 4% 4%
  }

  .brand_point {
    padding: 10% 2% 5%
  }

  .brand_point .txt img {
    float: right;
    width: 44%;
    margin-right: 0
  }

  .brand_point .txt {
    font-size: 1.273em;
    margin-top: 5%;
    line-height: 1.6
  }

  .NoBg_ttl h1.ttl01 {
    font-size: 2em;
    letter-spacing: -2px
  }

  .attention {
    text-align: center
  }

  .attention h2.ttl {
    font-size: 1.6em;
    border: #ffc107 2px solid;
    width: 100%
  }

  .attention .txt {
    font-size: 1.273em;
    line-height: 1.4;
    padding: 1em 5%;
    text-align: left
  }

  .attention .box {
    width: 100%;
    margin-left: 0;
    border-spacing: inherit
  }

  .attention .box>.border,
  .attention .box>.tel {
    display: block;
    width: 100%
  }

  .attention .box .bal {
    margin-bottom: .3em;
    text-align: left
  }

  .attention .box .bal>li {
    width: 38%
  }

  .attention .box .bal>li:last-child {
    margin-left: 3%
  }

  .attention .box>.border>.web {
    padding: 0 4% 4%
  }

  .attention .box>.border>.web .corner01 {
    padding: 0;
    background: none;
    position: relative;
    z-index: 1
  }

  .attention .box>.border>.web .corner01 a {
    font-size: 1.636em;
    padding: 4% 0 2%
  }

  .attention .box>.border>.web .corner01 a img {
    width: 8%;
    margin-right: 3%;
    margin-left: -5%
  }

  .attention .box>.border>.web .corner01 a i {
    font-size: 1.5em;
    right: 5%;
    margin-top: -.45em
  }

  .attention .box>.date {
    margin-top: 5%;
    display: table !important
  }

  .attention .box .date .ttl {
    font-size: 1em;
    line-height: 1.3
  }

  .attention .box .date .txt {
    font-size: 1.636em
  }

  .attention .box .date .txt span {
    font-size: 1em;
    width: 2.5em;
    height: inherit;
    line-height: 1;
    vertical-align: middle;
    padding: .15em 0
  }

  .attention .box .date .txt {
    padding: 3% 0;
    line-height: 1;
    text-align: center
  }

  .attention .box>.tel .corner01 {
    background: #FFF;
    padding: 7% 0 0;
    border-top: 1px solid #EEE
  }

  .attention .box>.tel .txt01 {
    font-size: 1em
  }

  .attention .box>.tel .call {
    font-size: 2.182em;
    margin: 3% 0
  }

  .attention .box>.tel .call i {
    width: 40px;
    height: 40px
  }

  .attention .box>.tel .txt02 {
    font-size: .909em
  }

  .attention .box .img {
    top: 0;
    right: 8%;
    z-index: inherit;
    width: 30%
  }

  .attention.last .box {
    width: 100%;
    margin: 3.5em auto 0
  }

  .attention.last .box>.border {
    border: 2px solid #d0b592;
    border-radius: 4px;
    width: 94%;
    margin: 0 auto
  }

  .attention.last .box>.border>.ttl {
    position: absolute;
    top: -2em
  }

  .attention.last .img02 {
    margin: 0
  }

  .attention.last .box>.date {
    width: 94%;
    margin: 5% auto 0
  }

  .attention.last .box>.tel .corner01 {
    margin-top: 4%
  }

  .attention.last .box .bal {
    margin-top: 4%
  }

  .attention.last .box .bal li {
    width: 47%
  }

  .campaign_main {
    margin-bottom: 4%
  }

  .campaign_main_aw {
    margin-bottom: 0%
  }

  .campaign_main .wrapper {
    width: 100%
  }

  .campaign_main .bg {
    background: #FFF
  }

  .campaign_main .clo01 {
    margin-top: -2.273em
  }

  .campaign_main .clo01 .txt {
    width: inherit;
    left: 38%;
    bottom: 7%
  }

  .campaign_main .ttl02 .txt {
    font-size: 1.091em
  }

  .campaign_main .clo02 {
    margin-top: 0
  }

  .campaign_main .clo02 .txt {
    width: 65%;
    left: 6%;
    bottom: 14%;
    letter-spacing: -.05em
  }

  .campaign_main .clo03 {
    margin-top: -1.917em;
    margin-bottom: 1.667em
  }

  .campaign_main .clo03 .txt {
    left: inherit;
    bottom: 2%;
    right: 9%
  }

  .campaign_main .clo04 {
    margin-top: .583em;
    margin-bottom: -1.091em
  }

  .campaign_main .clo04 .txt {
    top: 48%;
    left: 6%
  }

  .campaign_main .point {
    padding: 0 6%
  }

  .campaign_main .point>.ttl {
    margin-bottom: 4%
  }

  .campaign_main .point ul {
    margin-top: 0
  }

  .campaign_main .point li {
    margin-bottom: 1.364em
  }

  .campaign_main .point ul .ttl {
    font-size: 1.182em;
    margin-bottom: .5em
  }

  .campaign_main .point ul .ttl img {
    width: 13%;
    margin-right: 2%
  }

  .campaign_main .point .txt {
    font-size: .909em
  }

  .campaign_main .box {
    background: #FFF;
    width: 96%;
    margin: 0 auto
  }

  .campaign_main .box .ttl {
    margin: 6% 0 0;
    background: #212121;
    color: #FFF;
    font-size: 1.273em;
    font-weight: 700;
    padding: 4% 0;
    border-radius: 4px 4px 0 0
  }

  .campaign_main .box ul {
    border-spacing: 10px
  }

  .campaign_main .box .txt {
    margin-top: 0;
    font-size: 1.091em;
    padding: 0 4% 4%
  }

  .howto_ttl {
    padding: 0
  }

  .howto_ttl>.ttl01 {
    background: #FFF;
    font-weight: 700;
    font-size: 1.909em;
    padding: 9% 0
  }

  .howto_ttl .ttl02 {
    font-size: 1.273em;
    padding: 7% 0 2%
  }

  .howto_ttl .ttl02 span {
    font-size: 1.5em
  }

  .howto_btn ul {
    border-spacing: inherit;
    padding: 2%;
    width: 100%
  }

  .howto_btn li {
    display: block;
    width: 100%;
    border: none;
    background: #FFF;
    margin-bottom: 2%;
    text-align: left
  }

  .howto_btn li a {
    padding: 3%;
    position: relative
  }

  .howto_btn li .ttl {
    font-size: 1.364em;
    display: inline-block;
    width: 6.5em;
    vertical-align: middle
  }

  .howto_btn li .ttl .num {
    font-size: .80em;
    width: 1.667em;
    height: 1.667em;
    line-height: 1.667em;
    margin-right: 5%;
    vertical-align: text-bottom;
    text-align: center
  }

  .howto_btn li .sm.txt {
    margin-bottom: 0;
    font-size: .909em;
    display: inline-block !important
  }

  .howto_btn li i {
    position: absolute;
    right: 3%;
    font-size: 1.818em
  }

  .howto_about {
    padding: 5% 0 0
  }

  .howto_about>.ttl {
    font-size: 1.273em;
    margin-bottom: 4%
  }

  .howto_about>ul {
    width: 96%;
    margin: 0 auto;
    border-spacing: inherit
  }

  .howto_about>ul>li {
    display: block;
    width: 100%;
    padding: 4% 4% 0;
    background: #FFF
  }

  .howto_about>ul>li:last-child {
    padding: 4%
  }

  .howto_about>ul>li .box {
    padding: 4% 0 0;
    text-align: left
  }

  .howto_about>ul>li .txt01 {
    font-size: 1.091em
  }

  .howto_about>ul>li .ttl {
    padding: 0;
    background: url(../img/howto/sm/ribbon.png) no-repeat;
    line-height: 1.875em;
    background-size: 100%;
    border-radius: 0;
    text-align: left;
    font-size: 1.455em;
    padding-left: 6%;
    margin: 3% 0 2%
  }

  .howto_about>ul>li .img {
    margin: 0
  }

  .howto_about>ul>li .corner01 {
    background: #f8f4ef;
    padding: 4%
  }

  .howto_about>ul>li .txt03 {
    font-size: 1.091em;
    font-weight: 700;
    margin-bottom: 4%
  }

  .howto_select {
    padding: 10% 0 3%
  }

  .howto_select>.ttl {
    font-size: 1.273em;
    margin-bottom: 3%;
    line-height: 1.5
  }

  .howto_select .tab_menu ul {
    width: 96%;
    border-spacing: inherit
  }

  .howto_select .tab_menu li {
    font-size: .773em;
    padding: 2.5% 0;
    background: #FFF;
    border-top: 1px solid #f2799a;
    border-bottom: 1px solid #f2799a;
    border-left: 1px solid #f2799a;
    position: relative
  }

  .howto_select .tab_menu.top li:first-child,
  .howto_select .tab_menu.btm li:first-child {
    border-radius: 4px 0 0 4px !important
  }

  .howto_select .tab_menu.top li:last-child,
  .howto_select .tab_menu.btm li:last-child {
    border-right: 1px solid #f2799a;
    border-radius: 0 4px 4px 0px !important
  }

  .howto_select .tab_menu li strong {
    font-size: 1.647em;
    margin-top: 5%
  }

  .howto_select .tab_menu.top {
    border-bottom: none
  }

  .howto_select .tab_menu.btm {
    border-top: none
  }

  .howto_select .tab_menu.top li,
  .howto_select .tab_menu.btm li {
    border-radius: 0;
    line-height: 1.2
  }

  .howto_select .tab_menu.top .active:after,
  .howto_select .tab_menu.btm .active:after {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -5px
  }

  .howto_select .tab_menu.top .active:after {
    bottom: -5px;
    border-width: 5px 5px 0 5px;
    border-color: #f2799a transparent transparent transparent
  }

  .howto_select .tab_menu.btm .active:after {
    top: -5px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #f2799a transparent
  }

  .howto_select .tab_box {
    padding: 3% 2%
  }

  .howto_select .tab_box li {
    background: #FFF
  }

  .howto_merit {
    padding: 10% 0 0
  }

  .howto_merit .ttl03 {
    font-size: 1.091em;
    margin-bottom: 2%
  }

  .howto_merit ul {
    width: 100%;
    margin: 0;
    border-spacing: inherit
  }

  .howto_merit ul {
    padding: 0 4%
  }

  .howto_merit li {
    display: table;
    width: 100%;
    padding: 4%;
    background: #f8f4ef !important;
    margin-bottom: 4%
  }

  .howto_merit li>* {
    display: table-cell !important;
    vertical-align: middle
  }

  .howto_merit li>.ttl {
    width: 24%;
    padding-right: 3%
  }

  .howto_merit .ttl>img {
    width: 100%;
    padding-right: 0;
    display: inline-block
  }

  .howto_merit li>.txt {
    margin-top: 0;
    font-size: 1em;
    line-height: 1.4
  }

  .howto_merit li>.txt .sm {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: 2%
  }

  .howto_select .howto {
    padding: 7% 0 0
  }

  .howto_select .howto .sec_ttl .ttl02:before,
  .howto_select .howto .sec_ttl .ttl02:after {
    display: none
  }

  .howto_select .howto .sec_ttl .ttl02 {
    padding-bottom: .1em
  }

  .howto_select .howto .btn01 {
    width: 92%;
    margin: 4% auto;
    padding: 3.5% 4.5%;
    font-size: 1.455em;
    font-weight: 700;
    text-align: center
  }

  .howto .step li:last-child {
    margin-bottom: 0
  }

  .howto_select .howto .btn01 i {
    font-size: 1.5em;
    right: 4%;
    margin-top: -.5em
  }
}

@media (max-width:639px) {
  body {
    font-size: 21px
  }
}

@media (max-width:599px) {
  body {
    font-size: 18px
  }

  #taishou .main .text,
  #taishou .main li>dl>dd>ul>li {
    font-size: 115%
  }
}

@media (max-width:480px) {
  .content-results-search .bg {
    padding: 20px 10px
  }

  .content-results-search .lead {
    margin-bottom: 20px
  }

  .content-results-search .tab-content {
    padding: 10px
  }

  .content-results-search .word-free .tab-content-title {
    padding-bottom: 10px
  }

  .content-results-search .word-kana .tab-content-title {
    padding-bottom: 5px
  }

  .content-results-search .word-kana .table-wrap {
    margin-right: -5px;
    margin-left: -5px
  }

  .content-results-search .word-kana ul {
    border-spacing: 5px 0;
    margin-top: 5px
  }

  .content-results-search .word-kana li a {
    padding: 5px 0
  }

  .move-page-top img {
    width: 45px;
    height: 45px
  }

  .page-top p {
    right: 10px;
    bottom: 120px
  }

  p.title1 {
    font-size: 1em !important;
    color: #535353 !important;
    font-weight: bold !important;
    display: inline-block;
    position: relative
  }

  .campaign_main .point ul .ttl {
    font-size: 1.35em
  }

  .campaign_main .point .txt {
    font-size: 1.25em
  }
}

@media (max-width:479px) {
  body {
    font-size: 16px
  }
}

@media (max-width:400px) {
  body {
    font-size: 14px
  }

  .campaign_main .point ul .ttl {
    font-size: 1.5em
  }

  .campaign_main .point .txt {
    font-size: 1.35em
  }

  #send,
  #shucchou,
  #tentou,
  #yoritakaku {
    font-size: 16px
  }
}

@media (max-width:383px) {
  body {
    font-size: 13px
  }
}

@media (max-width:359px) {
  body {
    font-size: 11px
  }
}

@media (max-width:319px) {
  body {
    font-size: 10px
  }
}

@media (max-width:300px) {
  body {
    font-size: 8px
  }
}

.bk {
  padding: 20px
}

#areaDetail section.main {
  padding-bottom: 10px
}

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

  section.corner01,
  section.corner03 {
    margin-right: 20px;
    margin-left: 20px
  }

  .brand_point {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px
  }
}

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

  section.corner01,
  section.corner03 {
    margin-right: 10px;
    margin-left: 10px
  }

  .brand_point>.ttl {
    top: -5px;
    margin-left: -155px;
    width: 310px
  }

  .brand_point>.wrapper {
    padding: 4%
  }

  .brand_point .sec_ttl {
    padding-top: 10px
  }

  .brand_point .ttl02 strong {
    font-size: 100%;
    margin-bottom: 0
  }
}

.badge {
  background: #c4a277;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  line-height: 20px;
  padding: 0 10px;
  font-size: 67%
}

.balloon {
  background: #f2799a;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 78%;
  line-height: 30px;
  padding: 0 15px;
  text-align: center
}

.balloon strong {
  font-size: 125%
}

.balloon:after {
  content: "";
  border-color: #f2799a transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  margin-left: -5px;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 0;
  height: 0
}

.balloon-beige {
  background: #c4a277
}

.balloon-beige:after {
  border-top-color: #c4a277
}

.business-day dl {
  border: 1px solid #9e9e9e;
  border-collapse: separate;
  border-radius: 4px
}

.business-day dt,
.business-day dd {
  padding: 15px 0
}

.business-day dt {
  background: #eee;
  border: 1px solid #fff;
  border-radius: 3px 0 0 3px;
  font-size: 89%;
  font-weight: 700
}

.business-day dd {
  background: #fff;
  border-radius: 0 3px 3px 0;
  font-size: 150%
}

.business-day dd span {
  vertical-align: middle
}

.business-day dd .num {
  background: #616161;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px
}

@media screen and (max-width:400px) {
  .business-day dt {
    border-radius: 3px 3px 0 0;
    padding-top: 5px;
    padding-bottom: 5px
  }

  .business-day dd {
    border-radius: 0 0 3px 3px;
    padding-top: 5px;
    padding-bottom: 10px
  }

  .business-day dd .num {
    border-radius: 15px;
    line-height: 30px
  }
}

.bt {
  background: #f2799a;
  border: none;
  border-bottom: 2px solid #f06288;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px 15px;
  text-align: center;
  transition: 0.3s all ease-out;
  width: 100%
}

.bt:link,
.bt:visited {
  color: #fff
}

.bt:hover,
.bt:active {
  color: #fff
}

.bt:hover {
  background: #f06288;
  border-bottom-color: #ed4b77
}

.bt.inactive {
  background: #eee;
  border-bottom-color: #e0e0e0;
  color: #bdbdbd
}

.bt.inactive:link,
.bt.inactive:visited {
  color: #bdbdbd
}

.bt.inactive:hover,
.bt.inactive:active {
  color: #9e9e9e
}

.bt.inactive-pink {
  background: #fdedf2
}

.bt span {
  vertical-align: middle
}

.bt-arrow-u,
.bt-arrow-r,
.bt-arrow-d {
  padding-right: 30px
}

.bt-arrow-u:after,
.bt-arrow-r:after,
.bt-arrow-d:after {
  content: '\f105';
  display: block;
  font-family: "FontAwesome";
  font-size: 150%;
  font-weight: 400;
  line-height: 20px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  right: 20px
}

.bt-arrow-u:after {
  content: '\f106';
  right: 15px
}

.bt-arrow-r:after {
  content: '\f105';
  right: 15px
}

.bt-arrow-d {
  padding-left: 0
}

.bt-arrow-d:after {
  content: '\f107';
  right: 15px
}

.bt-flat {
  border-bottom: none !important;
  box-shadow: none !important;
  cursor: default;
  pointer-events: none
}

.bt-beige {
  background: #c4a277;
  border-bottom-color: #b58a53
}

.bt-beige:hover {
  background: #b58a53;
  border-bottom-color: #956f40
}

.bt-light-gray {
  background: #eee;
  border-bottom-color: #e0e0e0;
  color: #424242
}

.bt-light-gray:link,
.bt-light-gray:visited {
  color: #424242
}

.bt-light-gray:hover,
.bt-light-gray:active {
  color: #212121
}

.bt-light-gray:hover {
  background: #e0e0e0;
  border-bottom-color: #bdbdbd
}

.bt-item {
  font-size: 67%;
  padding-right: 0;
  padding-left: 0
}

.bt-item img {
  max-width: 50px;
  height: auto
}

.bt-item .item {
  display: block;
  padding-top: 5px
}

.bt-item-m {
  font-size: 73%;
  padding-top: 20px;
  padding-bottom: 20px
}

.bt-item-m img {
  max-width: 60px
}

.bt-more {
  background: #fff !important;
  border: 2px solid #f2799a;
  color: #f2799a;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 240px
}

.bt-more:link,
.bt-more:visited {
  color: #f2799a
}

.bt-more:hover,
.bt-more:active {
  color: #ed4b77
}

.bt-more:hover {
  border-color: #ed4b77
}

.bt-more-beige {
  border-color: #c4a277;
  color: #c4a277
}

.bt-more-beige:link,
.bt-more-beige:visited {
  color: #c4a277
}

.bt-more-beige:hover,
.bt-more-beige:active {
  color: #b58a53
}

.bt-more-beige:hover {
  border-color: #b58a53
}

.bt-more-white {
  background: none !important;
  border-color: #fff;
  color: #fff
}

.bt-more-white:link,
.bt-more-white:visited {
  color: #fff
}

.bt-more-white:hover,
.bt-more-white:active {
  color: #fff
}

.bt-more-white:hover {
  border-color: #fff
}

.bt-read {
  background: #fff;
  border: 1px solid #f2799a;
  color: #f2799a;
  font-size: 89%
}

.bt-read:link,
.bt-read:visited {
  color: #f2799a
}

.bt-read:hover,
.bt-read:active {
  color: #ed4b77
}

.bt-read:hover {
  background: #fff;
  border-color: #ed4b77
}

:hover .bt-read {
  background: #fff;
  border-color: #ed4b77;
  color: #ed4b77
}

.bt-read-beige {
  background: #fff;
  border: 1px solid #c4a277;
  color: #c4a277;
  font-size: 89%
}

.bt-read-beige:link,
.bt-read-beige:visited {
  color: #c4a277
}

.bt-read-beige:hover,
.bt-read-beige:active {
  color: #b58a53
}

.bt-read-beige:hover {
  background: #fff;
  border-color: #b58a53
}

:hover .bt-read-beige {
  background: #fff;
  border-color: #b58a53;
  color: #b58a53
}

.bt-sell {
  padding-left: 0;
  padding-right: 30px
}

.bt-title {
  color: #616161;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: inline-block;
  font-size: 73%;
  padding: 3px 20px 3px 10px;
  position: absolute;
  top: -40px;
  right: 20px;
  z-index: 2
}

.bt-title:link,
.bt-title:visited {
  color: #616161
}

.bt-title:hover,
.bt-title:active {
  color: #f2799a
}

.bt-title:hover {
  border-color: #f2799a
}

.bt-title.bt-arrow-r:after {
  right: 10px
}

.bt-full {
  max-width: none;
  width: 100%
}

.bt-s {
  font-size: 89%
}

@media screen and (max-width:991px) {
  .bt-item {
    padding-top: 5px;
    padding-bottom: 5px
  }
}

@media screen and (max-width:767px) {
  .bt-item {
    font-size: 62%
  }

  .bt-item {
    font-size: 78%
  }
}

@media screen and (max-width:400px) {
  .bt-more {
    max-width: none
  }
}

.category-tag {
  background-color: #c4a277;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 62%;
  padding: 0 10px;
  text-align: center
}

.ic {
  display: inline-block;
  vertical-align: middle
}

.ic-female {
  background: #f7a7bd;
  border-radius: 50%;
  width: 80px;
  height: 80px
}

.ic-female01 {
  content: url(../img/common/icon_female01.png)
}

.ic-female01-r {
  content: url(../img/common/icon_female01_r.png)
}

.ic-female02 {
  content: url(../img/common/icon_female02.png)
}

.ic-female02-r {
  content: url(../img/common/icon_female02_r.png)
}

.ic-female03 {
  content: url(../img/common/icon_female03.png)
}

.ic-female03-r {
  content: url(../img/common/icon_female03_r.png)
}

.ic-freedial {
  content: url(../img/common/icon_freedial.png)
}

.ic-nocopy {
  content: url(../img/common/icon_nocopy.png)
}

.ic-ok {
  background: #f2799a;
  border-radius: 50%;
  content: url(../img/common/icon_ok.png);
  width: 60px;
  height: 60px
}

.ic-sell {
  content: url(../img/common/icon_sell.png);
  width: 60px;
  height: 60px
}

@media screen and (max-width:480px) {
  .ic-female {
    width: 60px;
    height: 60px
  }

  .ic-ok {
    width: 40px;
    height: 40px
  }
}

.information {
  background: #eee;
  border-radius: 10px;
  font-size: 78%;
  padding: 20px
}

.information p {
  padding-top: 5px
}

.information-title {
  font-weight: 700;
  text-align: center
}

.information-warning {
  background: #feeceb;
  color: #f44336
}

.loading {
  background: #f8f4ef;
  border-radius: 10px;
  color: #b58a53;
  font-size: 78%;
  padding: 20px;
  text-align: center
}

.loading:before {
  -webkit-animation: webkit-spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-radius: 50%;
  border: 2px solid #b58a53;
  border-right-color: transparent;
  content: '';
  display: inline-block;
  margin-right: 5px;
  transition: 0.3s all ease-out;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  z-index: 3
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(359deg)
  }
}

@-webkit-keyframes webkit-spin {
  0% {
    -webkit-transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg)
  }
}

.price-tag {
  background-color: #f2799a;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: "Noto Serif", serif;
  padding: 0 10px;
  text-align: center
}

.price-tag .font-ja {
  font-size: 75%
}

.price-tag-2 {
  line-height: 1.25;
  padding-top: 8px;
  padding-bottom: 8px
}

.price-tag-m {
  font-size: 117%;
  padding-top: 3px;
  padding-bottom: 3px
}

@media screen and (max-width:991px) {
  .price-tag-m {
    font-size: 100%;
    padding-right: 5px;
    padding-left: 5px
  }
}

.rb img {
  width: 100%;
  height: auto
}

.rb-area,
.rb-area-text,
.rb-free,
.rb-free-text {
  max-width: 200px
}

.rb-area {
  content: url(../img/common/ribbon04.png)
}

.rb-episode {
  background: url(../img/lp/ribbon02.png) no-repeat 0 0;
  color: #FFF;
  display: block;
  text-align: center;
  width: 80px;
  height: 110px
}

.rb-area-text .episode,
.rb-episode .episode {
  font-size: 67%;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 5px
}

.rb-area-text .font-noto,
.rb-episode .font-noto {
  font-size: 167%;
  line-height: 1.2
}

.rb-free {
  content: url(../img/common/ribbon01.png)
}

.rb-pickup {
  width: 100px
}

.no01 {
  content: url(../img/common/ribbon_rank01.png)
}

.no02 {
  content: url(../img/common/ribbon_rank02.png)
}

.no03 {
  content: url(../img/common/ribbon_rank03.png)
}

.no04 {
  content: url(../img/common/ribbon_rank04.png)
}

.no05 {
  content: url(../img/common/ribbon_rank05.png)
}

.no06 {
  content: url(../img/common/ribbon_rank06.png)
}

.no07 {
  content: url(../img/common/ribbon_rank07.png)
}

.no08 {
  content: url(../img/common/ribbon_rank08.png)
}

.no09 {
  content: url(../img/common/ribbon_rank09.png)
}

.no10 {
  content: url(../img/common/ribbon_rank10.png)
}

.no11 {
  content: url(../img/common/ribbon_rank11.png)
}

.no12 {
  content: url(../img/common/ribbon_rank12.png)
}

.no13 {
  content: url(../img/common/ribbon_rank13.png)
}

.no14 {
  content: url(../img/common/ribbon_rank14.png)
}

.no15 {
  content: url(../img/common/ribbon_rank15.png)
}

.no16 {
  content: url(../img/common/ribbon_rank16.png)
}

.no17 {
  content: url(../img/common/ribbon_rank17.png)
}

.no18 {
  content: url(../img/common/ribbon_rank18.png)
}

.no19 {
  content: url(../img/common/ribbon_rank19.png)
}

.no20 {
  content: url(../img/common/ribbon_rank20.png)
}

.rb-price {
  content: url(../img/common/ribbon05.png);
  margin-right: auto;
  margin-left: auto;
  max-width: 480px
}

.rb-service,
.rb-service-text {
  max-width: 520px
}

.rb-service {
  content: url(../img/common/ribbon02.png)
}

@media screen and (max-width:767px) {
  .rb-pickup {
    width: 80px
  }
}

.swiper-button-next,
.swiper-button-prev {
  background: none;
  margin-top: -25px;
  -ms-filter: "alpha(opacity=75)";
  filter: alpha(opacity=75);
  opacity: .75;
  transition: 0.3s all ease-out;
  width: 50px;
  height: 50px
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.swiper-button-next:before,
.swiper-button-prev:before {
  background: #000;
  border-radius: 50%;
  content: '';
  display: block;
  width: 100%;
  height: 100%
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: #fff;
  font-family: "FontAwesome";
  font-size: 200%;
  line-height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: center;
  width: 30px
}

.swiper-button-prev {
  margin-left: -27px
}

.swiper-button-prev:after {
  content: '\f104'
}

.swiper-button-next {
  margin-right: -27px
}

.swiper-button-next:after {
  content: '\f105'
}

.swiper-pagination {
  padding-top: 10px;
  position: relative;
  left: auto !important;
  bottom: auto !important;
  text-align: center
}

.swiper-pagination-bullet {
  background: #e0e0e0;
  margin-right: 3px !important;
  margin-left: 3px !important;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.swiper-pagination-bullet-active {
  background: #616161
}

.swiper-slide a {
  display: block
}

.swiper-slide img {
  border-radius: 5px;
  width: 100%;
  height: auto
}

.swiper-scrollbar {
  margin-top: 10px;
  height: 4px
}

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

  .swiper-button-next,
  .swiper-button-prev {
    margin-top: -20px;
    width: 40px;
    height: 40px
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 150%;
    line-height: 30px;
    top: 5px;
    left: 5px
  }

  .swiper-button-prev {
    margin-left: -20px
  }

  .swiper-button-next {
    margin-right: -20px
  }
}

.toggle-list {
  margin-bottom: 10px
}

.toggle-list .toggle-list-toggle {
  background: #616161;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  padding: 5px 10px
}

.toggle-list .toggle-list-toggle i {
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 10px
}

.toggle-list .toggle-list-toggle .fa-chevron-up {
  display: none
}

.toggle-list .toggle-list-body {
  border: 1px solid #616161;
  border-top: none;
  border-radius: 0 0 4px 4px;
  display: none
}

.toggle-list.jq-open .toggle-list-toggle {
  border-radius: 4px 4px 0 0
}

.toggle-list.jq-open .toggle-list-body {
  display: block
}

.last-update {
  background-color: #fdedf2;
  border-radius: 4px;
  color: #f06288;
  display: inline-block;
  font-size: 78%;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center
}

header {
  background: #fff;
  text-align: center;
  z-index: 20
}

header .campaign-aw {
  background: #590b09
}

header .header-container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  max-width: 1040px;
  height: 90px
}

header .logo {
  padding-top: 23px;
  width: 153px;
  z-index: 2
}

header .logo img {
  width: 100%;
  height: auto
}

header .user {
  margin-top: -34px;
  position: absolute;
  top: 50%;
  left: 183px;
  width: 68px
}

@media screen and (max-width:640px) {
  header .user {
    left: 140px
  }
}

@media screen and (max-width:480px) {
  header .user {
    margin-top: -25px;
    left: 120px;
    width: 50px
  }
}

@media screen and (max-width:400px) {
  header .user {
    margin-top: -22px;
    width: 45px
  }
}

header .user img {
  width: 100%;
  height: auto
}

header .contact {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 10px;
  width: 100%
}

header .contact .contact-lead {
  display: block;
  font-size: 78%;
  letter-spacing: .125em;
  line-height: 20px
}

header .contact .tel {
  display: block;
  line-height: 40px
}

header .contact .number {
  color: #212121;
  display: inline-block;
  font-size: 200%
}

header .contact .open {
  color: #616161;
  display: block;
  font-size: 62%;
  letter-spacing: .125em;
  line-height: 14px
}

header .ic-freedial {
  width: 40px;
  height: 40px
}

header .btns {
  position: absolute;
  top: 9px;
  right: 20px;
  width: 300px;
  z-index: 2
}

header .bt {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 60px;
  line-height: 20px
}

header .bt .ic {
  margin-top: -30px;
  position: absolute;
  top: 50%;
  left: 5px
}

header .bt span {
  display: block
}

header .bt-lead {
  font-size: 67%;
  font-weight: 400
}

header nav {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}

header nav ul {
  display: table;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
  width: 100%
}

header nav li {
  display: table-cell
}

header nav li a {
  color: #212121;
  display: block;
  font-size: 67%;
  line-height: 20px;
  padding: 10px
}

header nav li a:link,
header nav li a:visited {
  color: #212121
}

header nav li a:hover,
header nav li a:active {
  color: #fff
}

header nav li a:hover {
  background: #212121
}

header .menu {
  display: none;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 60px;
  height: 100%
}

header .menu:hover {
  background: #f8f4ef
}

header .menu i {
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%
}

header .menu .fa-times {
  display: none
}

header .menu.active .fa-bars {
  display: none
}

header .menu.active .fa-times {
  display: inline-block
}

li.line.hide-sm {
  background-color: #33bd17
}

li.line.hide-sm a {
  color: #fff
}

@media screen and (max-width:991px) {
  header .btns {
    width: 200px
  }
}

@media screen and (max-width:767px) {
  body {
    padding-top: 80px
  }

  header {
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
  }

  header .header-container {
    padding-right: 0;
    height: 80px
  }

  header .logo {
    padding-top: 18px
  }

  header .btns {
    right: 70px
  }

  header .bt {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px
  }

  header .bt .ic {
    margin-top: -20px;
    width: 40px;
    height: 40px
  }

  header .menu {
    display: block
  }

  header nav {
    display: none;
    border: none
  }

  header nav.active {
    display: block
  }

  header nav ul,
  header nav li {
    display: list-item
  }

  header nav li {
    border-top: 1px solid #eee
  }

  header nav li a {
    color: #f2799a;
    padding-right: 30px;
    padding-left: 30px;
    text-align: left
  }

  header nav li a:link,
  header nav li a:visited {
    color: #666
  }

  header nav li a:hover,
  header nav li a:active {
    color: #f2799a
  }

  header nav li a:before {
    background: #f2799a;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 6px;
    height: 6px
  }

  header nav li a:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 10px
  }

  header nav li a:hover {
    background: #f8f4ef
  }

  header nav li.my {
    background: #fdedf2;
    font-weight: 700
  }

  header nav li.my a {
    color: #f2799a;
    font-size: 79%;
    padding-top: 12px;
    padding-bottom: 12px
  }

  header nav li.my a:before {
    background: none;
    content: '\f007';
    font-family: 'FontAwesome';
    margin-top: -10px;
    line-height: 20px;
    left: 10px;
    width: auto;
    height: auto
  }

  header nav li.line {
    background: #42cc3c;
    font-weight: 700
  }

  header nav li.line a {
    color: #fff;
    font-size: 79%;
    padding-top: 12px;
    padding-bottom: 12px
  }

  header nav li.line a:before {
    background: none;
    content: '\f075';
    font-family: 'FontAwesome';
    margin-top: -10px;
    line-height: 20px;
    left: 10px;
    width: auto;
    height: auto
  }
}

@media screen and (max-width:640px) {
  header .header-container {
    padding-left: 10px
  }

  header .logo {
    padding-top: 23px;
    width: 120px
  }

  header .btns {
    width: 180px
  }

  header .bt {
    font-size: 89%
  }
}

@media screen and (max-width:480px) {
  body {
    padding-top: 70px
  }

  header .header-container {
    height: 70px
  }

  header .logo {
    padding-top: 21px;
    width: 100px
  }

  header .btns {
    right: 50px;
    width: 150px
  }

  header .bt {
    font-size: 78%;
    padding-top: 5px;
    padding-bottom: 5px
  }

  header .menu {
    width: 40px
  }
}

p.mv_txt {
  background-color: #fdedf2;
  color: #616161;
  font-size: 70%;
  line-height: 20px
}

.kitbox_info {
  background: #FFF;
  padding: 3px 5px 2px;
  border-radius: 50px;
  display: inline-block;
  margin: 3px 5px;
  font-size: 80%;
  vertical-align: middle
}

.kitbox_info:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/img/common/kitbox_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px
}

.content-wrapper {
  overflow-x: hidden;
  width: 100%;
  margin-top: 25px
}

.content-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1040px;
  padding: 0 20px
}

header,
.content-bg,
.content-box,
.content-full,
.content-white {
  line-height: 1.8;
  font-size: 18px
}

.content-bg {
  background: #eee
}

.content-box {
  border-bottom: 1px solid #eee;
  padding: 80px 0 60px
}

.content-box.is-t0 {
  padding-top: 0
}

.content-full {
  border-radius: 0
}

.content-white {
  background: #fff
}

.content-ribbon {
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.content-ribbon01 {
  margin-top: -140px;
  margin-bottom: 20px;
  max-width: 580px
}

.content-title {
  color: #616161;
  font-size: 156%;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.content-title-solo {
  margin-bottom: 20px
}

.content-title-en {
  color: #9e9e9e;
  font-family: "Noto Serif", serif;
  font-size: 78%;
  text-align: center
}

.content-title-sub {
  color: #f2799a;
  font-size: 60%
}

.content-subtitle {
  font-size: 134%;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.content-subtitle i {
  vertical-align: 0
}

.content-lead {
  margin: 20px 0;
  padding-top: 20px
}

.content-lead:before,
.content-lead:after {
  background: #e0e0e0;
  content: "";
  display: block;
  margin-left: -40px;
  position: absolute;
  left: 50%;
  width: 80px;
  height: 1px
}

.content-lead:before {
  top: 0
}

.content-lead:after {
  top: 2px
}

.subcontent {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-bottom: 20px
}

.subcontent-title {
  background: #eee;
  border-radius: 3px 3px 0 0;
  font-size: 89%;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px;
  text-align: center
}

.subcontent-title-gray {
  background: #616161;
  color: #fff
}

.subcontent-body {
  border-radius: 0 0 3px 3px;
  font-size: 89%;
  padding: 20px
}

.subcontent-list li {
  border-top: 1px solid #eee;
  font-size: 89%
}

.subcontent-list li:first-child {
  border-top: none
}

.subcontent-list li p {
  padding: 10px
}

.subcontent-table dl {
  border-top: 1px solid #e0e0e0;
  border-collapse: collapse;
  display: table;
  width: 100%
}

.subcontent-table dl:first-child {
  border-top: none
}

.subcontent-table dt,
.subcontent-table dd {
  font-size: 89%;
  display: table-cell;
  line-height: 1.4;
  padding: 10px
}

.subcontent-table dt {
  border-right: 1px solid #e0e0e0;
  width: 33.33%
}

.subcontent-table .head dt,
.subcontent-table .head dd {
  background: #eee;
  font-weight: 700
}

.subcontent-table-fixed dl {
  table-layout: fixed
}

.subcontent-camp {
  border: none
}

.subcontent-camp .subcontent-title {
  background: #c4a277;
  color: #fff
}

.subcontent-camp .subcontent-body {
  background: #f8f4ef
}

.subcontent-warning {
  border: none
}

.subcontent-warning .subcontent-title {
  background: #f44336;
  color: #fff
}

.subcontent-warning .subcontent-body {
  background: #feeceb
}

@media screen and (max-width:767px) {
  .content-box {
    border-bottom: none;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 60px 0 40px
  }

  .content-box-sm {
    background: none !important;
    padding: 0 !important
  }

  .content-box-sm .content-container {
    padding: 0
  }

  .content-ribbon01 {
    margin-top: -20px;
    max-width: 480px
  }
}

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

  .content-bg,
  .content-box,
  .content-full,
  .content-white {
    font-size: 16px
  }

  .content-box {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 40px 0 20px
  }

  .content-bt {
    padding-top: 60px
  }

  .content-ribbon01 {
    margin-top: -20px
  }
}

.list-point dl {
  display: table;
  margin-bottom: 20px;
  width: 100%;
  min-height: 140px
}

.list-point dt,
.list-point dd {
  display: table-cell;
  vertical-align: middle
}

.list-point dt {
  background: #f2799a;
  border: 1px solid #f2799a;
  border-radius: 10px 0 0 10px;
  color: #fff;
  font-size: 117%;
  font-weight: 700;
  text-align: center;
  width: 240px
}

.list-point dd {
  border: 1px solid #e0e0e0;
  border-left: none;
  border-radius: 0 10px 10px 0;
  padding: 20px
}

.list-point dd img {
  border-radius: 4px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100px;
  height: auto
}

.list-point dd p {
  padding-left: 120px
}

.list-point dd .note {
  font-size: 89%
}

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

  .list-point dl,
  .list-point dt,
  .list-point dd {
    display: block
  }

  .list-point dl {
    min-height: 0
  }

  .list-point dt {
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    width: auto
  }

  .list-point dd {
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 120px
  }

  .list-point dd img {
    margin-top: -40px;
    width: 80px
  }

  .list-point dd p {
    padding-left: 100px
  }
}

.content-area .map {
  margin-bottom: 20px
}

.content-area .map img {
  border-radius: 10px
}

.content-brandlist .lists {
  margin-right: -5px;
  margin-left: -5px
}

.content-brandlist .lists ul {
  margin-bottom: 10px;
  width: 100%
}

.content-brandlist .lists li {
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  width: 20%
}

.content-brandlist .lists li.others {
  width: 40%
}

.content-brandlist .toggle-list a {
  border-top: 1px solid #e0e0e0;
  color: #616161;
  display: block;
  line-height: 1.4;
  padding: 8px 10px
}

.content-brandlist .toggle-list a:link,
.content-brandlist .toggle-list a:visited {
  color: #616161
}

.content-brandlist .toggle-list a:hover,
.content-brandlist .toggle-list a:active {
  color: #f2799a
}

.content-brandlist .toggle-list a:after {
  content: "\f105";
  font-family: "FontAwesome";
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 10px
}

.content-brandlist .toggle-list .en {
  display: block
}

.content-brandlist .toggle-list .ja {
  display: block;
  font-size: 78%
}

.content-brand-search {
  padding: 60px 0;
  text-align: center
}

.content-brand-search .content-container {
  max-width: 840px
}

.content-brand-search .brands {
  color: #f2799a;
  font-size: 117%;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px
}

.content-brand-search .brands .font-noto {
  font-size: 150%
}

.content-brand-search .now {
  background: #fff;
  border-radius: 40px;
  font-size: 134%;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 20px;
  padding: 20px
}

.content-brand-search .now:after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0
}

.content-brand-search .input-wrap input {
  background: #f2799a;
  border: none;
  border-radius: 40px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
  color: #fff;
  font-size: 167%;
  font-weight: 700;
  line-height: 40px;
  padding: 20px;
  text-align: center;
  width: 100%;
  height: 80px
}

.content-brand-search .input-wrap input:placeholder-shown {
  color: #fff
}

.content-brand-search .input-wrap input::-webkit-input-placeholder {
  color: #fff
}

.content-brand-search .input-wrap input:-moz-placeholder {
  color: #fff;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.content-brand-search .input-wrap input::-moz-placeholder {
  color: #fff;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.content-brand-search .input-wrap input:-ms-input-placeholder {
  color: #fff
}

.content-brand-search .input-wrap a {
  color: #fff;
  font-size: 167%;
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  right: 20px;
  text-align: center;
  width: 40px;
  height: 40px
}

.content-brand-search .input-wrap a:link,
.content-brand-search .input-wrap a:visited {
  color: #fff
}

.content-brand-search .input-wrap a:hover,
.content-brand-search .input-wrap a:active {
  color: #fff
}

.content-brand-search .btns {
  margin-top: 20px
}

.content-brand-search .btns .bt {
  display: block;
  padding: 20px 10px;
  max-width: none;
  width: auto
}

.content-brand-search-top {
  padding-top: 40px;
  padding-bottom: 40px
}

.content-brand-search-top .now {
  background: none;
  line-height: inherit;
  padding: 0
}

.content-brand-search-top .now:after {
  display: none
}

@media screen and (max-width:767px) {
  .content-brand-search {
    padding: 40px 0
  }

  .content-brand-search .now {
    font-size: 117%;
    line-height: 1.4;
    padding: 30px
  }

  .content-brand-search .brands {
    font-size: 100%
  }

  .content-brand-search .input-wrap input {
    border-radius: 30px;
    font-size: 134%;
    line-height: 30px;
    padding: 15px 10px;
    height: 60px
  }

  .content-brand-search .input-wrap a {
    font-size: 134%
  }
}

@media screen and (max-width:480px) {
  .content-brand-search {
    padding: 30px 0
  }

  .content-brand-search .input-wrap input {
    font-size: 117%
  }

  .content-brand-search .input-wrap a {
    font-size: 117%
  }
}

.content-brand-search {
  padding: 60px 0;
  text-align: center
}

.content-brand-search .content-container {
  max-width: 840px
}

.content-brand-search .brands {
  color: #f2799a;
  font-size: 117%;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px
}

.content-brand-search .brands .font-noto {
  font-size: 150%
}

.content-brand-search .now {
  background: #fff;
  border-radius: 40px;
  font-size: 134%;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 20px;
  padding: 20px
}

.content-brand-search .now:after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0
}

.content-brand-search .input-wrap input {
  background: #f2799a;
  border: none;
  border-radius: 40px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
  color: #fff;
  font-size: 167%;
  font-weight: 700;
  line-height: 40px;
  padding: 20px;
  text-align: center;
  width: 100%;
  height: 80px
}

.content-brand-search .input-wrap input:placeholder-shown {
  color: #fff
}

.content-brand-search .input-wrap input::-webkit-input-placeholder {
  color: #fff
}

.content-brand-search .input-wrap input:-moz-placeholder {
  color: #fff;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.content-brand-search .input-wrap input::-moz-placeholder {
  color: #fff;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.content-brand-search .input-wrap input:-ms-input-placeholder {
  color: #fff
}

.content-brand-search .input-wrap a {
  color: #fff;
  font-size: 167%;
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  right: 20px;
  text-align: center;
  width: 40px;
  height: 40px
}

.content-brand-search .input-wrap a:link,
.content-brand-search .input-wrap a:visited {
  color: #fff
}

.content-brand-search .input-wrap a:hover,
.content-brand-search .input-wrap a:active {
  color: #fff
}

.content-brand-search .btns {
  margin-top: 20px
}

.content-brand-search .btns .bt {
  display: block;
  padding: 20px 10px;
  max-width: none;
  width: auto
}

.content-brand-search-top {
  padding-top: 40px;
  padding-bottom: 40px
}

.content-brand-search-top .now {
  background: none;
  line-height: inherit;
  padding: 0
}

.content-brand-search-top .now:after {
  display: none
}

@media screen and (max-width:767px) {
  .content-brand-search {
    padding: 40px 0
  }

  .content-brand-search .now {
    font-size: 117%;
    line-height: 1.4;
    padding: 30px
  }

  .content-brand-search .brands {
    font-size: 100%
  }

  .content-brand-search .input-wrap input {
    border-radius: 30px;
    font-size: 134%;
    line-height: 30px;
    padding: 15px 10px;
    height: 60px
  }

  .content-brand-search .input-wrap a {
    font-size: 134%
  }
}

@media screen and (max-width:480px) {
  .content-brand-search {
    padding: 30px 0
  }

  .content-brand-search .input-wrap input {
    font-size: 117%
  }

  .content-brand-search .input-wrap a {
    font-size: 117%
  }
}

.content-buy-results .filters,
.content-itemlist .filters,
.content-pickup-brands .filters {
  padding-bottom: 20px
}

.content-buy-results .filters .lists,
.content-itemlist .filters .lists,
.content-pickup-brands .filters .lists {
  margin-right: -5px;
  margin-left: -5px
}

.content-buy-results .filters ul,
.content-itemlist .filters ul,
.content-pickup-brands .filters ul {
  width: 100%
}

.content-buy-results .filters li,
.content-itemlist .filters li,
.content-pickup-brands .filters li {
  padding: 10px 5px 0;
  float: left;
  width: 12.5%
}

.content-buy-results .filters-title,
.content-itemlist .filters-title,
.content-pickup-brands .filters-title {
  font-size: 78%;
  font-weight: 700;
  padding-top: 20px;
  text-align: center
}

.content-buy-results .results .lists,
.content-itemlist .results .lists,
.content-pickup-brands .results .lists {
  text-align: center
}

.content-buy-results .results .lists ul,
.content-itemlist .results .lists ul,
.content-pickup-brands .results .lists ul {
  margin-top: 65px
}

.content-buy-results .results .lists li,
.content-itemlist .results .lists li,
.content-pickup-brands .results .lists li {
  vertical-align: top
}

.content-buy-results .results .lists .item,
.content-itemlist .results .lists .item,
.content-pickup-brands .results .lists .item {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: block;
  padding: 15px;
  vertical-align: top
}

.content-buy-results .results .lists .item.none,
.content-itemlist .results .lists .item.none,
.content-pickup-brands .results .lists .item.none {
  border: none
}

.content-buy-results .results .lists .item .image,
.content-itemlist .results .lists .item .image {
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.content-pickup-brands .results .lists .item .image {
  border-radius: 50%;
  margin-top: -65px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  -moz-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  overflow: hidden;
  width: 100px;
  height: 100px
}

.content-pickup-brands .results .lists .item .image:after {
  background: #000;
  border-radius: 50%;
  content: "";
  display: block;
  -ms-filter: "alpha(opacity=3)";
  filter: alpha(opacity=3);
  opacity: .03;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.content-buy-results .results .lists .item .image img,
.content-itemlist .results .lists .item .image img {
  width: auto;
  height: 100px
}

.content-pickup-brands .results .lists .item .image img {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100px
}

.content-buy-results .results .lists .item .image img.source,
.content-itemlist .results .lists .item .image img.source,
.content-pickup-brands .results .lists .item .image img.source {
  display: none
}

.content-buy-results .results .lists .item .image img.loaded,
.content-itemlist .results .lists .item .image img.loaded,
.content-pickup-brands .results .lists .item .image img.loaded {
  display: inline
}

.content-buy-results .results .lists .item .date,
.content-itemlist .results .lists .item .date,
.content-pickup-brands .results .lists .item .date {
  color: #9e9e9e;
  font-size: 67%;
  font-weight: 700;
  padding-top: 5px
}

.content-buy-results .results .lists .item .brand,
.content-itemlist .results .lists .item .brand,
.content-pickup-brands .results .lists .item .brand {
  color: #212121;
  font-weight: 700;
  font-size: 78%;
  line-height: 1.4;
  margin-top: 10px
}

.content-buy-results .results .lists .item .item-name,
.content-itemlist .results .lists .item .item-name,
.content-pickup-brands .results .lists .item .item-name,
.content-buy-results .results .lists .item .item-comment,
.content-itemlist .results .lists .item .item-comment,
.content-pickup-brands .results .lists .item .item-comment {
  color: #616161;
  font-size: 78%;
  line-height: 1.4
}

.content-buy-results .results .lists .item .item-name,
.content-itemlist .results .lists .item .item-name,
.content-pickup-brands .results .lists .item .item-name {
  font-weight: 700
}

.content-buy-results .results .lists .item .item-comment,
.content-itemlist .results .lists .item .item-comment,
.content-pickup-brands .results .lists .item .item-comment {
  margin-top: 10px
}

.content-buy-results .results .lists .item .price-tag,
.content-itemlist .results .lists .item .price-tag,
.content-pickup-brands .results .lists .item .price-tag {
  display: block;
  margin-top: 20px
}

.content-buy-results .results .lists a.item:hover,
.content-itemlist .results .lists a.item:hover,
.content-pickup-brands .results .lists a.item:hover {
  background: #f8f4ef;
  border-color: #f8f4ef
}

.content-buy-results .results .loading,
.content-itemlist .results .loading,
.content-pickup-brands .results .loading,
.content-buy-results .results .information,
.content-itemlist .results .information,
.content-pickup-brands .results .information {
  margin-top: 20px
}

.content-buy-results .results .btns,
.content-itemlist .results .btns,
.content-pickup-brands .results .btns {
  margin-top: 20px
}

.content-ratelist .btns {
  padding-bottom: 40px
}

.content-ratelist .btns+* {
  display: none !important
}

.content-ratelist .text {
  margin-top: .5em
}

.brand-del .content-brand-search-top {
  border-top: 1px solid #eee
}

.brand-del .content-brand-search-top .sorry,
.brand-del .content-brand-search-top .others {
  font-weight: 700;
  margin-bottom: 1em
}

.brand-del .price-tag {
  background: #999;
  font-size: 60%;
  line-height: 1.4;
  padding-top: 8px;
  padding-bottom: 8px
}

.brand-del .content-buy-results .del,
.brand-del .content-itemlist .del {
  font-size: 125%;
  font-weight: 700
}

.brand-del .brand_point {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0
}

.brand-del .content-buy-results .del {
  margin-bottom: -1em
}

.brand-del .content-itemlist .del {
  margin-bottom: 1em
}

.brand-del .content-itemlist .filters .lists .bt {
  background: #999
}

.brand-del .content-itemlist .filters .lists .bt.inactive-pink {
  background: #e6e6e6
}

.brand-del .paging a {
  border-color: #999;
  color: #999
}

.brand-del .paging a.on {
  background: #999;
  color: #fff
}

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

  .content-buy-results .filters li,
  .content-itemlist .filters li,
  .content-pickup-brands .filters li {
    width: 25%
  }

  .content-buy-results .last-update,
  .content-itemlist .last-update,
  .content-pickup-brands .last-update {
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .content-buy-results .results,
  .content-itemlist .results,
  .content-pickup-brands .results {
    margin-right: -20px;
    margin-left: -20px
  }

  .content-buy-results .results .lists ul,
  .content-itemlist .results .lists ul,
  .content-pickup-brands .results .lists ul {
    margin-top: 0;
    padding-right: 5px;
    padding-left: 5px
  }

  .content-buy-results .results .lists li,
  .content-itemlist .results .lists li,
  .content-pickup-brands .results .lists li {
    display: inline-block !important;
    padding-top: 65px;
    padding-right: 5px;
    padding-left: 5px;
    width: 50%
  }

  .content-buy-results .results .lists .item .item-comment,
  .content-itemlist .results .lists .item .item-comment,
  .content-pickup-brands .results .lists .item .item-comment {
    font-size: 89%;
    padding-top: 10px;
    padding-bottom: 10px
  }

  .content-buy-results .loading,
  .content-itemlist .loading,
  .content-pickup-brands .loading,
  .content-buy-results .information,
  .content-itemlist .information,
  .content-pickup-brands .information,
  .content-buy-results .btns,
  .content-itemlist .btns,
  .content-pickup-brands .btns {
    margin-right: 20px;
    margin-left: 20px
  }
}

@media screen and (max-width:779px) {
  .brand-del .brand_point {
    background: none
  }

  .brand-del .brand_point>.ttl {
    margin-right: auto;
    margin-bottom: -20px;
    margin-left: auto;
    padding: 0 2%;
    position: relative;
    top: auto;
    left: auto;
    max-width: 620px
  }
}

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

  .content-buy-results .results,
  .content-itemlist .results,
  .content-pickup-brands .results {
    margin-right: -20px;
    margin-left: -20px
  }

  .content-buy-results .results .lists,
  .content-itemlist .results .lists,
  .content-pickup-brands .results .lists {
    border-bottom: 1px solid #e0e0e0;
    margin-top: 20px;
    text-align: left
  }

  .content-buy-results .results .lists ul,
  .content-itemlist .results .lists ul,
  .content-pickup-brands .results .lists ul {
    padding-right: 0;
    padding-left: 0
  }

  .content-buy-results .results .lists li,
  .content-itemlist .results .lists li,
  .content-pickup-brands .results .lists li {
    display: block !important;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    width: auto
  }

  .content-buy-results .results .lists li.none,
  .content-itemlist .results .lists li.none,
  .content-pickup-brands .results .lists li.none {
    display: none !important
  }

  .content-buy-results .results .lists .item,
  .content-itemlist .results .lists .item,
  .content-pickup-brands .results .lists .item {
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: 0
  }

  .content-buy-results .results .lists .item.none,
  .content-itemlist .results .lists .item.none,
  .content-pickup-brands .results .lists .item.none {
    display: none !important
  }

  .content-buy-results .results .lists .item .image,
  .content-itemlist .results .lists .item .image,
  .content-pickup-brands .results .lists .item .image {
    margin-top: -40px;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 80px;
    height: 80px
  }

  .content-buy-results .results .lists .item .text,
  .content-itemlist .results .lists .item .text,
  .content-pickup-brands .results .lists .item .text {
    padding-left: 100px;
    height: auto !important
  }

  .content-buy-results .results .lists .item .date,
  .content-itemlist .results .lists .item .date,
  .content-pickup-brands .results .lists .item .date {
    display: inline-block;
    margin-right: 5px;
    padding-top: 0
  }

  .content-buy-results .results .lists .item .brand,
  .content-itemlist .results .lists .item .brand,
  .content-pickup-brands .results .lists .item .brand {
    font-size: 100%;
    margin-top: 5px;
    margin-bottom: 5px
  }

  .content-buy-results .results .lists .item .item-comment,
  .content-itemlist .results .lists .item .item-comment,
  .content-pickup-brands .results .lists .item .item-comment {
    padding-top: 0;
    padding-bottom: 0
  }

  .content-buy-results .results .lists .item .price-tag,
  .content-itemlist .results .lists .item .price-tag,
  .content-pickup-brands .results .lists .item .price-tag {
    margin-top: 10px;
    margin-left: 100px;
    position: relative;
    top: auto;
    right: auto;
    width: auto
  }

  .content-buy-results .results .lists .item .price-tag .font-ja,
  .content-itemlist .results .lists .item .price-tag .font-ja,
  .content-pickup-brands .results .lists .item .price-tag .font-ja {
    display: inline-block
  }

  .content-buy-results .results .lists a.item:after,
  .content-itemlist .results .lists a.item:after,
  .content-pickup-brands .results .lists a.item:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 20px
  }

  .content-buy-results .results .lists a.item .text,
  .content-itemlist .results .lists a.item .text,
  .content-pickup-brands .results .lists a.item .text {
    padding-right: 40px
  }

  .content-buy-results .results .lists a.item .price-tag,
  .content-itemlist .results .lists a.item .price-tag,
  .content-pickup-brands .results .lists a.item .price-tag {
    margin-right: 40px
  }

  .brand-del .price-tag {
    font-size: 100%
  }

  .brand-del .content-buy-results .del,
  .brand-del .content-itemlist .del {
    font-size: 100%;
    margin-bottom: 0
  }

  .content-ratelist {
    padding-bottom: 0
  }

  .content-ratelist .results .lists {
    border-bottom: none
  }

  .content-ratelist .results .lists li.hide-sm {
    display: none !important
  }

  .content-ratelist .results .lists .item .image img {
    width: 100%;
    height: auto
  }

  .content-ratelist .text {
    margin-top: 0
  }
}

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

  .content-buy-results .filters li,
  .content-itemlist .filters li,
  .content-pickup-brands .filters li {
    width: 33.33%
  }
}

.content-campaign {
  border-radius: 0;
  padding: 40px 0
}

.content-campaign .swiper-button-prev {
  left: 25%
}

.content-campaign .swiper-button-next {
  right: 25%
}

.content-campaign .swiper-container-full .swiper-button-prev {
  left: 35.71%
}

.content-campaign .swiper-container-full .swiper-button-next {
  right: 35.71%
}

@media screen and (max-width:1200px) {
  .content-campaign .swiper-container-full .swiper-button-prev {
    left: 25%
  }

  .content-campaign .swiper-container-full .swiper-button-next {
    right: 25%
  }
}

@media screen and (max-width:767px) {
  .content-campaign .swiper-button-next {
    right: 16.67% !important
  }

  .content-campaign .swiper-button-prev {
    left: 16.67% !important
  }
}

@media screen and (max-width:480px) {
  .content-campaign .swiper-slide {
    padding-right: 10px;
    padding-left: 10px
  }

  .content-campaign .swiper-button-prev {
    left: 40px !important
  }

  .content-campaign .swiper-button-next {
    right: 40px !important
  }
}

.content-copy .lists {
  margin-bottom: 40px
}

.content-copy .lists li {
  background: #f8f4ef;
  border-radius: 4px;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px;
  text-align: center
}

.content-copy .text {
  font-size: 89%
}

.content-copy .text strong {
  color: #f2799a
}

.content-copy .mission {
  color: #f2799a;
  font-size: 134%;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px 0;
  text-align: center
}

.content-copy .mission .ic-nocopy {
  width: 72px;
  height: 72px
}

@media screen and (max-width:767px) {
  .content-copy .lists li {
    margin-bottom: 20px
  }

  .content-copy .mission .ic-nocopy {
    display: block;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto
  }
}

.content-customer .customer-comment {
  background: #f8f4ef;
  border-radius: 10px;
  display: block;
  margin-top: 20px;
  padding: 20px;
  min-height: 120px
}

.content-customer .customer-comment:after {
  content: '\f105';
  display: block;
  font-family: "FontAwesome";
  font-size: 200%;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 50px;
  right: 30px
}

.content-customer .rb-episode {
  position: absolute;
  top: 0;
  left: 20px
}

.content-customer .customer-title {
  color: #212121;
  min-height: 80px
}

.content-customer .customer-title .name,
.content-customer .customer-title .summary {
  padding-right: 40px;
  padding-left: 100px
}

.content-customer .customer-title .name {
  font-size: 78%
}

.content-customer .customer-title .summary {
  font-weight: 700;
  line-height: 1.4;
  padding-top: 5px
}

.content-customer .text {
  color: #424242;
  display: none;
  font-size: 78%;
  padding-top: 20px
}

.content-customer.content-customer-toggle .customer-comment:after {
  content: '\f107'
}

.content-customer.content-customer-toggle .customer-comment.jq-open:after {
  content: '\f106'
}

.content-customer.content-customer-toggle .customer-comment.jq-open .text {
  display: block
}

@media screen and (max-width:480px) {
  .content-customer .customer-title .name strong {
    display: block;
    font-size: 117%;
    padding-top: 5px
  }

  .content-customer .customer-title .summary {
    padding-top: 45px;
    padding-right: 0;
    padding-left: 0
  }
}

.content-howto-sell .step-next {
  padding-bottom: 40px
}

.content-howto-sell .step-next:after {
  color: #9e9e9e;
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 150%;
  line-height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 240px
}

.content-howto-sell .steps dl {
  border-collapse: separate;
  border-spacing: 0;
  line-height: 1.4;
  width: 100%;
  min-height: 120px
}

.content-howto-sell .steps dt,
.content-howto-sell .steps dd {
  padding: 20px
}

.content-howto-sell .steps dt {
  background: #c4a277;
  border: 1px solid #c4a277;
  border-radius: 4px 0 0 4px;
  color: #fff;
  text-align: center;
  width: 240px
}

.content-howto-sell .steps dt .step .num {
  font-size: 150%
}

.content-howto-sell .steps dt .text {
  font-weight: 700
}

.content-howto-sell .steps dd {
  border: 1px solid #c4a277;
  border-radius: 0 4px 4px 0
}

.content-howto-sell .steps dd .step,
.content-howto-sell .steps dd .text {
  padding-left: 100px
}

.content-howto-sell .steps dd .step {
  color: #f2799a;
  font-weight: 700
}

.content-howto-sell .steps dd .text {
  font-size: 89%;
  padding-top: 5px
}

.content-howto-sell .steps dd img {
  border-radius: 4px;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 80px;
  height: auto
}

.content-howto-sell .btns {
  padding-top: 10px;
  text-align: center
}

.content-howto-sell .btns .bt {
  margin-top: 10px;
  margin-right: 3px;
  margin-left: 3px
}

.content-howto-sell .btns-title {
  margin-top: 40px
}

.content-howto-sell.is-s .content-title-solo {
  margin-bottom: 15px
}

.content-howto-sell.is-s .content-sell2 p {
  margin-bottom: 10px;
  text-align: center
}

.content-howto-sell.is-s .content-sell2 .bt-sell {
  max-width: 440px
}

@media screen and (max-width:767px) {
  .content-howto-sell .step-next:after {
    width: 100%
  }

  .content-howto-sell .steps dt {
    border-radius: 4px 4px 0 0;
    padding: 5px 10px;
    width: auto
  }

  .content-howto-sell .steps dt p {
    display: inline-block;
    vertical-align: baseline
  }

  .content-howto-sell .steps dt .step {
    margin-right: 10px
  }

  .content-howto-sell .steps dd {
    border-radius: 0 0 4px 4px;
    padding-top: 30px;
    padding-bottom: 30px
  }
}

@media screen and (max-width:400px) {
  .content-howto-sell .btns .bt {
    margin-right: 0;
    margin-left: 0
  }
}

@media screen and (max-width:400px) {
  .content-title {
    font-size: 145%
  }
}

.compeval-box {
  background-color: #f8f4ef;
  text-align: center;
  padding: 10px;
  border-radius: 5px
}

p.compeval-text {
  font-weight: 700
}

p.compeval-point {
  font-size: 150%;
  font-weight: 700;
  color: #f2799a
}

p.compeval-star {
  top: -10px
}

.star-eval {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #eee
}

.star-eval:before,
.star-eval:after {
  content: '★★★★★'
}

.star-eval:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #bfa178
}

.star-eval[data-rate="5"]:after {
  width: 100%
}

.star-eval[data-rate="4.5"]:after {
  width: 90%
}

.star-eval[data-rate="4.23"]:after {
  width: 83%
}

.star-eval[data-rate="4.20"]:after {
  width: 82%
}

.star-eval[data-rate="4"]:after {
  width: 80%
}

.star-eval[data-rate="3.5"]:after {
  width: 70%
}

.star-eval[data-rate="3"]:after {
  width: 60%
}

.star-eval[data-rate="2.5"]:after {
  width: 50%
}

.star-eval[data-rate="2"]:after {
  width: 40%
}

.star-eval[data-rate="1.5"]:after {
  width: 30%
}

.star-eval[data-rate="1"]:after {
  width: 20%
}

.star-eval[data-rate="0.5"]:after {
  width: 10%
}

.star-eval[data-rate="0"]:after {
  width: 0%
}

.usereval-ul {
  margin: auto;
  max-width: 800px
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px !important;
  padding: 0
}

.usereval-box {
  background-color: #f8f4ef;
  margin: 10px auto;
  border: solid 1px #bfa178;
  border-radius: 5px
}

p.user-name {
  font-size: 80%;
  margin: 10px 10px 0
}

span.user-area {
  font-size: 80%;
  margin: 0 7px
}

span.user-area:after {
  content: "]"
}

span.user-area:before {
  content: "["
}

p.user-eval {
  font-size: 130%;
  font-weight: 700;
  color: #f2799a;
  padding: 0 10px;
  top: -5px
}

p.user-eval span.star-eval {
  margin-left: 10px;
  font-size: 75%
}

p.user-good {
  background-color: #f2799a;
  padding: 0 10px;
  color: #FFF;
  font-size: 70%
}

p.user-text {
  padding: 5px 10px 10px;
  font-size: 80%
}

.content-interview .content-title-solo img {
  border: 2px solid #c4a277;
  border-radius: 10px;
  max-width: 100%;
  height: auto
}

.content-interview ul {
  margin-top: 80px
}

.content-interview .item {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: block;
  padding: 20px
}

.content-interview .item .image {
  margin-top: -80px;
  margin-right: auto;
  margin-left: auto;
  width: 120px
}

.content-interview .item .image img {
  border-radius: 50%;
  width: 100%;
  height: auto
}

.content-interview .item .name {
  color: #616161;
  margin-top: 10px
}

.content-interview .item .name .category-tag,
.content-interview .item .name strong {
  vertical-align: middle
}

.content-interview .item .name .category-tag {
  margin-right: 5px
}

.content-interview .item .name strong {
  font-size: 89%
}

.content-interview .item .summary,
.content-interview .item .comment,
.content-interview .item .bt {
  margin-top: 10px
}

.content-interview .item .summary {
  color: #f2799a;
  font-weight: 700;
  line-height: 1.4
}

.content-interview .item .comment {
  color: #616161;
  font-size: 78%
}

.content-interview a.item:hover {
  background: #f8f4ef;
  border-color: #f8f4ef
}

@media screen and (max-width:767px) {
  .content-interview .interviews {
    margin-right: -20px;
    margin-left: -20px
  }

  .content-interview ul {
    margin-top: 0
  }

  .content-interview .item {
    border-right: none;
    border-bottom: none;
    border-left: none
  }

  .content-interview .item .image {
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    width: 80px
  }

  .content-interview .item .text {
    min-height: 80px;
    padding-left: 100px;
    height: auto !important
  }

  .content-interview .item .name {
    margin-top: 0
  }
}

@media screen and (max-width:640px) {
  .content-interview .item .text {
    min-height: none;
    padding-left: 0
  }

  .content-interview .item .name,
  .content-interview .item .summary {
    padding-left: 100px
  }

  .content-interview .item .comment {
    clear: both
  }
}

.content-feature-kv {
  background-repeat: repeat-x;
  overflow: hidden
}

.content-feature-kv img {
  margin-left: -500px;
  position: relative;
  top: 0;
  left: 50%;
  width: 1000px
}

.content-feature-kv.bg02 {
  background-image: url(../img/campaign/clo_top-1_02_bg.png)
}

.content-feature-kv.bg04 {
  background-color: #f3f3f3
}

.content-feature-kv.bg06 {
  background-image: url(../img/campaign/clo_top-1_06_bg.png)
}

.content-feature-kv.bg07 {
  background-image: url(../img/campaign/clo_top-1_07_bg.png)
}

.content-feature-kv.bg13,
.content-feature-kv.bg15,
.content-feature-kv.bg14,
.content-feature-kv.bg12,
.content-feature-kv.bg08,
.content-feature-kv.bg09,
.content-feature-kv.bg10,
.content-feature-kv.bg11 {
  background-color: #fff;
  border-bottom: 1px solid #F0F0F0
}

.content-feature-kv.bg16 {
  background-image: url(../img/campaign/clo_top-1_16_bg.png)
}

.content-feature-kv.bg17 {
  background-image: url(../img/campaign/clo_top-1_17_bg.png)
}

.content-feature-kv.bg18 {
  margin-bottom: 40px;
  height: auto;
  min-height: 423px
}

.content-feature-camp-kv {
  height: 471px
}

.content-feature-item {
  text-align: center
}

.content-feature-item .talk {
  padding-bottom: 20px
}

.content-feature-item .talk li {
  background: #eee;
  border-radius: 10px;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px
}

.content-feature-item .face p:before {
  border-color: #eee transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  margin-left: -10px;
  position: absolute;
  top: -20px;
  left: 50%;
  width: 0;
  height: 0
}

.content-feature-item .feature {
  background: #f8f4ef;
  border-radius: 4px;
  margin-top: 80px;
  padding: 20px
}

.content-feature-item .feature img {
  margin-top: -85px;
  margin-bottom: 20px
}

.content-feature-item .feature-title {
  color: #f2799a;
  font-size: 150%;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px
}

.content-feature-item .feature-lead {
  font-size: 89%
}

@media screen and (max-width:767px) {
  .content-feature-kv {
    background: none !important
  }

  .content-feature-kv img {
    margin-left: 0;
    position: relative;
    top: auto;
    left: auto;
    width: 100%
  }

  .content-feature-item-kv,
  .content-feature-camp-kv {
    height: auto;
    margin-bottom: 40px
  }

  .content-feature-item .talk li {
    background: none;
    margin-bottom: 20px;
    padding: 0
  }

  .content-feature-item .talk li p {
    background: #fff;
    border-radius: 10px;
    margin-left: 100px;
    padding: 15px
  }

  .content-feature-item .talk li p:before {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 0;
    height: 0
  }

  .content-feature-item .talk li .ic {
    margin-top: -40px;
    position: absolute;
    left: 0;
    top: 50%
  }

  .content-feature-item .talk li.talk-l p {
    margin-left: 0;
    margin-right: 100px
  }

  .content-feature-item .talk li.talk-l p:before {
    border-color: transparent transparent transparent #fff;
    left: auto;
    right: -20px
  }

  .content-feature-item .talk li.talk-l .ic {
    left: auto;
    right: 0
  }

  .content-feature-item .feature {
    background: #fff url(../img/common/bg_img01.png) center center;
    background-size: 40px auto
  }

  .content-feature-item .feature-title {
    font-size: 134%
  }

  .content-feature-item .feature-lead {
    text-align: left
  }
}

@media screen and (max-width:480px) {
  .content-feature-item .talk li p {
    margin-left: 80px
  }

  .content-feature-item .talk li .ic {
    margin-top: -30px
  }

  .content-feature-item .talk li.talk-l p {
    margin-left: 0;
    margin-right: 80px
  }

  .content-feature-item .feature {
    margin-top: 0
  }

  .content-feature-item .feature img {
    margin-top: 0;
    margin-bottom: 10px
  }
}

.content-itemlist .filters li {
  width: 25%
}

@media screen and (max-width:767px) {
  .content-itemlist .filters li {
    width: 50%
  }
}

.itemlist_bt {
  display: block;
  padding: 0 !important
}

.itemlist_bt {
  display: block;
  padding: 0 !important
}

span.ex-brand {
  font-size: 10px;
  font-weight: nomal;
  display: block;
  margin-top: 7px
}

.content-kaitori-ok .kaitori-ok {
  padding-bottom: 20px;
  text-align: center
}

.content-kaitori-ok .kaitori-ok ul {
  margin-bottom: 20px
}

.content-kaitori-ok .kaitori-ok li {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 700;
  padding: 20px;
  vertical-align: top
}

.content-kaitori-ok .kaitori-ok li .image {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  max-width: 160px
}

.content-kaitori-ok .kaitori-ok li .image:after {
  background: #000;
  border-radius: 4px;
  content: "";
  display: block;
  -ms-filter: "alpha(opacity=3)";
  filter: alpha(opacity=3);
  opacity: .03;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.content-kaitori-ok .kaitori-ok li p {
  line-height: 1.4
}

.content-kaitori-ok .kaitori-ok li .image .ic-ok {
  position: absolute;
  top: -30px;
  right: -30px;
  z-index: 2
}

.content-kaitori-ok .kaitori-ok li .image img {
  border-radius: 4px;
  width: 100%;
  height: auto
}

.content-kaitori-ok .kaitori-ng {
  font-weight: 700
}

.content-kaitori-ok .kaitori-ng i {
  vertical-align: 0
}

@media screen and (max-width:480px) {
  .content-kaitori-ok .kaitori-ok li .image .ic-ok {
    top: -15px;
    right: -15px
  }
}

.content-not-buy .btns .badge {
  margin-bottom: 10px
}

.content-not-buy .talk {
  margin-bottom: 20px
}

.content-not-buy .talk p {
  background: #eee;
  border-radius: 10px;
  font-weight: 700;
  margin-left: 100px;
  padding: 15px;
  text-align: center
}

.content-not-buy .talk p:before {
  border-color: transparent #eee transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0
}

.content-not-buy .talk .ic {
  margin-top: -40px;
  position: absolute;
  left: 0;
  top: 50%
}

.content-not-buy .talk-lead {
  color: #f2799a;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 40px;
  text-align: center
}

.content-not-buy .lists {
  background: #eee;
  padding: 20px 20px 10px
}

.content-not-buy .lists ul {
  margin-bottom: 10px
}

.content-not-buy .lists li {
  background: #fff;
  border-radius: 4px;
  padding: 20px 20px 10px;
  text-align: center;
  vertical-align: top
}

.content-not-buy .lists li img {
  max-width: 98px
}

.content-not-buy .lists li p {
  font-size: 89%;
  font-weight: 700;
  line-height: 1.4;
  padding-top: 10px
}

@media screen and (max-width:991px) {
  .content-not-buy .btns .badge {
    margin-bottom: 0
  }

  .content-not-buy .btns li {
    padding-bottom: 10px
  }
}

@media screen and (max-width:767px) {
  .content-not-buy .lists {
    padding: 10px 10px 10px
  }

  .content-not-buy .lists li {
    padding: 10px 10px 10px
  }

  .content-not-buy .subcontent-table-fixed dl,
  .content-not-buy .subcontent-table-fixed dd {
    display: block
  }

  .content-not-buy .subcontent-table-fixed dl {
    border: none
  }

  .content-not-buy .subcontent-table-fixed dd {
    border-top: 1px solid #e0e0e0
  }

  .content-not-buy .subcontent-table-fixed dl:first-child dd:first-child {
    border-top: none
  }
}

@media screen and (max-width:480px) {
  .content-not-buy .btns .badge {
    margin-bottom: 5px
  }

  .content-not-buy .talk li p {
    margin-left: 80px
  }

  .content-not-buy .talk li .ic {
    margin-top: -30px
  }
}

.content-pickup-brands .results .lists .item .rb-pickup {
  display: block;
  margin-top: -20px;
  margin-right: auto;
  margin-left: auto
}

.content-pickup-brands .results .lists .item .brand {
  font-size: 100%
}

@media screen and (max-width:767px) {
  .content-pickup-brands {
    padding-bottom: 0
  }

  .content-pickup-brands .results .lists {
    border-bottom: none
  }

  .content-pickup-brands .results .lists .item .rb-pickup,
  .content-pickup-brands .results .lists .item .brand {
    display: inline-block;
    vertical-align: middle
  }

  .content-pickup-brands .results .lists .item .rb-pickup {
    margin-top: 0;
    margin-left: 0;
    margin-right: 5px
  }
}

@media screen and (max-width:480px) {
  .content-pickup-brands .results .lists .item .rb-pickup {
    display: block;
    margin-bottom: 5px
  }
}

.content-pickup-items img {
  width: 100%;
  height: auto
}

.content-pickup-items .main {
  width: 50%
}

.content-pickup-items .item {
  padding-left: 30px;
  position: absolute;
  width: 16.66%
}

.content-pickup-items .item a {
  display: block
}

.content-pickup-items .item .image .rb {
  margin-left: -50px;
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 2
}

.content-pickup-items .item img {
  border-radius: 4px
}

.content-pickup-items .item p {
  color: #616161
}

.content-pickup-items .item .category {
  font-size: 89%;
  font-weight: 700;
  position: absolute;
  bottom: -30px;
  left: 0;
  text-align: center;
  width: 100%
}

.content-pickup-items .item .category-l {
  font-size: 84%;
  margin-left: -10%;
  width: 120%
}

.content-pickup-items .item .category-l2 {
  font-size: 72%;
  margin-left: -10%;
  width: 120%
}

.content-pickup-items .item .category-l3 {
  bottom: -40px;
  font-size: 72%;
  line-height: 1.4;
  margin-left: -10%;
  width: 120%
}

.content-pickup-items .item01,
.content-pickup-items .item02,
.content-pickup-items .item03 {
  top: 0
}

.content-pickup-items .item04,
.content-pickup-items .item05,
.content-pickup-items .item06 {
  bottom: 0
}

.content-pickup-items .item01,
.content-pickup-items .item04 {
  right: 33.34%
}

.content-pickup-items .item02,
.content-pickup-items .item05 {
  right: 16.66%
}

.content-pickup-items .item03,
.content-pickup-items .item06 {
  right: 0
}

@media screen and (max-width:991px) {
  .content-pickup-items .items {
    margin-right: auto;
    margin-left: auto;
    width: 75%
  }

  .content-pickup-items .main {
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%
  }

  .content-pickup-items .item {
    float: left;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    width: 33.33%
  }

  .content-pickup-items .item .category {
    font-size: 84%;
    position: relative;
    bottom: auto;
    left: auto
  }
}

@media screen and (max-width:767px) {
  .content-pickup-items .items {
    width: 100%
  }

  .content-pickup-items .main {
    margin-bottom: 20px;
    padding-right: 0;
    padding-left: 0
  }

  .content-pickup-items .item {
    float: none;
    margin-right: -20px;
    margin-left: -20px;
    padding: 0;
    width: auto
  }

  .content-pickup-items .item a {
    border-top: 1px solid #e0e0e0;
    min-height: 140px;
    padding: 20px
  }

  .content-pickup-items .item .image {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 120px;
    height: auto
  }

  .content-pickup-items .item p {
    padding-left: 140px
  }

  .content-pickup-items .item .category {
    font-size: 100%;
    margin-left: 0;
    text-align: left;
    width: auto
  }

  .content-pickup-items .item .category .rb {
    display: inline-block !important;
    margin-right: 5px
  }

  .content-pickup-items .item .text {
    font-size: 89%;
    line-height: 1.4;
    padding-top: 5px
  }
}

@media screen and (max-width:480px) {
  .content-pickup-items .item .image {
    width: 100px
  }

  .content-pickup-items .item p {
    padding-left: 120px
  }

  .content-pickup-items .item .category .rb {
    display: block !important;
    margin-bottom: 5px
  }
}

.content-profile .license {
  font-size: 78%;
  padding-bottom: 10px
}

.content-profile .lists {
  line-height: 1.4;
  margin-top: 20px
}

.content-profile .lists ul {
  width: 100%
}

.content-profile .lists>li {
  background: #f8f4ef;
  border-radius: 10px;
  padding: 20px
}

.content-profile .lists .image {
  width: 100px
}

.content-profile .lists .image img {
  border-radius: 4px;
  width: 100px;
  height: auto
}

.content-profile .lists .feature,
.content-profile .lists .text {
  padding-left: 20px
}

.content-profile .lists .feature {
  font-weight: 700
}

.content-profile .lists .text {
  padding-top: 5px;
  font-size: 89%
}

@media screen and (max-width:767px) {
  .content-profile .lists {
    margin-top: 0
  }

  .content-profile .lists>li {
    margin-top: 20px
  }
}

@media screen and (max-width:480px) {
  .content-profile .lists .image {
    width: 80px
  }

  .content-profile .lists .image img {
    width: 80px
  }
}

.content-qa .btns ul {
  margin-bottom: 10px
}

.content-qa .qas {
  border-radius: 4px;
  border: 1px solid #e0e0e0
}

.content-qa .qa {
  border-top: 1px solid #e0e0e0
}

.content-qa .qa:first-child {
  border-top: none
}

.content-qa .qa .text {
  margin-left: 70px
}

.content-qa .qa .q-label,
.content-qa .qa .a-label {
  border-radius: 15px;
  display: inline-block;
  font-family: "Noto Serif", serif;
  font-size: 89%;
  line-height: 30px;
  position: absolute;
  top: 16px;
  left: 20px;
  text-align: center;
  width: 60px
}

.content-qa .qa .q-label {
  background: #f2799a;
  color: #fff
}

.content-qa .qa .a-label {
  background: #eee
}

.content-qa .qa .q,
.content-qa .qa .a {
  padding: 20px
}

.content-qa .qa .q {
  display: block;
  padding-right: 40px
}

.content-qa .qa .q:after {
  content: '\f107';
  display: block;
  font-family: "FontAwesome";
  font-size: 150%;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 21px;
  right: 20px
}

.content-qa .qa .q .text {
  color: #616161;
  display: block;
  font-size: 89%;
  line-height: 1.4;
  font-weight: 700
}

.content-qa .qa .a {
  border-top: 1px dashed #e0e0e0;
  display: none
}

.content-qa .qa .a .text {
  font-size: 84%
}

.content-qa .qa .a .text a:hover {
  color: #ed4b77;
  text-decoration: underline !important
}

.content-qa .jq-open .q:after {
  content: '\f106'
}

.content-qa .jq-open .a {
  display: block
}

.content-realtime .results .result {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 15px 10px 10px;
  text-align: center
}

.content-realtime .results .date,
.content-realtime .results .place {
  color: #9e9e9e;
  font-size: 67%
}

.content-realtime .results .balloon {
  margin: 5px 0
}

.content-realtime .results .price-title {
  color: #f2799a;
  font-size: 89%;
  font-weight: 700
}

.content-realtime .results .price-tag {
  display: block
}

.content-realtime .order {
  padding-top: 60px
}

.content-realtime .order ul {
  margin-top: 10px
}

.content-realtime .order li {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 10px;
  vertical-align: top
}

.content-realtime .order li.none {
  border: none
}

.content-realtime .order li img {
  margin-top: -18px;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 36px;
  height: auto
}

.content-realtime .order li .date {
  color: #c4a277;
  display: block;
  font-size: 67%;
  padding-left: 50px
}

.content-realtime .order li .text {
  display: block;
  font-size: 78%;
  padding-left: 50px
}

@media screen and (max-width:767px) {
  .content-realtime {
    padding-bottom: 0
  }

  .content-realtime .order .table-list {
    margin-right: -20px;
    margin-left: -20px
  }

  .content-realtime .order ul {
    margin-top: 0;
    width: 100%
  }

  .content-realtime .order li {
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: 0
  }

  .content-realtime .order li.none {
    display: none !important
  }
}

.content-sell {
  line-height: 1.4;
  text-align: center
}

.content-sell .content-subtitle {
  color: #f2799a;
  margin-bottom: 10px
}

.content-sell .steps {
  padding: 20px 0
}

.content-sell .steps img {
  max-width: 580px;
  height: auto
}

.content-sell .kit {
  padding-bottom: 10px
}

.content-sell .kit img {
  width: 100%;
  height: auto
}

.content-sell .kit a {
  display: block;
  margin-left: -78px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 157px;
  height: 26px;
  z-index: 2
}

.content-sell .kit a:hover {
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50);
  opacity: .5
}

.content-sell .table-list {
  padding-top: 60px
}

.content-sell li {
  border-radius: 4px;
  padding: 20px
}

.content-sell .web {
  background: #fdedf2
}

.content-sell .web .image {
  position: absolute;
  top: -60px;
  left: 0;
  text-align: center;
  width: 100%
}

.content-sell .web .image img {
  max-width: 440px;
  width: 100%;
  height: auto
}

.content-sell .web .bt {
  font-size: 134%
}

.content-sell .web .business-day {
  margin-top: 20px
}

.content-sell .tel {
  background: #eee
}

.content-sell .tel .text {
  font-weight: 700;
  font-size: 78%
}

.content-sell .tel .number {
  color: #f2799a;
  font-size: 250%
}

.content-sell .tel .number .ic-freedial {
  width: 45px;
  height: 45px
}

.content-sell .tel .open {
  font-size: 67%
}

@media screen and (max-width:991px) {
  .content-sell .tel {
    margin-top: 20px
  }

  .content-sell .kit a {
    margin-left: -65px;
    bottom: 22px;
    width: 130px;
    height: 22px
  }
}

@media screen and (max-width:767px) {
  .content-sell .table-list {
    padding-top: 0
  }

  .content-sell ul {
    margin-right: -20px;
    margin-left: -20px;
    width: auto
  }

  .content-sell .web,
  .content-sell .tel {
    background: none
  }

  .content-sell .web .image {
    position: relative;
    top: auto;
    left: uto
  }

  .content-sell .web .image img {
    max-width: 560px
  }

  .content-sell .tel {
    border-top: 1px solid #e0e0e0
  }

  .content-sell .web-kit .present {
    background: #f8f4ef;
    border: 2px solid #c4a277;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 20px 20px 0
  }

  .content-sell .web-kit .present img {
    margin-top: -45px
  }

  .content-sell .web-kit .btns {
    border: 2px solid #c4a277;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 20px
  }

  .content-sell .web-kit .link-kit {
    margin-top: 20px
  }
}

@media screen and (max-width:480px) {
  .content-sell .web .bt {
    font-size: 117%;
    padding-right: 15px
  }

  .content-sell .web .bt .ic-sell {
    width: 40px;
    height: 40px
  }

  .content-sell .web-kit .present {
    padding: 10px 10px 0
  }

  .content-sell .web-kit .present img {
    margin-top: -30px
  }

  .content-sell .web-kit .btns {
    padding: 10px
  }
}

@media screen and (max-width:400px) {
  .content-sell .web .bt {
    font-size: 89%
  }

  .content-sell .web .bt .ic-sell {
    width: 30px;
    height: 30px
  }

  .content-sell .tel .number {
    font-size: 200%
  }
}

.content-shibuya-camp .table-list {
  margin-top: 20px
}

.content-sitemap li {
  vertical-align: top
}

.content-sitemap li a {
  color: #616161
}

.content-sitemap li a:link,
.content-sitemap li a:visited {
  color: #616161
}

.content-sitemap li a:hover,
.content-sitemap li a:active {
  color: #f2799a
}

.content-sitemap .category {
  padding-bottom: 30px
}

.content-sitemap .category-name {
  border: 1px solid #f2799a;
  border-radius: 4px;
  color: #f2799a;
  font-size: 89%;
  margin-bottom: 5px;
  padding: 5px 10px
}

.content-sitemap .link-main,
.content-sitemap .link-sub {
  padding: 5px 10px 0
}

.content-sitemap .link-main a,
.content-sitemap .link-sub a {
  font-size: 78%
}

.content-sitemap .link-main a:before,
.content-sitemap .link-sub a:before {
  content: '\f105';
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 5px
}

.content-sitemap .link-sub {
  padding-left: 20px
}

@media screen and (max-width:991px) {
  .content-sitemap .link-sub {
    display: inline-block;
    width: 40%
  }
}

@media screen and (max-width:640px) {
  .content-sitemap .link-sub {
    display: block;
    width: auto
  }
}

.content-story {
  border-radius: 0;
  line-height: 1.8;
  padding: 40px 0
}

.content-story .text {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px
}

.content-story .swiper-button-disabled {
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}

.content-story .swiper-slide {
  padding-right: 10px;
  padding-left: 10px
}

.content-story .swiper-slide img {
  border-radius: 0
}

.content-story .swiper-slide p {
  background: #fff;
  font-size: 78%;
  padding: 20px
}

.content-story .swiper-button-prev {
  left: 35.71%
}

.content-story .swiper-button-next {
  right: 35.71%
}

@media screen and (max-width:1199px) {
  .content-story .swiper-button-prev {
    left: 30%
  }

  .content-story .swiper-button-next {
    right: 30%
  }
}

@media screen and (max-width:767px) {
  .content-story .swiper-button-prev {
    left: 16.67%
  }

  .content-story .swiper-button-next {
    right: 16.67%
  }
}

@media screen and (max-width:640px) {
  .content-story .swiper-button-prev {
    left: 8.33%
  }

  .content-story .swiper-button-next {
    right: 8.33%
  }
}

@media screen and (max-width:480px) {
  .content-story .swiper-button-prev {
    left: 40px
  }

  .content-story .swiper-button-next {
    right: 40px
  }
}

.content-taishou-item {
  padding-bottom: 20px;
  text-align: center
}

.content-taishou-item ul {
  margin-bottom: 10px
}

.content-taishou-item li {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 700;
  padding: 10px
}

.content-taishou-item li.none {
  border: none
}

.content-taishou-item li .image {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px
}

.content-taishou-item li .image img {
  border-radius: 4px;
  height: 68px;
  width: auto
}

.content-taishou-item li p {
  font-size: 89%;
  line-height: 1.4
}

.content-top-kv {
  background: url(../img/top/kv.jpg) no-repeat center center #c4c4c4;
  text-align: center
}

.content-top-kv img {
  max-width: 100%;
  height: auto
}

.content-top-kv .content-brand-search {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.content-top-kv .content-brand-search ul {
  width: 100%
}

.content-top-kv .content-brand-search .bt {
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0
}

.content-top-kv .content-brand-search .results {
  width: 60%
}

.content-top-kv .content-brand-search .bt {
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 15px
}

.content-top-kv .content-brand-search .results {
  width: 60%
}

.content-top-kv .content-brand-search .brandlist .bt {
  line-height: 16px;
  font-size: 78%;
  padding-top: 14px;
  padding-bottom: 14px
}

@media screen and (max-width:991px) {
  .content-top-kv {
    padding: 40px 0
  }
}

@media screen and (max-width:767px) {
  .content-top-kv {
    background-image: url(../img/top/sm/kv.jpg);
    background-size: cover
  }

  .content-top-kv .now {
    font-size: 100%;
    padding: 20px
  }

  .content-top-kv .brands {
    font-size: 78%
  }

  .content-top-kv .brands .font-noto {
    font-size: 100%
  }
}

@media screen and (max-width:480px) {
  .content-top-kv .content-brand-search .brandlist .bt {
    font-size: 67%
  }
}

@media (min-width:780px) {
  .code2 {
    padding: 0 0;
    width: 1000px !important;
    margin: 0 auto;
    position: relative
  }

  .code2 ul {
    border: 4px solid #999;
    background: #999;
    border-radius: 4px;
    display: table;
    width: 100%;
    border-spacing: 15px 0
  }

  .code2 ul li.left {
    display: table-cell;
    width: 50% !important;
    position: relative;
    text-align: right;
    top: 40px
  }

  .code2 ul li.left p {
    color: #FFF
  }

  .code2 ul li.left .title2 {
    color: #FFF;
    margin-top: -34px
  }

  .code2 ul li.right {
    display: table-cell;
    width: 50% !important;
    position: relative;
    text-align: left
  }

  .code2 ul li.right .box {
    width: 40% !important;
    position: relative;
    background-color: #fff;
    max-height: 60px !important;
    margin: 5px 0 0px !important;
    padding: 5px 0
  }

  .code2 ul li.right .box p {
    color: #1B1B1B;
    text-align: center;
    letter-spacing: 5px
  }

  .example.corner01 {
    border-radius: 4px;
    padding-top: 80px !important
  }

  .code2 ul {
    padding: 10px 0 15px !important
  }
}

.code2 {
  padding: 0 0 1.5em;
  width: 90%;
  margin: 0 auto;
  position: relative
}

.code2 ul {
  border: 1px solid #999;
  background: #999;
  border-radius: 4px;
  display: table;
  width: 100%;
  border-spacing: 15px 0;
  padding: 0 0 0
}

.code2 ul li.left {
  display: table-cell;
  width: 65%;
  position: relative;
  text-align: right;
  top: -9px
}

.code2 ul li.left p {
  color: #FFFFFF !important
}

.code2 ul li.left .title2 {
  font-size: 1.2em !important
}

.code2 ul li.right {
  display: table-cell;
  width: 35%;
  position: relative;
  text-align: left
}

.code2 ul li.right .title1b {
  font-size: 1.45em !important
}

.code2 ul li.right .box {
  margin: 20px 0 0;
  width: 100%;
  position: relative;
  background-color: #fff;
  max-height: 80px
}

.code2 ul li.right .box p {
  color: #1B1B1B;
  text-align: center;
  letter-spacing: 1px
}

#campaign section.item div.itemWrap2 {
  padding: 0 1em .3em
}

#campaign h1 {
  color: #616161
}

#campaign section.item div.itemWrap2 p {
  color: #010101;
  font-size: .909em;
  line-height: 1.5;
  text-align: center;
  margin-top: 1em
}

#campaign section.item div.itemWrap2 p>span {
  color: #f2799a;
  font-weight: 700
}

.example.corner01 {
  border-radius: 4px;
  padding-top: 40px
}

@media screen and (max-width:480px) {
  #campaign .code2 {
    border: 1px solid #999;
    background: #999;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px 0 5px
  }

  #campaign .code2 ul {
    border: none;
    background: none;
    border-radius: 0
  }

  #campaign .code2 li {
    top: auto
  }

  #campaign .code2 ul li.right .box {
    margin-top: 0
  }

  #campaign .code2 .txt4 {
    color: #fff;
    padding-top: 5px;
    text-align: center
  }
}

@media (min-width:780px) {
  #tsAkifuyu .sct2 .fukidashi img {
    margin: 0 1em 0em 24%
  }

  #tsAkifuyu .sct2-02 img {
    padding: 0
  }

  #tsAkifuyu .sct6-02 {
    width: 1000px;
    padding: 30px 5px;
    background-color: #FFF
  }

  #tsAkifuyu .sct6-02 ul {
    margin-top: 0;
    width: 100%
  }

  #tsAkifuyu .sct6-02 ul .right {
    display: inline-block !important;
    padding-left: 35px !important;
    width: 77% !important;
    top: -150px
  }

  #tsAkifuyu .sct6-02 ul .right .txt2 {
    display: inline-block !important;
    font-size: 18px !important
  }

  #tsAkifuyu .sct6-02 ul .left {
    display: inline-block !important;
    width: 20% !important;
    padding: 0 !important
  }

  #tsAkifuyu .sct2-02 .txt2 span {
    color: #ff729a;
    font-weight: 700;
    font-size: 20px !important
  }
}

#tsAkifuyu .sct2-02 .txt2 {
  padding: 1.5em 1em 5px;
  background-color: #FFF;
  text-align: center;
  font-size: 1em;
  font-weight: 700
}

#tsAkifuyu .sct2-02 .txt2 span {
  color: #ff729a;
  font-weight: 700;
  font-size: 1.1em
}

#tsAkifuyu .sct6-02 {
  width: 100%;
  padding: 30px 5px 5px;
  background-color: #FFF;
  border-bottom: 1px solid #EAEAEA
}

#tsAkifuyu .sct6-02 ul {
  margin-top: 0;
  width: 100%
}

#tsAkifuyu .sct6-02 .txt1 {
  text-align: center;
  color: #ff729a;
  font-weight: bold !important;
  padding-bottom: 1em
}

#tsAkifuyu .sct6-02 ul .right {
  display: inline-block !important;
  padding: 0 10px;
  width: 100%
}

#tsAkifuyu .sct6-02 ul .right .txt2 {
  display: inline-block !important;
  font-size: 1em;
  margin: 1em
}

#tsAkifuyu .sct6-02 ul .left {
  display: inline-block !important;
  width: 70%;
  padding: 1em 0 1em 30%
}

#tsAkifuyu .sct6-02 ul .left span {
  display: inline-block !important;
  padding: .5em 0
}

#tsAkifuyu .sct2>h2 {
  font-size: 1.1em !important;
  line-height: 150% !important;
  text-align: center
}

.hover-ul:hover {
  text-decoration: underline !important
}

@media screen and (max-width:480px) {
  .content-qa .btns ul {
    margin-bottom: 0
  }

  .content-qa .btns li {
    margin-bottom: 5px
  }

  .content-sell .web .image {
    margin-top: 15px
  }

  *[class*="mBtn2"] {
    line-height: 1.5em;
    padding: 10px 0;
    font-size: .9em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a {
    font-size: .8em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a.mBtn-pdf {
    display: block;
    text-align: center;
    width: auto
  }
}

@media (min-width:780px) {
  .content-sell .kit p img {
    top: 208px;
    width: 157px;
    z-index: 9999
  }
}

.syuka {
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  display: block;
  position: relative
}

.news_div {
  width: 80%;
  margin: 20px 8%;
  border: solid 1px #9e9e9e;
  padding: 1%;
  overflow-y: scroll;
  overflow-x: hidden
}

@media (min-width:780px) {
  .news_div {
    height: 200px
  }
}

@media screen and (max-width:780px) {
  .news_div {
    height: 150px;
    -webkit-overflow-scrolling: touch
  }
}

.news_p {
  padding: 1%;
  line-height: 140%
}

.hibrand_g {
  text-align: center;
  padding-right: 3%;
  padding-left: 4%;
  padding-top: 15px;
  padding-bottom: 20px;
  line-height: 1.5em;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 3%;
  margin-right: 4%;
  font-size: 100%
}

.hibrand_g p {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  color: #616161;
  font-size: 100%
}

.content-feature-item-kv2 {
  height: 680px
}

.popbn {
  position: relative;
  margin: 0 auto;
  display: none
}

.popbn .bn_img {
  position: fixed;
  bottom: 0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  z-index: 88
}

.bn_img_inner {
  width: 200px;
  height: 165px;
  box-sizing: border-box;
  padding: 5px 10px;
  background-color: #fafafa;
  opacity: .9
}

.popbn .bn_img_inner a {
  display: block;
  left: 10px
}

.popbn .bn_img p.close {
  position: absolute;
  left: 10px;
  top: 5px;
  z-index: 999
}

.popbn .bn_img p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center
}

.popbn .bn_img p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden
}

.popbn a.fa {
  font-size: 25px
}

@media screen and (max-width:770px) {
  .popbn .bn_img {
    margin-bottom: 70px !important
  }

  .bn_img_inner img {
    width: auto;
    max-width: 100%
  }
}

@media screen and (max-width:540px) {
  .bn_img_inner {
    width: 180px;
    height: 150px
  }
}

@media screen and (max-width:370px) {
  .bn_img_inner {
    width: 150px;
    height: 120px
  }
}

@media screen and (max-width:320px) {
  .bn_img_inner {
    width: 130px;
    height: 105px
  }
}

.line_bottn_w {
  margin-bottom: 20px
}

.btan_green {
  background-color: #e96617 !important;
  border-bottom: 2px solid #af4b0f !important
}

.line_sct .step2 {
  margin: 0 !important
}

#send section#sct2 .head {
  text-align: center;
  background-color: #616161;
  color: #fff;
  border-radius: 0;
  border-top-left-radius: .423em;
  border-top-right-radius: .423em;
  margin: -1em -1em .901em
}

p.line_waku_text {
  font-size: 120%;
  font-weight: 700;
  padding-bottom: 10px
}

.line_step_litxt {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 5px
}

.kantan_line_text.course1_mv {
  background-color: #00c202
}

.kantan_line_text.course2_mv {
  background-color: #4c3114
}

ul.tab.line_tab_1 li a {
  line-height: 140% !important
}

.content-container.line_notitemarea {
  margin-top: 50px
}

@media all and (min-width:641px) {
  .line_tab_1 span.line_font80 {
    font-size: 25px
  }

  p.font25 {
    font-size: 25px;
    font-weight: 700
  }

  ul.line_id_g {
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  p.font13 {
    font-size: 13px;
    padding-bottom: 10px;
    line-height: 1.5em
  }

  p.line_id {
    width: 160px;
    border-style: solid;
    background-color: #f2799a;
    padding-top: 68px;
    padding-bottom: 68px;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin: auto
  }

  p.font_b {
    font-size: 16px;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 6px
  }

  li.id_g_li {
    padding-top: 20px;
    padding-left: 7%;
    padding-right: 7%;
    flex: 1 1
  }

  p.font20 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px
  }

  .mokuji {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    background-color: #06c202;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  ul.line_step_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto
  }

  ul.line_step_ul2 {
    list-style: none;
    display: flex;
    margin-bottom: 30px;
    margin-top: 10px
  }

  li.line_step_li {
    padding-top: 20px;
    flex: 1 1 0%
  }

  .line_step_litxt {
    height: 130px
  }

  p.g_font {
    color: #06c202;
    font-weight: 700;
    padding-bottom: 5px
  }

  .line_time {
    border: 6px #06c202 solid;
    border-radius: 30px;
    padding: 1em;
    text-align: center;
    line-height: 1.8em;
    margin: 3%
  }

  .line_time .g_font25b {
    font-size: 25px;
    color: #07c103;
    font-weight: 700
  }

  p.font25_2 {
    font-size: 25px;
    font-weight: 700;
    text-align: center
  }

  .line_timec .g_font15 {
    font-size: 15px;
    line-height: 1.8em
  }

  .linecont {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0
  }

  .line_point {
    margin-top: 10px
  }

  ul.line_point_ul {
    display: flex;
    flex-wrap: wrap
  }

  P.line_point_img img {
    max-width: 100%
  }

  li.line_point_li {
    flex: 1 1 25%;
    padding: 1%
  }

  ul.line_item_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    padding-right: 20%;
    padding-left: 20%
  }

  li.line_item_li img {
    max-width: 100%
  }

  li.line_item_li {
    flex: 1 1 10%;
    text-align: center;
    margin: 10px
  }

  p.font22 {
    font-size: 22px;
    font-weight: 700;
    padding: 0 19%;
    line-height: 1.5em;
    margin-bottom: 30px
  }

  .line_notitem {
    background-color: #eee;
    padding: 20px 0;
    margin: 10px 3%;
    border: 6px #eee solid;
    border-radius: 30px
  }

  .line_notitem p {
    text-align: left;
    padding-left: 25%
  }

  .mokuji_bk {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    background-color: #666;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  .line_after_box {
    margin: 2% 10%;
    border: 1px #bdbdbd solid;
    border-radius: .5em;
    padding: 3% 2%
  }

  .line_after_box dl.waku {
    text-align: center;
    background-color: #616161;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: .423em;
    border-top-right-radius: .423em;
    margin: -1.7em -1.2em .901em
  }

  .line_after_box *>h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3em
  }

  dl.layout_line p {
    line-height: 1.3em
  }

  .line_after_box dt span {
    font-size: .86em
  }

  .line_after_box .waku dd {
    font-size: 1.182em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    line-height: 1.95
  }

  .line_after_box .waku dt {
    font-size: .909em;
    font-family: "Noto Serif";
    display: inline-block;
    vertical-align: middle
  }

  .line_after_box .layout_line>*:last-child {
    text-align: left;
    padding-left: 1em;
    padding-bottom: 1em
  }

  .layout_line {
    display: table;
    width: 100%
  }

  dl.layout_line {
    display: flex
  }

  *[class*="mBtn2"] {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 100%;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px #ccc;
    background: #f2799a;
    border-bottom: 1px solid #d96d8a
  }

  .line_camp {
    border: 6px #06c202 solid;
    border-radius: 30px;
    padding: 1em;
    text-align: center;
    line-height: 1.8em;
    margin: 3%
  }

  p.font35_g {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.8em;
    color: #06c202
  }

  p.font22_2 {
    font-size: 22px;
    font-weight: 700;
    padding: 0 10%;
    line-height: 1.5em;
    margin-bottom: 30px
  }

  p.camp_p {
    text-align: left;
    line-height: 1.5em
  }

  p.line_waku_mokuji {
    font-size: 130%;
    font-weight: 700;
    margin-top: 30px
  }

  p.line_waku_a {
    background-color: #06c202;
    width: 60%;
    color: #fff;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 110%;
    padding: 5px 0
  }

  p.line_waku_b {
    border-color: #06c202;
    border-style: solid;
    width: 60%;
    margin-top: 0;
    border-width: 1px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    font-size: 110%;
    font-weight: 700;
    color: #06c202;
    padding: 10px 0
  }

  .line_botanbox {
    margin-bottom: 15px;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: -25px
  }

  p.hosho_f1 {
    font-weight: 700;
    text-align: center;
    line-height: 1.8em;
    margin-top: 4%;
    margin-bottom: 4%
  }

  .mokuji_pink {
    font-size: 150%;
    font-weight: 700;
    color: #fff;
    background-color: #dc7092;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px
  }

  .line_item_img {
    margin-top: 5%;
    margin-bottom: 2%
  }

  p.hosho_f2 {
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-size: 100%
  }

  p.hosho_text_p {
    line-height: 1.5em
  }

  .text_left {
    text-align: left
  }

  .hosho_notitem {
    background-color: #eee;
    padding: 10px 0;
    margin: 10px 3%;
    border: 6px #eee solid;
    border-radius: 30px
  }

  .hosho_notitem p {
    text-align: left;
    margin: 10px 10%
  }

  p.hosho_f4 {
    font-size: 160%;
    font-weight: bolder;
    margin: 20px auto 20px auto;
    text-align: center;
    color: #dd7092
  }

  p.hosho_f5 {
    background-color: #f7f4ef;
    font-size: 120%;
    line-height: 1.5em;
    margin: 0 3% 0 3%;
    padding: 10px 3% 10px 3%;
    border-radius: 10px
  }

  li.line_step_li2.line_step_li_3row {
    width: 31%
  }

  li.line_step_li2.line_step_li_2row {
    width: 48%
  }

  .urukuma_swiper {
    width: 640px;
    margin: auto
  }
}

@media screen and (max-width:640px) {
  .line_sct {
    margin-top: 20px !important
  }

  section.line_other_g {
    padding-top: 20px
  }

  .line_tab_1 span.line_font70 {
    font-weight: 400
  }

  li.line_item_li p.font13 {
    text-align: center;
    font-weight: 700
  }

  .line_notitemarea>.information.information-warning {
    font-size: 12px;
    line-height: 140%;
    padding: 10px
  }

  p.font25 {
    font-size: 120%;
    font-weight: 700;
    text-align: center;
    margin-top: 20px
  }

  p.font18_g {
    color: #0b0;
    margin-top: 20px;
    text-align: center;
    font-size: 110%;
    font-weight: 700;
    margin-bottom: 5px
  }

  p.sp_line_botan {
    width: 60%;
    margin: 0 auto
  }

  .linecont {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
  }

  p.font20 {
    font-size: 110%;
    font-weight: 700;
    margin-bottom: 10px
  }

  .mokuji {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #06c202;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px
  }

  p.g_font {
    color: #06c202;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 140%
  }

  p.line_step_img {
    width: 50%;
    margin: 20px auto
  }

  .line_time {
    border: 6px #06c202 solid;
    border-radius: 30px;
    padding: 1em;
    text-align: center;
    line-height: 1.5em;
    margin: 3% 1%
  }

  .line_time p.g_font25b {
    font-size: 120%;
    color: #07c103;
    font-weight: 700
  }

  p.font25_2 {
    font-size: 120%;
    font-weight: 700;
    text-align: center
  }

  p.font_sp {
    font-size: 90%
  }

  li.line_point_li {
    width: 80%;
    margin: 10px auto 20px
  }

  p.font13 {
    margin-top: 5px;
    line-height: 140%;
    font-size: 100%
  }

  ul.line_item_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    padding-right: 1%;
    padding-left: 1%
  }

  li.line_item_li {
    flex: 1 1 0%;
    margin: 0 1%;
    font-size: 80%
  }

  p.font22 {
    font-size: 120%;
    font-weight: 700;
    padding: 0 3%;
    line-height: 1.5em;
    margin-bottom: 30px
  }

  .line_notitem {
    background-color: #eee;
    padding: 20px 1%;
    border-radius: 30px;
    padding: 1em;
    line-height: 1.8em;
    margin: 3% 1%
  }

  .line_notitem p {
    line-height: 1.5em
  }

  .mokuji_bk {
    font-weight: 700;
    color: #fff;
    background-color: #666;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px
  }

  p.kantan {
    width: 70%;
    margin: 20px auto
  }

  .line_after_box {
    margin: 2% 1%;
    border: 1px #bdbdbd solid;
    border-radius: .5em;
    padding: 3% 2%
  }

  .line_after_box .waku {
    text-align: center;
    background-color: #616161;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: .423em;
    border-top-right-radius: .423em;
    margin: -15px -2.5%
  }

  .line_after_box dt span {
    font-size: .86em
  }

  .line_after_box .waku dd {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    line-height: 1.95
  }

  .line_after_box .waku dt {
    font-size: .909em;
    font-family: "Noto Serif";
    display: inline-block;
    vertical-align: middle
  }

  .line_after_box .layout_line>*:last-child {
    text-align: left;
    padding-left: 1em;
    padding-bottom: 1em
  }

  dl.layout_line dt img {
    width: 200px
  }

  .line_after_box .layout_line>*:last-child {
    text-align: left;
    padding-left: 1em;
    padding-bottom: 1em
  }

  .layout_line {
    display: table;
    width: 100%;
    padding-top: 25px
  }

  dl.layout_line dt {
    text-align: center;
    margin-bottom: 20px
  }

  .line_after_box *>h1 {
    font-size: 120%;
    font-weight: 700;
    line-height: 1.3em
  }

  dl.layout_line p {
    line-height: 140%;
    margin: 10px 0
  }

  .line_after_box dt span {
    font-size: .86em
  }

  *[class*="mBtn2"] {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 100%;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px #ccc;
    background: #f2799a;
    border-bottom: 1px solid #d96d8a
  }

  .line_camp {
    border: 6px #06c202 solid;
    border-radius: 30px;
    padding: 1em;
    text-align: center;
    line-height: 1.8em;
    margin: 3% 1%
  }

  p.font35_g {
    font-size: 150%;
    font-weight: 700;
    line-height: 1.8em;
    color: #06c202
  }

  p.font22_2 {
    font-size: 120%;
    font-weight: 700;
    padding: 0 3%;
    line-height: 1.5em
  }

  p.camp_p {
    text-align: left;
    margin-top: 20px
  }

  p.line_waku_mokuji {
    font-size: 130%;
    font-weight: 700;
    margin-top: 30px
  }

  p.line_waku_a {
    background-color: #06c202;
    width: 75%;
    color: #fff;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 110%;
    padding: 5px 0
  }

  p.line_waku_b {
    border-color: #06c202;
    border-style: solid;
    width: 75%;
    margin-top: 0;
    border-width: 1px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    font-size: 110%;
    font-weight: 700;
    color: #06c202;
    padding: 10px 0
  }

  .line_botanbox {
    margin-bottom: 15px;
    margin-left: 3%;
    margin-right: 3%
  }

  p.hosho_f1 {
    font-weight: 700;
    text-align: center;
    line-height: 1.8em;
    margin-top: 4%;
    margin-bottom: 4%
  }

  .mokuji_pink {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #dc7092;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px
  }

  .line_item_img {
    margin-top: 5%;
    margin-bottom: 2%
  }

  p.hosho_f2 {
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-size: 15px
  }

  ul.line_step_ul2 {
    margin: 0 auto 5% auto;
    display: block !important
  }

  .hosho_notitem {
    background-color: #eee;
    padding: 20px 1%;
    border-radius: 30px;
    padding: 1em;
    line-height: 1.8em;
    margin: 3% 1%
  }

  .hosho_notitem p {
    line-height: 120%;
    font-size: 12px
  }

  .hoshochui_area p {
    line-height: 120%;
    font-size: 12px
  }

  p.hosho_f4 {
    font-size: 130%;
    font-weight: bolder;
    margin: 20px auto 20px auto;
    text-align: center;
    color: #dd7092
  }

  p.hosho_f5 {
    background-color: #f7f4ef;
    line-height: 1.5em;
    padding: 10px 3% 10px 3%;
    border-radius: 10px
  }

  li.line_step_li {
    margin-bottom: 20px
  }

  .line_step_litxt {
    height: auto
  }

  p.line_text11 {
    font-size: 100% !important
  }

  p.hosho_midashi_line2 {
    font-size: 130% !important
  }

  .kantan_line_text p {
    font-size: 120% !important
  }

  p.kantan_line_img1 {
    width: 30%
  }
}

.line_after_box .kitOffer {
  margin-top: 10px
}

.content-sell .form-second {
  font-size: 86%;
  padding: 20px 0 10px;
  text-align: center
}

.content-sell .form-second strong {
  color: #f2799a;
  display: block;
  font-size: 108%;
  margin-bottom: 5px;
  text-align: center
}

.content-sell .form-second .bt {
  margin-right: auto;
  margin-left: auto;
  font-size: 86%;
  padding: 10px 15px;
  max-width: 320px
}

.hikaku_box {
  width: 90%;
  border: solid 3px #eee;
  margin: 5px 5%;
  display: inline-block;
  padding: 2% 5%
}

p.hikaku_date {
  font-size: 8px;
  margin-bottom: 5px
}

p.hikaku_name {
  margin: 5px
}

ul.hikaku_price li {
  margin: 1%;
  width: 47% !important;
  text-align: center
}

li.shopb_price {
  width: 50%;
  background-color: #f06288;
  border-radius: 5px;
  color: #FFF
}

li.shops_price {
  background-color: #EEE;
  border-radius: 5px
}

span.hikaku_shop {
  display: block;
  margin-bottom: 5px
}

span.hikaku_price {
  font-size: 150%
}

#lv {
  background-color: #fff
}

#lv .content-title {
  color: #4f3d33
}

#lv .content-title2 {
  color: #616161;
  font-size: 156%;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

#lv section#top {
  background: none
}

#lv section.item div.itemWrap {
  padding: 0 1em 1em
}

#lv h1 {
  color: #616161
}

#lv section.item div.itemWrap p {
  color: #010101;
  font-size: .909em;
  line-height: 1.5;
  text-align: center;
  margin-top: 1em
}

#lv section.item div.itemWrap p>span {
  color: #f2799a;
  font-weight: 700
}

#lv section.item div.campCont01 {
  padding: 0 1em 2.5em
}

#lv section.item div.campCont02 {
  padding: 0 1em 2.5em
}

#lv section.item div.campCont02 div.kyoukaBrand {
  margin-top: .5em;
  border: 2px #e0e0e0 solid;
  border-radius: 2px
}

#lv section.item div.campCont02 div.kyoukaBrand ul {
  padding: .5em .7em;
  border-bottom: 2px #e0e0e0 solid
}

#lv section.item div.campCont02 div.kyoukaBrand ul li.normal {
  font-size: .8em;
  margin-left: 1.8em;
  line-height: 1.5
}

#lv section.item div.campCont02 div.kyoukaBrand ul li.star {
  font-size: 1.5em;
  padding: .5em 0
}

#lv section.item div.campCont02 div.kyoukaBrand ul li.star:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em
}

#lv section.item div.campCont02 div.kyoukaBrand dl {
  display: table;
  width: 100%
}

#lv section.item div.campCont02 div.kyoukaBrand>dl dt,
#lv section.item div.campCont02 div.kyoukaBrand>dl dd {
  padding: 1em .7em .5em;
  width: 50%;
  display: table-cell;
  border-bottom: 2px #e0e0e0 solid
}

#lv section.item div.campCont02 div.kyoukaBrand>dl dt.last,
#lv section.item div.campCont02 div.kyoukaBrand>dl dt.lastdd.last {
  border-bottom: 0
}

#lv section.item div.campCont02 div.kyoukaBrand>dl dt {
  border-right: 2px #e0e0e0 solid
}

#lv section.item div.campCont02 div.kyoukaBrand>dl dt:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em;
  float: left;
  display: inline-block;
  margin-bottom: .5em
}

#lv section.item div.campCont02 div.kyoukaBrand dl dd:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em
}

#lv section.item div.campCont03 {
  padding: 0 1em 1em
}

#lv section.item div.campCont03 p {
  margin-top: .5em;
  border: 2px #e0e0e0 solid;
  border-radius: 2px;
  padding: .5em .7em;
  font-size: 1em;
  line-height: 1.5em
}

#lv section.item div.campCont03 p:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em;
  float: left;
  display: inline-block;
  margin-bottom: .5em
}

#lv section.campDetail div.campTerm {
  border: 4px #d0b592 solid;
  border-radius: 4px;
  padding: 1em;
  text-align: center;
  font-weight: 700;
  margin: 1.5em 1em;
  color: #616161
}

#lv section.campDetail div.campTerm p.txt01 {
  font-size: 1.27em;
  line-height: 1.5;
  margin-bottom: .5em
}

#lv section.campDetail div.campTerm p.txt01 span {
  font-size: .71em;
  line-height: 1.5;
  margin-bottom: .5em
}

#lv section.campDetail div.campTerm p.txt02 {
  font-size: 1em;
  line-height: 1.5;
  text-align: center
}

#lv section.campDetail dl {
  border: 1px #f1f0ec solid;
  border-radius: 4px;
  margin: 1em;
  color: #4f3d33
}

#lv section.campDetail dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #c4a277;
  padding: .5em .9em
}

#lv section.campDetail dl dd {
  padding: 1em;
  line-height: 1.4;
  color: #000;
  background-color: #c4a277
}

#lv section.campDetail dl dd span {
  font-size: .909em;
  line-height: 1.4;
  color: #c4a277;
  display: inline-block
}

.content-title-balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  max-width: 100%;
  color: #FFF;
  font-size: 16px;
  background: #4f3d33;
  text-align: center;
  font-size: 150%;
  font-weight: 700;
  line-height: 150%
}

.content-title-balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  max-width: 100%;
  color: #FFF;
  font-size: 16px;
  background: #2c1a19;
  text-align: center;
  font-size: 150%;
  font-weight: 700;
  line-height: 150%
}

.content-title-balloon3 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  max-width: 100%;
  color: #FFF;
  font-size: 16px;
  background: #000;
  text-align: center;
  font-size: 150%;
  font-weight: 700;
  line-height: 150%
}

.content-title-balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #4f3d33
}

.content-title-balloon2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #2c1a19
}

.content-title-balloon3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #000
}

.content-title-balloon p {
  margin: 0;
  padding: 0
}

.braun_back {
  background: #4f3d33 !important
}

.braun_back2 {
  background: #2c1a19 !important
}

.braun_back3 {
  background: #000000 !important
}

.braun_font {
  color: #4f3d33 !important
}

.braun_border {
  background: #fff !important;
  border-color: #4f3d33 !important
}

.white_font {
  color: #FFFFFF !important
}

.lux_content_waku i.fa.fa-search {
  padding: 0 1%;
  vertical-align: text-bottom
}

p.lux_space {
  margin-top: 20px
}

img.lux_space {
  margin-top: 20px
}

p.lux_g {
  margin-bottom: 30px;
  margin-right: 5%;
  margin-left: 5%;
  line-height: 1.8em;
  font-size: 110%
}

.lux_braun .bt {
  background: #c4a277 !important;
  border: none;
  border-bottom: 2px solid #c4a277 !important;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px 15px;
  text-align: center;
  transition: 0.3s all ease-out;
  width: 100%
}

.lux_braun .bt-more:link,
.bt-more:visited {
  color: #c4a277
}

.lux_braun .bt-more {
  background: #fff !important;
  border: 2px solid #c4a277;
  color: #c4a277;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 240px
}

.lux_braun .content-sell .form-second strong {
  color: #c4a277 !important;
  display: block;
  font-size: 108%;
  margin-bottom: 5px;
  text-align: center
}

.lux_braun a {
  color: #4f3d33 !important;
  text-decoration: none
}

.line_step {
  margin-left: 5%;
  margin-right: 5%
}

p.g_font.braun_font_no {
  color: #4f3d34;
  background-color: #c4a277;
  width: 35px;
  height: 35px;
  border-radius: 30%;
  margin-right: 2%;
  text-align: center;
  line-height: 35px;
  color: #FFF
}

p.g_font.braun_font_no2 {
  background-color: #cc757a;
  width: 35px;
  height: 35px;
  border-radius: 30%;
  margin-right: 2%;
  text-align: center;
  line-height: 35px;
  color: #FFF
}

.line_step_txt {
  display: block;
  width: 80%
}

.lux_linelist {
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap;
  margin-left: 2%;
  margin-right: 2%
}

.line_text_flex {
  display: flex
}

.lux_linelist_g {
  background-color: #eee;
  padding: 2%;
  flex: 1 1 40%;
  display: flex;
  max-width: 50%;
  margin: 1%
}

.lux_linelist_img {
  width: 30%
}

p.lux_linelist_t {
  margin-left: 2%;
  margin-top: 6%;
  font-weight: 700
}

p.lux_linelist_t {
  margin-left: 4%;
  margin-top: 6%;
  font-weight: 700;
  font-size: 80%;
  line-height: 1.5em;
  color: #4f3d34
}

.lux_center {
  margin: auto;
  text-align: center
}

.lux_line_pickuparea {
  width: 100%;
  display: block;
  margin: 20px auto
}

p.title_press1 {
  font-size: 130%;
  font-weight: 700;
  line-height: 130%;
  width: 80%;
  margin: auto;
  padding-top: 3%;
  padding-bottom: 3%;
  text-align: center
}

ul.press_list {
  width: 100%;
  display: flex;
  margin: -8% auto 0 auto
}

li.press_list_img img {
  flex: 1;
  width: 100%
}

@media (min-width:641px) {
  .lux_content_waku {
    max-width: 1000px;
    margin: 0 auto
  }

  #lv section.campDetail .lux_search dl {
    margin: 1%
  }

  .lux_waki {
    margin-right: 3%;
    margin-left: 3%
  }

  .braun_border {
    background: #fff !important;
    border-color: #4f3d33 !important;
    max-width: 640px
  }

  p.lux_g {
    max-width: 800px;
    margin: 60px auto 60px auto
  }

  li.id_g_li {
    max-width: 100%
  }

  li.line_step_li {
    padding-top: 20px;
    flex: 1 1 30%;
    margin: 2%
  }

  p.line_step_img {
    text-align: center
  }

  p.lux_linelist_t {
    margin-left: 4%;
    margin-top: 6%;
    font-size: 18px;
    line-height: 1.5em;
    color: #4f3d34
  }

  ul.press_list {
    width: 800px;
    display: flex;
    margin: auto
  }
}

.price_ex {
  max-width: 1000px;
  margin: 0 auto
}

ul.lux_ilist {
  width: 100%;
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap
}

ul.lux_ilist>li {
  margin: 1%;
  border: solid 2px #eee;
  padding: 2%;
  flex: 1 1 40%;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between
}

@media (max-width:500px) {
  ul.lux_ilist>li {
    flex: 1 1 100%
  }
}

ul.lux_ilist li img {
  max-height: 150px;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
  display: block
}

@media (max-width:600px) {
  ul.lux_ilist li img {
    max-height: 300px;
    max-width: 250px
  }
}

p.lux_ilist_brandname {
  font-size: 80%;
  text-align: center
}

p.lux_ilist_itemname {
  font-size: 100%;
  margin: 5px 0;
  line-height: 140%;
  font-weight: 700
}

ul.lux_price_table {
  margin-top: 10px;
  margin-bottom: 10px
}

ul.lux_price_table li {
  display: table;
  width: 100%
}

ul.lux_price_table li:first-child span {
  border-top: 1px solid #4d3d33
}

span.prtb_row1 {
  border-left: 1px solid #4d3d33;
  border-bottom: 1px solid #4d3d33;
  background-color: #f4f2ed;
  padding: 5% 0;
  width: 70px;
  display: table-cell;
  font-size: 80%;
  text-align: center
}

span.prtb_row2 {
  display: table-cell;
  border-left: 1px solid #4d3d33;
  border-right: 1px solid #4d3d33;
  border-bottom: 1px solid #4d3d33;
  font-size: 100%;
  padding: 5%;
  background-color: #FFF;
  font-weight: 700
}

input#next_bt {
  display: block;
  margin: 10px auto;
  background-color: #FFF;
  border: solid 2px #4f3d33;
  padding: 10px 10%;
  border-radius: 5px
}

.braun_border {
  background: #fff !important;
  border-color: #4f3d33 !important;
  max-width: 640px
}

.lux_search {
  max-width: 640px;
  margin: -24px auto 0 auto;
  text-align: center
}

#lux_sform1 {
  position: relative
}

#lux_sbox1 {
  height: 50px;
  padding: 0 5%;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 2px;
  border: solid 3px #f1f0ec;
  outline: 0
}

#lux_sbt1 {
  height: 50px;
  top: 0;
  background: none;
  color: #4f3d33;
  font-size: 120%;
  font-weight: 700;
  outline: 0;
  width: 100%;
  background: #4f3d33 !important;
  border: none;
  border-bottom: 2px solid #000 !important;
  color: #FFF;
  border-radius: 5px;
  margin-top: 10
}

#lux_sbt2 {
  height: 50px;
  top: 0;
  background: none;
  color: #4f3d33;
  font-size: 120%;
  font-weight: 700;
  outline: 0;
  width: 100%;
  background: #000000 !important;
  border: none;
  border-bottom: 2px solid #000 !important;
  color: #FFF;
  border-radius: 5px;
  margin-top: 10
}

#lux_sbt2:hover {
  color: #7fbfff
}

.lux_bt_green {
  height: 70px;
  top: 0;
  background: none;
  color: #4f3d33;
  font-size: 120%;
  font-weight: 700;
  outline: 0;
  width: 100%;
  background: #79a93e !important;
  border: none;
  border-bottom: 2px solid #618732 !important;
  color: #FFF;
  border-radius: 5px;
  margin-top: 10
}

.line_kakakuhosho_g button a {
  color: #FFF;
  display: block;
  height: 100%;
  line-height: 70px
}

#lux_sbt1:after {
  content: '\f105';
  display: block;
  font-family: "FontAwesome";
  font-size: 150%;
  font-weight: 400;
  line-height: 20px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  right: 20px
}

select.lux_sform2-1,
select.lux_sform2-2 {
  height: 50px;
  padding: 0 5%;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 2px;
  border: solid 3px #f1f0ec;
  outline: 0;
  background-color: #FFF
}

.lux_search_inner {
  text-align: center
}

section.line_hoshou_a {
  background-color: #c4a277;
  padding: 2em 1em 1em 1em;
  ;
  border-radius: 0
}

.line_kakakuhosho_g {
  display: flex;
  padding: 4% 6% 4% 6%
}

p.line_kakakuhosho_img {
  margin-left: 2%;
  margin-right: 2%;
  text-align: center
}

.line_kakakuhosho_g button {
  margin-top: 10%
}

@media (min-width:780px) {
  .line_kakakuhosho_g_l {
    width: 30%
  }

  .line_kakakuhosho_r {
    width: 70%
  }

  .line_kakakuhosho_r span.subcmt {
    text-align: left;
    line-height: 120%;
    font-weight: 700;
    font-size: 13px
  }

  .line_kakakuhosho_g {
    margin: 30px auto
  }

  .search_g {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  .search_1,
  .search_2 {
    width: 50%
  }

  ul.lux_ilist>li {
    flex: 1 1 30%
  }
}

.search_2 section.line_hoshou_a {
  height: 335px;
  margin: 0
}

.search_2 img {
  height: 163px;
  vertical-align: middle
}

.search_ribbon_flex {
  display: flex;
  margin: auto;
  width: 100%
}

.ribbon4_1 {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0 40px 0 18px;
  font-size: 100%;
  background: #4f3d33;
  color: #FFF;
  box-sizing: border-box;
  font-size: 110%;
  font-weight: 700;
  width: 200px;
  margin-left: 5px
}

.ribbon4_1:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

.ribbon4_1:after {
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid
}

.ribbon4_2 {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0 40px 0 18px;
  font-size: 100%;
  background: #4f3d33;
  color: #FFF;
  box-sizing: border-box;
  font-size: 110%;
  font-weight: 700;
  width: 200px
}

.ribbon4_2:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

.ribbon4_2:after {
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid
}

p.content-title.font_minimini {
  margin-top: 2%;
  font-size: 110%;
  margin-left: 3%;
  width: 300px
}

@media (max-width:780px) {
  .lux_search {
    margin: -60px auto 0 auto
  }

  .search_1,
  .search_2 {
    width: 100%
  }

  .search_2 section.line_hoshou_a {
    height: 100%
  }

  .search_2 {
    padding: 8%;
    padding-top: 0
  }

  .search_2 img {
    max-width: 50px;
    height: 50%
  }

  .line_kakakuhosho_g {
    display: block
  }

  .search_ribbon_flex {
    display: flex;
    margin: auto auto;
    width: 100%
  }

  .ribbon4_1 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 100%;
    background: #4f3d33;
    color: #FFF;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: 700;
    width: 200px;
    margin-left: -1%
  }

  .ribbon4_1:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .ribbon4_1:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  .ribbon4_2 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 100%;
    background: #4f3d33;
    color: #FFF;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: 700;
    width: 200px;
    margin-left: 5px;
    left: -1%
  }

  .ribbon4_2:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .ribbon4_2:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  p.content-title.font_minimini {
    max-width: 100%;
    margin-top: 3%;
    font-size: 110% important
  }

  .p_none {
    padding: 0 0 important
  }
}

@media (max-width:420px) {
  .lux_search {
    margin-top: -70px
  }
}

@media (max-width:376px) {
  .lux_search {
    margin-top: -60px
  }
}

@media (max-width:321px) {
  .lux_search {
    margin-top: -50px
  }
}

.condition_content {
  margin: 10px auto;
  padding: 3%;
  border: solid 2px #c4a277;
  max-width: 640px
}

.condition_content p.content-title {
  font-size: 120%
}

.condition_content label {
  display: block;
  font-weight: 700;
  cursor: pointer;
  color: #4f3d33;
  text-align: center;
  margin-top: 10px
}

.condition_content input {
  display: none
}

.condition_content div {
  height: 0;
  overflow-y: hidden;
  transition: 0.8s;
  opacity: 0
}

.condition_content input:checked+label+div {
  height: auto;
  opacity: 1;
  margin-top: 30px
}

.condition_content label::before {
  content: '\f067';
  font-family: 'FontAwesome';
  padding-right: 8px
}

.condition_content input:checked+label::before {
  content: '\f068'
}

.condition_details {
  color: #4f3d33
}

.condition_details dl {
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap
}

.condition_details dt {
  width: 20%;
  border: solid 1px #4f3d33;
  border-right: none;
  padding: 1%;
  text-align: center;
  font-weight: 700
}

.condition_details dl:nth-child(1) dt,
.condition_details dl:nth-child(2) dt {
  border-bottom: none
}

.condition_details dd {
  border: solid 1px #4f3d33;
  width: 80%;
  padding: 1%
}

.condition_details dl:nth-child(1) dd,
.condition_details dl:nth-child(2) dd {
  border-bottom: none
}

p.condition_txt {
  line-height: 150%
}

p.condition_img {
  max-width: 100%;
  text-align: center
}

ul.tow_btns {
  display: flex;
  -webkit-box-flex: flex;
  bottom: 0
}

li.tow_btns_1,
li.tow_btns_2 {
  margin: 1%;
  width: 48%
}

li.tow_btns_1 a,
li.tow_btns_2 a {
  padding: 5%;
  display: block;
  width: 100%;
  border-radius: 5px
}

li.tow_btns_1 .btn:before,
li.tow_btns_2 .btn:before {
  position: absolute;
  top: 50%;
  right: 5%
}

li.tow_btns_1 a {
  background-color: #b8924d;
  border-bottom: 2px solid #705628
}

li.tow_btns_2 a {
  background-color: #78a838;
  border-bottom: solid 2px #4d894b
}

span.subcmt {
  font-size: 10px;
  display: block;
  text-align: center;
  font-weight: 400;
  line-height: 10px;
  margin-top: 10px
}

span.maincmt {
  display: block;
  font-size: 15px
}

#buyer_room a {
  text-decoration: none;
  color: #616161
}

.room_list_cate {
  border-bottom: #927752;
  border-bottom-style: dashed;
  padding-bottom: 80px
}

@media (min-width:641px) {
  a.link_col:hover {
    color: #927752 !important;
    font-size: 130%
  }

  .room_top {
    width: 100%;
    text-align: center
  }

  p.text1 {
    margin: 80px 10% 10px 10%;
    text-align: center;
    font-size: 120%;
    font-weight: 700;
    line-height: 1.5em
  }

  p.text2 {
    text-align: center;
    margin: 5px 8% 50px 8%;
    line-height: 1.8em;
    font-size: 15px
  }

  .room_list1 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    margin-bottom: 10px
  }

  .room_list1_t {
    padding: 0 8% 0 8%;
    -webkit-flex: 1 1 45%;
    text-align: center
  }

  .room_list1_t img {
    width: 100%
  }

  p.room_list1_txt1 {
    font-size: 15px;
    font-weight: 700;
    margin: 7px auto
  }

  p.room_list1_txt2 {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 15px
  }

  p.room_list1_txt3 {
    font-size: 80%;
    font-weight: 700;
    color: #927752;
    margin-top: 10px;
    text-align: center
  }

  .room_list2 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 5%
  }

  .room_list2_t img {
    width: 100%
  }

  p.room_list2_txt {
    font-size: 70%;
    text-align: center
  }

  p.bt1 {
    text-align: center;
    border-style: solid;
    padding: 20px 2% 20px 2%;
    margin: 20px 8% 50px 8%
  }

  p.bt1 a {
    font-size: 25px
  }

  .tab_content .tyumoku_text1,
  .tab_content .tyumoku_text2 {
    text-align: center;
    margin: 5px auto 5px auto;
    font-size: 20px;
    clear: both;
    display: block;
    line-height: 1.5em
  }

  .tyumoku_waku {
    width: 850px;
    margin-left: auto;
    margin-right: auto
  }

  li.tyumoku_list1 {
    width: 50%;
    margin-right: 4%;
    float: left
  }

  li.tyumoku_list1 img {
    width: 100%
  }

  ul.tyumoku_brand2 {
    display: inline-block;
    width: 400px;
    margin: 0 10px 40px 10px
  }

  .tyumoku_brand3 {
    border-style: solid;
    border-width: 2px;
    padding-top: 15px;
    padding-bottom: 5px;
    background-color: #000;
    margin-top: -3px;
    margin-bottom: 50px
  }

  p.tyumoku_text2 {
    font-size: 130%;
    text-align: center;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff
  }

  p.tyumoku_list2_txt {
    margin-top: 80px
  }

  .tyumoku_list1_t a::before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(/gold/rpfstore/img/sale/sale_icon_nesage.jpg);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    z-index: 999;
    opacity: .8;
    border-radius: 50%
  }

  .tyumoku_brand2_a {
    display: inline-flex;
    width: 80%
  }

  .tyumoku_brand2_a:after {
    color: #fff;
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-weight: 400;
    line-height: 22px;
    margin-top: -9px;
    position: absolute;
    top: 37%;
    right: 18px;
    text-align: center;
    width: 20px
  }

  .tyumoku_brand2_a:before {
    background: #c4a277;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -9px;
    position: absolute;
    top: 35%;
    right: 15px;
    text-align: center;
    width: 30px;
    height: 30px;
    transition: 0.3s all ease-out
  }

  .room_list2_t {
    max-width: 30%;
    margin-bottom: 5%;
    margin-left: 1%;
    margin-left: 1%
  }

  p.room_list2_txt {
    font-size: 70%;
    text-align: center;
    margin-top: 10px
  }

  p.room_list2_txt2 {
    font-size: 70%;
    font-weight: 700;
    color: #927752;
    text-align: center;
    margin-top: 5px
  }

  section.room_hot_brand {
    margin-top: 5%
  }

  .room_hot_midashi_waku {
    background-color: #000;
    width: 25%;
    padding: 2%
  }

  p.room_hot_midashi {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    padding-left: 5%
  }

  li.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 60px solid #000;
    border-right: 60px solid transparent
  }

  section.room_hot_brand ul {
    display: flex
  }

  .room_hot_midashi_waku2 {
    background-color: #eeeeef;
    margin: 3% 1% 7% 1%;
    border-radius: 10px;
    padding: 5%
  }

  .room_hot_list1_t {
    width: 45%;
    margin-left: 2%;
    margin-right: 2%
  }

  .room_hot_list1 {
    display: flex;
    width: 100%;
    flex-wrap: wrap
  }

  p.room_hot_txt1 {
    font-weight: 700;
    margin-bottom: 2%;
    margin-top: 2%
  }

  p.room_hot_txt2 {
    font-size: 70%;
    line-height: 1.6em;
    margin-bottom: 10%
  }

  .tab1-item {
    display: flex;
    ?@ -webkit-flex-wrap: wrap;
    -webkit-flex-wrap?@flex-wrap: wrap;
    width: 100%
  }

  .tab1-item .tab1-item_waku {
    border-style: solid;
    padding: 4% 10% 2% 10%;
    margin: -1px;
    text-align: center;
    width: 45%
  }

  .tab1-p {
    margin: 10% auto 5% auto;
    text-align: center
  }

  .tab1-brand {
    display: flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-wrap flex-wrap: wrap;
    width: 100%
  }

  .tab1-brand .tab1-brand_waku {
    border-style: solid;
    padding: 4% 10% 2% 10%;
    margin: 1% auto;
    text-align: center;
    width: 45%;
    border-color: #000;
    border-width: 3px
  }

  p.bt2 {
    font-size: 16px
  }

  .space {
    margin-top: 30px
  }

  .tabbox {
    position: relative;
    width: 99%;
    margin-right: auto;
    margin-left: auto
  }

  span.mini_font {
    color: #fff;
    font-size: 60%
  }

  span.mini_font2 {
    font-size: 90%;
    color: #fff;
    font-weight: 700;
    line-height: 2em
  }

  section.tokushu_list1 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    margin-bottom: 10px
  }

  div.tabbox ul.tabs {
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    width: 80%;
    -webkit-flex-wrap: wrap
  }

  div.tabbox ul.tabs li {
    padding: 0;
    list-style-type: none;
    margin-right: 1px;
    display: flex;
    display: -webkit-flex;
    -webkit-flex: 1 1 20%;
    border: solid 3px #000;
    border-bottom: none;
    text-align: center;
    height: 75px
  }

  div.tabbox ul.tabs a {
    display: block;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    width: 100%
  }

  div.tabbox ul.tabs li.tab {
    background-color: #000
  }

  div.tabbox ul.tabs a:link,
  div.tabbox ul.tabs a:visited {
    color: #FFF
  }

  div.tabbox ul.tabs a:hover {
    text-decoration: underline
  }

  ul.tabs.bottom li {
    border-bottom: solid 3px #000000 !important;
    border-top: none !important
  }

  div.tab_content {
    overflow: hidden;
    clear: left;
    width: 100%;
    border: 3px solid #000;
    border-bottom: none;
    padding-bottom: 20px
  }

  div#saletab1,
  div#saletab2,
  div#saletab3,
  div#saletab4 {
    border-bottom: 2px solid #000
  }

  .item_cat .accordion_bk img {
    border-radius: 50%
  }

  ul.accordion_bk>li>ul>li {
    width: 400px;
    padding-top: 10px;
    padding-right: 10px
  }

  ul.accordion_bk ul {
    clear: both
  }

  ul.accordion_bk {
    display: block;
    clear: both
  }

  ul.accordion_bk>li>p {
    display: block;
    clear: both
  }

  ul.accordion_bk a {
    font-weight: 400
  }

  p.sp_search_txt {
    font-size: 15px;
    text-align: center
  }

  ul.lorm_nemu li a::after {
    content: "\306F\3053\3061\3089";
    font-size: 15px
  }

  .item_cat .accordion_bk img {
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
    width: 15%
  }

  .item_cat .accordion_bk span {
    font-size: 18px;
    font-weight: 700
  }

  li.accordion_bk_li p {
    border-bottom-style: double;
    width: 350px;
    border-bottom-color: #000
  }

  li.accordion_bk_li {
    margin-bottom: 50px
  }

  ul.accordion_bk {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    margin: 3%
  }

  li.accordion_li {
    margin: 2%
  }

  ul.item_ul>li>img {
    background-size: 8px auto;
    width: 4% !important
  }

  ul.item_ul>li {
    font-size: 13px;
    line-height: 2
  }
}

@media (max-width:640px) {
  a.link_col:hover {
    color: #927752 !important;
    text-decoration: underline;
    font-size: 110%
  }

  .tab_cate {
    background-color: white !important
  }

  .room_top {
    width: 100%
  }

  .room_top img {
    width: 100%
  }

  p.text1 {
    margin: 40px 4% 20px 4%;
    text-align: center;
    font-size: 130%;
    font-weight: 700;
    line-height: 1.5em
  }

  p.text2 {
    text-align: center;
    margin: 5px 8% 15px 8%;
    line-height: 1.8em
  }

  .room_list1 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    margin-bottom: 10px
  }

  .room_list1_t {
    padding: 1%;
    -webkit-flex: 1 1 45%;
    text-align: center
  }

  .room_list1_t img {
    width: 100%
  }

  p.room_list1_txt1 {
    font-size: 110%;
    font-weight: 700;
    margin: 7px auto
  }

  p.room_list1_txt2 {
    font-size: 9px;
    line-height: 140%;
    margin-bottom: 15px
  }

  p.room_list1_txt3 {
    font-size: 80%;
    font-weight: 700;
    color: #927752;
    margin-top: 10px;
    text-align: center
  }

  .room_list2 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
    flex-wrap: wrap
  }

  .room_list2_t img {
    width: 100%
  }

  p.room_list2_txt {
    font-size: 70%;
    text-align: center;
    margin-top: 10px
  }

  p.room_list2_txt2 {
    font-size: 70%;
    font-weight: 700;
    color: #927752;
    text-align: center;
    margin-top: 5px
  }

  .room_list2_t {
    max-width: 25%;
    margin: 3%
  }

  section.room_hot_brand {
    background-color: #eeeeef
  }

  .room_hot_midashi_waku {
    background-color: #000;
    width: 45%;
    padding: 10px
  }

  p.room_hot_midashi {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    padding-top: 2%
  }

  li.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 40px solid #000;
    border-right: 40px solid transparent
  }

  section.room_hot_brand ul {
    display: flex
  }

  .room_hot_midashi_waku2 {
    background-color: #fff;
    margin: 3%;
    border-radius: 10px;
    padding: 5%
  }

  p.room_hot_txt1 {
    font-weight: 700;
    margin-bottom: 2%;
    margin-top: 2%;
    color: #927752;
    font-size: 120%
  }

  p.room_hot_txt2 {
    font-size: 80%;
    line-height: 1.3em;
    margin-bottom: 5%
  }

  p.bt1 {
    font-size: 120%;
    text-align: center;
    border-style: solid;
    padding: 20px 2% 20px 2%;
    margin: 5% 4% 15% 4%
  }

  .tyumoku_brand {
    border-style: solid;
    border-width: 2px;
    padding-top: 15px;
    padding-bottom: 5px
  }

  p.tyumoku_text1 {
    font-size: 130%;
    text-align: center;
    line-height: 1.2em;
    font-weight: 700
  }

  ul.tyumoku_brand2 {
    margin-bottom: 5px;
    margin-top: 5px
  }

  ul.tyumoku_brand2 li {
    float: left
  }

  p.tyumoku_list2_txt {
    font-size: 120%;
    padding-top: 25px
  }

  .tyumoku_waku {
    padding: 20px 8% 20% 8%;
    border-style: solid;
    margin-top: -2px;
    border-width: 2px;
    margin-top: -2px
  }

  ul.tyumoku_brand2 {
    display: inline-block
  }

  li.tyumoku_list1 {
    width: 20%;
    margin-right: 4%
  }

  li.tyumoku_list1 img {
    width: 100%
  }

  .tyumoku_waku {
    border-style: solid;
    border-width: 2px;
    padding: 20px 8% 20px 8%
  }

  .tyumoku_brand3 {
    border-style: solid;
    border-width: 2px;
    padding-top: 15px;
    padding-bottom: 5px;
    background-color: #000;
    margin-top: -3px
  }

  .tyumoku_brand2_a {
    display: block;
    width: 100%
  }

  .tyumoku_brand2_a:after {
    color: #fff;
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 14px;
    text-align: center;
    width: 18px
  }

  .tyumoku_brand2_a:before {
    background: #c4a277;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    right: 15px;
    text-align: center;
    width: 18px;
    height: 18px;
    transition: 0.3s all ease-out
  }

  p.tyumoku_text2 {
    font-size: 130%;
    text-align: center;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff
  }

  .tab1-item {
    display: flex;
    ?@ -webkit-flex-wrap: wrap;
    -webkit-flex-wrap?@flex-wrap: wrap;
    width: 100%
  }

  .tab1-item .tab1-item_waku {
    border-style: solid;
    padding: 4% 10% 2% 10%;
    margin: -1px;
    text-align: center;
    width: 45%
  }

  .tab1-p {
    margin: 10% auto 5% auto;
    text-align: center
  }

  .tab1-brand {
    display: flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-wrap flex-wrap: wrap;
    width: 100%
  }

  .tab1-brand .tab1-brand_waku {
    border-style: solid;
    padding: 4% 10% 2% 10%;
    margin: 1% auto;
    width: 45%;
    border-color: #000;
    border-width: 3px
  }

  p.bt2 {
    font-size: 80%;
    line-height: 1.5em;
    text-align: center
  }

  .space {
    margin-top: 30px
  }

  .tabbox {
    position: relative;
    max-width: 99%;
    margin-right: auto;
    margin-left: auto
  }

  div.tabbox ul.tabs {
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap
  }

  div.tabbox ul.tabs li {
    padding: 0;
    list-style-type: none;
    margin-right: 1px;
    display: flex;
    display: -webkit-flex;
    -webkit-flex: 1 1 20%;
    border: solid 3px #000;
    border-bottom: none;
    text-align: center
  }

  div.tabbox ul.tabs a {
    display: block;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    width: 100%
  }

  div.tabbox ul.tabs li.tab {
    background-color: #000
  }

  div.tabbox ul.tabs a:link,
  div.tabbox ul.tabs a:visited {
    color: #FFF
  }

  div.tabbox ul.tabs a:hover {
    text-decoration: underline
  }

  ul.tabs.bottom li {
    border-bottom: solid 3px #000000 !important;
    border-top: none !important
  }

  div.tab_content {
    overflow: hidden;
    clear: left;
    width: 98%;
    border: 3px solid #FFF;
    border-top: none;
    border-bottom: none;
    padding-bottom: 20px
  }

  span.mini_font {
    color: #fff;
    font-size: 60%
  }

  span.mini_font2 {
    font-size: 90%;
    color: #fff;
    font-weight: 700;
    line-height: 2.5em
  }

  ul.accordion_bk {
    background: none repeat scroll 0 0 #ddd;
    font-size: 16px;
    margin: 0 auto 30px;
    width: 100%
  }

  ul.accordion_bk a {
    display: block;
    padding: 15px 10px;
    background-position: 97% center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #333;
    font-weight: 700
  }

  ul.accordion_bk span {
    display: block;
    padding: 15px 10px;
    background-position: 97% center;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 130%;
    text-align: center
  }

  ul.accordion_bk .one {
    display: block !important;
    padding: 10px !important;
    color: #333 !important;
    font-weight: bold !important;
    background: url(../img/sp/icon_left02.png) no-repeat 98% center !important;
    background-size: 15px auto !important
  }

  ul.accordion_bk .one a {
    padding: 0 !important
  }

  ul.accordion_bk ul {
    display: none
  }

  ul.accordion_bk>li {
    background: linear-gradient(#fff, #e6e6e6);
    border: solid 2px #000
  }

  ul.accordion_bk>li>p {
    background: linear-gradient(#fff, #e6e6e6);
    cursor: pointer
  }

  ul.accordion_bk>li>ul>li {
    background: #FFF;
    border_bottom: 1px solid #000
  }

  ul.accordion_bk>li>ul>li:nth-child(even) {
    border-left: 1px solid #000
  }

  ul.accordion_bk>li>ul>li>p {
    background: #FFF
  }

  ul.accordion_bk>li>ul>li {
    background: #FFF;
    border-bottom: 1px solid #000
  }

  ul.accordion_bk>li>ul>li>ul>li:last-child {
    border: none
  }

  ul.accordion_bk>li>ul>li {
    width: 49.8%;
    float: left;
    text-align: center
  }

  ul.accordion_bk ul {
    clear: both
  }

  ul.accordion_bk {
    display: block;
    clear: both
  }

  ul.accordion_bk>li>p {
    display: block;
    clear: both
  }

  ul.accordion_bk a {
    font-weight: 400
  }

  p.sp_search_txt {
    font-size: 15px;
    text-align: center
  }

  ul.lorm_nemu li a::after {
    content: "\306F\3053\3061\3089";
    font-size: 15px
  }
}

.search_link {
  margin: 0;
  padding: 0
}

.search_link p {
  margin: 0;
  padding: 0;
  position: fixed;
  right: -20px;
  bottom: -25px;
  cursor: pointer;
  z-index: 9999
}

.search_link_bt {
  display: block;
  transition: all 0.3s;
  margin-bottom: -30px
}

.search_link_bt img {
  width: 150px;
  height: 150px;
  z-index: 9999
}

.search_link_bt:hover {
  opacity: .85
}

p.search {
  left: -30px;
  bottom: 5px
}

.search a.search_link_bt img {
  height: 120px;
  width: 120px
}

@media (max-width:450px) {
  .search_link p {
    right: -20px;
    bottom: -25px
  }

  .search_link_bt img {
    width: 150px;
    height: 150px
  }

  p.search {
    left: -30px;
    bottom: 5px
  }

  .search a.search_link_bt img {
    height: 120px;
    width: 120px
  }
}

@media (min-width:700px) {
  .search_link {
    display: none !important
  }
}

.lux_braun .bt-more_bubt:link,
.bt-more_bubt:visited {
  color: #FFF
}

.midashi_pk {
  background-color: #f2789a;
  padding: 2% 10% 2% 10%;
  color: #fff;
  font-weight: 700;
  line-height: 1.4em;
  text-align: center;
  font-size: 22px
}

.ribbon1:before,
.ribbon1:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

@media (min-width:641px) {
  p.shuka_text {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700
  }

  .bt-more_bubt {
    background: #bea15d !important;
    color: #ab8f4c;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 50%
  }

  .bt_bubt {
    border: none;
    border-bottom: 2px solid #ab8f4c !important;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s all ease-out;
    width: 100%
  }

  div#shuka {
    margin-top: -105px
  }

  .ribbon1 {
    display: inline-block;
    position: relative;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px;
    font-size: 130%;
    background: #bea15d;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700
  }

  .ribbon1:before {
    top: 0;
    left: 0;
    border-width: 35px 0 35px 25px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
  }

  .ribbon1:after {
    top: 0;
    right: 0;
    border-width: 35px 25px 35px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  .meritto2 {
    background-color: #fff;
    padding: 5%
  }

  .meritto {
    margin: 4% auto 5% auto;
    text-align: center;
    max-width: 58%
  }

  ul.meritto_ul {
    display: flex;
    margin: auto;
    width: 100%
  }

  li.meritto_li {
    border-style: solid;
    border-color: #bea15d;
    border-width: 3px;
    margin: 3% 1% 3% 1%;
    padding: 3%;
    border-radius: 10px;
    width: 300px
  }

  li.meritto_text {
    text-align: center;
    line-height: 1.3em;
    font-weight: 700;
    margin: 4%
  }

  .tejyun2 {
    margin: 0 15% 0 15%
  }
}

@media (max-width:640px) {
  p.shuka_text {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center
  }

  .bt-more_bubt {
    background: #bea15d !important;
    color: #ab8f4c;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 240px
  }

  .bt_bubt {
    border: none;
    border-bottom: 2px solid #ab8f4c !important;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s all ease-out;
    width: 100%
  }

  div#shuka {
    margin-top: 20px
  }

  .midashi_pk {
    background-color: #f2789a;
    padding: 5%;
    color: #fff;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center
  }

  .midashi_pk {
    font-size: 120%
  }

  p.shuka_text {
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: center
  }

  p.ribbon1 {
    text-align: center
  }

  .ribbon1 {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-size: 130%;
    background: #bea15d;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700
  }

  .ribbon1:before {
    top: 0;
    left: 0;
    border-width: 15px 0 15px 10px;
    border-color: transparent transparent transparent #eeeeef;
    border-style: solid
  }

  .ribbon1:after {
    top: 0;
    right: 0;
    border-width: 15px 10px 15px 0;
    border-color: transparent #eeeeef transparent transparent;
    border-style: solid
  }

  .meritto {
    margin: 8% auto 5% auto;
    text-align: center
  }

  li.meritto_img {
    width: 25%
  }

  ul.meritto_ul {
    margin: 5%
  }

  ul.meritto_mini_ul {
    display: flex;
    margin: 3% auto;
    background-color: #fff;
    padding: 6%;
    border-radius: 10px
  }

  li.meritto_text {
    font-weight: 700;
    line-height: 1.5em;
    text-align: left;
    margin-top: 6%
  }

  .tejyun {
    background-color: #fff;
    padding-bottom: 10%
  }

  .tejyun2 {
    margin: 0 8% 0 8%
  }
}

.dokoyori_2 {
  background-color: #fff;
  padding-top: 4%;
  padding-bottom: 4%
}

.dokoyori_2 dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin: 1em;
  color: #616161
}

.dokoyori_2 dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #eee;
  padding: .5em .9em
}

.dokoyori_2 dl dd {
  padding: 1em;
  line-height: 1.4;
  color: #000
}

@media (min-width:641px) {
  .dokoyori_2 {
    width: 60%;
    margin: auto
  }

  div#dokoyori h1 {
    background: #504c4d;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 35px;
    line-height: 1.3em;
    font-weight: 700;
    text-align: center
  }

  div#dokoyori h1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 30px solid transparent;
    border-top: 20px solid #504c4d
  }

  .dokoyori_ac_agete {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px
  }

  .fukidashi_midashi {
    background: #504c4d;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 35px;
    line-height: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    margin: auto
  }

  .fukidashi_midashi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 30px solid transparent;
    border-top: 20px solid #504c4d
  }

  .dokoyori_ac_3 {
    margin-top: 80px;
    text-align: center;
    margin-bottom: 80px
  }

  .dokoyori_ac_text {
    background: #ececec;
    font-size: 35px;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
    font-weight: 700;
    color: #504c4d;
    padding: 35px;
    width: 60%;
    margin: auto;
    line-height: 1.5em
  }

  .dokoyori_brand {
    margin: 50px auto 50px auto;
    width: 80%;
    text-align: center
  }

  p.dokoyori_brand_p {
    font-size: 35px;
    line-height: 1.5em;
    color: #9e8c5d
  }

  .dokoyori_brand_text {
    background-color: #ececec;
    padding: 20px;
    width: 80%;
    margin: 10px auto 30px auto
  }
}

@media (max-width:640px) {
  div#dokoyori h1 {
    position: relative;
    display: inline-block;
    padding: 5%;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #504c4d;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  div#dokoyori h1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #504c4d
  }

  .dokoyori_ac_agete {
    margin-top: 5%;
    margin-bottom: 5%
  }

  .fukidashi_midashi {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 5%;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #504c4d;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  .fukidashi_midashi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #504c4d
  }

  .dokoyori_ac_3 {
    margin-top: 5%;
    margin-bottom: 5%
  }

  .dokoyori_ac_text {
    background: #ececec;
    font-size: 150%;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
    font-weight: 700;
    color: #504c4d;
    padding: 4%;
    margin: 3%;
    line-height: 1.5em;
    text-align: center
  }

  .dokoyori_brand {
    margin: 4%
  }

  p.dokoyori_brand_p {
    font-size: 150%;
    line-height: 1.5em;
    color: #9e8c5d;
    margin: 3%;
    font-weight: 700
  }

  .dokoyori_brand_text {
    background-color: #ececec;
    padding: 4%;
    font-size: 120%;
    line-height: 1.5em
  }

  p.hosho_midashi_line2 {
    text-align: center;
    font-size: 140%;
    line-height: 1.5em;
    margin-bottom: 40px
  }

  .line_midashi_ribbon {
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-size: 120%;
    background: #dd7092;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700
  }
}

.kantan_line_text {
  text-align: center
}

p.kakakuhosho_bu_font {
  font-size: 24px;
  font-weight: 700
}

p.kakakuhosho_step_text {
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 150px
}

span.kakakuhosho_step_mi {
  font-size: 20px;
  margin-bottom: 10px
}

li.kakakuhosho_step_li {
  width: 300px;
  text-align: left;
  padding-left: 7px;
  padding-right: 7px;
  margin-top: 30px
}

span.kakakuhosho_step_mi {
  font-size: 20px;
  font-weight: 600
}

p.hosho2_f4 {
  font-size: 160%;
  font-weight: bolder;
  margin: 20px auto 20px auto;
  text-align: center
}

p.hosho2_f5 {
  font-size: 120%;
  line-height: 1.5em
}

.kakakuhosho_midashi_g5 {
  display: flex
}

p.kakakuhosho_midashi5 {
  font-size: 120%;
  font-weight: 700;
  color: #fff;
  text-align: left;
  z-index: 1
}

p.line_text11 {
  text-align: center;
  line-height: 1.5em;
  font-size: 150%;
  margin-top: 20px;
  margin-bottom: 20px
}

.line_tab_1 {
  border-bottom: 1px #bdbdbd solid;
  margin: 0 -1em;
  text-align: center;
  margin-bottom: 1.4em;
  border-radius: 0
}

.line_tab_1 li {
  font-size: 90%;
  display: inline-block;
  width: 47%;
  text-align: center
}

.line_tab_1 li a.active {
  background-color: #06c202;
  color: #fff
}

.line_tab_1 li a {
  color: rgba(0, 0, 0, .5);
  display: inline-block;
  line-height: 1.5em;
  width: 95%;
  font-weight: 700;
  background-color: #eee;
  padding-top: 10px;
  padding-bottom: 10px
}

p.font13_2 {
  font-size: 13px;
  line-height: 1.5em
}

ul.line_step_ul2 {
  display: flex;
  margin: 0 auto
}

li.line_step_li2 {
  padding-top: 20px;
  margin: 1%
}

.line_top_tex {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px
}

.line_hosho_tomodachi {
  width: 1000px;
  text-align: center
}

.kantan_line_text p {
  font-size: 180%;
  font-weight: 700;
  line-height: 1.8em;
  text-align: center;
  margin: 20px auto 20px auto
}

.line_midashi_ribbon {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  padding: 0 30px;
  font-size: 200%;
  background: #dd7092;
  color: #FFF;
  box-sizing: border-box;
  font-weight: 700
}

.line_midashi_ribbon:before,
.line_midashi_ribbon:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

.line_midashi_ribbon:before {
  top: 0;
  left: 0;
  border-width: 25px 0 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid
}

.line_midashi_ribbon:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid
}

.hosho_midashi_line {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px
}

p.hosho_midashi_line2 {
  text-align: center;
  font-size: 180%;
  line-height: 1.5em;
  margin-bottom: 40px
}

.sp_hosho_imgwaku {
  text-align: center
}

.kantan_line_text img {
  max-width: 100%
}

.step2 ul.line_tab_1 li a.active {
  background-color: #06c202 !important
}

span.line_font70 {
  font-size: 70%
}

span.line_font80 {
  font-size: 80%
}

section.line_other_g {
  width: 100%;
  margin-top: 10%
}

@media (min-width:641px) {
  section.line_other_g {
    width: 1000px;
    margin-top: 10%
  }

  .mokuji3 {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    background-color: #4a3016;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  .kakakuhosho_midashi_waku5 {
    background-color: #4a3016;
    width: 25%;
    padding: 2%;
    margin-bottom: 20px
  }

  li.triangle-topleft2 {
    width: 0;
    height: 0;
    border-top: 60px solid #4a3016;
    border-right: 60px solid transparent
  }

  ul.kakakuhosho_step_ul2 {
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 5%;
    margin-right: 5%
  }
}

@media (max-width:640px) {
  .mokuji3 {
    font-size: 180%;
    font-weight: 700;
    color: #fff;
    background-color: #4a3016;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  .kakakuhosho_midashi_waku5 {
    background-color: #4a3016;
    width: 25%;
    padding: 10px 2% 10px 2%;
    margin-bottom: 20px
  }

  li.triangle-topleft2 {
    width: 50px;
    height: 0;
    border-top: 35px solid #4a3016;
    border-right: 35px solid transparent;
    z-index: 0
  }

  ul.kakakuhosho_step_ul2 {
    width: 100%;
    margin-left: 2%;
    margin-right: 2%;
    d
  }

  p.kakakuhosho_midashi5 {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    text-align: left;
    z-index: 1;
    width: 350px
  }

  ul.line_step_ul2 {
    margin: 0 auto
  }
}

.hoshochui_midashi.mokuji_pink {
  margin-bottom: 0
}

.hoshochui_area {
  border: solid 1px #dc7092;
  border-radius: 0 !important;
  border-top: none;
  padding: 20px
}

.hoshochui_area p {
  margin: 15px 0
}

h2.shop3_h2 {
  background-color: #000;
  color: #FFF !important;
  padding: 20px;
  margin-top: -1.5em
}

p.shop3_title {
  font-size: 30px !important;
  color: #000 !important;
  margin: 50px auto !important
}

p.shop3_title2 {
  font-size: 23px !important;
  line-height: 150%;
  color: #000 !important;
  margin-bottom: 20px !important
}

@media (max-width:639px) {
  p.shop3_title {
    font-size: 25px !important;
    margin: 30px auto !important
  }

  p.shop3_title2 {
    font-size: 18px !important;
    margin-bottom: 20px !important
  }
}

p.shop3_txt2 {
  line-height: 150%;
  padding-bottom: 30px
}

.shop3_contentwrapper {
  text-align: center;
  margin: 50px auto;
  border-top: solid 2px #efefef;
  padding-top: 50px
}

@media (max-width:639px) {
  .shop3_contentwrapper {
    padding-top: 30px;
    width: 94%;
    margin: auto
  }

  .shop3_contentwrapper:first-child {
    border-top: none;
    margin-top: 0
  }
}

.shop3_contentwrapper p.title2 {
  color: #000;
  margin-bottom: 20px
}

p.title_img {
  margin: 20px auto 40px
}

p.title_img img {
  max-width: 100%
}

@media (max-width:639px) {
  p.title_img img {
    max-width: 80%
  }
}

.shop3_contentwrapper p.txt3 {
  margin-bottom: 20px
}

.shop3_contentwrapper p.txt4 {
  font-size: 12px !important
}

@media (max-width:639px) {
  .shop3_contentwrapper p.txt4 {
    font-size: 10px !important
  }
}

.handred_brand {
  margin: 30px auto;
  padding: 20px;
  width: 640px;
  border: solid 1px #999
}

@media (max-width:639px) {
  .handred_brand {
    padding: 15px;
    width: 90%
  }

  .handred_brand .txt3 {
    font-size: 10px !important
  }
}

.handred_brand title2 {
  color: #999 !important
}

.handred_brand p.title2 {
  color: #616161;
  font-size: 20px !important
}

.shop3_contentwrapper.webcoupon {
  background-color: #efefef;
  padding: 10px
}

.shop3_contentwrapper.webcoupon p.title2 {
  padding: 20px 0 10px
}

.shop3_contentwrapper.webcoupon p.title_img img {
  max-width: 300px
}

.marb0 {
  margin-bottom: 0 !important
}

@media (max-width:700px) {
  ul.fr_menu {
    position: fixed;
    bottom: 0;
    display: flex;
    background-color: #FFF;
    height: 50px;
    width: 100%;
    opacity: .8;
    flex-wrap: wrap;
    z-index: 100000
  }

  li.fr_menu_li i {
    font-family: "FontAwesome";
    display: block;
    margin-bottom: 5px;
    font-size: 20px
  }

  li.fr_menu_li {
    text-align: center;
    width: 20%;
    border-right: solid 1px #8d8d8d
  }

  li.fr_menu_li a {
    width: 100%;
    display: block;
    padding-top: 10px;
    color: #000;
    font-size: 12px
  }
}

@media (min-width:701px) {
  ul.fr_menu {
    display: none !important
  }
}

ul.pushbr_content {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0
}

ul.pushbr_content li {
  margin: 1%;
  padding: 0
}

ul.pushbr_content li a {
  display: block;
  width: 100%;
  border: solid 3px #efefef;
  border-radius: 10px
}

@media (max-width:949px) {
  ul.pushbr_content li a img {
    width: 110px
  }
}

@media (max-width:600px) {
  ul.pushbr_content li a img {
    width: 23vw
  }
}

@media (min-width:950px) {
  ul.pushbr_content li a img {
    width: 140px
  }
}

div#lvtoku {
  background: #FFF;
  padding-bottom: 20px
}

.load_gif {
  width: 100%;
  text-align: center
}

.load_gif img {
  max-width: 100%;
  width: 50px
}

@media (min-width:700px) {
  div#lvtoku_ji {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    min-height: 500px
  }
}

section.ji_somenail {
  padding-bottom: 30px
}

ul.ji_somenail_ul {
  display: flex;
  flex-wrap: wrap
}

li.ji_somenail_li {
  width: 48%;
  display: inline-flex;
  margin: 1%
}

@media (min-width:640px) {
  li.ji_somenail_li {
    width: 31%
  }
}

@media (min-width:900px) {
  li.ji_somenail_li {
    width: 23%
  }
}

@media (min-width:700px) {
  .lvtoku_ji_cnt01 {
    width: 70%;
    margin-left: 30%
  }

  div#refineMenu {
    display: block !important;
    position: absolute !important;
    top: 0;
    width: 30% !important;
    max-height: 100% !important
  }

  .refineMenu_wrapper {
    padding: 0 !important
  }

  .panelBack {
    display: none
  }

  .refresh_button {
    font-size: 10px
  }

  .refineBt_area {
    display: none
  }
}

.ji_somenail_li_innner {
  padding: 5px;
  border: solid 1px #efefef;
  border-radius: 5px
}

.ji_conte01 {
  height: 150px;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 10px
}

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

p.ji_itemname {
  line-height: 140%;
  font-size: 12px;
  margin-bottom: 7px;
  padding: 0 10px
}

.ji_price_wrapper {
  padding: 0 5px;
  text-align: center;
  font-size: 12px
}

p.ji_price01 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  padding: 10px;
  background: #c4a277;
  border-radius: 5px;
  color: #FFF
}

p.ji_price01 span {
  font-size: 18px
}

@media (max-width:400px) {
  p.ji_price01 span {
    display: block;
    margin-top: 5px
  }
}

span.pricefont {
  font-family: "Noto Serif", serif
}

p.ji_price02 span {
  font-size: 13px;
  font-weight: 700;
  color: #f74979
}

.ji_condicon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px
}

.ji_condicon_inner {
  position: absolute;
  top: 8px;
  left: 0;
  width: 40px;
  height: 32px;
  z-index: 10;
  text-align: center
}

.ji_somenail_li_innner_bg {
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 2px #efefef;
  opacity: .6
}

span.ji_condicon_txt1,
span.ji_condicon_txt2 {
  display: block;
  font-size: 10px
}

span.ji_condicon_txt2 {
  font-size: 15px;
  margin-top: 1px
}

p.ji_price02 {
  margin-bottom: 2px
}

.ji_more_bt {
  text-align: center;
  margin: 10px auto;
  display: block
}

.ji_more_bt a {
  display: block;
  padding: 10px;
  border: solid 1px #c4a277;
  width: 50%;
  margin: 0 auto;
  border-radius: 8px;
  font-size: 18px;
  color: #c4a277
}

.ji_more_bt i.fa.fa-angle-down {
  position: absolute;
  right: 10px
}

ul.ji_catebt_ul {
  display: flex;
  flex-wrap: wrap
}

ul.ji_catebt_ul li {
  width: 23%;
  margin: 1%
}

ul.ji_catebt_ul li a {
  display: block;
  text-align: center;
  padding: 10px;
  border: solid 1px #c4a277;
  color: #c4a277;
  border-radius: 5px
}

ul.ji_catebt_ul li a:active,
ul.ji_catebt_ul li a:hover,
ul.ji_catebt_ul li a:focus {
  background-color: #c4a277;
  color: #FFF
}

.ref_bgbg {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #000;
  display: block;
  z-index: 999999;
  top: 0;
  opacity: .5
}

div#refineMenu {
  position: fixed;
  z-index: 1000000;
  bottom: 0;
  width: 100%;
  background: #FFF;
  max-height: 40vh;
  overflow-y: scroll
}

.refineMenu_wrapper {
  padding: 1%
}

.panelH {
  z-index: 10001;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 1px;
  width: 100%;
  background: #fbfbfb
}

.panelBar {
  display: flex;
  width: 100%;
  height: 40px;
  position: relative
}

.panelBack {
  font-size: 12px;
  line-height: 40px;
  height: 40px;
  position: absolute;
  right: 5px;
  padding-left: 5px;
  z-index: 100
}

.panelTitle {
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-weight: 700
}

.searchRows {
  display: table;
  min-height: 40px;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #e9e9e9
}

.searchColumn.Column01 {
  display: table-cell;
  width: 25%;
  padding: 5px;
  vertical-align: middle;
  font-size: 12px;
  text-align: left
}

.searchColumn.Column02 {
  display: table-cell;
  width: 75%;
  vertical-align: middle;
  text-align: right;
  padding: 0 5px
}

.panelH.subH {
  padding: 5px 0;
  color: #333;
  text-align: left;
  text-indent: 1%
}

form#word_form {
  border: solid 1px #d8d8d8;
  border-radius: 5px;
  background-color: #fbfbfb
}

input#free_text {
  background: none;
  font-size: 14px;
  height: 30px;
  width: 100%;
  padding: 0 10px
}

p#category_1,
p#pattern_1 {
  font-size: 12px
}

p#category_1 i.fa.fa-angle-right,
p#pattern_1 i.fa.fa-angle-right {
  font-size: 20px;
  margin-left: 10px
}

.buttonWrapper {
  width: 97%;
  display: table;
  margin: 10px 1%;
  bottom: 0;
  background-color: #FFF
}

.refresh_button {
  display: table-cell;
  padding0 5px;
  vertical-align: middle;
  width: 30%
}

.refresh_button a {
  border: solid 1px #c4a277;
  border-radius: 3px;
  color: #c4a277;
  width: 90%;
  padding: 10px 5%;
  line-height: 140%;
  display: block;
  text-align: center
}

.search_button {
  width: 100%;
  display: table-cell
}

.search_button [type=button] {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.search_button input {
  width: 98%;
  display: inline-block;
  border: solid 1px #c4a277;
  background-color: #c4a277;
  border-radius: 3px;
  color: #FFF;
  padding: 10px;
  font-size: 14px;
  line-height: 140%;
  margin-left: 2%
}

ul.accordion {
  font-size: 16px;
  margin: 0 auto 30px;
  width: 100%
}

ul.accordion a {
  background-position: 97% center;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #333;
  font-size: 90%
}

ul.accordion span {
  display: block;
  padding: 10px 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
  color: #333;
  font-size: 12px
}

ul.accordion .one {
  display: block !important;
  padding: 10px !important;
  color: #333 !important;
  font-weight: bold !important;
  background: url(../img/sp/icon_left02.png) no-repeat 98% center !important;
  background-size: 15px auto !important
}

ul.accordion .one a {
  padding: 0 !important
}

ul.accordion div {
  display: none
}

ul.accordion>li>p {
  cursor: pointer;
  text-align: left;
  position: relative;
  border-bottom: solid 1px #e9e9e9
}

ul.accordion>li>p span:after {
  content: "〉";
  font-size: 10px;
  display: block;
  right: 7px;
  top: 40%;
  position: absolute
}

ul.accordion>li>.itemcat_lH span:after,
ul.accordion>li>.itemcat_mH span:after {
  content: "▼"
}

ul.accordion>li>.itemcat_lH span.open:after,
ul.accordion>li>.itemcat_mH span.open:after {
  content: "▲";
  font-size: 10px;
  display: block;
  right: 7px;
  top: 40%;
  position: absolute
}

ul.accordion>li>ul>li {
  background: #FFF;
  border-bottom: 1px solid #EEE
}

ul.accordion>li>ul>li>p {
  background: #FFF
}

ul.accordion>li>ul>li:after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 30px;
  display: block;
  right: 7px;
  top: 40%;
  position: absolute
}

ul.accordion>li>ul>li>ul>li {
  background: #FFF;
  border-bottom: 1px dotted #888
}

ul.accordion>li>ul>li>ul>li:last-child {
  border: none
}

ul.accordion>li>p img {
  vertical-align: middle;
  max-width: 12%;
  border-radius: 50%;
  margin-right: 5px
}

ul.acContent {
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap
}

ul.acContent>li {
  width: 49%;
  height: 50px;
  line-height: 50px;
  border-bottom: solid 1px #e9e9e9
}

ul.acContent>li:nth-child(odd) {
  border-right: solid 1px #e9e9e9
}

ul.accordion.item_cat_sub {
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap
}

ul.accordion.item_cat_sub li {
  width: 50%
}

a.idw_btn {
  display: block;
  border: solid 1px #000;
  margin: 5px 3%;
  width: 88%;
  text-align: center;
  padding: 3%;
  line-height: 180%;
  color: #000;
  background-color: #FFF;
  position: relative;
  text-decoration: none
}

a.idw_btn:after {
  font-size: 12px;
  content: "〉";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3%
}

span.idw_btn_content {
  width: 90%;
  display: block
}

.refineBt_area {
  position: fixed;
  bottom: 60px;
  z-index: 10000;
  right: 10px;
  background-color: #000;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  opacity: .8
}

p.refineBt_p {
  top: 10px;
  text-align: center
}

span.refineBt_p_txt1 {
  display: block;
  font-size: 11px
}

span.refineBt_p_txt2 {
  display: block;
  font-size: 25px;
  font-weight: 700
}

p.refineBt_p a {
  width: 100%;
  display: block;
  text-align: center;
  color: #FFF
}

.drawr_category {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000000;
  background-color: #FFF;
  min-height: 40vh
}

.drawr_pattern {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000000;
  background-color: #FFF;
  min-height: 40vh
}

@media (min-width:700px) {
  div#lvtoku section.detail_kv {
    margin-bottom: 50px
  }

  .special_condition_01 img.md {
    max-width: 700px;
    margin: 0 auto
  }

  p.special_condition_02 img {
    max-width: 50% !important
  }

  p.special_point_h_img img {
    max-width: 60%
  }

  ul.special_point {
    width: 80%;
    margin: 50px auto;
    max-width: 700px
  }

  .special_point_h img {
    max-width: 100%
  }

  li.special_point_li {
    width: 100%
  }

  p.special_camp_h_img02 img {
    width: 500px
  }

  .special_camp_ex {
    width: 800px;
    max-width: 800px !important
  }

  .special_camp_ex>div {
    width: 23% !important
  }

  .special_camp_code {
    display: flex;
    width: 700px;
    margin: 0 auto
  }

  .special_camp_code_h {
    width: 50%;
    line-height: 50px;
    padding-bottom: 0
  }

  .special_camp_code_no {
    width: 50%;
    font-size: 30px !important
  }

  .special_entry_area {
    display: flex !important;
    flex-wrap: wrap
  }

  h2.special_entry_h {
    font-size: 25px !important
  }

  .special_entry_cont.special_entry01,
  .special_entry_cont.special_entry02 {
    width: 46%;
    margin: 0 2% !important;
    text-align: center
  }
}

p.special_cnt_a_01_txt {
  text-align: center;
  margin: 20px auto;
  line-height: 140%
}

.special_cnt_a_01_img {
  text-align: center;
  margin-bottom: 50px
}

.special_condition_01 {
  text-align: center
}

.special_condition_01 img.sm {
  max-height: 60vh;
  width: auto;
  max-width: 100%;
  margin: 0 auto
}

p.special_condition_02 {
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: center
}

p.special_condition_02 img {
  max-width: 80%
}

.special_point_h_area {
  position: relative
}

p.special_h_img {
  margin-bottom: 30px;
  text-align: center
}

p.special_h_img img {
  max-width: 80%
}

.special_point_h {
  margin-bottom: 10px
}

p.special_point_h_img {
  text-align: center;
  margin-bottom: 50px
}

li.special_point_li {
  margin: 20px 0
}

.special_point_bg_img {
  position: absolute;
  top: 0
}

@media (max-width:640px) {
  p.special_point_h_img {
    width: 70%;
    margin-right: auto;
    margin-left: auto
  }
}

.special_point_txt {
  line-height: 140%
}

ul.special_point {
  margin-bottom: 50px
}

p.special_camp_h_img01,
p.special_camp_h_img02 {
  text-align: center
}

p.special_camp_h_img01 img,
p.special_camp_h_img02 img {
  max-width: 600px
}

.special_camp_ex {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  margin: 0 auto
}

.special_camp_ex>div {
  width: 48%;
  margin: 1%
}

.special_camp_ex>div img {
  max-width: 100%
}

p.special_camp_code_txt {
  text-align: center;
  margin: 20px auto;
  font-weight: 700
}

.special_camp_code {
  background-color: #f1e8df;
  padding: 10px;
  border-radius: 5px
}

.special_camp_code_h {
  text-align: center;
  font-weight: 700;
  padding-bottom: 7px
}

.special_camp_code_no {
  padding: 10px;
  background-color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700
}

p.special_camp_link {
  max-width: 500px;
  margin: 30px auto
}

p.special_camp_link a {
  display: block;
  width: 100%;
  border: solid 1px #000;
  color: #000;
  padding: 10px;
  text-align: center
}

p.special_camp_link i.fa.fa-angle-right {
  margin-left: 30px;
  display: inline-block;
  font-size: 20px
}

p.special_brand_mame {
  line-height: 140%;
  margin-bottom: 50px
}

.content-container.special_entry_wrapper {
  background-color: #efefef;
  padding: 30px 20px;
  margin-bottom: 30px;
  width: 94%;
  display: block
}

h2.special_entry_h {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px
}

.special_entry_cont.special_entry01 {
  margin: 20px 0
}

.special_entry_area {
  display: block;
  width: 100%
}

.special_entry_cont p {
  font-size: 13px;
  text-align: center;
  margin-bottom: 5px
}

.special_entry_cont.special_entry02 a {
  margin: 10px 0;
  display: block
}

h2.special_entry_h span {
  background-color: #cbaf84;
  color: #FFF;
  padding: 2px;
  margin-right: 5px
}

.special_bn {
  text-align: center
}

.special_bn img {
  max-width: 100%
}

.lv_camp {
  background-color: #fff;
  padding-top: 4%;
  padding-bottom: 4%;
  margin: auto;
  max-width: 900px
}

.lv_camp dl {
  border: 1px #c9b264 solid;
  border-radius: 4px;
  margin: 1em;
  color: #4b3c0f
}

.lv_camp dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #c7b264;
  padding: .5em .9em
}

.lv_camp dl dd {
  padding: 1em;
  line-height: 1.4;
  color: #000
}

section.shucchou_area {
  text-align: center;
  margin: 20px auto;
  padding: 20px
}

p.visit_area1 {
  margin-bottom: 30px
}

.shucchou_area dl {
  width: 90%;
  max-width: 500px;
  margin: 50px auto;
  border: solid 1px #efefef;
  border-radius: 5px
}

.shucchou_area dt {
  height: 40px;
  border-bottom: solid 1px #c5c5c5;
  line-height: 40px;
  background-color: #efefef
}

.shucchou_area dd {
  padding: 5%;
  line-height: 150%
}

.shucchou_area dd span {
  font-size: 70%;
  display: block;
  margin-top: 10px;
  line-height: 150%
}

ul.telmemo {
  width: 90%;
  max-width: 500px;
  border: solid 1px #efefef;
  padding: 10px;
  margin: 10px auto;
  border-radius: 5px;
  background-color: #fffaf2
}

ul.telmemo li {
  margin: 5px;
  border-bottom: dotted 1px #e8e7e7;
  padding-bottom: 3px
}

@media (min-width:641px) {
  .linelink {
    background-color: #FFF;
    padding: 3%;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 !important;
    text-align: center
  }

  .linelink img {
    max-width: 100%;
    width: auto
  }
}

@media (max-width:640px) {
  p.linelink_02_h img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
    padding-top: 10px
  }
}

p.linelink_02_h {
  background-color: #ebebeb
}

ul.linelink_02_content {
  background-color: #ebebeb;
  margin-bottom: 50px
}

ul.linelink_02_content li {
  background-color: #FFF;
  padding: 10px;
  border-radius: 10px
}

.linelink {
  background-color: #FFF;
  padding: 3%;
  margin: 0 auto
}

.linelink p.font25 {
  margin: 10px;
  line-height: 150%
}

ul.linelink_02_content {
  padding: 2%
}

ul.linelink_02_content li {
  margin: 10px 0
}

p.linelink_02_txt img {
  max-width: 100%
}

p.linelink_02_img img {
  max-width: 80%;
  margin: 10px auto;
  display: block;
  width: auto
}

p.linelink_03 {
  margin-bottom: 50px
}

ul.web_free_content_ul {
  display: flex;
  margin: auto
}

p.kanketsu {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #bfa178
}

p.kanketsu2 {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #bfa178
}

p.web_Free_img {
  text-align: center
}

p.web_free_mokuji {
  background-color: #5c5c5c;
  color: #fff;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 20px
}

.web_free_content_ul img {
  width: auto !important;
  border-radius: 100%;
  margin-bottom: 4%;
  max-width: 100% !important
}

.web_free_content_ul li {
  width: 100%;
  margin: 0 20px 0 20px
}

.web_free_content_ul p {
  text-align: center;
  line-height: 1.5em;
  font-size: 89%
}

p.web_free_fpk {
  font-size: 20px;
  color: #eb739a;
  font-weight: 700
}

.web_free_ribbon {
  display: inline-block;
  position: relative;
  height: 70px;
  line-height: 70px;
  vertical-align: middle;
  padding: 0 40px;
  font-size: 170%;
  background: #f2789a;
  color: #FFF;
  box-sizing: border-box;
  font-weight: 700;
  width: 920px;
  margin-bottom: 1%
}

.web_free_ribbon:before,
.web_free_ribbon:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

.web_free_ribbon:before {
  top: 0;
  left: 0;
  border-width: 35px 0 35px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid
}

.web_free_ribbon:after {
  top: 0;
  right: 0;
  border-width: 35px 15px 35px 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid
}

span.maru {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  background: #fff;
  font-size: 24px;
  margin-left: 20px;
  color: #f2789a;
  padding: 1% 2% 1% 2%;
  margin-right: 1%
}

p.no4_text {
  font-size: 120%;
  font-weight: 700;
  padding-top: 2%;
  padding-bottom: 3%
}

.web_free_pa {
  padding-top: 3%;
  padding-bottom: 3%
}

h3.howto_pinku10 {
  font-weight: 700;
  color: #f2779a;
  margin-bottom: 10px
}

@media (max-width:640px) {
  p.kanketsu {
    font-size: 130%
  }

  p.kanketsu2 {
    font-size: 100%
  }

  p.web_free_mokuji {
    font-size: 100%
  }

  .web_free_content_ul {
    flex-wrap: wrap;
    width: 100%
  }

  .web_free_content_ul li {
    width: 46%;
    margin: 2% auto 2% auto
  }

  .web_free_content_ul li p {
    font-size: 80%
  }

  p.web_free_fpk {
    font-size: 100%
  }

  .web_free_ribbon {
    width: 100%;
    font-size: 95%;
    text-align: left !important;
    padding: 0;
    height: 50px;
    line-height: 50px
  }

  .web_free_ribbon:before {
    top: 0;
    left: 0;
    border-width: 25px 0 25px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
  }

  .web_free_ribbon:after {
    top: 0;
    right: 0;
    border-width: 25px 10px 25px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  span.maru {
    text-align: left !important;
    padding: 1% 3% 1% 3%;
    font-size: 120%
  }

  p.no4_text {
    font-size: 100%;
    line-height: 1.3em
  }
}

.diary table {
  width: 800px;
  margin: auto
}

tr.diary_midashi {
  background-color: #eb729a;
  color: #fff;
  font-weight: 700
}

.diary_midashi td {
  padding: 8px;
  border: solid 1px;
  border-color: darkgray;
  text-align: center
}

.diary_maru td {
  border-color: darkgray;
  border: 1px;
  border: solid 1px;
  padding: 10px;
  text-align: center
}

@media (max-width:640px) {
  section.home_screen_sm {
    padding-bottom: 10%;
    margin-left: 2%;
    margin-right: 2%
  }

  .diary table {
    width: 96%;
    margin: auto
  }

  .diary_midashi td {
    padding: 2%;
    border: solid 1px;
    border-color: darkgray;
    line-height: 1.5em;
    font-size: 60%
  }
}

div#home_screen h2 {
  position: relative;
  padding: 1em;
  color: #fff;
  font-weight: 700;
  background-color: #c4a277;
  font-size: 150%;
  text-align: center
}

div#home_screen h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #c4a277;
  width: 0;
  height: 0
}

p.home_screen_p {
  font-size: 130%;
  font-weight: 700;
  line-height: 2em;
  width: 1000px;
  text-align: center;
  margin: auto
}

section.home_screen_img {
  margin: 5%;
  text-align: center
}

.home_screen_point {
  width: 20%;
  margin: auto
}

.home_screen_point p {
  font-size: 130%;
  font-weight: 700;
  background-color: #c4a277;
  color: #fff;
  padding: 4%;
  border-radius: 50px;
  text-align: center;
  margin: 5%
}

section.home_screen_top2 {
  display: flex;
  justify-content: center;
  margin-top: 3%;
  margin-bottom: 5%
}

.home_screen_bot_a {
  margin: auto
}

.home_screen_bot_a {
  margin-left: 2%;
  margin-right: 2%
}

.btn-animation-02 {
  display: inline-block;
  max-width: 250px;
  text-align: left;
  border: 2px solid #504c4d;
  font-size: 130%;
  color: #504c4d;
  text-decoration: none;
  font-weight: 700;
  padding: 30px 35px;
  border-radius: 4px;
  transition: .4s
}

.btn-animation-02:hover {
  background-color: #504c4d;
  border-color: #504c4d;
  color: #FFF
}

.btn-animation-03 {
  display: inline-block;
  max-width: 250px;
  text-align: left;
  border: 2px solid #504c4d;
  font-size: 130%;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding: 30px 35px;
  border-radius: 4px;
  transition: .4s;
  background-color: #504c4d
}

.btn-animation-03:hover {
  background-color: #fff;
  border-color: #fff;
  color: #504c4d;
  border: 2px solid #504c4d
}

div#home_screen_step {
  margin-top: 5%;
  margin-bottom: 3%;
  width: 60%;
  margin-left: auto;
  margin-right: auto
}

div#home_screen_step .tentouSimu h3 span {
  color: #fff;
  background: #f2779a;
  border-radius: 100%;
  font-size: 1.6em;
  margin-right: .3em;
  padding: .1em .3em;
  vertical-align: middle
}

div#home_screen_step .tentouSimu h3 {
  margin-top: 6%;
  margin-bottom: 5%
}

div#home_screen_step .tentouSimu ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

div#home_screen_step .tentouSimu ol li {
  text-align: center;
  width: 48%
}

p.hs_step_txt {
  margin-top: 2%;
  width: 50%;
  line-height: 1.5em;
  margin-left: auto;
  margin-right: auto
}

.home_screen_container .btn-push {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  background-color: #f2769a;
  font-size: 130%;
  color: #FFF;
  text-decoration: none;
  font-weight: 700;
  padding: 30px 40px;
  border-radius: 50px;
  border-bottom: 4px solid #b35772
}

.home_screen_container .btn-push:active {
  transform: translateY(4px);
  border-bottom: none
}

.home_screen_container {
  text-align: center;
  margin: 8%
}

@media (max-width:700px) {
  section.home_screen_sm {
    padding-bottom: 10%;
    margin-left: 2%;
    margin-right: 2%
  }

  div#home_screen h2 {
    font-size: 130%
  }

  p.home_screen_p {
    width: 90%;
    font-size: 120%;
    line-height: 1.5em
  }

  .home_screen_point {
    width: 60%
  }

  .home_screen_bot_a {
    width: 45%;
    text-align: center
  }

  div#home_screen h2:after {
    left: 45%
  }

  .btn-animation-02,
  .btn-animation-03 {
    width: 100%;
    text-align: center;
    padding: 10% 0
  }

  .home_screen_container {
    margin: 5% 0
  }

  .btn-animation-02 {
    display: inline-block;
    width: 100%;
    text-align: center;
    border: 2px solid #504c4d;
    font-size: 130%;
    color: #504c4d;
    text-decoration: none;
    font-weight: 700;
    padding: 10%;
    border-radius: 4px;
    transition: .4s
  }

  .btn-animation-03 {
    display: inline-block;
    width: 100%;
    text-align: left;
    border: 2px solid #504c4d;
    font-size: 130%;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 10%;
    border-radius: 4px;
    transition: .4s;
    background-color: #504c4d
  }

  div#home_screen_step .tentouSimu ol {
    display: block !important
  }

  div#home_screen_step .tentouSimu ol li {
    width: auto
  }

  div#home_screen_step .tentouSimu h3 span {
    font-size: 25px !important
  }

  div#home_screen_step .tentouSimu h3 {
    margin-top: 15% !important
  }

  p.hs_step_txt {
    width: 100% !important;
    margin-top: 5% !important
  }

  .home_screen_container .btn-push {
    display: inline-block;
    width: 100%;
    padding: 10% 5%;
    text-align: center
  }

  .home_screen_step_a .tentouSimu img {
    width: auto
  }
}

.detail_kv .img img.sm {
  max-width: 100%;
  height: auto
}

@media (max-width:700px) {
  .detail_kv {
    min-height: auto
  }
}

.youtube {
  aspect-ratio: 16 / 9;
  width: 100%
}

@media screen and (min-width:540px) {
  .youtube {
    width: 80%
  }
}

@media screen and (min-width:840px) {
  .youtube {
    width: 50%
  }
}

.youtube iframe {
  width: 100%;
  height: 100%
}

.rinji_dl .rinji_dl_list {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #ccc
}

.rinji_dl .rinji_dl_list dt {
  width: 200px;
  padding: 5px
}

.rinji_dl .rinji_dl_list dd {
  padding: 5px;
  width: calc(100% - 200px / 2);
  border-left: 1px solid #ccc
}

.rinji_dl .rinji_dl_list:first-child {
  border-top: 1px solid #ccc
}
}
}

nobdTitle>h1 span {
  font-size: 71%;
  display: block
}

div.nobdTitle>h2 {
  color: #9e9e9e;
  font-family: "Noto Serif"
}

div.dwArrow {
  text-align: center;
  margin-bottom: 1em
}

div.dwArrow>img {
  width: 6.8%
}

div.next {
  text-align: center;
  font-size: 2.18em;
  color: #bdbdbd
}

ul.marked li {
  line-height: 1.4;
  color: #616161;
  position: relative;
  padding-left: 1em;
  margin: .5em 0
}

ul.marked li:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .4em;
  height: .4em;
  background-color: #616161;
  border-radius: 100%;
  margin-top: .4em
}

div.alert>h1 {
  background-color: #f44336
}

div.alert>div {
  background-color: #feeceb;
  font-size: .909em;
  line-height: 1.6
}

div.linkMenuDown>ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 1em 0;
  margin: 1em 0
}

div.linkMenuDown>ul li {
  display: table-cell;
  vertical-align: middle;
  border: 1px #f2799a solid;
  border-radius: 4px;
  padding: .5em 0
}

div.linkMenuDown>ul li a {
  text-align: center;
  line-height: 1.2;
  position: relative;
  display: block
}

div.linkMenuDown>ul li a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  -khtml-opacity: .75;
  opacity: .75
}

div.linkMenuDown>ul li a:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 1.4em;
  font-weight: 400;
  position: absolute;
  right: .5em;
  top: 50%;
  margin-top: -.5em
}

.upFukidashi,
#hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
  margin: .344em;
  background-color: #fdebf0;
  padding: .67em;
  border-radius: 2px;
  position: relative
}

.upFukidashi:before,
#hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 7%;
  border-width: 0 .5em .5em .5em;
  border-color: transparent transparent #fdebf0 transparent;
  top: -.3em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 7%
}

#hajimete section#sct1 div.main div.point3 div img {
  padding: 10px 20px
}

.layout01 {
  display: table;
  width: 100%
}

.layout01>* {
  display: table-cell;
  vertical-align: top
}

.layout01>*:first-child {
  width: 0%
}

.layout01>*:last-child {
  padding-left: 0em
}

.layout01>*>h1 {
  font-size: 1.182em;
  line-height: 1.38;
  font-weight: 700;
  margin-bottom: .5em
}

.layout01>*>p {
  line-height: 1.45
}

.font13 {
  font-size: 13px
}

.font18 {
  font-size: 18px !important
}

.w100 {
  width: 100% !important
}

#areaDetail section p,
#areaDetail section div,
#areaDetail section ul,
#areaDetail section dl {
  border-radius: 4px
}

#areaDetail section.title {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 3.81;
  background-color: #fff
}

#areaDetail section.main {
  margin: 2%;
  background-color: #fff
}

#areaDetail section.main h2 {
  padding: 1em 0 .8em;
  margin-bottom: .5em
}

#areaDetail section.main h2>img {
  width: 85%;
  position: relative;
  left: 4%
}

#areaDetail section.main p {
  text-align: center;
  font-size: 1.09em;
  line-height: 1.5
}

#areaDetail section.main p img {
  padding: 1em 3% .8em 1%
}

#areaDetail section.main>div>img {
  padding: 1em
}

#areaDetail section.main .text-center .sengen {
  border: 1px solid #F2799A;
  border-radius: 10px;
  width: 95%;
  background-color: #F2799A;
  margin: 0 auto
}

#areaDetail section.main .text-center .sengen p.txt {
  font-size: 18px;
  padding: 0 0 0;
  background-color: #fff;
  width: 95%;
  margin-left: 13px;
  margin-top: 13px
}

#areaDetail section.main .text-center .sengen p.txtb {
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  color: #FFF;
  padding: 0 0 10px
}

#areaDetail section.main .text-center .sengen p.txt-large {
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  color: #FFF;
  margin-top: 10px;
  letter-spacing: 10px
}

#interviewPg section p,
#interviewPg section div,
#interviewPg section ul,
#interviewPg section dl {
  border-radius: 4px
}

#interviewPg section.main {
  margin: 2%;
  padding: 1em 1em .1em
}

#interviewPg section.main div.title {
  padding: 1em
}

#interviewPg section.main div.title h2 {
  background-color: #d0b592;
  display: inline-block;
  font-size: 1.436em;
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  padding: 0 1em
}

#interviewPg section.main div.title h1 {
  font-size: 2.376em;
  font-weight: 700;
  color: #616161;
  line-height: 2
}

#interviewPg section.main div.title .top_right {
  float: right
}

#interviewPg section.main div.title p {
  font-size: 1.09em;
  line-height: 1.5;
  color: #616161
}

#interviewPg .bdTitle h1 {
  color: #616161
}

#interviewPg .Q {
  margin-bottom: 1em;
  border: 1.5px #000 solid;
  border-radius: 10px;
  padding: 1.25em;
  background-image: url(../img/common/bg.png);
  background-size: 100%;
  background-repeat: repeat;
  position: relative
}

#interviewPg .Q>p {
  line-height: 1.5;
  margin-left: 2.5em
}

#interviewPg .Q:before {
  content: "Q";
  font-size: 3.45em;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  left: .2em;
  color: #f2799a
}

#interviewPg .A_A,
#interviewPg .A_B,
#interviewPg .A_staff {
  font-size: 1.09em;
  position: relative;
  background-color: #f0f0f0;
  padding: .8em 1.5em 2.8em;
  border-radius: .8em;
  margin-bottom: 3em
}

#interviewPg .A_A>h1,
#interviewPg .A_B>h1 {
  font-weight: 700;
  color: #21181b;
  line-height: 2
}

#interviewPg .A_A>p,
#interviewPg .A_B>p {
  line-height: 1.5
}

#interviewPg .A_A>p>span,
#interviewPg .A_B>p>span {
  color: #f2799a
}

#interviewPg .A_A:before {
  content: "";
  background-image: url(../img/interview/customer_a.png);
  width: 3.3em;
  height: 5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2.2em;
  right: 1em
}

#interviewPg .A_A:after {
  content: "";
  background-image: url(../img/interview/fukidashi_right_btm.png);
  width: 2em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -.8em;
  right: 4.8em
}

#interviewPg .A_B:after {
  content: "";
  background-image: url(../img/interview/fukidashi_left_btm.png);
  width: 2em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -.8em;
  left: 4.8em
}

#interviewPg .A_B:before {
  content: "";
  background-image: url(../img/interview/customer_b.png);
  width: 3.3em;
  height: 5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2.2em;
  left: 1.5em
}

#interviewPg .A_staff {
  line-height: 1.5;
  margin-left: 4.5em;
  padding: 1em
}

#interviewPg .A_staff>h1 {
  color: #616161
}

#interviewPg .A_staff>p {
  color: #3e3e3e
}

#interviewPg .A_staff:before {
  content: "";
  background-image: url(../img/interview/staff.png);
  width: 3.34em;
  height: 3.34em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 2em;
  left: -4.5em
}

#interviewPg .A_staff:after {
  content: "";
  background-image: url(../img/interview/fukidashi_left_mid.png);
  width: 1.5em;
  height: 1.5em;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 57%;
  left: -1.2em
}

#tuyomi {
  margin-bottom: -.8em
}

#tuyomi section p,
#tuyomi section div,
#tuyomi section ul,
#tuyomi section dl {
  border-radius: 4px
}

#tuyomi .title {
  text-align: center;
  font-size: 1.182em;
  padding-top: 1em;
  font-weight: 700
}

#tuyomi .title img {
  width: 82%;
  padding: .8em 0
}

#tuyomi .sign {
  background: none;
  text-align: center;
  padding: 1em 0 0
}

#tuyomi .sign>img {
  width: 70%
}

#tuyomi .sign>p {
  line-height: 1.4;
  font-weight: 700
}

#tuyomi .main {
  margin: 4% 2%
}

#tuyomi .main .main_head {
  text-align: center;
  background-image: url(../img/common/bg.png);
  background-size: 100%;
  background-repeat: repeat;
  position: relative
}

#tuyomi .main .main_head h1 {
  font-size: 1.36em;
  line-height: 1.4;
  padding-top: 1.2em;
  padding-bottom: .8em
}

#tuyomi .main .main_head h1 span {
  font-size: 1.41em;
  color: #f2799a;
  font-weight: 700
}

#tuyomi .main .main_head>img {
  padding: 0 1em .8em
}

#tuyomi .main .content {
  padding: 1em 1em .1em
}

#tuyomi .main .content .mBox {
  margin-bottom: 1.2em
}

#tuyomi .main .content .mBox>h1 {
  font-size: 1.727em;
  line-height: 1.8em;
  color: #fff
}

#tuyomi .main .content .mBox>h1.adv {
  background-color: #f2799a
}

#tuyomi .main .content .mBox>h1.weak {
  background-color: #616161
}

#tuyomi .main .content .mBox>h2 {
  font-size: 1.454em;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: .5em 0;
  border-bottom: 1px #eee solid
}

#tuyomi .main .content .mBox>h2.adv {
  color: #f2799a
}

#tuyomi .main .content .mBox>h2.weak {
  color: #333
}

#tuyomi .main .content .mBox li {
  border-bottom: 1px #e0e0e0 solid
}

#tuyomi .main .content .mBox li:last-child {
  border: none
}

#tuyomi .main .content .mBox li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0
}

#tuyomi .main .content .mBox li>div {
  padding: .8em
}

#tuyomi .main .content .mBox li>div:first-child {
  float: left;
  height: 7.27em;
  display: inline-block;
  width: 7.27em
}

#tuyomi .main:last-of-type .content .mBox:last-of-type li>div:first-child {
  display: none
}

#tuyomi .main .content .mBox li>div>h1 {
  font-size: 1.182em;
  font-weight: 700;
  margin-bottom: .5em;
  position: relative
}

#tuyomi .main .content .mBox li>div>h1:before {
  color: #fff;
  font-size: .69em;
  padding: 0 .2em;
  line-height: 1.4;
  border-radius: .2em;
  font-weight: 400;
  position: relative;
  top: -.1em
}

#tuyomi .main .content .mBox li>div>h1.f:before {
  content: "Lady's";
  background-color: #f2799a
}

#tuyomi .main .content .mBox li>div>h1.m:before {
  content: "Men's";
  background-color: #75a3c1
}

#tuyomi .main .content .mBox li>div>p {
  font-size: .909em;
  line-height: 1.4
}

#tuyomi .main .content .mBox li>div:first-child {
  width: 160px;
  height: auto
}

#tuyomi .main .content .mBox li>div:first-child img {
  width: 100%;
  height: auto
}

#aoba section p,
#aoba section div,
#aoba section ul,
#aoba section dl {
  border-radius: 4px
}

#aoba section.top {
  position: relative;
  background: none
}

#aoba section.top>h1 {
  text-align: center;
  font-weight: 700;
  font-size: 1.909em;
  width: 100%;
  position: absolute;
  top: 1em;
  left: 0
}

#aoba section.top>div {
  text-align: center;
  padding: 1.5em 0em 0;
  background-color: #fff;
  margin-bottom: 1.5em
}

#aoba section.top>div>h2 {
  font-size: .909em;
  margin-bottom: .6em;
  color: #f2799a;
  font-weight: 700
}

#aoba section.top>div>h1 {
  font-size: 1.636em;
  font-weight: 700;
  color: #f2799a;
  margin-bottom: .4em
}

#aoba section.top>div>p {
  font-size: .909em;
  font-weight: 700;
  color: #616161;
  margin-bottom: 1em
}

#aoba section.top>div>h3 {
  font-size: 1.636em;
  color: #fff;
  background-color: #f2799a;
  line-height: 1.5em;
  font-family: "Noto Serif"
}

#aoba section.top>div>h3>i {
  width: 2em;
  height: 2em;
  font-size: .5em;
  vertical-align: middle;
  line-height: 2em;
  background-color: #fff;
  color: #f2799a;
  border-radius: 50%;
  margin-right: .5em;
  margin-top: -.2em
}

#aoba section.top>div>h3 img {
  height: 1em
}

#aoba section.main {
  background: none;
  margin: 2%;
  color: #616161
}

#aoba section.main>h1 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin-bottom: .5em
}

#aoba section.main>h2 {
  color: #9e9e9e;
  text-align: center;
  margin-bottom: .5em;
  font-family: Noto Serif
}

#aoba section.main .content {
  padding: 1em;
  background-color: #fff
}

#aoba section.main .content>h1 {
  font-size: 1.09em;
  font-weight: 700;
  margin: 1em 1em 1.2em
}

#aoba section.main .content>h1 span {
  color: #f2799a;
  font-weight: 400
}

#aoba section.main .content>p {
  margin: 1em
}

#aoba section.main .content>dl {
  border: 1px #ccc solid;
  margin-bottom: 1em
}

#aoba section.main .content>dl>h1 {
  font-size: .909em;
  margin: 1em;
  line-height: 1.4
}

#aoba section.main .content>dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.5;
  background-color: #eee;
  padding: 0 .9em
}

#aoba section.main .content>dl dd {
  padding: 1em 1em 2.4em;
  line-height: 1.4
}

#aoba section.main .content>dl dd.tel {
  font-family: "Noto Serif";
  font-weight: 700
}

#aoba section.main .content>dl dd.map p {
  margin-top: 1em
}

#yoritakaku section p,
#yoritakaku section div,
#yoritakaku section ul,
#yoritakaku section dl {
  border-radius: 4px
}

#yoritakaku section.main {
  line-height: 1.4
}

#yoritakaku section.main>p {
  line-height: 1.6
}

#yoritakaku section.title {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 3.81;
  background-color: #fff
}

#yoritakaku section.top {
  padding: 1em 2%;
  background: none
}

#yoritakaku section.top img {
  padding: 0 1em 1em
}

#yoritakaku section.top ul {
  background-color: #fff
}

#yoritakaku section.top ul li {
  border: 1px #e0e0e0 solid;
  margin-bottom: -1px
}

#yoritakaku section.top ul li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

#yoritakaku section.top ul li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

#yoritakaku section.top ul li a {
  display: block;
  color: #616161;
  padding: 0 1em;
  position: relative
}

#yoritakaku section.top ul li a:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 1.818em;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: .5em;
  color: #f2799a;
  margin-top: -.5em
}

#yoritakaku section.top ul li a p {
  display: inline-block;
  font-size: .909em;
  color: #fff;
  background-color: #f2799a;
  line-height: 1.6;
  width: 5em;
  border-radius: 3em;
  vertical-align: middle;
  text-align: center
}

#yoritakaku section.top ul li a h1 {
  display: inline-block;
  font-size: 1.182em;
  vertical-align: middle;
  font-weight: 700;
  margin-left: .8em;
  line-height: 3.1
}

#yoritakaku section.main {
  padding: 1em;
  color: #616161;
  margin: 1.4em 2%
}

#yoritakaku section.main h2 {
  text-align: center;
  color: #fff;
  background-color: #f2799a;
  font-size: 1.182em;
  line-height: 1.5;
  border-radius: 3em;
  width: 5em;
  margin: .7em auto
}

#yoritakaku section.main>h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  margin-bottom: .7em
}

#yoritakaku section.main>p {
  margin-bottom: 1em
}

#yoritakaku section.main p span {
  color: #dc4365
}

#yoritakaku section.main p.sub {
  font-weight: 700;
  padding: 1em;
  background-color: #eee;
  border-radius: 2px;
  margin-bottom: 1em
}

#yoritakaku section.main div.mBox>h1 {
  color: #fff;
  background-color: #f2799a;
  font-size: 1.273em;
  line-height: 1.4;
  padding: .4em 0
}

#yoritakaku section.main div.mBox>div {
  display: table;
  width: 100%;
  padding: .5em
}

#yoritakaku section.main div.mBox>div>div {
  display: table-cell;
  vertical-align: top;
  padding: .5em
}

#yoritakaku section.main div.mBox>div>div>img {
  width: 6.82em
}

#yoritakaku section.main div.mBox div>div>h1 {
  font-weight: 700;
  font-size: 1.09em;
  color: #f2799a;
  margin-bottom: .7em
}

#yoritakaku section.main div.mBox div>div>p {
  font-size: .909em
}

#yoritakaku section#sct1>div {
  margin-bottom: 1.8em
}

#yoritakaku section#sct1 div.mBox:last-child {
  margin-bottom: 0
}

#yoritakaku section#sct2 div.mBox dl dt {
  padding: 1em
}

#yoritakaku section#sct2 div.mBox dl dt h1 {
  font-size: 1.363em;
  font-weight: 700;
  margin-bottom: .5em;
  color: #616161
}

#yoritakaku section#sct2 div.mBox dl dt h1:before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  background-image: url(../img/yoritakaku/check.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em
}

#yoritakaku section#sct2 div.mBox dl dt p {
  font-size: .909em
}

#yoritakaku section#sct2 div.mBox dl dd {
  padding: 1em;
  background-color: #eee
}

#yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox) {
  display: table;
  width: 100%;
  margin-bottom: 1em
}

#yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox)>* {
  display: table-cell;
  vertical-align: top
}

#yoritakaku section#sct2 div.mBox dl dd>div:not(.mBox)>div {
  width: 6.818em
}

#yoritakaku section#sct2 div.mBox dl dd>div img {
  width: 6.818em
}

#yoritakaku section#sct2 div.mBox dd>div img.above {
  margin-top: -.5em
}

#yoritakaku section#sct2 div.mBox dl dd>div p {
  font-size: .909em;
  padding-left: 1em
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox h1 {
  font-size: 1.09em;
  background-color: #616161
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox ul {
  background-color: #fff
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox ul li {
  font-weight: 700;
  padding: 1em 1em 1em 2.5em;
  border-bottom: 1px #ccc solid;
  font-size: 1.09em;
  position: relative
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox ul li:last-child {
  border: none
}

#yoritakaku section#sct2 div.mBox dl dd div.mBox ul li:before {
  content: "\f05e";
  font-family: FontAwesome;
  font-size: 1.4em;
  color: #ffc107;
  font-weight: 400;
  position: absolute;
  top: .5em;
  left: .5em
}

#yoritakaku section#sct3 ul {
  background-color: #eee;
  padding: .5em
}

#yoritakaku section#sct3 ul li {
  float: left;
  width: 33%;
  padding: .3em
}

#yoritakaku section#sct4 {
  padding: 1em 0 0;
  margin-bottom: 2em
}

#yoritakaku section#sct4 p {
  padding: 1em
}

#yoritakaku section#sct5 p.sub {
  text-align: center;
  color: #dc4365;
  font-size: 1.182em;
  padding: .5em .5em
}

#yoritakaku section#sct5 p.sub img {
  margin: 1em 0;
  display: block
}

#sct2>div {
  margin-bottom: 1em
}

#sct2>div:last-child {
  margin-bottom: 0
}

@media screen and (max-width:480px) {
  #yoritakaku section.top ul li a {
    padding-left: 15px;
    padding-right: 15px
  }

  #yoritakaku section.top ul li a p {
    border-radius: 12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 70px;
    line-height: 24px
  }

  #yoritakaku section.top ul li a h1 {
    line-height: 1.4;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 80px;
    padding-right: 40px
  }
}

#takuhai section p,
#takuhai section div,
#takuhai section ul,
#takuhai section dl {
  border-radius: 4px
}

#takuhai>.title {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 3.81;
  background-color: #fff
}

#takuhai .base {
  margin: 2%;
  border: 2px #d0b592 solid;
  background-color: #f8f4ef;
  color: #616161;
  border-radius: 4px
}

#takuhai .top {
  background: none;
  padding: 0 1em;
  margin-bottom: 1em
}

#takuhai .top .title {
  width: 90%;
  margin: 1.5em auto
}

#takuhai .top p {
  font-size: 1.273em;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em
}

#takuhai .top .kit {
  text-align: center
}

#takuhai .top .kit>img {
  width: 45%
}

#takuhai .top .kit>div>div {
  max-width: 580px;
  margin-right: auto;
  margin-left: auto;
  padding: .5em .5em 1em;
  background-color: #fff;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

#takuhai .top .kit>div>div>dl {
  float: left;
  width: 25%;
  padding: .5em
}

#takuhai .top .kit div dl dd {
  font-size: .909em;
  line-height: 1.4;
  font-weight: 700
}

#takuhai .main {
  background-color: #fff;
  color: #616161;
  border-radius: 0
}

#takuhai .main>h1 {
  font-size: 1.909em;
  text-align: center;
  font-weight: 700;
  padding-top: 1.3em;
  margin-bottom: .6em
}

#takuhai .main h2 {
  font-size: 1.273em;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em;
  padding: 0 1em
}

#takuhai #content ul {
  padding: 0 .5em
}

#takuhai #content ul li {
  width: 50%;
  float: left;
  padding: .5em
}

#takuhai #merit {
  padding: 0 1em .1em;
  padding-bottom: 1em
}

#takuhai #merit>dl {
  display: table;
  width: 100%;
  background-color: #f8f4ef;
  margin-bottom: 1em;
  border-radius: .2em
}

#takuhai #merit>dl>dt,
#takuhai #merit>dl>dd {
  display: table-cell;
  vertical-align: top
}

#takuhai #merit>dl dt {
  width: 7.28em;
  padding: .8em
}

#takuhai #merit>dl dd {
  padding: 1em 1em 1em .5em
}

#takuhai #merit>dl dd h1 {
  font-size: 1.182em;
  font-weight: 700;
  margin-bottom: .5em
}

#takuhai #merit>dl dd p {
  line-height: 1.6
}

#takuhai .boxSize {
  display: table;
  border-collapse: separate;
  border-spacing: 1em 1em;
  width: 100%;
  background-color: #f8f4ef;
  margin-top: -2em;
  margin-bottom: 1em
}

#takuhai .boxSize>div {
  display: table-row;
  padding: 1em
}

#takuhai .boxSize>div>div {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  background-color: #fff;
  font-size: .909em;
  line-height: 1.4;
  padding: 12em 1em 1em;
  position: relative
}

#takuhai .boxSize>div>div.upper {
  padding: 13em 1em 1em
}

#takuhai .boxSize>div>div img {
  position: absolute;
  top: 1em;
  left: 0
}

#takuhai .boxSize>div>div h1 {
  font-weight: 700;
  color: #212121;
  margin-bottom: .5em
}

#takuhai .boxSize>div>div ul li {
  position: relative;
  padding-left: .5em
}

#takuhai .boxSize>div>div ul li:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .4em;
  height: .4em;
  background-color: #616161;
  border-radius: 100%;
  margin-top: .4em
}

#takuhai .boxSize>div>div.upper {
  padding-top: 2em
}

#takuhai .boxSize>div>div img {
  margin-bottom: 1em;
  position: relative;
  top: auto;
  left: auto
}

#takuhai #insurance dd p a {
  color: #616161
}

#takuhai #insurance dd p a i {
  color: #f2799a;
  padding-left: .5em
}

div#riyuu section.title {
  margin-bottom: 1em
}

div#riyuu section.title h1 {
  font-size: 1.909em;
  font-weight: 700;
  color: #212121;
  text-align: center;
  padding-top: 1.5em;
  margin-bottom: .7em
}

div#riyuu section.title p {
  text-align: center;
  font-weight: 700;
  color: #f2799a;
  font-size: 1.273em;
  line-height: 1.4;
  padding-bottom: 1em
}

div#riyuu section.top {
  padding: 1em 1em .1em;
  font-size: 1.09em;
  margin: 2% 2% 1em
}

div#riyuu section.top p {
  color: #212121;
  line-height: 1.5;
  margin: 0 2% 1em
}

div#riyuu section.top ul li {
  border: 1px #f2799a solid;
  margin-bottom: .8em
}

div#riyuu section.top ul li a {
  display: block;
  padding: .5em;
  position: relative
}

div#riyuu section.top ul li a:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 1.4em;
  color: #f2799a;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: .5em;
  margin-top: -.5em
}

div#riyuu section.top ul li a p {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  font-size: 1.09em;
  border-radius: 100%;
  line-height: 1.5;
  font-family: "Noto Serif";
  position: absolute;
  top: 50%;
  margin-top: -.75em;
  left: .5em
}

div#riyuu section.top ul li a h1 {
  font-weight: 700;
  line-height: 1.4;
  padding-left: 3em
}

#riyuu section p,
#riyuu section div,
#riyuu section ul,
#riyuu section dl {
  border-radius: 4px
}

#riyuu section.main {
  margin: 0 2% 1em;
  position: relative
}

#riyuu section.main>h2 {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  font-size: 1.09em;
  border-radius: 100%;
  line-height: 1.5;
  font-family: "Noto Serif";
  position: absolute;
  top: 2.2em;
  margin-top: -.75em;
  left: .8em
}

#riyuu section.main>h1 {
  font-size: 1.273em;
  font-weight: 700;
  line-height: 1.3;
  color: #616161;
  padding: .7em 0 .7em 2.5em;
  border-bottom: 1px #ccc solid
}

#riyuu section.main>div {
  padding: 1em
}

#riyuu section.main div p {
  font-size: 1.09em;
  color: #616161;
  line-height: 1.5
}

#riyuu section.main div.graph {
  margin-bottom: 1em
}

#riyuu section.main div.graph div {
  border: 1px #bdbdbd solid
}

#riyuu section.main div.graph div ul {
  display: table;
  width: 100%;
  table-layout: fixed
}

#riyuu section.main div.graph div ul li {
  display: table-cell;
  width: 50%;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.09em;
  line-height: 2.5em
}

#riyuu section.main div.graph div ul li:first-child {
  background-color: #616161;
  border-top-left-radius: 3px
}

#riyuu section.main div.graph div ul li:last-child {
  background-color: #f2799a;
  border-top-right-radius: 3px
}

#riyuu section.main div.graph img {
  width: 100%
}

#riyuu section.main div>p.sub {
  padding: 1em;
  font-size: 1.273em;
  font-weight: 700;
  line-height: 1.4;
  background-color: #fdebf0;
  color: #616161
}

#riyuu section.main div>p.sub span {
  color: #f2799a
}

#riyuu section#sct2 div p span {
  color: #f2799a;
  font-weight: 700
}

#riyuu section#sct2 div img {
  width: 80%;
  margin-bottom: 1em
}

#riyuu section#sct3 div img {
  margin-bottom: 1em
}

#riyuu section#sct4 div img {
  margin-bottom: 1em
}

#buyer section p,
#buyer section div,
#buyer section ul,
#buyer section dl {
  border-radius: 4px
}

#buyer section.top {
  text-align: center
}

#buyer section.main {
  padding: 1em;
  color: #616161;
  margin: 0 2%
}

#buyer section.main>h1 {
  text-align: center;
  font-size: 1.818em;
  font-weight: 700;
  padding-top: 1em;
  color: #616161;
  line-height: 1.2
}

#buyer section.main>h2 {
  text-align: center;
  font-family: "Noto Serif";
  color: #616161;
  opacity: .75;
  padding-top: 1em;
  padding-bottom: 1em
}

#buyer section.main>div,
#buyer section.main>div.feature>div {
  padding: 1em;
  background-color: #f8f4ef;
  position: relative;
  margin-bottom: 1em
}

#buyer section.main>div>h2,
#buyer section.main>div.feature>div>h2 {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  width: 1.67em;
  height: 1.67em;
  text-align: center;
  font-size: 1.09em;
  border-radius: 100%;
  line-height: 1.67;
  font-family: "Noto Serif";
  position: absolute;
  top: 1.9em;
  margin-top: -.75em;
  left: 1em
}

#buyer section.main>div h1,
#buyer section.main>div.feature>div h1 {
  font-size: 1.182em;
  font-weight: 700;
  margin-left: 2em;
  margin-top: .5em;
  margin-bottom: 1.2em;
  color: #424242
}

#buyer section.main>div>p,
#buyer section.main>div.feature>div>p {
  line-height: 1.6
}

#buyer section#sct1>div.feature {
  position: static;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  text-align: left
}

#buyer section#sct1>div.feature>div>h1 {
  text-align: left
}

#buyer section#sct1>div.feature>div>p {
  text-align: left
}

#buyer section#sct1>div.feature>div>div {
  width: 100%;
  margin-bottom: .8em
}

#buyer section#sct1>div.feature>div>div img {
  width: 70%
}

#buyer section#sct1>div.feature>div>div.half {
  padding-top: 16px
}

#buyer section#sct1>div.feature>div>div.half img {
  width: 48%
}

#buyer section#sct1>div.feature>div>div.half img:first-child {
  padding-right: 1%
}

#buyer section#sct1>div.feature>div>div.half img:last-child {
  padding-left: 1%
}

#buyer section#sct1>div>div {
  text-align: center;
  margin-bottom: .8em
}

#buyer section#sct1>div>div img {
  width: 70%
}

#buyer section#sct1>div>div.half img {
  display: inline-block;
  width: 49%
}

#buyer section#sct1>div>div.half img {
  display: inline-block;
  width: 48%;
  border-radius: 4px
}

#buyer section#sct1>div>div.half img:first-child {
  padding-right: 1%
}

#buyer section#sct1>div>div.half img:last-child {
  padding-left: 1%
}

#buyer section#sct2 {
  margin-bottom: 1em;
  padding-bottom: .1em
}

#buyer section#sct2 div div {
  background-color: #fff;
  padding: .5em 1.5em;
  margin-bottom: 1em
}

#buyer section#sct2 div div img {
  background-color: #fff;
  padding: .5em 1.5em;
  margin-bottom: 1em
}

#buyer section#sct3 {
  padding-bottom: 0
}

#buyer section#sct3>h2 {
  position: relative;
  margin-bottom: 1em
}

#buyer section#sct3>h2:before,
#buyer section#sct3>h2:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #e0e0e0;
  position: absolute;
  left: 50%;
  margin-left: -20px
}

#buyer section#sct3>h2:before {
  bottom: 0
}

#buyer section#sct3>h2:after {
  bottom: -2px
}

#buyer section#sct3>p {
  line-height: 1.6;
  font-size: 1.09em;
  margin-bottom: .8em
}

#buyer section#sct3 div.staff {
  margin: 0 -1em;
  background: none;
  padding: 0;
  border-top: 1px #e0e0e0 solid;
  padding-top: 1em
}

#buyer section#sct3 div.staff dl {
  border-bottom: 1px #e0e0e0 solid;
  padding: 1em
}

#buyer section#sct3 div.staff dl dt {
  display: table;
  width: 100%;
  margin-bottom: .5em
}

#buyer section#sct3 div.staff dl dt>div {
  display: table-cell;
  vertical-align: top
}

#buyer section#sct3 div.staff dl dt div.photo {
  width: 7.85em;
  padding-right: 1em;
  margin: 0
}

#buyer section#sct3 div.staff dl dt div h1 {
  font-weight: 700;
  padding-bottom: .8em;
  margin: 0;
  font-size: 1.454em
}

#buyer section#sct3 div.staff dl dt div h2 {
  font-size: .909em;
  position: relative;
  margin-bottom: .2em
}

#buyer section#sct3 div.staff dl dt div h2.tokui {
  color: #f2799a
}

#buyer section#sct3 div.staff dl dt div h2.brand {
  color: #c4a277;
  margin-top: 1em
}

#buyer section#sct3 div.staff dl dt div h2:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: .2em
}

#buyer section#sct3 div.staff dl dt div h2.tokui:before {
  background-image: url(../img/buyer/star.png)
}

#buyer section#sct3 div.staff dl dt div h2.brand:before {
  background-image: url(../img/buyer/heart.png)
}

#buyer section#sct3 div.staff dl dt div p {
  font-weight: 700;
  line-height: 1.4
}

#buyer section#sct3 div.staff dl dd {
  background-color: #eee;
  padding: .8em;
  line-height: 1.5;
  position: relative
}

@media (min-width:780px) {
  #buyer section#sct3 div.staff dl dd {
    background-color: #FFF
  }

  #buyer section#sct3 div.staff dl dd:before {
    content: "";
    width: 0 !important;
    height: 0 !important;
    border-style: none !important;
    border-width: 0em 0em 0em !important;
    border-color: #FFFFFF !important;
    position: absolute !important;
    top: 0em !important;
    left: 0em !important
  }
}

#buyer section#sct3 div.staff dl dd:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .7em .7em .7em;
  border-color: transparent transparent #eee transparent;
  position: absolute;
  top: -.6em;
  left: 3em
}

#buyer section#sct3 div.staffcategry {
  padding: 0 !important;
  background-color: #FFFFFF !important
}

#buyer section#sct3 div.staffcategry ul {
  display: inline-block
}

#buyer section#sct3 div.staffcategry li {
  float: left;
  margin: 1px
}

#buyer section#sct3 div.staffcategry li img {
  max-width: 100%;
  transition: 0.3s ease-in-out
}

section#sct3 div.staffcategry li img:hover {
  opacity: .7
}

@media (max-width:780px) {
  #buyer section#sct3 div.staffcategry li {
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    width: 50%
  }

  #buyer section#sct3 div.staffcategry li:nth-child(odd) {
    padding-right: 2px
  }

  #buyer section#sct3 div.staffcategry li:nth-child(even) {
    padding-left: 2px
  }
}

#buyer section#sct3 ul.buyer_prof li {
  float: left;
  width: 48%;
  margin: 1%
}

#buyer section#sct3 ul.buyer_prof.pr02 {
  margin-bottom: 50px
}

#buyer section#sct3 ul.buyer_prof.pr02::after {
  content: "";
  border-bottom: 1px solid #e0e0e0;
  display: block;
  clear: both;
  padding-top: 50px;
  width: 100px;
  margin: 0 auto
}

#buyer section#sct3 ul.buyer_prof {
  display: inline-block;
  width: 100%
}

#buyer section#sct3 ul.buyer_prof li img {
  max-width: 100%;
  width: initial
}

#buyer section#sct3 ul.buyer_prof li p {
  font-size: 90%;
  line-height: 1.4;
  margin-top: 20px
}

#buyer section#sct3 ul.buyer_prof li p span {
  font-size: 90%;
  font-weight: 700
}

@media (max-width:640px) {
  #buyer section#sct3 ul.buyer_prof li {
    width: 98%;
    margin: 1%
  }
}

@media (max-width:780px) {
  #buyer section#sct3 ul.buyer_prof li p {
    font-size: 70%
  }
}

@media (max-width:530px) {
  #buyer section#sct3 ul.buyer_prof li p {
    font-size: 110%
  }
}

#buyer .staffblog {
  background: none !important;
  border-radius: 0 !important;
  padding: 40px 0 !important;
  text-align: center
}

#buyer .staffblog img.inline-sm {
  max-width: 400px
}

#buyer .staffblog a {
  display: block;
  margin-top: 10px
}

#buyer .staffblog a:hover img {
  opacity: .7
}

#buyer .staffblog .title {
  margin-top: 20px;
  margin-bottom: -5px
}

#buyer .staffblog .title:before {
  background: #c4a277;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px
}

#buyer .staffblog .title span {
  background: #fff;
  color: #c4a277;
  display: inline-block;
  font-weight: 700;
  padding: 5px 10px
}

#buyer .staffblog li a {
  background: #f8f4ef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border: 1px solid #f8f4ef;
  border-radius: 5px;
  line-height: 1.5;
  font-size: 80%;
  padding: 8px 30px 8px 10px;
  text-align: left
}

#buyer .staffblog li a:after {
  content: '\f105';
  display: block;
  font-family: "FontAwesome";
  font-weight: 400;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 15px
}

#buyer .staffblog li a:hover {
  border-color: #f2799a
}

#buyer .staffcategry.thr_fltlst+.staffblog {
  padding-top: 0 !important
}

#hajimete {
  color: #616161
}

#hajimete section p,
#hajimete section div,
#hajimete section ul,
#hajimete section dl {
  border-radius: 4px
}

#hajimete section.pageTitle {
  color: #212121;
  background-color: #EEE
}

#hajimete section#top {
  border-radius: 0;
  padding-bottom: .1em
}

#hajimete section#sct1 div.topImage,
#hajimete section#top div.topImage {
  background-color: #eee;
  padding: 1.8em 1em 0;
  text-align: center;
  border-radius: 0
}

#hajimete section#top p.title3 {
  font-size: 1.3em !important;
  font-weight: bold !important;
  line-height: 150% !important;
  background-color: #eee !important;
  text-align: center;
  color: #505050
}

#hajimete section#sct1 {
  padding: 0 2%;
  padding: 0;
  background: none
}

#hajimete section#sct1 div.topImage {
  margin: 0 -2%
}

#hajimete section#sct1 div.main {
  background-color: #fff;
  padding: 1em
}

#hajimete section#sct1 div.main h1 {
  position: relative
}

#hajimete section#sct1 div.main div[class*="point"] {
  border: 1px #bdbdbd solid;
  margin: 1em 0;
  border-radius: .5em
}

#hajimete section#sct1 div.main div[class*="point"]>h1 {
  padding: .8em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct1 div.main div[class*="point"]>h1 img {
  display: inline-block;
  width: 4.545em;
  vertical-align: middle
}

#hajimete section#sct1 div.main div[class*="point"]>h1 p {
  display: inline-block;
  vertical-align: middle;
  margin-left: .5em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li {
  padding: .54em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct1 div.main div.point1 div.upper ul li h1 {
  padding: .8em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li h1 img,
#hajimete section#sct1 div.main div.point1 div.upper ul li h1 p {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li h1 img {
  width: 4.545em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li h1 p span {
  font-size: 1.5em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
  margin: .344em;
  background-color: #fdebf0;
  padding: .67em;
  position: relative
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before,
#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 7%
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field:before {
  border-width: 0 .5em .5em .5em;
  border-color: transparent transparent #fdebf0 transparent;
  top: -.3em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field span {
  font-size: .75em;
  display: block
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.field span i {
  color: #f2799a
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p {
  line-height: 1.5
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment {
  margin: .458em;
  background-color: #eee;
  padding: .67em;
  position: relative;
  margin-top: 1em
}

#hajimete section#sct1 div.main div.point1 div.upper ul li p.comment:before {
  border-width: 0 .667em .667em .667em;
  border-color: transparent transparent #eee transparent;
  top: -.4em
}

#hajimete section#sct1 div.main div.point1 div.lower {
  padding: .91em;
  line-height: 1.5
}

#hajimete section#sct1 div.main div.point1 div.lower>h1 {
  font-size: 1.08em;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  color: #f2799a
}

#hajimete section#sct1 div.main div.point1 div.lower>h1 img {
  width: 60%;
  padding: 1em 0
}

#hajimete section#sct1 div.main div.point2 div ul {
  padding: .5em
}

#hajimete section#sct1 div.main div.point2 div ul li {
  float: left;
  width: 50%;
  padding: .5em
}

#hajimete section#sct1 div.main div.point2 div p {
  padding: 0 .917em .917em
}

#hajimete section#sct1 div.main div.point2 div p span {
  font-size: .917em
}

#hajimete section#sct1 div.main div.point3 div {
  padding: 1em
}

#hajimete section#sct1 div.main div.point3 div p img {
  margin-bottom: 1em
}

#hajimete section#sct1 div.main div.point4 div img,
#hajimete section#sct1 div.main div.point5 div img {
  width: 56.49%;
  display: block;
  margin: 1em auto
}

#hajimete section#sct1 div.main div.point4 div ul {
  padding: 1%
}

#hajimete section#sct1 div.main div.point4 div ul li {
  float: left;
  width: 47%;
  margin: 1.5%;
  background-color: #eee;
  font-size: .909em;
  font-weight: 700;
  padding: .7em .7em .7em 3.1em;
  line-height: 1.2;
  position: relative
}

#hajimete section#sct1 div.main div.point4 div ul li:before {
  content: "\f0e0";
  font-family: FontAwesome;
  font-size: 1.2em;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  left: .8em;
  top: 0;
  margin-top: 1em;
  color: #f2799a
}

#hajimete section#sct1 div.main div.point4 div p {
  padding: 0 .917em .917em
}

#hajimete section#sct1 div.main div.point5 div p {
  padding: 1em;
  line-height: 1.5
}

#hajimete section#sct1 div.main div.point5 div p span {
  font-size: .83em
}

#hajimete section#sct2 {
  background: none
}

#hajimete section#sct2 div.bdTitle>h2:before,
#hajimete section#sct2 div.bdTitle>h2:after {
  background: #d5d5d5
}

#hajimete section#sct2 h1 {
  color: #616161;
  font-size: 2em !important
}

#hajimete section#sct3 {
  margin: 0 2%
}

#hajimete section#sct3 div {
  border-radius: 0
}

#hajimete section#sct3 div.philosophy {
  border-bottom: 1px #e0e0e0 solid;
  border-radius: 0
}

#hajimete section#sct3 div.philosophy div div.title {
  text-align: center
}

#hajimete section#sct3 div.philosophy div div.title p {
  font-size: 1.09em;
  font-weight: 700
}

#hajimete section#sct3 div.philosophy div div.title h1 {
  font-size: 1.363em;
  font-weight: 700;
  color: #f2799a;
  padding: .5em 0
}

#hajimete section#sct3 div.philosophy div div.title img {
  width: 94.4%;
  margin: 1.4em 0
}

#hajimete section#sct3 div.philosophy div div.title h2 {
  font-size: 1.363em;
  font-weight: 700;
  line-height: 1.2
}

#hajimete section#sct3 div.philosophy>div>p {
  padding: .917em;
  margin-top: .5em
}

#hajimete section#sct3 div.sonotameni {
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct3 div.sonotameni h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  margin-top: 1.5em;
  margin-bottom: 1em
}

#hajimete section#sct3 div.sonotameni div p {
  padding: .916em
}

#hajimete section#sct3 div.sonotameni div img {
  width: 94.46%;
  display: block;
  margin: 0 auto;
  padding: .5em 0 2em
}

#hajimete section#sct3 div.kodawari {
  padding-bottom: .1em;
  margin-bottom: 1em
}

#hajimete section#sct3 div.kodawari>h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  margin-top: 1.5em;
  margin-bottom: 1em
}

#hajimete section#sct3 div.kodawari div[class*="kdw"] {
  margin: 0 1em 1em;
  border: 1px #bdbdbd solid;
  border-radius: .5em
}

#hajimete section#sct3 div.kodawari div[class*="kdw"] h1 {
  padding: .8em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct3 div.kodawari div[class*="kdw"] h1 span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #bdbdbd;
  width: 2.6em;
  line-height: 2.6em;
  text-align: center;
  font-size: 1.636em;
  border-radius: 100%;
  font-family: "Noto Serif"
}

#hajimete section#sct3 div.kodawari div[class*="kdw"]>h1 p {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.182em;
  margin-left: .5em;
  line-height: 1.5
}

#hajimete section#sct3 div.kodawari div[class*="kdw"] div {
  padding: 1em
}

#hajimete section#sct3 div.kodawari div.kdw1 div img {
  display: block;
  width: 61.25%;
  margin: 1em auto
}

#hajimete section#sct3 div.kodawari div.kdw2 div img {
  margin-bottom: 1em
}

#hajimete section#sct3 div.kodawari div.kdw3 div img {
  margin-bottom: 1em
}

#hajimete section#sct3 div.philosophy div div.title img,
#hajimete section#sct3 div.sonotameni div img {
  max-width: 580px
}

#hajimete section#sct4 {
  margin: 0 2% 1em
}

#hajimete section#sct4>div {
  border-radius: 0
}

#hajimete section#sct4 div.top {
  padding: 0 1em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct4 div.top p {
  margin: 1em 0
}

#hajimete section#sct4 div.kikkake {
  padding-bottom: 20px
}

#hajimete section#sct4 div.kikkake h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  margin-top: 1.5em;
  margin-bottom: 1em
}

#hajimete section#sct4 div.kikkake>div {
  position: relative;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct4 div.kikkake>div img {
  padding: 0 1em 1em
}

#hajimete section#sct4 div.kikkake>div p[class*="txt"] {
  font-size: 1.09em;
  line-height: 1.5;
  width: 17.5em
}

#hajimete section#sct4 div.kikkake>div p[class*="txt"] span {
  font-weight: 700;
  color: #f2799a
}

#hajimete section#sct4 div.kikkake>div p.txta1 {
  position: absolute;
  top: 3%;
  left: 25%
}

#hajimete section#sct4 div.kikkake>div p.txta2 {
  position: absolute;
  top: 28%;
  left: 6%
}

#hajimete section#sct4 div.kikkake>div p.txta3 {
  position: absolute;
  top: 53%;
  left: 25%
}

#hajimete section#sct4 div.kikkake>div p.txta4 {
  position: absolute;
  top: 81%;
  left: 6%
}

#hajimete section#sct4 div.kikkake dl {
  display: table;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 600px
}

#hajimete section#sct4 div.kikkake dt,
#hajimete section#sct4 div.kikkake dd {
  display: table-cell;
  vertical-align: middle
}

#hajimete section#sct4 div.kikkake dt {
  width: 100px
}

#hajimete section#sct4 div.kikkake dt img {
  width: 100%;
  height: auto
}

#hajimete section#sct4 div.kikkake dd {
  padding-left: 20px
}

#hajimete section#sct4 div.kikkake dd p {
  background: #fdebf0;
  border-radius: 10px;
  line-height: 30px;
  padding: 20px;
  position: relative
}

#hajimete section#sct4 div.kikkake dd p:after {
  border-color: transparent #fdebf0 transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: '';
  display: block;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0
}

#hajimete section#sct4 div.kikkake dd span {
  color: #f2799a;
  font-weight: 700
}

#hajimete section#sct4 div.kikkake .r dd {
  padding-right: 20px;
  padding-left: 0
}

#hajimete section#sct4 div.kikkake .r dd p {
  background: #eee
}

#hajimete section#sct4 div.kikkake .r dd p:after {
  border-color: transparent transparent transparent #eee;
  left: auto;
  right: -20px
}

#hajimete section#sct4 div.kikkake .line1 dd p {
  padding-top: 35px;
  padding-bottom: 35px
}

#hajimete section#sct4 div.voice {
  margin-bottom: 2em
}

#hajimete section#sct4 div.voice>h1 {
  font-size: 1.818em;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  margin-top: 1.5em;
  margin-bottom: 1em
}

#hajimete section#sct4 div.voice>h3 {
  font-size: 1.09em;
  font-weight: 700;
  text-align: center
}

#hajimete section#sct4 div.voice>h2 {
  font-size: 1.363em;
  font-weight: 700;
  text-align: center;
  line-height: 2;
  color: #f2799a
}

#hajimete section#sct4 div.voice>div {
  margin: 0 1em;
  border: 1px #bdbdbd solid;
  border-radius: .5em
}

#hajimete section#sct4 div.voice>div h2 {
  font-size: .909em;
  padding: 1em
}

#hajimete section#sct4 div.voice>div h1 {
  font-size: 1.09em;
  color: #f2799a;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 1em .67em
}

#hajimete section#sct4 div.voice>div>div {
  border-top: 1px #e0e0e0 solid;
  padding: 1em;
  border-radius: 0
}

#hajimete section#sct4 div.voice div div p {
  font-size: .909em;
  line-height: 1.8
}

#hajimete section#sct4 div.voice div.btnArea a i {
  padding-right: .3em
}

#hajimete section#sct4 div.btnArea {
  text-align: right
}

#hajimete section#sct4 div.btnArea a {
  display: inline-block;
  border: 1px #f2799a solid;
  line-height: 2.3;
  font-size: .909em;
  padding: 0 .5em 0 .5em
}

#hajimete section#sct4 div.interv {
  padding: 0 1em 1em
}

#hajimete section#sct4 div.interv div.btnArea a i {
  padding-left: .3em
}

#hajimete section#sct4 div.interv dl {
  border: 1px #bdbdbd solid;
  border-radius: .5em
}

#hajimete section#sct4 div.interv dl dt {
  padding: 1em
}

#hajimete section#sct4 div.interv dl dt>img {
  display: inline-block;
  vertical-align: middle;
  width: 3.63em;
  margin-right: .5em
}

#hajimete section#sct4 div.interv dl dt>p {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.09em;
  line-height: 1.8
}

#hajimete section#sct4 div.interv dl dt>p span {
  display: block;
  font-size: .83em
}

#hajimete section#sct4 div.interv dl dd {
  padding: 0 1em 1em;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#sct4 div.interv dl dd:last-of-type {
  border: none
}

#hajimete section#sct4 div.interv dl dd p {
  font-size: .909em;
  line-height: 1.8
}

#hajimete section#company {
  padding-bottom: .1em;
  margin: 0 2% 1em
}

#hajimete section#company div.table {
  margin: 1em;
  border: 1px #bdbdbd solid;
  border-radius: .5em
}

#hajimete section#company div.table dl {
  display: table;
  width: 100%;
  border-bottom: 1px #e0e0e0 solid
}

#hajimete section#company div.table dl:last-of-type {
  border: none
}

#hajimete section#company div.table dl dt {
  font-size: .909em;
  display: table-cell;
  width: 8em;
  line-height: 4em;
  padding-left: 1em;
  font-weight: 700;
  background-color: #eee
}

#hajimete section#company div.table dl:first-child dt {
  border-top-left-radius: .55em
}

#hajimete section#company div.table dl:last-child dt {
  border-bottom-left-radius: .55em
}

#hajimete section#company div.table dl dd {
  display: table-cell;
  padding: 1em
}

#hajimete section#company div.table dl dd img {
  padding: .5em 0
}

#hajimete section#message {
  margin: 0 2% 1em;
  padding: 0 1em 1em
}

#hajimete section#message img {
  width: 96.06%;
  max-width: 548px;
  display: block;
  margin: -1.5em auto 0
}

#hajimete section#message div.top p {
  padding: 1em;
  border: 1px #bdbdbd solid;
  border-radius: 0;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
  line-height: 1.63;
  border-bottom: none
}

#hajimete section#message div.main {
  border-left: 1px #bdbdbd solid;
  border-right: 1px #bdbdbd solid;
  line-height: 1.63
}

#hajimete section#message div.main h1 {
  font-size: 1.182em;
  padding: .846em;
  font-weight: 700;
  color: #f2799a;
  border-top: 1px #e0e0e0 solid
}

#hajimete section#message div.main p {
  padding: 0 1em 1em
}

#hajimete section#message div.main:last-of-type {
  border-bottom: 1px #bdbdbd solid;
  border-radius: 0;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em
}

#hajimete section#sct1 div.main div.point1 div.lower>h1 img,
#hajimete section#sct1 div.main div.point4 div img,
#hajimete section#sct1 div.main div.point5 div img,
#hajimete section#sct3 div.kodawari div.kdw1 div img {
  max-width: 320px
}

#hajimete>section.slider_bnr.story.sm>h2>img {
  display: none
}

#sct4>div.kikkake>div {
  border-radius: 0
}

#send section {
  color: #616161
}

#send section p,
#send section div,
#send section ul,
#send section dl {
  border-radius: 4px
}

#send section .layout01 {
  margin-bottom: .7em
}

#send section.title {
  padding-bottom: 1em
}

#send section.title h2 {
  font-size: 1.273em;
  font-weight: 700;
  color: #f2799a;
  text-align: center;
  padding: .7em 0
}

#send section.title h1 {
  color: #616161;
  font-size: 1.818em;
  text-align: center
}

#send section.title h1 em {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em
}

#send section.title h1 span {
  font-weight: 700;
  font-size: 1.5em
}

#send section.subtitle {
  background: none;
  padding: 1em 0
}

#send section div.bdTitle h1 span {
  display: block;
  margin-bottom: .3em;
  font-size: .71em;
  color: #616161
}

#send section#sct1 {
  color: #616161;
  margin: 0 2% 1em
}

#send section#sct1 dl {
  margin: 0 1em;
  padding: 1em 0
}

#send section#sct1 dl dt p {
  font-size: 1.09em;
  color: #c4a277;
  font-weight: 700;
  margin-bottom: .7em
}

#send section#sct1 dl dt img {
  margin-bottom: .5em
}

#send section#sct1 dl dd {
  margin-bottom: 2em;
  border-radius: 4px
}

#send section#sct1 dl dd:last-of-type {
  margin-bottom: 0
}

#send section#sct1 dl dd.no2 {
  background-color: #f8f4ef;
  padding: 1em
}

#send section#sct1 dl dd.no2>p {
  font-size: 1.09em;
  color: #616161;
  line-height: 1.5em;
  font-weight: 700
}

#send section#sct1 dl dd.no2>div {
  position: relative
}

#send section#sct1 dl dd.no2>div p {
  color: #616161;
  line-height: 1.45em;
  font-weight: 700;
  background-color: #fff;
  padding: 1em
}

#send section#sct1 dl dd.no2>img {
  padding: 1em 0
}

#send section#sct1 dl dd.no2 p img {
  width: 22.05%;
  position: absolute;
  bottom: 0;
  right: 0
}

#send section#sct1 dl dd.no3 {
  background-color: #f8f4ef;
  padding: 1em;
  font-weight: 700
}

#send section#sct1 dl dd.no3 p {
  font-size: 1.09em;
  color: #616161;
  line-height: 1.33em;
  display: inline-block;
  width: 70%;
  vertical-align: middle
}

#send section#sct1 dl dd.no3 p span {
  display: block
}

#send section#sct1 dl dd.no3 img {
  display: inline-block;
  width: 27.54%;
  vertical-align: middle
}

#send section#sct2 {
  margin: 5.2em 2% 0
}

#send section#sct2 div.top {
  background-color: #fff;
  padding: 0 1em
}

#send section#sct2 div.top img:first-child {
  margin-top: -3.2em
}

#send section#sct2 div.howToSell {
  background-color: #fff;
  border-top: 1px #e0e0e0 solid;
  text-align: center;
  padding-bottom: 1.5em;
  border-radius: 0
}

#send section#sct2 div.howToSell img {
  width: 32.5%;
  margin-bottom: .91em
}

#send section#sct2 div.howToSell>h1 {
  font-size: 1.454em;
  color: #f2799a;
  font-weight: 700;
  margin-bottom: .3em
}

#send section#sct2 div.howToSell>h2 {
  font-size: 1.273em;
  color: #616161
}

#send section#sct2 div.howToSell>h2 i.fa {
  color: #f2799a;
  padding: 0 .3em;
  font-size: .901em;
  vertical-align: middle
}

#send section#sct2 div.howToSell>h2 span {
  font-family: "Noto Serif"
}

#send section#sct2 div.howToSell>h2 em {
  font-size: 1.25em;
  font-style: normal
}

#send section#sct2 div.menu {
  margin: 0 0 1em
}

#send section#sct2 div.menu a {
  float: left;
  width: 25%
}

#send section#sct2 div.menu img {
  max-width: 193px;
  height: auto
}

#send section#sct2 div[class*="step"] {
  margin: 0 .909em;
  border: 1px #bdbdbd solid;
  border-radius: .5em;
  padding: .909em .909em 0em
}

#send section#sct2 dl.head {
  text-align: center;
  background-color: #616161;
  color: #fff;
  border-radius: 0;
  border-top-left-radius: .423em;
  border-top-right-radius: .423em;
  margin: -1em -1em .901em
}

#send section#sct2 dl.head dt {
  font-size: .909em;
  font-family: "Noto Serif";
  display: inline-block;
  vertical-align: middle
}

#send section#sct2 dl.head dt span {
  font-size: .86em
}

#send section#sct2 dl.head dd {
  font-size: 1.182em;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  line-height: 1.95
}

#send section#sct2 div.from {
  border-top: 1px #e0e0e0 solid;
  padding-top: .8em;
  border-radius: 0
}

#send section#sct2 div.from>h1 {
  font-size: .818em;
  color: #616161;
  font-weight: 700;
  margin-bottom: .5em
}

#send section#sct2 div.from>h1 i.fa {
  color: #616161;
  padding-right: .5em
}

#send section#sct2 div.from>p {
  font-size: .909em;
  line-height: 1.6;
  color: #616161
}

#send section#sct2 div.step1 div.kitOffer {
  padding-top: 2em;
  border-top: 1px #e0e0e0 solid;
  margin-top: .5em;
  border-radius: 0
}

#send section#sct2 div.step1 div.kitOffer>h1 {
  font-weight: 700;
  color: #f2799a;
  text-align: center;
  margin-bottom: .3em
}

#send section#sct2 div.step1 div.kitOffer>h1 i.fa {
  font-size: 1.4em;
  padding-right: .2em
}

#send section#sct2 div.step1 div.kitOffer a.mBtn {
  margin-bottom: .5em
}

#send section#sct2 div.step1 div.kitOffer div.tel {
  color: #616161
}

#send section#sct2 div.step1 div.kitOffer div.tel i.fa {
  font-size: 1.363em
}

#send section#sct2 div.step1 div.kitOffer div.tel div h1 {
  font-size: .909em
}

#send section#sct2 div.step1 div.kitOffer div.tel div h1 p {
  font-size: .636em
}

#send section#sct2 div.step1 div.kitOffer>p {
  font-size: .818em;
  color: #616161;
  margin: 1em 0;
  line-height: 1.5
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.box {
  font-weight: 700;
  text-align: center;
  padding: 1em;
  margin: -.5em -.5em 0;
  font-size: .909em;
  color: #616161;
  background-color: #fff
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.box img {
  display: inline-block;
  width: 24.64%;
  vertical-align: middle
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.size {
  margin: 0 -.5em
}

#send section#sct2 div.size h1.upFukidashi {
  font-size: .909em;
  font-weight: 700;
  margin: -.04em;
  background-color: #bdbdbd;
  color: #fff;
  text-align: center;
  line-height: 1.5em
}

#send section#sct2 div.size h1.upFukidashi:before {
  border-width: 0 1em 1em 1em;
  border-color: transparent transparent #bdbdbd transparent;
  top: -.6em;
  left: 50%;
  margin-left: -.5em
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.size dl {
  float: left;
  background-color: #fff;
  width: 50%;
  padding: .75em;
  border: 1px #e0e0e0 solid;
  height: 8.75em;
  margin: -1px
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div div.size dl dd {
  font-size: .818em;
  color: #616161;
  line-height: 1.33
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom {
  margin: .5em -.5em
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom li {
  float: left;
  width: 49%;
  margin-right: 1.5%;
  text-align: center;
  background: #FFF;
  border-radius: 3%
}

#send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom li:last-child {
  margin-right: 0
}

#send section#sct2 div.step2 {
  padding-bottom: 1em
}

#send section#sct2 div.step2 ul.tab {
  border-bottom: 1px #bdbdbd solid;
  margin: 0 -1em;
  text-align: center;
  margin-bottom: 1.4em;
  border-radius: 0
}

#send section#sct2 div.step2 ul.tab li {
  font-size: 1.09em;
  display: inline-block;
  width: 47%;
  text-align: center
}

#send section#sct2 div.step2 ul.tab li a.active {
  background-color: #f2799a;
  color: #fff
}

#send section#sct2 div.step2 ul.tab li a {
  color: rgba(0, 0, 0, .5);
  display: inline-block;
  line-height: 2.5;
  width: 95%;
  font-weight: 700;
  background-color: #eee
}

#send section#sct2 div.step2 div.todoku>h1 {
  font-size: 1.182em;
  font-weight: 700;
  margin-bottom: .5em
}

#send section#sct2 div.step2 div.todoku>p {
  line-height: 1.45;
  margin-bottom: 1em
}

#send section#sct2 div.step2 div.todoku>img {
  width: 94%;
  display: block;
  margin: 0 auto
}

#send section#sct2 div.step2 div.documents>h1 {
  background-color: #616161
}

#send section#sct2 div.step2 div.documents>div {
  background-color: #eee;
  padding: .5em
}

#send section#sct2 div.step2 div.documents>div>ul>li {
  display: block;
  background-color: #fff;
  padding: .8em;
  border-radius: 4px
}

#send section#sct2 div.step2 div.documents>div>ul>li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0
}

#send section#sct2 div.step2 div.documents>div>ul>li>img {
  float: left;
  width: 4.5em
}

#send section#sct2 div.step2 div.documents>div>ul>li>div {
  display: block;
  padding-left: 5em
}

#send section#sct2 div.step2 div.documents>div>ul>li:last-child {
  margin-bottom: 0
}

#send section#sct2 div.step2 div.documents>div>ul>li div h1 {
  font-size: 1.09em;
  color: #616161
}

#send section#sct2 div.step2 div.documents>div>ul>li>div>p {
  font-size: .909em;
  color: #616161;
  line-height: 1.4
}

#send section#sct2 div.step2 div.documents>div>ul>li>div>h1 span {
  font-size: 75%
}

#send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a {
  font-size: 1em;
  width: 11.36em;
  text-align: left;
  padding-left: .5em;
  margin-top: .5em
}

#send section#sct2 div.step2 div.documents li .disable {
  clear: both;
  background-color: #e0e0e0;
  margin-top: 1em;
  padding: 1em
}

#send section#sct2 div.step2 div.documents li .disable>h1 {
  font-size: .909em;
  font-weight: 700;
  margin: -.5em 0 1em
}

#send section#sct2 div.step2 div.documents li .disable ul.marked li {
  font-size: .909em;
  color: #616161;
  line-height: 1;
  margin: .2em 0
}

#send section#sct2 div.step2 div.documents li .disable h1 span {
  font-size: .75em
}

#send section#sct2 div.step2 dl.sagawa dt,
#send section#sct2 div.step2 dl.chakubarai dt {
  width: 23%
}

#send section#sct2 div.step2 dl.sagawa h1 {
  font-size: 1.182em;
  line-height: 1.38
}

#send section#sct2 div.step2 dl.sagawa p {
  line-height: 1.45em
}

#send section#sct2 div.step2 dl.chakubarai p {
  font-size: 1.182em;
  line-height: 1.38em;
  font-weight: 700
}

#send section#sct2 div.step2 div.sendAdd>div {
  text-align: center;
  font-size: .909em;
  line-height: 1.4
}

#send section#sct2 div.step3 {
  padding-bottom: 1em
}

#send section#sct2 div.step3 p.memo {
  font-size: .909em;
  line-height: 1.4em;
  color: #616161;
  margin: -.5em 0 2em
}

#send section#sct2 div.step3 div.sBox_pnk div p {
  font-size: .909em
}

#send section#sct2 div.step3 .sBox_pnk .imgwrap p {
  line-height: 1.4;
  margin-bottom: 15px
}

#send section#sct2 div.step3 div.sBox_gry>h1 {
  line-height: 1.45;
  background-color: #616161
}

#send section#sct2 div.step3 div.ichien {
  background-color: #f8f4ef;
  line-height: 1.8
}

#send section#sct2 div.step3 div.ichien>p {
  font-size: .909em;
  color: #616161;
  padding: 1em 1em 0
}

#send section#sct2 div.step3 div.ichien p span {
  font-weight: 700
}

#send section#sct2 div.step3 div.ichien h2 {
  background-color: #f44336;
  color: #fff;
  text-align: center;
  padding: .3em 0;
  font-weight: 700
}

#send section#sct2 div.step3 div.anshin {
  padding: 0 1em;
  margin-bottom: 1em
}

#send section#sct2 div.step3 div.alert div p span {
  color: #f44336;
  font-weight: 700
}

#send section#sct2 div.step4 {
  padding-bottom: .7em
}

#send section .layout01 {
  display: table;
  width: 100%;
  margin-bottom: .7em
}

#send section .layout01>* {
  display: table-cell;
  vertical-align: top
}

#send section .layout01>*:first-child {
  width: 23%
}

#send section .layout01>*:last-child {
  padding-left: 1em
}

#send section .layout01>*>h1 {
  font-size: 1.182em;
  line-height: 1.38;
  font-weight: 700;
  margin-bottom: .5em
}

#send section .layout01>*>p {
  line-height: 1.45
}

#send ul.marked {
  margin: -.5em 0
}

#send div.end {
  color: #616161;
  text-align: center;
  padding: 2em 1em 1em;
  font-weight: 700
}

#send div.end h1 {
  font-size: 1.636em
}

#send div.end p {
  font-size: 1.162em;
  line-height: 1.45;
  margin: 1em 0
}

#send section#sct2 a.bt.bt-arrow-r.bt-sell.bt-sell-mypage {
  margin: 10px 0 0
}

#taishou {
  width: auto
}

#taishou section p,
#taishou section div,
#taishou section ul,
#taishou section dl {
  border-radius: 4px
}

#taishou .top {
  background: none
}

#taishou .top h1 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 1em .5em;
  color: #616161 !important;
  background-color: #fff !important
}

#taishou .main {
  margin: 0 2%;
  padding: .917em
}

#taishou .main>dl>dt {
  font-size: 1.273em;
  color: #212121;
  text-align: center;
  line-height: 2em;
  background-color: #eee;
  font-weight: 700;
  border: 1px #ccc solid;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

#taishou .main>dl>dd {
  padding: .917em;
  border: 1px #ccc solid;
  border-top: none;
  margin-bottom: 1em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

#taishou .main>dl>dd:last-of-type {
  margin-bottom: 0
}

#taishou .main>dl>dd>h1 {
  font-size: 1.182em;
  color: #f2799a;
  font-weight: 700;
  margin: 1em 0
}

#taishou .main>dl>dd>h1>span {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  font-size: 69.2%;
  vertical-align: middle;
  padding: .5em;
  border-radius: 4px;
  margin-right: .5em
}

#taishou .main>dl>dd>.layout01 dd {
  line-height: 1.636
}

#taishou .main>dl>dd>.layout01>*:first-child {
  width: 30%;
  width: 160px
}

#taishou .main>dl>dd>ul>li {
  font-size: 1.09em;
  line-height: 1.45
}

#taishou .main>dl>dd>ul>li:before {
  content: "・"
}

#taishou .main .btnArea {
  margin-top: 1em
}

#taishou .main li>dl>dt {
  font-size: 1.273em;
  color: #616161;
  text-align: center;
  line-height: 2em;
  background-color: #ededed;
  font-weight: 700;
  border: 3px #DADADA solid;
  border-bottom: none;
  padding: 10px 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

#taishou .main li>dl>dd {
  padding: .917em;
  border: 3px #DADADA solid;
  border-top: none;
  margin-bottom: 1em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  line-height: 1.636;
  background-color: #fff
}

#taishou .main li>dl>dd>h1 {
  font-size: 1.182em;
  color: #f2799a;
  font-weight: 700;
  margin: 1em 0
}

#taishou .main li>dl>dd>h1>span {
  display: inline-block;
  background-color: #f2799a;
  color: #fff;
  font-size: 69.2%;
  vertical-align: middle;
  padding: .5em;
  border-radius: 4px;
  margin-right: .5em
}

#taishou .main li>dl>dd>ul>li {
  font-size: 1.09em;
  line-height: 1.45;
  color: #616161 !important
}

#taishou .main li>dl>dd>ul>li:before {
  content: "・"
}

#taishou .main .image {
  width: 160px
}

#taishou .main .text {
  padding-left: 1em;
  color: #616161 !important
}

#taishou .main ul.table,
#taishou .main ul.table>li {
  list-style-type: none
}

#taishou .main ul.table {
  display: table;
  table-layout: fixed;
  width: 100%
}

#taishou .main ul.table>li {
  display: table-cell;
  vertical-align: top
}

#taishou .main ul.table>li:first-child {
  padding-right: .5em
}

#taishou .main ul.table>li:last-child {
  padding-left: .5em
}

#tentou section p,
#tentou section div,
#tentou section ul,
#tentou section dl {
  border-radius: 4px
}

#tentou>section {
  color: #616161
}

#tentou #sct1 {
  margin: 0 2% 1em;
  padding-bottom: .5em
}

#tentou #sct1>div.bdTitle>h1 {
  font-size: 1.909em;
  line-height: 1.3
}

#tentou #sct1>div.bdTitle>h1>span {
  display: block;
  font-size: 71%
}

#tentou #sct1>div.bdTitle>h2 {
  color: #9e9e9e;
  margin-top: -.6em;
  padding-bottom: 1.5em
}

#tentou #sct1>div.mBox {
  margin: 1em
}

#tentou #sct1>div.mBox>h1 {
  background-color: #f2799a;
  color: #fff;
  text-align: left;
  font-size: 1.454em
}

#tentou #sct1>div.mBox>h1>span {
  position: relative;
  top: -.15em;
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-left: 1em;
  margin-bottom: 0;
  padding: 0;
  border-radius: 100%;
  vertical-align: middle;
  background-color: #fff;
  line-height: 2em;
  text-align: center;
  font-size: 75%;
  font-family: "Noto Serif";
  color: #f2799a
}

#tentou #sct1>div.mBox div.layout01>div {
  padding: 20px 0;
  vertical-align: middle
}

#tentou #sct1>div.mBox div.layout01>div:nth-child(2) {
  font-size: .909em;
  line-height: 1.6;
  padding-right: .7em
}

#tentou>section.shopInfo {
  margin: 1em 2%;
  padding-bottom: .1em
}

#tentou>section.shopInfo>div.mBox {
  margin: 1em;
  border-color: #616161
}

#tentou>section.shopInfo>div.mBox>h1 {
  font-size: 1.636em;
  color: #fff;
  background-color: #616161;
  line-height: 2
}

#tentou>section.shopInfo>div.mBox>div {
  padding: 1em;
  text-align: center
}

#tentou>section.shopInfo>div.mBox>div>p {
  color: #616161;
  font-weight: 700;
  line-height: 1.5
}

#tentou>section.shopInfo>div.mBox>div>img {
  margin: .8em 0
}

#tentou>section.shopInfo>div.mBox>div>div.btnArea>a {
  font-size: 1.273em;
  line-height: 2.8
}

#tentou #sct3 {
  margin: 0 2%;
  padding: 1em
}

#tentou #sct3>div.menu {
  margin: 1em 0
}

#tentou #sct3>div.menu>a {
  float: left;
  width: 33.33%
}

#tentou #sct3>div.btnArea>a span {
  font-size: 81%
}

#tentou #sct3 div[id*="step"] {
  border-color: #616161;
  color: #616161
}

#tentou #sct3 div[id*="step"]>h1 {
  background-color: #616161;
  color: #fff;
  font-family: "Noto Serif";
  font-weight: 400;
  line-height: 1.5
}

#tentou #sct3 div[id*="step"]>h1 span {
  display: inline;
  background: none;
  padding: 0;
  font-size: 71%
}

#tentou #sct3 div[id*="step"]>div {
  margin: 1em
}

#tentou div.stepTop {
  border-bottom: 1px #e5e5e5 solid
}

#tentou div.stepTop>h1 {
  font-size: 1.363em;
  font-weight: 700
}

#tentou div.stepTop>h2 {
  line-height: 1.5;
  margin: 1em 0
}

#tentou div.stepTop .alert>h1 {
  background-color: #feeceb;
  color: #f44336;
  padding: 1em 0 0
}

#tentou div.stepTop .alert>div {
  color: #f44336;
  line-height: 1.4
}

#tentou .dwArrow {
  margin: .7em
}

#tentou #step1 div.check>h1 {
  text-align: center;
  color: #f2799a;
  margin: 1em 0;
  font-size: 1.363em;
  font-weight: 700
}

#tentou #step1 div.check>h1 span {
  font-size: 60%;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  background-color: #f2799a;
  padding: .3em 1em;
  border-radius: 2em;
  margin-right: .5em
}

#tentou #step1 div.check>dl {
  color: #616161
}

#tentou #step1 div.check>dl dd>h1 {
  font-size: 1.09em;
  font-weight: 700;
  margin: .5em 0
}

#tentou #step1 div.check>dl dd>p {
  font-size: .909em
}

#tentou #step1 div.shopProfile {
  border: 1px #ccc solid
}

#tentou #step1>div.shopProfile>h1 {
  text-align: center;
  font-weight: 700;
  line-height: 2em;
  color: #616161;
  border-bottom: 1px #ccc solid
}

#tentou #step1>div.shopProfile>div {
  padding: 1em;
  color: #616161
}

#tentou #step1>div.shopProfile div.layout01>div:nth-child(2)>h1 {
  font-size: 1.09em
}

#tentou #step1>div.shopProfile div.layout01>div:nth-child(2)>p {
  font-size: .818em
}

#tentou #step1>div.shopProfile>div {
  border-bottom: 1px #ccc solid;
  border-radius: 0
}

#tentou #step1>div.shopProfile>div:last-child {
  border: none
}

#tentou #step1>div.shopProfile div.btnArea {
  margin-top: 1em
}

#tentou #step1>div.shopProfile div.btnArea>a {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.4
}

#tentou #step1>div.shopProfile div.btnArea>a:after {
  font-size: 1.65em;
  top: 0;
  right: .3em;
  margin-top: -.55em
}

#tentou #step1>div.shopProfile layout01 h1 span {
  font-size: 75%;
  font-weight: 400
}

#tentou #step2 dl dd {
  padding-top: 1em;
  padding-left: 0
}

#tentou #step2 dl dd h1 {
  font-size: 1.09em
}

#tentou #step2 dl dd p {
  font-size: .909em;
  padding: 0 1em 1em 0
}

#tentou #step2 dl dt img {
  padding: .7em
}

#tentou #step3 .kentou dt img,
#tentou #step3 .uketori dt img {
  padding: .7em
}

#tentou #step3 .kentou dd {
  padding: 1em 0
}

#tentou #step3 .kentou dd h1 {
  font-size: 1.09em;
  padding: 0 1em 0 0
}

#tentou #step3 .select {
  margin: 0 1em;
  font-size: .909em;
  line-height: 1.5
}

#tentou #step3 .select dl {
  text-align: center;
  margin: 1em 0
}

#tentou #step3 .select dt {
  display: inline-block;
  color: #fff;
  line-height: 1.8em;
  padding: 0 1em;
  border-radius: 2em;
  margin-top: 1em
}

#tentou #step3 .select dd {
  padding: 1em;
  text-align: left
}

#tentou #step3 .select .yes {
  background-color: #fdebf0
}

#tentou #step3 .select .yes dt {
  background-color: #f2799a
}

#tentou #step3 .select .no {
  background-color: #eee
}

#tentou #step3 .select .no dt {
  background-color: #616161
}

#tentou #step3 .select .ng {
  background-color: #eee
}

#tentou #step3 .select .ng dt {
  background-color: #fff;
  color: #616161
}

#tentou #step3 .uketori dd {
  padding: .5em 0em 0 0
}

#tentou #step3 .uketori dd h1 {
  font-size: 1.363em
}

#tentou #step3 .uketori dd h2 {
  font-weight: 700;
  margin: .8em 0
}

#tentou #step3 .finish {
  margin: 1em;
  padding: 1em;
  background-color: #eee;
  line-height: 1.5
}

#tentou #step3 .finish>h1 {
  text-align: center;
  font-size: 1.727em;
  color: #f2799a;
  font-weight: 700
}

#tentou #step3 .finish>p {
  margin: .5em 0
}

#tentou #step1 .faq,
#tentou #step3 .faq {
  margin: 1em;
  border: 1px #ccc solid
}

#tentou #step1 .faq>h1,
#tentou #step3 .faq>h1 {
  color: #333;
  font-size: .954em;
  text-align: center;
  line-height: 1.5;
  padding: .5em
}

#tentou #step1 .faq>div>h1,
#tentou #step3 .faq>div>h1 {
  color: #616161;
  font-weight: 700;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc dotted;
  line-height: 1.5;
  vertical-align: middle;
  padding: 1em 0
}

#tentou #step1 .faq>div>h1>span,
#tentou #step3 .faq>div>h1>span {
  background-color: #f2799a;
  color: #fff;
  width: 3em;
  height: 1.5em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  text-align: center;
  font-family: "Noto Serif";
  border-radius: 2em;
  margin-left: 1em;
  position: relative;
  top: -.15em
}

#tentou #step1 .faq>div>p,
#tentou #step3 .faq>div>p {
  color: #333;
  font-size: .818em;
  padding: 1em;
  line-height: 1.5
}

#tentou #sct3>.btnArea {
  margin-bottom: 1.5em
}

#tentou #sct1 .layout01>div:first-child {
  text-align: center;
  width: 136px
}

#tentou #sct1 .layout01>div:first-child img {
  width: 96px
}

#tentou #step1 .layout01>dt:first-child,
#tentou #step1 .layout01>div:first-child {
  width: 116px
}

#tentou #step1 .layout01>dt:first-child img,
#tentou #step1 .layout01>div:first-child img,
#tentou #step2 .layout01>dt:first-child,
#tentou #step2 .layout01>dt:first-child img,
#tentou #step3 .layout01>dt:first-child,
#tentou #step3 .layout01>dt:first-child img {
  width: 96px
}

#shucchou>section.top,
#tentou>section.top {
  background: none
}

#shucchou>section.top>h1,
#tentou>section.top>h1 {
  font-size: 1.136em;
  color: #f2799a;
  text-align: center;
  font-weight: 700;
  padding: 1em 0;
  background-color: #fff;
  line-height: 1.5
}

#shucchou>section.top>h1>img,
#tentou>section.top>h1>img {
  padding: .5em 3.5em
}

#shucchou>section.top>img,
#tentou>section.top>img {
  margin: 1em 0
}

#shucchou section.title,
#tentou section.title {
  padding: 1em
}

#shucchou section.title h2,
#tentou section.title h2 {
  font-size: 1.273em;
  font-weight: 700;
  color: #f2799a;
  text-align: center;
  padding: .7em 0;
  line-height: 140%
}

#shucchou section.title h1,
#tentou section.title h1 {
  color: #616161;
  font-size: 1.818em;
  text-align: center
}

#shucchou section.title h1 span,
#tentou section.title h1 span {
  font-weight: 700;
  font-size: 1.5em
}

#shucchou section.title h1 em,
#tentou section.title h1 em {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em
}

#shucchou section.title p,
#tentou section.title p {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em;
  text-align: center;
  padding-top: 10px
}

#shucchou section#howTo,
#shucchou section#sct1 {
  color: #616161;
  margin: 0 2%;
  padding: 1em
}

#shucchou .layout01>dd {
  line-height: 1.45
}

#shucchou .alert>div {
  padding: .5em 1em
}

#shucchou section#sct1 div.nobdTitle {
  margin-bottom: 1em
}

#shucchou section#sct1 div.nobdTitle h1 span {
  font-size: 57%;
  color: #f2799a;
  line-height: 1.5
}

#shucchou section#sct1 dl.layout01 {
  background-color: #f8f4ef;
  margin: 1em 0;
  border-radius: .5em;
  padding: 1em
}

#shucchou section#sct1 dl.layout01>* {
  vertical-align: middle
}

#shucchou section#sct1 dl.layout01 dd h1 {
  font-size: 1.182em;
  color: #424242
}

#shucchou section#howTo {
  margin-top: -2em
}

#shucchou section#howTo div.nobdTitle {
  margin-bottom: 1em
}

#shucchou section#howTo div.menu {
  margin: 1em 0
}

#shucchou section#howTo div.menu a {
  float: left;
  width: 25%
}

#shucchou section#howTo div.menu img {
  max-width: 193px;
  height: auto
}

#shucchou div[id*="step"] {
  border-color: #bdbdbd
}

#shucchou div[id*="step"]>h1 {
  background-color: #616161;
  color: #fff;
  font-size: 1.09em;
  line-height: 2.2
}

#shucchou div[id*="step"]>h1 span {
  display: inline;
  background: none;
  font-size: 66.1%;
  font-weight: 400;
  font-family: "Noto Serif";
  vertical-align: middle;
  padding: 0
}

#shucchou div[id*="step"]>h1 span em {
  font-size: 116%;
  font-style: normal;
  padding-left: .2em
}

#shucchou div[id*="step"]>h1 p {
  display: inline-block;
  vertical-align: middle
}

#shucchou div[id*="step"] div.alert {
  margin-bottom: 0
}

#shucchou div#step1>div {
  padding: 1em
}

#shucchou div#step1 div>p {
  text-align: center;
  line-height: 2
}

#shucchou div#step1 div img.web {
  width: 55.5%;
  display: block;
  margin: .5em auto
}

#shucchou div#step1 div .tel {
  margin: 1em 0
}

#shucchou div#step4>div,
#shucchou div#step3>div,
#shucchou div#step2>div {
  padding: 1em
}

#shucchou div#step4 dl.layout01,
#shucchou div#step3 dl.layout01,
#shucchou div#step2 dl.layout01 {
  margin-bottom: 1em
}

#shucchou div#step2 dl.layout01>* {
  vertical-align: middle
}

#shucchou div#step4 div div.sBox_gry {
  margin: 1em 0 0
}

#shucchou section#results {
  margin: -1em 2% 0;
  padding: 1em
}

#shucchou section#results div.nobdTitle {
  color: #616161;
  margin-bottom: 1.5em
}

#shucchou section#results div.photo {
  text-align: center
}

#shucchou section#results div.photo img {
  display: inline-block;
  width: 47%
}

#shucchou section#results div.photo img:last-child {
  margin-left: 2%
}

#shucchou section#results ul li {
  border-bottom: 1px #ccc solid;
  padding: 1em 0
}

#shucchou section#results ul li:last-child {
  border: none;
  padding-bottom: 0
}

#shucchou section#results ul li p.number {
  font-size: .818em;
  color: #fff;
  background-color: #d0b592;
  display: inline-block;
  padding: .3em 1em;
  border-radius: 2em
}

#shucchou section#results ul li h1 {
  font-size: .909em;
  line-height: 1.5;
  margin: .5em 0
}

#shucchou section#results ul li h2 {
  color: #616161;
  font-weight: 700;
  font-size: 1.09em
}

#shucchou section#results ul li h2 span {
  color: #f2799a;
  padding-left: 1em
}

#gyouretu section p,
#gyouretu section div,
#gyouretu section ul,
#gyouretu section dl {
  border-radius: 4px
}

#gyouretu section.top div {
  position: absolute;
  bottom: 0;
  width: 96%;
  left: 2%;
  bottom: 2%
}

#gyouretu section.top div p {
  position: absolute;
  top: -.05em;
  left: 0;
  line-height: 1.4;
  width: 18em;
  padding: 1em;
  color: #fff;
  font-weight: 700;
  font-size: 1.09em
}

#gyouretu section.top div p span {
  color: #fffc00
}

#gyouretu section.stripe {
  background-image: url(../img/common/bg.png);
  background-size: 30em
}

#gyouretu section.stripe img {
  padding: 1em
}

#gyouretu section.stripe div {
  border: 1px #f2799a solid;
  padding: 1em;
  margin: 0 1em;
  border-radius: 1em;
  color: #616161;
  background-color: #fff;
  font-weight: 700
}

#gyouretu section.grayPart h1,
#gyouretu section.stripe div h1 {
  text-align: center;
  color: #fff;
  font-size: 1.182em;
  line-height: 1.8;
  border-radius: 2em;
  position: relative
}

#gyouretu section.grayPart h1:after,
#gyouretu section.stripe div h1:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5em .5em 0 .5em;
  position: absolute;
  left: 50%;
  margin-left: -.5em;
  bottom: -.35em
}

#gyouretu section.stripe div h1:after {
  border-color: #f48fb1 transparent transparent transparent
}

#gyouretu section.stripe div h1 {
  background-color: #f48fb1
}

#gyouretu section.stripe div li {
  font-size: 1.182em;
  line-height: 1.5;
  position: relative;
  padding: .6em 0 .6em 2em
}

#gyouretu section.stripe div li span {
  position: absolute;
  color: #fff;
  background-color: #f48fb1;
  text-align: center;
  line-height: 1.6em;
  width: 1.6em;
  border-radius: 50%;
  top: 0;
  left: 0;
  margin-top: .5em
}

#gyouretu section.stripe div p {
  background-color: #fff5f8;
  padding: 1em 1em;
  font-size: 1.182em;
  line-height: 1.8;
  border-radius: .5em;
  color: #f2799a
}

#gyouretu section.stripe p {
  padding: 1em 2em;
  line-height: 1.5;
  color: #616161
}

#gyouretu section.grayPart {
  background-color: #f2f2f2;
  padding: 1em 1em 0 1em;
  text-align: center
}

#gyouretu section.grayPart h1 {
  background-color: #56bbec;
  font-weight: 700;
  margin: 0 2em
}

#gyouretu section.grayPart h1:after {
  border-color: #56bbec transparent transparent transparent
}

#gyouretu section.grayPart ul.marked {
  text-align: left;
  margin: 0 4%
}

#gyouretu section.grayPart ul.marked li {
  font-size: 1.273em;
  color: #1c9ede;
  font-weight: 700
}

#gyouretu section.grayPart ul.marked li:before {
  background-color: #1c9ede
}

#gyouretu section.grayPart ul.marked p {
  font-size: 1.273em;
  color: #575757;
  text-align: center;
  font-weight: 700
}

#gyouretu section.branduru {
  padding: 2em;
  line-height: 1.5
}

#gyouretu section.branduru>h3 {
  font-weight: 700;
  color: #616161
}

#gyouretu section.branduru>h1 {
  font-size: 2.55em;
  font-weight: 700;
  line-height: 1.2;
  margin: .2em 0;
  color: #616161
}

#gyouretu section.branduru>p {
  padding: 1em;
  font-size: .892em;
  line-height: 1.6;
  background-color: #fff5f8;
  margin: 1.5em 0
}

#gyouretu section.branduru div.lower {
  margin: 1em 0;
  font-weight: 700
}

#gyouretu section.branduru div.lower h1 {
  font-size: 1.273em;
  text-align: center;
  padding: .2em 0;
  color: #f2799a
}

#gyouretu section.branduru div.lower p {
  font-size: .909em;
  color: #444
}

#gyouretu>section.branduru>img {
  position: absolute;
  left: 0;
  top: 0
}

div#eco {
  font-size: .909em;
  line-height: 1.4;
  color: #616161
}

div#eco section.top div.copy {
  position: absolute;
  top: 42%;
  left: 50%;
  text-align: center;
  width: 90%;
  margin-left: -45%;
  color: #212121;
  font-weight: 700
}

div#eco section.top div.copy h1 span {
  font-size: 150%
}

div#eco section.top div.bar {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .3);
  text-align: center;
  line-height: 1.6
}

div#eco section.top div.bar>* {
  display: inline-block;
  vertical-align: middle
}

div#eco section.top div.bar p {
  font-size: 2.182em;
  font-weight: 700;
  color: #f2799a
}

div#eco section.top div.bar img {
  width: 2.5em;
  margin: 0 2em
}

div#eco section.main p.text {
  font-size: .909em;
  line-height: 1.4;
  color: #616161;
  padding: 1em;
  border-bottom: 1px #e0e0e0 solid;
  margin-bottom: 1em
}

div#eco section.main div.activety h1 {
  color: #616161;
  font-weight: 700
}

div#eco section.main div.activety h1 span {
  font-size: 150%
}

div#eco section.main div.activety>div {
  position: relative
}

div#eco section.main div.activety>div img {
  padding: 0 1em
}

div#eco section.main div.activety>div p {
  position: absolute;
  top: 40%;
  font-weight: 700
}

div#eco section.main div.activety>div:nth-child(even) p {
  left: 1em
}

div#eco section.main div.activety>div:nth-child(odd) p {
  right: 1em
}

div#eco section.main div.bottom dl.layout01 {
  padding: 1em
}

div#eco section.main div.bottom dl.layout01 dd {
  vertical-align: middle;
  padding: 0 0 0 1em
}

section,
.container,
#taishou .main {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px
}

#buyer section.main,
#riyuu section.main,
#takuhai .base,
#yoritakaku section.main,
#tenpo section.main,
#tuyomi section.main,
#interviewPg section.main,
#areaDetail section.main,
#hajimete section#top,
#hajimete section#sct1,
#hajimete section#sct3,
#hajimete section#sct4,
#hajimete section#company,
#hajimete section#message {
  margin-right: auto;
  margin-left: auto;
  max-width: none
}

.trans {
  opacity: 1
}

.trans:hover,
.trans:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: .85;
  -khtml-opacity: .85;
  opacity: .85
}

.wrapper {
  width: 1000px;
  margin: 0 auto;
  position: relative
}

.bold {
  font-weight: bold !important
}

.ft01 {
  font-family: 'Noto Serif', "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}

.ft02 {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif
}

.ft03 {
  font-family: FontAwesome
}

.ft04 {
  font-family: 'Roboto Slab', serif
}

.arrow {
  position: absolute;
  top: 50%
}

.btn01 {
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
  display: block;
  position: relative
}

.btn01.c01 {
  background: #f2799a;
  border-bottom: 2px solid #d96d8a
}

.btn01.c02 {
  background: #f7a8bd;
  border-bottom: 2px solid #de97aa
}

.btn01.c03 {
  background: #9e9e9e;
  border-bottom: 2px solid #ccc
}

.btn02 {
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  display: block;
  position: relative
}

.btn03 {
  color: #FFF;
  border-radius: 4px;
  display: block;
  position: relative
}

.btn03.c01 {
  background: #f2799a
}

.btn03.c02 {
  background: #fbd3de
}

.last {
  margin-right: 0
}

.more_b {
  width: 250px;
  margin: 0 auto;
  text-align: center;
  font-size: 21px;
  padding: 17px 0;
  position: relative
}

.more_b2 {
  width: 250px;
  margin: 0 auto;
  text-align: center;
  font-size: 21px;
  padding: 17px 0;
  position: relative;
  clear: both
}

.more_b i {
  font-size: 30px;
  right: 18px;
  margin-top: -15px
}

.more_s {
  border: 1px solid #e0e0e0;
  color: #616161;
  font-size: 73%;
  line-height: 1.8;
  padding: 3px 20px 3px 10px;
  position: absolute;
  top: 0;
  right: 0
}

.more_s:link,
.more_s:visited {
  color: #616161
}

.more_s:hover,
.more_s:active {
  color: #f2799a
}

.more_s:hover {
  border-color: #f2799a
}

.more_s i {
  font-size: 150%;
  top: 50%;
  right: 10px;
  margin-top: -11px;
  line-height: 20px
}

.corner01 {
  border-radius: 4px
}

.corner02 {
  border-radius: 10px
}

.corner03 {
  border-radius: 4px
}

.inquiryBtn {
  margin: 20px auto
}

.inquiryBtn a {
  font-size: 28px;
  font-weight: 700;
  padding: 14px 0
}

.inquiryBtn a span {
  display: inline-block;
  width: 100%
}

.inquiryBtn a i {
  display: inline-block;
  width: 100%;
  position: absolute;
  right: 0;
  text-align: right;
  padding-right: 3%
}

footer .bg {
  background: #EEE;
  padding: 60px 0 45px
}

footer .logo {
  text-align: center
}

footer .nav {
  display: table;
  width: 720px;
  margin: 40px auto 0
}

footer .nav ul {
  display: table-cell;
  width: 25%
}

footer .nav li {
  margin-top: 10px
}

footer .nav li a {
  color: #616161;
  font-size: 14px
}

footer .nav li i {
  color: #9e9e9e;
  font-size: 16px;
  margin-right: 4px
}

footer .copy {
  text-align: center;
  font-size: 10px;
  padding: 20px 0
}

footer .bg .tel .corner01 {
  background: #EEE;
  padding: 25px 0 25px;
  text-align: center
}

footer .bg .tel .txt01 {
  font-size: 16px
}

footer .bg .tel .call {
  font-size: 48px;
  color: #f2799a;
  margin: 15px 0
}

footer .bg .tel .call i {
  font-size: 28px;
  background: #FFF;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  border: 2px solid #f2799a;
  text-align: center;
  margin-right: 10px
}

footer .bg .tel .call i,
footer .bg .tel .call span {
  display: inline-block;
  vertical-align: middle
}

footer .bg .tel .txt02 {
  font-size: 14px
}

footer#sc p {
  background: #EEE
}

.howto {
  padding: 80px 0;
  color: #616161;
  border-bottom: 1px solid #EEE
}

.howto .ttl {
  text-align: center
}

.howto .ttl .ttl01 {
  margin-top: 20px
}

.howto .ttl .ttl02 {
  margin: 20px 0;
  font-size: 24px
}

.howto .ttl .ttl02 strong:first-child,
.howto .ttl .ttl02 i {
  color: #f2779a
}

.howto .ttl .ttl02 i {
  margin: 0 .2em
}

.howto .step li {
  margin-bottom: 40px;
  border: 1px solid #d0b592;
  position: relative
}

.howto .step li:after {
  content: "\f107";
  font-size: 40px;
  color: #bdbdbd;
  font-family: FontAwesome;
  position: absolute;
  left: 115px
}

.howto .step li:last-child:after {
  display: none
}

.howto .step li>* {
  display: table-cell;
  vertical-align: middle
}

.howto .step li>.ttl {
  background: #d0b592;
  width: 250px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 20px
}

.howto .step li>.ttl span {
  font-size: 40px
}

.howto .step li>.ttl strong {
  font-size: 18px;
  margin-top: 10px;
  display: block
}

.howto .step li>.txt {
  padding: 20px;
  font-size: 16px
}

.howto .step li>.txt>* {
  display: inline-block;
  vertical-align: middle
}

.howto .step li>.txt>img {
  width: 80px;
  height: 80px
}

.howto .step li>.txt>p {
  width: 600px;
  margin-left: 10px
}

.howto .step li>.txt>p strong {
  display: block;
  margin-bottom: 15px;
  color: #f2779a;
  font-size: 18px
}

.howto .link {
  width: 680px;
  margin: 0 auto;
  display: table;
  border-spacing: 20px 0
}

.howto .link li {
  display: table-cell;
  width: 33.333%;
  text-align: center
}

.howto .link li a {
  padding: 19px 0
}

.howto .link li i {
  font-size: 27px;
  right: 18px;
  margin-top: -13.5px
}

.howto div.shopDetail {
  padding: 2em 0
}

.howto div.shopDetail>dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin-bottom: 1em
}

.howto div.shopDetail>dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.5;
  background-color: #eee;
  padding: 0 .9em
}

.howto div.shopDetail>dl dd {
  padding: 1em;
  line-height: 1.4
}

.howto div.shopDetail>dl dd>p {
  margin-bottom: .5em
}

.sec_ttl {
  text-align: center;
  padding: 20px 0 20px
}

.sec_ttl_graybg {
  text-align: center;
  padding: 60px 0 0;
  background-color: #EEE
}

.sec_ttl .ttl00,
.sec_ttl_graybg .ttl02,
.sec_ttl .ttl02 {
  padding-bottom: 20px;
  font-size: 28px;
  position: relative
}

.sec_ttl_graybg .ttl02 span,
.sec_ttl .ttl02 span {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 12px;
  color: #9e9e9e
}

.sec_ttl .ttl02:before,
.sec_ttl .ttl02:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #e0e0e0;
  position: absolute;
  left: 50%;
  margin-left: -40px
}

.sec_ttl_graybg .ttl02:before,
.sec_ttl_graybg .ttl02:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #9e9e9e;
  position: absolute;
  left: 50%;
  margin-left: -40px
}

.sec_ttl_graybg .ttl02:before,
.sec_ttl .ttl02:before {
  bottom: 0
}

.sec_ttl_graybg .ttl02:after,
.sec_ttl .ttl02:after {
  bottom: -2px
}

.top_kv_send {
  background: url(../img/top/kv_send2.jpg) no-repeat center #c4c4c4;
  height: 420px
}

.top_kv_shop {
  background: url(../img/top/kv_shop.png) no-repeat center #e5e5e5;
  height: 380px
}

.top_kv_visit {
  background: url(../img/top/kv_visit.png) no-repeat center #e5e5e5;
  height: 380px
}

.top_kv_campaign {
  height: 470px
}

.top_kv_shop1 {
  background: url(../img/shop/kv_shop1_bg.png) no-repeat center #fff
}

.top_kv_shop2 {
  background: url(../img/shop/kv_shop2_bg.png) no-repeat center #fff
}

.detail_kv {
  border-top: 1px solid #EEE;
  text-align: center
}

.brand_ttl {
  text-align: center;
  background: #EEE;
  padding: 0 0 20px;
  font-weight: 700;
  color: #363636
}

.brand_ttl .txt {
  font-size: 21px;
  margin-bottom: 13px;
  padding-top: 40px
}

.brand_ttl .ttl01 {
  font-size: 42px;
  line-height: 1.3;
  margin-bottom: 13px
}

.brand_ttl .ttl01 span {
  font-size: 30px
}

.brand_ttl .bal {
  color: #f2799a;
  background: #FFF;
  display: inline-block;
  padding: 16px 21px;
  border-radius: 25px;
  position: relative;
  margin-bottom: 20px
}

.brand_ttl .bal:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #FFF transparent transparent transparent;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px
}

.brand_ttl .ttl02 {
  background: #f2799a;
  color: #FFF;
  font-size: 36px;
  padding: 32px 0
}

.brand_ttl .ttl02 span.fs_71per {
  font-size: 71%
}

.brand_ttl .ttl02 span.fs_86per {
  font-size: 86%
}

.brand_ttl .ttl03 {
  font-size: 36px;
  padding: 40px 0 60px
}

.brand_ttl .ttl03 span {
  font-size: 20px;
  display: block;
  margin-bottom: 13px;
  letter-spacing: .15em
}

.brand_catch {
  background: #fff;
  border-bottom: 5px solid #fdedf2;
  font-size: 80%;
  font-weight: 700;
  line-height: 1.5;
  padding: 15px;
  position: relative;
  text-align: center
}

.brand_catch p {
  position: relative;
  z-index: 2
}

.brand_catch strong {
  font-size: 135%
}

.brand_catch+* .detail_kv {
  border-top: none
}

.brand_ttl_txt {
  overflow: hidden;
  padding: 20px 70px 20px 340px;
  position: relative
}

.brand_ttl_txt:before {
  background: url(/img/brand/brand_ttl_txt_bg01.jpg) no-repeat center 0;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -100px;
  width: 600px;
  height: 100%
}

.brand_ttl_txt p {
  background-color: rgba(255, 255, 255, .75);
  border-radius: 5px;
  color: #616161;
  line-height: 2;
  padding: 40px 20px
}

.brand_ttl_txt p strong {
  font-size: 125%
}

.brand_ttl_txt_sub {
  font-size: 75%
}

.brand_ttl_em {
  background-color: #bfa178;
  color: #fff;
  line-height: 2;
  padding: 20px
}

  .bran_ttl_em_txt {
      font-size: 90%;
  }
  
.brand_ttl_em_ttl {
  background-color: #fff;
  border-radius: 5px;
  color: #bfa178;
  font-size: 108%;
  margin: 10px auto 0;
  padding: 10px;
  max-width: 1000px;
}

.brand_ttl_em_popular {
  font-size: 86%;
  margin: 10px auto 0;
  max-width: 1000px;
  font-weight: normal;
  line-height: 180%;
}

@media (max-width:780px) {
  .brand_catch {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 60%
  }

  .brand_catch:before,
  .brand_catch:after {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%
  }

  .brand_catch:before {
    background-image: url(/img/brand/brand_catch_bg01.jpg);
    left: 0;
    width: 90px
  }

  .brand_catch:after {
    background-image: url(/img/brand/brand_catch_bg02.jpg);
    right: 0;
    width: 160px
  }

  .brand_catch strong {
    display: block
  }

  .brand_ttl_txt {
    font-size: 80%;
    padding-right: 2%;
    padding-left: 170px
  }

  .brand_ttl_txt:before {
    left: -185px
  }

  .brand_ttl_txt p {
    padding: 30px 10px
  }

  .brand_ttl_txt p strong {
    font-size: 100%
  }
}

.brand_ttl p.title3 {
  font-size: 14px !important
}

.brand_ttl .txt {
  padding-top: 30px
}

.brand_ttl .ttl01 {
  font-size: 100%
}

.brand_ttl p.title1b {
  font-size: 21px !important
}

.brand_ttl .ttl01 span {
  font-size: 100%
}

.brand_ttl p.title4 {
  font-size: 16px !important
}

.brand_ttl .ttl02 {
  padding-top: 20px;
  padding-bottom: 20px
}

.brand_point {
  position: relative;
  color: #616161;
  border-bottom: 1px solid #EEE;
  padding: 80px 0 60px
}

.brand_point .txt {
  line-height: 1.8;
  margin-top: 30px
}

.brand_point .txt img {
  float: left;
  margin-right: 15px
}

.brand_point>.ttl {
  position: absolute;
  left: 50%;
  top: -60px;
  margin-left: -290px;
  z-index: 1
}

.brand_point.is-s {
  border-bottom: none;
  padding-bottom: 0
}

.NoBg_ttl {
  border-top: 1px solid #EEE;
  text-align: center;
  padding: 0;
  font-weight: 700;
  background: #fff
}

.NoBg_ttl h1.ttl01 {
  font-size: 42px
}

.corner01>.wrapper>.txt {
  margin-top: 20px
}

.accordion {
  width: 92%;
  margin: 4%;
  overflow: hidden
}

.accordion .ac-content {
  margin: 0;
  position: relative
}

.accordion .ac-content i {
  float: right;
  font-size: 24px
}

.accordion h3 {
  display: block;
  background: #616161;
  cursor: pointer;
  padding: 10px;
  color: #fff;
  font-size: 1.667em;
  border-radius: 5px
}

.accordion h3:hover {
  background: #616161
}

.accordion h3 .fa-chevron-up {
  display: none
}

.accordion .ac2-cont {
  border: 2px solid #616161;
  border-radius: 0 0 5px 5px;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
  display: none
}

.accordion .ac2-cont p a {
  display: block;
  padding: 15px 10px;
  color: #616161
}

.accordion .ac2-cont p strong {
  display: block;
  margin-bottom: 5px
}

.accordion .ac2-cont p:nth-child(even) {
  background: #eee
}

.accordion .ac2-cont p i {
  margin-top: -.7em;
  color: #f2779a
}

.accordion .brand_box {
  margin-bottom: 10px
}

.accordion .brand_box.active .ac2-cont {
  display: block
}

.accordion .brand_box.active h3 {
  border-radius: 5px 5px 0 0
}

.accordion .brand_box.active .fa-chevron-up {
  display: inline-block
}

.accordion .brand_box.active .fa-chevron-down {
  display: none
}

.attention {
  border-bottom: 1px solid #EEE;
  color: #616161;
  padding: 40px 0 80px;
  text-align: center
}

.attention h2.ttl {
  border: #ffc107 4px solid;
  color: #ffc107;
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  padding: .5em
}

.attention h2.ttl i {
  margin-right: .3em
}

.attention .txt {
  padding: 20px 0
}

.attention .box {
  display: table;
  width: 1120px;
  border-spacing: 40px 0;
  margin-left: -40px;
  position: relative
}

.attention .box>.border,
.attention .box>.tel {
  display: table-cell;
  width: 50%;
  vertical-align: bottom
}

.attention .box>.border>.web>div {
  padding: 20px
}

.attention .box>.border>.web .corner01 {
  background: #fdebf0
}

.attention .box>.border>.web .corner01 a {
  font-size: 28px;
  font-weight: 700;
  padding: 14px 0 8px
}

.attention .box>.border>.web .corner01 a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -10px
}

.attention .box>.border>.web .corner01 a i {
  font-size: 40px;
  right: 30px;
  margin-top: -20px
}

.attention .box>.border>.web .date .txt {
  font-size: 28px
}

.attention .box .date {
  border: 1px solid #bdbdbd;
  background: #FFF !important;
  margin-top: 20px;
  display: table;
  width: 100%;
  border-spacing: 1px
}

.attention .box .date li {
  display: table-cell;
  width: 50%;
  vertical-align: middle
}

.attention .box .date .ttl {
  background: #EEE;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6
}

.attention .box .date .txt span {
  font-size: 30px;
  color: #FFF;
  background: #616161;
  display: inline-block;
  width: 60px;
  height: 40px;
  line-height: 40px;
  margin-right: 5px;
  border-radius: 20px
}

.attention .box>.tel .corner01 {
  background: #EEE;
  padding: 54px 0
}

.attention .box>.tel .txt01 {
  font-size: 16px
}

.attention .box>.tel .call {
  font-size: 48px;
  color: #f2799a;
  margin: 15px 0
}

.attention .box>.tel .call i {
  margin-right: 5px;
  width: 60px;
  height: 60px
}

.attention .box>.tel .call i,
.attention .box>.tel .call span {
  display: inline-block;
  vertical-align: middle
}

.attention .box>.tel .txt02 {
  font-size: 14px;
  margin-bottom: 15px
}

.attention .box .bal {
  margin-bottom: 5px
}

.attention .box .bal>li {
  display: inline-block
}

.attention .box .bal>li:last-child {
  margin-left: 14px
}

.attention .box .img {
  position: absolute;
  right: 100px;
  top: -75px;
  z-index: -1
}

.attention.notice .box>.border {
  vertical-align: middle;
  line-height: 1.8em;
  text-align: left
}

.attention.notice .box>.tel .corner01 {
  background: #fff;
  padding: 24px 0
}

.attention.last .sec_ttl .ttl02:before,
.attention.last .sec_ttl .ttl02:after {
  display: none
}

.attention.last .img01,
.attention.last .img02 {
  text-align: center
}

.attention.last .img02 {
  margin: 15px 0 40px
}

.attention.last .box {
  width: 1080px
}

.campaign_main {
  color: #616161
}

.campaign_main .bg02 {
  background-image: url(../img/campaign/clo_top-1_02_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg04 {
  background-image: url(../img/campaign/clo_top-1_04_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg06 {
  background-image: url(../img/campaign/clo_top-1_06_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg07 {
  background-image: url(../img/campaign/clo_top-1_07_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg08 {
  background-image: url(../img/campaign/clo_top-1_08_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg09 {
  background-image: url(../img/campaign/clo_top-1_09_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg10 {
  background-image: url(../img/campaign/clo_top-1_10_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg11 {
  background-image: url(../img/campaign/clo_top-1_11_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg12 {
  background-image: url(../img/campaign/clo_top-1_12_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg13 {
  background-image: url(../img/campaign/clo_top-1_13_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg14 {
  background-image: url(../img/campaign/clo_top-1_14_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg15 {
  background-image: url(../img/campaign/clo_top-1_15_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg18 {
  background-image: url(../img/campaign/clo_top-1_18_bg.png);
  background-repeat: repeat-x
}

.campaign_main .bg19 {
  background-image: url(../img/campaign/clo_top-1_19_bg.png);
  background-repeat: repeat-x
}

.campaign_main_aw .bg19 {
  background-image: url(../img/campaign/clo_top-1_19_bg.png);
  background-repeat: repeat-x
}

.campaign_main .wrapper {
  width: 800px
}

.campaign_main .ttl02 {
  position: relative
}

.campaign_main .ttl02 .txt {
  position: absolute;
  font-size: 21px;
  text-align: left;
  line-height: 1.4
}

.campaign_main .clo01 {
  margin-top: -70px
}

.campaign_main .clo01 .txt {
  width: 350px;
  left: 300px;
  bottom: 115px
}

.campaign_main .clo02 {
  margin-top: -40px
}

.campaign_main .clo02 .txt {
  width: 420px;
  bottom: 90px
}

.campaign_main .clo03 {
  margin-top: -40px;
  margin-bottom: 25px
}

.campaign_main .clo03 .txt {
  left: 320px;
  bottom: 20px
}

.campaign_main .clo04 {
  margin-top: 25px;
  margin-bottom: -95px
}

.campaign_main .clo04 .txt {
  top: 95px
}

.campaign_main .clo04 .txt strong {
  color: #f2799a
}

.campaign_main .point ul {
  margin-top: 20px
}

.campaign_main .point li {
  text-align: left;
  margin-bottom: 35px
}

.campaign_main .point .ttl {
  font-size: 21px;
  font-weight: 700;
  color: #616161;
  margin-bottom: 15px
}

.campaign_main .point .ttl img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

.campaign_main .point .txt {
  font-size: 16px;
  line-height: 1.5
}

.campaign_main .box .ttl {
  margin: 40px 0
}

.campaign_main .box ul {
  text-align: center;
  display: table;
  border-spacing: 50px 0;
  margin: 0 auto
}

.campaign_main .box li {
  display: table-cell
}

.campaign_main .box .txt {
  text-align: left;
  margin-top: 30px;
  line-height: 1.7;
  font-size: 16px
}

.campaign_main_nounder .clo01 {
  margin-top: -70px
}

.cam_search {
  background: #EEE;
  padding-bottom: 40px
}

.cam_search .txt {
  margin: 0;
  padding: 60px 0 20px
}

.cam_search .ttl {
  background: #FFF
}

.cam_search .ttl:after {
  border-color: #FFF transparent transparent transparent
}

.howto_ttl {
  padding: 0 0 30px
}

.howto_ttl .ttl02 {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.4;
  color: #616161 !important
}

.howto_ttl .ttl02 span {
  font-size: 1.3em
}

.howto_btn {
  width: 1040px
}

.howto_btn ul {
  display: table;
  border-spacing: 20px 0
}

.howto_btn li {
  display: table-cell;
  width: 320px;
  text-align: center;
  border: 2px solid #f2799a
}

.howto_btn li a {
  display: block;
  padding: 30px 0 5px
}

.howto_btn li .txt {
  font-size: 16px;
  color: #616161;
  margin-bottom: 15px
}

.howto_btn li .ttl {
  font-size: 28px;
  color: #212121;
  font-weight: 700
}

.howto_btn li .ttl strong {
  color: #f2799a
}

.howto_btn li .ttl .num {
  background: #f2799a;
  color: #FFF;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 24px;
  border-radius: 50%
}

.howto_btn li i {
  font-size: 40px
}

.howto_about {
  padding: 80px 0 0
}

.howto_about>.ttl {
  font-size: 1.3em;
  color: #616161 !important;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px
}

.howto_about>ul {
  display: table;
  border-spacing: 40px 0;
  width: 1080px
}

.howto_about>ul>li {
  display: table-cell;
  width: 50%;
  background: #f8f4ef
}

.howto_about>ul>li .ttl {
  background: #f2799a;
  text-align: center;
  color: #FFF;
  font-weight: 700;
  padding: 16px 0;
  border-radius: 4px 4px 0 0
}

.howto_about>ul>li .box {
  padding: 20px 20px 0;
  text-align: center
}

.howto_about>ul>li .txt01 {
  font-size: 16px;
  color: #c4a277
}

.howto_about>ul>li .img {
  margin: 20px 0 15px
}

.howto_about>ul>li .txt02 {
  background: #FFF;
  display: block;
  padding: 16px 0;
  margin-bottom: 20px
}

.howto_about>ul>li .txt02 span {
  color: #f2799a
}

.howto_about>ul>li .txt03 {
  font-size: 16px;
  text-align: left;
  line-height: 1.5
}

.howto_select {
  padding: 80px 0
}

.howto_select .howto {
  padding: 80px 0 40px
}

.howto_select .howto .btn02 {
  width: 500px;
  margin: 0 auto;
  text-align: center;
  font-size: 21px;
  padding: 17px 0
}

.howto_select .howto .btn02 i {
  font-size: 30px;
  right: 18px;
  margin-top: -15px
}

.howto_select>.ttl {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px
}

.howto_select .tab_menu.top {
  border-bottom: 2px solid #f2799a
}

.howto_select .tab_menu.top li {
  border-radius: 4px 4px 0 0
}

.howto_select .tab_menu.btm {
  border-top: 2px solid #f2799a
}

.howto_select .tab_menu.btm li {
  border-radius: 0 0 4px 4px
}

.howto_select .tab_menu ul {
  display: table;
  border-spacing: 20px 0;
  width: 1040px
}

.howto_select .tab_menu li {
  display: table-cell;
  width: 33.333%;
  cursor: pointer;
  background: #EEE;
  color: #616161;
  font-size: 15px;
  text-align: center;
  padding: 25px 0
}

.howto_select .tab_menu li strong {
  display: block;
  font-size: 28px;
  margin-top: 7px
}

.howto_select .tab_menu li.active {
  background: #f2799a;
  color: #FFF
}

.howto_select .tab_box {
  display: none
}

.howto_select .tab_box.active {
  display: block
}

.howto_merit {
  padding: 60px 0 0;
  color: #616161
}

.howto_merit .ttl02:before,
.howto_merit .ttl02:after {
  display: none
}

.howto_merit .ttl03 {
  font-weight: 700;
  color: #f2779a;
  margin-bottom: 10px
}

.howto_merit ul {
  display: table;
  border-spacing: 20px 0;
  width: 1040px;
  margin: 10px 0 0 -20px
}

.howto_merit li {
  display: table-cell;
  width: 33.33%;
  background: #f8f4ef;
  padding: 20px
}

.howto_merit .ttl {
  display: table;
  width: 100%;
  border-spacing: initial;
  line-height: 1.5;
  font-weight: 700;
  color: #424242
}

.howto_merit .ttl>* {
  display: table-cell;
  vertical-align: middle;
  width: 170px
}

.howto_merit .ttl>img {
  padding-right: 20px;
  width: 110px
}

.howto_merit .txt {
  font-size: 14px;
  color: #616161;
  margin-top: 20px
}

.mt_05em {
  margin-top: .5em
}

.mt_1em {
  margin-top: 1em
}

.mt_2em {
  margin-top: 2em
}

.mt_3em {
  margin-top: 3em
}

.mt_5em {
  margin-top: 5em !important
}

.mb_05em {
  margin-bottom: .5em
}

.mb_1em {
  margin-bottom: 1em
}

.mb_2em {
  margin-bottom: 2em
}

.jq_hide {
  display: none
}

section,
section.last,
.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px
}

section.login,
section.noUse,
section.cam_search,
section.campaign_main,
section.top_kv_campaign,
section.top_kv_send,
section.top_kv_shop,
section.top_kv_visit,
section.top_kv_shop1,
section.top_kv_shop2,
section.top_kv_eco {
  max-width: none
}

.results-suggest-hover {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  z-index: 200
}

.results-suggest-hover .container {
  max-width: 960px
}

.results-suggest-hover .fa-star {
  color: #d0b592
}

.results-suggest-hover .fa-ban {
  color: #999
}

.results-suggest-hover-title {
  background: #616161;
  border-radius: 5px 5px 0 0;
  color: #fff;
  padding: 10px;
  position: relative
}

.results-suggest-hover-title .close {
  color: #fff;
  position: absolute !important;
  top: 10px;
  right: 15px
}

.results-suggest-hover-body {
  background: #fff;
  border-radius: 0 0 5px 5px;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.results-suggest-hover-body li a,
.results-suggest-hover-body li p {
  border-top: 1px solid #e0e0e0;
  display: block;
  font-size: 89%;
  line-height: 20px;
  padding: 10px 10px 10px 40px;
  position: relative
}

.results-suggest-hover-body li p {
  color: #616161
}

.results-suggest-hover-body li .fa-star,
.results-suggest-hover-body li .fa-ban {
  font-weight: 400;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 10px;
  text-align: center;
  width: 30px;
  z-index: 2
}

.results-suggest-hover-body li.suggest-buy {
  font-weight: 700
}

.results-suggest-hover-body li.normal a {
  color: #616161
}

.results-suggest-hover-body li span {
  border: 1px solid #f2799a;
  border-radius: 5px;
  color: #f2799a;
  display: inline-block;
  font-size: 80%;
  font-weight: 400;
  line-height: 28px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  right: 10px;
  text-align: center;
  width: 120px
}

.results-suggest-hover-body li a:hover {
  background: #fdebf0
}

.results-suggest-hover-body li a:hover:hover span {
  background: #f2799a;
  color: #fff
}

.results-suggest-bg {
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.content-results-search {
  padding: 0;
  background: url(../img/result/resultBg.png) no-repeat top center;
  background-size: cover;
  color: #fff;
  text-align: center
}

.content-results-search .bg {
  background-color: rgba(0, 0, 0, .5);
  margin: 0;
  padding: 60px 0;
  line-height: 1.5
}

.content-results-search .lead {
  margin-bottom: 40px
}

.content-results-search .tab-content {
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px
}

.content-results-search .word-free .tab-content-title {
  padding-bottom: 20px
}

.content-results-search .word-free input {
  background: #f2799a;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, .2) inset;
  color: #fff;
  font-size: 125%;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  width: 100%;
  height: 60px
}

.content-results-search .word-free input:placeholder-shown {
  color: #fff
}

.content-results-search .word-free input::-webkit-input-placeholder {
  color: #fff
}

.content-results-search .word-free input:-moz-placeholder {
  color: #fff;
  opacity: 1
}

.content-results-search .word-free input::-moz-placeholder {
  color: #fff;
  opacity: 1
}

.content-results-search .word-free input:-ms-input-placeholder {
  color: #fff
}

.content-results-search .word-kana .tab-content-title {
  padding-bottom: 10px
}

.content-results-search .word-kana .table-wrap {
  margin-right: -10px;
  margin-left: -10px
}

.content-results-search .word-kana ul {
  border-collapse: separate;
  border-spacing: 10px 0;
  display: table;
  margin-top: 10px;
  table-layout: fixed;
  width: 100%
}

.content-results-search .word-kana li {
  display: table-cell
}

.content-results-search .word-kana li a {
  background-color: rgba(255, 255, 255, .2);
  border-bottom: 2px solid #616161;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 93%;
  font-weight: 700;
  padding: 15px
}

.paging {
  padding-top: 20px;
  text-align: center
}

.paging a,
.paging i {
  line-height: 28px
}

.paging a {
  border: 1px solid #f2799a;
  display: inline-block;
  font-size: 79%;
  margin: 0 3px;
  width: 30px;
  vertical-align: top
}

.paging a.on {
  background: #f2799a;
  color: #fff
}

.page-top {
  margin: 0;
  padding: 0;
  display: none
}

.page-top p {
  margin: 0;
  padding: 0;
  position: fixed;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  z-index: 9999
}

.move-page-top {
  display: block;
  transition: all 0.3s
}

.move-page-top img {
  width: 60px;
  height: 60px;
  z-index: 9999
}

.move-page-top:hover {
  opacity: .85
}

section.pageTitle,
div.pageTitle_wht {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  padding: 2em 0;
  background-color: #fff;
  border-radius: 0;
  color: #616161
}

section.pageTitle span {
  font-size: .7em
}

div.pageTitle_wht {
  background-color: transparent !important;
  color: #ffffff !important
}

p.title1,
p.title1white {
  font-size: 32px !important;
  font-weight: bold !important;
  display: inline-block;
  position: relative
}

p.title1:before,
p.title1white:before,
p.title1:after,
p.title1white:after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -20px
}

p.title1 {
  color: #363636 !important
}

p.title1:before,
p.title1:after {
  border-bottom: 2px solid #ccc
}

p.title1white {
  color: #fff !important
}

p.title1white:before,
p.title1white:after {
  border-bottom: 2px solid #fff
}

@media (min-width:780px) {
  p.title1b {
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 130% !important
  }

  p.title2 {
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 130% !important
  }

  p.title3 {
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 130% !important
  }

  p.title4 {
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 180% !important
  }

  p.txt1 {
    font-size: 22px !important;
    font-weight: normal !important;
    line-height: 150% !important
  }

  ul.txt2,
  span.txt2,
  p.txt2 {
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 150% !important
  }

  li.txt3,
  div.txt3,
  span.txt3,
  p.txt3 {
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 180% !important
  }

  p.menu,
  span.txt4,
  p.txt4 {
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 150% !important
  }

  span.txt5,
  p.txt4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 180%
  }
}

p.title1b {
  font-size: 28px;
  font-weight: 700;
  line-height: 130%
}

p.title2 {
  font-size: 23px;
  font-weight: 700;
  line-height: 130%
}

p.title3 {
  font-size: 17px;
  font-weight: 700;
  line-height: 145%
}

p.title4 {
  font-size: 15px;
  font-weight: 700;
  line-height: 180%
}

p.txt1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 150%
}

ul.txt2,
span.txt2,
p.txt2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%
}

li.txt3,
div.txt3,
span.txt3,
p.txt3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 180%
}

p.menu,
span.txt4,
p.txt4 {
  font-size: 13px;
  font-weight: 400;
  line-height: 150%
}

span.txt5,
p.txt4 {
  font-size: 12px;
  font-weight: 400;
  line-height: 180%
}

.sm {
  display: none !important
}

*[class*="mBtn"] {
  display: block;
  position: relative;
  line-height: 2.5em;
  text-align: center;
  font-weight: 700;
  font-size: 1.45em;
  border-radius: 2px;
  color: #FFF;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 1px 2px #ccc;
  background: #f2799a;
  border-bottom: 1px solid #d96d8a
}

*[class*="mBtn2"] {
  display: block;
  position: relative;
  line-height: 2.5em;
  text-align: center;
  font-weight: 700;
  font-size: 1.45em;
  border-radius: 2px;
  color: #FFF;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 1px 2px #ccc;
  background: #f2799a;
  border-bottom: 1px solid #d96d8a
}

*[class*="mBtn-gry"] {
  background: #9e9e9e;
  border-bottom: 1px solid #8e8e8e
}

*[class*="mBtn-dgry"] {
  background: #616161;
  border-bottom: 1px solid #515151
}

*[class*="mBtn-wht"] {
  background-color: #fff;
  color: #9e9e9e;
  border: 1px #eee solid;
  border-bottom: 1px #ddd solid
}

*[class*="mBtn-ppl"] {
  background-color: #c8abe9;
  color: #fff;
  border-bottom: 1px #b49ad1 solid
}

*[class*="mBtn"]:after {
  content: "\f105";
  font: normal normal normal 1.2em FontAwesome;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  right: .5em
}

*[class*="mBtn"]>i {
  font-size: 1.4em;
  position: relative;
  top: .15em
}

*[class*="-nic"]:after {
  content: ""
}

*[class*="ic-undo-"]::before,
*[class*="ic-heart-"]::before {
  content: " ";
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: .28em
}

.sBtn {
  text-align: center;
  line-height: 3em;
  border: 1px #f2799a solid;
  border-radius: .2em;
  display: block;
  position: relative;
  text-decoration: none;
  font-seize: 1.09em
}

.sBtn:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 1.4em;
  font-weight: 400;
  position: absolute;
  top: -1px;
  right: .5em
}

@media (min-width:780px) {
  .sBtn {
    border-width: 2px
  }
}

input[type="button"],
input[type="text"],
input[type="submit"],
input[type="checkbox"],
select,
textarea {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none
}

section .btn {
  display: block;
  position: relative;
  line-height: 2.5em;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  border-radius: 2px;
  color: #FFF;
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 2px #ccc;
  background: #f2799a;
  border-bottom: 2px solid #d96d8a
}

section .btn:before {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome
}

section .btn i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px
}

#tenpo .mt_2em {
  margin-top: 2em
}

#tenpo .mb_2em {
  margin-bottom: 2em
}

#tenpo section.top {
  position: relative;
  background: none
}

#tenpo section.top>h1 {
  text-align: center;
  font-weight: 700;
  font-size: 1.909em;
  width: 100%;
  position: absolute;
  top: 1em;
  left: 0
}

#tenpo section.top>img.mainImg {
  width: 100%
}

#tenpo section.top>div.catch {
  text-align: center;
  padding: 1.5em 0em 0em;
  background: #fff
}

#tenpo section.top>div.catch>h2,
#tenpo section.top>div.catch .textwrap>h2 {
  font-size: 1em;
  margin-bottom: .6em;
  color: #f2799a;
  font-weight: 700
}

#tenpo section.top>div.catch>h2.fs_LL,
#tenpo section.top>div.catch .textwrap>h2.fs_LL {
  font-size: 1.636em;
  font-weight: 700;
  color: #f2799a;
  margin-bottom: .4em
}

#tenpo section.top>div.catch>h2 span.fs_LL,
#tenpo section.top>div.catch .textwrap>h2 span.fs_LL {
  font-size: 1.636em;
  font-weight: 700;
  color: #f2799a;
  margin-left: .3em
}

#tenpo section.top>div.catch>p,
#tenpo section.top>div.catch .textwrap>p {
  font-size: .909em;
  font-weight: 700;
  color: #616161;
  margin-bottom: 1em
}

#tenpo section.top>div.catch>p.bgPink,
#tenpo section.top>div.catch .textwrap>p.bgPink {
  font-size: 75%;
  letter-spacing: -.1em;
  font-weight: 700;
  color: #fff;
  background: #f2799a;
  padding: .8em 0
}

#tenpo section.top>div.catch>h3,
#tenpo section.top>div.catch .textwrap>h3 {
  font-size: 1.636em;
  color: #fff;
  background-color: #fff;
  line-height: 1.5;
  font-family: "Noto Serif";
  border: 1px solid #f2799a
}

#tenpo section.top>div.catch>h3>i,
#tenpo section.top>div.catch .textwrap>h3>i {
  width: 2em;
  height: 2em;
  font-size: .5em;
  vertical-align: middle;
  line-height: 2;
  background-color: #fff;
  color: #f2799a;
  border-radius: 50%;
  margin-right: .5em;
  margin-top: -.2em
}

#tenpo section.top>div.catch>h3 img,
#tenpo section.top>div.catch .textwrap>h3 img {
  height: 1em
}

#tenpo section.top>.catch h3.link a .ic-freedial {
  width: 40px;
  height: 40px
}

#tenpo section.main {
  background: none;
  margin: 2%;
  color: #616161;
  padding-top: 2em
}

#tenpo section.main>h2 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 .5em
}

#tenpo section.main>h3 {
  color: #9e9e9e;
  text-align: center;
  margin-bottom: .5em;
  font-family: "Noto Serif"
}

#tenpo section .content {
  padding: 1em;
  background-color: #fff;
  border-radius: 4px
}

#tenpo section.main .content>p.reservation {
  font-size: 1.09em;
  font-weight: 700;
  margin: 1em .5em 1.2em
}

#tenpo section.main .content>p.reservation span {
  color: #f2799a;
  font-weight: 400
}

#tenpo section.main .content p {
  line-height: 1.2;
  font-size: 1em;
  margin: 1em .5em 1.2em
}

#tenpo section.main .content>p.notice {
  font-size: .909em;
  margin-bottom: 2em !important
}

#tenpo section.main .content>dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin-bottom: 1em
}

#tenpo section.main .content>dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.5;
  background-color: #eee;
  padding: 0 .9em
}

#tenpo section.main .content>dl dd {
  padding: 1em 1em 2.4em;
  line-height: 1.4
}

#tenpo section.main .content>dl dd.tel {
  font-family: "Noto Serif";
  font-weight: 700
}

#tenpo section.main .content>dl dd.map p {
  margin-top: 1em
}

#tenpo section.special {
  margin: 2%
}

#tenpo section.news {
  color: #616161
}

#tenpo section.news p {
  margin: 1em .5em 1.2em;
  line-height: 1.5
}

#tenpo section.news .snsArea {
  border-top: 2px #e0e0e0 solid;
  border-bottom: 2px #e0e0e0 solid;
  padding: 1em
}

#tenpo section.news>h2 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 .5em
}

#tenpo section.news>h3 {
  color: #9e9e9e;
  text-align: center;
  font-family: "Noto Serif";
  padding-bottom: 1.5em
}

#tenpo section.news .blog {
  margin: 0 2% 2%;
  border: 1px #f2779a solid;
  padding-bottom: 5%
}

#tenpo section.news .blog h4 {
  color: #fff;
  background: url(../img/tenpo/titleBg_dot.png) right 7% bottom 0pt no-repeat #f2779a;
  background-size: 70px;
  padding: .5em .5em .5em .8em
}

#tenpo section.news .blog dl {
  border-bottom: #eee 1px solid;
  padding: .7em 1em;
  font-size: .909em
}

#tenpo section.news .blog dl dt {
  clear: left;
  float: left;
  width: 25%
}

#tenpo section.news .blog dl dd {
  margin-left: 25%
}

#tenpo section.news .blog dl dd a {
  color: #3fb5b5
}

#tenpo section.news .twitter {
  margin: 0 2%;
  border: 1px #79bdf2 solid
}

#tenpo section.news .twitter h4 {
  color: #fff;
  background: url(../img/tenpo/titleBg_dot.png) right 3% bottom 0pt no-repeat #79bdf2;
  background-size: 70px;
  padding: .5em .5em .5em .8em
}

#tenpo section.news .twitter #twitter-widget-0 {
  width: 97% !important;
  margin: 0 auto !important;
  display: block !important
}

#tenpo section.news .tentouSimu {
  padding: 1em;
  border-bottom: 2px #e0e0e0 solid
}

#tenpo section.news .tentouSimu p {
  margin: 1em 0 1.2em;
  line-height: 1.33
}

#tenpo section.news .tentouSimu p.txtPink {
  color: #f2779a
}

#tenpo section.news .tentouSimu img {
  display: block;
  margin: 0 auto
}

#tenpo section.news .tentouSimu img.wdt70per {
  width: 70%
}

#tenpo section.news .tentouSimu p.simuIntro {
  text-align: center;
  margin: 0
}

#tenpo section.news .tentouSimu p.simuIntro img {
  width: 90% !important
}

#tenpo section.news .tentouSimu h2 {
  color: #f2779a;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1.33
}

#tenpo section.news .tentouSimu h3 {
  color: #f2779a;
  font-weight: 700;
  font-size: 1.09em;
  margin-bottom: .5em
}

#tenpo section.news .tentouSimu h3 span {
  color: #fff;
  background: #f2779a;
  border-radius: 100%;
  font-size: 1.6em;
  margin-right: .3em;
  padding: .1em .3em;
  vertical-align: middle
}

#tenpo section.news .tentouSimu img.bnr {
  margin-bottom: 1em
}

#tenpo section.news .reason {
  padding: 1em
}

#tenpo section.news .reason img.step {
  clear: left;
  float: left;
  width: 23%;
  padding: 0 .7em 3.5em
}

#tenpo section.news .reason .stepWrap {
  margin-top: 1.2em;
  border-bottom: 1px #f1f1f1 solid
}

#tenpo section.news .reason .stepWrap h2 {
  color: #f2779a;
  font-weight: 700
}

#tenpo section.news .reason .stepWrap p {
  line-height: 1.5;
  margin: .5em .5em;
  font-weight: 700
}

#tenpo section.news .reason02 {
  padding: 1em
}

#tenpo section.news .reason02 img.graph {
  clear: left;
  float: left;
  width: 25%;
  padding: 0 .1em 2em 0
}

#tenpo section.news .reason02 .graghWrap {
  margin-top: 1.2em;
  border-bottom: 1px #f1f1f1 solid
}

#tenpo section.news .reason02 .graphWrap p {
  line-height: 1.5;
  margin: 1em .2em 1.2em
}

#tenpo section.news .reason02 h2.caseA {
  font-size: 1.09em;
  color: #f2779a;
  font-weight: 700;
  text-align: center;
  margin-bottom: .3em
}

#tenpo section.news .reason02 h2.caseB {
  font-size: 1.09em;
  color: #32cccc;
  font-weight: 700;
  text-align: center;
  margin: 1em 0 .3em
}

#tenpo section.news .reason02 h3 {
  font-size: 1.09em;
  color: #616161;
  font-weight: 700;
  text-align: center
}

#tenpo section.news .reason02 i.reasonArrowA {
  font-size: 2em;
  color: #f2779a;
  text-align: center;
  margin: .1em auto;
  display: block
}

#tenpo section.news .reason02 i.reasonArrowB {
  font-size: 2em;
  color: #32cccc;
  text-align: center;
  margin: .1em auto;
  display: block
}

#tenpo section.shibuInterview {
  color: #616161
}

#tenpo section.shibuInterview>h2 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 .5em
}

#tenpo section.shibuInterview>h3 {
  color: #9e9e9e;
  text-align: center;
  font-family: "Noto Serif";
  padding-bottom: 1.5em
}

#tenpo section.shibuInterview .intCont {
  border-top: 2px #e0e0e0 solid;
  padding: 1em 1em 0
}

#tenpo section.shibuInterview .intCont img.intImg {
  clear: left;
  float: left;
  width: 25%;
  padding: 0 0 3em 0;
  margin-right: .5em
}

#tenpo section.shibuInterview .intCont h2 {
  color: #f2779a;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1.33;
  margin-bottom: .2em
}

#tenpo section.shibuInterview .intCont p.intName {
  font-size: .8em;
  font-weight: 700;
  text-align: right;
  margin: 0
}

#tenpo section.shibuInterview .intCont p {
  line-height: 1.5em;
  margin: .2em 0 .5em
}

#tenpo section.shibuInterview .intCont .qaCont {
  border: 1px #eee solid;
  border-radius: 4px;
  margin: 1em 0;
  padding: .5em
}

#tenpo section.shibuInterview .intCont .qaCont h3 {
  border-bottom: 1px #eee dotted;
  font-weight: 700;
  font-size: 1.09em;
  padding: .5em 0;
  line-height: 1.5em
}

#tenpo section.shibuInterview .intCont .qaCont h3:before {
  content: 'Q';
  color: #fff;
  background: #f2779a;
  border-radius: 100%;
  font-size: 1.2em;
  margin-right: .3em;
  padding: .1em .4em;
  font-family: "Noto Serif";
  display: inline-block;
  float: left;
  margin-bottom: .8em
}

#tenpo section.shibuInterview .intCont .qaCont h3 span {
  color: #fff;
  background: #f2779a;
  border-radius: 100%;
  font-size: 1.2em;
  margin-right: .3em;
  padding: .1em .4em;
  font-family: "Noto Serif";
  display: none
}

#tenpo section.shibuInterview .intCont .qaCont p {
  margin: .5em 0
}

#tenpo section.shopInfo {
  color: #616161
}

#tenpo section.shopInfo>h2 {
  font-size: 1.909em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 .5em
}

#tenpo section.shopInfo>h3 {
  color: #9e9e9e;
  text-align: center;
  font-family: Noto Serif;
  padding-bottom: 1.5em
}

#tenpo section.shopInfo .shopCont {
  padding: 1em;
  border-top: 2px #e0e0e0 solid
}

#tenpo section.shopInfo .shopCont>dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin-bottom: 1em
}

#tenpo section.shopInfo .shopCont>dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 2.5;
  background-color: #eee;
  padding: 0 .9em
}

#tenpo section.shopInfo .shopCont>dl dd {
  padding: 1em 1em 2.4em;
  line-height: 1.4
}

#tenpo section.shopInfo .shopCont>dl dd p.notice {
  font-size: .909em;
  padding: .3em 0;
  line-height: 1.5
}

#tenpo section.shopInfo .shopCont>dl dd.tel {
  font-family: "Noto Serif";
  font-weight: 700
}

#tenpo section.shopInfo .shopCont>dl dd div.rootTtl {
  margin: .5em 0;
  font-size: 1.09em;
  font-weight: 700;
  padding: .5em 0;
  border-bottom: 1px #eee dotted
}

#tenpo section.shopInfo .shopCont>dl dd div.root {
  padding: .5em 0
}

#tenpo section.shopInfo .shopCont>dl dd div.root div.leftImg {
  clear: left;
  float: left;
  width: 200px;
  margin: 0 1em 0 0
}

#tenpo section.shopInfo .shopCont>dl dd div.root div span {
  color: #f2779a;
  background: #eee;
  border-radius: 100%;
  font-size: 1.09em;
  margin-bottom: .3em;
  padding: 0 .45em;
  vertical-align: middle;
  font-family: "Noto Serif"
}

#tenpo section.shopInfo .shopCont span.bold {
  font-weight: 700
}

#tenpo section.shopInfo .shopCont p.notice {
  font-size: .909em;
  line-height: 1.5;
  margin: 0 !important
}

#campaign section#top {
  background: none
}

#campaign section.item div.itemWrap {
  padding: 0 1em 1em
}

#campaign h1 {
  color: #616161
}

#campaign section.item div.itemWrap p {
  color: #010101;
  font-size: .909em;
  line-height: 1.5;
  text-align: center;
  margin-top: 1em
}

#campaign section.item div.itemWrap p>span {
  color: #f2799a;
  font-weight: 700
}

#campaign section.item div.campCont01 {
  padding: 0 1em 2.5em
}

#campaign section.item div.campCont02 {
  padding: 0 1em 2.5em
}

#campaign section.item div.campCont02 div.kyoukaBrand {
  margin-top: .5em;
  border: 2px #e0e0e0 solid;
  border-radius: 2px
}

#campaign section.item div.campCont02 div.kyoukaBrand ul {
  padding: .5em .7em;
  border-bottom: 2px #e0e0e0 solid
}

#campaign section.item div.campCont02 div.kyoukaBrand ul li.normal {
  font-size: .8em;
  margin-left: 1.8em;
  line-height: 1.5
}

#campaign section.item div.campCont02 div.kyoukaBrand ul li.star {
  font-size: 1.5em;
  padding: .5em 0
}

#campaign section.item div.campCont02 div.kyoukaBrand ul li.star:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em
}

#campaign section.item div.campCont02 div.kyoukaBrand dl {
  display: table;
  width: 100%
}

#campaign section.item div.campCont02 div.kyoukaBrand>dl dt,
#campaign section.item div.campCont02 div.kyoukaBrand>dl dd {
  padding: 1em .7em .5em;
  width: 50%;
  display: table-cell;
  border-bottom: 2px #e0e0e0 solid
}

#campaign section.item div.campCont02 div.kyoukaBrand>dl dt.last,
#campaign section.item div.campCont02 div.kyoukaBrand>dl dt.lastdd.last {
  border-bottom: 0
}

#campaign section.item div.campCont02 div.kyoukaBrand>dl dt {
  border-right: 2px #e0e0e0 solid
}

#campaign section.item div.campCont02 div.kyoukaBrand>dl dt:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em;
  float: left;
  display: inline-block;
  margin-bottom: .5em
}

#campaign section.item div.campCont02 div.kyoukaBrand dl dd:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em
}

#campaign section.item div.campCont03 {
  padding: 0 1em 1em
}

#campaign section.item div.campCont03 p {
  margin-top: .5em;
  border: 2px #e0e0e0 solid;
  border-radius: 2px;
  padding: .5em .7em;
  font-size: 1em;
  line-height: 1.5em
}

#campaign section.item div.campCont03 p:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em;
  float: left;
  display: inline-block;
  margin-bottom: .5em
}

#campaign section.example div.exampleWrap {
  margin-top: 2em
}

#campaign section.example div.exampleWrap div.exmpleItem {
  border-top: 2px #e0e0e0 solid;
  padding: 1em
}

#campaign section.example div.exampleWrap div.exmpleItem img.exmImg {
  float: left;
  width: 20%;
  margin-right: 1em
}

#campaign section.example div.exampleWrap div.exmpleItem p.brndName {
  padding: .5em 0
}

#campaign section.example div.exampleWrap div.exmpleItem h2 {
  font-size: 1em;
  color: #616161;
  font-weight: 700
}

#campaign section.example div.exampleWrap div.exmpleItem h2>span {
  font-size: .79em;
  color: #616161
}

#campaign section.example div.exampleWrap .priceWrap {
  padding: 1em
}

#campaign section.example div.exampleWrap .priceWrap dl {
  display: table;
  width: 100%;
  border: 2px #e0e0e0 solid;
  border-radius: 4px;
  vertical-align: middle;
  text-align: center
}

#campaign section.example div.exampleWrap .priceWrap dl dt {
  display: table-cell;
  width: 20%;
  color: #616161;
  background: #e0e0e0;
  vertical-align: middle;
  text-align: center
}

#campaign section.example div.exampleWrap .priceWrap dl dd {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-weight: 700
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price01 {
  text-decoration: line-through;
  width: 30%;
  font-size: 1.2em;
  font-family: "Noto Serif"
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price01:after {
  content: "\f0da";
  font-family: FontAwesome;
  color: #616161;
  font-weight: 400;
  float: right;
  display: inline-block
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price02 {
  color: #f2779a;
  width: 30%;
  font-size: 1.2em;
  font-family: "Noto Serif"
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price03 {
  padding: 2% 2% 2% 0;
  width: 20%;
  font-size: 1.09em;
  font-family: "Noto Serif"
}

#campaign section.example div.exampleWrap .priceWrap dl dd.price03 span {
  background: #f2779a;
  width: 100%;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  padding: 20% 0
}

#campaign section.example div.exampleWrap .notForget {
  border: 4px #d0b592 solid;
  border-radius: 4px;
  padding: 1em;
  text-align: center;
  font-weight: 700;
  margin: .5em 1em
}

#campaign section.example div.exampleWrap .notForget p.txt01 {
  color: #d0b592;
  font-size: 1.09em;
  line-height: 1.5;
  margin-bottom: .5em
}

#campaign section.example div.exampleWrap .notForget p.txt02 {
  color: #616161;
  font-size: 1.27em;
  line-height: 1.5
}

#campaign section.example div.exampleWrap .notForget p.txt02 span {
  font-size: 1.5em
}

#campaign section.campDetail div.campTerm {
  border: 4px #d0b592 solid;
  border-radius: 4px;
  padding: 1em;
  text-align: center;
  font-weight: 700;
  margin: 1.5em 1em;
  color: #616161
}

#campaign section.campDetail div.campTerm p.txt01 {
  font-size: 1.27em;
  line-height: 1.5;
  margin-bottom: .5em
}

#campaign section.campDetail div.campTerm p.txt01 span {
  font-size: .71em;
  line-height: 1.5;
  margin-bottom: .5em
}

#campaign section.campDetail div.campTerm p.txt02 {
  font-size: 1em;
  line-height: 1.5;
  text-align: center
}

#campaign section.campDetail dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin: 1em;
  color: #616161
}

#campaign section.campDetail dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #eee;
  padding: .5em .9em
}

#campaign section.campDetail dl dd {
  padding: 1em;
  line-height: 1.4;
  color: #000
}

#campaign section.campDetail dl dd span {
  font-size: .909em;
  line-height: 1.4;
  color: #616161;
  display: inline-block
}

.sm {
  display: none !important
}

.corner01>.wrapper>.txt {
  margin: 0 4% 4%;
  text-align: left;
  line-height: 1.7
}

.fl-c:after,
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0
}

* html .clearfix {
  zoom: 1
}

*:first-child+html .clearfix {
  zoom: 1
}

a>i,
p>i,
li>i {
  font-size: 1.4em
}

section {
  background-color: #fff;
  position: relative
}

.mBox {
  border: 1px #e0e0e0 solid;
  border-radius: 2px
}

.mBox>h1 {
  background-color: #eee;
  text-align: center;
  font-weight: 700;
  line-height: 2.727
}

.mBox>h1 span {
  display: inline-block;
  border-radius: 5px;
  background: #f44336;
  color: #fff;
  text-align: center;
  font-size: .7em;
  padding: 5px 15px;
  margin-bottom: 10px
}

.mBox>p {
  padding: 1em;
  line-height: 1.5
}

#tsAkifuyu .ballon {
  position: relative
}

#tsAkifuyu .ballon>p {
  color: #fff;
  text-align: center;
  position: absolute;
  top: .5em;
  left: 0;
  width: 100%;
  font-size: 1.31em;
  font-weight: 700
}

#tsAkifuyu .sct1 {
  padding: 0
}

#tsAkifuyu .sct1>div {
  position: absolute;
  top: 2em;
  left: 5%;
  width: 90%
}

#tsAkifuyu .sct1>div h1 {
  font-size: 2.7em;
  font-weight: 700;
  text-align: center;
  margin-top: .2em
}

#tsAkifuyu .sct1>div h2 {
  text-align: center;
  font-weight: 700;
  font-size: 1.36em;
  margin-top: .8em
}

#tsAkifuyu .sct1>div h1 span {
  color: #ff729a
}

#tsAkifuyu .sct2 {
  padding: 1em 1em 0
}

#tsAkifuyu .sct2>h2 {
  font-weight: 700;
  color: #616161;
  margin: 0 1em 1em 1em
}

#tsAkifuyu .sct2 .fukidashi {
  position: relative
}

#tsAkifuyu .sct2 .fukidashi ul {
  position: absolute;
  top: .5em;
  left: 1em
}

#tsAkifuyu .sct2 .fukidashi ul li {
  font-weight: 700;
  color: #616161;
  font-size: 1.09em;
  line-height: 1.5;
  margin: .5em 0
}

#tsAkifuyu .sct2>p {
  margin-top: 1em;
  line-height: 1.6;
  font-size: .91em;
  margin-bottom: 3em
}

#tsAkifuyu .sct2>p span {
  color: #ff729a;
  font-weight: 700
}

#tsAkifuyu .sct3 {
  padding: 0
}

#tsAkifuyu .sct3>div {
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
  text-align: center
}

#tsAkifuyu .sct3>div>h2 {
  font-size: 1.27em;
  font-weight: 700;
  margin-top: 1em
}

#tsAkifuyu .sct3>div>h1 {
  font-size: 2.2em;
  font-weight: 700;
  color: #f2799a;
  margin-top: .1em
}

#tsAkifuyu .sct3>div>h1 span {
  font-size: .6em;
  display: block;
  line-height: 1.8
}

#tsAkifuyu .sct4 {
  padding: 0
}

#tsAkifuyu .sct4>div {
  border: 1px #bdbdbd solid;
  border-radius: 6px;
  padding: 0;
  width: 94%;
  margin: 0 auto
}

#tsAkifuyu .sct4>div>div {
  display: table;
  table-layout: fixed;
  width: 100%
}

#tsAkifuyu .sct4>div>div>* {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

#tsAkifuyu .sct4>div>div>*:last-of-type {
  background-color: #eee
}

#tsAkifuyu .sct4>div>div>h1 {
  color: #fff;
  background-color: #f2799a;
  font-weight: 700;
  line-height: 2.5;
  font-size: 1.1em;
  border-top-left-radius: 6px
}

#tsAkifuyu .sct4>div>div>h1:last-of-type {
  background-color: #6e6e6e;
  border-top-left-radius: 0;
  border-top-right-radius: 6px
}

#tsAkifuyu .sct4>div>div>h3 {
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.1em;
  padding: .5em 0
}

#tsAkifuyu .sct4>div>div>h3:last-of-type {
  color: #6e6e6e
}

#tsAkifuyu .sct4>div>div>h2 {
  color: #f2799a;
  font-weight: 700;
  font-size: 1.27em;
  padding-top: .5em;
  line-height: 1.3
}

#tsAkifuyu .sct4>div>div>h2:last-of-type {
  color: #616161
}

#tsAkifuyu .sct4>div>div>h2 span {
  display: block;
  font-size: 1.5em
}

#tsAkifuyu .sct4 .dArrow img {
  width: 1.8em
}

#tsAkifuyu .sct4 .photo>p {
  padding-top: .5em;
  padding-bottom: 1em
}

#tsAkifuyu .sct4 .photo img {
  width: 7em
}

#tsAkifuyu .sct5 {
  padding: 1em 1em 1px
}

#tsAkifuyu .sct5>p {
  font-weight: 700;
  color: #616161;
  line-height: 1.5;
  font-size: 1.09em;
  margin-bottom: 1.5em
}

#tsAkifuyu .sct5>ul {
  margin: .5em 0
}

#tsAkifuyu .sct5>ul>li {
  background-color: #ffeaf0;
  padding: 1em 1em 1em 3.5em;
  border-radius: 8px;
  font-weight: 700;
  line-height: 1.5;
  font-size: 1.09em;
  margin-bottom: 1em;
  position: relative
}

#tsAkifuyu .sct5>ul>li:before {
  content: "\f14a";
  font: normal normal normal 1.6em FontAwesome;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: .8em;
  color: #f2799a
}

@media (min-width:780px) {
  #tsAkifuyu .sct6 {
    width: 100%;
    padding: 30px 5px
  }

  #tsAkifuyu .sct6>div {
    color: #616161;
    text-align: center
  }

  #tsAkifuyu .sct6>div .info {
    margin: 50px 0
  }

  #tsAkifuyu .sct6>div .area1 {
    width: 100%;
    background-color: #eee;
    margin: 20px 0;
    border: 1px solid #EEE;
    border-radius: 10px
  }

  #tsAkifuyu .sct6>div .area1 .info2 {
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  #tsAkifuyu .sct6>div .title3 {
    color: #f2799a
  }
}

#tsAkifuyu .sct6 {
  width: 100%;
  padding: 30px 5px 50px;
  margin-bottom: 20px
}

#tsAkifuyu .sct6>div {
  color: #616161;
  text-align: center
}

#tsAkifuyu .sct6>div .info {
  margin: 20px 10px
}

#tsAkifuyu .sct6>div .area1 {
  width: 100%;
  background-color: #eee;
  margin: 20px 0
}

#tsAkifuyu .sct6>div .area1 .info2 {
  display: block;
  margin-left: auto;
  margin-right: auto
}

#tsAkifuyu .sct6>div .title3 {
  color: #f2799a
}

@media (min-width:780px) {
  #tsAkifuyu {
    width: 1000px;
    margin: 20px auto
  }

  #tsAkifuyu .sct3 {
    padding: 0
  }

  #tsAkifuyu .sct6>div img,
  #tsAkifuyu .ballon img {
    margin-left: 18%
  }

  #tsAkifuyu .sct6>p {
    text-align: center
  }

  #tsAkifuyu .sct2>h2 {
    margin: 0 1em 2em 0
  }

  #tsAkifuyu .ballon {
    clear: both
  }
}

#tsAkifuyu>section.sct2>div.fukidashi>ul {
  top: 25px;
  left: 50px
}

.mb-1 {
  margin-bottom: 1em
}

footer.noLogo .logo {
  text-align: center;
  border-bottom: 1px #d9d9d9 solid;
  padding-bottom: 14px
}

footer.noLogo .logo .ico {
  width: 4%;
  display: block;
  margin: 0 auto 4%
}

footer.noLogo .bg {
  padding: 0
}

footer.noLogo .nav {
  width: 100%;
  margin: 0
}

footer.noLogo .nav ul:first-child {
  border-top: none
}

div[class*="upTri"] {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 .6em .6em .6em
}

.upTriPnk {
  border-color: transparent transparent #f2799a transparent
}

.upTriDgry {
  border-color: transparent transparent #616161 transparent
}

.upTriPpl {
  border-color: transparent transparent #c8abe9 transparent
}

div[class*="dwnTri"] {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5em .5em 0 .5em
}

.dwnTriPnk {
  border-color: #f2799a transparent transparent transparent
}

.dwnTriDgry {
  border-color: #616161 transparent transparent transparent
}

.dwnTriPpl {
  border-color: #616161 transparent transparent transparent
}

.plusBatch {
  color: #fff;
  font-size: .5em;
  border-radius: 2em;
  text-align: center;
  position: relative;
  top: -.3em;
  left: .4em;
  font-family: 'Noto Serif';
  padding: .3em .5em
}

.plusBatch em {
  font-style: normal;
  font-size: .61em
}

.belowBtn {
  position: absolute;
  bottom: -1em;
  left: 50%;
  width: 8em;
  margin-left: -4em;
  line-height: 2em;
  text-align: center
}

.belowBtn a {
  border: 1.5px #f7b1c4 solid;
  background-color: #fff;
  font-weight: 700;
  border-radius: 2em;
  display: block;
  font-size: .92em;
  text-align: center
}

.belowBtn a i {
  padding-left: .4em
}

.board {
  background-color: #fff;
  position: relative;
  margin: 0 -1em;
  padding: 1em;
  border-bottom: 1px #e0e0e0 solid
}

.board:first-of-type {
  margin-top: -1em
}

.done {
  background-color: #f5f5f5
}

.done>a>i {
  color: #bdbdbd !important
}

.board a {
  display: block;
  position: relative
}

.board a:after {
  content: "\f105";
  font: normal normal normal 2.08em FontAwesome;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.5em
}

.board p {
  margin-left: 2.5em;
  color: #616161;
  font-size: .833em
}

.board h1 {
  color: #616161;
  font-weight: 700;
  font-size: 1.167em;
  line-height: 1.2;
  margin-left: 1.8em;
  margin-top: .3em
}

.board h1 span {
  font-size: 1.09em
}

#campaignCode input {
  background: #eee;
  font-size: 1.16em;
  padding: .5em;
  border-radius: 3px;
  width: 100%
}

#qa ul.listMenu {
  margin: -1em -1em 1.8em
}

#qa ul.listMenu li {
  padding-bottom: 3.3em
}

#qa ul.listMenu li h1 {
  position: relative;
  line-height: 3;
  font-weight: 700;
  background-color: #e0e0e0;
  padding-left: .79em;
  font-size: 1.16em;
  color: #616161
}

#qa ul.listMenu li h1:after {
  content: "\f107";
  position: absolute;
  font: normal normal normal 1.43em/1 FontAwesome;
  right: .5em;
  top: 50%;
  margin-top: -.5em
}

#qa ul.listMenu li h1.open:after {
  content: "\f106"
}

#qa ul.listMenu dl dt {
  position: relative;
  padding: .81em 3em .81em .99em;
  border-bottom: 1px #e0e0e0 solid;
  border-top: 1px #e0e0e0 solid;
  margin-bottom: -1px;
  font-size: 1.08em;
  line-height: 1.4
}

#qa ul.listMenu dl dt.open {
  font-weight: 700;
  border-bottom: none;
  padding-bottom: .6em
}

#qa ul.listMenu dl dt:after {
  content: "\f107";
  position: absolute;
  font: normal normal normal 1.54em/1 FontAwesome;
  right: .5em;
  top: 50%;
  margin-top: -.5em;
  color: #9e9e9e
}

#qa ul.listMenu dl dt.open:after {
  content: "\f106 "
}

#qa ul.listMenu dl dd {
  margin: 0 .92em 2em;
  line-height: 1.4;
  border-top: 1px #e0e0e0 solid;
  padding-top: .5em
}

footer.noLogo .nav {
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 720px
}

footer.noLogo .nav2 {
  max-width: 840px
}

section {
  max-width: none
}

@media (min-width:780px) {
  #interviewPg {
    width: 900px;
    margin: 0 auto 20px
  }

  #send,
  #tentou,
  #taishou,
  #shucchou,
  #campaign,
  #buyer,
  #riyuu,
  #takuhai,
  #yoritakaku,
  #tenpo,
  #tuyomi,
  #area,
  #areaDetail,
  #gyouretu,
  #eco,
  #buyer_room {
    width: 1000px;
    margin: 0 auto
  }

  section .contentwrap {
    background-color: #F8F4EF;
    border-radius: 4px;
    text-align: center
  }

  section .contentwrap.tel,
  section .contentwrap.gray {
    background-color: #EEE
  }

  section div.dwArrow>img {
    width: auto
  }

  #send section.subtitle {
    text-align: center
  }

  #send section#sct1 dl dt .ttlwrap {
    margin-bottom: .5em;
    background-color: #F2789A;
    background-image: url(../img/send/ttl_before.gif), url(../img/send/ttl_after.gif);
    background-repeat: no-repeat;
    background-position: left top, right top;
    text-align: left
  }

  #send section#sct1 dl dt .ttlwrap img {
    margin-bottom: 0
  }

  #send section#sct1 dl dd.no2 {
    padding: 1em 3em;
    text-align: center
  }

  #send section#sct1 dl dd.no2>div {
    width: 520px;
    margin: 0 auto
  }

  #send section#sct1 dl dd.no2 p {
    text-align: left
  }

  #send section#sct1 dl dd.no2 p img {
    width: auto
  }

  #send section#sct1 dl dd.no3 {
    padding: 1em 5em
  }

  #send section#sct1 dl dd.no3 img {
    width: auto
  }

  #send section#sct2 div.top {
    text-align: center
  }

  #send section#sct2 div.menu {
    width: 840px;
    margin: 0 auto 2em
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div ul.bottom {
    width: 520px;
    margin: .5em auto
  }

  #send section#sct2 div.step1 div.kitOffer div.sBox>div div.box img {
    width: auto
  }

  #send section#sct2 div.step1>div.kitOffer>div:nth-child(6)>div>div.size {
    text-align: center
  }

  #send section#sct2 div.step1>div.kitOffer>div:nth-child(6)>div>div.size>img {
    width: auto
  }

  #send section#sct2 div.step2 dl.sagawa dt,
  #send section#sct2 div.step2 dl.chakubarai dt {
    width: 133px
  }

  #send section#sct2 div.step2 div.todoku>img {
    width: auto
  }

  #send section#sct2 div.step2 div.documents>div>ul {
    display: flex;
    flex-wrap: wrap
  }

  #send section#sct2 div.step2 div.documents>div>ul>li {
    width: 49%;
    margin-right: .5em;
    margin-bottom: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li:last-child {
    margin-right: 0
  }

  #send section#sct2 div.step2 div.documents>div>ul>li>div.disable {
    padding-left: 1em
  }

  #send section#sct2 div.step3 .sBox_pnk .imgwrap {
    text-align: center
  }

  #send section#sct2 div .layout01 dt {
    width: 133px
  }

  #send section#sct2 div.howToSell img {
    width: auto
  }

  #tentou section.top {
    text-align: center
  }

  #tentou section#sct1 {
    margin: 0 0 1em
  }

  #tentou section#sct1:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct1 .mBox {
    float: left;
    width: 490px;
    margin: 0 1em 1em 0
  }

  #tentou section#sct1 .mBox:nth-of-type(2n+1) {
    margin-right: 0
  }

  #tentou section#sct1 .mBox .layout01 {
    padding-right: 1em
  }

  #tentou section#sct3 {
    margin: 0;
    padding: 1em 0
  }

  #tentou section#sct3>div.menu {
    width: 630px;
    margin: 1em auto
  }

  #tentou section#sct3 #step1 .check .layout01:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct3 #step1 .check .layout01 dd {
    vertical-align: middle
  }

  #tentou section#sct3 #step1 .check .layout01 h1 {
    clear: both;
    float: left;
    width: 11em
  }

  #tentou section#sct3 #step1 .check .layout01 p {
    float: left;
    margin: .6em 0
  }

  #tentou section#sct3 #step1 .shopProfile:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct3 #step1 .shopProfile>div {
    border-bottom: none;
    border-right: 1px #ccc solid
  }

  #tentou section#sct3 #step1 .shopProfile>div:nth-of-type(2n) {
    border-right: none
  }

  #tentou section#sct3 #step1 .shopProfile>div:nth-of-type(n+3) {
    border-top: 1px #ccc solid
  }

  #tentou section#sct3 #step2:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct3 #step2 .layout01 {
    float: left;
    width: 50%
  }

  #tentou section#sct3 #step2 .layout01 p {
    padding-right: 0
  }

  #tentou section#sct3 #step3 .faq>div {
    border-top: 1px #ccc solid;
    border-radius: 0
  }

  #tentou section#sct3 #step3 .faq>div:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou section#sct3 #step3 .faq>div h1 {
    float: left;
    width: 45%;
    border: none
  }

  #tentou section#sct3 #step3 .faq>div p {
    float: left;
    width: 55%
  }

  #tentou>section.shopInfo {
    margin: 1em 0
  }

  #tentou>section.shopInfo:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tentou>section.shopInfo>div.mBox {
    margin: 0 1em 1em 0
  }

  #tentou>section.shopInfo>div.mBox:nth-of-type(2n+1) {
    margin-right: 0
  }

  #tentou>section.shopInfo>div.mBox>div p {
    height: 3em
  }

  #tentou>section.shopInfo>div.mBox>div>img {
    max-width: 100%
  }

  #tentou>section.shopInfo>div.mBox .layout01 {
    padding-right: 1em
  }

  #shucchou section.top {
    text-align: center
  }

  #shucchou section#sct1 {
    margin: 0;
    padding: 1em 0
  }

  #shucchou section#sct1:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #shucchou section#sct1 .meritlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #shucchou section#sct1 .meritlist .layout01 {
    display: block;
    width: 32%
  }

  #shucchou section#sct1 .meritlist .layout01>* {
    display: block
  }

  #shucchou section#sct1 .meritlist .layout01 dt {
    width: auto;
    padding-bottom: 15px;
    text-align: center
  }

  #shucchou section#howTo {
    margin: 0;
    padding: 18px 0
  }

  #shucchou section#howTo div.menu {
    width: 840px;
    margin: 2em auto
  }

  #shucchou section#howTo #step1 .web {
    width: auto
  }

  #shucchou section#results {
    margin: 0;
    padding: 1em 0
  }

  #shucchou section#results ul li {
    position: relative
  }

  #shucchou section#results ul li p.number {
    position: absolute;
    top: 50%;
    margin-top: -12px
  }

  #shucchou section#results ul li .textwrap {
    padding-left: 130px
  }

  #campaign section.item div.campCont01 {
    padding: 1.5em 0 2.5em;
    text-align: center
  }

  #campaign section.item div.campCont02 {
    padding: 1.5em 0 2.5em;
    text-align: center
  }

  #campaign section.item div.campCont02 .kyoukaBrand {
    text-align: left
  }

  #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 {
    display: flex
  }

  #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 ul {
    width: 50%;
    border-right: 2px #e0e0e0 solid
  }

  #campaign section.item div.campCont02 .kyoukaBrand .brandmain3 ul:last-child {
    width: 100%;
    border-right: none
  }

  #campaign section.item div.campCont02 .kyoukaBrand>dl dd.last {
    border-bottom: none
  }

  #campaign section.item div.campCont03 {
    padding: 1.5em 0 1em;
    text-align: center
  }

  #campaign section.item div.campCont03 p {
    text-align: left
  }

  #campaign section.example div.exampleWrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #campaign section.example div.exampleWrap div.exmpleItem {
    clear: both;
    float: left;
    width: 50%
  }

  #campaign section.example div.exampleWrap .priceWrap {
    float: right;
    width: 50%;
    padding-top: 28px;
    border-top: 2px #e0e0e0 solid
  }

  #campaign section.example div.exampleWrap .notForget {
    clear: both;
    margin: .5em 0
  }

  #campaign section.campDetail div.campTerm {
    margin: 1.5em 0
  }

  #campaign section.campDetail dl {
    margin: 1em 0
  }

  #buyer section.main {
    padding: 1em 0
  }

  #buyer section#sct1 .feature {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #buyer section#sct1 .feature div {
    width: 49%
  }

  #buyer section#sct2>div:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #buyer section#sct2>div div {
    float: left;
    width: 48%;
    margin-bottom: 0
  }

  #buyer section#sct2>div div img {
    width: 100%
  }

  #buyer section#sct2>div p {
    float: right;
    width: 49%
  }

  #buyer section#sct3 .staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #buyer section#sct3 .staff dl {
    width: 49%
  }

  div#riyuu section.top {
    margin: 2% 0 1em;
    padding: 1em 0 .1em
  }

  div#riyuu section.top ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  div#riyuu section.top ul li {
    width: 49.3%
  }

  div#riyuu section.main div.graph {
    width: 578px;
    margin: 0 auto 1em
  }

  div#riyuu section.main div.graph img {
    width: auto
  }

  div#riyuu section#sct2 h2 {
    top: 1.6em
  }

  div#riyuu section#sct2 img {
    width: auto;
    margin-right: 4%
  }

  div#riyuu section#sct3 div,
  div#riyuu section#sct4 div,
  div#riyuu section#sct5 div,
  div#riyuu section#sct6 div {
    padding: 1em 0
  }

  div#riyuu section#sct3 div:after,
  div#riyuu section#sct4 div:after,
  div#riyuu section#sct5 div:after,
  div#riyuu section#sct6 div:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  div#riyuu section#sct2 div img,
  div#riyuu section#sct3 div img,
  div#riyuu section#sct4 div img,
  div#riyuu section#sct5 div img,
  div#riyuu section#sct6 div img {
    float: left;
    width: 45%
  }

  div#riyuu section#sct3 div p,
  div#riyuu section#sct4 div p,
  div#riyuu section#sct5 div p,
  div#riyuu section#sct6 div p {
    float: right;
    width: 51%
  }

  #takuhai .top .kit>img {
    width: auto
  }

  #takuhai #content ul li {
    width: 25%
  }

  #takuhai #content ul li img {
    max-width: 100%
  }

  #yoritakaku section#sct3 ul {
    display: block;
    padding-left: 207px
  }

  #yoritakaku section#sct3 ul li {
    width: auto
  }

  #yoritakaku section#sct3 ul li:nth-child(4) {
    clear: both
  }

  #yoritakaku section#sct3 ul li:nth-child(4):before {
    content: '';
    display: block
  }

  #yoritakaku section#sct5 p.sub {
    text-align: center
  }

  #yoritakaku section#sct5 p.sub img {
    display: inline
  }

  #tenpo section.top>.catch:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tenpo section.top>.catch .textwrap {
    display: inline-block
  }

  #tenpo section.top>.catch h3.link {
    display: inline-block;
    vertical-align: top
  }

  #tenpo section.top>.catch h3.link a {
    display: block;
    padding: 20px 30px;
    background-color: #f2799a;
    color: #fff
  }

  #tenpo section.main .content dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #tenpo section.main .content dl dt {
    width: 30%;
    border-bottom: 1px #ccc solid
  }

  #tenpo section.main .content dl dt:last-of-type {
    border-bottom: none
  }

  #tenpo section.main .content dl dd {
    width: 70%;
    border-bottom: 1px #ccc solid
  }

  #tenpo section.main .content dl dd:last-of-type {
    border-bottom: none
  }

  #tenpo section.news .snsArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1em 0
  }

  #tenpo section.news .snsArea>div {
    width: 45.9%
  }

  #tenpo section.news .snsArea .blog {
    margin-bottom: 0;
    padding-bottom: 0
  }

  #tenpo section.news .tentouSimu p.simuIntro img {
    width: auto !important
  }

  #tenpo section.news .tentouSimu ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #tenpo section.news .tentouSimu ol li {
    width: 48%
  }

  #tenpo section.news .reason {
    border-bottom: 1px #f1f1f1 solid
  }

  #tenpo section.news .reason:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0
  }

  #tenpo section.news .reason .stepWrap {
    float: left;
    width: 33%;
    border-bottom: none
  }

  #tenpo section.news .reason .stepWrap img {
    float: none;
    width: auto;
    padding: 0 0 10px
  }

  #tenpo section.news .reason02 img.graph {
    width: auto
  }

  #tenpo section.news .reason02 p.txt3 {
    padding-left: 155px
  }

  #tenpo section.shibuInterview .intCont img.intImg {
    width: auto;
    padding-right: 10px
  }

  #tenpo section.shopInfo .shopCont dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  #tenpo section.shopInfo .shopCont dl dt {
    width: 30%;
    border-bottom: 1px #ccc solid
  }

  #tenpo section.shopInfo .shopCont dl dt:last-of-type {
    border-bottom: none
  }

  #tenpo section.shopInfo .shopCont dl dd {
    width: 70%;
    border-bottom: 1px #ccc solid
  }

  #tenpo section.shopInfo .shopCont dl dd:last-of-type {
    border-bottom: none
  }

  #tuyomi .title img {
    width: auto
  }

  #tuyomi .sign>img {
    width: auto
  }

  #tuyomi .main .main_head>img {
    width: auto
  }

  #tuyomi .main .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1em 0 .1em
  }

  #tuyomi .main .content .mBox {
    width: 49%
  }

  #areaDetail section.main h2>img {
    width: auto
  }

  #areaDetail section.main>div>img.taitori1 {
    width: 50%
  }

  #areaDetail section.main .text-center .sengen {
    border: 1px solid #F2799A;
    border-radius: 10px;
    width: 500px;
    background-color: #F2799A;
    margin: 0 auto
  }

  #areaDetail section.main .text-center .sengen p.txt {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #616161;
    padding: 0 0 0;
    background-color: #fff;
    width: 470px;
    margin-left: 13px;
    margin-top: 13px
  }

  #areaDetail section.main .text-center .sengen p.txtb {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #FFF;
    padding: 0 0 10px
  }

  #areaDetail section.main .text-center .sengen p.txt-large {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    color: #FFF;
    margin-top: 10px;
    letter-spacing: 10px
  }

  #areaDetail section.main>div>img.taitori2 {
    width: 60%
  }

  #gyouretu section.top {
    text-align: center;
    background-image: url(../img/common/bg.png);
    background-size: 30em
  }

  #gyouretu section.stripe {
    text-align: center
  }

  #gyouretu section.stripe div {
    text-align: left
  }

  #gyouretu section.stripe p {
    text-align: left
  }

  #gyouretu>section.top>div>p {
    line-height: 1.8;
    width: 420px;
    top: 10px;
    left: 185px;
    text-align: left
  }

  #gyouretu>section.branduru>img {
    width: 100%;
    left: 0
  }

  #gyouretu>section.branduru>h3 {
    padding-top: 10px
  }

  div#eco section.main div.activety {
    width: 640px;
    margin: 0 auto
  }

  div#eco section.main div.bottom {
    text-align: center
  }

  div#eco section.main div.bottom .layout01 p.txt3 {
    text-align: left
  }

  #sct2>div.step1>div.kitOffer>div:nth-child(6)>div>div.size>img {
    width: 100%
  }

  #tuyomi .main .content .mBox li>div:first-child {
    width: 150px;
    height: 150px
  }

  #buyer section#sct3 div.staff dl dt {
    display: table;
    width: 100%;
    margin-bottom: 1em
  }

  #hajimete #top>div.linkMenuDown {
    width: 1000px;
    margin: 0 auto
  }

  #hajimete #sct1 {
    padding: 0
  }

  #hajimete #sct1>div.main>h1 {
    text-align: center
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li p.field {
    min-height: 120px
  }

  #hajimete section#sct1 div.main div[class*="point"] {
    width: 1000px;
    margin: 1em auto
  }

  #hajimete section#sct1 div.main div.point2 div ul {
    text-align: center
  }

  #hajimete section#sct1 div.main div.point3 div p img {
    display: block;
    margin: 1em auto
  }

  #hajimete section#sct1 div.main div.point5 div p {
    text-align: center
  }

  #hajimete section#sct3 {
    width: 1000px;
    margin: 0 auto
  }

  #hajimete #company>div.table img {
    display: block
  }

  #hajimete section#sct1 div.main div.point1 div.upper ul li {
    padding: .54em;
    border-bottom: 1px #e0e0e0 solid;
    border-right: 1px #e0e0e0 solid;
    float: left;
    width: 33%;
    min-height: 480px
  }

  #hajimete section#sct1 div.main div.point1 div.lower>h1 img,
  #hajimete section#sct1 div.main div.point4 div img,
  #hajimete section#sct1 div.main div.point5 div img,
  #hajimete section#sct3 div.kodawari div.kdw1 div img {
    float: left;
    padding: 10px 30px 30px
  }

  #hajimete section#sct1 div.main div.point1 div.lower p {
    margin: 10px 0
  }

  #hajimete section#sct1 div.main div.point2 div ul li {
    float: left;
    width: 32%;
    padding: .5em
  }

  #hajimete section#sct1 div.main div.point3 div img {
    padding: 10px 22%
  }

  #hajimete section#sct1 div.main div.point4 div ul li {
    width: 29%
  }

  #hajimete section#sct3 div.kodawari div.kdw3 div img,
  #hajimete section#sct3 div.kodawari div.kdw2 div img {
    padding: 10px 22%
  }

  #hajimete section#sct4 div.top {
    text-align: center;
    width: 1000px;
    margin: auto
  }

  #hajimete #sct4>div.kikkake {
    width: 1000px;
    margin: 0 auto
  }

  #hajimete section#sct4 div.kikkake>div p[class*="txt"] {
    width: 410px
  }

  #hajimete section#sct4 div.kikkake>div p.txta1 {
    top: 4%;
    left: 35%
  }

  #hajimete section#sct4 div.kikkake>div p.txta2 {
    top: 28%;
    left: 25%
  }

  #hajimete section#sct4 div.kikkake>div p.txta3 {
    top: 51%;
    left: 35%
  }

  #hajimete section#sct4 div.kikkake>div p.txta4 {
    position: absolute;
    top: 78%;
    left: 25%
  }

  #hajimete section#sct4 div.kikkake>div img {
    padding: 0 20% 3em
  }

  #hajimete #sct4>div.voice {
    width: 1000px;
    margin: 1em auto
  }

  #hajimete section#sct4 div.interv {
    width: 1000px;
    margin: 0 auto
  }

  #hajimete section#sct4 div.interv h1 {
    margin: 0 25%
  }

  #hajimete section#company {
    margin: 0 auto 1em;
    width: 1000px
  }

  #hajimete section#company div.table dl dd img {
    float: left;
    margin: 0 20px
  }

  #hajimete section#message {
    margin: 0 auto 1em;
    padding: 0 1em 1em;
    width: 1000px
  }

  #hajimete section#sct1 div.main div.point2 div p {
    padding: 0 2em .917em
  }

  #hajimete section#sct1 div.main div.point3 div {
    padding: 2em
  }

  #hajimete section#sct1 div.main div.point4 div p {
    padding: 0 2em 2em
  }

  .clear,
  .container {
    clear: both
  }

  #interviewPg .A_A>p,
  #interviewPg .A_B>p,
  #interviewPg .Q>p,
  #interviewPg section.main div.title p {
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 180% !important
  }

  #interviewPg section.main div.title h1 {
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 130% !important;
    margin: 20px 0
  }
}

@media (max-width:779px) {
  .results-suggest-hover .container {
    padding-right: 20px;
    padding-left: 20px
  }

  .result.select .inner dl#item dd ul li a {
    background-size: auto 40px !important
  }

  .content-results-search .bg {
    padding: 40px 20px
  }

  .content-results-search .word-kana li a {
    font-size: 79%;
    padding: 8px 0
  }

  .paging {
    padding-bottom: 20px
  }

  .move-page-top img {
    width: 45px;
    height: 45px
  }

  .page-top p {
    right: 10px;
    bottom: 120px
  }

  .sm {
    display: block !important
  }

  .md {
    display: none !important
  }

  body {
    font-size: 16px;
    line-height: 1;
    background: #EEE;
    color: #616161
  }

  img {
    width: 100%;
    height: auto
  }

  .trans:hover,
  .trans:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }

  .wrapper {
    width: 100%
  }

  section.corner01 {
    background: #FFF;
    padding: 10% 0 5%;
    border-bottom: 0;
    margin-bottom: 4%
  }

  section.corner03 {
    background: #FFF;
    padding: 10px;
    border-bottom: 0;
    margin-bottom: 4%
  }

  .btn02 {
    border-width: 1px
  }

  .overlay {
    display: none;
    background-color: rgba(255, 255, 255, .85);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0
  }

  .overlay.active {
    display: block
  }

  .sec_ttl .ttl01 {
    position: absolute;
    top: -4em
  }

  .sec_ttl .ttl02 {
    font-size: 1.909em;
    padding-bottom: .6em;
    line-height: 1.2
  }

  .sec_ttl .ttl02 span {
    font-size: .5em;
    padding-top: .9em
  }

  .sec_ttl .ttl02 span.fs_m {
    font-size: .7em;
    display: inline;
    font-weight: 700
  }

  .sec_ttl .ttl02:before,
  .sec_ttl .ttl02:after {
    width: 40px;
    margin-left: -20px
  }

  .sec_ttl_graybg {
    padding: 40px 0 20px
  }

  .more_s {
    font-size: .909em;
    padding: 1% 1.5%;
    width: 7em;
    right: .8em;
    top: -2.3em
  }

  .more_s i {
    font-size: 1.5em;
    margin-top: -12px;
    right: 5%
  }

  footer .logo .ico {
    width: 4%;
    display: block;
    margin: 0 auto 4%
  }

  footer .bg {
    padding: 0
  }

  footer .nav {
    width: 100%;
    margin: 7% 0 0
  }

  footer .nav ul {
    display: block;
    width: 100%
  }

  footer .nav ul:first-child {
    border-top: 1px solid #d5d5d5
  }

  footer .copy {
    font-size: .909em;
    padding: 7% 0;
    line-height: 1.5
  }

  footer .nav li {
    margin-top: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 0
  }

  footer .nav li a {
    font-size: 1em;
    padding: 4%;
    display: block;
    position: relative
  }

  footer .nav li i {
    font-size: 1.2em;
    position: absolute;
    right: 2%
  }

  .howto .ttl .ttl01 {
    margin-top: 5%;
    padding: 0 4%
  }

  .howto .ttl .ttl02 {
    font-size: 1.273em;
    margin: 3% 0 5%
  }

  .howto .ttl .ttl02 strong {
    font-weight: 400
  }

  .howto .ttl .ttl02 strong:first-child {
    font-size: 1.2em;
    display: block;
    font-weight: 700;
    margin-bottom: 2%
  }

  .howto .step {
    margin: 4% 4% 0
  }

  .howto .step li {
    border-color: #616161;
    margin-bottom: 8%
  }

  .howto .step li>* {
    display: block
  }

  .howto .step li>.ttl {
    width: 100%;
    background: #616161;
    font-size: .909em;
    padding: 2.5% 0
  }

  .howto .step li>.ttl span {
    font-size: 1em
  }

  .howto .step li>.ttl strong {
    display: inline-block;
    margin-top: 0;
    font-size: 1.182em
  }

  .howto .step li>.ttl p {
    display: inline-block;
    margin-right: .5em
  }

  .howto .step li:after {
    left: 0;
    font-size: 2.273em;
    width: 100%;
    text-align: center
  }

  .howto .step li>.txt {
    padding: 4%;
    font-size: 1em
  }

  .howto .step li>.txt img {
    width: 24%
  }

  .howto .step li>.txt>p {
    width: 71%;
    margin-left: 2%;
    line-height: 1.4
  }

  .howto .step li>.txt>p strong {
    font-size: 1.1em;
    margin-bottom: 5%
  }

  .howto .link {
    width: 100%;
    padding: 1em 4% 0;
    border-spacing: inherit
  }

  .howto .link li {
    display: inline-block;
    width: 48%;
    margin-right: 4%
  }

  .howto .link li:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%
  }

  .howto .link li:last-child {
    margin-right: 0
  }

  .howto .link li a {
    padding: 1em 0
  }

  .howto .link li i {
    font-size: 1.455em;
    margin-top: -.6em;
    right: .6em
  }

  .howto div.shopDetail {
    padding: 1em
  }

  .howto div.shopDetail>dl {
    border: 1px #ccc solid;
    border-radius: 4px;
    margin-bottom: 1em
  }

  .howto div.shopDetail>dl dt {
    font-size: 1.09em;
    font-weight: 700;
    line-height: 2.5;
    background-color: #eee;
    padding: 0 .9em
  }

  .howto div.shopDetail>dl dd {
    padding: 1em;
    line-height: 1.4
  }

  .howto div.shopDetail>dl dd>p {
    margin-bottom: .5em
  }

  .top_kv_campaign,
  .top_kv_visit,
  .top_kv_shop,
  .top_kv_shop1,
  .top_kv_shop2,
  .top_kv_eco,
  .top_kv_send {
    height: auto;
    margin-bottom: 0m !important
  }

  .brand_ttl {
    padding: 0
  }

  .brand_ttl .txt {
    font-size: 1em;
    margin-bottom: 2%;
    padding-top: 7%
  }

  .brand_ttl .ttl01 {
    font-size: 1.409em;
    line-height: 1.5;
    margin-bottom: 4%
  }

  .brand_ttl .ttl01 span {
    font-size: .839em
  }

  .brand_ttl .ttl02 {
    font-size: 1.273em;
    padding: 5.5% 0
  }

  .brand_ttl .bal {
    margin: 0 auto 4%;
    font-size: 1.091em;
    line-height: 1.5;
    padding: 4%;
    border-radius: 2.727em;
    width: 94%
  }

  .brand_ttl .bal:after {
    bottom: -5px
  }

  .brand_ttl .ttl03 {
    padding: 7% 0 5%;
    font-size: 1.909em
  }

  .brand_ttl .ttl03 span {
    font-size: .50em;
    margin-bottom: 2.5%
  }

  .brand_ttl .ttl01 {
    margin-bottom: 10px
  }

  .brand_ttl .bal {
    margin-bottom: 15px;
    padding: 15px
  }

  .brand_ttl p.title4 {
    font-size: 14px !important
  }

  .brand_ttl p.title1b {
    font-size: 18px !important
  }

  .brand_ttl .ttl02 {
    padding-top: 15px;
    padding-bottom: 15px
  }

  .brand_ttl .ttl02+.line_botanbox {
    margin-top: 25px
  }

  .brand_ttl .ttl03 {
    font-size: 125%;
    padding: 30px 0 40px
  }

  .brand_point>.ttl {
    left: 50%;
    margin-left: -232px;
    top: -25px;
    padding: 0;
    width: 465px
  }

  .brand_point>.wrapper {
    padding-top: 0;
    padding-bottom: 0
  }

  .brand_point .sec_ttl .ttl02,
  .brand_point .content-title {
    font-size: 125%
  }

  .brand_point .txt {
    margin-top: 0
  }

  .brand_point {
    padding: 10% 2% 5%
  }

  .brand_point>.wrapper {
    background: #FFF;
    padding: 0 4% 4%
  }

  .brand_point .txt {
    font-size: 1.273em;
    margin-top: 5%;
    line-height: 1.6
  }

  .brand_point .txt img {
    float: right;
    width: 44%;
    margin-right: 0
  }

  .NoBg_ttl h1.ttl01 {
    font-size: 2em;
    letter-spacing: -2px
  }

  .inquiryBtn {
    margin: 20px auto
  }

  .inquiryBtn a {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    font-size: .909em;
    padding: 3% 0 2%
  }

  .inquiryBtn a span {
    display: inline-block;
    width: 100%
  }

  .inquiryBtn a i {
    display: inline-block;
    width: 100%;
    position: absolute;
    right: 0;
    text-align: right;
    padding-right: 3%
  }

  .corner01>.wrapper>.txt {
    text-align: left;
    line-height: 1.7
  }

  .attention {
    text-align: center
  }

  .attention h2.ttl {
    font-size: 1.6em;
    border: #ffc107 2px solid;
    width: 100%
  }

  .attention .txt {
    font-size: .909em;
    line-height: 1.4;
    padding: 1em 5%;
    text-align: left
  }

  .attention .box {
    width: 100%;
    margin-left: 0;
    border-spacing: inherit
  }

  .attention .box>.border,
  .attention .box>.tel {
    display: block;
    width: 100%
  }

  .attention .box .bal {
    margin-bottom: .3em;
    text-align: left
  }

  .attention .box .bal>li {
    width: 38%
  }

  .attention .box .bal>li:last-child {
    margin-left: 3%
  }

  .attention .box>.border>.web {
    padding: 0 4% 4%
  }

  .attention .box>.border>.web .corner01 {
    padding: 0;
    background: none;
    position: relative;
    z-index: 1
  }

  .attention .box>.border>.web .corner01 a {
    font-size: 1.636em;
    padding: 4% 0 2%
  }

  .attention .box>.border>.web .corner01 a img {
    width: 8%;
    margin-right: 3%;
    margin-left: -5%
  }

  .attention .box>.border>.web .corner01 a i {
    font-size: 1.5em;
    right: 5%;
    margin-top: -.45em
  }

  .attention .box>.date {
    margin-top: 5%;
    display: table !important
  }

  .attention .box .date .ttl {
    font-size: 1em;
    line-height: 1.3
  }

  .attention .box .date .txt {
    font-size: 1.636em
  }

  .attention .box .date .txt span {
    font-size: 1em;
    width: 2.5em;
    height: inherit;
    line-height: 1;
    vertical-align: middle;
    padding: .15em 0
  }

  .attention .box .date .txt {
    padding: 3% 0;
    line-height: 1;
    text-align: center
  }

  .attention .box>.tel .corner01 {
    background: #FFF;
    padding: 0 0 0;
    border-top: 1px solid #EEE
  }

  .attention.notice .box>.tel .corner01 {
    padding: 0 0 0
  }

  .attention .box>.tel .txt01 {
    font-size: 1em
  }

  .attention .box>.tel .call {
    font-size: 2.182em;
    margin: 3% 0
  }

  .attention .box>.tel .call i {
    font-size: .6em;
    width: 25px;
    height: 25px;
    border-width: 1px;
    line-height: 25px;
    margin-right: 2%
  }

  .attention .box>.tel .txt02 {
    font-size: .909em
  }

  .attention .box .img {
    top: 0;
    right: 8%;
    z-index: inherit;
    width: 30%
  }

  .attention.last .box {
    width: 100%;
    margin: 3.5em auto 0
  }

  .attention.last .box>.border {
    border: 2px solid #d0b592;
    border-radius: 4px;
    width: 94%;
    margin: 0 auto
  }

  .attention.last .box>.border>.ttl {
    position: absolute;
    top: -2em
  }

  .attention.last .img02 {
    margin: 0
  }

  .attention.last .box>.date {
    width: 94%;
    margin: 5% auto 0
  }

  .attention.last .box>.tel .corner01 {
    margin-top: 4%
  }

  .attention.last .box .bal {
    margin-top: 4%
  }

  .attention.last .box .bal li {
    width: 47%
  }

  .campaign_main {
    padding-bottom: 0
  }

  .campaign_main .wrapper {
    width: 100%
  }

  .campaign_main .bg {
    background: #FFF
  }

  .campaign_main .clo01 {
    margin-top: -2.273em
  }

  .campaign_main .clo01 .txt {
    width: inherit;
    left: 38%;
    bottom: 7%
  }

  .campaign_main .ttl02 .txt {
    font-size: 1.091em
  }

  .campaign_main .clo02 {
    margin-top: 0
  }

  .campaign_main .clo02 .txt {
    width: 65%;
    left: 6%;
    bottom: 14%;
    letter-spacing: -.05em
  }

  .campaign_main .clo03 {
    margin-top: -1.917em;
    margin-bottom: 1.667em
  }

  .campaign_main .clo03 .txt {
    left: inherit;
    bottom: 2%;
    right: 9%
  }

  .campaign_main .clo04 {
    margin-top: .583em;
    margin-bottom: -1.091em
  }

  .campaign_main .clo04 .txt {
    top: 48%;
    left: 6%
  }

  .campaign_main .point {
    padding: 0 6%
  }

  .campaign_main .point>.ttl {
    margin-bottom: 4%
  }

  .campaign_main .point ul {
    margin-top: 0
  }

  .campaign_main .point li {
    margin-bottom: 1.364em
  }

  .campaign_main .point ul .ttl {
    font-size: 1.182em;
    margin-bottom: .5em
  }

  .campaign_main .point ul .ttl img {
    width: 13%;
    margin-right: 2%
  }

  .campaign_main .point .txt {
    font-size: .909em
  }

  .campaign_main .box {
    background: #FFF;
    width: 96%;
    margin: 0 auto
  }

  .campaign_main .box .ttl {
    margin: 6% 0 0;
    background: #212121;
    color: #FFF;
    font-size: 1.273em;
    font-weight: 700;
    padding: 4% 0;
    border-radius: 4px 4px 0 0
  }

  .campaign_main .box ul {
    border-spacing: 10px
  }

  .campaign_main .box .txt {
    margin-top: 0;
    font-size: 1.091em;
    padding: 0 4% 4%
  }

  .howto_ttl {
    padding: 0
  }

  .howto_ttl>.ttl01 {
    background: #FFF;
    font-weight: 700;
    font-size: 1.909em;
    padding: 9% 0
  }

  .howto_ttl .ttl02 {
    padding: 0 0 2%
  }

  .howto_ttl .ttl02 span {
    font-size: 1.3em
  }

  .howto_btn ul {
    border-spacing: inherit;
    padding: 2%;
    width: 100%
  }

  .howto_btn li {
    display: block;
    width: 100%;
    border: none;
    background: #FFF;
    margin-bottom: 2%;
    text-align: left
  }

  .howto_btn li a {
    padding: 3%;
    position: relative
  }

  .howto_btn li .ttl {
    font-size: 1.364em;
    display: inline-block;
    width: 6.5em;
    vertical-align: middle
  }

  .howto_btn li .ttl .num {
    font-size: .80em;
    width: 1.667em;
    height: 1.667em;
    line-height: 1.667em;
    margin-right: 5%;
    vertical-align: text-bottom;
    text-align: center
  }

  .howto_btn li .sm.txt {
    margin-bottom: 0;
    font-size: .909em;
    display: inline-block !important
  }

  .howto_btn li i {
    position: absolute;
    right: 3%;
    font-size: 1.818em
  }

  .howto_about {
    padding: 5% 0 0
  }

  .howto_about>.ttl {
    margin-bottom: 4%
  }

  .howto_about>ul {
    width: 96%;
    margin: 0 auto;
    border-spacing: inherit
  }

  .howto_about>ul>li {
    display: block;
    width: 100%;
    padding: 4% 4% 0;
    background: #FFF
  }

  .howto_about>ul>li:last-child {
    padding: 4%
  }

  .howto_about>ul>li .box {
    padding: 4% 0 0;
    text-align: left
  }

  .howto_about>ul>li .txt01 {
    font-size: 1.091em
  }

  .howto_about>ul>li .ttl {
    padding: 0;
    background: url(../img/howto/sm/ribbon.png) no-repeat;
    line-height: 1.875em;
    background-size: 100%;
    border-radius: 0;
    text-align: left;
    font-size: 1.4em;
    padding-left: 6%;
    margin: 3% 0 2%
  }

  .howto_about>ul>li .img {
    margin: 0
  }

  .howto_about>ul>li .corner01 {
    background: #f8f4ef;
    padding: 4%
  }

  .howto_about>ul>li .txt03 {
    font-size: 1.091em;
    font-weight: 700;
    margin-bottom: 4%;
    color: #616161 !important
  }

  .howto_select {
    padding: 10% 0 3%
  }

  .howto_select>.ttl {
    margin-bottom: 3%;
    line-height: 1.5
  }

  .howto_select .tab_menu ul {
    width: 96%;
    border-spacing: inherit
  }

  .howto_select .tab_menu li {
    font-size: .773em;
    padding: 2.5% 0;
    background: #FFF;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
    border-left: 1px solid #212121;
    position: relative
  }

  .howto_select .tab_menu.top li:first-child,
  .howto_select .tab_menu.btm li:first-child {
    border-radius: 4px 0 0 4px !important
  }

  .howto_select .tab_menu.top li:last-child,
  .howto_select .tab_menu.btm li:last-child {
    border-right: 1px solid #212121;
    border-radius: 0 4px 4px 0px !important
  }

  .howto_select .tab_menu li strong {
    font-size: 1.647em;
    margin-top: 5%
  }

  .howto_select .tab_menu.top {
    border-bottom: none
  }

  .howto_select .tab_menu.btm {
    border-top: none
  }

  .howto_select .tab_menu.top li,
  .howto_select .tab_menu.btm li {
    border-radius: 0;
    line-height: 1.2
  }

  .howto_select .tab_menu.top .active:after,
  .howto_select .tab_menu.btm .active:after {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -5px
  }

  .howto_select .tab_menu.top .active:after {
    bottom: -5px;
    border-width: 5px 5px 0 5px;
    border-color: #212121 transparent transparent transparent
  }

  .howto_select .tab_menu.btm .active:after {
    top: -5px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #212121 transparent
  }

  .howto_select .tab_box {
    padding: 3% 2%;
    display: none
  }

  .howto_select .tab_box li {
    background: #FFF
  }

  .howto_select .tab_box.active {
    display: block
  }

  .howto_merit {
    padding: 10% 0 0
  }

  .howto_merit .ttl03 {
    font-size: 1.091em;
    margin-bottom: 2%
  }

  .howto_merit ul {
    width: 100%;
    margin: 0;
    border-spacing: inherit;
    padding: 0 4%
  }

  .howto_merit li {
    display: table;
    width: 100%;
    padding: 4%;
    background: #f8f4ef;
    margin-bottom: 4%
  }

  .howto_merit li>* {
    display: table-cell !important;
    vertical-align: middle
  }

  .howto_merit li>.ttl {
    width: 24%;
    padding-right: 3%
  }

  .howto_merit .ttl>img {
    width: 100%;
    padding-right: 0;
    display: inline-block
  }

  .howto_merit li>.txt {
    margin-top: 0;
    font-size: 1em;
    line-height: 1.4
  }

  .howto_merit li>.txt .sm {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: 2%
  }

  .howto_select .howto {
    padding: 7% 0 0
  }

  .howto_select .howto .sec_ttl .ttl02:before,
  .howto_select .howto .sec_ttl .ttl02:after {
    display: none
  }

  .howto_select .howto .sec_ttl .ttl02 {
    padding-bottom: .1em
  }

  .howto_select .howto .btn01 {
    width: 92%;
    margin: 4% auto;
    padding: 3.5% 4.5%;
    font-size: 1.455em;
    font-weight: 700;
    text-align: center
  }

  .howto .step li:last-child {
    margin-bottom: 0
  }

  .howto_select .howto .btn01 i {
    font-size: 1.5em;
    right: 4%;
    margin-top: -.5em
  }

  #shucchou .meritlist dt {
    width: 80px
  }

  #shucchou .meritlist dd {
    padding-left: 20px
  }

  #taishou .main>dl>dd>.layout01>*:first-child {
    width: 120px
  }

  #taishou .main ul.table {
    display: list-item
  }

  #taishou .main ul.table>li {
    display: list-item;
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  #tenpo section.shopInfo .shopCont>dl dd div.root div.leftImg {
    width: 120px
  }

  .sm {
    display: block !important
  }

  .md {
    display: none !important
  }

  body {
    font-size: 22px;
    line-height: 1;
    background: #EEE
  }

  img {
    width: 100%
  }

  .trans:hover,
  .trans:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
  }

  .wrapper {
    width: 100%
  }

  section.corner01 {
    background: #FFF;
    padding: 1% 0 5%;
    border-bottom: 0;
    margin-bottom: 4%
  }

  section.corner03 {
    background: #FFF;
    padding: 1% 0 5%;
    border-bottom: 0;
    margin-bottom: 4%
  }

  .btn02 {
    border-width: 1px
  }

  .overlay {
    display: none;
    background-color: rgba(255, 255, 255, .85);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0
  }

  .overlay.active {
    display: block
  }

  .sec_ttl .ttl01 {
    position: absolute;
    top: -4em
  }

  .sec_ttl .ttl02 {
    font-size: 1.909em;
    padding-bottom: .6em;
    line-height: 1.2
  }

  .sec_ttl .ttl02 span {
    font-size: .5em;
    padding-top: .9em
  }

  .sec_ttl .ttl02:before,
  .sec_ttl .ttl02:after {
    width: 40px;
    margin-left: -20px
  }

  .more_s {
    font-size: .909em;
    padding: 1% 1.5%;
    width: 7em;
    right: .8em;
    top: -2.3em
  }

  .more_s i {
    font-size: 1.5em;
    right: 5%
  }

  footer .logo .ico {
    width: 4%;
    display: block;
    margin: 0 auto 4%
  }

  footer .bg {
    padding: 0
  }

  footer .nav {
    width: 100%;
    margin: 7% 0 0
  }

  footer .nav ul {
    display: block;
    width: 100%
  }

  footer .nav ul:first-child {
    border-top: 1px solid #d5d5d5
  }

  footer .nav li {
    margin-top: 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 0
  }

  footer .nav li a {
    font-size: 1em;
    padding: 4%;
    display: block;
    position: relative
  }

  footer .nav li i {
    font-size: 1.2em;
    position: absolute;
    right: 2%
  }

  footer .copy {
    font-size: .909em;
    padding: 7% 0;
    line-height: 1.5
  }

  .howto .ttl .ttl01 {
    margin-top: 5%;
    padding: 0 4%
  }

  .howto .ttl .ttl02 {
    font-size: 1.273em;
    margin: 3% 0 5%
  }

  .howto .ttl .ttl02 strong {
    font-weight: 400
  }

  .howto .ttl .ttl02 strong:first-child {
    font-size: 1.2em;
    display: block;
    font-weight: 700;
    margin-bottom: 2%
  }

  .howto .ttl .step {
    margin: 4% 4% 0
  }

  .howto .step li {
    border-color: #616161;
    margin-bottom: 8%
  }

  .howto .step li>* {
    display: block
  }

  .howto .step li>.ttl {
    width: 100%;
    background: #616161;
    font-size: .909em;
    padding: 2.5% 0
  }

  .howto .step li:after {
    left: 0;
    font-size: 2.273em;
    width: 100%;
    text-align: center
  }

  .howto .step li>.ttl span {
    font-size: 1em
  }

  .howto .step li>.ttl strong {
    display: inline-block;
    margin-top: 0;
    font-size: 1.182em
  }

  .howto .step li>.ttl p {
    display: inline-block;
    margin-right: .5em
  }

  .howto .step li>.txt {
    padding: 4%;
    font-size: 1em
  }

  .howto .step li>.txt img {
    width: 24%;
    height: auto
  }

  .howto .step li>.txt>p {
    width: 71%;
    margin-left: 2%;
    line-height: 1.4
  }

  .howto .step li>.txt>p strong {
    font-size: 1.1em;
    margin-bottom: 5%
  }

  .howto .link {
    width: 100%;
    padding: 8% 4%;
    border-spacing: inherit
  }

  .howto .link li {
    display: inline-block;
    width: 48%;
    margin-right: 4%
  }

  .howto .link li:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%
  }

  .howto .link li:last-child {
    margin-right: 0
  }

  .howto .link li a {
    padding: 1em 0
  }

  .howto .link li i {
    font-size: 1.455em;
    margin-top: -.6em;
    right: .6em
  }

  .brand_ttl {
    padding: 0
  }

  .brand_ttl .txt {
    font-size: 1em;
    margin-bottom: 2%;
    padding-top: 7%
  }

  .brand_ttl .ttl01 {
    font-size: 1.409em;
    line-height: 1.5;
    margin-bottom: 4%
  }

  .brand_ttl .ttl02 {
    font-size: 1.273em;
    padding: 5.5% 0
  }

  .brand_ttl .bal {
    margin: 0 auto 4%;
    font-size: 1.091em;
    line-height: 1.5;
    padding: 4%;
    border-radius: 2.727em;
    width: 94%
  }

  .brand_ttl .bal:after {
    bottom: -5px
  }

  .brand_ttl .ttl03 {
    padding: 7% 0 5%;
    font-size: 1.909em
  }

  .brand_ttl .ttl03 span {
    font-size: .50em;
    margin-bottom: 2.5%
  }

  .brand_point>.wrapper {
    background: #FFF;
    padding: 0 4% 4%
  }

  .brand_point {
    padding: 10% 2% 5%
  }

  .brand_point .txt img {
    float: right;
    width: 44%;
    margin-right: 0
  }

  .brand_point .txt {
    font-size: 1.273em;
    margin-top: 5%;
    line-height: 1.6
  }

  .NoBg_ttl h1.ttl01 {
    font-size: 2em;
    letter-spacing: -2px
  }

  .attention {
    text-align: center
  }

  .attention h2.ttl {
    font-size: 1.6em;
    border: #ffc107 2px solid;
    width: 100%
  }

  .attention .txt {
    font-size: 1.273em;
    line-height: 1.4;
    padding: 1em 5%;
    text-align: left
  }

  .attention .box {
    width: 100%;
    margin-left: 0;
    border-spacing: inherit
  }

  .attention .box>.border,
  .attention .box>.tel {
    display: block;
    width: 100%
  }

  .attention .box .bal {
    margin-bottom: .3em;
    text-align: left
  }

  .attention .box .bal>li {
    width: 38%
  }

  .attention .box .bal>li:last-child {
    margin-left: 3%
  }

  .attention .box>.border>.web {
    padding: 0 4% 4%
  }

  .attention .box>.border>.web .corner01 {
    padding: 0;
    background: none;
    position: relative;
    z-index: 1
  }

  .attention .box>.border>.web .corner01 a {
    font-size: 1.636em;
    padding: 4% 0 2%
  }

  .attention .box>.border>.web .corner01 a img {
    width: 8%;
    margin-right: 3%;
    margin-left: -5%
  }

  .attention .box>.border>.web .corner01 a i {
    font-size: 1.5em;
    right: 5%;
    margin-top: -.45em
  }

  .attention .box>.date {
    margin-top: 5%;
    display: table !important
  }

  .attention .box .date .ttl {
    font-size: 1em;
    line-height: 1.3
  }

  .attention .box .date .txt {
    font-size: 1.636em
  }

  .attention .box .date .txt span {
    font-size: 1em;
    width: 2.5em;
    height: inherit;
    line-height: 1;
    vertical-align: middle;
    padding: .15em 0
  }

  .attention .box .date .txt {
    padding: 3% 0;
    line-height: 1;
    text-align: center
  }

  .attention .box>.tel .corner01 {
    background: #FFF;
    padding: 7% 0 0;
    border-top: 1px solid #EEE
  }

  .attention .box>.tel .txt01 {
    font-size: 1em
  }

  .attention .box>.tel .call {
    font-size: 2.182em;
    margin: 3% 0
  }

  .attention .box>.tel .call i {
    width: 40px;
    height: 40px
  }

  .attention .box>.tel .txt02 {
    font-size: .909em
  }

  .attention .box .img {
    top: 0;
    right: 8%;
    z-index: inherit;
    width: 30%
  }

  .attention.last .box {
    width: 100%;
    margin: 3.5em auto 0
  }

  .attention.last .box>.border {
    border: 2px solid #d0b592;
    border-radius: 4px;
    width: 94%;
    margin: 0 auto
  }

  .attention.last .box>.border>.ttl {
    position: absolute;
    top: -2em
  }

  .attention.last .img02 {
    margin: 0
  }

  .attention.last .box>.date {
    width: 94%;
    margin: 5% auto 0
  }

  .attention.last .box>.tel .corner01 {
    margin-top: 4%
  }

  .attention.last .box .bal {
    margin-top: 4%
  }

  .attention.last .box .bal li {
    width: 47%
  }

  .campaign_main {
    margin-bottom: 4%
  }

  .campaign_main_aw {
    margin-bottom: 0%
  }

  .campaign_main .wrapper {
    width: 100%
  }

  .campaign_main .bg {
    background: #FFF
  }

  .campaign_main .clo01 {
    margin-top: -2.273em
  }

  .campaign_main .clo01 .txt {
    width: inherit;
    left: 38%;
    bottom: 7%
  }

  .campaign_main .ttl02 .txt {
    font-size: 1.091em
  }

  .campaign_main .clo02 {
    margin-top: 0
  }

  .campaign_main .clo02 .txt {
    width: 65%;
    left: 6%;
    bottom: 14%;
    letter-spacing: -.05em
  }

  .campaign_main .clo03 {
    margin-top: -1.917em;
    margin-bottom: 1.667em
  }

  .campaign_main .clo03 .txt {
    left: inherit;
    bottom: 2%;
    right: 9%
  }

  .campaign_main .clo04 {
    margin-top: .583em;
    margin-bottom: -1.091em
  }

  .campaign_main .clo04 .txt {
    top: 48%;
    left: 6%
  }

  .campaign_main .point {
    padding: 0 6%
  }

  .campaign_main .point>.ttl {
    margin-bottom: 4%
  }

  .campaign_main .point ul {
    margin-top: 0
  }

  .campaign_main .point li {
    margin-bottom: 1.364em
  }

  .campaign_main .point ul .ttl {
    font-size: 1.182em;
    margin-bottom: .5em
  }

  .campaign_main .point ul .ttl img {
    width: 13%;
    margin-right: 2%
  }

  .campaign_main .point .txt {
    font-size: .909em
  }

  .campaign_main .box {
    background: #FFF;
    width: 96%;
    margin: 0 auto
  }

  .campaign_main .box .ttl {
    margin: 6% 0 0;
    background: #212121;
    color: #FFF;
    font-size: 1.273em;
    font-weight: 700;
    padding: 4% 0;
    border-radius: 4px 4px 0 0
  }

  .campaign_main .box ul {
    border-spacing: 10px
  }

  .campaign_main .box .txt {
    margin-top: 0;
    font-size: 1.091em;
    padding: 0 4% 4%
  }

  .howto_ttl {
    padding: 0
  }

  .howto_ttl>.ttl01 {
    background: #FFF;
    font-weight: 700;
    font-size: 1.909em;
    padding: 9% 0
  }

  .howto_ttl .ttl02 {
    font-size: 1.273em;
    padding: 7% 0 2%
  }

  .howto_ttl .ttl02 span {
    font-size: 1.5em
  }

  .howto_btn ul {
    border-spacing: inherit;
    padding: 2%;
    width: 100%
  }

  .howto_btn li {
    display: block;
    width: 100%;
    border: none;
    background: #FFF;
    margin-bottom: 2%;
    text-align: left
  }

  .howto_btn li a {
    padding: 3%;
    position: relative
  }

  .howto_btn li .ttl {
    font-size: 1.364em;
    display: inline-block;
    width: 6.5em;
    vertical-align: middle
  }

  .howto_btn li .ttl .num {
    font-size: .80em;
    width: 1.667em;
    height: 1.667em;
    line-height: 1.667em;
    margin-right: 5%;
    vertical-align: text-bottom;
    text-align: center
  }

  .howto_btn li .sm.txt {
    margin-bottom: 0;
    font-size: .909em;
    display: inline-block !important
  }

  .howto_btn li i {
    position: absolute;
    right: 3%;
    font-size: 1.818em
  }

  .howto_about {
    padding: 5% 0 0
  }

  .howto_about>.ttl {
    font-size: 1.273em;
    margin-bottom: 4%
  }

  .howto_about>ul {
    width: 96%;
    margin: 0 auto;
    border-spacing: inherit
  }

  .howto_about>ul>li {
    display: block;
    width: 100%;
    padding: 4% 4% 0;
    background: #FFF
  }

  .howto_about>ul>li:last-child {
    padding: 4%
  }

  .howto_about>ul>li .box {
    padding: 4% 0 0;
    text-align: left
  }

  .howto_about>ul>li .txt01 {
    font-size: 1.091em
  }

  .howto_about>ul>li .ttl {
    padding: 0;
    background: url(../img/howto/sm/ribbon.png) no-repeat;
    line-height: 1.875em;
    background-size: 100%;
    border-radius: 0;
    text-align: left;
    font-size: 1.455em;
    padding-left: 6%;
    margin: 3% 0 2%
  }

  .howto_about>ul>li .img {
    margin: 0
  }

  .howto_about>ul>li .corner01 {
    background: #f8f4ef;
    padding: 4%
  }

  .howto_about>ul>li .txt03 {
    font-size: 1.091em;
    font-weight: 700;
    margin-bottom: 4%
  }

  .howto_select {
    padding: 10% 0 3%
  }

  .howto_select>.ttl {
    font-size: 1.273em;
    margin-bottom: 3%;
    line-height: 1.5
  }

  .howto_select .tab_menu ul {
    width: 96%;
    border-spacing: inherit
  }

  .howto_select .tab_menu li {
    font-size: .773em;
    padding: 2.5% 0;
    background: #FFF;
    border-top: 1px solid #f2799a;
    border-bottom: 1px solid #f2799a;
    border-left: 1px solid #f2799a;
    position: relative
  }

  .howto_select .tab_menu.top li:first-child,
  .howto_select .tab_menu.btm li:first-child {
    border-radius: 4px 0 0 4px !important
  }

  .howto_select .tab_menu.top li:last-child,
  .howto_select .tab_menu.btm li:last-child {
    border-right: 1px solid #f2799a;
    border-radius: 0 4px 4px 0px !important
  }

  .howto_select .tab_menu li strong {
    font-size: 1.647em;
    margin-top: 5%
  }

  .howto_select .tab_menu.top {
    border-bottom: none
  }

  .howto_select .tab_menu.btm {
    border-top: none
  }

  .howto_select .tab_menu.top li,
  .howto_select .tab_menu.btm li {
    border-radius: 0;
    line-height: 1.2
  }

  .howto_select .tab_menu.top .active:after,
  .howto_select .tab_menu.btm .active:after {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -5px
  }

  .howto_select .tab_menu.top .active:after {
    bottom: -5px;
    border-width: 5px 5px 0 5px;
    border-color: #f2799a transparent transparent transparent
  }

  .howto_select .tab_menu.btm .active:after {
    top: -5px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #f2799a transparent
  }

  .howto_select .tab_box {
    padding: 3% 2%
  }

  .howto_select .tab_box li {
    background: #FFF
  }

  .howto_merit {
    padding: 10% 0 0
  }

  .howto_merit .ttl03 {
    font-size: 1.091em;
    margin-bottom: 2%
  }

  .howto_merit ul {
    width: 100%;
    margin: 0;
    border-spacing: inherit
  }

  .howto_merit ul {
    padding: 0 4%
  }

  .howto_merit li {
    display: table;
    width: 100%;
    padding: 4%;
    background: #f8f4ef !important;
    margin-bottom: 4%
  }

  .howto_merit li>* {
    display: table-cell !important;
    vertical-align: middle
  }

  .howto_merit li>.ttl {
    width: 24%;
    padding-right: 3%
  }

  .howto_merit .ttl>img {
    width: 100%;
    padding-right: 0;
    display: inline-block
  }

  .howto_merit li>.txt {
    margin-top: 0;
    font-size: 1em;
    line-height: 1.4
  }

  .howto_merit li>.txt .sm {
    font-size: 1.182em;
    font-weight: 700;
    margin-bottom: 2%
  }

  .howto_select .howto {
    padding: 7% 0 0
  }

  .howto_select .howto .sec_ttl .ttl02:before,
  .howto_select .howto .sec_ttl .ttl02:after {
    display: none
  }

  .howto_select .howto .sec_ttl .ttl02 {
    padding-bottom: .1em
  }

  .howto_select .howto .btn01 {
    width: 92%;
    margin: 4% auto;
    padding: 3.5% 4.5%;
    font-size: 1.455em;
    font-weight: 700;
    text-align: center
  }

  .howto .step li:last-child {
    margin-bottom: 0
  }

  .howto_select .howto .btn01 i {
    font-size: 1.5em;
    right: 4%;
    margin-top: -.5em
  }
}

@media (max-width:639px) {
  body {
    font-size: 21px
  }
}

@media (max-width:599px) {
  body {
    font-size: 18px
  }

  #taishou .main .text,
  #taishou .main li>dl>dd>ul>li {
    font-size: 115%
  }
}

@media (max-width:480px) {
  .content-results-search .bg {
    padding: 20px 10px
  }

  .content-results-search .lead {
    margin-bottom: 20px
  }

  .content-results-search .tab-content {
    padding: 10px
  }

  .content-results-search .word-free .tab-content-title {
    padding-bottom: 10px
  }

  .content-results-search .word-kana .tab-content-title {
    padding-bottom: 5px
  }

  .content-results-search .word-kana .table-wrap {
    margin-right: -5px;
    margin-left: -5px
  }

  .content-results-search .word-kana ul {
    border-spacing: 5px 0;
    margin-top: 5px
  }

  .content-results-search .word-kana li a {
    padding: 5px 0
  }

  .move-page-top img {
    width: 45px;
    height: 45px
  }

  .page-top p {
    right: 10px;
    bottom: 120px
  }

  p.title1 {
    font-size: 1em !important;
    color: #535353 !important;
    font-weight: bold !important;
    display: inline-block;
    position: relative
  }

  .campaign_main .point ul .ttl {
    font-size: 1.35em
  }

  .campaign_main .point .txt {
    font-size: 1.25em
  }
}

@media (max-width:479px) {
  body {
    font-size: 16px
  }
}

@media (max-width:400px) {
  body {
    font-size: 14px
  }

  .campaign_main .point ul .ttl {
    font-size: 1.5em
  }

  .campaign_main .point .txt {
    font-size: 1.35em
  }

  #send,
  #shucchou,
  #tentou,
  #yoritakaku {
    font-size: 16px
  }
}

@media (max-width:383px) {
  body {
    font-size: 13px
  }
}

@media (max-width:359px) {
  body {
    font-size: 11px
  }
}

@media (max-width:319px) {
  body {
    font-size: 10px
  }
}

@media (max-width:300px) {
  body {
    font-size: 8px
  }
}

.bk {
  padding: 20px
}

#areaDetail section.main {
  padding-bottom: 10px
}

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

  section.corner01,
  section.corner03 {
    margin-right: 20px;
    margin-left: 20px
  }

  .brand_point {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px
  }
}

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

  section.corner01,
  section.corner03 {
    margin-right: 10px;
    margin-left: 10px
  }

  .brand_point>.ttl {
    top: -5px;
    margin-left: -155px;
    width: 310px
  }

  .brand_point>.wrapper {
    padding: 4%
  }

  .brand_point .sec_ttl {
    padding-top: 10px
  }

  .brand_point .ttl02 strong {
    font-size: 100%;
    margin-bottom: 0
  }
}

.badge {
  background: #c4a277;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  line-height: 20px;
  padding: 0 10px;
  font-size: 67%
}

.balloon {
  background: #f2799a;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 78%;
  line-height: 30px;
  padding: 0 15px;
  text-align: center
}

.balloon strong {
  font-size: 125%
}

.balloon:after {
  content: "";
  border-color: #f2799a transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  margin-left: -5px;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 0;
  height: 0
}

.balloon-beige {
  background: #c4a277
}

.balloon-beige:after {
  border-top-color: #c4a277
}

.business-day dl {
  border: 1px solid #9e9e9e;
  border-collapse: separate;
  border-radius: 4px
}

.business-day dt,
.business-day dd {
  padding: 15px 0
}

.business-day dt {
  background: #eee;
  border: 1px solid #fff;
  border-radius: 3px 0 0 3px;
  font-size: 89%;
  font-weight: 700
}

.business-day dd {
  background: #fff;
  border-radius: 0 3px 3px 0;
  font-size: 150%
}

.business-day dd span {
  vertical-align: middle
}

.business-day dd .num {
  background: #616161;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px
}

@media screen and (max-width:400px) {
  .business-day dt {
    border-radius: 3px 3px 0 0;
    padding-top: 5px;
    padding-bottom: 5px
  }

  .business-day dd {
    border-radius: 0 0 3px 3px;
    padding-top: 5px;
    padding-bottom: 10px
  }

  .business-day dd .num {
    border-radius: 15px;
    line-height: 30px
  }
}

.bt {
  background: #f2799a;
  border: none;
  border-bottom: 2px solid #f06288;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px 15px;
  text-align: center;
  transition: 0.3s all ease-out;
  width: 100%
}

.bt:link,
.bt:visited {
  color: #fff
}

.bt:hover,
.bt:active {
  color: #fff
}

.bt:hover {
  background: #f06288;
  border-bottom-color: #ed4b77
}

.bt.inactive {
  background: #eee;
  border-bottom-color: #e0e0e0;
  color: #bdbdbd
}

.bt.inactive:link,
.bt.inactive:visited {
  color: #bdbdbd
}

.bt.inactive:hover,
.bt.inactive:active {
  color: #9e9e9e
}

.bt.inactive-pink {
  background: #fdedf2
}

.bt span {
  vertical-align: middle
}

.bt-arrow-u,
.bt-arrow-r,
.bt-arrow-d {
  padding-right: 30px
}

.bt-arrow-u:after,
.bt-arrow-r:after,
.bt-arrow-d:after {
  content: '\f105';
  display: block;
  font-family: "FontAwesome";
  font-size: 150%;
  font-weight: 400;
  line-height: 20px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  right: 20px
}

.bt-arrow-u:after {
  content: '\f106';
  right: 15px
}

.bt-arrow-r:after {
  content: '\f105';
  right: 15px
}

.bt-arrow-d {
  padding-left: 0
}

.bt-arrow-d:after {
  content: '\f107';
  right: 15px
}

.bt-flat {
  border-bottom: none !important;
  box-shadow: none !important;
  cursor: default;
  pointer-events: none
}

.bt-beige {
  background: #c4a277;
  border-bottom-color: #b58a53
}

.bt-beige:hover {
  background: #b58a53;
  border-bottom-color: #956f40
}

.bt-light-gray {
  background: #eee;
  border-bottom-color: #e0e0e0;
  color: #424242
}

.bt-light-gray:link,
.bt-light-gray:visited {
  color: #424242
}

.bt-light-gray:hover,
.bt-light-gray:active {
  color: #212121
}

.bt-light-gray:hover {
  background: #e0e0e0;
  border-bottom-color: #bdbdbd
}

.bt-item {
  font-size: 67%;
  padding-right: 0;
  padding-left: 0
}

.bt-item img {
  max-width: 50px;
  height: auto
}

.bt-item .item {
  display: block;
  padding-top: 5px
}

.bt-item-m {
  font-size: 73%;
  padding-top: 20px;
  padding-bottom: 20px
}

.bt-item-m img {
  max-width: 60px
}

.bt-more {
  background: #fff !important;
  border: 2px solid #f2799a;
  color: #f2799a;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 240px
}

.bt-more:link,
.bt-more:visited {
  color: #f2799a
}

.bt-more:hover,
.bt-more:active {
  color: #ed4b77
}

.bt-more:hover {
  border-color: #ed4b77
}

.bt-more-beige {
  border-color: #c4a277;
  color: #c4a277
}

.bt-more-beige:link,
.bt-more-beige:visited {
  color: #c4a277
}

.bt-more-beige:hover,
.bt-more-beige:active {
  color: #b58a53
}

.bt-more-beige:hover {
  border-color: #b58a53
}

.bt-more-white {
  background: none !important;
  border-color: #fff;
  color: #fff
}

.bt-more-white:link,
.bt-more-white:visited {
  color: #fff
}

.bt-more-white:hover,
.bt-more-white:active {
  color: #fff
}

.bt-more-white:hover {
  border-color: #fff
}

.bt-read {
  background: #fff;
  border: 1px solid #f2799a;
  color: #f2799a;
  font-size: 89%
}

.bt-read:link,
.bt-read:visited {
  color: #f2799a
}

.bt-read:hover,
.bt-read:active {
  color: #ed4b77
}

.bt-read:hover {
  background: #fff;
  border-color: #ed4b77
}

:hover .bt-read {
  background: #fff;
  border-color: #ed4b77;
  color: #ed4b77
}

.bt-read-beige {
  background: #fff;
  border: 1px solid #c4a277;
  color: #c4a277;
  font-size: 89%
}

.bt-read-beige:link,
.bt-read-beige:visited {
  color: #c4a277
}

.bt-read-beige:hover,
.bt-read-beige:active {
  color: #b58a53
}

.bt-read-beige:hover {
  background: #fff;
  border-color: #b58a53
}

:hover .bt-read-beige {
  background: #fff;
  border-color: #b58a53;
  color: #b58a53
}

.bt-sell {
  padding-left: 0;
  padding-right: 30px
}

.bt-title {
  color: #616161;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: inline-block;
  font-size: 73%;
  padding: 3px 20px 3px 10px;
  position: absolute;
  top: -40px;
  right: 20px;
  z-index: 2
}

.bt-title:link,
.bt-title:visited {
  color: #616161
}

.bt-title:hover,
.bt-title:active {
  color: #f2799a
}

.bt-title:hover {
  border-color: #f2799a
}

.bt-title.bt-arrow-r:after {
  right: 10px
}

.bt-full {
  max-width: none;
  width: 100%
}

.bt-s {
  font-size: 89%
}

@media screen and (max-width:991px) {
  .bt-item {
    padding-top: 5px;
    padding-bottom: 5px
  }
}

@media screen and (max-width:767px) {
  .bt-item {
    font-size: 62%
  }

  .bt-item {
    font-size: 78%
  }
}

@media screen and (max-width:400px) {
  .bt-more {
    max-width: none
  }
}

.category-tag {
  background-color: #c4a277;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 62%;
  padding: 0 10px;
  text-align: center
}

.ic {
  display: inline-block;
  vertical-align: middle
}

.ic-female {
  background: #f7a7bd;
  border-radius: 50%;
  width: 80px;
  height: 80px
}

.ic-female01 {
  content: url(../img/common/icon_female01.png)
}

.ic-female01-r {
  content: url(../img/common/icon_female01_r.png)
}

.ic-female02 {
  content: url(../img/common/icon_female02.png)
}

.ic-female02-r {
  content: url(../img/common/icon_female02_r.png)
}

.ic-female03 {
  content: url(../img/common/icon_female03.png)
}

.ic-female03-r {
  content: url(../img/common/icon_female03_r.png)
}

.ic-freedial {
  content: url(../img/common/icon_freedial.png)
}

.ic-nocopy {
  content: url(../img/common/icon_nocopy.png)
}

.ic-ok {
  background: #f2799a;
  border-radius: 50%;
  content: url(../img/common/icon_ok.png);
  width: 60px;
  height: 60px
}

.ic-sell {
  content: url(../img/common/icon_sell.png);
  width: 60px;
  height: 60px
}

@media screen and (max-width:480px) {
  .ic-female {
    width: 60px;
    height: 60px
  }

  .ic-ok {
    width: 40px;
    height: 40px
  }
}

.information {
  background: #eee;
  border-radius: 10px;
  font-size: 78%;
  padding: 20px
}

.information p {
  padding-top: 5px
}

.information-title {
  font-weight: 700;
  text-align: center
}

.information-warning {
  background: #feeceb;
  color: #f44336
}

.loading {
  background: #f8f4ef;
  border-radius: 10px;
  color: #b58a53;
  font-size: 78%;
  padding: 20px;
  text-align: center
}

.loading:before {
  -webkit-animation: webkit-spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-radius: 50%;
  border: 2px solid #b58a53;
  border-right-color: transparent;
  content: '';
  display: inline-block;
  margin-right: 5px;
  transition: 0.3s all ease-out;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  z-index: 3
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(359deg)
  }
}

@-webkit-keyframes webkit-spin {
  0% {
    -webkit-transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg)
  }
}

.price-tag {
  background-color: #f2799a;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: "Noto Serif", serif;
  padding: 0 10px;
  text-align: center
}

.price-tag .font-ja {
  font-size: 75%
}

.price-tag-2 {
  line-height: 1.25;
  padding-top: 8px;
  padding-bottom: 8px
}

.price-tag-m {
  font-size: 117%;
  padding-top: 3px;
  padding-bottom: 3px
}

@media screen and (max-width:991px) {
  .price-tag-m {
    font-size: 100%;
    padding-right: 5px;
    padding-left: 5px
  }
}

.rb img {
  width: 100%;
  height: auto
}

.rb-area,
.rb-area-text,
.rb-free,
.rb-free-text {
  max-width: 200px
}

.rb-area {
  content: url(../img/common/ribbon04.png)
}

.rb-episode {
  background: url(../img/lp/ribbon02.png) no-repeat 0 0;
  color: #FFF;
  display: block;
  text-align: center;
  width: 80px;
  height: 110px
}

.rb-area-text .episode,
.rb-episode .episode {
  font-size: 67%;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 5px
}

.rb-area-text .font-noto,
.rb-episode .font-noto {
  font-size: 167%;
  line-height: 1.2
}

.rb-free {
  content: url(../img/common/ribbon01.png)
}

.rb-pickup {
  width: 100px
}

.no01 {
  content: url(../img/common/ribbon_rank01.png)
}

.no02 {
  content: url(../img/common/ribbon_rank02.png)
}

.no03 {
  content: url(../img/common/ribbon_rank03.png)
}

.no04 {
  content: url(../img/common/ribbon_rank04.png)
}

.no05 {
  content: url(../img/common/ribbon_rank05.png)
}

.no06 {
  content: url(../img/common/ribbon_rank06.png)
}

.no07 {
  content: url(../img/common/ribbon_rank07.png)
}

.no08 {
  content: url(../img/common/ribbon_rank08.png)
}

.no09 {
  content: url(../img/common/ribbon_rank09.png)
}

.no10 {
  content: url(../img/common/ribbon_rank10.png)
}

.no11 {
  content: url(../img/common/ribbon_rank11.png)
}

.no12 {
  content: url(../img/common/ribbon_rank12.png)
}

.no13 {
  content: url(../img/common/ribbon_rank13.png)
}

.no14 {
  content: url(../img/common/ribbon_rank14.png)
}

.no15 {
  content: url(../img/common/ribbon_rank15.png)
}

.no16 {
  content: url(../img/common/ribbon_rank16.png)
}

.no17 {
  content: url(../img/common/ribbon_rank17.png)
}

.no18 {
  content: url(../img/common/ribbon_rank18.png)
}

.no19 {
  content: url(../img/common/ribbon_rank19.png)
}

.no20 {
  content: url(../img/common/ribbon_rank20.png)
}

.rb-price {
  content: url(../img/common/ribbon05.png);
  margin-right: auto;
  margin-left: auto;
  max-width: 480px
}

.rb-service,
.rb-service-text {
  max-width: 520px
}

.rb-service {
  content: url(../img/common/ribbon02.png)
}

@media screen and (max-width:767px) {
  .rb-pickup {
    width: 80px
  }
}

.swiper-button-next,
.swiper-button-prev {
  background: none;
  margin-top: -25px;
  -ms-filter: "alpha(opacity=75)";
  filter: alpha(opacity=75);
  opacity: .75;
  transition: 0.3s all ease-out;
  width: 50px;
  height: 50px
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.swiper-button-next:before,
.swiper-button-prev:before {
  background: #000;
  border-radius: 50%;
  content: '';
  display: block;
  width: 100%;
  height: 100%
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: #fff;
  font-family: "FontAwesome";
  font-size: 200%;
  line-height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: center;
  width: 30px
}

.swiper-button-prev {
  margin-left: -27px
}

.swiper-button-prev:after {
  content: '\f104'
}

.swiper-button-next {
  margin-right: -27px
}

.swiper-button-next:after {
  content: '\f105'
}

.swiper-pagination {
  padding-top: 10px;
  position: relative;
  left: auto !important;
  bottom: auto !important;
  text-align: center
}

.swiper-pagination-bullet {
  background: #e0e0e0;
  margin-right: 3px !important;
  margin-left: 3px !important;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.swiper-pagination-bullet-active {
  background: #616161
}

.swiper-slide a {
  display: block
}

.swiper-slide img {
  border-radius: 5px;
  width: 100%;
  height: auto
}

.swiper-scrollbar {
  margin-top: 10px;
  height: 4px
}

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

  .swiper-button-next,
  .swiper-button-prev {
    margin-top: -20px;
    width: 40px;
    height: 40px
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 150%;
    line-height: 30px;
    top: 5px;
    left: 5px
  }

  .swiper-button-prev {
    margin-left: -20px
  }

  .swiper-button-next {
    margin-right: -20px
  }
}

.toggle-list {
  margin-bottom: 10px
}

.toggle-list .toggle-list-toggle {
  background: #616161;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  padding: 5px 10px
}

.toggle-list .toggle-list-toggle i {
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 10px
}

.toggle-list .toggle-list-toggle .fa-chevron-up {
  display: none
}

.toggle-list .toggle-list-body {
  border: 1px solid #616161;
  border-top: none;
  border-radius: 0 0 4px 4px;
  display: none
}

.toggle-list.jq-open .toggle-list-toggle {
  border-radius: 4px 4px 0 0
}

.toggle-list.jq-open .toggle-list-body {
  display: block
}

.last-update {
  background-color: #fdedf2;
  border-radius: 4px;
  color: #f06288;
  display: inline-block;
  font-size: 78%;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center
}

header {
  background: #fff;
  text-align: center;
  z-index: 20
}

header .campaign-aw {
  background: #590b09
}

header .header-container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  max-width: 1040px;
  height: 90px
}

header .logo {
  padding-top: 23px;
  width: 153px;
  z-index: 2
}

header .logo img {
  width: 100%;
  height: auto
}

header .user {
  margin-top: -34px;
  position: absolute;
  top: 50%;
  left: 183px;
  width: 68px
}

@media screen and (max-width:640px) {
  header .user {
    left: 140px
  }
}

@media screen and (max-width:480px) {
  header .user {
    margin-top: -25px;
    left: 120px;
    width: 50px
  }
}

@media screen and (max-width:400px) {
  header .user {
    margin-top: -22px;
    width: 45px
  }
}

header .user img {
  width: 100%;
  height: auto
}

header .contact {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 10px;
  width: 100%
}

header .contact .contact-lead {
  display: block;
  font-size: 78%;
  letter-spacing: .125em;
  line-height: 20px
}

header .contact .tel {
  display: block;
  line-height: 40px
}

header .contact .number {
  color: #212121;
  display: inline-block;
  font-size: 200%
}

header .contact .open {
  color: #616161;
  display: block;
  font-size: 62%;
  letter-spacing: .125em;
  line-height: 14px
}

header .ic-freedial {
  width: 40px;
  height: 40px
}

header .btns {
  position: absolute;
  top: 9px;
  right: 20px;
  width: 300px;
  z-index: 2
}

header .bt {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 60px;
  line-height: 20px
}

header .bt .ic {
  margin-top: -30px;
  position: absolute;
  top: 50%;
  left: 5px
}

header .bt span {
  display: block
}

header .bt-lead {
  font-size: 67%;
  font-weight: 400
}

header nav {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}

header nav ul {
  display: table;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
  width: 100%
}

header nav li {
  display: table-cell
}

header nav li a {
  color: #212121;
  display: block;
  font-size: 67%;
  line-height: 20px;
  padding: 10px
}

header nav li a:link,
header nav li a:visited {
  color: #212121
}

header nav li a:hover,
header nav li a:active {
  color: #fff
}

header nav li a:hover {
  background: #212121
}

header .menu {
  display: none;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 60px;
  height: 100%
}

header .menu:hover {
  background: #f8f4ef
}

header .menu i {
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%
}

header .menu .fa-times {
  display: none
}

header .menu.active .fa-bars {
  display: none
}

header .menu.active .fa-times {
  display: inline-block
}

li.line.hide-sm {
  background-color: #33bd17
}

li.line.hide-sm a {
  color: #fff
}

@media screen and (max-width:991px) {
  header .btns {
    width: 200px
  }
}

@media screen and (max-width:767px) {
  body {
    padding-top: 80px
  }

  header {
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
  }

  header .header-container {
    padding-right: 0;
    height: 80px
  }

  header .logo {
    padding-top: 18px
  }

  header .btns {
    right: 70px
  }

  header .bt {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px
  }

  header .bt .ic {
    margin-top: -20px;
    width: 40px;
    height: 40px
  }

  header .menu {
    display: block
  }

  header nav {
    display: none;
    border: none
  }

  header nav.active {
    display: block
  }

  header nav ul,
  header nav li {
    display: list-item
  }

  header nav li {
    border-top: 1px solid #eee
  }

  header nav li a {
    color: #f2799a;
    padding-right: 30px;
    padding-left: 30px;
    text-align: left
  }

  header nav li a:link,
  header nav li a:visited {
    color: #666
  }

  header nav li a:hover,
  header nav li a:active {
    color: #f2799a
  }

  header nav li a:before {
    background: #f2799a;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 6px;
    height: 6px
  }

  header nav li a:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 10px
  }

  header nav li a:hover {
    background: #f8f4ef
  }

  header nav li.my {
    background: #fdedf2;
    font-weight: 700
  }

  header nav li.my a {
    color: #f2799a;
    font-size: 79%;
    padding-top: 12px;
    padding-bottom: 12px
  }

  header nav li.my a:before {
    background: none;
    content: '\f007';
    font-family: 'FontAwesome';
    margin-top: -10px;
    line-height: 20px;
    left: 10px;
    width: auto;
    height: auto
  }

  header nav li.line {
    background: #42cc3c;
    font-weight: 700
  }

  header nav li.line a {
    color: #fff;
    font-size: 79%;
    padding-top: 12px;
    padding-bottom: 12px
  }

  header nav li.line a:before {
    background: none;
    content: '\f075';
    font-family: 'FontAwesome';
    margin-top: -10px;
    line-height: 20px;
    left: 10px;
    width: auto;
    height: auto
  }
}

@media screen and (max-width:640px) {
  header .header-container {
    padding-left: 10px
  }

  header .logo {
    padding-top: 23px;
    width: 120px
  }

  header .btns {
    width: 180px
  }

  header .bt {
    font-size: 89%
  }
}

@media screen and (max-width:480px) {
  body {
    padding-top: 70px
  }

  header .header-container {
    height: 70px
  }

  header .logo {
    padding-top: 21px;
    width: 100px
  }

  header .btns {
    right: 50px;
    width: 150px
  }

  header .bt {
    font-size: 78%;
    padding-top: 5px;
    padding-bottom: 5px
  }

  header .menu {
    width: 40px
  }
}

p.mv_txt {
  background-color: #fdedf2;
  color: #616161;
  font-size: 70%;
  line-height: 20px
}

.kitbox_info {
  background: #FFF;
  padding: 3px 5px 2px;
  border-radius: 50px;
  display: inline-block;
  margin: 3px 5px;
  font-size: 80%;
  vertical-align: middle
}

.kitbox_info:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(/img/common/kitbox_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px
}

.content-wrapper {
  overflow-x: hidden;
  width: 100%;
  margin-top: 25px
}

.content-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1040px;
  padding: 0 20px
}

header,
.content-bg,
.content-box,
.content-full,
.content-white {
  line-height: 1.8;
  font-size: 18px
}

.content-bg {
  background: #eee
}

.content-box {
  border-bottom: 1px solid #eee;
  padding: 80px 0 60px
}

.content-box.is-t0 {
  padding-top: 0
}

.content-full {
  border-radius: 0
}

.content-white {
  background: #fff
}

.content-ribbon {
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.content-ribbon01 {
  margin-top: -140px;
  margin-bottom: 20px;
  max-width: 580px
}

.content-title {
  color: #616161;
  font-size: 156%;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.content-title-solo {
  margin-bottom: 20px
}

.content-title-en {
  color: #9e9e9e;
  font-family: "Noto Serif", serif;
  font-size: 78%;
  text-align: center
}

.content-title-sub {
  color: #f2799a;
  font-size: 60%
}

.content-subtitle {
  font-size: 134%;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.content-subtitle i {
  vertical-align: 0
}

.content-lead {
  margin: 20px 0;
  padding-top: 20px
}

.content-lead:before,
.content-lead:after {
  background: #e0e0e0;
  content: "";
  display: block;
  margin-left: -40px;
  position: absolute;
  left: 50%;
  width: 80px;
  height: 1px
}

.content-lead:before {
  top: 0
}

.content-lead:after {
  top: 2px
}

.subcontent {
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-bottom: 20px
}

.subcontent-title {
  background: #eee;
  border-radius: 3px 3px 0 0;
  font-size: 89%;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px;
  text-align: center
}

.subcontent-title-gray {
  background: #616161;
  color: #fff
}

.subcontent-body {
  border-radius: 0 0 3px 3px;
  font-size: 89%;
  padding: 20px
}

.subcontent-list li {
  border-top: 1px solid #eee;
  font-size: 89%
}

.subcontent-list li:first-child {
  border-top: none
}

.subcontent-list li p {
  padding: 10px
}

.subcontent-table dl {
  border-top: 1px solid #e0e0e0;
  border-collapse: collapse;
  display: table;
  width: 100%
}

.subcontent-table dl:first-child {
  border-top: none
}

.subcontent-table dt,
.subcontent-table dd {
  font-size: 89%;
  display: table-cell;
  line-height: 1.4;
  padding: 10px
}

.subcontent-table dt {
  border-right: 1px solid #e0e0e0;
  width: 33.33%
}

.subcontent-table .head dt,
.subcontent-table .head dd {
  background: #eee;
  font-weight: 700
}

.subcontent-table-fixed dl {
  table-layout: fixed
}

.subcontent-camp {
  border: none
}

.subcontent-camp .subcontent-title {
  background: #c4a277;
  color: #fff
}

.subcontent-camp .subcontent-body {
  background: #f8f4ef
}

.subcontent-warning {
  border: none
}

.subcontent-warning .subcontent-title {
  background: #f44336;
  color: #fff
}

.subcontent-warning .subcontent-body {
  background: #feeceb
}

@media screen and (max-width:767px) {
  .content-box {
    border-bottom: none;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 60px 0 40px
  }

  .content-box-sm {
    background: none !important;
    padding: 0 !important
  }

  .content-box-sm .content-container {
    padding: 0
  }

  .content-ribbon01 {
    margin-top: -20px;
    max-width: 480px
  }
}

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

  .content-bg,
  .content-box,
  .content-full,
  .content-white {
    font-size: 16px
  }

  .content-box {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 40px 0 20px
  }

  .content-bt {
    padding-top: 60px
  }

  .content-ribbon01 {
    margin-top: -20px
  }
}

.list-point dl {
  display: table;
  margin-bottom: 20px;
  width: 100%;
  min-height: 140px
}

.list-point dt,
.list-point dd {
  display: table-cell;
  vertical-align: middle
}

.list-point dt {
  background: #f2799a;
  border: 1px solid #f2799a;
  border-radius: 10px 0 0 10px;
  color: #fff;
  font-size: 117%;
  font-weight: 700;
  text-align: center;
  width: 240px
}

.list-point dd {
  border: 1px solid #e0e0e0;
  border-left: none;
  border-radius: 0 10px 10px 0;
  padding: 20px
}

.list-point dd img {
  border-radius: 4px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100px;
  height: auto
}

.list-point dd p {
  padding-left: 120px
}

.list-point dd .note {
  font-size: 89%
}

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

  .list-point dl,
  .list-point dt,
  .list-point dd {
    display: block
  }

  .list-point dl {
    min-height: 0
  }

  .list-point dt {
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    width: auto
  }

  .list-point dd {
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 120px
  }

  .list-point dd img {
    margin-top: -40px;
    width: 80px
  }

  .list-point dd p {
    padding-left: 100px
  }
}

.content-area .map {
  margin-bottom: 20px
}

.content-area .map img {
  border-radius: 10px
}

.content-brandlist .lists {
  margin-right: -5px;
  margin-left: -5px
}

.content-brandlist .lists ul {
  margin-bottom: 10px;
  width: 100%
}

.content-brandlist .lists li {
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  width: 20%
}

.content-brandlist .lists li.others {
  width: 40%
}

.content-brandlist .toggle-list a {
  border-top: 1px solid #e0e0e0;
  color: #616161;
  display: block;
  line-height: 1.4;
  padding: 8px 10px
}

.content-brandlist .toggle-list a:link,
.content-brandlist .toggle-list a:visited {
  color: #616161
}

.content-brandlist .toggle-list a:hover,
.content-brandlist .toggle-list a:active {
  color: #f2799a
}

.content-brandlist .toggle-list a:after {
  content: "\f105";
  font-family: "FontAwesome";
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: 10px
}

.content-brandlist .toggle-list .en {
  display: block
}

.content-brandlist .toggle-list .ja {
  display: block;
  font-size: 78%
}

.content-brand-search {
  padding: 60px 0;
  text-align: center
}

.content-brand-search .content-container {
  max-width: 840px
}

.content-brand-search .brands {
  color: #f2799a;
  font-size: 117%;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px
}

.content-brand-search .brands .font-noto {
  font-size: 150%
}

.content-brand-search .now {
  background: #fff;
  border-radius: 40px;
  font-size: 134%;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 20px;
  padding: 20px
}

.content-brand-search .now:after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0
}

.content-brand-search .input-wrap input {
  background: #f2799a;
  border: none;
  border-radius: 40px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
  color: #fff;
  font-size: 167%;
  font-weight: 700;
  line-height: 40px;
  padding: 20px;
  text-align: center;
  width: 100%;
  height: 80px
}

.content-brand-search .input-wrap input:placeholder-shown {
  color: #fff
}

.content-brand-search .input-wrap input::-webkit-input-placeholder {
  color: #fff
}

.content-brand-search .input-wrap input:-moz-placeholder {
  color: #fff;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.content-brand-search .input-wrap input::-moz-placeholder {
  color: #fff;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.content-brand-search .input-wrap input:-ms-input-placeholder {
  color: #fff
}

.content-brand-search .input-wrap a {
  color: #fff;
  font-size: 167%;
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  right: 20px;
  text-align: center;
  width: 40px;
  height: 40px
}

.content-brand-search .input-wrap a:link,
.content-brand-search .input-wrap a:visited {
  color: #fff
}

.content-brand-search .input-wrap a:hover,
.content-brand-search .input-wrap a:active {
  color: #fff
}

.content-brand-search .btns {
  margin-top: 20px
}

.content-brand-search .btns .bt {
  display: block;
  padding: 20px 10px;
  max-width: none;
  width: auto
}

.content-brand-search-top {
  padding-top: 40px;
  padding-bottom: 40px
}

.content-brand-search-top .now {
  background: none;
  line-height: inherit;
  padding: 0
}

.content-brand-search-top .now:after {
  display: none
}

@media screen and (max-width:767px) {
  .content-brand-search {
    padding: 40px 0
  }

  .content-brand-search .now {
    font-size: 117%;
    line-height: 1.4;
    padding: 30px
  }

  .content-brand-search .brands {
    font-size: 100%
  }

  .content-brand-search .input-wrap input {
    border-radius: 30px;
    font-size: 134%;
    line-height: 30px;
    padding: 15px 10px;
    height: 60px
  }

  .content-brand-search .input-wrap a {
    font-size: 134%
  }
}

@media screen and (max-width:480px) {
  .content-brand-search {
    padding: 30px 0
  }

  .content-brand-search .input-wrap input {
    font-size: 117%
  }

  .content-brand-search .input-wrap a {
    font-size: 117%
  }
}

.content-brand-search {
  padding: 60px 0;
  text-align: center
}

.content-brand-search .content-container {
  max-width: 840px
}

.content-brand-search .brands {
  color: #f2799a;
  font-size: 117%;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px
}

.content-brand-search .brands .font-noto {
  font-size: 150%
}

.content-brand-search .now {
  background: #fff;
  border-radius: 40px;
  font-size: 134%;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 20px;
  padding: 20px
}

.content-brand-search .now:after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 0;
  height: 0
}

.content-brand-search .input-wrap input {
  background: #f2799a;
  border: none;
  border-radius: 40px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
  color: #fff;
  font-size: 167%;
  font-weight: 700;
  line-height: 40px;
  padding: 20px;
  text-align: center;
  width: 100%;
  height: 80px
}

.content-brand-search .input-wrap input:placeholder-shown {
  color: #fff
}

.content-brand-search .input-wrap input::-webkit-input-placeholder {
  color: #fff
}

.content-brand-search .input-wrap input:-moz-placeholder {
  color: #fff;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.content-brand-search .input-wrap input::-moz-placeholder {
  color: #fff;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1
}

.content-brand-search .input-wrap input:-ms-input-placeholder {
  color: #fff
}

.content-brand-search .input-wrap a {
  color: #fff;
  font-size: 167%;
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  right: 20px;
  text-align: center;
  width: 40px;
  height: 40px
}

.content-brand-search .input-wrap a:link,
.content-brand-search .input-wrap a:visited {
  color: #fff
}

.content-brand-search .input-wrap a:hover,
.content-brand-search .input-wrap a:active {
  color: #fff
}

.content-brand-search .btns {
  margin-top: 20px
}

.content-brand-search .btns .bt {
  display: block;
  padding: 20px 10px;
  max-width: none;
  width: auto
}

.content-brand-search-top {
  padding-top: 40px;
  padding-bottom: 40px
}

.content-brand-search-top .now {
  background: none;
  line-height: inherit;
  padding: 0
}

.content-brand-search-top .now:after {
  display: none
}

@media screen and (max-width:767px) {
  .content-brand-search {
    padding: 40px 0
  }

  .content-brand-search .now {
    font-size: 117%;
    line-height: 1.4;
    padding: 30px
  }

  .content-brand-search .brands {
    font-size: 100%
  }

  .content-brand-search .input-wrap input {
    border-radius: 30px;
    font-size: 134%;
    line-height: 30px;
    padding: 15px 10px;
    height: 60px
  }

  .content-brand-search .input-wrap a {
    font-size: 134%
  }
}

@media screen and (max-width:480px) {
  .content-brand-search {
    padding: 30px 0
  }

  .content-brand-search .input-wrap input {
    font-size: 117%
  }

  .content-brand-search .input-wrap a {
    font-size: 117%
  }
}

.content-buy-results .filters,
.content-itemlist .filters,
.content-pickup-brands .filters {
  padding-bottom: 20px
}

.content-buy-results .filters .lists,
.content-itemlist .filters .lists,
.content-pickup-brands .filters .lists {
  margin-right: -5px;
  margin-left: -5px
}

.content-buy-results .filters ul,
.content-itemlist .filters ul,
.content-pickup-brands .filters ul {
  width: 100%
}

.content-buy-results .filters li,
.content-itemlist .filters li,
.content-pickup-brands .filters li {
  padding: 10px 5px 0;
  float: left;
  width: 12.5%
}

.content-buy-results .filters-title,
.content-itemlist .filters-title,
.content-pickup-brands .filters-title {
  font-size: 78%;
  font-weight: 700;
  padding-top: 20px;
  text-align: center
}

.content-buy-results .results .lists,
.content-itemlist .results .lists,
.content-pickup-brands .results .lists {
  text-align: center
}

.content-buy-results .results .lists ul,
.content-itemlist .results .lists ul,
.content-pickup-brands .results .lists ul {
  margin-top: 65px
}

.content-buy-results .results .lists li,
.content-itemlist .results .lists li,
.content-pickup-brands .results .lists li {
  vertical-align: top
}

.content-buy-results .results .lists .item,
.content-itemlist .results .lists .item,
.content-pickup-brands .results .lists .item {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: block;
  padding: 15px;
  vertical-align: top
}

.content-buy-results .results .lists .item.none,
.content-itemlist .results .lists .item.none,
.content-pickup-brands .results .lists .item.none {
  border: none
}

.content-buy-results .results .lists .item .image,
.content-itemlist .results .lists .item .image {
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.content-pickup-brands .results .lists .item .image {
  border-radius: 50%;
  margin-top: -65px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  -moz-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  overflow: hidden;
  width: 100px;
  height: 100px
}

.content-pickup-brands .results .lists .item .image:after {
  background: #000;
  border-radius: 50%;
  content: "";
  display: block;
  -ms-filter: "alpha(opacity=3)";
  filter: alpha(opacity=3);
  opacity: .03;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.content-buy-results .results .lists .item .image img,
.content-itemlist .results .lists .item .image img {
  width: auto;
  height: 100px
}

.content-pickup-brands .results .lists .item .image img {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100px
}

.content-buy-results .results .lists .item .image img.source,
.content-itemlist .results .lists .item .image img.source,
.content-pickup-brands .results .lists .item .image img.source {
  display: none
}

.content-buy-results .results .lists .item .image img.loaded,
.content-itemlist .results .lists .item .image img.loaded,
.content-pickup-brands .results .lists .item .image img.loaded {
  display: inline
}

.content-buy-results .results .lists .item .date,
.content-itemlist .results .lists .item .date,
.content-pickup-brands .results .lists .item .date {
  color: #9e9e9e;
  font-size: 67%;
  font-weight: 700;
  padding-top: 5px
}

.content-buy-results .results .lists .item .brand,
.content-itemlist .results .lists .item .brand,
.content-pickup-brands .results .lists .item .brand {
  color: #212121;
  font-weight: 700;
  font-size: 78%;
  line-height: 1.4;
  margin-top: 10px
}

.content-buy-results .results .lists .item .item-name,
.content-itemlist .results .lists .item .item-name,
.content-pickup-brands .results .lists .item .item-name,
.content-buy-results .results .lists .item .item-comment,
.content-itemlist .results .lists .item .item-comment,
.content-pickup-brands .results .lists .item .item-comment {
  color: #616161;
  font-size: 78%;
  line-height: 1.4
}

.content-buy-results .results .lists .item .item-name,
.content-itemlist .results .lists .item .item-name,
.content-pickup-brands .results .lists .item .item-name {
  font-weight: 700
}

.content-buy-results .results .lists .item .item-comment,
.content-itemlist .results .lists .item .item-comment,
.content-pickup-brands .results .lists .item .item-comment {
  margin-top: 10px
}

.content-buy-results .results .lists .item .price-tag,
.content-itemlist .results .lists .item .price-tag,
.content-pickup-brands .results .lists .item .price-tag {
  display: block;
  margin-top: 20px
}

.content-buy-results .results .lists a.item:hover,
.content-itemlist .results .lists a.item:hover,
.content-pickup-brands .results .lists a.item:hover {
  background: #f8f4ef;
  border-color: #f8f4ef
}

.content-buy-results .results .loading,
.content-itemlist .results .loading,
.content-pickup-brands .results .loading,
.content-buy-results .results .information,
.content-itemlist .results .information,
.content-pickup-brands .results .information {
  margin-top: 20px
}

.content-buy-results .results .btns,
.content-itemlist .results .btns,
.content-pickup-brands .results .btns {
  margin-top: 20px
}

.content-ratelist .btns {
  padding-bottom: 40px
}

.content-ratelist .btns+* {
  display: none !important
}

.content-ratelist .text {
  margin-top: .5em
}

.brand-del .content-brand-search-top {
  border-top: 1px solid #eee
}

.brand-del .content-brand-search-top .sorry,
.brand-del .content-brand-search-top .others {
  font-weight: 700;
  margin-bottom: 1em
}

.brand-del .price-tag {
  background: #999;
  font-size: 60%;
  line-height: 1.4;
  padding-top: 8px;
  padding-bottom: 8px
}

.brand-del .content-buy-results .del,
.brand-del .content-itemlist .del {
  font-size: 125%;
  font-weight: 700
}

.brand-del .brand_point {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0
}

.brand-del .content-buy-results .del {
  margin-bottom: -1em
}

.brand-del .content-itemlist .del {
  margin-bottom: 1em
}

.brand-del .content-itemlist .filters .lists .bt {
  background: #999
}

.brand-del .content-itemlist .filters .lists .bt.inactive-pink {
  background: #e6e6e6
}

.brand-del .paging a {
  border-color: #999;
  color: #999
}

.brand-del .paging a.on {
  background: #999;
  color: #fff
}

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

  .content-buy-results .filters li,
  .content-itemlist .filters li,
  .content-pickup-brands .filters li {
    width: 25%
  }

  .content-buy-results .last-update,
  .content-itemlist .last-update,
  .content-pickup-brands .last-update {
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .content-buy-results .results,
  .content-itemlist .results,
  .content-pickup-brands .results {
    margin-right: -20px;
    margin-left: -20px
  }

  .content-buy-results .results .lists ul,
  .content-itemlist .results .lists ul,
  .content-pickup-brands .results .lists ul {
    margin-top: 0;
    padding-right: 5px;
    padding-left: 5px
  }

  .content-buy-results .results .lists li,
  .content-itemlist .results .lists li,
  .content-pickup-brands .results .lists li {
    display: inline-block !important;
    padding-top: 65px;
    padding-right: 5px;
    padding-left: 5px;
    width: 50%
  }

  .content-buy-results .results .lists .item .item-comment,
  .content-itemlist .results .lists .item .item-comment,
  .content-pickup-brands .results .lists .item .item-comment {
    font-size: 89%;
    padding-top: 10px;
    padding-bottom: 10px
  }

  .content-buy-results .loading,
  .content-itemlist .loading,
  .content-pickup-brands .loading,
  .content-buy-results .information,
  .content-itemlist .information,
  .content-pickup-brands .information,
  .content-buy-results .btns,
  .content-itemlist .btns,
  .content-pickup-brands .btns {
    margin-right: 20px;
    margin-left: 20px
  }
}

@media screen and (max-width:779px) {
  .brand-del .brand_point {
    background: none
  }

  .brand-del .brand_point>.ttl {
    margin-right: auto;
    margin-bottom: -20px;
    margin-left: auto;
    padding: 0 2%;
    position: relative;
    top: auto;
    left: auto;
    max-width: 620px
  }
}

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

  .content-buy-results .results,
  .content-itemlist .results,
  .content-pickup-brands .results {
    margin-right: -20px;
    margin-left: -20px
  }

  .content-buy-results .results .lists,
  .content-itemlist .results .lists,
  .content-pickup-brands .results .lists {
    border-bottom: 1px solid #e0e0e0;
    margin-top: 20px;
    text-align: left
  }

  .content-buy-results .results .lists ul,
  .content-itemlist .results .lists ul,
  .content-pickup-brands .results .lists ul {
    padding-right: 0;
    padding-left: 0
  }

  .content-buy-results .results .lists li,
  .content-itemlist .results .lists li,
  .content-pickup-brands .results .lists li {
    display: block !important;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    width: auto
  }

  .content-buy-results .results .lists li.none,
  .content-itemlist .results .lists li.none,
  .content-pickup-brands .results .lists li.none {
    display: none !important
  }

  .content-buy-results .results .lists .item,
  .content-itemlist .results .lists .item,
  .content-pickup-brands .results .lists .item {
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: 0
  }

  .content-buy-results .results .lists .item.none,
  .content-itemlist .results .lists .item.none,
  .content-pickup-brands .results .lists .item.none {
    display: none !important
  }

  .content-buy-results .results .lists .item .image,
  .content-itemlist .results .lists .item .image,
  .content-pickup-brands .results .lists .item .image {
    margin-top: -40px;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 80px;
    height: 80px
  }

  .content-buy-results .results .lists .item .text,
  .content-itemlist .results .lists .item .text,
  .content-pickup-brands .results .lists .item .text {
    padding-left: 100px;
    height: auto !important
  }

  .content-buy-results .results .lists .item .date,
  .content-itemlist .results .lists .item .date,
  .content-pickup-brands .results .lists .item .date {
    display: inline-block;
    margin-right: 5px;
    padding-top: 0
  }

  .content-buy-results .results .lists .item .brand,
  .content-itemlist .results .lists .item .brand,
  .content-pickup-brands .results .lists .item .brand {
    font-size: 100%;
    margin-top: 5px;
    margin-bottom: 5px
  }

  .content-buy-results .results .lists .item .item-comment,
  .content-itemlist .results .lists .item .item-comment,
  .content-pickup-brands .results .lists .item .item-comment {
    padding-top: 0;
    padding-bottom: 0
  }

  .content-buy-results .results .lists .item .price-tag,
  .content-itemlist .results .lists .item .price-tag,
  .content-pickup-brands .results .lists .item .price-tag {
    margin-top: 10px;
    margin-left: 100px;
    position: relative;
    top: auto;
    right: auto;
    width: auto
  }

  .content-buy-results .results .lists .item .price-tag .font-ja,
  .content-itemlist .results .lists .item .price-tag .font-ja,
  .content-pickup-brands .results .lists .item .price-tag .font-ja {
    display: inline-block
  }

  .content-buy-results .results .lists a.item:after,
  .content-itemlist .results .lists a.item:after,
  .content-pickup-brands .results .lists a.item:after {
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-size: 150%;
    font-weight: 400;
    line-height: 20px;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 20px
  }

  .content-buy-results .results .lists a.item .text,
  .content-itemlist .results .lists a.item .text,
  .content-pickup-brands .results .lists a.item .text {
    padding-right: 40px
  }

  .content-buy-results .results .lists a.item .price-tag,
  .content-itemlist .results .lists a.item .price-tag,
  .content-pickup-brands .results .lists a.item .price-tag {
    margin-right: 40px
  }

  .brand-del .price-tag {
    font-size: 100%
  }

  .brand-del .content-buy-results .del,
  .brand-del .content-itemlist .del {
    font-size: 100%;
    margin-bottom: 0
  }

  .content-ratelist {
    padding-bottom: 0
  }

  .content-ratelist .results .lists {
    border-bottom: none
  }

  .content-ratelist .results .lists li.hide-sm {
    display: none !important
  }

  .content-ratelist .results .lists .item .image img {
    width: 100%;
    height: auto
  }

  .content-ratelist .text {
    margin-top: 0
  }
}

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

  .content-buy-results .filters li,
  .content-itemlist .filters li,
  .content-pickup-brands .filters li {
    width: 33.33%
  }
}

.content-campaign {
  border-radius: 0;
  padding: 40px 0
}

.content-campaign .swiper-button-prev {
  left: 25%
}

.content-campaign .swiper-button-next {
  right: 25%
}

.content-campaign .swiper-container-full .swiper-button-prev {
  left: 35.71%
}

.content-campaign .swiper-container-full .swiper-button-next {
  right: 35.71%
}

@media screen and (max-width:1200px) {
  .content-campaign .swiper-container-full .swiper-button-prev {
    left: 25%
  }

  .content-campaign .swiper-container-full .swiper-button-next {
    right: 25%
  }
}

@media screen and (max-width:767px) {
  .content-campaign .swiper-button-next {
    right: 16.67% !important
  }

  .content-campaign .swiper-button-prev {
    left: 16.67% !important
  }
}

@media screen and (max-width:480px) {
  .content-campaign .swiper-slide {
    padding-right: 10px;
    padding-left: 10px
  }

  .content-campaign .swiper-button-prev {
    left: 40px !important
  }

  .content-campaign .swiper-button-next {
    right: 40px !important
  }
}

.content-copy .lists {
  margin-bottom: 40px
}

.content-copy .lists li {
  background: #f8f4ef;
  border-radius: 4px;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px;
  text-align: center
}

.content-copy .text {
  font-size: 89%
}

.content-copy .text strong {
  color: #f2799a
}

.content-copy .mission {
  color: #f2799a;
  font-size: 134%;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px 0;
  text-align: center
}

.content-copy .mission .ic-nocopy {
  width: 72px;
  height: 72px
}

@media screen and (max-width:767px) {
  .content-copy .lists li {
    margin-bottom: 20px
  }

  .content-copy .mission .ic-nocopy {
    display: block;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto
  }
}

.content-customer .customer-comment {
  background: #f8f4ef;
  border-radius: 10px;
  display: block;
  margin-top: 20px;
  padding: 20px;
  min-height: 120px
}

.content-customer .customer-comment:after {
  content: '\f105';
  display: block;
  font-family: "FontAwesome";
  font-size: 200%;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 50px;
  right: 30px
}

.content-customer .rb-episode {
  position: absolute;
  top: 0;
  left: 20px
}

.content-customer .customer-title {
  color: #212121;
  min-height: 80px
}

.content-customer .customer-title .name,
.content-customer .customer-title .summary {
  padding-right: 40px;
  padding-left: 100px
}

.content-customer .customer-title .name {
  font-size: 78%
}

.content-customer .customer-title .summary {
  font-weight: 700;
  line-height: 1.4;
  padding-top: 5px
}

.content-customer .text {
  color: #424242;
  display: none;
  font-size: 78%;
  padding-top: 20px
}

.content-customer.content-customer-toggle .customer-comment:after {
  content: '\f107'
}

.content-customer.content-customer-toggle .customer-comment.jq-open:after {
  content: '\f106'
}

.content-customer.content-customer-toggle .customer-comment.jq-open .text {
  display: block
}

@media screen and (max-width:480px) {
  .content-customer .customer-title .name strong {
    display: block;
    font-size: 117%;
    padding-top: 5px
  }

  .content-customer .customer-title .summary {
    padding-top: 45px;
    padding-right: 0;
    padding-left: 0
  }
}

.content-howto-sell .step-next {
  padding-bottom: 40px
}

.content-howto-sell .step-next:after {
  color: #9e9e9e;
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 150%;
  line-height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 240px
}

.content-howto-sell .steps dl {
  border-collapse: separate;
  border-spacing: 0;
  line-height: 1.4;
  width: 100%;
  min-height: 120px
}

.content-howto-sell .steps dt,
.content-howto-sell .steps dd {
  padding: 20px
}

.content-howto-sell .steps dt {
  background: #c4a277;
  border: 1px solid #c4a277;
  border-radius: 4px 0 0 4px;
  color: #fff;
  text-align: center;
  width: 240px
}

.content-howto-sell .steps dt .step .num {
  font-size: 150%
}

.content-howto-sell .steps dt .text {
  font-weight: 700
}

.content-howto-sell .steps dd {
  border: 1px solid #c4a277;
  border-radius: 0 4px 4px 0
}

.content-howto-sell .steps dd .step,
.content-howto-sell .steps dd .text {
  padding-left: 100px
}

.content-howto-sell .steps dd .step {
  color: #f2799a;
  font-weight: 700
}

.content-howto-sell .steps dd .text {
  font-size: 89%;
  padding-top: 5px
}

.content-howto-sell .steps dd img {
  border-radius: 4px;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 80px;
  height: auto
}

.content-howto-sell .btns {
  padding-top: 10px;
  text-align: center
}

.content-howto-sell .btns .bt {
  margin-top: 10px;
  margin-right: 3px;
  margin-left: 3px
}

.content-howto-sell .btns-title {
  margin-top: 40px
}

.content-howto-sell.is-s .content-title-solo {
  margin-bottom: 15px
}

.content-howto-sell.is-s .content-sell2 p {
  margin-bottom: 10px;
  text-align: center
}

.content-howto-sell.is-s .content-sell2 .bt-sell {
  max-width: 440px
}

@media screen and (max-width:767px) {
  .content-howto-sell .step-next:after {
    width: 100%
  }

  .content-howto-sell .steps dt {
    border-radius: 4px 4px 0 0;
    padding: 5px 10px;
    width: auto
  }

  .content-howto-sell .steps dt p {
    display: inline-block;
    vertical-align: baseline
  }

  .content-howto-sell .steps dt .step {
    margin-right: 10px
  }

  .content-howto-sell .steps dd {
    border-radius: 0 0 4px 4px;
    padding-top: 30px;
    padding-bottom: 30px
  }
}

@media screen and (max-width:400px) {
  .content-howto-sell .btns .bt {
    margin-right: 0;
    margin-left: 0
  }
}

@media screen and (max-width:400px) {
  .content-title {
    font-size: 145%
  }
}

.compeval-box {
  background-color: #f8f4ef;
  text-align: center;
  padding: 10px;
  border-radius: 5px
}

p.compeval-text {
  font-weight: 700
}

p.compeval-point {
  font-size: 150%;
  font-weight: 700;
  color: #f2799a
}

p.compeval-star {
  top: -10px
}

.star-eval {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #eee
}

.star-eval:before,
.star-eval:after {
  content: '★★★★★'
}

.star-eval:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #bfa178
}

.star-eval[data-rate="5"]:after {
  width: 100%
}

.star-eval[data-rate="4.5"]:after {
  width: 90%
}

.star-eval[data-rate="4.23"]:after {
  width: 83%
}

.star-eval[data-rate="4.20"]:after {
  width: 82%
}

.star-eval[data-rate="4"]:after {
  width: 80%
}

.star-eval[data-rate="3.5"]:after {
  width: 70%
}

.star-eval[data-rate="3"]:after {
  width: 60%
}

.star-eval[data-rate="2.5"]:after {
  width: 50%
}

.star-eval[data-rate="2"]:after {
  width: 40%
}

.star-eval[data-rate="1.5"]:after {
  width: 30%
}

.star-eval[data-rate="1"]:after {
  width: 20%
}

.star-eval[data-rate="0.5"]:after {
  width: 10%
}

.star-eval[data-rate="0"]:after {
  width: 0%
}

.usereval-ul {
  margin: auto;
  max-width: 800px
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px !important;
  padding: 0
}

.usereval-box {
  background-color: #f8f4ef;
  margin: 10px auto;
  border: solid 1px #bfa178;
  border-radius: 5px
}

p.user-name {
  font-size: 80%;
  margin: 10px 10px 0
}

span.user-area {
  font-size: 80%;
  margin: 0 7px
}

span.user-area:after {
  content: "]"
}

span.user-area:before {
  content: "["
}

p.user-eval {
  font-size: 130%;
  font-weight: 700;
  color: #f2799a;
  padding: 0 10px;
  top: -5px
}

p.user-eval span.star-eval {
  margin-left: 10px;
  font-size: 75%
}

p.user-good {
  background-color: #f2799a;
  padding: 0 10px;
  color: #FFF;
  font-size: 70%
}

p.user-text {
  padding: 5px 10px 10px;
  font-size: 80%
}

.content-interview .content-title-solo img {
  border: 2px solid #c4a277;
  border-radius: 10px;
  max-width: 100%;
  height: auto
}

.content-interview ul {
  margin-top: 80px
}

.content-interview .item {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: block;
  padding: 20px
}

.content-interview .item .image {
  margin-top: -80px;
  margin-right: auto;
  margin-left: auto;
  width: 120px
}

.content-interview .item .image img {
  border-radius: 50%;
  width: 100%;
  height: auto
}

.content-interview .item .name {
  color: #616161;
  margin-top: 10px
}

.content-interview .item .name .category-tag,
.content-interview .item .name strong {
  vertical-align: middle
}

.content-interview .item .name .category-tag {
  margin-right: 5px
}

.content-interview .item .name strong {
  font-size: 89%
}

.content-interview .item .summary,
.content-interview .item .comment,
.content-interview .item .bt {
  margin-top: 10px
}

.content-interview .item .summary {
  color: #f2799a;
  font-weight: 700;
  line-height: 1.4
}

.content-interview .item .comment {
  color: #616161;
  font-size: 78%
}

.content-interview a.item:hover {
  background: #f8f4ef;
  border-color: #f8f4ef
}

@media screen and (max-width:767px) {
  .content-interview .interviews {
    margin-right: -20px;
    margin-left: -20px
  }

  .content-interview ul {
    margin-top: 0
  }

  .content-interview .item {
    border-right: none;
    border-bottom: none;
    border-left: none
  }

  .content-interview .item .image {
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    width: 80px
  }

  .content-interview .item .text {
    min-height: 80px;
    padding-left: 100px;
    height: auto !important
  }

  .content-interview .item .name {
    margin-top: 0
  }
}

@media screen and (max-width:640px) {
  .content-interview .item .text {
    min-height: none;
    padding-left: 0
  }

  .content-interview .item .name,
  .content-interview .item .summary {
    padding-left: 100px
  }

  .content-interview .item .comment {
    clear: both
  }
}

.content-feature-kv {
  background-repeat: repeat-x;
  overflow: hidden
}

.content-feature-kv img {
  margin-left: -500px;
  position: relative;
  top: 0;
  left: 50%;
  width: 1000px
}

.content-feature-kv.bg02 {
  background-image: url(../img/campaign/clo_top-1_02_bg.png)
}

.content-feature-kv.bg04 {
  background-color: #f3f3f3
}

.content-feature-kv.bg06 {
  background-image: url(../img/campaign/clo_top-1_06_bg.png)
}

.content-feature-kv.bg07 {
  background-image: url(../img/campaign/clo_top-1_07_bg.png)
}

.content-feature-kv.bg13,
.content-feature-kv.bg15,
.content-feature-kv.bg14,
.content-feature-kv.bg12,
.content-feature-kv.bg08,
.content-feature-kv.bg09,
.content-feature-kv.bg10,
.content-feature-kv.bg11 {
  background-color: #fff;
  border-bottom: 1px solid #F0F0F0
}

.content-feature-kv.bg16 {
  background-image: url(../img/campaign/clo_top-1_16_bg.png)
}

.content-feature-kv.bg17 {
  background-image: url(../img/campaign/clo_top-1_17_bg.png)
}

.content-feature-kv.bg18 {
  margin-bottom: 40px;
  height: auto;
  min-height: 423px
}

.content-feature-camp-kv {
  height: 471px
}

.content-feature-item {
  text-align: center
}

.content-feature-item .talk {
  padding-bottom: 20px
}

.content-feature-item .talk li {
  background: #eee;
  border-radius: 10px;
  font-weight: 700;
  line-height: 1.4;
  padding: 20px
}

.content-feature-item .face p:before {
  border-color: #eee transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  margin-left: -10px;
  position: absolute;
  top: -20px;
  left: 50%;
  width: 0;
  height: 0
}

.content-feature-item .feature {
  background: #f8f4ef;
  border-radius: 4px;
  margin-top: 80px;
  padding: 20px
}

.content-feature-item .feature img {
  margin-top: -85px;
  margin-bottom: 20px
}

.content-feature-item .feature-title {
  color: #f2799a;
  font-size: 150%;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px
}

.content-feature-item .feature-lead {
  font-size: 89%
}

@media screen and (max-width:767px) {
  .content-feature-kv {
    background: none !important
  }

  .content-feature-kv img {
    margin-left: 0;
    position: relative;
    top: auto;
    left: auto;
    width: 100%
  }

  .content-feature-item-kv,
  .content-feature-camp-kv {
    height: auto;
    margin-bottom: 40px
  }

  .content-feature-item .talk li {
    background: none;
    margin-bottom: 20px;
    padding: 0
  }

  .content-feature-item .talk li p {
    background: #fff;
    border-radius: 10px;
    margin-left: 100px;
    padding: 15px
  }

  .content-feature-item .talk li p:before {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 0;
    height: 0
  }

  .content-feature-item .talk li .ic {
    margin-top: -40px;
    position: absolute;
    left: 0;
    top: 50%
  }

  .content-feature-item .talk li.talk-l p {
    margin-left: 0;
    margin-right: 100px
  }

  .content-feature-item .talk li.talk-l p:before {
    border-color: transparent transparent transparent #fff;
    left: auto;
    right: -20px
  }

  .content-feature-item .talk li.talk-l .ic {
    left: auto;
    right: 0
  }

  .content-feature-item .feature {
    background: #fff url(../img/common/bg_img01.png) center center;
    background-size: 40px auto
  }

  .content-feature-item .feature-title {
    font-size: 134%
  }

  .content-feature-item .feature-lead {
    text-align: left
  }
}

@media screen and (max-width:480px) {
  .content-feature-item .talk li p {
    margin-left: 80px
  }

  .content-feature-item .talk li .ic {
    margin-top: -30px
  }

  .content-feature-item .talk li.talk-l p {
    margin-left: 0;
    margin-right: 80px
  }

  .content-feature-item .feature {
    margin-top: 0
  }

  .content-feature-item .feature img {
    margin-top: 0;
    margin-bottom: 10px
  }
}

.content-itemlist .filters li {
  width: 25%
}

@media screen and (max-width:767px) {
  .content-itemlist .filters li {
    width: 50%
  }
}

.itemlist_bt {
  display: block;
  padding: 0 !important
}

.itemlist_bt {
  display: block;
  padding: 0 !important
}

span.ex-brand {
  font-size: 10px;
  font-weight: nomal;
  display: block;
  margin-top: 7px
}

.content-kaitori-ok .kaitori-ok {
  padding-bottom: 20px;
  text-align: center
}

.content-kaitori-ok .kaitori-ok ul {
  margin-bottom: 20px
}

.content-kaitori-ok .kaitori-ok li {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 700;
  padding: 20px;
  vertical-align: top
}

.content-kaitori-ok .kaitori-ok li .image {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  max-width: 160px
}

.content-kaitori-ok .kaitori-ok li .image:after {
  background: #000;
  border-radius: 4px;
  content: "";
  display: block;
  -ms-filter: "alpha(opacity=3)";
  filter: alpha(opacity=3);
  opacity: .03;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.content-kaitori-ok .kaitori-ok li p {
  line-height: 1.4
}

.content-kaitori-ok .kaitori-ok li .image .ic-ok {
  position: absolute;
  top: -30px;
  right: -30px;
  z-index: 2
}

.content-kaitori-ok .kaitori-ok li .image img {
  border-radius: 4px;
  width: 100%;
  height: auto
}

.content-kaitori-ok .kaitori-ng {
  font-weight: 700
}

.content-kaitori-ok .kaitori-ng i {
  vertical-align: 0
}

@media screen and (max-width:480px) {
  .content-kaitori-ok .kaitori-ok li .image .ic-ok {
    top: -15px;
    right: -15px
  }
}

.content-not-buy .btns .badge {
  margin-bottom: 10px
}

.content-not-buy .talk {
  margin-bottom: 20px
}

.content-not-buy .talk p {
  background: #eee;
  border-radius: 10px;
  font-weight: 700;
  margin-left: 100px;
  padding: 15px;
  text-align: center
}

.content-not-buy .talk p:before {
  border-color: transparent #eee transparent transparent;
  border-style: solid;
  border-width: 10px;
  content: "";
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0
}

.content-not-buy .talk .ic {
  margin-top: -40px;
  position: absolute;
  left: 0;
  top: 50%
}

.content-not-buy .talk-lead {
  color: #f2799a;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 40px;
  text-align: center
}

.content-not-buy .lists {
  background: #eee;
  padding: 20px 20px 10px
}

.content-not-buy .lists ul {
  margin-bottom: 10px
}

.content-not-buy .lists li {
  background: #fff;
  border-radius: 4px;
  padding: 20px 20px 10px;
  text-align: center;
  vertical-align: top
}

.content-not-buy .lists li img {
  max-width: 98px
}

.content-not-buy .lists li p {
  font-size: 89%;
  font-weight: 700;
  line-height: 1.4;
  padding-top: 10px
}

@media screen and (max-width:991px) {
  .content-not-buy .btns .badge {
    margin-bottom: 0
  }

  .content-not-buy .btns li {
    padding-bottom: 10px
  }
}

@media screen and (max-width:767px) {
  .content-not-buy .lists {
    padding: 10px 10px 10px
  }

  .content-not-buy .lists li {
    padding: 10px 10px 10px
  }

  .content-not-buy .subcontent-table-fixed dl,
  .content-not-buy .subcontent-table-fixed dd {
    display: block
  }

  .content-not-buy .subcontent-table-fixed dl {
    border: none
  }

  .content-not-buy .subcontent-table-fixed dd {
    border-top: 1px solid #e0e0e0
  }

  .content-not-buy .subcontent-table-fixed dl:first-child dd:first-child {
    border-top: none
  }
}

@media screen and (max-width:480px) {
  .content-not-buy .btns .badge {
    margin-bottom: 5px
  }

  .content-not-buy .talk li p {
    margin-left: 80px
  }

  .content-not-buy .talk li .ic {
    margin-top: -30px
  }
}

.content-pickup-brands .results .lists .item .rb-pickup {
  display: block;
  margin-top: -20px;
  margin-right: auto;
  margin-left: auto
}

.content-pickup-brands .results .lists .item .brand {
  font-size: 100%
}

@media screen and (max-width:767px) {
  .content-pickup-brands {
    padding-bottom: 0
  }

  .content-pickup-brands .results .lists {
    border-bottom: none
  }

  .content-pickup-brands .results .lists .item .rb-pickup,
  .content-pickup-brands .results .lists .item .brand {
    display: inline-block;
    vertical-align: middle
  }

  .content-pickup-brands .results .lists .item .rb-pickup {
    margin-top: 0;
    margin-left: 0;
    margin-right: 5px
  }
}

@media screen and (max-width:480px) {
  .content-pickup-brands .results .lists .item .rb-pickup {
    display: block;
    margin-bottom: 5px
  }
}

.content-pickup-items img {
  width: 100%;
  height: auto
}

.content-pickup-items .main {
  width: 50%
}

.content-pickup-items .item {
  padding-left: 30px;
  position: absolute;
  width: 16.66%
}

.content-pickup-items .item a {
  display: block
}

.content-pickup-items .item .image .rb {
  margin-left: -50px;
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 2
}

.content-pickup-items .item img {
  border-radius: 4px
}

.content-pickup-items .item p {
  color: #616161
}

.content-pickup-items .item .category {
  font-size: 89%;
  font-weight: 700;
  position: absolute;
  bottom: -30px;
  left: 0;
  text-align: center;
  width: 100%
}

.content-pickup-items .item .category-l {
  font-size: 84%;
  margin-left: -10%;
  width: 120%
}

.content-pickup-items .item .category-l2 {
  font-size: 72%;
  margin-left: -10%;
  width: 120%
}

.content-pickup-items .item .category-l3 {
  bottom: -40px;
  font-size: 72%;
  line-height: 1.4;
  margin-left: -10%;
  width: 120%
}

.content-pickup-items .item01,
.content-pickup-items .item02,
.content-pickup-items .item03 {
  top: 0
}

.content-pickup-items .item04,
.content-pickup-items .item05,
.content-pickup-items .item06 {
  bottom: 0
}

.content-pickup-items .item01,
.content-pickup-items .item04 {
  right: 33.34%
}

.content-pickup-items .item02,
.content-pickup-items .item05 {
  right: 16.66%
}

.content-pickup-items .item03,
.content-pickup-items .item06 {
  right: 0
}

@media screen and (max-width:991px) {
  .content-pickup-items .items {
    margin-right: auto;
    margin-left: auto;
    width: 75%
  }

  .content-pickup-items .main {
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%
  }

  .content-pickup-items .item {
    float: left;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    width: 33.33%
  }

  .content-pickup-items .item .category {
    font-size: 84%;
    position: relative;
    bottom: auto;
    left: auto
  }
}

@media screen and (max-width:767px) {
  .content-pickup-items .items {
    width: 100%
  }

  .content-pickup-items .main {
    margin-bottom: 20px;
    padding-right: 0;
    padding-left: 0
  }

  .content-pickup-items .item {
    float: none;
    margin-right: -20px;
    margin-left: -20px;
    padding: 0;
    width: auto
  }

  .content-pickup-items .item a {
    border-top: 1px solid #e0e0e0;
    min-height: 140px;
    padding: 20px
  }

  .content-pickup-items .item .image {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 120px;
    height: auto
  }

  .content-pickup-items .item p {
    padding-left: 140px
  }

  .content-pickup-items .item .category {
    font-size: 100%;
    margin-left: 0;
    text-align: left;
    width: auto
  }

  .content-pickup-items .item .category .rb {
    display: inline-block !important;
    margin-right: 5px
  }

  .content-pickup-items .item .text {
    font-size: 89%;
    line-height: 1.4;
    padding-top: 5px
  }
}

@media screen and (max-width:480px) {
  .content-pickup-items .item .image {
    width: 100px
  }

  .content-pickup-items .item p {
    padding-left: 120px
  }

  .content-pickup-items .item .category .rb {
    display: block !important;
    margin-bottom: 5px
  }
}

.content-profile .license {
  font-size: 78%;
  padding-bottom: 10px
}

.content-profile .lists {
  line-height: 1.4;
  margin-top: 20px
}

.content-profile .lists ul {
  width: 100%
}

.content-profile .lists>li {
  background: #f8f4ef;
  border-radius: 10px;
  padding: 20px
}

.content-profile .lists .image {
  width: 100px
}

.content-profile .lists .image img {
  border-radius: 4px;
  width: 100px;
  height: auto
}

.content-profile .lists .feature,
.content-profile .lists .text {
  padding-left: 20px
}

.content-profile .lists .feature {
  font-weight: 700
}

.content-profile .lists .text {
  padding-top: 5px;
  font-size: 89%
}

@media screen and (max-width:767px) {
  .content-profile .lists {
    margin-top: 0
  }

  .content-profile .lists>li {
    margin-top: 20px
  }
}

@media screen and (max-width:480px) {
  .content-profile .lists .image {
    width: 80px
  }

  .content-profile .lists .image img {
    width: 80px
  }
}

.content-qa .btns ul {
  margin-bottom: 10px
}

.content-qa .qas {
  border-radius: 4px;
  border: 1px solid #e0e0e0
}

.content-qa .qa {
  border-top: 1px solid #e0e0e0
}

.content-qa .qa:first-child {
  border-top: none
}

.content-qa .qa .text {
  margin-left: 70px
}

.content-qa .qa .q-label,
.content-qa .qa .a-label {
  border-radius: 15px;
  display: inline-block;
  font-family: "Noto Serif", serif;
  font-size: 89%;
  line-height: 30px;
  position: absolute;
  top: 16px;
  left: 20px;
  text-align: center;
  width: 60px
}

.content-qa .qa .q-label {
  background: #f2799a;
  color: #fff
}

.content-qa .qa .a-label {
  background: #eee
}

.content-qa .qa .q,
.content-qa .qa .a {
  padding: 20px
}

.content-qa .qa .q {
  display: block;
  padding-right: 40px
}

.content-qa .qa .q:after {
  content: '\f107';
  display: block;
  font-family: "FontAwesome";
  font-size: 150%;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 21px;
  right: 20px
}

.content-qa .qa .q .text {
  color: #616161;
  display: block;
  font-size: 89%;
  line-height: 1.4;
  font-weight: 700
}

.content-qa .qa .a {
  border-top: 1px dashed #e0e0e0;
  display: none
}

.content-qa .qa .a .text {
  font-size: 84%
}

.content-qa .qa .a .text a:hover {
  color: #ed4b77;
  text-decoration: underline !important
}

.content-qa .jq-open .q:after {
  content: '\f106'
}

.content-qa .jq-open .a {
  display: block
}

.content-realtime .results .result {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 15px 10px 10px;
  text-align: center
}

.content-realtime .results .date,
.content-realtime .results .place {
  color: #9e9e9e;
  font-size: 67%
}

.content-realtime .results .balloon {
  margin: 5px 0
}

.content-realtime .results .price-title {
  color: #f2799a;
  font-size: 89%;
  font-weight: 700
}

.content-realtime .results .price-tag {
  display: block
}

.content-realtime .order {
  padding-top: 60px
}

.content-realtime .order ul {
  margin-top: 10px
}

.content-realtime .order li {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 10px;
  vertical-align: top
}

.content-realtime .order li.none {
  border: none
}

.content-realtime .order li img {
  margin-top: -18px;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 36px;
  height: auto
}

.content-realtime .order li .date {
  color: #c4a277;
  display: block;
  font-size: 67%;
  padding-left: 50px
}

.content-realtime .order li .text {
  display: block;
  font-size: 78%;
  padding-left: 50px
}

@media screen and (max-width:767px) {
  .content-realtime {
    padding-bottom: 0
  }

  .content-realtime .order .table-list {
    margin-right: -20px;
    margin-left: -20px
  }

  .content-realtime .order ul {
    margin-top: 0;
    width: 100%
  }

  .content-realtime .order li {
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: 0
  }

  .content-realtime .order li.none {
    display: none !important
  }
}

.content-sell {
  line-height: 1.4;
  text-align: center
}

.content-sell .content-subtitle {
  color: #f2799a;
  margin-bottom: 10px
}

.content-sell .steps {
  padding: 20px 0
}

.content-sell .steps img {
  max-width: 580px;
  height: auto
}

.content-sell .kit {
  padding-bottom: 10px
}

.content-sell .kit img {
  width: 100%;
  height: auto
}

.content-sell .kit a {
  display: block;
  margin-left: -78px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 157px;
  height: 26px;
  z-index: 2
}

.content-sell .kit a:hover {
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50);
  opacity: .5
}

.content-sell .table-list {
  padding-top: 60px
}

.content-sell li {
  border-radius: 4px;
  padding: 20px
}

.content-sell .web {
  background: #fdedf2
}

.content-sell .web .image {
  position: absolute;
  top: -60px;
  left: 0;
  text-align: center;
  width: 100%
}

.content-sell .web .image img {
  max-width: 440px;
  width: 100%;
  height: auto
}

.content-sell .web .bt {
  font-size: 134%
}

.content-sell .web .business-day {
  margin-top: 20px
}

.content-sell .tel {
  background: #eee
}

.content-sell .tel .text {
  font-weight: 700;
  font-size: 78%
}

.content-sell .tel .number {
  color: #f2799a;
  font-size: 250%
}

.content-sell .tel .number .ic-freedial {
  width: 45px;
  height: 45px
}

.content-sell .tel .open {
  font-size: 67%
}

@media screen and (max-width:991px) {
  .content-sell .tel {
    margin-top: 20px
  }

  .content-sell .kit a {
    margin-left: -65px;
    bottom: 22px;
    width: 130px;
    height: 22px
  }
}

@media screen and (max-width:767px) {
  .content-sell .table-list {
    padding-top: 0
  }

  .content-sell ul {
    margin-right: -20px;
    margin-left: -20px;
    width: auto
  }

  .content-sell .web,
  .content-sell .tel {
    background: none
  }

  .content-sell .web .image {
    position: relative;
    top: auto;
    left: uto
  }

  .content-sell .web .image img {
    max-width: 560px
  }

  .content-sell .tel {
    border-top: 1px solid #e0e0e0
  }

  .content-sell .web-kit .present {
    background: #f8f4ef;
    border: 2px solid #c4a277;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 20px 20px 0
  }

  .content-sell .web-kit .present img {
    margin-top: -45px
  }

  .content-sell .web-kit .btns {
    border: 2px solid #c4a277;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 20px
  }

  .content-sell .web-kit .link-kit {
    margin-top: 20px
  }
}

@media screen and (max-width:480px) {
  .content-sell .web .bt {
    font-size: 117%;
    padding-right: 15px
  }

  .content-sell .web .bt .ic-sell {
    width: 40px;
    height: 40px
  }

  .content-sell .web-kit .present {
    padding: 10px 10px 0
  }

  .content-sell .web-kit .present img {
    margin-top: -30px
  }

  .content-sell .web-kit .btns {
    padding: 10px
  }
}

@media screen and (max-width:400px) {
  .content-sell .web .bt {
    font-size: 89%
  }

  .content-sell .web .bt .ic-sell {
    width: 30px;
    height: 30px
  }

  .content-sell .tel .number {
    font-size: 200%
  }
}

.content-shibuya-camp .table-list {
  margin-top: 20px
}

.content-sitemap li {
  vertical-align: top
}

.content-sitemap li a {
  color: #616161
}

.content-sitemap li a:link,
.content-sitemap li a:visited {
  color: #616161
}

.content-sitemap li a:hover,
.content-sitemap li a:active {
  color: #f2799a
}

.content-sitemap .category {
  padding-bottom: 30px
}

.content-sitemap .category-name {
  border: 1px solid #f2799a;
  border-radius: 4px;
  color: #f2799a;
  font-size: 89%;
  margin-bottom: 5px;
  padding: 5px 10px
}

.content-sitemap .link-main,
.content-sitemap .link-sub {
  padding: 5px 10px 0
}

.content-sitemap .link-main a,
.content-sitemap .link-sub a {
  font-size: 78%
}

.content-sitemap .link-main a:before,
.content-sitemap .link-sub a:before {
  content: '\f105';
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 5px
}

.content-sitemap .link-sub {
  padding-left: 20px
}

@media screen and (max-width:991px) {
  .content-sitemap .link-sub {
    display: inline-block;
    width: 40%
  }
}

@media screen and (max-width:640px) {
  .content-sitemap .link-sub {
    display: block;
    width: auto
  }
}

.content-story {
  border-radius: 0;
  line-height: 1.8;
  padding: 40px 0
}

.content-story .text {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px
}

.content-story .swiper-button-disabled {
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0
}

.content-story .swiper-slide {
  padding-right: 10px;
  padding-left: 10px
}

.content-story .swiper-slide img {
  border-radius: 0
}

.content-story .swiper-slide p {
  background: #fff;
  font-size: 78%;
  padding: 20px
}

.content-story .swiper-button-prev {
  left: 35.71%
}

.content-story .swiper-button-next {
  right: 35.71%
}

@media screen and (max-width:1199px) {
  .content-story .swiper-button-prev {
    left: 30%
  }

  .content-story .swiper-button-next {
    right: 30%
  }
}

@media screen and (max-width:767px) {
  .content-story .swiper-button-prev {
    left: 16.67%
  }

  .content-story .swiper-button-next {
    right: 16.67%
  }
}

@media screen and (max-width:640px) {
  .content-story .swiper-button-prev {
    left: 8.33%
  }

  .content-story .swiper-button-next {
    right: 8.33%
  }
}

@media screen and (max-width:480px) {
  .content-story .swiper-button-prev {
    left: 40px
  }

  .content-story .swiper-button-next {
    right: 40px
  }
}

.content-taishou-item {
  padding-bottom: 20px;
  text-align: center
}

.content-taishou-item ul {
  margin-bottom: 10px
}

.content-taishou-item li {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 700;
  padding: 10px
}

.content-taishou-item li.none {
  border: none
}

.content-taishou-item li .image {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px
}

.content-taishou-item li .image img {
  border-radius: 4px;
  height: 68px;
  width: auto
}

.content-taishou-item li p {
  font-size: 89%;
  line-height: 1.4
}

.content-top-kv {
  background: url(../img/top/kv.jpg) no-repeat center center #c4c4c4;
  text-align: center
}

.content-top-kv img {
  max-width: 100%;
  height: auto
}

.content-top-kv .content-brand-search {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.content-top-kv .content-brand-search ul {
  width: 100%
}

.content-top-kv .content-brand-search .bt {
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0
}

.content-top-kv .content-brand-search .results {
  width: 60%
}

.content-top-kv .content-brand-search .bt {
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 15px
}

.content-top-kv .content-brand-search .results {
  width: 60%
}

.content-top-kv .content-brand-search .brandlist .bt {
  line-height: 16px;
  font-size: 78%;
  padding-top: 14px;
  padding-bottom: 14px
}

@media screen and (max-width:991px) {
  .content-top-kv {
    padding: 40px 0
  }
}

@media screen and (max-width:767px) {
  .content-top-kv {
    background-image: url(../img/top/sm/kv.jpg);
    background-size: cover
  }

  .content-top-kv .now {
    font-size: 100%;
    padding: 20px
  }

  .content-top-kv .brands {
    font-size: 78%
  }

  .content-top-kv .brands .font-noto {
    font-size: 100%
  }
}

@media screen and (max-width:480px) {
  .content-top-kv .content-brand-search .brandlist .bt {
    font-size: 67%
  }
}

@media (min-width:780px) {
  .code2 {
    padding: 0 0;
    width: 1000px !important;
    margin: 0 auto;
    position: relative
  }

  .code2 ul {
    border: 4px solid #999;
    background: #999;
    border-radius: 4px;
    display: table;
    width: 100%;
    border-spacing: 15px 0
  }

  .code2 ul li.left {
    display: table-cell;
    width: 50% !important;
    position: relative;
    text-align: right;
    top: 40px
  }

  .code2 ul li.left p {
    color: #FFF
  }

  .code2 ul li.left .title2 {
    color: #FFF;
    margin-top: -34px
  }

  .code2 ul li.right {
    display: table-cell;
    width: 50% !important;
    position: relative;
    text-align: left
  }

  .code2 ul li.right .box {
    width: 40% !important;
    position: relative;
    background-color: #fff;
    max-height: 60px !important;
    margin: 5px 0 0px !important;
    padding: 5px 0
  }

  .code2 ul li.right .box p {
    color: #1B1B1B;
    text-align: center;
    letter-spacing: 5px
  }

  .example.corner01 {
    border-radius: 4px;
    padding-top: 80px !important
  }

  .code2 ul {
    padding: 10px 0 15px !important
  }
}

.code2 {
  padding: 0 0 1.5em;
  width: 90%;
  margin: 0 auto;
  position: relative
}

.code2 ul {
  border: 1px solid #999;
  background: #999;
  border-radius: 4px;
  display: table;
  width: 100%;
  border-spacing: 15px 0;
  padding: 0 0 0
}

.code2 ul li.left {
  display: table-cell;
  width: 65%;
  position: relative;
  text-align: right;
  top: -9px
}

.code2 ul li.left p {
  color: #FFFFFF !important
}

.code2 ul li.left .title2 {
  font-size: 1.2em !important
}

.code2 ul li.right {
  display: table-cell;
  width: 35%;
  position: relative;
  text-align: left
}

.code2 ul li.right .title1b {
  font-size: 1.45em !important
}

.code2 ul li.right .box {
  margin: 20px 0 0;
  width: 100%;
  position: relative;
  background-color: #fff;
  max-height: 80px
}

.code2 ul li.right .box p {
  color: #1B1B1B;
  text-align: center;
  letter-spacing: 1px
}

#campaign section.item div.itemWrap2 {
  padding: 0 1em .3em
}

#campaign h1 {
  color: #616161
}

#campaign section.item div.itemWrap2 p {
  color: #010101;
  font-size: .909em;
  line-height: 1.5;
  text-align: center;
  margin-top: 1em
}

#campaign section.item div.itemWrap2 p>span {
  color: #f2799a;
  font-weight: 700
}

.example.corner01 {
  border-radius: 4px;
  padding-top: 40px
}

@media screen and (max-width:480px) {
  #campaign .code2 {
    border: 1px solid #999;
    background: #999;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px 0 5px
  }

  #campaign .code2 ul {
    border: none;
    background: none;
    border-radius: 0
  }

  #campaign .code2 li {
    top: auto
  }

  #campaign .code2 ul li.right .box {
    margin-top: 0
  }

  #campaign .code2 .txt4 {
    color: #fff;
    padding-top: 5px;
    text-align: center
  }
}

@media (min-width:780px) {
  #tsAkifuyu .sct2 .fukidashi img {
    margin: 0 1em 0em 24%
  }

  #tsAkifuyu .sct2-02 img {
    padding: 0
  }

  #tsAkifuyu .sct6-02 {
    width: 1000px;
    padding: 30px 5px;
    background-color: #FFF
  }

  #tsAkifuyu .sct6-02 ul {
    margin-top: 0;
    width: 100%
  }

  #tsAkifuyu .sct6-02 ul .right {
    display: inline-block !important;
    padding-left: 35px !important;
    width: 77% !important;
    top: -150px
  }

  #tsAkifuyu .sct6-02 ul .right .txt2 {
    display: inline-block !important;
    font-size: 18px !important
  }

  #tsAkifuyu .sct6-02 ul .left {
    display: inline-block !important;
    width: 20% !important;
    padding: 0 !important
  }

  #tsAkifuyu .sct2-02 .txt2 span {
    color: #ff729a;
    font-weight: 700;
    font-size: 20px !important
  }
}

#tsAkifuyu .sct2-02 .txt2 {
  padding: 1.5em 1em 5px;
  background-color: #FFF;
  text-align: center;
  font-size: 1em;
  font-weight: 700
}

#tsAkifuyu .sct2-02 .txt2 span {
  color: #ff729a;
  font-weight: 700;
  font-size: 1.1em
}

#tsAkifuyu .sct6-02 {
  width: 100%;
  padding: 30px 5px 5px;
  background-color: #FFF;
  border-bottom: 1px solid #EAEAEA
}

#tsAkifuyu .sct6-02 ul {
  margin-top: 0;
  width: 100%
}

#tsAkifuyu .sct6-02 .txt1 {
  text-align: center;
  color: #ff729a;
  font-weight: bold !important;
  padding-bottom: 1em
}

#tsAkifuyu .sct6-02 ul .right {
  display: inline-block !important;
  padding: 0 10px;
  width: 100%
}

#tsAkifuyu .sct6-02 ul .right .txt2 {
  display: inline-block !important;
  font-size: 1em;
  margin: 1em
}

#tsAkifuyu .sct6-02 ul .left {
  display: inline-block !important;
  width: 70%;
  padding: 1em 0 1em 30%
}

#tsAkifuyu .sct6-02 ul .left span {
  display: inline-block !important;
  padding: .5em 0
}

#tsAkifuyu .sct2>h2 {
  font-size: 1.1em !important;
  line-height: 150% !important;
  text-align: center
}

.hover-ul:hover {
  text-decoration: underline !important
}

@media screen and (max-width:480px) {
  .content-qa .btns ul {
    margin-bottom: 0
  }

  .content-qa .btns li {
    margin-bottom: 5px
  }

  .content-sell .web .image {
    margin-top: 15px
  }

  *[class*="mBtn2"] {
    line-height: 1.5em;
    padding: 10px 0;
    font-size: .9em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a {
    font-size: .8em
  }

  #send section#sct2 div.step2 div.documents>div>ul>li.moushikomisho a.mBtn-pdf {
    display: block;
    text-align: center;
    width: auto
  }
}

@media (min-width:780px) {
  .content-sell .kit p img {
    top: 208px;
    width: 157px;
    z-index: 9999
  }
}

.syuka {
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  display: block;
  position: relative
}

.news_div {
  width: 80%;
  margin: 20px 8%;
  border: solid 1px #9e9e9e;
  padding: 1%;
  overflow-y: scroll;
  overflow-x: hidden
}

@media (min-width:780px) {
  .news_div {
    height: 200px
  }
}

@media screen and (max-width:780px) {
  .news_div {
    height: 150px;
    -webkit-overflow-scrolling: touch
  }
}

.news_p {
  padding: 1%;
  line-height: 140%
}

.hibrand_g {
  text-align: center;
  padding-right: 3%;
  padding-left: 4%;
  padding-top: 15px;
  padding-bottom: 20px;
  line-height: 1.5em;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 3%;
  margin-right: 4%;
  font-size: 100%
}

.hibrand_g p {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  color: #616161;
  font-size: 100%
}

.content-feature-item-kv2 {
  height: 680px
}

.popbn {
  position: relative;
  margin: 0 auto;
  display: none
}

.popbn .bn_img {
  position: fixed;
  bottom: 0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  z-index: 88
}

.bn_img_inner {
  width: 200px;
  height: 165px;
  box-sizing: border-box;
  padding: 5px 10px;
  background-color: #fafafa;
  opacity: .9
}

.popbn .bn_img_inner a {
  display: block;
  left: 10px
}

.popbn .bn_img p.close {
  position: absolute;
  left: 10px;
  top: 5px;
  z-index: 999
}

.popbn .bn_img p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center
}

.popbn .bn_img p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden
}

.popbn a.fa {
  font-size: 25px
}

@media screen and (max-width:770px) {
  .popbn .bn_img {
    margin-bottom: 70px !important
  }

  .bn_img_inner img {
    width: auto;
    max-width: 100%
  }
}

@media screen and (max-width:540px) {
  .bn_img_inner {
    width: 180px;
    height: 150px
  }
}

@media screen and (max-width:370px) {
  .bn_img_inner {
    width: 150px;
    height: 120px
  }
}

@media screen and (max-width:320px) {
  .bn_img_inner {
    width: 130px;
    height: 105px
  }
}

.line_bottn_w {
  margin-bottom: 20px
}

.btan_green {
  background-color: #e96617 !important;
  border-bottom: 2px solid #af4b0f !important
}

.line_sct .step2 {
  margin: 0 !important
}

#send section#sct2 .head {
  text-align: center;
  background-color: #616161;
  color: #fff;
  border-radius: 0;
  border-top-left-radius: .423em;
  border-top-right-radius: .423em;
  margin: -1em -1em .901em
}

p.line_waku_text {
  font-size: 120%;
  font-weight: 700;
  padding-bottom: 10px
}

.line_step_litxt {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 5px
}

.kantan_line_text.course1_mv {
  background-color: #00c202
}

.kantan_line_text.course2_mv {
  background-color: #4c3114
}

ul.tab.line_tab_1 li a {
  line-height: 140% !important
}

.content-container.line_notitemarea {
  margin-top: 50px
}

@media all and (min-width:641px) {
  .line_tab_1 span.line_font80 {
    font-size: 25px
  }

  p.font25 {
    font-size: 25px;
    font-weight: 700
  }

  ul.line_id_g {
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  p.font13 {
    font-size: 13px;
    padding-bottom: 10px;
    line-height: 1.5em
  }

  p.line_id {
    width: 160px;
    border-style: solid;
    background-color: #f2799a;
    padding-top: 68px;
    padding-bottom: 68px;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin: auto
  }

  p.font_b {
    font-size: 16px;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 6px
  }

  li.id_g_li {
    padding-top: 20px;
    padding-left: 7%;
    padding-right: 7%;
    flex: 1 1
  }

  p.font20 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px
  }

  .mokuji {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    background-color: #06c202;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  ul.line_step_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto
  }

  ul.line_step_ul2 {
    list-style: none;
    display: flex;
    margin-bottom: 30px;
    margin-top: 10px
  }

  li.line_step_li {
    padding-top: 20px;
    flex: 1 1 0%
  }

  .line_step_litxt {
    height: 130px
  }

  p.g_font {
    color: #06c202;
    font-weight: 700;
    padding-bottom: 5px
  }

  .line_time {
    border: 6px #06c202 solid;
    border-radius: 30px;
    padding: 1em;
    text-align: center;
    line-height: 1.8em;
    margin: 3%
  }

  .line_time .g_font25b {
    font-size: 25px;
    color: #07c103;
    font-weight: 700
  }

  p.font25_2 {
    font-size: 25px;
    font-weight: 700;
    text-align: center
  }

  .line_timec .g_font15 {
    font-size: 15px;
    line-height: 1.8em
  }

  .linecont {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0
  }

  .line_point {
    margin-top: 10px
  }

  ul.line_point_ul {
    display: flex;
    flex-wrap: wrap
  }

  P.line_point_img img {
    max-width: 100%
  }

  li.line_point_li {
    flex: 1 1 25%;
    padding: 1%
  }

  ul.line_item_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    padding-right: 20%;
    padding-left: 20%
  }

  li.line_item_li img {
    max-width: 100%
  }

  li.line_item_li {
    flex: 1 1 10%;
    text-align: center;
    margin: 10px
  }

  p.font22 {
    font-size: 22px;
    font-weight: 700;
    padding: 0 19%;
    line-height: 1.5em;
    margin-bottom: 30px
  }

  .line_notitem {
    background-color: #eee;
    padding: 20px 0;
    margin: 10px 3%;
    border: 6px #eee solid;
    border-radius: 30px
  }

  .line_notitem p {
    text-align: left;
    padding-left: 25%
  }

  .mokuji_bk {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    background-color: #666;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  .line_after_box {
    margin: 2% 10%;
    border: 1px #bdbdbd solid;
    border-radius: .5em;
    padding: 3% 2%
  }

  .line_after_box dl.waku {
    text-align: center;
    background-color: #616161;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: .423em;
    border-top-right-radius: .423em;
    margin: -1.7em -1.2em .901em
  }

  .line_after_box *>h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3em
  }

  dl.layout_line p {
    line-height: 1.3em
  }

  .line_after_box dt span {
    font-size: .86em
  }

  .line_after_box .waku dd {
    font-size: 1.182em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    line-height: 1.95
  }

  .line_after_box .waku dt {
    font-size: .909em;
    font-family: "Noto Serif";
    display: inline-block;
    vertical-align: middle
  }

  .line_after_box .layout_line>*:last-child {
    text-align: left;
    padding-left: 1em;
    padding-bottom: 1em
  }

  .layout_line {
    display: table;
    width: 100%
  }

  dl.layout_line {
    display: flex
  }

  *[class*="mBtn2"] {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 100%;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px #ccc;
    background: #f2799a;
    border-bottom: 1px solid #d96d8a
  }

  .line_camp {
    border: 6px #06c202 solid;
    border-radius: 30px;
    padding: 1em;
    text-align: center;
    line-height: 1.8em;
    margin: 3%
  }

  p.font35_g {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.8em;
    color: #06c202
  }

  p.font22_2 {
    font-size: 22px;
    font-weight: 700;
    padding: 0 10%;
    line-height: 1.5em;
    margin-bottom: 30px
  }

  p.camp_p {
    text-align: left;
    line-height: 1.5em
  }

  p.line_waku_mokuji {
    font-size: 130%;
    font-weight: 700;
    margin-top: 30px
  }

  p.line_waku_a {
    background-color: #06c202;
    width: 60%;
    color: #fff;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 110%;
    padding: 5px 0
  }

  p.line_waku_b {
    border-color: #06c202;
    border-style: solid;
    width: 60%;
    margin-top: 0;
    border-width: 1px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    font-size: 110%;
    font-weight: 700;
    color: #06c202;
    padding: 10px 0
  }

  .line_botanbox {
    margin-bottom: 15px;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: -25px
  }

  p.hosho_f1 {
    font-weight: 700;
    text-align: center;
    line-height: 1.8em;
    margin-top: 4%;
    margin-bottom: 4%
  }

  .mokuji_pink {
    font-size: 150%;
    font-weight: 700;
    color: #fff;
    background-color: #dc7092;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px
  }

  .line_item_img {
    margin-top: 5%;
    margin-bottom: 2%
  }

  p.hosho_f2 {
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-size: 100%
  }

  p.hosho_text_p {
    line-height: 1.5em
  }

  .text_left {
    text-align: left
  }

  .hosho_notitem {
    background-color: #eee;
    padding: 10px 0;
    margin: 10px 3%;
    border: 6px #eee solid;
    border-radius: 30px
  }

  .hosho_notitem p {
    text-align: left;
    margin: 10px 10%
  }

  p.hosho_f4 {
    font-size: 160%;
    font-weight: bolder;
    margin: 20px auto 20px auto;
    text-align: center;
    color: #dd7092
  }

  p.hosho_f5 {
    background-color: #f7f4ef;
    font-size: 120%;
    line-height: 1.5em;
    margin: 0 3% 0 3%;
    padding: 10px 3% 10px 3%;
    border-radius: 10px
  }

  li.line_step_li2.line_step_li_3row {
    width: 31%
  }

  li.line_step_li2.line_step_li_2row {
    width: 48%
  }

  .urukuma_swiper {
    width: 640px;
    margin: auto
  }
}

@media screen and (max-width:640px) {
  .line_sct {
    margin-top: 20px !important
  }

  section.line_other_g {
    padding-top: 20px
  }

  .line_tab_1 span.line_font70 {
    font-weight: 400
  }

  li.line_item_li p.font13 {
    text-align: center;
    font-weight: 700
  }

  .line_notitemarea>.information.information-warning {
    font-size: 12px;
    line-height: 140%;
    padding: 10px
  }

  p.font25 {
    font-size: 120%;
    font-weight: 700;
    text-align: center;
    margin-top: 20px
  }

  p.font18_g {
    color: #0b0;
    margin-top: 20px;
    text-align: center;
    font-size: 110%;
    font-weight: 700;
    margin-bottom: 5px
  }

  p.sp_line_botan {
    width: 60%;
    margin: 0 auto
  }

  .linecont {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
  }

  p.font20 {
    font-size: 110%;
    font-weight: 700;
    margin-bottom: 10px
  }

  .mokuji {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #06c202;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px
  }

  p.g_font {
    color: #06c202;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 140%
  }

  p.line_step_img {
    width: 50%;
    margin: 20px auto
  }

  .line_time {
    border: 6px #06c202 solid;
    border-radius: 30px;
    padding: 1em;
    text-align: center;
    line-height: 1.5em;
    margin: 3% 1%
  }

  .line_time p.g_font25b {
    font-size: 120%;
    color: #07c103;
    font-weight: 700
  }

  p.font25_2 {
    font-size: 120%;
    font-weight: 700;
    text-align: center
  }

  p.font_sp {
    font-size: 90%
  }

  li.line_point_li {
    width: 80%;
    margin: 10px auto 20px
  }

  p.font13 {
    margin-top: 5px;
    line-height: 140%;
    font-size: 100%
  }

  ul.line_item_ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    padding-right: 1%;
    padding-left: 1%
  }

  li.line_item_li {
    flex: 1 1 0%;
    margin: 0 1%;
    font-size: 80%
  }

  p.font22 {
    font-size: 120%;
    font-weight: 700;
    padding: 0 3%;
    line-height: 1.5em;
    margin-bottom: 30px
  }

  .line_notitem {
    background-color: #eee;
    padding: 20px 1%;
    border-radius: 30px;
    padding: 1em;
    line-height: 1.8em;
    margin: 3% 1%
  }

  .line_notitem p {
    line-height: 1.5em
  }

  .mokuji_bk {
    font-weight: 700;
    color: #fff;
    background-color: #666;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px
  }

  p.kantan {
    width: 70%;
    margin: 20px auto
  }

  .line_after_box {
    margin: 2% 1%;
    border: 1px #bdbdbd solid;
    border-radius: .5em;
    padding: 3% 2%
  }

  .line_after_box .waku {
    text-align: center;
    background-color: #616161;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: .423em;
    border-top-right-radius: .423em;
    margin: -15px -2.5%
  }

  .line_after_box dt span {
    font-size: .86em
  }

  .line_after_box .waku dd {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    line-height: 1.95
  }

  .line_after_box .waku dt {
    font-size: .909em;
    font-family: "Noto Serif";
    display: inline-block;
    vertical-align: middle
  }

  .line_after_box .layout_line>*:last-child {
    text-align: left;
    padding-left: 1em;
    padding-bottom: 1em
  }

  dl.layout_line dt img {
    width: 200px
  }

  .line_after_box .layout_line>*:last-child {
    text-align: left;
    padding-left: 1em;
    padding-bottom: 1em
  }

  .layout_line {
    display: table;
    width: 100%;
    padding-top: 25px
  }

  dl.layout_line dt {
    text-align: center;
    margin-bottom: 20px
  }

  .line_after_box *>h1 {
    font-size: 120%;
    font-weight: 700;
    line-height: 1.3em
  }

  dl.layout_line p {
    line-height: 140%;
    margin: 10px 0
  }

  .line_after_box dt span {
    font-size: .86em
  }

  *[class*="mBtn2"] {
    display: block;
    position: relative;
    line-height: 2.5em;
    text-align: center;
    font-weight: 700;
    font-size: 100%;
    border-radius: 2px;
    color: #FFF;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 0 1px 2px #ccc;
    background: #f2799a;
    border-bottom: 1px solid #d96d8a
  }

  .line_camp {
    border: 6px #06c202 solid;
    border-radius: 30px;
    padding: 1em;
    text-align: center;
    line-height: 1.8em;
    margin: 3% 1%
  }

  p.font35_g {
    font-size: 150%;
    font-weight: 700;
    line-height: 1.8em;
    color: #06c202
  }

  p.font22_2 {
    font-size: 120%;
    font-weight: 700;
    padding: 0 3%;
    line-height: 1.5em
  }

  p.camp_p {
    text-align: left;
    margin-top: 20px
  }

  p.line_waku_mokuji {
    font-size: 130%;
    font-weight: 700;
    margin-top: 30px
  }

  p.line_waku_a {
    background-color: #06c202;
    width: 75%;
    color: #fff;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 110%;
    padding: 5px 0
  }

  p.line_waku_b {
    border-color: #06c202;
    border-style: solid;
    width: 75%;
    margin-top: 0;
    border-width: 1px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    font-size: 110%;
    font-weight: 700;
    color: #06c202;
    padding: 10px 0
  }

  .line_botanbox {
    margin-bottom: 15px;
    margin-left: 3%;
    margin-right: 3%
  }

  p.hosho_f1 {
    font-weight: 700;
    text-align: center;
    line-height: 1.8em;
    margin-top: 4%;
    margin-bottom: 4%
  }

  .mokuji_pink {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #dc7092;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px
  }

  .line_item_img {
    margin-top: 5%;
    margin-bottom: 2%
  }

  p.hosho_f2 {
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-size: 15px
  }

  ul.line_step_ul2 {
    margin: 0 auto 5% auto;
    display: block !important
  }

  .hosho_notitem {
    background-color: #eee;
    padding: 20px 1%;
    border-radius: 30px;
    padding: 1em;
    line-height: 1.8em;
    margin: 3% 1%
  }

  .hosho_notitem p {
    line-height: 120%;
    font-size: 12px
  }

  .hoshochui_area p {
    line-height: 120%;
    font-size: 12px
  }

  p.hosho_f4 {
    font-size: 130%;
    font-weight: bolder;
    margin: 20px auto 20px auto;
    text-align: center;
    color: #dd7092
  }

  p.hosho_f5 {
    background-color: #f7f4ef;
    line-height: 1.5em;
    padding: 10px 3% 10px 3%;
    border-radius: 10px
  }

  li.line_step_li {
    margin-bottom: 20px
  }

  .line_step_litxt {
    height: auto
  }

  p.line_text11 {
    font-size: 100% !important
  }

  p.hosho_midashi_line2 {
    font-size: 130% !important
  }

  .kantan_line_text p {
    font-size: 120% !important
  }

  p.kantan_line_img1 {
    width: 30%
  }
}

.line_after_box .kitOffer {
  margin-top: 10px
}

.content-sell .form-second {
  font-size: 86%;
  padding: 20px 0 10px;
  text-align: center
}

.content-sell .form-second strong {
  color: #f2799a;
  display: block;
  font-size: 108%;
  margin-bottom: 5px;
  text-align: center
}

.content-sell .form-second .bt {
  margin-right: auto;
  margin-left: auto;
  font-size: 86%;
  padding: 10px 15px;
  max-width: 320px
}

.hikaku_box {
  width: 90%;
  border: solid 3px #eee;
  margin: 5px 5%;
  display: inline-block;
  padding: 2% 5%
}

p.hikaku_date {
  font-size: 8px;
  margin-bottom: 5px
}

p.hikaku_name {
  margin: 5px
}

ul.hikaku_price li {
  margin: 1%;
  width: 47% !important;
  text-align: center
}

li.shopb_price {
  width: 50%;
  background-color: #f06288;
  border-radius: 5px;
  color: #FFF
}

li.shops_price {
  background-color: #EEE;
  border-radius: 5px
}

span.hikaku_shop {
  display: block;
  margin-bottom: 5px
}

span.hikaku_price {
  font-size: 150%
}

#lv {
  background-color: #fff
}

#lv .content-title {
  color: #4f3d33
}

#lv .content-title2 {
  color: #616161;
  font-size: 156%;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

#lv section#top {
  background: none
}

#lv section.item div.itemWrap {
  padding: 0 1em 1em
}

#lv h1 {
  color: #616161
}

#lv section.item div.itemWrap p {
  color: #010101;
  font-size: .909em;
  line-height: 1.5;
  text-align: center;
  margin-top: 1em
}

#lv section.item div.itemWrap p>span {
  color: #f2799a;
  font-weight: 700
}

#lv section.item div.campCont01 {
  padding: 0 1em 2.5em
}

#lv section.item div.campCont02 {
  padding: 0 1em 2.5em
}

#lv section.item div.campCont02 div.kyoukaBrand {
  margin-top: .5em;
  border: 2px #e0e0e0 solid;
  border-radius: 2px
}

#lv section.item div.campCont02 div.kyoukaBrand ul {
  padding: .5em .7em;
  border-bottom: 2px #e0e0e0 solid
}

#lv section.item div.campCont02 div.kyoukaBrand ul li.normal {
  font-size: .8em;
  margin-left: 1.8em;
  line-height: 1.5
}

#lv section.item div.campCont02 div.kyoukaBrand ul li.star {
  font-size: 1.5em;
  padding: .5em 0
}

#lv section.item div.campCont02 div.kyoukaBrand ul li.star:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em
}

#lv section.item div.campCont02 div.kyoukaBrand dl {
  display: table;
  width: 100%
}

#lv section.item div.campCont02 div.kyoukaBrand>dl dt,
#lv section.item div.campCont02 div.kyoukaBrand>dl dd {
  padding: 1em .7em .5em;
  width: 50%;
  display: table-cell;
  border-bottom: 2px #e0e0e0 solid
}

#lv section.item div.campCont02 div.kyoukaBrand>dl dt.last,
#lv section.item div.campCont02 div.kyoukaBrand>dl dt.lastdd.last {
  border-bottom: 0
}

#lv section.item div.campCont02 div.kyoukaBrand>dl dt {
  border-right: 2px #e0e0e0 solid
}

#lv section.item div.campCont02 div.kyoukaBrand>dl dt:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em;
  float: left;
  display: inline-block;
  margin-bottom: .5em
}

#lv section.item div.campCont02 div.kyoukaBrand dl dd:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em
}

#lv section.item div.campCont03 {
  padding: 0 1em 1em
}

#lv section.item div.campCont03 p {
  margin-top: .5em;
  border: 2px #e0e0e0 solid;
  border-radius: 2px;
  padding: .5em .7em;
  font-size: 1em;
  line-height: 1.5em
}

#lv section.item div.campCont03 p:before {
  content: "\f005";
  font-family: FontAwesome;
  color: #bdbdbd;
  font-weight: 400;
  margin-right: .3em;
  float: left;
  display: inline-block;
  margin-bottom: .5em
}

#lv section.campDetail div.campTerm {
  border: 4px #d0b592 solid;
  border-radius: 4px;
  padding: 1em;
  text-align: center;
  font-weight: 700;
  margin: 1.5em 1em;
  color: #616161
}

#lv section.campDetail div.campTerm p.txt01 {
  font-size: 1.27em;
  line-height: 1.5;
  margin-bottom: .5em
}

#lv section.campDetail div.campTerm p.txt01 span {
  font-size: .71em;
  line-height: 1.5;
  margin-bottom: .5em
}

#lv section.campDetail div.campTerm p.txt02 {
  font-size: 1em;
  line-height: 1.5;
  text-align: center
}

#lv section.campDetail dl {
  border: 1px #f1f0ec solid;
  border-radius: 4px;
  margin: 1em;
  color: #4f3d33
}

#lv section.campDetail dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #c4a277;
  padding: .5em .9em
}

#lv section.campDetail dl dd {
  padding: 1em;
  line-height: 1.4;
  color: #000;
  background-color: #c4a277
}

#lv section.campDetail dl dd span {
  font-size: .909em;
  line-height: 1.4;
  color: #c4a277;
  display: inline-block
}

.content-title-balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  max-width: 100%;
  color: #FFF;
  font-size: 16px;
  background: #4f3d33;
  text-align: center;
  font-size: 150%;
  font-weight: 700;
  line-height: 150%
}

.content-title-balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  max-width: 100%;
  color: #FFF;
  font-size: 16px;
  background: #2c1a19;
  text-align: center;
  font-size: 150%;
  font-weight: 700;
  line-height: 150%
}

.content-title-balloon3 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  width: 100%;
  max-width: 100%;
  color: #FFF;
  font-size: 16px;
  background: #000;
  text-align: center;
  font-size: 150%;
  font-weight: 700;
  line-height: 150%
}

.content-title-balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #4f3d33
}

.content-title-balloon2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #2c1a19
}

.content-title-balloon3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #000
}

.content-title-balloon p {
  margin: 0;
  padding: 0
}

.braun_back {
  background: #4f3d33 !important
}

.braun_back2 {
  background: #2c1a19 !important
}

.braun_back3 {
  background: #000000 !important
}

.braun_font {
  color: #4f3d33 !important
}

.braun_border {
  background: #fff !important;
  border-color: #4f3d33 !important
}

.white_font {
  color: #FFFFFF !important
}

.lux_content_waku i.fa.fa-search {
  padding: 0 1%;
  vertical-align: text-bottom
}

p.lux_space {
  margin-top: 20px
}

img.lux_space {
  margin-top: 20px
}

p.lux_g {
  margin-bottom: 30px;
  margin-right: 5%;
  margin-left: 5%;
  line-height: 1.8em;
  font-size: 110%
}

.lux_braun .bt {
  background: #c4a277 !important;
  border: none;
  border-bottom: 2px solid #c4a277 !important;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px 15px;
  text-align: center;
  transition: 0.3s all ease-out;
  width: 100%
}

.lux_braun .bt-more:link,
.bt-more:visited {
  color: #c4a277
}

.lux_braun .bt-more {
  background: #fff !important;
  border: 2px solid #c4a277;
  color: #c4a277;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 240px
}

.lux_braun .content-sell .form-second strong {
  color: #c4a277 !important;
  display: block;
  font-size: 108%;
  margin-bottom: 5px;
  text-align: center
}

.lux_braun a {
  color: #4f3d33 !important;
  text-decoration: none
}

.line_step {
  margin-left: 5%;
  margin-right: 5%
}

p.g_font.braun_font_no {
  color: #4f3d34;
  background-color: #c4a277;
  width: 35px;
  height: 35px;
  border-radius: 30%;
  margin-right: 2%;
  text-align: center;
  line-height: 35px;
  color: #FFF
}

p.g_font.braun_font_no2 {
  background-color: #cc757a;
  width: 35px;
  height: 35px;
  border-radius: 30%;
  margin-right: 2%;
  text-align: center;
  line-height: 35px;
  color: #FFF
}

.line_step_txt {
  display: block;
  width: 80%
}

.lux_linelist {
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap;
  margin-left: 2%;
  margin-right: 2%
}

.line_text_flex {
  display: flex
}

.lux_linelist_g {
  background-color: #eee;
  padding: 2%;
  flex: 1 1 40%;
  display: flex;
  max-width: 50%;
  margin: 1%
}

.lux_linelist_img {
  width: 30%
}

p.lux_linelist_t {
  margin-left: 2%;
  margin-top: 6%;
  font-weight: 700
}

p.lux_linelist_t {
  margin-left: 4%;
  margin-top: 6%;
  font-weight: 700;
  font-size: 80%;
  line-height: 1.5em;
  color: #4f3d34
}

.lux_center {
  margin: auto;
  text-align: center
}

.lux_line_pickuparea {
  width: 100%;
  display: block;
  margin: 20px auto
}

p.title_press1 {
  font-size: 130%;
  font-weight: 700;
  line-height: 130%;
  width: 80%;
  margin: auto;
  padding-top: 3%;
  padding-bottom: 3%;
  text-align: center
}

ul.press_list {
  width: 100%;
  display: flex;
  margin: -8% auto 0 auto
}

li.press_list_img img {
  flex: 1;
  width: 100%
}

@media (min-width:641px) {
  .lux_content_waku {
    max-width: 1000px;
    margin: 0 auto
  }

  #lv section.campDetail .lux_search dl {
    margin: 1%
  }

  .lux_waki {
    margin-right: 3%;
    margin-left: 3%
  }

  .braun_border {
    background: #fff !important;
    border-color: #4f3d33 !important;
    max-width: 640px
  }

  p.lux_g {
    max-width: 800px;
    margin: 60px auto 60px auto
  }

  li.id_g_li {
    max-width: 100%
  }

  li.line_step_li {
    padding-top: 20px;
    flex: 1 1 30%;
    margin: 2%
  }

  p.line_step_img {
    text-align: center
  }

  p.lux_linelist_t {
    margin-left: 4%;
    margin-top: 6%;
    font-size: 18px;
    line-height: 1.5em;
    color: #4f3d34
  }

  ul.press_list {
    width: 800px;
    display: flex;
    margin: auto
  }
}

.price_ex {
  max-width: 1000px;
  margin: 0 auto
}

ul.lux_ilist {
  width: 100%;
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap
}

ul.lux_ilist>li {
  margin: 1%;
  border: solid 2px #eee;
  padding: 2%;
  flex: 1 1 40%;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between
}

@media (max-width:500px) {
  ul.lux_ilist>li {
    flex: 1 1 100%
  }
}

ul.lux_ilist li img {
  max-height: 150px;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
  display: block
}

@media (max-width:600px) {
  ul.lux_ilist li img {
    max-height: 300px;
    max-width: 250px
  }
}

p.lux_ilist_brandname {
  font-size: 80%;
  text-align: center
}

p.lux_ilist_itemname {
  font-size: 100%;
  margin: 5px 0;
  line-height: 140%;
  font-weight: 700
}

ul.lux_price_table {
  margin-top: 10px;
  margin-bottom: 10px
}

ul.lux_price_table li {
  display: table;
  width: 100%
}

ul.lux_price_table li:first-child span {
  border-top: 1px solid #4d3d33
}

span.prtb_row1 {
  border-left: 1px solid #4d3d33;
  border-bottom: 1px solid #4d3d33;
  background-color: #f4f2ed;
  padding: 5% 0;
  width: 70px;
  display: table-cell;
  font-size: 80%;
  text-align: center
}

span.prtb_row2 {
  display: table-cell;
  border-left: 1px solid #4d3d33;
  border-right: 1px solid #4d3d33;
  border-bottom: 1px solid #4d3d33;
  font-size: 100%;
  padding: 5%;
  background-color: #FFF;
  font-weight: 700
}

input#next_bt {
  display: block;
  margin: 10px auto;
  background-color: #FFF;
  border: solid 2px #4f3d33;
  padding: 10px 10%;
  border-radius: 5px
}

.braun_border {
  background: #fff !important;
  border-color: #4f3d33 !important;
  max-width: 640px
}

.lux_search {
  max-width: 640px;
  margin: -24px auto 0 auto;
  text-align: center
}

#lux_sform1 {
  position: relative
}

#lux_sbox1 {
  height: 50px;
  padding: 0 5%;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 2px;
  border: solid 3px #f1f0ec;
  outline: 0
}

#lux_sbt1 {
  height: 50px;
  top: 0;
  background: none;
  color: #4f3d33;
  font-size: 120%;
  font-weight: 700;
  outline: 0;
  width: 100%;
  background: #4f3d33 !important;
  border: none;
  border-bottom: 2px solid #000 !important;
  color: #FFF;
  border-radius: 5px;
  margin-top: 10
}

#lux_sbt2 {
  height: 50px;
  top: 0;
  background: none;
  color: #4f3d33;
  font-size: 120%;
  font-weight: 700;
  outline: 0;
  width: 100%;
  background: #000000 !important;
  border: none;
  border-bottom: 2px solid #000 !important;
  color: #FFF;
  border-radius: 5px;
  margin-top: 10
}

#lux_sbt2:hover {
  color: #7fbfff
}

.lux_bt_green {
  height: 70px;
  top: 0;
  background: none;
  color: #4f3d33;
  font-size: 120%;
  font-weight: 700;
  outline: 0;
  width: 100%;
  background: #79a93e !important;
  border: none;
  border-bottom: 2px solid #618732 !important;
  color: #FFF;
  border-radius: 5px;
  margin-top: 10
}

.line_kakakuhosho_g button a {
  color: #FFF;
  display: block;
  height: 100%;
  line-height: 70px
}

#lux_sbt1:after {
  content: '\f105';
  display: block;
  font-family: "FontAwesome";
  font-size: 150%;
  font-weight: 400;
  line-height: 20px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  right: 20px
}

select.lux_sform2-1,
select.lux_sform2-2 {
  height: 50px;
  padding: 0 5%;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 2px;
  border: solid 3px #f1f0ec;
  outline: 0;
  background-color: #FFF
}

.lux_search_inner {
  text-align: center
}

section.line_hoshou_a {
  background-color: #c4a277;
  padding: 2em 1em 1em 1em;
  ;
  border-radius: 0
}

.line_kakakuhosho_g {
  display: flex;
  padding: 4% 6% 4% 6%
}

p.line_kakakuhosho_img {
  margin-left: 2%;
  margin-right: 2%;
  text-align: center
}

.line_kakakuhosho_g button {
  margin-top: 10%
}

@media (min-width:780px) {
  .line_kakakuhosho_g_l {
    width: 30%
  }

  .line_kakakuhosho_r {
    width: 70%
  }

  .line_kakakuhosho_r span.subcmt {
    text-align: left;
    line-height: 120%;
    font-weight: 700;
    font-size: 13px
  }

  .line_kakakuhosho_g {
    margin: 30px auto
  }

  .search_g {
    display: flex;
    -webkit-box-flex: flex;
    flex-wrap: wrap
  }

  .search_1,
  .search_2 {
    width: 50%
  }

  ul.lux_ilist>li {
    flex: 1 1 30%
  }
}

.search_2 section.line_hoshou_a {
  height: 335px;
  margin: 0
}

.search_2 img {
  height: 163px;
  vertical-align: middle
}

.search_ribbon_flex {
  display: flex;
  margin: auto;
  width: 100%
}

.ribbon4_1 {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0 40px 0 18px;
  font-size: 100%;
  background: #4f3d33;
  color: #FFF;
  box-sizing: border-box;
  font-size: 110%;
  font-weight: 700;
  width: 200px;
  margin-left: 5px
}

.ribbon4_1:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

.ribbon4_1:after {
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid
}

.ribbon4_2 {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0 40px 0 18px;
  font-size: 100%;
  background: #4f3d33;
  color: #FFF;
  box-sizing: border-box;
  font-size: 110%;
  font-weight: 700;
  width: 200px
}

.ribbon4_2:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

.ribbon4_2:after {
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid
}

p.content-title.font_minimini {
  margin-top: 2%;
  font-size: 110%;
  margin-left: 3%;
  width: 300px
}

@media (max-width:780px) {
  .lux_search {
    margin: -60px auto 0 auto
  }

  .search_1,
  .search_2 {
    width: 100%
  }

  .search_2 section.line_hoshou_a {
    height: 100%
  }

  .search_2 {
    padding: 8%;
    padding-top: 0
  }

  .search_2 img {
    max-width: 50px;
    height: 50%
  }

  .line_kakakuhosho_g {
    display: block
  }

  .search_ribbon_flex {
    display: flex;
    margin: auto auto;
    width: 100%
  }

  .ribbon4_1 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 100%;
    background: #4f3d33;
    color: #FFF;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: 700;
    width: 200px;
    margin-left: -1%
  }

  .ribbon4_1:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .ribbon4_1:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  .ribbon4_2 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 100%;
    background: #4f3d33;
    color: #FFF;
    box-sizing: border-box;
    font-size: 110%;
    font-weight: 700;
    width: 200px;
    margin-left: 5px;
    left: -1%
  }

  .ribbon4_2:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1
  }

  .ribbon4_2:after {
    top: 0;
    right: 0;
    border-width: 20px 15px 20px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  p.content-title.font_minimini {
    max-width: 100%;
    margin-top: 3%;
    font-size: 110% important
  }

  .p_none {
    padding: 0 0 important
  }
}

@media (max-width:420px) {
  .lux_search {
    margin-top: -70px
  }
}

@media (max-width:376px) {
  .lux_search {
    margin-top: -60px
  }
}

@media (max-width:321px) {
  .lux_search {
    margin-top: -50px
  }
}

.condition_content {
  margin: 10px auto;
  padding: 3%;
  border: solid 2px #c4a277;
  max-width: 640px
}

.condition_content p.content-title {
  font-size: 120%
}

.condition_content label {
  display: block;
  font-weight: 700;
  cursor: pointer;
  color: #4f3d33;
  text-align: center;
  margin-top: 10px
}

.condition_content input {
  display: none
}

.condition_content div {
  height: 0;
  overflow-y: hidden;
  transition: 0.8s;
  opacity: 0
}

.condition_content input:checked+label+div {
  height: auto;
  opacity: 1;
  margin-top: 30px
}

.condition_content label::before {
  content: '\f067';
  font-family: 'FontAwesome';
  padding-right: 8px
}

.condition_content input:checked+label::before {
  content: '\f068'
}

.condition_details {
  color: #4f3d33
}

.condition_details dl {
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap
}

.condition_details dt {
  width: 20%;
  border: solid 1px #4f3d33;
  border-right: none;
  padding: 1%;
  text-align: center;
  font-weight: 700
}

.condition_details dl:nth-child(1) dt,
.condition_details dl:nth-child(2) dt {
  border-bottom: none
}

.condition_details dd {
  border: solid 1px #4f3d33;
  width: 80%;
  padding: 1%
}

.condition_details dl:nth-child(1) dd,
.condition_details dl:nth-child(2) dd {
  border-bottom: none
}

p.condition_txt {
  line-height: 150%
}

p.condition_img {
  max-width: 100%;
  text-align: center
}

ul.tow_btns {
  display: flex;
  -webkit-box-flex: flex;
  bottom: 0
}

li.tow_btns_1,
li.tow_btns_2 {
  margin: 1%;
  width: 48%
}

li.tow_btns_1 a,
li.tow_btns_2 a {
  padding: 5%;
  display: block;
  width: 100%;
  border-radius: 5px
}

li.tow_btns_1 .btn:before,
li.tow_btns_2 .btn:before {
  position: absolute;
  top: 50%;
  right: 5%
}

li.tow_btns_1 a {
  background-color: #b8924d;
  border-bottom: 2px solid #705628
}

li.tow_btns_2 a {
  background-color: #78a838;
  border-bottom: solid 2px #4d894b
}

span.subcmt {
  font-size: 10px;
  display: block;
  text-align: center;
  font-weight: 400;
  line-height: 10px;
  margin-top: 10px
}

span.maincmt {
  display: block;
  font-size: 15px
}

#buyer_room a {
  text-decoration: none;
  color: #616161
}

.room_list_cate {
  border-bottom: #927752;
  border-bottom-style: dashed;
  padding-bottom: 80px
}

@media (min-width:641px) {
  a.link_col:hover {
    color: #927752 !important;
    font-size: 130%
  }

  .room_top {
    width: 100%;
    text-align: center
  }

  p.text1 {
    margin: 80px 10% 10px 10%;
    text-align: center;
    font-size: 120%;
    font-weight: 700;
    line-height: 1.5em
  }

  p.text2 {
    text-align: center;
    margin: 5px 8% 50px 8%;
    line-height: 1.8em;
    font-size: 15px
  }

  .room_list1 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    margin-bottom: 10px
  }

  .room_list1_t {
    padding: 0 8% 0 8%;
    -webkit-flex: 1 1 45%;
    text-align: center
  }

  .room_list1_t img {
    width: 100%
  }

  p.room_list1_txt1 {
    font-size: 15px;
    font-weight: 700;
    margin: 7px auto
  }

  p.room_list1_txt2 {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 15px
  }

  p.room_list1_txt3 {
    font-size: 80%;
    font-weight: 700;
    color: #927752;
    margin-top: 10px;
    text-align: center
  }

  .room_list2 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 5%
  }

  .room_list2_t img {
    width: 100%
  }

  p.room_list2_txt {
    font-size: 70%;
    text-align: center
  }

  p.bt1 {
    text-align: center;
    border-style: solid;
    padding: 20px 2% 20px 2%;
    margin: 20px 8% 50px 8%
  }

  p.bt1 a {
    font-size: 25px
  }

  .tab_content .tyumoku_text1,
  .tab_content .tyumoku_text2 {
    text-align: center;
    margin: 5px auto 5px auto;
    font-size: 20px;
    clear: both;
    display: block;
    line-height: 1.5em
  }

  .tyumoku_waku {
    width: 850px;
    margin-left: auto;
    margin-right: auto
  }

  li.tyumoku_list1 {
    width: 50%;
    margin-right: 4%;
    float: left
  }

  li.tyumoku_list1 img {
    width: 100%
  }

  ul.tyumoku_brand2 {
    display: inline-block;
    width: 400px;
    margin: 0 10px 40px 10px
  }

  .tyumoku_brand3 {
    border-style: solid;
    border-width: 2px;
    padding-top: 15px;
    padding-bottom: 5px;
    background-color: #000;
    margin-top: -3px;
    margin-bottom: 50px
  }

  p.tyumoku_text2 {
    font-size: 130%;
    text-align: center;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff
  }

  p.tyumoku_list2_txt {
    margin-top: 80px
  }

  .tyumoku_list1_t a::before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(/gold/rpfstore/img/sale/sale_icon_nesage.jpg);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    z-index: 999;
    opacity: .8;
    border-radius: 50%
  }

  .tyumoku_brand2_a {
    display: inline-flex;
    width: 80%
  }

  .tyumoku_brand2_a:after {
    color: #fff;
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-weight: 400;
    line-height: 22px;
    margin-top: -9px;
    position: absolute;
    top: 37%;
    right: 18px;
    text-align: center;
    width: 20px
  }

  .tyumoku_brand2_a:before {
    background: #c4a277;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -9px;
    position: absolute;
    top: 35%;
    right: 15px;
    text-align: center;
    width: 30px;
    height: 30px;
    transition: 0.3s all ease-out
  }

  .room_list2_t {
    max-width: 30%;
    margin-bottom: 5%;
    margin-left: 1%;
    margin-left: 1%
  }

  p.room_list2_txt {
    font-size: 70%;
    text-align: center;
    margin-top: 10px
  }

  p.room_list2_txt2 {
    font-size: 70%;
    font-weight: 700;
    color: #927752;
    text-align: center;
    margin-top: 5px
  }

  section.room_hot_brand {
    margin-top: 5%
  }

  .room_hot_midashi_waku {
    background-color: #000;
    width: 25%;
    padding: 2%
  }

  p.room_hot_midashi {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    padding-left: 5%
  }

  li.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 60px solid #000;
    border-right: 60px solid transparent
  }

  section.room_hot_brand ul {
    display: flex
  }

  .room_hot_midashi_waku2 {
    background-color: #eeeeef;
    margin: 3% 1% 7% 1%;
    border-radius: 10px;
    padding: 5%
  }

  .room_hot_list1_t {
    width: 45%;
    margin-left: 2%;
    margin-right: 2%
  }

  .room_hot_list1 {
    display: flex;
    width: 100%;
    flex-wrap: wrap
  }

  p.room_hot_txt1 {
    font-weight: 700;
    margin-bottom: 2%;
    margin-top: 2%
  }

  p.room_hot_txt2 {
    font-size: 70%;
    line-height: 1.6em;
    margin-bottom: 10%
  }

  .tab1-item {
    display: flex;
    ?@ -webkit-flex-wrap: wrap;
    -webkit-flex-wrap?@flex-wrap: wrap;
    width: 100%
  }

  .tab1-item .tab1-item_waku {
    border-style: solid;
    padding: 4% 10% 2% 10%;
    margin: -1px;
    text-align: center;
    width: 45%
  }

  .tab1-p {
    margin: 10% auto 5% auto;
    text-align: center
  }

  .tab1-brand {
    display: flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-wrap flex-wrap: wrap;
    width: 100%
  }

  .tab1-brand .tab1-brand_waku {
    border-style: solid;
    padding: 4% 10% 2% 10%;
    margin: 1% auto;
    text-align: center;
    width: 45%;
    border-color: #000;
    border-width: 3px
  }

  p.bt2 {
    font-size: 16px
  }

  .space {
    margin-top: 30px
  }

  .tabbox {
    position: relative;
    width: 99%;
    margin-right: auto;
    margin-left: auto
  }

  span.mini_font {
    color: #fff;
    font-size: 60%
  }

  span.mini_font2 {
    font-size: 90%;
    color: #fff;
    font-weight: 700;
    line-height: 2em
  }

  section.tokushu_list1 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    margin-bottom: 10px
  }

  div.tabbox ul.tabs {
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    width: 80%;
    -webkit-flex-wrap: wrap
  }

  div.tabbox ul.tabs li {
    padding: 0;
    list-style-type: none;
    margin-right: 1px;
    display: flex;
    display: -webkit-flex;
    -webkit-flex: 1 1 20%;
    border: solid 3px #000;
    border-bottom: none;
    text-align: center;
    height: 75px
  }

  div.tabbox ul.tabs a {
    display: block;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    width: 100%
  }

  div.tabbox ul.tabs li.tab {
    background-color: #000
  }

  div.tabbox ul.tabs a:link,
  div.tabbox ul.tabs a:visited {
    color: #FFF
  }

  div.tabbox ul.tabs a:hover {
    text-decoration: underline
  }

  ul.tabs.bottom li {
    border-bottom: solid 3px #000000 !important;
    border-top: none !important
  }

  div.tab_content {
    overflow: hidden;
    clear: left;
    width: 100%;
    border: 3px solid #000;
    border-bottom: none;
    padding-bottom: 20px
  }

  div#saletab1,
  div#saletab2,
  div#saletab3,
  div#saletab4 {
    border-bottom: 2px solid #000
  }

  .item_cat .accordion_bk img {
    border-radius: 50%
  }

  ul.accordion_bk>li>ul>li {
    width: 400px;
    padding-top: 10px;
    padding-right: 10px
  }

  ul.accordion_bk ul {
    clear: both
  }

  ul.accordion_bk {
    display: block;
    clear: both
  }

  ul.accordion_bk>li>p {
    display: block;
    clear: both
  }

  ul.accordion_bk a {
    font-weight: 400
  }

  p.sp_search_txt {
    font-size: 15px;
    text-align: center
  }

  ul.lorm_nemu li a::after {
    content: "\306F\3053\3061\3089";
    font-size: 15px
  }

  .item_cat .accordion_bk img {
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
    width: 15%
  }

  .item_cat .accordion_bk span {
    font-size: 18px;
    font-weight: 700
  }

  li.accordion_bk_li p {
    border-bottom-style: double;
    width: 350px;
    border-bottom-color: #000
  }

  li.accordion_bk_li {
    margin-bottom: 50px
  }

  ul.accordion_bk {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    margin: 3%
  }

  li.accordion_li {
    margin: 2%
  }

  ul.item_ul>li>img {
    background-size: 8px auto;
    width: 4% !important
  }

  ul.item_ul>li {
    font-size: 13px;
    line-height: 2
  }
}

@media (max-width:640px) {
  a.link_col:hover {
    color: #927752 !important;
    text-decoration: underline;
    font-size: 110%
  }

  .tab_cate {
    background-color: white !important
  }

  .room_top {
    width: 100%
  }

  .room_top img {
    width: 100%
  }

  p.text1 {
    margin: 40px 4% 20px 4%;
    text-align: center;
    font-size: 130%;
    font-weight: 700;
    line-height: 1.5em
  }

  p.text2 {
    text-align: center;
    margin: 5px 8% 15px 8%;
    line-height: 1.8em
  }

  .room_list1 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    margin-bottom: 10px
  }

  .room_list1_t {
    padding: 1%;
    -webkit-flex: 1 1 45%;
    text-align: center
  }

  .room_list1_t img {
    width: 100%
  }

  p.room_list1_txt1 {
    font-size: 110%;
    font-weight: 700;
    margin: 7px auto
  }

  p.room_list1_txt2 {
    font-size: 9px;
    line-height: 140%;
    margin-bottom: 15px
  }

  p.room_list1_txt3 {
    font-size: 80%;
    font-weight: 700;
    color: #927752;
    margin-top: 10px;
    text-align: center
  }

  .room_list2 {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
    flex-wrap: wrap
  }

  .room_list2_t img {
    width: 100%
  }

  p.room_list2_txt {
    font-size: 70%;
    text-align: center;
    margin-top: 10px
  }

  p.room_list2_txt2 {
    font-size: 70%;
    font-weight: 700;
    color: #927752;
    text-align: center;
    margin-top: 5px
  }

  .room_list2_t {
    max-width: 25%;
    margin: 3%
  }

  section.room_hot_brand {
    background-color: #eeeeef
  }

  .room_hot_midashi_waku {
    background-color: #000;
    width: 45%;
    padding: 10px
  }

  p.room_hot_midashi {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    padding-top: 2%
  }

  li.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 40px solid #000;
    border-right: 40px solid transparent
  }

  section.room_hot_brand ul {
    display: flex
  }

  .room_hot_midashi_waku2 {
    background-color: #fff;
    margin: 3%;
    border-radius: 10px;
    padding: 5%
  }

  p.room_hot_txt1 {
    font-weight: 700;
    margin-bottom: 2%;
    margin-top: 2%;
    color: #927752;
    font-size: 120%
  }

  p.room_hot_txt2 {
    font-size: 80%;
    line-height: 1.3em;
    margin-bottom: 5%
  }

  p.bt1 {
    font-size: 120%;
    text-align: center;
    border-style: solid;
    padding: 20px 2% 20px 2%;
    margin: 5% 4% 15% 4%
  }

  .tyumoku_brand {
    border-style: solid;
    border-width: 2px;
    padding-top: 15px;
    padding-bottom: 5px
  }

  p.tyumoku_text1 {
    font-size: 130%;
    text-align: center;
    line-height: 1.2em;
    font-weight: 700
  }

  ul.tyumoku_brand2 {
    margin-bottom: 5px;
    margin-top: 5px
  }

  ul.tyumoku_brand2 li {
    float: left
  }

  p.tyumoku_list2_txt {
    font-size: 120%;
    padding-top: 25px
  }

  .tyumoku_waku {
    padding: 20px 8% 20% 8%;
    border-style: solid;
    margin-top: -2px;
    border-width: 2px;
    margin-top: -2px
  }

  ul.tyumoku_brand2 {
    display: inline-block
  }

  li.tyumoku_list1 {
    width: 20%;
    margin-right: 4%
  }

  li.tyumoku_list1 img {
    width: 100%
  }

  .tyumoku_waku {
    border-style: solid;
    border-width: 2px;
    padding: 20px 8% 20px 8%
  }

  .tyumoku_brand3 {
    border-style: solid;
    border-width: 2px;
    padding-top: 15px;
    padding-bottom: 5px;
    background-color: #000;
    margin-top: -3px
  }

  .tyumoku_brand2_a {
    display: block;
    width: 100%
  }

  .tyumoku_brand2_a:after {
    color: #fff;
    content: '\f105';
    display: block;
    font-family: "FontAwesome";
    font-weight: 400;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 14px;
    text-align: center;
    width: 18px
  }

  .tyumoku_brand2_a:before {
    background: #c4a277;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    right: 15px;
    text-align: center;
    width: 18px;
    height: 18px;
    transition: 0.3s all ease-out
  }

  p.tyumoku_text2 {
    font-size: 130%;
    text-align: center;
    line-height: 1.2em;
    font-weight: 700;
    color: #fff
  }

  .tab1-item {
    display: flex;
    ?@ -webkit-flex-wrap: wrap;
    -webkit-flex-wrap?@flex-wrap: wrap;
    width: 100%
  }

  .tab1-item .tab1-item_waku {
    border-style: solid;
    padding: 4% 10% 2% 10%;
    margin: -1px;
    text-align: center;
    width: 45%
  }

  .tab1-p {
    margin: 10% auto 5% auto;
    text-align: center
  }

  .tab1-brand {
    display: flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-wrap flex-wrap: wrap;
    width: 100%
  }

  .tab1-brand .tab1-brand_waku {
    border-style: solid;
    padding: 4% 10% 2% 10%;
    margin: 1% auto;
    width: 45%;
    border-color: #000;
    border-width: 3px
  }

  p.bt2 {
    font-size: 80%;
    line-height: 1.5em;
    text-align: center
  }

  .space {
    margin-top: 30px
  }

  .tabbox {
    position: relative;
    max-width: 99%;
    margin-right: auto;
    margin-left: auto
  }

  div.tabbox ul.tabs {
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    -webkit-flex-wrap: wrap
  }

  div.tabbox ul.tabs li {
    padding: 0;
    list-style-type: none;
    margin-right: 1px;
    display: flex;
    display: -webkit-flex;
    -webkit-flex: 1 1 20%;
    border: solid 3px #000;
    border-bottom: none;
    text-align: center
  }

  div.tabbox ul.tabs a {
    display: block;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    width: 100%
  }

  div.tabbox ul.tabs li.tab {
    background-color: #000
  }

  div.tabbox ul.tabs a:link,
  div.tabbox ul.tabs a:visited {
    color: #FFF
  }

  div.tabbox ul.tabs a:hover {
    text-decoration: underline
  }

  ul.tabs.bottom li {
    border-bottom: solid 3px #000000 !important;
    border-top: none !important
  }

  div.tab_content {
    overflow: hidden;
    clear: left;
    width: 98%;
    border: 3px solid #FFF;
    border-top: none;
    border-bottom: none;
    padding-bottom: 20px
  }

  span.mini_font {
    color: #fff;
    font-size: 60%
  }

  span.mini_font2 {
    font-size: 90%;
    color: #fff;
    font-weight: 700;
    line-height: 2.5em
  }

  ul.accordion_bk {
    background: none repeat scroll 0 0 #ddd;
    font-size: 16px;
    margin: 0 auto 30px;
    width: 100%
  }

  ul.accordion_bk a {
    display: block;
    padding: 15px 10px;
    background-position: 97% center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #333;
    font-weight: 700
  }

  ul.accordion_bk span {
    display: block;
    padding: 15px 10px;
    background-position: 97% center;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 130%;
    text-align: center
  }

  ul.accordion_bk .one {
    display: block !important;
    padding: 10px !important;
    color: #333 !important;
    font-weight: bold !important;
    background: url(../img/sp/icon_left02.png) no-repeat 98% center !important;
    background-size: 15px auto !important
  }

  ul.accordion_bk .one a {
    padding: 0 !important
  }

  ul.accordion_bk ul {
    display: none
  }

  ul.accordion_bk>li {
    background: linear-gradient(#fff, #e6e6e6);
    border: solid 2px #000
  }

  ul.accordion_bk>li>p {
    background: linear-gradient(#fff, #e6e6e6);
    cursor: pointer
  }

  ul.accordion_bk>li>ul>li {
    background: #FFF;
    border_bottom: 1px solid #000
  }

  ul.accordion_bk>li>ul>li:nth-child(even) {
    border-left: 1px solid #000
  }

  ul.accordion_bk>li>ul>li>p {
    background: #FFF
  }

  ul.accordion_bk>li>ul>li {
    background: #FFF;
    border-bottom: 1px solid #000
  }

  ul.accordion_bk>li>ul>li>ul>li:last-child {
    border: none
  }

  ul.accordion_bk>li>ul>li {
    width: 49.8%;
    float: left;
    text-align: center
  }

  ul.accordion_bk ul {
    clear: both
  }

  ul.accordion_bk {
    display: block;
    clear: both
  }

  ul.accordion_bk>li>p {
    display: block;
    clear: both
  }

  ul.accordion_bk a {
    font-weight: 400
  }

  p.sp_search_txt {
    font-size: 15px;
    text-align: center
  }

  ul.lorm_nemu li a::after {
    content: "\306F\3053\3061\3089";
    font-size: 15px
  }
}

.search_link {
  margin: 0;
  padding: 0
}

.search_link p {
  margin: 0;
  padding: 0;
  position: fixed;
  right: -20px;
  bottom: -25px;
  cursor: pointer;
  z-index: 9999
}

.search_link_bt {
  display: block;
  transition: all 0.3s;
  margin-bottom: -30px
}

.search_link_bt img {
  width: 150px;
  height: 150px;
  z-index: 9999
}

.search_link_bt:hover {
  opacity: .85
}

p.search {
  left: -30px;
  bottom: 5px
}

.search a.search_link_bt img {
  height: 120px;
  width: 120px
}

@media (max-width:450px) {
  .search_link p {
    right: -20px;
    bottom: -25px
  }

  .search_link_bt img {
    width: 150px;
    height: 150px
  }

  p.search {
    left: -30px;
    bottom: 5px
  }

  .search a.search_link_bt img {
    height: 120px;
    width: 120px
  }
}

@media (min-width:700px) {
  .search_link {
    display: none !important
  }
}

.lux_braun .bt-more_bubt:link,
.bt-more_bubt:visited {
  color: #FFF
}

.midashi_pk {
  background-color: #f2789a;
  padding: 2% 10% 2% 10%;
  color: #fff;
  font-weight: 700;
  line-height: 1.4em;
  text-align: center;
  font-size: 22px
}

.ribbon1:before,
.ribbon1:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

@media (min-width:641px) {
  p.shuka_text {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700
  }

  .bt-more_bubt {
    background: #bea15d !important;
    color: #ab8f4c;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 50%
  }

  .bt_bubt {
    border: none;
    border-bottom: 2px solid #ab8f4c !important;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s all ease-out;
    width: 100%
  }

  div#shuka {
    margin-top: -105px
  }

  .ribbon1 {
    display: inline-block;
    position: relative;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
    padding: 0 40px;
    font-size: 130%;
    background: #bea15d;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700
  }

  .ribbon1:before {
    top: 0;
    left: 0;
    border-width: 35px 0 35px 25px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
  }

  .ribbon1:after {
    top: 0;
    right: 0;
    border-width: 35px 25px 35px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  .meritto2 {
    background-color: #fff;
    padding: 5%
  }

  .meritto {
    margin: 4% auto 5% auto;
    text-align: center;
    max-width: 58%
  }

  ul.meritto_ul {
    display: flex;
    margin: auto;
    width: 100%
  }

  li.meritto_li {
    border-style: solid;
    border-color: #bea15d;
    border-width: 3px;
    margin: 3% 1% 3% 1%;
    padding: 3%;
    border-radius: 10px;
    width: 300px
  }

  li.meritto_text {
    text-align: center;
    line-height: 1.3em;
    font-weight: 700;
    margin: 4%
  }

  .tejyun2 {
    margin: 0 15% 0 15%
  }
}

@media (max-width:640px) {
  p.shuka_text {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center
  }

  .bt-more_bubt {
    background: #bea15d !important;
    color: #ab8f4c;
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    max-width: 240px
  }

  .bt_bubt {
    border: none;
    border-bottom: 2px solid #ab8f4c !important;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 15px;
    text-align: center;
    transition: 0.3s all ease-out;
    width: 100%
  }

  div#shuka {
    margin-top: 20px
  }

  .midashi_pk {
    background-color: #f2789a;
    padding: 5%;
    color: #fff;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center
  }

  .midashi_pk {
    font-size: 120%
  }

  p.shuka_text {
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: center
  }

  p.ribbon1 {
    text-align: center
  }

  .ribbon1 {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-size: 130%;
    background: #bea15d;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700
  }

  .ribbon1:before {
    top: 0;
    left: 0;
    border-width: 15px 0 15px 10px;
    border-color: transparent transparent transparent #eeeeef;
    border-style: solid
  }

  .ribbon1:after {
    top: 0;
    right: 0;
    border-width: 15px 10px 15px 0;
    border-color: transparent #eeeeef transparent transparent;
    border-style: solid
  }

  .meritto {
    margin: 8% auto 5% auto;
    text-align: center
  }

  li.meritto_img {
    width: 25%
  }

  ul.meritto_ul {
    margin: 5%
  }

  ul.meritto_mini_ul {
    display: flex;
    margin: 3% auto;
    background-color: #fff;
    padding: 6%;
    border-radius: 10px
  }

  li.meritto_text {
    font-weight: 700;
    line-height: 1.5em;
    text-align: left;
    margin-top: 6%
  }

  .tejyun {
    background-color: #fff;
    padding-bottom: 10%
  }

  .tejyun2 {
    margin: 0 8% 0 8%
  }
}

.dokoyori_2 {
  background-color: #fff;
  padding-top: 4%;
  padding-bottom: 4%
}

.dokoyori_2 dl {
  border: 1px #ccc solid;
  border-radius: 4px;
  margin: 1em;
  color: #616161
}

.dokoyori_2 dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #eee;
  padding: .5em .9em
}

.dokoyori_2 dl dd {
  padding: 1em;
  line-height: 1.4;
  color: #000
}

@media (min-width:641px) {
  .dokoyori_2 {
    width: 60%;
    margin: auto
  }

  div#dokoyori h1 {
    background: #504c4d;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 35px;
    line-height: 1.3em;
    font-weight: 700;
    text-align: center
  }

  div#dokoyori h1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 30px solid transparent;
    border-top: 20px solid #504c4d
  }

  .dokoyori_ac_agete {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px
  }

  .fukidashi_midashi {
    background: #504c4d;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 35px;
    line-height: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    margin: auto
  }

  .fukidashi_midashi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 30px solid transparent;
    border-top: 20px solid #504c4d
  }

  .dokoyori_ac_3 {
    margin-top: 80px;
    text-align: center;
    margin-bottom: 80px
  }

  .dokoyori_ac_text {
    background: #ececec;
    font-size: 35px;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
    font-weight: 700;
    color: #504c4d;
    padding: 35px;
    width: 60%;
    margin: auto;
    line-height: 1.5em
  }

  .dokoyori_brand {
    margin: 50px auto 50px auto;
    width: 80%;
    text-align: center
  }

  p.dokoyori_brand_p {
    font-size: 35px;
    line-height: 1.5em;
    color: #9e8c5d
  }

  .dokoyori_brand_text {
    background-color: #ececec;
    padding: 20px;
    width: 80%;
    margin: 10px auto 30px auto
  }
}

@media (max-width:640px) {
  div#dokoyori h1 {
    position: relative;
    display: inline-block;
    padding: 5%;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #504c4d;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  div#dokoyori h1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #504c4d
  }

  .dokoyori_ac_agete {
    margin-top: 5%;
    margin-bottom: 5%
  }

  .fukidashi_midashi {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 5%;
    width: 100%;
    max-width: 100%;
    color: #FFF;
    font-size: 16px;
    background: #504c4d;
    text-align: center;
    font-size: 150%;
    font-weight: 700;
    line-height: 150%
  }

  .fukidashi_midashi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #504c4d
  }

  .dokoyori_ac_3 {
    margin-top: 5%;
    margin-bottom: 5%
  }

  .dokoyori_ac_text {
    background: #ececec;
    font-size: 150%;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
    font-weight: 700;
    color: #504c4d;
    padding: 4%;
    margin: 3%;
    line-height: 1.5em;
    text-align: center
  }

  .dokoyori_brand {
    margin: 4%
  }

  p.dokoyori_brand_p {
    font-size: 150%;
    line-height: 1.5em;
    color: #9e8c5d;
    margin: 3%;
    font-weight: 700
  }

  .dokoyori_brand_text {
    background-color: #ececec;
    padding: 4%;
    font-size: 120%;
    line-height: 1.5em
  }

  p.hosho_midashi_line2 {
    text-align: center;
    font-size: 140%;
    line-height: 1.5em;
    margin-bottom: 40px
  }

  .line_midashi_ribbon {
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    font-size: 120%;
    background: #dd7092;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 700
  }
}

.kantan_line_text {
  text-align: center
}

p.kakakuhosho_bu_font {
  font-size: 24px;
  font-weight: 700
}

p.kakakuhosho_step_text {
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 150px
}

span.kakakuhosho_step_mi {
  font-size: 20px;
  margin-bottom: 10px
}

li.kakakuhosho_step_li {
  width: 300px;
  text-align: left;
  padding-left: 7px;
  padding-right: 7px;
  margin-top: 30px
}

span.kakakuhosho_step_mi {
  font-size: 20px;
  font-weight: 600
}

p.hosho2_f4 {
  font-size: 160%;
  font-weight: bolder;
  margin: 20px auto 20px auto;
  text-align: center
}

p.hosho2_f5 {
  font-size: 120%;
  line-height: 1.5em
}

.kakakuhosho_midashi_g5 {
  display: flex
}

p.kakakuhosho_midashi5 {
  font-size: 120%;
  font-weight: 700;
  color: #fff;
  text-align: left;
  z-index: 1
}

p.line_text11 {
  text-align: center;
  line-height: 1.5em;
  font-size: 150%;
  margin-top: 20px;
  margin-bottom: 20px
}

.line_tab_1 {
  border-bottom: 1px #bdbdbd solid;
  margin: 0 -1em;
  text-align: center;
  margin-bottom: 1.4em;
  border-radius: 0
}

.line_tab_1 li {
  font-size: 90%;
  display: inline-block;
  width: 47%;
  text-align: center
}

.line_tab_1 li a.active {
  background-color: #06c202;
  color: #fff
}

.line_tab_1 li a {
  color: rgba(0, 0, 0, .5);
  display: inline-block;
  line-height: 1.5em;
  width: 95%;
  font-weight: 700;
  background-color: #eee;
  padding-top: 10px;
  padding-bottom: 10px
}

p.font13_2 {
  font-size: 13px;
  line-height: 1.5em
}

ul.line_step_ul2 {
  display: flex;
  margin: 0 auto
}

li.line_step_li2 {
  padding-top: 20px;
  margin: 1%
}

.line_top_tex {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px
}

.line_hosho_tomodachi {
  width: 1000px;
  text-align: center
}

.kantan_line_text p {
  font-size: 180%;
  font-weight: 700;
  line-height: 1.8em;
  text-align: center;
  margin: 20px auto 20px auto
}

.line_midashi_ribbon {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  padding: 0 30px;
  font-size: 200%;
  background: #dd7092;
  color: #FFF;
  box-sizing: border-box;
  font-weight: 700
}

.line_midashi_ribbon:before,
.line_midashi_ribbon:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

.line_midashi_ribbon:before {
  top: 0;
  left: 0;
  border-width: 25px 0 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid
}

.line_midashi_ribbon:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid
}

.hosho_midashi_line {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px
}

p.hosho_midashi_line2 {
  text-align: center;
  font-size: 180%;
  line-height: 1.5em;
  margin-bottom: 40px
}

.sp_hosho_imgwaku {
  text-align: center
}

.kantan_line_text img {
  max-width: 100%
}

.step2 ul.line_tab_1 li a.active {
  background-color: #06c202 !important
}

span.line_font70 {
  font-size: 70%
}

span.line_font80 {
  font-size: 80%
}

section.line_other_g {
  width: 100%;
  margin-top: 10%
}

@media (min-width:641px) {
  section.line_other_g {
    width: 1000px;
    margin-top: 10%
  }

  .mokuji3 {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    background-color: #4a3016;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  .kakakuhosho_midashi_waku5 {
    background-color: #4a3016;
    width: 25%;
    padding: 2%;
    margin-bottom: 20px
  }

  li.triangle-topleft2 {
    width: 0;
    height: 0;
    border-top: 60px solid #4a3016;
    border-right: 60px solid transparent
  }

  ul.kakakuhosho_step_ul2 {
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 5%;
    margin-right: 5%
  }
}

@media (max-width:640px) {
  .mokuji3 {
    font-size: 180%;
    font-weight: 700;
    color: #fff;
    background-color: #4a3016;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  .kakakuhosho_midashi_waku5 {
    background-color: #4a3016;
    width: 25%;
    padding: 10px 2% 10px 2%;
    margin-bottom: 20px
  }

  li.triangle-topleft2 {
    width: 50px;
    height: 0;
    border-top: 35px solid #4a3016;
    border-right: 35px solid transparent;
    z-index: 0
  }

  ul.kakakuhosho_step_ul2 {
    width: 100%;
    margin-left: 2%;
    margin-right: 2%;
    d
  }

  p.kakakuhosho_midashi5 {
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    text-align: left;
    z-index: 1;
    width: 350px
  }

  ul.line_step_ul2 {
    margin: 0 auto
  }
}

.hoshochui_midashi.mokuji_pink {
  margin-bottom: 0
}

.hoshochui_area {
  border: solid 1px #dc7092;
  border-radius: 0 !important;
  border-top: none;
  padding: 20px
}

.hoshochui_area p {
  margin: 15px 0
}

h2.shop3_h2 {
  background-color: #000;
  color: #FFF !important;
  padding: 20px;
  margin-top: -1.5em
}

p.shop3_title {
  font-size: 30px !important;
  color: #000 !important;
  margin: 50px auto !important
}

p.shop3_title2 {
  font-size: 23px !important;
  line-height: 150%;
  color: #000 !important;
  margin-bottom: 20px !important
}

@media (max-width:639px) {
  p.shop3_title {
    font-size: 25px !important;
    margin: 30px auto !important
  }

  p.shop3_title2 {
    font-size: 18px !important;
    margin-bottom: 20px !important
  }
}

p.shop3_txt2 {
  line-height: 150%;
  padding-bottom: 30px
}

.shop3_contentwrapper {
  text-align: center;
  margin: 50px auto;
  border-top: solid 2px #efefef;
  padding-top: 50px
}

@media (max-width:639px) {
  .shop3_contentwrapper {
    padding-top: 30px;
    width: 94%;
    margin: auto
  }

  .shop3_contentwrapper:first-child {
    border-top: none;
    margin-top: 0
  }
}

.shop3_contentwrapper p.title2 {
  color: #000;
  margin-bottom: 20px
}

p.title_img {
  margin: 20px auto 40px
}

p.title_img img {
  max-width: 100%
}

@media (max-width:639px) {
  p.title_img img {
    max-width: 80%
  }
}

.shop3_contentwrapper p.txt3 {
  margin-bottom: 20px
}

.shop3_contentwrapper p.txt4 {
  font-size: 12px !important
}

@media (max-width:639px) {
  .shop3_contentwrapper p.txt4 {
    font-size: 10px !important
  }
}

.handred_brand {
  margin: 30px auto;
  padding: 20px;
  width: 640px;
  border: solid 1px #999
}

@media (max-width:639px) {
  .handred_brand {
    padding: 15px;
    width: 90%
  }

  .handred_brand .txt3 {
    font-size: 10px !important
  }
}

.handred_brand title2 {
  color: #999 !important
}

.handred_brand p.title2 {
  color: #616161;
  font-size: 20px !important
}

.shop3_contentwrapper.webcoupon {
  background-color: #efefef;
  padding: 10px
}

.shop3_contentwrapper.webcoupon p.title2 {
  padding: 20px 0 10px
}

.shop3_contentwrapper.webcoupon p.title_img img {
  max-width: 300px
}

.marb0 {
  margin-bottom: 0 !important
}

@media (max-width:700px) {
  ul.fr_menu {
    position: fixed;
    bottom: 0;
    display: flex;
    background-color: #FFF;
    height: 50px;
    width: 100%;
    opacity: .8;
    flex-wrap: wrap;
    z-index: 100000
  }

  li.fr_menu_li i {
    font-family: "FontAwesome";
    display: block;
    margin-bottom: 5px;
    font-size: 20px
  }

  li.fr_menu_li {
    text-align: center;
    width: 20%;
    border-right: solid 1px #8d8d8d
  }

  li.fr_menu_li a {
    width: 100%;
    display: block;
    padding-top: 10px;
    color: #000;
    font-size: 12px
  }
}

@media (min-width:701px) {
  ul.fr_menu {
    display: none !important
  }
}

ul.pushbr_content {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 0
}

ul.pushbr_content li {
  margin: 1%;
  padding: 0
}

ul.pushbr_content li a {
  display: block;
  width: 100%;
  border: solid 3px #efefef;
  border-radius: 10px
}

@media (max-width:949px) {
  ul.pushbr_content li a img {
    width: 110px
  }
}

@media (max-width:600px) {
  ul.pushbr_content li a img {
    width: 23vw
  }
}

@media (min-width:950px) {
  ul.pushbr_content li a img {
    width: 140px
  }
}

div#lvtoku {
  background: #FFF;
  padding-bottom: 20px
}

.load_gif {
  width: 100%;
  text-align: center
}

.load_gif img {
  max-width: 100%;
  width: 50px
}

@media (min-width:700px) {
  div#lvtoku_ji {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    min-height: 500px
  }
}

section.ji_somenail {
  padding-bottom: 30px
}

ul.ji_somenail_ul {
  display: flex;
  flex-wrap: wrap
}

li.ji_somenail_li {
  width: 48%;
  display: inline-flex;
  margin: 1%
}

@media (min-width:640px) {
  li.ji_somenail_li {
    width: 31%
  }
}

@media (min-width:900px) {
  li.ji_somenail_li {
    width: 23%
  }
}

@media (min-width:700px) {
  .lvtoku_ji_cnt01 {
    width: 70%;
    margin-left: 30%
  }

  div#refineMenu {
    display: block !important;
    position: absolute !important;
    top: 0;
    width: 30% !important;
    max-height: 100% !important
  }

  .refineMenu_wrapper {
    padding: 0 !important
  }

  .panelBack {
    display: none
  }

  .refresh_button {
    font-size: 10px
  }

  .refineBt_area {
    display: none
  }
}

.ji_somenail_li_innner {
  padding: 5px;
  border: solid 1px #efefef;
  border-radius: 5px
}

.ji_conte01 {
  height: 150px;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 10px
}

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

p.ji_itemname {
  line-height: 140%;
  font-size: 12px;
  margin-bottom: 7px;
  padding: 0 10px
}

.ji_price_wrapper {
  padding: 0 5px;
  text-align: center;
  font-size: 12px
}

p.ji_price01 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  padding: 10px;
  background: #c4a277;
  border-radius: 5px;
  color: #FFF
}

p.ji_price01 span {
  font-size: 18px
}

@media (max-width:400px) {
  p.ji_price01 span {
    display: block;
    margin-top: 5px
  }
}

span.pricefont {
  font-family: "Noto Serif", serif
}

p.ji_price02 span {
  font-size: 13px;
  font-weight: 700;
  color: #f74979
}

.ji_condicon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px
}

.ji_condicon_inner {
  position: absolute;
  top: 8px;
  left: 0;
  width: 40px;
  height: 32px;
  z-index: 10;
  text-align: center
}

.ji_somenail_li_innner_bg {
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 2px #efefef;
  opacity: .6
}

span.ji_condicon_txt1,
span.ji_condicon_txt2 {
  display: block;
  font-size: 10px
}

span.ji_condicon_txt2 {
  font-size: 15px;
  margin-top: 1px
}

p.ji_price02 {
  margin-bottom: 2px
}

.ji_more_bt {
  text-align: center;
  margin: 10px auto;
  display: block
}

.ji_more_bt a {
  display: block;
  padding: 10px;
  border: solid 1px #c4a277;
  width: 50%;
  margin: 0 auto;
  border-radius: 8px;
  font-size: 18px;
  color: #c4a277
}

.ji_more_bt i.fa.fa-angle-down {
  position: absolute;
  right: 10px
}

ul.ji_catebt_ul {
  display: flex;
  flex-wrap: wrap
}

ul.ji_catebt_ul li {
  width: 23%;
  margin: 1%
}

ul.ji_catebt_ul li a {
  display: block;
  text-align: center;
  padding: 10px;
  border: solid 1px #c4a277;
  color: #c4a277;
  border-radius: 5px
}

ul.ji_catebt_ul li a:active,
ul.ji_catebt_ul li a:hover,
ul.ji_catebt_ul li a:focus {
  background-color: #c4a277;
  color: #FFF
}

.ref_bgbg {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #000;
  display: block;
  z-index: 999999;
  top: 0;
  opacity: .5
}

div#refineMenu {
  position: fixed;
  z-index: 1000000;
  bottom: 0;
  width: 100%;
  background: #FFF;
  max-height: 40vh;
  overflow-y: scroll
}

.refineMenu_wrapper {
  padding: 1%
}

.panelH {
  z-index: 10001;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 1px;
  width: 100%;
  background: #fbfbfb
}

.panelBar {
  display: flex;
  width: 100%;
  height: 40px;
  position: relative
}

.panelBack {
  font-size: 12px;
  line-height: 40px;
  height: 40px;
  position: absolute;
  right: 5px;
  padding-left: 5px;
  z-index: 100
}

.panelTitle {
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-weight: 700
}

.searchRows {
  display: table;
  min-height: 40px;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #e9e9e9
}

.searchColumn.Column01 {
  display: table-cell;
  width: 25%;
  padding: 5px;
  vertical-align: middle;
  font-size: 12px;
  text-align: left
}

.searchColumn.Column02 {
  display: table-cell;
  width: 75%;
  vertical-align: middle;
  text-align: right;
  padding: 0 5px
}

.panelH.subH {
  padding: 5px 0;
  color: #333;
  text-align: left;
  text-indent: 1%
}

form#word_form {
  border: solid 1px #d8d8d8;
  border-radius: 5px;
  background-color: #fbfbfb
}

input#free_text {
  background: none;
  font-size: 14px;
  height: 30px;
  width: 100%;
  padding: 0 10px
}

p#category_1,
p#pattern_1 {
  font-size: 12px
}

p#category_1 i.fa.fa-angle-right,
p#pattern_1 i.fa.fa-angle-right {
  font-size: 20px;
  margin-left: 10px
}

.buttonWrapper {
  width: 97%;
  display: table;
  margin: 10px 1%;
  bottom: 0;
  background-color: #FFF
}

.refresh_button {
  display: table-cell;
  padding0 5px;
  vertical-align: middle;
  width: 30%
}

.refresh_button a {
  border: solid 1px #c4a277;
  border-radius: 3px;
  color: #c4a277;
  width: 90%;
  padding: 10px 5%;
  line-height: 140%;
  display: block;
  text-align: center
}

.search_button {
  width: 100%;
  display: table-cell
}

.search_button [type=button] {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.search_button input {
  width: 98%;
  display: inline-block;
  border: solid 1px #c4a277;
  background-color: #c4a277;
  border-radius: 3px;
  color: #FFF;
  padding: 10px;
  font-size: 14px;
  line-height: 140%;
  margin-left: 2%
}

ul.accordion {
  font-size: 16px;
  margin: 0 auto 30px;
  width: 100%
}

ul.accordion a {
  background-position: 97% center;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #333;
  font-size: 90%
}

ul.accordion span {
  display: block;
  padding: 10px 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
  color: #333;
  font-size: 12px
}

ul.accordion .one {
  display: block !important;
  padding: 10px !important;
  color: #333 !important;
  font-weight: bold !important;
  background: url(../img/sp/icon_left02.png) no-repeat 98% center !important;
  background-size: 15px auto !important
}

ul.accordion .one a {
  padding: 0 !important
}

ul.accordion div {
  display: none
}

ul.accordion>li>p {
  cursor: pointer;
  text-align: left;
  position: relative;
  border-bottom: solid 1px #e9e9e9
}

ul.accordion>li>p span:after {
  content: "〉";
  font-size: 10px;
  display: block;
  right: 7px;
  top: 40%;
  position: absolute
}

ul.accordion>li>.itemcat_lH span:after,
ul.accordion>li>.itemcat_mH span:after {
  content: "▼"
}

ul.accordion>li>.itemcat_lH span.open:after,
ul.accordion>li>.itemcat_mH span.open:after {
  content: "▲";
  font-size: 10px;
  display: block;
  right: 7px;
  top: 40%;
  position: absolute
}

ul.accordion>li>ul>li {
  background: #FFF;
  border-bottom: 1px solid #EEE
}

ul.accordion>li>ul>li>p {
  background: #FFF
}

ul.accordion>li>ul>li:after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 30px;
  display: block;
  right: 7px;
  top: 40%;
  position: absolute
}

ul.accordion>li>ul>li>ul>li {
  background: #FFF;
  border-bottom: 1px dotted #888
}

ul.accordion>li>ul>li>ul>li:last-child {
  border: none
}

ul.accordion>li>p img {
  vertical-align: middle;
  max-width: 12%;
  border-radius: 50%;
  margin-right: 5px
}

ul.acContent {
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap
}

ul.acContent>li {
  width: 49%;
  height: 50px;
  line-height: 50px;
  border-bottom: solid 1px #e9e9e9
}

ul.acContent>li:nth-child(odd) {
  border-right: solid 1px #e9e9e9
}

ul.accordion.item_cat_sub {
  display: flex;
  -webkit-box-flex: flex;
  flex-wrap: wrap
}

ul.accordion.item_cat_sub li {
  width: 50%
}

a.idw_btn {
  display: block;
  border: solid 1px #000;
  margin: 5px 3%;
  width: 88%;
  text-align: center;
  padding: 3%;
  line-height: 180%;
  color: #000;
  background-color: #FFF;
  position: relative;
  text-decoration: none
}

a.idw_btn:after {
  font-size: 12px;
  content: "〉";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3%
}

span.idw_btn_content {
  width: 90%;
  display: block
}

.refineBt_area {
  position: fixed;
  bottom: 60px;
  z-index: 10000;
  right: 10px;
  background-color: #000;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  opacity: .8
}

p.refineBt_p {
  top: 10px;
  text-align: center
}

span.refineBt_p_txt1 {
  display: block;
  font-size: 11px
}

span.refineBt_p_txt2 {
  display: block;
  font-size: 25px;
  font-weight: 700
}

p.refineBt_p a {
  width: 100%;
  display: block;
  text-align: center;
  color: #FFF
}

.drawr_category {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000000;
  background-color: #FFF;
  min-height: 40vh
}

.drawr_pattern {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000000;
  background-color: #FFF;
  min-height: 40vh
}

@media (min-width:700px) {
  div#lvtoku section.detail_kv {
    margin-bottom: 50px
  }

  .special_condition_01 img.md {
    max-width: 700px;
    margin: 0 auto
  }

  p.special_condition_02 img {
    max-width: 50% !important
  }

  p.special_point_h_img img {
    max-width: 60%
  }

  ul.special_point {
    width: 80%;
    margin: 50px auto;
    max-width: 700px
  }

  .special_point_h img {
    max-width: 100%
  }

  li.special_point_li {
    width: 100%
  }

  p.special_camp_h_img02 img {
    width: 500px
  }

  .special_camp_ex {
    width: 800px;
    max-width: 800px !important
  }

  .special_camp_ex>div {
    width: 23% !important
  }

  .special_camp_code {
    display: flex;
    width: 700px;
    margin: 0 auto
  }

  .special_camp_code_h {
    width: 50%;
    line-height: 50px;
    padding-bottom: 0
  }

  .special_camp_code_no {
    width: 50%;
    font-size: 30px !important
  }

  .special_entry_area {
    display: flex !important;
    flex-wrap: wrap
  }

  h2.special_entry_h {
    font-size: 25px !important
  }

  .special_entry_cont.special_entry01,
  .special_entry_cont.special_entry02 {
    width: 46%;
    margin: 0 2% !important;
    text-align: center
  }
}

p.special_cnt_a_01_txt {
  text-align: center;
  margin: 20px auto;
  line-height: 140%
}

.special_cnt_a_01_img {
  text-align: center;
  margin-bottom: 50px
}

.special_condition_01 {
  text-align: center
}

.special_condition_01 img.sm {
  max-height: 60vh;
  width: auto;
  max-width: 100%;
  margin: 0 auto
}

p.special_condition_02 {
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: center
}

p.special_condition_02 img {
  max-width: 80%
}

.special_point_h_area {
  position: relative
}

p.special_h_img {
  margin-bottom: 30px;
  text-align: center
}

p.special_h_img img {
  max-width: 80%
}

.special_point_h {
  margin-bottom: 10px
}

p.special_point_h_img {
  text-align: center;
  margin-bottom: 50px
}

li.special_point_li {
  margin: 20px 0
}

.special_point_bg_img {
  position: absolute;
  top: 0
}

@media (max-width:640px) {
  p.special_point_h_img {
    width: 70%;
    margin-right: auto;
    margin-left: auto
  }
}

.special_point_txt {
  line-height: 140%
}

ul.special_point {
  margin-bottom: 50px
}

p.special_camp_h_img01,
p.special_camp_h_img02 {
  text-align: center
}

p.special_camp_h_img01 img,
p.special_camp_h_img02 img {
  max-width: 600px
}

.special_camp_ex {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  margin: 0 auto
}

.special_camp_ex>div {
  width: 48%;
  margin: 1%
}

.special_camp_ex>div img {
  max-width: 100%
}

p.special_camp_code_txt {
  text-align: center;
  margin: 20px auto;
  font-weight: 700
}

.special_camp_code {
  background-color: #f1e8df;
  padding: 10px;
  border-radius: 5px
}

.special_camp_code_h {
  text-align: center;
  font-weight: 700;
  padding-bottom: 7px
}

.special_camp_code_no {
  padding: 10px;
  background-color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700
}

p.special_camp_link {
  max-width: 500px;
  margin: 30px auto
}

p.special_camp_link a {
  display: block;
  width: 100%;
  border: solid 1px #000;
  color: #000;
  padding: 10px;
  text-align: center
}

p.special_camp_link i.fa.fa-angle-right {
  margin-left: 30px;
  display: inline-block;
  font-size: 20px
}

p.special_brand_mame {
  line-height: 140%;
  margin-bottom: 50px
}

.content-container.special_entry_wrapper {
  background-color: #efefef;
  padding: 30px 20px;
  margin-bottom: 30px;
  width: 94%;
  display: block
}

h2.special_entry_h {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 30px
}

.special_entry_cont.special_entry01 {
  margin: 20px 0
}

.special_entry_area {
  display: block;
  width: 100%
}

.special_entry_cont p {
  font-size: 13px;
  text-align: center;
  margin-bottom: 5px
}

.special_entry_cont.special_entry02 a {
  margin: 10px 0;
  display: block
}

h2.special_entry_h span {
  background-color: #cbaf84;
  color: #FFF;
  padding: 2px;
  margin-right: 5px
}

.special_bn {
  text-align: center
}

.special_bn img {
  max-width: 100%
}

.lv_camp {
  background-color: #fff;
  padding-top: 4%;
  padding-bottom: 4%;
  margin: auto;
  max-width: 900px
}

.lv_camp dl {
  border: 1px #c9b264 solid;
  border-radius: 4px;
  margin: 1em;
  color: #4b3c0f
}

.lv_camp dl dt {
  font-size: 1.09em;
  font-weight: 700;
  line-height: 1.5;
  background-color: #c7b264;
  padding: .5em .9em
}

.lv_camp dl dd {
  padding: 1em;
  line-height: 1.4;
  color: #000
}

section.shucchou_area {
  text-align: center;
  margin: 20px auto;
  padding: 20px
}

p.visit_area1 {
  margin-bottom: 30px
}

.shucchou_area dl {
  width: 90%;
  max-width: 500px;
  margin: 50px auto;
  border: solid 1px #efefef;
  border-radius: 5px
}

.shucchou_area dt {
  height: 40px;
  border-bottom: solid 1px #c5c5c5;
  line-height: 40px;
  background-color: #efefef
}

.shucchou_area dd {
  padding: 5%;
  line-height: 150%
}

.shucchou_area dd span {
  font-size: 70%;
  display: block;
  margin-top: 10px;
  line-height: 150%
}

ul.telmemo {
  width: 90%;
  max-width: 500px;
  border: solid 1px #efefef;
  padding: 10px;
  margin: 10px auto;
  border-radius: 5px;
  background-color: #fffaf2
}

ul.telmemo li {
  margin: 5px;
  border-bottom: dotted 1px #e8e7e7;
  padding-bottom: 3px
}

@media (min-width:641px) {
  .linelink {
    background-color: #FFF;
    padding: 3%;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 !important;
    text-align: center
  }

  .linelink img {
    max-width: 100%;
    width: auto
  }
}

@media (max-width:640px) {
  p.linelink_02_h img {
    max-width: 80%;
    margin: 0 auto;
    display: block;
    padding-top: 10px
  }
}

p.linelink_02_h {
  background-color: #ebebeb
}

ul.linelink_02_content {
  background-color: #ebebeb;
  margin-bottom: 50px
}

ul.linelink_02_content li {
  background-color: #FFF;
  padding: 10px;
  border-radius: 10px
}

.linelink {
  background-color: #FFF;
  padding: 3%;
  margin: 0 auto
}

.linelink p.font25 {
  margin: 10px;
  line-height: 150%
}

ul.linelink_02_content {
  padding: 2%
}

ul.linelink_02_content li {
  margin: 10px 0
}

p.linelink_02_txt img {
  max-width: 100%
}

p.linelink_02_img img {
  max-width: 80%;
  margin: 10px auto;
  display: block;
  width: auto
}

p.linelink_03 {
  margin-bottom: 50px
}

ul.web_free_content_ul {
  display: flex;
  margin: auto
}

p.kanketsu {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #bfa178
}

p.kanketsu2 {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #bfa178
}

p.web_Free_img {
  text-align: center
}

p.web_free_mokuji {
  background-color: #5c5c5c;
  color: #fff;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 20px
}

.web_free_content_ul img {
  width: auto !important;
  border-radius: 100%;
  margin-bottom: 4%;
  max-width: 100% !important
}

.web_free_content_ul li {
  width: 100%;
  margin: 0 20px 0 20px
}

.web_free_content_ul p {
  text-align: center;
  line-height: 1.5em;
  font-size: 89%
}

p.web_free_fpk {
  font-size: 20px;
  color: #eb739a;
  font-weight: 700
}

.web_free_ribbon {
  display: inline-block;
  position: relative;
  height: 70px;
  line-height: 70px;
  vertical-align: middle;
  padding: 0 40px;
  font-size: 170%;
  background: #f2789a;
  color: #FFF;
  box-sizing: border-box;
  font-weight: 700;
  width: 920px;
  margin-bottom: 1%
}

.web_free_ribbon:before,
.web_free_ribbon:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  z-index: 1
}

.web_free_ribbon:before {
  top: 0;
  left: 0;
  border-width: 35px 0 35px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid
}

.web_free_ribbon:after {
  top: 0;
  right: 0;
  border-width: 35px 15px 35px 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid
}

span.maru {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  background: #fff;
  font-size: 24px;
  margin-left: 20px;
  color: #f2789a;
  padding: 1% 2% 1% 2%;
  margin-right: 1%
}

p.no4_text {
  font-size: 120%;
  font-weight: 700;
  padding-top: 2%;
  padding-bottom: 3%
}

.web_free_pa {
  padding-top: 3%;
  padding-bottom: 3%
}

h3.howto_pinku10 {
  font-weight: 700;
  color: #f2779a;
  margin-bottom: 10px
}

@media (max-width:640px) {
  p.kanketsu {
    font-size: 130%
  }

  p.kanketsu2 {
    font-size: 100%
  }

  p.web_free_mokuji {
    font-size: 100%
  }

  .web_free_content_ul {
    flex-wrap: wrap;
    width: 100%
  }

  .web_free_content_ul li {
    width: 46%;
    margin: 2% auto 2% auto
  }

  .web_free_content_ul li p {
    font-size: 80%
  }

  p.web_free_fpk {
    font-size: 100%
  }

  .web_free_ribbon {
    width: 100%;
    font-size: 95%;
    text-align: left !important;
    padding: 0;
    height: 50px;
    line-height: 50px
  }

  .web_free_ribbon:before {
    top: 0;
    left: 0;
    border-width: 25px 0 25px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid
  }

  .web_free_ribbon:after {
    top: 0;
    right: 0;
    border-width: 25px 10px 25px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid
  }

  span.maru {
    text-align: left !important;
    padding: 1% 3% 1% 3%;
    font-size: 120%
  }

  p.no4_text {
    font-size: 100%;
    line-height: 1.3em
  }
}

.diary table {
  width: 800px;
  margin: auto
}

tr.diary_midashi {
  background-color: #eb729a;
  color: #fff;
  font-weight: 700
}

.diary_midashi td {
  padding: 8px;
  border: solid 1px;
  border-color: darkgray;
  text-align: center
}

.diary_maru td {
  border-color: darkgray;
  border: 1px;
  border: solid 1px;
  padding: 10px;
  text-align: center
}

@media (max-width:640px) {
  section.home_screen_sm {
    padding-bottom: 10%;
    margin-left: 2%;
    margin-right: 2%
  }

  .diary table {
    width: 96%;
    margin: auto
  }

  .diary_midashi td {
    padding: 2%;
    border: solid 1px;
    border-color: darkgray;
    line-height: 1.5em;
    font-size: 60%
  }
}

div#home_screen h2 {
  position: relative;
  padding: 1em;
  color: #fff;
  font-weight: 700;
  background-color: #c4a277;
  font-size: 150%;
  text-align: center
}

div#home_screen h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #c4a277;
  width: 0;
  height: 0
}

p.home_screen_p {
  font-size: 130%;
  font-weight: 700;
  line-height: 2em;
  width: 1000px;
  text-align: center;
  margin: auto
}

section.home_screen_img {
  margin: 5%;
  text-align: center
}

.home_screen_point {
  width: 20%;
  margin: auto
}

.home_screen_point p {
  font-size: 130%;
  font-weight: 700;
  background-color: #c4a277;
  color: #fff;
  padding: 4%;
  border-radius: 50px;
  text-align: center;
  margin: 5%
}

section.home_screen_top2 {
  display: flex;
  justify-content: center;
  margin-top: 3%;
  margin-bottom: 5%
}

.home_screen_bot_a {
  margin: auto
}

.home_screen_bot_a {
  margin-left: 2%;
  margin-right: 2%
}

.btn-animation-02 {
  display: inline-block;
  max-width: 250px;
  text-align: left;
  border: 2px solid #504c4d;
  font-size: 130%;
  color: #504c4d;
  text-decoration: none;
  font-weight: 700;
  padding: 30px 35px;
  border-radius: 4px;
  transition: .4s
}

.btn-animation-02:hover {
  background-color: #504c4d;
  border-color: #504c4d;
  color: #FFF
}

.btn-animation-03 {
  display: inline-block;
  max-width: 250px;
  text-align: left;
  border: 2px solid #504c4d;
  font-size: 130%;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding: 30px 35px;
  border-radius: 4px;
  transition: .4s;
  background-color: #504c4d
}

.btn-animation-03:hover {
  background-color: #fff;
  border-color: #fff;
  color: #504c4d;
  border: 2px solid #504c4d
}

div#home_screen_step {
  margin-top: 5%;
  margin-bottom: 3%;
  width: 60%;
  margin-left: auto;
  margin-right: auto
}

div#home_screen_step .tentouSimu h3 span {
  color: #fff;
  background: #f2779a;
  border-radius: 100%;
  font-size: 1.6em;
  margin-right: .3em;
  padding: .1em .3em;
  vertical-align: middle
}

div#home_screen_step .tentouSimu h3 {
  margin-top: 6%;
  margin-bottom: 5%
}

div#home_screen_step .tentouSimu ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

div#home_screen_step .tentouSimu ol li {
  text-align: center;
  width: 48%
}

p.hs_step_txt {
  margin-top: 2%;
  width: 50%;
  line-height: 1.5em;
  margin-left: auto;
  margin-right: auto
}

.home_screen_container .btn-push {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  background-color: #f2769a;
  font-size: 130%;
  color: #FFF;
  text-decoration: none;
  font-weight: 700;
  padding: 30px 40px;
  border-radius: 50px;
  border-bottom: 4px solid #b35772
}

.home_screen_container .btn-push:active {
  transform: translateY(4px);
  border-bottom: none
}

.home_screen_container {
  text-align: center;
  margin: 8%
}

@media (max-width:700px) {
  section.home_screen_sm {
    padding-bottom: 10%;
    margin-left: 2%;
    margin-right: 2%
  }

  div#home_screen h2 {
    font-size: 130%
  }

  p.home_screen_p {
    width: 90%;
    font-size: 120%;
    line-height: 1.5em
  }

  .home_screen_point {
    width: 60%
  }

  .home_screen_bot_a {
    width: 45%;
    text-align: center
  }

  div#home_screen h2:after {
    left: 45%
  }

  .btn-animation-02,
  .btn-animation-03 {
    width: 100%;
    text-align: center;
    padding: 10% 0
  }

  .home_screen_container {
    margin: 5% 0
  }

  .btn-animation-02 {
    display: inline-block;
    width: 100%;
    text-align: center;
    border: 2px solid #504c4d;
    font-size: 130%;
    color: #504c4d;
    text-decoration: none;
    font-weight: 700;
    padding: 10%;
    border-radius: 4px;
    transition: .4s
  }

  .btn-animation-03 {
    display: inline-block;
    width: 100%;
    text-align: left;
    border: 2px solid #504c4d;
    font-size: 130%;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 10%;
    border-radius: 4px;
    transition: .4s;
    background-color: #504c4d
  }

  div#home_screen_step .tentouSimu ol {
    display: block !important
  }

  div#home_screen_step .tentouSimu ol li {
    width: auto
  }

  div#home_screen_step .tentouSimu h3 span {
    font-size: 25px !important
  }

  div#home_screen_step .tentouSimu h3 {
    margin-top: 15% !important
  }

  p.hs_step_txt {
    width: 100% !important;
    margin-top: 5% !important
  }

  .home_screen_container .btn-push {
    display: inline-block;
    width: 100%;
    padding: 10% 5%;
    text-align: center
  }

  .home_screen_step_a .tentouSimu img {
    width: auto
  }
}

.detail_kv .img img.sm {
  max-width: 100%;
  height: auto
}

@media (max-width:700px) {
  .detail_kv {
    min-height: auto
  }
}

.youtube {
  aspect-ratio: 16 / 9;
  width: 100%
}

@media screen and (min-width:540px) {
  .youtube {
    width: 80%
  }
}

@media screen and (min-width:840px) {
  .youtube {
    width: 50%
  }
}

.youtube iframe {
  width: 100%;
  height: 100%
}
}
}