@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
*/

/* ================================================== */
/* common */
/* ================================================== */
html, body {
	margin:0 auto !important;
	padding:0 !important;
}
#sidebar {display:none;}
a {
	text-underline-offset: 5px;
}
a:hover. a:active {}
.mobile-menu-buttons .menu-icon {
	font-size:24px;
}
h1, h2, h3, h4, h5, h6,
.entry-content .top-content__greetings  {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.home .entry-title {
	display:none;
}
/* ================================================== */
/* #container */
/* ================================================== */
#container{
	position: static;
	margin:46px auto 0;
    top: 0;
	width:100%;
}
#wpadminbar {
	height: 46px;
    display: flex;
	justify-content:flex-end;
    align-items: center;
	background-color:#eee;
}
#wpadminbar .quicklinks a {
	color:#333;
}
#wpadminbar .quicklinks a:hover {
	background:transparent;
}
#wpadminbar #adminbarsearch:before {
	color:#666;
}
#wpadminbar .with-avatar.hover {
/* 	background: red; */
}
.quicklinks {
/* 	height: 72px; */
/*     display: flex; */
}
.ab-top-menu {
	display:none;
}
.ab-top-menu.ab-top-secondary {
	display:block;
}
#wpadminbar #adminbarsearch {}

#wpadminbar #adminbarsearch.adminbar-focused {
	/* border:1px solid red; */
}
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/*834px*/
@media screen and (max-width: 834px){
	.logged-in .mobile-header-menu-buttons {
		top:46px !important;
		position:absolute;
    }
	.logged-in .wrap {
		margin-top:48px;
    }
	.mobile-header-menu-buttons {
		height:64px;
	}
	.logo-menu-button {}
	.menu-close-button {
    	width: 70px;
	}
	.logged-in .menu-content .menu-drawer {
		margin-top:24px;
	}
	.logged-in #navi-menu-content {
		padding-top:60px;
	}
	.mobile-menu-buttons .navi-menu-button {
		width: 70px;
	}
	.logo-menu-button {}
	.logo-menu-button img {
		width: 90%;
		max-width: 320px;
		min-width: 180px;
	}
	.mobile-menu-buttons .search-menu-button {
		width: 70px;
	}
}

/* ================================================== */

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
 	/* .logged-in .mobile-header-menu-buttons {
		top:46px !important;
		position:absolute;
    }
	.logged-in .wrap {
		margin-top:48px;
    }
	.mobile-header-menu-buttons {
		height:64px;
	}
	.logo-menu-button {}
	.menu-close-button {
    	width: 70px;
	}
	.logged-in .menu-content .menu-drawer {
		margin-top:24px;
	}
	.logged-in #navi-menu-content {
		padding-top:60px;
	}
	.mobile-menu-buttons .navi-menu-button {
		width: 70px;
	}
	.logo-menu-button {}
	.logo-menu-button img {
		width: 90%;
		max-width: 320px;
		min-width: 180px;
	}
	.mobile-menu-buttons .search-menu-button {
		width: 70px;
	}
	.header div.header-in { */
/* 		display:none; */
	/* } */
	.navi-in .menu-pc {display: block;}
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** ヘッダー
************************************/
.skin-grayish #header-container {
	height: 500px;
	background-image: url(http://relinks.jp/relink/wp-content/uploads/2025/04/img_hero.jpg);
    background-size: cover;
    background-position: 50% 30%;
	padding:16px 0 0;
	position: relative;
    top: 0;
}
.skin-grayish:not(.front-top-page) #header-container {
/* 	background-image: none;
	background-color: beige; */
	height: 88px;
	background:#eee9e5;
	position:relative;
}
.skin-grayish:not(.front-top-page) .navi .item-label,
.skin-grayish:not(.front-top-page) .navi .item-description {
	height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.skin-grayish:not(.front-top-page) .header-in .logo-header img{
	object-fit: contain;
}
.skin-grayish:not(.front-top-page)  .navi-in>ul li>a>.caption-wrap::before {
	bottom:-5px;
}
#header-container-in {
	display:flex;
	flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
	width: 100%;
    max-width: 1280px;
/*     border: 1px solid red; */
    margin: 0 auto;
}
.skin-grayish.front-top-page .container .header-container .header {
	background: none;
	padding: 16px 0 0 16px;
	margin-right:24px;
	width: 320px;
}

.skin-grayish.front-top-page .header .header-in {
	min-height:0;
	margin:0;
	padding:0;
	/* display: flex;
    flex-direction: column; */
    justify-content: flex-start;
	height:auto;
	width:100%;
}
.logo-image {
	text-align: left;
	margin: 0;
	padding: 0;
	width:240px;
}
.logo-image a {
	padding: 0;
	margin: 0;
}
.tagline {
    /* text-align: center;
    font-size: 14px;
    margin: 0.6em 1em; */
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 9px;
    color: #fff;
	    text-indent: 7px;
}
#header-container .navi{
	background: none;
    width: auto;
	height:72px;
    margin: 0;
    /* background: rgba(0, 0, 0, .15); */
    border-radius: 2px;
    position: relative;
    top: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}
.skin-grayish.front-top-page .navi-in>ul {
	padding:0;
	margin:0;
}

