@charset "UTF-8";
/*!
Theme Name: coms
Author: coms
Author URI: http://com-s.org/
Description: 一般社団法人COM'Sのオリジナルテーマ
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: coms
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

coms is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .main-navigation ul {
    display: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* site
--------------------------------------------- */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol,
dl,
dt,
dd,
a,
img,
div,
nav,
header,
article,
footer {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  font-family: "メイリオ", Meiryo, sans-serif;
  line-height: 1;
  background: #000;
  margin: 0 !important;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

.cf::after {
  content: "";
  display: block;
  clear: both;
}

button:active, button:focus {
  outline: none !important;
  border: none !important;
}

input:active, input:focus {
  outline: none !important;
  border: none !important;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(170, 170, 170, 0.466) inset;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.329);
}

#page {
  height: 100vh;
  overflow: hidden;
}

#anm_wrap {
  height: 100%;
}
#anm_wrap.pgan_out {
  -webkit-animation: pgan1 0.2s forwards;
          animation: pgan1 0.2s forwards;
}

.inner_wrap,
.storycontent,
.catbox .post .entry {
  max-width: 1200px;
  margin: auto;
}

.menu-toggle {
  position: fixed;
  border: none;
  cursor: pointer;
  overflow: visible !important;
  transition: 0.2s all;
  visibility: hidden;
  padding: 0;
  z-index: 9991;
  text-indent: 100vw;
  overflow: hidden;
  white-space: nowrap;
}
.menu-toggle::before {
  position: absolute;
  content: "";
  background-color: #000000;
  transform: rotate(45deg);
}
.menu-toggle::after {
  position: absolute;
  content: "";
  background-image: url("images/menu_w.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 0.3s;
}
.menu-toggle.advv {
  visibility: visible;
}
.menu-toggle i {
  font-size: 36px;
  margin-right: 10px;
}
.menu-toggle[aria-expanded=true]::after {
  background-image: url("images/close.png");
  background-size: 60%;
}
.menu-toggle[aria-expanded=true] + #nav_inn {
  visibility: visible;
}

.main-navigation #nav_inn {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  visibility: hidden;
  overflow: auto;
  z-index: 9990;
}
.main-navigation #nav_inn .nav_cntn {
  background: #000a24;
  opacity: 0;
}
.main-navigation #nav_inn .nav_cntn li {
  font-family: "Bebas Neue", cursive;
  font-weight: bold;
}
.main-navigation #nav_inn .nav_cntn li a {
  color: #fff;
}
.main-navigation #nav_inn .nav_cntn li span {
  font-family: "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-left: 20px;
}
.main-navigation #nav_inn .sub-menu li {
  font-size: 16px !important;
}
.main-navigation #nav_inn .sub-menu a {
  font-family: "メイリオ", Meiryo, sans-serif;
  width: 100%;
}
.main-navigation #nav_inn .sub-menu a::before {
  font-family: "Font Awesome 5 free";
  color: #909090;
  content: "\f068";
  font-weight: 900;
  padding-right: 10px;
}
.main-navigation #nav_inn .item_sld {
  position: relative;
  background: #13122c;
  background-image: url("https://ryo-hirasawa.com/wp-content/uploads/2022/11/R.Pride_bg_ww.png");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}
.main-navigation #nav_inn .item_sld .swiper-button-prev::after {
  font-family: "Font Awesome 5 free";
  content: "\f104";
  font-weight: 900;
  color: rgba(167, 167, 167, 0.356);
}
.main-navigation #nav_inn .item_sld .swiper-button-next::after {
  font-family: "Font Awesome 5 free";
  content: "\f105";
  font-weight: 900;
  color: rgba(167, 167, 167, 0.356);
}
.main-navigation #nav_inn .n_mess {
  position: relative;
  opacity: 0;
}
.main-navigation #nav_inn .n_mess #ptc_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #0c222c, #1f0e25, #0d2e17);
  background-size: 200% 200%;
  -webkit-animation: bggradient 20s ease infinite;
          animation: bggradient 20s ease infinite;
  z-index: -1;
}
.main-navigation #nav_inn .nav_sns {
  opacity: 0;
}

.bcn_box {
  position: relative;
  font-family: "Bebas Neue", cursive;
  font-size: 12px;
  color: #646464;
  margin: 10px 0 0 5%;
  z-index: 1;
}
.bcn_box a {
  color: #646464;
}
.bcn_box .current-item {
  color: #c8c8c8;
}

article .bcn_box {
  margin-left: 0;
}

.site-main {
  height: 100%;
}

#main-top {
  position: relative;
  height: 100%;
}
#main-top #wr_anm {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  visibility: visible;
}
#main-top .wr_anmA {
  -webkit-animation: fadeout 1s 3s forwards;
  animation: fadeout 1s 3s forwards;
  z-index: 9997;
}
#main-top #top_slider {
  position: relative;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
#main-top #top_slider .swiper-wrapper .swiper-slide {
  background: rgb(207, 207, 207);
}
#main-top #top_slider .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-top .svgan_ti {
  position: absolute;
  top: 70%;
  left: calc(50% - 200px);
  width: 400px;
  height: 100px;
  font-family: "Bebas Neue", cursive;
  font-size: 70px;
  line-height: 40px;
  text-align: center;
  visibility: hidden;
  z-index: 9998;
}
#main-top .svgan_ti span {
  font-size: 50px;
}
#main-top .svgan_ti.wr_anmB {
  visibility: visible;
  -webkit-animation: fadeout 0.8s 3s forwards;
          animation: fadeout 0.8s 3s forwards;
}
#main-top .svgan_wrap svg {
  margin-left: -15%;
}
#main-top .svgan_wrap.wr_anmC {
  opacity: 0;
  visibility: visible;
  -webkit-animation: vvanm1 4s forwards;
  animation: vvanm1 4s forwards;
}
#main-top .svgan_wrap.advv {
  visibility: visible;
}
#main-top .svgan_wrap .st0 {
  fill: #281E1C;
}
#main-top .svgan_wrap .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 9;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
#main-top .svgan_wrap .st2 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
#main-top .svgan_wrap .st3 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 12;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
#main-top .svgan_wrap .st4 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
#main-top .svgan_wrap .st5 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 14;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
#main-top .s_ti {
  position: absolute;
  font-family: "Bebas Neue", cursive;
  color: #fff;
}
#main-top .s_ti span:nth-of-type(1) {
  display: inline-block;
  -webkit-animation: tan1 0.5s 0s forwards;
          animation: tan1 0.5s 0s forwards;
  transform-origin: bottom;
  opacity: 0;
}
#main-top .s_ti span:nth-of-type(1).wr_anmD {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
#main-top .s_ti span:nth-of-type(2) {
  display: inline-block;
  -webkit-animation: tan1 0.5s 0.3s forwards;
          animation: tan1 0.5s 0.3s forwards;
  transform-origin: bottom;
  opacity: 0;
}
#main-top .s_ti span:nth-of-type(2).wr_anmE {
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}
#main-top .s_ti span:nth-of-type(3) {
  display: table;
  -webkit-animation: tan2 0.5s 1s forwards;
          animation: tan2 0.5s 1s forwards;
  transform-origin: bottom;
  opacity: 0;
}
#main-top .s_ti span:nth-of-type(3).wr_anmF {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
#main-top .t_des {
  position: absolute;
  font-family: "Bebas Neue", cursive;
  color: #fff;
}
#main-top .t_des span:nth-of-type(1) {
  display: inline-block;
  -webkit-animation: tan2 0.5s 4.8s forwards;
          animation: tan2 0.5s 4.8s forwards;
  transform-origin: bottom;
  opacity: 0;
}
#main-top .t_des span:nth-of-type(2) {
  font-size: 30px;
  display: table;
  -webkit-animation: tan2 0.5s 5.1s forwards;
          animation: tan2 0.5s 5.1s forwards;
  transform-origin: bottom;
  opacity: 0;
}
#main-top .t_logo {
  position: absolute;
  display: block;
  -webkit-animation: tan2 0.5s 5.4s forwards;
          animation: tan2 0.5s 5.4s forwards;
  transform-origin: bottom;
  opacity: 0;
}
#main-top .t_logo img {
  width: 100%;
}

