@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}







/************************************
** もとのテーマのときにあったCSS
************************************/

#toc_container {
  margin-bottom: 40px;
  background: #fff;
  border: 3px solid #dfdfdf;
  border-radius: 2px;
  color: #666; }

#toc_container .toc_title {
  font-family: "Unica One", cursive;
  text-align: center;
  margin-bottom: 35px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0px;
  font-size: 1.7em;
  border-bottom: 2px solid #dedede; }

#toc_container .toc_list {
  list-style-type: none !important;
  counter-reset: li; }

#toc_container .toc_list > li {
  position: relative;
  margin-bottom: 15px;
  margin-left: 6px;
  line-height: 1.3em;
  font-size: 0.9em; }

#toc_container .toc_list > li a {
  text-decoration: none !important; }

#toc_container .toc_list > li a:hover {
  text-decoration: underline !important; }

#toc_container .toc_list > li ul {
  list-style-type: disc;
  margin-top: 15px;
  padding-left: 20px;
  color: #444444; }

#toc_container .toc_list > li > ul li {
  font-size: 0.9em;
  margin-bottom: 8px; }

@media only screen and (min-width: 641px) {
  #toc_container {
    padding: 25px 40px; }

  #toc_container .toc_title {
    font-size: 2em; }

  #toc_container .toc_list > li {
    margin-bottom: 18px;
    margin-left: 12px;
    font-size: 1em; }

  #toc_container .toc_list > li:after {
    left: -48px;
    top: 0px;
    font-size: 26px; } }





h2 {
    background: #000000 !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    padding: 15px 10px 15px 10px !important;
    border-radius: 10px;
    color: #ffffff !important;
    margin-top: 25px;
    margin-bottom: 15px;
}

h2.entry-card-title.card-title.e-card-title {
    font-size: 16px !important;
    font-weight: 400 !important;
}

h3 {
    background: #000000 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 14px 10px 14px 10px !important;
    border-radius: 2px;
    color: #ffffff !important;
    margin-top: 25px;
    margin-bottom: 15px;
}




h4{
background:#000000 !important;
color: #ffffff!important;
font-size: 16px!important;
font-weight: 600 !important;
    padding: 14px 10px 14px 10px !important;
border-radius: 2px; color: #ffffff !important;
    margin-top: 25px;
    margin-bottom: 15px;
}


ol{
margin-top: 10px !important;
margin-bottom: 10px !important;
list-style: inside !important;
}





li{
margin-top: 10px !important;
margin-bottom: 10px !important;
line-height: 1.3 !important;
}



.wp-block-quote{
font-size: 85% !important;
}


a {
overflow-wrap: break-word;
word-wrap: break-word;
}


.no_bullets {
    display: none;
}




#toc_container {
    display: none;
}





.wp-block-button__link {
    color: #fff !important;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
}


.prBlock {
    /* color: #fff !important; */
    background-color: #6b0606;
    /* border-radius: 9999px; */
    /* box-shadow: none; */
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    /* font-size: 1.125em; */
    border-radius: 5px;
}


.prBlock a em {
    color: white;
}



#content #contentInner .post .mainbox .entry-content a {
    color: #0029ff;
}




.st-eyecatch {
    margin-bottom: 3px !important;
    margin-top: 2px;
}





.st-author-box {
    display: none;
}





/************************************
** 移植したCSS
************************************/

@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}



@media screen and (min-width: 960px) {
.wrap {
    width: 700px;
}
}

.footer-left {
    width: 0%;
}

.footer-center {
    width: 66.66%;
}






main img {
    width: 100% !important;
}

main figure.wp-block-image {
    width: 100% !important;
}



thead th {
    background: #ffffff;
    color: black;
}


@media screen and (max-width: 834px) {
    .tagline {
        margin: 0.2em 1em;
    }
}


.logo-text {
    padding: 10px 0 1px;
    font-size: 1em;
    line-height: 1.2em;
}


.breadcrumb {
    margin: 0px 0.4em 8px;
    color: var(--cocoon-x-pallid-text-color);
    font-size: 13px;
}


video.pr-video-css {
    margin-top: -18px !important;
    margin-bottom: -60px !important;
}








figcaption.wp-element-caption {
    margin-top: -3px;
    font-size: 1.3em;
    text-align: center;
    font-weight: 600;
}








.button-naibulink {
    background: #ddfff6;
    color: #676767;
    padding: 10px 10px 10px 16px;
    margin: 10px 73px 12px 10px;
    border-radius: 17px;
    text-decoration: underline #ddfff6;
    font-weight: 800;
    font-size: 0.9em !important;
    border: 1px #479b85 solid;
    box-shadow: 2px 3px 6px rgb(157 157 157 / 30%);
}









main#main {
	 background: #ffffff; 
}

div#container {
    background: #0f0f0f !important;
}


main img {
    width: 100% !important;
}

figure.wp-block-image.aligncenter.size-full.is-resized.effect {
    width: 100%;
}

.editor-post-title::after {
display: none;
}





.wp-block-columns figure.wp-block-image {
    margin-bottom: -5px !important;
}

.wp-block-columns p {
    font-size: 0.78rem;
    line-height: 1.55rem;
    text-align: center;
    background: #004859;
    border-radius: 10px 10px 10px 10px;
    color: white;
}

.wp-block-columns p a {
    color: white;
    text-decoration: none;	
}

.wp-block-columns ul.wp-block-list {
    display: none;
}



div#toc_container {
    display: none !important;
}


.menu {
	display:none !important;
}


#content #contentInner .post .mainbox {
    padding: 2.5% 2.5% 2.5% 3.5% !important;
}


#content #contentInner .itiran, #content #contentInner .post {
    width: 97.75% !important;
}


.blog-top-description {
    background: #fbfbfb !important;
    line-height: 1.4em !important;
    border: 1px solid #cfcfcf;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 5px 12px 5px 12px;
}

.sns-follow-buttons a, .sidebar .sns-follow-buttons a, .footer .sns-follow-buttons a, .sns-share-buttons a, .search-form div.sbtn, .mejs-container .mejs-controls, .wp-block-file__button, .appeal-button, .notice-area, .menu-drawer a, .widget_categories .cat-item a, .widget_nav_menu a, .toc a {
    border: none !important;
}

.menu-drawer .sub-menu a, .widget_nav_menu .sub-menu a, .widget_categories .children a, .menu-drawer .sub-menu a:hover, .widget_nav_menu .sub-menu a:hover, .widget_categories .children a:hover, .toc ul ul li a, .toc ol ol li a, .toc ul ul li a:hover, .toc ol ol li a:hover {
    background: inherit;
}

