/*
 Theme Name: UnderStrap Child
 Template: understrap
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap');

.otgs-development-site-front-end {
	display: none;
}
html {
	overflow-x: hidden;
}
html body {
	overflow-x: unset;
	font-family: 'Merriweather', serif;
	background: url(https://dnj.myconciergejapan.net/wp-content/uploads/2024/01/dnj-bg.png);
}
body .bg-primary {
    /*background-color: #a52929!important;*/
	background-color: #FFF!important;
    font-family: 'Merriweather', serif;
    line-height: 1.75;
    color: #4c4c4c;
    -webkit-text-size-adjust: 100%;
}
body h1 {
	font-family: 'Merriweather', serif;
	font-size: 2em;
	line-height: 1.5em;
}
body h2 {
	font-family: 'Merriweather', serif;
	font-size: 1.5em;
	line-height: 1.5em;
}
body h3 {
	margin: 1em 0;
	font-family: 'Merriweather', serif;
	font-size: 1.2em;
	line-height: 1.5em;
}
body p {
	margin: 30px auto;
	font-family: 'Merriweather', serif;
	font-size: 14px;
}

body a {
	color: #8f5c00;
	/*color: #8f0000;*/
}

body a:hover {
	color: #a77400;
}
.red {
	color: #8f0000;
}
/*

page_top

*/
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 50px;
	background: #c90e05;
	opacity: 0.6;
	border-radius: 4px;
}
#page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -15px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

.sticky-top {
	background: #FFF;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	color: #222!important;
}
.navbar-light .navbar-nav .nav-link {
	color: #222!important;
}
.navbar-dark .navbar-toggler {
	color: #222;
    border-color: #222;
}
.p-0    {padding: 0!important}
.p-10   {padding: 5px!important}
.p-15   {padding: 15px!important}
.p-20   {padding: 20px!important}
.pt-0   {padding-top:0!important}
.pt-10  {padding-top:10px!important}
.pt-20  {padding-top:20px!important}
.pt-30  {padding-top:30px!important}
.pt-40  {padding-top:40px!important}
.pt-50  {padding-top:50px!important}
.pt-60  {padding-top:60px!important}
.pt-80  {padding-top:80px!important}
.pt-140 {padding-top:140px!important}

.pb-0   {padding-bottom:0!important}
.pb-10  {padding-bottom:10px!important}
.pb-20  {padding-bottom:20px!important}
.pb-30  {padding-bottom:30px!important}
.pb-40  {padding-bottom:40px!important}
.pb-50  {padding-bottom:50px!important}
.pb-60  {padding-bottom:50px!important}
.pb-70  {padding-bottom:50px!important}
.pb-140 {padding-bottom:140px!important}

.m-0 {margin:0 !important}
.mt-0  {margin-top:0 !important}
.mt-10 {margin-top:10px !important}
.mt-20 {margin-top:20px !important}
.mt-30 {margin-top:30px !important}
.mt-40 {margin-top:40px !important}
.mt-50 {margin-top:50px !important}
.mt-60 {margin-top:60px !important}
.mt-70 {margin-top:70px !important}
.mt-80 {margin-top:80px !important}
.mt-90 {margin-top:90px !important}
.mt-100 {margin-top:100px !important}
.mt-110 {margin-top:110px !important}
.mt-120 {margin-top:120px !important}
.mt-130 {margin-top:130px !important}
.mt-140 {margin-top:140px !important}
.mt-150 {margin-top:150px !important}


.mb-0  {margin-bottom:0!important}
.mb-10 {margin-bottom:10px !important}
.mb-15 {margin-bottom:15px !important}
.mb-20 {margin-bottom:20px !important}
.mb-30 {margin-bottom:30px !important}
.mb-40 {margin-bottom:40px !important}
.mb-50 {margin-bottom:50px !important}
.mb-60 {margin-bottom:60px !important}
.mb-70 {margin-bottom:70px !important}
.mb-80 {margin-bottom:80px !important}
.mb-90 {margin-bottom:90px !important}
.mb-100 {margin-bottom:100px !important}
.mb-110 {margin-bottom:110px !important}
.mb-120 {margin-bottom:120px !important}
.mb-130 {margin-bottom:130px !important}

