/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/

.fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}

* { box-sizing: border-box; }
*, code {
  font-family: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
}

@media print, screen and (min-width: 960px) {
  /*
  header .smanone ul.menu * {
    box-sizing: border-box;
  }
  */
  header .smanone ul.menu li {
    width: auto;
  }
  header .smanone ul.menu li a {
    padding: 0 15px;
    white-space: nowrap;
  }
  header .smanone ul.sub-menu {
    position: absolute;
    min-width: 100%;
    background: #f3f3f3;
  }
  header .smanone ul.sub-menu .menu-item {
    width: 100%;
    text-align: left;
  }
  header .smanone ul.menu li li a:hover, header nav.st5 ul.menu li li a:hover, header #st-menuwide div.menu li li a:hover, header #st-menuwide nav.menu li li a:hover {
    opacity: 1 !important;
    background-color: #1468a5;
    color: #fff;
    font-weight: 500;
  }
}


body {
  border-top: none !important;
}

@media only screen and (max-width:959px) {
  #headbox {
    padding: 60px 0 0 !important;
  }
}
@media print, screen and (min-width: 960px) {
  #headbox {
    padding: 10px 0 !important;
    margin: 0 auto !important;
    max-width: 1104px !important;
  }
}

#s-navi dl.acordion {
  /*border-top: 5px solid rgb(52, 99, 173);*/
  background: white;
  /*box-shadow: 0 0 4px rgba(0,0,0,0.05);*/
}

#s-navi dt.trigger {
  height: 60px;
}

#s-navi dt.trigger .op {
  margin: 10px;
  width: 40px;
  height: 40px;
  background-color: #E5F4FF;
  color: #1569A5;
  font-size: 16px;
  border-radius: 50%;
}

@media only screen and (max-width:959px) {
  #st-mobile-logo img {
    height: 40px !important;
  }
}

html:not(.s-navi-right) header h1#st-mobile-logo, html:not(.s-navi-right) header p#st-mobile-logo {
  padding-right: 10px !important;
}
.nav-favorite {
  order: 3;
  width: 60px;
}
.nav-favorite a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  width: 40px;
  height: 40px;
  background-color: #fff2f7;
  color: #ff7bac;
  font-size: 16px;
  text-decoration: none;
  border-radius: 50%;
}
.nav-favorite i {
  margin-top: 1px;
}

@media print, screen and (min-width: 960px) {
  #header-l {
    max-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;;
  }
}

header .descr.sitenametop, header .sitename.sitenametop {
  padding: 0;
  margin: 0 0 7px 40px;
}
header .descr {
  font-size: 16px;
  color: #1468a5;
  font-weight: bold;
}

/* ロゴ画像の最大サイズ */
.sitename img {
	max-width: 240px;
}


.mobile_nav {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile_nav ul {
  padding: 6px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  list-style: none;
  font-size: 14px;
  white-space: nowrap;
}
.mobile_nav li {
  padding: 0 4px;
}
.mobile_nav a {
  border: solid 1px #E7EFF5;
  background-color: #F0F7FC;
  border-radius: 6px;
  color: #1569A5;
  padding: 0 12px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
}
@media print, screen and (min-width: 960px) {
  .mobile_nav { display: none; }
}







p, .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2, .yellowbox, .graybox, .redbox, #topnews .clearfix dd p, .post ul li, .post ol li, #comments #respond, #comments h4, .post h5, .post h6 {
  font-size: 16px;
  line-height: 1.6;
}
.sns {
  padding: 0;
}
.rankingInPost {
  margin-top: 60px;
}

@media only screen and (min-width: 600px) {
  .st-mybtn.st-btn-default {
    width: 94%;
  }
}

.st-mybtn .fa-before {
  margin-right: 10px;
}












.magazine h4 .point-in i {
  margin-right: 5px;
}

/*--------------------------------
各フォント設定
---------------------------------*/

/*基本のフォントサイズ*/
.magazine ul li, /* ulリスト */
.magazine ol li, /* olリスト */
.magazine h5, /* H5 */
.magazine h6 /* H6 */ {
  font-size: 18px;
  line-height: 30px;
}

/* 記事タイトル */
.magazine .entry-title:not(.st-css-no2) {
  font-size: 22px;
  line-height: 35px;
}

/* H3 */
.magazine h3:not(.st-css-no2):not(.rankh3):not(#reply-title) {
  font-size: 19px;
  line-height: 27px;
}

/* H4 */
.magazine h4:not(.st-css-no2):not(.point):not(.rankh4) {
  font-size: 17px;
  line-height: 26px;
}

/* 基本の文字 */
.magazine h5 /* H5 */ {
  margin-bottom: 20px;
}

/*投稿のカテゴリ*/
.magazine .st-catgroup {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 5px 0 10px;
}

.magazine .st-catgroup a {
  text-decoration: none;
  color: #000;
}

/*一覧に表示するカテゴリ*/
.magazine .st-catgroup.itiran-category {
  padding: 0 0 5px;
}

.magazine .st-wpp-views-widgets ul {

  /*ウィジェット*/
  padding: 0;
  margin: 0;
}

/* スクロールナビ */
.magazine .st-sc-listnavi-box {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding: 5px !important;
}

.magazine .st-sc-listnavi-box.box80 .st-sc-listnavi {
  max-width: 80%;
}

.magazine .st-sc-listnavi {
  display: inline-block;
  margin-right: 3px;
}

.magazine .st-sc-listnavi a {
  display: block;
  border: solid #BDBDBD 1px;
  padding: 3px 10px;
  border-radius: 3px;
  text-decoration: none;
  color: #757575;
  font-size: 90%;
}

.magazine .st-sc-listnavi a:hover {
  background: #fafafa;
}

.magazine .st-sc-listnavi-box::-webkit-scrollbar {
  height: 5px;
}

.magazine .st-sc-listnavi-box::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #f2f2f2;
}

.magazine .st-sc-listnavi-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ccc;
}