.skin-grayish.front-top-page #navi #menu-global-nav li {
	padding:0;
	margin:0 1.5rem 0 0;
}
.skin-grayish .navi-in>ul li>a>.caption-wrap::before {
    background: #900;
}
#wp-admin-bar-search {
	display:none;
}
#navi-in {
    width: auto;
}
#navi #menu-global-nav {
	justify-content: flex-start;
}
#navi #menu-global-nav li {
	width: auto;
	margin: 0 8px 0 0;
	padding:8px 0;
	height:auto;
}
#navi #menu-global-nav li:last-of-type {
	margin-right: 0;
}
#navi #menu-global-nav li a {
	height: auto;
	padding: 8px 0 8px;
	color:#fff;
/* 	border-right: 1px dashed rgba(255, 255, 255, .25); */
}
.skin-grayish .navi-in .menu-item.menu-item-has-children .has-icon {
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
}
.skin-grayish .navi-in .menu-item.menu-item-has-children:hover .has-icon {
	transform:rotate(180deg);
}
#navi #menu-global-nav .menu-item-has-children .fa-angle-down:before {
	margin:auto;
}
body:not(.home) #navi #menu-global-nav li a {
	color:#333;
}
body:not(.home) .tagline {
	color:#333;
}
.skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons {
	z-index:9999;
}
.skin-grayish:not(.front-top-page) .container .header-container .header {
	margin-right:16px;
}
#navi #menu-global-nav li:hover {
	background:none;
/* 	border-bottom:3px solid #816d52; */
}
#navi #menu-global-nav li a:hover {
	background:none;
}
#navi #menu-global-nav li:last-of-type a {
	border:none;
}
#navi #menu-global-nav li:last-of-type a {
/* 	border-radius: 0 12px 12px 0; */
}
.navi .item-label, .navi .item-description {
	font-size:14px;
}
.navi-in .has-icon {
	right:0;
}
#navi #menu-global-nav .menu-item-has-children a {
	padding-right: 30px;
/* 	border-radius: 12px 0 0 12px; */
}
#navi #menu-global-nav .menu-item-has-children .sub-menu {
	background: rgba(255,255,255, .5);
/* 	border-radius:0; */
	margin-top:3px;
}
#navi #menu-global-nav .menu-item-has-children .sub-menu a {
	color:#333;
	padding:16px;
}
#navi #menu-global-nav .menu-item-has-children .sub-menu li:hover {
	text-decoration:underline;
	border:none;
}
#navi #menu-global-nav .menu-item-has-children .sub-menu .item-label,
#navi #menu-global-nav .menu-item-has-children .sub-menu .navi .item-description {
		font-size:13px;
}
#navi #menu-global-nav .menu-item-has-children .sub-menu a:hover {
/* 	background: rgba(210, 0, 0, .25); */
}
#navi #menu-global-nav .menu-item-has-children  .fa-angle-down:before {
	font-size: 18px;
	margin-right: 8px;
}
.skin-grayish.front-top-page .header .header-in .logo-image {
	padding:0;
	margin:0;
}

.skin-grayish.front-top-page .skinadd-topmv-scroll {
	display:none;
	visibility:hidden;
	top:180px;
}

/* :not(.home)  */

/************************************
** トップヘッダー
** レスポンシブデザイン用のメディアクエリ
************************************/
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#header-container {
		height: 180px;
		background-position: 50% 30%;
	}
	.skin-grayish.front-top-page .header .header-in .logo-image {
		width:100%;
	}
}
@media screen and (max-width: 782px) {
	html {
		margin:0;
	}
	body {
/* 		margin-top: -48px; */
	}
	#container {
		position: static;
		top: 0;
		width: 100%;
/* 		margin-top: -46px; */
/*  		margin-top:4rem; */
		margin-top:0;
		display: flex;
        flex-flow: column wrap;
		justify-content:flex-start;
		align-content:center;
	}
	skin-grayish:not(.front-top-page) #container {
/* 		background:#eee; */
		display: flex;
        flex-flow: column wrap;
        justify-content: flex-start;
        align-items: center;
	}
	.skin-grayish #header-container {
		height: 30vh;
/* 		background:#eee9e5; */
	}
	.skin-grayish:not(.front-top-page) #header-container {
		height: 80px;
		background:#eee9e5;
