@charset "UTF-8";
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html input[type=button] {
  -webkit-appearance: button;
  cursor: pointer;
}
html input[disabled] {
  cursor: default;
}

body {
  margin: 0;
  margin: 0;
  padding: 0;
}

article {
  display: block;
}

aside {
  display: block;
}

details {
  display: block;
}

figcaption {
  display: block;
}

figure {
  display: block;
  margin: 1em 40px;
}

footer {
  display: block;
}

header {
  display: block;
}

hgroup {
  display: block;
}

main {
  display: block;
}

menu {
  display: block;
}

nav {
  display: block;
}

section {
  display: block;
}

summary {
  display: block;
}

audio {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}

canvas {
  display: inline-block;
  vertical-align: baseline;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

video {
  display: inline-block;
  vertical-align: baseline;
}

[hidden] {
  display: none;
}

template {
  display: none;
}

a {
  background-color: transparent;
  vertical-align: top;
  display: inline-block;
}
a:active {
  outline: 0;
}
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
  font-style: normal;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-align: left;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

img {
  border: 0;
  border: 0;
  vertical-align: top;
  display: inline-block;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
  font-family: monospace;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

code {
  font-family: monospace;
  font-size: 1em;
  font-style: normal;
}

kbd {
  font-family: monospace;
  font-size: 1em;
}

samp {
  font-family: monospace;
  font-size: 1em;
}

button {
  color: inherit;
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  color: inherit;
  font: inherit;
  margin: 0;
  line-height: normal;
  margin: 0;
  padding: 0;
  border: 0;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

optgroup {
  color: inherit;
  font: inherit;
  margin: 0;
  font-weight: 700;
}

select {
  color: inherit;
  font: inherit;
  margin: 0;
  text-transform: none;
}

textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  overflow: auto;
  margin: 0;
  padding: 0;
}

input[type=reset] {
  -webkit-appearance: button;
  cursor: pointer;
}

input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled] {
  cursor: default;
}

input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button {
  height: auto;
}
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  border: 0;
  padding: 0;
}

td {
  padding: 0;
  margin: 0;
  padding: 0;
}

th {
  padding: 0;
  margin: 0;
  padding: 0;
  font-style: normal;
  text-align: left;
}

blockquote {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0;
  padding: 0;
}

div {
  margin: 0;
  padding: 0;
}

dl {
  margin: 0;
  padding: 0;
}

dt {
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
}

h2 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-align: left;
}

h3 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-align: left;
}

h4 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-align: left;
}

h5 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-align: left;
}

h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-align: left;
}

li {
  margin: 0;
  padding: 0;
}

ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

address {
  font-style: normal;
}

caption {
  font-style: normal;
  text-align: left;
}

cite {
  font-style: normal;
}

var {
  font-style: normal;
}

q:after {
  content: "";
}
q:before {
  content: "";
}

abbr {
  border: 0;
}

acronym {
  border: 0;
}

/******************************
共通
******************************/
* {
  box-sizing: border-box;
}
*:before {
  box-sizing: inherit;
}
*:after {
  box-sizing: inherit;
}
*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
}

html.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1;
  font-family: YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", "ＭＳ ゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  overflow-wrap: break-word;
  color: #010101;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  -webkit-font-kerning: normal;
  font-kerning: normal;
}

body.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

body.narrow {
  max-width: 1040px;
  margin: 0 auto;
}

body.menuOpen {
  overflow: hidden;
}

a {
  outline: none;
  color: #323232;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

input {
  outline: none;
  color: #323232;
  text-decoration: none;
}

.spNone {
  display: none !important;
}

.noto {
  font-family: "Noto Sans JP", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
}

.oswald {
  font-family: "Oswald", "Noto Sans JP", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
  font-weight: 700;
}

.fade {
  opacity: 0;
  -webkit-transform: translateY(70px);
          transform: translateY(70px);
}

.fade-up {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.cloud {
  position: relative;
  width: 100%;
  height: 0;
  z-index: 10;
}
.cloud .bg-top-cloud-03 {
  position: absolute;
  inset: -38px auto auto 20px;
  z-index: 1;
}
.cloud .bg-editor-cloud-03 {
  position: absolute;
  inset: -40px auto auto 15px;
}

/******************************
ヘッダー
******************************/
.primaryHeader {
  position: relative;
  width: 100%;
  height: 53px;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1002;
}
.primaryHeader .logo-white {
  display: none !important;
}
.primaryHeader .logo-orange {
  display: inline-block !important;
}
.primaryHeader__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  max-width: 100%;
  height: 100%;
  padding-inline: 4.266%;
}
.primaryHeader__inner .headerLogo {
  width: 135px;
}
.primaryHeader__inner .headerLogo img {
  width: 100%;
  height: auto;
}

body.top-page .primaryHeader {
  position: absolute;
  inset: 0 auto auto 0;
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.14) 80%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.14) 80%, rgba(0, 0, 0, 0) 100%);
  z-index: 1000;
}
body.top-page .primaryHeader .logo-white {
  display: inline-block !important;
}
body.top-page .primaryHeader .logo-orange {
  display: none !important;
}

