@charset "UTF-8";

/* ------------------------------------

  全般

------------------------------------  */
html {
  font-size: var(--size1,62.5%);
  /* color: #383838; */
}
body {
  font-family: var(--font1);
  background: var(--bg,#fff);
  background-repeat: var(--bgop1,repeat);
  background-size: var(--bgop2,auto);
  background-attachment: var(--bgop3,scroll);
  background-color: var(--color1,#fff);
  font-size: 1.6rem;
}
a {
  color: #000;
  text-decoration: none;
  /* transition : all 0.5s ease 0s; */
}
/* a:hover{
  text-decoration: underline;
  transition : all 0.5s ease 0s;
  opacity: 0.7;
} */
*{
  min-width: 0;
  min-height: 0;
}
h1,h2,h3,h4,h5 {
  font-family: var(--font2);
}
h1 {
  font-size: 2.4rem;
  text-align: center;
  border-bottom: 3px solid #000;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
h2 {
  font-size: 2.0rem;
  border-bottom: 1px solid #000;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
img {
  max-width: 100%;
  height: auto;
}
ul {
  list-style: none;
}
/* 念のためbase2020を流用して記載、下記classを使用しているか要確認 */
.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
/* ベツコミ・ちゃお・ゲッサン・webサンデーで表示、ひとまず非表示に */
.pgtop {
  display: none;
}
/* ガイドラインで指定ないため、base2020から流用 */
.topic-path {
  max-width: 1000px;
  margin: 20px auto;
  font-size: 1.2rem;
  font-weight: 700;
}
.topic-path > a:link {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {/* スマートフォン用スタイル */
  html {
    font-size: var(--size2,62.5%);
  }
  .topic-path {
    margin: 15px;
  }
}

/* ------------------------------------

  ヘッダー（SHOGAKUKAN COMIC）

------------------------------------  */
.globalface {
  background: #fff;
  color: #666;
  font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 18px;
  width: 100%;
}
.globalface a {
  color: #666;
}
.gf_header > div {
  margin: auto;
  padding: 10px 0 0;
  max-width: 980px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gf_header h1 img {
  display: block;
  margin-left: 10px;
}
.gf_form_box form {
  float: right;
  padding: 10px 0 0;
}
.gf_search > button {
  font-size: 11px;
}
.gf_form_box input[name="q"] {
  background: url(https://comics.shogakukan.co.jp/globalface3/common/images/gf_form_icon.png) #fff no-repeat;
  background-position: 7px 4px ;
  border: 1px solid #666;
  border-radius: 10px;
  font-family: inherit;
  font-size: 12px;
  font-weight: inherit;
  height: 20px;
  line-height: 1;
  margin: 0 5px 0 0;
  padding-left: 25px;
}
.gf_form_box button {
  color: #fff;
  border: none;
  padding: 5px;
  background: #666;
  cursor: pointer;
  margin-top: 6px;
}
.gf_form_box button:hover{
  background:#999;
}
.gf_header #gf_gm {
  padding-bottom: 10px;
  width: 100%;
}
.gf_header #gf_gm > ul {
  float: left;
  letter-spacing: -.40em;
  margin: 0;
  padding: 10px 10px 0;
  width: 260px;
}
.gf_header #gf_gm > ul > li {
  letter-spacing: normal;
  display: inline-block;
  padding: 0 40px 0 0;
}
.gf_header #gf_gm > ul > li:last-child {
  padding: 0;
}
@media screen and (max-width: 768px) {/* スマートフォン用スタイル */
  .globalface{
    display: none;
  }
}
/* ------------------------------------

  ヘッダーナビゲーション1

------------------------------------  */
/* .global-header__inner {
  display: flex;
  margin: 20px 20px 20px 40px;
  position: relative;
}
.global-header__sitename {
  background: none;
  border: none;
  padding: 0 20px 0 0;
  margin: 0;
}
.global-header__sitename a {
  display: block;
  height: 60px;
  background: var(--logo);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.global-header__sp {
  display: none;
}
.global-header__nav {
  margin-left: auto;
}
.global-header__nav ul {
  display: flex;
}
.global-header__nav ul li a {
	position: relative;
	color: #000;
  font-size: 2.1rem;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 5px 0;
}
.global-header__nav ul li:last-of-type a {
  margin-right: 0;
}
.global-header__nav ul li a:before {
  content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 3px;
	background: #000;
	transform: scale(0, 1);
	transition: 0.3s;
}
.global-header__nav ul li a:hover:before {
  transform: scale(1);
}
.global-header__nav ul .btn {
  display: block;
  max-width: 176px;
  height: 42px;
  line-height: 16px;
  font-size: 1.8rem;
  border: 3px solid #000;
  padding: 10px;
  box-sizing: border-box;
  margin-right: 10px;
}
.header-search {
  display: none;
}
.global-header__menubtn {
  display: none;
}
@media screen and (max-width: 768px) {
  .global-header__sp {
    display: block;
    border-top: 5px solid #333;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px;
  }
  .global-header__sp::before {
    content: "";
    width: 30px;
    height: 30px;
    border-top: 5px solid #333;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .global-header__sp::after {
    content: "";
    width: 30px;
    height: 30px;
    border-top: 5px solid #333;
    position: absolute;
    right: 0;
    top: 15px;
  }
  .global-header__inner { 
    display: block;
    margin: 0;
  }
  .global-header__sitename {
    display: inline-block;
    padding: 8px;
  }
  .global-header__nav ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
  .global-header__nav ul li a {
    height: 66px;
    border-top: 1px solid #000;
    margin-right: 0;
  }
  .global-header__nav ul li a:hover:before {
    transform: none;
  }
  .global-header__nav ul li:last-of-type a {
    border-bottom: 1px solid #000;
  }
  .global-header__menubtn {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 12px;
    border-top: 5px solid #000;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    align-items: end;
    font-size: 10px;
  }
  .global-header__menubtn::before,
  .global-header__menubtn::after {
    content: "";
    width: 30px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 0;
    border-top: 5px solid #000;
  }
  .global-header__menubtn::after {
    top: 15px;
  }
} */
/* ------------------------------------

  ヘッダーナビゲーション2

------------------------------------  */
/* 
.global-header__inner {
  display: flex;
  align-items: center;
  height: 72px;
}
.global-header__sitename {
  border: none;
  padding: 0;
  margin: 0 0 0 120px;
}
.global-header__sitename a {
  display: block;
  width: 200px;
  height: 40px;
  background: url(https://placehold.jp/400x80.png) no-repeat;
  background-size: contain;
  background-position: center;
  text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.global-header__sp {
  display: none;
}
.global-header__nav {
  display: flex;
  margin-left: auto;
}
.global-header__nav ul {
  display: flex;
  padding: 0 15px;
}
.global-header__nav ul li {
  position: relative;
}
.global-header__nav ul li a {
	color: #000;
  font-size: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  margin-right: 20px;
}
.global-header__nav ul li a::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  right: 5px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(-45deg);
}
.header-search__btn {
  width: 28px;
  height: 28px;
  background: #ccc url(/wp-content/themes/cms202008/assets/img/common/icn_search_02.png) center center no-repeat;
  background-size: 15px 19px;
  text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.global-header__menubtn {
  width: 30px;
  height: 25px;
  position: absolute;
  top: 26px;
  left: 15px;
  border-top: 5px solid #000;
  text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.global-header__menubtn::before,
.global-header__menubtn::after {
  content: "";
  width: 30px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 0;
  border-top: 5px solid #000;
}
.global-header__menubtn::after {
  top: 15px;
}
@media screen and (max-width: 768px) {
  .global-header__inner {
    height: auto;
  }
  .global-header__sp {
    display: block;
    border-top: 5px solid #333;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px;
  }
  .global-header__sp::before {
    content: "";
    width: 30px;
    height: 30px;
    border-top: 5px solid #333;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .global-header__sp::after {
    content: "";
    width: 30px;
    height: 30px;
    border-top: 5px solid #333;
    position: absolute;
    right: 0;
    top: 15px;
  }
  .global-header__inner { 
    display: block;
    margin: 0;
  }
  .global-header__sitename {
    width: 216px;
    display: block;
    height: 48px;
    padding: 8px;
    margin: 0 auto;
  }
  .global-header__sitename a {
    height: 30px;
    margin: 0 auto;
  }
  .global-header__nav {
    display: block;
  }
  .global-header__nav ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 5px;
  }
  .global-header__nav ul li a {
    font-size: 1.8rem;
    border-bottom: 1px solid #000;
    justify-content: flex-start;
    padding: 10px 5px;
    margin-right: 0;
  }
  .global-header__nav ul li a::after {
    right: 10px;
  }
  .global-header__menubtn {
    height: 30px;
    border-top: none;
    background: #000;
    padding: 9px;
    border-radius: 50%;
    top: 9px;
  }
  .global-header__menubtn::before,
  .global-header__menubtn::after {
    width: 20px;
    border-top: 3px solid #fff;
    top: 7px;
    left: 5px;
  }
  .global-header__menubtn::after {
    height: 9px;
    border-bottom: 3px solid #fff;
    top: 13px;
  }
  .header-search {
    position: absolute;
    right: 0;
    top: 0;
  }
  .header-search__btn {
    width: 20px;
    height: 20px;
  }
}
*/
/* ------------------------------------

  トップページ

------------------------------------  */


/* ------------------------------------

widget-common__footer

------------------------------------  */
.widget-common__footer {
  max-width: 1000px;
  background: var(--color2,#fff);
  text-align: center;
  margin: 0 auto;
}
.widget-common__footer a {
  width: 240px;
  line-height: 54px;
  display: inline-block;
  border: 3px solid #000;
  border-radius: 30px;
  background: #fff;
}
.widget-common__footer span {
  font-weight: bold;
}
/* ------------------------------------
  ページャー
------------------------------------  */
.pagination {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 0 auto;
}
.paging {
  list-style: none;
  text-align: center;
}
.paging li {
  display: inline;
}
.paging li span,
.paging li a {
  line-height: 24px;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  padding: 0 8px;
  margin: 0 5px;
}
.paging li span {
  border: none;
}
@media screen and (max-width: 768px) {
  .pagination {
    margin: 0 15px 60px;
  }
  .paging li span,
  .paging li a {
    line-height: 52px;
  }
}
/* ------------------------------------
  レイアウト
------------------------------------  */
.content__wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: auto;
}
.content__main {
  width: calc(70% - 20px);
  margin-right: 20px;
  padding: 0;
}
.content__sub {
  width: 30%;
  max-width: 300px;
  padding: 15px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .content__wrapper {
    display: block;
  }
  .content__main {
    width: auto;
    margin-right: 0;
  }
  .content__sub {
    width: auto;
    max-width: 100%;
    margin: 0 15px;
  }
}
/* ------------------------------------

  3列カードH型(SP1列)

------------------------------------  */
.p3s1-card-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 0;
}
.p3s1-card-h__header > h3,
.p3s1-card-h .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s1-card-h__main {
  display: flex;
  flex-wrap: wrap;
}
.p3s1-card-h__item {
  width: calc((100% - 40px) / 3);
  margin: 0 20px 30px 0;
}
.p3s1-card-h__item:nth-of-type(3n) {
  margin: 0 0 30px 0;
}
.p3s1-card-h__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p3s1-card-h__box02 {
  padding: 15px;
}
.p3s1-card-h__box02__text--02 {
  font-size: 1.4rem;
}
.p3s1-card-h__box02__title {
  font-size: 2.0rem;
  border: none;
  margin-bottom: 10px;
}
.p3s1-card-h__box02__text--01 {
  font-size: 1.4rem;
}
.p3s1-card-h__box03{
  display: flex;
  justify-content: center;
  margin: 0 auto 24px;
}
.p3s1-card-h__box03 a {
  width: 100%;
  max-width: 135px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: var(--color4,#000);
  border-radius: 25px;
  font-size: 1.4rem;
  margin: 0 10px;
}
.content__main .p3s1-card-h__item {
  width: calc((100% - 31px) / 3);  /* -30 にするとIEでカラム落ち */
  margin: 0 15px 30px 0;
}
.content__main .p3s1-card-h__item:nth-of-type(3n) {
  margin: 0 0 30px 0;
}
.content__main .p3s1-card-h__box03 a {
  margin: 0 5px;
}
@media screen and (max-width: 768px) {
  .p3s1-card-h__inner {
    margin: 40px 15px 64px;
  }
  .p3s1-card-h__main{
    display: block;
  }
  .p3s1-card-h__item{
    width: 100%;
    margin: 0 0 56px 0;
  }
  .p3s1-card-h__item:nth-of-type(3n) {
    margin: 0 0 56px 0;
  }
  .p3s1-card-h__box01 {
    padding: 12px 15px 0; 
  }
  .p3s1-card-h__box01 img{
    width: auto;
  }
  .p3s1-card-h__box02 {
    padding: 20px 15px;
  }
  .p3s1-card-h__box03 {
    display: block;
  }
  .p3s1-card-h__box03 a {
    max-width: 275px;
    display: block;
    margin: 0 auto 12px;
  }
  .content__main .p3s1-card-h__item {
    width: 100%;
    margin: 0 0 56px 0;
  }
  .content__main .p3s1-card-h__item:nth-of-type(3n) {
    margin: 0 0 56px 0;
  }
  .content__main .p3s1-card-h__box01 {
    padding: 12px 15px 0;
  }
  .content__main .p3s1-card-h__box01 img{
    width: auto
  }
  .content__main .p3s1-card-h__box03 a {
    display: block;
    margin: 0 auto 12px;
  }
}
/* ------------------------------------

  4列バナーH型(SP2列)

------------------------------------  */
.p4s2-banner-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p4s2-banner-h__header > h3,
.p4s2-banner-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p4s2-banner-h__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p4s2-banner-h__item {
  width: calc((100% - 45px) / 4);
  margin: 0 15px 30px 0;
}
.p4s2-banner-h__item:nth-of-type(4n) {
  margin: 0 0 30px 0;
}
.p4s2-banner-h__img {
  width: 100%;
}
.p4s2-banner-h__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p4s2-banner-h__box02 {
  padding: 10px 0 0;
}
.p4s2-banner-h__box02__date {
  font-size: 1.6rem;
}
.p4s2-banner-h__box02__title {
  font-size: 1.6rem;
}
.content__main .p4s2-banner-h__item {
  width: calc((100% - 36px) / 4);
  margin: 0 12px 30px 0;
}
.content__main .p4s2-banner-h__item:nth-of-type(4n) {
  margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
  .p4s2-banner-h__inner {
    margin: 40px 15px;
  }
  .p4s2-banner-h__item {
    width: calc((100% - 15px) / 2);
    margin: 0 15px 30px 0;
  }
  .p4s2-banner-h__item:nth-of-type(4n) {
    margin: 0;
  }
  .p4s2-banner-h__item:nth-of-type(2n) {
    margin: 0 0 30px;
  }
  .p4s2-banner-h__box01 img {
    width: auto;
  }
  .p4s2-banner-h__box02 {
    padding:8px 0 0;
  }
  .content__main .p4s2-banner-h__item {
    width: calc((100% - 15px) / 2);
    margin: 0 15px 30px 0;
  }
  .p4s2-banner-h__item:nth-of-type(4n) {
    margin: 0;
  }
  .p4s2-banner-h__item:nth-of-type(2n) {
    margin: 0 0 30px;
  }
}
/* ------------------------------------

  1列リストV型(SP1列)

------------------------------------  */
.p1s1-list-v__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 60px;
  padding: 0;
}
.p1s1-list-v__header > h3,
.p1s1-list-v__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s1-list-v__item {
  padding: 25px 0;
}
.p1s1-list-v__item a {
  display: flex;
}
.p1s1-list-v__box01 {
  width: 30%;
}
.p1s1-list-v__img {
  width: 100%;
}
.p1s1-list-v__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p1s1-list-v__box02 {
  width: 70%;
  padding-left: 20px;
}
.p1s1-list-v__box02 p {
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.p1s1-list-v__box02__label {
  display: inline-block;
  height: 28px;
  background:#ccc;
  padding: 1px 18px;
}
.content__main .p1s1-list-v__box01 {
  width: 33%;
}
.content__main .p1s1-list-v__box02 {
  width: 67%;
}
@media screen and (max-width: 768px) {
  .p1s1-list-v__inner {
    margin: 40px 15px 60px;
  }
  .p1s1-list-v__box01 {
    width: 30%;
  }
  .p1s1-list-v__box02 {
    width: calc(70% + 10px);
    padding-left: 10px;
  }
  .content__main .p1s1-list-v__box01 {
    width: 30%;
  }
  .content__main .p1s1-list-v__box02 {
    width: calc(70% + 10px);
  }
}
/* ------------------------------------

  2列リストV型(SP1列)

------------------------------------  */
.p2s1-list-v__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p2s1-list-v__header > h3,
.p2s1-list-v__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p2s1-list-v__main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.p2s1-list-v__item {
  width: calc((100% - 20px) / 2);
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}
.p2s1-list-v__item::after {
  content: "";
  display: block;
  clear: both;
}
.p2s1-list-v__box01 {
  width: 20%;
  height: 100%;
  min-width: 100px;
  float: left;
  margin-right: 15px;
}
.p2s1-list-v__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p2s1-list-v__box02 {
  font-size: 1.6rem;
  margin-bottom: 8px;
  margin-left: calc(20% + 15px);
}
.p2s1-list-v__box03 {
  margin-left: calc(20% + 15px);
}
.content__main .p2s1-list-v__box01 {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p2s1-list-v__inner {
    margin: 40px 15px;
  }
  .p2s1-list-v__item {
    width: 100%;
  }
}
/* ------------------------------------

  5列バナーH型(SP2列)

------------------------------------  */
.p5s2-banner-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p5s2-banner-h__header {
  display: flex;
  justify-content: space-between;
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p5s2-banner-h__header h2 {
  width: calc(100% - 130px);
  font-family: var(--font3);
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.p5s2-banner-h__header .btn_back {
  width: 130px;
  font-size: 1.6rem;
}
.p5s2-banner-h__main {
  margin-bottom: 30px;
}
.p5s2-banner-h__block > *:first-child {
  font-size: 1.8rem;
  /* padding: 30px 10px; */
  margin-bottom: 0;
}
.p5s2-banner-h__block ul {
  display: flex;
  flex-wrap: wrap;
}
.p5s2-banner-h__item {
  width: calc( 100% / 5 );
  padding: 0 10px;
  margin-bottom: 30px;
}
.p5s2-banner-h__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p5s2-banner-h__read {
  display: none;
}
.content__main .p5s2-banner-h__box01 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p5s2-banner-h__inner {
    margin: 40px 15px;
  }
  /* .p5s2-banner-h__block > *:first-child {
    padding: 20px 10px;
  } */
  .p5s2-banner-h__item {
    width: calc( 100% / 2 );
    margin-bottom: 20px;
  }
}
/* ------------------------------------

  スクロールS型

------------------------------------  */
.scroll-slider__wrapper {
  max-width: 1000px;
  min-width: 0;
  height: auto;
  margin: 40px auto;
}
.scroll-slider__header > *,
.scroll-slider__wrapper .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.scroll-slider {
  padding: 20px 0;
}
.scroll-slider .slick-slide {
  height: auto;
}
.scroll-slider .slick-slide img {
  width: auto;
  padding: 10px;
  margin:auto;
}
.scroll-slider__caption {
  padding: 0 5px 15px;
}
.scroll-slider .slick-prev,
.scroll-slider .slick-next {
  width: 54px;
  height: 54px;
  background-color: #000 !important;
  border-radius: 50%;
  z-index: 10;
  margin: 0 40px;
}
.scroll-slider .slick-prev:before {
  content: '';
  position: absolute;
  left: 25px;
  top: 22px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  width: 10px;
  height: 10px;
  opacity: 1;
  transform: rotate(45deg);
}
.scroll-slider .slick-next:before {
  content: '';
  position: absolute;
  right: 25px;
  top: 22px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  width: 10px;
  height: 10px;
  opacity: 1;
  transform: rotate(-45deg);
}
.content__main .slick-slide img {
  width: auto;
  max-width: 100%;
  margin:auto;
}
@media screen and (max-width: 768px) {
  .scroll-slider__wrapper {
    margin: 40px 15px;
  }
  .scroll-slider .slick-slide img {
    width: 100%;
    display: block;
    padding: 5px;
    margin:auto;
  }
}
/* ------------------------------------

  カルーセル型 

------------------------------------  */
.carousel-s__wrapper {
  max-width: 1000px;
  margin: auto;
}
/* .carousel-s__header > *,
.carousel-s__header .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2.0rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
} */
.carousel-s__wrapper .carousel-s {
  padding: 20px 0;
  margin-bottom: 64px;
}
.carousel-s__wrapper .carousel-s .slick-slide {
  padding: 10px;
  height: auto;
}
.carousel-s__wrapper .carousel-s .slick-slide img {
  max-height: 425px;
  margin: auto;
}
.carousel-s__wrapper .slick-dots li {
  width: 24px;
  height: 24px;
  margin: 0;
}
.carousel-s__wrapper .slick-dots li button::before {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .carousel-s__wrapper {
    margin: 40px 15px;
  }
  .carousel-s__wrapper .carousel-s .slick-slide {
    padding: 5px;
  }
}
/* ------------------------------------

  1列バナーS型(SP1列)

------------------------------------  */
.p1s1-banner-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p1s1-banner-s__header > h3,
.p1s1-banner-s .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2.0rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s1-banner-s__item:first-of-type {
  margin: 35px auto 0;
}
.p1s1-banner-s__item {
  margin: 25px auto 0;
}
.p1s1-banner-s__item img {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: auto;
}
.content__main .p1s1-banner-s__item img {
  max-width: 225px;
}
@media screen and (max-width: 768px) {
  .p1s1-banner-s__inner {
    margin: 40px 15px;
  }
  .p1s1-banner-s__item:first-of-type {
    margin: 30px auto 0;
  }
  .p1s1-banner-s__item {
    margin: 20px auto 0;
  }
  .p1s1-banner-s__item img {
    max-width: 225px;
  }
}
/* ------------------------------------

  1列リストH型(SP1列)

------------------------------------  */
/* view側で修正も必要になるかと思うので、後回し */
.p1s1-list-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p1s1-list-h__header > h3,
.p1s1-list-h__header .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2.0rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s1-list-h__box01__img {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p1s1-list-h__inner {
    margin: 40px 15px;
  }
}
/* ------------------------------------

  1列カードV型(SP1列)

------------------------------------  */
.p1s1-card-v__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p1s1-card-v__header > div,
.p1s1-card-v .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2.0rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s1-card-v__item__inner::after {
  content: "";
  display: block;
  clear: both;
}
.p1s1-card-v__item {
  margin-top: 25px;
}
.p1s1-card-v__item:first-of-type {
  margin-top: 35px;
}
.p1s1-card-v__item:last-of-type {
  margin-bottom: 40px;
}
.p1s1-card-v__box01 {
  width: 30%;
  float: left;
}
.p1s1-card-v__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p1s1-card-v__box01__link {
  display: none;
}
.p1s1-card-v__box02 {
  width: 70%;
  margin-left: 30%;
}
.p1s1-card-v__box02__img {
  display: none;
}
.p1s1-card-v__box02__heading {
  display: none;
}
.p1s1-card-v__box02__textarea {
  padding: 20px;
}
.p1s1-card-v__box02__textarea p {
  font-size: 1.6rem;
}
.p1s1-card-v__box02__title {
  font-size: 2.0rem;
  margin-bottom: 8px;
}
.p1s1-card-v__box02__author,
.p1s1-card-v__box02__price {
  margin-bottom: 8px;
}
.p1s1-card-v__box03 {
  width: 70%;
  margin-left: calc(30% + 10px);
  display: flex;
  justify-content: center;
}
.p1s1-card-v__box03__link--01,
.p1s1-card-v__box03__link--02 {
  max-width: 320px;
  width: 100%;
  background: var(--color4,#000);
  margin: 0 10px 20px;
  border-radius: 25px;
}
.p1s1-card-v__box03__link--01 a,
.p1s1-card-v__box03__link--02 a {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  line-height: 50px;
  text-align: center;
}
.content__main .p1s1-card-v__box01 {
  width: 44%;
}
.content__main .p1s1-card-v__box02 {
  width: 56%;
  margin-left: 44%;
}
.content__main .p1s1-card-v__box03 {
  width: 56%;
  margin-left: calc(44% + 10px);
}
.content__main .p1s1-card-v__box03__link--01,
.content__main .p1s1-card-v__box03__link--02 {
  max-width: 160px;
}
@media screen and (max-width: 768px) {
  .p1s1-card-v__inner {
    margin: 40px 15px;
  }
  .p1s1-card-v__item {
    margin-top: 40px;
  }
  .p1s1-card-v__item:first-of-type {
    margin-top: 30px;
  }
  .p1s1-card-v__item__inner {
    display: block;
    padding-top: 20px;
    margin: 20px 0;
  }
  .p1s1-card-v__box01,
  .content__main .p1s1-card-v__box01 {
    width: 100%;
    float: none;
    padding: 0 20px;
  }
  .p1s1-card-v__box01 img {
    display: block;
    margin: auto;
  }
  .p1s1-card-v__box02,
  .content__main .p1s1-card-v__box02 {
    width: 100%;
    padding: 0 20px;
    margin-left: 0;
  }
  .p1s1-card-v__box02__textarea {
    padding: 20px 0;
    margin-bottom: 0;
  }
  .p1s1-card-v__box03,
  .content__main .p1s1-card-v__box03 {
    width: 100%;
    margin-left: 0;
  }
  .p1s1-card-v__box03,
  .content__main .p1s1-card-v__box03 {
    margin-left: 0;
  }
  .p1s1-card-v__box03 {
    position: initial;
  }
  .p1s1-card-v__box03__link--01,
  .p1s1-card-v__box03__link--02 {
    max-width: 145px;
  }
}
/* ------------------------------------

  3列カードH型(SP2列)

------------------------------------  */
.p3s2-card-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 60px;
}
.p3s2-card-h__header > h3,
.p3s2-card-h .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2.0rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s2-card-h__item__inner {
  display: flex;
  position: relative;
}
.p3s2-card-h__main {
  display: flex;
  flex-wrap: wrap;
}
.p3s2-card-h__item {
  width: calc((100% - 54px) / 3);
  margin: 25px 9px;
}
.p3s2-card-h__box01 {
  text-align: center;
  margin-bottom: 8px;
}
.p3s2-card-h__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
/* .p3s2-card-h__box02 {
  display: none;
} */
.p3s2-card-h__box02__title {
  font-weight: bold;
  margin-bottom: 8px;
}
.p3s2-card-h__box03 a {
  color: #fff;
  background: var(--color4,#000);
  border-radius: 25px;
  display: block;
  line-height: 50px;
  text-align: center;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p3s2-card-h__inner {
    margin: 40px 15px 60px;
  }
  .p3s2-card-h__item {
    width: calc(50% - 14px);
    margin: 20px 7px;
  }
  .p3s2-card-h__box03 a {
    line-height: 40px;
    border-radius: 20px;
  }
}
/* ------------------------------------

  3列リストS型(SP2列)

------------------------------------  */
.p3s2-list-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p3s2-list-s__header > h2,
.p3s2-list-s .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2.0rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s2-list-s__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p3s2-list-s__item {
  width: calc((100% - 10px) / 3);
  padding: 15px;
}
.p3s2-list-s__item:nth-of-type(3n - 1) {
  margin:0 5px;
}
@media screen and (max-width: 768px) {
  .p3s2-list-s__inner {
    margin: 40px 15px;
  }
  .p3s2-list-s__item {
    width: calc((100% - 15px) / 2);
    padding: 15px 15px 15px 0;
  }
  .p3s2-list-s__item:nth-of-type(3n - 1) {
    margin:0;
  }
  .p3s2-list-s__item:nth-of-type(2n - 1) {
    margin-right: 15px;
  }
}
/* ------------------------------------

  3列カードV型(SP1列)

------------------------------------  */
.p3s1-card-v__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 60px;
}
.p3s1-card-v__header > h2,
.p3s1-card-v .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2.0rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s1-card-v__main {
  display: flex;
  flex-wrap: wrap;
}
.p3s1-card-v__item {
  width: calc((100% - 10px) / 3);
  padding: 25px 10px 0;
}
.p3s1-card-v__item__inner {
  padding: 10px;
}
.p3s1-card-v__box01 {
  margin-bottom: 8px;
}
.p3s1-card-v__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p3s1-card-v__box02 {
  font-size: 1.6rem;
}
.p3s1-card-v__box02 p {
  margin-bottom: 8px;
}
.p3s1-card-v__title {
  font-size: 2.0rem;
}
.p3s1-card-v__link__inner a {
  color: #fff;
  background: var(--color4,#000);
  border-radius: 15px;  
  display: block;
  line-height: 30px;
  text-align: center;
}
.p3s1-card-v__link__inner a:nth-of-type(2) {
  margin-top: 8px;
}
.p3s1-card-v__label {
  display: none;
}
@media screen and (max-width: 768px) {
  .p3s1-card-v__inner {
    margin: 40px 15px 60px;
  }
  .p3s1-card-v__item {
    width: 100%;
    padding: 25px 0 0;
  }
  .p3s1-card-v__box01 img {
    display: block;
    margin: auto;
  }
}
/* ------------------------------------

  5列バナーH型(SP3列)

------------------------------------  */
.p5s3-banner-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 60px;
}
.p5s3-banner-h__header > h3,
.p5s3-banner-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p5s3-banner-h__main {
  display: flex;
  flex-wrap: wrap;
}
.p5s3-banner-h__block > *:first-child {
  font-size: 1.8rem;
  padding: 30px 10px;
}
.p5s3-banner-h__block ul {
  display: flex;
  flex-wrap: wrap;
}
.p5s3-banner-h__item {
  width: calc( 100% / 5 );
  font-size: 1.6rem;
  padding: 0 10px;
  margin-top: 25px;
}
.p5s3-banner-h__box01 .num {
  display: none;
}
.p5s3-banner-h__box01 img {
  width: 100%;
  display: block;
  margin: 0 auto 8px;
}
.p5s3-banner-h__box01__text {
  margin-bottom: 8px;
}
.p5s3-banner-h__box02__link a {
  color: #fff;
  background: var(--color4,#000);
  border-radius: 15px;  
  display: block;
  line-height: 30px;
  text-align: center;
}
.p5s3-banner-h__box02__link a:nth-of-type(2) {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p5s3-banner-h__inner {
    margin: 40px 15px 60px;
  }
  .p5s3-banner-h__item {
    width: calc( 100% / 3 );
    padding: 0 5px;
    margin-top: 20px;
  }
}
/* ------------------------------------

  3列バナーS型(SP1列)

------------------------------------  */
.p3s1-banner-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p3s1-banner-s__header > h3,
.p3s1-banner-s__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s1-banner-s__main {
  display: flex;
  flex-wrap: wrap;
}
.p3s1-banner-s__item {
  width: 33%;
  margin-top: 25px;
}
.p3s1-banner-s__item a img {
  width: 100%;
  display: block;
  padding: 0 15px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p3s1-banner-s__item {
    width: 100%;
  }
  .p3s1-banner-s__inner {
    margin: 40px 15px;
  }
  .p3s1-banner-s__item {
    margin-top: 20px;
  }
}
/* ------------------------------------

  3列バナーS型(SP2列)

------------------------------------  */
.p3s2-banner-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p3s2-banner-s__header > h3,
.p3s2-banner-s__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s2-banner-s__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p3s2-banner-s__item {
  width: 33%;
  margin-top: 25px;
}
.p3s2-banner-s__item a img {
  width: 100%;
  display: block;
  padding: 0 15px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p3s2-banner-s__item {
    width: 50%;
  }
  .p3s2-banner-s__item:nth-of-type(3n-1) {
    margin: 20px 0 10px;
  }
  .p3s2-banner-s__inner {
    margin: 40px 15px;
  }
  .p3s2-banner-s__item {
    margin-top: 20px;
  }
  .p3s2-banner-s__item a img {
    padding: 0 6px;
  }
}
/* ------------------------------------

  3列バナーH型(SP2列)

------------------------------------  */
.p3s2-banner-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 60px;
}
.p3s2-banner-h__header > h2,
.p3s2-banner-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s2-banner-h__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p3s2-banner-h__item {
  width: 33%;
  padding: 0 15px;
  margin: 25px 0 10px;
}
.p3s2-banner-h__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p3s2-banner-h__box02 {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.p3s2-banner-h__box02 p {
  margin-top: 8px;
}
.p3s2-banner-h__box02__label {
  width: 160px;
  max-height: 22px;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  background: #000;
}
.p3s2-banner-h__box02__title {
  font-size: 2.0rem;
}
.content__main .p3s2-banner-h__item {
  padding: 0 12px;
}
@media screen and (max-width: 768px) {
  .p3s2-banner-h__inner {
    margin: 40px 15px 60px;
  }
  .p3s2-banner-h__item,
  .content__main .p3s2-banner-h__item {
    width: calc((100% - 15px) / 2);
    padding: 0;
    margin: 20px 0 10px;
  }
  .p3s2-banner-h__item:nth-of-type(2n) {
    margin-left: 15px;
  }
  .p3s2-banner-h__box02__label {
    width: 100%;
  }
}
/* ------------------------------------

  3列バナーV型(SP1列)

------------------------------------  */
/* view修正が必要
各タグのclass名が　.p3s1-banner-v__inner　のようなview独自ではなく、<div class="content">　<div class="page-header">　など、汎用class名となっている
（同一のclass名を他viewなどでも使用しているので、3列バナーV型(SP1列)用のclassとして記述できない） */

/* 
.p3s1-banner-v__inner {
  max-width: 1000px;
  margin: 40px auto;
}
.p3s1-banner-v__header > *,
.p3s1-banner-v__inner .widget-common__header > * {
  font-size: 2rem;
  border-bottom: 2px solid #000;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s1-banner-v__item {
  width: calc((100% - 20px) / 2);
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}
 */
/* ------------------------------------

  3列バナーV型(SP2列)

------------------------------------  */
/* デザインガイドラインではH型になっているように見受けられるが問題ないか */
.p3s2-banner-v__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 60px;
}
.p3s2-banner-v__header > h2,
.p3s2-banner-v__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s2-banner-v__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p3s2-banner-v__item {
  width: 33%;
  padding: 0 15px;
  margin: 25px 0 0;
}
.p3s2-banner-v__box01 img {
  width: 100%;
  display: block;
  margin: 0 auto 8px;
}
.p3s2-banner-v__box02__title {
  font-size: 1.8rem;
}
.p3s2-banner-v__box02__author {
  font-size: 1.6rem;
  margin-top: 8px;
}
.content__main .p3s2-banner-v__item {
  padding: 0 12px;
}
@media screen and (max-width: 768px) {
  .p3s2-banner-v__inner {
    margin: 40px 15px 60px;
  }
  .p3s2-banner-v__item,
  .content__main .p3s2-banner-v__item {
    width: calc((100% - 15px) / 2);
    padding: 0;
    margin: 20px 0 0;
  }
  .p3s2-banner-v__item:nth-of-type(2n) {
    margin-left: 15px;
  }
}
/* ------------------------------------

  1列バナーS型(SP2列)

------------------------------------  */
.p1s2-banner-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p1s2-banner-s__header > h3,
.p1s2-banner-s__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s2-banner-s__item {
  text-align: center;
  margin-top: 25px;
}
.p1s2-banner-s__item:first-of-type {
  margin-top: 35px;
}
.p1s2-banner-s__item img {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p1s2-banner-s__main {
    display: flex;
    flex-wrap: wrap;
  }
  .p1s2-banner-s__item {
    width: calc((100% - 15px) / 2);
    padding: 0;
    margin-top: 20px;
  }
  .p1s2-banner-s__item:first-of-type {
    margin-top: 20px;
  }
  .p1s2-banner-s__item:nth-of-type(2n) {
    margin-left: 15px;
  }
  .p1s2-banner-s__inner {
    margin: 40px 15px;
  }
}
/* ------------------------------------

  2列バナーS型(SP1列)

------------------------------------  */
.p2s1-banner-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p2s1-banner-s__header > h3,
.p2s1-banner-s__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p2s1-banner-s__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p2s1-banner-s__item {
  width: 50%;
  margin-top: 25px;
  text-align: center;
}
.p2s1-banner-s__item img {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p2s1-banner-s__inner {
    margin: 40px 15px;
  }
  .p2s1-banner-s__item {
    width: 100%;
    margin-top: 20px;
  }
}
/* ------------------------------------

  2列バナーS型(SP2列)

------------------------------------  */
.p2s2-banner-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p2s2-banner-s__header > h3,
.p2s2-banner-s__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p2s2-banner-s__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p2s2-banner-s__item {
  width: 50%;
  margin-top: 25px;
  text-align: center;
}
.p2s2-banner-s__item img {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p2s2-banner-s__inner {
    margin: 40px 15px;
  }
  .p2s2-banner-s__item {
    width: calc((100% - 15px) / 2);
    margin-top: 20px;
  }
  .p2s2-banner-s__item:nth-of-type(2n) {
    margin-left: 15px;
  }
  .p2s2-banner-s__item img {
    padding: 0;
    width: auto;
    max-width: 100%;
  }
}
/* ------------------------------------

  4列バナーS型(SP2列)

------------------------------------  */
.p4s2-banner-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p4s2-banner-s__header > h2,
.p4s2-banner-s__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p4s2-banner-s__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p4s2-banner-s__item {
  width: calc((100% - 45px) / 4);
  margin:25px 15px 0 0;
}
.content__main .p4s2-banner-s__item {
  width: calc((100% - 36px) / 4);
  margin:25px 12px 0 0;
}
.p4s2-banner-s__item:nth-of-type(4n) {
  margin: 25px 0 0;
}
.p4s2-banner-s__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p4s2-banner-s__inner {
    margin: 40px 15px;
  }
  .p4s2-banner-s__item,
  .content__main .p4s2-banner-s__item {
    width: calc((100% - 15px) / 2);
    margin: 20px 0 0 0;
  }
  .p4s2-banner-s__item:nth-of-type(2n) {
    margin-left: 15px;
  }
}
/* ------------------------------------

  1列バナーH型(SP1列)

------------------------------------  */
.p1s1-banner-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p1s1-banner-h__header > h3,
.p1s1-banner-h__header .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2.0rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s1-banner-h__item {
  max-width: 300px;
  font-size: 1.6rem;
  margin: 25px auto 0;
}
.p1s1-banner-h__item:first-of-type {
  margin: 35px auto 0;
}
.p1s1-banner-h__item img {
  width: 100%;
  display: block;
  margin: auto;
}
.p1s1-banner-h__box01__img {
  margin-bottom: 8px;
}
.p1s1-banner-h__box02 p {
  margin-bottom: 8px;
}
.p1s1-banner-h__box02__link a {
  display: block;
  line-height: 50px;
  color: #fff;
  text-align: center;
  background: var(--color4,#000);
  border-radius: 25px;
}
.p1s1-banner-h__box02__link a:nth-of-type(2) {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p1s1-banner-h__inner {
    margin: 40px 15px;
  }
}
/* ------------------------------------

  2列バナーH型(SP1列)

------------------------------------  */
.p2s1-banner-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 0;
}
.p2s1-banner-h__header > h3,
.p2s1-banner-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p2s1-banner-h__main ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p2s1-banner-h__item {
  width: calc(50% - 20px);
  padding: 8px 0;
  margin-top: 25px;
}
.p2s1-banner-h__item p,
.p2s1-banner-h__item h5 {
  margin-bottom: 8px;
}
.p2s1-banner-h__text {
  font-size: 1.4rem;
  text-align: left;
}
/* .p2s1-banner-h__text:first-of-type::after {
  content: "発売";
} */
.p2s1-banner-h__item h5,
.p2s1-banner-h__auther {
  text-align: center;
}
.p2s1-banner-h__item h5 {
  font-size: 2.2rem;
}
.p2s1-banner-h__item img {
  width: 100%;
  max-width: 200px;
  display: block;
  margin: 0 auto 8px;
}
.p2s1-banner-h__item a {
  display: block;
  line-height: 40px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background: var(--color4,#000);
  border-radius: 20px;
}
.p2s1-banner-h__item a:nth-of-type(2) {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p2s1-banner-h__inner {
    margin: 40px 15px 0;
  }
  .p2s1-banner-h__item {
    width: 100%;
    margin: 20px 0;
  }
}
/* ------------------------------------

  1列バナーV型(SP1列)

------------------------------------  */
.p1s1-banner-v__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p1s1-banner-v__header > h3,
.p1s1-banner-v__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s1-banner-v__item {
  display: flex;
  align-items: center;
  margin-top: 25px;
}
.p1s1-banner-v__item:first-of-type {
  margin-top: 35px;
}
.p1s1-banner-v__box01 {
  width: 35%;
}
.p1s1-banner-v__box01 img {
  width: 100%;
  max-width: 238px;
  display: block;
  margin-left: auto;
}
.p1s1-banner-v__box02 {
  width: 65%;
  padding: 20px 0 20px 20px;
}
.p1s1-banner-v__box02__date {
  margin-bottom: 8px;
  font-size: 1.6rem;
}
.p1s1-banner-v__box02__title {
  font-size: 2.0rem;
}
@media screen and (max-width: 768px) {
  .p1s1-banner-v__inner {
    margin: 40px 15px;
  }
  .p1s1-banner-v__box02 {
    padding: 15px 0 15px 15px;
  }
  .p1s1-banner-v__box02__date {
    font-size: 1.4rem;
  }
  .p1s1-banner-v__box02__title {
    font-size: 1.6rem;
  }
}
/* ------------------------------------

  2列バナーV型(SP1列)

------------------------------------  */
.p2s1-banner-v__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 0;
}
.p2s1-banner-v__header > h3,
.p2s1-banner-v__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p2s1-banner-v__main ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p2s1-banner-v__item {
  width: calc(50% - 20px);
  display: flex;
  margin-top: 25px;
}
.p2s1-banner-v__box1 {
  width: 32%;
  padding-right: 10px;
}
.p2s1-banner-v__box1 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p2s1-banner-v__box2 {
  width: 68%;
  font-size: 1.6rem;
}
.p2s1-banner-v__title {
  font-size: 2.0rem;
}
.content__main .p2s1-banner-v__box1 {
  width: 34%;
}
.content__main .p2s1-banner-v__box2 {
  width: 66%;
}
.p2s1-banner-v__item p,
.p2s1-banner-v__item h5 {
  margin-bottom: 8px;
}
/* .p2s1-banner-v__date::after {
  content: "発売";
} */
.p2s1-banner-v__link a {
  display: block;
  line-height: 40px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background: var(--color4,#000);
  border-radius: 20px;
}
.p2s1-banner-v__link a:nth-of-type(2) {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p2s1-banner-v__inner {
    margin: 40px 15px 20px;
  }
  .p2s1-banner-v__item {
    width: 100%;
    margin-top: 20px;
  }
  .content__main .p2s1-banner-v__box1 {
    width: 32%;
  }
  .content__main .p2s1-banner-v__box2 {
    width: 68%;
  }
}
/* ------------------------------------

  1列リストS型(SP1列)

------------------------------------  */
.p1s1-list-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto 0;
}
.p1s1-list-s__header > h3,
.p1s1-list-s__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s1-list-s__main {
  font-size: 2.0rem;
}
.p1s1-list-s__item {
  margin-top: 25px;
  text-align: center;
}
.p1s1-list-s__item:first-of-type {
  margin-top: 35px;
}
.p1s1-list-s__date {
  display: none;
}
.content__main .p1s1-list-s__main {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .p1s1-list-s__inner {
    margin: 40px 15px 0;
  }
  .p1s1-list-s__main {
    font-size: 1.8rem;
  }
  .p1s1-list-s__item {
    margin-top: 20px;
  }
  .p1s1-list-s__item:first-of-type {
    margin-top: 30px;
  }
}
/* ------------------------------------

  2列リストS型(SP1列)

------------------------------------  */
.p2s1-list-s__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p2s1-list-s__header > *,
.p2s1-list-s__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
/* ------------------------------------

  1列カードH型(SP1列)

------------------------------------  */
.p1s1-card-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p1s1-card-h__header > h3,
.p1s1-card-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p1s1-card-h__item {
  margin-top: 25px;
}
.p1s1-card-h__item:first-of-type {
  margin-top: 35px;
}
.p1s1-card-h__box01 {
  width: 40%;
  margin: auto;
}
.p1s1-card-h__box01__title {
  margin-bottom: 8px;
  font-size: 2.0rem;
}
.p1s1-card-h__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.content__main .p1s1-card-h__box01__title {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .p1s1-card-h__inner {
    margin: 40px 15px;
  }
  .p1s1-card-h__box01 {
    width: 100%;
  }
  .p1s1-card-h__box01__title {
    font-size: 1.8rem;
  }
  .p1s1-card-h__item {
    margin-top: 20px;
  }
  .p1s1-card-h__item:first-of-type {
    margin-top: 30px;
  }
}
/* ------------------------------------

  2列カードH型(SP1列)

------------------------------------  */
.p2s1-card-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p2s1-card-h__header > h3,
.p2s1-card-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p2s1-card-h__main {
  display: flex;
  flex-wrap: wrap;
}
.p2s1-card-h__item {
  width: calc(50% - 100px);
  margin: 25px 50px 0;
}
.p2s1-card-h__box01__img img {
  width: 100%;
  display: block;
  margin: 0 auto 8px;
}
.p2s1-card-h__box02__title {
  font-size: 2.0rem;
  border: none;
  margin-bottom: 8px;
}
.p2s1-card-h__box02__text--01 {
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.p2s1-card-h__box03 a {
  display: block;
  line-height: 40px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background: var(--color4,#000);
  border-radius: 20px;
}
.p2s1-card-h__box03 a:nth-of-type(2) {
  margin-top: 8px;
}
.content__main .p2s1-card-h__box02__title {
  font-size: 1.8rem;
}
.content__main .p2s1-card-h__box02__text--01 {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .p2s1-card-h__inner {
    margin: 40px 15px;
  }
  .p2s1-card-h__item {
    width: 100%;
    margin: 20px 0 0;
  }
  .p2s1-card-h__box02__title {
    font-size: 1.8rem;
  }
  .p2s1-card-h__box02__text--01 {
    font-size: 1.4rem;
  }
}
/* ------------------------------------

  3列バナーH型(SP3列)

------------------------------------  */
.p3s3-banner-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p3s3-banner-h__header > h2,
.p3s3-banner-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p3s3-banner-h__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p3s3-banner-h__item {
  width: 33%;
  padding: 0 15px;
  margin: 25px 0 0;
}
.p3s3-banner-h__box01 img {
  width: 100%;
  display: block;
  margin: 0 auto 8px;
}
.p3s3-banner-h__box02 p:nth-of-type(1) {
  font-size: 2.0rem;
  margin-bottom: 8px;
}
.p3s3-banner-h__box02 p:nth-of-type(2) {
  font-size: 1.6rem;
}
.content__main .p3s3-banner-h__item {
  padding: 0 12px;
}
.content__main .p3s3-banner-h__box02 p:nth-of-type(1) {
  font-size: 1.8rem;
}
.content__main .p3s3-banner-h__box02 p:nth-of-type(2) {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .p3s3-banner-h__inner {
    margin: 40px 15px;
  }
  .p3s3-banner-h__item,
  .content__main .p3s3-banner-h__item {
    padding: 0 5px;
  }
  .p3s3-banner-h__box02 p:nth-of-type(1) {
    font-size: 1.8rem;
  }
  .p3s3-banner-h__box02 p:nth-of-type(2) {
    font-size: 1.4rem;
  }
}
/* ------------------------------------

  4列バナーH型(SP4列)

------------------------------------  */
.p4s4-banner-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p4s4-banner-h__header > h2,
.p4s4-banner-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p4s4-banner-h__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p4s4-banner-h__item {
  width: 25%;
  padding: 0 5px;
  margin-top: 25px;
}
.p4s4-banner-h__box01 img {
  width: 100%;
  display: block;
  margin: 0 auto 8px;
}
.p4s4-banner-h__box02__title {
  font-size: 1.8rem;
}
.content__main  .p4s4-banner-h__box02__title {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .p4s4-banner-h__inner {
    margin: 40px 15px;
  }
  .p4s4-banner-h__item {
    margin-top: 20px;
  }
  .p4s4-banner-h__box02__title,
  .content__main  .p4s4-banner-h__box02__title {
    font-size: 1.4rem;
  }
}
/* ------------------------------------

  5列バナーV型(SP2列)

------------------------------------  */
.p5s2-banner-v__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p5s2-banner-v__header > h2,
.p5s2-banner-v__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p5s2-banner-v__main ul {
  display: flex;
  flex-wrap: wrap;
}
.p5s2-banner-v__item {
  width: calc(20% - 10px);
  background: #fff;
  padding: 5px;
  margin: 25px 5px 0;
}
.p5s2-banner-v__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p5s2-banner-v__box02 h4,
.p5s2-banner-v__box02 p {
  font-size: 1.4rem;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .p5s2-banner-v__inner {
    margin: 40px 15px;
  }
  .p5s2-banner-v__item {
    width: calc((100% - 10px ) / 2);
    margin: 25px 5px 0 0;
  }
  .p5s2-banner-v__item:nth-of-type(2n) {
    margin: 25px 0 0 5px;
  }
}
/* ------------------------------------

  5列リストH型(SP2列)

------------------------------------  */
.p5s2-list-h__inner {
  max-width: 1000px;
  background: var(--color2,#fff);
  margin: 40px auto;
}
.p5s2-list-h__header > h2,
.p5s2-list-h__inner .widget-common__header > * {
  font-family: var(--font3);
  font-size: 2rem;
  border-bottom: 2px solid var(--color3,#000);
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.p5s2-list-h__main {
  display: flex;
  flex-wrap: wrap;
}
.p5s2-list-h__item {
  width: 20%;
  padding: 0 5px;
  margin-top: 25px;
}
.p5s2-list-h__box01 img {
  width: 100%;
  display: block;
  margin: auto;
}
.p5s2-list-h__box02__date,
.p5s2-list-h__box02__text {
  margin: 8px 0 0;
}
.p5s2-list-h__box02__date {
  font-size: 1.6rem;
}
.p5s2-list-h__box02__text {
  font-size: 1.8rem;
  font-weight: normal;
}
.content__main .p5s2-list-h__box02__date {
  font-size: 1.4rem;
}
.content__main .p5s2-list-h__box02__text {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .p5s2-list-h__inner {
    margin: 40px 15px;
  }
  .p5s2-list-h__item {
    width: 50%;
  }
  .content__main .p5s2-list-h__box02__date {
    font-size: 1.6rem;
  }
  .content__main .p5s2-list-h__box02__text {
    font-size: 1.8rem;
  }
}

/*** memo ***/
/* 確認用に右カラムを色付け、後ほど削除 */
.content__sub {
  background: #1d70b4;
}
@media screen and (max-width: 768px) {
  .content__sub {
    margin: 40px 15px;
  }
}


/* ------------------------------------

  記事内コピペスタイル用

------------------------------------  */


/* テーブル */
.table_01 {
  border-collapse: collapse;
}
.table_01 td,
.table_01 th {
  border: 1px solid #000;
  padding: 5px;
}
.table-width_50,
.table-width_33,
.table-width_25,
.table-width_20 {
  width: 100%;
}
.table-width_50 th,
.table-width_50 td {
  width: 50%;
}
.table-width_33 th,
.table-width_33 td {
  width: calc(100% / 3);
}
.table-width_25 th,
.table-width_25 td {
  width: 25%;
}
.table-width_20 th,
.table-width_20 td {
  width: 20%;
}

/* 吹き出し */
.chat {
  position: relative;
  overflow: hidden;
}
.chat__img__left,
.chat__img__right {
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 80px;
  height: 80px;
}
.chat__img__left {
  left: 0;
}
.chat__img__right {
  right: 0;
}
.chat__img__left img,
.chat__img__right img {
  width: 100%;
  border-radius: 50%;
  border: 1px solid #aaa;
}
.chat__name__left,
.chat__name__right {
  position: absolute;
  width: 80px;
  text-align: center;
  top: 85px;
  color: #777;
  font-size: 1.2rem;
}
.chat__name__left {
  left: 0;
}
.chat__name__right {
  right: 0;
}
.chat__box__left,
.chat__box__right {
  position: relative;
  float: left;
  margin: 0 100px 40px 100px;
}
.chat__box__right {
  float: right;
}
.chat__box__left__text,
.chat__box__right__text {
  position: relative;
  border: 1px solid #aaa;
  border-radius: 5px;
  background: #fff;
  color: #333;
  font-size: 15px;
  padding: 20px;
}
.chat__box__left__text > p:last-of-type,
.chat__box__right__text > p:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}
.chat__box__left__text:before,
.chat__box__right__text:before {
  content: "";
  position: absolute;
  border-style: solid;
  top: 16px;
  z-index: 3;
}
.chat__box__left__text:after,
.chat__box__right__text:after {
  content: "";
  position: absolute;
  border-style: solid;
  top: 15px;
  z-index: 2;
}
.chat__box__left__text:before {
  left: -9px;
  border-width: 7px 10px 7px 0;
  border-color: transparent #fff transparent transparent;
}
.chat__box__left__text:after {
  left: -10px;
  border-width: 8px 10px 8px 0;
  border-color: transparent #aaa transparent transparent;
}
.chat__box__right__text:before {
  right: -9px;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #fff;
}
.chat__box__right__text:after {
  right: -10px;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #aaa;
}
@media screen and (max-width: 768px) {
  .chat__img__left,
  .chat__img__right {
    width: 60px;
    height: 60px;
  }
  .chat__name__left,
  .chat__name__right {
    width: 60px;
    top: 65px;
  }
  .chat__box__left {
    margin: 0 0 30px 78px;
  }
  .chat__box__right {
    margin: 0 78px 30px 0;
  }
  .chat__box__left__text,
  .chat__box__right__text {
    padding: 10px;
  }
}

/* 文字装飾 */
.font_bold {
  font-weight: bold;
}
.font_size120 {
  font-size: 120%;
}
.font_size150 {
  font-size: 150%;
}
.font_size200 {
  font-size: 200%;
}
.font_link {
  color: #356def;
  text-decoration: underline;
}
.font_line-through {
  text-decoration: line-through;
}

/* 文字色 */
.color_black {
  color: #000;
}
.color_gray {
  color: #7d7d7d;
}
.color_silver {
  color: #c0c0c0;
}
.color_white {
  color: #fff;
}
.color_red {
  color: #f00;
}
.color_blue {
  color: #00f;
}
.color_skyblue {
  color: #43c6ca;
}
.color_green {
  color: #46b57e;
}

/* 背景色 */
.background_black {
  background: #000;
}
.background_gray {
  background: #7d7d7d;
}
.background_silver {
  background: #c0c0c0;
}
.background_white {
  background: #fff;
}
.background_yellow {
  background: #ffdc4b;
}

/* アンダーライン */
.under_black {
  border-bottom: 2px solid #000;
}
.under_white {
  border-bottom: 2px solid #fff;
}
.under_red {
  border-bottom: 2px solid #f00;
}
.under_blue {
  border-bottom: 2px solid #00f;
}
.under_green {
  border-bottom: 2px solid #0f0;
}
.under_yellow {
  border-bottom: 2px solid #ff0;
}
.under_red2 {
  background: linear-gradient(transparent 60%, #ffaaaa 60%);
}
.under_blue2 {
  background: linear-gradient(transparent 60%, #aaffff 60%);
}
.under_green2 {
  background: linear-gradient(transparent 60%, #aaffaa 60%);
}
.under_yellow2 {
  background: linear-gradient(transparent 60%, #ffffaa 60%);
}

/* webサンデー */
.md1,
.md2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 16px 0px 8px 0px;
  padding: 10px 10px 8px 10px;
}
.md1 {
  background-color: #e0eaf8;
  color: #0050e0;
}
.md2 {
  background-color: #e0f4ea;
  color: #009050;
}

.shoplist ul,
.shoplist table {
	width: 100%;
	margin: 0 !important;
	border-collapse: collapse;
}
.shoplist ul {
  line-height: 1.3;
  display: flex;
  flex-wrap:wrap;
  vertical-align: top;
  width: 100%;
  list-style-type: none;
  justify-content: left;
}
.shoplist ul li {
  padding: 2px 0;
  background: #000;
	width: calc( 100% / 6 );
	margin: 0 !important;
	border-right: 1px solid #fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.4rem;
}
.shoplist li a {
	color: #fff !important;
	text-decoration: none !important;
	width: 100%;
	display: block;
}
.shoplist tr:nth-child(2n) {
	background: #E9F7FF;
}
.shoplist tr td:first-child {
  text-align: center; width: 6em;
}
.shoplist tr td:nth-child(2) {
  text-align: center; width: 9em;
}
.shoplist td,
.shoplist th {
	border: 1px solid #C8C8C8;
	padding: 0 6px;
	box-sizing: border-box;
	border-collapse: collapse;
	font-size: 1.4rem;
	font-weight: normal;
}

.tt1,
.tt2,
.tt3 {
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: bold;
	font-family: Shin Go DeBold;
}
.tt1 {
	color: #000;
	text-align: center;
	margin: 3px 0px 10px 0px;
}
.tt2 {
	color: #0050e0;
	margin: 16px 0px 8px 0px;
}
.tt3 {
	color: #74C361;
	margin: 16px 0px 8px 0px;
	border-top: 1px solid  #74C361;
	padding-top: 12px;
}

.sample {
  background-color: #ffdc4b;
  margin-top: 16px;
  padding: 16px 12px;
}
.sample p {
  font-size: 13px;
  line-height: 1.4;
  margin-top: 8px;
}
.sample .multi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sample .multi li {
  padding: 3px 4px;
  width: 120px;
}
.sample .multi li.yoko {
  width: 160px;
}
.sample li.yoko2 {
  width: 240px !important;
}
.sample .np {
  text-align: center;
  width: 110px;
  padding: 60px 0;
  background: #F4F4F4;
  border: 1px solid #C6C6C6;
}
.sample img {
  max-width: 100%;
  height: auto;
}
.sample h5 {
	color: #30b567;
	font-size: 11px !important;
	border-radius: 10px;
	border: 1px solid #30b567;
	background: #fff;
	text-align: center;
	padding: 2px 2px;
	margin: 0 auto 4px !important;
	position: relative;
	width: auto;
	max-width: 100%;
	z-index: 0;
	box-sizing: border-box;
}
.sample h5:before {
	content: "";
	position: absolute;
	bottom: -5px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}
.sample h5:after {
	content: "";
	position: absolute;
	bottom: -6px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #30b567 transparent transparent transparent;
	z-index: -1;
}
.sample .noimage {
	background: #ccc;
	height: 150px;
	position: relative;
}
.sample .noimage p {
	padding: 0;
	margin: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari�ｽp */
  transform: translateY(-50%);
}

/* ベツコミ */
.mk1{
  border-radius: 0px 4px 6px 15px / 0px 10px 10px 40px;
  background-image: linear-gradient(0.5deg, #ffcdeb, #ffcdeb 60%, transparent 50%, transparent);
  padding: 0 5px;
  line-height: 1.8;
}
.mk2{
  border-radius: 0px 4px 6px 15px / 0px 10px 10px 40px;
  background-image: linear-gradient(0.5deg, #c1f4fe, #c1f4fe 60%, transparent 50%, transparent);
  padding: 0 5px;
  line-height: 1.8;
}
.mk3{
  border-radius: 0px 4px 6px 15px / 0px 10px 10px 40px;
  background-image: linear-gradient(0.5deg, #b1fdab, #b1fdab 60%, transparent 50%, transparent);
  padding: 0 5px;
  line-height: 1.8;
}

/* ちゃお */
.chao-mk1 {
  border-radius: 0px 4px 6px 15px / 0px 10px 10px 40px;
  background-image: linear-gradient(0.5deg, #ffcdeb, #ffcdeb 60%, transparent 50%, transparent);
  padding: 0 5px;
  line-height: 1.8;
	font-weight: bold;
}
.chao-mark {
  background-color: #ff0;
  color: #000;
}
.Topics__topicsAuthor {
  display: flex;
  gap: 16px;
  width: 100%;
}
.Topics__topicsAuthorTextBox {
  width: calc(100% - 116px);
}
.Topics__topicsAuthorText {
  font-weight: bold;
}