/* 記事タイトル */
.magazine .entry-title:not(.st-css-no2) {
  color: #333;
  padding-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

/*小見出し*/
.magazine h3:not(.st-css-no2):not(.rankh3):not(#reply-title) {
  background: #f3f3f3;
  color: #1a1a1a;
  margin: 20px 0;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.magazine h4:not(.st-css-no2):not(.point):not(.rankh4) {
  padding: 10px 15px;
  margin: 20px 0;
  background-color: #f3f3f3;
}

/*amazonプラグインのh4は除外*/
.magazine .amazonjs_info h4 {
  background-color: transparent !important;
  background-image: none !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.magazine .amazonjs_info h4:before,
.magazine .amazonjs_info h4:after {
  border: none !important;
}

.magazine h5:not(.st-css-no2).kanren-t {
  margin-bottom: 5px;
}

.magazine h6:not(.st-css-no2) {
  margin-bottom: 10px;
  font-weight: bold;
}

/* 関連記事の文字 */
.magazine h4.point {
  margin-bottom: 30px;
  position: relative;
  border-bottom: solid 1px #f3f3f3;
  background-color: transparent;
  margin-top: 61px;
}

.magazine h4 .point-in {
  padding: 5px 15px;
  max-width: 80%;
  /*box-sizing: border-box;*/
  font-size: 15px;
  font-weight: bold;
  background: #f3f3f3;
  color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
}

/* 引用 */
.magazine blockquote {
  background-color: #f3f3f3;
  background-image: url(images/quote.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 50px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 20px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCC;
}

.magazine .yellowbox .maruck,
.magazine .yellowbox .maruno,
.magazine .yellowbox p:last-child,
.magazine .yellowbox ol:last-child,
.magazine .yellowbox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.magazine .graybox .maruck,
.magazine .graybox .maruno,
.magazine .graybox p:last-child,
.magazine .graybox ol:last-child,
.magazine .graybox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.magazine .redbox .maruck,
.magazine .redbox .maruno,
.magazine .redbox p:last-child,
.magazine .redbox ol:last-child,
.magazine .redbox ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* フリーボックス・マイボックス */
.magazine .freebox .maruck,
.magazine .freebox .maruno,
.magazine .st-mybox .maruck,
.magazine .st-mybox .maruno {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 10px;
}

.magazine .freebox ul:not(.toc_list):not(.st_toc_list):not(.slick-dots):not(.st-pvm-nav-list):last-child,
.magazine .st-mybox ul:not(.toc_list):not(.st_toc_list):not(.slick-dots):not(.st-pvm-nav-list):last-child,
.magazine .freebox ol:not(.slick-dots):last-child,
.magazine .st-mybox ol:not(.slick-dots):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.magazine .inyoumodoki p:last-child,
.magazine .inyoumodoki ol:last-child,
.magazine .inyoumodoki ul:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.magazine .pagelist-box .st-childlink .kopage-t {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 26px;
}

.magazine .p-entry-t {
  margin-bottom: 30px;
}

.magazine .category .p-entry,
.magazine .nowhits .p-entry {
  border-radius: 0 0 5px 0;
}

/* 本文エリア */
.magazine .widget_st_categories_widget ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list) {
  list-style: none;
  margin: 0;
  padding: 0;
}

.magazine .kanren h3 a {
  color: #1a1a1a;
}

.magazine .kanren h5 {
  margin-bottom: 10px;
}

.magazine ul#st-tab-menu {
  margin: 0;
  padding: 0;
}

.magazine #st-tab-box p.st-author-post {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

.magazine #st-tab-box p.st-author-post a {
  text-decoration: none;
  font-weight: bold;
  color: #1a1a1a;
}

/*--------------------------------
エディタ用
---------------------------------*/

/*テーブル */
.magazine table {
  /*box-sizing: border-box;*/
  border-top: 1px #999 solid;
  border-right: 1px #999 solid;
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
}

.magazine table thead {
  border-top: 1px #999 solid;
  border-right: 1px #999 solid;
}

.magazine table thead th,
.magazine table thead td {
  border-bottom: 1px #999 solid;
  border-left: 1px #999 solid;
}

/*For IE*/
@media all and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .magazine table {
    table-layout: fixed;
  }

}

table th,
table th p,
.magazine table tr td p,
.magazine table tr td {
  font-size: 15px;
  line-height: 24px;
  font-weight: normal;
}

.magazine table tr td p:last-child {
  margin-bottom: 0;
}

#main .magazine table {
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #999;
  border-right-color: #999;
  color: #333;
}

/*テーブル（装飾なし） */
.magazine .notab table {
  border: none;
  width: initial; /* 初期状態にリセット */
  max-width: initial; /* 初期状態にリセット */
}

.magazine .notab table tr:nth-child(even) {
  background-color: transparent;
}

/*スクロール*/
.magazine .scroll-box table {
  max-width: initial;
}

/* PC横スクロール */
.magazine .scroll-box.pc table td,
.magazine .scroll-box.pc table td p {
  white-space: nowrap;
}

/*リスト */
.magazine ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list) {
  list-style-type: disc;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 30px;
  margin-bottom: 20px;
}

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

.magazine ul li {
  padding-bottom: 5px;
}

.magazine ul li:last-child {
  padding-bottom: 0px;
}

.magazine ol {
  list-style-type: decimal;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  margin-bottom: 20px;
}

.magazine ol li {
  padding-bottom: 5px;
}

.magazine ol li:last-child {
  padding-bottom: 0px;
}

/*マルリスト・チェックリスト*/
.magazine .maruno,
.magazine .maruck {
  margin-bottom: 20px;
}

.magazine .maruno ol:not(.toc_list):not(.st_toc_list):not(.slick-dots),
.magazine .maruck ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list) {
  margin-bottom: 0;
  padding-bottom: 0;
}

.magazine .maruno ol li {
  counter-increment: st-section;
}

.magazine .maruno ol li:before {
  content: counters(st-section, "");
}

.magazine .maruck ul li:before {
  content: " \f00c";
  font-family: FontAwesome;
}

.magazine .maruno ol li,
.magazine .maruck ul li {
  list-style-type: none;
  padding-bottom: 5px;
  line-height: 23px;
  margin-bottom: 7px;
}

.magazine .maruno ol li:before,
.magazine .maruck ul li:before {
  border-radius: 50%;
  float: left;
  min-width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  font-size: 60%;
  margin-right: 10px;
  background: #f3f3f3;
  color: #000;
  margin-left: -3em;
}

/*均等横並び */
.magazine .kintou ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list) {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0;
  margin: 0 auto 20px;
}

.magazine .kintou ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list) li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 5px;
}

/* ガイドマップメニュー */
.magazine .st-link-guide-menu:not(.toc_list):not(.st_toc_list) {
  padding-left: 0;
  padding-right: 0;
}

.magazine .entry-content .st-link-guide ul li a:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #ccc;
}

.magazine .entry-content .st-link-guide > ul li:last-child a:after {
  content: none;
}

.magazine .entry-content .st-link-guide ul li {
  list-style: none;
}

.magazine .entry-content .st-link-guide ul li a {
  position: relative;
  background: #ccc;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-align: center;
  list-style: none;
  width: 100%;
  /*box-sizing: border-box;*/
  display: block;
}

.magazine .entry-content .st-link-guide ul li a {
  color: #000;
  font-weight: bold;
}

.magazine .st-link-guide li a:last-child,
.magazine .entry-content .st-link-guide ul li a:last-child,
.magazine .st-link-guide li a:last-child {
  padding-bottom: 10px;
}

.magazine .entry-content .st-link-guide ul li a:hover {
  opacity: 0.7;
}

/* ガイドマップサブメニュー */
.magazine .st-link-guide .sub-menu:not(.toc_list):not(.st_toc_list) {
  margin-bottom: 10px;
  padding-top: 0;
}

.magazine .st-link-guide .sub-menu:not(.toc_list):not(.st_toc_list):last-child {
  margin-bottom: 0;
}

.magazine .entry-content .st-link-guide .sub-menu li a:after {
  content: none;
}

.magazine .entry-content .st-link-guide .sub-menu li a {
  position: relative;
  background-color: transparent;
  padding: 5px;
  border-bottom: none;
  text-align: left;
  list-style: none;
  margin-bottom: 0;
}

.magazine .entry-content .st-link-guide .sub-menu li a {
  color: #000;
  font-weight: normal;
}

.magazine .st-link-guide .sub-menu li a:last-child,
.magazine .entry-content .st-link-guide .sub-menu li a:last-child,
.magazine .st-link-guide .sub-menu li a:last-child {
  padding-bottom: 0;
}

/*スライドボックス*/
.magazine .st-btn-open {
  color: #000;
  cursor: pointer;
  margin-bottom: 0;
}

.magazine .st-slidebox p:last-child {
  margin-bottom: 0;
}

/*ミニふきだし*/
.magazine .st-minihukidashi {
  font-size: 100%;
  display: inline-block;
  position: relative;
  background: #f3f3f3;
  color: #1a1a1a;
  line-height: 1.4;
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 20px;
  z-index: 2;
}

.magazine .st-minihukidashi span {
  content: '';
  position: absolute;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #f3f3f3;
  top: 100%;
  left: 40px;
}

/*まるもじ*/
.magazine p.st-marumozi-big-p {
  margin-bottom: 0;
}

/* こんな方におすすめ */
.magazine .st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no) li:last-child {
  border-bottom: dotted 1px #ccc;
  line-height: 1.3;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.magazine .st-blackboard:not(.square-checkbox) ol.st-blackboard-list:not(.st-css-no) li:last-child {
  border-bottom: dotted 1px #ccc;
  line-height: 1.3;
  padding: 10px 0;
  margin: 0;
}

.magazine .st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no).st-no-ck li:last-child {
  text-indent: 0;
  padding-left: 0;
}

