@charset "UTF-8";
/* Scss Document */
/*====================================================================
  index
====================================================================

Part name///
	01 news
    02 feature
    03 blogdetail
    04 staff_blog
    05 blogarchive
    06 feauturedetail
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  color: #333;
  /*  font-family: 'Hiragino Kaku Gothic ProN', 'HiraKakuProN-W6','ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
*/
  font-family: 'Lato','Noto Sans JP', sans-serif; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

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

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  background: transparent;
  color: #333; }

a:hover {
  color: #333;
  text-decoration: none; }

a:visited {
  color: #333; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #333333;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* form clear */
  /*   -webkit-appearance: none !important;*/ }

/* --------------------
Common
-------------------- */
/*.container h1, .container h2, .container h3, .container p, .container a {
  color: #000;
  font-size: 12px;
  line-height: 1.5em;
}*/
.container .bold {
  font-weight: bold; }

/* ----- Clearfix ----- */
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

.clearfix {
  zoom: 1; }

/*---------------------------------------------------------
  Common
*/
.fl_left {
  float: left; }

.fl_right {
  float: right; }

.pc_contents {
  display: block !important; }

.sp_contents {
  display: none !important; }

.pc_contents_common {
  display: block !important; }

.sp_contents_common {
  display: none !important; }

.pc_br {
  display: inline;
  font-size: 10px !important; }

.sp_br {
  display: none !important; }

@media screen and (max-width: 960px) {
  .pc_contents_common {
    display: none !important; }
  .sp_contents_common {
    display: block !important; } }

@media screen and (max-width: 769px) {
  .pc_contents {
    display: none !important; }
  .sp_contents {
    display: block !important; }
  .pc_br {
    display: none; }
  body .sp_br {
    display: inline !important;
    font-size: 10px !important; } }

input:focus {
  outline: 0; }

select::-ms-expand {
  display: none; }

_:-ms-lang(x)::-ms-backdrop, .top__cntents .slider .prev {
  bottom: 1px;
  width: 39px; }

