@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

@font-face {
	/*フォントの名前*/
	font-family: "line";
	/*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
	src: url("https://goennoyoi-daikichi.com/assets/font/LINESeedJP_OTF_Th.woff2") format("woff2"),
		url("https://goennoyoi-daikichi.com/assets/font/LINESeedJP_OTF_Th.woff") format("woff");
	font-weight: 100;
}
@font-face {
	font-family: "line";
	/*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
	src: url("https://goennoyoi-daikichi.com/assets/font/LINESeedJP_OTF_Rg.woff2") format("woff2"),
		url("https://goennoyoi-daikichi.com/assets/font/LINESeedJP_OTF_Rg.woff") format("woff");
	font-weight: 400;
}
@font-face {
	/*フォントの名前*/
	font-family: "line";
	/*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
	src: url("https://goennoyoi-daikichi.com/assets/font/LINESeedJP_OTF_Bd.woff2") format("woff2"),
		url("https://goennoyoi-daikichi.com/assets/font/LINESeedJP_OTF_Bd.woff") format("woff");
	font-weight: 700;
}
@font-face {
	/*フォントの名前*/
	font-family: "line";
	/*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
	src: url("https://goennoyoi-daikichi.com/assets/font/LINESeedJP_OTF_Eb.woff2") format("woff2"),
		url("https://goennoyoi-daikichi.com/assets/font/LINESeedJP_OTF_Eb.woff") format("woff");
	font-weight: 800;
}
.lineFont{
	font-family: "line";
}
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap');

:root {

	--theme-color-lightest: #FDE7EA; /* rgba(253 , 231 , 234) */
	--theme-color-lighter: #F47084; /* rgba(244 , 112 , 132) */
	--theme-color-light: #F0415B; /* rgba(240 , 65 , 91) */
	--theme-color: #EE1132; /* rgba(238 , 17 , 50) */
	--theme-color-dark: #BD0E28; /* rgba(189 , 14 , 40) */
	--theme-color-darker: #8E0A1E; /* rgba(142 , 10 , 30) */
	--theme-color-darkest: #2F030A; /* rgba(47 , 3 , 1) */

	--theme-color-pair-lightest: #DBEFFF; /* rgba(219 , 239 , 255) */
	--theme-color-pair-lighter: #28A2FF; /* rgba(40 , 162 , 255) */
	--theme-color-pair-light: #008AF4; /* rgba(0 , 138 , 244) */
	--theme-color-pair: #006FC5; /* rgba(0 , 111 , 197) */
	--theme-color-pair-dark: #00508E; /* rgba(0 , 80 , 14) */
	--theme-color-pair-darker: #00345B; /* rgba(0 , 52 , 9) */
	--theme-color-pair-darkest: #001728;  /* rgba(0 , 23 , 40) */

	--theme-color-daikichi: #100169; /*買取大吉色生前整理*/

}

/* -------------------- 共通ルール ------------------------ */

