@charset 'UTF-8';
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after
{
    box-sizing: border-box;

    border-width: 0;
    border-style: solid;
}
/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html
{
    line-height: 1.15; /* 1 */

    -webkit-text-size-adjust: 100%; /* 2 */
    -webkit-tap-highlight-color: transparent; /* 3*/
}
/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body
{
    margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main
{
    display: block;
}
/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl
{
    margin: 0;
}
/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    margin: 0;
}
/* Lists (enumeration) */
/* ============================================ */
ul,
ol
{
    margin: 0;
    padding: 0;

    list-style: none;
}
/* Lists (definition) */
/* ============================================ */
dt
{
    font-weight: bold;
}
dd
{
    margin-left: 0;
}
/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr
{
    clear: both;
    overflow: visible; /* 2 */

    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    margin: 0;

    color: inherit;
    border-top-width: 1px;
}
/**
 * 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; /* 1 */
    font-size: inherit; /* 2 */
}
address
{
    font-style: inherit;
}
/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a
{
    text-decoration: none;

    color: inherit;
    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]
{
            text-decoration: underline; /* 2 */
            text-decoration: underline dotted; /* 2 */

    -webkit-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; /* 1 */
    font-size: inherit; /* 2 */
}
/**
 * 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: -.25em;
}
sup
{
    top: -.5em;
}
/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe
{
    vertical-align: bottom;
}
/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea
{
    font: inherit;

    margin: 0;
    padding: 0;

    text-align: inherit;
    vertical-align: middle;

    color: inherit;
    border-radius: 0;
    outline: 0;
    background: transparent;

    -webkit-appearance: none;
            appearance: none;
}
/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type='checkbox']
{
    -webkit-appearance: checkbox;
            appearance: checkbox;
}
[type='radio']
{
    -webkit-appearance: radio;
            appearance: radio;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input
{
    /* 1 */
    overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select
{
    /* 1 */
    text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit']
{
    cursor: pointer;

    -webkit-appearance: none;
            appearance: none;
}
button[disabled],
[type='button'][disabled],
[type='reset'][disabled],
[type='submit'][disabled]
{
    cursor: default;
}
/**
 * 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
{
    padding: 0;

    border-style: none;
}
/**
 * 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;
}
/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand
{
    display: none;
}
/**
 * Remove padding
 */
option
{
    padding: 0;
}
/**
 * Reset to invisible
 */
fieldset
{
    min-width: 0;
    margin: 0;
    padding: 0;
}
/**
 * 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
{
    display: table; /* 1 */

    max-width: 100%; /* 1 */
    padding: 0; /* 3 */

    white-space: normal; /* 1 */

    color: inherit; /* 2 */
}
/**
 * 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;
}
/**
 * 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 outline style in Safari.
 */
[type='search']
{
    outline-offset: -2px; /* 1 */
}
/**
 * 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
{
    font: inherit; /* 2 */

    -webkit-appearance: button; /* 1 */
}
/**
 * Clickable labels
 */
label[for]
{
    cursor: pointer;
}
/* 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;
}
/*
 * Remove outline for editable content.
 */