/* 		display:block; */
	}
	.header-container {
		display:block;
	}
	.skin-grayish.front-top-page .header .header-in.wrap {
		width: calc(100% - 1rem) !important;
	}
    .skin-grayish.skin-grayish:not(.front-top-page) .mobile-header-menu-buttons.mobile-menu-buttons {
        background: #eee9e5;
        z-index: 100;
        width: 100%;
        display: block;
        /* background: red; */
        display: flex;
        justify-content: space-between;
        flex-flow: row nowrap;
		position:relative;
		order:1;
		margin:0 auto;
	}
	.tagline {
		text-indent:0;
		padding: 0 0 0 0.75rem;
	}
    html #wpadminbar {
		height: 4rem;
        width: 100%;
		width:4rem;
        min-width: auto;
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        background: transparent;
    }
	html #wpadminbar .quicklinks,
	html #wpadminbar #wp-admin-bar-top-secondary {
		width:100%;
		height:100%;
	}
	.skin-grayish.skin-grayish:not(.front-top-page)  #breadcrumb{
		border-bottom: 1px solid #ccc;
        top: 32px;
        z-index: 1;
        width: 90% !important;
        /* width: 100%; */
        order: 2;
        /* background: red; */
        margin: 16px auto;
		order:2;
    }
	.display-name {
		display:none;
	}
	#wpadminbar, #wpadminbar * {
		box-sizing:border-box;
	}
	#wpadminbar #wp-admin-bar-my-account a.ab-item {
		height:3rem;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		padding:0;
		background:none;
	}
	#wpadminbar #wp-admin-bar-my-account .ab-submenu a.ab-item {
		top:4rem;
		height:auto;
		display:block;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		color:#666;
	}
	#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img {
		margin:0;
		padding:0;
		position: absolute;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
		        width: 75%;
        height: 75%;
        border-radius: 4px;
	}
	#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-my-account {
		height:4rem;
		height:100%;
		width:100%;
		position:relative;
		display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        background: #e5ddd5;
		        background: rgba(0, 0, 0, .5);
	}
	#wp-admin-bar-duplicate-post {
		display:none;
	}
	#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper {
		padding: 1.5rem;
        font-size: 14px;
        width: 16rem;
		max-width: 90vw;
        right: 0;
        left: auto;
        text-align: right;
		background: rgba(0, 0, 0, .75);
		background: rgba(229, 221, 213, .95);
		position: absolute;
        top: 4rem;
        right: 0;
	}
	#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
		padding: 1rem;
        background: rgba(255, 255, 255, .75);
	}
	#wpadminbar #wp-admin-bar-user-info .username,
	#wpadminbar #wp-admin-bar-user-info .display-name.edit-profile {
		margin-bottom:0.5rem;
	}
	#wpadminbar #wp-admin-bar-user-info .display-name,
	#wpadminbar #wp-admin-bar-user-info .display-name .edit-profile,
	#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper  .ab-submenu  a.ab-item {
		font-size:15px;
	}
	#wpadminbar #wp-admin-bar-user-info .display-name {
		color:#666;
	}
	.skin-grayish.skin-grayish:not(.front-top-page)  .content {
		order:3;
	}
	.skin-grayish .footer {
		background:#e5ddd5;
		order:9;
	}
	.skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons{
		        display: flex;
        flex-flow: column wrap;
        width: 100%;
		width:70px;
        justify-content: center;
        align-items: center;
        top: 0 !important;
        background: transparent;
        height: 80px;
		position:absolute;
		top:0;
		right:0;
		left:auto;
	}
	.skin-grayish.skin-grayish:not(.front-top-page)  .mobile-header-menu-buttons.mobile-menu-buttons {
        background:#eee9e5;
    }
	.skin-grayish .mobile-menu-buttons .menu-caption {
		color:#fff;
	}
	.skin-grayish .content-in.wrap {
		margin:0 auto;
	}
	.skin-grayish main.main {
		padding:0 24px;
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.skin-grayish.front-top-page .container .header-container .header {
		margin: 1rem auto 0;
		padding:0;
		width: calc(100% - 10rem);
		height:auto;
	}
	.skin-grayish.front-top-page .mobile-header-menu-buttons.mobile-menu-buttons:not(.has-logo-button)>.menu-button {
		width:auto;
	}
	.skin-grayish #header-container {
		padding-top:0;
	}
	.skin-grayish:not(.front-top-page) #header-container {
		display:none;
	}
	.skin-grayish.front-top-page .mobile-header-menu-buttons.mobile-menu-buttons{
		width:auto;
		width:4rem;
        height: auto;
        position: absolute;
        top: 4rem;
        right: auto;
        padding: 16px 8px;
        margin: 0;
        top: 0 !important;
	}
	.skin-grayish.skin-grayish:not(.front-top-page) .mobile-header-menu-buttons.mobile-menu-buttons {
		/* margin:0; */
	}
	skin-grayish.front-top-page .mobile-menu-buttons .menu-caption,
	.skin-grayish.front-top-page .mobile-header-menu-buttons.mobile-menu-buttons .fa-bars:before{
		color:#fff;
	}
	.skin-grayish.skin-grayish:not(.front-top-page) .mobile-menu-buttons .menu-caption,
	.skin-grayish.skin-grayish:not(.front-top-page) .mobile-header-menu-buttons.mobile-menu-buttons .fa-bars:before {
/* 		color:#333; */
	}
	.skin-grayish #navi-menu-input:checked~#navi-menu-content {
		padding:16px;
		top:0;
	}
	.skin-grayish .navi-menu-content .menu-close-button .fa-times:before {
		font-size:28px;
		margin: 8px 0 0 4px;

	}
	.logged-in .menu-content .menu-drawer {
		margin: 24px auto;
        padding: 0;
/*         background: red; */
        width: 86%;
	}
	.skin-grayish .menu-content .menu-drawer>li {
		padding-bottom:0.5em;
	}
}

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