select, pre, blockquote, .eye-catch img, .card-thumb img, .wp-block-image img, .blogcard-thumbnail img, .speech-icon img, .speech-icon amp-img, .wp-block-media-text__media img, .wp-block-gallery.is-cropped .blocks-gallery-item img, .cta-thumb img, .fb-like-balloon-thumb img, .ranking-item-image-tag img, .gallery-item img, .widget_media_image img, .fb-like-box img, .avatar, .video, .mejs-container, .mejs-container *, .navi-in a, .a-wrap, .widget, .list-more-button, .pagination-next-link, .comment-btn, .sns-follow-buttons a, .page-numbers, .sns-share-buttons a, .ect-vertical-card .entry-card-wrap, .eye-catch, .entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb, .pager-post-navi a figure, .wp-block-image, .video-container, .navi-in>ul .sub-menu, .widget_recent_entries ul li a, .widget_categories .cat-item a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .author-box .sns-follow-buttons a.follow-button, .tagcloud a, .cta-box, .ranking-item, :is(.editor-visual-editor, body:not(.wp-admin)) [type="text"]:not(.has-background):not(.has-background-dim), [type="tel"]:not(.has-background):not(.has-background-dim), [type="email"]:not(.has-background):not(.has-background-dim), [type="url"]:not(.has-background):not(.has-background-dim), [type="number"]:not(.has-background):not(.has-background-dim), [type="password"]:not(.has-background):not(.has-background-dim), [type="search"]:not(.has-background):not(.has-background-dim), [type="file"]:not(.has-background):not(.has-background-dim), .list-title-in:before, .list-title-in:after, .article h2:after, .article h2:before, .article h3:before, .article h3:after, .article h4:before, .article h4:after, .sidebar h2::after, .sidebar h3:after, .fb-like-box, .box-menu, .widget_recent_entries ul li a:hover, .widget_categories .cat-item a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover, .toc a:hover, .calendar_wrap, .entry-content .toc-center, .wp-block-audio audio, .wp-block-embed iframe, .btn-l, .ranking-item-link-buttons a, .toggle-button, .search-form div.sform, .search-form div.sbtn, .wp-block-search .wp-block-search__button, input[type='submit'], .comment-reply-link, .appeal-content, .appeal-button, .share-menu-content .sns-buttons, .go-to-top-button, .menu-drawer a, .menu-close-button .fa, .menu-button, .search-menu-content, .cat-label, .cat-link, .wp-block-media-text .wp-block-media-text__media, .blocks-gallery-item, .widget-entry-cards.ranking-visible .card-thumb::before, .wp-video, .notice-area, .index-tab-buttons .index-tab-button, .toc a, .wp-block-image figure {
    border-radius: 2px;
}

.appeal, .entry-card-title, .notice-area {
    margin-top: 6px;
}

@media screen and (max-width: 834px) {
    main.main, div.sidebar {
        padding: 32px 10px;
        margin: 12px 0;
        border-width: 0;
    }
}

@media screen and (max-width: 834px) {
ul.mobile-footer-menu-buttons.mobile-menu-buttons {
    display: none;
}
}

div#header-container {
    background: black;
    color: white;
    font-weight: 400;
}

input, button, textarea, .site-name-text, .tagline, .article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article p, .blogcard-title, .pager-links span, .appeal-title, .appeal-message, .navi-in, .entry-card-title, .new-entry-card-title, .list-more-button, .copyright, .navi-footer-in a, .sns-share-message, .sns-follow-message, .pagination-next-link, .list-title-in, .go-to-top-button, .rect-vertical-card .related-entry-card-title, .box-menu-label, .ranking-item-name-text, .index-tab-buttons .index-tab-button {
    text-shadow: none;
}


    #header .site-name-text {
        font-size: 18px;
    }

.site-name-text-link {
    color: white;
    text-decoration: none;
    font-weight: normal;
    padding: 0 1em;
}

.entry-card .admin-pv {
    margin: 0.4em 0 0.1em;
}

.related-entry-card-content, .entry-card-content {
    padding-bottom: 0.4em;
}


.btn, .ranking-item-link-buttons a, .wp-block-audio audio, .wp-block-cover, .appeal, .header {
    border: none;
}

h1.entry-title {
    background: none !important;
}

.article h3:before {
    display:none;
}

.article h3:after {
    display:none;
}


.article h2:before {
    display:none;
}

.article h2:after {
    display:none;
}


.article h4:before {
    display:none;
}

.article h4:after {
    display:none;
}


.article h5:before {
    display:none;
}

.article h5:after {
    display:none;
}

footer#footer {
    background: black;
    color: white;
}

.breadcrumb {
    margin: 0px 0.4em 8px;
    color: #000000;
    font-size: 13px;
}

h2.components-panel__body-title {
    background: #ececec !important;
	margin: 2px 2px 5px;
    padding: 5px 5px 5px 5px !important;
}

h2.hndle.ui-sortable-handle {
    background: #ececec !important;
    color: black !important;
	margin: 2px 2px 5px;
    padding: 5px 5px 5px 5px !important;
}

.home main#main {
    background: #000000;
}

.home .entry-card-meta.card-meta.e-card-meta {
        color: white;
	    background: #000000;
}

.home .entry-card-snippet.card-snippet.e-card-snippet {
        color: white;
	    background: #000000;
}

.home h2 {
    padding: 10px 5px 5px 10px !important;
}

.home a.pagination-next-link.key-btn {
    background: white;
}

.home .pagination {
    background: white;
}

.home body, .header-container, .navi, .navi-in>ul li:hover>ul, .main, .sidebar, .sidebar h2, .sidebar h3, .footer, :is(.editor-visual-editor, body:not(.wp-admin)) :is(.article h1, .search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type='submit'], textarea, select), .article h2, .article h3, .article h4, .article h5, .article h6, .blogcard-wrap, .pagination-next-link, .comment-btn, .tagcloud a, .cta-box, .fb_iframe_widget, .fb_iframe_widget iframe, .fb-like-balloon-body, .fb-like-balloon-button, .recent-comment-content, .wp-calendar-table th, .toggle-button, .pager-links a span, .appeal-content, .carousel-in, .mobile-menu-buttons, .mobile-menu-buttons .menu-content, .go-to-top-button, .share-menu-content .sns-buttons, .wp-calendar-table [id$="today"], .wp-calendar-table [id$="today"] a, .navi-in a:hover, .a-wrap:hover, .list-more-button:hover, .pagination-next-link:hover, .comment-btn:hover, .widget_recent_entries ul li a:hover, .widget_categories .cat-item a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover, .tagcloud a:hover, .recent-comment-content:hover, .toc a:hover, .search-form div.sbtn:hover, .pager-links a:hover span, .wp-block-search .wp-block-search__button:hover, body:not(.wp-admin) input[type='submit']:hover, .comment-reply-link:hover, .pagination a:hover, .author-box .sns-follow-buttons a.follow-button:hover, .pager-links a:hover span, .search-form div.sbtn, .menu-drawer a:hover, .search-menu-content, .box-menu, .pagination .current, .post-page-numbers .current, .fb-like-balloon-arrow-box-in, .index-tab-buttons .index-tab-button, #index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"], #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"], #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"], #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"], .navi-footer-in a:hover {
    background: #beff00;
}


.eye-catch img, .card-thumb img, .wp-block-image img, .blogcard-thumbnail img, .speech-icon img, .speech-icon amp-img, .wp-block-media-text__media img, .wp-block-gallery.is-cropped .blocks-gallery-item img, .cta-thumb img, .fb-like-balloon-thumb img, .ranking-item-image-tag img, .gallery-item img, .widget_media_image img, .fb-like-box img, .avatar, .video-container, :is(.editor-visual-editor, body:not(.wp-admin)) :is(.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea), .wp-block-embed iframe, .toggle-wrap .toggle-content, .search-form div.sform, .wp-block-cocoon-blocks-icon-box, .wp-block-cocoon-blocks-info-box, .wp-block-cocoon-blocks-blank-box-1, .wp-block-cocoon-blocks-tab-box-1, .tab-caption-box-content, .caption-box-content, .label-box-content, blockquote, pre.wp-block-verse, .wp-video {
    box-shadow: none;
}