.pg_tmp {
  position: relative;
  min-height: 100%;
  font-family: "Bebas Neue", cursive;
  background-color: #000a24;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  overflow: auto;
  box-sizing: border-box;
}
.pg_tmp::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.pg_tmp::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 16%;
  height: 100%;
  content: "";
  background-color: rgba(24, 24, 24, 0.404);
}
.pg_tmp h1 {
  position: relative;
  z-index: 1;
}
.pg_tmp .entry-content {
  position: relative;
  z-index: 1;
}

.m_scd {
  background-color: none;
  background-image: url("http://k-yamagami.xyz/wp-content/uploads/2021/08/3749558_m.jpg");
}
.m_scd::before {
  background: rgba(63, 58, 143, 0.39);
}

.s_pg {
  background-color: none;
  background-image: url("https://ryo-hirasawa.com/wp-content/uploads/2022/11/R.Pride_bg_ww.png");
  background-repeat: no-repeat;
  background-position: center;
}
.s_pg::before {
  background-color: rgba(85, 85, 85, 0.822);
}

.rp_pg {
  background-color: none;
  background-image: url("https://ryo-hirasawa.com/wp-content/uploads/2022/11/R.Pride_bg_ww.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% !important;
}
.rp_pg::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(85, 85, 85, 0.822);
}
.rp_pg::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 16%;
  height: 100%;
  content: "";
  background-color: rgba(24, 24, 24, 0.404);
}

.lA {
  margin-left: 0;
}

#itempage {
  font-family: "Bebas Neue", cursive;
}
#itempage .itemmn .itemimg {
  margin: auto;
}
#itempage .itemmn .itemimg img {
  width: 100%;
}
#itempage .itemmn #ip_thumbs {
  width: 70%;
  margin: 10px auto;
}
#itempage .itemmn #ip_thumbs .swiper-slide {
  height: 100px;
  cursor: pointer;
}
#itempage .itemmn #ip_thumbs .swiper-slide img {
  width: auto;
  height: calc(100% - 20px);
  -o-object-fit: cover;
     object-fit: cover;
}
#itempage .itemmn #ip_thumbs .swiper-slide .thumb-text {
  height: 20px;
}
#itempage .itemmn .im_alr {
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
}
#itempage .item_num {
  color: #c5c5c5;
}
#itempage .item_dsc {
  font-family: "メイリオ", Meiryo, sans-serif;
  margin: 50px auto;
  padding: 0 2%;
}
#itempage .skuform {
  text-align: center;
}
#itempage .skuform .item_col {
  width: 50%;
  margin: 0 auto 20px;
}
#itempage .skuform .item_col p {
  float: left;
  width: 50%;
  font-size: 20px;
  line-height: 80px;
}
#itempage .skuform .item_col #cc_iop {
  float: right;
  width: 50%;
  height: 100px;
}
#itempage .skuform .item_col #cc_iop #slct_color {
  width: calc(80px + 8%);
  margin: auto;
}
#itempage .skuform .item_col #cc_iop .sccc_A {
  float: left;
  width: 40px;
  height: 40px;
}
#itempage .skuform .item_col #cc_iop .sccc_A:first-of-type {
  margin-right: 8%;
}
#itempage .skuform .item_col #cc_iop .iopt_text {
  display: none;
}
#itempage .skuform .item_size {
  width: 50%;
  margin: 0 auto 50px;
}
#itempage .skuform .item_size .sz_op {
  position: relative;
  max-width: 150px;
  margin: auto;
}
#itempage .skuform .item_size .sz_op::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #1f1f1f;
  border: 1px solid #fff;
  z-index: 1;
}
#itempage .skuform .item_size .sz_op::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  font-family: "Font Awesome 5 free";
  color: #fff;
  content: "\f107";
  font-weight: bold;
  padding: 13px 10px 0 0;
  box-sizing: border-box;
  z-index: 1;
}
#itempage .skuform .item_size .sz_op select {
  position: relative;
  font-family: "Bebas Neue", cursive;
  width: 100%;
  font-size: 20px;
  color: #fff;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  z-index: 2;
}
#itempage .skuform .item_size .sz_op select:focus {
  outline: none;
}
#itempage .skuform .item_size .sz_op select option {
  background: #1f1f1f;
}
#itempage .skuform #l_ccmdl {
  font-size: 12px;
  color: #73eaff;
  display: block;
  margin-top: 10px;
}
#itempage .skuform #l_ccmdl:hover {
  text-decoration: underline;
}
#itempage .skuform .active {
  outline: 3px solid #ffab2d;
}
#itempage .skuform #cc_text {
  margin-top: 15px;
}
#itempage .skuform #cc_white {
  background-color: #fff;
  box-shadow: 1px 1px 1px 0, -1px -1px 0;
}
#itempage .skuform #cc_black {
  background-color: black;
}
#itempage .skuform #cc_red {
  background-color: red;
}
#itempage .skuform .price {
  color: #ffab2d;
}
#itempage .skuform .quant {
  position: relative;
  width: 30%;
  height: 60px;
}
#itempage .skuform .quant input {
  position: absolute;
  top: 0;
  left: 28%;
  width: 40% !important;
  font-family: "Bebas Neue", cursive;
  font-size: 30px;
  background: none;
  color: #fff;
  text-align: center !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  border: none;
}
#itempage .skuform .quant input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#itempage .skuform .quant input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
#itempage .skuform .quant .btn-minus,
#itempage .skuform .quant .btn-plus {
  position: absolute;
  top: 10px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  background: #1f1f1f;
  border: 1px solid #fff;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
#itempage .skuform .button {
  width: 50%;
  margin: auto;
}
#itempage .skuform .button input {
  font-family: "Bebas Neue", cursive;
  width: 100%;
  font-size: 24px;
  background: #1f1f1f;
  color: #fff;
  cursor: pointer;
  padding-bottom: 15px;
}
#itempage .skuform .button input:hover {
  background: #ffffff;
  color: #000;
  transform: scale(1.1);
  transition: all 0.3s;
}
#itempage .swiper-button-prev::after,
#itempage .swiper-button-next::after {
  font-size: 20px;
}

#cc_mdl {
  display: none;
  opacity: 0;
}
#cc_mdl table {
  font-family: "Bebas Neue", cursive;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