/* ================================================== */
/* main */
/* ================================================== */
.main {
	border:none;
}
/* ================================================== */
/* footer */
/* ================================================== */
.skin-grayish .footer {
	background:#e5ddd5;
}
.footer-left, .footer-center, .footer-right {
	width:100%;
}
.footer .footer-widgets, .footer-widgets-mobile {
    margin: 10px auto;
    display: flex;
    flex-flow: row wrap;
}
.footer .footer-logo__tagline {
    padding-left: 0.6rem;
    font-size: 12px;
    color: #333;
    margin-top: 0.2rem;
}
.footer .menu-footer-nav-container {
        border: none;
        width: 100%;
	background:transparent;
}
.footer .menu-footer-nav-container .menu {
	width: calc(100% - 3rem);
	width:100%;
    padding: 1.5rem 2rem 2rem;
    background: rgba(255, 255, 255, .35);
    /* padding: 1rem 0; */
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.footer .menu-footer-nav-container .menu .menu-item {
	margin:0 1.5rem 0 0;
	background:transparent;
}
.footer .menu-footer-nav-container .menu  a {
	position: relative;
    width: 100%;
    display: block;
    /* padding: 12px; */
    padding: 1rem 1rem .5rem;
    background: #f8f8f8;
    margin: 0 auto;
    color: #333;
    cursor: pointer;
    background: rgba(255, 255, 255, .35);
    background-color: transparent;
    border-bottom: 3px solid #900;
}
.footer .menu-footer-nav-container .menu  a:hover {
	border-bottom-color: #333;
	opacity:.6;
}
.footer .menu-footer-nav-container .menu .menu-item-has-children .sub-menu a {
	width: 100%;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    align-items: center;
    padding: .25rem 1.25rem;
    border: none;
	border:none;
}
.footer .menu-footer-nav-container .menu .menu-item-has-children .sub-menu {
	margin:1rem 0 0;
	padding:0;
}
.footer .menu-footer-nav-container .menu .menu-item-has-children .sub-menu a::before {
	content:"";
	width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
    background-color: #cc0133;
    position: static;
}
/*834px以下*/
@media screen and (max-width: 834px){
	/*必要ならばここにコードを書く*/
	.skin-grayish .footer {

	}
	.footer-left, .footer-center, .footer-right {

	}
	.footer .footer-widgets, .footer-widgets-mobile {

	}
	.footer .footer-logo__tagline {

	}
	.footer .menu-footer-nav-container {

	}
	.footer .menu-footer-nav-container .menu {

	}
	.footer .menu-footer-nav-container .menu .menu-item {

	}
	.footer .menu-footer-nav-container .menu a {

	}
	.footer .menu-footer-nav-container .menu a:hover {

	}
	.footer .menu-footer-nav-container .menu .menu-item-has-children .sub-menu a {

	}
	.footer .menu-footer-nav-container .menu .menu-item-has-children .sub-menu {

	}
	.footer .menu-footer-nav-container .menu .menu-item-has-children .sub-menu a::before {

	}
}

.footer .global-footer__form {
	width: 80%;
	padding: 0;
	margin: 4rem auto 0;
	text-align: center;
}
.footer .global-footer__form-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 28rem;
	padding: 2rem 0;
	margin: 0 auto;
	font-size: 28px;
	font-weight:700;
	color: #fff;
	background: #900;
	border-radius: .5rem;
	text-decoration:none;
}
.l-footer .global-footer__form-button:hover {
	background: #333;
}
.global-footer__form-button {
	letter-spacing:.5px;
}
.global-footer__form-button .far {
	color:#fff;
	font-size:32px;
	margin:1px .5rem 0 0;
}
.w-footer__box {
	border-radius: 8px;;
}
.widget_nav_menu {
/* 	background-color: #eee;
	border-radius: 8px; */
}

.c-listMenu .sub-menu {
    height: auto;
    opacity: 1;
    visibility: visible;
}
.menu-footer-nav-container .menu-item {
/* 	background-color: #dddddd; */
}
.menu-footer-nav-container .sub-menu .menu-item {
/* 	background-color: #eeeeee; */
}
.menu-footer-nav-container .sub-menu .sub-menu .menu-item {
/* 	background-color: #fff; */
}

// tel
.global-footer__tel {
	/* width: 100%; */
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	padding: 56px 32px;
	margin: 40px auto 32px;
	background-color: #f4efe9;
}
.global-footer__tel-title {
	font-weight: bold;
}
.global-footer__tel-heading {
	width: auto;
	padding: 0;
	margin: 24px auto 16px;
	font-size: 24px;
	font-weight: bold;
	line-height: 2rem;
	text-align: center;
	letter-spacing: 0.2;
}
.global-footer__tel-date {
	font-size: 18px;
	font-weight: normal;
}
.footer .global-footer__tel-number {
	font-size: 56px;
	font-weight: 700;
}
.footer .global-footer__tel-number-link {
	font-size: 56px;
/*     display: block; */
    color: #333;
	text-decoration:none;
    margin: 0 0 0 1rem;
}
.footer .global-footer__tel-number-link .fas {
	font-size:48px;
/* 	margin:0 .5rem 0 0; */
	    transform: rotate(10deg);
}
.global-footer__form-icon {
	width: 32px;
	margin-right: 8px;
}
.global-footer__form {
	/* width: 400px; */
	width: calc(100% - 32px);
	padding: 0;
	/* 	max-width:600px; */
	margin: 40px auto 0;
	text-align: center;
}
.l-footer .global-footer__form-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 600px;
	padding: 32px 0;
	margin: 0 auto;
	font-size: 21px;
	color: #fff;
	background: #900;
}
.l-footer .global-footer__form-button:hover {
	background: #333;
}

