/*
Theme Name: Twenty Twenty Five Child
Template: twentytwentyfive
*/

/*
@media screen and (min-width: 781px) {
.wp-block-navigation__responsive-container{

}
.wp-block-navigation__container.is-responsive.wp-block-navigation{
		flex-direction:row!important;
	}
	.wp-block-navigation__responsive-container{
		background-color:rgb(255,255,255,0.9)!important;
	}
}
*/
/*-----------------------------------------------------------------------------------
　全体
-----------------------------------------------------------------------------------*/
:root{
/*	--color_main:#501a27;
	--color_palepink:#fde2db;
	--color_pink:#dda2c4;*/
	--color_calendar:#f6e1ff;    /* カレンダーの休前日・ハイシーズン */	
}

body{
	line-height: 1.5;
}


/* iOS26対策 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p{
	text-wrap:wrap!important;
}

strong{
	font-weight:bold;
}

.width800{
	max-width:800px;
}
.width650{
	max-width:650px;
}

/* 画像をクリックしたとき背景が黒くなるのを透過 */
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
	background-color:transparent;
}
/* 画像をクリックしたときに出る黒枠を解除 */
:where(.wp-site-blocks *:focus) {
    outline-width: 0px!important;
    outline-style: none!important;
}

html {
scroll-behavior: smooth;
}

.m_b_none {
	margin-bottom: 0!important;
}
.m_t_none {
	margin-top: -1em!important;
}
.toko_day {
	margin-bottom: 0!important;
}

/*--------------------------------
 * 文字色
 * -----------------------------*/
:where(.wp-block-cover-image.is-light:not(.has-text-color)), :where(.wp-block-cover.is-light:not(.has-text-color)){
	color:#333333;
}


/*-----------------------------------------------------------------------------------
　ヘッダー
-----------------------------------------------------------------------------------*/
header .wp-block-navigation ul, header .wp-block-navigation ul li {
/*	text-shadow: 5px 3px 10px rgba(0, 0, 0, 0.5);*/
    font-weight: 900;
	color:#fff!important;
}
.page_site-logo_wrap {
	margin-bottom:30px!important;
}
@media screen and (max-width: 781px) {
.page_site-logo_wrap {
gap: 10px!important;
}
.page_site-logo img {
	width:100px!important;	
}
.page_site-logo_wrap {
	margin-bottom:100px!important;
}
body:not(.home) .page_site-logo_wrap{
	margin-bottom:20px!important;
}
}

/*-----------------------------------------------------------------------------------
　バーガーメニュー
-----------------------------------------------------------------------------------*/
.wp-block-navigation__responsive-container-open {
    color: #fff!important;
    position: fixed;
    /*background-color: rgb(28 48 92 / 0.7)!important;*/
    padding: 5px;
    right: 0px;
	/*border-radius:3px;*/
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .2);
	background: #ffffffdb!important;
	padding: 0.45rem;
	top: 40px;
}
.wp-block-navigation__responsive-container-close {
	color: #000!important;
}
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{
	width:40px;
	height:40px;
	fill: #666;
}
.wp-block-navigation__responsive-container-open {
    top: 35px!important;
}
.wp-block-navigation__responsive-container-close {
    top: -15px!important;
}
.wp-block-navigation__responsive-container-content {
padding-top:35px!important;
}

/*-----------------------------------------------------------------------------------
　ホーム以外のヘッダー
-----------------------------------------------------------------------------------*/
.pageheader_wrap {
	min-height:350px;
}

/*-----------------------------------------------------------------------------------
　フッター
-----------------------------------------------------------------------------------*/
footer{
	position:relative;
	z-index:0;
	background-color:#f8f8f8;
	margin-top: 0 !important;
}