[contenteditable]
{
    outline: none;
}
/* Table */
/* ============================================ */
table
{
    border-spacing: 0;
    border-collapse: collapse;
}
caption
{
    text-align: left;
}
td,
th
{
    padding: 0;

    vertical-align: top;
}
th
{
    font-weight: bold;

    text-align: left;
}
/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template
{
    display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden]
{
    display: none;
}
.visually-hidden
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    white-space: nowrap;

    border: 0;

    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
}
/*Regular*/
@font-face
{
    font-family: 'Noto Sans JP';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/font/NotoSansJP-Regular.otf') format('opentype');
}
/*Medium*/
@font-face
{
    font-family: 'Noto Sans JP';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/font/NotoSansJP-Medium.otf') format('opentype');
}
/*Bold*/
@font-face
{
    font-family: 'Noto Sans JP';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/font/NotoSansJP-Bold.otf') format('opentype');
}
.start + *
{
    display: none;
}
*
{
    box-sizing: border-box;
}
*::before,
*::after
{
    box-sizing: border-box;
}
html
{
    font-size: 62.5%;

    height: 100%;

    scroll-behavior: auto;
}
@media all and (max-width: 1024px)
{
    html.is-fixed,
    html.is-fixed body
    {
        overflow: hidden;
    }
}
body
{
    font-family: 'Roboto', 'Noto Sans JP', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;

    vertical-align: bottom;

    color: #000;

    -webkit-font-smoothing: antialiased;
}
article,
aside,
footer,
header,
main,
section
{
    display: block;
}
img
{
    max-width: 100%;
    height: auto;

    vertical-align: bottom;
}
dt,
dd
{
    font-weight: 500;
}
.pc-only
{
    display: block;
}
@media screen and (max-width: 768px)
{
    .pc-only
    {
        display: none;
    }
}
.sp-only
{
    display: none;
}
@media screen and (max-width: 768px)
{
    .sp-only
    {
        display: block;
    }
}
.pc-only-ib
{
    display: inline-block;
}
@media screen and (max-width: 768px)
{
    .pc-only-ib
    {
        display: none;
    }
}
.sp-only-ib
{
    display: none;
}
@media screen and (max-width: 768px)
{
    .sp-only-ib
    {
        display: inline-block;
    }
}
.pc-only-menu
{
    display: block;
}
@media screen and (max-width: 1024px)
{
    .pc-only-menu
    {
        display: none;
    }
}
.sp-only-menu
{
    display: none;
}
@media screen and (max-width: 1024px)
{
    .sp-only-menu
    {
        display: block;
    }
}
.anchor
{
    margin-top: -100px;
    padding-top: 100px;
}
.st-Wrapper
{
    position: relative;
}
/* 共通ヘッダー */
.st-Header
{
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 80px;

    border-bottom: 3px solid #004ea2;
    background-color: #fff;
}
@media screen and (max-width: 768px)
{
    .st-Header
    {
        width: 100vw;
        height: 50px;

        border-bottom: 2px solid #004ea2;
    }
}
.st-Header-Inner
{
    display: flex;

    max-width: 1600px;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    padding: 0 32px 0 16px;

    align-items: center;
    justify-content: space-between;
}
@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .st-Header-Inner
    {
        position: fixed;
    }
}
@media screen and (max-width: 768px)
{
    .st-Header-Inner
    {
        position: fixed;

        height: 48px;
        padding: 12px 26px 12px 12px;
    }
}
@media screen and (max-width: 768px)
{
    .st-Header.active
    {
        height: 100vh;
    }
}
.st-Header-Logo
{
    width: 244px;
    height: 48px;
    margin-top: -4px;

    transition: .3s;
}
@media screen and (max-width: 768px)
{
    .st-Header-Logo
    {
        width: 146px;
        height: 29px;
        margin-top: -1px;
    }
}
.st-Header-Logo:hover
{
    opacity: .6;
}
.st-Header-Logo img
{
    height: 100%;
}
.st-Header-Nav
{
    display: flex;

    height: 100%;
    margin-right: auto;
    margin-left: 27px;
}
@media screen and (max-width: 768px)
{
    .st-Header-Nav
    {
        margin-left: auto;
    }
}
.st-Header-Nav_List
{
    display: flex;
}
@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .st-Header-Nav_List
    {
        position: fixed;
        top: 80px;
        right: 0;
        left: auto;

        display: none;
        overflow-y: scroll;

        width: 375px;
        height: 100%;
        padding-bottom: 80px;

        color: #fff;
        background-color: #004ea2;
    }
}
@media screen and (max-width: 768px)
{
    .st-Header-Nav_List
    {
        position: fixed;
        top: 50px;
        left: 0;

        display: none;
        overflow-y: scroll;

        width: 100%;
        height: 100%;
        padding-bottom: 50px;

        color: #fff;
        background-color: #004ea2;
    }
}
.st-Header-Nav_Item
{
    font-size: 1.4rem;
    line-height: 1.8rem;

    position: relative;

    display: flex;
    flex-direction: row;

    text-align: center;

    align-items: center;
}
@media screen and (max-width: 1024px)
{
    .st-Header-Nav_Item
    {
        flex-direction: column;

        margin-left: 0;

        border-bottom: 1px solid #0566cf;
    }
}
.st-Header-Nav_Item:first-of-type
{
    margin-left: 0;
}
.st-Header-Nav_Item a
{
    font-weight: 500;

    display: flex;

    width: 100%;
    height: 100%;
    padding: 0 20px;

    transition: .3s;

    align-items: center;
}
@media screen and (max-width: 1024px)
{
    .st-Header-Nav_Item a
    {
        padding: 16px;
    }
}
@media screen and (min-width: 769px)
{
    .st-Header-Nav_Item a:hover
    {
        color: #004ea2;
    }
}
.st-Header-Nav_Item.current-menu-item
{
    color: #004ea2;
}
@media screen and (max-width: 1024px)
{
    .st-Header-Nav_Item.current-menu-item
    {
        color: #fff;
    }
}
@media screen and (max-width: 1024px)
{
    .st-Header-Nav_Item a.st-Header-Nav_Item-column,
    .st-Header-Nav_Item a.st-Header-Nav_Item-archive
    {
        border-bottom: 1px solid #0566cf;
    }
}
.st-Header-Nav_Item .low-menu
{
    position: absolute;
    z-index: 10;
    top: 100%;
    left: -16px;

    display: none;

    width: 375px;
    padding: 8px 0;

    background-color: #004ea2;
}
@media screen and (max-width: 1024px)
{
    .st-Header-Nav_Item .low-menu
    {
        position: static;

        display: block;

        width: 100%;
        padding: 0;
    }
}
.st-Header-Nav_Item .low-menu li
{
    display: block;

    width: 100%;
    height: 52px;
}
.st-Header-Nav_Item .low-menu li a
{
    display: flex;

    height: 100%;
    padding: 9px 38px 9px 24px;

    transition: .3s;
    text-align: left;

    color: #fff;
    background-color: #004ea2;

    align-items: center;
}
@media screen and (max-width: 1024px)
{
    .st-Header-Nav_Item .low-menu li a
    {
        font-size: 1.2rem;

        background-color: #023e80;
    }
}
.st-Header-Nav_Item .low-menu li a:hover
{
    color: #fff;
    background-color: #023e80;
}
@media screen and (min-width: 1025px)
{
    .st-Header-Nav_tablet
    {
        display: none;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .st-Header-Nav_tablet
    {
        display: block;

        margin-right: auto;
        margin-left: 30px;
    }
}
@media screen and (max-width: 768px)
{
    .st-Header-Nav_tablet
    {
        display: none;
    }
}
.st-Header-Nav_tablet .st-Header-Nav_Item
{
    border-bottom: none;
}
.nav-Overray
{
    position: fixed;
    top: 80px;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .4);
}
.low-menu ul
{
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 1024px)
{
    .st-Header-LangSelect.sp-only-menu
    {
        position: relative;

        width: 100px;
        margin-right: 0;
    }
}
.st-Header-LangSelect_label
{
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2;

    text-align: center;
    cursor: pointer;
}
@media screen and (max-width: 1024px)
{
    .st-Header-LangSelect_label
    {
        line-height: 12px;

        position: relative;
        display: flex;
        padding-right: 0;
        text-align: left;
        align-items: center;
    }
}
@media screen and (max-width: 1024px)
{
    .sp-only-menu .st-Header-LangSelect_label
    {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 768px)
{
    .sp-only-menu .st-Header-LangSelect_label
    {
        font-size: 1.3rem;
    }
}
/* @media screen and (max-width: 1024px)
{
    .st-Header-LangSelect_label::before
    {
        position: absolute;
        top: calc(50% - 5px);
        right: 0;
        width: 10px;
        height: 10px;
        content: '';
        background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_arrow_bottom.svg');
        background-size: cover;
    }
} */
.st-Header-LangSelect_label > img
{
    padding-right: 5px;
}
.st-Header-LangSelect_Choice ul
{
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    margin-top: 6px;
    justify-content: space-between;
}
@media screen and (max-width: 1024px)
{
    .st-Header-LangSelect_Choice ul
    {
        display: block;
        margin-top: 24px;
        margin-left: 20px;
    }
}
/* @media screen and (min-width: 1025px) and (max-width: 1238px)
{
    .wpml-ls-legacy-list-horizontal
    {
        padding: 7px 7px 7px 26px;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1238px)
{
    .wpml-ls-legacy-list-horizontal ul
    {
        flex-direction: column;
    }
} */
.wpml-ls-legacy-list-horizontal {
    padding: 0;
}
@media screen and (max-width: 1024px)
{
    .st-Header-LangSelect_Choice .lang_nav
    {
        position: absolute;
        top: 45px;
        left: -6px;
        display: none;
        width: 110px;
    }
}
@media screen and (max-width: 768px)
{
    .st-Header-LangSelect_Choice .lang_nav
    {
        top: 31px;
        left: -8px;
    }
}
@media screen and (max-width: 1024px)
{
    .st-Header-LangSelect_Choice .lang_list
    {
        margin: 0;
    }
}

@media screen and (max-width: 1024px)
{
    .lang_list .wpml-ls-legacy-list-horizontal .wpml-ls-item a
    {
        display: flex;

        width: 100%;
        height: 36px;
        padding: 0;

        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 768px)
{
    .lang_list .wpml-ls-legacy-list-horizontal .wpml-ls-item a
    {
        font-size: 1.2rem;
        height: 32px;
    }
}
@media screen and (max-width: 1024px)
{
    .wpml-ls-legacy-list-horizontal
    {
        padding: 0;
    }
}

/* @media screen and (max-width: 1024px)
{
    .wpml-ls-legacy-list-horizontal .wpml-ls-last-item
    {
        margin-top: 16px;
    }
} */
.st-Header-LangSelect_Choice .wpml-ls ul {
    background-color: #D3D4D4;
    border-radius: 23px;
    /* width: 73px; */
    height: 37px;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
    padding: 0 4px;
}
@media screen and (max-width: 1024px)
{
    .st-Header-LangSelect_Choice .lang_list ul
    {
        background-color: #004ea2;
        width: auto;
        height: auto;
        border-radius: 0;
    }
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    width: 27px;
}
@media screen and (max-width: 1024px)
{
    .wpml-ls-legacy-list-horizontal .wpml-ls-item
    {
        display: block;
        width: auto;
    }
}

.st-Header-LangSelect_Choice .wpml-ls li a {
    position: relative;
    transition: color .3s;
    display: block;
    padding: 0;
}
@media (hover: hover) and (pointer: fine) {
    .st-Header-LangSelect_Choice .wpml-ls li a:hover::before {
        box-shadow: -2px 2px 25px 5px rgba(0, 0, 0, 0.18);
    }
}
.st-Header-LangSelect_Choice .wpml-ls li a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #000;
    font-size: 1.4rem;
    line-height: 14px;
    font-weight: 700;
    border-radius: 50%;
    letter-spacing: .1em;
    width: 27px;
    height: 27px;
    display: block;
    text-align: center;
    padding: 6px 6px 6px 5px;
    transition: .3s;
}
.st-Header-LangSelect_Choice .wpml-ls li.wpml-ls-current-language a::before {
    color: #fff;
    background-color: #00407B;
}
.st-Header-LangSelect_Choice .wpml-ls li.wpml-ls-item-ja a::before {
    content: "JP";
}
.st-Header-LangSelect_Choice .wpml-ls li.wpml-ls-item-en a::before {
    content: "EN";
}
@media screen and (max-width: 1024px)
{
    .st-Header-LangSelect_Choice .wpml-ls li.wpml-ls-item-ja a::before,
    .st-Header-LangSelect_Choice .wpml-ls li.wpml-ls-item-en a::before {
        content: none;
    }
}
/* 国旗のimg要素 */
.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}
@media screen and (max-width: 1024px)
{
    .wpml-ls-statics-shortcode_actions a
    {
        color: #91c0f3;
    }
}
@media screen and (max-width: 1024px)
{
    .wpml-ls-statics-shortcode_actions a:hover,
    .wpml-ls-statics-shortcode_actions a:focus
    {
        color: #91c0f3;
    }
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a > span
{
    position: relative;
}
@media screen and (max-width: 1024px)
{
    .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a > span
    {
        font-weight: 700;

        color: #fff;
    }
}
@media screen and (max-width: 1024px)
{
    .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a > span::before
    {
        position: absolute;
        top: 50%;
        left: -10px;
        width: 7px;
        height: 7px;
        content: '';
        transform: translateY(-50%);
        background: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_arrow_right.svg') no-repeat center;
        background-size: 7px auto;
        background: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_arrow_right_white.svg') no-repeat center;
        background-size: 7px auto;
    }
}
.st-Header_SpBtn,
.st-Header_SpBtn span
{
    display: inline-block;

    box-sizing: border-box;

    transition: all .4s;
}
.st-Header_SpBtn
{
    position: fixed;
    z-index: 1;
    top: 11px;
    right: 16px;

    display: none;

    width: 25px;
    height: 25px;

    cursor: pointer;

    border: none;
    background: none;

    -webkit-appearance: none;
            appearance: none;
}
@media screen and (min-width: 769px) and (max-width: 1024px)
{
    .st-Header_SpBtn
    {
        top: 26px;

        display: inline-block;
    }
}
@media screen and (max-width: 768px)
{
    .st-Header_SpBtn
    {
        display: inline-block;
    }
}
.st-Header_SpBtn span
{
    position: absolute;
    left: 0;

    width: 100%;
    height: 2px;

    border-radius: 4px;
    background-color: #1c1c1c;
}
.st-Header_SpBtn span:nth-of-type(1)
{
    top: 6px;
}
.st-Header_SpBtn span:nth-of-type(2)
{
    top: 12px;
}
.st-Header_SpBtn span:nth-of-type(3)
{
    top: 18px;
}
.st-Header_SpBtn span:nth-of-type(3),
.st-Header_SpBtn.active span:nth-of-type(3)
{
    transition: none;
}
.st-Header_SpBtn.active
{
    transform: rotateX(720deg);
}
.st-Header_SpBtn.active span:nth-of-type(1)
{
    transform: translateY(6px) rotate(-45deg);
}
.st-Header_SpBtn.active span:nth-of-type(2)
{
    transform: translateY(0) rotate(45deg);
}
.st-Header_SpBtn.active span:nth-of-type(3)
{
    opacity: 0;
}
/* 共通コンテンツ */
.st-Content
{
    position: relative;
    overflow: hidden;
    margin: 80px 0 0;
    padding-bottom: 336px;
}
@media screen and (max-width: 768px)
{
    .st-Content
    {
        margin: 50px 0 0;
        padding-bottom: 210px;
    }
}

/* 共通ボタン */
.st-Btn
{
    font-weight: 700;

    position: relative;

    display: block;

    margin: 0 auto;

    transition: .3s;
    letter-spacing: .1em;
    text-transform: uppercase;

    border: 2px solid #1c1c1c;
    border-radius: 4px;
    background-color: #fff100;
}
.st-Btn::after
{
    position: absolute;
    top: 18px;
    right: 17px;

    width: 8px;
    height: 8px;

    content: '';

    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_arrow_right.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.st-Btn:hover
{
    background-color: #fff;
}
.st-Btn-disable
{
    pointer-events: none;

    color: #fff;
    border: none;
    background-color: #cecece;
}
.st-Btn-disable::after
{
    content: none;
}
/* 共通見出し */
.st-heading2
{
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: .08em;
    position: relative;
    text-align: center;
    letter-spacing: .1em;

    /* text-transform: uppercase; */
    font-family: 'Roboto Condensed', sans-serif;
}
@media screen and (max-width: 768px)
{
    .st-heading2
    {
        font-size: 1.5rem;
        letter-spacing: .04em;
    }
}
.st-heading2.white {
  color: #fff;
}
.st-heading2.gray {
  color: #595757;
}
.st-heading2_sub {
  font-family: GothicMB101Pro-Bold, sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 0.08em;
  /* line-height: 42.52px; */
  text-align: center;
  color: #000;
  display: block;
  margin-top: 10px;
}
.st-heading3
{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;

    position: relative;

    margin-top: 80px;
    padding: 16px 32px 16px 64px;

    letter-spacing: .1em;

    background: #f2f2f2;
}
@media screen and (max-width: 768px)
{
    .st-heading3
    {
        font-size: 1.6rem;

        margin-top: 40px;
        padding: 14px 20px 14px 40px;

        letter-spacing: 0;
    }
}
.st-heading3::before
{
    position: absolute;
    top: 12px;
    left: 16px;

    width: 42px;
    height: 42px;

    content: '';

    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_h3_ball.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px)
{
    .st-heading3::before
    {
        top: 0;
        bottom: 0;
        left: 8px;

        width: 24px;
        height: 24px;
        margin: auto;
    }
}
/* 左に四角形付きの見出し */
.st-PageHeading
{
    color: #005492;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    margin-top: 70px;
    padding: 0 0 10px 24px;
    letter-spacing: .1em;
    border-bottom: 1px solid #005492;
}
@media screen and (max-width: 768px)
{
    .st-PageHeading
    {
        font-size: 1.7rem;
        margin-top: 60px;
        letter-spacing: 0;
        padding: 0 0 4px 16px;
    }
}
.st-PageHeading::before
{
    content: '';
    position: absolute;
    top: .55em;
    left: 0;
    background-color: #005492;
    width: 11px;
    height: 11px;
}
@media screen and (max-width: 768px)
{
    .st-PageHeading::before
    {
        top: .55em;
        width: 6px;
        height: 6px;
    }
}

.st-Text
{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2;

    margin-top: 56px;

    text-align: center;
}
@media screen and (max-width: 768px)
{
    .st-Text
    {
        font-size: 1.4rem;

        margin-top: 8px;
    }
}
.st-Text:first-child
{
    margin-top: 0;
}
.st-Link
{
    line-height: 2;

    color: #386ffc;
    border-bottom: solid 1px #386ffc;
}
.st-Notice
{
    font-size: 1.2rem;
    line-height: 1.4;

    margin-top: 24px;

    color: #000;
}
@media screen and (max-width: 768px)
{
    .st-Notice
    {
        font-size: 1rem;

        margin-top: 13px;
    }
}

.st-FontJa
{
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

.st-Ex {
    font-size: 1.35em;
    line-height: 0.8;
    font-family: GothicMB101Pro-Bold, sans-serif;
}
.st-Ex-en {
    font-size: 1.2em;
    line-height: 0.8;
}

/* フッター */
footer
{
    text-align: center;
    color: #000;
    /* background-color: #F8CB00; */
    position: relative;
    background-color: #F8CB00;
    clip-path: polygon(0 19vw, 100% 0, 100% 100%, 0 100%);
    padding-top: 19vw;
    margin-top: -19vw;
    z-index: 0;
    /* clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0% 100%); */
    /* padding-top: 343px; */
    /* margin-top: -450px; */
}

/* footer::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_triangle_footer.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
} */

.footer-Inner
{
    padding: 48px 12px;
}

@media screen and (max-width: 768px)
{
    footer {
        padding-top: 96px;
        margin-top: -240px;
        z-index: 0;
    }
    .footer-Inner
    {
        padding: 40px 8px;
    }
}
.footer-Inner a
{
    transition: .3s;
}
.footer-Inner a:hover
{
    opacity: .7;
}
.footer-Logo
{
    display: inline-block;

    width: 442px;
}
@media screen and (max-width: 768px)
{
    .footer-Logo
    {
        width: 202px;
    }
}
.footer-Logo img
{
    width: 100%;
}
.footer-Inner > ul
{
    display: flex;

    margin-top: 18px;

    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .footer-Inner > ul
    {
        margin-top: 30px;

        flex-wrap: wrap;
    }
}
.footer-Inner > ul li
{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;

    margin: 0 12px;
}
@media screen and (max-width: 768px)
{
    .footer-Inner > ul li
    {
        font-size: 1rem;
        line-height: 1.4;
    }
}
@media screen and (max-width: 768px)
{
    .footer-Inner > ul li.corporate
    {
        width: 100%;
        margin: 16px 0 0;
    }
}
.footer-Inner .sns
{
    display: flex;

    margin-top: 37px;

    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .footer-Inner .sns
    {
        display: block;

        margin-top: 40px;

        text-align: center;
    }
}
.footer-Inner .sns > div
{
    margin: 0 10px;
}
@media screen and (max-width: 768px)
{
    .footer-Inner .sns > div
    {
        margin: 0;
    }
}
.footer-Inner .sns > div a
{
    display: inline-flex;

    justify-content: center;
    align-items: center;

    font-family: GothicMB101Pro-Bold, sans-serif;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.06em;
    line-height: 34.02px;
    text-align: left;
    color: #1d86db;

}
@media screen and (max-width: 768px)
{
    .footer-Inner .sns > div a
    {
        font-size: 1.3rem;
        line-height: initial;
    }
}
.footer-Inner .sns > div a img
{
    margin-right: 17px;
}
@media screen and (max-width: 768px)
{
    .footer-Inner .sns > div a img
    {
      width: 31px;
      height: 31px;
      margin-right: 13px;
    }
}
.footer-Inner .sns > div a img.tw-en
{
    width: 30px;
    height: auto;
}
.footer-Inner .sponsored
{
    width: 100%;
    max-width: 1000px;
    margin: 44px auto 0;
}
.sponsored .sponsored_Item
{
    display: flex;
    gap: 21px;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.06em;
    line-height: 34.02px;
    text-align: left;

}
@media screen and (max-width: 768px)
{
    .sponsored .sponsored_Item
    {
        font-size: 1rem;
        line-height: initial;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 4px;
    }
}
.sponsored .sponsored_Item-Tag
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 10px;
    color: #fff;
    border-radius: 4px;
    background-color: #00407B;
    border-radius: 12px;
    font-family: GothicMB101Pro-Bold, sans-serif;
    font-size: 17px;
    letter-spacing: 0.06em;
    line-height: 1.1;
    min-width: 68px;
    /* min-height: 24px; */
}

@media screen and (max-width: 768px)
{
    .sponsored .sponsored_Item-Tag
    {
        font-size: 1rem;
        line-height: initial;
        min-width: auto;
        padding: 0 8px;
        min-height: 16px;
    }
}
.sponsored .sponsored_Item-Tag.en {
    min-width: 124px;
    line-height: 1;
}
@media screen and (max-width: 768px)
{
    .sponsored .sponsored_Item-Tag.en
    {
        min-width: 78px;
        line-height: initial;
    }
}
.sponsored_Item .company-name
{
    margin-top: 4px;
}
.sponsored .sponsored_Item:not(:first-child)
{
    margin-top: 16px;
}
.footer_Nav-sub {
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  justify-content: flex-end;
  font-size: 13px;
  letter-spacing: 0.06em;
  line-height: 22.75px;
  text-align: left;
  color: #000;
}
.footer_Nav-sub li:not(:first-child) {
  padding-left: 32px;
  position: relative;
}
.footer_Nav-sub li:not(:first-child)::before {
  content: '／';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  margin: auto;
}

.copyright
{
    padding: 34px 0;
    background-color: #00407B;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.06em;
    line-height: 20.75px;
    text-align: center;

}
@media screen and (max-width: 768px)
{
    .footer_Nav-sub {
      font-size: 11px;
      max-width: 367px;
      margin: 35px auto 0;
      flex-wrap: wrap;
      justify-content: center;
    }
    .copyright
    {
        font-size: 1rem;
        line-height: initial;

        margin-top: 40px;
        padding: 16px;
    }
}
/* 下層ページヘッダー */
.low .st-Header
{
    position: fixed;
    z-index: 1;
}
.st-PageHeader
{
    position: relative;

    display: inline-block;

    width: 100%;
    height: auto;

    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_h1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media screen and (max-width: 768px)
{
    .st-PageHeader
    {
        height: 194px;
    }
}
.st-PageHeader.blue
{
    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_h1_blue.jpg');
}
.st-PageHeader.red
{
    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_h1_red.jpg');
}
.st-PageHeader-Inner
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 387px;
}
@media screen and (max-width: 768px)
{
    .st-PageHeader-Inner
    {
        height: 48px;
        margin: 73px 0;
    }
}
.st-PageHeader-Inner p
{
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    letter-spacing: .04em;
    color: #fff;

}
@media screen and (max-width: 768px)
{
    .st-PageHeader-Inner p
    {
        font-size: 1.5rem;
        letter-spacing: .1em;
    }
}
.st-PageHeader-Inner h1
{
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 21px;

    text-align: center;
    letter-spacing: .08em;

}
@media screen and (max-width: 768px)
{
    .st-PageHeader-Inner h1
    {
        font-size: 2.3rem;
        letter-spacing: .1em;
        margin-top: 8px;
    }
}
.st-PageHeader.blue .st-PageHeader-Inner h1 {
    color: #fff;
}
.st-PageContent
{
    padding: 80px 40px 120px;
}
@media screen and (max-width: 768px)
{
    .st-PageContent
    {
        padding: 40px 16px 80px;
    }
}
/* 共通パーツ */
.asterisk
{
    position: relative;

    padding-left: 16px;
}
@media screen and (max-width: 768px)
{
    .asterisk
    {
        padding-left: 12px;
    }
}
.asterisk::after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 12px;
    height: 12px;

    content: '※';
}
.asterisk_en
{
    position: relative;

    padding-left: 16px;
}
@media screen and (max-width: 768px)
{
    .asterisk_en
    {
        padding-left: 12px;
    }
}
.asterisk_en::after
{
    position: absolute;
    top: 0;
    left: 0;

    width: 12px;
    height: 12px;

    content: '*';
}
.asterisk_sm
{
    position: relative;
    padding-left: 16px;
}
@media screen and (max-width: 768px)
{
    .asterisk_sm
    {
        padding-left: 12px;
    }
}
.asterisk_sm::after
{
    content: " \203B";
    position: absolute;
    width: 10px;
    height: 10px;
    font-size: 1.2rem;
    top: .5rem;
    left: 0;
}
@media screen and (max-width: 768px)
{
    .asterisk_sm::after
    {
        top: .1rem;
    }
}
.st-Prize {
    display: flex;
    justify-content: center;
}
.st-Prize_List {
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 48px 0;
    margin: 0 auto;
    padding: 0 41px 0 0;
}
.st-Prize_ListItem {
    width: 100%;
}
@media screen and (max-width: 768px)
{
   .st-Prize_List {
       gap: 24px 0;
       padding: 0;
    }
    .st-Prize_ListItem {
    }
}

.st-Prize_ListTitle {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.25;
    position: relative;
    padding: 0 0 0 40px;
    margin:  0 auto;
    min-height: 73px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListTitle {
        font-size: 1.3rem;
        padding: 0 0 0 30px;
        min-height: 36px;
        line-height: 1;
    }
}
.st-Prize_ListTitle-sm {
    font-size: 1.6rem;
    line-height: 1.1;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListTitle-sm{
        font-size: 1.3rem;
        padding: 16px 0 0 26px;
    }
}
.st-Prize_ListTitle::before {
    content: "";
    background: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_gold.png') no-repeat left center;
    background-size: 100% auto;
    width: 514px;
    height: 73px;
    z-index: -1;
    position: absolute;
    left: -48px;
    top: 0;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListTitle::before {
        width: 296px;
        height: 37px;
        left: -10px;
        top: 0;
        background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_gold_sp.png');
        background-size: 100% auto;
    }
}
.st-Prize_ListItem.silver .st-Prize_ListTitle::before {
     background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_silver.png');
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListItem.silver .st-Prize_ListTitle::before  {
        background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_silver_sp.png');
    }
}
.st-Prize_ListItem.copper .st-Prize_ListTitle::before {
     background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_copper.png');
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListItem.copper .st-Prize_ListTitle::before {
        background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_copper_sp.png');
    }
}
.st-Prize_ListItem.copper02 .st-Prize_ListTitle::before {
     background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_copper02.png');
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListItem.copper02 .st-Prize_ListTitle::before {
        background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/bg_copper02_sp.png');
    }
}
.st-Prize_ListCols {
    color: #AC8439;
    display: flex;
    justify-content: left;
    align-items: end;
    /* grid-template-columns: 117px 1fr; */
    /*gap: 0 53px;*/
    margin: 31px auto 0;
    padding: 0 0 16px;
    position: relative;
}

@media screen and (max-width: 768px)
{
    .st-Prize_ListCols {
        /* grid-template-columns: 60px 1fr; */
        padding: 0 0 4px;
        gap: 0 20px;
        margin: 14px auto 0;
    }
    .st-Prize_ListItem.gold .st-Prize_ListCol1,
    .st-Prize_ListItem.silver .st-Prize_ListCol1 {
        letter-spacing: -0.2em;
    }
}
.st-Prize_ListItem.silver .st-Prize_ListCols {
    color: #808080;
}
.st-Prize_ListItem.cooper .st-Prize_ListCols {
    color: #916400;
}
.st-Prize_ListItem.cooper02 .st-Prize_ListCols {
    color: #916400;
}
.st-Prize_ListCols-full {
    grid-template-columns: 1fr;
}
.st-Prize_ListCols:before {
    content: "";
    height: 1px;
    width: 436px;
    position: absolute;
    bottom: 0;
    left: -20px;
    border-bottom: 1px solid #AC8439;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListCols:before {
        width: 100%;
        left: 0;
    }
}
.st-Prize_ListItem.silver .st-Prize_ListCols:before {
    border-bottom-color: #808080;
}
.st-Prize_ListItem.copper .st-Prize_ListCols:before {
    border-bottom-color: #916400;
}
.st-Prize_ListItem.copper02 .st-Prize_ListCols:before {
    border-bottom-color: #916400;
}