/* チェックボックス */
.magazine .st-mybox .st-square-checkbox.st-square-checkbox-nobox ul li:last-child,
.magazine .freebox .st-square-checkbox.st-square-checkbox-nobox ul li:last-child {
  margin-bottom: 0;
}

.magazine .st-square-checkbox ul li {
  position: relative;
  display: block;
  line-height: 1.5;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 0.5em;
  padding-top: .25em;
  padding-bottom: 0.75em;
  padding-left: calc(1.5em + 15px);
}

.magazine .st-square-checkbox ul li:last-child {
  margin-bottom: 15px;
  padding-bottom: 0.5em;
}

/* MCボタン */
.magazine .st-mcbtn-box .st-mybtn {
  margin-bottom: 10px;
}

.magazine .st-mcbox-text {
  margin-bottom: 0;
  font-size: 80%;
  text-align: center;
}

.magazine .st-mcbox-title {
  font-weight: bold;
  margin-bottom: 10px;
}

/* アイテムボックス */
.magazine a.itembox-link p {
  margin-bottom: 5px;
}

.magazine .st-cardbox.st-itmebox .clearfix dd h5 {
  margin-bottom: 0;
  border: none;
}

/* 目次（カスタム） ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#toc_container {
  margin: 0 auto 20px;
  text-align: center;
  background-color: #f5f7fa;
}

#toc_container .st_toc_title {
  text-align: center;
  padding: 5px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 2px solid #333;
  margin-bottom: 5px;
}

#toc_container .st_toc_title {
  margin: 0 auto 20px;
}

/* 閉じたとき */
#toc_container.st_toc_contracted .st_toc_title {
  margin: 0 auto 10px;
}

#toc_container .st_toc_title:before {
  content: "\f0f6\00a0";
  font-family: FontAwesome;
}

#toc_container .st_toc_title .st_toc_toggle {
  font-weight: normal;
  font-size: 95%;
}

.magazine #toc_container ul,
.magazine #toc_container ol {
  list-style: none;
  margin-bottom: 0;
}

.st_toc_number {
  font-weight: bold;
  margin-right: 5px;
  color: #ccc;
}

#toc_container ul a {
  display: block;
  text-decoration: none;
  color: #000;
  padding-bottom: 7px;
  border-bottom: 1px dashed #ccc;
}

#toc_container ul li li a {
  padding-left: 5px;
}

#toc_container ul a:hover {
  opacity: 0.5;
}

#toc_container .st_toc_list > li> li > a {
  margin-bottom: 10px;
}

#toc_container .st_toc_list > li > a {
  border-bottom: none;
}

.magazine #toc_container ul ul {
  padding: 5px 0;
}

.magazine #toc_container ul ul ul {
  padding-left: 10px;
}

#toc_container li {
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0;
  list-style-type: none;
  text-align: left;
  text-indent: -0.8em;
  padding-left: 1em;
}

#toc_container > ul > li {
  font-size: 18px;
}

#toc_container li a:before {
  font-family: FontAwesome;
  content: "\f0da\00a0\00a0";
  color: #333;
}

#toc_container li li a:before {
  content: none;
}

#toc_container li li {
  text-align: left;
  font-weight: normal;
  list-style: decimal outside none;
  text-indent: 0;
  padding: 5px 0;
}

#toc_container li li li {
  margin-bottom: 0;
  padding: 3px 0;
  list-style-type: none;
  text-indent: -0.8em;
  padding-left: 1em;
}

#toc_container li li li a {
  border: none;
  margin-bottom: 0;
  padding: 0;
}

#toc_container li li li a:before {
  font-family: FontAwesome;
  content: "\f0da\00a0\00a0";
  color: #9E9E9E;
}

/* 第一階層のみの場合 */
#toc_container.only-toc .st_toc_list {
  padding: 10px 20px 20px 40px;
}

#toc_container.only-toc li {
  padding: 0;
  font-weight: normal;
  text-indent: 0;
  list-style-type: decimal;
  border-bottom: dotted 1px #ccc;
}

#toc_container.only-toc ul a {
  padding: 5px;
}

#toc_container.only-toc li a:before {
  content: none;
}

#toc_container.only-toc li a:before {
  content: none;
}

/* 目次の[非表示]を消す */
.st_toc_hierarchical:not(.st_toc_contracted) .st_toc_toggle {
  display: none;
}

/* オリジナル */
.magazine #toc_container ol.st-original-toc > li {
  list-style: decimal;
  text-align: left;
  font-weight: normal;
  padding: 0;
  text-indent: 0;
}

#toc_container ol.st-original-toc > li a:before {
  content: none;
}

/* 第一階層のみの場合 */
#st_container.only-toc ul {
  padding: 20px;
}

#toc_container.only-toc li {
  padding: 0;
  font-weight: normal;
}

#toc_container.only-toc li a:before {
  content: none;
}

#toc_container.only-toc li {
  list-style-type: decimal;
  border-bottom: dotted 1px #ccc;
}

/* 目次へ戻るボタン */
.st_toc_back,
.st_toc_back:focus,
.st_toc_back:hover,
.st_toc_back:active {
  color: #ccc;
  text-decoration: none;
}

.st_toc_back {
  position: fixed;
  bottom: 15px;
  left: 10px;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: all .5s;
  pointer-events: none;
  justify-content: center;
  align-items: center;
}

.st_toc_back.is-shown {
  opacity: 1;
  pointer-events: auto;
}

.st_toc_back.is-top {
  bottom: 75px;
}

.st_toc_back_icon {
  display: block;
  background: none;
  width: auto;
  height: auto;
  font-size: 32px;
}

.st_toc_back_icon::before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  content: '\f03a';
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.st_toc_back_label {
  margin-top: 0;
  font-size: 10px;
}

.st_toc_back.is-rounded,
.st_toc_back.is-rounded:focus,
.st_toc_back.is-rounded:hover,
.st_toc_back.is-rounded:active {
  color: #fff;
}

.st_toc_back.is-rounded {
  bottom: 20px;
  background: #ccc;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}

.st_toc_back.is-rounded.is-shown {
  opacity: .8;
}

.st_toc_back.is-rounded.is-top {
  bottom: 80px;
}

.st_toc_back.is-rounded .st_toc_back_icon {
  font-size: 24px;
}

/* 目次（カスタム） おわり ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

/*フォーム*/
.magazine input:not(.st-tab-label):not([type="image"]),.magazine textarea {
  border-radius: 3px;
  border: 1px solid #ccc;
}

.magazine input:not(.st-tab-label):not([type="image"]) {
  padding: 7px 15px;
  margin: 5px auto;
}

.magazine #search input {
  border: none;
}

/*AmazonJS*/
.magazine .amazonjs_item h4,
.magazine .amazonjs_item h4 a {
  color: #1a1a1a !important;
  font-size: 15px;
  background-color: transparent;
  border: none !important;
  padding: 0 !important;
}

.magazine .amazonjs_item ul li {
  font-size: 12px !important;
}

/*Rinker*/
.magazine ul.yyi-rinker-links:not(.toc_list):not(.st_toc_list) {
  padding: 0;
  list-style: none;
}

@media only screen and (max-width:599px) {
  .magazine ul.yyi-rinker-links li {
    font-size: 90%;
  }

}

/*WPアソシエイト*/
.magazine .wpap-tpl {
  max-width: 100%;
  /*box-sizing: border-box;*/
}

.magazine .wpap-tpl .wpap-link,
.magazine .wpap-tpl .wpap-link:hover {
  box-shadow: none;
}

/*ブログカード風*/
.magazine .st-cardbox p,
.st-cardbox p {
  margin-bottom: 10px;
}

.magazine .st-cardbox .clearfix dd h5 {
  margin-bottom: 10px;
  padding-bottom: 5px;
}

