@charset "utf-8";

/*　アクセス制限ログイン用記述　★後で削除★　*/
.post-password-form {margin:200px 0;border:5px #c00 solid;padding:50px;}

/* YoastSEOのFAQ */
.lp-faq1 .schema-faq-section,
.lp-faq2 .schema-faq-section {
	border:dashed 2px #00ced1;
	background-color: #fff;
	padding: 16px;
	margin: 16px;
	box-shadow: 4px 4px 4px #c0c0c0;
}
.lp-faq2 .schema-faq-section {
/*	min-height: 250px;*/
}
.lp-faq1 .schema-faq-section{
	border: dashed 3px #ff7fbf;
}
.lp-faq1 .schema-faq-section .schema-faq-question::before,
.lp-faq2 .schema-faq-section .schema-faq-question::before {
	content:"Q";
	padding-right:10px;
	color:#00ac9a;
}
.lp-faq1 .schema-faq-section .schema-faq-question::before{
	font-size:32px;
	padding-right:15px;
}
.lp-faq1 .schema-faq-section .schema-faq-question,
.lp-faq2 .schema-faq-section .schema-faq-question {
	font-size: 150%;
	font-weight: bold;
	border-bottom: solid 1px #00ac9a;
	display: block;
	padding:10px;
	margin-bottom:15px;
}
.lp-faq1 .schema-faq-section .schema-faq-question{
	font-size: 25px;	
	text-indent: -27px;
	padding-left: 40px;
}
.lp-faq1 .schema-faq-section .schema-faq-answer::before,
.lp-faq2 .schema-faq-section .schema-faq-answer::before {
	content:"A";
	font-size: 150%;
	padding-right:10px;
	color: #ff7fbf;
	line-height: 1;
}
.lp-faq1 .schema-faq-section .schema-faq-answer::before{
	font-size:32px;
	padding-right:15px;
}
.lp-faq1 .schema-faq-section .schema-faq-answer,
.lp-faq2 .schema-faq-section .schema-faq-answer {
	padding:10px;
	text-indent: -27px;
	padding-left: 40px;
}
.lp-faq1 .schema-faq-section .schema-faq-answer{
	font-size:20px;
	text-indent: -35px;
	padding-left: 50px;
}
/* 間隔調整 */
.wp-block-columns.is-layout-flex.lp-top-faq2{gap:0 !important;}
@media only screen and (max-width: 1199px) {
	.lp-faq2 .schema-faq-section{
		margin-top:0px;
		margin-bottom:32px;
		min-height: inherit;
	}
	.lp-faq1 .schema-faq-section .schema-faq-question{
		font-size:150%;
		text-indent: -35px;
		padding-left: 35px;
	}
	.lp-faq1 .schema-faq-section .schema-faq-answer,
	.lp-faq2 .schema-faq-section .schema-faq-answer{
		font-size:16px;
		text-indent: -10px;
		padding-left: 15px;
		padding-right: 0px;
	}
}


/* カラオケ比較表 ---------------------------------------------- *//*
.karaoke-table-wrap {
  padding: 2rem 1rem;
  margin: 0 auto;
}
.karaoke-table-wrap h2 {
}
.karaoke-table {
  width: 100%;
  border-collapse: collapse;
}
.karaoke-table thead tr {
}
.karaoke-table thead th {
  font-weight: bold;
  padding: 15px;
	text-align: center;
	font-size:150%;
}
.post table.karaoke-table,
.post table.karaoke-table th,
.post table.karaoke-table td{border-color:#e0e0e0 !important;}
.karaoke-table thead th:first-child {}
.karaoke-table thead th:last-child  {}
.karaoke-table tbody tr { border-bottom: 1px solid #e0e0e0; }
.karaoke-table tbody tr:last-child { border-bottom: none; }
.karaoke-table tr.t-bg1 td {background:#fffcf3;}
.karaoke-table tr td:first-child {background: #e0fffc;}
.karaoke-table tr.t-bg1 td:first-child {background:#ffffe0;}
.karaoke-table tr.t-bg2 td:first-child {background:#f3f3f3;}
.karaoke-table td { padding: 15px !important; vertical-align: middle;	text-align: center; font-size:150%;}
.karaoke-badge {}
@media only screen and (max-width: 1199px) {
	.karaoke-table {width:98%;margin-left:1% !important;}
	.karaoke-table th,
	.karaoke-table thead th,
	.karaoke-table td {font-size:100%;}
}
/* カラオケ比較表 --------------------------ここまで　*/

/* カラオケリースのメリット --------------------------ここから　*/

.merit-container {
    padding: 60px 20px;
    background-color: #fff9f2; /* ごく薄いオレンジ背景で区切りを明確に */
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* タイトル */
.merit-main-title {
    font-size: 28px;
    color: #333;
    margin-bottom: 40px;
    position: relative;
    display: inline-block;
}

.merit-main-title span {
    color: #f39800; /* サイトのキーカラー：オレンジ */
    font-weight: bold;
}

/* グリッドレイアウト（横並び設定） */
.merit-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

/* カード1枚のスタイル */
.merit-card {
    background: #fff;
    border: 2px solid #f8c269;
    border-radius: 8px;
    padding: 20px 20px;
    flex: 1;
    min-width: 20%;
    max-width: 22%;
    box-shadow: 0 4px 15px rgba(243, 152, 0, 0.1);
    transition: transform 0.3s ease;
	text-align: left;
}

/* ホバー時に少し浮き上がる演出 */
.merit-card:hover {
/*    transform: translateY(-5px);*/
}

/* アイコン部分 */
.merit-icon {
    font-size: 48px;
    margin-bottom: 15px;
    display: block;
	text-align: center;
    color: #f8c269;
}
.merit-card p i{color: #F37100;}

/* カード内の見出し */
.merit-card h3 {
    font-size: 150%;
    color: #F37100;
    margin-bottom: 15px;
    font-weight: bold;
	border: none;
	text-align: center;
}

.merit-card h3 span {
/*    font-size: 28px;margin: 0 2px;*/
}

/* フッター */
#footer ul li a{
	text-decoration:none !important;
}
.company-info p{
	margin-bottom: 20px;
	text-indent: -8px;
	padding-left: 10px;
}
@media only screen and (max-width:1100px) {	
	.company-info {
		text-align: left;
	}
    .merit-grid {
	        gap: 15px;}
    .merit-card {
        max-width: 43%;
		min-width: 40%;}
}
@media only screen and (max-width:644px) {
	.company-info {
		margin: 30px auto;
		border-bottom:1px #ddd solid;
		padding-left:20px;
		padding-right: 20px;
	}
}

/* 説明文 */
.merit-card p {
/*    font-size: 14px;    line-height: 1.6; color: #555;*/
    text-align: left;
}

/* スマホ表示（画面幅が狭いとき）の調整 */
@media (max-width: 644px) {
    .merit-grid {
/*        gap: 15px;*/
		display:block;
    }
    .merit-card {
        padding: 20px 3% 10px;
		max-width:inherit;
		min-width: inherit;
		width:90%;
		margin: 10px auto;
    }
	.merit-icon {
    font-size: 36px;
	margin-bottom: 5px;
	}
}

/* カラオケリースのメリット --------------------------ここまで　*/

.lp-recommend {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.lp-recommend p {
	font-size:150%;
	background: #fff;
	width:21%;
	margin:10px auto 20px;
	text-align: center;
	border: solid 3px #f8c269;
	box-shadow: 3px 3px 5px #c0c0c0;
	padding: 60px 0.5%;
}
.lp-recommend i {
	color:#008080;
	color:#f37100;
	padding-bottom:20px;
	font-size:300%;
}
.lp-recommend img.recommend-icon-img {
	max-height: 63px;
	width: auto;
	padding-bottom:20px;
}
@media only screen and (max-width:800px) {
	.lp-recommend {
		/*display: block;*/
		flex-wrap: wrap;
	}
	.lp-recommend p {/*
		width:96%;*/
		font-size: 120%;
		width:44%;
		padding:20px 1% 10px 1%;
		min-height: 120px;
	/*	text-align: left;*/
	}
	.lp-recommend p br {/*display: none;*/}
	.lp-recommend i {margin-right:20px;margin-left:20px;font-size:200%;}
	.lp-recommend img.recommend-icon-img {max-height: 36px;margin-right:20px;margin-left:20px;}
}

/*　イラスト　光彩　*/
.glow-g1 {}
.glow-o1 {}
@media only screen and (max-width:800px) {
	.glow-g1 img,
	.glow-o1 img {width:180px !important;height: auto;}
}


/*　調整用　*/

.txt-01 {/* マーカー風 */
	background: linear-gradient(transparent 70%, #fffbc6 70%);
/*	text-decoration: #fffc00 wavy underline;*/
}

.noborder {
	text-decoration: none;
	border:0px !important;
}
.post h2.lp-title {
	padding-bottom:20px;
}
.post h2.lp-title02 {
	font-size:40px !important;
	padding-bottom:15px;
	border-bottom: solid 3px #fff !important;
}

.sp-only {display:none;}
@media only screen and (max-width:800px) {
	.sp-only {display:block;}
	.hissu, .nini{padding-top:2px !important;font-size:80% !important;}
}

@media only screen and (max-width:800px) {
	body.lp01 .wp-block-cover{
	padding-left:10px !important;
	padding-right:10px !important;
	}
	body.lp01 .wp-block-cover.lp-mainimg{
	padding-left:0px !important;
	padding-right:0px !important;}
	
	.lp-formcomplete{text-align:left;}
	.lp-formcomplete .wp-block-buttons {text-align: center;}
	.mw_wp_form_confirm .lpform-right{margin-bottom: 2rem !important;}
	.mw_wp_form_confirm .lpform-left{border-bottom: #eee 1px dashed;}
}

@media only screen and (max-width:1100px) {}
@media only screen and (max-width: 1199px) {}