/* destyle*/
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

:root {
	--normal-color:#333;
  --link-color:#3d85c6;
	--activeColor: #d93434;
	--subText: #595959;
	--alert: red;
	--themeColor: #719DCE;
	--themeColor2: #ACC6F2;
  --theme-color-3:#033E4F;
	--btnText: #f5f5f5;
	--btnBgColor: #333;
	--eventColor1: #de1000;
	--caution-color: #a40000;
	--eventColor3: #000055;
	--listItem: 2;
	--gap: clamp(8px,2vw,20px);
	--headerOffsetHeight: 0px;
  --footer-text : #f5f5f5;
  --footer-bg-color:#231815;
  counter-reset:rank 0;
}
@media(min-width:600px){
  :root{
    --listItem: 3
  }
}
@media(min-width:1025px){
  :root{
    --listItem: 4
  }
}
/* Font settings */
.yeseva-one {
  font-family: "Yeseva One", serif;
  font-weight: 400;
  font-style: normal;
}
.noto-sans{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
html {
  scroll-behavior: smooth;
}
body{
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  background-color: #fafafa;
}
img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}
ul[class] {
  list-style: none;
}
.skip-to-main {
  display: block;
  width:100%;
  font-size: 20px;
  color: #fff;
  padding: 32px 0;
  text-align: center;
  background: #555;
  position: absolute;
  transform: rotateX(90deg);
  z-index: 100;
}
.skip-to-main:focus {
  transform: rotate(0deg);
  -webkit-text-decoration: underline 3px dotted #fff;
          text-decoration: underline 3px dotted #fff;
  text-underline-offset: .3em;
}
/**
 * 季節による表示切り替え
*/
body[data-season="winter"] .summer,
body[data-season="summer"] .winter{
  display: none !important
}

/**
 * section & title 
 */
.section-inner {
  width:max(300px,min(100vw - 32px,1180px));
  width:clamp(300px,100vw - 32px,1180px);
  margin-inline: auto;
}
h2{
  font-family: "Shippori Mincho", serif;
}
.section-title {
	background: url(https://image.raku-uru.jp/01/10074/130/title-back-logo_1723102406538.png) 50% -8px/130px no-repeat;
	font-weight: 600;
	font-size: clamp(32px,8vw,48px);
  padding-block:clamp(22px , 2.2vw,24px);
  text-align:center;
}
.section-title[data-subtitle] {
	position: relative;
}
.section-title[data-subtitle]::before {
	content: attr(data-subtitle);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	font-size: 0.6em;
  font-family: "Yeseva One", serif;
	color: #777;
	line-height: 1;
	text-align: center;
}
#archive-title {
  font-size: clamp(20px,2.8vw,28px);
  font-weight: 600;
  text-align: center;
  padding: 24px 0 16px;
  line-height: 1.1;
}


.text-box {
  max-width: 760px;
  margin-inline: auto;
  padding: min(20px,4vw);
}
.reader-text {
  width: 0px;
  height: 0px;
  position: absolute ;
  overflow: hidden;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.tax {
  font-size: .7em;
  font-weight: 400;
}
[hidden]{
  display:none
}
[disabled], [aria-disabled="true"]{
  pointer-events: none;
}


/* Main Header  */
#main-header {
  background:rgba(255,255,255,.95);
}
.header-inner {
	max-width: 1200px;
	display: grid;
	grid-template-columns: clamp(120px, 50% ,800px) 1fr;
	padding: var(--gap);
	margin-inline: auto;
}

#site-title a {
	display: flex;
	align-items: center;
	-moz-column-gap: 1em;
	     column-gap: 1em;
	font-size: clamp(18px,2.8vw,28px);
	font-weight: 600;
}
#site-title a >img{
  max-height: clamp(60px,10vw,100px);
  width:auto
}
@media( min-width: 768px){
  .site-title__name {
    display: block !important;
    font-family: "Aoboshi One", serif;
  }
  #site-title a span {
    display: block;
    font-size: 15px;
    font-family:"Noto Serif JP" , serif;
    letter-spacing: 0.2em;
    padding-top: 12px;
  }
}
.header-btn-container {
  display: flex;
  justify-content: flex-end;
}
.header-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
	width:40px;
	margin: var(--gap)
}
.header-btn__icon {
	width: 30px;
	height: 30px;
	fill: #333;
}
@media(min-width:1025px){ 
  .header-btn {
    flex-direction: row;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .header-btn::after {
    content: attr(title);
    font-size: 12px;
    padding: 12px;
    display: block;
  }
}
#main-header.fixed #menu-btn {
	position: fixed;
	top: 0;
	right: 0;
  width: max-content;
	margin: 0;
	flex-direction: column;
	padding: 16px;
	box-shadow: 0 0 4px 0 #aaa;
	background: #fafafa;
  z-index:100
}

