@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ヘッダーに背景画像を挿入 */
.l-header::after,.l-fixHeader::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	object-fit: cover;
  background-image: url('https://theballetcom.jp/wp-content/uploads/2025/03/header.jpg');
  background-repeat: no-repeat;
	background-size: cover;
}

#content{padding-top:0}

.c-pageTitle{white-space: nowrap;}

.c-gnav>.menu-item>a .ttl {
font-size: 15.5px;
	padding-bottom:2px;
font-weight: bold;
letter-spacing: 1.1px;
}

#header #gnav .menu-item .desc {
	/* フォントを大きく */
	font-size : 12px;
	
}


.p-postSlider{
	margin-bottom:-50px;
}


.post_content h2{
	font-size:20px;
}

.post_content h4{
	font-size:18px;
}

.tel{
	font-size:150%;
	font-weight:bold;
}

.ml20{padding-left:20px;}


.tablepress_01 {
    border-collapse: collapse;
	padding: 15px;
    text-align: left;
	vertical-align: center;
    border: 1px solid #000;
}

 
.tablepress_01 thead th {
    padding: 15px;
	color:#000;
	text-align: center;
	vertical-align: center;
    font-weight: bold;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
	border-left: 1px solid #000;
    border-bottom: 2px solid #c00 !important;
    background: #dcdcd1;
}
 
.tablepress_01 .row-2 .column-1,
.tablepress_01 .row-3 .column-1,
.tablepress_01 .row-4 .column-1 {
    padding: 15px;
	text-align: center;
    font-weight: bold;
    vertical-align: center;
    border-right: 1px solid #000;
    background: #ececec;
}

.tablepress_01 .row-5 .column-1,
.tablepress_01 .row-6 .column-1,
.tablepress_01 .row-7 .column-1,
.tablepress_01 .row-8 .column-1,
.tablepress_01 .row-9 .column-1,
.tablepress_01 .row-10 .column-1,
.tablepress_01 .row-11 .column-1,
.tablepress_01 .row-12 .column-1,
.tablepress_01 .row-13 .column-1 {	
    padding: 15px;
	 font-weight: bold;
	text-align: center;
    vertical-align: center;
    border-right: 1px solid #000;
    background: #ececec;
}

.tablepress_01 .row-1 {
    padding: 15px;
    font-weight: bold;
    vertical-align: center;
    border: 1px solid #000;
    background: #ececec;
}

 
/* 内容部分のレイアウト */
.tablepress_01 .column-1 {
    width:80px;
	vertical-align: center;
	white-space: nowrap;	
}

.tablepress_01 .column-2 {
    padding: 15px;
	vertical-align: center;
    border-right: 1px solid #000;
}

/* 内容部分のレイアウト */
.tablepress_01 .column-3,
.tablepress_01 .column-4,
.tablepress_01 .column-5 {
    padding: 15px;
	vertical-align: center;
    border-right: 1px solid #000;
}

/*通常テーブル*/
.tablepress_02 {
    border-collapse: collapse;
	padding: 15px;
    text-align: center;
	vertical-align: center;
    border: 1px solid #000;
}

 
.tablepress_02 thead th {
    padding: 15px;
	color:#000;
	text-align: center;
	vertical-align: center;
    font-weight: bold;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
	border-left: 1px solid #000;
    border-bottom: 2px solid #c00 !important;
    background: #dcdcd1;
}
 
.tablepress_02 .row-2 .column-1,
.tablepress_02 .row-3 .column-1,
.tablepress_02 .row-4 .column-1 {
    padding: 15px;
	text-align: center;
    font-weight: bold;
    vertical-align: center;
    border-right: 1px solid #000;
    background: #ececec;
	white-space: nowrap;	
}

.tablepress_02 .row-5 .column-1,
.tablepress_02 .row-6 .column-1,
.tablepress_02 .row-7 .column-1,
.tablepress_02 .row-8 .column-1,
.tablepress_02 .row-9 .column-1,
.tablepress_02 .row-10 .column-1,
.tablepress_02 .row-11 .column-1,
.tablepress_02 .row-12 .column-1,
.tablepress_02 .row-13 .column-1 {	
    padding: 15px;
	 font-weight: bold;
	text-align: center;
    vertical-align: center;
    border-right: 1px solid #000;
    background: #ececec;
}