#cc_mdl table th {
  border: 1px solid #818181;
  background: #000;
  color: #fff;
}
#cc_mdl table td {
  border: 1px solid #818181;
  background: #fff;
}

.confiem_notice {
  color: #fff;
  margin-bottom: 30px;
}

.cart_navi {
  font-family: "Bebas Neue", cursive;
}
.cart_navi ul li {
  font-size: 18px !important;
  line-height: 26px !important;
}
.cart_navi ul li span {
  font-size: 12px;
  line-height: 10px !important;
  display: block;
  padding-bottom: 4px;
}

#cart th {
  background: #000 !important;
  color: #fff !important;
}
#cart td {
  color: #fff;
}

.upbutton {
  font-size: 14px;
  color: #fff;
}
.upbutton input {
  font-size: 12px;
  border-radius: 0 !important;
}

.cnt_wrap h5 {
  color: #fff !important;
  background: #01173b !important;
}

.customer_form th,
#confirm_table th {
  background: #000 !important;
  color: #fff !important;
}
.customer_form td,
.customer_form label,
#confirm_table td,
#confirm_table label {
  color: #fff !important;
}
.customer_form input,
#confirm_table input {
  margin-right: 5px !important;
}

.send input {
  font-family: "Bebas Neue", cursive;
  border-radius: 0;
  cursor: pointer;
  padding-bottom: 10px;
}
.send .continue_shopping_button,
.send .back_cart_button,
.send .back_to_customer_button,
.send .back_to_delivery_button,
.send input[name=editmember],
.send .bxpo_B input[name=top] {
  background: #fff !important;
  color: #000;
}
.send .continue_shopping_button:hover,
.send .back_cart_button:hover,
.send .back_to_customer_button:hover,
.send .back_to_delivery_button:hover,
.send input[name=editmember]:hover,
.send .bxpo_B input[name=top]:hover {
  color: #fff;
  background: #000 !important;
  border: 1px solid #fff;
}
.send .to_customerinfo_button,
.send input[name=customerlogin],
.send .to_deliveryinfo_button,
.send .to_reganddeliveryinfo_button,
.send .to_confirm_button,
.send .checkout_button,
.send input[name=deletemember] {
  color: #fff;
  background: #000 !important;
  border: 1px solid #fff;
}
.send .to_customerinfo_button:hover,
.send input[name=customerlogin]:hover,
.send .to_deliveryinfo_button:hover,
.send .to_reganddeliveryinfo_button:hover,
.send .to_confirm_button:hover,
.send .checkout_button:hover,
.send input[name=deletemember]:hover {
  background: #fff !important;
  color: #000 !important;
}
.send .back_to_top_button {
  font-family: "Bebas Neue", cursive;
  color: #fff !important;
  background: #000 !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  padding-bottom: 10px;
}
.send .back_to_top_button:hover {
  background: #fff !important;
  color: #000 !important;
}
.send .bxpo_A {
  margin: 20px 0;
}

.tomeinfo a {
  margin: 20px 0 !important;
  font-family: "Bebas Neue", cursive;
  color: #000 !important;
  background: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  padding-bottom: 10px;
}
.tomeinfo a:hover {
  background: #000 !important;
  color: #fff !important;
}

.error_message {
  color: red;
}

.loginbox {
  font-family: "Bebas Neue", cursive;
  background: #000 !important;
}
.loginbox label {
  font-size: 18px;
  color: #fff;
}
.loginbox .forgetmenot label {
  font-size: 12px;
}
.loginbox .member_login_button,
.loginbox #member_login {
  font-family: "Bebas Neue", cursive;
  color: #fff !important;
  background: #000 !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  padding-bottom: 10px;
}
.loginbox .member_login_button:hover,
.loginbox #member_login:hover {
  background: #fff !important;
  color: #000 !important;
}
.loginbox .chng_ms {
  color: #fff;
  margin-bottom: 30px;
}

.w_ex p#nav a {
  font-size: 16px !important;
  font-family: "Bebas Neue", cursive;
  color: #fff !important;
  background: #000 !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  padding-bottom: 10px;
}
.w_ex p#nav a:hover {
  background: #fff !important;
  color: #000 !important;
}

.header_explanation {
  color: #fff !important;
}

#newmember table {
  margin-bottom: 30px !important;
}

#memberinfo table th {
  background: #fff;
  color: #000;
}
#memberinfo table td {
  color: #fff;
}
#memberinfo .member_submenu li a {
  font-family: "Bebas Neue", cursive;
  color: #fff !important;
  background: #000 !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  margin-top: 20px;
  padding-bottom: 10px;
}
#memberinfo .member_submenu li a:hover {
  background: #fff !important;
  color: #000 !important;
}

#memberpages p,
#cart_completion p {
  color: #fff !important;
}

.pg_contact form label {
  display: block;
  margin-bottom: 20px !important;
}
.pg_contact form label input,
.pg_contact form label select,
.pg_contact form label textarea {
  margin-top: 5px;
}
.pg_contact form label textarea {
  height: 100px;
}
.pg_contact form input[type=submit] {
  font-family: "Bebas Neue", cursive;
  background: #fff;
}

body.blog-template-default {
  background: #fff;
}
body.blog-template-default h1 {
  color: #000;
}
body.blog-template-default #mth_right a,
body.blog-template-default #mth_right i,
body.blog-template-default #mth_right li {
  color: #000;
}
body.blog-template-default aside#secondary {
  background: #fff;
}
body.blog-template-default #colophon {
  clear: both;
}
body.blog-template-default #colophon p {
  color: #000;
}

article.blog .blog_days {
  font-family: "Bebas Neue", cursive;
}

_:lang(x) + _:-webkit-full-screen-document,
#itempage .skuform .item_size .sz_op select {
  padding-left: 41%;
}

