@charset "UTF-8";
@import url("https://enjoy-weblife.com/rtra-hotel/login/css_rtra-hotel.css");

/*!
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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


b {
	color:#ec98c1;
	font-weight:bold;
	font-size: 1.25rem;
}

.header-container, .main, .sidebar, .footer {
	background-color: #fffaf3;
	margin-top:10px;
}

.blogcard {
	background-color:#ffffff;
	padding:30px 50px!important;
}

#_sidebar .blogcard {
	background-color:#ffffff;
	padding:5px!important;
}

.top-message {
	margin-top:100px;
}

	.center-left {
	text-align:center;
}

main.main {
	padding-top: 0;
	border: 0;
}
.content, .entry-content {
	margin-top: 0;
}

.article h2 {
	text-align: center;
	background-color: #fffaf3!important;
	color: #5d4037!important;
	font-size: 34px!important;
	margin-top: 0px!important;
	margin-bottom: 30px!important;
	border-left: none!important;
}

.article h2 {
background-image:url("/wp-content/uploads/2026/01/h1_line_img.png");
background-repeat:no-repeat;
background-position:center bottom;
background-size:311px 23px;
padding-bottom:25px!important;
}


.article h3 {
	margin-top: 0!important;
	margin-bottom: 0!important;
	border: none;
	font-size: 30px;
    padding: 0 0 20px;
}

.lessons-wrap, .latest-wrap, .concept-block, .column-wrap {
	max-width: 1400px;
	margin-left: auto !important;
    margin-right: auto !important;
}

.list_link {
	text-align: end;
/* 	margin:15px; */
}





/* レッスン */
.lessons-wrap {
	margin-bottom: 10px;
}
.lessons-wrap .blogcard {	
 	border: solid 1px rgba(229, 187, 206);
	border-radius: 0;
}
.lessons-wrap .blogcard-wrap {
	margin-bottom: 10px;
}
.lessons-wrap table {
	margin: auto !important;
	width: 100% !important;
	background-color:#ffffff!important;
}
.lessons-wrap table tr {
	width: 100%;
}
.lessons-wrap table td {
	display: table-cell;
/*	border: none; */
/*	width: 50px; */
	background-color:#ffffff!important;
}

.lessons-wrap table.toppage td {
	border: none!important;
}

.lessons-wrap table.toppage-sp td {
	border: none!important;
	margin:10px!important;
}


.＿lessons-wrap table td img {
	width: 300px;
	margin: inherit;
}
.lessons-wrap .lesson-content {
	vertical-align: top;
}
.lessons-wrap .lesson-title {
	font-size: 30px;
	font-weight: bold;
}
.lessons-wrap .lesson-detail-btn {
	width:100%;
}
.lessons-wrap .lesson-detail-btn img {
	width:182px;
	height:37px;
	text-align:right!important;
}



/* お知らせ */
.latest-news {
	margin: auto;
/* 	padding-bottom: 30px; */
	border: solid 1px rgba(229, 187, 206);
	background-color: #fff;
}
.latest-news ul {
	border: none!important;
}
.latest-news li {
	margin: 0 !important;
    padding: 10px;
}
.latest-news .news-new {
    background: #e5bbce;
    color: white;
/*     font-size: 15px; */
    padding: 2px 10px 6px;
    border-radius: 20px;
    margin-left: 5px;
}

/* コンセプト */
.concept-area {
	padding: 20px;
	background-image: url(/wp-content/uploads/2026/01/concept_background_img_2-scaled.png);
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 30px 0;
}
.concept-inner{
	max-width: 1250px;
	margin: 0 auto;
	padding: 0 16px;
}
.concept-area h2 {
	margin-bottom: 0;
	background-color: inherit;
}
.concept-block {
	background-color: rgba(248, 245, 239, 0.7);
	margin: 40px;
}

.concept-block .layout1 {
	display: grid;
	grid-template-columns: 320px 1fr;
	align-items: stretch;
}
.concept-block .layout2 {
	display: grid;
	grid-template-columns: 1fr 400px;
	align-items: stretch;
}
.concept-block .layout3 {
	display: grid;
	grid-template-columns: 320px 1fr;
	align-items: stretch;
}
.concept-block .layout1 .left, .concept-block .layout2 .right, .concept-block .layout3 .left {
	display: grid;
}
.concept-block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.concept-block .text {
	padding: 40px 40px 10px;
	line-height: 1.7;
}
.concept-block .right.text {
	background: url(/wp-content/uploads/2026/01/concept_corner_img_2x.png) right top / 10% no-repeat;
}
.concept-block .left.text {
	background: url(/wp-content/uploads/2026/01/concept_corner_img_2x_.png) left top / 10% no-repeat;
}

.column-wrap div {
	height: 250px;
	border:none;
}


