/*-----------------------------------------------------------------------------------
　見出し
-----------------------------------------------------------------------------------*/
.page h1 {
	display:none;
}
h2 {
	color: #666!important;
    margin-top: 5px !important;
	font-size: 1.5em!important;
	font-weight: 700;
}
.h2_sub {
    color: #b79767!important;
	margin-top:5px!important;
}
h3 {
    margin-bottom: 2em;
    color: #80cde3!important;
    font-size: 1.3em;
    text-align: center;
	font-weight: 700;
}
.h3_sub {
	font-size: 0.7em;
}
h3:after {
 /*   content: "";
    position: absolute;
    right: 0;
    left: 0;
    border-top: 1px solid #80cde3;
    width: 80px;
    margin: 40px auto 0 auto;*/
}
.h3_new {
    color: #000!important;
	width: calc(100% - 8em);
}
.h3_new a {
    font-weight: normal!important;
	line-height: 1.3em;
}
.h3_new:after {
    display:none;
}
.h3_privacy {
	text-align:left!important;
}
@media screen and (max-width: 781px) {
h2 {
	font-size: 1.3em!important;
}
.h2_sub {
	font-size: 0.85em!important;
}
h3 {
    font-size: 1em;
}
.spacer_10 {
	height:0px!important;
}
}

/*---------------------------------------
 * ご予約・お問い合わせ、空室情報
 * ------------------------------------*/
.fix_menu_yoko{
	position:fixed;
	width:1em;
	right:0;
/*	padding:15px;*/
	z-index:9999;
/*	background:#c7ad94ee;*/
	background:#ffffffdb;
	color:#111!important;
/*	border-radius:5px 0 0 5px;*/
/*	font-weight:bold;*/
	font-size:16px!important;
	line-height:1em;
/*	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;*/
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .2);
	padding: 1.3rem 1.2rem 1.4rem;