@-webkit-keyframes pm_anm1 {
  0% {
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes pm_anm1 {
  0% {
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
@-webkit-keyframes pm_anm2 {
  0% {
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes pm_anm2 {
  0% {
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@-webkit-keyframes pm_anm3 {
  0% {
    transform: scaleX(1);
  }
  100% {
    opacity: 1;
    transform: scaleX(0);
  }
}
@keyframes pm_anm3 {
  0% {
    transform: scaleX(1);
  }
  100% {
    opacity: 1;
    transform: scaleX(0);
  }
}
@-webkit-keyframes tan1 {
  0% {
    opacity: 1;
    transform: translate(-120%, -150%) scale(0);
  }
  80% {
    opacity: 1;
    transform: translate(10%, 15%) scale(2.8);
  }
  100% {
    opacity: 1;
    transform: translate(0) scale(1);
  }
}
@keyframes tan1 {
  0% {
    opacity: 1;
    transform: translate(-120%, -150%) scale(0);
  }
  80% {
    opacity: 1;
    transform: translate(10%, 15%) scale(2.8);
  }
  100% {
    opacity: 1;
    transform: translate(0) scale(1);
  }
}
@-webkit-keyframes tan2 {
  0% {
    opacity: 1;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes tan2 {
  0% {
    opacity: 1;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@-webkit-keyframes tan3 {
  50% {
    transform: scale(1.05);
  }
}
@keyframes tan3 {
  50% {
    transform: scale(1.05);
  }
}
@-webkit-keyframes pgan1 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes pgan1 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-webkit-keyframes pgan2 {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pgan2 {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes bggradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes bggradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .nav_cntn .menu li {
    font-size: 26px !important;
  }
  .team_info .ms_days {
    font-size: 26px;
  }
  .team_info .m_wrap .m_owt,
.team_info .m_wrap .m_ot {
    font-size: 24px;
  }
  .nav_sns {
    width: 40%;
    padding-left: 5% !important;
  }
  .pg_tmp .m_wrap .emb div {
    padding: 10px !important;
  }
  .pg_tmp .m_wrap .t_scr {
    font-size: 80px !important;
  }
  .pg_tmp .m_wrap .m_scr {
    font-size: 30px !important;
  }
}
/**** media mobile ****/
@media screen and (max-width: 640px) {
  #page {
    height: calc(var(--vh, 1vh) * 100);
  }
  .main-navigation #primary-menu {
    -webkit-overflow-scrolling: touch;
  }
  .main-navigation #primary-menu li span {
    font-size: 14px;
  }
  .main-navigation .sub-menu {
    padding-top: 20px;
  }
  .main-navigation .sub-menu li {
    height: 20px;
    margin-bottom: 20px !important;
  }
  .main-navigation #nav_inn {
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
  }
  .main-navigation #nav_inn .nav_cntn {
    height: 60%;
    transform-origin: top;
    padding-top: 10%;
    box-sizing: border-box;
  }
  .main-navigation #nav_inn .nav_cntn ul {
    height: 100%;
  }
  .main-navigation #nav_inn .nav_cntn li {
    height: 17%;
    font-size: 30px;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
  }
  .main-navigation #nav_inn .sub-menu {
    padding-top: 20px;
  }
  .main-navigation #nav_inn .sub-menu li {
    margin-bottom: 0 !important;
  }
  .main-navigation #nav_inn .item_sld {
    position: relative;
    height: 40%;
    background-size: 50%;
    transform-origin: left;
    padding: 3%;
    box-sizing: border-box;
  }
  .main-navigation #nav_inn .item_sld::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(31, 31, 31, 0.822);
  }
  .main-navigation #nav_inn .item_sld #slider {
    width: 90%;
    height: 100%;
    padding-top: 3%;
    box-sizing: border-box;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide a {
    color: #fff;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_im {
    height: 70%;
    overflow: hidden;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_im a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_im a img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_tx {
    font-size: 14px;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_tp {
    padding: 3%;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_pc {
    font-family: "Bebas Neue", cursive;
  }
  .main-navigation #nav_inn .item_sld .swiper-button-prev::after,
.main-navigation #nav_inn .item_sld .swiper-button-next::after {
    display: none;
  }
  .main-navigation #nav_inn .nav_sns {
    position: absolute;
    bottom: 40%;
    left: 0;
    width: 100%;
    padding: 0 0 0 25%;
  }
  .main-navigation #nav_inn .nav_sns a {
    float: left;
    display: block;
    color: #fff;
    margin-right: 12%;
  }
  .main-navigation #nav_inn .nav_sns a i {
    font-size: 26px;
  }
  .main-navigation #nav_inn .nav_sns .nt_logo {
    width: 50px;
    margin: -12px 0 0 -14px;
  }
  .menu-toggle {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
  }
  .menu-toggle::before {
    top: -40px;
    right: -55px;
    width: 400%;
    height: 200%;
  }
  .menu-toggle::after {
    top: 15%;
    right: 15%;
    width: 70%;
    height: 70%;
  }
  .menu-toggle[aria-expanded=true] + #nav_inn .nav_cntn {
    -webkit-animation: pm_anm2 0.5s forwards;
            animation: pm_anm2 0.5s forwards;
  }
  .menu-toggle[aria-expanded=true] + #nav_inn .item_sld {
    -webkit-animation: pm_anm1 0.5s forwards;
            animation: pm_anm1 0.5s forwards;
  }
  .menu-toggle[aria-expanded=true] + #nav_inn .nav_sns {
    -webkit-animation: fadein 0.5s 0.5s forwards;
            animation: fadein 0.5s 0.5s forwards;
  }
  #mth_right {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    font-family: "Bebas Neue", cursive;
    padding: 10px 20px;
    box-sizing: border-box;
    z-index: 100;
  }
  #mth_right a {
    color: #fff;
  }
  #mth_right i {
    color: #fff;
    font-size: 26px;
  }
  #mth_right .mr_ti {
    font-size: 28px;
    display: table;
  }
  #mth_right .mr_ti span {
    font-size: 14px;
    display: block;
  }
  #mth_right .incart-btn {
    position: absolute;
    top: 10px;
    right: 90px;
  }
  #mth_right .incart-btn span {
    display: none;
  }
  #mth_right .incart-btn a {
    position: relative;
  }
  #mth_right .incart-btn .tb_i {
    display: none;
  }
  #mth_right .incart-btn .mo_i {
    display: block;
  }
  #mth_right .incart-btn .total-quant {
    display: inline-block;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 18px;
    width: auto;
    min-width: 20px;
    max-width: 30px;
    height: 20px;
    font-weight: normal;
    color: #fff;
    background-color: #5a5a5a;
    border-radius: 50%;
    text-align: center;
    vertical-align: text-bottom;
    padding-top: 1px;
    box-sizing: border-box;
  }
  #mth_right .membership {
    position: absolute;
    top: 10px;
    right: 140px;
  }
  #mth_right .membership a {
    display: block;
    color: #000;
  }
  #mth_right .membership ul {
    display: none;
    position: fixed;
    width: 100%;
    top: 80px;
    left: 0;
    padding: 1.4286em 0.714286em 0.714286em;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    z-index: 1000;
  }
  #mth_right .membership.On ul {
    display: block;
  }
  #mth_right .membership li {
    float: none;
    background: none;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 1.07143em 0.714286em;
    padding-bottom: 0.357143em;
  }
  #mth_right .membership li:first-child {
    margin-left: 0;
  }
  #mth_right .membership li:last-child {
    margin-bottom: 0;
    border: none;
  }
  #mth_right .incart-btn {
    float: left;
  }
  #mth_right .incart-btn a {
    display: block;
    color: #262626;
  }
  #main-top .s_ti {
    bottom: 30%;
    left: 10%;
    font-size: 70px;
  }
  #main-top .s_ti span:nth-of-type(3) {
    font-size: 40px;
    line-height: 40px;
  }
  #main-top .svgan_wrap {
    position: absolute;
    bottom: calc(30% - 160px);
    right: 10%;
    width: 150px;
    height: 150px;
    z-index: 1;
  }
  #main-top .svgan_ti {
    font-size: 40px;
  }
  #main-top .svgan_ti span {
    font-size: 30px;
  }
  #main-top .t_des {
    bottom: 12%;
    right: 5%;
    font-size: 36px;
  }
  #main-top .t_des span:nth-of-type(2) {
    font-size: 20px;
  }
  #main-top .t_logo {
    bottom: 2%;
    right: 5%;
    width: 75px;
  }
  #main-top .mt_sns {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    padding: 0 0 10px 20px;
    opacity: 0;
    -webkit-animation: fadein 1s 2s forwards;
            animation: fadein 1s 2s forwards;
  }
  #main-top .mt_sns a {
    float: left;
    display: block;
    color: #fff;
    margin-right: 30px;
  }
  #main-top .mt_sns a i {
    font-size: 26px;
  }
  #main-top .mt_sns .nt_logo {
    width: 50px;
    margin: -12px 0 0 -14px;
  }
  .bcn_box span {
    margin: 0 10px;
  }
  .bcn_box span:first-of-type {
    margin-left: 0;
  }
  div#content {
    padding-top: 100px;
  }
  .m_on {
    display: block;
  }
  .m_off {
    display: none;
  }
  .pg_title,