.header, .body.page header, .single #header-in, .breadcrumb-item .fa-folder, .breadcrumb-item .fa-file, #header, .footer-meta {
	display: none;
}
body.home #header-container {
	height: 126px;
}
body.home .content {
	margin-top: 60px;
}
.header-container.fixed-header {
	box-shadow: 0 1px 2px -1px rgba(0,0,0,.1), 0 3px 4px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1);
}
.header-container-in {
	height: 100%;
}
.header {
	height: auto;
	font-family: Jost;
}
body {
	font-family: Jost, Arial, "游ゴシック", YuGothic, "メイリオ", Meiryo, "Noto Sans JP", sans-serif!important;
	text-align: justify;
	text-justify: inter-ideograph;
}
.phone {
	font-family: "Noto Sans JP";
	font-size: 1.1rem;
}
.daikichi-font {
	font-family: "Noto Sans JP";
	/* font-weight: bold; */
	/* letter-spacing: -2px; */
}
.text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
}
.article .m-0 {
	margin: 0 !important;
}
.article .m-1 {
	margin: .5em 0 !important;
}
.article .m-2 {
	margin: 1em 0 !important;
}
.article .m-3 {
	margin: 1.5em 0 !important;
}
.article .m-4 {
	margin: 2em 0 !important;
}
.article .m-5 {
	margin: 2.5em 0 !important;
}
.article .m-6 {
	margin: 3em 0 !important;
}
.article p {
	margin: .5em 0;
}
.bg_black {
	background-color: black;
}
.bg_white {
	background-color: white;
}
.bg_space {
	background-image: url(https://goennoyoi-daikichi.com/img/space.jpg);
	background-size: cover;
}
.bg_fix {
	background-attachment: fixed; /*--背景画像の固定--*/
}
.blur {
	filter: blur(10px);
}
.w10{ width: 10%;}
.w20{ width: 20%;}
.w30{ width: 30%;}
.w40{ width: 40%;}
.w50{ width: 50%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w80{ width: 80%;}
.w90{ width: 90%;}
.w100{ width: 100%;}
.max-w500{ max-width: 500px;}
.max-w600{ max-width: 600px;}
.max-w700{ max-width: 700px;}
.max-w800{ max-width: 800px;}
.max-w900{ max-width: 900px;}
.max-w1000{ max-width: 1000px;}
.max-w1100{ max-width: 1100px;}
.max-w1200{ max-width: 1200px;}
.max-w1300{ max-width: 1300px;}
.max-w1400{ max-width: 1400px;}
/* 見出し リセット */
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6{
	background: none;
	border: none;
	font-family: "UD新ゴ コンデンス90 M";
	font-weight: normal;
	border-radius: 0;
	padding: 0;
	margin: 60px 0 20px;
}
.widget-sidebar h3 {
	font-size: 1.4rem
}
/*記事ページのh1非表示*/
.single .article h1 {
	display: none;
}
.border-left {
	padding: 6px 10px!important;
	border-left: 4px solid var(--main-color)!important;
}
.text-shadow {
	text-shadow: #666 1px 1px 1px;
}
.full-wide {
	position: relative;
	width: 100vw;
	left: 50%;
	right: 50%;
	padding: 0;
	margin: 0 -50vw;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center center;
}
.opacity-0 {
	opacity: 0;
	cursor: none;
}
.desc {
	font-size: .85rem;
	font-weight: normal;
}
.rich_font {
	font-family: "リュウミン R-KL" !important;
}
.rich_font_bold {
	font-family: "リュウミン B-KL" !important;
}
.font_seizenseiri {
	font-family: "じゅん 501";
}
.color_seizen {
	color: var(--theme-color-seizen);
}
.color_syukatu {
	color: var(--theme-color-syukatu);
}
.text_gray {
	color: gray;
}
.catch_en {
	font-size: 1.1rem;
	font-family: Jost;
	font-weight: 400;
	color: var(--theme-color-pair);
}
.center_line {
	display: flex;
	align-items: center;
	justify-content: center;
}
.center_line::before {
	margin-right: .8rem;
}
.center_line::after {
	margin-left: .8rem;
}
.center_line::before, .center_line:after {
	border-top: 1px solid var(--theme-color);
	width: 5rem;
	content: "";
}
.align-center {
	margin-left: auto;
	margin-right: auto;
}
.caption_point{
	font-size: 1.6rem;
	color:var(--theme-color-pair-dark);
}
a.button {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	text-decoration: none;
	color: white;
	height: 66px;
	background: var(--theme-color-pair-dark);
	font-size: .9rem;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: -0.3px;
	padding: 21px 40px 20px;
	margin: 20px 0;
	vertical-align: middle;
}
a.button:hover {
	background: var(--theme-color-pair-darker);
	color: white;
}
.daikichi-topbox-image{
	content: '';
	position: relative;
	width: 100%;
	height: 450px;
	background-image: url(https://goennoyoi-daikichi.com/img/flea-market.jpg);
	background-size: cover;
	background-position: center;
}
.daikichi-topbox .cover {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #003651;
	opacity: .6;
}
.daikichi-topbox .description {
	z-index: 9;
}
.catch_title {
	font-size: 2rem;
	font-family: "リュウミン R-KL" !important;
	letter-spacing: -1.8px;
	padding: 40px 0 30px;
}
/* 本文リストを"Font Awesome 5 Free"で飾る */
.article ul {
	list-style: none;
	padding-left: 1em;
}
.article ul li::before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	margin-right: 3px;
	color: var(--theme-color);
}
.article ul.check_circle li::before{
	padding-right: 6px;
	content: '\f058'; /* アイコンのunicode */	
}
.article ul.check_circle li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.content-box-center {
	display: grid;
	place-items: center;
	place-content: center;
}
/* メニュー -------------------------------------*/
#navi, #navi-footer {
	font-family: Jost, "TBUDゴシック R";
}
#navi #head-logo {
	background-color: var(--theme-color-daikichi);
	padding: 8px 0;
}
#header-container .navi {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.fixed-header #navi, body:not(.home) #navi{
	background-color: rgba(255, 255, 255, .96);
	-webkit-transition: all .4s ease 0s,background .6s ease .2s;
	transition: all .4s ease 0s,background .6s ease .2s;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	box-shadow: 0 1px 2px -1px rgba(0,0,0,.1), 0 3px 4px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.1);
}
#navi i{
	opacity: .7;
}
#header-container .navi.hide{
	transform: translateY(-100%);
}
#navi .navi-in a, .navi-footer-in a{
	transition: 1s linear;
}
#navi .sub-caption {
	color: var(--theme-color-pair);
}
#navi .navi-in a:hover, #navi-footer .navi-footer-in a:hover {
	color: white;
	background-color: var(--theme-color-pair-dark)!important;
	transition: 0.5s ease-in-out;
}
#navi .navi-in a:hover .sub-caption {
	color: white;
	opacity: .9;
}
#navi a:hover i, .navi-footer-in a:hover i {
	color: white;
	opacity: .9;
}
/* トップページはTopボタンを非表示 */
.home #navi ul li:first-child, .home #navi-footer ul li:first-child {
	display: none;
}
/* 現在の URL からメニューをハイライト */
body:not(.home) #navi .navi-in a.active {
	background-color: var(--theme-color-pair-lightest); /*テーマカラーより若干濃く*/
}
/* パンくずリスト 投稿記事の前につく不要な / を削除 */
.breadcrumb-item + .breadcrumb-item::before {
	display: none;
}
.single .breadcrumb-item:last-child .breadcrumb-caption {
	font-weight: bold;
}
/* トップページお知らせ（タイトルのみ）----------------------- */
.home .news_list {
	margin-bottom: 40px;
}
.home .news_list .item {
	display: flex;
	gap: 12px;
	align-items: center;
	font-size: .95rem;
	border-top: 1px solid #ddd;
	height: 60px;
	line-height: 60px;
	text-align: justify;
}
.home .news_list .item:last-child {
	border-bottom: 1px solid #ddd;
}
.home .news_list .date {
	min-width: 104px;
	color: #777;
}
.home .news_list .date i {
	margin-right: 6px;
}
.home .news_list .category {
	min-width: 100px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	background: var(--theme-color-darker);
	color: #fff;
	text-align: center;
	border-radius: 35px;
	font-size: 12px;
	text-decoration: none;
}
.home .news_list .category.daikichi {
	background: #3E5EE7;
}
.home .news_list .category.hapikuru {
	background: #570778;
}
.home .news_list .category.seizen {
	background: #3CB736;
}
.home .news_list .title {
	font-family: '新ゴ R';
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/***************************************
** 新着情報（ウィジェット／サイドバー用）
***************************************/
.custom-entry-card-wrap.a-wrap {
	text-decoration: none;
	display: block;
	color: #333;
	padding: 1.5%;
	margin-bottom: 3%;
	transition: all 0.3s ease-in-out;
}
.post_lists.widget h2 {
	color: #333;
	font-size: 18px;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.4;
	font-weight: bold;
	background: none;
}
.post_lists.widget .excerpt{
	color: #333;
	font-size: .8rem;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.4;
	background: none;
}
.post_lists.widget .image-box {
	position: relative;
}
.post_lists.widget .wp-post-image {
	display: block;
	min-width: 100px;
	height: 100px!important;
	object-fit: cover;
}
/* home -------------------------------------------------------------------*/
img.top-image {
	width: 80%;
	height: 500px;
	object-fit: cover;
}
/* サイトトップ以外 headline ｜ カテゴリー見出し用 */
#body_top_box{
	position: relative;
	max-width: 1048px;
	margin: 170px auto 0;
	z-index: 1; /* 直下itemの被さり防止 */
}
.headline_box{
	display: table;
	position: absolute;
	padding: 0;
	text-align: center;
	color: white;
	width: 30%;
	min-width: 149px;
	max-width: 150.1px;
	min-height: 150px;
	font-size: 1.8rem;
	line-height: 1.2;
	backdrop-filter: blur(5px);
	background-color: rgba(255, 255, 255, .4);
	z-index: 2;
}
.headline {
	font-family: Jost, "TBUDゴシック R";
	display: table-cell;
	vertical-align: middle;
	padding: 0 4px;
}