.eye-catch img, .card-thumb img, .wp-block-image img, .blogcard-thumbnail img, .speech-icon img, .speech-icon amp-img, .wp-block-media-text__media img, .wp-block-gallery.is-cropped .blocks-gallery-item img, .cta-thumb img, .fb-like-balloon-thumb img, .ranking-item-image-tag img, .gallery-item img, .widget_media_image img, .fb-like-box img, .avatar, .video-container, :is(.editor-visual-editor, body:not(.wp-admin)) :is(.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea), .wp-block-embed iframe, .toggle-wrap .toggle-content, .search-form div.sform, .wp-block-cocoon-blocks-icon-box, .wp-block-cocoon-blocks-info-box, .wp-block-cocoon-blocks-blank-box-1, .wp-block-cocoon-blocks-tab-box-1, .tab-caption-box-content, .caption-box-content, .label-box-content, blockquote, pre.wp-block-verse, .wp-video {
    box-shadow: none;
}

select, pre, blockquote, .eye-catch img, .card-thumb img, .wp-block-image img, .blogcard-thumbnail img, .speech-icon img, .speech-icon amp-img, .wp-block-media-text__media img, .wp-block-gallery.is-cropped .blocks-gallery-item img, .cta-thumb img, .fb-like-balloon-thumb img, .ranking-item-image-tag img, .gallery-item img, .widget_media_image img, .fb-like-box img, .avatar, .video, .mejs-container, .mejs-container *, .navi-in a, .a-wrap, .widget, .list-more-button, .pagination-next-link, .comment-btn, .sns-follow-buttons a, .page-numbers, .sns-share-buttons a, .ect-vertical-card .entry-card-wrap, .eye-catch, .entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb, .pager-post-navi a figure, .wp-block-image, .video-container, .navi-in>ul .sub-menu, .widget_recent_entries ul li a, .widget_categories .cat-item a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .author-box .sns-follow-buttons a.follow-button, .tagcloud a, .cta-box, .ranking-item, :is(.editor-visual-editor, body:not(.wp-admin)) [type="text"]:not(.has-background):not(.has-background-dim), [type="tel"]:not(.has-background):not(.has-background-dim), [type="email"]:not(.has-background):not(.has-background-dim), [type="url"]:not(.has-background):not(.has-background-dim), [type="number"]:not(.has-background):not(.has-background-dim), [type="password"]:not(.has-background):not(.has-background-dim), [type="search"]:not(.has-background):not(.has-background-dim), [type="file"]:not(.has-background):not(.has-background-dim), .list-title-in:before, .list-title-in:after, .article h2:after, .article h2:before, .article h3:before, .article h3:after, .article h4:before, .article h4:after, .sidebar h2::after, .sidebar h3:after, .fb-like-box, .box-menu, .widget_recent_entries ul li a:hover, .widget_categories .cat-item a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover, .toc a:hover, .calendar_wrap, .entry-content .toc-center, .wp-block-audio audio, .wp-block-embed iframe, .btn-l, .ranking-item-link-buttons a, .toggle-button, .search-form div.sform, .search-form div.sbtn, .wp-block-search .wp-block-search__button, input[type='submit'], .comment-reply-link, .appeal-content, .appeal-button, .share-menu-content .sns-buttons, .go-to-top-button, .menu-drawer a, .menu-close-button .fa, .menu-button, .search-menu-content, .cat-label, .cat-link, .wp-block-media-text .wp-block-media-text__media, .blocks-gallery-item, .widget-entry-cards.ranking-visible .card-thumb::before, .wp-video, .notice-area, .index-tab-buttons .index-tab-button, .toc a, .wp-block-image figure {
    border-radius: 0px;
}

.eye-catch img, .card-thumb img, .wp-block-image img, .blogcard-thumbnail img, .speech-icon img, .speech-icon amp-img, .wp-block-media-text__media img, .wp-block-gallery.is-cropped .blocks-gallery-item img, .cta-thumb img, .fb-like-balloon-thumb img, .ranking-item-image-tag img, .gallery-item img, .widget_media_image img, .fb-like-box img, .avatar, .video-container, :is(.editor-visual-editor, body:not(.wp-admin)) :is(.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea), .wp-block-embed iframe, .toggle-wrap .toggle-content, .search-form div.sform, .wp-block-cocoon-blocks-icon-box, .wp-block-cocoon-blocks-info-box, .wp-block-cocoon-blocks-blank-box-1, .wp-block-cocoon-blocks-tab-box-1, .tab-caption-box-content, .caption-box-content, .label-box-content, blockquote, pre.wp-block-verse, .wp-video {
    box-shadow: none;
}

.eye-catch img, .card-thumb img, .wp-block-image img, .blogcard-thumbnail img, .speech-icon img, .speech-icon amp-img, .wp-block-media-text__media img, .wp-block-gallery.is-cropped .blocks-gallery-item img, .cta-thumb img, .fb-like-balloon-thumb img, .ranking-item-image-tag img, .gallery-item img, .widget_media_image img, .fb-like-box img, .avatar, .video-container, :is(.editor-visual-editor, body:not(.wp-admin)) :is(.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea), .wp-block-embed iframe, .toggle-wrap .toggle-content, .search-form div.sform, .wp-block-cocoon-blocks-icon-box, .wp-block-cocoon-blocks-info-box, .wp-block-cocoon-blocks-blank-box-1, .wp-block-cocoon-blocks-tab-box-1, .tab-caption-box-content, .caption-box-content, .label-box-content, blockquote, pre.wp-block-verse, .wp-video {
    box-shadow: none;
}


.a-wrap, .navi-in a, .list-more-button, .pagination-next-link, .comment-btn, .sns-follow-buttons a, .page-numbers, .sns-share-buttons a, .ect-vertical-card .entry-card-wrap, .tagcloud a, .cta-box, .fb-like-box, .btn, .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]), .mejs-container .mejs-controls, .ranking-item-link-buttons a, .fb-like-balloon-arrow-box, .recent-comment-content, .wp-block-audio audio, .toggle-button, .search-form div.sbtn, .wp-block-file__button, .wp-block-search .wp-block-search__button, input[type='submit'], .comment-reply-link, .appeal-button, .appeal, .notice-area, .mobile-menu-buttons, .mobile-menu-buttons .menu-content, .header, .eye-catch, .entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb, .pager-post-navi a figure, .go-to-top-button, .menu-drawer a, .toc a:hover, .menu-button, .search-menu-content, .wp-block-code, .wp-block-media-text .wp-block-media-text__media, .blocks-gallery-item, .widget_nav_menu ul li a, .box-menu, .index-tab-buttons .index-tab-button, .widget_categories .cat-item a, .toc a, figure[class*="wp-block-image"], .wp-block-image figure, select {
    box-shadow: none;
}

.eye-catch img, .card-thumb img, .wp-block-image img, .blogcard-thumbnail img, .speech-icon img, .speech-icon amp-img, .wp-block-media-text__media img, .wp-block-gallery.is-cropped .blocks-gallery-item img, .cta-thumb img, .fb-like-balloon-thumb img, .ranking-item-image-tag img, .gallery-item img, .widget_media_image img, .fb-like-box img, .avatar, .video-container, :is(.editor-visual-editor, body:not(.wp-admin)) :is(.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea), .wp-block-embed iframe, .toggle-wrap .toggle-content, .search-form div.sform, .wp-block-cocoon-blocks-icon-box, .wp-block-cocoon-blocks-info-box, .wp-block-cocoon-blocks-blank-box-1, .wp-block-cocoon-blocks-tab-box-1, .tab-caption-box-content, .caption-box-content, .label-box-content, blockquote, pre.wp-block-verse, .wp-video {
    box-shadow: inset 0px 0px 0px var(--color-shadow-dark), inset 0px 0px 0px var(--color-shadow-light) !important;
}

span.post-date {
    display: none;
}



