/*
Theme Name:		Welcart Mode Child Theme
Template:		welcart_mode
Theme URI:		https://www.welcart.com/archives/12623.html
Author:			Welcart Inc.
Author URI:		https://www.welcart.com/
Description:	Mode Child is the Welcart Mode Child Theme.
Version:		1.0.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, mode, one-columns, left-sidebar or right-sidebar
Requires at least: 5.6
Requires PHP: 7.4 - 8.1
*/

.body{
  font-size: 16px;
}
.site-logo-text{
	font-size:250%;
	margin-left: 20px;
    font-weight: bold;
}

.wp-block-media-text{
		margin-bottom:1em;
}
.ark-block-section{
    margin: 0;
    transform: translateX(-50%);
    width: 100vw;
    margin-left: 50%;
}
.entry-content h2 {
	font-size: 169%;
	padding: 15px 0;
	line-height: 1.5;
	margin: 2em auto 1.5em auto;
	font-family: "Noto Serif JP", serif;
    position: relative;
}
.entry-content h2.ark-block-heading__main {
	font-size: 169%;
	padding: 0;
	border-radius: 0;
	background: none;
	line-height: 1.5;
	margin: 0;
	font-family: "Noto Serif JP", serif;
    position: relative;
}
.top-point{
	margin-top:2em;
	font-family: "Noto Serif JP", serif;
	position:relative;
	font-weight:bold;
	background: #e8e8e8;
	display:inline-block;
	padding:2px 10px
}
.top-point:before{
	content:"\\";
	margin-right:5px;
}

.top-point:after{
	content:"/";
	margin-left:5px;
}
.top-point + h2{
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
}
.entry-content h2:after{
	    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6px;
    background-image: linear-gradient(135deg, #6f6464 12.5%, #fff 0, #fff 50%, #6f6464 0, #6f6464 62.5%, #fff 0, #fff);
    background-size: 5.66px 5.66px;
}
.entry-content h2.ark-block-heading__main:after{
	content:none;
}


@media screen and (min-width: 55em) {
	.global-navigation ul.default-menu > li:hover a::after {
		content: "";
		display: block;
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #ddd;
	}
}
.entry-content h3 {
	font-size: 153.8%;
   margin-block: 20px 5px;
}
#itemimg { position: relative; }
#itemimg .itemimg__overlay {
    position: absolute;
    bottom: 85px;
    left: 37%;
    width: 143px;
    height: auto;
    z-index: 10;
    pointer-events: none;
}

/* 円形テキスト用のオーバーレイ */
.itemimg__textRing {
  position: absolute;
  left: 2%;
  top: 13%;
  inset: 0;              /* 親全体にフィット */
  pointer-events: none;  /* クリックなどを妨げない */
  font-size: 46px;       /* 文字サイズは必要に応じて調整 */
  font-weight: 600;      /* 太さは任意 */
  line-height: 1;
  font-family: "MFW-TBMDGoStd-UltraBold" !important;
}

@media (max-width: 767px) {
  .itemimg__textRing {
    font-size: 30px;
    top: -7%;
  }
}

/* 各文字は中央基準から回転・平行移動で配置 */
.itemimg__textRing-char {
  position: absolute;
  left: 50%;
  top: 44%;
  transform-origin: center center;
  white-space: pre;  /* スペースを維持 */
  will-change: transform;
}

/* 中央テキスト（横並び） */
.itemimg__textCenter {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  white-space: nowrap;   /* 横一列で表示 */
  line-height: 1;
  font-size: 80px;       /* お好みで調整 */
  font-weight: 700;      /* お好みで調整 */
  z-index: 6;            /* 必要に応じて前面へ */
  /* 任意の視認性向上 */
  text-shadow: 0 0 2px rgba(0,0,0,.25);
  font-family: ts-unused, sans-serif; /* 入力欄と合わせたい場合 */
}