@media (width >=960px) {
	.global-footer__box {}
	.global-footer__logo {
		width: 98%;
		margin: 24px auto;
	}
	.global-footer__logo-subtitle {
		margin: 0 0 4px;
		font-size: 12px;
	}
	.global-footer__logo-mark {
		width: 300px;
		margin: 8px 0;
	}
	.global-footer__tel {
		/* width: 100%; */
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		padding: 56px 32px;
		margin: 16px auto 32px;
		background-color: #f4efe9;
	}
	.global-footer__tel-title {
		font-weight: bold;
	}
	.global-footer__tel-heading {
		width: auto;
		padding: 0;
		margin: 0 32px 0 0;
		font-size: 24px;
		font-weight: bold;
		line-height: 2rem;
		text-align: center;
		letter-spacing: 0.2;
	}
	.global-footer__tel-date {
		font-size: 18px;
		font-weight: normal;
	}
	.global-footer__tel-number {
		font-size: 56px;
		font-weight: 700;
	}
	.global-footer__tel-number-link {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.global-footer__form-icon {
		width: 32px;
		margin-right: 8px;
	}
	.global-footer__form {

		/* width: 400px; */
		width: 80%;
		padding: 0;

		/* 	max-width:600px; */
		margin: 40px auto 0;
		text-align: center;
	}
	.l-footer .global-footer__form-button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 600px;
		padding: 32px 0;
		margin: 0 auto;
		font-size: 28px;
		color: #fff;
		background: #900;
	}
	.l-footer .global-footer__form-button:hover {
		background: #333;
	}
	/* .w-footer__box -- footer-nav */
	.w-footer__box {
		flex: none;
		width: 100%;
	}
	.w-footer {
		flex-flow: row wrap;
	}
	.w-footer__box .menu {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
	}
	.menu-footer-nav-container .menu-item {
		background:#eee;
	}
	/* 	menu-footer-nav-container */
	.menu-footer-nav-container {
		padding: 0;
		background: #fcfcfc;
		border-radius: 4px;
	}
	.menu-footer-nav-container .menu {
		border: none;
	}
	.menu-footer-nav-container .menu .menu-item {
		border: none;
		background:#f0f0f0;
	}
	.menu-footer-nav-container .menu .menu-item a {
/* 		padding: 1em 1.5em;
		border:none;
		border-right: 1px solid #e5ddd5; */
	}
	.menu-footer-nav-container .menu .menu-item-has-children a {
		padding-right: 44px;
/* 		border: none; */
	}
		.c-listMenu .sub-menu {
		position: absolute;
		display: flex;
		visibility: visible;
		flex-flow: row wrap;
		justify-content: flex-start;
		/* left: 100px; */
		width: 600px;
		padding: 0;
		background: #fff;
	}
		.c-listMenu .sub-menu .menu-item a {
		background: #fff;
		padding:0;
		padding: 16px 24px ;
        font-size: 16px;
        FONT-WEIGHT: 700;
	}
	.c-listMenu .sub-menu .menu-item  a:hover {
		color:#900;
		background:#f0f0f0;
	}
	.c-listMenu .sub-menu .menu-item {
		width: 33.33333%;
		background:#fff;
	}
	.c-listMenu .sub-menu .sub-menu .menu-item a {
		background: #fff;
		padding:8px 0;
		padding: 16px 24px 16px;
        font-size: 14px;
        FONT-WEIGHT: 400;
	}
	.c-listMenu .sub-menu .sub-menu {
		position: relative;
		visibility: visible;
		width: 100%;
		height: auto;
		padding: 0;
		opacity: 1;
	}
	.c-listMenu .sub-menu .sub-menu .menu-item {
		width: 100%;
	}
	.c-listMenu .sub-menu .sub-menu .menu-item a {
		padding: 12px 0 15px 32px;
	}
	.c-listMenu .sub-menu .sub-menu .menu-item a:hover {
		background:#f0f0f0;
	}
	.c-listMenu .sub-menu.is-opened {}

	.c-listMenu .sub-menu .c-submenuToggleBtn {
		display: none;
	}
	.c-listMenu .sub-menu .sub-menu .menu-item a {
				text-decoration:underline;
		text-decoration-color: silver;
	}
}
/* ------------------------------------------------------------------------ */
/* mobile */
/* .xxxxx */
/* ------------------------------------------------------------------------ */
@media (orientation: portrait) and (max-width: 1279px) {
	/* 縦向き */
}
@media screen and (max-width: 1024px) {
	/* 1024px未満 */
}
@media screen and (max-width: 768px) {
	/* 768px未満 */
	.footer .global-footer__tel-number {
		text-align:center;
		        display: flex
;
        justify-content: center;
        align-items: center;
	}
	.footer .global-footer__tel-number-link {
		font-size: 32px;
		letter-spacing:0;
	}
	.footer .global-footer__tel-number-link .fas {
		font-size:28px;
	}
	.footer .global-footer__form {
		width:100%;
		margin:1rem auto;
	}
	.footer .global-footer__form-button {
		font-size:21px;
	}
	.global-footer__tel {
		margin-top:48px;
	}
}
@media screen and (orientation: portrait) and (max-width: 768px) and (min-width: 768px) {
	/* 縦向き & 768pxちょうど */
}
@media screen and (max-width: 480px) {
	/* 480px未満 */
}
@media screen and (max-width: 320px) {
	/* 320px未満 */
}