/*続きを読む（ブログカード）*/
.magazine p.cardbox-more {
  margin-bottom: 5px;
  padding: 5px 10px;
  /*box-sizing: border-box;*/
  border: 1px solid #ccc;
  text-align: center;
  text-decoration: none;
  color: #757575;
}

/*ブログカード風サイドバー*/
#side .rankst-cont .magazine .st-cardbox p {
  margin-bottom: 10px;
}

#side .rankst-cont .magazine .st-cardbox .clearfix dd h5 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

/* 会話レイアウト */
.magazine .st-kaiwa-hukidashi p:last-child {
  margin-bottom: 0px;
}

/*ふきだし反対*/
.magazine .st-kaiwa-hukidashi2 p:last-child {
  margin-bottom: 0px;
}

/*--------------------------------
SNS
---------------------------------*/
.magazine .sns ul {
  list-style: none;
  padding: 0px !important;
  margin: 0px 0px 20px;
}

/*--------------------------------
コメント
---------------------------------*/
.magazine .commets-list {
  padding: 10px 0 0;
}

.magazine #comments h3 {
  background-color: transparent;
}

/*コメントの入れ子*/
.magazine .commets-list .children {
  padding-left: 20px;
  margin-bottom: 0;
  margin-left: 0;
}

.magazine .commets-list .children .children {
  padding-left: 0px;
}

/*レイアウト スマートフォン
---------------------------------------------------------------------------------------------------*/
.magazine {
  padding-bottom: 10px;
}

.magazine.post-search,
.magazine.magazine-search,
.magazine.st-header-content {
  padding-bottom: 0;
}

/*-------------------------------------
LP
--------------------------------------*/
.lp .magazine img,
.lp .magazine video,
.lp .magazine object {
  max-width: 100%;
  height: auto;
  display: block;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:959px) {

  /*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:959px) {

  /*--------------------------------
  マルリスト・チェックリスト
  ---------------------------------*/
  .magazine .maruno ol li,
  .magazine .maruck ul li {
    line-height: 27px;
  }

  .magazine .maruno ol li:before,
  .magazine .maruck ul li:before {
    min-width: 27px;
    height: 27px;
    line-height: 27px;
  }

  /*-- ここまで --*/
}

/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) {
  .sitename img {
    max-width: 240px;
  }

  /*基本のフォントサイズ*/
  .magazine ul li, /* ulリスト */
  .magazine ol li, /* olリスト */
  .magazine h5, /* H5 */
  .magazine h6 /* H6 */ {
    font-size: 20px;
    line-height: 30px;
  }

  /*記事タイトル*/
  .magazine .entry-title:not(.st-css-no2) {
    font-size: 27px;
    line-height: 40px;
  }

  /* H3 */
  .magazine h3:not(.st-css-no2):not(.rankh3):not(#reply-title) {
    font-size: 22px;
    line-height: 32px;
  }

  /* H4 */
  .magazine h4:not(.st-css-no2):not(.point):not(.rankh4) {
    font-size: 21px;
    line-height: 31px;
  }

  /*--------------------------------
  各フォント設定
  ---------------------------------*/
  .magazine h5 {
    margin-bottom: 20px;
  }

  /*記事タイトル*/
  .magazine .entry-title:not(.st-css-no2) {
    color: #333;
    margin-bottom: 10px;
  }

  /*続きを読む（ブログカード）*/
  .magazine p.cardbox-more {
    display: inline-block;
  }

  /*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:960px) {

  /*--------------------------------
  各フォント設定
  ---------------------------------*/
  .magazine ul li, /* ulリスト */
  .magazine ol li, /* olリスト */
  .magazine h5, /* H5 */
  .magazine h6, /* H6 */
  .magazine table tr td {
    font-size: 15px;
    line-height: 27px;
  }

  /* 記事タイトル */
  .magazine .entry-title:not(.st-css-no2) {
    font-size: 27px;
    line-height: 40px;
  }

  /* H3 */
  .magazine h3:not(.st-css-no2):not(.rankh3):not(#reply-title) {
    font-size: 20px;
    line-height: 30px;
  }

  /* H4 */
  .magazine h4:not(.st-css-no2):not(.point):not(.rankh4) {
    background-color: #f3f3f3;
    font-size: 16px;
    line-height: 26px;
  }

  /* ブログカードタイトル */
  .magazine .st-cardbox .clearfix dd h5 {
    border-bottom: 1px dotted #ccc;
  }

  /*--------------------------------
  hoverのopacity
  ---------------------------------*/
  .magazine .st-catgroup a:hover {
    opacity: 0.5;
  }

  /*--------------------------------
  各フォント設定
  ---------------------------------*/
  .magazine h5 {
    margin-bottom: 20px;
  }

  /*記事タイトル*/
  .magazine .entry-title:not(.st-css-no2) {
    color: #333;
    margin-bottom: 10px;
  }

  .magazine dd h5:not(.st-css-no2) {
    margin-bottom: 5px;
  }

  /*ミニふきだし*/
  .magazine .st-minihukidashi {
    font-size: 90%;
  }

  /*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width:599px) {

  /*スクロール*/
  .magazine .scroll-box table td,
  .magazine .scroll-box table td p {
    white-space: nowrap;
  }

  /*-- ここまで --*/
}





/* 英カスタム
---------------------------------------------------------------------------------------------------*/
/* 紫_読み物 magazine の見出しスタイル 
 .magazine h1:first-letter {
  font-size: 2em;
  color: #7172ac;
}
.headline:first-letter {
  font-size: 2em;
  color: #7172ac;
}
*/

/* 読み物 一覧へ遷移するボックススタイル */
.box16{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.box16 p {
    margin: 0; 
    padding: 0;
}

/* 読み物 を説明するボックススタイル */
.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

/*特集ページ用スタイル*/
.feature-list-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
}
.f-col {
  width: 100%;
    margin-left: 20px;
}