/* メインコンテンツの下余白*/
#main{
  padding-bottom:calc(4 * var(--gap))
}
#main > *:not(:last-child) {
	margin-bottom: clamp(88px,12vw,120px);
}


/* products sort */
.products-sort{
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	padding: var(--gap);
	background: rgba(240,240,240,.9);
}
.products-sort-select {
  color: var(--normal-color);
  padding: 4px;
  padding-right: 1.5em;
  border-bottom: 1px dotted;
  background: linear-gradient(to top right,transparent 0 50%,#555 53% 100%) calc(100% - 6px) 50%/6px 10px no-repeat,linear-gradient(to top left,transparent 0 50%,#555 53% 100%) right/6px 10px no-repeat;
}

/*
 *
 * 商品リストのスタイル */
.products-list {
  display: grid;
  grid-template-columns: repeat(var(--listItem) , 1fr);
  gap: calc(var(--gap) * 1.5) var(--gap);
}
.products-list-item {
	padding-inline: var(--gap);
  padding-bottom: 8px;
	background: #fff;
	box-shadow: -2px -2px 20px 1px #f5f5f5;
	border-radius: var(--gap);
  position: relative;
}
.products-item__link {
  color: rgb(50,50,50);
  text-decoration: none;
}
.products-item__image-wrap{
  aspect-ratio: 1/1;
  text-align:center;
  overflow: hidden;
}
.products-item__image{
  transition: .3s;
}
.products-item__name {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.1;
	overflow-wrap: anywhere;
	padding: calc(var(--gap) * .5) 0;
}
.products-item__price {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3;
  padding: 8px 0px 4px;
}
.products-item__soldout {
	color: var(--caution-color);
	font-weight: 600;
}
.products-item__soldout {
  font-family: 'Yeseva One';
  color: var(--caution-color);
  font-weight: 500;
  text-transform: uppercase;
}
/* 商品バッジ */
.icon-badge{
  display:inline-flex;
  justify-content: center;
  align-items: center;
	font-size: clamp(12px,1.8vw,16px);
  font-weight: 600;
	line-height: inherit;
  letter-spacing: .5px;
	color: #f5f5f5;
	padding: clamp(4px,.8vw, 8px);
	background: #333;
	position: absolute;
	top: var(--gap);
	left: calc(var(--gap) * .75);
}
 /* NEWバッジ */
  .badge-27755{
    background:#B60012;
  }
  .badge-27755::before{
    content:"New";
  }
/* おすすめバッジ */
 /* NEWバッジ */
  .badge-27756{
    background: #1C6358;
  }
  .badge-27756::before{
    content:"おすすめ";
  }
/* 人気バッジ  */
 /* NEWバッジ */
  .badge-27757{
    color:var(--normal-color);
    background: #F49D1A;
  }
  .badge-27757::before{
    content:"人気";
  }
 /* 生食用バッジ */
 /* NEWバッジ */
  .badge-80041{
    background:rgb(7, 86, 187);
  }
  .badge-80041::before{
    content:"生食用";
  }
/* 加熱用バッジ */
 /* NEWバッジ */
  .badge-80042{
    background: rgb(200,20,20);
  }
  .badge-80042::before{
    content:"加熱用";
  }



/*
 *
 *  スタッフ写真 */
.aside-inner {
	background: radial-gradient(ellipse at 50% 20%,transparent 0 70%,var(--themeColor2) );
}
#staffs-title {
	font-size: clamp(40px,7vw,84px);
	font-weight: 700;
	line-height: 1.2;
	position: relative;
	top: calc(clamp(40px,7vw,84px) * -1 * 1.2);
	color: transparent;
	background: linear-gradient(to bottom, #fff 55%, var(--theme-color-3) 55.5% 100%);
	-webkit-background-clip: text;
	        background-clip: text;
	text-shadow: 0 0 1px #fff,-4px -4px 10px var(--theme-color-3);
	width: min(94%,810px);
	margin-inline: auto;
}
#staffs-title span {
	display: block;
	font-size: clamp(28px,6vw,64px);
	text-shadow: none;
}
.staffs-photo {
	width: min(98vw, 1440px);
	margin-inline: auto;
	display: block;
}
.staffs-text {
	position: relative;
	top: calc(clamp(40px,7vw,84px) * -1 );
	font-family: "Noto Serif JP" , serif;
	line-height: 1.7;
}
.staffs-text.text-box h3 {
	font-size: clamp(24px,3.0vw,30px);
	font-weight: 600;
	color: var(--theme-color-3);
	padding: 24px 0 16px;
}