.headline h1.title-en{
	font-size: 1.8rem;
	font-weight: normal;
	border: none;
	display: block;
	text-shadow: 0 0 3px #888, 0 0 3px #888, 0 0 3px #888, 0 0 3px #888;
}
.headline .title-jp{
	display: block;
	font-size: 1rem;
	font-weight: normal;
	margin-top: 6px;
	color: var(--theme-color-pair);
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
/*
#body_top_overlay {
content: '';
background: rgba(0, 90, 135, 0.2);
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
*/
img.w-100, #body_top_img {
	width: 100%;
	max-height: 450px;
	object-fit: cover;
}
/*
#body_top_img {
mask-image: url("https://goennoyoi-daikichi.com/img/top-image-mask.svg");
mask-repeat: no-repeat;
mask-position: 0;
mask-size: auto 100%;
-webkit-mask-image: url("https://goennoyoi-daikichi.com/img/top-image-mask.svg");
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 0;
-webkit-mask-size: auto 100%;
}
*/
img.head-img {
	height: 300px;
	object-fit: cover;
}
/* -------------------------- アクセス --------------------------- */
.map {
	position: relative;
	padding-top: 300px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.map iframe {
	position: absolute;
	top: -150px;
	left: 0;
	width: 100%;
	height: calc(100% + 150px + 150px);
	pointer-events: none;
}
.column-wrap.column-3.access-gallery > div {
	width: calc(100% / 3);
}
.park .column-left, .park .column-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 47%;
}
.access.daikichi-info {
	font-family: "Noto Sans JP";
}
#sikaku-box {
	font-family: Jost;
}
.park .desc {
	margin-bottom: auto;
}
/* フッター手前のマップ -------------------------------------------- */
.footer_map {
	width: 100vw;
}
/* フッター手前の情報ボックス -------------------------------------------------- */
.footer-info-box {
	font-size: .95rem;
	/*font-family: "新ゴ R";*/
}
.footer-info-box .jp {
	font-size: 2rem;
	display: inline-block;
}
.border-top-bottom {
	border-top: 3px solid #313183;
	border-bottom: 3px solid #313183;
	margin: 18px 0;
}
.footer-info-box .en {
	color: var(--theme-color-light);
}
.footer-info-box .free-dial {
	margin: 15px 0;
}
.footer-info-box .footer-tenpo {
	font-size: 2rem;
}
a.phone {
	font-size: 1.4rem;
	font-weight: 600;
	text-decoration: none;
}
a.Phone {
	text-decoration: none;
}
/* footer box ---------------------------------------------------------- */
#footer_box .child {
	text-shadow: #666 1px 1px 1px;
	width: 100%;
}
#footer_box .child:nth-child(1) {
	background-color: #ffb6b9;
}
#footer_box .child:nth-child(2) {
	background-color: #fae3d9;
}
#footer_box .child:nth-child(3) {
	background-color: #bbded6;
}
#footer_box .child:nth-child(4) {
	background-color: #8ac6d1;
}
#footer_box .child.image_wrap::before {
	content: '';
	display: block;
	padding-top: calc(100% / 16 * 9);
}
#footer_box .child.image_wrap {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#footer_box .child .image {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	will-change: transform;
	transition: transform 1s ease;
}
#footer_box .child .image::before {
	content: "";
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(10, 10, 10, .8) 0%, rgba(0, 0, 0, 0) 70%);
}
.child .image:hover {
	transform: scale(1.2);
	transition: .5s ease-in-out;
}
/* フッター box*/
#footer_box .bg_daikichi {
	background-image: url(https://goennoyoi-daikichi.com/img/top-02.jpg);
	background-size: cover;
}
#footer_box .bg_seisenzeiri {
	background-image: url(https://goennoyoi-daikichi.com/img/top-03.jpg);
	background-size: cover;
}
#footer_box .bg_prostaff {
	background-image: url(https://goennoyoi-daikichi.com/img/prostaff.jpg);
	background-size: cover;
}
#footer_box .title_box {
	position: absolute;
	padding: 0 20px;
	top: 30%;
	font-family: Jost;
	color: white;
	pointer-events: none;
}
#footer_box .description {
	display: block;
}