/*    border-radius: .8rem 0 0 .8rem;*/
}
.fix_menu_yoko a{
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.link_kushitsu{
	top: 97.2px;
/*	height: 5em;*/
}
.link_yoyaku {
	top: 217px;
	height:10em;
}

@media screen and (max-width: 781px) {
.fix_menu_yoko {
	top:auto;
	bottom:0;
	width:calc(50% - 3px);
	height:1em;
	border-radius:0;
/*	border:solid 2px #baa28c;*/
	text-align:center;
	padding:15px 0;
	-ms-writing-mode: unset;
	writing-mode: unset;
}
.link_kushitsu {
	left:0;
	width: 35%;
}
.link_yoyaku {
	left: 35%;
	width:65%;
}
}

/*-----------------------------------------------------------------------------------
　ボタン
-----------------------------------------------------------------------------------*/

/*白*/
.button_w {
	width:300px;
	height:60px;
	border: #aaa 0px solid;
}
.button_w .wp-element-button:hover, .button_w .wp-block-button__link:hover{
    background-color: #666 !important;
    color: #fff!important;
    transition: background-color 0.7s;
    text-decoration: none !important;
	border-radius:0px;
}
/*白（2行）*/
.button_w2 {
	width:300px;
	height:80px;
	border: #aaa 0px solid;
}
.button_w2 .wp-element-button:hover, .button_w2 .wp-block-button__link:hover {
    background-color: #666 !important;
    color: #fff!important;
    transition: background-color 0.7s;
    text-decoration: none !important;
	border-radius:0px;
}

/*水色*/
.button_lb {
	width:300px;
	height:60px;
}
.button_lb .wp-element-button:hover, .button_lb .wp-block-button__link:hover {
    background-color: #666!important;
    transition: background-color 0.7s;
	border-radius:0px;
}

/*水色（小）*/
.button_lb_s {
	width:70px;
	height:70px;

}
.button_lb_s .wp-element-button:hover, .button_lb_s .wp-block-button__link:hover {
    background-color: #666!important;
    transition: background-color 0.7s;
	border-radius:0px;
}
.button_lb_s  .wp-block-button__link {
	border-radius:70px!important;
	font-size:0.9em;
	font-weight:bold;
	padding:0!important;
	background: #80cde3;
    color: #fff;
}

/*-----------------------------------------------------------------------------------
　表
-----------------------------------------------------------------------------------*/
/*ホーム（price）*/
.price_t table {
/*    width: 70%!important;*/
    margin: 0 auto 2em auto;
}
.price_t table tr:nth-child(1) {
	background-color: #fafafa;
}
.price_t td:nth-child(1) {
	background-color: #fafafa;
	font-weight:normal;
}
.price_t td:nth-child(2),.price_t td:nth-child(3) {
	text-align:center;
}
.price_t td {
    border: solid 1px #eee !important;
}

/*price*/
.price_t2 table {
    width: 70%!important;
    margin: 0 auto 2em auto;
}
.price_t2 table tr:nth-child(1) {
	background-color: #fafafa;
}
.price_t2 td:nth-child(1) {
	background-color: #fafafa;
	font-weight:normal;
}
.price_t2 td:nth-child(2),.price_t2 td:nth-child(3) {
	text-align:center;
}
.price_t2 td {
    border: solid 1px #eee !important;
}
/*price（1行）*/
.price table {
    width: 70%!important;
    margin: 0 auto 2em auto;
}
.price td:nth-child(1) {
	background-color: #fafafa;
}
.price td {
    border: solid 1px #eee !important;
}
@media screen and (max-width: 781px) {
.price_t table {
    width: 100%!important;
}
.price_t2 table {
    width: 100%!important;
}
.price table {
    width: 100%!important;
}
}
/**　文字をセンターにする　**/
.details tr:nth-child(odd) {
	text-align: center;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------------
　ホーム
-----------------------------------------------------------------------------------*/
header {
    position: absolute;
    z-index: 1;
    width: 100% !important;
}
.firstview_wrap {
	height:100vh;
}
.firstview_catch {
	text-shadow: 5px 3px 10px rgba(0, 0, 0, 0.5);
    font-weight: 900;
	color:#fff!important;
	font-size: 1rem !important;
}
@media screen and (max-width: 781px) {
.firstview_catch {
	font-size: 0.8125rem !important;
}	
}
@media screen and (max-width: 481px) {
.firstview_wrap {
	min-height:calc(100vh - 100px);
	height:calc(100vh - 50px);
}
}


/*firstview
 * iPhoneではbackground-attachiment:fixed;が効かないため固定背景ができません
 * それを回避するためにpositon:fixedと使用しますが、
 * そのままだと他のブロックの背景にも固定背景が出てしまいます。
 * そのためにカバーブロックのbackground-colorを白にしています。
 * また、headerとfooterもそのままでは固定背景の裏に回ってしまうため
 * positon:relativeとz-indexを指定しています。
 * */
@media screen and (max-width: 781px) {
.firstview_wrap .wp-block-cover__image-background.has-parallax{
	position: fixed;
	z-index:0;
}
.wp-block-cover{
	background-color:#fff;
}
.wp-block-cover.firstview_wrap{
	background-color:transparent;
}
.top_con {
	margin-top:0!important;		
}
}

/*WELCOME TO LE PHARE SHIRAHAMA*/
.con_go{
	display:block;
}
@media screen and (max-width: 1000px) {
.con_go{
	display:none;
}
}


/*RESERVATION & INQUIRY*/
.tel {
	font-size:2em;
	font-weight:400;
}
.tel a {
	text-decoration: none !important;
}
.tel_sub {
	margin-top: 0 !important;
}

/*BAND*/
p.band_sub {
    color: #80cde3!important;
    font-size: 1.5em;
    text-align: left;
}

.studio_box {
	gap:0!important;
	margin-top: 10px;
}
@media screen and (max-width: 781px) {
p.band_sub {
	font-size: 1.2em;
	text-align: center;
}
}
/* ブランジスタバナー */
.brangista{
	text-align:center;
}
.brangista img{
	max-width:666px!important;
}



/*-----------------------------------------------------------------------------------
　COTTAGE
-----------------------------------------------------------------------------------*/
.cottage_c table {
	width:60%;
	margin:0 auto 2em auto;
}
.cottage_c table tr:nth-child(1) {
	background-color:#f8f8f8;
	padding:10px;
	border:solid 1px #eee;
	text-align:center;
	font-weight:700;
}
.cottage_c table td{
	padding:10px;
	border:solid 1px #eee;
}

@media screen and (max-width: 781px) {
.wp-block-gallery.cottage_photo {
	gap:0.1em!important;
}
.cottage_photo .wp-block-image {
	max-width: 33% !important;
}
}
@media screen and (max-width: 700px) {
.cottage_c table {
	width:100%;
}
}

/*-----------------------------------------------------------------------------------
　BAMD
-----------------------------------------------------------------------------------*/
.band_bbq_p img {
	width:240px;
	height:300px;
}
@media screen and (max-width: 782px) {
.band_box_r {
	flex-direction:column-reverse;
}
}
@media screen and (max-width: 481px) {
.spacer_20 {
	height:0!important;
}
}

/*--------------------------------------
投稿
---------------------------------------*/
.single .wp-block-post-title {
	font-size:1.625rem!important;
    font-weight: 700!important;
}
@media screen and (max-width: 481px) {
.single .wp-block-post-title {
	font-size:1.5rem!important;
}
}



/*--------------------------------------
復興ソングプロジェクト
---------------------------------------*/
.artist {
	font-size: 17px;
	line-height: 1.8;
}
.fukkou {
	text-align: center!important;
	color: #14b0ca!important;
	/*font-weight: bold;*/
	line-height: 1.5em;
	font-weight: 400;	
}
.fukkou_img {
	text-align: center;
}
.fukkou_img .wp-caption {
    display: inline-block;
	margin: 1.5em;
}
.fukkou h2 {
	margin-bottom: 1.2em;
	margin-top: 2em;
	color: #14b0ca!important;
}
.fukkou h3 {
	font-size: 1.2em!important;
    font-weight: bold!important;
	color: #14b0ca !important;
	margin-top: 2em;
}
.fukkou .wp-caption .wp-caption-text,
.fukkou .wp-caption .wp-caption-text a,
.post-3832 h1.entry-title,
.fukkou a {
	color: #14b0ca!important;	
}
.interval {
	line-height: 2em;
}
.cap_left {
	text-align: left;
	display: block;
	font-size: 14px;
}
.fukkou .wp-caption .wp-caption-text {
	font-size: 16px;
}
@media screen and (max-width: 765px){
.s_left {
	text-align: left;
	}
	.fukkou br.br_none {
		display: none;
	}
	h2.s_small {
		font-size: 1.2em!important;
	}	
}
/*--------------------------------------
 ＣＤ販売フォーム（復興ソング）
---------------------------------------*/
#post-4135 .entry-header {
	margin-bottom: 0px!important;
}
#post-4135 .entry-title {
	color:#14b0ca!important;
}
.dl .cd {
	width: 100%;
}
.cd span.hissu{
	color:#fff;
	background-color:#dc0a3c;
	padding:0 5px;
	font-size:0.9em;
	margin-right:0.3em;
	
}
.cd input[type=text],.cd input[type=email],.cd input[type=select],.cd input[type=number]{
	height:30px!important;
}

