@charset "UTF-8";
/*
    Template: swell
    Theme Name: OSMAND.Theme
    Theme URI: https://osmand.ssp-inc.jp/
    Description: OSMANDのテーマ
    Version: 1.0.0
    Author URI : https://osmand.ssp-inc.jp/
    
*/

/* プラン */
.is-style-onborder_ttl2{
	font-size: 1.1rem;
	font-weight:bold;
}
.plan{
	font-size: 0.85rem;
	font-weight:bold;
}

/* 投稿カード */
.-type-card .p-postList__excerpt {
    line-height: 2em;
    margin-top: 20px;
}


/* メニュー */
.post_content .td_to_th_ tbody td:first-child, .post_content tbody th{
	background-color:var(--color_main);
}
.alacarte table {
    border-top: none;
    border-right: none; 
}

.alacarte td, .alacarte th{
	   border-left: none;
}

.pc{
	display:none;
}

/* 住所欄 */
.adress-table{
	padding:15px;
	border: solid 1px #ffffff;
}

/* グローバルメニュー 予約ボタン */
.reserve-text{
	 display:block;
}
.reserve-btn{
	background:none;
}

.c-gnav>.menu-item>a::after {
    position: relative;
    bottom: -10px;
    left: 0;
    display: noen;
    transition: width .25s,height .25s,-webkit-transform .25s;
    transition: transform .25s,width .25s,height .25s;
    transition: transform .25s,width .25s,height .25s,-webkit-transform .25s;
    content: "";
}
.c-gnav > li:hover > a::after, .c-gnav > .-current > a::after{
		　transform:scaleX(0) !important;
}

.c-gnav a::after {
    background: transparent !important;
    width: 0 !important;
    height: 0 !important;
    transform: scaleX(0) !important;
}

/* サブメニュー 背景*/
.c-gnav .sub-menu {
    color: #333 !important;
    background:fff !important;
	 opacity:0.8 !important;
}

/* プラン紹介 文字背景をゴールド */
.cap_box_ttl{
	background-color:#7b7859 ;
}
.cap_box_content{
	border: solid 1px #7b7859 ;
}
.post_content .cap_box{
	margin:1rem auto;
}

/* キャストの名前 */
.wp-block-gallery .blocks-gallery-item figcaption{
	font-size:1em;
}

/* ポップアップサイズ */
.sgpb-main-html-content-wrapper{
	max-width:700px;
}

/*　プランの上余白調整 */
@media (max-width: 959px){
.wp-block-column+.wp-block-column {
    margin-top: 1em !important;
}
}


/* Google Map レスポンシブ */
#map {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

#map .inner {
	position: relative;
	height: 0;
	padding-top: 90%;
	overflow: hidden;
}

#map .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 960px) {

	#map .inner {
		padding-top: 75%;
	}

}

@media (max-width: 600px) {

	#map .inner {
		padding-top: 100%;
	}

}

/*　ContactForm7のテーブル化レスポンシブ調整　*/
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:768px){
.inquiry th,.inquiry 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;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .requied,.inquiry .option {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:medium;
 color:#fff;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
line-height:2em;
}
/*通常欄*/
.inquiry td{
 font-size:medium;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.requied{
 font-size:x-small;
 padding:5px;
 background:#DD3333;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.option{
 font-size:x-small;
 padding:5px;
 background:#1e73be;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタン・チェックボタンを縦並び指定*/
.verticallist .wpcf7-list-item, span.wpcf7-list-item{
 display:block;
}
/* チェックボックス サイズ */
input[type=checkbox] ,input[type=radio] {
	transform:	scale(1.6);
	margin-right:15px;
	margin-bottom: 10px;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 margin:0 auto;
 margin-top:30px;
 width:50%;
 background:#b79646 ;
 color:#fff;
 font-size:x-large;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#b79646 ;
 color:#fff;
 opacity:0.7;
}

/* 送信ボタン非活性時のグレー表示 */
input#formbtn:disabled {
    background:#cccccc;
    cursor:not-allowed; /* 禁止カーソル */
}

/* チェックボックスのサイズ変更 */
input[type=checkbox],input[type="radio"] , {
  transform: scale(1.6);
	margin-right:10px
}

/* テキスト欄調整 */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}

@media(min-width:769px) {
	
.pc{
	display:table-cell;
}
	
.inquiry th{
	    text-align: right;
}
	/* プラン */
.is-style-onborder_ttl2{
	font-size: 1.5rem;
	font-weight:bold;
}
.plan{
	font-size:1rem;
	font-weight:bold;
}

.reserve-text{
	 display:none;
}
.reserve-btn{
	position:relative;
	left:-0.8rem;
	top:20px;
	content:"";
	display:inline-block;
	width:176px;
	height:auto;
	background:url(https://osmand.ssp-inc.jp/wp/wp-content/uploads/2020/12/contact.png) no-repeat;
	background-size:contain;
}
	
/* ポップアップサイズ */
.sgpb-main-html-content-wrapper{
	width:650px;
}

}