/* ================================================== */
/* top-page */
/* ================================================== */
.top-content__h1,
.top-content__h2,
.top-content__h3{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.top-content__h1 {
	font-size:28px;
}
.top-content__h2 {
	font-size:24px;
}
.top-content__h2-ruby {
	font-size:12px;
}
.top-content__h3 {
	font-size:21px;
}

.top-button a {
	display: block;
	width:12rem;
	padding:12px 0;
/* 	border:2px solid #900; */
	text-align:center;
	margin:32px 0 0 !important;
	color: #900;
  transition: 1s;
	    display: block;
    width: 16rem;
    background-color: brown;
    background-color: #fff;
    color: #fff;
    color: #900;
    margin: 2rem 0;
    padding: 2rem 0;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.1);
	text-decoration:none;
}
.top-button a::before {
}
.top-button a:hover {
/* 		color: #fff;
	background:#900; */
  transform: scale(0.9);
}
.wp-block-image img {
	margin:0 auto;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image).top-content__decoration-image img {
	width: 680px;
	margin: 32px auto 0;
}
.entry-content .top-content__greetings {
	width: 860px;
	padding: 200px 32px 32px;
	margin: -140px auto 80px;
	background: #e5ddd5;
}
.entry-content .top-content__greetings-box {
	width: 50%;
}
.entry-content .top-content__greetings-profile {
	width: 45%;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image).top-content__greetings-profile-img img {
	width: 75%;
	margin: 0 auto 16px;
}
.entry-content .wp-block__text-box {
	margin:80px auto;
	width:90%;
}
.entry-content .wp-block-image {
	margin: 80px auto;
	width: 90%;
	max-width:1000px;
}
.entry-content .wp-block-image.size-large {
	width: calc(100% - 32px);
		max-width:1280px;
}
.top-content__greetings-profile p {
	margin: 0 auto .75rem;
}
.top-content__greetings-profile p:last-of-type {
	margin: 0 auto;
}
.top-content__h2 {
	padding-bottom: 32px;
	margin: 8px 0 32px;
}
.top-content__h2-ruby {
	margin: 0 0 8px;
}
.top-content__lead {
	margin: 32px 0;
}
.swell-block-button__link {
	width: 100%;
	margin: 32px 0;
}
.swell-block-button__link:hover {
	background: #333;
}
.top-content__button--left {}
.top-content__heading--bborder {
	padding: 0 0 4px;
	margin: 24px auto;
	border-bottom: 3px solid #333;
}
.price_list table {
	width: 90%;
	max-width: 800px;
	margin: 16px auto 32px;
}
.price_list table th,
.price_list table td {
	padding: 12px 20px;
	font-size: 16px;
	vertical-align: middle;
	color: #333;
}
.price_list table th {

	/* 	text-align:center */
}
.price_list table {}
.price_list table {}


/* simpe-member */
.swpm-post-not-logged-in-msg {}
.post_content .swpm-post-not-logged-in-msg a {
	display: block;
	width: 15rem;
	padding: 16px 32px;
	margin: 16px 0 32px !important;
	color: #fff;
	background: #900;
	border-radius: 3px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.skin-grayish.front-top-page .content {
/* 		background-color: var(--white); */
		max-width: 100%;
	}
	.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image).top-content__decoration-image img {
		width:80%;
		max-width:320px;
	}
	.entry-content .top-content__greetings {
		width:100%;
	}
}