.cd textarea{
	margin-top:10px;
}
.cd .plan {
	margin-top: 3em;
}
.cd dt{
	width:350px;
	float:left;
	padding-top:14px;
	font-weight:normal;
	font-size:0.9em;
	min-height:3em;
}
.cd .ryo {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px!important;
	text-align: center;
}
.cd .ryokin{
	width: 500px;
	float:left;
/*	border-bottom:solid 1px #eee;*/
	padding: 1.2em 2em;
	line-height:1.5em;
	margin:0;
	min-height:3em;
}
.cd .kazu {
	width: 50px;
	float:left;
	margin: 2em 0;
}
.cd dd:last-child {
	border-bottom:none;
}
select,
input,
textarea {
	font-size:16px!important;
}



@media screen and (max-width: 1000px) {
.cd dt{
	width:45%;
	}
.cd .ryokin{
	width: 45%;
}
.cd .kazu {
	width: 10%;
	}
}

@media screen and (max-width: 766px) {
.cd dt{
	width:100%;
	float: none;
	text-align: center;
	}
.cd .ryokin{
	width: 90%;
	padding: 0 2em 1.2em;
}
.cd .kazu {
	width: 10%;
	}
.cd .plan {
	margin-top: 1.5em;
}	
}

@media screen and (max-width: 450px) {
.cd .ryokin{
	width: 80%;
	padding: 0 1em 1.2em;
}
.cd .kazu {
	width: 15%;
	font-size: 16px;
	}
#post-4135 .entry-title {
	font-size: 1.2em;
	}
