/*
 Theme Name:   e_ver004 Child
 Description:  e_ver004の子テーマ
 Author:       adminadmin
 Template:     e_ver004
 Version:      1.0.0
*/

/* =============================================
COLOR OPTION（カラーオプション） 
==============================================*/
:root {
	--white: #ffffff;
	--black: #333333;
	--main-black:  #313131;
    --main-blue: #7FAAD0;
    --main-beige: #c1b78c;
    --main-green: #249D57;
    --main-navy: #01355C;
    --main-apricot: #fcbb4e;
    --main-pink:  #f3bdbf;
    --main: #9E2328;
  }

/* =============================================
3BOX（TOP3BOX） 
==============================================*/
/* おすすめポイントの高さ調整 */

.sec-3box .wrapper .box .name { 
/* 	min-height: 70px; */
}
.sec-3box .wrapper .box .point { 
/*     min-height: 125px; */
}
.sec-3box .wrapper .box .name {
/* 	min-height: 70px; */
}
.sec-3box .wrapper .box .content {
/* 	min-height: 50px; */
	min-height: unset;
}


/* =============================================
検索機能装飾
==============================================*/
.nxrc-search-form table tr th,
.search .nxrc-fields th{
    background-color: var(--main-navy) !important;/*検索ボックステーブルの見出しの背景色*/
    color:white !important;/*検索ボックステーブルの見出しテキストの色*/
}
.nxrc-search-button button{
    background-color:#32b16c !important;/*ボタンから*/
    color:#ffffff !important;/*ボタンテキストのカラー*/
}

/*********************************
3BOX(セレクション)
*********************************/
/* ボタンカラー */
/* [class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a {
	background-color: red !important; 
	border-color: red !important; 
    color: #fff;
}

[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a {
	background-color: red !important; 
	border-color: red !important; 
    color: #fff;
}

[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a:hover {
    background: #fff !important;
    color: red !important;
} */
/* 概要高さ調整 */

/* [class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-txt {
	min-height: 150px !important;
} */
 


.svg-icon {
  height: 45px !important;
  width: auto;
}

@media screen and (max-width:768px) {
.pr-bottom a.btn-c {
font-size: 1.8rem;	
padding-left: 3rem;
	letter-spacing:0.1rem;
}
	.pr-bottom a.btn-c span {
		font-size:1.2rem;
	}
}

@media screen and (min-width: 768px) {
    .header-logo .main-icon {
        height: 60px;
    }
}

table#tablepress-12 {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
 /*   table-layout: fixed; */
}
table#tablepress-12 td {
    border: 1px solid #ddd !important;
    padding: 8px;
    background: white;
    vertical-align: middle;
	white-space: nowrap;
    text-overflow: ellipsis;
	min-width: 0 !important;
	width:auto;
}
table#tablepress-12 td.column-1 {
    position: sticky;
    left: 1px;
    z-index: 2;
    background: white;
    border-right: 1px solid #bbb;
    width: 151px;
}
@media screen and (max-width: 600px) {
    table#tablepress-12 td.column-1 {
        width: 120px!important;
    }
}
table#tablepress-12 td.column-2 {
    position: sticky;
    left: 152px;
    z-index: 1;
    background: white;
    border-right: 1px solid #bbb;
	width:105px;
}
@media screen and (max-width: 600px) {
    table#tablepress-12 td.column-2 {
        left: 120px;
    }
}

/* 年齢確認ポップアップ用 */
/* ポップアップの背景 */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* ポップアップの本体 */
.popup-content {
    background: white;
    border-radius: 10px;
    text-align: center;
	width: 90%;
	max-width:640px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.popup-content--in {
	    padding:2rem;
}

.popup-content--btn {
		background:#eee;
		border:1px solid #ddd;
}

.popup-lg {
	font-weight: 700;
	font-size:2rem;
}

.popup-content strong {
	background:#eee;
	font-weight:700;
	display:block;
	text-align:center;
	border:1px solid #ddd;
	padding:0.5rem;
	font-size:1.4rem;
}

/* ボタンデザイン */
.popup-content button {
    margin: 1rem;
    padding: 0.6rem 8rem;
    border: none;
    cursor: pointer;
    font-size: 1.6rem;
}

#yesBtn {
    background: #66BB6A;
    color: white;
    border-radius: 5px;
	font-weight:700;
}

#yesBtn small {
	display:block;
	font-size: 1rem;
	font-weight:400;
}

#noBtn {
    background: #f5f5f5;
    color: #333;
    border-radius: 5px;
	font-weight:700;
}

#noBtn small {
	display:block;
	font-size: 1rem;
	font-weight:400;
}

.popup-content--in small {
	font-size: 1.2rem;
	margin-top:1rem;
}


.footerNav ul {
	padding: 0 !important;
}
.footer .footer-list {
 margin-top: 2.4rem;
}
.footer h3.footer-title {
	font-size: 1.6rem;
	display: block;
	color: #fff;
	position: relative;
  padding: 1rem 0;
  padding-left: 2.4rem;
	border-bottom: 2px solid #fff;
	margin-bottom: 1.6rem;
}

.footer h3.footer-title::before {
    content: "\f5fd";
    position: absolute;
    top: 1rem;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.footer .footer-item {
	display: inline-block;
	font-size: 1.4rem;
  position: relative;
  padding: .5rem 0;
  padding-left: 1.25rem;
	margin-right: 1rem;
	line-height: 1.4;
}

.footer .footer-item::before {
  content: "\f054";
  position: absolute;
  top: 16px;
	transform: translatey(-50%);
	line-height: 1;
  left: 0;
	font-size: 1rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
}