/* 生前整理 box */
.seizen_seiri_box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 30px;
	margin-top: 60px;
	text-shadow: #222 1px 1px 1px;
}
.seizen_seiri_box.item_4 {
	grid-template-columns: repeat(4, 1fr);
}
.seizen_seiri_box .child {
	position: relative;
	width: 100%;
	padding: 20px;
}
.seizen_seiri_box .title {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "リュウミン B-KL";
	top: 20px;
	font-size: 2rem;
	border: 1px solid white;
	width: 74px;
	height: 74px;
}
.seizen_seiri_box.item_4 .title {
	font-size: 1.4rem;
	line-height: 1.1;
	width: calc(100% - 20px * 2);
}
.seizen_seiri_box .title-2 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "リュウミン R-KL";
	top: 20px;
	font-size: 1.8rem;
	border: 1px solid white;
	width: calc(100% - 20px * 2);
	height: 74px;
	z-index: 9;
}
.seizen_seiri_box .description {
	position: relative;
	bottom : 0;
	width: 100%;
	text-align: justify;
	font-family: line;
	font-weight: 400;
	line-height: 1.5;
	z-index: 999;
}
.seizen_seiri_box.item_4 .description {
	font-size: .9rem;
}
.seizen_seiri_box .child.image_wrap::before {
	content: '';
	display: block;
	padding-top: calc(100% / 1 * 1 );
}
.seizen_seiri_box .child.image_wrap {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.seizen_seiri_box .child .image {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	will-change: transform;
	transition: transform 1s ease;
}
.seizen_seiri_box .child .image::before {
	content: "";
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient( rgba(10, 10, 10, .8) 0%, rgba(0, 0, 0, 0) 50%, rgba(10, 10, 10, .8) 100%);
}
.seizen_seiri_box {
	color: white;
}
.bg {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.5);
}
.bg_bridge {
	background-image: url(https://goennoyoi-daikichi.com/img/bridge.jpg);
}
.bg_child-garden {
	background-image: url(https://goennoyoi-daikichi.com/img/child-garden.jpg);
}
.bg_interior {
	background-image: url(https://goennoyoi-daikichi.com/img/interior.jpg);
}
.bg_flowers {
	background-image: url(https://goennoyoi-daikichi.com/img/flowers.jpg);
}
.bg_dinner-table {
	background-image: url(https://goennoyoi-daikichi.com/img/dinner-table.jpg);
}
.bg_pots {
	background-image: url(https://goennoyoi-daikichi.com/img/pots.jpg);
}
.bg_cubes {
	background-image: url(https://goennoyoi-daikichi.com/img/cubes.jpg);
}
.bg_photos {
	background-image: url(https://goennoyoi-daikichi.com/img/photos.jpg);
}
.bg_funeral {
	background-image: url(https://goennoyoi-daikichi.com/img/funeral.jpg);
}
.bg_lost-item {
	background-image: url(https://goennoyoi-daikichi.com/img/lost-item.jpg);
}
.bg_message {
	background-image: url(https://goennoyoi-daikichi.com/img/message.jpg);
}
.bg_future {
	background-image: url(https://goennoyoi-daikichi.com/img/future.jpg);
}
.bg_kaigo {
	background-image: url(https://goennoyoi-daikichi.com/img/grandma-hands.jpg);
}
.bg_souzoku {
	background-image: url(https://goennoyoi-daikichi.com/img/inheritance.jpg);
}
.bg_sougi {
	background-image: url(https://goennoyoi-daikichi.com/img/sougi.jpg);
}
.bg_kuyou {
	background-image: url(https://goennoyoi-daikichi.com/img/kuyou.jpg);
}
.bg_renovation {
	background-image: url(https://goennoyoi-daikichi.com/img/renovation.jpg);
}
.bg_fudousan {
	background-image: url(https://goennoyoi-daikichi.com/img/estate.jpg);
}
.bg_hoken {
	background-image: url(https://goennoyoi-daikichi.com/img/calculator.jpg);
}
.bg_yuigon {
	background-image: url(https://goennoyoi-daikichi.com/img/flowers.jpg);
}
.bg_jibunsi {
	background-image: url(https://goennoyoi-daikichi.com/img/writing.jpg);
}
.bg_note {
	background-image: url(https://goennoyoi-daikichi.com/img/note.jpg);
}
.bg_kaitori {
	background-image: url(https://goennoyoi-daikichi.com/img/store.jpg);
}
.bg_one {
	background-image: url(https://goennoyoi-daikichi.com/img/meeting.jpg);
}
.bg_digital {
	background-image: url(https://goennoyoi-daikichi.com/img/smartphone.jpg);
}
.bg_pet {
	background-image: url(https://goennoyoi-daikichi.com/img/dog.jpg);
}
.bg_money {
	background-image: url(https://goennoyoi-daikichi.com/img/chart.jpg);
}
/* footer -------------------------------------------------------- */
#footer {
	margin-top: 0;
	padding: 0;
	position: relative;
	display: flex;
	width: 100vw;
	left: 50%;
	right: 50%;
	padding: 0;
	margin: 0 -50vw;
	align-items: center;
	justify-content: center;
	background-color: #100169;
}
.footer-bottom {
	padding: 0;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin: 0 -50vw;
}
.navi-footer {
	background-color: #efefef;
}
.navi-footer li {
	border: none!important;
}
#footer .copyright {
	color: white;
	padding: 15px 0;
}
#footer li {
	border-left: none;
	overflow: hidden;
}
#footer a {
	display: block;
	padding: 18px;
	color: #555;
	transition: 0.5s linear;
}
#footer a:hover {
	transform: scale(1.1);
}
.go-to-top {
	right: 0;
	bottom: 0;
}
.go-to-top-button {
	width: 59px;
	height: 59px;
	color: var(--theme-color-pair-lightest);
	background-color: var(--theme-color-pair-darker);
	border-radius: 0;
}
.go-to-top-button:hover {
	color: white;
	background-color: var(--theme-color-darker);
}
/* サイトトップページ --------------------------------------- */
.top-contents {
	margin-top: 100px;
}

/* 大吉 swiper */
#daikichi.swiper {
	text-align: center;
}
#daikichi.swiper img {
	object-fit: cover;
}
#daikichi.swiper .title {
	font-family: Jost, "UD新ゴ コンデンス90 M";
	padding: 15px;
}
#daikichi.swiper .title .jp {
	display: block;
}
#daikichi.swiper .title .en {
	display: block;
	color: var(--theme-color-pair);
	font-size: .95rem;
}

#daikichi.swiper .caption {
	font-size: .8rem;
}
/* 買取大吉 --------------------------------- */
#item::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(https://goennoyoi-daikichi.com/img/space.jpg);
	background-size: cover;
	background-attachment: fixed; /*--背景画像の固定--*/
	background-position: center;
	filter: blur(1px) brightness(50%);
}
.item_box {
	position: relative;
	flex-wrap: wrap; /* calc( 100% / ? ) で折り返すために必要 */
	overflow: hidden;
}
#item h2 {
	z-index: 2;
}
.item_box > div {
	margin: 20px 15px;
}
.item_box .image  {
	display: block;
	width: 160px;
	height: auto;
	background-size: cover;
	background-position: center;
	transition: 1s linear;
}
.item_box .image::before {
	content: '';
	display: block;
	padding-top: 100%;
}
.item_box .image_wrap {
	position: relative;
	overflow: hidden;
}
.item_box .item {
	cursor: pointer;
}
.item_box .item:hover .text_wrap{
	background-color: black;
	transition: .2s ease-in-out;
}
.item_box .item:hover .image {
	transform: scale(1.2);
	transition: .5s ease-in-out;
}
.item_box .item:hover .text {
	color: var(--theme-color-pair-lighter);
	transition: .2s ease-in-out;
}
.item_box .image_wrap .en {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	padding: 6px 10px;
	color: white;
	word-wrap: nowrap;
	background-color: var(--theme-color-pair-light);
	z-index: 2;
}
.bg_precious_metal {
	background-image: url(https://goennoyoi-daikichi.com/img/ring.jpg);
}
.bg_jewelry {
	background-image: url(https://goennoyoi-daikichi.com/img/diamond.jpg);
}
.bg_bag {
	background-image: url(https://goennoyoi-daikichi.com/img/bag.jpg);
}
.bg_watch {
	background-image: url(https://goennoyoi-daikichi.com/img/watch.jpg);
}
.bg_coin {
	background-image: url(https://goennoyoi-daikichi.com/img/coin.jpg);
}
.bg_stamp {
	background-image: url(https://goennoyoi-daikichi.com/img/stamp.jpg);
}
.bg_camera {
	background-image: url(https://goennoyoi-daikichi.com/img/camera.jpg);
}
.bg_smartphone {
	background-image: url(https://goennoyoi-daikichi.com/img/smartphone.jpg);
}
.bg_voucher {
	background-image: url(https://goennoyoi-daikichi.com/img/voucher.jpg);
}
.item_box .item_3 {
	width: 30%;
	min-width: 365px;
}
.item_box .text_wrap {
	padding: 15px;
	background-color: #333;
	color: white;
}
.item_box .jp {
	font-family: Jost, "新ゴ R";
	margin-bottom: 10px;
}
.item_box .text_wrap .text {
	font-size: .84rem;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-ideograph;
}
.vertical-caption {
	font-family: "リュウミン R-KL";
	text-align: justify;
	font-size: 1.6rem;
	writing-mode:vertical-rl;
	display: inline-block;
	margin: 40px 0!important;
}
p.honbun-midashi {
	font-size:1.4rem;
	font-family:line;
	color:var(--theme-color-pair);
	margin: 20px 0;
}
/* フローチャート */
/* タイムライン デザイン 1 */
.layout_flow {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	font-size: 15px;
}
ol, ul, li {
	line-height: 1.5;
	list-style-type: none;
}
.layout_flow_container {
	counter-reset: count 0;
}
.flow_headline {
	position: relative;
	padding: 0 0 50px 50px;
	color: #52474d;
	overflow: hidden;
}
.flow_headline::before {
	content: '';
	position: absolute;
	border-left: 2px dotted #ccc;
	height: 100%;
	width: 10px;
	left: 14px;
}
.flow_headline::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 31px;
	height: 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	content: counter(count);
	counter-increment: count 1;
	color: white;
	font-weight: bold;
	background-color: var(--theme-color-light);
}
.flowbox {
	position: relative;
	display: flex;
	flex-direction: row;
	width: 600px;
	margin: 0 0 12px;
	padding: 24px;
	background: #f9f8f5;
	z-index: 90;
	gap: 15px;
}
.flowbox img.midashi {
	width: 40px;
	height: 40px;
}
.flowbox img.catch {
	width: 150px;
	height: 150px;
	object-fit: cover;
}
.flow_headline h4 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 16px;
}
.flowbox h5 {
	font-size: 16px;
	margin: 0 0 8px;
}
.flowbox section {
	font-size: 13px;
	line-height: 180%;
}
/* dl テーブル 認定番号表 */
.dlTable {
	width: 600px; /* テーブルの横幅を500pxに指定 */
	border-top: 1px solid #ddd; /* テーブルの上の線 */
	border-left: 1px solid #ddd; /* テーブルの左の線 */
	display: flex; /* 子要素のdtとddを横並びにする */
	flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */
	margin: 20px auto;
}
.dlTable dt,
.dlTable dd {
	border-bottom: 1px solid #ddd; /* 各セルの下の線。テーブルの下の線も補える。 */
	border-right: 1px solid #ddd; /* 各セルの右の線。テーブルの右の線も補える。 */
	box-sizing: border-box; /* widthの計算を楽にするため */
	padding: 15px 25px; /* 各セルに余白を取る */
	margin: 0;
}
.dlTable dt {
	font-size: 16px; /* フォントサイズを16pxに指定 */
	width: 260px; /* dt（見出し項目）の横幅を200pxに指定 */
	background-color: #e0ffe0;
}
.dlTable dd {
	width: calc(100% - 260px); /* テーブル幅からdtを引いた分の横幅を指定。 */
}
/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:750px) {

	.dlTable {
		width: 100%; /* 横幅をpxではなく、幅いっぱいに指定。 */
		border-left: none; /* テーブルの左の線を消す */
		display: block; /* 横並びにさせないようブロック要素にする */
	}
	.dlTable dt,
	.dlTable dd {
		border-right: none; /* セルの右の線を消す */
		width: 100%; /* 横幅を幅いっぱいに指定 */
		padding: 10px 15px; /* 各セルに余白を取る */
	}
	.dlTable dt {
		border-bottom: none; /* 下の線を消す（ddの下の線が残る） */
		padding-bottom: 0; /*ddとの距離を近づけるため、0にする*/
	}

}
/* いいごえん　ルビの位置調整 */
ruby[data-ruby] {
	position:relative;
}
ruby[data-ruby]::before {
	content: attr(data-ruby);
	position:absolute;
	left:-2em;
	top:-1em;
	right:-2em;
	text-align:center;
	font-size:.5em;
}

/* QA ---------------------- */
.sbs-line.sbp-r .speech-balloon {
	background-color: #efffef;
	border-color: #efffef;
}

.sbs-line.sbp-r .speech-balloon::before, .sbs-line.sbp-r .speech-balloon::after {
	border-right-color: #efffef;
	border-left-color: #efffef;
}

.hp_show {
	display:none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/* 1400px以下 Bootstrap使用時必須 */
@media (max-width: 1400px){
	.wrap{
		width: auto;
	}
	.seizen_seiri_box .title-2 {
		font-size: 1.4rem;
	}
	.seizen_seiri_box.item_4 .title{
		font-size: 1.2rem;
	}
}

/* ウィンドウ幅 1281px ～1399px */
@media (1280px < width < 1400px) {
	.main {
		width: 740px;
	}

}

/* 1200px以下 */
@media (max-width: 1200px){
	.seizen_seiri_box .title-2 {
		font-size: 1.2rem;
	}
	.seizen_seiri_box.item_4 {
		grid-template-columns: repeat(3, 1fr);
	}

}

/*1023px以下*/
@media (max-width: 1023px){
	/*必要ならばここにコードを書く*/
	.seizen_seiri_box {
		grid-template-columns: repeat(2, 1fr);
	}
	.home #item {
		padding: 0!important;
	}

}

/*834px以下*/
@media  (max-width: 834px){
	main.main {
		padding: 32px 6px;
	}
	.seizen_seiri_box {
		grid-template-columns: 1fr;
	}
	.seizen_seiri_box .child.image_wrap::before {
		padding-top: calc(100% / 2 * 1 );
	}
	.seizen_seiri_box.item_4 {
		grid-template-columns: repeat(2, 1fr);
	}
	.seizen_seiri_box .title-2 {
		font-size: 1.6rem;
	}
	.swiper-top .slide-content .title {
		font-size: 1.5rem!important;
	}
	.swiper-top .slide-content .caption {
		font-size: 1rem!important;
	}
	.swiper-top .slide-content {
		width: 90%!important;
	}
	.catch_title {
		font-size: 1.4rem;
	}
	.hp_justify	{
		text-align: justify!important;
	}
}

@media (max-width: 512px){
	main.main {
		padding: 0 6px;
	}
	body.home #header-container {
		height: 52px;
	}
	#body_top_box {
		margin-top: 80px;
	}
	.hp_none {
		display: none;
	}
	.hp_show {
		display: initial;
	}
	.swiper-daikichi.swiper .caption {
		text-align: justify;
		padding: 0 15px;
	}
}

/*480px以下*/
@media (max-width: 480px){
	.article ol {
		padding-left: 0;
	}
	.flow-headline {
		padding: 0 0 10px 30px;
	}
	.flow-headline h4 {
		margin: 10px 0 10px 10px;
	}
	.flowbox {
		padding: 12px;
		max-width: 100%;
	}
	.flowbox img.midashi {
		width: 20px;
		height: 20px;
	}
	.flowbox img:not(.midashi) {
		display:none;
	}
	.home .news_list .category{
		display:none;		
	}
	.column-wrap.column-3.access-gallery > div {
		width: 100%!important;
	}
	.item_box .image_wrap .en {
		width: calc(100%);
		text-align: center;
		padding: 4px ;
	}

}