.fs-08 {font-size: 0.8em!important}
.fs-10 {font-size: 1em!important}
.fs-12 {font-size: 1.2em!important}
.fs-15 {font-size: 1.2em!important}
.fs-20 {font-size: 1.2em!important}

.f-10 {font-size: 12px !important}
.f-12 {font-size: 14px !important}
@media screen and (min-width: 768px) {
	.sp {display: none;}
	.pc {display: block;}
	#wrapper-navbar .LanguageSwitcherSP {display: none !important}
}
@media screen and (max-width: 767px) {
	.sp {display: block;}
	.pc {display: none;}
}
/*404*/
.error-404 .page-header h1.page-title {
	text-align: center;
	font-size: 24px;
	padding: 80px 15px 20px;
	/*background: #EEE;*/
}
.error-404 .page-content p {
	text-align: center;
	padding: 20px 15px 40px;
}

/*

header

*/
#wrapper-navbar .bg-light {
	/*background: none!important;*/
	background: url(https://dnj.myconciergejapan.net/wp-content/uploads/2024/01/dnj-bg.png);
}
/* ヘッダーの初期スタイル */
#wrapper-navbar {
    background-color: transparent;
    transition: background-color 0.3s ease;
}

/* スクロール時に追加されるスタイル */
#wrapper-navbar.sticky-bg {
    background-color: #FFF; /* 透過背景色を設定 */
}

/* 最初のコンテンツとの重なりを設定 */
#full-width-page-wrapper {
    margin-top: -106px; /* ヘッダーの高さに合わせて調整 */
	padding-top: 0;
}


/**/
.navbar-brand img {
	max-height: 80px;
	transition: max-width 0.5s ease;
}
/*

.bnr-area

*/
.bnr-area {
	padding: 30px 0;
	background: rgb(0 0 0 / 35%);
}
.bnr-area a {
	display: block;
	margin-bottom: 30px;
}
/*

footer

*/
#colophon {
	background: url(https://dnj.myconciergejapan.net/wp-content/uploads/2024/01/dnj-bg-bk20.png);
	/*background: #322b29;*/
    padding: 60px 60px 0;
    color: #333;
}
#colophon ul {
	padding: 0;
	border-left: 1px solid #333;
    padding-left: 25px;
}
#colophon ul li {
	margin-bottom: 10px;
	list-style: none;
}
#colophon ul li a {
	color: #333;
}
.copy {
	width: 100%;
	margin-top: 40px;
	padding: 15px;
	/*background: #EEE;*/
	text-align: center;
	color: #333;
}
/**/
#page {
}
/*section*/
.section {
	padding-top: 60px;
	padding-bottom: 60px;
}
/* フルスクリーンの動画を表示 */
#section1 {
    position: relative;
    height: 100vh; /* ビューポートの高さに設定 */
    overflow: hidden;
}

#section1 .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

#section1 video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 中央にテキストを表示 */
#section1 .content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

#section1 .lead-text {
	min-width: 320px;
    /*background: rgba(0, 0, 0, 0.5);*/
    padding: 20px;
    border-radius: 5px;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8),0px 0px 2px rgba(0, 0, 0, 0.8),0px 0px 1px rgba(0, 0, 0, 0.8);
}

#section1 .lead-text h1 {
	font-size: 2em;
	line-height: 1.5em;
	font-family: serif;
}
#section1 .lead-text h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	font-family: serif;
}
@media screen and (max-width: 600px) {
#section1 .lead-text h1 {
	font-size: 1.5em;
	line-height: 1.5em;
	font-family: serif;
}
#section1 .lead-text h2 {
	font-size: 0.9em;
	line-height: 1.5em;
	font-family: serif;
}
}
/*

slider

*/

.card img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.card-title {
	margin-bottom: 0.75rem;
    padding-bottom: 0.25em;
    font-weight: normal;
    font-size: 1.2em;
    text-align: center;
    border-bottom: 1px solid #f7f7f7;
}
.card-text {
	margin-top: 10px;
	min-height: 5em;
	font-size: 0.8em;
	text-align: center;
}
.card-text a {
	display: inline-block;
    padding: 2px 7px;
    margin: 2px 7px;
    border: 1px solid #DDD;
    background: #fdfdfd;
}
.page-template-page-top .slick-list .slick-slide {
  margin: 15px;
}
/* スライダーのコンテナ */
.slider-container {
    position: relative;
}

