@charset "UTF-8";
.body-x-small {
  font-size: 0.875rem;
}

.body-small {
  font-size: 1rem;
}

.body-normal {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.25rem;
}

h2 {
  font-size: 1.5rem;
}

.body-eyecatching {
  font-size: 1.5rem;
}

.eyecatching-small {
  font-size: 1.75rem;
}

.eyecatching {
  font-size: 2rem;
}

h1 {
  font-size: 2rem;
}

.eyecatching-large {
  font-size: 3.5rem;
}

a:link {
  color: crimson;
  text-decoration: underline;
}

a:visited {
  color: crimson;
  text-decoration: underline;
}

body {
  font-family: "Arial", "BIZ UDPGothic", "Meiryo", "Hiragino Kaku Gothic ProN", "Hiragino Sans", san-serif;
}

@media screen and (max-width: 599px) {
  body {
    font-size: 1rem;
    margin: 0 0;
  }
  #wrapper {
    display: none;
  }
  #wrapper_sp {
    width: 100%;
  }
  /* #header_sp {
  	position:sticky;
  	top:0px;
  	background-color: #ffffff;
  }

  #header-banner_sp {
  	margin-top: 5px;
  	margin-bottom: 10px;
  	width:100%;
  } */
  header {
    position: sticky;
    top: 0px;
    z-index: 1;
    height: 3em;
  }
  header picture :is(source, img) {
    width: 100%;
    aspect-ratio: 320/35;
    content-visibility: auto;
    contain-intrinsic-size: 320px 35px;
  }
  #container {
    padding-inline: 1em;
  }
  /* #title_sp {
  	color:#DC143C
  }

  .buy-sub-genres-banners {
  	width:80%;
  	margin:auto auto;
  }

  .buy-sub-genres-banners img {
  	width:100%;
  	max-width: 380px;
  }

  .lead-text-area_sp {
  	width:90%;
  	margin:10px auto 10px;
  } */
  #title_sp {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    margin-block: 0.25em;
  }
  #title_sp picture :is(source, img) {
    width: 100%;
    aspect-ratio: 380/158;
    content-visibility: auto;
    contain-intrinsic-size: 380px 158px;
  }
  #heroarea-genre-sub-area_sp {
    --height-vh: calc(100vh - 3em - 0.5em * 2 - (100vw - 2em) * 158 / 380);
    --height-dvh: calc(100dvh - 3em - 0.5em * 2 - (100vw - 2em) * 158 / 380);
    height: var(--height-vh);
    height: var(--height-dvh);
    text-align: left;
    font-size: 1rem;
    content-visibility: auto;
    contain-intrinsic-width: calc(100vw - 2em);
    contain-intrinsic-width: calc(100dvw - 2em);
    contain-intrinsic-height: var(--height-vh);
    contain-intrinsic-height: var(--height-dvh);
    container-type: size;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
  }
  #heroarea-genre-sub-area_sp section {
    display: flex;
    flex-direction: column;
  }
  #heroarea-genre-sub-area_sp > section {
    margin-block-end: 2em;
  }
  @container (height < 26.5em) {
    #heroarea-genre-sub-area_sp > section {
      margin-block-end: 1em;
    }
  }
  #heroarea-genre-sub-area_sp > section h2 {
    align-self: center;
    font-size: 0.875rem;
    color: darkslategray;
    margin-block-start: 0;
  }
  #heroarea-genre-sub-area_sp > section section {
    margin-block-end: 1em;
  }
  #heroarea-genre-sub-area_sp > section section * {
    margin-block: 0;
  }
  #heroarea-genre-sub-area_sp > section section h3 {
    font-size: 1rem;
    color: crimson;
  }
  #heroarea-genre-sub-area_sp > section section p:last-child {
    align-self: flex-end;
  }
  #heroarea-genre-sub-area_sp > section section:last-child {
    margin-block-end: 0;
  }
  #heroarea-genre-sub-area_sp > section section:nth-of-type(1) li {
    color: rgb(0, 0, 0);
  }
  /* .sub-title_sp {
  	margin-top:20px;
  	color:#DC143C;
  } */
  /* .cyubo-item-list_sp {
  	width:85%;
  	margin:auto auto 40px;
  	padding-left:20px;
  	text-align: left;
  	column-count: 2;
  	column-gap: 10%;
  }

  .cyubo-item-list_sp li {
  	margin-bottom: 0.5em;
  } */
  /* .soudan_tel_sp {
  	margin:40px auto;
  } */
  /* #linkstobuygenres-cyubo_sp {
  	width:75%;
  	margin:auto auto 40px;
  	list-style-type: none;
  	padding-left: 0px;
  }

  #linkstobuygenres-cyubo_sp img {
  	width:100%;
  	max-width:380px;
  } */
  /* .column-text_sp {
  	border-top: 1px dotted #808080;
  	font-size: 80%;
  	width:80%;
  	margin:0px auto;
  }

  .column-text_sp h2 {
  	font-size:calc(1.5em * 0.80); 
  }

  #column-text_sp-inner1,#column-text_sp-inner2 {
  	display: none;
  } */
  /* #upper_footer_sp > div {
  	border-top: 1px solid #808080;
  }

  #upper_footer_sp h2 {
  	font-size:calc(1.5em * 0.75); 
  }

  #upper_footer_sp ul {
  	list-style-type:none;
  }

  #upper_footer_sp ul li {
  	margin-bottom: 1em;
  	font-size:75%;
  }

  #footer_genre-area_sp ul {
  	column-count: 2;
  	text-align: left;
  }

  #footer_buy_means__soudan_sp {
  	display:grid;
  	grid-template-columns: repeat(2,50%);
  }

  #footer_buy_means__soudan_sp ul {
  	padding-left: 0px;
  }

  .soudan_sp_note {
  	font-size:75%;
  }

  #upper_footer_sp ul li a:link {
  	color:#000000;
  	text-decoration-line: none;
  }
  #upper_footer_sp ul li  a:visited {
  	color:#000000;
  	text-decoration-line: none;
  }
  #upper_footer_sp ul li  a:hover {
  	text-decoration-line: none;
  }
  #upper_footer_sp ul li  a:active {
  	text-decoration-line: none;
  }

  #footer_sp {
  	width:100%;
  	height:110px;
  	border-top: 1px solid #ff0000;
  	font-size: 75%;
  	color:#ff0000;
  	background-color:#fff000 ;
  	padding-top:20px;
  }

  #footer_sp ul {
  	margin:0px auto;
  	list-style-type: none;
  	padding-left: 0px;
  }

  #footer_sp ul li {
  	margin-bottom: 1em;
  }

  #footer_sp ul li a:link {
  	color:#ff0000;
  	text-decoration-line: none;
  }
  #footer_sp ul li a:visited {
  	color:#ff0000;
  	text-decoration-line: none;
  }
  #footer_sp ul li a:hover {
  	text-decoration-line: none;
  }
  #footer_sp ul li a:active {
  	text-decoration-line: none;
  }
  */
}
@media screen and (max-width: 599px) and (prefers-reduced-motion: no-preference) {
  #heroarea-genre-sub-area_sp > section section:nth-of-type(1) li {
    color: rgba(0, 0, 0, 0);
    animation-name: heroarea-genre-text-animation_sp-lists;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: linear;
    color: rgba(0, 0, 0, 0);
    animation-name: heroarea-genre-text-animation_sp-heading3_lists;
  }
  @keyframes heroarea-genre-text-animation_sp-lists {
    to {
      color: rgb(0, 0, 0);
    }
  }
  @keyframes heroarea-genre-text-animation_sp-heading3_lists {
    to {
      color: rgb(0, 0, 0);
    }
  }
  #heroarea-genre-sub-area_sp > section section:nth-of-type(1) li:nth-of-type(1) {
    animation-delay: 0.5s;
  }
  #heroarea-genre-sub-area_sp > section section:nth-of-type(1) li:nth-of-type(2) {
    animation-delay: 3.5s;
  }
  #heroarea-genre-sub-area_sp > section section:nth-of-type(1) li:nth-of-type(3) {
    animation-delay: 6.5s;
  }
}
@media screen and (max-width: 599px) {
  #heroarea-genre-sub-area_sp nav {
    margin-block-end: 2em;
  }
  #heroarea-genre-sub-area_sp nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
    padding-inline-start: 0;
    margin-block: 0;
    row-gap: 1em;
  }
  #heroarea-genre-sub-area_sp nav ul li a:link, #heroarea-genre-sub-area_sp nav ul li a:visited {
    color: firebrick;
    text-decoration: underline;
  }
  #heroarea-genre-sub-area_sp nav ul li a[href^="#"]::after {
    content: "↓";
  }
  .sub-titles_sp {
    color: crimson;
    text-align: center;
  }
  .links-anchors-bgcolor_weight {
    background-color: ivory;
    font-weight: bold;
  }
  #sub-genre-item_etc-lists_sp {
    font-size: 0.875rem;
    scroll-margin-top: 3em;
    text-align: left;
    container-type: inline-size;
  }
  #sub-genre-item_etc-lists_sp > *:first-child {
    margin-block-end: 2em;
  }
  #sub-genre-item_etc-lists_sp details {
    margin-bottom: 2em;
  }
  #sub-genre-item_etc-lists_sp details summary {
    padding-left: 1em;
    text-indent: -1em;
  }
  #sub-genre-item_etc-lists_sp details summary h2 {
    display: inline;
    font-size: 1rem;
    text-decoration: underline;
    color: darkslategray;
  }
  #sub-genre-item_etc-lists_sp details ul {
    --list_size: 96em;
    --ul_count:2;
    --c_c:2;
    -moz-column-count: var(--c_c);
         column-count: var(--c_c);
    content-visibility: auto;
    contain-intrinsic-height: calc(var(--list_size) / var(--c_c) * var(--ul_count));
  }
  @container (max-width:16em) {
    #sub-genre-item_etc-lists_sp details ul {
      --c_c:1;
    }
  }
  #sub-genre-item_etc-lists_sp details ul li {
    margin-inline-end: 0.5em;
    margin-bottom: 0.5em;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  #others-genres_sp {
    margin-bottom: 3em;
    text-align: left;
  }
  #others-genres_sp div {
    display: grid;
    grid-template-columns: repeat(auto-fit, 100%);
    container-name: others-genre_sp;
    container-type: inline-size;
  }
  #others-genres_sp div section {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
  #others-genres_sp div section h3 {
    justify-self: self-start;
    margin-inline-end: 35%;
    margin-block-end: 0.25em;
  }
  @container others-genre_sp (max-width:16em) {
    #others-genres_sp div section h3 {
      margin-inline-end: auto;
    }
  }
  #others-genres_sp div section h3 picture :is(source, img) {
    width: 100%;
    aspect-ratio: 380/158;
    content-visibility: auto;
    contain-intrinsic-size: calc((100vw - 2em) * 0.65) calc((100vw - 2em) * 0.65 * 158 / 380);
    contain-intrinsic-size: calc((100dvw - 2em) * 0.65) calc((100dvw - 2em) * 0.65 * 158 / 380);
  }
  #others-genres_sp div section h3 + p {
    margin-inline: 1em;
    justify-self: center;
  }
  @container others-genre_sp (max-width:16em) {
    #others-genres_sp div section h3 + p {
      margin-inline: auto;
    }
  }
  #others-genres_sp div section > *:last-child {
    justify-self: self-end;
    margin-inline-end: 1em;
  }
  #before-buy-products_sp {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 1em;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 3em;
  }
  #before-buy-products_sp li a {
    padding: 0.5em 1em;
    font-weight: normal;
  }
  section:has(#soudan_sp) {
    display: flex;
    flex-direction: column;
    /* margin-block-end: 2em; */
    margin-block-end: 3.75em;
    /* 変更前の margin-block-end に合わせる */
    container-type: inline-size;
  }
  #soudan-header_sp {
    scroll-margin-top: 3em;
  }
  #soudan_sp {
    display: flex;
    flex-direction: column;
    row-gap: 0.5em;
    padding-left: 0px;
    list-style-type: none;
    margin-block: 0;
    color: darkslategray;
    font-size: 1.25rem;
  }
  @container (max-width:18em) {
    #soudan_sp {
      font-size: 1rem;
    }
  }
  #soudan_sp li a {
    display: inline-block;
    box-sizing: border-box;
    background-color: ivory;
    border-radius: 0.2em;
    padding: 0.5em 0.5em;
    box-shadow: 0 0.1em 0.2em crimson;
  }
  #soudan_sp li a:-moz-any-link {
    color: darkslategray;
  }
  #soudan_sp li a:any-link {
    color: darkslategray;
  }
  #soudan_sp li a:link, #soudan_sp li a:visited {
    text-decoration: none;
  }
  #soudan_sp li .soudan_sp-note {
    font-size: 1rem;
  }
  #soudan_sp:last-child {
    margin-block-end: 0;
  }
  #soudan_sp #soudan_sp-tel {
    display: flex;
    flex-direction: column;
    /* row-gap:0.5em; */
    row-gap: 0.625rem;
    /* margin-block-end: 1em; */
    margin-block-end: 1.5em;
    /* もとの margin-block-end - row-gap  */
  }
  #soudan_sp #soudan_sp-tel span#soudan_sp-tel-number {
    font-weight: bold;
    font-size: 2rem;
  }
  #soudan_sp #soudan_sp-tel span a {
    display: inline-flex;
    display: inline flex;
    place-items: center;
    -moz-column-gap: 0.5em;
         column-gap: 0.5em;
    background-color: thistle;
    border-radius: 0.2em;
    padding-block: calc(0.5em - 0.25rem);
    padding-inline-start: 0;
    padding-inline-end: 0.5em;
    box-shadow: 0 0.1em 0.2em fuchsia;
  }
  #soudan_sp #soudan_sp-tel span a figure {
    display: flex;
    place-items: center;
    margin: 0 0;
    width: 1.75rem;
    height: 1.75rem;
  }
  #soudan_sp #soudan_sp-tel span a figure img {
    width: 100%;
  }
  footer nav {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    border-top: 0.125em solid crimson;
    color: crimson;
    font-weight: bold;
    background-color: ivory;
  }
  footer nav > *:first-child {
    border-top: none;
  }
  footer nav details {
    width: 100%;
    border-top: crimson solid 0.0625em;
  }
  footer nav details summary {
    padding-block: 1em;
    padding-inline-start: 1em;
    color: sienna;
  }
  footer nav ul {
    list-style-type: none;
    padding-inline-start: 0;
  }
  footer nav ul li {
    margin-block-end: 2em;
    margin-inline-start: 3em;
  }
  footer nav ul li a:-moz-any-link {
    color: crimson;
    text-decoration: none;
  }
  footer nav ul li a:any-link {
    color: crimson;
    text-decoration: none;
  }
  footer nav ul li a:active {
    text-decoration-line: underline;
  }
  footer nav > ul {
    padding-block-start: 1em;
    margin-block-start: 0;
    border-top: crimson solid 0.0625em;
  }
  footer nav > ul li:has(a[href*=powerwarabi]) {
    margin-block-start: 4em;
  }
}
@media screen and (min-width: 600px) {
  #wrapper_sp {
    display: none;
  }
  body {
    font-size: 1.25rem;
  }
  #wrapper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding-inline: 0.4%;
  }
  #container {
    display: grid;
    grid-template-columns: 15.7% 82.7%;
    -moz-column-gap: 1.6%;
         column-gap: 1.6%;
    margin: 0 auto;
  }
  /* #header-banner {
      margin-bottom: 5px;
  } */
  #container > header {
    grid-column: 1/span 2;
  }
  #container > header a {
    display: block;
    width: 100%;
  }
  #container > header a picture :is(source, img) {
    width: 100%;
    aspect-ratio: 1280/124;
    content-visibility: auto;
    contain-intrinsic-size: 1280px 124px;
  }
  header nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 1.75em;
  }
  header nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    font-weight: bold;
    padding-inline-start: 0;
  }
  header nav ul li {
    padding: 0 1em;
    background-color: ivory;
  }
  header nav ul li + li {
    border-left: crimson solid 0.05em;
  }
  header nav ul li a:-moz-any-link {
    color: crimson;
  }
  header nav ul li a:any-link {
    color: crimson;
  }
  header nav ul li a:link {
    text-decoration: none;
  }
  header nav ul li a:visited {
    text-decoration: none;
  }
  header nav ul li a:hover {
    text-decoration: underline;
  }
  /* #container {
  	display: grid;
  	grid-template-columns: 178px 780px;
  	column-gap: 16px;
  	width:990px;
  	margin:0 auto 15px;
  	border-bottom: solid 1px;
  } */
  #column-left {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    container-type: inline-size;
  }
  /* #column-left-home-button {
  	margin-bottom: 15px;
  }

  #column-left-sellform {
  	margin-bottom: 5px;
  }

  #column-left-buy-means  {
  	margin-bottom:35px;
  }

  #column-left-buy-means dd {
  	margin-left: 0;
  	margin-bottom: 10px;
  }

  #column-left-buy-genre {
  	list-style-type: none;
  	padding-left: 0;
  	margin-bottom:35px;
  }

  #column-left-shop-info {
  	list-style-type: none;
  	padding-left: 0;
      margin-bottom: 50px;
  } */
  #column-left nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4em;
  }
  @container (6.4em <= width < 8em) {
    #column-left nav {
      font-size: 1rem;
    }
  }
  @container (width < 6.4em) {
    #column-left nav {
      font-size: 0.875rem;
    }
  }
  #column-left nav > *:last-child {
    margin-block-end: 0;
  }
  #column-left nav h2 {
    display: flex;
    justify-content: center;
    text-align: left;
    width: 100%;
    margin-block-end: 1em;
    box-sizing: border-box;
    border: darkslategray 0.15em solid;
    color: crimson;
    padding-block: 0.35em;
  }
  @container (6.4em <= width < 8em) {
    #column-left nav h2 {
      font-size: 1rem;
    }
  }
  @container (width < 6.4em) {
    #column-left nav h2 {
      font-size: 0.875rem;
    }
  }
  #column-left nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.5em;
    width: 100%;
    list-style-type: none;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 2em;
  }
  #column-left nav ul + h2 {
    margin-block-start: 0;
  }
  #column-left nav ul li {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding-block: 0.35em;
    background-color: gold;
    border-left: darkslategray 0.5em solid;
    font-weight: bold;
    /* margin-block-end: 0.5em; */
  }
  #column-left nav ul li a:-moz-any-link {
    color: crimson;
  }
  #column-left nav ul li a:any-link {
    color: crimson;
  }
  #column-left nav ul li a:link {
    text-decoration: none;
  }
  #column-left nav ul li a:visited {
    text-decoration: none;
  }
  #column-left nav ul li a:hover {
    text-decoration: underline;
  }
  #column-left nav ul li a:-moz-any-link {
    color: darkslategray;
  }
  #column-left nav ul li a:any-link {
    color: darkslategray;
  }
  #column-left nav ul li a:hover, #column-left nav ul li a:active {
    -webkit-text-decoration: underline 0.1em solid;
            text-decoration: underline 0.1em solid;
  }
  #column-left aside {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #column-left aside picture :is(source, img) {
    width: 100%;
    max-width: -moz-max-content;
    max-width: max-content;
    aspect-ratio: 170/30;
    content-visibility: auto;
    contain-intrinsic-size: 170px 30px;
  }
  /* #column-right {
  	width:780px;
  } */
  /* #column-right-header {
  	display:table-cell;
  	vertical-align: middle;
  	text-align: center;
  	width:780px;
  	height: 35px;
  	background-image: url("imgs/back/t_button_b.gif");
  }

  #column-right-header a {
  	margin-left:1em;
  	margin-right:1em;
  } */
  /* #column-right-header-banner {
  	margin-top: 0px;
  	margin-bottom: 25px;
  } */
  /* #column-right-header-banner-sub {
  	margin-bottom: 25px;
  	text-align: left;
  } */
  #column-right h1 {
    margin: 0.5em auto;
    width: 44.7%;
  }
  #column-right h1 picture :is(source, img) {
    width: 100%;
    aspect-ratio: 380/158;
    content-visibility: auto;
    contain-intrinsic-size: 760px 316px;
  }
  .column-right-sub-titles {
    width: 100%;
    border-bottom: crimson 0.25em solid;
    text-align: center;
    text-wrap: balance;
  }
  /* #column-right-cyubo_cook-header-text {
  	color:#FFFFFF;
  	background-color: #000000;
  	text-align: left;
      margin-top:0px;
  }

  #column-right-cyubo_cook-header-text + p {
  	font-size: small;
  	text-align: left;
  	margin:0px auto 25px;
  } */
  #column-right-sub-genre-appeal {
    margin-block-end: 3em;
  }
  #column-right-sub-genre-appeal div {
    padding-inline: 1em;
    -moz-column-count: 2;
         column-count: 2;
    text-align: left;
  }
  #column-right-sub-genre-appeal div section {
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 0;
    margin-block-end: 1em;
  }
  #column-right-sub-genre-appeal div section h3 {
    color: crimson;
    margin-block-end: 0.25em;
  }
  #column-right-sub-genre-appeal div section ul {
    margin-block: 0;
    align-self: flex-start;
  }
  #column-right-sub-genre-appeal div section *:last-child:not(:has(li)) {
    align-self: flex-end;
  }
  #column-right-sub-genre-body {
    text-align: left;
    margin-block-end: 3em;
  }
  #column-right-sub-genre-body header {
    text-align: left;
    margin-block-end: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #column-right-sub-genre-body header > * + * {
    margin-block-start: 0;
  }
  #column-right-sub-genre-body header .column-right-sub-titles + p {
    font-weight: bold;
  }
  /* .column-right-cyubo_cook-body-titles {
  	text-align: left;
  }

  .column-right-cyubo_cook-body-tables {
  	margin-bottom: 25px;
  } */
  #column-right-sub-genre-body h3 {
    color: crimson;
  }
  #column-right-sub-genre-body ul {
    -moz-column-count: 3;
         column-count: 3;
    margin-bottom: 2em;
  }
  #column-right-sub-genre-body ul li {
    margin-inline-end: 1em;
    margin-bottom: 0.5em;
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
  }
  /* #column-right-cyubo_cook-body-note {
  	font-size: small;
  	text-align: left;
  } */
  /* #column-right-soudan {
  	display:grid;
  	grid-template-columns: 380px 380px;
  	gap: 20px;	
  	list-style-type: none;
  	padding-left: 0;
  	margin-bottom: 25px;
  } */
  /* #column-right-cyubo-genre {
  	display:grid;
  	grid-template-columns:240px 240px 240px;
  	gap:30px;
  	list-style-type:none;
  	padding-left:0px;
  	margin-bottom: 25px;
  } */
  #column-right-others-genres div {
    text-align: left;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-around;
    gap: 0.5em;
  }
  #column-right-others-genres div section {
    display: grid;
    grid-template-rows: subgrid;
    align-items: start;
    grid-row: span 3;
    gap: 0;
  }
  #column-right-others-genres div section h3 a picture :is(source, img) {
    width: 100%;
    aspect-ratio: 380/158;
    content-visibility: auto;
    contain-intrinsic-size: calc((1058.56px - 2em) / 3) calc((1058.56px - 2em) / 3 * 158 / 380);
  }
  #column-right-others-genres div section > *:last-child {
    justify-self: self-end;
  }
  #column-right-before-buy-products__soudan {
    display: flex;
    justify-content: center;
    gap: 1em;
    margin-bottom: 3em;
    flex-wrap: wrap;
  }
  #column-right-before-buy-products__soudan section ul {
    padding-left: 0;
    list-style-type: none;
  }
  #column-right-before-buy-products__soudan section ul li {
    background-color: ivory;
    border-radius: 0.25em;
    padding: 1em;
    margin-bottom: 1em;
  }
  #column-right-before-buy-products__soudan section ul li a {
    color: crimson;
  }
  #column-right-before-buy-products__soudan section ul li a:link, #column-right-before-buy-products__soudan section ul li avisited {
    -webkit-text-decoration: underline 2px;
            text-decoration: underline 2px;
  }
  #column-right-before-buy-products {
    flex-basis: 11em;
  }
  #column-right-soudan {
    flex-basis: 21em;
  }
  #column-right-soudan #column-right-soudan-tel {
    color: darkslategray;
    background-color: white;
    border: thistle 0.15em solid;
    border-radius: 0.25em;
    padding: 0.5em;
    text-align: center;
  }
  #column-right-soudan #column-right-soudan-tel #column-right-soudan-tel-title {
    font-size: 1.5rem;
  }
  #column-right-soudan #column-right-soudan-tel #column-right-soudan-tel-number {
    font-size: 2rem;
    font-weight: bold;
  }
  #column-right-soudan #column-right-soudan-shop {
    font-size: 1.5rem;
    color: darkslategray;
    padding: 0.5em;
  }
  #column-right-soudan #column-right-soudan-web {
    padding: 0;
  }
  #column-right-soudan #column-right-soudan-web a {
    display: block;
    background-color: thistle;
    box-shadow: 0 0.1em 0.2em fuchsia;
    padding: 1em 2em;
  }
  #column-right-soudan #column-right-soudan-web a:-moz-any-link {
    color: darkslategray;
    text-decoration: none;
  }
  #column-right-soudan #column-right-soudan-web a:any-link {
    color: darkslategray;
    text-decoration: none;
  }
  #column-right-soudan #column-right-soudan-web a #column-right-soudan-web-title {
    font-size: 1.5rem;
  }
  /* #footer {
  	width:1000px;
  	margin:auto auto 40px;
  }

  #footer a {
  	margin-left:0.5em;
  	margin-right:0.5em;
  } */
  footer {
    grid-column: 1/span 2;
    background-color: ivory;
    font-weight: bold;
    border-top: crimson 0.06em solid;
    text-align: left;
    font-size: 1rem;
    padding-block-start: 1em;
    padding-block-end: 4em;
    display: flex;
    justify-content: center;
  }
  footer nav {
    display: flex;
    -moz-column-gap: 3em;
         column-gap: 3em;
  }
  footer nav section {
    margin-block-end: 1em;
  }
  footer nav section ul {
    list-style-type: none;
    padding-left: 0;
    color: crimson;
    margin-top: 3em;
  }
  footer nav section ul li {
    margin-bottom: 1em;
  }
  footer nav section h3 {
    color: sienna;
    margin: 0 auto;
    font-size: 1rem;
  }
  footer nav section h3 ~ ul {
    margin-top: 2em;
  }
  footer nav div {
    display: flex;
    -moz-column-gap: 3em;
         column-gap: 3em;
    flex-wrap: wrap;
  }
  footer a:-moz-any-link {
    color: crimson;
  }
  footer a:any-link {
    color: crimson;
  }
  footer a:link {
    text-decoration: none;
  }
  footer a:visited {
    text-decoration: none;
  }
  footer a:hover {
    text-decoration: underline;
  }
  #right-bottom-inquiry-tel {
    display: block;
    position: fixed;
    right: 0.5%;
    bottom: 1.5%;
    background-color: khaki;
    text-align: left;
    text-indent: -3em;
    padding: 0.5em 0.5em 0.5em 3.5em;
    box-shadow: 0.1em 0.25em gainsboro;
    border-radius: 1em;
    font-size: 1rem;
  }
  #right-bottom-inquiry-tel > #telno {
    font-size: clamp(1.5rem, 2.97vw, 2rem);
    /* #wrapper {width:940px } で font-size:28px を想定 */
  }
}/*# sourceMappingURL=cyubo_cook.css.map */