.st-Prize_ListCol1 {
    width: 130px;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListCol1 {
        width: auto;
    }
}
/* @media screen and (max-width: 768px)
{
   .st-Prize_ListItem.gold .st-Prize_ListCol1 {
        position: relative;
        bottom: 3px;
    }
}
@media screen and (max-width: 768px)
{
   .st-Prize_ListItem.silver .st-Prize_ListCol1 {
        position: relative;
        bottom: 3px;
    }
} */

.st-Prize_ListNum {
    font-size: 6.4rem;
    font-weight: 700;
    line-height: .8;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListNum {
        font-size: 3.5rem;
    }
}
.st-Prize_ListUnit {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    vertical-align: 1px;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListUnit {
        font-size: 1.7rem;
    }
    .st-Prize_ListItem.gold .st-Prize_ListUnit,
    .st-Prize_ListItem.silver .st-Prize_ListUnit {
        font-size: 1.5rem;
    }
}
.st-Prize_ListCol2 {
    padding: 0 0 0 0;
    max-width: 370px;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListCol2 {
        max-width: 248px;
    }
}
.st-Prize_ListAmount {
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListAmount {
        font-size: 1.3rem;
        line-height: 1.5;
    }
}
.st-Prize_ListAmountSpan {
    padding-left: .3em;
}
.st-Prize_ListNote {
    font-size: 1.3rem;
    margin-top: 6px;
    letter-spacing: .06em;
}
@media screen and (max-width: 768px)
{
    .st-Prize_ListNote {
        font-size: 1rem;
        margin-top: 3px;
    }
}