/* パンくず */
#breadcrumbs-wrap{
  font-size:clamp(11px, 1vw + 4px ,14px);
  color:#fff;
  padding:20px 0;
  background-color:var(--theme-color-3);
}
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1em;
  padding: var(--gap);
}
.breadcrumbs-item{
  position: relative;
}
.breadcrumbs__link{
  position: relative;
  color: #fff;
}
.breadcrumbs > li:not(:first-child)::before {
  content: ">";
  font-size: 0.7em;
  margin-inline: var(--gap);
  vertical-align: 1px;
  display: inline;
}
/* */
.noitem-message {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: clamp(48px,8vw,80px) 0;
	font-size: 1.2em;
}

.alert{
  font-size:15px;
  font-weight: 600;
  color: var(--alert);
  margin-bottom: var(--gap);
}
input[inputmode="numeric"]:invalid,
select:invalid{
  background: rgba(255,0,0,.2)
}
:invalid ~ .alert{
  display:block
}
.btn-wrap{
  display:flex;
  justify-content: center;
  -moz-column-gap: 1em;
       column-gap: 1em;
  padding: 48px 0
}
.btn-wrap > *{
  width: 200px;
  color:var(--btnText);
  padding:16px 0;
  background-color: var(--btnBgColor);
  outline:0;
  border: none;
  text-align:center;
  transition: backgroundColor .3s
}
@media(hover:hover){
  .btn-wrap > *:hover{
    background-color:var(--themeColor)
  }
}
.copyright {
  font-size: 14px;
  padding: var(--gap);
  text-align: center;
}

/*
 *
 * モバイルメニュー モーダル */
dialog[open] {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  background: rgba(255,255,255,0);
  overflow-y: scroll;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
dialog::-webkit-backdrop {
  background: rgba(0,0,0,.7);
}
dialog::backdrop {
  background: rgba(0,0,0,.7);
}
.dialog-inner {
  width: 100%;
  min-height: calc(100vh + .5px);
  overflow: scroll;
}
.dialog-inner > :first-child {
	width: min(98%,1000px);
	margin-inline: auto;
	padding-top: 24px;
	padding-inline: clamp(8px,4vw,40px);
	background: #f5f5f5;
	position: relative;
}
.dialog-close-btn {
	position: absolute;
	top: var(--gap);
	right: var(--gap);
}
.dialog-close-btn svg{
  width:22px;
  height:22px;
}
/* ナビ部分  */
.dialog-inner > .global-navi-wrap {
	width: min(98%,440px);
	margin-left: auto;
	margin-right: 0;
	padding: var(--gap);
	min-height: 100vh;
}
.global-navi {
	display: grid;
	grid-template-columns: 100%;
	gap: 24px calc(3 * var(--gap));
	align-items: start;
	width: 100%;
}
.global-navi-item {
	background: var(--themeColor2);
	border-radius: var(--gap);
	position: relative;
}
.global-navi__logo {
	display: block;
	width: auto;
	height: 80px;
	margin-inline: auto;
}
.global-navi__btn, .global-navi__link {
	display: block;
	width: 100%;
	height: 100%;
	padding: calc(2 * var(--gap));
  border-radius: var(--gap);
  transition: background-color .3s;
}
.global-navi__btn[aria-expanded="true"] {
  background-color:var(--theme-color-3);
  padding-bottom: var(--gap);
	color: #fff;
}
.global-navi__btn[aria-expanded="true"] + ul{
  padding-bottom:var(--gap)
}
@media(hover:hover){
  :is(.global-navi__btn, .global-navi__link):not([aria-expanded="true"]):hover {
    color:#fff;
    background: var(--themeColor);
  }
  .global-navi-sub__link:hover {
    color: var(--activeColor);
  }
}
.global-navi-wrap .dialog-close-btn svg {
	fill: var(--theme-color-3);
}
.global-navi__icon {
  position: absolute;
  right: var(--gap);
}
.global-navi__btn .global-navi__icon {
  rotate: 90deg;
  transition:rotate .3s ease
}
.global-navi__btn[aria-expanded="true"] .global-navi__icon {
	rotate: -90deg;
}
.global-navi-sub[aria-hidden=true] {
	display:none
}
.global-navi-sub {
	padding-left: 1em;
}
.global-navi-sub-item {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 380px;
}
.global-navi-sub__link{
  line-height: 2.6;
}

/* かきイメージつき　メモ*/
.has-kaki-image:not(#this#is#important) {
	position: relative;
	padding-left: 48px;
	padding: 12px 0 12px 48px;
	box-shadow: 1px 1px 1px 1px var(--theme-color-3);
	width: min(480px,98%);
	border-radius: 8px;
	margin-bottom: 48px;
}
.has-kaki-image::before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 36px;
	background-image: url(https://image.raku-uru.jp/01/10074/148/kaki_1726720200008.png);
	background-size: 100% 100%;
	position: absolute;
	top: 4px;
	left: 4px;
}
.has-kaki-image > p {
	margin-left: -20px;
	font-size: .9em;
}


/*
 *
 *  Footer */
#main-footer {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  color:var(--footer-text);
	background: var(--footer-bg-color);
}