.f-image{width: 100%; padding: 0px;margin-bottom: 0px;}
.f-itemDetail__productCode{font-size: 16px;color: #757575;margin-top: 10px;}
.f-itemDetail__points{font-size: 16px;color: #ecba4f;font-weight: 600;}
.mt-15{margin-top: -15px}
 
@media screen and (min-width: 781px) {
.feature-list-row { flex-wrap: wrap;}
.f-row-pc-blocks-4 > .f-col { width: calc( (100% / 4) - 20px ); margin-bottom: 10px;}
}
   
@media screen and (max-width: 780px) {
.feature-list-row { flex-wrap: wrap;}
.f-row-sm-blocks-2 > .f-col { width: calc( (100% / 2) - 20px ); margin-bottom: 10px;}
  
  .f-row-sm-blocks-2 > .f-col { width: calc( (100% / 2) - 20px ); margin-bottom: 10px;}
}

/*ランキング用スタイル*/
.ranking-box ul{
  margin:0;
  padding:0;
}
.ranking-box {
  counter-reset: wpp-ranking;
}
.ranking-box img{
  margin: 10px;
  width:100px;
  float:left;
  padding-right: 10px;
}
.ranking-box li {
  margin-left:-30px;
  margin-right:-20px;
  list-style-type: none;
  position: relative;
  border-top: 1px solid #ddd;
  padding-bottom: 0;
}
.ranking-box li:last-child{
  border-bottom: 1px solid #ddd;
}
.ranking-box　li:after{ clear: both; }
.ranking-box li:before {
  box-sizing: border-box;
  display: block;
  margin-top: 5px;
  background: #999;
  border-radius: 50%;
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
  color: #fff;
  width: 31px;
  height: 31px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 8px 0;
  position: absolute;
  top: 0;
  left: -5px;
  z-index:3;
}
.ranking-box li:nth-child(1):before {
  background: #fa0;
}
.ranking-box li:nth-child(2):before {
  background: #bbb;
}
.ranking-box li:nth-child(3):before {
  background: #930;
}


/*pickup見出し*/
.pickup {
  margin-left:0px;
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
  font-weight:600;
}

.pickup:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

/*特集ミニ用スタイル*/
.featuremini-box ul{
margin: 0px;
padding: 0;
}
.featuremini-box li{
  list-style-type:none;
  margin-left:-30px;
  margin-right:-20px;
  border-bottom:1px solid #ddd;
  padding-top:20px;
}
.featuremini-box li:first-child{
    padding-top:0;
}
.featuremini-box img{
  width:100px;
  float:left;
  padding-right: 10px;
}

.bg-gray {background:#f3f3f3;border-color:#BDBDBD;border-width:0px;border-radius:5px;margin: 25px 0;}

.buyers-comment {
  border: 2px solid #ffc06e;
  background: #fff8e8;
  padding: 10px;
  border-radius: 10px;
  margin-bottom:20px;
}

.buyers-comment img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 1px solid #ddd;
  background: #fff;
  margin-right: 10px;
  float: left;
}

.buyers-comment span{
  display: block;
  color: #ffc06e;
  font-weight: 600;
}


.m-buyersComment {
  border: 2px solid #ffc06e;
  background: #fff8e8;
  padding: 10px;
  border-radius: 10px;
  margin-bottom:20px;
}
.m-buyersComment__thumb {
  overflow: hidden;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 1px solid #ddd;
  background: #fff;
  margin-right: 10px;
  float: left;
}
.m-buyersComment__thumbImage {
}
.m-buyersComment__title {
  display: block;
  color: #ffc06e;
  font-weight: 600;
  margin-bottom: 4px;
}
.m-buyersComment__body {
}



@media screen and (max-width: 899px){
  .instagram-media{
    width:414px !important;
    max-width: 100% !important;
    min-width: initial !important;
  }
}
.pt-cv-title {
  border-bottom:1px solid #ddd;
  padding-bottom:20px;
}
.pt-cv-title a{color:#000;}

.pt-cv-title a:hover {color:#b22222;}

.pt-cv-title:before {
  margin-right:5px;
  content: " \f005";
  font-family: FontAwesome;
  padding:3px;
  color:#fa0;
}

.kanren {margin-top:-30px;}

.total {border-bottom:1px solid #f3f3f3;padding:0 0 20px 0;margin-bottom:20px;}









/*一覧
---------------------------------------------------------------------------------------------------*/
.m-recommendItem__points {
  display: block;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6em;
  border-radius: 0.8em;
  margin-bottom: 10px;
  background-color: #C5931A;
  color: #ffffff;
  text-align: center;
}
.m-itemList__points {
  display: inline-block;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6em;
  border-radius: 0.8em;
  margin-bottom: 10px;
  background-color: #C5931A;
  color: #ffffff;
  text-align: center;
}

.m-recommendItem__points .__unit,
.m-itemList__points .__unit,
.m-rankingItem__points .__unit {
  font-size: 0.8em;
}
#side aside .kanren .clearfix dd h5 { padding-bottom: 6px; }
#side aside .kanren .clearfix dd h5 a { line-height: 1.4; }
.m-itemList__wishlistButton {
  margin-top: 10px;
  margin-left: auto;
}
@media print, screen and (min-width:960px) {
  .m-itemList__wishlistButton {
    max-width: 240px;
  }
}
@media screen and (max-width: 899px){
  .m-itemList dd h3:not(.st-css-no2) a {
    font-size: 16px;
    line-height: 1.4;
  }
}



.m-rankingItem {
  padding-bottom: 14px;
}
.m-rankingItem:after {
  content: "";
  display:block;
  clear:both;
}
.m-rankingItem__thumbnail {
  float: left;
  width: 100px;
  border: solid 1px #dfdfdf;
  margin: 20px 10px 0;
}
.m-rankingItem__thumbnail img {
  width: 100%;
  float: none;
  margin: 0;
  padding: 3px;
}
.m-rankingItem__info {
  padding: 20px 0 0 120px;
}
.m-rankingItem__points {
  display: inline-block;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6em;
  border-radius: 0.8em;
  margin-bottom: 2px;
  background-color: #C5931A;
  color: #ffffff;
  text-align: center;
}
.m-rankingItem__categories {
}
.m-rankingItem__title {
  margin-top: 9px;
  font-size: 18px;
  line-height: 1.5;
}
.m-rankingItem__content {
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.6;
}
@media print, screen and (min-width:960px) {
  .m-rankingItem__thumbnail {
    width: 160px;
  }
  .m-rankingItem__thumbnail img {
    padding: 9px;
  }
  .m-rankingItem__info {
    padding: 20px 0 0 190px;
  }
}




/*商品詳細
---------------------------------------------------------------------------------------------------*/
.m-itemDetail { margin-bottom: 40px; }
/*.m-itemDetail * { box-sizing: border-box; }*/
.m-itemDetail__images {}
.m-itemDetail__data {}
.m-itemDetail__dataBox { background: #f1ede1; border-radius: 15px; padding: 32px 32px 22px; margin-bottom: 10px; }
.m-itemDetailImageSlider { margin-bottom: 20px; }
.m-itemDetailImageSlider__item {}
.m-itemDetailImageSlider__image { border: solid 1px #f0f0f0 !important; }
.m-itemDetailImages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 -10px; }
.m-itemDetailImages__item { flex-shrink: 0; flex-grow: 0; width: 33.333%; padding: 0 10px 20px; }
/*.m-itemDetailImages__item:first-child { width: 100%; }*/
.m-itemDetailImages__image { border: solid 1px #f0f0f0 !important; cursor: pointer; }
.m-itemDetailImages__citation { width: 100%; padding: 0 10px; color: #b3b3b3; font-size: 13px; }
.m-itemDetailImages__citation a { color: #ccc; }
.m-itemDetail__applicableRequirements { margin-bottom: 10px; }
.m-itemDetail__applicableRequirementsItem { display: inline-block; background: #757575; color: #ffffff; font-size: 10px; padding: 4px 8px; }
.m-itemDetail__productCode { margin-bottom: 10px; font-size: 14px; color: #757575; }
.m-itemDetail__businessName { margin-bottom: 10px; font-size: 14px; }
.m-itemDetail__shippingMethod { margin-bottom: 40px; font-size: 14px; }
.m-itemDetail__points { font-size: 36px; color: #edbb44; font-weight: bold; text-align: right; }
.m-itemDetail__points .__unit { font-size: 20px; }
.m-itemDetail__button {}
.m-itemDetail__body { margin-top: 40px; }
.m-itemDetail__notes { margin-top: 40px; font-size: 14px; color: #757575; }
/* タブレット・PC */
@media only screen and (min-width:600px) {
  .m-itemDetail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
  .m-itemDetail__images { width: 50%; }
  .m-itemDetail__data { width: 50%; padding-left: 40px }
}
/* PCのみ */
@media print, screen and (min-width:960px) {
}
/* スマホのみ */
@media print, screen and (max-width:599px) {
  .m-itemDetailImages { margin: 0 -3px; }
  .m-itemDetailImages__item { padding: 0 3px 6px; }
  .m-itemDetailImages__citation { padding: 0 3px; }
}





/*おすすめ商品
---------------------------------------------------------------------------------------------------*/
/*.m-recommendItems * { box-sizing: border-box; }*/
.m-recommendItems { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding: 0 !important; margin: 0 -10px; }
.m-recommendItems__item { list-style: none; flex-grow: 0; flex-shrink: 0; width: 25%; padding: 10px; }

.m-recommendItem {}
.m-recommendItem__thumb {}
.m-recommendItem__thumb img {
  width: 100%;
}

.m-recommendItem__data {
  margin-top: 8px;
}

.m-recommendItem__title {
  margin-bottom: 8px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  text-decoration: none!important;
}
.m-recommendItem__title a {
  text-decoration: none!important;
}

/* スマホのみ */
@media print, screen and (max-width:599px) {
  .m-recommendItems__item { width: 50%; }
}

.m-recommendItems-2 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.m-recommendItems-2__list {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*flex-wrap: wrap;*/
  padding: 0 !important;
  margin: 0 !important;
}

.m-recommendItems-2__item {
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
  width: 196px;
  padding: 0 18px;
}
.m-recommendItems-2__item:not(:first-child) {
  border-left: solid 1px #E2E2E2;
}
.m-recommendItems-2__item:first-child {
  width: 208px;
  padding-left: 30px;
}
.m-recommendItems-2__item:last-child {
  width: 208px;
  padding-right: 30px;
}
@media print, screen and (min-width:960px) {
  .m-recommendItems-2 .slick-list.draggable {
    padding: 0px 52px;
  }
  .m-recommendItems-2__list {
    display: block;
  }
  .m-recommendItems-2__item {
    width: 236px;
  }
  .m-recommendItems-2__item:not(:first-child) {
    border-left: none;
  }
  .m-recommendItems-2__item:first-child {
    /*width: 288px;*/
    /*padding-left: 70px;*/
    width: 236px;
    padding-left: 18px;
  }
  .m-recommendItems-2__item:last-child {
    /*width: 288px;*/
    /*padding-right: 70px;*/
    width: 236px;
    padding-right: 18px;
  }
}


.catname {
  color: #707070;
  font-weight: 500;
  padding: 5px 8px;
  white-space: normal;
  line-height: 1.2;
}



/*アイコン
---------------------------------------------------------------------------------------------------*/
.slick-prev:before, .slick-next:before { font-family: 'Font Awesome 5 Pro' !important; }
#side li.cat-item a::after { font-family: 'Font Awesome 5 Pro' !important; }
.hatenamark2:before { font-family: 'Font Awesome 5 Pro' !important; }
.attentionmark2:before { font-family: 'Font Awesome 5 Pro' !important; }
.usermark2:before { font-family: 'Font Awesome 5 Pro' !important; }
.memomark2:before { font-family: 'Font Awesome 5 Pro' !important; }
.checkmark2:before { font-family: 'Font Awesome 5 Pro' !important; }
.widget_st_categories_widget .cat-item a::after { font-family: 'Font Awesome 5 Pro' !important; }
.post .maruck ul li:before { font-family: 'Font Awesome 5 Pro' !important; }
.st-memobox2 .st-memobox-title:before { font-family: 'Font Awesome 5 Pro' !important; }
.st-share:before { font-family: 'Font Awesome 5 Pro' !important; }
.st-blackboard-title:before { font-family: 'Font Awesome 5 Pro' !important; }
.st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no) li:before { font-family: 'Font Awesome 5 Pro' !important; }
#st_toc_container .st_toc_title:before { font-family: 'Font Awesome 5 Pro' !important; }
#st_toc_container li a:before { font-family: 'Font Awesome 5 Pro' !important; }
#st_toc_container li li li a:before { font-family: 'Font Awesome 5 Pro' !important; }
.st_toc_back_icon::before { font-family: 'Font Awesome 5 Pro' !important; }
.scroll-box:before { font-family: 'Font Awesome 5 Pro' !important; }
#side li.cat-item a::after { font-family: 'Font Awesome 5 Pro' !important; }
#toc_container .toc_title:before { font-family: 'Font Awesome 5 Pro' !important; }
#toc_container li a:before { font-family: 'Font Awesome 5 Pro' !important; }
#toc_container li li li a:before { font-family: 'Font Awesome 5 Pro' !important; }
.pt-cv-title:before { font-family: 'Font Awesome 5 Pro' !important; font-weight: 900; }

#toc_container .toc_title::before {
  content: "\f15c" !important;
  font-weight: 400;
  margin-right: 0.3em;
}


/*メインスライダー
---------------------------------------------------------------------------------------------------*/
.m-mainSlider {  }
.m-mainSlider__list { position: relative; }
.m-mainSlider__listItem {  }
.m-mainSlider__list:not(.slick-slider) .m-mainSlider__listItem:not(:first-child) {
  display: none;
  position: absolute;
  top: 0;
  pointer-events: none;
  opacity: 0;
}
.m-mainSlider__listItem a {  }
.m-mainSlider__listItem img { width: 100%; }
.m-mainSlider .slick-slider { margin-bottom: 0; }

.m-mainSliderSquare {  }
.m-mainSliderSquare__list { position: relative; }
.m-mainSliderSquare__listItem {
  max-width: 160px;
  padding: 10px 0 10px 6px;
}
.m-mainSliderSquareItem {
  padding: 6px;
  background-color: #fff;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.m-mainSliderSquare__list:not(.slick-slider) .m-mainSliderSquare__listItem:not(:first-child) {
  display: none;
  position: absolute;
  top: 0;
  pointer-events: none;
  opacity: 0;
}
/*
*/
.m-mainSliderSquare__listItem a {  }
.m-mainSliderSquare__listItem img {
  width: 100%;
}
.m-mainSliderSquare .slick-slider { margin-bottom: 0; }



/* PCのみ */
@media print, screen and (min-width: 960px) {
  .colum1 main .entry-content .m-mainSlider { margin: -30px -70px 0; }
  .m-mainSliderSquare__listItem {
    max-width: 340px;
    padding: 10px 0 10px 12px;
  }
}

/* タブレットのみ */
@media only screen and (min-width: 600px) {
}

/* スマホのみ */
@media print, screen and (max-width:599px) {
}





/*タグリンクリスト
---------------------------------------------------------------------------------------------------*/
.m-tagLinks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; list-style: none !important; padding: 0 !important; }
.m-tagLinks__item { font-size: 14px !important; line-height: 1.4 !important; }
.m-tagLinks__item:not(:last-child) { margin-right: 2em; }
.m-tagLinks__item:before { content: '#'; margin-right: 0.2em; }




/* パンくず
---------------------------------------------------------------------------------------------------*/
#breadcrumb ol {
  font-size: 13px;
  line-height: 1.8;
}
#breadcrumb ol li,
#breadcrumb ol li h1 {
  display: inline-block;
  font-size: 13px;
  line-height: 1.4;
  vertical-align: text-top;
}
#breadcrumb ol li .current {
  font-weight: bold;
  color: #1c628c;
}



/*
---------------------------------------------------------------------------------------------------*/
.m-frontPageHero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: -20px -15px 0;
}

.m-frontPageHero__slider {
  width: 100%;
  padding: 10px 12px;
  background-color: #F2F2F2;
}
.m-frontPageHero__slider._square_ {
  padding: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.05) inset;
}

.m-frontPageHero__navigations {
  width: 100%;
  padding: 12px;
  background: url(./images/m-frontPageHero__navigations__bg.png) repeat center top / 100%;
}

.m-frontPageHero__navigations .m-matrixSearch {
}

.m-frontPageHero__recommendItems {
  width: 100%;
  padding: 36px 0;
}
.m-frontPageHero__recommendItemsTitle {
  color: #1569A5;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 30px 36px;
}
.m-frontPageHero__buttons {
  padding: 0 22px;
  width: 100%;
}
.m-frontPageHero__button {
  display: block;
  border: solid 2px;
  border-radius: 12px;
  text-decoration: none;
}
.m-frontPageHero__button:not(:first-child) {
  margin-top: 16px;
}
.m-frontPageHero__button._about {
  border-color: #1569A5;
  color: #1569A5;
}
.m-frontPageHero__button._favorite {
  border-color: #ff7bac;
  color: #ff7bac;
}
.m-frontPageHero__buttonInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  padding: 0 20px;
}
.m-frontPageHero__buttonLabel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}
.m-frontPageHero__buttonLabel .small {
  font-size: 14px;
  font-weight: 400;
  margin-right: 10px;
}
.m-frontPageHero__buttonIcon {
  font-size: 14px;
}


/* PCのみ */
@media print, screen and (min-width: 960px) {
  .colum1 main .m-frontPageHero { margin: -30px -70px 0; }
  .m-frontPageHero__slider { width: 72%; }
  /*.m-frontPageHero__slider._square_ { width: 100%; }*/
  .m-frontPageHero__navigations { width: 28%; flex-shrink: 0; padding: 0; }
  .m-frontPageHero__navigations .m-matrixSearch { height: 100%; }
  .m-frontPageHero__recommendItemsTitle {
    font-size: 20px;
    margin: 20px 70px 36px;
  }
  .m-frontPageHero__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 55px 20px;
  }
  .m-frontPageHero__button {
    flex: 1 1 100%;
    margin: 0 15px;
  }
  .m-frontPageHero__button:not(:first-child) {
    margin-top: 0;
  }
}


.m-matrixSearch {
  /*box-sizing: border-box*/;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(229, 244, 255, 0.9);
  padding: 24px 20px;
  box-shadow: 0px 2px 0px rgba(0,0,0,0.16);
  border-radius: 12px;
  text-align: center;
}
.m-matrixSearch * { /*box-sizing: border-box;*/ }
.m-matrixSearch__title {
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #1569A5;
  white-space: nowrap;
}
.m-matrixSearch__question {
  margin-bottom: 12px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #1569A5;}
.m-matrixSearch__select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*.m-matrixSearch__select select { height: 48px; border-color: #aed1dc; background-color: white; }*/
.m-matrixSearch__selectItem {
  position: relative;
  border: solid 2px #1569A5;
  border-radius: 8px;
  width: 135px;
  height: 72px;
  background-color: #ffffff;
  padding: 0 10px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-matrixSearch__selectItem:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: '\f078';
  color: #1569A5;
  font-size: 12px;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.m-matrixSearch__selectItemLabel {
  color: #1569A5;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
}
.m-matrixSearch__selectItemControl {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}
.m-matrixSearch__selectTimes { font-size: 30px; font-weight: bold; color: #1569A5; margin: 0 4px; }
.m-matrixSearch__button {
  margin: 12px auto 0;
  /*box-sizing: border-box*/;
  height: 42px;
  width: 240px;
  display: inline-block;
  -webkit-appearance: none;
  background: rgb(21,105,165);
  background: -moz-linear-gradient(0deg, rgba(21,105,165,1) 0%, rgba(17,136,199,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(21,105,165,1) 0%, rgba(17,136,199,1) 100%);
  background: linear-gradient(0deg, rgba(21,105,165,1) 0%, rgba(17,136,199,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1569a5",endColorstr="#1188c7",GradientType=1);
  font-size: 16px;
  font-weight: 500;
  /*letter-spacing: 0.03em;*/
  color: #ffffff;
  border: none;
  position: relative;
  border-radius: 50em;
  box-shadow: 0 3px 4px rgba(0,55,93,0.23);
  }
.m-matrixSearch__button span {
}
.m-matrixSearch__button:hover span {
  -webkit-filter: brightness(1.05) contrast(1.05);
  filter: brightness(1.05) contrast(1.05);
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
/* PCのみ */
@media print, screen and (min-width: 960px) {
  .m-matrixSearch {
    border-radius: 0;
    box-shadow: none;
  }
  .m-matrixSearch__title {
    font-size: 20px;
  }
  .m-matrixSearch__question {
    font-size: 14px;
  }
  .m-matrixSearch__button {
    font-size: 17px;
  }
}

.m-matrixSearch + .m-lifeEventsNav { margin-top: 12px; }
.m-lifeEventsNav {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 24px 18px;
  box-shadow: 0px 2px 0px rgba(0,0,0,0.16);
  border-radius: 12px;
  text-align: center;
}
.m-lifeEventsNav__title {
  color: #1569A5;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 8px;
}
.m-lifeEventsNav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px !important;
  padding: 0 !important;
  list-style: none !important;
}
.m-lifeEventsNav__listItem {
  padding: 3px;
  width: 33.333%;
}
.m-lifeEventsNavButton {
  display: block;
  position: relative;
  border: solid 1px #DBDBDB;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 2px 0 #00000029;
}
.m-lifeEventsNavButton:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.m-lifeEventsNavButton__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.m-lifeEventsNavButton__icon {
  font-size: 40px;
  margin: 6px 0;
}
.m-lifeEventsNavButton__label {
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  height: 2.4em;
  white-space: nowrap;
}
/* PCのみ */
@media print, screen and (min-width: 960px) {
  .m-matrixSearch + .m-lifeEventsNav { margin-top: 12px; }
  .m-lifeEventsNav {
    display: none;
  }
  .m-lifeEventsNav__title {
  }
  .m-lifeEventsNav__list {
  }
  .m-lifeEventsNav__listItem {
  }
  .m-lifeEventsNavButton {
  }
  .m-lifeEventsNavButton__icon {
  }
  .m-lifeEventsNavButton__label {
  }
}



/* 検索フォーム */
.search {
  padding-bottom: 0;
  position: relative;
  width: 100%;
}

.searchform {
  border: #ccc 1px solid;
}
.searchsubmit {
}
.s {
  padding: 10px 65px 10px 10px !important;
}



/* お気に入りリスト */
.m-wishlist {
  list-style: none;
  padding: 0;
  margin: 0;
}
.m-wishlist__item {
  /*padding: 6px;*/
}
.m-wishlist__item:not(:first-child) {
  margin-top: 6px;
}
@media print, screen and (min-width: 960px) {
  .m-wishlist {
    /*border: solid 1px #ccc;*/
  }
  .m-wishlist__item {
  }
  .m-wishlist__item:not(:first-child) {
    /*border-top: solid 1px #ccc;*/
  }
}

.m-wishlistItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 5px;
  background-color: #f9f7eb;
  border-radius: 6px;
}
.m-wishlistItem__thumbnail {
  /*padding: 10px;*/
  width: 150px;
}
.m-wishlistItem__thumbnail img {
  width: 100%;
  height: auto;
}
.m-wishlistItem__info {
  position: relative;
  width: 100%;
}
.m-wishlistItem__info .__label {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
  color: #686868;
  margin-bottom: 4px;
}
.m-wishlistItem__info .__value {
}
.m-wishlistItem__info .__unit {
  font-size: 0.8em;
}
.m-wishlistItem__info.__title {
  width: calc(100% - 150px);
  padding: 0 0 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.m-wishlistItem__info.__title .__value {
  font-size: 13px;
  line-height: 1.4;
}
.m-wishlistItem__info.__title a {
  color: #4682b4;
}
.m-wishlistItem__info.__title a:hover {
  text-decoration: underline;
}
.m-wishlistItem__info.__productCode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 6px;
}
.m-wishlistItem__info.__productCode .__label {
  margin: 0 1em 0 0;
}
.m-wishlistItem__info.__productCode .__value {
  color: #ff2a00;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}
.m-wishlistItem__info.__points {
  font-size: 18px;
  font-weight: 500;
  /*width: 60%;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0 6px;
}
.m-wishlistItem__info.__points .__label {
  margin: 0 1em 0 0;
}
.m-wishlistItem__info.__points .__value {
  white-space: nowrap;
}
.m-wishlistItem__info.__count {
  /*width: 40%;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0 6px;
}
.m-wishlistItem__info.__count .__label {
  margin: 0 1em 0 0;
}
.m-wishlistItem__info.__count .__value {
}
.m-wishlistItem__info.__count .__input {
  border: solid 1px #ddd;
  font-size: 16px;
  width: 50px !important;
  height: 30px;
}
.m-wishlistItem__info.__subtotal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 20px;
  border-bottom: solid 1px #acaba6;
}
.m-wishlistItem__info.__subtotal .__label {
  margin: 0 1em 0 0;
}
.m-wishlistItem__info.__subtotal .__value {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  text-align: right;
}
.m-wishlistItem__info.__productCode:after,
.m-wishlistItem__info.__points:after,
.m-wishlistItem__info.__count:after {
  content: '';
  width: calc(100% - 70px);
  height: 1px;
  display: block;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
}
.m-wishlistItem__info.__businessName {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 10px;
}
.m-wishlistItem__info.__businessName .__value {
  font-size: 13px;
  line-height: 1.4;
}
.m-wishlistItem__info.__button {
  padding: 10px 0 0;
}
@media print, screen and (min-width: 960px) {
  .m-wishlistItem {
  }
  .m-wishlistItem__thumbnail {
  }
  .m-wishlistItem__info {
  }
  .m-wishlistItem__info .__label {
  }
  .m-wishlistItem__info .__value {
  }
  .m-wishlistItem__info.__productCode {
  }
  .m-wishlistItem__info.__title {
  }
  .m-wishlistItem__info.__title a:hover {
  }
  .m-wishlistItem__info.__businessName {
  }
  .m-wishlistItem__info.__points {
  }
  .m-wishlistItem__info.__points .__value {
  }
  .m-wishlistItem__info.__points .__unit {
  }
  .m-wishlistItem__info.__count {
  }
  .m-wishlistItem__info.__count .__input {
  }
  .m-wishlistItem__info.__count .__label {
  }
  .m-wishlistItem__info.__points .__value {
  }
  .m-wishlistItem__info.__subtotal {
  }
  .m-wishlistItem__info.__subtotal .__value {
  }
  .m-wishlistItem__info.__subtotal .__unit {
  }
  .m-wishlistItem__info.__button {
  }
}

.m-wishlistItemTotal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 20px;
  border-radius: 6px;
  background-color: #fff5bb;
  margin: 10px 0;
}
.m-wishlistItemTotal .__label {
  margin: 0 1em 0 0;
}
.m-wishlistItemTotal .__value {
  font-size: 24px;
  font-weight: 500;
}
.m-wishlistItemTotal .__unit {
  font-size: 0.8em;
}
@media print, screen and (min-width: 960px) {
}


/*
.menu-item-70147 {
  display: none !important;
}
*/
@media print, screen and (min-width: 960px) {
  .menu-item-70147 {
    background: #ff7bac !important;
    background: linear-gradient(to bottom, #ffbad4, #ff7bac) !important;
    border-color: #ffbad4;
    border-width: 1px;
    font-weight: bold;
    color: #fff;
  }
  .menu-item-70147:hover {
    opacity: 0.8;
  }
  .menu-item-70147 a {
    color: #fff !important;
  }
}


.sns-hasMemo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.sns-hasMemo .memo {
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
  margin: 0 10px 0 0 !important;
}
.sns-hasMemo ul {
  justify-content: flex-end !important;
  width: auto !important;
  margin: 0 !important;
}



#footer p.copyr {
  margin-top: 20px;
}



/* 2020.1.1 - postscript for green */

@media print, screen and (min-width: 960px) {
  .menu-item-92564 {
    background: #ff7bac !important;
    background: linear-gradient(to bottom, #ffbad4, #ff7bac) !important;
    border-color: #ffbad4;
    border-width: 1px;
    font-weight: bold;
    color: #fff;
  }
  .menu-item-92564:hover {
    opacity: 0.8;
  }
  .menu-item-92564 a {
    color: #fff !important;
  }
}
  
.sitenametop {color: #00a46c!important}
footer,
#footer {background: #00a46c!important; width: 100%;}

.entry-content h2{color: #00a46c!important;background:#E7F7F3!important;}

.search {margin-bottom: 20px!important;}
.hidden {border: none;}
.searchform {border: none;}
#search-3 .searchform {border: 1px solid #ddd;}


/* 2021.8.18 - new top postscript for green */
.header-img {width: 100%;margin-bottom: 10px;}

/*keyword area */
.container-keyword  {
  display: flex;
  flex-wrap: wrap;  
  margin-bottom: 20px;
}

.container-keyword div.keyword {
  width: calc(25% - 10px);
  margin: 5px;
}

@media (max-width: 768px) {
.container-keyword div.keyword {
  width: calc(50% - 10px);
  }
}

.container-keyword .keyword-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 180px;
	padding: 15px;
	position: relative;
	width: 100%;
	margin-top: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}
.container-keyword .keyword-link {
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}
.container-keyword .keyword-overlay {
	border: 1px solid #fff;
	height: 100%;
	position: relative;
	text-align: center;
}
.container-keyword .keyword-overlay h4 {
	background-color: rgba(255, 255, 255, 0.7)!important;
	border: none!important;
	color: #333;
	display: inline-block;
	font-size: 10px;
	left: 50%;
	letter-spacing: normal;
	line-height: 18px;
	max-width: 80%;
	padding: 8px 5px 7px 5px;
	position: absolute;
	text-transform: uppercase;
	top: 34%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.container-keyword .keyword-img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}

.small {
	font-size: 14px;
}
.withCommentItem {

}
.ItemCard{
	padding: 5px;
	 box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	 border: 1px solid #f5f5f5;
	margin: 5px;
	border-radius: 5px;
	background: #fff;	
  padding-bottom: 30px;
  }

.ItemCard:after {
  content: "";
  clear:both;
  display: block;

}

@media (max-width: 768px) {
	.ItemCard{
	  padding-bottom: 0px;
	  }
	}

.ItemCard .m-buyersComment{
  display: block;	
}
.ItemCard .catname{
	font-size: 10px;
}
.m-carouselItem__thumbnail {
	float: left;
	display: block;
  width: 100px;
  border: solid 1px #dfdfdf;
  margin: 0px 10px 0;	
}

.m-carouselItem__title{
  font-size: 16px!important;
  border: none!important;
  clear: both;
}
.m-carouselItem__points {
  display: inline-block;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6em;
  border-radius: 0.8em;
  margin-bottom: 10px;
  background-color: #C5931A;
  color: #ffffff;
  text-align: center;
}

.m-carouselItem__categories{
list-style: none; 
padding: 5px;

}

.m-carouselItem__categories .catname {
overflow-wrap: break-word;
word-wrap: break-word;
display: inline;
}

.m-carouselItem__categories span.catname a{
	text-decoration: none!important;
}



.container-featured  {
  display: flex;
  flex-wrap: wrap;  
  margin-bottom: 20px;
}

.container-featured div.item {
  width: calc(33.33333% - 10px);
  margin: 5px;
}

@media (max-width: 768px) {
.container-featured div.item {
  width: calc(100% - 10px);
  }
}


/* 2022.5.5 -renewal */
.st-catid {font-size: 96%}
.m-itemDetail__shippingMethod a {color: #333;}
.m-itemDetail__price { font-size: 36px; color: #edbb44; font-weight: bold; text-align: right;}
.m-itemDetail__price:before {content: "税込";margin-right: 5px;font-size: 16px; color: #333; font-weight: normal;}
.m-itemDetail__price:after{content: "円";margin-left: 5px;font-size: 16px; color: #333; font-weight: normal;}
.m-itemDetail__points {font-size: 20px; color: #333;text-align: right;}
.catname {margin-right: 5px;}


.m-rankingItem__price { font-size: 24px; color: #edbb44; font-weight: bold;text-align: right;}
.m-rankingItem__price:before {content: "税込";margin-right: 5px;font-size: 12px; color: #333; font-weight: normal;}
.m-rankingItem__price:after{content: "円";margin-left: 5px;font-size: 12px; color: #333; font-weight: normal;}
.m-rankingItem__points {font-size: 16px; color: #333;background: none;text-align: right;display: block; padding-right: 0; }


.m-mainSliderSquare {margin-top: -50px;}