@charset "UTF-8";
@import url("../dp-colors/style.css");
/*
Theme Name: A-Page Template6 Child
Version: 1.1.3.9
Template: dp-infinitii
*/

/* グローバルメニュー */
#global_menu_nav{
	font-size:12px;
}

/* アイコンリスト */
#dpicon-list {
	margin: 0 auto;
}

#dpicon-list li {
	 display:inline-block;
	 width: 54px;
	 height: 54px;
	 min-height: 54px;
	 padding:5px;
	 font-size:22px;
	 line-height: 1.3;
	 text-align: center;
}

#dpicon-list li::before {
	 content:none;
}

#dpicon-list li .mls {
	display: none;
}


/* ヘッダーバー電話番号 */
#hd_tel {
	font-size:22px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, Serif;
	letter-spacing:0.05em;
}

#hd_tel a{
	font-weight:bold;
	font-style:italic;
}

/* トップページヘッダー「BUY THIS THEME」ボタン */
.textwidget  a.buy-btn {
	position:relative;
	padding: 18px 25px;
	border: 3px solid #fff;
	font-size: 22px;
	color: #fff;
	overflow:hidden;
	transition:all .3s ease-in-out;
	z-index:1;
}
.textwidget a.buy-btn:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:101%;
	height:100%;
	background-color:#fff;
	-webkit-transform:scaleX(0); 
	-ms-transform:scaleX(0);
	transform:scaleX(0);
	transition:all .3s ease-in-out;
	z-index:-1;
}
.textwidget a.buy-btn:hover {
	color: #444;
	text-shadow: none;
}
.textwidget a.buy-btn:hover:before{
	-webkit-transform:scaleX(1); 
	-ms-transform:scaleX(1);
	transform:scaleX(1); 
}

/* トップページフッターのGoogle Mapの余白除去 */
#widget-container-bottom .dp_sc_gmap{
	width:calc(100% + 4vw)!important;
	transform:translateX(-2vw);
}


/* Googleマップを横幅100%でレスポンシブに表示する */
.google-maps {
	position: relative;
	padding-bottom: 75%; // これが縦横比
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* トップページのローディング(読み込み)アニメーションを無効化 */
.pace.pace-active{
	display:none;
}
body.home.use-pace #header_container, body.home.use-pace #header-banner-outer, body.home.use-pace #container, body.home.use-pace #dpplayer{
	opacity:1;
	visibility:visible;
}

.plx_original{
    text-align:left;
}

/* ヘッダのフォントサイズ変更 */
#global_menu_ul .menu-item { font-size: 1.7rem; }
.dp_sc_prof_desc{text-align: left;}
.promo_inner{text-align: left;}



/* ---------------------- */
/* お問い合わせフォーム   */
/* ---------------------- */
.reCAPTCHA-txt{margin-top:12px; color:#404040;}

/* 入力エラーの際、項目の背景色を変更する */
.wpcf7 .wpcf7-not-valid{background:pink;}


/* テーブル */
.toiawase{width:90%; margin:30px auto 10px;}
.toiawase th{text-align:left; vertical-align:middle; font-size:18px; color:#404040; padding:20px; width:40%; background:#f5f5f5; border:solid 1px #d7d7d7;}
.toiawase td{font-size:18px; border:solid 1px #d7d7d7; vertical-align:middle; padding:20px;}
.toiawase-acceptance {font-size:24px; width:90%; text-align:center; margin:20px auto; color:#404040;}

.scroll-box{width:90%; height:200px; overflow-y:scroll; border:1px solid #ddd; background-color:#f8f4f4; margin:auto; color:#404040;}
.scroll-box hr{width:98%; margin:5px auto;}

/*reCAPTCHA ロゴ非表示対応*/
.grecaptcha-badge { visibility: hidden; }

/* 問い合わせフォームデザイン */
.wpcf7 input[type="submit"] {
	width:100%;
	border-radius:10px;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
	border: none;
	box-shadow: 0 3px 0 #ddd;
	background: #000080;
	transition: 0.3s;
}
.wpcf7-submit:hover {
	background: #a4dd6c;
	transform: translate3d(0px, 3px, 1px);
	-webkit-transform: translate3d(0px, 3px, 1px);
	-moz-transform: translate3d(0px, 3px, 1px);
}

/*Contact Form 7カスタマイズ（スマホ対応）*/
@media(max-width:500px){
.toiawase th,.toiawase td {
	display:block!important;
	width:100%!important;
	border-top:none!important;
	-webkit-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	box-sizing:border-box!important;
}
.toiawase tr:first-child th{border-top:1px solid #d7d7d7!important;}
	
/*見出し欄*/
.toiawase th{text-align:left; vertical-align:middle; font-size:14px; color:#444; padding-right:5px; width:30%; background:#f5f5f5; border:solid 1px #d7d7d7; font-weight:normal;}

/*入力欄*/
.toiawase td{font-size:13px; border:solid 1px #d7d7d7; width: 60%;}

/*テーブル全体*/
.entry-content .toiawase tr,.entry-content table{ border:solid 1px #d7d7d7; background-color:#f8f4f4; width:100%;}

/* 必須・任意のサイズ調整 */
.toiawase .hissu,.toiawase .nini {font-size:10px;}}
.hissu{font-size:7px; padding:5px; background:#F15454; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px;}
.nini{font-size:7px; padding:5px; background:#99BBFF; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px;}

/*ラジオボタンを縦並び指定*/
.tatelist .wpcf7-list-item{display:block;}

/*送信ボタンのデザイン変更*/
#formbtn{display: block; padding:15px; width:300px; background:#000080; color:#fff; font-size:18px; font-weight:bold; border-radius:2px; margin:25px auto 0;}

/*送信ボタンマウスホバー時*/
#formbtn:hover{background:#fff;	color:#000080; border:2px solid #000080;}
/*同意ボタン*/
.wpcf7-form .wpcf7-list-item {display: block; margin: 6px auto 10px 0; text-align: center;}

/* エラーメッセージの不要部分を非表示にする */
.wpcf7-response-output{text-align:center;}

/* エラー時、各項目の背景色を変更し、メッセージを赤文字で表示する */
.wpcf7-not-valid-tip{font-size: 18px!important; padding-top:8px;}
.wpcf7 .wpcf7-not-valid{background:pink;}

/*送信後に入力フォームを非表示にする*/
form.sent .toiawase{display:none;}
form.sent .scroll-box{display:none;}
form.sent .toiawase-acceptance{display:none;}
form.sent .wpcf7-form-control{display:none;}
form.sent .reCAPTCHA-txt{display:none;}
form.sent .wpcf7-response-output{display:none;}

/*サンクスメッセージの表示/非表示を切り替え*/
form .form-message {display:none;}
form.sent .form-message {display:block;}

@media only screen and (max-width: 999px) {
    .deb-media-cover .__title-wrapper .deb-inner-text {
        font-size: clamp(22px, 5vw, 42px);
    }
}

@media only screen and (max-width: 999px) {
    .deb-media-cover .deb-block-description .deb-inner-text {
        font-size: clamp(16px, 2.4vw, 16px);
    }
}

/*Instagram PCのみ調整*/
@media(min-width:1025px){
    .instagram__widget{
        width: 60%;
        margin: auto;
    }
}