.cb-title,
.cart_page_title,
.member_page_title {
    position: relative;
    font-family: "Bebas Neue", cursive;
    font-size: 40px;
    color: #fff;
    margin-left: 2%;
    z-index: 1;
  }
  .catbox {
    position: relative;
    height: calc(var(--vh, 1vh) * 100 - 180px);
    overflow-y: auto;
    margin-top: 20px;
  }
  .catbox .storycontent,
.catbox .post {
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    z-index: 1;
  }
  .bcn_box {
    margin-left: 2% !important;
  }
  .pg_tmp {
    padding: 100px 0 0;
  }
  .pg_tmp::after {
    width: 26%;
  }
  .pg_tmp h1 {
    font-size: 40px;
    margin-left: 2%;
  }
  .pg_tmp .entry-content,
.pg_tmp .scr_wrap {
    height: calc(var(--vh, 1vh) * 100 - 190px);
    overflow-y: auto;
  }
  .pg_tmp .ms_days {
    position: relative;
    font-size: 30px;
    margin: 30px 0 0 7%;
  }
  .pg_tmp .m_wrap {
    position: relative;
    width: 90%;
    margin: 3% auto 0;
  }
  .pg_tmp .m_wrap .emb {
    position: relative;
    padding-top: 200px;
  }
  .pg_tmp .m_wrap .emb div {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pg_tmp .m_wrap .emb div img {
    width: 100%;
  }
  .pg_tmp .m_wrap .emb p {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
  }
  .pg_tmp .m_wrap .t_scr {
    text-align: center;
    font-size: 70px;
    padding-top: 50px;
  }
  .pg_tmp .m_wrap .m_owt {
    float: left;
    width: 45%;
  }
  .pg_tmp .m_wrap .m_scr {
    position: absolute;
    top: 200px;
    left: 40%;
    width: 20%;
    font-size: 30px;
    text-align: center;
    padding-top: 40px;
  }
  .pg_tmp .m_wrap .m_scr p {
    margin-bottom: 30px;
  }
  .pg_tmp .m_wrap .m_ot {
    float: right;
    width: 45%;
  }
  .pg_tmp .entry-footer {
    position: relative;
    width: 96%;
    font-size: 14px;
    text-align: center;
    margin: 25px auto 0;
    z-index: 1;
  }
  .pg_tmp .entry-footer .pgn_p {
    float: left;
    width: 50%;
    padding-right: 5%;
    box-sizing: border-box;
  }
  .pg_tmp .entry-footer .pgn_p i {
    font-size: 14px;
    padding-right: 5%;
  }
  .pg_tmp .entry-footer .pgn_n {
    float: right;
    width: 50%;
    padding-left: 5%;
    box-sizing: border-box;
  }
  .pg_tmp .entry-footer .pgn_n i {
    font-size: 14px;
    padding-left: 5%;
  }
  .pg_tmp .entry-footer a {
    color: #fff;
  }
  body.page-id-63 article {
    background-image: url("https://ryo-hirasawa.com/wp-content/uploads/2022/11/ryo-hira_bg2022_mb.png");
    background-repeat: no-repeat;
    background-size: 320%;
    background-position: 50% 60%;
  }
  body.page-id-63 article::before {
    background: rgba(58, 32, 73, 0.281);
  }
  .pg_plf {
    padding-bottom: 100px;
  }
  .pg_plf h2 {
    position: relative;
    font-size: 30px;
    border-bottom: 1px solid #fff;
    display: table;
    margin: 10px 0 0 30px;
    padding: 0 180px 5px 10px;
  }
  .pg_plf h2 span {
    position: absolute;
    bottom: -30px;
    right: 10px;
    display: block;
    font-size: 24px;
  }
  .pg_plf .club {
    width: 90%;
    background: rgba(194, 194, 194, 0.171);
    margin: 60px auto 30px;
    padding: 20px;
    box-sizing: border-box;
  }
  .pg_plf .club div {
    float: left;
  }
  .pg_plf .club div:nth-of-type(1) {
    width: 40%;
  }
  .pg_plf .club div:nth-of-type(2) {
    width: 60%;
    padding-left: 10px;
    box-sizing: border-box;
  }
  .pg_plf .club div:nth-of-type(2) p {
    font-size: 18px;
  }
  .pg_plf .club div:nth-of-type(2) p span {
    display: block;
    margin-top: 5px;
  }
  .pg_plf .club div:nth-of-type(2) dl {
    font-size: 16px;
    margin-top: 30px;
  }
  .pg_plf .club div:nth-of-type(2) dl dt {
    margin-bottom: 5px;
  }
  .pg_plf .club div:nth-of-type(2) dl dd {
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .pg_plf .f_cnt {
    width: 80%;
    line-height: 20px;
    margin: 60px auto 0;
  }
  .pg_plf .f_cnt h3 {
    font-size: 24px;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
  }
  .pg_plf .f_cnt dl {
    font-family: "メイリオ", Meiryo, sans-serif;
    text-shadow: 1px 1px #000;
    margin: 30px 0 50px;
  }
  .pg_plf .f_cnt dl dt {
    float: left;
    width: 50%;
  }
  .pg_plf .f_cnt dl dd {
    float: left;
    width: 50%;
    margin-bottom: 20px;
  }
  .pg_plf .f_cnt p {
    font-family: "メイリオ", Meiryo, sans-serif;
    text-shadow: 1px 1px #000;
    margin: 30px 0 50px;
  }
  .s_pg {
    background-size: 100%;
  }
  .s_pg .entry-content {
    height: calc(var(--vh, 1vh) * 100 - 200px);
    overflow-y: auto;
  }
  .rp_pg {
    background-size: 100%;
  }
  .m_scd .entry-content {
    height: 450px;
    overflow-y: visible;
  }
  .pg_wrap {
    position: relative;
    height: calc(var(--vh, 1vh) * 100 - 180px);
    overflow-y: auto;
    margin-top: 20px;
    z-index: 1;
  }
  .pg_wrap article {
    position: relative;
    padding: 60px 0;
  }
  .pg_wrap article:first-of-type {
    padding-top: 10px;
  }
  .pg_wrap article:not(:last-child)::before {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    content: "";
    border-bottom: 1px solid #aaaaaa;
  }
  .pg_wrap .ms_days {
    font-size: 26px;
    margin: 0 0 10px 3%;
  }
  .pg_wrap .m_wrap {
    margin: 1% auto 0;
  }
  .pg_wrap .m_wrap .emb {
    padding-top: 150px;
  }
  .pg_wrap .m_wrap .emb div {
    left: 25px;
    width: 100px;
    height: 100px;
  }
  .pg_wrap .m_wrap .emb p {
    top: 100px;
    font-size: 18px;
  }
  .pg_wrap .m_wrap .t_scr {
    font-size: 30px;
    padding-top: 20px;
  }
  .pg_wrap .m_wrap .m_owt {
    position: relative;
  }
  .pg_wrap .m_wrap .m_owt::before {
    position: absolute;
    top: 130px;
    right: -22.191542626%;
    width: 22.191542626%;
    content: "-";
    font-size: 40px;
    text-align: center;
    padding-top: 30px;
  }
  .pg_wrap .ms_mlk {
    width: 40%;
    font-size: 16px;
    color: #fff;
    display: block;
    border: 1px solid #fff;
    margin: 50px auto 0;
    text-align: center;
    padding: 10px 5px;
    box-sizing: border-box;
  }
  .item_box {
    position: relative;
    width: 90%;
    margin: 40px auto 0;
    padding: 0 20px 40px;
    box-sizing: border-box;
  }
  .item_box::before {
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    content: "";
    border-bottom: 1px solid rgb(131, 131, 131);
  }
  .item_box a {
    color: #fff;
  }
  .item_box .ip_cnt {
    text-align: center;
  }
  .item_box .ip_cnt h3 {
    font-size: 20px;
    padding: 10px 0 20px;
  }
  .item_box .ip_cnt p {
    font-size: 24px;
  }
  #itempage {
    color: #fff;
  }
  #itempage .itemmn {
    width: 90%;
    margin: 20px auto;
  }
  #itempage .itemmn #ip_slider {
    margin-bottom: 30px;
  }
  #itempage .itemmn #ip_slider .fbtest {
    font-size: 24px;
  }
  #itempage .itemmn .im_alr {
    line-height: 14px;
  }
  #itempage .item_name {
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
  }
  #itempage .item_num {
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
  }
  #itempage .itemdis {
    padding-top: 20px;
  }
  #itempage .itemdis .skuform .price {
    font-size: 24px;
    font-weight: normal;
    margin: 20px 0 40px;
  }
  #itempage .itemdis .quant {
    margin: 20px auto;
  }
  #itempage .itemdis .quant .btn-minus {
    right: -12px;
  }
  #itempage .itemdis .quant .btn-plus {
    left: -6px;
  }
  #cc_mdl {
    width: 300px;
    height: 400px;
  }
  .ex_cel {
    display: none;
  }
  .pg_contact {
    margin-top: 10px;
    padding: 0 5%;
  }
  .pg_contact input[name=your-name],