.footer-item{
  flex: 1;
  width:300px;
  margin-inline:auto;  
  padding: calc(var(--gap) * 2);
}
.footer-logo-wrap {
	text-align: center;
	align-self: center;
}


.footer-item.address {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.footer-item.address .telephone {
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.5;
  margin-block: 8px;
}

.footer-item.address .info {
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media(min-width:810px){
  .footer-inner {
    max-width:1400px;
    display: flex;
    margin-inline:auto
  }  
}
.footer-links {
	display: flex;
	flex-wrap: wrap;
  flex-direction: column;
	-moz-column-gap: 8px;
	     column-gap: 8px;
  row-gap: 8px;
}
.footer-links > li {
	padding: 8px 4px;
}
.footer-link {
  transition: background-color .3s;
}
@media(min-width:810px){
  .footer-links{
    flex-direction: column;
  }
}
@media(hover:hover){
  .footer-link:hover {
    border-bottom:1px dotted;
  }
}

/**
 *  公式サイトへのリンク 
 **/
.official-site-link {
	display: flex;
	justify-content: center;
	column-gap: 1em;
	align-items: center;
	width: max-content;
	margin-top: 1em;
	padding-inline: 8px;
  border: 1px solid #777;
  transition: background-color .3s;
	text-align: left;
}
@media(hover: hover){
  .official-site-link:hover {
    font-weight: 600;
    color: var(--theme-color-3);
    background-color: #fff;
  }
  .official-site-link:not(.global-navi):hover img{
    mix-blend-mode: difference;
  }
}
/* ナビゲーションの中にある公式サイトへのリンク */
.official-site-link.global-navi {
	width: 100%;
	border-radius: var(--gap);
	padding-block: 1em;
}
@media(hover : hover){
  .official-site-link.global-navi:hover {
    font-weight: 500;
    color: #fff;
    background-color: var(--themeColor);
    border-color: var(--themeColor);
  }
  .official-site-link.global-navi:hover img {
    mix-blend-mode: color-burn;
  }
}

/** ページ上部にもどる */
a#go-to-top {
	position: fixed;
	bottom: 0;
	right: 0;
	display: none;
	justify-content: center;
	align-items: center;
	rotate: 270deg;
  margin:0;
  padding:16px;
	background: #fafafa;
}
#main-header.fixed ~ a#go-to-top,
#main-header.fixed ~ #preview-area #go-to-top{
  display: flex;
  z-index:100
}
#go-to-top svg {
	width: clamp(28px,4vw,40px);
	height: clamp(28px,4vw,40px);
	fill: #333;
}


/* Social Share  */
.c-share-title{
  font-size:16px;
  margin:1em;
  text-align:center
}
.c-share{
  display:flex;
  justify-content:space-around;
  width:240px;
  margin:auto
}
.c-share-item{
  flex:1;
  text-align: center;
}
.c-share-icon {
  width: 32px;
  height: 32px;
  fill: var(--subText);
}
@media(min-width:1025px){
  .c-share-item.line{
    display: none;
  }
}
@media(hover:hover){
  .c-share-icon:hover{
    fill:#385898;
  }
  .c-share-icon.twitter:hover{
    fill:#1da1f2;
  }
  .c-share-icon.pinterest:hover{
    fill:#BD081C;
  }
}