.tablepress_02 .row-1 {
    padding: 15px;
	text-align: center;
    font-weight: bold;
    vertical-align: center;
    border: 1px solid #000;
    background: #ececec;
}

 
/* 内容部分のレイアウト */
.tablepress_02 .column-2 {
    padding: 15px;
	text-align: center;
	vertical-align: center;
    border-right: 1px solid #000;
}

/* 内容部分のレイアウト */
.tablepress_02 .column-3,
.tablepress_02 .column-4,
.tablepress_02 .column-5 {
    padding: 15px;
	text-align: center;
	vertical-align: center;
    border-right: 1px solid #000;
}

 


/* すべてのセルに枠線を付加する */
.tablepress tbody td{
border: 1px solid black !important;
}

.small{
	font-size:85%;
	font-weight:nomal;
}

.red{
	font-size:85%;
	font-weight:bold;
	color:#c80003;
}

/* PCSP共通 */

/* 必須マーク */
.must{
	color: #fff;
	padding: 2px 10px;
background: #C51D51 !important;
display: inline-block;
text-align: center;
margin: 20px 5px;
border-radius: 3px;
font-size:90%;
}

/* 任意マーク */
.free {
	color: #fff;
	padding: 2px 10px;
background: #3999AC !important;
display: inline-block;
text-align: center;
margin: 20px 5px;
border-radius: 3px;
	font-size:90%;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
	padding:0px 5px;
	margin:10px 5px;
}


.wpcf7-form {
background-color: #f5f0e6;
border: 1px solid #d3c0a6;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}



 /* シンプル角丸 枠 1 */
.kakomi-maru1 {
margin: 1em auto;
padding: 1em;
width: 90%; /*幅の調節*/
color: #333333; /*文字色*/
background-color: #FAFAFA; /*背景色*/
border: 1px solid #EEEEEE; /*線の太さ・色*/
border-radius: 3px; /*角の丸み*/
text-align: left;
}

/* 入力項目を見やすくする*/
input.wpcf7-form-control
textarea.wpcf7-form-control.wpcf7-textarea {
	width:auto;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}

input.wpcf7-submit {
	width: 120px;
	height: 40px;
	color: #fff;
	padding: 2px 10px;
background: #921f24 !important;
display: inline-block;
text-align: center;
margin: 20px 5px;
border-radius: 3px;
	font-weight: 600;
}


/* PC
input.wpcf7-text {
	width:auto;
	padding: 8px 0;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}*/

.wpcf7-select {
	max-width: 100% !important;

}

textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

.wpcf7 textarea[name="your-message"] {
        width: auto;
	    height: 150px !important;
}

.wpcf7 textarea[name="group-other"] {
        width: auto;
        height: 250px !important;
}

.wpcf7 textarea[name="your-subject"] {
        width: auto;
	 height: auto !important;
}



input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}


input.wpcf7-confirm {
	width: 120px;
	height: 40px;
	background: #b72525;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

input.wpcf7-back {
	width: 120px;
	height: 40px;
	background: #b72525;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width:644px){
input.wpcf7-text {
	width:87%;
	padding: 8px 0;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}

.wpcf7-select {
	max-width: 100% !important;
}


textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

.wpcf7 textarea[name="your-message"] {
        width: 80%;
	    height: 150px !important;
}

.wpcf7 textarea[name="group-other"] {
        width: 80%;
        height: 250px !important;
}

.wpcf7 textarea[name="your-subject"] {
        width: 90%;
	 height: auto !important;
}



input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}




input.wpcf7-confirm {
	width: 120px;
	height: 40px;
	background: #b72525;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

input.wpcf7-back {
	width: 120px;
	height: 40px;
	background: #b72525;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
}


/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}



/* 投稿記事の余白 */
.post_content > * {
	margin-bottom: 4em;
}

/*SWELLフッター背景*/
#footer {
background-image: url( https://theballetcom.jp/wp-content/uploads/2025/03/footer.jpg );
	  width: 100%;
  height: 100%;
	object-fit: cover
	  background-attachment: fixed;
	  background-size: cover;
	  background-position: center;
}

.c-widget__title{
	margin-top:-5px;
	font-size:20px;
}

@media screen and (max-width:767px) {
    table{
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}