.cd h2 {
	font-size: 1.3em!important;		
	}	
}

/*--------------------------------------
NHK FMシアター「風のあと咲き」ページ
---------------------------------------*/

.fm_shokai {
	float: right;
	width: 80%;
	padding-left: 10px;
}
.fm_shokai_img {
	float: left;
	width: 20%;
	margin-bottom: 15px;
}
@media screen and (max-width: 1070px) {
.fm_shokai {
	padding: 0px 15px;
}
}
@media screen and (max-width: 770px) {
.fm_shokai {
	float: none;
	width: 100%;
	padding: 10px;
}
.fm_shokai_img {
	float: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
}
.page-id-5148 h1.entry-title {
	display: none;
}
.page-id-5148 .site-content {
	padding-top: 0px;
}
.fm br.br_none {
		display: none!important;
	}
.fm .link_mb {
	text-align: center;
}
.biko {
	margin-left: 200px;
	text-align: left!important;
}
.fm h1,
.fm h2 {
	text-align: center;
	color: #00918b!important;
}
.fm h1 {
	font-size: 2em;
}
.fm .title {
	font-size: 2em;
}
.fm .title2 {
	font-size: 1.3em;
}
.fm .subtitle {
	color: #ff7449;
	text-align: center;
	font-size: 20px;
}
.fm h2 {
	margin-bottom: 1em;
}
.fm .img_title {
	font-weight: bold;
	text-align: left!important;
	margin: 1em 0 0.5em!important;
    font-size: 1.1em;
}
@media screen and (max-width: 1016px) {
.fm .title {
	font-size: 1.5em;
}
.fm .title2 {
	font-size: 1em;
}
.fm .subtitle {
	font-size: 18px;
}
}
@media screen and (max-width: 920px) {
.fm .title {
	font-size: 1.3em;
}
.fm .title2 {
	font-size: 0.8em;
}
.fm .subtitle {
	font-size: 18px;
	text-align: left!important;
}
}
@media screen and (max-width: 780px) {
.biko {
	margin-left: 0px;
	margin-top: 30px;
}
.fm .title {
	font-size: 1.2em;
}
.fm br.br_none {
		display: inline!important;
	}
}
/*--------------------------------------
 ＣＤ販売フォーム(FMシアター)
---------------------------------------*/
input#zip {
	width: auto;
}
#post-5229 .entry-header {
	margin-bottom: 0px!important;
}
#post-5229 .entry-title {
	color:#00918b!important;
}
.dl .cd {
	width: 100%;
}
.cd span.hissu{
	color:#fff;
	background-color:#dc0a3c;
	padding:0 5px;
	font-size:0.9em;
	margin-right:0.3em;
	
}
.cd input[type=text],.cd input[type=email],.cd input[type=select],.cd input[type=number]{
	height:30px!important;
}


.cd textarea{
	margin-top:10px;
}
.cd .plan {
	margin-top: 3em;
}
.fm dt{
	width:220px;
	float:left;
	padding-top:14px;
	font-weight:normal;
	font-size:0.9em;
	min-height:3em;
}
.cd .ryo {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px!important;
	text-align: center;
}
.fm .ryokin{
	width: 630px;
	float:left;
/*	border-bottom:solid 1px #eee;*/
	padding: 1.2em 1em 1.2em 1.5em;
	line-height:1.5em;
	margin:0;
	min-height:3em;
}
.cd .kazu {
	width: 50px;
	float:left;
	margin: 2em 0;
}
.cd dd:last-child {
	border-bottom:none;
}
select,
input,
textarea {
	font-size:16px!important;
}
.kingaku {
	font-size: 1.5em!important;
}