/* 特商法 & 送料 & 個人情報 & 会員規約 */
#main > .main {
  width:max(300px,min(100vw - 32px,1080px));
  width:clamp(300px,100vw - 32px,1080px);
  margin: auto;
}
.main-article {
  padding-bottom: 48px;
}
.main-article > * + * {
  margin-top: 48px;
}
.ttl h2 {
  font-size: max(20px,min(3vw,28px));
  font-size: clamp(20px,3vw,28px);
  font-weight: 600;
  text-align: center;
}
.about-tbl {
  width: 100%;
  border: 1px solid var(--subText);
}


@media(max-width:767px){
  .about-tbl tr > * {
    display: block;
  }
}
.about-tbl tr > * {
  padding: var(--gap);
}
.about-tbl th {
  color: #eee;
  letter-spacing: 0.15em;
  background: var(--theme-color-3);
  border-bottom: 1px solid #eee;

}
.about-tbl td {
  border-bottom: 1px solid var(--themeColor);
}
.payment-title,
.carriage-title {
	font-size: 17px;
	font-weight: 600;
	padding: var(--gap) 0;
}

/*
 *
 *　フリースペースの基本設定 */
.wysiwyg-data html, .wysiwyg-data address, .wysiwyg-data blockquote, .wysiwyg-data body, .wysiwyg-data dd, .wysiwyg-data div, .wysiwyg-data dl, .wysiwyg-data dt, .wysiwyg-data fieldset, .wysiwyg-data form, .wysiwyg-data frame, .wysiwyg-data frameset, .wysiwyg-data h1, .wysiwyg-data h2, .wysiwyg-data h3, .wysiwyg-data h4, .wysiwyg-data h5, .wysiwyg-data h6, .wysiwyg-data noframes, .wysiwyg-data ol, .wysiwyg-data p, .wysiwyg-data ul, .wysiwyg-data center, .wysiwyg-data dir, .wysiwyg-data hr, .wysiwyg-data menu, .wysiwyg-data pre {
  display: block;
  unicode-bidi: embed;
}
.wysiwyg-data {
  padding: 20px;
  line-height: normal;
  text-align: left;
}
.wysiwyg-data li {
  display: list-item;
}
.wysiwyg-data head {
  display: none;
}
.wysiwyg-data table {
  display: table;
}
.wysiwyg-data tr {
  display: table-row;
}
.wysiwyg-data thead {
  display: table-header-group;
}
.wysiwyg-data tbody {
  display: table-row-group;
}
.wysiwyg-data tfoot {
  display: table-footer-group;
}
.wysiwyg-data col {
  display: table-column;
}
.wysiwyg-data colgroup {
  display: table-column-group;
}
.wysiwyg-data td, .wysiwyg-data th {
  display: table-cell;
}
.wysiwyg-data caption {
  display: table-caption;
}
.wysiwyg-data th {
  font-weight: bolder;
  text-align: center;
}
.wysiwyg-data caption {
  text-align: center;
}
.wysiwyg-data body {
  margin: 8px;
}
.wysiwyg-data h1 {
  font-size: 22px;
  margin: .67em 0;
}
.wysiwyg-data h2 {
  font-size: 20px;
  margin: .75em 0;
}
.wysiwyg-data h3 {
  font-size: 18px;
  margin: .83em 0;
}
.wysiwyg-data h4, .wysiwyg-data p, .wysiwyg-data blockquote, .wysiwyg-data ul, .wysiwyg-data fieldset, .wysiwyg-data form, .wysiwyg-data ol, .wysiwyg-data dl, .wysiwyg-data dir, .wysiwyg-data menu {
  margin: 1.12em 0;
  color: #333;
}
.wysiwyg-data h5 {
  margin: 1.5em 0;
}
.wysiwyg-data h6 {
  margin: 1.67em 0;
}
.wysiwyg-data h1, .wysiwyg-data h2, .wysiwyg-data h3, .wysiwyg-data h4, .wysiwyg-data h5, .wysiwyg-data h6, .wysiwyg-data b, .wysiwyg-data strong {
  font-weight: 600;
}
.wysiwyg-data blockquote {
  margin-left: 40px;
  margin-right: 40px;
}
.wysiwyg-data i, .wysiwyg-data cite, .wysiwyg-data em, .wysiwyg-data var, .wysiwyg-data address {
  font-style: italic;
}
.wysiwyg-data pre, .wysiwyg-data tt, .wysiwyg-data code, .wysiwyg-data kbd, .wysiwyg-data samp {
  font-family: monospace;
}
.wysiwyg-data pre {
  white-space: pre;
}
.wysiwyg-data button, .wysiwyg-data textarea, .wysiwyg-data input, .wysiwyg-data select {
  display: inline-block;
}
.wysiwyg-data big {
  font-size: 120%;
}
.wysiwyg-data small, .wysiwyg-data sub, .wysiwyg-data sup {
  font-size: 86%;
}
.wysiwyg-data sub {
  vertical-align: sub;
}
.wysiwyg-data sup {
  vertical-align: super;
}
.wysiwyg-data table {
  border-spacing: 2px;
}
.wysiwyg-data thead, .wysiwyg-data tbody, .wysiwyg-data tfoot {
  vertical-align: middle;
}
.wysiwyg-data td, .wysiwyg-data th, .wysiwyg-data tr {
  vertical-align: inherit;
}
.wysiwyg-data s, .wysiwyg-data strike, .wysiwyg-data del {
  text-decoration: line-through;
}
.wysiwyg-data hr {
  border: 1px inset;
}
.wysiwyg-data ol, .wysiwyg-data ul, .wysiwyg-data dir, .wysiwyg-data menu, .wysiwyg-data dd {
  margin-left: 1em;
}
.wysiwyg-data ol {
  list-style-type: decimal;
}
.wysiwyg-data ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.wysiwyg-data ul ol, .wysiwyg-data ul ul {
  margin-top: 0;
  margin-bottom: 0;
}
.wysiwyg-data ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.wysiwyg-data u, .wysiwyg-data ins {
  text-decoration: underline;
}
.wysiwyg-data br:before {
  content: "\A";
  white-space: pre-line;
}
.wysiwyg-data center {
  text-align: center;
}
.wysiwyg-data a{
  color:#3d85c6;
  -webkit-text-decoration: underline 1px dotted;
          text-decoration: underline 1px dotted;
}
.wysiwyg-data a:visited {
  color:#333;
}
.wysiwyg-data :focus {
  outline: thin dotted invert;
}