.pg_contact input[name=your-email] {
    width: 100%;
  }
  @-webkit-keyframes vvanm1 {
    0% {
      bottom: calc(50% - 150px / 2);
      right: calc(50% - 150px / 2);
      transform: scale(1.3);
      z-index: 9998;
    }
    2% {
      bottom: calc(50% - 150px / 2);
      right: calc(50% - 150px / 2);
      transform: scale(1.3);
      opacity: 1;
      z-index: 9998;
    }
    75% {
      bottom: calc(50% - 150px / 2);
      right: calc(50% - 150px / 2);
      transform: scale(1.3);
      z-index: 9998;
    }
    100% {
      bottom: calc(30% - 160px);
      right: 10%;
      transform: scale(1);
      opacity: 1;
      z-index: 1;
    }
  }
  @keyframes vvanm1 {
    0% {
      bottom: calc(50% - 150px / 2);
      right: calc(50% - 150px / 2);
      transform: scale(1.3);
      z-index: 9998;
    }
    2% {
      bottom: calc(50% - 150px / 2);
      right: calc(50% - 150px / 2);
      transform: scale(1.3);
      opacity: 1;
      z-index: 9998;
    }
    75% {
      bottom: calc(50% - 150px / 2);
      right: calc(50% - 150px / 2);
      transform: scale(1.3);
      z-index: 9998;
    }
    100% {
      bottom: calc(30% - 160px);
      right: 10%;
      transform: scale(1);
      opacity: 1;
      z-index: 1;
    }
  }
}
/**** media tablet ****/
@media screen and (min-width: 641px) {
  #masthead {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9980;
  }
  #masthead .site-branding .site-title {
    font-family: "Bebas Neue", cursive;
    font-size: 34px;
    padding: 5px 0 0 50px;
  }
  #masthead .site-branding .site-title a {
    color: #fff;
  }
  .main-navigation #nav_inn .nav_cntn {
    float: right;
    width: 30%;
    height: 100%;
    transform-origin: right;
    padding: 100px 10% 0;
    box-sizing: border-box;
  }
  .main-navigation #nav_inn .nav_cntn li {
    font-size: 36px;
    margin-bottom: 60px;
  }
  .main-navigation #nav_inn .sub-menu {
    padding-top: 20px;
  }
  .main-navigation #nav_inn .sub-menu li {
    height: 40px;
    margin-bottom: 0 !important;
  }
  .main-navigation #nav_inn .item_sld {
    position: relative;
    float: left;
    width: 70%;
    height: 60%;
    background-size: 50%;
    transform-origin: bottom;
    padding: 3%;
    box-sizing: border-box;
  }
  .main-navigation #nav_inn .item_sld::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(31, 31, 31, 0.822);
  }
  .main-navigation #nav_inn .item_sld #slider {
    width: 100%;
    height: 100%;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide {
    height: 100%;
    color: #fff;
    text-align: center;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide a {
    color: #fff;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_im {
    height: 65%;
    overflow: hidden;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_im a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_tp {
    margin: 5% 0 3%;
  }
  .main-navigation #nav_inn .item_sld #slider .swiper-wrapper .swiper-slide .swsl_pc {
    font-family: "Bebas Neue", cursive;
  }
  .main-navigation #nav_inn .item_sld .swiper-pagination {
    padding-top: 20px !important;
  }
  .main-navigation #nav_inn .item_sld .swiper-button-prev::after,
.main-navigation #nav_inn .item_sld .swiper-button-next::after {
    font-size: 26px;
  }
  .main-navigation #nav_inn .n_mess {
    position: relative;
    float: left;
    width: 70%;
    height: 40%;
    transform-origin: left;
  }
  .main-navigation #nav_inn .n_mess p {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    font-family: "Bebas Neue", cursive;
    font-size: 60px;
    color: #fff;
    text-align: center;
  }
  .main-navigation #nav_inn .n_mess #particle {
    position: absolute;
    top: 30%;
    left: 15%;
    width: 70%;
    vertical-align: bottom;
    z-index: 2;
  }
  .main-navigation #nav_inn .n_mess #waveCanvas {
    position: absolute;
    top: 32%;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .main-navigation #nav_inn .nav_sns {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
    padding: 0 0 10px 9%;
  }
  .main-navigation #nav_inn .nav_sns a {
    float: left;
    display: block;
    color: #fff;
    margin-right: 20px;
  }
  .main-navigation #nav_inn .nav_sns a i {
    font-size: 26px;
  }
  .main-navigation #nav_inn .nav_sns .nt_logo {
    width: 50px;
    margin: -12px 0 0 -14px;
  }
  .menu-toggle {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
  }
  .menu-toggle::before {
    top: -30px;
    right: -70px;
    width: 400%;
    height: 200%;
  }
  .menu-toggle::after {
    top: 15%;
    right: 15%;
    width: 70%;
    height: 70%;
  }
  .menu-toggle[aria-expanded=true] + #nav_inn .nav_cntn,