/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.blogcard {
	padding:20px 15px!important;
}

	#navi .navi-in > .menu-mobile li {
		width: 20%;
	}
	#navi .navi-in > .menu-mobile li a {
		font-size: 14px; /*場合によってフォントサイズを小さく*/
	}
	
	
	
	
	.center-left {
	text-align:left;
}
	img {
		text-align:center!important;
	}

	main.main {
		padding: 0 16px;
	}
	.content, .entry-content {
		margin-bottom: 0;
	}
	
	.list_link {
		width: 100%;
	}
	
	/* レッスン */
	.＿lessons-wrap table tr {
		display: block;
	}
	.＿lessons-wrap table td {
		display: block;
		width: 100%;
		text-align: ＿center;
	}
	.＿lessons-wrap table td img {
		width: 200px;
		margin: auto;
	}
	.＿lessons-wrap .lesson-content {
		text-align: left;
	}
	.＿lessons-wrap .lesson-title {
		font-size: 20px;
		text-align: center;
	}
	.＿lessons-wrap .lesson-apply-btn {
		text-align: center;
	}
	.＿lessons-wrap .lesson-apply-btn img {
		width: 150px;
		padding: 20px 0 10px;
	}
	
	.lessons-wrap table td {
	font-size: revert;
	}
	
	/* お知らせ */
	.latest-news {
		width: 100%;
/*		padding-bottom: 15px; */
	}
	.latest-news ul {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.latest-news li {
		padding: 5px;
	}
	.latest-news .news-new {
		font-size: 13px;
		padding: 2px 10px 4px;
	}
	
	/* コンセプト */
	.concept-block {
		margin: 40px 0;
	}
	.concept-block .layout1, .concept-block .layout2, .concept-block .layout3 {
		grid-template-columns: 100%;
	}
	.concept-block .layout1 .right, .concept-block .layout3 .right {
		order: 1;
		padding: 30px 20px;
	}
	.concept-block .layout1 .left {
		order: 2;
		grid-template-columns: 1fr 1fr; 
	}
	.concept-block .layout2 .right {
		order: 2;
		grid-template-columns: 1fr;
		padding: 30px 20px;
	}
	.concept-block .layout3 .left {
		display: none;
	}
	.concept-block .right.text {
		background: url(/wp-content/uploads/2026/01/concept_corner_img_2x.png) right top / 20% no-repeat;
	}
	.concept-block .left.text {
		background: url(/wp-content/uploads/2026/01/concept_corner_img_2x_.png) left top / 20% no-repeat;
	}
	
	.container .column-wrap {
		flex-direction: inherit;
	}
	.column-wrap div {
		height: 50px;
	}
}

@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.br-pc, .pc {
		display: none;
	}
}

@media screen and (min-width: 834px){
	.br-sp, .sp {
		display: none;
	}
}


/************************************
** リリィ追記分
************************************/

/* 右サイドのプロフィール写真 */
.author-thumb, .author-thumb img {
width:200px!important;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
}

/* ページ下の「この記事を書いた人」の枠 */
.article-footer .author-box {
border:1px #cccccc dotted;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
padding-bottom:-100px!important;
padding:15px 25px;
}

/* 記事下のプロフィール写真 */
.article-footer .author-thumb, .article-footer .author-thumb img {
width:180px!important;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
margin-right:20px;
}

/* ブログ概要欄 */
.tagline {
	margin:20px 0px -30px 0px;
	font-size:18px!important;
	font-weight:bold;
}

.eye-catch {
	margin:10px auto 30px auto;
		font-weight:bold;
}

.＿article table {
	border-top:2px #ccccff solid!important;
	border-left:2px #ccccff solid!important;
	background-color:#ffffff!important;
}

.＿article table td {
	border-bottom:2px #ccccff solid!important;
	border-right:2px #ccccff solid!important;
	background-color:#ffffff!important;
}

/* 楽天バナー */
table {
margin: 0px auto!important;
width: initial!important;
}

table, td {
/* background-color: #ffffff!important; */
}

#main img, .article img, .entry-content img, .entry-body img {
display: block!important;
_margin: auto!important;
}

.breadcrumb {
	display:none;
}

＿h1 {
	text-align:center;
	font-size:30px!important;
	margin:0px auto 40px auto!important;
}

h1 {
	display:none;
}


/* 共通：申込・問い合わせボタン */
.lesson-apply-btn,
.lesson-inquiry-btn {
  display: inline-block;
  padding: 8px 22px;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 4px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
  vertical-align: middle;
}

/* 通常の申込ボタン */
.lesson-apply-btn {
  background: #444;
  color: #fff;
}

.lesson-apply-btn:hover {
  opacity: 0.85;
}

/* 申込ボタン（満席・グレーアウト） */
.lesson-apply-btn.disabled {
  background: #ccc;
  color: #666;
  cursor: not-allowed;
  pointer-events: none; /* クリック不可 */
}

/* お問い合わせボタン */
.lesson-inquiry-btn {
  background: #f5f5f5;
  color: #333;
	
  background: #444;
  color: #fff;

  border: 1px solid #bbb;
  margin-left: 8px;
}

.lesson-inquiry-btn:hover {
  background: #eaeaea;
}

/* 満席時の補足文 */
.lesson-card small {
  display: block;
  margin-top: 6px;
  color: #666;
  font-size: 12px;
}

/* NEWボタン　*/
.latest-news .news-new {
  color: #d00;
  font-weight: bold;
  margin-left: 6px;
}