@media screen and (max-width: 1000px) {
.fm.cd dt{
	width:25%;
	}
.fm.cd .ryokin{
	width: 65%;
}
.fm.cd .kazu {
	width: 10%;
	}
}

@media screen and (max-width: 781px) {
dd.cd_tel input[type=text] {
	width:auto!important;
}
}

@media screen and (max-width: 766px) {
.fm.cd dt{
	width:100%;
	float: none;
	text-align: center;
	}
.fm.cd .ryokin{
	width: 90%;
	padding: 0 2em 1.2em;
}
.fm.cd .kazu {
	width: 10%;
	}
.fm.cd .plan {
	margin-top: 1.5em;
}	
}

@media screen and (max-width: 450px) {
.fm.cd .ryokin{
	width: 80%;
	padding: 0 1em 1.2em;
}
.fm.cd .kazu {
	width: 15%;
	font-size: 16px;
	}
#post-4135 .entry-title {
	font-size: 1.2em;
	}
.cd h2 {
	font-size: 1.3em!important;		
	}	
}



/*--------------------------------------
 空室カレンダー
---------------------------------------*/
.vc-calendar-table .vc-status {
	color: #333;
	font-size: 1.05em!important;
	padding: 8px 0!important;
}
.vc-calendar-table .vc-date-num {
    text-align: center!important;
}
.vc-status.vc-type1 {
	background-color: var(--color_calendar);
}
p.calendar_mark::first-letter {
	color: var(--color_calendar);	
}


/*--------------------------------------
お問い合わせ
---------------------------------------*/

.spin input {
	width: 80px;
}
input[type="date" i] {
padding: 5px !important;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    padding: 5px!important;
}
input,select,textarea {
    border: #333333 solid 1px!important;
    border-radius: 5px!important;
}

.form_bun {
	margin-bottom:50px;
}
.click_button{
	margin-top:4em;
}
.toiawase span.hissu{
	color:#fff;
	background-color:#dc0a3c;
	padding:0 5px;
	font-size:0.9em;
	margin-right:0.3em;
	
}
.toiawase input[type=text],.toiawase input[type=email],.toiawase input[type=select],.toiawase input[type=number] {
	height:30px!important;
}
.toiawase select{
	height:30px!important;
	margin:0 0 10px 0;
}

.toiawase textarea{
	margin-top:10px;
	width:100%;
}
.toiawase dt{
	width:190px;
	float:left;
	padding-top:14px;
	font-weight:normal;
	font-size:0.9em;
	min-height:3em;
}

.toiawase dd{
	padding-left:190px;
/*	border-bottom:solid 1px #eee;*/
	padding-bottom:20px;
	padding-top:10px;
	line-height:1.5em;
	margin-left:10px;
	min-height:5em;
}
.toiawase dd:last-child {
/*	border-bottom:none;*/
}
@media screen and (max-width: 1000px) {
.toiawase dt{
		float:none;
		width:100%;
	}
.toiawase dd{
		padding-left:0;
	}
}
@media screen and (max-width: 781px) {
.toiawase input[type=text],.toiawase input[type=email],.toiawase input[type=text],.toiawase input[type=tel] {
	width:100%!important;
}
.toiawase select{
	width:100%;
}
.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
    display: inline-block;
    width: auto;
}
}

.form_bs {
	float:left;
	display:inline-flex;
	margin-right: 1em;
}
.form_bs p {
	margin: 0!important;
}
.form_bn {
/*	width:10em;*/
	margin:0em 1em;
}
.form_box {
    margin-top: 10px;
}
.form_box:after {
  display: block;
  clear: both;
  content: "";
}
@media screen and (max-width: 500px) {
.form_bn {
/*	width:8em;*/
}
}


.horizontal-item{
	float:left;
}
input[type="submit"]{
	color:#fff!important;
	font-weight:normal;
    width: 200px;
    height: 50px;
    font-size: 1em;
    border: none !important;
}
button, input[type="button"], input[type="submit"]{
	background-color:#80cde3;
}
input + button, input + input[type="button"], input + input[type="submit"]{
	background-color:#e6191e;
	padding:1em 2em;
}