.hamburgerBtn {
  position: fixed;
  inset: 18px 4.266% auto auto;
  opacity: 1;
  z-index: 1003;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.hamburgerBtn__btn {
  position: absolute;
  inset: 0 0 auto auto;
  width: 24px;
  height: 18px;
  background: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.hamburgerBtn__btn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #222;
  border-radius: 1px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.hamburgerBtn__btn span.is-black {
  background-color: #222;
}
.hamburgerBtn__btn span:nth-of-type(1) {
  top: 0;
}
.hamburgerBtn__btn span:nth-of-type(2) {
  top: 8px;
}
.hamburgerBtn__btn span:nth-of-type(3) {
  bottom: 0;
  width: 18px;
}

body.top-page .hamburgerBtn__btn span {
  background-color: #fff;
}
body.top-page .hamburgerBtn__btn span.is-black {
  background-color: #222;
}

body.menuOpen .primaryHeader {
  display: none;
}
body.menuOpen .hamburgerBtn {
  opacity: 0;
}

/*固定時*/
.headerFixed {
  position: fixed;
  inset: -100px auto auto 0;
  width: 100%;
  height: 53px;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1002;
}
.headerFixed__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  max-width: 100%;
  height: 100%;
  padding-inline: 4.266%;
}
.headerFixed__inner .headerLogo {
  width: 135px;
}
.headerFixed__inner .headerLogo img {
  width: 100%;
  height: auto;
}

.menuOpen .headerFixed {
  display: none;
}

/*サイドナビゲーション*/
.menuOpen .sideNav {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.sideNav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
  font-size: 1.2rem;
  background: transparent;
  z-index: 1002;
  -webkit-transform: translateX(120%);
          transform: translateX(120%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, visibility 0.3s linear;
  transition: opacity 0.3s linear, transform 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s linear;
}
.sideNav a {
  color: #fff;
}
.sideNav .sideNavHead {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  height: 58px;
  padding-left: 16px;
  padding-right: 18px;
  background-color: rgba(0, 0, 0, 0.875);
}
.sideNav .sideNavHead .logo {
  line-height: 1;
}
.sideNav .sideNavHead .logo img {
  width: 136px;
  height: auto;
}
.sideNav .sideNavHead .sideNavCloseBtn {
  position: relative;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  font-size: 0;
  cursor: pointer;
  border-radius: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sideNav .sideNavHead .sideNavCloseBtn::before {
  content: "";
  width: 24px;
  height: 2px;
  background: #fff;
  position: absolute;
  inset: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.sideNav .sideNavHead .sideNavCloseBtn::after {
  content: "";
  width: 24px;
  height: 2px;
  background: #fff;
  position: absolute;
  inset: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sideNav .sideNavIn {
  height: 100%;
  overflow: auto;
  padding: 0;
  border-top: 1px solid #cdcdcd;
}
.sideNav .sideNavIn .sideNavInList > ul > li > a {
  display: block;
  position: relative;
  padding: 18px 17px;
  color: #fff;
  border-bottom: 1px solid #cdcdcd;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  background-color: rgba(0, 0, 0, 0.95);
}
.sideNav .sideNavIn .sideNavInList > ul > li > a:hover {
  text-decoration: none;
}
.sideNav .sideNavIn .sideNavInList > ul > li > a:active {
  text-decoration: none;
}
.sideNav .sideNavIn .sideNavInList > ul > li .inList {
  height: 0;
  background-color: rgba(64, 64, 64, 0.975);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear, visibility 0.1s linear;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}
.sideNav .sideNavIn .sideNavInList > ul > li .inList ul li {
  padding: 18px 38px;
  border-bottom: 1px solid #cdcdcd;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
}
.sideNav .sideNavIn .sideNavInList > ul > li .inList ul li a::before {
  content: "- ";
  margin: auto 0;
  color: #fff;
}
.sideNav .sideNavIn .sideNavInList > ul > li.search .inList ul {
  padding: 0;
}
.sideNav .sideNavIn .sideNavInList > ul > li.search .inList ul li {
  padding: 20px 0;
  border-bottom: 1px solid #fff;
}
.sideNav .sideNavIn .sideNavInList > ul > li.hasInList > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  height: 15px;
  width: 11px;
  margin: auto 0;
  line-height: 1;
  background-image: url(../../common/img/icon_plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sideNav .sideNavIn .sideNavInList > ul > li.hasInList.open > a::after {
  background-image: url(../../common/img/icon_minus.svg);
}
.sideNav .sideNavIn .sideNavInList > ul > li.hasInList.open .inList {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.sideNav .sideNavIn .sideNavInList .sideNavSearchForm form {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  width: min(100%, 292px);
  height: 40px;
  margin-inline: auto;
  padding: 0 20px;
  border: 1px solid #fff;
  border-radius: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sideNav .sideNavIn .sideNavInList .sideNavSearchForm form input {
  font: inherit;
  color: #fff;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sideNav .sideNavIn .sideNavInList .sideNavSearchForm form button {
  position: absolute;
  inset: 0 20px 0 auto;
  padding: 0;
  font: inherit;
  border: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sideNav .sideNavIn .sideNavSns {
  padding-top: 30px;
  background: rgba(0, 0, 0, 0.875);
}
.sideNav .sideNavIn .sideNavSns ul {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  width: min(100%, 282px);
  margin-inline: auto;
}
.sideNav .sideNavIn .sideNavSns ul li a i {
  font-size: 28px;
  color: #fff;
}
.sideNav .sideNavIn .sideNavRelation {
  padding-top: 24px;
  padding-bottom: 46px;
  background: rgba(0, 0, 0, 0.875);
}
.sideNav .sideNavIn .sideNavRelation ul li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 7px 0;
}
.sideNav .sideNavIn .sideNavRelation ul li a span {
  display: inline-block;
  margin-right: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  color: #fff;
}
.sideNav .sideNavIn .sideNavRelation ul li a svg {
  width: 13px;
  margin-top: 5px;
}

/* レシピ検索 */
body.searchOpen {
  overflow: hidden;
}

.searchOpen .recipeSearch {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.recipeSearch {
  position: fixed;
  inset: auto 0 0;
  width: 100%;
  padding-top: 24px;
  padding-left: 4.266%;
  padding-right: 4.266%;
  padding-bottom: 28px;
  font-size: 1.2rem;
  background: #222;
  z-index: 1002;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.35s ease-in-out;
  transition: visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, visibility 0.45s linear, opacity 0.45s linear;
  transition: transform 0.35s ease-in-out, visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.35s ease-in-out;
}
.recipeSearch .recipeSearchHead {
  position: absolute;
  inset: -37px 0 auto;
  width: 74px;
  height: 74px;
  margin: auto;
}
.recipeSearch .recipeSearchHead a {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #222;
}
.recipeSearch .recipeSearchHead__text {
  display: block;
  margin-top: 8px;
  font-size: 1.2rem;
  color: #fff;
}
.recipeSearch .recipeSearchCont {
  margin-top: 14px;
}
.recipeSearch .recipeSearchCont .recipeSearchList .recipeSearchListTit {
  margin-top: 18px;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.7rem;
  font-weight: 800;
  text-align: center;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
  border-top: 2px solid #f6f6f6;
  border-bottom: 2px solid #f6f6f6;
  background-color: #fff;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li {
  display: grid;
  place-items: center;
  position: relative;
  width: 33.333%;
  height: 34px;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li a {
  display: block;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.363;
  letter-spacing: 0;
  text-align: center;
  color: #222;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li a:hover {
  text-decoration: none;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li a:active {
  text-decoration: none;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li:nth-of-type(even) {
  background: #f6f6f6;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li .inListChild {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100vw;
  height: 0;
  margin: 0 calc(50% - 50vw);
  padding: 18px;
  background: #dcdbd9;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  z-index: 2;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li .inListChild ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  background: #dcdbd9;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li .inListChild ul li {
  width: 33.333%;
  height: 34px;
  background: #fff !important;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li .inListChild ul li:nth-of-type(n-3) {
  border-top: 1px solid #dcdbd9;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li .inListChild ul li:not(:nth-of-type(3n+1)) {
  border-left: 1px solid #dcdbd9;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li .inListChild ul li a {
  display: table-cell;
  color: #222;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.363;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li.hasInList::after {
  content: "";
  position: absolute;
  bottom: 11px;
  left: 0;
  right: 0;
  width: 6px;
  height: 6px;
  margin: 0 auto;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li.hasInList.open {
  background: #dcdbd9;
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li.hasInList.open::after {
  bottom: 8px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.recipeSearch .recipeSearchCont .recipeSearchList ul.recipeList li.hasInList.open .inListChild {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.recipeSearch .recipeSearchCont .recipeSearchList .contBtn {
  margin-top: 24px;
}
.recipeSearch .recipeSearchCont .recipeSearchForm {
  margin-top: 30px;
  padding: 0 20px;
}
.recipeSearch .recipeSearchCont .recipeSearchForm form {
  display: block;
  position: relative;
  width: 100%;
}
.recipeSearch .recipeSearchCont .recipeSearchForm form input[type=text] {
  width: 100%;
  padding: 13px 40px 13px 20px;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.3rem;
  border: none;
  border-radius: 25px;
  background-color: #eeedeb;
  color: #323232;
}
.recipeSearch .recipeSearchCont .recipeSearchForm form button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  padding: 0 16px 0 5px;
  color: #000;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.recipeSearch .recipeSearchCont .recipeSearchForm form button i {
  font-size: 16px;
}

.recipeSearch--bottom {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 100vw;
  height: auto;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  overflow: visible;
}

.recipeSearchForm input::-moz-placeholder {
  color: #999;
  color: #999;
}
.recipeSearchForm input::-webkit-input-placeholder {
  color: #999;
}
.recipeSearchForm input::placeholder {
  color: #999;
}
.recipeSearchForm input::-webkit-input-placeholder {
  color: #999;
}
.recipeSearchForm input:-ms-input-placeholder {
  color: #999;
}

/******************************
マイページヘッダー
******************************/
.menuOpen .fixNav {
  display: none;
}

.fixNav {
  display: none;
  position: fixed;
  top: -100%;
  bottom: auto;
  width: 100%;
  max-width: 100vw;
  height: 63px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  border-top: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.fixNav ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 6.25%;
}
.fixNav ul li {
  display: block;
  text-align: center;
  padding: 0;
}
.fixNav ul li.fixNavSearch {
  width: 82.143%;
  text-align: left;
}
.fixNav ul li.fixNavSearch form {
  display: block;
  position: relative;
  width: 100%;
}
.fixNav ul li.fixNavSearch form input[type=text] {
  width: 100%;
  padding: 12px 30px 12px 14px;
  color: #010101;
  font-size: 1.2rem;
  border: none;
  border-radius: 3px;
}
.fixNav ul li.fixNavSearch form button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  padding: 0 10px 0 5px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.fixNav li a {
  font-size: 1rem;
  letter-spacing: 0.06em;
  display: block;
  text-decoration: none;
}
.fixNav li a img {
  background: transparent;
  display: block;
  margin: 0 auto 2px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fixNav li span {
  font-size: 1rem;
  letter-spacing: 0.06em;
  display: block;
  text-decoration: none;
}
.fixNav li span img {
  background: transparent;
  display: block;
  margin: 0 auto 2px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fixNavSearch input::-moz-placeholder {
  color: #999;
  color: #999;
}
.fixNavSearch input::-webkit-input-placeholder {
  color: #999;
}
.fixNavSearch input::placeholder {
  color: #999;
}
.fixNavSearch input::-webkit-input-placeholder {
  color: #999;
}
.fixNavSearch input:-ms-input-placeholder {
  color: #999;
}

/******************************
フロートメニュー
******************************/
.floatMenuSp {
  position: fixed;
  inset: auto 0 0 0;
  width: 100%;
  height: 78px;
  background-color: transparent;
  z-index: 1000;
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.35s ease-in-out;
  transition: visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, visibility 0.45s linear, opacity 0.45s linear;
  transition: transform 0.35s ease-in-out, visibility 0.45s linear, opacity 0.45s linear, -webkit-transform 0.35s ease-in-out;
}
.floatMenuSp.is-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.floatMenuSp .floatMenuList {
  height: 100%;
}
.floatMenuSp .floatMenuList__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  width: 100%;
  height: 100%;
}
.floatMenuSp .floatMenuList__item {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.9);
}
.floatMenuSp .floatMenuList__item:not(:first-of-type) {
  border-left: 2px solid #000;
}
.floatMenuSp .floatMenuList__item a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.floatMenuSp .floatMenuList__item--center {
  -webkit-box-flex: 0;
          flex: 0 0 78px;
  height: 78px;
  border-radius: 33px 33px 0 0;
}
.floatMenuSp .floatMenuList__item--center a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.floatMenuSp .floatMenuList__item--center a .floatMenuList__icon {
  margin-bottom: 8px;
}
.floatMenuSp .floatMenuList__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  color: #fff;
}

body.menuOpen .floatMenuSp {
  display: none;
}

/******************************
コンテンツ共通要素
******************************/
.cont {
  min-height: 50vh;
  margin: 0 6.25%;
  padding: 30px 0 0;
}
.cont::after {
  content: "";
  display: block;
  clear: both;
}

/* リニューアルトップページ */
#contentTop .cont {
  margin-left: 4.266%;
  margin-right: 4.266%;
}

.cont.contPtNone {
  padding-top: 0;
}

.cont + .cont {
  padding: 0;
}

/* joinページ対応 */
.spFullWidth {
  margin: 0;
}

.contFitHeight {
  min-height: initial;
}

.contTitHead {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 30px;
}
.contTitHead .contTit {
  font-family: "Noto Sans", sans-serif;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.contTitHead .contTit span {
  display: block;
  margin-top: 8px;
  font-family: YuGothic, "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", "ＭＳ ゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  color: #666;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
}

/* もっと見るボタン */
.contBtn a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  width: 250px;
  height: 50px;
  margin: 0 auto;
  padding: 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  background: #2d2c29;
  border-radius: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contBtn a::before {
  content: none;
}
.contBtn a:hover {
  background: #666;
}

.contBtn--arrow a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.contBtn--square a {
  border-radius: 5px;
}

/* リニューアル */
.linkBtn a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  width: min(100%, 260px);
  height: 50px;
  margin: 0 auto;
  padding: 0;
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  background-color: #222;
  border-radius: 25px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.linkBtn a svg {
  position: absolute;
  inset: auto 24px auto auto;
  width: 15px;
}
.linkBtn a svg image {
  width: 100%;
}
.linkBtn a:hover {
  background-color: #666;
}

.contTit .red {
  color: #e35c4b;
}

.contTitHead.jp {
  border-bottom: solid 1px #ddd;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.contTitHead.jp .contTit {
  font-size: 2rem;
}

.contLead {
  font-size: 1.3rem;
  letter-spacing: 0.12em;
  line-height: 1.55;
}

.contTxt {
  font-size: 1.3rem;
  line-height: 2.15;
  color: #444;
}
.contTxt .lead {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.09em;
  line-height: 1.65;
  display: block;
  margin-bottom: 20px;
}

/* プレゼントアイコン */
img[src*=icon_present]:not(.w40) {
  width: 24px !important;
}

/* カテゴリータグ */
.cateTags {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  left: 0;
}
.cateTags .cateTagsItem {
  display: inline-block;
  width: auto !important;
  margin: 0 5px 4px 0 !important;
  clear: none;
}
.cateTags .cateTagsItem span {
  display: block;
  min-width: 26px;
  padding: 4px 7px;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
}
.cateTags .cateTagsItem.catFood span {
  background: #e5b8b7;
}
.cateTags .cateTagsItem.catHealth span {
  background: #a9c6d5;
}
.cateTags .cateTagsItem.catLife span {
  background: #a2cdca;
}
.cateTags .cateTagsItem.catCulture span {
  background: #bab2c9;
}
.cateTags .cateTagsItem.catBeauty span {
  background: #eac4aa;
}
.cateTags .cateTagsItem.catOuting span {
  background: #eddcb4;
}

.articleDetailTag ul li a.food {
  background: #e5b8b7;
}
.articleDetailTag ul li a.health {
  background: #a9c6d5;
}
.articleDetailTag ul li a.life {
  background: #a2cdca;
}
.articleDetailTag ul li a.culture {
  background: #bab2c9;
}
.articleDetailTag ul li a.beauty {
  background: #eac4aa;
}
.articleDetailTag ul li a.outing {
  background: #eddcb4;
}

/* add */
.addHead {
  text-align: center;
  margin: 30px 15px 0;
}
.addHead img {
  width: 100%;
  height: auto;
}

section + .addSide {
  margin-top: 40px;
}

.cont + .addSide {
  margin-top: 20px;
}

.addSide {
  width: 100%;
  margin: 0 -10px;
}
.addSide a {
  width: calc(100% + 20px);
}
.addSide a img {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .cateTags .cateTagsItem span {
    padding: 3px 5px;
  }
}
/******************************
左コンテンツ
******************************/
.contLeft.contSingle {
  position: relative;
}

.notesBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.notesBox p {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.7;
  color: #ea93be;
  display: inline-block;
  margin-top: 50%;
}

/* 共通ページャー */
.pagingList {
  margin-top: 20px;
}
.pagingList ul {
  margin: 0 -6.25%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.pagingList ul li {
  max-width: 35px;
  min-width: 20px;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  box-sizing: border-box;
}
.pagingList ul li a {
  display: block;
  color: #222;
  min-width: 30px;
  line-height: 30px;
  padding: 0 2.5px;
}
.pagingList ul li + li {
  margin-left: 5px;
}
.pagingList ul li.active {
  background: #eeedeb;
  border-radius: 50%;
}
.pagingList ul li.active a {
  color: #f60;
}
.pagingList ul li.next {
  min-width: 15px;
  width: 15px;
}
.pagingList ul li.next a {
  position: relative;
  min-width: 15px;
  width: 15px;
}
.pagingList ul li.next a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pagingList ul li.prev {
  min-width: 15px;
  width: 15px;
}
.pagingList ul li.prev a {
  position: relative;
  min-width: 15px;
  width: 15px;
}
.pagingList ul li.prev a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 6px;
  height: 6px;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pagingList ul li.last {
  min-width: 15px;
  width: 15px;
}
.pagingList ul li.last a {
  position: relative;
  min-width: 15px;
  width: 15px;
}
.pagingList ul li.last a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8px;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pagingList ul li.last a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  margin: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pagingList ul li.first {
  min-width: 15px;
  width: 15px;
}
.pagingList ul li.first a {
  position: relative;
  min-width: 15px;
  width: 15px;
}
.pagingList ul li.first a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 8px;
  width: 6px;
  height: 6px;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pagingList ul li.first a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 6px;
  height: 6px;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/******************************
右コンテンツ
******************************/
.contRight {
  margin-top: 40px;
}
.contRight .addSide {
  margin-bottom: 40px;
  text-align: center;
}
.contRight .addSide img {
  width: 100%;
  height: auto;
}
.contRight #pcRankingArea + .addSide {
  margin-top: 30px;
}
.contRight .contTitHead {
  margin-bottom: 30px;
}
.contRight .contTit {
  font-size: 2.5rem;
}

.cont.flex .contRight {
  margin-top: 0;
  padding: 0 0 80px;
  background-color: #f8f7f6;
  box-shadow: 0 0 0 100vmax #f8f7f6
}

.cont.contPb + .cont .contRight {
  margin-top: 0;
}

/*記事検索*/
.sideSearch {
  margin: 0 calc(50% - 50vw);
  padding: 16px calc(50vw - 50%);
  background: #eeedeb;
}
.sideSearch .sideSearchTit {
  display: none;
}
.sideSearch form {
  display: -webkit-box;
  display: flex;
  position: relative;
  width: 100%;
}
.sideSearch form input[type=text] {
  width: 68.572%;
  padding: 11px 14px;
  color: #010101;
  font-size: 1.2rem;
  line-height: 1;
  border: none;
  border-radius: 2px;
}
.sideSearch form button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: calc(31.428% - 10px);
  height: 40px;
  margin: 0 0 0 10px;
  background-color: #2d2c29;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.sideSearch form button span {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.sideSearch input::-moz-placeholder {
  color: #999;
  color: #999;
}
.sideSearch input::-webkit-input-placeholder {
  color: #999;
}
.sideSearch input::placeholder {
  color: #999;
}
.sideSearch input::-webkit-input-placeholder {
  color: #999;
}
.sideSearch input:-ms-input-placeholder {
  color: #999;
}

/*最新号*/
.sideMagazineSection {
  margin-top: 0;
}
.sideMagazineSection .sideMagazine {
  background: #eee;
  margin: 0 calc(50% - 50vw);
  padding: 40px 6.25% 20px;
}
.sideMagazineSection .sideMagazine .sideMagazineCont {
  padding: 25px;
  background: #e3e3e3;
}
.sideMagazineSection .sideMagazine .sideMagazineCont .sideMagazineTit {
  color: #000;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
}
.sideMagazineSection .sideMagazine .sideMagazineCont .sideMagazineTop {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 14px;
}
.sideMagazineSection .sideMagazine .sideMagazineCont .sideMagazineTop .tag {
  margin-left: 25px;
  padding: 5px 8px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  background: #f60;
  border-radius: 3px;
}
.sideMagazineSection .sideMagazine .sideMagazineCont .sideMagazineTop .date {
  margin-left: 15px;
  color: #000;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.sideMagazineSection .sideMagazine .sideMagazineCont .img {
  width: 100%;
  margin-top: 20px;
  padding-top: 123.078%;
  background-color: #eee;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sideMagazineSection .sideMagazine .sideMagazineBtnWrap {
  padding-top: 20px;
}
.sideMagazineSection .sideMagazine .sideMagazineBtnList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn {
  width: 100%;
  height: 50px;
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  border-radius: 5px;
  background: #fff;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn a {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  text-align: center;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7.692%;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn a:hover {
  opacity: 0.8;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn a img {
  margin-right: 5px;
  vertical-align: middle;
}
.sideMagazineSection .sideMagazine .sideMagazineImg a {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  text-align: center;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnBlack {
  margin-top: 0;
  background: #2d2c29;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnBlack a {
  color: #fff;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnBlack a::after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnLarge a {
  -webkit-box-pack: center;
  justify-content: center;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnSmall {
  -webkit-box-pack: start;
  justify-content: flex-start;
  width: calc((100% - 5px) / 2);
  height: 44px;
  margin: 0 0 5px;
  padding-left: 11px;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnSmall a {
  line-height: 40px;
  text-align: left;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnSmall:nth-of-type(2) a img {
  margin-top: -3px;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnSmall:nth-of-type(5) a img {
  margin-top: -3px;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnSmall:nth-of-type(6) a img {
  margin-top: -3px;
}
.sideMagazineSection .sideMagazine .sideMagazineBtn.btnSmall:nth-of-type(8) a img {
  margin-top: -3px;
}

/* PRESENT */
.sidePresentSection {
  margin: 50px calc(50% - 50vw) 0;
}
.sidePresentSection .sidePresent {
  position: relative;
  padding: 30px 20px;
  background: #f1eae2;
}
.sidePresentSection .sidePresent .sidePresentIcon {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  width: 30px;
  margin: 0 auto;
}
.sidePresentSection .sidePresent .contTitHead {
  padding: 0;
}
.sidePresentSection .sidePresent .contTitHead .contTit span {
  color: #222;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
}
.sidePresentSection .sidePresent .sidePresentCont {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  margin-top: 25px;
}
.sidePresentSection .sidePresent .sidePresentCont .img {
  width: 35.714%;
  padding-top: 26.7855%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sidePresentSection .sidePresent .sidePresentCont .txtBox {
  position: relative;
  width: 64.286%;
  padding-left: 20px;
}
.sidePresentSection .sidePresent .sidePresentCont .txtBox .tit {
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.sidePresentSection .sidePresent .sidePresentCont .txtBox .term {
  margin-top: 17px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
.sidePresentSection .sidePresent .sidePresentCont .txtBox .txt {
  margin-top: 17px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
.sidePresentSection .sidePresent .sidePresentCont .txtBox .cateTags {
  position: absolute;
  top: -22px;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
}
.sidePresentSection .sidePresent .contBtn {
  margin-top: 30px;
}

/******************************
フッター
******************************/
.footerRelation {
  margin: 120px calc(50% - 50vw) 0;
}
.footerRelation:empty {
  display: none;
}
.footerRelation ul li {
  position: relative;
  width: 100%;
}
.footerRelation ul li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 9px;
  height: 8px;
  margin: auto 0;
  background: url("../img/icon_rect_footer.png") center center/9px no-repeat;
}
.footerRelation ul li a {
  display: block;
  padding: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #dedede;
  background: #f4f4f4;
  cursor: pointer;
}

.footer {
  position: relative;
  margin-top: 0;
  padding: 37px 6.25% 32px;
  background: #2d2c29;
}
.footer .footerSns {
  text-align: center;
}
.footer .footerSns ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  letter-spacing: normal;
}
.footer .footerSns ul li {
  display: inline-block;
  margin: 0 16px;
  font-size: 25px;
}
.footer .footerSns ul li a {
  color: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.footer .footerSns ul li a:hover {
  opacity: 0.8;
  -webkit-transform: none;
  transform: none;
}
.footer .footerLink {
  margin-top: 33px;
  letter-spacing: normal;
}
.footer .footerLink ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  border-bottom: 1px solid #f1f1f1;
}
.footer .footerLink ul li {
  width: 50%;
  margin: 0 !important;
  padding: 16px 0 16px 8px;
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  text-align: left;
  border-top: 1px solid #f1f1f1;
}
.footer .footerLink ul li:nth-of-type(2n) {
  border-right: 1px solid #f1f1f1;
  border-left: none;
}
.footer .footerLink ul li a {
  color: #fff;
}
.footer .footerLink ul li:first-of-type {
  display: block;
  width: 100%;
  border: none;
}
.footer .footerLink ul:last-of-type li:last-of-type {
  padding-right: 1em;
}
.footer .footerLink ul li.footerLinkTitle {
  color: #999;
}
.footer .footerLogo {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.footer .footerLogo img {
  display: block;
  width: 160px;
  margin: 0 auto;
  text-align: center;
}
.footer .footerCopy {
  margin-top: 28px;
}
.footer .footerCopy p {
  font-family: "Noto Sans", sans-serif;
  color: #fff;
  font-size: 1rem;
  font-weight: 200;
  text-align: center;
}
.footer .footerAttention {
  margin-top: 28px;
}
.footer .footerAttention p {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.363;
  letter-spacing: 0;
}
.footer .toTopBtn {
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  width: 56px;
  height: 56px;
  margin: 0 auto;
}
.footer .toTopBtn img {
  width: 100%;
  height: auto;
}

.iasContainer + .footer {
  margin-top: 120px;
}
.iasContainer + .footer .toTopBtn {
  top: -85px;
}

/******************************
パンくず
******************************/
.pankuzu {
  background: #f7f7f7;
  font-size: 1.2rem;
}
.pankuzu ul {
  max-width: 1200px;
  width: 96%;
  margin: 0 auto;
  padding: 9px 0 10px;
  letter-spacing: -0.4em;
  white-space: nowrap;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  overflow: hidden;
}
.pankuzu li {
  display: inline-block;
  letter-spacing: normal;
  position: relative;
}
.pankuzu li a {
  color: #444;
}
.pankuzu li + li {
  padding-left: 15px;
  margin-left: 10px;
}
.pankuzu li + li:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/******************************
左コンテンツ一覧
******************************/
/* カテゴリーナビゲーション */
.catNav {
  padding: 12px 0 0px;
  text-align: center;
  background: #f4f4f4;
  overflow: hidden;
}
.catNav .slick-list {
  width: 90%;
  margin: 0 auto;
}
.catNav .slick-slide {
  padding: 0;
}
.catNav ul {
  width: 90%;
  margin: 0 auto;
}
.catNav ul li a {
  display: inline-block;
  position: relative;
  padding: 6px 0 15px;
  color: #222;
  font-size: 1.1rem;
  font-weight: bold;
  pointer-events: none;
}
.catNav ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 0;
  height: 4px;
  background: #ababab;
  border-radius: 2px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.catNav ul li a:hover::after {
  left: 0;
  width: 100%;
}
.catNav ul li.current a::after {
  left: 0;
  width: 100%;
}

/* リニューアル */
.categoryList__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 10px;
}
.categoryList__item a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  min-width: 45px;
  height: 24px;
  padding: 3px 10px;
  border: 1px solid #222;
  border-radius: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  white-space: nowrap;
  background-color: #f2eceb;
  color: #010101;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.categoryList__item a:hover {
  background-color: #222;
  color: #fff;
}
.categoryList__item.is_active a {
  background-color: #222;
  color: #fff;
}

.articlesList {
  margin-top: 23px;
}
.articlesList ul:after {
  content: "";
  display: block;
  clear: both;
}
.articlesList li {
  width: calc(50% - 10px);
  float: left;
  margin-bottom: 17px;
}
.articlesList li:nth-of-type(2n) {
  margin-left: 20px;
}
.articlesList li:nth-of-type(odd) {
  clear: both;
}
.articlesList li a {
  display: block;
  position: relative;
}
.articlesList li a .img {
  position: relative;
  width: 100%;
  padding-top: 76.923%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.articlesList li a .txtBox {
  min-height: 126px;
}
.articlesList li a .meta {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  margin-top: 10px;
}
.articlesList li a .cate {
  margin-top: 10px;
  color: #666;
  font-size: 1.2rem;
  font-weight: bold;
}
.articlesList li a .data {
  margin: 0;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #ababab;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.articlesList li a .tit {
  min-height: 91px;
  margin-top: 8px;
  color: #010101;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.articlesList li a .txt {
  display: none;
}
.articlesList li a .cateTags {
  display: -webkit-box;
  display: flex;
  position: relative;
}
.articlesList li a .pr {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
}
.articlesList li a .pr img {
  width: 100%;
}
.articlesList li a .present {
  position: absolute;
  top: 6px;
  left: 8px;
}
.articlesList .img .cate {
  display: none;
}

/**
* col4（トップ SPECIAL TOPICS）
*/
.topSection--specialTopics {
  margin: 0 calc(50% - 50vw);
  padding: 43px 20px 40px;
  background: #eee;
}
.topSection--specialTopics .articlesList.col4 {
  width: 100%;
  margin: 40px auto 0;
}
.topSection--specialTopics .articlesList.col4 ul li a .cate {
  margin-top: 11px;
}
.topSection--specialTopics .articlesList.col4 ul li a .tit {
  margin-top: 8px;
}
.topSection--specialTopics .articlesList.col4 ul li .cate img {
  position: absolute;
  top: 6px;
  left: 8px;
  margin: 0;
  width: 24px !important;
}

/**
* col1-3（トップ reading,join,shopping）
*/
.articlesList.col1-3 {
  position: relative;
  padding: 40px 0 15px;
}
.articlesList.col1-3 .articlesListTit {
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #222;
  font-size: 2rem;
  text-align: center;
}
.articlesList.col1-3 .articlesListTit::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  width: 92px;
  height: 16px;
  margin: 0 auto;
}
.articlesList.col1-3 ul li {
  margin: 0;
}
.articlesList.col1-3 ul li a {
  display: block;
  position: relative;
}
.articlesList.col1-3 ul li a .img {
  width: 100%;
  padding-top: 75%;
}
.articlesList.col1-3 ul li a .txtBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  width: 87.857%;
  height: 152px;
  margin: 0 auto;
  padding: 10px 23px 0;
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
  z-index: 2;
}
.articlesList.col1-3 ul li a .cate {
  display: block;
  margin-bottom: 0;
  padding: 0;
  color: #666;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.04em;
  background: transparent;
  text-align: left;
  vertical-align: middle;
}
.articlesList.col1-3 ul li a .cate img {
  display: inline-block;
  width: 24px;
  margin-right: 10px;
}
.articlesList.col1-3 ul li a .tit {
  margin: 6px 0 0;
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.articlesList.col1-3 ul li a .cateTags {
  bottom: 15px;
  left: 0;
}
.articlesList.col1-3 ul li a .pr {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
}
.articlesList.col1-3 ul li a .pr img {
  width: 100%;
}
.articlesList.col1-3 ul li:nth-of-type(odd) {
  clear: none;
}

.articlesList.col1-3.col1-3--rev ul li:first-of-type a::after {
  content: "";
  display: block;
  clear: both;
}
.articlesList.col1-3.col1-3--rev ul li:first-of-type a .img {
  float: right;
}
.articlesList.col1-3.col1-3--rev ul li:first-of-type a .txtBox {
  left: 0;
  right: auto;
}

.topSection--reading {
  position: relative;
  margin: 0 calc(50% - 50vw);
  background: #e6cbc1;
}
.topSection--reading .slick-slider {
  padding-bottom: 120px;
}
.topSection--reading .slick-list {
  overflow: visible;
}
.topSection--reading .slick-list .slick-slide {
  padding: 0 4px;
}
.topSection--reading .contBtn {
  display: none;
}
.topSection--reading .contTitHead {
  margin-bottom: 0;
  padding: 41px 0 44px;
  background: #f7f7f7;
}
.topSection--reading .articlesList {
  margin-top: 0;
  padding: 80px 0 25px;
}
.topSection--reading .articlesList .articlesListTit::after {
  background: url("../img/title_decoration_01.png") left top/cover no-repeat;
}

.topSection--joining {
  position: relative;
  margin: 0 calc(50% - 50vw);
}
.topSection--joining .slick-slider {
  padding-bottom: 120px;
}
.topSection--joining .slick-list {
  overflow: visible;
}
.topSection--joining .slick-list .slick-slide {
  padding: 0 4px;
}
.topSection--joining .contBtn {
  display: none;
}
.topSection--joining .articlesList {
  margin-top: 0;
  padding: 93px 0 25px;
  background-color: #f7f7f7;
}
.topSection--joining .articlesList .articlesListTit::after {
  background: url("../img/title_decoration_02.png") left top/cover no-repeat;
}

.topSection--shopping {
  position: relative;
  margin: 0 calc(50% - 50vw);
}
.topSection--shopping .slick-slider {
  padding-bottom: 120px;
}
.topSection--shopping .slick-list {
  overflow: visible;
}
.topSection--shopping .slick-list .slick-slide {
  padding: 0 4px;
}
.topSection--shopping .contBtn {
  display: none;
}
.topSection--shopping .articlesList {
  margin-top: 0;
  padding: 93px 0 65px;
  background-color: #f7f7f7;
}
.topSection--shopping .articlesList .articlesListTit::after {
  background: url("../img/title_decoration_02.png") left top/cover no-repeat;
}

.related .articlesList.col2-3 li {
  width: 100%;
  margin: 0 0 27px;
}
.related .articlesList.col2-3 li a {
  display: -webkit-box;
  display: flex;
}
.related .articlesList.col2-3 li a .img {
  align-self: flex-start;
  width: 80px;
  padding-top: 80px;
}
.related .articlesList.col2-3 li a .txtBox {
  width: calc(100% - 80px);
  min-height: initial;
  padding-left: 16px;
}
.related .articlesList.col2-3 li a .txtBox .meta {
  margin: 0;
}
.related .articlesList.col2-3 li a .txtBox .meta .cate {
  display: none;
}
.related .articlesList.col2-3 li a .txtBox .tit {
  min-height: initial;
  margin-top: 4px;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.385;
  letter-spacing: 0;
}
.related .articlesList.col2-3 li a .txtBox .cateTags {
  margin-top: 5px;
}
.related .articlesList.col2-3 li a .present {
  display: none;
}

/**
* col2-3（記事詳細 RELATED）
*/
.articlesList.col2-3 li:nth-of-type(odd) {
  clear: none;
}
.articlesList.col2-3 li:nth-of-type(even) {
  margin-left: 0;
  margin-right: 10px;
  clear: both;
}

/**
* col3（記事詳細 ARCHIVES,TOPICS）
*/
.archives {
  margin: 0 calc(50% - 50vw);
  padding: 30px calc(50vw - 50%);
  background: #f7f7f7;
}
.archives li {
  width: calc(50% - 10px);
  margin-left: 20px;
}
.archives li:nth-of-type(3n) + li {
  margin-left: 20px;
}
.archives li:nth-of-type(odd) {
  margin-left: 0;
}
.archives li a .data {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.archives li a .tit {
  min-height: 85px;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}

.detailTopics li {
  width: calc(50% - 10px);
  margin-left: 20px;
}
.detailTopics li:nth-of-type(3n) + li {
  margin-left: 20px;
}
.detailTopics li:nth-of-type(odd) {
  margin-left: 0;
}
.detailTopics li a .data {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.detailTopics li a .tit {
  min-height: 85px;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}

.articlesList.col3 li {
  width: calc(50% - 10px);
  margin-left: 20px;
}
.articlesList.col3 li:nth-of-type(3n) + li {
  margin-left: 20px;
}
.articlesList.col3 li:nth-of-type(odd) {
  margin-left: 0;
}
.articlesList.col3 li a .data {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.articlesList.col3 li a .tit {
  min-height: 85px;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}

/* リニューアル */
.flexArticlesList {
  width: min(100%, 1170px);
  margin-inline: auto;
}
.flexArticlesList__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.flexArticlesList__item a {
  position: relative;
}
.flexArticlesList__figure {
  position: relative;
  width: 100%;
  margin: 0;
  aspect-ratio: 3/2;
}
.flexArticlesList__figure img {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.flexArticlesList__figure .pr-badge {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  inset: auto 0 0 auto;
  width: 20px;
  height: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  color: #fff;
  background-color: #b1b1b1;
}
.flexArticlesList__body {
  width: 100%;
}
.flexArticlesList__body .tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.flexArticlesList--col3 .flexArticlesList__list {
  gap: 27px 16px;
}
.flexArticlesList--col3 .flexArticlesList__item {
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% - 8px);
}
.flexArticlesList--col3 .flexArticlesList__body {
  padding-top: 8px;
}
.flexArticlesList--col3 .flexArticlesList__body .tit {
  font-size: 1.4rem;
  line-height: 1.6;
}
.flexArticlesList--col1-3 .item-wrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.flexArticlesList--col1-3 .flexArticlesList__list,
.flexArticlesList--col1-3 .item-wrap {
  gap: 26px 16px;
}
.flexArticlesList--col1-3 .flexArticlesList__item:first-of-type {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 750px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}
.flexArticlesList--col1-3 .flexArticlesList__item:first-of-type a {
  display: block;
  width: 100%;
}
.flexArticlesList--col1-3 .flexArticlesList__item:first-of-type .flexArticlesList__figure {
  width: 100%;
}
.flexArticlesList--col1-3 .flexArticlesList__item:first-of-type .flexArticlesList__body {
  width: 100%;
  padding-top: 10px;
}
.flexArticlesList--col1-3 .flexArticlesList__item:not(:first-of-type) {
  -webkit-box-flex: 0;
          flex: 0 0 calc(50% - 8px);
}
.flexArticlesList--col1-3 .flexArticlesList__item:not(:first-of-type) .flexArticlesList__body {
  padding-top: 10px;
}
.flexArticlesList--col1-3 .flexArticlesList__item .flexArticlesList__body .tit {
  font-size: 1.4rem;
  line-height: 1.6;
}

.verticalList {
  position: relative;
  width: 100%;
  z-index: 1;
}
.verticalList__item {
  padding-bottom: 16px;
}
.verticalList__item + .verticalList__item {
  margin-top: 16px;
}
.verticalList__item:not(:last-of-type) {
  border-bottom: 1px dotted #555;
}
.verticalList__item a {
  display: -webkit-box;
  display: flex;
  width: 100%;
}
.verticalList__figure {
  -webkit-box-flex: 0;
          flex: 0 0 100px;
  margin: 0;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.verticalList__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.verticalList__body {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding-left: 16px;
}
.verticalList__body .tit {
  font-size: 1.4rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/******************************
ページャー
******************************/
.articlesListPager {
  padding-top: 20px;
}
.articlesListPager ul {
  text-align: center;
  letter-spacing: -0.4em;
}
.articlesListPager ul li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
.articlesListPager ul li a {
  display: block;
  min-width: 28px;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #222;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  background: #fff;
  border: none;
  border-radius: 14px;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
.articlesListPager ul li + li {
  margin-left: 10px;
}
.articlesListPager li.active a {
  background: #eeedeb;
  color: #f60;
  border: none;
}
.articlesListPager a:hover {
  background: #eeedeb;
  color: #f60;
  border: none;
}
.articlesListPager li.prev a {
  position: relative;
  color: #fff;
  background: none !important;
  border: none;
}
.articlesListPager li.prev a i {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  right: 4px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.articlesListPager li.prev a i:nth-child(2) {
  right: 4px;
}
.articlesListPager li.prev a:hover i {
  right: 4px;
}
.articlesListPager li.prev a:hover i:nth-child(2) {
  right: 10px;
}
.articlesListPager li.prev a::after {
  content: none;
}
.articlesListPager li.next a {
  position: relative;
  color: #fff;
  background: none !important;
  border: none;
}
.articlesListPager li.next a i {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  left: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.articlesListPager li.next a i:nth-child(2) {
  left: 4px;
}
.articlesListPager li.next a:hover i {
  left: 4px;
}
.articlesListPager li.next a:hover i:nth-child(2) {
  left: 10px;
}
.articlesListPager li.next a::after {
  content: none;
}

/******************************
詳細ページ
******************************/
/*記事タイトル*/
.articleDetailHead {
  margin-bottom: 30px;
}
.articleDetailHead .meta {
  margin-bottom: 0;
  padding-left: 0;
  text-align: right;
  letter-spacing: -0.4em;
}
.articleDetailHead .meta > * {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
.articleDetailHead .meta .pr {
  width: 20px;
}
.articleDetailHead .meta .pr img {
  width: 100%;
}
.articleDetailHead .meta .present {
  width: 24px;
  margin-left: 8px;
}
.articleDetailHead .meta .present img {
  width: 100%;
}
.articleDetailHead .sponsor img {
  vertical-align: middle;
}
.articleDetailHead .tit {
  margin-top: 10px;
  color: #222;
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 1.304;
  letter-spacing: 0;
}
.articleDetailHead .bottom {
  width: 100%;
  padding-top: 10px;
}
.articleDetailHead .bottom .date {
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #ababab;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: right;
}
.articleDetailHead .author {
  letter-spacing: -0.4em;
}
.articleDetailHead .author > div {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
.articleDetailHead .author a {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #eee;
  background-size: cover;
  margin-right: 10px;
}
.articleDetailHead .authorTxt {
  line-height: 1.4;
}
.articleDetailHead .authorTxt .name a {
  font-size: 1.3rem;
  color: #323232;
}
.articleDetailHead .authorTxt .btn a {
  display: block;
  font-size: 1rem;
  background: #eee;
  width: 110px;
  text-align: center;
  padding: 4px 0;
  border-radius: 3px;
  color: #666;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.articleDetailHead .authorTxt .btn a:hover {
  background: #323232;
  color: #fff;
}
.articleDetailHead .sns {
  text-align: center;
  padding-top: 10px;
}
.articleDetailHead .sns ul {
  letter-spacing: -0.4em;
}
.articleDetailHead .sns ul li {
  width: 24%;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
.articleDetailHead .sns ul li a {
  text-decoration: none;
  display: block;
  padding: 7px 0;
  background: #eee;
  text-align: center;
  font-size: 1rem;
  color: #888;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.articleDetailHead .sns ul li a:hover {
  background: #323232;
  color: #fff;
}
.articleDetailHead .sns ul li + li {
  margin-left: 1.3%;
}

/*記事メイン画像*/
.articleDetailImg .img {
  position: relative;
}
.articleDetailImg img {
  width: 100%;
  height: auto;
}
.articleDetailImg .meta {
  margin: 10px 0 0;
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/* すべての画像を見る */
.articleGalleryBtn {
  margin-top: 20px;
  text-align: right;
}
.articleGalleryBtn .galleryBtn {
  display: inline-block;
}
.articleGalleryBtn .galleryBtn a {
  display: block;
  padding: 8px 9px;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.articleGalleryBtn .galleryBtn a img {
  width: 20px;
  margin-right: 6px;
}
.articleGalleryBtn .galleryBtn a .galleryTxt {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.05em;
}

/*記事詳細*/
.articleDetailTxt {
  font-size: 1.6rem;
  line-height: 2.15;
  color: #444;
  margin-top: 25px;
}
.articleDetailTxt:after {
  clear: both;
}
.articleDetailTxt .add {
  margin: 0 25px 25px 0;
  float: left;
}
.articleDetailTxt img {
  max-width: 100%;
  height: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.articleDetailTxt a:-webkit-any-link {
  color: #ff6600;
  text-decoration: underline;
}
.articleDetailTxt a:-moz-any-link {
  color: #ff6600;
  text-decoration: underline;
}
.articleDetailTxt a:any-link {
  color: #ff6600;
  text-decoration: underline;
}
.articleDetailTxt a:hover {
  text-decoration: none;
}
.articleDetailTxt ol {
  list-style-type: decimal;
}
.articleDetailTxt ul {
  list-style-type: disc;
}
.articleDetailTxt iframe {
  max-width: 100%;
}
.articleDetailTxt .lead {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.09em;
  line-height: 1.65;
  display: block;
  margin-bottom: 20px;
}

/*記事詳細ページャー*/
.articleDetailPager {
  margin-top: 55px;
}
.articleDetailPager .pageNext {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  padding: 12px 0;
  background: #f4f4f4;
}
.articleDetailPager .pageNext::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4.634%;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #2d2c29;
  border-right: 1px solid #2d2c29;
  margin: auto 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.articleDetailPager .pageNext .nextTxt {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.333;
  letter-spacing: 0;
}
.articleDetailPager .pageNext .nextPageTit {
  margin-left: 3.659%;
  padding-left: 3.659%;
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.333;
  letter-spacing: 0;
  border-left: 1px solid #222;
}
.articleDetailPager .pagingList {
  margin-top: 20px;
}
.articleDetailPager .pagingList ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 18%;
}
.articleDetailPager .pagingList ul li {
  width: 40px;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0;
  text-align: center;
}
.articleDetailPager .pagingList ul li a {
  color: #222;
}
.articleDetailPager .pagingList ul li:last-of-type {
  position: relative;
}
.articleDetailPager .pagingList ul li:last-of-type::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 7px;
  height: 7px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  margin: auto;
  padding-bottom: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.articleDetailPager .pagingList ul li + li {
  margin-left: 5px;
}
.articleDetailPager .pagingList ul li.active {
  background: #eeedeb;
  border-radius: 50%;
}
.articleDetailPager .pagingList ul li.active a {
  color: #f60;
}

/*記事作成者*/
.articleDetailAuthor {
  margin-top: 30px;
}
.articleDetailAuthor p {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}

/*記事タグ*/
.articleDetailTag {
  margin-top: 40px;
}
.articleDetailTag ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: normal;
}
.articleDetailTag ul li {
  display: inline-block;
  margin-bottom: 8px;
  letter-spacing: normal;
}
.articleDetailTag ul li a {
  display: block;
  min-width: 56px;
  padding: 8px 13px;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  background: #c5c5c5;
  border-radius: 14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.articleDetailTag ul li a:hover {
  background: #ccc;
}
.articleDetailTag ul li + li {
  margin-left: 5px;
}

/*記事下部SNS*/
.articleDetailSns {
  margin: 40px calc(50% - 50vw);
  padding: 0 0 40px;
  border-bottom: 1px solid #ddd;
}
.articleDetailSns ul {
  width: 100%;
  display: inline-block;
  letter-spacing: normal;
}
.articleDetailSns ul::before {
  content: none;
}
.articleDetailSns ul li {
  display: inline-block;
  width: auto;
  margin-left: 1%;
  vertical-align: middle;
}
.articleDetailSns ul li a {
  display: block;
  width: 100%;
  padding: 0;
  background: none;
}
.articleDetailSns .articleDetailSnsTit {
  font-family: "Noto Sans", sans-serif;
  color: #222;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}
.articleDetailSns .articleDetailSnsList {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 20px;
}
.articleDetailSns .articleDetailSnsList li + li {
  margin-left: 24px;
}

.articleDetailTagHeadline {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid #ccc;
}
.articleDetailTagHeadline span {
  display: block;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
}

/*記事下部広告*/
.articleDetailAdd {
  text-align: center;
  letter-spacing: -0.4em;
  margin: 25px 0 40px;
}
.articleDetailAdd .add {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 10px;
}
.articleDetailAdd .add img {
  width: 100%;
  height: auto;
}

/*記事下部一覧*/
.articleDetailList {
  margin-top: 45px;
}
.articleDetailList section + section {
  margin-top: 30px;
}

.loading {
  text-align: center;
  padding: 10px 0;
}
.loading img {
  -webkit-animation: rotate-anime 2s linear infinite;
  animation: rotate-anime 2s linear infinite;
}

.loadingTxt {
  font-size: 1.4rem;
  color: #959595;
  margin-top: 20px;
}

.loading + section {
  margin-top: 50px;
}

@media screen and (max-width: 600px) {
  .articleDetailTxt .add {
    float: none;
    text-align: center;
  }
  .articleDetailAdd .add + .add {
    margin-top: 15px;
  }
}
@-webkit-keyframes rotate-anime {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-anime {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/******************************
写真一覧ページ
******************************/
.articleGalleryImg .img {
  padding-top: 48.8%;
  background-color: #eee;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.articleGalleryImg img {
  width: 100%;
  height: auto;
}
.articleGalleryImg .meta {
  color: #999;
  font-size: 1.1rem;
  letter-spacing: 0.12em;
  margin: 10px 0;
  text-align: left;
}
.articleGalleryImg .by {
  color: #999;
  font-size: 1.1rem;
  letter-spacing: 0.12em;
  margin-bottom: 20px;
  text-align: left;
}

/*前の画像 / 次の画像*/
.articleGalleryBtn {
  overflow: hidden;
}
.articleGalleryBtn .prev {
  min-width: 140px;
  float: left;
}
.articleGalleryBtn .prev a {
  width: 100%;
  font-size: 1.2rem;
  line-height: 47px;
  text-align: center;
  text-decoration: none;
  background: #eee;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  float: left;
}
.articleGalleryBtn .prev a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto 0px;
  border-top: 3px solid #ccc;
  border-right: 3px solid #ccc;
  left: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.articleGalleryBtn .prev a:hover {
  background: #323232;
  color: #fff;
}
.articleGalleryBtn .prev a:hover:before {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.articleGalleryBtn .next {
  min-width: 140px;
  float: right;
}
.articleGalleryBtn .next a {
  width: 100%;
  font-size: 1.2rem;
  line-height: 47px;
  text-align: center;
  text-decoration: none;
  background: #eee;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  float: right;
}
.articleGalleryBtn .next a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto 0px;
  border-top: 3px solid #ccc;
  border-right: 3px solid #ccc;
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.articleGalleryBtn .next a:hover {
  background: #323232;
  color: #fff;
}
.articleGalleryBtn .next a:hover:before {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.articleGalleryList + .articleGalleryBtn .prev {
  width: 48%;
  min-width: 160px;
}
.articleGalleryList + .articleGalleryBtn .next {
  width: 48%;
  min-width: 160px;
}
.articleGalleryList + .articleGalleryBtn .next a:before {
  right: 15px;
}

/*画像一覧*/
.articleGalleryList {
  margin: 15px -1.65%;
  font-size: 0;
}
.articleGalleryList li {
  width: 25%;
  padding: 1% 1%;
  display: inline-block;
}
.articleGalleryList li a {
  display: block;
}
.articleGalleryList li a.active {
  opacity: 0.5;
  border: solid 3px #bbb;
}
.articleGalleryList li .img {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eee;
}

/******************************
著者詳細
******************************/
/*著者詳細*/
.autherDetail {
  margin-bottom: 20px;
  display: table;
  width: 100%;
}
.autherDetail .imgWrap {
  width: 80px;
  display: table-cell;
  vertical-align: top;
}
.autherDetail .imgWrap .img {
  padding-top: 100%;
  background-color: #eee;
  background-size: cover;
}
.autherDetail .txtWrap {
  padding-left: 20px;
  display: table-cell;
  vertical-align: top;
}
.autherDetail .txtWrap .lead {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.09em;
}
.autherDetail .txtWrap .tit {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.09em;
}
.autherDetail .txtWrap .txt {
  font-size: 1.2rem;
  line-height: 30px;
}
.autherDetail .txtWrap .btn {
  margin-top: 15px;
  text-align: right;
}
.autherDetail .txtWrap .btn a {
  width: 94px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #323232;
  border-radius: 3px;
  display: inline-block;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  padding: 3px 10px;
}
.autherDetail .txtWrap .btn a:hover {
  background: #666;
}

.tagList ul {
  overflow: hidden;
}
.tagList li {
  display: inline-block;
  margin: 0 5% 3% 0;
}
.tagList li a {
  font-size: 1.4rem;
  color: #0086cb;
}

.tagMenu {
  padding-bottom: 20px;
}
.tagMenu ul {
  letter-spacing: -0.4em;
}
.tagMenu ul:after {
  content: "";
  display: block;
  clear: both;
}
.tagMenu li {
  font-size: 1.3rem;
  width: 50%;
  letter-spacing: normal;
  text-align: center;
  float: left;
  position: relative;
}
.tagMenu li a {
  display: block;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  padding: 5px 10px;
}
.tagMenu li span {
  display: block;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  padding: 5px 10px;
}
.tagMenu li:nth-child(even) a {
  border-right: solid 1px #ccc;
}
.tagMenu li:nth-child(even) span {
  border-right: solid 1px #ccc;
}
.tagMenu li:nth-child(-n+2) a {
  border-top: solid 1px #ccc;
}
.tagMenu li:nth-child(-n+2) span {
  border-top: solid 1px #ccc;
}
.tagMenu .inlist span {
  padding-right: 20px;
}
.tagMenu .inlist:after {
  position: absolute;
  content: "";
  display: block;
  top: -5px;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tagMenu .inlistBox {
  opacity: 0;
  width: 100%;
  padding: 15px 10px 15px;
  background: #dfdfdf;
  position: absolute;
  top: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
}
.tagMenu .inlistBox li {
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  margin-left: 0;
  display: block;
  float: none;
  padding-bottom: 0;
  text-align: left;
}
.tagMenu .inlistBox li a {
  border: none;
}
.tagMenu .inlistBox li a:hover {
  text-decoration: underline;
}
.tagMenu .inlistBox li + li {
  margin-top: 5px;
}
.tagMenu li.menuOpen .inlistBox {
  opacity: 1;
  z-index: 1;
}

/******************************
バックナンバー
******************************/
/*雑誌一覧*/
.magazinesIndexList li {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.magazinesIndexList li:after {
  content: "";
  display: block;
  clear: both;
}
.magazinesIndexList li .img {
  padding-top: 152px;
  background-position: center;
  background-repeat: no-repeat;
  width: 110px;
  background-size: contain;
  border: 1px solid #eee;
  float: left;
  margin-right: 10px;
}
.magazinesIndexList li p {
  font-size: 16px;
  padding-top: 50px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-bottom: 15px;
}
.magazinesIndexList li p.contBtn {
  padding-top: 0;
}
.magazinesIndexList li a {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  text-indent: 1em;
  padding: 8px 10px 8px 0;
  min-width: 150px;
  text-align: center;
  background: #323232;
  background-size: 12px auto;
  border-radius: 5px;
}

/*バックナンバー一覧*/
.magazinesBacknumberList {
  margin: 0 -1.65%;
  font-size: 0;
}
.magazinesBacknumberList li {
  width: 50%;
  padding: 0 1.65% 20px;
  display: inline-block;
}
.magazinesBacknumberList li a {
  display: block;
}
.magazinesBacknumberList li .img {
  padding-top: 132%;
  background: #eee;
}
.magazinesBacknumberList li .txt {
  margin-top: 5px;
  font-size: 1.2rem;
  letter-spacing: 0.09em;
  text-align: center;
  color: #444;
}
.magazinesBacknumberList li .contBtn a {
  margin-top: 5px;
  font-size: 1rem;
  letter-spacing: 0.09em;
  padding: 5px 0;
  border-radius: 5px;
}
.magazinesBacknumberList li .contBtn a:hover::before {
  width: 5px;
  height: 5px;
  right: 15px;
  opacity: 1;
}

/******************************
誌面目次
******************************/
/*雑誌*/
.magazinesDetail {
  margin-bottom: 40px;
}
.magazinesDetail .imgWrap {
  width: 260px;
  margin: 0 auto;
}
.magazinesDetail .imgWrap .img {
  width: 100%;
  padding-top: 130%;
  background: #eee;
}
.magazinesDetail .txtWrap {
  margin-top: 20px;
}
.magazinesDetail .txtWrap .mazazine {
  font-size: 1.6rem;
  font-weight: 600;
  color: #646464;
}
.magazinesDetail .txtWrap .tit {
  margin-top: 10px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.1em;
}
.magazinesDetail .txtWrap .txt {
  margin-top: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.53;
  letter-spacing: 0.12em;
  color: #444;
}
.magazinesDetail .txtWrap .btnS a {
  width: 100%;
  padding: 15px 0;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #646464;
  text-align: center;
  text-decoration: none;
  background: #f7f7f7;
  border-radius: 5px;
  display: inline-block;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.magazinesDetail .txtWrap .btnS a:hover {
  background: #323232;
  color: #fff;
}
.magazinesDetail .btnWrap {
  margin-top: 30px;
  overflow: hidden;
}
.magazinesDetail .btnWrap .btnS {
  width: 49%;
  float: left;
}
.magazinesDetail .btnWrap .btnS + .btnS {
  float: right;
}
.magazinesDetail .contBtn {
  margin-top: 15px;
}
.magazinesDetail .contBtn a {
  padding: 15px 0;
  font-size: 1.4rem;
  border-radius: 5px;
}

.magazinesDetailList {
  margin-top: 20px;
  font-family: Lato, sans-serif;
  overflow: hidden;
}
.magazinesDetailList .left {
  width: 100%;
}
.magazinesDetailList .right {
  width: 100%;
}
.magazinesDetailList li {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.06em;
}
.magazinesDetailList li span {
  padding-right: 1em;
  font-size: 13px;
  color: #bbb;
}
.magazinesDetailList li + li {
  margin-top: 15px;
}
.magazinesDetailList .contBtn {
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  clear: both;
}
.magazinesDetailList .contBtn a {
  padding: 15px 0;
  font-size: 1.4rem;
  border-radius: 5px;
}

.newsDetail {
  padding-bottom: 40px;
  font-size: 1.4rem;
  line-height: 2.15;
  color: #444;
}

.newsContTitHead {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 30px;
}
.newsContTitHead .newsContTit {
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  min-height: initial;
}

.newsDetailHead {
  margin-bottom: 30px;
}
.newsDetailHead .tit {
  margin-top: 10px;
  color: #222;
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 1.304;
  letter-spacing: 0;
}
.newsDetailHead .bottom {
  width: 100%;
}
.newsDetailHead .bottom .date {
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #ababab;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: right;
}

.newsDetail {
  font-size: 1.6rem;
}
.newsDetail a {
  text-decoration: underline;
}
.newsDetail a:hover {
  text-decoration: none;
}

/******************************
お知らせ
******************************/
/*お知らせ一覧*/
.newsList li {
  border-bottom: solid 1px #ddd;
  padding: 10px 0;
}
.newsList li:first-child {
  margin-top: -20px;
}
.newsList li .date {
  font-size: 1rem;
  letter-spacing: 0.12em;
  color: #999;
  margin-bottom: 1rem;
}
.newsList li .tit {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
}

/******************************
TOPページ
******************************/
/*メインビジュアル*/
.topMainSection {
  position: relative;
  padding: 0;
  z-index: 0;
}
.topMainSection__logo {
  position: absolute;
  inset: auto auto 75px 6%;
  z-index: 1;
}
.topMainSection__logo img {
  width: 179px;
}
.topMainSection .next-btn {
  position: absolute;
  inset: auto 46px 118px auto;
  padding: 8px 5px;
  z-index: 2;
  cursor: pointer;
}
.topMainSection .next-btn svg {
  width: 26px;
}
.topMainSection ul.slider {
  display: none;
  width: 100%;
  margin-inline: auto;
}
.topMainSection ul.slider.slick-initialized {
  display: block;
}
.topMainSection ul.slider .sliderItem {
  display: block;
  width: 100%;
  padding: 0;
}
.topMainSection ul.slider .sliderItem a {
  display: block;
  position: relative;
  width: 100%;
  text-decoration: none;
}
.topMainSection ul.slider .sliderItem a .sliderImage {
  position: relative;
  inset: 0;
  width: 100%;
  aspect-ratio: 1/1;
}
.topMainSection ul.slider .sliderItem a .sliderImage img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.topMainSection ul.slider .sliderItem a .sliderImage .pr-badge {
  display: grid;
  place-items: center;
  position: absolute;
  inset: auto 0 0 auto;
  width: 40px;
  height: 25px;
  background-color: #b1b1b1;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
}
.topMainSection ul.slider .sliderItem a .txtBox {
  width: 100%;
  padding-top: 28px;
  padding-left: 5.333%;
  padding-right: 5.333%;
}
.topMainSection ul.slider .sliderItem a .tit {
  display: inline;
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.85;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.topMainSection ul.slider .sliderItem a .txt {
  display: none;
}
.topMainSection ul.slider .sliderItem a .cateTags {
  position: absolute;
  bottom: 24px;
  left: 35px;
}
.topMainSection ul.slider .sliderItem a .pr {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
}
.topMainSection ul.slider .sliderItem a .pr img {
  width: 100%;
}

.topMainSection + .cont {
  padding-top: 45px;
}

.topSection {
  overflow: hidden;
}
.topSection .contBtn {
  margin-top: 10px;
}
.topSection .articlesList .data {
  display: block;
}
.topSection .articlesList .tit {
  margin-top: 8px;
}

.topSection + .topSection {
  margin-top: 0;
}

/*Book*/
.topSection--books {
  margin-top: 46px;
  overflow: visible;
}
.topSection--books .booksList {
  margin: 0 calc(50% - 50vw);
}
.topSection--books .booksList .booksSlider .slick-list {
  margin: 0 calc(50% - 50vw);
}
.topSection--books .booksList .booksSlider .slick-track {
  padding: 30px 0 45px;
}
.topSection--books .booksList .booksSlider li.slick-slide {
  padding: 0 5px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.topSection--books .booksList .booksSlider li.slick-slide a .img {
  width: 120px;
  height: 150px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-decoration: none;
  overflow: hidden;
}
.topSection--books .booksList .booksSlider li.slick-slide a .booksTit {
  max-width: 10em;
  margin-top: 8px;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.385;
  text-align: center;
}
.topSection--books .booksList .booksSlider li.slick-slide.large {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.topSection--books .booksList .booksSlider li.slick-slide.fast {
  -webkit-transition: none !important;
  transition: none !important;
}
.topSection--books .contBtn {
  margin-top: 65px !important;
}
.topSection--books .contBtn a {
  width: calc(100% - 40px);
}

.catSection--books {
  margin-top: 18px;
}
.catSection--books .booksList {
  margin: 0 calc(50% - 50vw);
}
.catSection--books .booksList .booksSlider .slick-list {
  margin: 0 calc(50% - 50vw);
}
.catSection--books .booksList .booksSlider .slick-track {
  padding: 30px 0 45px;
}
.catSection--books .booksList .booksSlider li.slick-slide {
  padding: 0 5px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.catSection--books .booksList .booksSlider li.slick-slide a .img {
  width: 120px;
  height: 150px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-decoration: none;
  overflow: hidden;
}
.catSection--books .booksList .booksSlider li.slick-slide a .booksTit {
  max-width: 10em;
  margin-top: 8px;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.385;
  text-align: center;
}
.catSection--books .booksList .booksSlider li.slick-slide.large {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.catSection--books .booksList .booksSlider li.slick-slide.fast {
  -webkit-transition: none !important;
  transition: none !important;
}
.catSection--books .contBtn {
  margin-top: 65px !important;
}
.catSection--books .contBtn a {
  width: calc(100% - 40px);
}

.recipesBooksSliderSection {
  margin-top: 50px;
}
.recipesBooksSliderSection .booksList {
  margin: 0 calc(50% - 50vw);
}
.recipesBooksSliderSection .booksList .booksSlider .slick-list {
  margin: 0 calc(50% - 50vw);
}
.recipesBooksSliderSection .booksList .booksSlider .slick-track {
  padding: 30px 0 45px;
}
.recipesBooksSliderSection .booksList .booksSlider li.slick-slide {
  padding: 0 5px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.recipesBooksSliderSection .booksList .booksSlider li.slick-slide a .img {
  width: 120px;
  height: 150px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-decoration: none;
  overflow: hidden;
}
.recipesBooksSliderSection .booksList .booksSlider li.slick-slide a .booksTit {
  max-width: 10em;
  margin-top: 8px;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.385;
  text-align: center;
}
.recipesBooksSliderSection .booksList .booksSlider li.slick-slide.large {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.recipesBooksSliderSection .booksList .booksSlider li.slick-slide.fast {
  -webkit-transition: none !important;
  transition: none !important;
}
.recipesBooksSliderSection .contBtn {
  margin-top: 65px !important;
}
.recipesBooksSliderSection .contBtn a {
  width: calc(100% - 40px);
}

.rankingsSliderSection {
  margin-top: 50px;
}
.rankingsSliderSection .booksList {
  margin: 0 calc(50% - 50vw);
}
.rankingsSliderSection .booksList .booksSlider .slick-list {
  margin: 0 calc(50% - 50vw);
}
.rankingsSliderSection .booksList .booksSlider .slick-track {
  padding: 30px 0 45px;
}
.rankingsSliderSection .booksList .booksSlider li.slick-slide {
  padding: 0 5px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.rankingsSliderSection .booksList .booksSlider li.slick-slide a .img {
  width: 120px;
  height: 150px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-decoration: none;
  overflow: hidden;
}
.rankingsSliderSection .booksList .booksSlider li.slick-slide a .booksTit {
  max-width: 10em;
  margin-top: 8px;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.385;
  text-align: center;
}
.rankingsSliderSection .booksList .booksSlider li.slick-slide.large {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.rankingsSliderSection .booksList .booksSlider li.slick-slide.fast {
  -webkit-transition: none !important;
  transition: none !important;
}
.rankingsSliderSection .contBtn {
  margin-top: 65px !important;
}
.rankingsSliderSection .contBtn a {
  width: calc(100% - 40px);
}

/*アコーディオン*/
.accordionWrap {
  margin-top: 20px;
  padding: 15px 6.25% 15px;
  background: #eeedeb;
}
.accordionWrap .accordionLink {
  position: relative;
  padding-bottom: 15px;
  text-align: center;
}
.accordionWrap .accordionLink::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  width: 8px;
  height: 8px;
  margin: 0 auto;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.accordionWrap .accordionLink a {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.208;
  letter-spacing: 0;
}
.accordionWrap .accordionLink a:hover {
  text-decoration: none;
}
.accordionWrap .accordionLink.active::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.accordionWrap .accordionContent {
  padding: 10px 0 0;
}
.accordionWrap .accordionContent .accordionTxt {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.273;
  letter-spacing: 0;
  text-align: center;
}

/*タブコンテンツ*/
.articlesListTabWrap .articlesListTab {
  display: none;
}
.articlesListTabWrap .articlesListTab.active {
  display: block;
}
.topArticles .topArticlesList {
  display: none;
}
.topArticles .topArticlesList.active {
  display: block;
}
.editorArchiveBody .editorArchiveList {
  display: none;
}
.editorArchiveBody .editorArchiveList.active {
  display: block;
}

@media screen and (max-width: 350px) {
  .topSection--books .booksList .booksSlider li.slick-slide.large {
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
  .catSection--books .booksList .booksSlider li.slick-slide.large {
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
  }
}
/* リニューアル */
.topSectionTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.1rem;
  font-weight: 700;
  text-align: center;
  color: #222;
}

.topArticles {
  position: relative;
  padding-top: 8px;
  padding-bottom: 78px;
  z-index: 2;
}
.topArticles .bg-cloud-02 {
  position: absolute;
  inset: auto -40px -105px auto;
  z-index: 1;
}
.topArticles .topArticlesList {
  margin-top: 20px;
}
.topArticles .topArticlesBtn {
  margin-top: 37px;
}

.topFeatures {
  padding-top: 64px;
  padding-bottom: 82px;
  background-color: #f8f7f6;
  box-shadow: 0 0 0 100vmax #f8f7f6;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
  z-index: 1;
}
.topFeatures .topFeaturesList {
  position: relative;
  margin-top: 60px;
  padding-top: 82px;
  padding-bottom: 62px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  border-left: 1px solid #555;
}
.topFeatures .topFeaturesList .topFeaturesIcon {
  position: absolute;
  inset: -15px auto auto 20px;
}
.topFeatures .topFeaturesList .topFeaturesIcon img {
  width: 70px;
}
.topFeatures .topFeaturesList .topFeaturesLogo {
  position: absolute;
  inset: -40px 0 auto auto;
}
.topFeatures .topFeaturesList .topFeaturesLogo img {
  width: 168px;
}
.topFeatures .topFeaturesList__item {
  padding-inline: 24px;
}
.topFeatures .topFeaturesList__item a {
  display: block;
}
.topFeatures .topFeaturesList__figure {
  width: 100%;
  margin: 0;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.topFeatures .topFeaturesList__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.topFeatures .topFeaturesList__body {
  padding-top: 6px;
}
.topFeatures .topFeaturesList__body .tit {
  font-size: 1.4rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.topEditorBlog {
  padding-top: 75px;
  padding-bottom: 83px;
  background-color: #edee9c;
  box-shadow: 0 0 0 100vmax #edee9c;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
}
.topEditorBlog .topEditorBlogTitle {
  text-align: center;
}
.topEditorBlog .topEditorBlogTitle img {
  width: max(70%, 285px);
  margin-right: 7%;
}
.topEditorBlog .topEditorBlogBody {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.topEditorBlog .topEditorBlogList {
  padding-top: 56px;
}
.topEditorBlog .topEditorBlogList__list {
  display: grid;
  grid-auto-rows: 190px;
  grid-template-columns: repeat(2, minmax(166px, 1fr));
  gap: 16px;
  max-width: 100%;
}
.topEditorBlog .topEditorBlogList__item {
  padding: 10px;
  border-radius: 3px;
  background-color: #fff;
}
.topEditorBlog .topEditorBlogList__item a {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.topEditorBlog .topEditorBlogList__name {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.topEditorBlog .topEditorBlogList__name span {
  display: block;
  font-size: 1.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topEditorBlog .topEditorBlogList__icon {
  -webkit-box-flex: 0;
          flex: 0 0 20px;
  position: relative;
  margin-right: 7px;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.topEditorBlog .topEditorBlogList__item.has_border .topEditorBlogList__icon {
  border: 2px solid #ff6600;
}
.topEditorBlog .topEditorBlogList__icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.topEditorBlog .topEditorBlogList__figure {
  position: relative;
  width: 100%;
  max-width: 146px;
  margin-top: 10px;
  margin-inline: auto;
  margin-bottom: 0;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.topEditorBlog .topEditorBlogList__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.topEditorBlog .topEditorBlogList__body {
  padding-top: 6px;
}
.topEditorBlog .topEditorBlogList__body .tit {
  font-size: 1.4rem;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.topEditorBlog .topEditorBlogBtn {
  margin-top: 58px;
}

.topEditorBlog .topEditorBlogList__item.fade {
  -webkit-transform: translateY(43px);
          transform: translateY(43px);
}
.topEditorBlog .topEditorBlogList__item.fade.fade-up {
  -webkit-animation-name: fadeInUp1;
          animation-name: fadeInUp1;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.topEditorBlog .topEditorBlogList__item.fade:nth-of-type(2n) {
  -webkit-transform: translateY(97px);
          transform: translateY(97px);
}
.topEditorBlog .topEditorBlogList__item.fade:nth-of-type(2n).fade-up {
  -webkit-animation-name: fadeInUp2;
          animation-name: fadeInUp2;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-27px);
            transform: translateY(-27px);
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-27px);
            transform: translateY(-27px);
  }
}
@-webkit-keyframes fadeInUp2 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(27px);
            transform: translateY(27px);
  }
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(27px);
            transform: translateY(27px);
  }
}
.topSeries {
  position: relative;
  padding-top: 62px;
  padding-bottom: 62px;
  z-index: 0;
}
.topSeries .bg-cloud-01 {
  display: none;
}
.topSeries .topSeriesList {
  position: relative;
  margin-top: 63px;
  z-index: 0;
}
.topSeries .topSeriesList__logo {
  position: absolute;
  inset: -58px 0 auto auto;
  z-index: 1;
}
.topSeries .topSeriesList__logo img {
  width: 136px;
}
.topSeries .topSeriesList__list {
  display: block;
}
.topSeries .topSeriesList__item {
  position: relative;
}
.topSeries .topSeriesList__item a {
  display: -webkit-box;
  display: flex;
  width: 100%;
}
.topSeries .topSeriesList__item .topSeriesList__figure {
  position: relative;
  margin: 0;
  aspect-ratio: 540/360;
}
.topSeries .topSeriesList__item .topSeriesList__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.topSeries .topSeriesList__item:first-of-type {
  width: 100%;
  margin-bottom: 30px;
}
.topSeries .topSeriesList__item:first-of-type a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.topSeries .topSeriesList__item:first-of-type .topSeriesList__figure {
  width: 100%;
}
.topSeries .topSeriesList__item:first-of-type .topSeriesList__body {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
  padding-top: 12px;
}
.topSeries .topSeriesList__item:not(:first-of-type) {
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.topSeries .topSeriesList__item:not(:first-of-type) a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}
.topSeries .topSeriesList__item:not(:first-of-type) .topSeriesList__figure {
  -webkit-box-flex: 0;
          flex: 0 0 100px;
}
.topSeries .topSeriesList__item:not(:first-of-type) .topSeriesList__body {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding-left: 16px;
}
.topSeries .topSeriesList__item:nth-of-type(n+2) {
  border-bottom: 1px dotted #555;
}
.topSeries .topSeriesList__item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.topSeries .topSeriesList__body .lead {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.topSeries .topSeriesList__body .lead svg {
  width: 11px;
  min-width: 11px;
}
.topSeries .topSeriesList__body .lead svg image {
  width: 100%;
}
.topSeries .topSeriesList__body .lead span {
  display: inline-block;
  margin-left: 6px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.333;
}
.topSeries .topSeriesList__body .tit {
  margin-top: 6px;
  font-size: 1.4rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.topSeries .topSeriesList__btn {
  margin-top: 48px;
}

.topSpecialTopics {
  padding-top: 66px;
  padding-bottom: 66px;
  background-color: #fceaea;
  box-shadow: 0 0 0 100vmax #fceaea;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
}
.topSpecialTopics.pb {
  padding-bottom: 116px;
}
.topSpecialTopics .topSpecialTopicsList {
  position: relative;
  margin-top: 63px;
  z-index: 0;
}
.topSpecialTopics .topSpecialTopicsList__logo {
  position: absolute;
  inset: -67px 0 auto auto;
  z-index: 1;
}
.topSpecialTopics .topSpecialTopicsList__logo img {
  width: 139px;
}

.topCategories .topCategoriesTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.9rem;
  font-weight: 700;
  text-align: center;
  color: #222;
}
.topCategories .topCategoriesList {
  margin-top: 45px;
}
.topCategories .topCategoriesBtn {
  margin-top: 40px;
}
.topCategories .topShopping {
  position: relative;
  z-index: auto;
}
.topCategories .topShopping .bg-cloud-02 {
  position: absolute;
  inset: -50px 0 auto auto;
  z-index: 2;
}
.topCategories .topShopping .bg-cloud-02 img {
  width: 120px;
}
.topCategories .topShopping__logo {
  position: absolute;
  inset: -12px auto auto 0;
  z-index: 2;
}
.topCategories .topShopping__logo img {
  width: 169px;
}
.topCategories .topShopping__inner {
  position: relative;
  padding-top: 65px;
}
.topCategories .topShopping__inner::before {
  content: "";
  position: absolute;
  inset: 0 16% -113px -4.3%;
  margin: auto;
  background-color: #fff7d0;
  z-index: -1;
}
.topCategories .topEvent {
  position: relative;
  margin-top: 80px;
  padding-bottom: 80px;
  z-index: auto;
}
.topCategories .topEvent .bg-cloud-01 {
  position: absolute;
  inset: 0 auto auto 8px;
  z-index: 3;
}
.topCategories .topEvent .bg-cloud-01 img {
  width: 80px;
}
.topCategories .topEvent__logo {
  position: absolute;
  inset: -12px 20px auto auto;
  z-index: 2;
}
.topCategories .topEvent__logo img {
  width: 118px;
}
.topCategories .topEvent__inner {
  position: relative;
  padding-top: 80px;
}
.topCategories .topEvent__inner::before {
  content: "";
  position: absolute;
  inset: 0 -4.3% -80px 16%;
  margin: auto;
  background-color: #ffefe6;
  mix-blend-mode: multiply;
}

.topRecipeRanking {
  position: relative;
  padding-top: 62px;
  padding-bottom: 70px;
  z-index: 0;
}
.topRecipeRanking::after {
  content: "";
  position: absolute;
  inset: -30px 72% 0 -4.3%;
  margin: auto;
  background-color: #e7daf5;
  z-index: -1;
  opacity: 0.7;
}
.topRecipeRanking .bg-cloud-02 {
  position: absolute;
  inset: -30px 10px auto auto;
  z-index: 1;
}
.topRecipeRanking .bg-cloud-02 img {
  width: 120px;
}
.topRecipeRanking .topRecipeRankingTitle {
  text-align: center;
}
.topRecipeRanking .topRecipeRankingTitle svg {
  width: 36px;
}
.topRecipeRanking .topRecipeRankingTitle svg .st0 {
  fill: #b597d3;
}
.topRecipeRanking .topRecipeRankingTitle svg .st1 {
  fill: none;
  stroke: #000000;
  stroke-width: 3.344;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.topRecipeRanking .topRecipeRankingTitle span {
  display: block;
  margin-top: 9px;
  font-size: 2.9rem;
  font-weight: 700;
  color: #222;
}
.topRecipeRanking .topRecipeRankingList {
  margin-top: 44px;
}
.topRecipeRanking .topRecipeRankingList > ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
}
.topRecipeRanking .topRecipeRankingList > ul > li {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}
.topRecipeRanking .topRecipeRankingList > ul > li:not(:first-of-type) {
  border-top: 1px dotted #555;
}
.topRecipeRanking .topRecipeRankingList > ul > li a {
  display: -webkit-box;
  display: flex;
  position: relative;
  width: 100%;
  margin-left: 52px;
  z-index: 0;
}
.topRecipeRanking .topRecipeRankingList > ul > li a::before {
  content: "";
  position: absolute;
  inset: 0 auto auto -52px;
  width: 52px;
  height: 28px;
  background: url("/asset/frontend/img/crown_recipe_icon.svg") center 12px/14px no-repeat;
  z-index: 1;
}
.topRecipeRanking .topRecipeRankingList > ul > li a::after {
  content: "0";
  position: absolute;
  inset: 27px auto auto -52px;
  width: 52px;
  height: calc(100% - 27px);
  font-family: "Oswald", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  color: #222;
  z-index: 1;
}
.topRecipeRanking .topRecipeRankingList > ul > li .imgWrap {
  -webkit-box-flex: 0;
          flex: 0 0 100px;
  position: relative;
  margin: 0;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.topRecipeRanking .topRecipeRankingList > ul > li .imgWrap .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  background-color: #eee;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.topRecipeRanking .topRecipeRankingList > ul > li .txtBox {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding-left: 16px;
}
.topRecipeRanking .topRecipeRankingList > ul > li .txtBox .tit {
  margin-top: -0.15em;
  font-family: "Noto Sans JP", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
  font-size: 1.4rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.topRecipeRanking .topRecipeRankingList > ul > li .txtBox .txt {
  display: none;
}
.topRecipeRanking .topRecipeRankingList > ul > li:first-child a::after {
  content: "1";
}
.topRecipeRanking .topRecipeRankingList > ul > li:nth-child(2) a::after {
  content: "2";
}
.topRecipeRanking .topRecipeRankingList > ul > li:nth-child(3) a::after {
  content: "3";
}
.topRecipeRanking .topRecipeRankingList > ul > li:nth-child(4) a::after {
  content: "4";
}
.topRecipeRanking .topRecipeRankingList > ul > li:nth-child(5) a::after {
  content: "5";
}

.topCheck {
  position: relative;
  margin-left: -4.3%;
  margin-right: -4.3%;
  padding-top: 60px;
  padding-bottom: 64px;
  background-color: #f8f7f6;
  z-index: 0;
}
.topCheck .topCheckList {
  width: 100%;
  margin-top: 66px;
  padding-left: 4.266%;
  padding-right: 4.266%;
  margin-inline: auto;
}

.topPresent {
  position: relative;
  padding-top: 60px;
  padding-bottom: 66px;
  z-index: 2;
}
.topPresent__logo {
  position: absolute;
  inset: 32px 20px auto auto;
  z-index: 1;
}
.topPresent__logo img {
  width: 141px;
}
.topPresent .topPresentBox {
  position: relative;
  width: min(100%, 343px);
  height: 614px;
  margin-left: auto;
  margin-right: auto;
  padding: 42px 35px 104px;
  z-index: 0;
}
.topPresent .topPresentBox__bg-sp {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.topPresent .topPresentBox__figure {
  width: 100%;
  margin: 0;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.topPresent .topPresentBox__figure a {
  display: block;
}
.topPresent .topPresentBox__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.topPresent .topPresentBox__body {
  padding-top: 18px;
}
.topPresent .topPresentBox__title {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.topPresent .topPresentBox__title a {
  color: inherit;
}
.topPresent .topPresentBox__text {
  margin-top: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.topPresent .topPresentBox__term {
  margin-top: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #c68383;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topPresent .topPresentBox__btn {
  position: absolute;
  inset: auto 0 70px 0;
}

.topBooks {
  padding-top: 68px;
  padding-bottom: 127px;
  background-color: #f1eceb;
  box-shadow: 0 0 0 100vmax #f1eceb;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
  z-index: 0;
}
.topBooks .topBooksTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.1rem;
  font-weight: 700;
  text-align: center;
  color: #222;
}
.topBooks .topBooksTitle span {
  display: block;
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}
.topBooks .topBooksTop {
  margin-top: 57px;
}
.topBooks .topBooksTop .topBooksTopNew {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
}
.topBooks .topBooksTop .topBooksTopNew__figure {
  margin: 0;
}
.topBooks .topBooksTop .topBooksTopNew__body {
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 12px;
}
.topBooks .topBooksTop .topBooksTopNew__body h3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
}
.topBooks .topBooksTop .topBooksTopNew__body h3 .badge {
  -webkit-box-flex: 0;
          flex: 0 0 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 60px;
  height: 30px;
  margin-right: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  background-color: #222;
  color: #fff;
}
.topBooks .topBooksTop .topBooksTopNew__title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #222;
}
.topBooks .topBooksTop .topBooksTopNew__term {
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #222;
}
.topBooks .topBooksTop .topBooksTopBtns {
  margin-top: 46px;
  padding-left: 4.3%;
  padding-right: 4.3%;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 48px;
  border: 2px solid #222;
  border-radius: 24px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  background-color: #fff;
  color: #222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn a:hover {
  opacity: 0.8;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn a svg {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 14px;
  height: 5px;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn a svg image {
  width: 100%;
  height: 100%;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn__icon {
  display: inline-block;
  margin-right: 5px;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn:first-child .booksBtn__icon {
  width: 70px;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn:nth-child(2) .booksBtn__icon {
  width: 40px;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn:nth-child(3) .booksBtn__icon {
  width: 114px;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn:nth-child(4) .booksBtn__icon {
  width: 53px;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn:nth-child(5) .booksBtn__icon {
  width: 104px;
  margin-top: 3px;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn--large a {
  height: 60px;
  border-radius: 30px;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn--black a {
  background-color: #222;
  color: #fff;
}
.topBooks .topBooksTop .topBooksTopBtns .booksBtn--half {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
}
.topBooks .topBooksTop .topBooksTopBtns__top {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 16px 0;
  padding-bottom: 14px;
  border-bottom: 1px dotted #555;
}
.topBooks .topBooksTop .topBooksTopBtns__bottom {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 0;
  margin-top: 14px;
}
.topBooks .topBooksBottom {
  position: relative;
  margin-top: 107px;
  z-index: 0;
}
.topBooks .topBooksBottom .topBooksBottomBubble {
  position: absolute;
  inset: -23px auto auto 20px;
  padding: 20px 28px;
  z-index: 1;
}
.topBooks .topBooksBottom .topBooksBottomBubble span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
}
.topBooks .topBooksBottom .topBooksBottomBubble__bg {
  position: absolute;
  inset: 0 auto auto 0;
  width: 177px;
  z-index: -1;
}
.topBooks .topBooksBottom .topBooksBottomBubble__bg img {
  width: 100%;
}
.topBooks .topBooksBottom .topBooksSlider {
  padding-bottom: 118px;
  background-color: #fff;
}
.topBooks .topBooksBottom .topBooksSlider__list .slick-list {
  padding-top: 115px !important;
}
.topBooks .topBooksBottom .topBooksSlider__item {
  padding-left: 23px;
  padding-right: 23px;
}
.topBooks .topBooksBottom .topBooksSlider__item a {
  display: block;
  width: 100%;
}
.topBooks .topBooksBottom .topBooksSlider__item.slick-center .topBooksSlider__figure {
  -webkit-transform: scale(1.18);
          transform: scale(1.18);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.topBooks .topBooksBottom .topBooksSlider__figure {
  position: relative;
  width: 100%;
  margin: 0;
  aspect-ratio: 260/332;
}
.topBooks .topBooksBottom .topBooksSlider__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.topBooks .topBooksBottom .topBooksSlider__body {
  padding-top: 6px;
}
.topBooks .topBooksBottom .topBooksSlider__body .tit {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.topBooks .topBooksBottom .topBooksBottomBtn {
  position: absolute;
  inset: auto 0 38px;
}

/*読みものランキング*/
.readingRanking {
  padding-top: 60px;
  padding-bottom: 66px;
  background-color: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
}
.readingRanking .readingRankingTitle {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}
.readingRanking .readingRankingTitle svg {
  width: 36px;
}
.readingRanking .readingRankingTitle span {
  display: inline-block;
  margin-top: 9px;
  font-size: 3.1rem;
  font-weight: 700;
  color: #222;
}
.readingRanking .readingRankingList {
  position: relative;
  margin-top: 44px;
  z-index: -1;
}
.readingRanking .readingRankingList__bg-1 {
  position: absolute;
  inset: -184px -4.3% auto auto;
  width: 157px;
  aspect-ratio: 1/1;
  background-color: #ffefe6;
  z-index: -1;
}
.readingRanking .readingRankingList__bg-2 {
  position: absolute;
  inset: -34px -4.3% auto auto;
  width: 80px;
  height: 72px;
  background-color: #fff7d0;
  mix-blend-mode: darken;
}
.readingRanking .readingRankingList__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
  margin-inline: auto;
}
.readingRanking .readingRankingList__item {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}
.readingRanking .readingRankingList__item:not(:first-of-type) {
  border-top: 1px dotted #555;
}
.readingRanking .readingRankingList__item a {
  display: -webkit-box;
  display: flex;
  width: 100%;
}
.readingRanking .readingRankingList__num {
  -webkit-box-flex: 0;
          flex: 0 0 52px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.readingRanking .readingRankingList__num svg {
  width: 14px;
}
.readingRanking .readingRankingList__num svg .st0 {
  fill: #C68383;
}
.readingRanking .readingRankingList__num svg .st1 {
  fill: none;
  stroke: #000000;
  stroke-width: 3.344;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.readingRanking .readingRankingList__num span {
  display: inline-block;
  margin-top: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  color: #222;
}
.readingRanking .readingRankingList__figure {
  -webkit-box-flex: 0;
          flex: 0 0 100px;
  position: relative;
  margin: 0;
  aspect-ratio: 3/2;
}
.readingRanking .readingRankingList__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.readingRanking .readingRankingList__body {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  padding-left: 16px;
}
.readingRanking .readingRankingList__body .tit {
  margin-top: -0.15em;
  font-size: 1.4rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/******************************
カテゴリートップページ
******************************/
/* ページヘッダー */
.catPageHeader {
  padding: 26px 6.25% 0;
}
.catPageHeader .catPageHeaderIn .catPageTit {
  color: #222;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.catPageHeader .catPageHeaderIn .catPageTxt {
  margin-top: 17px;
  color: #010101;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.333;
  letter-spacing: 0.05em;
}

.catPageHeader--reading .catPageTit {
  color: #222;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.catPageHeader--reading .catPageTxt {
  margin-top: 17px;
  color: #010101;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.333;
  letter-spacing: 0.05em;
}

/* ページヘッダーではない上部タイトル */
.catContHead .catContTit {
  margin-bottom: 30px;
  color: #222;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

/* スライダー */
.catSlideSection {
  margin: 0 calc(50% - 50vw);
}
.catSlideSection .catContTitHead {
  margin-bottom: 30px;
}
.catSlideSection ul li a {
  display: block;
  position: relative;
  height: 210px;
  margin-bottom: 82px;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-decoration: none;
}
.catSlideSection ul li a .txtBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -82px;
  width: 87.857%;
  height: 132px;
  margin: 0 auto;
  padding: 11px 23px 0;
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
}
.catSlideSection ul li a .cate {
  min-width: initial;
  padding: 0;
  color: #666;
  font-size: 1.2rem;
  line-height: 22px;
  text-align: left;
  background: #fff;
}
.catSlideSection ul li a .cate img {
  width: 24px;
  display: inline-block;
  margin-right: 10px;
}
.catSlideSection ul li a .data {
  display: none;
}
.catSlideSection ul li a .tit {
  color: #010101;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.533;
  margin: 6px 0 0;
}
.catSlideSection ul li a .txt {
  display: none;
}
.catSlideSection ul li a .cateTags {
  position: absolute;
  bottom: 0;
  left: 23px;
}
.catSlideSection ul li a .pr {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
}
.catSlideSection ul li a .pr img {
  width: 100%;
}

/* 「もっと見る」ボタン */
.catSection .contBtn {
  margin-top: 20px;
}

/* セクションレイアウト */
.catSlideSection + .catSection {
  margin-top: 104px;
}

.catSection + .catSection {
  margin-top: 50px;
}

.catSection + .catSlideSection {
  margin-top: 50px;
}

.catContHead + .catSection {
  margin-top: 50px;
}

/* 「連載」等のタイトル */
.catContTitHead {
  padding: 0 0 7px;
}
.catContTitHead .catContTit {
  color: #222;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
}
.catContTitHead .catContTit span {
  display: block;
  margin-top: 12px;
  color: #666;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.catContTitHead .catContTit--noto {
  font-family: "Noto Sans", sans-serif;
}
.catContTitHead .catContTit--narrow {
  letter-spacing: 0.05em;
}

/* SHARE */
.snsShare {
  margin: 0 calc(50% - 50vw);
  padding: 44px 0 40px;
  border-bottom: 1px solid #ddd;
}
.snsShare .snsShareTitHead .snsShareTit {
  font-family: "Noto Sans", sans-serif;
  color: #222;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}
.snsShare .snsShareList {
  margin-top: 21px;
}
.snsShare .snsShareList ul {
  width: 62.5%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
}

@media screen and (max-width: 1003px) {
  .catPageHeader {
    margin: 0;
  }
}
/******************************
レシピ トップ
******************************/
/* 共通 */
.recipeTopHead .recipeTopTit {
  color: #222;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: center;
}
.recipeTopHead .recipeTopTit img {
  width: 22px;
}
.recipeTopHead .recipeTopTit .prTxt {
  display: block;
  margin-top: 4px;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #ababab;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipeTopHead .recipesSliderDate {
  display: block;
  margin-top: 16px;
  color: #666;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

.searchForm {
  padding: 12px 14px 12px 22px;
  background: #eeedeb;
}
.searchForm form {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}
.searchForm form span {
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 32px;
  letter-spacing: 0;
}
.searchForm form input[type=text] {
  width: 79.11%;
  padding: 6px 30px 4px 14px;
  color: #323232;
  font-size: 1.3rem;
  border: none;
  border-radius: 5px;
}
.searchForm form button {
  display: block;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: #2d2c29;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.searchForm input::-moz-placeholder {
  color: #999;
  color: #999;
}
.searchForm input::-webkit-input-placeholder {
  color: #999;
}
.searchForm input::placeholder {
  color: #999;
}
.searchForm input::-webkit-input-placeholder {
  color: #999;
}
.searchForm input:-ms-input-placeholder {
  color: #999;
}
.searchForm .gsc-search-box {
  margin-bottom: 0px;
}
.searchForm .gsc-input-box {
  border: none;
}

/* 左サイドバー */
.recipeCont {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.recipeCont .sideRecipeSearch {
  display: none;
}
.recipeCont .recipeContMain {
  width: 100%;
}
.recipeCont .recipeContMain .recommendedRecipes {
  padding-top: 47px;
}
.recipeCont .recipeContMain .recommendedRecipes .recipeTopHead h3 {
  margin-top: 26px;
  color: #222;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesToday {
  margin-top: 20px;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesToday a {
  display: block;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesToday a .img {
  width: 100%;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesToday a .txtBox {
  padding: 16px 0 0 0;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesToday a .txtBox h3 {
  display: none;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesToday a .txtBox .data {
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #ababab;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesToday a .txtBox .tit {
  margin-top: 11px;
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesToday a .txtBox .txt {
  display: none;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList {
  margin-top: 47px;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList .recommendedRecipesListTit {
  color: #222;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul li {
  width: calc((100% - 20px) / 2);
  margin-bottom: 18px;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul li:nth-of-type(even) {
  margin-left: 20px;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul li:nth-of-type(odd) {
  clear: both;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul li a {
  display: block;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul li a .img {
  width: 100%;
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul li a .txtBox {
  padding: 10px 0 0;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul li a .txtBox .data {
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #ababab;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContMain .recommendedRecipes .recommendedRecipesList ul li a .txtBox .tit {
  margin-top: 8px;
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.recipeCont .recipeContMain .recipesTopSliderSection {
  padding-top: 25px;
}
.recipeCont .recipeContMain .recipesTopSliderSection .recipesSliderList {
  margin: 0 calc(50% - 50vw);
  padding-bottom: 2px;
}
.recipeCont .recipeContMain .recipesTopSliderSection .recipesSliderList .recipesIndexSlider {
  margin-top: 20px;
}
.recipeCont .recipeContMain .recipesTopSliderSection .recipesSliderList .recipesIndexSlider li {
  padding: 0 10px;
}
.recipeCont .recipeContMain .recipesTopSliderSection .recipesSliderList .recipesIndexSlider li a {
  display: block;
}
.recipeCont .recipeContMain .recipesTopSliderSection .recipesSliderList .recipesIndexSlider li a .img {
  width: 100%;
  padding-top: 100%;
}
.recipeCont .recipeContMain .recipesTopSliderSection .recipesSliderList .recipesIndexSlider li a .txtBox {
  min-height: 50px;
  padding: 12px 14px 0 0;
}
.recipeCont .recipeContMain .recipesTopSliderSection .recipesSliderList .recipesIndexSlider li a .txtBox .tit {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0;
}
.recipeCont .recipeContMain .recipesTopSliderSection .recipesTopSliderSearch {
  display: none;
}
.recipeCont .recipeContMain .recipesTopSliderSection .contBtn {
  margin-top: 13px;
}
.recipeCont .recipeContMain .recipesTopSliderSection .contBtn a {
  width: 240px;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList {
  margin: 38px 0 0;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li {
  display: inline-block;
  position: relative;
  letter-spacing: -0.4em;
  vertical-align: top;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 26px;
  height: 26px;
  margin: 0 auto;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li:first-of-type {
  width: 100%;
  margin-bottom: 10px;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li:first-of-type::before {
  content: "1";
  top: -15px;
  left: -15px;
  width: 40px;
  height: 40px;
  padding-top: 2px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li:not(:first-of-type) {
  width: calc((100% - 20px) / 2);
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li:nth-of-type(2n+3) {
  margin-left: 16px;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li:nth-of-type(2)::before {
  content: "2";
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li:nth-of-type(3)::before {
  content: "3";
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li:nth-of-type(4)::before {
  content: "4";
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li:nth-of-type(5)::before {
  content: "5";
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li a {
  display: block;
  letter-spacing: normal;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li a .img {
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li a .txtBox {
  min-height: 54px;
  padding: 12px 0 0;
}
.recipeCont .recipeContMain .recipesTopSliderSection--ranking .recipesSliderList .recipesIndexRankingSlider li a .txtBox .tit {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection {
  margin-top: 50px;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList {
  margin-top: 26px;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordHead .recipesKeywordTit {
  color: #222;
  font-size: 2rem;
  font-weight: 800;
  line-height: 25px;
  letter-spacing: 0.1em;
  text-align: center;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordHead .recipesKeywordTit span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 12px;
  padding-top: 1px;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  vertical-align: top;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordHead .recipesKeywordMore {
  display: none;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordSlider {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 28px;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordSlider li {
  position: relative;
  width: calc((100% - 20px) / 2);
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordSlider li:nth-of-type(even) {
  margin-left: auto;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordSlider li a {
  display: block;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordSlider li a .img {
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordSlider li a .txtBox {
  min-height: 60px;
  padding: 12px 0 0;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .recipesKeywordSlider li a .txtBox .tit {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList .contBtn {
  margin-top: 28px;
}
.recipeCont .recipeContMain .recipesKeywordSliderSection .recipesKeywordList + .recipesKeywordList {
  margin-top: 46px;
}

.recipeTopSection {
  padding: 0;
  margin-bottom: 0;
}
.recipeTopSection .slick-slider {
  padding-bottom: 20px;
}
.recipeTopSection .recipeTopList {
  margin: 30px calc(50% - 50vw) 18px;
  overflow: hidden;
}
.recipeTopSection .recipeTopList .slick-list {
  margin-bottom: 104px;
  overflow: visible;
}
.recipeTopSection .recipeTopList .slick-slide {
  padding: 0 4px;
}
.recipeTopSection .recipeTopList ul::after {
  content: "";
  display: block;
  clear: both;
}
.recipeTopSection .recipeTopList ul li a {
  display: block;
  position: relative;
  padding-top: 75%;
  text-decoration: none;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.recipeTopSection .recipeTopList ul li a .txtBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  width: 87.857%;
  height: 152px;
  margin: 0 auto;
  padding: 10px 23px 0;
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
  z-index: 2;
}
.recipeTopSection .recipeTopList ul li a .cate {
  display: block;
  margin-bottom: 0;
  padding: 0;
  color: #666;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.04em;
  background: transparent;
  text-align: left;
  vertical-align: middle;
}
.recipeTopSection .recipeTopList ul li a .cate img {
  display: inline-block;
  width: 24px;
  margin-right: 10px;
}
.recipeTopSection .recipeTopList ul li a .data {
  display: none;
}
.recipeTopSection .recipeTopList ul li a .tit {
  margin: 6px 0 0;
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.recipeTopSection .recipeTopList ul li a .txt {
  display: none;
}
.recipeTopSection .recipeTopList ul li a .cateTags {
  bottom: 10px;
  left: 23px;
}
.recipeTopSection .recipeTopList ul li a .pr {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
}
.recipeTopSection .recipeTopList ul li a .pr img {
  width: 100%;
}

#contentTop .recipeTopSection {
  margin-top: 40px;
}

@media (max-width: 1120px) {
  .searchForm form input[type=text] {
    width: 72%;
  }
}
/******************************
レシピ スライダー
******************************/
.recipesSliderSection {
  margin-top: 50px;
}
.recipesSliderSection:first-of-type {
  margin-top: 50px;
}
.recipesSliderSection .recipesSliderTit {
  color: #222;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.recipesSliderSection .recipesSliderTit img {
  display: block;
  margin: 0 auto 15px;
}
.recipesSliderSection .recipesSliderTit .prTxt {
  display: block;
  margin: 6px 0 0;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #ababab;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipesSliderSection .recipesSliderDate {
  display: block;
  margin-top: 25px;
  color: #666;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.recipesSliderSection .recipesSliderList {
  margin-top: 25px;
}
.recipesSliderSection .recipesSliderList .contBtn {
  margin-top: 13px;
}
.recipesSliderSection .recipesSliderList .contBtn a {
  width: 240px;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock {
  margin-top: 35px;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock::after {
  content: "";
  display: block;
  clear: both;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li {
  display: inline-block;
  float: left;
  letter-spacing: -0.4em;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li:not(:first-of-type) {
  width: calc((100% - 20px) / 2);
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li:nth-of-type(2n+3) {
  margin-left: 16px;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li:nth-of-type(2) {
  display: block;
  position: relative;
  letter-spacing: normal;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li:nth-of-type(2)::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 26px;
  height: 26px;
  margin: 0 auto;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  z-index: 2;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li a {
  display: block;
  position: relative;
  letter-spacing: normal;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li a::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 26px;
  height: 26px;
  margin: 0 auto;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  z-index: 2;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li a .img {
  padding-top: 100%;
  position: relative;
  aspect-ratio: 1/1;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li a .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li a .txtBox {
  min-height: 54px;
  padding: 12px 0 0;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li a .txtBox .tit {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li:first-of-type {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spBlock li:first-of-type a::before {
  top: -15px;
  left: -15px;
  width: 40px;
  height: 40px;
  padding-top: 2px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0;
  z-index: 2;
}
.recipesSliderSection .recipesSliderList .recipesSlider--column {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.recipesSliderSection .recipesSliderList .recipesSlider--column li {
  width: calc((100% - 20px) / 2);
}
.recipesSliderSection .recipesSliderList .recipesSlider--column li a {
  display: block;
}
.recipesSliderSection .recipesSliderList .recipesSlider--column li a .img {
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.recipesSliderSection .recipesSliderList .recipesSlider--column li a .txtBox {
  min-height: 64px;
  padding: 12px 0 0;
}
.recipesSliderSection .recipesSliderList .recipesSlider--column li a .txtBox .tit {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spSlider {
  margin: 0 calc(50% - 50vw) 63px;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spSlider li {
  padding: 0 10px;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spSlider li a {
  display: block;
  width: 100%;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spSlider li a .img {
  width: 100%;
  position: relative;
  aspect-ratio: 1/1;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spSlider li a .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spSlider li a .txtBox {
  padding-top: 12px;
}
.recipesSliderSection .recipesSliderList .recipesSlider--spSlider li a .txtBox .tit {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.recipesSliderSection .recipesSliderList--ranking .recipesSlider li[data-index="1"] a::before {
  content: "1";
}
.recipesSliderSection .recipesSliderList--ranking .recipesSlider li[data-index="2"] a::before {
  content: "2";
}
.recipesSliderSection .recipesSliderList--ranking .recipesSlider li[data-index="3"] a::before {
  content: "3";
}
.recipesSliderSection .recipesSliderList--ranking .recipesSlider li[data-index="4"] a::before {
  content: "4";
}
.recipesSliderSection .recipesSliderList--ranking .recipesSlider li[data-index="5"] a::before {
  content: "5";
}

/******************************
レシピ リスト
******************************/
.recipeCont .recipeContResult {
  width: 100%;
}
.recipeCont .recipeContResult .resultsSection .resultsHead .resultsTit {
  margin: -6px 0 30px;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContResult .resultsSection .resultsHead .resultsTxt {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContResult .resultsSection .resultsHead .resultsTxt .resultsTit {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.36;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContResult .resultsSection .resultsHead .resultsTxt .resultsNum {
  color: #f60;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.36;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContResult .resultsSection .resultsHead .resultsTxt + .resultsTxt {
  margin-top: 4px;
}
.recipeCont .recipeContResult .resultsSection .resultsList {
  margin-top: 30px;
}
.recipeCont .recipeContResult .resultsSection .resultsList ul li {
  padding: 0 15px 14px;
  border: 1px solid #ddd;
}
.recipeCont .recipeContResult .resultsSection .resultsList ul li a {
  display: -webkit-box;
  display: flex;
  position: relative;
  padding-top: 50px;
}
.recipeCont .recipeContResult .resultsSection .resultsList ul li a .img {
  width: 40.322%;
  align-self: flex-start;
  position: relative;
  aspect-ratio: 1/1;
}
.recipeCont .recipeContResult .resultsSection .resultsList ul li a .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.recipeCont .recipeContResult .resultsSection .resultsList ul li a .txtBox {
  width: 59.678%;
  padding-left: 6.048%;
}
.recipeCont .recipeContResult .resultsSection .resultsList ul li a .txtBox .tit {
  position: absolute;
  top: 17px;
  left: 0;
  right: 0;
  color: #222;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.recipeCont .recipeContResult .resultsSection .resultsList ul li a .txtBox .txt {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
.recipeCont .recipeContResult .resultsSection .resultsRelated {
  margin-top: 30px;
  padding: 15px 16px 10px;
  background: #eeedeb;
}
.recipeCont .recipeContResult .resultsSection .resultsRelated .resultsRelatedList {
  margin-top: 14px;
}
.recipeCont .recipeContResult .resultsSection .resultsRelated .resultsRelatedList li {
  display: inline-block;
  margin: 0 12px 12px 0;
}
.recipeCont .recipeContResult .resultsSection .resultsRelated .resultsRelatedList li a {
  color: #888;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: underline;
}
.recipeCont .recipeContResult .resultsSection .resultsRelated .moreShow .resultsRelatedList {
  display: none;
}
.recipeCont .recipeContResult .resultsSection .resultsRelated .moreShow .openLinks {
  display: block;
  color: #ff6600;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-align: right;
}
.recipeCont .recipeContResult .resultsSection .resultsRelated .moreShow .openLinks .iconArrowDown {
  display: inline-block;
  font-size: 80%;
  padding-left: 7px;
}
.recipeCont .recipeContResult .resultsSection .resultsSearch {
  display: none;
}
.recipeCont .recipeContResult .basics {
  margin-top: 45px;
}
.recipeCont .recipeContResult .basics .basicsHead .basicsTit {
  text-align: center;
}
.recipeCont .recipeContResult .basics .basicsHead .basicsTit span {
  color: #222;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContResult .basics .basicsList {
  margin: 30px calc(50% - 50vw) 0;
}
.recipeCont .recipeContResult .basics .basicsList ul {
  width: 100%;
}
.recipeCont .recipeContResult .basics .basicsList ul li {
  width: 100%;
  padding: 0 6.25%;
  border-top: 1px solid #ddd;
}
.recipeCont .recipeContResult .basics .basicsList ul li:last-of-type {
  border-bottom: 1px solid #ddd;
}
.recipeCont .recipeContResult .basics .basicsList ul li a {
  display: block;
  position: relative;
  padding: 18px 0 18px 22px;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContResult .basics .basicsList ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 8px solid #f60;
  border-right: none;
}
.recipeCont .recipeContResult .basics .basicsMore {
  margin-top: 20px;
  text-align: right;
}
.recipeCont .recipeContResult .basics .basicsMore a {
  position: relative;
  padding-right: 15px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipeCont .recipeContResult .basics .basicsMore a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-right: 1px solid #2d2c29;
  border-bottom: 1px solid #2d2c29;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.recipeCont .recipeContResult .recipes .recipesPager {
  margin-top: 32px;
  padding-bottom: 16px;
}
.recipeCont .recipeContResult .recipes .recipesPager .recipesCount {
  display: none;
}
.recipeCont .recipeContResult .recipes .recipesTab {
  display: none;
}
.recipeCont .recipeContResult .recipes .recipesList--list {
  display: block;
  margin: 0 calc(50% - 50vw);
}
.recipeCont .recipeContResult .recipes .recipesList--list ul {
  width: 100%;
  border-top: 1px solid #ddd;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li {
  position: relative;
  width: 100%;
  padding: 15px 6.25%;
  border-bottom: 1px solid #ddd;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li a {
  display: -webkit-box;
  display: flex;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li a .img {
  width: 28.571%;
  position: relative;
  aspect-ratio: 1/1;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li a .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li a .txtBox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  width: 71.429%;
  padding-left: 5.714%;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li a .txtBox .tit {
  margin-top: 3px;
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.266;
  letter-spacing: 0;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li a .txtBox .txt {
  display: none;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li a .txtBox .ingredients {
  margin-top: 4px;
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li.sponsored {
  background: #f7f7f7;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li.sponsored a .pr {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
}
.recipeCont .recipeContResult .recipes .recipesList--list ul li.sponsored a .pr img {
  width: 100%;
}
.recipeCont .recipeContResult .recipes .recipesList--block {
  display: none;
}
.recipeCont .recipeContResult .recipes .recipesList + .recipesPager {
  margin-top: 15px;
  padding-bottom: 0;
}
.recipeCont .recipeContResult .recipes .recipesList + .recipesPager .pagingList {
  margin-top: 0;
}

/******************************
レシピ 詳細
******************************/
/* 下部ぱんクズリスト */
.recipesDetailSection .recipesDetailHead .recipesDetailMore {
  margin-top: -14px;
  text-align: right;
}
.recipesDetailSection .recipesDetailHead .recipesDetailMore a {
  position: relative;
  padding-right: 15px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipesDetailSection .recipesDetailHead .recipesDetailMore a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-right: 1px solid #2d2c29;
  border-bottom: 1px solid #2d2c29;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.recipesDetailSection .recipesDetailHead .recipesTitle {
  margin-top: 20px;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.recipesDetailSection .recipesDetailHead .recipesDetailImg {
  margin-top: 25px;
}
.recipesDetailSection .recipesDetailHead .recipesDetailImg .img {
  width: 100%;
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.recipesDetailSection .recipesDetailHead .recipesText {
  margin-top: 8px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.recipesDetailSection .recipesDetailHead .member {
  margin-top: 23px;
}
.recipesDetailSection .recipesDetailHead .member .memberTxt + .memberTxt {
  margin-top: 7px;
}
.recipesDetailSection .recipesDetailHead .member .memberTxt span {
  font-family: "Noto Sans", sans-serif;
  color: #444;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipesDetailSection .recipesDetailContTop {
  margin-top: 35px;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailImg {
  display: none;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .IngredientsTit {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .IngredientsList {
  margin-top: 8px;
  border-top: 1px solid #ddd;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .IngredientsList li {
  padding: 15px 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #ddd;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .IngredientsList li dl {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .IngredientsList li dl dd {
  font-weight: 800;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .nutritionTxt {
  margin-top: 15px;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .nutritionTxt span {
  display: block;
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .nutritionTxt span img {
  width: 12px !important;
  margin-right: 9px;
}
.recipesDetailSection .recipesDetailContTop .recipesDetailIngredients .nutritionTxt span.salt img {
  width: 15px !important;
  padding-top: 2px;
}
.recipesDetailSection .recipesDetailContBottom {
  margin-top: 38px;
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionTit {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList {
  margin-top: 8px;
  border-top: 1px solid #ddd;
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li {
  position: relative;
  padding: 20px 0 20px 38px;
  border-bottom: 1px solid #ddd;
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li::after {
  content: "";
  display: block;
  clear: both;
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 25px;
  height: 25px;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:first-of-type::before {
  content: "1";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(2)::before {
  content: "2";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(3)::before {
  content: "3";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(4)::before {
  content: "4";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(5)::before {
  content: "5";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(6)::before {
  content: "6";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(7)::before {
  content: "7";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(8)::before {
  content: "8";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(9)::before {
  content: "9";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(10)::before {
  content: "10";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(11)::before {
  content: "11";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(12)::before {
  content: "12";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(13)::before {
  content: "13";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(14)::before {
  content: "14";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(15)::before {
  content: "15";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(16)::before {
  content: "16";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(17)::before {
  content: "17";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(18)::before {
  content: "18";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(19)::before {
  content: "19";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(20)::before {
  content: "20";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(21)::before {
  content: "21";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(22)::before {
  content: "22";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(23)::before {
  content: "23";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(24)::before {
  content: "24";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(25)::before {
  content: "25";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(26)::before {
  content: "26";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(27)::before {
  content: "27";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(28)::before {
  content: "28";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(29)::before {
  content: "29";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li:nth-of-type(30)::before {
  content: "30";
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li .txtBox .txt {
  margin-top: -2px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li .img {
  float: right;
  margin-left: 10px;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 120px;
  height: auto;
}
.recipesDetailSection .recipesDetailContBottom .instruction .instructionList li .img img {
  max-width: 120px;
  height: auto;
}
.recipesDetailSection .recipesDetailContBottom .instruction.preparation .instructionList li {
  padding-left: 0;
}
.recipesDetailSection .recipesDetailContBottom .instruction.preparation .instructionList li::before {
  content: normal;
}
.recipesDetailSection .recipesDetailInfo {
  margin-top: 19px;
}
.recipesDetailSection .recipesDetailInfo .published {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: right;
}
.recipesDetailSection .recipesDetailInfo .functions {
  display: none;
}

.recipesDetailSection + .articleDetailSns {
  margin: 40px 0 0;
  padding: 0;
  border-bottom: none;
}

.pankuzu-bottom {
  width: 100vw;
  margin-top: 30px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  background-color: #eeedeb;
}
.pankuzu-bottom ul {
  display: -webkit-box;
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  height: 100%;
}
.pankuzu-bottom ul li {
  position: relative;
  padding-top: 9px;
  padding-bottom: 10px;
  font-size: 1.2rem;
  color: #323232;
}
.pankuzu-bottom ul li:first-child a {
  color: #f60;
}
.pankuzu-bottom ul li a {
  color: #444;
}
.pankuzu-bottom ul li + li {
  padding-left: 15px;
  margin-left: 10px;
}
.pankuzu-bottom ul li + li:before {
  position: absolute;
  top: 2px;
  left: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

/* 関連キーワード */
.recipesDetailTag {
  margin-top: 50px;
}
.recipesDetailTag p {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.recipesDetailTag ul {
  margin-top: 15px;
}

/* レシピを探す */
.recipesDetailSearch {
  margin: 20px calc(50% - 50vw) 0;
  padding: 16px calc(50vw - 50%);
  background: #eeedeb;
}
.recipesDetailSearch form {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.recipesDetailSearch form input[type=text] {
  width: 68.572%;
  padding: 11px 14px;
  color: #010101;
  font-size: 1.2rem;
  line-height: 1;
  border: none;
  border-radius: 2px;
}
.recipesDetailSearch form button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: calc(31.428% - 10px);
  height: 40px;
  margin: 0 0 0 10px;
  background-color: #2d2c29;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  right: 0;
}
.recipesDetailSearch form button span {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}

.recipesDetailContBottom .freeArea {
  margin-top: 1em;
}
.recipesDetailContBottom .freeArea img {
  display: block;
  max-width: 100%;
  height: auto;
}
.recipesDetailContBottom .freeArea .recipear img {
  margin: 0 auto;
}
.recipesDetailContBottom .freeArea .recipear .altxt {
  max-width: 745px;
}
.recipesDetailContBottom .freeArea .shohinp img {
  margin: 0 auto;
  margin: 0 auto;
}
.recipesDetailContBottom .freeArea .shohintxt {
  max-width: 640px;
  margin: 0 auto;
}

.recipesDetailSection .topFreeArea img {
  display: block;
  max-width: 100%;
  height: auto;
}

/******************************
書誌 トップ
******************************/
/* 共通 */
/* 本のお問い合わせ 検索 */
.booksLead {
  margin-top: 20px;
}
.booksLead .booksLeadLeft {
  width: 224px;
  margin: 0 auto;
  padding: 17px 0;
  text-align: center;
  border: 1px solid #ddd;
}
.booksLead .booksLeadLeft h3 {
  color: #666;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.booksLead .booksLeadLeft .booksLeadLeftInfo {
  margin-top: 12px;
}
.booksLead .booksLeadLeft .booksLeadLeftInfo p {
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.booksLead .booksLeadLeft .booksLeadLeftInfo .booksLeadLeftTel {
  margin-top: 8px;
  font-family: "Noto Sans", sans-serif;
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.booksLead .booksLeadLeft .booksLeadLeftInfo .booksLeadLeftTel span {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.booksLead .booksLeadright {
  display: none;
}

.booksSection + .booksSection {
  margin-top: 50px;
}

.booksSection .booksContTitHead {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.booksSection .booksContTitHead .booksContTit {
  text-align: center;
}
.booksSection .booksContTitHead .booksContTit span {
  display: block;
  color: #222;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.booksSection .booksContTitHead .booksContTit img {
  width: 184px;
  margin-top: 4px;
}
.booksSection .booksTypeList {
  width: 100%;
  margin-top: 36px;
}
.booksSection .booksTypeList ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin: 0 -6.25%;
  border-top: 2px solid #ddd;
}
.booksSection .booksTypeList ul .booksTypeListItem {
  position: relative;
  width: 100%;
  padding: 0 6.25% 40px;
  border-bottom: 2px solid #ddd;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksType {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 80px;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn {
  display: -webkit-box;
  display: flex;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn .img {
  -webkit-box-flex: 0;
  flex: 0 0 124px;
  align-self: flex-start;
  position: relative;
  margin: 0;
  padding-top: 156px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn .booksTypeColumnRight {
  padding-left: 4.5%;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn .booksTypeColumnRight .tit {
  color: #222;
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1.666;
  letter-spacing: 0;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn .booksTypeColumnRight .releaseTxt {
  margin-top: 12px;
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn .booksTypeColumnRight .releaseTxt span {
  display: block;
  margin-top: 3px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.273;
  letter-spacing: 0.05em;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn .booksTypeColumnRight .price {
  margin-top: 12px;
  color: #222;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn .booksTypeColumnRight .price .txtMiddle {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0;
}
.booksSection .booksTypeList ul .booksTypeListItem .booksTypeColumn .booksTypeColumnRight .price .txtTax {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}
.booksSection .booksTypeList ul .booksTypeListItem .txt {
  margin-top: 24px;
  color: #222;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.462;
  letter-spacing: 0;
}
.booksSection .booksTypeList ul .booksTypeListItem .squareBtnWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 28px;
}
.booksSection .booksTypeList ul .booksTypeListItem .squareBtnWrap .squareBtn {
  position: relative;
  width: 46.429%;
  height: 50px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #2d2c29;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.booksSection .booksTypeList ul .booksTypeListItem .squareBtnWrap .squareBtn a {
  display: block;
  position: relative;
  color: #222;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 50px;
  letter-spacing: 0;
  text-align: center;
}
.booksSection .booksTypeList ul .booksTypeListItem .squareBtnWrap .squareBtn a:hover {
  opacity: 0.8;
}
.booksSection .booksTypeList ul .booksTypeListItem .squareBtnWrap .squareBtn.btnBlack {
  background: #2d2c29;
}
.booksSection .booksTypeList ul .booksTypeListItem .squareBtnWrap .squareBtn.btnBlack a {
  color: #fff;
}

/* 本を探す 検索 */
.booksSearch {
  display: none;
}
.booksSearch input::-moz-placeholder {
  color: #999;
  color: #999;
}
.booksSearch input::-webkit-input-placeholder {
  color: #999;
}
.booksSearch input::placeholder {
  color: #999;
}
.booksSearch input::-webkit-input-placeholder {
  color: #999;
}
.booksSearch input:-ms-input-placeholder {
  color: #999;
}

.popup-banner {
  position: fixed;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 284px;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}
.popup-banner img {
  width: 100%;
  height: auto;
}
.popup-banner .close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.popup-banner .close img {
  width: 100%;
}

.popup-banner.is_show {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-transition: bottom 700ms ease, -webkit-transform 700ms ease;
  transition: bottom 700ms ease, -webkit-transform 700ms ease;
  transition: bottom 700ms ease, transform 700ms ease;
  transition: bottom 700ms ease, transform 700ms ease, -webkit-transform 700ms ease;
}

/* 書誌検索リスト */
.booksListSection {
  margin-top: 35px;
}
.booksListSection .booksSectionListTit {
  color: #222;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.booksListSection .booksSectionListTit img {
  vertical-align: middle;
  padding-bottom: 2px;
}
.booksListSection .booksSearchList {
  margin-top: 20px;
  width: 100%;
}
.booksListSection .booksSearchList h4 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background: #eeedeb;
  border: 1px solid #ddd;
  border-bottom: none;
}
.booksListSection .booksSearchList ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.booksListSection .booksSearchList ul li {
  width: 50%;
  height: 50px;
  border: 1px solid #ddd;
}
.booksListSection .booksSearchList ul li:nth-of-type(2n) {
  border-left: none;
}
.booksListSection .booksSearchList ul li:nth-of-type(n+3) {
  border-top: none;
}
.booksListSection .booksSearchList ul li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  color: #222;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.364;
  letter-spacing: 0;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.booksListSection .booksSearchList ul li a:hover {
  opacity: 0.8;
}
.booksListSection .booksSearchList + .booksSearchList {
  margin-top: 30px;
}

/* おすすめ */
.booksRecommendationSection {
  padding-top: 20px;
}
.booksRecommendationSection .booksRecommendationTit {
  color: #222;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}
.booksRecommendationSection .booksRecommendationList {
  margin-top: 30px;
}
.booksRecommendationSection .booksRecommendationList ul {
  margin: 0 -6.25%;
}
.booksRecommendationSection .booksRecommendationList ul li {
  padding: 0 8px;
}
.booksRecommendationSection .booksRecommendationList ul li a {
  display: block;
  width: 100%;
}
.booksRecommendationSection .booksRecommendationList ul li a .img {
  position: relative;
  width: 100%;
  padding-top: 125%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.booksRecommendationSection .booksRecommendationList ul li a .tit {
  margin-top: 12px;
  color: #010101;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.417;
  letter-spacing: 0;
}
.booksRecommendationSection .booksRecommendationList ul li a .tit .new {
  margin-right: 3px;
  padding: 1px 4px;
  font-family: "Noto Sans", sans-serif;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  background: #f60;
  border-radius: 3px;
}
.booksRecommendationSection .booksRecommendationList ul li a .squareBtn {
  display: none;
}

/* 本の検索 */
.booksSearchSpSection {
  margin-top: 35px;
}
.booksSearchSpSection .booksSpSearch {
  margin: 0 calc(50% - 50vw);
  padding: 16px calc(50vw - 50%);
  background: #eeedeb;
}
.booksSearchSpSection .booksSpSearch form {
  display: -webkit-box;
  display: flex;
  position: relative;
  width: 100%;
}
.booksSearchSpSection .booksSpSearch form input[type=text] {
  width: 68.572%;
  padding: 11px 14px;
  color: #010101;
  font-size: 1.2rem;
  line-height: 1;
  border: none;
  border-radius: 2px;
}
.booksSearchSpSection .booksSpSearch form button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: calc(31.428% - 10px);
  height: 40px;
  margin: 0 0 0 10px;
  background-color: #2d2c29;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.booksSearchSpSection .booksSpSearch form button span {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}

/* 本の内容について */
.booksNotificationSection {
  margin-top: 40px;
}
.booksNotificationSection .booksSectionListTit img {
  width: 17px;
}
.booksNotificationSection .booksNotificationList {
  margin-top: 20px;
}
.booksNotificationSection .booksNotificationList ul {
  width: 100%;
  border-top: 1px solid #ddd;
}
.booksNotificationSection .booksNotificationList ul li {
  margin: 0 -6.25%;
  border-bottom: 1px solid #ddd;
}
.booksNotificationSection .booksNotificationList ul li a {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px 32px 20px 20px;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0.05em;
}
.booksNotificationSection .booksNotificationList ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6.25%;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.booksNotificationSection .booksNotificationList .contBtn {
  margin-top: 30px;
}
.booksNotificationSection .booksNotificationList .contBtn a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/******************************
書誌 リストページ
******************************/
.booksResultsSection .booksSearchWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: 100%;
}
.booksResultsSection .booksSearchWrap .booksSearch {
  width: 360px;
}
.booksResultsSection .resultsHead .resultsTxt {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0;
}
.booksResultsSection .resultsHead .resultsTxt .resultsTit {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.36;
  letter-spacing: 0;
}
.booksResultsSection .resultsHead .resultsTxt .resultsNum {
  color: #f60;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.36;
  letter-spacing: 0;
}
.booksResultsSection .resultsHead .resultsTxt + .resultsTxt {
  margin-top: 5px;
}
.booksResultsSection .resultsHead + .booksPager {
  margin-top: 20px;
}
.booksResultsSection .booksIndex + .booksPager {
  margin-top: 20px;
}
.booksResultsSection .booksResultsList {
  margin: 0 -6.25%;
}
.booksResultsSection .booksResultsList ul {
  margin-top: 15px;
  border-top: 1px solid #ddd;
}
.booksResultsSection .booksResultsList ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding: 15px 8.25% 15px 6.25%;
  border-bottom: 1px solid #ddd;
}
.booksResultsSection .booksResultsList ul li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6.25%;
  margin: auto 0;
  width: 12px;
  height: 12px;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.booksResultsSection .booksResultsList ul li .img {
  -webkit-box-flex: 0;
  flex: 0 0 90px;
  position: relative;
  width: 90px;
  margin: 0;
  padding-top: 122px;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.booksResultsSection .booksResultsList ul li .txtBox {
  padding: 20px 0 0 16px;
}
.booksResultsSection .booksResultsList ul li .txtBox .tit {
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0;
}
.booksResultsSection .booksResultsList ul li .txtBox .releaseTxt {
  margin-top: 4px;
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.333;
  letter-spacing: 0;
}
.booksResultsSection .booksResultsList ul li .txtBox .price {
  margin-top: 11px;
  color: #222;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.booksResultsSection .booksResultsList ul li .txtBox .price .txtTax {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.booksResultsSection .booksResultsList ul li .txtBox .txt {
  display: none;
}
.booksResultsSection .booksResultsList ul li .txtBox .squareBtn {
  display: none;
}
.booksResultsSection .booksBacknumberTab + .booksResultsList ul {
  margin-top: 30px;
}
.booksResultsSection .booksPager {
  margin-top: 42px;
  padding-bottom: 0;
}
.booksResultsSection .booksPager .booksCount {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

/******************************
書誌 最新号ページ
******************************/
/* 共通 タブ部分 */
.booksIndex p {
  margin-top: 12px;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.booksDetailSection .booksDetail .booksDetailTop--pc {
  display: none;
}
.booksDetailSection .booksDetail .booksDetailTop--sp {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .tit {
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .tit .booksDetailNew {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 2px 4px;
  font-family: "Noto Sans", sans-serif;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  background: #f60;
  border-radius: 3px;
  vertical-align: 1px;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .booksDetailImg {
  width: 100%;
  margin-top: 26px;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .booksDetailImg > a {
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .booksDetailImg > a:hover {
  opacity: 0.8;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .booksDetailImg > a .img {
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 125%;
  background: #fff;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .booksDetailTxt {
  margin-top: 25px;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .booksDetailTxt .releaseTxt {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.333;
  letter-spacing: 0;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .booksDetailTxt .price {
  margin-top: 13px;
  color: #222;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.booksDetailSection .booksDetail .booksDetailTop--sp .booksDetailTxt .price span {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.booksDetailSection .booksDetail .booksDetailLinkBtns {
  margin-top: 30px;
}
.booksDetailSection .booksDetail .booksDetailLinkBtns .booksDetailLinkBtnRow {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.booksDetailSection .booksDetail .booksDetailLinkBtns .booksDetailLinkBtnRow .booksDetailLinkBtn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 80px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.booksDetailSection .booksDetail .booksDetailLinkBtns .booksDetailLinkBtnRow .booksDetailLinkBtn img {
  max-width: 100%;
}
.booksDetailSection .booksDetail .booksDetailLinkBtns .booksDetailLinkBtnRow .booksDetailLinkBtn--large {
  width: 100%;
}
.booksDetailSection .booksDetail .booksDetailLinkBtns .booksDetailLinkBtnRow .booksDetailLinkBtn--small {
  width: 100%;
}
.booksDetailSection .booksDetail .booksDetailLinkBtns .booksDetailLinkBtnRow .booksDetailLinkBtn--small + .booksDetailLinkBtn--small {
  margin-top: 15px;
}
.booksDetailSection .booksDetail .booksDetailLinkBtns .booksDetailLinkBtnRow + .booksDetailLinkBtnRow {
  margin-top: 15px;
}
.booksDetailSection .booksDetail .rbn img {
  width: 100%;
  height: auto;
}
.booksDetailSection .booksDetail .booksDetailBottomTit {
  margin-top: 20px;
  padding-bottom: 10px;
}
.booksDetailSection .booksDetail .booksDetailBottomTit h3 {
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.booksDetailSection .booksDetail .booksDetailBottom {
  margin-top: 12px;
}
.booksDetailSection .booksDetail .booksDetailBottom .booksDetailImg {
  display: none;
}
.booksDetailSection .booksDetail .booksDetailBottom .booksDetailBottomTxt {
  line-height: 1.429;
}
.booksDetailSection .booksDetail .booksDetailBottom .booksDetailBottomTxt .tit {
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0.05em;
}
.booksDetailSection .booksDetail .booksDetailBottom .booksDetailBottomTxt .tit + p {
  margin-top: 18px;
}
.booksDetailSection .booksDetail .booksDetailBottom .booksDetailBottomTxt p {
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.429;
  letter-spacing: 0.05em;
}
.booksDetailSection .booksDetail .booksDetailBottom .booksDetailBottomTxt p span {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.429;
  letter-spacing: 0.05em;
}
.booksDetailSection .booksDetail .booksDetailBottom .booksDetailBottomTxt p + .tit {
  margin-top: 18px;
}
.booksDetailSection .booksDetail .booksDetailBottom .booksDetailBottomTxt p + p {
  margin-top: 18px;
}
.booksDetailSection .booksDetail .booksDetailBtnWrap {
  margin-top: 30px;
}
.booksDetailSection .booksDetail .booksDetailBtnWrap .booksDetailBtn {
  width: 100%;
  height: 50px;
  margin: 0 auto;
}
.booksDetailSection .booksDetail .booksDetailBtnWrap .booksDetailBtn a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  color: #222;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
  background: #fff;
  border: 1px solid #2d2c29;
  border-radius: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.booksDetailSection .booksDetail .booksDetailBtnWrap .booksDetailBtn a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 3;
}
.booksDetailSection .booksDetail .booksDetailBtnWrap .booksDetailBtn a:hover {
  opacity: 0.8;
}
.booksDetailSection .booksDetail .booksDetailBtnWrap .booksDetailBtn + .booksDetailBtn {
  margin-top: 15px;
}
.booksDetailSection .booksDetail .booksDetailBtnWrap .booksDetailBtn--black a {
  color: #fff;
  background: #2d2c29;
}
.booksDetailSection .booksDetail .booksDetailBtnWrap .booksDetailBtn--black a::before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.sideMagazineSection--books {
  margin-top: 25px;
}
.sideMagazineSection--books .sideMagazine {
  padding: 25px 6.25%;
}
.sideMagazineSection--books .sideMagazine .sideMagazineBtn {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.sideMagazineSection--books .sideMagazine .sideMagazineBtn.btnLarge a {
  padding: 0 22px;
}
.sideMagazineSection--books .sideMagazine .sideMagazineBtn.btnSmall {
  padding: 0;
}
.sideMagazineSection--books .sideMagazine .sideMagazineBtn.btnSmall a {
  padding: 0 17px;
}
.sideMagazineSection--books .sideMagazine .sideMagazineBtn.btnSmall:nth-of-type(2) a {
  -webkit-box-pack: end;
  justify-content: flex-end;
  align-content: center;
  padding-right: 24px;
  line-height: 1;
}
.sideMagazineSection--books .sideMagazine .sideMagazineBtn.btnSmall:nth-of-type(2) a img {
  justify-self: flex-start;
  margin: 0 auto 0 0;
}

/******************************
書誌 バックナンバーページ
******************************/
.booksBacknumberSection .booksBacknumber .booksBacknumberTab {
  display: none;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList {
  display: none;
  margin: 0 -6.25%;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList .booksBacknumberTitHead {
  padding: 0 6.25%;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList .booksBacknumberTitHead .booksBacknumberTit {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList .booksBacknumberTitHead p {
  margin-top: 12px;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul {
  margin-top: 30px;
  border-top: 1px solid #ddd;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  padding: 15px 8.25% 15px 6.25%;
  border-bottom: 1px solid #ddd;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6.25%;
  margin: auto 0;
  width: 12px;
  height: 12px;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .img {
  -webkit-box-flex: 0;
  flex: 0 0 90px;
  position: relative;
  width: 90px;
  margin: 0;
  padding-top: 122px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .txtBox {
  padding: 20px 0 0 16px;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .txtBox .tit {
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .txtBox .tit a {
  color: #222;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .txtBox .releaseTxt {
  margin-top: 4px;
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.333;
  letter-spacing: 0;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .txtBox .price {
  margin-top: 11px;
  color: #222;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .txtBox .price .txtTax {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .txtBox .txt {
  display: none;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList ul li .txtBox .squareBtn {
  display: none;
}
.booksBacknumberSection .booksBacknumber .booksBacknumberList.active {
  display: block;
}

.booksBacknumberPager {
  margin-top: 20px;
}
.booksBacknumberPager ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.booksBacknumberPager ul li {
  position: relative;
  max-width: 50%;
  padding: 0 15px;
}
.booksBacknumberPager ul li a {
  color: #222;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.booksBacknumberPager ul li.pagerItemLeft::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
.booksBacknumberPager ul li.pagerItemRight::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.booksBacknumberPager ul li.pagerItemRight a {
  text-align: right;
}

.booksBacknumberBtns {
  margin-top: 30px;
}
.booksBacknumberBtns h3 {
  color: #222;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.booksBacknumberBtns ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.booksBacknumberBtns ul .booksBacknumberBtn {
  width: calc((100% - 12px) / 3);
  height: 40px;
}
.booksBacknumberBtns ul .booksBacknumberBtn:not(:nth-of-type(3n+1)) {
  margin-left: 6px;
}
.booksBacknumberBtns ul .booksBacknumberBtn a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #222;
  border-radius: 3px;
}

/******************************
料理のきほん トップ ページ
******************************/
.basicsTopSection .basicsContTitHead h2 {
  text-align: center;
}
.basicsTopSection .basicsContTitHead h2 img {
  width: 87.857%;
  max-width: 260px;
}
.basicsTopSection .basicsTopLead {
  margin: 20px -6.25% 0;
  padding: 15px 6.25%;
  background: #f4f4f4;
}
.basicsTopSection .basicsTopLead p {
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.basicsTopSection .basicsTopList {
  padding: 30px 0 5px;
  border-bottom: 1px solid #ddd;
}
.basicsTopSection .basicsTopList:first-of-type {
  margin-top: 5px;
}
.basicsTopSection .basicsTopList .basicsTopListTit {
  text-align: center;
}
.basicsTopSection .basicsTopList .basicsTopListTit .basicsTopListSubTit {
  color: #222;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
}
.basicsTopSection .basicsTopList .basicsTopListTit h3 {
  margin-top: 6px;
  color: #222;
  font-size: 2.1rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
}
.basicsTopSection .basicsTopList .basicsTopListTit h3 span {
  color: #f60;
}
.basicsTopSection .basicsTopList ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.basicsTopSection .basicsTopList ul .basicsTopListItem {
  width: calc((100% - 20px) / 2);
}
.basicsTopSection .basicsTopList ul .basicsTopListItem:not(:nth-of-type(2n+1)) {
  margin-left: 20px;
}
.basicsTopSection .basicsTopList ul .basicsTopListItem a {
  display: block;
}
.basicsTopSection .basicsTopList ul .basicsTopListItem a .img {
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.basicsTopSection .basicsTopList ul .basicsTopListItem a .tit {
  min-height: 40px;
  padding: 10px 10px 0;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
}
.basicsTopSection .basicsBanner {
  margin-top: 30px;
}
.basicsTopSection .basicsBanner a {
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.basicsTopSection .basicsBanner a:hover {
  opacity: 0.8;
}
.basicsTopSection .basicsBanner a img {
  width: 100%;
  height: auto;
}

/******************************
料理のきほんページ 共通
******************************/
/* ページヘッダー */
/* 記事下部SNS */
.basicsPageHeader {
  margin: 0 -6.25%;
  padding: 12px 0 20px;
  background: #f4f4f4;
}
.basicsPageHeader .basicsPageHeaderIn {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  align-items: center;
}
.basicsPageHeader .basicsPageHeaderIn .basicsPageTxt {
  margin-top: 12px;
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
}
.basicsPageHeader .basicsPageHeaderIn .basicsPageTit {
  margin-top: 10px;
  color: #222;
  font-size: 2.3rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.15em;
}
.basicsPageHeader .basicsPageHeaderIn .basicsPageTit span {
  color: #f60;
}
.basicsPageHeader .basicsPageHeaderIn .basicsPageCatTit {
  margin: 10px 0 0 0;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
}
.basicsPageHeader .basicsPageHeaderIn .basicsPageLogo {
  width: 100px;
  margin: 0 auto;
}
.basicsPageHeader .basicsPageHeaderIn .basicsPageLogo img {
  width: 100%;
  height: auto;
}

.basicsDetailSns {
  margin: 30px calc(50% - 50vw) 0;
  padding: 30px 0 0;
  border-top: 1px solid #ddd;
}
.basicsDetailSns .basicsDetailSnsTit {
  font-family: "Noto Sans", sans-serif;
  color: #222;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}
.basicsDetailSns .basicsDetailSnsList {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 20px;
}
.basicsDetailSns .basicsDetailSnsList li + li {
  margin-left: 24px;
}

/******************************
料理のきほんページ 一覧
******************************/
.basicsListSection .basicsListTit {
  margin-top: 24px;
  color: #222;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0.15em;
  text-align: center;
}
.basicsListSection .basicsList ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.basicsListSection .basicsList ul .basicsTopListItem {
  width: calc((100% - 20px) / 2);
}
.basicsListSection .basicsList ul .basicsTopListItem:not(:nth-of-type(2n+1)) {
  margin-left: 20px;
}
.basicsListSection .basicsList ul .basicsTopListItem a {
  display: block;
}
.basicsListSection .basicsList ul .basicsTopListItem a .img {
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.basicsListSection .basicsList ul .basicsTopListItem a .tit {
  min-height: 45px;
  padding: 12px 0;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.444;
  letter-spacing: 0.15em;
  text-align: center;
}

/******************************
料理のきほんページ 詳細
******************************/
/* 料理のきほん 詳細 スライダー */
/* 料理のきほん 詳細 リスト */
.basicsDetailSection .basicsDetailTit {
  margin-top: 24px;
  color: #222;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0.15em;
  text-align: center;
}
.basicsDetailSection .basicsDetail {
  margin-top: 20px;
  padding-bottom: 36px;
  border-bottom: 1px solid #ddd;
}
.basicsDetailSection .basicsDetail img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.basicsDetailSection .basicsDetail p {
  color: #222;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.basicsDetailSection .basicsDetail p + p {
  margin-top: 20px;
}
.basicsDetailSection .basicsDetail .basicsDetailImg {
  width: 100%;
}
.basicsDetailSection .basicsDetail .basicsDetailImg img {
  width: 100%;
  height: auto;
}
.basicsDetailSection .basicsDetail .basicsDetailTxt {
  margin-top: 20px;
  color: #222;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.basicsDetailSection .basicsDetail .articleDetailSns {
  margin-top: 50px;
}

.basicsSliderSection {
  margin-top: 22px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.basicsSliderSection .basicsSliderTit {
  color: #222;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0.15em;
  text-align: center;
}
.basicsSliderSection .basicsSliderTit img {
  margin-right: 12px;
}
.basicsSliderSection .basicsSliderList {
  margin-top: 30px;
}
.basicsSliderSection .basicsSliderList .basicsSlider {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.basicsSliderSection .basicsSliderList .basicsSlider li {
  width: calc((100% - 20px) / 2);
}
.basicsSliderSection .basicsSliderList .basicsSlider li:not(:nth-of-type(2n+1)) {
  margin-left: 20px;
}
.basicsSliderSection .basicsSliderList .basicsSlider li a {
  display: block;
  width: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.basicsSliderSection .basicsSliderList .basicsSlider li a:hover {
  opacity: 0.8;
}
.basicsSliderSection .basicsSliderList .basicsSlider li a .img {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.basicsSliderSection .basicsSliderList .basicsSlider li a .txtBox {
  min-height: 58px;
  padding: 10px 12px 0;
}
.basicsSliderSection .basicsSliderList .basicsSlider li a .txtBox .tit {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.159;
  letter-spacing: 0;
  text-align: center;
}

.basicsDetailListSection {
  margin-top: 24px;
}
.basicsDetailListSection .basicsDetailListTit {
  color: #222;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0.15em;
  text-align: center;
}
.basicsDetailListSection .basicsDetailList {
  margin-top: 15px;
}
.basicsDetailListSection .basicsDetailList ul .basicsDetailListItem {
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px dotted #ddd;
}
.basicsDetailListSection .basicsDetailList ul .basicsDetailListItem a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.basicsDetailListSection .basicsDetailList ul .basicsDetailListItem a:hover {
  opacity: 0.8;
}
.basicsDetailListSection .basicsDetailList ul .basicsDetailListItem a .img {
  -webkit-box-flex: 0;
  flex: 0 0 50px;
  position: relative;
  padding-top: 50px;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.basicsDetailListSection .basicsDetailList ul .basicsDetailListItem a .tit {
  padding: 0 12px;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.15em;
}

/******************************
料理のきほん 料理のまえに
******************************/
.basicsBeforeSection .txtlead .img {
  width: 80%;
  margin: 0 auto;
}
.basicsBeforeSection .txtlead .img img {
  width: 100%;
  height: auto;
}
.basicsBeforeSection .txtlead .txt {
  width: 100%;
  margin: 30px auto 0;
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.basicsBeforeSection .txtBlock {
  width: 76.142%;
  height: auto;
  margin: 0px auto;
  padding: 0px;
  color: #222;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  line-height: 24px;
}
.basicsBeforeSection .txtBlock img {
  width: 100%;
  height: auto;
}
.basicsBeforeSection .txtBlockNarrow {
  width: 72.335%;
  height: auto;
  margin: 0 auto;
  padding: 0px;
  color: #222;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  line-height: 24px;
}
.basicsBeforeSection .beforeBox {
  width: 100%;
  height: auto;
  background-image: url("../img/basics/bg_basics.jpg");
  background-repeat: repeat;
  display: block;
  margin: 0px;
  padding: 0px;
}
.basicsBeforeSection .beforeBox img {
  width: 100%;
  height: auto;
}

/******************************
オレぺエディターブログ 一覧
******************************/
.editorPageHeader {
  position: relative;
  width: 100%;
  height: 395px;
  z-index: 0;
}
.editorPageHeader__bg-sp {
  position: absolute;
  inset: 0;
  height: 100%;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.editorPageHeader__inner {
  width: 100%;
  height: 100%;
  padding-top: 65px;
}
.editorPageHeader .editorPageTit {
  width: calc(172px + 2.5vw);
  margin-inline: auto;
  padding-right: 2.5vw;
}
.editorPageHeader .editorPageTit img {
  width: 100%;
  height: auto;
}
.editorPageHeader .editorPageTxt {
  width: min(80%, 300px);
  margin-top: 25px;
  margin-inline: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}

.editorPageHeader ~ .cont {
  padding-top: 0;
  background-color: #f8f7f6;
  box-shadow: 0 0 0 100vmax #f8f7f6;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
}

.editorBlogCard {
  padding: 10px 10px 15px;
  border-radius: 3px;
  background-color: #fff;
}
.editorBlogCard a {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.editorBlogCard__author {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.editorBlogCard__author span {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editorBlogCard__icon {
  -webkit-box-flex: 0;
          flex: 0 0 26px;
  position: relative;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.editorBlogCard__icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorBlogCard__figure {
  position: relative;
  margin: 10px 0 0;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.editorBlogCard__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorBlogCard__body {
  padding-top: 8px;
}
.editorBlogCard__body .tit {
  font-size: 1.6rem;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.editorBlogCard__favorite {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 14px;
}
.editorBlogCard__favorite svg {
  display: inline-block;
  width: 15px;
  margin-right: 7px;
  fill: #9B918C;
}
.editorBlogCard__favorite span {
  display: inline-block;
  margin-top: -2px;
  font-size: 1.4rem;
  color: #9B918C;
}

.editorArchiveTop {
  padding-top: 90px;
}
.editorArchiveTop .editorArchiveTopList {
  position: relative;
  padding: 64px 24px 38px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  border-left: 1px solid #222;
}
.editorArchiveTop .editorArchiveTopList__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 348px 196px;
  gap: 16px;
}
.editorArchiveTop .editorArchiveTopList__item:first-of-type {
  grid-column: 1/3;
}
.editorArchiveTop .editorArchiveTopList__item:first-of-type .editorBlogCard__icon {
  -webkit-box-flex: 0;
          flex: 0 0 30px;
}
.editorArchiveTop .editorArchiveTopList__item:first-of-type .editorBlogCard__author > span {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.editorArchiveTop .editorArchiveTopList__item:first-of-type .editorBlogCard__author span {
  font-size: 1.2rem;
}
.editorArchiveTop .editorArchiveTopList__item:first-of-type .editorBlogCard__body {
  padding-top: 8px;
}
.editorArchiveTop .editorArchiveTopList__item:first-of-type .editorBlogCard__body .tit {
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) {
  padding: 8px 7px;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__icon {
  -webkit-box-flex: 0;
          flex: 0 0 18px;
  margin-right: 6px;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__author > span {
  -webkit-box-flex: 0;
          flex: 0 1 calc(100% - 24px);
  display: block;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__author > span span {
  font-size: 1rem;
  line-height: 1.2;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__figure {
  margin: 6px 0 0;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__body {
  padding-top: 3px;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__body .tit {
  font-size: 1.2rem;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__favorite {
  margin-top: 6px;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__favorite svg {
  width: 14px;
}
.editorArchiveTop .editorArchiveTopList__item:not(:first-of-type) .editorBlogCard__favorite span {
  font-size: 1.1rem;
}

.editorArchiveTop .editorArchiveTopList__item.has_border .editorBlogCard__icon {
  border: 2px solid #ff6600;
}

.editorArchiveTop .editorArchiveTopIcon {
  position: absolute;
  inset: -15px auto auto 20px;
}
.editorArchiveTop .editorArchiveTopIcon img {
  width: 71px;
}
.editorArchiveTop .editorArchiveTopLogo {
  position: absolute;
  inset: -36px 0 auto auto;
}
.editorArchiveTop .editorArchiveTopLogo img {
  width: 149px;
}
.editorArchiveTop .editorArchiveTopBtn {
  margin-top: 30px;
}

.editorArchiveBody {
  margin-top: 42px;
  padding-bottom: 83px;
}
.editorArchiveBody .editorArchiveCat__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.editorArchiveBody .editorArchiveCat__item {
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  border-bottom: 2px solid #9b918c;
}
.editorArchiveBody .editorArchiveCat__item a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 8px 8px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 700;
  color: #9b918c;
}
.editorArchiveBody .editorArchiveCat__item a img {
  width: 12px;
  margin-top: 2px;
  margin-right: 10px;
}
.editorArchiveBody .editorArchiveCat__item.is-active {
  border-bottom: 2px solid #222;
}
.editorArchiveBody .editorArchiveCat__item.is-active a {
  color: #222;
  text-decoration: none;
}
.editorArchiveBody .editorArchiveBtn {
  margin-top: 30px;
}

.editorArchiveList {
  margin-top: 22px;
}
.editorArchiveList__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.editorArchiveList .editorBlogCard {
  -webkit-box-flex: 0;
          flex: 0 1 calc((100% - 20px) / 3);
  max-width: calc((100% - 20px) / 3);
  padding: 8px 5px;
}
.editorArchiveList .editorBlogCard__icon {
  -webkit-box-flex: 0;
          flex: 0 0 18px;
  margin-right: 6px;
}
.editorArchiveList .editorBlogCard__author > span {
  -webkit-box-flex: 0;
          flex: 0 1 calc(100% - 24px);
  display: block;
}
.editorArchiveList .editorBlogCard__author > span span {
  font-size: 0.9rem;
  line-height: 1.2;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editorArchiveList .editorBlogCard__figure {
  aspect-ratio: 1/1;
  margin: 6px 0 0;
}
.editorArchiveList .editorBlogCard__body {
  padding-top: 3px;
}
.editorArchiveList .editorBlogCard__body .tit {
  font-size: 1.2rem;
}
.editorArchiveList .editorBlogCard__favorite {
  margin-top: 6px;
}
.editorArchiveList .editorBlogCard__favorite svg {
  width: 14px;
}
.editorArchiveList .editorBlogCard__favorite span {
  font-size: 1.1rem;
}

.editorArchiveList__item.has_border .editorBlogCard__icon {
  border: 2px solid #ff6600;
}

.editorArchiveSpecialTopics {
  padding-top: 66px;
  padding-bottom: 66px;
  background-color: #fceaea;
  box-shadow: 0 0 0 100vmax #fceaea;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
}
.editorArchiveSpecialTopics.pb {
  padding-bottom: 86px;
}
.editorArchiveSpecialTopics .editorArchiveSpecialTopicsList {
  position: relative;
  margin-top: 63px;
  z-index: 0;
}
.editorArchiveSpecialTopics .editorArchiveSpecialTopicsList__logo {
  position: absolute;
  inset: -67px 0 auto auto;
  z-index: 1;
}
.editorArchiveSpecialTopics .editorArchiveSpecialTopicsList__logo img {
  width: 139px;
}

/******************************
オレぺエディターブログ 詳細
******************************/
.editorDetail {
  padding-top: 20px;
  padding-bottom: 80px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
  background-color: #f8f7f6;
  box-shadow: 0 0 0 100vmax #f8f7f6;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
}
.editorDetail .editorDetailImg {
  position: relative;
  width: 100%;
  z-index: 0;
}
.editorDetail .editorDetailImg .editorDetailImgBadge {
  position: absolute;
  inset: -10px auto auto 10px;
  width: 75px;
  height: 65px;
  z-index: 2;
}
.editorDetail .editorDetailImg__figure {
  position: relative;
  width: 100%;
  margin: 0;
  z-index: 1;
}
.editorDetail .editorDetailImg img {
  width: 100%;
  height: auto;
}
.editorDetail .editorDetailImg__figure figcaption {
  margin-top: 1.2rem;
  margin-inline: auto;
  padding: 0 1.8rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  color: #222;
}
.editorDetail .editorDetailHead {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  padding-inline: 2.898%;
}
.editorDetail .editorDetailHead__cat {
  order: 2;
}
.editorDetail .editorDetailHead__cat a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0 5px;
  border-bottom: 1px solid #9b918c;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
  color: #9b918c;
}
.editorDetail .editorDetailHead__cat a img {
  width: 12px;
  margin-right: 4px;
}
.editorDetail .editorDetailHead__btn {
  order: 1;
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: -10px;
  margin-bottom: 10px;
}
.editorDetail .editorDetailHead__btn .galleryBtn {
  width: 180px;
  max-width: 100%;
  height: 28px;
}
.editorDetail .editorDetailHead__btn .galleryBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 2px solid #222;
  border-radius: 25px;
  font-size: 1.1rem;
  font-weight: 400;
  background-color: #fff;
  transition: background-color 0.3s ease;
}
.editorDetail .editorDetailHead__btn .galleryBtn a:hover {
  background-color: #efefef;
}
.editorDetail .editorDetailHead__btn .galleryBtn a img {
  display: block;
  width: 18px;
  margin-right: 6px;
}
.editorDetail .editorDetailHead__body {
  order: 3;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-top: 16px;
}
.editorDetail .editorDetailHead .editorDetailHeadAuthor {
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 0 14px;
}
.editorDetail .editorDetailHead .editorDetailHeadAuthor a {
  display: contents;
}
.editorDetail .editorDetailHead .editorDetailHeadAuthor img {
  grid-row: 1/3;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorDetail .editorDetailHead__body.has_border .editorDetailHeadAuthor img {
  border: 2px solid #ff6600;
}
.editorDetail .editorDetailHead .editorDetailHeadAuthor .editorDetailHeadName {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  color: #222;
}
.editorDetail .editorDetailHead .editorDetailHeadAuthor .editorDetailHeadMeta {
  margin-top: 4px;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
  color: #222;
}
.editorDetail .editorDetailBody {
  margin-top: 16px;
  padding-inline: 2.898%;
  line-height: 1.6;
}
.editorDetail .editorDetailBody h1,
.editorDetail .editorDetailBody h2 {
  margin-bottom: 2.8rem;
  padding-left: 16px;
  border-left: 7px solid #ecef90;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
}
.editorDetail .editorDetailBody h1:not(:first-child),
.editorDetail .editorDetailBody h2:not(:first-child) {
  margin-top: 4rem;
}
.editorDetail .editorDetailBody h3 {
  margin-bottom: 2.8rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
}
.editorDetail .editorDetailBody h3:not(:first-child) {
  margin-top: 3.4rem;
}
.editorDetail .editorDetailBody h4 {
  margin-bottom: 2.8rem;
  padding-bottom: 10px;
  border-bottom: 2px dotted #ccc;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6;
}
.editorDetail .editorDetailBody h4:not(:first-child) {
  margin-top: 3.4rem;
}
.editorDetail .editorDetailBody p {
  margin-top: 2.8rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #222;
}
.editorDetail .editorDetailBody p.italic {
  font-style: italic;
}
.editorDetail .editorDetailBody ul {
  margin-top: 1.6rem;
  list-style-type: disc;
  list-style-position: inside;
}
.editorDetail .editorDetailBody ul li {
  padding-left: 1.5em;
  text-indent: -1.5em;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #222;
}
.editorDetail .editorDetailBody ul li + li {
  margin-top: 3px;
}
.editorDetail .editorDetailBody ul.large-list {
  list-style-type: decimal;
}
.editorDetail .editorDetailBody ul.large-list li {
  padding-block: 25px;
  padding-left: 1em;
  text-indent: -1em;
  border-bottom: 2px dotted #ddd;
  line-height: 1.8;
}
.editorDetail .editorDetailBody ul.large-list li + li {
  margin-top: 0;
}
.editorDetail .editorDetailBody a {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #ff6600;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #ff6600;
          text-decoration-color: #ff6600;
}
.editorDetail .editorDetailBody a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/window-restore.svg) center/cover no-repeat;
  margin-left: 5px;
  vertical-align: -2px;
}
.editorDetail .editorDetailBody blockquote {
  margin-top: 3.2rem;
  padding: 27px 30px;
  background-color: #fff;
}
.editorDetail .editorDetailBody blockquote p,
.editorDetail .editorDetailBody blockquote cite {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  color: #4a4a49;
}
.editorDetail .editorDetailBody blockquote cite {
  display: block;
  margin-top: 1.6rem;
  font-style: italic;
  text-align: right;
}
.editorDetail .editorDetailBody figure {
  display: block;
  width: 100%;
  margin: 3.2rem auto;
  text-align: center;
}
.editorDetail .editorDetailBody img {
  display: block;
  margin: 0 auto;
}
.editorDetail .editorDetailBody figcaption {
  min-width: 50%;
  margin-top: 1.2rem;
  margin-inline: auto;
  padding: 0 1.8rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  color: #222;
}
.editorDetail .editorDetailBody iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.editorDetail .editorDetailBody table {
  margin-top: 3.2rem;
  width: 100%;
  border-top: 1px solid #ccc;
}
.editorDetail .editorDetailBody table tr {
  border-bottom: 1px solid #ccc;
}
.editorDetail .editorDetailBody table th {
  display: block;
  width: 100%;
  padding: 16px 4.638% 8px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6;
}
.editorDetail .editorDetailBody table td {
  display: block;
  width: 100%;
  padding: 0 4.638% 16px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
}
.editorDetail .editorDetailBody .dialogue {
  margin-top: 4rem;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem + .dialogueItem {
  margin-top: 2rem;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem img {
  -webkit-box-flex: 0;
          flex: 0 0 61px;
  max-width: 61px;
  margin: 0;
  border-radius: 50%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem p {
  -webkit-box-flex: 0;
          flex: 0 0 calc(100% - 85px);
  position: relative;
  margin: 0;
  padding: 11px 16px;
  border: 1px solid #ddd;
  border-radius: 12px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  color: #222;
  background-color: #fff;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem--left p::after, .editorDetail .editorDetailBody .dialogue .dialogueItem--left p::before {
  content: "";
  right: 100%;
  top: 30px;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem--left p::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem--left p::before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #ddd;
  border-right-color: #ddd;
  border-width: 11px;
  margin-top: -11px;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem--right p::after, .editorDetail .editorDetailBody .dialogue .dialogueItem--right p::before {
  content: "";
  left: 100%;
  top: 30px;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem--right p::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-left-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.editorDetail .editorDetailBody .dialogue .dialogueItem--right p::before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #ddd;
  border-left-color: #ddd;
  border-width: 11px;
  margin-top: -11px;
}
.editorDetail .editorDetailBody .box {
  margin-top: 4.8rem;
  padding: 27px 30px;
  background-color: #fff;
}
.editorDetail .editorDetailBody .box h2 {
  padding-left: 17px;
  border-left: 5px solid #ecef90;
  font-size: 1.7rem;
}
.editorDetail .editorDetailBody .box h2:not(:first-child) {
  margin-top: 2rem;
}
.editorDetail .editorDetailBody .box h3 {
  font-size: 1.7rem;
}
.editorDetail .editorDetailBody .box h3:not(:first-child) {
  margin-top: 2rem;
}
.editorDetail .editorDetailBody .box h4 {
  font-size: 1.5rem;
}
.editorDetail .editorDetailBody .box h4:not(:first-child) {
  margin-top: 2rem;
}
.editorDetail .editorDetailTags {
  margin-top: 40px;
  margin-inline: 4%;
  padding: 30px 28px;
  background-color: #fff;
}
.editorDetail .editorDetailTags__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.editorDetail .editorDetailTags__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 20px;
}
.editorDetail .editorDetailTags__item {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
  color: #222;
}
.editorDetail .editorDetailAuthor {
  margin-top: 30px;
  margin-inline: 4%;
  padding: 27px 15px;
  background-color: #fff;
}
.editorDetail .editorDetailAuthor__info a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 20px;
  width: 100%;
}
.editorDetail .editorDetailAuthor__img {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.editorDetail .editorDetailAuthor__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorDetail .editorDetailAuthor__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #222;
}
.editorDetail .editorDetailAuthor__pref {
  margin-top: 4px;
}
.editorDetail .editorDetailAuthor__body {
  margin-top: 16px;
}
.editorDetail .editorDetailAuthor__text {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #222;
}
.editorDetail .editorDetailAuthor__text a {
  text-decoration: underline;
  color: #ff6600;
}

.editorDetailList {
  margin-top: 50px;
}
.editorDetailList .editorDetailListTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  color: #222;
}
.editorDetailList__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
}
.editorDetailList__item {
  -webkit-box-flex: 0;
          flex: 0 1 calc((100% - 14px) / 2);
  max-width: calc((100% - 14px) / 2);
}
.editorDetailList__item a {
  display: block;
  height: 100%;
  padding: 10px 10px 14px;
  background-color: #fff;
}
.editorDetailList__item.has_border .editorBlogCard__icon {
  border: 2px solid #ff6600;
}
.editorDetailList__series {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.editorDetailList__series svg {
  display: inline-block;
  width: 11px;
  margin-right: 4px;
}
.editorDetailList__series span {
  font-size: 1rem;
  line-height: 1.4;
  color: #222;
}
.editorDetailList__author {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.editorDetailList__author span {
  display: block;
  font-size: 1rem;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editorDetailList__icon {
  -webkit-box-flex: 0;
          flex: 0 0 26px;
  position: relative;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.editorDetailList__icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorDetailList__figure {
  position: relative;
  width: 100%;
  margin: 8px 0 0;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.editorDetailList__figure:first-child {
  margin-top: 0;
}
.editorDetailList__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorDetailList__body {
  padding-top: 6px;
}
.editorDetailList__body .date {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #222;
}
.editorDetailList__body .tit {
  margin-top: 2px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.editorDetailList__body .cat {
  margin-top: 6px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #9b918c;
}
.editorDetailList__body .favorite {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 8px;
}
.editorDetailList__body .favorite svg {
  display: inline-block;
  width: 15px;
  margin-right: 7px;
  fill: #9B918C;
}
.editorDetailList__body .favorite span {
  display: inline-block;
  margin-top: -2px;
  font-size: 1.2rem;
  color: #9B918C;
}
.editorDetailList .editorDetailBtn {
  margin-top: 32px;
}

.articlesDetailPager {
  margin-top: 30px;
}
.articlesDetailPager ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.articlesDetailPager ul li {
  margin-inline: 3px;
}
.articlesDetailPager ul li a {
  display: block;
  min-width: 30px;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #222;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: 24px;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
.articlesDetailPager ul li.active a {
  color: #fff;
  background-color: #222;
}
.articlesDetailPager ul li.first, .articlesDetailPager ul li.last {
  position: relative;
}
.articlesDetailPager ul li.first a, .articlesDetailPager ul li.last a {
  display: inline-block;
  position: absolute;
  inset: 0;
  min-width: 1px;
  margin: auto;
  width: 7px;
  height: 7px;
  border-radius: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.articlesDetailPager ul li.first {
  margin-right: 34px;
}
.articlesDetailPager ul li.first a {
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.articlesDetailPager ul li.last {
  margin-left: 34px;
}
.articlesDetailPager ul li.last a {
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/******************************
オレぺエディターブログ Books
******************************/
.editorBooks {
  padding-top: 68px;
  padding-bottom: 127px;
  background-color: #f1eceb;
  box-shadow: 0 0 0 100vmax #f1eceb;
  -webkit-clip-path: inset(0 -100vmax);
          clip-path: inset(0 -100vmax);
  z-index: 0;
}
.editorBooks .editorBooksTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.1rem;
  font-weight: 700;
  text-align: center;
  color: #222;
}
.editorBooks .editorBooksTitle span {
  display: block;
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}
.editorBooks .editorBooksTop {
  margin-top: 57px;
}
.editorBooks .editorBooksTop .editorBooksTopNew {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
}
.editorBooks .editorBooksTop .editorBooksTopNew__figure {
  margin: 0;
}
.editorBooks .editorBooksTop .editorBooksTopNew__body {
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 12px;
}
.editorBooks .editorBooksTop .editorBooksTopNew__body h3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
}
.editorBooks .editorBooksTop .editorBooksTopNew__body h3 .badge {
  -webkit-box-flex: 0;
          flex: 0 0 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 60px;
  height: 30px;
  margin-right: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  background-color: #222;
  color: #fff;
}
.editorBooks .editorBooksTop .editorBooksTopNew__title {
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1.4;
  color: #222;
}
.editorBooks .editorBooksTop .editorBooksTopNew__term {
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #222;
}
.editorBooks .editorBooksTop .editorBooksTopBtns {
  margin-top: 46px;
  padding-left: 4.3%;
  padding-right: 4.3%;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 48px;
  border: 2px solid #222;
  border-radius: 24px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  background-color: #fff;
  color: #222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn a:hover {
  opacity: 0.8;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn a svg {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 14px;
  height: 5px;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn a svg image {
  width: 100%;
  height: 100%;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn__icon {
  display: inline-block;
  margin-right: 5px;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn:first-child .booksBtn__icon {
  width: 70px;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn:nth-child(2) .booksBtn__icon {
  width: 40px;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn:nth-child(3) .booksBtn__icon {
  width: 114px;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn:nth-child(4) .booksBtn__icon {
  width: 53px;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn:nth-child(5) .booksBtn__icon {
  width: 104px;
  margin-top: 3px;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn--large a {
  height: 60px;
  border-radius: 30px;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn--black a {
  background-color: #222;
  color: #fff;
}
.editorBooks .editorBooksTop .editorBooksTopBtns .booksBtn--half {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
}
.editorBooks .editorBooksTop .editorBooksTopBtns__top {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 16px 0;
  padding-bottom: 14px;
  border-bottom: 1px dotted #555;
}
.editorBooks .editorBooksTop .editorBooksTopBtns__bottom {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 0;
  margin-top: 14px;
}
.editorBooks .editorBooksBottom {
  position: relative;
  margin-top: 107px;
  z-index: 0;
}
.editorBooks .editorBooksBottom .editorBooksBottomBubble {
  position: absolute;
  inset: -23px auto auto 20px;
  padding: 20px 28px;
  z-index: 1;
}
.editorBooks .editorBooksBottom .editorBooksBottomBubble span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
}
.editorBooks .editorBooksBottom .editorBooksBottomBubble__bg {
  position: absolute;
  inset: 0 auto auto 0;
  width: 177px;
  z-index: -1;
}
.editorBooks .editorBooksBottom .editorBooksBottomBubble__bg img {
  width: 100%;
}
.editorBooks .editorBooksBottom .editorBooksSlider {
  padding-bottom: 118px;
  background-color: #fff;
}
.editorBooks .editorBooksBottom .editorBooksSlider__list .slick-list {
  padding-top: 115px !important;
}
.editorBooks .editorBooksBottom .editorBooksSlider__item {
  padding-left: 23px;
  padding-right: 23px;
}
.editorBooks .editorBooksBottom .editorBooksSlider__item a {
  display: block;
  width: 100%;
}
.editorBooks .editorBooksBottom .editorBooksSlider__item.slick-center .editorBooksSlider__figure {
  -webkit-transform: scale(1.18);
          transform: scale(1.18);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.editorBooks .editorBooksBottom .editorBooksSlider__figure {
  position: relative;
  width: 100%;
  margin: 0;
  aspect-ratio: 260/332;
}
.editorBooks .editorBooksBottom .editorBooksSlider__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorBooks .editorBooksBottom .editorBooksSlider__body {
  padding-top: 6px;
}
.editorBooks .editorBooksBottom .editorBooksSlider__body .tit {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.editorBooks .editorBooksBottom .editorBooksBottomBtn {
  position: absolute;
  inset: auto 0 38px;
}

/******************************
オレぺエディタープロフィール 一覧
******************************/
.editorProfArchive {
  padding-top: 62px;
  padding-bottom: 80px;
  font-family: "Noto Sans JP", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
}
.editorProfArchive .editorProfArchiveTitle {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0;
  text-align: center;
}
.editorProfArchive .editorProfArchiveCat {
  margin-top: 30px;
}
.editorProfArchive .editorProfArchiveCat__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
}
.editorProfArchive .editorProfArchiveCat__item {
  -webkit-box-flex: 0;
          flex: 0 0 50%;
}
.editorProfArchive .editorProfArchiveCat__item a {
  display: block;
  position: relative;
  padding-inline: 0.3em;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #d3d3d3;
}
.editorProfArchive .editorProfArchiveCat__item.is-active a {
  color: #222;
}
.editorProfArchive .editorProfArchiveCat__item.is-active a::after {
  content: "";
  position: absolute;
  inset: auto 0 -10px;
  width: 100%;
  height: 2px;
  background-color: #222;
}
.editorProfArchive .editorProfArchiveList {
  margin-top: 52px;
}
.editorProfArchive .editorProfArchiveList__list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.editorProfArchive .editorProfArchiveList__list + .editorProfArchiveList__list {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #d3d3d3;
}
.editorProfArchive .editorProfArchiveList__item {
  -webkit-box-flex: 0;
          flex: 0 1 calc((100% - 30px) / 4);
  max-width: calc((100% - 30px) / 4);
}
.editorProfArchive .editorProfArchiveList__item a {
  display: block;
  padding: 5px 5px 8px;
  background-color: #fff;
}

.editorProfCard a {
  display: block;
  height: 100%;
  padding: 10px 9px 14px;
  background-color: #fff;
}
.editorProfCard__figure {
  position: relative;
  margin: 0;
  border: 2px solid #ff6600;
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.editorProfArchiveList__list:not(.has_border) .editorProfCard__figure {
  border: none;
}

.editorProfCard__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorProfCard__body {
  padding-top: 10px;
}
.editorProfCard__body .tit {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.editorProfCard__body .pref {
  margin-top: 4px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: right;
}

.editorProfRelated {
  padding-top: 55px;
  padding-bottom: 88px;
}
.editorProfRelated .editorProfRelatedTitle {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}
.editorProfRelated .editorProfRelatedTitle svg {
  width: 32px;
}
.editorProfRelated .editorProfRelatedTitle span {
  display: inline-block;
  margin-top: 12px;
  font-size: 2rem;
  font-weight: 700;
  color: #222;
}
.editorProfRelated .editorProfRelatedBtn {
  margin-top: 60px;
}

/******************************
オレぺエディタープロフィール 詳細
******************************/
.editorProfDetail {
  padding-top: 58px;
  padding-bottom: 80px;
  font-family: "Noto Sans JP", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
}
.editorProfDetail .editorProfDetailHead {
  padding-inline: 4.266%;
}
.editorProfDetail .editorProfDetailHead__top {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}
.editorProfDetail .editorProfDetailHead .editorProfDetailHeadImg {
  position: relative;
  width: 94px;
  height: 94px;
  margin: 0 auto;
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.editorProfDetail .editorProfDetailHead .editorProfDetailHeadImg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.editorProfDetail .editorProfDetailHead .editorProfDetailHeadTitle {
  margin-top: 12px;
  font-size: 2rem;
  line-height: 1.333;
  text-align: center;
}
.editorProfDetail .editorProfDetailHead .editorProfDetailHeadTitle span {
  display: block;
  margin-top: 6px;
}
.editorProfDetail .editorProfDetailHead__body {
  margin-top: 26px;
}
.editorProfDetail .editorProfDetailHead .editorProfDetailHeadTxt {
  font-size: 1.4rem;
  line-height: 1.6;
}
.editorProfDetail .editorProfDetailHead .editorProfDetailHeadTxt a {
  display: inline;
  color: #ff6600;
  text-decoration: underline;
}

/******************************
静的ページ
******************************/
/* 共通 */
.staticSection .staticTitHead {
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.staticSection .staticTitHead .staticTit {
  font-family: "Noto Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
}
.staticSection .contTxt {
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0;
}
.staticSection .contTxt a {
  color: #777;
  text-decoration: underline;
}
.staticSection .contSubTit {
  margin: 20px 0 12px;
  padding: 0 0 3px 0.4em;
  color: #222;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.65;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #eee;
}
.staticSection .contIndentList {
  padding-left: 0.5em;
}
.staticSection .contIndentList li {
  margin-top: 5px;
  padding-left: 1em;
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0;
  text-indent: -1em;
}
.staticSection .contIndentList li .contTxt {
  margin-top: 10px;
  padding-left: 0;
  text-indent: 0;
}
.staticSection .contIndentList li a {
  color: #999;
  text-decoration: underline;
}
.staticSection .staticContBtn {
  margin-top: 50px;
}
.staticSection .staticContBtn a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  max-width: 250px;
  height: 50px;
  margin: 0 auto;
  padding: 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  background: #2d2c29;
  border-radius: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.staticSection .staticContBtn a:hover {
  background: #666;
}
.staticSection .pullRight {
  text-align: right;
}
.staticSection .dotsList ul {
  border-top: 1px solid #eee;
}
.staticSection .dotsList ul li {
  padding: 12px 18px;
  color: #222;
  font-size: 1.4rem;
  line-height: 2.15;
  border-bottom: 1px solid #eee;
}
.staticSection .dotsList ul li a {
  text-decoration: underline;
}
.staticSection .staticCont .mapImg {
  width: 100%;
  margin: 20px auto;
}
.staticSection .staticCont .mapImg img {
  max-width: 100%;
}

.staticSection + .staticSection {
  margin-top: 50px;
}

.staticSection--company .companyTable table {
  width: 100%;
  margin-top: 30px;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}
.staticSection--company .companyTable table th {
  border: 1px solid #ddd;
  width: 28%;
  padding: 22px 18px;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.444;
  letter-spacing: 0.06em;
  text-align: left;
  vertical-align: middle;
  background: #eeedeb;
}
.staticSection--company .companyTable table td {
  border: 1px solid #ddd;
  padding: 22px 18px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.444;
  letter-spacing: 0.06em;
  vertical-align: middle;
}
.staticSection--company .companyTable table td iframe {
  width: 100% !important;
}

#cboxLoadedContent {
  background: #eeedeb !important;
}

.information_popup {
  width: 94%;
  height: auto;
  margin: 0 auto;
  padding: 15px 20px;
}
.information_popup h2 {
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.444;
  letter-spacing: 0.06em;
  text-align: center;
}
.information_popup p {
  margin-top: 20px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.15;
  letter-spacing: 0.06em;
  text-align: center;
}

.staticSection--contact .contBox {
  margin-top: 12px;
}
.staticSection--contact .txtBold {
  margin: 12px 0;
}
.staticSection--contact .contTxt + .contTxt {
  margin-top: 12px;
}

.staticSection--privacy {
  padding: 0 0.5em;
}
.staticSection--privacy .note {
  margin-top: 5px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0;
}

.staticSection--rules {
  padding: 0 0.5em;
}
.staticSection--rules .rulesList > li {
  margin-top: 12px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.15;
  letter-spacing: 0.06em;
}

.staticSection--compliance .addressBox {
  width: 100%;
  margin: 20px 0;
  padding: 12px 18px;
  background: #eeedeb;
}
.staticSection--compliance .addressBox .contTxt {
  color: #f60;
}

.staticSection--sns {
  border-bottom: 1px solid #ddd;
}
.staticSection--sns:last-of-type {
  border-bottom: none;
}
.staticSection--sns .staticTitHead .staticTit i {
  margin-right: 12px;
}
.staticSection--sns .staticTitHead .staticTit i.fa-twitter::before {
  color: #1da1f2;
}
.staticSection--sns .staticTitHead .staticTit i.fa-facebook::before {
  color: #3b5998;
}
.staticSection--sns .staticTitHead .staticTit i.fa-instagram::before {
  color: #262626;
}
.staticSection--sns .staticTitHead .staticTit i.fa-pinterest::before {
  color: #bd081c;
}
.staticSection--sns .snsList ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.staticSection--sns .snsList ul li {
  width: 100%;
  margin-bottom: 20px;
}
.staticSection--sns .snsList ul li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 14px;
}
.staticSection--sns .snsList ul li a .txt {
  padding-left: 12px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0;
}

.staticSection--faq .faqMenu {
  margin: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.staticSection--faq .faqMenu ol li {
  padding: 12px 1em;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.15;
  letter-spacing: 0.06em;
}
.staticSection--faq .faqMenu ol li span {
  display: inline-block;
  margin-right: 12px;
  padding: 6px 7px 5px 8px;
  background: #2d2c29;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 6px;
}
.staticSection--faq .faqMenu ol li a {
  width: calc(100% - 36px);
}
.staticSection--faq .faqList {
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.staticSection--faq .faqList::after {
  content: "";
  display: block;
  clear: both;
}
.staticSection--faq .faqList .toTopLink {
  float: right;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
.staticSection--faq .faqList .faqListTit {
  margin: 24px 0 12px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.15;
  letter-spacing: 0.06em;
}
.staticSection--faq .faqList .faqListTit span {
  display: inline-block;
  margin-right: 12px;
  padding: 6px 7px 5px 8px;
  background: #2d2c29;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 6px;
}
.staticSection--faq .faqList ol {
  padding-left: 1em;
}
.staticSection--faq .faqList ol li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0;
}
.staticSection--faq .faqList ol li a {
  margin-top: 5px;
  text-decoration: underline;
}
.staticSection--faq .faqCont {
  margin-top: 50px;
}
.staticSection--faq .faqCont .faqBox {
  max-width: 700px;
  margin: 0 auto;
  padding-top: 20px;
  border-top: 1px solid #2d2c29;
}
.staticSection--faq .faqCont .faqBox + .faqBox {
  margin-top: 30px;
}
.staticSection--faq .faqCont .faqBox__q {
  position: relative;
  padding-left: 2.2em;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 2.15;
  letter-spacing: 0.06em;
}
.staticSection--faq .faqCont .faqBox__q::before {
  content: "Q";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #e5b8b7;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.staticSection--faq .faqCont .faqBox__a {
  position: relative;
  padding: 0 1.4em;
  margin-top: 18px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.15;
  letter-spacing: 0.06em;
}
.staticSection--faq .faqCont .faqBox__a::before {
  content: "A";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #a9c6d5;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.staticSection--faq .faqCont .faqBox__a a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: 50px;
  margin: 20px auto 0;
  padding: 0 25px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.444;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  background: #2d2c29;
  border-radius: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.staticSection--faq .faqCont .faqBox__a a:hover {
  background: #666;
}
.staticSection--faq .faqConfirm {
  margin-top: 75px;
  padding-top: 30px;
  border-top: 1px solid #2d2c29;
}
.staticSection--faq .faqConfirm .faqConfirmTit {
  font-family: "Noto Sans", sans-serif;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
}
.staticSection--faq .faqConfirm .confirmBtnWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: 30px;
}
.staticSection--faq .faqConfirm .confirmBtnWrap > div {
  width: calc(50% - 15px);
}
.staticSection--faq .faqConfirm .confirmBtnWrap > div:first-child {
  margin-right: 30px;
}
.staticSection--faq .faqConfirm .confirmBtnWrap .confirmBtnTxt {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.15;
  letter-spacing: 0.06em;
  text-align: center;
}
.staticSection--faq .faqConfirm .confirmBtnWrap .confirmBtn {
  margin-top: 10px;
}
.staticSection--faq .faqConfirm .confirmBtnWrap .confirmBtn a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  height: 50px;
  margin: 20px auto 0;
  padding: 0 25px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.444;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  border: 1px solid #2d2c29;
  border-radius: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.staticSection--faq .faqConfirm .confirmBtnWrap .confirmBtn a:hover {
  background: #666;
}
.staticSection--faq .faqConfirm .confirmBtnWrap .confirmBtn--left a {
  color: #2d2c29;
  background: #fff;
}
.staticSection--faq .faqConfirm .confirmBtnWrap .confirmBtn--right a {
  color: #fff;
  background: #2d2c29;
}

.staticSection--join {
  margin: 0 -5.468%;
  padding: 0 2%;
}
.staticSection--join img {
  max-width: 100%;
  height: auto;
}
.staticSection--join img.pcHide {
  display: inline-block;
}
.staticSection--join img.spHide {
  display: none;
}
.staticSection--join .btnWrap {
  width: 100%;
  margin: 40px auto 0;
}
.staticSection--join .btnWrap a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 64px;
  border-radius: 32px;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  background-color: #333;
  color: #fff;
  box-shadow: 0 6px 0 #ccc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.staticSection--join .btnWrap a:hover {
  background-color: #666;
}
.staticSection--join .join {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0;
  font-weight: 500;
  color: #333;
  background-color: transparent;
}
.staticSection--join .join p.topLead {
  font-size: 2.1rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}
.staticSection--join .join p.topSubLead {
  margin-top: 10px;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.55;
  text-align: left;
}
.staticSection--join .join h1 {
  margin-top: 10px;
  font-size: 2.1rem;
  line-height: 2;
  font-weight: 800;
  text-align: center;
}
.staticSection--join .join h1 span {
  font-size: 2.3rem;
  color: #ff6600;
}
.staticSection--join .join h2 {
  margin-bottom: 30px;
  text-align: center;
}
.staticSection--join .join h3 {
  max-width: 100%;
}
.staticSection--join .join h3 img {
  width: 100%;
  height: auto;
}
.staticSection--join .join .btnSmallWrap {
  margin-top: 24px;
}
.staticSection--join .join .btnSmallWrap a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  margin: 0 auto;
  border-radius: 30px;
  font-size: 2.4rem;
  font-weight: 800;
  background-color: #ff6600;
  color: #fff;
  box-shadow: inset 0px 0px 4px 2px rgba(200, 200, 200, 0.2), 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.staticSection--join .join .btnSmallWrap a:hover {
  opacity: 0.7;
}
.staticSection--join .join .btnSmallWrap a img {
  margin-left: 5px;
}
.staticSection--join .members {
  width: 100%;
  margin: 45px 0 0;
  padding: 35px 6.098%;
  border-radius: 14px;
  background-color: #fff9e6;
}
.staticSection--join .members h2 {
  padding-bottom: 10px;
  border-bottom: 4px solid #ff6600;
  font-size: 2.8rem;
  font-weight: 800;
  text-align: center;
}
.staticSection--join .members h2 span {
  color: #ff6600;
}
.staticSection--join .members h3 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  margin-top: 42px;
  padding-bottom: 5px;
  font-size: 1.85rem;
  line-height: 1.333;
}
.staticSection--join .members h3 img {
  margin-right: 8px;
}
.staticSection--join .members h3:first-of-type img {
  width: 26px;
}
.staticSection--join .members h3:nth-of-type(3) img {
  width: 42px;
  width: 46px;
}
.staticSection--join .members .membersList {
  width: 100%;
  border-top: 1px dotted #ff6600;
}
.staticSection--join .members .membersList li {
  width: 100%;
  padding: 18px 20px 18px 0;
  border-bottom: 1px dotted #ff6600;
  line-height: 1.5;
}
.staticSection--join .members .membersList li a {
  position: relative;
}
.staticSection--join .members .membersList li a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  width: 12px;
  height: 14px;
  margin: auto 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ff6600;
  border-right: none;
}
.staticSection--join .members .membersList li a:hover {
  text-decoration: underline;
}
.staticSection--join .members .membersBanner {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding-top: 20px;
  border-top: 1px dotted #ff6600;
}
.staticSection--join .members .membersBanner .banner {
  -webkit-box-flex: 0;
          flex: 0 0 48.5%;
}
.staticSection--join .members .membersBanner .banner a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.staticSection--join .members .membersBanner .banner a:hover {
  opacity: 0.7;
}
.staticSection--join .members .membersBanner .banner + .banner {
  margin-left: 3%;
}
.staticSection--join .register {
  margin-top: 46px;
}
.staticSection--join .register h2 {
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1.333;
  text-align: center;
  color: #ff6600;
}
.staticSection--join .register .registerLead {
  margin-top: 10px;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.75;
  text-align: left;
}
.staticSection--join .register .registerBoxWrap {
  margin-top: 24px;
}
.staticSection--join .register .registerBox {
  display: -webkit-box;
  display: flex;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 140px;
  border-radius: 12px;
  background-color: #fef1f1;
}
.staticSection--join .register .registerBox .icon {
  -webkit-box-flex: 0;
          flex: 0 0 128px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.staticSection--join .register .registerBox .icon_01 img {
  width: 80px;
}
.staticSection--join .register .registerBox .icon_02 img {
  width: 60px;
}
.staticSection--join .register .registerBox .txtBox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100%;
  padding-right: 20px;
}
.staticSection--join .register .registerBox .txtBox .tit {
  font-size: 1.5rem;
  font-weight: 800;
  color: #ff6600;
}
.staticSection--join .register .registerBox .txtBox .txt {
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
}
.staticSection--join .register .registerBox + .registerBox {
  margin-top: 12px;
}
.staticSection--join .check {
  margin-top: 40px;
}
.staticSection--join .check h2 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.333;
  text-align: center;
}
.staticSection--join .check h2 span {
  color: #ff6600;
}
.staticSection--join .check .mainImg {
  width: 100%;
}
.staticSection--join .check .mainImg img {
  width: 100%;
  height: auto;
}
.staticSection--join .check .baloon {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 60px;
  margin: 35px auto 0;
  padding: 0 5.333%;
  border-radius: 10px;
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: -0.025em;
  background-color: #ff6600;
  color: #fff;
}
.staticSection--join .check .baloon::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  width: 30px;
  height: 20px;
  margin: 0 auto;
  border-top: 20px solid #ff6600;
  border-bottom: none;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
.staticSection--join .check .btnWhiteWrap {
  width: 100%;
  margin: 13px auto 0;
}
.staticSection--join .check .btnWhiteWrap a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 64px;
  border-radius: 32px;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  box-shadow: 0 6px 0 #ccc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 4px solid #333;
  background-color: #fff;
  color: #333;
}
.staticSection--join .check .btnWhiteWrap a:hover {
  border: 4px solid #666;
  background-color: #fff;
  color: #666;
}
.staticSection--join .instagram {
  margin-top: 50px;
  padding: 35px 5.333%;
  border-radius: 12px;
  background-color: #fef1f1;
}
.staticSection--join .instagram .logo {
  text-align: center;
}
.staticSection--join .instagram .logo a:hover {
  opacity: 0.7;
}
.staticSection--join .instagram .logo img {
  width: 80px;
}
.staticSection--join .instagram h2 {
  margin-top: 16px;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.333;
  text-align: center;
  color: #ff6600;
}
.staticSection--join .instagram h2 a {
  color: #ff6600;
}
.staticSection--join .instagram h2 a:hover {
  opacity: 0.7;
}
.staticSection--join .instagram .instagramLead {
  margin-top: 5px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
}
.staticSection--join .instagram .instagramLead a {
  text-decoration: underline;
}
.staticSection--join .instagram .instagramLead a:hover {
  text-decoration: none;
}
.staticSection--join .instagram .instagramBox {
  width: 100%;
  margin: 30px 0 0;
}
.staticSection--join .instagram .instagramBox h3 {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.333;
  color: #ff6600;
}
.staticSection--join .instagram .instagramBox .instagramBoxTag {
  margin-top: 6px;
}
.staticSection--join .instagram .instagramBox .instagramBoxTag li a {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.333;
  color: #333;
}
.staticSection--join .instagram .instagramBox .instagramBoxTag li + li {
  margin-top: 4px;
}
.staticSection--join .instagram .instagramBox .instagramBoxTxt {
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
}
.staticSection--join .instagram .instagramBox .instagramBoxImg {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.staticSection--join .instagram .instagramBox .instagramBoxImg img {
  -webkit-box-flex: 0;
          flex: 0 0 33.333%;
  display: block;
  max-width: 33.333%;
  aspect-ratio: 1/1;
}
.staticSection--join .instagram .instagramBottom {
  margin-top: 20px;
}
.staticSection--join .instagram .instagramBottom .instagramBottomTxt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
}
.staticSection--join .instagram .instagramBottom .instagramBottomTxt span {
  font-weight: 800;
  color: #fc0404;
}
.staticSection--join .bottomTxt {
  margin-top: 8px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
}
.staticSection--join .bottomTxt a {
  text-decoration: underline;
}
.staticSection--join .bottomTxt a:hover {
  text-decoration: none;
}

/******************************
記事広告一覧用
******************************/
.addSec .articlesList .img {
  background-color: #fde7fc;
}
.addSec .articlesList .tit {
  color: #ea93be;
}

.sideAddSec .sideArticlesList .img {
  background-color: #fde7fc;
}
.sideAddSec .sideArticlesList .tit {
  color: #ea93be;
}

/******************************
閲覧制限
******************************/
.noViewWrap {
  position: relative;
  height: 550px;
  overflow: hidden;
}
.noViewWrap:before {
  content: "";
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 20%, #fff 60%, #fff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 20%, #fff 60%, #fff 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 600px;
}

.noView {
  background: #eee;
  border: solid 1px #d9d9d9;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 13px;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  padding: 40px 0 30px;
  position: absolute;
  max-width: 815px;
  width: 90%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.noView a {
  color: #8da2ea;
}

.noViewTit {
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #909090;
  margin-bottom: 15px;
  padding-left: 0.5em;
}

.noViewTxt {
  text-align: left;
  width: 80%;
  line-height: 1.6;
  color: #909090;
  margin: 0 auto 10px;
}

.noViewBtn {
  margin: 20px 0 10px;
}
.noViewBtn a {
  width: 80%;
  padding: 12px 0;
  margin: 0 auto;
  background: #e7f2fd;
  border: solid 1px #79adff;
}

/******************************
閲覧制限
******************************/
.nextViewWrap {
  position: relative;
  height: 340px;
  overflow: hidden;
  margin-bottom: 20px;
}
.nextViewWrap:before {
  content: "";
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.75) 60%, #fff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.75) 60%, #fff 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 400px;
}

/******************************
グッバイバナー
******************************/
.byeBanWrap {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}

.byeBan {
  width: 80%;
  margin: 50vh auto 0;
  padding: 40px 0 20px;
  background: #fff;
  text-align: center;
  position: relative;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.byeBan a {
  color: #8da2ea;
}

.byeBanClose {
  position: absolute;
  top: -45px;
  right: 0;
  font-size: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.byeBanClose:hover {
  opacity: 0.5;
}
.byeBanClose:before {
  content: "";
  display: block;
  background: #fff;
  width: 36px;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.byeBanClose:after {
  content: "";
  display: block;
  background: #fff;
  width: 36px;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.byeBanTit {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #909090;
  margin-bottom: 15px;
}

.byeBanTxt {
  width: 80%;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #909090;
  margin: 0 auto 10px;
  text-align: left;
}

.byeBanBtn {
  margin: 30px 0 20px;
}
.byeBanBtn a {
  width: 80%;
  padding: 12px 0;
  margin: 0 auto;
  background: #e7f2fd;
  border: solid 1px #79adff;
}

/******************************
右コンテンツ一覧
******************************/
.sideArticlesList {
  margin-bottom: 40px;
}
.sideArticlesList li {
  position: relative;
  margin-top: 12px;
}
.sideArticlesList li a {
  display: -webkit-box;
  display: flex;
}
.sideArticlesList li a .imgWrap {
  width: 80px;
}
.sideArticlesList li a .imgWrap .img {
  width: 80px;
  padding-top: 80px;
  position: relative;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sideArticlesList li a .txtBox {
  position: relative;
  width: calc(100% - 80px);
  padding: 0 0 0 16px;
}
.sideArticlesList li a .txtBox .tit {
  padding-top: 0;
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.333;
  letter-spacing: 0.04em;
}
.sideArticlesList li a .txtBox .meta {
  position: absolute;
  bottom: 0;
  left: 10px;
}
.sideArticlesList li a .txtBox .data {
  display: none;
}
.sideArticlesList li a .txtBox .cateTags {
  position: relative;
  margin-top: 10px;
}
.sideArticlesList a > div {
  display: block;
}

.ranking {
  margin-top: 20px;
  margin-bottom: 40px;
}
.ranking .sideArticlesList li {
  margin-top: 25px;
}
.ranking .sideArticlesList li a {
  padding-left: 0;
}
.ranking .sideArticlesList li a .imgWrap .img::after {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: 24px;
  height: 24px;
}
.ranking .sideArticlesList li:first-of-type a .imgWrap .img::after {
  background: url("../../common/img/ranking_1.png") left top/cover no-repeat;
}
.ranking .sideArticlesList li:nth-of-type(2) a .imgWrap .img::after {
  background: url("../../common/img/ranking_2.png") left top/cover no-repeat;
}
.ranking .sideArticlesList li:nth-of-type(3) a .imgWrap .img::after {
  background: url("../../common/img/ranking_3.png") left top/cover no-repeat;
}
.ranking .sideArticlesList li:nth-of-type(4) a .imgWrap .img::after {
  background: url("../../common/img/ranking_4.png") left top/cover no-repeat;
}
.ranking .sideArticlesList li:nth-of-type(5) a .imgWrap .img::after {
  background: url("../../common/img/ranking_5.png") left top/cover no-repeat;
}

.ranking--recipe .sideArticlesList li a .txtBox .tit {
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.04em;
}
.ranking--recipe .sideArticlesList li a .txtBox .txt {
  margin-top: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

.sideSpecialTopics {
  margin: 45px calc(50% - 50vw) 0 !important;
  padding: 42px 6.25% 20px;
  background: #e9e8e6;
}
.sideSpecialTopics .contTitHead {
  margin-bottom: 42px;
}
.sideSpecialTopics .sideArticlesList {
  margin-bottom: 0;
}
.sideSpecialTopics .sideArticlesList ul::after {
  content: "";
  display: block;
  clear: both;
}
.sideSpecialTopics .sideArticlesList ul li {
  float: left;
  width: calc(50% - 10px);
  margin: 0 0 20px;
}
.sideSpecialTopics .sideArticlesList ul li:nth-of-type(2n) {
  margin-left: 20px;
}
.sideSpecialTopics .sideArticlesList ul li:nth-of-type(2n+1) {
  clear: both;
}
.sideSpecialTopics .sideArticlesList ul li a {
  display: block;
}
.sideSpecialTopics .sideArticlesList ul li a .imgWrap {
  width: 100%;
}
.sideSpecialTopics .sideArticlesList ul li a .img {
  width: 100%;
  padding-top: 76.923%;
}
.sideSpecialTopics .sideArticlesList ul li a .txtBox {
  width: 100%;
  padding: 0;
}
.sideSpecialTopics .sideArticlesList ul li a .txtBox .meta {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  left: 0;
  padding-top: 12px;
}
.sideSpecialTopics .sideArticlesList ul li a .txtBox .meta .cate {
  margin: 0;
  color: #666;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.05em;
}
.sideSpecialTopics .sideArticlesList ul li a .txtBox .meta .cate::before {
  content: none;
}
.sideSpecialTopics .sideArticlesList ul li a .txtBox .meta .pr {
  padding-right: 13px;
}
.sideSpecialTopics .sideArticlesList ul li a .txtBox .tit {
  margin-top: 10px;
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.sideSpecialTopics .sideArticlesList ul li a .txtBox .cateTags {
  left: 0;
}
.sideSpecialTopics .sideArticlesList ul li a .prSp {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.sideSpecialTopics .sideArticlesList ul li a .prSp img {
  width: 100%;
}

.sideMokuziList ul {
  border: solid 1px #eee;
  margin-top: 30px;
}
.sideMokuziList li {
  margin-top: 0;
}
.sideMokuziList li a {
  display: block;
  padding: 10px 20px;
  font-size: 1.2rem;
}
.sideMokuziList li + li {
  border-top: solid 1px #eee;
}

.sideMokuziListTit {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin-top: 30px;
}

.sideMokuziListTit + ul {
  margin-top: 10px;
}

/******************************
お問い合わせ
******************************/
.applyCont {
  padding: 0 15px;
}

.applyForm {
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}
.applyForm .tit {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-align: center;
}
.applyForm .sub {
  margin-top: 10px;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  text-align: center;
}
.applyForm .sub a {
  text-decoration: underline;
}
.applyForm .notice {
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: left;
}
.applyForm .notice a {
  text-decoration: underline;
}
.applyForm .lineTxt {
  margin-top: 20px;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  text-align: center;
  background: -webkit-linear-gradient(#fff 0%, #fff 49%, #ddd 50%, #ddd 51%, #fff 52%, #fff 100%);
  background: linear-gradient(#fff 0%, #fff 49%, #ddd 50%, #ddd 51%, #fff 52%, #fff 100%);
}
.applyForm .lineTxt p {
  padding: 0 1em;
  background: #fff;
  display: inline-block;
}
.applyForm .authSnsBtn {
  margin-top: 20px;
  text-align: center;
}
.applyForm .authSnsBtn li {
  width: 100%;
  text-align: center;
  padding: 5px 0 0;
  display: inline-block;
}
.applyForm .authSnsBtn li a {
  font-size: 1.3rem;
  display: block;
  color: #fff;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #323232;
  padding: 10px;
}
.applyForm .authSnsBtn li a:hover {
  opacity: 0.8;
}
.applyForm .authSnsBtn li a i {
  font-size: 24px;
  float: left;
  margin-top: 3px;
}
.applyForm .authSnsBtn li.facebook a {
  background: #385c8e;
}
.applyForm .authSnsBtn li.google a {
  background: #f34a38;
}
.applyForm table {
  width: 100%;
  font-family: "Lato", sans-serif;
}
.applyForm table th {
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  font-weight: normal;
}
.applyForm table td {
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  font-weight: normal;
}
.applyForm table td input[type=text] {
  width: 100%;
  padding: 18px;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  border: none;
  background: #f1f1f1;
}
.applyForm table td input[type=password] {
  width: 100%;
  padding: 18px;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  border: none;
  background: #f1f1f1;
}
.applyForm table td input[type=email] {
  width: 100%;
  padding: 18px;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  border: none;
  background: #f1f1f1;
}
.applyForm table td select {
  width: 100%;
}
.applyForm table td textarea {
  width: 100%;
  padding: 18px;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
  border: none;
  background: #f1f1f1;
  resize: vertical;
}
.applyForm table.row1 th {
  width: 100%;
  padding-top: 20px;
  display: block;
}
.applyForm table.row1 td {
  width: 100%;
  padding-top: 10px;
  display: block;
}
.applyForm table.row2 th {
  width: 100%;
  padding-top: 20px;
  display: block;
}
.applyForm table.row2 td {
  width: 100%;
  padding-top: 10px;
  display: block;
}
.applyForm .error .message {
  color: #cd0a0a;
  background: #fef1ec;
  padding: 15px;
  border-radius: 10px;
  line-height: 1.5;
  margin-top: 10px;
}
.applyForm .error-message {
  color: #cd0a0a;
  border-radius: 10px;
  line-height: 1.2;
  margin-top: 5px;
}
.applyForm .applyFormSubmit {
  margin-top: 45px;
}

.applyFormRadio input {
  display: none;
}
.applyFormRadio input:checked + span:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.applyFormRadio label {
  padding-right: 20px;
}
.applyFormRadio span {
  padding-left: 30px;
  position: relative;
}
.applyFormRadio span:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid #707070;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.applyFormCheckbox input {
  display: none;
}
.applyFormCheckbox input:checked + span:after {
  content: "";
  width: 18px;
  height: 7px;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  position: absolute;
  top: -2px;
  left: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.applyFormCheckbox label {
  padding: 0 20px 15px 0;
  display: inline-block;
}
.applyFormCheckbox span {
  padding-left: 30px;
  position: relative;
}
.applyFormCheckbox span:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.applyFormSelect {
  width: 100%;
  background: #f1f1f1;
  position: relative;
  display: inline-block;
}
.applyFormSelect:before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 2px #707070;
  border-right: solid 2px #707070;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 15px;
}
.applyFormSelect select {
  width: 100%;
  margin: 0;
  padding: 15px 18px;
  border: none;
  background: transparent;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.applyFormSelect select::-ms-expand {
  display: none;
}

.applyFormSubmit {
  margin-top: 20px;
}
.applyFormSubmit input {
  width: 100%;
  text-decoration: none;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  background: #323232;
  padding: 15px 0 13px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.applyFormSubmit a {
  width: 100%;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  background: #323232;
  padding: 15px 0 13px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.applyFormSubmit a + a {
  margin-top: 10px;
}
.applyFormSubmit input + input {
  margin-top: 10px;
}

.inquireForm table.row2 th {
  font-size: 1.4rem;
  padding-top: 30px;
}
.inquireForm table.row2 th .req {
  font-size: 1.1rem;
  background: #f15500;
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
  font-weight: bold;
  margin: -1px 5px 0;
}
.inquireForm table.row2 .sepNotice td {
  padding: 30px 0 0;
  font-size: 1.4rem;
  line-height: 1.6;
}
.inquireForm table td .col2 {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 5px;
}
.inquireForm table td .col2 .col {
  width: calc(50% - 5px);
}
.inquireForm table td .col2 .col + .col {
  margin-left: 10px;
}
.inquireForm table td .col2 .label {
  display: inline-block;
  color: #777777;
  padding-bottom: 3px;
}
.inquireForm table td .col2 input {
  width: 100%;
  display: block;
}
.inquireForm table td .col3 {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
  padding-bottom: 8px;
}
.inquireForm table td .sep {
  font-size: 1.8rem;
  display: inline-block;
  width: 4em;
  text-align: center;
}
.inquireForm .orange {
  color: #f15500;
}

/* 404ページ */
.errorCont {
  padding: 80px 15px;
  text-align: center;
}

.errorContTit {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
}

.errorContNumber {
  margin-top: 7px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.errorContTxt {
  margin-top: 23px;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.errorContBtn {
  margin-top: 40px;
  text-align: center;
}
.errorContBtn a {
  width: 100%;
  max-width: 350px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  background: #000;
  display: inline-block;
}

/******************************
ランキングページ
******************************/
.rankingsSection .rankingsHead .rankingsTit {
  width: 10em;
  margin: 0 auto;
  color: #222;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}
.rankingsSection .rankingsHead .rankingsTit img {
  margin-bottom: 10px;
}
.rankingsSection .rankingsCont {
  padding-top: 17px;
}
.rankingsSection .rankingsCont .rankingsTxt {
  color: #010101;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.318;
  letter-spacing: 0.05em;
}
.rankingsSection .rankingsCont .rankingsList {
  margin-top: 30px;
}
.rankingsSection .rankingsCont .rankingsList:first-of-type ul {
  border-bottom: 1px solid #ddd;
}
.rankingsSection .rankingsCont .rankingsList .rankingsListTit {
  color: #222;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
.rankingsSection .rankingsCont .rankingsList ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 25px auto 0;
  padding: 0 7px;
}
.rankingsSection .rankingsCont .rankingsList ul li {
  position: relative;
  width: calc((100% - 20px) / 2);
  margin: 15px 0 10px;
  z-index: 0;
}
.rankingsSection .rankingsCont .rankingsList ul li::before {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  right: auto;
  width: 24px;
  height: 24px;
  padding-top: 1px;
  font-family: "Avenir", "Leelawadee UI", "Arial", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  z-index: 3;
}
.rankingsSection .rankingsCont .rankingsList ul li:first-of-type {
  width: 100%;
}
.rankingsSection .rankingsCont .rankingsList ul li:first-of-type::before {
  top: -15px;
  left: -15px;
  width: 32px;
  height: 32px;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
  content: "1";
}
.rankingsSection .rankingsCont .rankingsList ul li:first-of-type .txtBox {
  padding-top: 8px;
}
.rankingsSection .rankingsCont .rankingsList ul li:first-of-type .txtBox .tit {
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.rankingsSection .rankingsCont .rankingsList ul li:not(:first-of-type) .txtBox .tit {
  color: #222;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.462;
  letter-spacing: 0;
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(2) {
  margin-right: 20px;
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(2)::before {
  content: "2";
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(4) {
  margin-right: 20px;
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(4)::before {
  content: "4";
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(n+6) {
  width: 100%;
  margin: 0 -7px;
  padding: 20px 7px;
  border-top: 1px solid #ddd;
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(n+6)::before {
  top: 7px;
  left: 0;
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(n+6) a {
  display: -webkit-box;
  display: flex;
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(n+6) .img {
  width: 80px;
  padding-top: 80px;
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(n+6) .txtBox {
  width: calc(100% - 80px);
  padding: 15px 0 0 17px;
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(3)::before {
  content: "3";
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(5)::before {
  content: "5";
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(6)::before {
  content: "6";
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(7)::before {
  content: "7";
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(8)::before {
  content: "8";
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(9)::before {
  content: "9";
}
.rankingsSection .rankingsCont .rankingsList ul li:nth-of-type(10)::before {
  content: "10";
}
.rankingsSection .rankingsCont .rankingsList ul li a {
  display: block;
}
.rankingsSection .rankingsCont .rankingsList ul li a .img {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.rankingsSection .rankingsCont .rankingsList ul li a .txtBox {
  padding: 10px 0;
}
.rankingsSection .rankingsCont .rankingsList ul li a .txtBox .tit {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.313;
  letter-spacing: 0;
}

/******************************
特集ページ
******************************/
.featuresSection .boxContents {
  margin: 0 calc(50% - 50vw);
}
.featuresSection .boxContents h1 {
  max-width: 100%;
}
.featuresSection .boxContents h1 img {
  width: 100%;
}
.featuresSection .readt {
  width: 90%;
  margin: 20px auto 0;
  color: #222;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
}

.featuresListSection {
  margin-top: 30px;
}
.featuresListSection .featuresListTitHead .featuresListTit {
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.featuresList {
  margin: 0 calc(50% - 50vw);
}
.featuresList ul {
  width: 100%;
  margin-top: 18px;
  border-top: 1px solid #ddd;
}
.featuresList ul li {
  position: relative;
  width: 100%;
  padding: 15px 6.25%;
  border-bottom: 1px solid #ddd;
}
.featuresList ul li a {
  display: -webkit-box;
  display: flex;
}
.featuresList ul li a .img {
  width: 28.571%;
  padding-top: 28.571%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.featuresList ul li a .txtBox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  width: 71.429%;
  padding-left: 5.714%;
}
.featuresList ul li a .txtBox .tit {
  margin-top: 3px;
  color: #222;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.266;
  letter-spacing: 0;
}
.featuresList ul li a .txtBox .txt {
  display: none;
}
.featuresList ul li a .txtBox .ingredients {
  margin-top: 4px;
  color: #222;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}
.featuresList ul li.sponsored {
  background: #f7f7f7;
}
.featuresList ul li.sponsored a .pr {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
}
.featuresList ul li.sponsored a .pr img {
  width: 100%;
}

/******************************
サイト内検索
******************************/
.searchResultSection {
  margin-top: 30px;
  margin-bottom: -20px;
}

.searchResult {
  padding: 20px 15px;
  background: #eeedeb;
}
.searchResult .searchResultTit {
  color: #222;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.04em;
  width: 100%;
  text-align: center;
  padding-right: 15px;
}
.searchResult form button {
  margin-left: 0;
  padding-left: 15px !important;
  padding-right: 15px !important;
  background: none !important;
  border: none;
}
.searchResult form button svg {
  fill: #A3A4A4;
  width: 15px;
  height: 15px;
}

.searchResultForm {
  display: block;
  position: relative;
  width: 100%;
  padding: 3px 0 0 3px;
  color: #323232;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  margin-top: 20px;
  min-height: 48px;
}
.searchResultForm td {
  padding: 0 !important;
}
.searchResultForm .gsc-input-box {
  border: none;
}
.searchResultForm form input[type=text] {
  font-size: 1.4rem;
  line-height: 2;
  height: auto !important;
  margin-top: 0 !important;
  padding: 1px 0 0 15px !important;
  background-position: 15px center !important;
}
.searchResultForm td.gsib_b {
  display: none !important;
}

.gsc-control-cse {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.searchResultArea .gsc-result .gs-title {
  overflow: visible !important;
}

/******************************
旧サイト詳細記事専用CSS
******************************/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.dailyTitleSmartphone {
  display: block;
  width: 100%;
  height: 70px;
  margin: 0;
  padding: 0;
  position: relative;
}
.dailyTitleSmartphone img.ttl {
  display: block;
  width: 196px;
  height: 20px;
  margin: 0 0 6px;
  padding: 7px 0 0 7px;
  border: 0;
  box-sizing: content-box;
}
.dailyTitleSmartphone img.figure {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute;
  right: 7px;
  top: 3px;
}
.dailyTitleSmartphone .text {
  display: block;
  margin: 3px 0 0;
  padding: 0 0 6px 7px;
  border-bottom: 1px dotted #333333;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.1;
}

#opDaily {
  margin: 5px;
  border: 1px solid #ccc;
}
#opDaily li {
  background-color: #fff7ed;
  padding: 7px;
}
#opDaily .headline {
  color: #5a1d11;
}

.blogBody {
  display: block;
  margin: 0 auto;
  padding: 0;
  box-sizing: content-box;
  border: 0;
  line-height: 1.5;
}
.blogBody::after {
  clear: both;
  content: "";
  display: table;
}
.blogBody img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 18px;
  max-width: 100%;
}
.blogBody p {
  clear: both;
  display: block;
  margin: 18px 0;
  padding: 0;
}
.blogBody ul {
  clear: both;
  display: block;
  margin: 18px 0 18px 1.5em;
  padding: 0;
}
.blogBody ol {
  margin: 18px 0 18px 2em;
}
.blogBody li {
  display: list-item;
  text-align: left;
  margin: 0;
  padding: 0;
  list-style-type: disc;
}
.blogBody a {
  display: inline;
}
.blogBody a.button {
  display: inline-block;
  height: 46px;
  margin: 0;
  padding: 0 34px 0 20px;
  border: 0;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background: #581e13;
  position: relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.blogBody a.button:after {
  content: "";
  background: no-repeat 0 center;
  background-image: url(/asset/frontend/img/category/icon_arrow_orange.png);
  width: 8px;
  height: 46px;
  position: absolute;
  right: 16px;
}

#opDailyBody {
  display: block;
  margin: 0 auto;
  padding: 0;
  box-sizing: content-box;
  border: 0;
  line-height: 1.5;
}
#opDailyBody::after {
  clear: both;
  content: "";
  display: table;
}
#opDailyBody img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 18px;
  max-width: 100%;
}
#opDailyBody p {
  clear: both;
  display: block;
  margin: 18px 0;
  padding: 0;
}
#opDailyBody ul {
  clear: both;
  display: block;
  margin: 18px 0 18px 1.5em;
  padding: 0;
}
#opDailyBody ol {
  clear: both;
  display: block;
  margin: 18px 0 18px 1.5em;
  padding: 0;
  margin: 18px 0 18px 2em;
}
#opDailyBody li {
  display: list-item;
  text-align: left;
  margin: 0;
  padding: 0;
  list-style-type: disc;
}
#opDailyBody a {
  display: inline;
}
#opDailyBody a.button {
  display: inline-block;
  height: 46px;
  margin: 0;
  padding: 0 34px 0 20px;
  border: 0;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  background: #581e13;
  position: relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#opDailyBody a.button:after {
  content: "";
  background: no-repeat 0 center;
  background-image: url(/asset/frontend/img/category/icon_arrow_orange.png);
  width: 8px;
  height: 46px;
  position: absolute;
  right: 16px;
}

#blogBody ol {
  clear: both;
  display: block;
  margin: 18px 0 18px 1.5em;
  padding: 0;
}

/* =================================== */
/* Google Custom Search Settings */
/* =================================== */
#cse-search-box {
  width: 180px !important;
}
#cse-search-box div {
  padding: 0 !important;
}
#cse-search-box input[type=text] {
  font-size: 14px;
  padding: 0 !important;
}
#cse-search-box input[type=submit] {
  background: #dddddd;
  border: 0 none;
}

html > body .gsc-inline-block {
  display: -moz-inline-box;
  display: inline-block;
  width: 80px;
}

/* 404ページ */
.errorCont {
  padding: 80px 15px;
  text-align: center;
}

.errorContTit {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .1em;
  text-align: center;
}

.errorContNumber {
  margin-top: 7px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .1em;
}

.errorContTxt {
  margin-top: 23px;
  font-size: 14px;
  letter-spacing: .1em;
}

.errorContBtn {
  margin-top: 40px;
  text-align: center;
}

.errorContBtn a {
  width: 100%;
  max-width: 350px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  background: #000;
  display: inline-block;
}