/* 左矢印（prevArrow）のスタイル */
.slick-prev {
    position: absolute;
    top: 50%;
    left: -10px; /* 左側の余白を調整 */
    transform: translateY(-50%);
    z-index: 1; /* スライダーの上に表示 */
}

/* 右矢印（nextArrow）のスタイル */
.slick-next {
    position: absolute;
    top: 50%;
    right: -10px; /* 右側の余白を調整 */
    transform: translateY(-50%);
    z-index: 1; /* スライダーの上に表示 */
}

.view-all-button {
	display: inline-block;
    padding: 0.7em 2em;
    margin: 30px auto;
    border: 1px solid #2222;
    border-radius: 3em;
    color: #222;
    font-size: 1.2em;
}

/*section5*/

#section5 {
	/*min-height: 100vh;*/
    background: url(https://dnj.myconciergejapan.net/wp-content/uploads/2024/01/28210873_m.jpg);
}
#section5 .section5-inner {
	padding: 30px;
	background: #ffffffd6;
}
#section5 h2 {
	
}
#section5 h3 {
	
}
#section5 p {
	
}
/*section6*/ 
#section6 a.g-map {
	display: inline-block;
    padding: 0.7em 2em;
	margin-bottom: 30px;
	border: 1px solid #8f5c00;
	border-radius: 30px;
    background: #FFF;
}
/*plan*/
.slick-slide img {
	width: 100%;
}
.thumbnail-slider .slick-slide img {
  padding-right: 7px;
}
.thumbnail-slider .slick-slide:last-child img {
  /*padding-right: 0;*/
}
.plan-template-default .g-map {
	margin: 0 0 40px;
}
.plan-template-default img {
	width: 100%;
}
/*.plan-template-default .slick-slider .slick-current {
	margin-left: 0;
	margin-right: 0;
}*/
/* テーブル全体のスタイル */
.plan-template-default table {
    width: 100%;
	margin-top: 15px;
    border-collapse: collapse;
    border: 1px solid #DDD; 
    margin-bottom: 20px;
}

/* テーブルのヘッダーセルのスタイル */
.plan-template-default table th {
	width: 10em;
    background-color: #fAfAfA;
    text-align: left;
    padding: 10px;
    border: 1px solid #DDD;
	font-weight: normal;
	font-size: 14px;
}

/* テーブルのデータセルのスタイル */
.plan-template-default table td {
    padding: 10px;
    border: 1px solid #DDD;
	font-size: 14px;
}

/* テーブルの行ごとの奇数行のスタイル（ストライプ） */
.plan-template-default table tr {
    background-color: #FFFFFF;
}
.plan-template-default table tr:nth-child(odd) {
    background-color: #fBfBfB;
}

body .notices .col-sm-3 h3 {
	height: 100%;
    padding: 10px;
	margin: 0;
    border: 1px solid #DDD;
	background-color: #fAfAfA;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
}
body .notices .col-sm-9 p {
	border: 1px solid #DDD;
    padding: 15px;
}
.reserve {
	position: sticky;
	bottom: 0;
	margin: 40px auto;
	background: rgba(255,255,255,0.8);
	background: url(https://dnj.myconciergejapan.net/wp-content/uploads/2024/01/dnj-bg.png);
	border-top: 1px solid #EEE;
}
.reserve_inner {
	padding: 15px;
	border-top: 1px solid #FFF;
}
.plan-template-default .reserve a {
	display: block;
	max-width: 500px;
	margin: 0 auto;
	padding: 15px;
	border-radius: 30px;
	text-align: center;
    background: #8f0000;
	border: 1px solid #5f0000;
    color: #FFF;
}
/*

フォーム

*/
.page-template-fullwidthpage  .entry-header h1 {/*テンプレ化*/
	margin-top: 120px;
	text-align: center;
}
.wpcf7-form ul {
	padding: 0;
}
.wpcf7-form ul li {
	list-style: none;
}
body .btn-outline-primary, body .wpcf7 input[type=submit] {
	border-radius: 30px;
	text-align: center;
    background: #8f0000;
	border: 1px solid #5f0000;
    color: #FFF;
}
body .btn-outline-primary:hover, body .wpcf7 input[type=submit]:hover {
	border-radius: 30px;
	text-align: center;
    background: #AF0000;
	border: 1px solid #5f0000;
    color: #FFF;
}