.pageTop
{
    position: fixed;
    right: 16px;
    bottom: 16px;

    width: 80px;
    height: 80px;
    z-index: 7;
}
@media screen and (max-width: 768px)
{
    .pageTop
    {
        width: 48px;
        height: 48px;
    }
}
@media screen and (max-width: 768px)
{
    .pageTop.position_up
    {
        bottom: 60px;
    }
}
.pageTop a
{
    font-size: 1.4rem;
    font-weight: 700;

    position: relative;

    display: flex;

    width: 100%;
    height: 100%;
    padding-top: 16px;

    transition: .3s;

    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/page-top.png');
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;

    align-items: center;
    justify-content: center;
    color: transparent;
    cursor: pointer;
}
@media screen and (max-width: 768px)
{
    .pageTop a
    {
        font-size: 1rem;

        width: 48px;
        height: 48px;
        padding-top: 10px;
    }
}
/* .pageTop a::before
{
    position: absolute;
    top: 16px;
    right: 0;
    left: 0;

    width: 16px;
    height: 16px;
    margin: auto;

    content: '';

    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_arrow_top.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px)
{
    .pageTop a::before
    {
        top: 8px;

        width: 9.6px;
        height: 9.6px;
    }
} */
.pageTop a:hover
{
  opacity: .7;
}
/*
* モーダルギャラリーの設定(modaal)
*/
.hide-area
{
    display: none;
}
.modaal-close
{
    position: absolute;
    top: -24px;
    right: -24px;

    border: 1px solid #cecece !important;
    /* stylelint-disable */
    background: #fff !important;
    /* stylelint-enable */
}
@media screen and (max-width: 768px)
{
    .modaal-close
    {
        width: 32px;
        height: 32px;
    }
}
.modaal-close:after,
.modaal-close:before
{
    /* stylelint-disable */
    background: #1c1c1c !important;
    /* stylelint-enable */
}
@media screen and (max-width: 768px)
{
    .modaal-close:after,
    .modaal-close:before
    {
        top: calc(50% - 7.5px);
        left: 15px;

        width: 2px;
        height: 15px;
    }
}
.modaal-close:focus,
.modaal-close:focus,
.modaal-close:hover,
.modaal-close:hover
{
    /* stylelint-disable */
    background: #f2f2f2 !important;
    /* stylelint-enable */
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before
{
    background: #1c1c1c;
}
.modaal-gallery-prev-inner,
.modaal-gallery-next-inner
{
    color: #1c1c1c;
    /* stylelint-disable */
    border: 1px solid #cecece !important;
    /* stylelint-enable */
    border-radius: 50%;
    background-color: #fff;
}
@media screen and (max-width: 768px)
{
    .modaal-gallery-prev-inner,
    .modaal-gallery-next-inner
    {
        width: 32px;
        height: 32px;
    }
}
.modaal-gallery-prev-inner:hover,
.modaal-gallery-next-inner:hover
{
    background-color: #f2f2f2;
}
.modaal-gallery-prev-inner:hover:before,
.modaal-gallery-prev-inner:hover:after,
.modaal-gallery-prev-inner:hover:before,
.modaal-gallery-prev-inner:hover:after,
.modaal-gallery-next-inner:hover:before,
.modaal-gallery-next-inner:hover:after,
.modaal-gallery-next-inner:hover:before,
.modaal-gallery-next-inner:hover:after
{
    background: #1c1c1c;
}
.modaal-gallery-prev-inner
{
    margin-right: -28px;
}
.modaal-gallery-next-inner
{
    margin-left: -28px;
}
.modaal-gallery-control:after,
.modaal-gallery-control:before
{
    background: #1c1c1c;
}
#modaal-title
{
    font-size: 1.2rem;

    margin: 0 0 20px 0;

    text-align: center;
}
.modaal-video .modaal-inner-wrapper
{
    padding: 0;
}
.modaal-gallery-item
{
    position: relative;
}
.modaal-gallery-item img
{
    width: 50%;
}
.modaal-gallery-label
{
    /* stylelint-disable */
    display: block !important;
    /* stylelint-enable */
}
/* smartPhoto */
/* stylelint-disable */
.smartphoto
{
    background-color: rgba(0, 0, 0, .5);
}
.smartphoto-img
{
    background-color: #fff;
}
.smartphoto-dismiss
{
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;

    border: 1px solid #cecece !important;
    border-radius: 50%;
    background-color: #fff !important;
    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_modal_close.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}
.smartphoto-arrow-left,
.smartphoto-arrow-right
{
    box-sizing: border-box !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;

    border: 1px solid #cecece;
    border-radius: 50%;
}
.smartphoto-arrow-left a
{
    border-radius: 50%;
    background-color: #fff;
    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_modal_arrow_left.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}
.smartphoto-arrow-right a
{
    border-radius: 50%;
    background-color: #fff;
    background-image: url('https://www.ptcgic-cr.com/2024/wp-content/themes/pokeigp/assets/images/common/ic_modal_arrow_right.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}
/* stylelint-enable */

.new_icon {
    padding-right: 10px;
    color: #FFF100;
}

/* Cookie Link */
  .cookie-consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 13px;
    color: #fff;
    background: rgba(0,0,0,.9);
    padding: 1.2em;
    box-sizing: border-box;
    visibility: hidden;
    z-index: 10000;
  }
  .cookie-consent.is-show {
    visibility: visible;
  }
  .cookie-consent a {
    color: #fff !important;
  }
  .cookie-text {
    width: 80%;
    padding: 10px;
    line-height: 200%;
  }
  .cookie-text a {
    text-decoration: underline;
  }
  .cookie-text a:hover {
    text-decoration: none;
  }
  .cookie-agree {
    color: #000;
    background: #fff;
    font-weight: bold;
    padding: .5em 1.5em;
    min-width: 180px;
    border-radius: 5px;
    font-size: 16px;
    margin-right: 40px;
    text-align: center;
    line-height: 200%;
  }
  .cookie-agree:hover {
    cursor: pointer;
  }
  /* パッと消える */
  .cc-hide1 {
    display: none;
  }
  /* ゆっくり消える */
  .cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
  }
     #cookie_info {
      padding-top: 50px;
      margin-top:-50px;
    }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  /* メディアクエリ */
  @media screen and (max-width: 768px) {
    .cookie-consent {
      flex-direction: column;
    }
    .cookie-text {
      margin-bottom: 1em;
      width: 100%;
      font-size: 12px;
      padding: 0px;
    }
    .cookie-agree {
        font-size: 12px;
        margin-right: 0px;
      }
     #cookie_info {
      padding-top: 40px;
      margin-top:-40px;
    }
  }

  .otgs-development-site-front-end {
    display: none;
  }