#itemimg-textRing-right {
    left: 3%;
}


/*
フォント
*/

/* 角ゴシック：タイポスＡ２０２０ Std R */
.kakugo-jp{
  font-family: "MFW-TyposA2020Std-Regular";
}

/* 丸ゴシック：TBUD学参常改極太丸ゴ StdN R */
.marugo{
  font-family: "MFW-TBGaJoUDGokuRGoStdN-Regular" !important;
}

/* 勘亭流：A-OTF 勘亭流 Std Ultra */
.kanryutei{
  font-family: "MFW-KanteiryuStd-Ultra" !important;
}


/* 角ゴシック：MO ClearTone SG Ultra */
.kakugo-en{
  font-family: "MFW-MOClearToneSG-Ultra";
}

/* 筆記体：Loupot Bold */
.hikki-en{
  font-family: "MFW-Loupot-Bold" !important;
}

/* デザイン体：Rocio Pro Heavy */
.desgin-en{
  font-family: "MFW-RocioPro-Heavy" !important;
}

/* --- 中央文字（JPフォント別：文字数ごとの指定） --- */

/* 角ゴシック（JP） */
.itemimg__textCenter.kakugo-jp[data-jp-len="1"]{
  font-size: 250px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.kakugo-jp[data-jp-len="2"]{
  font-size: 160px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -20px !important;
  left: 50% !important;
  top: 41% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.kakugo-jp[data-jp-len="3"]{
  font-size: 120px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -20px !important;
  left: 46% !important;
  top: 44% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.kakugo-jp[data-jp-len="4"]{
  font-size: 110px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -23px !important;
  left: 48% !important;
  top: 43% !important;
  transform: translate(-50%, -50%) !important;
}

/* 丸ゴシック（JP） */
.itemimg__textCenter.marugo[data-jp-len="1"]{
  font-size: 250px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.marugo[data-jp-len="2"]{
  font-size: 160px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -20px !important;
  left: 50% !important;
  top: 41% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.marugo[data-jp-len="3"]{
  font-size: 110px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -20px !important;
  left: 46% !important;
  top: 44% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.marugo[data-jp-len="4"]{
  font-size: 110px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -23px !important;
  left: 48% !important;
  top: 43% !important;
  transform: translate(-50%, -50%) !important;
}

/* 勘亭流（JP） */
.itemimg__textCenter.kanryutei[data-jp-len="1"]{
  font-size: 250px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.kanryutei[data-jp-len="2"]{
  font-size: 160px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -20px !important;
  left: 50% !important;
  top: 41% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.kanryutei[data-jp-len="3"]{
    font-size: 110px !important;
    transform-origin: 50% 50% !important;
    letter-spacing: -10px !important;
    left: 50% !important;
    top: 44% !important;
    transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.kanryutei[data-jp-len="4"]{
  font-size: 110px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -21px !important;
  left: 49% !important;
  top: 43% !important;
  transform: translate(-50%, -50%) !important;
}

/* --- 中央文字（ENフォント別：文字数ごとの指定） --- */
.itemimg__textCenter{
  line-height: 1 !important;
}

/* 角ゴシック（EN） */
.itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="1"]{
  font-size: 290px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 43% !important;
  transform: translate(-50%, -50%) scale(0.9, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="2"]{
  font-size: 200px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -27px !important;
  left: 50% !important;
  top: 41% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="3"]{
  font-size: 190px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -27px !important;
  left: 50% !important;
  top: 37% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="4"]{
  font-size: 150px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="5"]{
  font-size: 130px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="6"]{
  font-size: 110px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="7"]{
  font-size: 110px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
}

/* 丸ゴシック（EN） */
.itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="1"]{
  font-size: 290px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 43% !important;
  transform: translate(-50%, -50%) scale(0.9, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="2"]{
  font-size: 200px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -27px !important;
  left: 50% !important;
  top: 41% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="3"]{
  font-size: 190px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -27px !important;
  left: 50% !important;
  top: 37% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="4"]{
  font-size: 160px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="5"]{
  font-size: 130px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="6"]{
  font-size: 110px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="7"]{
  font-size: 100px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 40% !important;
}

/* デザイン体（EN） */
.itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="1"]{
  font-size: 360px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 46% !important;
  top: 42% !important;
  transform: translate(-50%, -50%) scale(0.9, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="2"]{
  font-size: 210px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -27px !important;
  left: 50% !important;
  top: 43% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="3"]{
  font-size: 190px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -14px !important;
  left: 50% !important;
  top: 42% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="4"]{
  font-size: 200px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 43% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="5"]{
  font-size: 150px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 43% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="6"]{
  font-size: 150px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 45% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="7"]{
  font-size: 130px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 50% !important;
  top: 44% !important;
}

/* 筆記体（EN） */
.itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="1"]{
  font-size: 360px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -17px !important;
  left: 46% !important;
  top: 37% !important;
  transform: translate(-50%, -50%) scale(0.9, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="2"]{
  font-size: 260px;
  transform: translate(-50%, -50%) scale(1.2, 1);
  transform-origin: 50% 50% !important;
  letter-spacing: -7px !important;
  left: 50% !important;
  top: 40% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="3"]{
  font-size: 190px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -7px !important;
  left: 50% !important;
  top: 37% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="4"]{
  font-size: 240px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -7px !important;
  left: 50% !important;
  top: 39% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="5"]{
  font-size: 180px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -8px !important;
  left: 50% !important;
  top: 41% !important;
  transform: translate(-50%, -50%) scale(1.2, 1) !important;
}
.itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="6"]{
  font-size: 180px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -2px !important;
  left: 50% !important;
  top: 40% !important;
}
.itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="7"]{
  font-size: 160px !important;
  transform-origin: 50% 50% !important;
  letter-spacing: -2px !important;
  left: 50% !important;
  top: 40% !important;
}

@media (max-width: 767px) {
  #itemimg .itemimg__overlay {
      position: absolute;
      bottom: 101px;
      left: 37%;
      width: 26.6667vw;
      height: auto;
      z-index: 10;
      pointer-events: none;
  }

  /* EN: 100px => 19.7333vw を基準に各font-size(px)をvwへ換算 */

  /* 角ゴシック（JP） */
  .itemimg__textCenter.kakugo-jp[data-jp-len="1"]{font-size: 49.3332vw !important;} /* 250px */
  .itemimg__textCenter.kakugo-jp[data-jp-len="2"]{font-size: 31.5733vw !important;} /* 160px */
  .itemimg__textCenter.kakugo-jp[data-jp-len="3"]{font-size: 23.2558vw !important;letter-spacing: -20px !important;top: 40% !important;}/* 100px */
  .itemimg__textCenter.kakugo-jp[data-jp-len="4"]{font-size: 23.2558vw !important;top: 40% !important;} /* 100px */

  /* 丸ゴシック（JP） */
  .itemimg__textCenter.marugo[data-jp-len="1"]{font-size: 49.3332vw !important;} /* 250px */
  .itemimg__textCenter.marugo[data-jp-len="2"]{font-size: 31.5733vw !important;} /* 160px */
  .itemimg__textCenter.marugo[data-jp-len="3"]{font-size: 23.68vw !important;letter-spacing: -20px !important;top: 40% !important;} /* 100px */
  .itemimg__textCenter.marugo[data-jp-len="4"]{font-size: 23.2558vw !important;top: 40% !important;} /* 95px */

  /* 勘亭流（JP） */
  .itemimg__textCenter.kanryutei[data-jp-len="1"]{font-size: 49.3332vw !important;} /* 250px */
  .itemimg__textCenter.kanryutei[data-jp-len="2"]{font-size: 31.5733vw !important;letter-spacing: -20px !important;top: 41% !important;} /* 160px */
  .itemimg__textCenter.kanryutei[data-jp-len="3"]{font-size: 23.68vw !important;letter-spacing: -20px !important;top: 40% !important;left: 50% !important;} /* 120px */
  .itemimg__textCenter.kanryutei[data-jp-len="4"]{font-size: 23.2558vw !important;top: 40% !important;} /* 95px */


  /* --- EN --- */

  /* 角ゴシック（EN） */
  .itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="1"]{font-size: 57.2266vw !important;} /* 290px */
  .itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="2"]{font-size: 39.4666vw !important;} /* 200px */
  .itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="3"]{font-size: 43.4133vw !important;} /* 220px */
  .itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="4"]{font-size: 29.5999vw !important;} /* 150px */
  .itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="5"]{font-size: 25.6533vw !important;} /* 130px */
  .itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="6"]{font-size: 21.7066vw !important;} /* 110px */
  .itemimg__textCenter.itemimg__textCenter--en.kakugo-en[data-center-len="7"]{font-size: 21.7066vw !important;} /* 110px */

  /* 丸ゴシック（EN） */
  .itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="1"]{font-size: 57.2266vw !important;top: 40% !important;} /* 290px */
  .itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="2"]{font-size: 39.4666vw !important;} /* 200px */
  .itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="3"]{font-size: 43.4133vw !important;} /* 220px */
  .itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="4"]{font-size: 31.5733vw !important;} /* 160px */
  .itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="5"]{font-size: 25.6533vw !important;} /* 130px */
  .itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="6"]{font-size: 21.7066vw !important;} /* 110px */
  .itemimg__textCenter.itemimg__textCenter--en.marugo[data-center-len="7"]{font-size: 19.7333vw !important;letter-spacing: -11px !important;} /* 100px */

  /* デザイン体（EN） */
  .itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="1"]{font-size: 71.0399vw !important;letter-spacing: -17px !important;top: 37% !important;transform: translate(-50%, -50%) scale(0.9, 1) !important;} /* 360px */
  .itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="2"]{font-size: 41.4399vw !important;letter-spacing: -27px !important;top: 40% !important;} /* 210px */
  .itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="3"]{font-size: 43.4133vw !important;top: 40% !important;} /* 220px */
  .itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="4"]{font-size: 39.4666vw !important;top: 40% !important;} /* 200px */
  .itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="5"]{font-size: 29.5999vw !important;} /* 150px */
  .itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="6"]{font-size: 29.5999vw !important;} /* 150px */
  .itemimg__textCenter.itemimg__textCenter--en.desgin-en[data-center-len="7"]{font-size: 25.6533vw !important;top: 44% !important;} /* 130px */

  /* 筆記体（EN） */
  .itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="1"]{font-size: 71.0399vw !important;} /* 360px */
  .itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="2"]{font-size: 51.3066vw;} /* 260px */
  .itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="3"]{font-size: 49.3332vw !important;} /* 250px */
  .itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="4"]{font-size: 41.8605vw !important;top: 34% !important;} /* 180px */
  .itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="5"]{font-size: 35.5199vw !important;top: 34% !important;} /* 180px */
  .itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="6"]{font-size: 27.907vw !important;top: 38% !important;} /* 120px */
  .itemimg__textCenter.itemimg__textCenter--en.hikki-en[data-center-len="7"]{font-size: 25.5814vw !important;letter-spacing: -2px !important;top: 38% !important;} /* 160px */
}
/* 
.harucraft{
  font-family: "MFW-PHarucraftStdN-Heavy" !important;
}
.midashi{
  font-family: "MFW-TBMDGoStd-UltraBold" !important;
}
.eggwhite{
  font-family: "MFW-Eggwhite-Black" !important;
}
.rolesoft{
  font-family: "MFW-RoleSoftDispPro-XBd" !important;
}
 */

 