/*680px以下*/
@media screen and (max-width: 680px){
  /*必要ならばここにコードを書く*/
	.entry-content .top-content__greetings {
/*         width: 100%; */
        flex-flow: column wrap;
    }
	.entry-content .top-content__greetings-box {
		width:100%;
		text-align:center;
	}
	.entry-content .top-content__greetings-box .top-button a {
		margin:2em auto !important;
	}
	.entry-content .top-content__greetings-profile {
		width:100%;
	}
	.top-content__h1 {
		font-size:28px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.entry-content .top-content__h1 {
		font-size:24px;
	}
	.entry-content .top-content__greetings {
/* 		width: 860px; */
		padding: 120px 32px 32px;
        margin: -104px auto 80px;
/* 		background: #e5ddd5; */
	}
	.entry-content .top-content__h2 {
		padding:0 0 1em;
		margin: 0 auto;
		position:relative;
	}
	.entry-content .top-content__h2::before {
		content: "";
        display: block;
        width: 1em;
        height: 3px;
        background: #900;
        margin: 0 auto;
        position: absolute;
        left: calc(50% - .5em);
        bottom: 0;
	}
	.entry-content .top-content__h2-ruby {
		margin: 0 auto 0;
		padding: 0;
	}

	.entry-content .wp-block-image {
		margin:0 auto 16px;
	}
}




.article .post-style {
	padding:1rem 2rem;
}
.article .post-style__check {
	position: relative;
	padding:1.5rem 2rem;
    margin: 2rem auto;
/*     padding: 1rem 2rem; */
    border: solid 5px #eee9e5;
    width: 100%;
    max-width: 600px;
}
.article .post-style .post-style__title{
	position: absolute;
    display: inline-block;
    top: -42px;
    left: -5px;
    padding: 3px 24px 0;
    height: 40px;
    font-size: 17px;
    background: #eee9e5;
    color: #456;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	font-size:18px;
	font-weight:600;
	letter-spacing:1px;
}
.article .post-style__check .post-style__title{
/*     padding-left: 42px; */
	padding: 0 24px 0 24px;
}
.article .post-style__check .post-style__title::before {
	content: "";
    margin: auto;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url(https://relinks.jp/image/icon/icon-check-green.png) 50% 50% no-repeat;
    background-size: cover;
    /* background-size: 24px;*/
}
.article .post-style .post-style__list.wp-block-list{
	margin: 0;
    padding:  0;
	list-style-position:inside;
}
.article .post-style .post-style__item{
	padding:0.2rem 0;
}

.article .lower_flex-box{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	border:1px solid #eee;
	margin:32px auto;
	padding:2rem;
}
.article .lower_flex-box-title {
	width:100%;
	padding: 0 1rem 0.5rem;
	margin:0 auto 1.5rem;
	border-bottom: 3px solid #333;
}
.article .lower_flex-item{
	width:31.5%;
	background:#eee9e5;
	padding:1rem;
	margin:0.5rem;
	border-radius:4px;
}
.article .lower_flex-item:hover{
	background: #d5cbc4;
}
.article .lower_flex-item a {
	text-decoration:none;
	text-underline-offset: 8px;
}
.article .lower_flex-item:hover a {
	text-decoration:underline;
	text-decoration-color: #988d85;
}
.article .lower_flex-text{
	width: calc(100% - 16px);
	margin:1rem auto;
	padding:0.5rem 1rem 0.5rem 0;
	background:transparent;
	border:none;
/* 	border-bottom:3px solid blue; */
	font-size: 18px;
	font-weight:400;
}
.article .lower_flex-text::before {
	display:none;
}
.article .lower_flex-thum {
	border-radius: 4px 4px 0 0;
}

/* ================================================== */
/* simple membership */
/* ================================================== */
/* mypage */
.maypage__form {
	width: 80%;
	max-width: 700px;
	padding: 0;
	margin: 40px auto;
}
.maypage__form--login {
	width: 80%;
	max-width: 800px;
}
.maypage__form input {
	width: 100%;
	margin: 12px auto;
}
.maypage__form .swpm-registration-form-section {}
.maypage__form .swpm-form-label-wrap {}

/* regist form */
.swpm-registration-widget-form {
	width: 80%;
	margin: 52px auto;

	/* 	border:1px solid #ddd; */
}
.swpm-registration-widget-form .swpm-registration-form-section {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
.swpm-registration-form-section .swpm-form {}
.swpm-registration-form-section .swpm-form-row {
	display: flex;
	justify-content: flex-start;
	width: 90%;
	padding: 0;
	margin: 0 auto;
}
.swpm-form .swpm-registration-form-section .swpm-form-row {
	position: relative;
	width: 100%;
	margin: 0 auto 3px;
}
.swpm-form .swpm-registration-form-section .swpm-form-row .swpm-form-label-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 13rem;
	padding: 16px 0 16px 16px;
	background: #eee;
}
.swpm-form .swpm-form-row.error .swpm-form-desc {
	position: absolute;
	top: -6px;
	right: 0;
	bottom: auto;
	padding: 2px 4px;
	font-size: 11px;
	background: #fff;
	border: 1px solid red;
}
.swpm-form .swpm-registration-form-section .swpm-form-row .swpm-form-input-wrap,
.swpm-form .swpm-registration-form-section .swpm-form-row .swpm-form-membership-level-value {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 16px;
}
.swpm-form .swpm-registration-form-section .swpm-form-row .swpm-form-input-wrap input {
	width: 100%;
	padding: 4px 16px;
	margin: 0;
}
.swpm-form .swpm-registration-form-section .swpm-membership-level-row {
	margin-bottom: 16px;
}
.swpm-form .swpm-registration-form-section .swpm-registration-submit-section {
	margin: 32px auto 0;
}
.swpm-registration-submit-button {
	width: 18rem;
	padding: 16px 0;
	margin: 48px auto 0;
	font-size: 24px;
	color: #fff;
	text-indent: -9999px;
	cursor: pointer;
	background-color: #900;
	background-image: url("http://relinks.jp/relink/wp-content/uploads/2025/04/reg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	border: none;
	border-radius: 4px;
}
.swpm-registration-submit-button:hover {
	background-color: #456
}

/* login form */
.swpm-login-form {}
.swpm-login-form-inner {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	width: 88%;
	margin: 40px auto;
}
.swpm-username-label,
.swpm-password-label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 18rem;
	padding: 16px 0 16px 16px;
	margin: 0 0 3px;
	background: #eee;
}
.swpm-username-input,
.swpm-password-input {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 16px;
	margin: 0 0 3px;
}
.swpm-remember-me {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 8px 8px;
}
.swpm-remember-checkbox {
	margin-right: 8px;
}
.swpm-login-submit {
	width: 100%;
	margin: 8px auto 32px;
	text-align: center;
}
.swpm-login-submit .swpm-login-form-submit {
	width: 18rem;
	padding: 16px 0;
	margin: 48px auto 0;
	font-size: 24px;
	color: #fff;
	text-indent: -9999px;
	cursor: pointer;
	background-color: #900;
	background-image: url("http://relinks.jp/relink/wp-content/uploads/2025/04/login.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	border: none;
	border-radius: 4px;
}
.swpm-login-submit .swpm-login-form-submit:hover {
	background-color: #345;
}
.swpm-forgot-pass-link,
.swpm-join-us-link {
	width: 100%;
	margin: 0 0 8px;
}
.swpm-forgot-pass-link a:hover,
.swpm-join-us-link a:hover {
	color: #345;
	text-decoration: underline;
}


/* maypage__form--pw */
.maypage__form--pw {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	width: 88%;
	padding: 40px 0;
	margin: 0 auto;
}
.maypage__form--pw .wp-block-group__inner-container {
	width: 85%;
	margin: 0 auto;
}
.swpm-pw-reset-widget-form {
	margin: 24px 0;
}
.swpm-pw-reset-submit-button {
	width: 80%;
	max-width: 18rem;
	margin: 32px auto;
}
.swpm-pw-reset-submit {
	width: 18rem;
	padding: 16px 0;
	margin: 48px auto 0;
	font-size: 24px;
	color: #fff;
	text-indent: -9999px;
	cursor: pointer;
	background-color: #900;
	background-image: url("http://relinks.jp/relink/wp-content/uploads/2025/04/pw.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	border: none;
	border-radius: 4px;
}

.swpm-login-widget-logged {
/*     border: 1px solid red; */
	padding:40px;
}
.swpm-logged-username,
.swpm-logged-status,
.swpm-logged-membership,
.swpm-logged-expiry,
.swpm-edit-profile-link,
.swpm-logged-logout-link{
	margin:0 auto 3px;
	width:90%;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	justify-content:flex-start;
}
.swpm-logged-label {
    width: 13rem;
    padding: 12px 0 12px 16px;
    background: #eee;
    font-size: 14px;
}
.swpm-logged-value {
	width:auto;
	flex-grow:1;
	padding:12px 0 12px 12px;
	background:#fff;
	font-size:14px;
}
.swpm-margin-bottom-10{
}
.swpm-edit-profile-link{
	margin:32px auto 16px;
}
.swpm-logged-logout-link{
	margin:16px auto 0;
}
.swpm-edit-profile-link a,
.swpm-logged-logout-link a{
	display:block;
	background:#900;
	padding:8px 0 12px;
	width:12rem;
	text-align:center;
	color: #fff;
	border-radius:6px;
	text-decoration:underline;
	text-underline-offset: 6px;
	font-size:12px;
	cursor:pointer;
}
.swpm-edit-profile-link a:hover,
.swpm-logged-logout-link a:hover {
	background:#456;
}
.swpm-edit-profile-link a {}
.swpm-logged-logout-link a{
}

.swpm-payment-button {
	max-width: calc(100% - 24px);
}
.stripe-button-el {
	width: 100% !important;
	max-width:320px;
}
.stripe-button-el[type="image"]:hover { opacity:0.8; filter:alpha(opacity=80); }

.short-code {
	margin:0 auto;
	padding:24px 0;
	width: 90%;
}
.short-code .swpm-formatted-msg div.swpm-partial-protection-icon {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
}




.swpm-payment-button .stripe-button-el {
	background: transparent;
}


/* lower */
.lower__heading02 {
	font-size:26px;
	font-weight:600;
	margin:8px 0;
	border-bottom:2px solid #AAC2D2;
	margin: 3em 0 2em 0;
    padding: 0.25rem 0.5rem;
	    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
.lower__heading03 {
	font-size:21px;
	font-weight:600;
	margin:8px 0;
	border-bottom:2px solid #AAC2D2;
	border:none;
	background:#F7F9FB;
    padding: 0.75rem 1rem;
	font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
.lower__subcaption {
	font-size:15px;
	margin: 1rem 0 0;
	padding:8px 16px 0;
}

.lower__list {
	margin:16px auto;
	padding:0;
/* 	background:#ddd; */
	width: calc(100% - 16px);
}
.lower__list--flex-row {
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:center;
	padding-left:4px;
}
.lower__list li {
	padding:0.5rem 1rem;
	width:auto;
/* 	border:1px solid #eee; */
}
.article  .lower__list--flex-row li {
	padding:0;
	margin:0 0.5rem 0 0;
	list-style:none;
	border-bottom: 1px dashed #AAC2D2;
}
.article .lower__list--flex-row li a {
	display:block;
	padding:0.3rem;
/* 	margin-right:8px; */
	text-decoration:none;
}
.subscription {
	margin:0;
	padding:0;
}
.lower-box {}
.lower-box .lower-box__text {
	width:calc( 100% - 32px );
	margin:0.25rem auto 2rem;
	padding:0;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.skin-grayish #navi-in.wrap {
		display:none;
	}
}

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




@media screen and (max-width: 767px) {
	/* サブメニューを折りたたむ */
	.footer .menu-footer-nav-container .menu {
		width:100%;
		padding: 1rem 1rem 2rem 1rem
	}
	.footer .menu-footer-nav-container .menu .menu-item {
		width: 100%;
        margin: 0;
        padding: 0;
        border: none;
		border-bottom: 1px solid #999;
	}
	.footer .menu-footer-nav-container .menu .sub-menu {
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.7s ease;
	  margin: 0;
	padding: 0;
	}
	.footer .menu-footer-nav-container .menu .menu-item-has-children .sub-menu {
        padding: 0;
        margin: 0;
    }
	.footer .menu-footer-nav-container .menu .menu-item-has-children .sub-menu .menu-item {
		padding: 0.5rem 0;
		background-color: #fff;
		border: none;
	}
	.footer .menu-footer-nav-container .menu a {
		border:none;
	}
	/* トグルアイコン用のスペースを確保 */
	.footer .menu-footer-nav-container .menu .menu-item-has-children > a {
	  position: relative;
	  padding-right: 1.5em;
	  /* border-bottom: 1px solid #999;; */
	}
	/* + アイコン（閉じているとき）*/
	.footer .menu-footer-nav-container .menu .has-submenu > a::after {
		content: "+";
        font-size: 24px;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        transition: transform 0.7s ease;
	}
	/* － アイコン（開いているとき）*/
	.footer .menu-footer-nav-container .menu .has-submenu.open > a::after {
	  content: "−";
	  transform: translateY(-50%) rotate(180deg);
	}
}