@media (max-width: 767px){
  .entry-content table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
	  box-shadow: none !important;
  }
  .entry-content th,
  .entry-content td{
    white-space: nowrap;
  }
}


.author-info {
    display: none;
}













/* ============================================
   Gran Erotic Massage Tokyo — Recruit LP
   Cocoon対応版 CSS (v2.0)
   
   ▼貼り付け場所
   WordPress管理画面 → 外観 → カスタマイズ 
   → 追加CSS  にコピペ
   
   （※子テーマの style.css でもOK）
   ============================================ */

/* ▼ Cocoonのデフォルトスタイルをリセット（LP用ページのみ） */
body.page-recruit,
body.page-recruit .article,
body.page-recruit .entry-content,
body.page-recruit .main,
body.page-recruit #main,
body.page-recruit .primary,
body.page-recruit #primary{
  max-width:100% !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  background:#fff !important;
}

/* Cocoonのアピールエリア・パンくず・投稿情報を非表示 */
body.page-recruit .appeal,
body.page-recruit .breadcrumb,
body.page-recruit .entry-header,
body.page-recruit .date-tags,
body.page-recruit .comment-area,
body.page-recruit .pager-post-navi,
body.page-recruit .under-entry-content,
body.page-recruit .footer-mobile-buttons,
body.page-recruit .entry-title{
  display:none !important;
}

/* サイドバー非表示・1カラム化 */
body.page-recruit #sidebar,
body.page-recruit .sidebar{
  display:none !important;
}
body.page-recruit .main{
  width:100% !important;
  float:none !important;
}

/* Cocoonの.article内部余白リセット */
body.page-recruit .article-inner{
  padding:0 !important;
  margin:0 !important;
}

/* ============================================
   ▼ ここから LP本体のスタイル
   ============================================ */
:root{
  --c-blue:   #0066FF;
  --c-blue-d: #0052CC;
  --c-pink:   #FF3E9D;
  --c-yellow: #FFEB3B;
  --c-green:  #06C755;
  --c-bg:     #FFFFFF;
  --c-text:   #111111;
  --c-gray:   #666666;
  --c-line:   #E5E5E5;
  --shadow-card: 0 4px 0 var(--c-text);
  --shadow-soft: 0 8px 24px rgba(0,0,0,0.08);
  --radius: 16px;
  --radius-lg: 24px;
  --f-jp: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;
  --f-hw: 'Yomogi', var(--f-jp);
}

/* LPコンテナ全体 */
.gr-lp-wrap,
.gr-lp-wrap *,
.gr-lp-wrap *::before,
.gr-lp-wrap *::after{
  box-sizing:border-box !important;
}
.gr-lp-wrap{
  font-family:var(--f-jp);
  color:var(--c-text);
  background:var(--c-bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  padding-bottom:80px;
  margin:0 !important;
  width:100%;
  max-width:100% !important;
  font-size:14px;
}
.gr-lp-wrap img{max-width:100%;height:auto;display:block;border:none}
.gr-lp-wrap ul,
.gr-lp-wrap ol{list-style:none !important;padding:0 !important;margin:0 !important}
.gr-lp-wrap a{text-decoration:none !important;color:inherit !important}
.gr-lp-wrap h1,
.gr-lp-wrap h2,
.gr-lp-wrap h3{
  font-weight:900 !important;line-height:1.3 !important;
  padding:0 !important;margin:0 !important;
  border:none !important;background:none !important;
}
.gr-lp-wrap h2::before,
.gr-lp-wrap h2::after,
.gr-lp-wrap h3::before,
.gr-lp-wrap h3::after{content:none !important}
.gr-lp-wrap em{font-style:normal !important}
.gr-lp-wrap p{
  margin:0 !important;padding:0 !important;
}

/* ユーティリティ */
.gr-lp-wrap .c-blue{color:var(--c-blue) !important}
.gr-lp-wrap .c-pink{color:var(--c-pink) !important}
.gr-lp-wrap .marker-yellow{
  background:linear-gradient(transparent 60%, var(--c-yellow) 60%) !important;
  padding:0 4px;
}

/* HEADER */
.gr-lp-wrap .gr-header{
  position:sticky;top:0;z-index:100;
  background:#fff;
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--c-line);
}
.gr-lp-wrap .gr-menu-btn{
  width:32px;height:32px;
  background:transparent !important;border:none !important;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  padding:0 !important;
}
.gr-lp-wrap .gr-menu-btn span{
  display:block;height:2.5px;background:var(--c-text);border-radius:2px;
}
.gr-lp-wrap .gr-header-title h1{
  font-size:15px !important;font-weight:900 !important;
  letter-spacing:-.01em;
}
.gr-lp-wrap .gr-header-title p{
  font-size:11px !important;color:var(--c-gray) !important;margin-top:2px !important;
}

/* HERO */
.gr-lp-wrap .gr-hero{
  position:relative;
  padding:24px 16px 32px;
  overflow:hidden;
}
.gr-lp-wrap .gr-hero-deco .deco{position:absolute;z-index:0;pointer-events:none}
.gr-lp-wrap .deco-blue{
  top:-40px;right:-60px;
  width:180px;height:180px;
  background:var(--c-blue);
  border-radius:50% 40% 60% 30%;
  transform:rotate(-15deg);
  opacity:.95;
}
.gr-lp-wrap .deco-pink{
  bottom:60px;left:-30px;
  width:80px;height:80px;
  border:6px solid var(--c-pink);
  border-radius:50%;
  opacity:.8;
}
.gr-lp-wrap .deco-dots{
  top:20px;left:20px;
  width:60px;height:60px;
  background-image:radial-gradient(var(--c-yellow) 3px, transparent 3px);
  background-size:12px 12px;
}
.gr-lp-wrap .deco-circle-pink{
  top:180px;right:20px;
  width:32px;height:32px;
  background:var(--c-pink);
  border-radius:50%;
}
.gr-lp-wrap .deco-squiggle{
  top:280px;left:10px;
  width:60px;height:20px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20'%3E%3Cpath d='M0 10 Q 10 0 20 10 T 40 10 T 60 10' stroke='%23FF3E9D' stroke-width='3' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
}
.gr-lp-wrap .gr-hero-inner{
  position:relative;z-index:2;
  min-height:340px;
}
.gr-lp-wrap .gr-hero-title{
  font-size:34px !important;font-weight:900 !important;
  letter-spacing:-.02em;line-height:1.25 !important;
  margin-bottom:20px !important;
}
.gr-lp-wrap .gr-hero-title .line1,
.gr-lp-wrap .gr-hero-title .line2{display:block}
.gr-lp-wrap .gr-hero-title em{
  color:var(--c-text) !important;
  border-bottom:6px solid var(--c-blue) !important;
  padding-bottom:2px;
}
.gr-lp-wrap .gr-hero-sub{
  font-size:14px !important;font-weight:500 !important;line-height:1.7 !important;
  border-left:4px solid var(--c-pink) !important;
  padding-left:10px !important;margin-bottom:20px !important;
}
.gr-lp-wrap .gr-hero-photo{
  position:absolute;top:40px;right:-16px;
  width:200px;z-index:1;
}
.gr-lp-wrap .gr-hero-photo picture,
.gr-lp-wrap .gr-hero-photo img{
  width:100%;display:block;
  filter:drop-shadow(4px 4px 12px rgba(0,0,0,.12));
}
.gr-lp-wrap .gr-hero-tag{
  position:absolute;bottom:20px;left:-20px;
  background:var(--c-text);color:#fff;
  padding:8px 12px;
  font-size:12px;font-weight:700;line-height:1.4;
  border-radius:8px;
  transform:rotate(-5deg);
}
.gr-lp-wrap .gr-hero-tag::after{
  content:"";position:absolute;bottom:-6px;left:20px;
  border:6px solid transparent;
  border-top-color:var(--c-text);
}