.menu-toggle[aria-expanded=true] + #nav_inn .nav_sns {
    -webkit-animation: pm_anm1 0.5s forwards;
            animation: pm_anm1 0.5s forwards;
  }
  .menu-toggle[aria-expanded=true] + #nav_inn .item_sld {
    -webkit-animation: pm_anm2 0.5s forwards;
            animation: pm_anm2 0.5s forwards;
  }
  .menu-toggle[aria-expanded=true] + #nav_inn .n_mess {
    -webkit-animation: pm_anm1 0.5s forwards;
            animation: pm_anm1 0.5s forwards;
  }
  #mth_right {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    font-family: "Bebas Neue", cursive;
  }
  #mth_right a {
    color: #fff;
  }
  #mth_right .mr_ti {
    font-size: 24px;
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    margin-top: 130px;
  }
  #mth_right .mr_ti span {
    font-size: 12px;
    display: block;
  }
  #mth_right .membership {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 100px;
  }
  #mth_right .membership i {
    width: 100%;
    margin-bottom: 3px;
  }
  #mth_right .membership li {
    margin-bottom: 20px;
  }
  #mth_right .membership li:first-of-type {
    margin-bottom: 30px;
  }
  #mth_right .membership .lgnm {
    font-size: 12px;
  }
  #mth_right .incart-btn {
    font-size: 14px;
    text-align: center;
  }
  #mth_right .incart-btn .tb_i {
    display: block;
  }
  #mth_right .incart-btn .mo_i {
    display: none;
  }
  #main-top .s_ti {
    top: 20%;
    left: 10%;
    font-size: 130px;
    line-height: 110px;
  }
  #main-top .s_ti span:nth-of-type(3) {
    font-size: 60px;
    line-height: 60px;
  }
  #main-top .svgan_wrap {
    position: absolute;
    top: 60%;
    left: 10%;
    width: 300px;
    height: 300px;
    visibility: hidden;
    z-index: 1;
  }
  #main-top .t_des {
    bottom: 15%;
    right: 5%;
    font-size: 56px;
  }
  #main-top .t_des span:nth-of-type(2) {
    font-size: 30px;
  }
  #main-top .t_logo {
    bottom: 5%;
    right: 5%;
    width: 90px;
  }
  #main-top .mt_sns {
    position: absolute;
    top: 40%;
    right: 0;
    opacity: 0;
    -webkit-animation: fadein 1s 2s forwards;
            animation: fadein 1s 2s forwards;
  }
  #main-top .mt_sns a {
    display: block;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 20px;
  }
  #main-top .mt_sns a i {
    font-size: 20px;
  }
  #main-top .mt_sns .nt_logo {
    width: 40px;
    margin: -10px 0 0 -6px;
  }
  .inner_wrap {
    padding: 0 3%;
  }
  .m_on {
    display: none;
  }
  .m_off {
    display: block;
  }
  body.page-id-63 article {
    background-image: url("https://ryo-hirasawa.com/wp-content/uploads/2022/11/ryo-hira_bg2022.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 100% 0;
  }
  .pg_plf {
    padding-bottom: 100px;
  }
  .pg_plf h2 {
    position: relative;
    font-size: 40px;
    border-bottom: 1px solid #fff;
    display: table;
    margin: 60px 0 0 100px;
    padding: 0 300px 5px 10px;
  }
  .pg_plf h2 span {
    position: absolute;
    bottom: -30px;
    right: 10px;
    display: block;
    font-size: 24px;
  }
  .pg_plf .club {
    max-width: 450px;
    background: rgba(194, 194, 194, 0.171);
    margin: 80px 0 80px 180px;
    padding: 30px 50px;
    box-sizing: border-box;
  }
  .pg_plf .club div {
    float: left;
    width: 50%;
  }
  .pg_plf .club div:nth-of-type(2) {
    padding-left: 10px;
    box-sizing: border-box;
  }
  .pg_plf .club div:nth-of-type(2) p {
    font-size: 18px;
  }
  .pg_plf .club div:nth-of-type(2) p span {
    display: block;
    margin-top: 5px;
  }
  .pg_plf .club div:nth-of-type(2) dl {
    font-size: 16px;
    margin-top: 50px;
  }
  .pg_plf .club div:nth-of-type(2) dl dt {
    margin-bottom: 5px;
  }
  .pg_plf .club div:nth-of-type(2) dl dd {
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .pg_plf .f_cnt {
    max-width: 500px;
    line-height: 20px;
    margin-top: 80px;
    margin-left: 180px;
  }
  .pg_plf .f_cnt h3 {
    font-size: 24px;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
  }
  .pg_plf .f_cnt dl {
    font-family: "メイリオ", Meiryo, sans-serif;
    text-shadow: 1px 1px #000;
    margin: 30px 0 50px 50px;
  }
  .pg_plf .f_cnt dl dt {
    float: left;
    width: 40%;
  }
  .pg_plf .f_cnt dl dd {
    float: left;
    width: 60%;
    margin-bottom: 20px;
  }
  .pg_plf .f_cnt p {
    font-family: "メイリオ", Meiryo, sans-serif;
    text-shadow: 1px 1px #000;
    margin: 30px 0 50px 50px;
  }
  .pg_sps .sps_box {
    float: left;
    width: 33.3333333333%;
    height: 400px;
    padding: 10px 5% 20px;
  }
  .pg_sps .sps_box .sps_im img {
    width: 100%;
  }
  .pg_title,
.cb-title,
.cart_page_title,
.member_page_title {
    position: relative;
    font-family: "Bebas Neue", cursive;
    font-size: 80px;
    color: #fff;
    padding: 50px 0 0 5%;
    z-index: 1;
  }
  .catbox {
    position: relative;
    height: calc(100vh - 160px);
    overflow-y: auto;
    margin-right: 60px;
  }
  .catbox .storycontent,
.catbox .post {
    position: relative;
    width: 100%;
    padding: 0 2% 200px;
    z-index: 1;
  }
  .pg_tmp {
    padding: 50px 60px 0 5%;
  }
  .pg_tmp h1 {
    font-size: 80px;
  }
  .pg_tmp .entry-content {
    height: calc(100vh - 190px);
    overflow-y: auto;
  }
  .pg_tmp .ms_days {
    position: relative;
    font-size: 50px;
    margin: 40px 0 0 7%;
  }
  .pg_tmp .m_wrap {
    position: relative;
    width: 90%;
    margin: 3% auto 0;
  }
  .pg_tmp .m_wrap .emb {
    width: 40%;
  }
  .pg_tmp .m_wrap .emb div {
    max-width: 200px;
    max-height: 200px;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pg_tmp .m_wrap .emb div img {
    width: 100%;
  }
  .pg_tmp .m_wrap .emb p {
    font-size: 28px;
    text-align: center;
    margin-top: 10px;
  }
  .pg_tmp .m_wrap .t_scr {
    width: 60%;
    text-align: center;
    font-size: 100px;
    padding-top: 50px;
  }
  .pg_tmp .m_wrap .m_owt {
    float: left;
    width: 45%;
  }
  .pg_tmp .m_wrap .m_owt .emb {
    float: left;
  }
  .pg_tmp .m_wrap .m_owt .t_scr {
    float: right;
  }
  .pg_tmp .m_wrap .m_scr {
    float: left;
    width: 10%;
    font-size: 40px;
    text-align: center;
    padding-top: 50px;
  }
  .pg_tmp .m_wrap .m_scr p {
    margin-bottom: 50px;
  }
  .pg_tmp .m_wrap .m_ot {
    float: right;
    width: 45%;
  }
  .pg_tmp .m_wrap .m_ot .t_scr {
    float: left;
  }
  .pg_tmp .m_wrap .m_ot .emb {
    float: right;
  }
  .pg_tmp .entry-footer {
    position: relative;
    width: 90%;
    font-size: 20px;
    text-align: center;
    margin: 8% auto 0;
    z-index: 1;
  }
  .pg_tmp .entry-footer .pgn_p {
    float: left;
    width: 50%;
  }
  .pg_tmp .entry-footer .pgn_p i {
    font-size: 24px;
    padding-right: 15%;
  }
  .pg_tmp .entry-footer .pgn_p:hover i {
    transition: 0.3s all;
    transform: scale(1.1);
  }
  .pg_tmp .entry-footer .pgn_n {
    float: right;
    width: 50%;
  }
  .pg_tmp .entry-footer .pgn_n i {
    font-size: 24px;
    padding-left: 15%;
  }
  .pg_tmp .entry-footer .pgn_n:hover i {
    transition: 0.3s all;
    transform: scale(1.1);
  }
  .pg_tmp .entry-footer a {
    color: #fff;
  }
  .m_scd .entry-content {
    height: 100%;
  }
  .s_pg {
    background-size: 50%;
  }
  .rp_pg {
    background-size: 50%;
  }
  .pg_wrap {
    position: relative;
    height: calc(100vh - 160px);
    overflow-y: auto;
    z-index: 1;
  }
  .pg_wrap article {
    position: relative;
    padding-bottom: 60px;
  }
  .pg_wrap article:not(:last-child)::before {
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    content: "";
    border-bottom: 1px solid #aaaaaa;
  }
  .pg_wrap .ms_days {
    font-size: 30px;
    margin: 60px 0 0 7%;
  }
  .pg_wrap .m_wrap {
    width: 60%;
    margin: 1% auto 0;
  }
  .pg_wrap .m_wrap .emb {
    width: 60%;
  }
  .pg_wrap .m_wrap .emb div {
    width: 100px;
    height: 100px;
    margin: auto;
    padding: 10px;
  }
  .pg_wrap .m_wrap .emb p {
    font-size: 18px;
    margin-top: 5px;
  }
  .pg_wrap .m_wrap .t_scr {
    width: 40%;
    font-size: 40px;
    padding-top: 30px;
  }
  .pg_wrap .m_wrap .m_owt {
    position: relative;
  }
  .pg_wrap .m_wrap .m_owt::before {
    position: absolute;
    top: 0;
    right: -22.191542626%;
    width: 22.191542626%;
    content: "-";
    font-size: 40px;
    text-align: center;
    padding-top: 30px;
  }
  .pg_wrap .ms_mlk {
    width: 80px;
    font-size: 16px;
    color: #fff;
    display: block;
    border: 1px solid #fff;
    margin: 5px auto 0;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
  }
  .pg_wrap .ms_mlk:hover {
    background: #fff;
    color: #000;
    transition: all 0.3s;
  }
  .item_box {
    float: left;
    width: 25%;
    height: 50%;
    margin-bottom: 50px;
    padding: 0 20px 20px;
    box-sizing: border-box;
  }
  .item_box a {
    color: #fff;
  }
  .item_box .ip_im {
    height: 70%;
    display: block;
  }
  .item_box .ip_im h2 {
    height: 100%;
  }
  .item_box .ip_im h2 a {
    height: 100%;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .item_box .ip_im h2 a img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .item_box .ip_cnt {
    height: 30%;
    text-align: center;
  }
  .item_box .ip_cnt h3 {
    font-size: 16px;
    padding: 20px 0;
  }
  .item_box .ip_cnt p {
    font-size: 20px;
  }
  #itempage {
    color: #fff;
    padding-top: 20px;
  }
  #itempage .itemmn {
    float: left;
    width: 50%;
  }
  #itempage .itemmn #ip_slider {
    margin-bottom: 30px;
  }
  #itempage .itemmn #ip_slider .fbtest {
    font-size: 24px;
  }
  #itempage .itemmn .itemimg {
    max-width: 400px;
  }
  #itempage .itemdis {
    float: right;
    width: 50%;
    padding-top: 30px;
  }
  #itempage .itemdis .skuform .item_name {
    font-size: 24px;
    font-weight: normal;
  }
  #itempage .itemdis .skuform .item_num {
    font-size: 12px;
    font-weight: normal;
    margin: 20px 0;
  }
  #itempage .itemdis .skuform .price {
    font-size: 28px;
    font-weight: normal;
    margin: 20px 0;
  }
  #itempage .itemdis .skuform .quant {
    margin: 50px auto;
  }
  #itempage .itemdis .skuform .quant .btn-minus {
    right: 10px;
  }
  #itempage .itemdis .skuform .quant .btn-plus {
    left: 10px;
  }
  #cc_mdl {
    width: 400px;
    height: 300px;
  }
  #memberpages table th {
    width: 18%;
  }
  #memberpages table input {
    width: 40% !important;
  }
  #memberpages .w_ex {
    width: 320px !important;
  }
  .pg_contact {
    max-width: 600px;
    margin: 50px auto 0;
  }
  article.blog {
    float: left;
    width: 75%;
    background: #fff;
    padding: 0 5%;
    box-sizing: border-box;
  }
  article.blog .entry-header h2 {
    font-size: 20px;
    border-bottom: 1px solid #fff;
    margin-top: 10px;
  }
  article.blog .entry-content {
    margin-top: 50px;
    padding: 0 2%;
  }
  aside#secondary {
    float: right;
    width: 25%;
    padding-right: 80px;
    box-sizing: border-box;
  }
  @-webkit-keyframes vvanm1 {
    0% {
      top: calc(50% - 300px / 2);
      left: calc(50% - 300px / 2);
      transform: scale(1.3);
      z-index: 9998;
    }
    2% {
      top: calc(50% - 300px / 2);
      left: calc(50% - 300px / 2);
      transform: scale(1.3);
      opacity: 1;
      z-index: 9998;
    }
    75% {
      top: calc(50% - 300px / 2);
      left: calc(50% - 300px / 2);
      transform: scale(1.3);
      z-index: 9998;
    }
    100% {
      top: 60%;
      left: 10%;
      transform: scale(1);
      opacity: 1;
      z-index: 1;
    }
  }
  @keyframes vvanm1 {
    0% {
      top: calc(50% - 300px / 2);
      left: calc(50% - 300px / 2);
      transform: scale(1.3);
      z-index: 9998;
    }
    2% {
      top: calc(50% - 300px / 2);
      left: calc(50% - 300px / 2);
      transform: scale(1.3);
      opacity: 1;
      z-index: 9998;
    }
    75% {
      top: calc(50% - 300px / 2);
      left: calc(50% - 300px / 2);
      transform: scale(1.3);
      z-index: 9998;
    }
    100% {
      top: 60%;
      left: 10%;
      transform: scale(1);
      opacity: 1;
      z-index: 1;
    }
  }
}
/**** media pc ****/