.wysiwyg-data table {
  border: solid 1px;
  border-collapse: separate;
  border-color: #c0c0c0 #c0c0c0 #808080 #808080;
  border-spacing: 2px;
  width: auto;
}
.wysiwyg-data table tr td {
  border: solid 1px;
  border-color: #808080 #808080 #c0c0c0 #c0c0c0;
  padding: 0;
}

.item-comment .wysiwyg-data table tr td {
  background: #fff;
}

.wysiwyg-data ul {
  list-style-type: disc;
}
.wysiwyg-data ul li {
  list-style-type: disc;
}
.wysiwyg-data ol {
  list-style-type: decimal;
}
.wysiwyg-data BDO[DIR="ltr"] {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.wysiwyg-data BDO[DIR="rtl"] {
  direction: rtl;
  unicode-bidi: bidi-override;
}
.wysiwyg-data *[DIR="ltr"] {
  direction: ltr;
  unicode-bidi: embed;
}
.wysiwyg-data *[DIR="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}

/* Begin bidirectionality settings (do not change) */
@media print {
  .wysiwyg-data h1 {
    page-break-before: always;
    page-break-after: avoid;
  }
  .wysiwyg-data h2, .wysiwyg-data h3, .wysiwyg-data h4, .wysiwyg-data h5, .wysiwyg-data h6 {
    page-break-after: avoid;
  }
  .wysiwyg-data ul, .wysiwyg-data ol, .wysiwyg-data dl {
    page-break-before: avoid;
  }
}
ata *[DIR="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}
.category-image {
 display: block;
 width: min(100% , 1000px);
 margin-inline: auto;
 aspect-ratio:2/1;
}
.category-image[src=""] {
 background: lightgray;
}
/* フリースペース */
.free-space.wysiwyg-data {
  max-width: 1000px;
  margin-inline: auto;
  margin-bottom: 48px;
}

/* サブカテゴリの絞り込み */
.sub-category {
  width: min(96%, 800px);
  margin-inline: auto;
  padding-bottom: 40px;
}
.sub-category-title {
  font-size: 15px;
  font-weight: 600;
  padding: 8px 0;
  display: block;
}
#sub-category-select {
  width: min(100%,500px);
  font-size: 16px;
  padding: 8px;
  border: 1px solid #aaa;
  cursor: pointer;
}
#sub-category-select:focus {
  box-shadow: 0 0 0 2px var(--themeColor2);
}
@media(min-width:768px){
  .sub-category {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 24px;
    justify-content: center;
    align-items: center;
  }
}