/* ピル */
.gr-lp-wrap .gr-pill-row{
  display:grid !important;grid-template-columns:repeat(2,1fr) !important;
  gap:8px !important;margin:24px 0 !important;position:relative;z-index:2;
}
.gr-lp-wrap .gr-pill-row li{
  background:#fff;
  border:2px solid var(--c-text);
  border-radius:999px;
  padding:8px 12px;
  font-size:11px;font-weight:700;
  text-align:center;line-height:1.3;
  box-shadow:2px 2px 0 var(--c-text);
  display:flex;align-items:center;justify-content:center;gap:4px;
  list-style:none !important;
}
.gr-lp-wrap .gr-pill-row .ico{font-size:14px}

/* 数字カード */
.gr-lp-wrap .gr-numbers-card{
  background:#fff;
  border:3px solid var(--c-text);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  padding:20px 16px;
  display:grid !important;grid-template-columns:1fr 1fr !important;
  gap:16px 12px;
  position:relative;z-index:2;
  margin-bottom:20px;
}
.gr-lp-wrap .gr-numbers-card .cell{position:relative}
.gr-lp-wrap .gr-numbers-card .tag{
  display:inline-block;
  background:var(--c-text);color:#fff;
  font-size:10px;font-weight:700;
  padding:3px 8px;border-radius:6px;
  margin-bottom:6px;
}
.gr-lp-wrap .gr-numbers-card .num{
  font-size:14px !important;font-weight:900 !important;line-height:1.1 !important;
}
.gr-lp-wrap .gr-numbers-card .num em{
  font-size:26px !important;
  background:linear-gradient(transparent 65%, var(--c-yellow) 65%);
}
.gr-lp-wrap .gr-numbers-card .num.pink em,
.gr-lp-wrap .gr-numbers-card .num.pink{color:var(--c-pink) !important}
.gr-lp-wrap .gr-numbers-card .num.blue em,
.gr-lp-wrap .gr-numbers-card .num.blue{color:var(--c-blue) !important}