input::-webkit-input-placeholder {
  color: #aaaaaa; }

input:-ms-input-placeholder {
  color: #aaaaaa; }

input::-ms-input-placeholder {
  color: #aaaaaa; }

input::placeholder {
  color: #aaaaaa; }

input:-ms-input-placeholder {
  color: #aaaaaa; }

input::-ms-input-placeholder {
  color: #aaaaaa; }

select#income {
  color: #aaaaaa; }

/*====================================================================
  01 news
====================================================================*/
.news {
  width: 1020px;
  margin: 40px auto 95px; }
  .news_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .news_contents li {
      width: 180px;
      margin: 0 30px 50px 0; }
      .news_contents li img {
        width: 100%;
        margin: 0 0 15px; }
      .news_contents li:nth-child(5n) {
        margin: 0 0 50px 0; }
    .news_contents__title {
      font-size: 12px;
      letter-spacing: 0.02em;
      line-height: 1.6;
      margin: 0 0 15px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden; }
    .news_contents__day {
      font-size: 12px;
      color: #707070; }

.pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 100px; }

.pagination a {
  font-size: 12px;
  margin: 0 10px; }

.pagination span {
  font-size: 12px; }

a.next.page-numbers {
  border: 1px solid #e3e3e3;
  padding: 5px; }

a.prev.page-numbers {
  border: 1px solid #e3e3e3;
  padding: 5px; }

@media screen and (max-width: 768px) {
  .news {
    width: 100%;
    margin: 40px auto 95px; }
    .news_contents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 5vw;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .news_contents li {
        width: 42.66vw;
        margin: 0 0px 50px 0; }
        .news_contents li img {
          width: 100%;
          margin: 0 0 15px; }
        .news_contents li:nth-child(5n) {
          margin: 0 0 50px 0; }
      .news_contents__title {
        font-size: 12px;
        letter-spacing: 0.02em;
        line-height: 1.6;
        margin: 0 0 15px; }
      .news_contents__day {
        font-size: 12px;
        color: #707070; }
  .brand .sec2__top__ul {
    width: 100%; }
  .brand .sec2__top__ul li {
    width: 33%; } }

/*====================================================================
  02 feature
====================================================================*/
.feature {
  width: 1020px;
  margin: 40px auto 95px; }
  .feature__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .feature__contents__left {
      width: 700px; }
      .feature__contents__left .fc__box {
        padding: 30px 0;
        border-bottom: 1px solid #E3E3E3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .feature__contents__left .fc__box a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: block;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .feature__contents__left .fc__box__left {
          width: 220px; }
          .feature__contents__left .fc__box__left img {
            width: 100%; }
        .feature__contents__left .fc__box__right {
          width: 450px; }
          .feature__contents__left .fc__box__right__title {
            font-size: 15px;
            color: #161616;
            line-height: 1.6;
            letter-spacing: 0.02em;
            margin: 0 0 20px; }
          .feature__contents__left .fc__box__right__text {
            font-size: 12px;
            color: #333;
            line-height: 1.66667;
            letter-spacing: 0.05em;
            margin: 0 0 25px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
          .feature__contents__left .fc__box__right__day {
            color: #707070;
            font-size: 14px;
            letter-spacing: 0.02em; }
    .feature__contents__right {
      width: 290px; }
      .feature__contents__right h2 {
        font-size: 14px;
        border-bottom: 1px solid #161616;
        padding: 0 0 12px;
        margin: 0 0 15px; }
      .feature__contents__right .fc__box {
        padding: 15px 0;
        border-bottom: 1px solid #E3E3E3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .feature__contents__right .fc__box a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: block;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
        .feature__contents__right .fc__box__left {
          width: 80px; }
          .feature__contents__right .fc__box__left img {
            width: 100%; }
        .feature__contents__right .fc__box__right {
          width: 200px; }
          .feature__contents__right .fc__box__right__title {
            font-size: 12px;
            color: #161616;
            line-height: 1.6;
            letter-spacing: 0.02em;
            margin: 0 0 10px; }
          .feature__contents__right .fc__box__right__text {
            font-size: 12px;
            color: #333;
            line-height: 1.66667;
            letter-spacing: 0.05em;
            margin: 0 0 25px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            display: none; }
          .feature__contents__right .fc__box__right__day {
            color: #E3E3E3;
            font-size: 12px;
            letter-spacing: 0.02em; }

.pagination span {
  font-size: 12px;
  margin: 0 10px; }

.fc__box__right__text hr {
  display: none; }

.feature_sp_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 10px 0 40px; }
  .feature_sp_box ul li {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative; }
    .feature_sp_box ul li.active:after {
      content: "";
      width: 100%;
      height: 2px;
      background: #0091D9;
      position: absolute;
      bottom: 0; }
    .feature_sp_box ul li a {
      font-size: 13px;
      letter-spacing: 0.1em;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid #707070; }

.brand.feature {
  margin: 0; }

.fc__box__right__text p {
  display: none; }

.fc__box__right__text p.text_box {
  display: block; }

@media screen and (max-width: 768px) {
  .feature {
    width: 100%;
    margin: 40px auto 95px; }
    .feature__contents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      display: block;
      position: relative; }
      .feature__contents__left {
        width: 90vw;
        margin: auto;
        border-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 0; }
        .feature__contents__left .fc__box {
          width: 42.66667vw;
          padding: 0px 0;
          border-bottom: none;
          margin: 0 0 40px;
          display: block;
          display: inline-block;
          vertical-align: top;
          margin: 0 5% 40px 0; }
          .feature__contents__left .fc__box:nth-of-type(2n) {
            margin: 0 0 40px; }
          .feature__contents__left .fc__box a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            display: block; }
          .feature__contents__left .fc__box__left {
            width: 100%; }
            .feature__contents__left .fc__box__left img {
              width: 100%;
              margin: 0 0 12px; }
          .feature__contents__left .fc__box__right {
            width: 100%; }
            .feature__contents__left .fc__box__right img {
              margin: 0 0 20px; }
            .feature__contents__left .fc__box__right__title {
              font-size: 12px;
              color: #161616;
              line-height: 1.66667;
              letter-spacing: 0.02em;
              margin: 0 0 15px; }
            .feature__contents__left .fc__box__right__text {
              font-size: 12px;
              color: #333;
              line-height: 1.66667;
              letter-spacing: 0.05em;
              margin: 0 0 25px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              display: none; }
            .feature__contents__left .fc__box__right__day {
              color: #707070;
              font-size: 12px;
              letter-spacing: 0.02em; }
      .feature__contents__right {
        width: 90vw;
        margin: auto;
        border-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: none;
        font-size: 0; }
        .feature__contents__right h2 {
          font-size: 14px;
          border-bottom: 1px solid #161616;
          padding: 0 0 12px;
          margin: 0 0 15px; }
        .feature__contents__right .fc__box {
          width: 42.66667vw;
          padding: 0px 0;
          border-bottom: none;
          margin: 0 0 40px;
          display: block;
          display: inline-block;
          vertical-align: top;
          margin: 0 5% 40px 0; }
          .feature__contents__right .fc__box:nth-of-type(2n) {
            margin: 0 0 40px; }
          .feature__contents__right .fc__box a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            display: block; }
          .feature__contents__right .fc__box__left {
            width: 100%; }
            .feature__contents__right .fc__box__left img {
              width: 100%;
              margin: 0 0 12px; }
          .feature__contents__right .fc__box__right {
            width: 100%; }
            .feature__contents__right .fc__box__right img {
              margin: 0 0 20px; }
            .feature__contents__right .fc__box__right__title {
              font-size: 12px;
              color: #161616;
              line-height: 1.66667;
              letter-spacing: 0.02em;
              margin: 0 0 15px; }
            .feature__contents__right .fc__box__right__text {
              font-size: 12px;
              color: #333;
              line-height: 1.66667;
              letter-spacing: 0.05em;
              margin: 0 0 25px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              display: none; }
            .feature__contents__right .fc__box__right__day {
              color: #707070;
              font-size: 12px;
              letter-spacing: 0.02em; } }

/*====================================================================
  03 blogdetail
====================================================================*/
.p_header__sp_box {
  display: none; }

.blogdetail {
  width: 683px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .blogdetail .m20 {
    margin-bottom: 20px !important; }
  .blogdetail .m30 {
    margin-bottom: 30px !important; }
  .blogdetail .m40 {
    margin-bottom: 40px !important; }
  .blogdetail .m50 {
    margin-bottom: 50px !important; }
  .blogdetail .m60 {
    margin-bottom: 60px !important; }
  .blogdetail .m70 {
    margin-bottom: 70px !important; }
  .blogdetail div.blogTitle {
    margin-top: 40px;
    margin-bottom: 20px; }
    .blogdetail div.blogTitle h2 {
      color: #333;
      font-size: 20px;
      line-height: 1.40741;
      font-family: "Lato"; }
    .blogdetail div.blogTitle p.blogDate {
      text-align: right;
      color: #707070; }
  .blogdetail div.writerInfo {
    height: 91px;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15.5px 0;
    margin: 0 0 20px; }
    .blogdetail div.writerInfo div.writer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 10px 0;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blogdetail div.writerInfo div.writer img {
        width: 60px;
        height: 60px;
        margin-right: 15px;
        border-radius: 75%; }
      .blogdetail div.writerInfo div.writer p.writerShop {
        color: #707070; }
    .blogdetail div.writerInfo p.writerBlog {
      margin-top: 30px; }
      .blogdetail div.writerInfo p.writerBlog a {
        color: #0091d9; }

p {
  font-size: 12px;
  color: #333;
  line-height: 1.83333;
  letter-spacing: 0.02em;
  font-family: "Noto Sans CJK JP", sans-serif; }

p.LS0 {
  letter-spacing: 0em; }

p.LS50 {
  letter-spacing: 0.05em; }

h2.LS60 {
  letter-spacing: 0.06em; }

.hiddenContents {
  display: none; }

.blogMap {
  width: 600px;
  height: auto;
  margin: 0px auto; }
  .blogMap p.blogText {
    margin: 10px 0; }
  .blogMap img.blogImg {
    width: 100%;
    height: auto;
    margin: 10px 0; }
  .blogMap ul {
    margin: 30px 0; }
  .blogMap li.linkList {
    margin: 10px 0; }
  .blogMap a div.blogLink {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .blogMap a div.blogLink img.linkImg {
      width: 55px;
      height: 66px;
      margin: 0 10px 0 0; }
    .blogMap a div.blogLink div.linkText p.itemName {
      border-bottom: 1px solid #000;
      margin-bottom: 5px;
      display: inline; }
    .blogMap a div.blogLink div.linkText p.itemPrice {
      margin-top: 4px; }

div.bottomContents {
  width: 600px;
  margin: 0 auto; }

div.shopInfo {
  background-color: #f8f8f8;
  width: 600px;
  height: auto;
  padding: 25px 41px;
  margin-bottom: 40px; }
  div.shopInfo h3 {
    font-size: 15px;
    font-family: "Lato";
    color: #161616;
    margin-bottom: 20px; }
  div.shopInfo p.shopName {
    font-weight: bold;
    margin-bottom: 10px; }
  div.shopInfo div {
    margin-bottom: 10px;
    width: 500px; }
    div.shopInfo div p {
      line-height: 1.66667;
      letter-spacing: 0.02em; }

div.blogTags {
  width: 600px;
  height: 50px auto 20px; }
  div.blogTags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  div.blogTags li {
    font-size: 12px;
    border: 1px solid #e3e3e3;
    padding: 5px 10px;
    margin: 0 10px 10px 0; }

div.backButton {
  background-color: #0091D9;
  width: 220px;
  height: 50px;
  padding: 15px;
  text-align: center;
  margin: 50px auto 50px;
  position: relative; }
  div.backButton p {
    color: #fff;
    font-size: 12px;
    line-height: 1.5; }
  div.backButton div.triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    top: 23px;
    left: 200px; }

div.links_bottom {
  margin: 0 auto;
  width: 100%; }
  div.links_bottom div.bannerList {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px; }
    div.links_bottom div.bannerList img {
      display: block;
      margin: 20px auto; }

div.others {
  width: 680px;
  margin: 40px 0 103px; }
  div.others h3 {
    font-size: 16px;
    line-height: 2.375;
    letter-spacing: 0.06em;
    color: #4d4d4d;
    font-family: "Noto Sans CJK JP", sans-serif;
    margin-bottom: 20px; }
  div.others ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  div.others div.articleLink {
    width: 340px;
    height: 120px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    div.others div.articleLink img {
      width: 120px;
      height: 120px; }
    div.others div.articleLink div.articleTexts {
      width: 200px;
      height: 120px;
      margin: 0 10px 0 20px; }
      div.others div.articleLink div.articleTexts p.articleDate {
        color: #707070; }

.blogMainBox p {
  margin: 0 0 20px;
  line-height: 1.8; }

.blogMainBox img {
  width: 100%;
  display: block;
  margin: auto; }

.blogdetail .infomation p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px; }

.blogdetail .infomation p img {
  margin: 0 10px 0 0; }

.blogdetail .infomation {
  background-color: #f8f8f8;
  width: 600px;
  height: auto;
  padding: 25px 41px 30px;
  margin-bottom: 40px; }
  .blogdetail .infomation h3 {
    font-size: 15px;
    margin: 0 0 20px; }
  .blogdetail .infomation a {
    text-decoration: underline; }

@media screen and (max-width: 768px) {
  .blogdetail {
    width: 89.46667vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .blogdetail div.blogTitle {
      margin-top: 25px;
      margin-bottom: 15.5px; }
      .blogdetail div.blogTitle h2 {
        color: #333;
        font-size: 20px;
        line-height: 1.40741; }
      .blogdetail div.blogTitle p.blogDate {
        text-align: right;
        margin-top: 15px;
        margin-bottom: 18.5px;
        color: #707070; }
    .blogdetail div.writerInfo {
      height: 97px;
      width: 100%;
      border-top: 1px solid #e3e3e3;
      border-bottom: 1px solid #e3e3e3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 15.5px 0;
      margin: 0 0 20px; }
      .blogdetail div.writerInfo div.writer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 0;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .blogdetail div.writerInfo div.writer img {
          width: 60px;
          height: 60px;
          margin-right: 15px; }
        .blogdetail div.writerInfo div.writer p.writerShop {
          color: #707070; }
      .blogdetail div.writerInfo p.writerBlog {
        margin-top: 45px; }
        .blogdetail div.writerInfo p.writerBlog a {
          color: #0091d9; }
  p {
    font-size: 12px;
    color: #333;
    line-height: 1.83333;
    letter-spacing: 0.02em; }
  .hiddenContents {
    display: none; }
  .blogMap {
    width: 100%;
    height: auto;
    margin: 0px auto; }
    .blogMap p.blogText {
      margin: 10px 0; }
    .blogMap img.blogImg {
      width: 100%;
      height: auto;
      margin: 10px 0; }
    .blogMap ul {
      margin: 30px 0; }
    .blogMap li.linkList {
      margin: 10px 0; }
    .blogMap a div.blogLink {
      width: 100%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .blogMap a div.blogLink img.linkImg {
        width: 14.66667vw;
        height: 66px;
        margin: 0 10px 0 0; }
      .blogMap a div.blogLink div.linkText p.itemName {
        border-bottom: 1px solid #000;
        margin-bottom: 5px;
        display: inline;
        line-height: 1.91667; }
      .blogMap a div.blogLink div.linkText p.itemPrice {
        margin-top: 4px; }
  div.bottomContents {
    width: 100%;
    margin: 0 auto; }
  div.shopInfo {
    background-color: #f8f8f8;
    width: 100%;
    height: auto;
    padding: 25px 20px;
    margin-bottom: 30px; }
    div.shopInfo h3 {
      font-size: 15px;
      font-family: "Lato";
      color: #161616;
      margin-bottom: 20px; }
    div.shopInfo p.shopName {
      font-weight: bold;
      margin-bottom: 10px; }
    div.shopInfo div {
      margin-bottom: 10px;
      width: 78.66667vw; }
      div.shopInfo div p {
        line-height: 1.66667; }
        div.shopInfo div p span {
          color: #0091D9;
          line-height: 1.66667;
          letter-spacing: 0.02em;
          font-family: "Lato"; }
    div.shopInfo img {
      margin-top: 15px; }
  div.blogTags {
    width: 100%;
    height: auto; }
    div.blogTags ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    div.blogTags li {
      font-size: 12px;
      border: 1px solid #e3e3e3;
      padding: 4px 15px;
      margin: 0 10px 10px 0; }
  div.backButton {
    background-color: #0091D9;
    width: 100%;
    height: 62px;
    padding: 22px;
    text-align: center;
    margin: 60px auto 80px;
    position: relative; }
    div.backButton p {
      color: #fff;
      font-size: 12px;
      line-height: 1.5; }
    div.backButton div.triangle {
      position: absolute;
      width: 0;
      height: 0;
      border-left: 4px solid #fff;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      top: 27px;
      left: 82.66667vw; }
  div.links_bottom {
    margin: 0 auto;
    width: 100%; }
    div.links_bottom div.bannerList {
      border-top: 1px solid #e3e3e3;
      border-bottom: 1px solid #e3e3e3;
      padding: 30.5px 0; }
      div.links_bottom div.bannerList img {
        display: block;
        margin: 20px auto;
        width: 100%; }
  div.others {
    width: 100%;
    margin: 40px 0 0; }
    div.others h3 {
      font-size: 16px;
      line-height: 2.375;
      letter-spacing: 0.06em;
      color: #4d4d4d;
      font-family: "Noto Sans CJK JP", sans-serif; }
    div.others ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    div.others div.articleLink {
      width: 340px;
      height: 120px;
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      div.others div.articleLink img {
        width: 120px;
        height: 120px; }
      div.others div.articleLink div.articleTexts {
        width: 200px;
        height: 120px;
        margin: 0 10px 0 20px; }
        div.others div.articleLink div.articleTexts p.articleDate {
          color: #707070; }
  .blogdetail .infomation {
    width: 89.46667vw;
    margin: 0 auto 40px; } }

/*====================================================================
  04 staff_blog
====================================================================*/
.staffblog {
  width: 1020px;
  margin: 0px auto 95px; }
  .staffblog h2 {
    border-top: 1px solid #E3E3E3;
    font-size: 18px;
    letter-spacing: 0.01em;
    margin: 0 auto 20px;
    padding: 45px 0 0 0; }
  .staffblog_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .staffblog_contents li {
      width: 180px;
      margin: 0 30px 50px 0; }
      .staffblog_contents li img {
        width: 100%;
        margin: 0 0 15px; }
      .staffblog_contents li:nth-child(5n) {
        margin: 0 0 50px 0; }
    .staffblog_contents__title {
      font-size: 12px;
      letter-spacing: 0.02em;
      line-height: 1.6;
      margin: 0 0 15px; }
    .staffblog_contents__day {
      font-size: 12px;
      color: #707070; }

.staffblog_top {
  width: 980px;
  margin: auto;
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .staffblog_top__left {
    width: 320px; }
  .staffblog_top__right {
    width: 640px; }
    .staffblog_top__right p {
      font-size: 12px;
      line-height: 1.83333;
      color: #333; }
  .staffblog_top .p_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .staffblog_top .p_box__left {
      width: 100px;
      margin: 0 20px 0 0; }
      .staffblog_top .p_box__left img {
        width: 100%; }
    .staffblog_top .p_box__right__name {
      font-size: 15px;
      color: #161616;
      letter-spacing: 0.05em;
      margin: 0 0 10px; }
    .staffblog_top .p_box__right__shop {
      font-size: 12px;
      color: #707070;
      letter-spacing: 0.05em;
      margin: 0 0 10px; }
    .staffblog_top .p_box__right__text {
      font-size: 12px;
      letter-spacing: 0.05em;
      color: #707070; }

.parigot__btn {
  width: 220px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  item-align: center;
  margin: 30px auto 0;
  font-size: 12px;
  background: url(../../images/common/arrow_white.svg);
  background-color: #0091D9;
  color: #fff !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  background-repeat: no-repeat;
  align-items: center;
  background-position: 94%; }

@media screen and (max-width: 768px) {
  .staffblog {
    width: 100%;
    margin: 10px auto 35px; }
    .staffblog h2 {
      width: 90vw;
      font-size: 15px; }
    .staffblog_contents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 5vw;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .staffblog_contents li {
        width: 42.66vw;
        margin: 0 0px 50px 0; }
        .staffblog_contents li img {
          width: 100%;
          margin: 0 0 15px; }
        .staffblog_contents li:nth-child(5n) {
          margin: 0 0 50px 0; }
      .staffblog_contents__title {
        font-size: 12px;
        letter-spacing: 0.02em;
        line-height: 1.6;
        margin: 0 0 15px; }
      .staffblog_contents__day {
        font-size: 12px;
        color: #707070; }
  .staffblog_top {
    width: 100%;
    margin: auto;
    padding: 20px 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block; }
    .staffblog_top__left {
      width: 100%; }
    .staffblog_top__right {
      width: 100%; }
      .staffblog_top__right p {
        font-size: 12px;
        line-height: 1.83333;
        color: #333; }
    .staffblog_top .p_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 0 20px; }
      .staffblog_top .p_box__left {
        width: 18.46154vw;
        margin: 0 15px 0 0; }
        .staffblog_top .p_box__left img {
          width: 100%; }
      .staffblog_top .p_box__right__name {
        font-size: 12px;
        color: #161616;
        letter-spacing: 0.05em;
        margin: 0 0 10px; }
      .staffblog_top .p_box__right__shop {
        font-size: 12px;
        color: #707070;
        letter-spacing: 0.05em;
        margin: 0 0 10px; }
      .staffblog_top .p_box__right__text {
        font-size: 12px;
        letter-spacing: 0.05em;
        color: #707070;
        display: none; }
  .parigot__btn {
    width: 90vw;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    item-align: center;
    margin: 30px auto 0;
    font-size: 12px;
    background: url(../../images/common/arrow_white.svg);
    background-color: #0091D9;
    color: #fff !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    background-repeat: no-repeat;
    align-items: center;
    background-position: 94%; } }

/*====================================================================
  05 blogarchive
====================================================================*/
.blogarchive {
  width: 1020px;
  margin: 40px auto 95px; }
  .blogarchive_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .blogarchive_contents li {
      width: 180px;
      margin: 0 30px 50px 0; }
      .blogarchive_contents li img {
        width: 100%;
        margin: 0 0 10px; }
      .blogarchive_contents li:nth-child(5n) {
        margin: 0 0 50px 0; }
    .blogarchive_contents__title {
      font-size: 12px;
      letter-spacing: 0.02em;
      line-height: 1.6;
      margin: 0 0 15px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
      height: 76px; }
    .blogarchive_contents__day {
      font-size: 12px;
      color: #707070; }
    .blogarchive_contents .p_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 0 10px; }
      .blogarchive_contents .p_box__left {
        width: 35px;
        margin: 0 10px 0 0; }
        .blogarchive_contents .p_box__left img {
          margin: 0;
          border-radius: 75%; }
      .blogarchive_contents .p_box__right__name {
        font-size: 12px;
        line-height: 12px;
        color: #161616;
        letter-spacing: 0.05em;
        margin: 0 0 2px; }
      .blogarchive_contents .p_box__right__shop {
        font-size: 12px;
        color: #707070;
        letter-spacing: 0.05em; }
  .blogarchive .common_title__h2 {
    margin: 0 0 25px !important; }

.keyword {
  background: #F8F8F8;
  padding: 25px 20px 20px 20px;
  margin: 0 0 45px; }
  .keyword h2 {
    font-size: 20px;
    letter-spacing: 0.06em; }
    .keyword h2 span {
      margin: 0 0 0 5px; }
  .keyword ul {
    font-size: 0; }
    .keyword ul li {
      display: inline-block;
      margin: 0 10px 10px 0; }
  .keyword a {
    font-size: 12px;
    background: #fff;
    border: 1px solid #E3E3E3;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 3px;
    letter-spacing: 0.05em; }

.others .articleInfo {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; }

.blog_archive__top {
  width: 530px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 25px; }
  .blog_archive__top .blog-shop-nav {
    width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .blog_archive__top .blog-shop-nav .name {
      width: 40px;
      font-size: 12px; }
    .blog_archive__top .blog-shop-nav select {
      width: 200px;
      font-size: 12px;
      -webkit-appearance: none !important;
      height: 28px;
      padding: 0 0 0 10px;
      letter-spacing: 0.04em;
      border: 1px solid #707070;
      border-radius: 0;
      background: url(../../images/common/arrow_down.svg);
      background-color: #fff;
      background-size: 10px;
      background-repeat: no-repeat;
      background-position: 92% center; }
  .blog_archive__top .blog-sex-nav {
    width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .blog_archive__top .blog-sex-nav .name {
      width: 40px;
      font-size: 12px;
      font-size: 12px; }
    .blog_archive__top .blog-sex-nav select {
      width: 200px;
      font-size: 12px;
      -webkit-appearance: none !important;
      height: 28px;
      padding: 0 0 0 10px;
      letter-spacing: 0.04em;
      border: 1px solid #707070;
      border-radius: 0;
      background: url(../../images/common/arrow_down.svg);
      background-color: #fff;
      background-size: 10px;
      background-repeat: no-repeat;
      background-position: 92% center; }

img.attachment-thumb-square.size-thumb-square.wp-post-image {
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top; }

@media screen and (max-width: 768px) {
  .blogarchive {
    width: 100%;
    margin: 40px auto 95px; }
    .blogarchive_contents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 5vw;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .blogarchive_contents li {
        width: 42.66vw;
        margin: 0 0px 50px 0; }
        .blogarchive_contents li img {
          width: 100%;
          margin: 0 0 15px; }
        .blogarchive_contents li:nth-child(5n) {
          margin: 0 0 50px 0; }
      .blogarchive_contents__title {
        font-size: 12px;
        letter-spacing: 0.02em;
        line-height: 1.6;
        margin: 0 0 15px; }
      .blogarchive_contents__day {
        font-size: 12px;
        color: #707070; }
      .blogarchive_contents .p_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 10px; }
        .blogarchive_contents .p_box__left {
          width: 35px;
          margin: 0 10px 0 0; }
          .blogarchive_contents .p_box__left img {
            margin: 0; }
        .blogarchive_contents .p_box__right__name {
          font-size: 12px;
          color: #161616;
          letter-spacing: 0.05em;
          margin: 0 0 6px; }
        .blogarchive_contents .p_box__right__shop {
          font-size: 12px;
          color: #707070;
          letter-spacing: 0.05em; }
  .keyword {
    background: #F8F8F8;
    padding: 30px 5vw 20px 5vw;
    margin: 0 auto 30px;
    width: 90vw; }
    .keyword h2 {
      font-size: 20px;
      letter-spacing: 0.06em;
      padding: 0; }
      .keyword h2 span {
        margin: 0 0 0 5px; }
    .keyword ul {
      font-size: 0; }
      .keyword ul li {
        display: inline-block;
        margin: 0 10px 15px 0; }
    .keyword a {
      font-size: 12px;
      background: #fff;
      border: 1px solid #E3E3E3;
      display: inline-block;
      padding: 4px 12px;
      border-radius: 3px;
      letter-spacing: 0.05em; }
  .blog_archive__top {
    width: 90vw;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 30px; }
    .blog_archive__top .blog-shop-nav {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 0 15px; }
      .blog_archive__top .blog-shop-nav .name {
        width: 12vw;
        font-size: 12px; }
      .blog_archive__top .blog-shop-nav select {
        width: 77.33333vw;
        font-size: 12px;
        -webkit-appearance: none !important;
        height: 40px;
        padding: 0 0 0 10px;
        letter-spacing: 0.04em;
        border: 1px solid #707070;
        border-radius: 0;
        background: url(../../images/common/arrow_down.svg);
        background-color: #fff;
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: 94% center; }
    .blog_archive__top .blog-sex-nav {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .blog_archive__top .blog-sex-nav .name {
        width: 12vw;
        font-size: 12px;
        font-size: 12px; }
      .blog_archive__top .blog-sex-nav select {
        width: 77.33333vw;
        font-size: 12px;
        -webkit-appearance: none !important;
        height: 40px;
        padding: 0 0 0 10px;
        letter-spacing: 0.04em;
        border: 1px solid #707070;
        border-radius: 0;
        background: url(../../images/common/arrow_down.svg);
        background-color: #fff;
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: 94% center; } }

/*====================================================================
  06 feauturedetail
====================================================================*/
.featuredetail {
  width: 1020px;
  margin: 40px auto; }
  .featuredetail .feature_top {
    margin: 0 0 80px; }
    .featuredetail .feature_top img {
      width: 100%;
      margin: 0 0 70px; }
    .featuredetail .feature_top p {
      font-size: 12px;
      line-height: 1.83333;
      text-align: center; }

.feature_group {
  margin: 0 auto 50px; }
  .feature_group.m20 {
    margin: 0 auto 20px; }
  .feature_group.m40 {
    margin: 0 auto 40px; }
  .feature_group.m60 {
    margin: 0 auto 60px; }
  .feature_group.m80 {
    margin: 0 auto 80px; }
  .feature_group .group_A {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .feature_group .group_A__left {
      width: 500px; }
      .feature_group .group_A__left img {
        width: 100%; }
    .feature_group .group_A__right {
      width: 500px; }
      .feature_group .group_A__right img {
        width: 100%; }
      .feature_group .group_A__right h3 {
        font-size: 16px;
        letter-spacing: 0.044vw;
        line-height: 1.75;
        margin: 0 0 20px;
        text-align: left; }
      .feature_group .group_A__right div p {
        font-size: 12px;
        letter-spacing: 0.022vw;
        line-height: 1.83333;
        text-align: left; }
      .feature_group .group_A__right div a {
        font-size: 12px;
        color: #333;
        letter-spacing: 0.02em; }
  .feature_group .group_B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .feature_group .group_B__left {
      width: 500px;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
      .feature_group .group_B__left img {
        width: 100%; }
    .feature_group .group_B__right {
      width: 500px; }
      .feature_group .group_B__right img {
        width: 100%; }
      .feature_group .group_B__right h3 {
        font-size: 16px;
        letter-spacing: 0.044vw;
        line-height: 1.75;
        margin: 0 0 20px;
        text-align: left; }
      .feature_group .group_B__right div p {
        font-size: 12px;
        letter-spacing: 0.022vw;
        line-height: 1.83333;
        text-align: left; }
      .feature_group .group_B__right div a {
        font-size: 12px;
        color: #333;
        letter-spacing: 0.02em;
        text-decoration: underline; }
  .feature_group .group_C {
    width: 750px;
    margin: auto; }
    .feature_group .group_C img {
      width: 100%;
      margin: 0 0 30px; }
    .feature_group .group_C h3 {
      font-size: 16px;
      letter-spacing: 0.044vw;
      line-height: 1.75;
      margin: 0 0 20px;
      text-align: center; }
    .feature_group .group_C div p {
      font-size: 12px;
      letter-spacing: 0.022vw;
      line-height: 1.83333;
      text-align: center; }
    .feature_group .group_C div a {
      font-size: 12px;
      color: #333;
      letter-spacing: 0.02em;
      text-decoration: underline; }
    .feature_group .group_C ul {
      font-size: 0; }
    .feature_group .group_C li {
      display: inline-block;
      margin: 0 15px 0 0; }
      .feature_group .group_C li a {
        font-size: 12px;
        color: #333;
        letter-spacing: 0.02em;
        text-decoration: underline; }
  .feature_group .group_D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .feature_group .group_D__left {
      width: 500px; }
      .feature_group .group_D__left img {
        width: 100%;
        margin: 0 0 20px; }
      .feature_group .group_D__left h3 {
        font-size: 16px;
        line-height: 2;
        font-weight: bold;
        margin: 0 0 20px;
        letter-spacing: 0.044vw; }
      .feature_group .group_D__left p {
        font-size: 13px; }
      .feature_group .group_D__left div {
        margin: 0 0 20px; }
        .feature_group .group_D__left div a {
          font-size: 12px;
          text-decoration: underline;
          color: #333;
          display: block;
          letter-spacing: 0.02em;
          margin: 0 0 0px; }
      .feature_group .group_D__left li {
        margin: 0 0 10px; }
    .feature_group .group_D__right {
      width: 500px; }
      .feature_group .group_D__right img {
        width: 100%;
        margin: 0 0 20px; }
      .feature_group .group_D__right h3 {
        font-size: 16px;
        line-height: 2;
        font-weight: bold;
        margin: 0 0 20px;
        letter-spacing: 0.044vw; }
      .feature_group .group_D__right div {
        margin: 0 0 20px; }
        .feature_group .group_D__right div a {
          font-size: 12px;
          text-decoration: underline;
          color: #333;
          display: block;
          letter-spacing: 0.02em;
          margin: 0 0 0px; }
      .feature_group .group_D__right p {
        font-size: 13px; }
      .feature_group .group_D__right li {
        margin: 0 0 10px; }
      .feature_group .group_D__right a {
        font-size: 12px;
        text-decoration: underline;
        color: #333;
        display: block;
        letter-spacing: 0.02em; }
  .feature_group .group_E {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .feature_group .group_E__box {
      width: 327px; }
      .feature_group .group_E__box img {
        width: 100%;
        margin: 0 0 20px; }
      .feature_group .group_E__box h3 {
        font-size: 16px;
        line-height: 2;
        font-weight: bold;
        margin: 0 0 20px;
        letter-spacing: 0.044vw; }
      .feature_group .group_E__box p {
        font-size: 13px;
        line-height: 2; }
      .feature_group .group_E__box div {
        margin: 0 0 20px; }
      .feature_group .group_E__box li {
        margin: 0 0 10px; }
      .feature_group .group_E__box a {
        font-size: 12px;
        text-decoration: underline;
        color: #333;
        display: block;
        letter-spacing: 0.02em;
        margin: 0 0 0px; }
  .feature_group .group_F {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .feature_group .group_F__box {
      width: 240px; }
      .feature_group .group_F__box img {
        width: 100%;
        margin: 0 0 20px; }
      .feature_group .group_F__box h3 {
        font-size: 16px;
        line-height: 2;
        font-weight: bold;
        margin: 0 0 20px;
        letter-spacing: 0.044vw; }
      .feature_group .group_F__box p {
        font-size: 13px;
        line-height: 2; }
      .feature_group .group_F__box div {
        margin: 0 0 20px; }
      .feature_group .group_F__box li {
        margin: 0 0 10px; }
      .feature_group .group_F__box a {
        font-size: 12px;
        text-decoration: underline;
        color: #333;
        display: block;
        letter-spacing: 0.02em;
        margin: 0 0 0px; }
  .feature_group .group_G {
    width: 100%;
    margin: auto; }
    .feature_group .group_G .link_box {
      margin: 0 0 20px; }
      .feature_group .group_G .link_box a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .feature_group .group_G .link_box__left {
        width: 55px;
        margin: 0 10px 0 0; }
        .feature_group .group_G .link_box__left img {
          width: 100%; }
      .feature_group .group_G .link_box__right .link_box__right__text1 {
        font-size: 12px;
        letter-spacing: 0.02em;
        margin: 0 0 12px;
        text-decoration: underline; }
      .feature_group .group_G .link_box__right .link_box__right__text2 {
        font-size: 12px;
        letter-spacing: 0.02em; }
  .feature_group .group_H a {
    background: url(https://parigot.itembox.design/item/images/common/arrow_white.svg) #00a6dd;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 600px;
    height: 70px;
    color: #fff;
    font-size: 12px;
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: 93% center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto; }

@media screen and (max-width: 768px) {
  .featuredetail {
    width: 100%;
    margin: 40px auto; }
    .featuredetail .feature_top {
      margin: 0 0 60px; }
      .featuredetail .feature_top img {
        width: 100%;
        margin: 0 0 40px; }
      .featuredetail .feature_top p {
        font-size: 12px;
        line-height: 1.83333;
        text-align: left;
        padding: 0;
        display: inline !important; }
      .featuredetail .feature_top__wrap {
        padding: 0 5vw; }
  .feature_group {
    margin: 0 auto 50px; }
    .feature_group.m20 {
      margin: 0 auto 20px; }
    .feature_group.m40 {
      margin: 0 auto 40px; }
    .feature_group.m60 {
      margin: 0 auto 60px; }
    .feature_group.m80 {
      margin: 0 auto 80px; }
    .feature_group strong {
      font-weight: bold !important; }
    .feature_group .group_A {
      display: block;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 5vw; }
      .feature_group .group_A__left {
        width: 100%; }
        .feature_group .group_A__left img {
          width: 100%;
          margin: 0 0 10px; }
      .feature_group .group_A__right {
        width: 100%; }
        .feature_group .group_A__right img {
          width: 100%; }
        .feature_group .group_A__right p {
          font-size: 13px;
          line-height: 2;
          margin: 20px 0 35px; }
        .feature_group .group_A__right a {
          text-decoration: underline;
          color: #333;
          display: block; }
    .feature_group .group_B {
      display: block;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 5vw; }
      .feature_group .group_B__left {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
        .feature_group .group_B__left img {
          width: 100%;
          margin: 0 0 20px; }
      .feature_group .group_B__right {
        width: 100%; }
        .feature_group .group_B__right img {
          width: 100%; }
        .feature_group .group_B__right p {
          font-size: 13px;
          line-height: 2;
          margin: 20px 0 35px; }
        .feature_group .group_B__right a {
          text-decoration: underline;
          color: #333;
          display: block; }
    .feature_group .group_C {
      width: 100%;
      margin: auto;
      padding: 0 5vw; }
      .feature_group .group_C img {
        width: 100%;
        margin: 0 0 30px; }
      .feature_group .group_C h3 {
        font-size: 12px;
        letter-spacing: 0.044vw;
        line-height: 1.83333;
        margin: 0 0 20px;
        text-align: center; }
      .feature_group .group_C div p {
        font-size: 12px;
        letter-spacing: 0.022vw;
        line-height: 1.83333;
        margin: 0 0 0px;
        text-align: center;
        display: inline; }
      .feature_group .group_C ul {
        font-size: 0; }
      .feature_group .group_C li {
        display: inline-block;
        margin: 0 15px 10px 0; }
        .feature_group .group_C li a {
          font-size: 12px;
          color: #333;
          letter-spacing: 0.02em; }
    .feature_group .group_D {
      width: 100%;
      margin: auto;
      padding: 0 5vw;
      display: block; }
      .feature_group .group_D__left {
        width: 100%;
        margin: 0 0 40px; }
        .feature_group .group_D__left img {
          width: 100%;
          margin: 0 0 20px; }
        .feature_group .group_D__left h3 {
          font-size: 12px;
          line-height: 1.83333;
          font-weight: bold;
          margin: 0 0 20px;
          letter-spacing: 0.044vw; }
        .feature_group .group_D__left p {
          font-size: 12px;
          line-height: 1.83333; }
        .feature_group .group_D__left div {
          margin: 0 0 20px; }
        .feature_group .group_D__left li {
          margin: 0 0 10px; }
        .feature_group .group_D__left a {
          font-size: 12px;
          text-decoration: underline;
          color: #333;
          display: block;
          letter-spacing: 0.02em; }
      .feature_group .group_D__right {
        width: 100%; }
        .feature_group .group_D__right img {
          width: 100%;
          margin: 0 0 20px; }
        .feature_group .group_D__right h3 {
          font-size: 12px;
          line-height: 1.83333;
          font-weight: bold;
          margin: 0 0 20px;
          letter-spacing: 0.044vw; }
        .feature_group .group_D__right div {
          margin: 0 0 20px; }
        .feature_group .group_D__right p {
          font-size: 12px;
          line-height: 1.83333; }
        .feature_group .group_D__right li {
          margin: 0 0 10px; }
        .feature_group .group_D__right a {
          font-size: 12px;
          text-decoration: underline;
          color: #333;
          display: block;
          letter-spacing: 0.02em; }
    .feature_group .group_E {
      width: 100%;
      display: block;
      padding: 0 5vw; }
      .feature_group .group_E__box {
        width: 100%;
        margin: 0 0 40px; }
        .feature_group .group_E__box img {
          width: 100%;
          margin: 0 0 20px; }
        .feature_group .group_E__box h3 {
          font-size: 12px;
          line-height: 2;
          font-weight: bold;
          margin: 0 0 20px;
          letter-spacing: 0.044vw; }
        .feature_group .group_E__box p {
          font-size: 13px;
          line-height: 2; }
        .feature_group .group_E__box div {
          margin: 0 0 20px; }
        .feature_group .group_E__box li {
          margin: 0 0 10px; }
        .feature_group .group_E__box a {
          font-size: 12px;
          text-decoration: underline;
          color: #333;
          display: block;
          letter-spacing: 0.02em;
          margin: 0 0 0px; }
    .feature_group .group_F {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      display: block;
      padding: 0 5vw; }
      .feature_group .group_F__box {
        width: 100%;
        margin: 0 0 40px; }
        .feature_group .group_F__box img {
          width: 100%;
          margin: 0 0 20px; }
        .feature_group .group_F__box h3 {
          font-size: 12px;
          line-height: 2;
          font-weight: bold;
          margin: 0 0 20px;
          letter-spacing: 0.044vw; }
        .feature_group .group_F__box p {
          font-size: 13px;
          line-height: 2; }
        .feature_group .group_F__box div {
          margin: 0 0 20px; }
        .feature_group .group_F__box li {
          margin: 0 0 10px; }
        .feature_group .group_F__box a {
          font-size: 12px;
          text-decoration: underline;
          color: #333;
          display: block;
          letter-spacing: 0.02em;
          margin: 0 0 0px; }
    .feature_group .group_G {
      width: 100%;
      margin: auto;
      padding: 5vw;
      display: block; }
      .feature_group .group_G .link_box {
        margin: 0 0 20px; }
        .feature_group .group_G .link_box a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
        .feature_group .group_G .link_box__left {
          width: 55px;
          margin: 0 10px 0 0; }
          .feature_group .group_G .link_box__left img {
            width: 100%; }
        .feature_group .group_G .link_box__right .link_box__right__text1 {
          font-size: 12px;
          letter-spacing: 0.02em;
          margin: 0 0 12px;
          text-decoration: underline; }
        .feature_group .group_G .link_box__right .link_box__right__text2 {
          font-size: 12px;
          letter-spacing: 0.02em; }
    .feature_group .group_H {
      padding: 0 5vw; }
      .feature_group .group_H a {
        background: url(https://parigot.itembox.design/item/images/common/arrow_white.svg) #00a6dd;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        height: 55px;
        color: #fff;
        font-size: 12px;
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: 93% center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto; } }