/* CTAブロック */
.gr-lp-wrap .gr-cta-block{
  display:flex !important;flex-direction:column;gap:10px;
  margin-bottom:24px;position:relative;z-index:2;
}
.gr-lp-wrap .gr-btn{
  display:flex !important;align-items:center;gap:10px;
  padding:16px 20px !important;
  border-radius:999px !important;
  font-size:17px !important;font-weight:900 !important;
  color:#fff !important;
  box-shadow:0 4px 0 rgba(0,0,0,0.15) !important;
  transition:transform .15s;
  text-decoration:none !important;
  border:none !important;
}
.gr-lp-wrap .gr-btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,0.15)}
.gr-lp-wrap .gr-btn-line{background:var(--c-green) !important}
.gr-lp-wrap .gr-btn-blue{background:var(--c-blue) !important}
.gr-lp-wrap .gr-btn .btn-ico{
  background:#fff;color:var(--c-text);
  width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:900;flex-shrink:0;
}
.gr-lp-wrap .gr-btn-line .btn-ico{color:var(--c-green)}
.gr-lp-wrap .gr-btn-blue .btn-ico{color:var(--c-blue);font-size:14px}
.gr-lp-wrap .gr-btn .btn-txt{flex:1;text-align:center}
.gr-lp-wrap .gr-btn .btn-arrow{
  background:var(--c-yellow);color:var(--c-text);
  width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.gr-lp-wrap .gr-cta-note{
  text-align:center;font-size:12px !important;color:var(--c-gray) !important;
  margin-top:4px !important;
}

/* 3つの安心バッジ */
.gr-lp-wrap .gr-badge-row{
  display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px !important;
  position:relative;z-index:2;
}
.gr-lp-wrap .gr-badge-row li{
  background:#fff;
  border:2.5px solid var(--c-text);
  border-radius:12px;
  padding:12px 8px 10px;
  text-align:center;
  box-shadow:3px 3px 0 var(--c-text);
  position:relative;
  list-style:none !important;
}
.gr-lp-wrap .gr-badge-row li::after{
  content:"";position:absolute;bottom:-2.5px;left:-2.5px;right:-2.5px;
  height:6px;border-radius:0 0 12px 12px;
}
.gr-lp-wrap .gr-badge-row li:nth-child(1)::after{background:var(--c-yellow)}
.gr-lp-wrap .gr-badge-row li:nth-child(2)::after{background:var(--c-blue)}
.gr-lp-wrap .gr-badge-row li:nth-child(3)::after{background:var(--c-pink)}
.gr-lp-wrap .badge-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  font-size:18px;margin-bottom:6px;
}
.gr-lp-wrap .badge-ico.yellow{background:var(--c-yellow)}
.gr-lp-wrap .badge-ico.blue{background:#DBEAFE}
.gr-lp-wrap .badge-ico.pink{background:#FCE7F3}
.gr-lp-wrap .gr-badge-row p{
  font-size:12px !important;font-weight:900 !important;line-height:1.3 !important;
  margin-bottom:4px !important;
}
.gr-lp-wrap .gr-badge-row small{
  font-size:10px !important;color:var(--c-gray) !important;line-height:1.3;display:block;
}

/* 共通セクション */
.gr-lp-wrap .gr-section{
  padding:48px 16px !important;
  position:relative;
  margin:0 !important;
}
.gr-lp-wrap .gr-section:nth-of-type(even){
  background:linear-gradient(180deg,#F8FAFF 0%,#fff 100%);
}
.gr-lp-wrap .gr-label{
  font-size:11px !important;font-weight:900 !important;letter-spacing:.08em;
  margin-bottom:8px !important;
}
.gr-lp-wrap .gr-h2{
  font-size:28px !important;font-weight:900 !important;
  letter-spacing:-.02em;line-height:1.35 !important;
  margin-bottom:24px !important;
}
.gr-lp-wrap .gr-h2 em{color:var(--c-text)}
.gr-lp-wrap .gr-h2.handwrite{font-family:var(--f-hw) !important;color:var(--c-pink) !important;font-size:32px !important}

/* 3つの強み */
.gr-lp-wrap .gr-point-cards{
  display:flex !important;flex-direction:column;gap:16px;
}
.gr-lp-wrap .gr-point-cards li{
  background:#fff;
  border:3px solid var(--c-text);
  border-radius:var(--radius);
  padding:20px 20px 20px 28px;
  box-shadow:var(--shadow-card);
  position:relative;
  list-style:none !important;
}
.gr-lp-wrap .gr-point-cards li::before{
  content:"";position:absolute;
  top:-3px;bottom:-3px;left:-3px;
  width:8px;
  border-radius:var(--radius) 0 0 var(--radius);
}
.gr-lp-wrap .pc-yellow::before{background:var(--c-yellow)}
.gr-lp-wrap .pc-blue::before{background:var(--c-blue)}
.gr-lp-wrap .pc-pink::before{background:var(--c-pink)}
.gr-lp-wrap .pc-num{
  position:absolute;top:-14px;right:16px;
  background:#fff;color:var(--c-text);
  border:3px solid var(--c-text);
  border-radius:50%;
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px !important;font-weight:900;font-family:Arial;
}
.gr-lp-wrap .gr-point-cards h3{
  font-size:20px !important;font-weight:900 !important;margin-bottom:8px !important;line-height:1.3 !important;
}
.gr-lp-wrap .gr-point-cards h3 em{
  border-bottom:4px solid currentColor;padding-bottom:1px;
}
.gr-lp-wrap .gr-point-cards h3 em.c-blue{border-color:var(--c-blue)}
.gr-lp-wrap .gr-point-cards h3 em.c-pink{border-color:var(--c-pink)}
.gr-lp-wrap .gr-point-cards p{font-size:14px !important;line-height:1.7 !important;color:#333 !important}
.gr-lp-wrap .gr-point-cards strong{
  background:linear-gradient(transparent 60%, var(--c-yellow) 60%);
  padding:0 2px;font-weight:900;
}

/* 給与 */
.gr-lp-wrap .gr-salary{
  background:#F8FAFF !important;
  overflow:hidden;
}
.gr-lp-wrap .gr-salary-deco{
  position:absolute;top:20px;right:-30px;
  width:120px;height:120px;
  background:var(--c-pink);opacity:.15;
  border-radius:60% 40% 30% 70%;
}
.gr-lp-wrap .gr-salary-main{
  background:#fff;
  border:3px solid var(--c-text);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  padding:24px 20px;
  margin-bottom:20px;
  position:relative;z-index:2;
}
.gr-lp-wrap .salary-row{
  display:flex;align-items:baseline;gap:12px;
  padding:12px 0;
  border-bottom:2px dashed var(--c-line);
}
.gr-lp-wrap .salary-row:last-child{border-bottom:none}
.gr-lp-wrap .salary-row .tag{
  background:var(--c-text);color:#fff;
  font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:6px;
  flex-shrink:0;
}
.gr-lp-wrap .salary-row .big{
  font-size:36px !important;font-weight:900 !important;line-height:1 !important;
}
.gr-lp-wrap .salary-row .big em{
  font-size:44px !important;
  background:linear-gradient(transparent 65%, var(--c-yellow) 65%);
}
.gr-lp-wrap .salary-row .big small{
  font-size:16px !important;font-weight:900;margin-left:4px;
}
.gr-lp-wrap .salary-row .mid{
  font-size:22px !important;font-weight:900 !important;
}
.gr-lp-wrap .gr-check-list{
  display:flex !important;flex-direction:column;gap:8px;
}
.gr-lp-wrap .gr-check-list li{
  background:#fff;
  border:2px solid var(--c-blue);
  border-radius:999px;
  padding:10px 16px 10px 40px;
  font-size:14px;font-weight:700;
  position:relative;
  list-style:none !important;
}
.gr-lp-wrap .gr-check-list li::before{
  content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);
  background:var(--c-blue);color:#fff;
  width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:900;
}

/* 給与モデル */
.gr-lp-wrap .gr-salary-model{
  position:relative;
  margin-top:24px;
  text-align:center;
}
.gr-lp-wrap .gr-salary-model picture,
.gr-lp-wrap .gr-salary-model img{
  width:180px;height:180px;
  border-radius:50% !important;
  object-fit:cover;
  border:5px solid var(--c-blue);
  box-shadow:6px 6px 0 var(--c-text);
  display:inline-block;
}
.gr-lp-wrap .gr-salary-model-tag{
  display:inline-block;
  position:absolute;
  top:-8px;right:20%;
  background:var(--c-yellow);
  border:2.5px solid var(--c-text);
  padding:8px 14px;
  border-radius:16px;
  font-size:13px !important;font-weight:900 !important;line-height:1.3 !important;
  transform:rotate(6deg);
  box-shadow:3px 3px 0 var(--c-text);
}
.gr-lp-wrap .gr-salary-model-tag strong{
  color:var(--c-pink);font-size:16px;
}

/* 安心のお仕事内容 */
.gr-lp-wrap .gr-ngok-card{
  background:#fff;
  border:3px solid var(--c-text);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  display:grid !important;grid-template-columns:1fr 1fr !important;
  overflow:hidden;
  margin-bottom:20px;
}
.gr-lp-wrap .gr-ngok-card .col{padding:20px 16px}
.gr-lp-wrap .gr-ngok-card .col-ng{border-right:2px dashed var(--c-line)}
.gr-lp-wrap .gr-ngok-card .col-head{
  font-size:13px !important;font-weight:900 !important;
  padding:6px 12px;border-radius:8px;
  text-align:center;margin-bottom:14px !important;
  color:#fff !important;
}
.gr-lp-wrap .gr-ngok-card .col-ng .col-head{background:var(--c-pink)}
.gr-lp-wrap .gr-ngok-card .col-ok .col-head{background:var(--c-blue)}
.gr-lp-wrap .gr-ngok-card ul{display:flex !important;flex-direction:column;gap:8px}
.gr-lp-wrap .gr-ngok-card li{
  font-size:14px !important;font-weight:700 !important;
  padding-left:24px !important;position:relative;
  list-style:none !important;
}
.gr-lp-wrap .gr-ngok-card .col-ng li::before{
  content:"✕";color:var(--c-pink);font-weight:900;
  position:absolute;left:0;top:0;
}
.gr-lp-wrap .gr-ngok-card .col-ok li::before{
  content:"○";color:var(--c-blue);font-weight:900;
  position:absolute;left:0;top:0;
}
.gr-lp-wrap .gr-quote{
  background:#FCE7F3;
  border-left:5px solid var(--c-pink);
  padding:16px !important;border-radius:0 12px 12px 0;
  font-size:14px !important;font-weight:700 !important;line-height:1.6 !important;
  text-align:center;
  color:var(--c-text) !important;
}
.gr-lp-wrap .gr-quote em{
  color:var(--c-pink) !important;font-size:20px !important;font-weight:900;
}

/* 店舗 */
.gr-lp-wrap .gr-store-list{display:flex !important;flex-direction:column;gap:14px}
.gr-lp-wrap .gr-store-list li{
  background:#fff;
  border:3px solid var(--c-text);
  border-radius:var(--radius);
  box-shadow:var(--shadow-card);
  display:flex !important;align-items:center;gap:14px;
  padding:14px;overflow:hidden;
  list-style:none !important;
}
.gr-lp-wrap .store-photo{
  width:80px;height:80px;flex-shrink:0;
  background-color:#DBEAFE;
  background-size:cover;background-position:center;
  border-radius:50%;
  border:3px solid var(--c-blue);
}
.gr-lp-wrap .store-info{flex:1;min-width:0}
.gr-lp-wrap .store-info h3{
  font-size:18px !important;font-weight:900 !important;line-height:1.2 !important;
  margin-bottom:4px !important;
}
.gr-lp-wrap .store-info h3 small{
  font-size:10px !important;color:var(--c-gray) !important;font-weight:700 !important;
  letter-spacing:.05em;margin-left:4px;
}
.gr-lp-wrap .store-info p{
  font-size:13px !important;color:#333 !important;margin-bottom:8px !important;
}
.gr-lp-wrap .store-tag{
  display:inline-block;
  background:var(--c-yellow);
  padding:4px 10px;border-radius:999px;
  font-size:11px;font-weight:900;
}

/* 店長メッセージ */
.gr-lp-wrap .gr-message{background:#F8FAFF !important}
.gr-lp-wrap .gr-message-card{
  display:flex !important;gap:14px;align-items:flex-start;
  background:#fff;
  border:3px solid var(--c-text);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  padding:20px;
}
.gr-lp-wrap .msg-photo{
  width:80px;height:80px;flex-shrink:0;
  background:#FCE7F3;background-size:cover;background-position:center;
  border-radius:50%;border:3px solid var(--c-pink);
}
.gr-lp-wrap .msg-bubble{
  flex:1;background:#F0F5FF;
  border-radius:12px;
  padding:14px;position:relative;
  font-size:13px !important;line-height:1.7 !important;
}
.gr-lp-wrap .msg-bubble::before{
  content:"";position:absolute;
  left:-8px;top:20px;
  border:8px solid transparent;
  border-right-color:#F0F5FF;
}
.gr-lp-wrap .msg-bubble strong{
  background:linear-gradient(transparent 60%, var(--c-yellow) 60%);
  font-weight:900;
}
.gr-lp-wrap .msg-sign{
  display:block;margin-top:8px !important;
  text-align:right;font-size:11px !important;color:var(--c-gray) !important;font-weight:700;
}

/* 応募 */
.gr-lp-wrap .gr-entry{text-align:center}
.gr-lp-wrap .gr-entry-sub{
  font-size:13px !important;color:var(--c-gray) !important;margin-bottom:24px !important;
}
.gr-lp-wrap .gr-entry-btns{
  display:flex !important;flex-direction:column;gap:12px;
  margin-bottom:20px;text-align:left;
}
.gr-lp-wrap .gr-entry-badges{
  display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:6px !important;
  margin-bottom:16px;
}
.gr-lp-wrap .gr-entry-badges li{
  padding:8px 4px;
  border-radius:8px;
  font-size:11px !important;font-weight:900 !important;line-height:1.3 !important;
  border:2px solid var(--c-text);
  list-style:none !important;
}
.gr-lp-wrap .bg-yellow{background:var(--c-yellow)}
.gr-lp-wrap .bg-blue{background:var(--c-blue) !important;color:#fff !important}
.gr-lp-wrap .bg-pink{background:var(--c-pink) !important;color:#fff !important}
.gr-lp-wrap .gr-entry-trust{
  font-size:11px !important;color:var(--c-gray) !important;
}

/* 画面下部 固定CTAバー */
.gr-fixed-cta{
  position:fixed;bottom:0;left:0;right:0;
  display:flex;z-index:9999;
  box-shadow:0 -4px 12px rgba(0,0,0,.1);
}
.gr-fixed-cta .fcta-main{
  flex:1;
  background:var(--c-blue) !important;color:#fff !important;
  padding:16px 12px !important;
  font-size:15px !important;font-weight:900 !important;
  text-align:center;
  text-decoration:none !important;
}
.gr-fixed-cta .fcta-line{
  flex-shrink:0;
  width:64px;background:var(--c-green) !important;color:#fff !important;
  display:flex;align-items:center;justify-content:center;
  font-size:22px !important;font-weight:900 !important;
  font-family:Arial;
  text-decoration:none !important;
}

/* FOOTER */
.gr-lp-wrap .gr-footer{
  padding:32px 16px;text-align:center;
  background:#F8FAFF;
  border-top:1px solid var(--c-line);
}
.gr-lp-wrap .gr-footer p{font-size:12px !important;font-weight:900;margin-bottom:4px !important}
.gr-lp-wrap .gr-footer small{font-size:10px !important;color:var(--c-gray) !important}

/* Cocoonのフッターモバイルボタンとの干渉回避 */
body.page-recruit #footer-mobile-buttons,
body.page-recruit .footer-mobile-buttons-in{
  display:none !important;
}

/* PC調整 */
@media (min-width:768px){
  .gr-lp-wrap{padding-bottom:0}
  .gr-lp-wrap .gr-header{padding:20px 40px}
  .gr-lp-wrap .gr-header-title h1{font-size:18px !important}
  .gr-lp-wrap .gr-hero{padding:48px 40px 60px;max-width:900px;margin:0 auto}
  .gr-lp-wrap .gr-hero-title{font-size:56px !important}
  .gr-lp-wrap .gr-hero-photo{width:320px;top:60px}
  .gr-lp-wrap .gr-pill-row{grid-template-columns:repeat(4,1fr) !important}
  .gr-lp-wrap .gr-numbers-card{grid-template-columns:repeat(4,1fr) !important}
  .gr-lp-wrap .gr-cta-block{flex-direction:row !important}
  .gr-lp-wrap .gr-cta-block .gr-btn{flex:1}
  .gr-lp-wrap .gr-cta-note{width:100%;text-align:center}
  .gr-lp-wrap .gr-section{max-width:900px;margin:0 auto !important;padding:80px 40px !important}
  .gr-lp-wrap .gr-h2{font-size:40px !important}
  .gr-lp-wrap .gr-point-cards{display:grid !important;grid-template-columns:repeat(3,1fr) !important}
  .gr-lp-wrap .gr-entry-btns{flex-direction:row !important;justify-content:center}
  .gr-lp-wrap .gr-entry-btns .gr-btn{max-width:300px}
  .gr-lp-wrap .gr-salary-model picture,
  .gr-lp-wrap .gr-salary-model img{
    width:220px;height:220px;
  }
  .gr-fixed-cta{display:none}
}

/* ============================================
   Gran Recruit LP — 緊急修正パッチ v2.2
   
   ▼貼り付け方法
   既存の追加CSSの【末尾】にこれを追加してください
   （既存CSSは消さないでOK）
   
   ▼修正内容
   1. body.page-recruit が付いていない環境でも動くよう修正
   2. 固定CTAバーの位置崩れ修正
   3. 文字色の薄さ修正
   4. ヒーロー画像位置調整
   5. 見出しの em 崩れ修正
   ============================================ */

/* ============================================
   ▼ 【最優先】ページ判定なしでLP全体に強制適用
   ページIDやスラッグに依存せず .gr-lp-wrap があれば発動
   ============================================ */

/* Cocoonの appeal / breadcrumb / entry-header / date-tags を非表示 */
body:has(.gr-lp-wrap) .appeal,
body:has(.gr-lp-wrap) .breadcrumb,
body:has(.gr-lp-wrap) .entry-header,
body:has(.gr-lp-wrap) .date-tags,
body:has(.gr-lp-wrap) .comment-area,
body:has(.gr-lp-wrap) .pager-post-navi,
body:has(.gr-lp-wrap) .under-entry-content,
body:has(.gr-lp-wrap) .entry-title,
body:has(.gr-lp-wrap) #sidebar,
body:has(.gr-lp-wrap) .sidebar,
body:has(.gr-lp-wrap) #footer-mobile-buttons,
body:has(.gr-lp-wrap) .footer-mobile-buttons-in{
  display:none !important;
}

/* コンテンツエリアをフルワイド化 */
body:has(.gr-lp-wrap) .article,
body:has(.gr-lp-wrap) .entry-content,
body:has(.gr-lp-wrap) .main,
body:has(.gr-lp-wrap) #main,
body:has(.gr-lp-wrap) .primary,
body:has(.gr-lp-wrap) #primary,
body:has(.gr-lp-wrap) .article-inner{
  max-width:100% !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  background:#fff !important;
  float:none !important;
}

/* ============================================
   ▼ 文字色を強制的に濃く（薄い水色化を防ぐ）
   ============================================ */
.gr-lp-wrap,
.gr-lp-wrap *,
.gr-lp-wrap p,
.gr-lp-wrap span,
.gr-lp-wrap h1,
.gr-lp-wrap h2,
.gr-lp-wrap h3,
.gr-lp-wrap li,
.gr-lp-wrap a{
  color:#111111;
}

/* 例外：意図的に色を変えている要素 */
.gr-lp-wrap .c-blue,
.gr-lp-wrap .c-blue *,
.gr-lp-wrap em.c-blue{color:#0066FF !important}
.gr-lp-wrap .c-pink,
.gr-lp-wrap .c-pink *,
.gr-lp-wrap em.c-pink{color:#FF3E9D !important}
.gr-lp-wrap .gr-btn,
.gr-lp-wrap .gr-btn *,
.gr-lp-wrap .fcta-main,
.gr-lp-wrap .fcta-line,
.gr-fixed-cta a,
.gr-fixed-cta *{color:#ffffff !important}
.gr-lp-wrap .gr-numbers-card .tag,
.gr-lp-wrap .salary-row .tag,
.gr-lp-wrap .gr-hero-tag,
.gr-lp-wrap .ngok-card .col-head,
.gr-lp-wrap .gr-ngok-card .col-head{color:#ffffff !important}
.gr-lp-wrap .badge-ico,
.gr-lp-wrap .btn-ico,
.gr-lp-wrap .btn-arrow{color:#111111 !important}
.gr-lp-wrap .gr-btn-line .btn-ico{color:#06C755 !important}
.gr-lp-wrap .gr-btn-blue .btn-ico{color:#0066FF !important}

.gr-lp-wrap .gr-h2.handwrite,
.gr-lp-wrap .gr-h2.handwrite *{color:#FF3E9D !important}
.gr-lp-wrap .gr-label.c-blue{color:#0066FF !important}
.gr-lp-wrap .gr-label.c-pink{color:#FF3E9D !important}
.gr-lp-wrap .num.pink,
.gr-lp-wrap .num.pink em{color:#FF3E9D !important}
.gr-lp-wrap .num.blue,
.gr-lp-wrap .num.blue em{color:#0066FF !important}
.gr-lp-wrap .bg-blue,
.gr-lp-wrap .bg-blue *,
.gr-lp-wrap .bg-pink,
.gr-lp-wrap .bg-pink *{color:#ffffff !important}
.gr-lp-wrap .bg-yellow,
.gr-lp-wrap .bg-yellow *{color:#111111 !important}
.gr-lp-wrap .gr-quote em{color:#FF3E9D !important}
.gr-lp-wrap .msg-sign{color:#666 !important}
.gr-lp-wrap .gr-cta-note,
.gr-lp-wrap .gr-entry-sub,
.gr-lp-wrap .gr-entry-trust,
.gr-lp-wrap .gr-footer small,
.gr-lp-wrap .store-info h3 small,
.gr-lp-wrap .gr-badge-row small{color:#666 !important}

/* ============================================
   ▼ 見出しの em が改行される崩れを修正
   ============================================ */
.gr-lp-wrap h1 em,
.gr-lp-wrap h2 em,
.gr-lp-wrap h3 em,
.gr-lp-wrap p em,
.gr-lp-wrap span em{
  display:inline !important;
  font-style:normal !important;
  vertical-align:baseline !important;
}
.gr-lp-wrap strong{
  display:inline !important;
  font-style:normal !important;
}

/* ============================================
   ▼ ヒーロー画像の位置調整
   見出しに被らないよう右側にきちんと配置
   ============================================ */
.gr-lp-wrap .gr-hero{
  min-height:520px;
}
.gr-lp-wrap .gr-hero-inner{
  position:relative;
  z-index:2;
}
.gr-lp-wrap .gr-hero-photo{
  position:absolute !important;
  top:70px !important;
  right:-24px !important;
  width:56% !important;
  max-width:220px !important;
  z-index:1 !important;
}
.gr-lp-wrap .gr-hero-title{
  position:relative;
  z-index:3;
  max-width:60%;
}
.gr-lp-wrap .gr-hero-sub{
  position:relative;
  z-index:3;
  max-width:60%;
}

/* ============================================
   ▼ 固定CTAバー — 絶対に画面下部に固定
   ============================================ */
.gr-fixed-cta,
body .gr-fixed-cta,
html body .gr-fixed-cta{
  position:fixed !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  top:auto !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  z-index:99999 !important;
  display:flex !important;
  box-shadow:0 -4px 12px rgba(0,0,0,.15) !important;
  background:transparent !important;
}
.gr-fixed-cta .fcta-main{
  flex:1 !important;
  display:block !important;
  background:#0066FF !important;
  color:#fff !important;
  padding:16px 12px !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-align:center !important;
  text-decoration:none !important;
  border:none !important;
  margin:0 !important;
  line-height:1.4 !important;
}
.gr-fixed-cta .fcta-line{
  flex-shrink:0 !important;
  width:64px !important;
  background:#06C755 !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:22px !important;
  font-weight:900 !important;
  font-family:Arial,sans-serif !important;
  text-decoration:none !important;
  border:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* LP本体には固定CTA分の下余白を確保 */
.gr-lp-wrap{
  padding-bottom:80px !important;
}

/* ============================================
   ▼ セクション背景・区切りをはっきり見せる
   ============================================ */
.gr-lp-wrap .gr-section{
  background:#ffffff;
  position:relative;
}
.gr-lp-wrap .gr-salary,
.gr-lp-wrap .gr-message{
  background:#F8FAFF !important;
}

/* ============================================
   ▼ Cocoonのボタン装飾を完全に打ち消し
   ============================================ */
.gr-lp-wrap a,
.gr-lp-wrap a:visited,
.gr-lp-wrap a:hover,
.gr-lp-wrap a:focus{
  text-decoration:none !important;
  box-shadow:none;
}
.gr-lp-wrap .gr-btn:hover,
.gr-lp-wrap .gr-btn:focus{
  opacity:.9;
}

/* ============================================
   ▼ リストマーカー・番号を完全に消す
   ============================================ */
.gr-lp-wrap ul,
.gr-lp-wrap ol,
.gr-lp-wrap li{
  list-style:none !important;
  list-style-type:none !important;
  padding-left:0 !important;
}
.gr-lp-wrap ol{counter-reset:none}
.gr-lp-wrap ol li::before,
.gr-lp-wrap ol li::marker{content:none}
/* ただしカスタム::beforeは残す */
.gr-lp-wrap .gr-check-list li::before{content:"✓" !important}
.gr-lp-wrap .gr-ngok-card .col-ng li::before{content:"✕" !important}
.gr-lp-wrap .gr-ngok-card .col-ok li::before{content:"○" !important}

/* ============================================
   ▼ PC調整（768px以上）でも同じ強制適用
   ============================================ */
@media (min-width:768px){
  .gr-lp-wrap .gr-hero-photo{
    max-width:320px !important;
    top:60px !important;
  }
  .gr-lp-wrap .gr-hero-title{max-width:65%}
  .gr-lp-wrap .gr-hero-sub{max-width:65%}
  .gr-lp-wrap{padding-bottom:0 !important}
  .gr-fixed-cta{display:none !important}
}

/* ============================================
   ▼ 画像パスにwebpが読めない環境用のバックアップ
   ============================================ */
.gr-lp-wrap picture,
.gr-lp-wrap picture img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

/* ============================================
   ▼ Cocoonのフォントサイズ設定を無効化
   ============================================ */
.gr-lp-wrap{
  font-size:14px !important;
}
body.fz-18px .gr-lp-wrap,
body.fz-18px .gr-lp-wrap *{
  font-size:inherit;
}
.gr-lp-wrap .gr-hero-title{font-size:34px !important}
.gr-lp-wrap .gr-h2{font-size:28px !important}
.gr-lp-wrap .gr-h2.handwrite{font-size:32px !important}
@media (min-width:768px){
  .gr-lp-wrap .gr-hero-title{font-size:56px !important}
  .gr-lp-wrap .gr-h2{font-size:40px !important}
}