/*
Theme Name: 
Description: , 
Version: 1.0
Author: Hotel Yuzawa Yuzawa Denkiya
Author URI: http://www.yuzawa-yuzawa.com
タグ: fixed width, right sidebar, two columns, valid XHTML, widgets
*/
:root {

/* シーズン切替 */
--season-style: haru;

--style-haru:none;
--style-natsu:none;
--style-aki: inline;
--style-fuyu:none;

--dev-width: 100%;
--dev-max-width: 1140px;
--dev-min-width: 320px;

--bg-color: #ffffff;
--text-color : #4c4c4c;

--fontsize-normal: 16px;
--lineheight-normal: 1.8em;
	
--base-color1:#F15A24;
--base-text-color1:#FFFFFF;
--base-color2:#FBB03B;
--base-text-color2:#624e46;
--base-color3:#fff7da;
--base-text-color3:#624e46;

--link-font-size : 14px;
--link-color : #4c4c4c;
--link-color-visit : #4c4c4c;
--link-color-hover : #4c4c4c;

	/* ヘッダコンテナ */
--header-bg-color : #ffffff;
--header-name-color : #ffffff;		/* 2025 */
--name_pc-shadow-color : #4d3426;	/* 2025 */
--header-link-color : #ffffff;
--header-link-hover-color: #888888;
--header-eng-bg-color: ;
--header-eng-bg-hover-color: ;
--header-eng--color: #ffffff;
--header-hb-link-color : #f0f0f0;

--menu-bg-color-dark: #a33637;			/* 2025 */
--menu-bg-color-light: #ff9e83;

--menu-icon-size:22px;
--menu-link-font-size : 14px;
--menu-link-color : #ffffff;
--menu-link-hover-color: #ffffff;
--menu-link-uline-color: #ffffff;

--menu-sub-bg-color: tranceparent;
--menu-sub-link-color: #ffffff;
--menu-sub-hover-color: #ffffff;

--mb-menu-container-bg-color: #4c3325;	/* 2025 */
--mb-menu-main-bg-color: #832020;				/* 2025 */
--mb-menu-main-acc-bg-color: #888;
--mb-menu-text-color: #ffffff;
--mb-menu-link-color: #ffffff;
--mb-menu-hover-color: #ffffff;
--mb-menu-icon-bg-color: #ffffff;		/* > */
--mb-menu-icon-mark-color: #8BA826;		/* > */

--mb-menu-sub-bg-color: #888;
--mb-menu-sub-acc-bg-color1: #ff5722;
--mb-menu-sub-link-color: #ffffff;
--mb-menu-sub-hover-color: #ffffff;

--mb-menu-allow-bg-color: #ffffff;		/* > マーク背景色 */
--mb-menu-allow-color: #888888;			/* > マーク文字色 */

--acc_content_main_width:  -80px;		/* アコーディオン幅　拡張 */
--acc-content-sub-bg-color: #666666;	/* hover アコーディオン */
--acc-content-sub-hover-bg-color: #999;	/* アコーディオン内hover */
--acc-content-sub-link-color: #ffffff;	/* hover アコーディオン */
--acc-content-sub-hover-color: #ffffff;	/* hover アコーディオン */

--btn--text-color : #ffffff;
--btn--org : #999999;
--btn--redorange : #eb6100;
--btn--orange: #ff8d00;
--btn--green: #1da111;

/* メニュータブ */
--btn--flat-base-color: #ffffff;
--btn--flat-wipecolor: #f0f0f0;
--btn--flat-text-color: #5d4037;
--btn--tel: #a33637;

--btn-color-ks: #24ad68;
--btn-color-ks: #4777b9;
--btn-color-ks-type1: #ffc600;
--btn-color-ks-type2: #f3420e;
--btn-color-ks-type3: #4777b9;

--btn-color-ks-hover1: #888;
--btn-color-ks-hover2: #24ad68;

--tab-panel-text-color: #ffffff;

/* over パネル */
--over-title-color:#ffffff;
--over-title-shadow-color:rgb(77, 52, 38);

/* 記事コンテナ */
--contents-wrap-bg-color: #ffffff;

--main-window-bg-color: 255,255,255,1.0;
--main-window-text-color : #4c4c4c;

--main-window-width : 100%;
--main-window-font-size : 15px;
--main-window-line-height : 1.5em;
--main-window-text-color : #4c4c4c;
--main-window-link-font-size : 15px;
--main-window-link-color : #4c4c4c;
--main-window-link-color-visit : #4c4c4c;
--main-window-link-color-hover : #888888;

/* ラベル */
--labeltitle-sub-fontsize: 14px;	/* サブ見出し */

--labeltitle-type1-bg-color: var(--menu-bg-color-dark);
--labeltitle-type1-text-color: #ffffff;

/* テーブルデザイン 01 */
--table-design01-midasi-bg-color : 85,59,44,1;
--table-design01-data-bg-color : 255,255,255,0.6;
--table-design01-border-color : #e7e5e5;
--table-design01-text-color : #4c4c4c;
--table-design01-font-size : 15px;
--table-design01-line-height : 1.5em;

/* Table */
--table-text-color : #4c4c4c;
--table-font-size : 15px;
--table-line-height : 1.5em;
--table-border-color : #4c4c4c;

/* フェードインテキストボックス */
--fadein-text-box-bg-color: 252,233,80, 0.6;
--fadein-text-box-bg-color: 229,229,229, 0.9;
--fadein-text-box-text-color: #4c4c4c;
--fadein-text-box-title-font-size: 18px;
--fadein-text-box-sub-bg-color: 251, 137, 108, 0.8;
--fadein-text-box-sub-bg-color: 0,0,0, 0.5;
--fadein-text-box-sub-text-color: #ffffff;
--fadein-text-box-sub-link-color: #ffffff;
--fadein-text-box-sub-hover-color: #ffeb3b;

--fadein-text-box-tooltip-bgcolor: #eb5e43; 

/* リンクボタン01 */
--link-btn01-bg-color : #ff5722;
--link-btn01-text-color : #ffffff;
--link-btn01-font-size : 12px;
--link-btn01-line-height : 1.5em;
--link-btn01-link-color: #ffffff;
--link-btn01-hover-color: #ffffff;
--link-btn01-icon-bg-color: #ffffff;		/* > */
--link-btn01-icon-mark-color: #999999;		/* > */


--link-btn01-bg-color-red: #eb5e43;
--link-btn01-bg-color-blue: #5588b1;
--link-btn01-bg-color-orange: #ff9800;
--link-btn01-bg-color-redorange: #eb6100;
--link-btn01-bg-color-green: #1da111;


/* フッタコンテナ */
--foot-bg-color : #4c3325;		/* 2025 */
--foot-text-color : #ffffff;	/* 2025 */
--foot-font-size : 13px;
--foot-line-height : 1.5em;
--foot-link-color : #ffffff;		/* 2025 */
--foot-link-hover-color: #f06666;	/* 2025 */
--foot-wrap-shadow-color: #4c3325;/* 2025 */
--foot-revtxt-color: #ffffff;		/* 2025 */


--form-border-color : #cccccc;
--form-focus-border-color : #fdb9b9;
--form-bg-color : 255,255,255,0.2;
--form-submit-bg-color : #ff7423;

}


:root0 {

	/* シーズン切替 */
    --season-style: natsu;


}


:root0 {

	/* シーズン切替 */
    --season-style: aki;


}


:root0 {

  /* シーズン切替 */
  --season-style: fuyu;


}

.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}

input { font-family:Arial,Helvetica,sans-serif; }

img {border: none;}

p { margin: 0; }
form{ margin: 6; }
hr{border: 1px #ffffff solid;}

a{font-size:var(--link-font-size);color:var(--link-color);text-decoration:none}
a:link{font-size:var(--link-font-size);color:var(--link-color);text-decoration:none}
a:visited{font-size:var(--link-font-size);color:var(--link-color-visit);text-decoration:none}
a:hover{font-size:var(--link-font-size);color:var(--link-color-hover);text-decoration:none}


* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
* {	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*PCの場合*/
	.pc { display:block !important; }
	.mb { display:none !important; }
	.pc-table { display:table !important; }
	.mb-table { display:none !important; }
@media screen and (max-width: 639px) {
/*タブレット、スマホの場合*/
	.pc { display:none !important; }
	.mb { display:block !important; }
	.pc-table { display:none !important; }
	.mb-table { display:table !important; }
}


/* 画像カラー切替 */

.haru { display:var(--style-haru) !important; }
.natsu{ display:var(--style-natsu)  !important; }
.aki  { display:var(--style-aki)  !important; }
.fuyu { display:var(--style-fuyu)  !important; }


.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

body {
	margin:0px auto;
	background-color: var(--bg-color);
	text-align: center;
	overflow-x: hidden;
	font-family:
	"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto,	"Droid Sans", sans-serif;
	-webkit-text-size-adjust: 100%;
	color: var(--text-color);
}

#wrap {
	position: relative;
	z-index: 3;
	display: block;	/* TOPへ戻るボタン動作に必須 */
	margin:0px auto;
	width:100%;
	height: auto; /* calc(100vh);ではアンカーが大きくズレる */
	top:0px;
	left:0px;
	max-height: 999999px;
	text-align: center;
}

.clr {
	clear:both;
}


/* container box max-min width */

.box_width {
	max-width:var(--dev-max-width);
	min-width:var(--dev-min-width);
}

/*                               */
/*                               */
/* ヘッダー wrap */
/*                               */
/*                               */

.head_wrap {
	position:fixed;
	display:inline-block;
	top:0px;
	z-index: 5;
	margin: 0 auto;
	width: 100%;
	height:auto;
	overflow:hidden;
	text-align: center;
}


/*                               */
/* ヘッダーコンテナ */
/*                               */

.head_container {
	position:fixed;
	z-index: 5;
	top:0px;
	left:0px;
	margin:0px auto;
	width: calc(100vw);	/* 100%では幅超過 */
	/*height: 110px;mediaini.jsで指定 */
	/*background-color: var(--header-bg-color);*/
	text-align: center;
	overflow: visible;
	/*background-image: url( mediaini.jsで切替);*/
	background-image:url(images2025/bgi.jpg);
  background-size: cover;
}

.head_container_box {
	margin:0px auto;
	width: 100%;
	/*max-width: var(--dev-max-width);*/
}

/* name pc/mb で表示切替 */
.head_container_box .name_pc {
	display:inline-block;
	float :left;
	text-align: left;
	margin:7px 0px 0px 96px;
	text-shadow:	/* .foot_address_box の text-shadow を上書き */
	 var(--name_pc-shadow-color) 2px 0 ,
	 var(--name_pc-shadow-color) -2px 0,
	 var(--name_pc-shadow-color) 0 -2px,
	 var(--name_pc-shadow-color) 0 2px,
	 var(--name_pc-shadow-color) 2px 2px,
	 var(--name_pc-shadow-color) -2px 2px,
	 var(--name_pc-shadow-color) 2px -2px,
	 var(--name_pc-shadow-color) -2px -2px,
	 var(--name_pc-shadow-color) 1px 2px,
	 var(--name_pc-shadow-color) -1px 2px,
	 var(--name_pc-shadow-color) 1px -2px,
	 var(--name_pc-shadow-color) -1px -2px,
	 var(--name_pc-shadow-color) 2px 1px,
	 var(--name_pc-shadow-color) -2px 1px,
	 var(--name_pc-shadow-color) 2px -1px,
	 var(--name_pc-shadow-color) -2px -1px;
}
.head_container_box .name_mb {
	display:none;
	float :left;
	text-align: left;
	margin:8px 0px 0px 96px;
	text-shadow:	/* .foot_address_box の text-shadow を上書き */
	 var(--name_pc-shadow-color) 2px 0 ,
	 var(--name_pc-shadow-color) -2px 0,
	 var(--name_pc-shadow-color) 0 -2px,
	 var(--name_pc-shadow-color) 0 2px,
	 var(--name_pc-shadow-color) 2px 2px,
	 var(--name_pc-shadow-color) -2px 2px,
	 var(--name_pc-shadow-color) 2px -2px,
	 var(--name_pc-shadow-color) -2px -2px,
	 var(--name_pc-shadow-color) 1px 2px,
	 var(--name_pc-shadow-color) -1px 2px,
	 var(--name_pc-shadow-color) 1px -2px,
	 var(--name_pc-shadow-color) -1px -2px,
	 var(--name_pc-shadow-color) 2px 1px,
	 var(--name_pc-shadow-color) -2px 1px,
	 var(--name_pc-shadow-color) 2px -1px,
	 var(--name_pc-shadow-color) -2px -1px;
}

.head_container_box .name_pc h1, .head_container_box .name_mb h1 {
	padding-top:4px;
	color: var(--header-name-color);
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}

.head_container_box .lang {
	float :right;
	margin:11px 80px 0px 0px;
	width:auto;
	height:18px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	text-align: left;
}
.head_container_box .lang a  {
	font-size:15px;
	line-height:14px;
	font-weight:normal;
	background-color: var(--header-eng-bg-color);
	padding: 0 6px;
}
.head_container_box .lang a:hover  {
	background-color: var(--header-eng-bg-hover-color);
}

.head_container_box  img {
	vertical-align:middle;
	margin:0px 6px 3px 6px;
	opacity: 0.9;
 	filter: alpha(opacity=90);
 	-moz-opacity: 0.9;
}

.head_container_box .name_eng {
	float :left;
	text-align: left;
	margin: 5px 0px 0px 0px;
}

.head_container_box .name_eng h1 {
	padding-top:4px;
	color: var(--header-name-color);
	font-size:12px;
	line-height:13px;
	font-weight:normal;
}

.head_container_box a {color:var(--header-link-color);text-decoration:none;}
.head_container_box a:link {color:var(--header-link-color);}
.head_container_box a:visited {color:var(--header-link-color);}
.head_container_box a:hover {color:var(--header-link-hover-color);}

.head_clr {
	clear:both;
}


/* ハンバーガーメニュー head_containerと同じ位置をオーバーラップ */

.head_toggle_container {
	position:fixed;
	z-index: 8;
	top:0px;
	left:0px;
	margin:0px auto;
	width: calc(100%);	/* 100vwではlistの右marginが変動 */
	height: 0; /* z-index 回避 */
	text-align: center;
	overflow: visible;
    background-size: cover;
}

.head_toggle_container_box {
	margin:0px auto;
	width: 100%;
	/*max-width: var(--dev-max-width);*/
	height: 0; /* z-index 回避 */
}

.head_toggle_container_box .logo {
	display:flex;
	float :left;
	margin: 1px 0px 0px 10px;
	width:auto;
	height:37px;
	text-align: left;
	align-items: center;
}

.head_toggle_container_box .logo a img {
	/*margin: -1px 6px 0px 6px;*/
	width:auto;
	height:32px;
	background-size: 77px 32px;
}



/* name pc/mb で表示切替 */
.head_toggle_container_box .name_pc {
	display:flex;
	align-items: center;
	width: calc(100% - 300px);
	height: 32px;
	float :left;
	text-align: left;
	margin:0px 0px 0px 7px;
	text-shadow:	/* .foot_address_box の text-shadow を上書き */
	 var(--name_pc-shadow-color) 2px 0 ,
	 var(--name_pc-shadow-color) -2px 0,
	 var(--name_pc-shadow-color) 0 -2px,
	 var(--name_pc-shadow-color) 0 2px,
	 var(--name_pc-shadow-color) 2px 2px,
	 var(--name_pc-shadow-color) -2px 2px,
	 var(--name_pc-shadow-color) 2px -2px,
	 var(--name_pc-shadow-color) -2px -2px,
	 var(--name_pc-shadow-color) 1px 2px,
	 var(--name_pc-shadow-color) -1px 2px,
	 var(--name_pc-shadow-color) 1px -2px,
	 var(--name_pc-shadow-color) -1px -2px,
	 var(--name_pc-shadow-color) 2px 1px,
	 var(--name_pc-shadow-color) -2px 1px,
	 var(--name_pc-shadow-color) 2px -1px,
	 var(--name_pc-shadow-color) -2px -1px;
}
.head_toggle_container_box .name_mb {
	display:none;
	align-items: center;
	height: 32px;
	float :left;
	text-align: left;
	margin:0px 0px 0px 0px;
	text-shadow:	/* .foot_address_box の text-shadow を上書き */
	 var(--name_pc-shadow-color) 2px 0 ,
	 var(--name_pc-shadow-color) -2px 0,
	 var(--name_pc-shadow-color) 0 -2px,
	 var(--name_pc-shadow-color) 0 2px,
	 var(--name_pc-shadow-color) 2px 2px,
	 var(--name_pc-shadow-color) -2px 2px,
	 var(--name_pc-shadow-color) 2px -2px,
	 var(--name_pc-shadow-color) -2px -2px,
	 var(--name_pc-shadow-color) 1px 2px,
	 var(--name_pc-shadow-color) -1px 2px,
	 var(--name_pc-shadow-color) 1px -2px,
	 var(--name_pc-shadow-color) -1px -2px,
	 var(--name_pc-shadow-color) 2px 1px,
	 var(--name_pc-shadow-color) -2px 1px,
	 var(--name_pc-shadow-color) 2px -1px,
	 var(--name_pc-shadow-color) -2px -1px;
	font-feature-settings: "palt";
}

.head_toggle_container_box .name_pc h1, .head_toggle_container_box .name_mb h1 {
	padding-top:4px;
	color: var(--header-name-color);
	font-size:13px;
	line-height:14px;
	font-weight:normal;
}
.head_toggle_container_box .name_mb h1 {
	font-size:15px;
	line-height:15px;
	font-weight:normal;
	font-feature-settings: "palt";
}

.head_toggle_container_box .lang {
	display:inline-block;
	opacity: 0;		/*display: では translate が機能しない opacity で表示非表示切替*/
	float :right;
	margin:11px 11px 0px 0px;
	width:auto;
	height:18px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	text-align: left;
	transition: transform 1s ease;
}
.head_toggle_container_box .lang a  {
	font-size:15px;
	line-height:14px;
	font-weight:normal;
	background-color: var(--header-eng-bg-color);
	padding: 0 6px;
	color: var(--header-eng--color);
	font-feature-settings: "palt";
}
.head_toggle_container_box .lang a:hover  {
	background-color: var(--header-eng-bg-hover-color);
}

.head_toggle_container_box  img {
	vertical-align:middle;
	margin:0px 6px 3px 6px;
/*	opacity: 0.9;
 	filter: alpha(opacity=90);
 	-moz-opacity: 0.9;
*/
}


.head_toggle_container_box .list {
	display:block;
	float :right;
	margin:1px 20px 0px 0px;
	width:30px;
	height:30px;
	text-align: left;
}

.list_toggle {
    display: block;
    position: fixed;
    width: 42px;
    height: 40px;
    cursor: pointer;
    z-index: 5;
    /*background: #8BA826;*/
    text-align: center;
}
.list_toggle span {
    display: block;
    position: absolute;    /* .list_toggleに対して */
    width: 27px;
    border-bottom: solid 3px var(--header-hb-link-color);
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
.list_toggle span:nth-child(1) {
    top: 5px;
}
.list_toggle span:nth-child(2) {
    top: 14px;
}
.list_toggle span:nth-child(3) {
    top: 24px;
}
/* X */
.list_toggle.active span:nth-child(1) {
    top: 14px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.list_toggle.active span:nth-child(2),
.list_toggle.active span:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* head 補正 */

@media screen and (max-width: 639px) {

.head_container .name_pc {
	display:none;
}
.head_container .name_mb {
	display:flex;
}
.head_container .name_pc h1, .head_container .name_mb h1 {
	font-size: 15px;
}

.head_toggle_container .name_pc {
	display:none;
}
.head_toggle_container .name_mb {
	display:flex;
}
.head_toggle_container .name_pc h1, .head_container .name_mb h1 {
	font-size: 15px;
}

}

@media screen and (max-width: 480px) {

.head_wrap {
	width:calc(100vw);	/* 100%では900pxくらいになる */
	height: 0;
}
.head_container {
	width:calc(100vw);	/* 100%では900pxくらいになる */
	min-width:320px;
}
.head_container .logo {
	margin: 3px 0px 0px 5px;
}
.head_container .name_pc {
	display:none;
}
.head_container .name_mb {
	display:flex;
}
.head_container .lang {
    margin: 11px 50px 0px 0px;
}
.head_toggle_container_box .list {
/*    margin: 1px 15px 0px 0px;*/
}

}

@media screen and (max-height: 480px) {

.head_toggle_container_box .list {
/*	margin:1px 15px 0px 5px;*/
}

}




/*                               */
/* メニューコンテナ */
/*                               */

.menu_container {
	position:fixed;
	display:inline-block;
	z-index: 7;
	left:0;
	/*top:50px; mediaini.jsで規定 */
	/*left:0px; mediaini.jsで規定 */
	margin:0px auto;
	width: calc(100vw);	/* 100%では幅超過 */
	height: 50px;	/* mb_menu_container にかぶると mb_menu がクリックできない */
	text-align: center;
	overflow: visible;
	transition: 0.8s;
}

.menu_container_box {
	position: relative;
	margin:0px auto;
	width:100%;
	height: auto;
	text-align: center;
	/*
	background: -moz-linear-gradient(top, var(--menu-bg-color-dark), var(--menu-bg-color-light));
	background: -webkit-linear-gradient(top, var(--menu-bg-color-dark), var(--menu-bg-color-light));
	background: linear-gradient(to bottom, var(--menu-bg-color-dark), var(--menu-bg-color-light));
	*/
	background-color:  var(--menu-bg-color-dark);
}

.menu_container img {
	margin:0px auto;
	padding:0px;
	opacity: 1;
 	filter: alpha(opacity=100);
 	-moz-opacity: 1;
}

.menu_container a:hover img {
	opacity: 0.9;
 	filter: alpha(opacity=90);
 	-moz-opacity: 0.9;
}

.menu_clr {
	clear:both;
}


/* １段目メニューバー  */

.menu_main {
	position: relative;
	top: -1px;
	margin:0px auto;
/*	height: 35px; 子要素の赤さに合わせるには削除 */
	padding: center;
	text-align: center;
	color:var(--menu-link-color);
}

.menu_main ul {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-evenly;*/
	justify-content: center;
	padding: 5px 60px 0px 30px;;
	list-style-type:none;
}
.menu_main li {
	float:left;
  	display:inline-block;
  	padding-right:16px;
  	padding-left:0px;
	font-size:var(--menu-link-font-size);
	text-align:left;
	white-space: nowrap;
}

.menu_main li a {
  position: relative; /* ドロップダウンを最前面にするため*/
  display: inline-block;
  left: var(--menu-icon-size); /* アイコン幅分退避  */
  text-decoration: none;
  font-weight: 500;
  margin-right:1.5em;
}
/* hover時　下線表示  */
.menu_main li a::after {
  position: absolute;
  top: 20px;
  left: 0; /* アイコン幅分退避不要  */
  content: '';
  width: calc(100%);/* 32px; アイコン幅分退避不要  */
  height: 1px;
  background: var(--menu-link-uline-color);
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.menu_main li a:hover::after {
  bottom: 0px;
  opacity: 0.7;
  visibility: visible;
}

.menu_main li a {color:var(--menu-link-color);text-decoration:none;}
.menu_main li a:link {color:var(--menu-link-color);}
.menu_main li a:visited {color:var(--menu-link-color);}
.menu_main li a:hover {color:var(--menu-link-hover-color);}

/* 1行用 */
.menu_main li.mbase {
    position: relative; /* ドロップダウンを最前面にするため */
/*    z-index: 2; ドロップダウンを最前面にするため */
    top: 0px;
    left: 0px;
    padding-top: 0px;
    height: 24px;
    background-repeat: no-repeat;
}
	/* メニュー文字の位置補正  */
	.menu_main li.mbase a:xxxx {
	/*    position: relative;*/
	    display:block;
	    top: -6px;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    /* text-indent: -999px; */
	    z-index: 2;
	    padding-left: 36px;
	    padding-top: 2px;
	}


/* 2行用 未使用 */
.menu_main li.mbase_2row {
  	background-repeat:no-repeat;
  	background-size: 26px;
  	height: 35px;
  	padding: 0px 12px 0px 0px;
  	position: relative;
    z-index: 1;
}
	/* 1行目サブ小文字  */
	.menu_main li.mbase_2row a span {
		margin-top: -6px;
		margin-left: 6px;
		font-size:12px;
	}
	/* 2行目小文字  */
	.menu_main li.mbase_2row a p {
		margin-top: -6px;
		font-size:12px;
	}


/* アイコン画像 + メニュー幅 */
.micon {
    background-size: 18px;
    background-repeat: no-repeat;
    background-position-y: 2px;
}
#mtop, #mtop-mb {
  	background-image:url(./images2025/menu_s_home.png);
}
#mkannai, #mkannai-mb {
  	background-image:url(./images2025/menu_s_kannai.png);
}
#mryori, #mryori-mb {
  	background-image:url(./images2025/menu_s_ryori.png);
}
#mgreen, #mgreen-mb {
  	background-image:url(./images2025/menu_s_green.png);
}
#mkotsu, #mkotsu-mb {
  	background-image:url(./images2025/menu_s_kotsu.png);
}
#mryokin, #mryokin-mb {
  	background-image:url(./images2025/menu_s_ryokin.png);
}
#mcalendar, #mcalendar-mb {
  	background-image:url(./images2025/menu_s_calendar.png);
}
#mbooking, #mbooking-mb {
  	background-image:url(./images2025/menu_s_booking.png);
}
#mcontact, #mcontact-mb {
  	background-image:url(./images2025/menu_s_contact.png);
}


.mryori-sub {
    background-repeat: no-repeat;
    background-position: 15px !important;
    background-size: 15px;
}
li.mryori-sub a {
	/* margin-left: 15px; icon分退避*/
}
.mryori-sub-mb {
    background-repeat: no-repeat;
    background-position: 0px !important;
    background-size: 25px;
}
li.mryori-sub-mb a {
	margin-left: 25px;
}
.iharu {
    /* background-image: url(./images2024/i-sakura.png);*/
}
.inatsu {
    /* background-image: url(./images2024/i-asagao.png);*/
}
.iaki {
    /* background-image: url(./images2024/i-momiji.png);*/
}
.ifuyu {
    /* background-image: url(./images2024/i-ski.png);*/
}




/* 2行時 表紙メニュー a:after 下線の補正  */
#mtop a, #mtop-mb a {
    top: 0;
    height: calc(100% - 6px);
}



/* メニュー下　タブパネル */

.menu_tab_panel {
  position:relative;
  z-index: 6;	/* head_container の下 */
  float:right;
  top:2em;
  /* top: 74px;	仮 mediaini.js で上書き  */
  margin:0px;
  margin-right: calc(10%);
  width:100%;
  max-width: 300px; /* z-index 範囲注意 */
  height:auto;    /* headのリンクへ被せない z-index要素 */
  transition: transform 1s ease;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  color:var(--tab-panel-text-color);
}
/* 非表示時　サイズダミー */
.menu_tab_panel_none {
  display: none;
}
.menu_tab_panel img {
  width:192px;
}

/* タブの重なり */
.menu_tab_panel .tab1 {
  position:relative;
  z-index: 9;
}
.menu_tab_panel .tab2 {
  position:relative;
  z-index: 8;
  margin-top: 5px;	/* タブの重なり */
}

/* Groubal Menu 位置調整  */
@media (max-width: 767px) {
.menu_tab_panel {
  /*display: none;*/
}
.menu_tab_panel_none {
  display: block;
  height: 175px;
}
}




/* hover表示　アコーディオン */

/* open/close は mediaini.js で  */
/* mediaini.js で制御する要素 */
li.acc_sub {
	white-space:nowrap;
}
div.acc_sub_list {
}

/* ドロップダウン アコーディオン */
.acc_content_sub, .acc_content_sub1 {
	position: absolute; 			/* ドロップダウンを最前面にするため */
	z-index: 9999; 					/* ドロップダウンを最前面にするため */
	left: calc(50% - 5px); 			/* ドロップダウン位置  */
	transform: translateX(-50%); 	/* ドロップダウン位置  */
	display: none;
	padding-top: 6px;
	width:fit-content;
}

.acc_content_sub ul, .acc_content_sub1 ul {
	position: relative;
  	top: 10px;	/* ▲ */
	background-color: var(--acc-content-sub-bg-color);
    margin: 0 auto;
    display: inline-block;
    padding: 0px;
    list-style-type: none;
    width: 100%;
}

/* ▲マーク */
.acc_content_sub ul::before,  .acc_content_sub1 ul::before {
    content: '';
    position: absolute;
	left: calc(50% - 10px);
    top: -10px;
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--acc-content-sub-bg-color);
    border-left: 10px solid transparent;
}

/* ドロップダウン タブ位置補正  */
.acc_content_sub.center, .acc_content_sub1.center {
	left: calc(50% - 5px);
	transform: translateX(-50%);
}
.acc_content_sub.right, .acc_content_sub1.right {
	left: 80%;
	transform: translateX(-80%);
}
/* ▲マーク 位置補正 */
.acc_content_sub.center ul::before,  .acc_content_sub1.center ul::before {
	/*left: calc(50% - 10px);*/
}


.acc_content_sub ul li, .acc_content_sub1 ul li {
	padding-left:0px;
	background-position: 0 15px;
    padding: 6px 20px;
    height: auto;
    width: 100%;
}

/* pc用補正 */
.acc_content_sub li a.pc, .acc_content_sub1 li a.pc {
	padding: 0px;
	left: 0;	/* アイコン無し */
}
.acc_content_sub li a.pc::after, .acc_content_sub1 li a.pc::after {
	display: none;	/* 下線無し */
}

/* ダウンパネルの li a をhoverしたとき親のulの背景を変える */
.acc_content_sub ul, .acc_content_sub1 ul {
	pointer-events: none;
}
.acc_content_sub li, .acc_content_sub1 li {
	pointer-events: auto;
}
.acc_content_sub li:hover, .acc_content_sub1 li:hover {
	background-color: var(--acc-content-sub-hover-bg-color);
	color: var(--acc-content-sub-hover-color);
}
.acc_content_sub li a.pc:hover, .acc_content_sub1 li a.pc:hover {
	background-color: var(--acc-content-sub-hover-bg-color);
	color: var(--acc-content-sub-hover-color);
}



/* 1段目　クリックタイプ アコーディオン 未使用 */
.menu_main #acc_content_main0, .menu_main #acc_content_main1, .menu_main #acc_content_main2 {
	position: relative;
	z-index: 1;
	top: 36px;
	display: none;
	margin-right: var(--acc_content_main_width);	/* アコーディオン幅　拡張 */
	padding-top: 0px;
}
.menu_main #acc_content_main0 ul, .menu_main #acc_content_main1 ul {
	background-color: var(--mb-menu-main-acc-bg-color);
	width: 100%;
	border-radius: 0;
	padding: 20px;
}
.menu_main #acc_content_main2 ul {
	background-color: var(--mb-menu-sub-acc-bg-color1);
	width: 100%;
	border-radius: 10%;
	padding: 20px;
}
.menu_main #acc_content_main0 li, .menu_main #acc_content_main1 li, .menu_main #acc_content_main2 li {
	padding: 0;
	height: auto;
}
.menu_main #acc_content_main0 li a, .menu_main #acc_content_main1 li a, .menu_main #acc_content_main2 li a {
	padding: 6px 0;
}




/* モバイル　メニューコンテナ */


.mb_menu_container {
	position: fixed;
    display: inline-block;
	width:calc(100vw);	/* 100%では900pxくらいになる */
    left: -100vw;
    overflow: scroll;
    height: calc(100vh - 0px);
    min-height: 360px;
    background: var(--mb-menu-container-bg-color);
}


.mb_menu_container .menu_container_box {
	margin:0px auto;
	width:100%;
	min-width:320px;
	height: calc(100vh + 400px);
	text-align: center;
    background: var(--mb-menu-container-bg-color);
}

.mb_menu_container .menu_container img {
	margin:0px auto;
	padding:0px;
	opacity: 1;
 	filter: alpha(opacity=100);
 	-moz-opacity: 1;
}

.mb_menu_container .menu_container a:hover img {
	opacity: 0.9;
 	filter: alpha(opacity=90);
 	-moz-opacity: 0.9;
}

.mb_menu_container .menu_main li.mbase {
  	background-position:15px 15px;
	padding: 2px 0px 0px 15px;
/*  	height: 60px; */
	min-height: 60px;
}



/* 1段目、2段目　共通設定  */

.mb_menu_container .menu_main, .mb_menu_container .menu_sub {
	width: 100%;
	min-width:320px;
	height:auto;
	padding: 0px 0px 24px 0px;
	text-align: left;
	background-color: var(--mb-menu-main-bg-color);
	color: var(--mb-menu-text-color);
}
.mb_menu_container .menu_sub {
	background-color: var(--mb-menu-sub-bg-color);
	color: var(--mb-menu-text-color);
}

.mb_menu_container .menu_main ul, .mb_menu_container .menu_sub ul {
	display: inline-block;
	float: none;
	list-style-type: none;
	width: calc(100vw);
	padding:10px 50px 0px 0px;
}
.mb_menu_container .menu_main li, .mb_menu_container .menu_sub li {
	float: none;
  	display:block;
	width:99%;
	height: 60px;
  	padding-right:24px;
  	padding-left:40px;
	font-size:16px;
	line-height:3em;
}
.mb_menu_container .menu_main li:last-child, .mb_menu_container .menu_sub li:last-child {
  border-bottom: 0px;
}


/* ボタン装飾 */

.mb_menu_container .menu_main li a, .mb_menu_container .menu_sub li a {
	position:relative;
	display:block;
	left:0;
	padding-left: 40px;		/* icon分 退避 */
	font-size:15px;
	color: var(--mb-menu-link-color);
	text-decoration:none;
}
.mb_menu_container .menu_main li a p, .mb_menu_container .menu_sub li a p {
	margin-top: -30px;
	font-size:12px;
}
.mb_menu_container .menu_main li a:before, .mb_menu_container .menu_sub li a:before {
	content:"";
	display:block;
	position:absolute;
	right: 24px;
	top: -3px;
	bottom:0;
	margin:auto;

	width: 18px;
	height: 18px;
	-webkit-border-radius: 25%;
	border-radius: 25%;
	background: var(--mb-menu-link-color);
}
.mb_menu_container .menu_main li a:after, .mb_menu_container .menu_sub li a:after {
	content:"";
	display:block;
	position:absolute;
	right: 30px;
	top: -3px;
	bottom:0;
	margin:auto;

    opacity: 1;
  	visibility: visible;
    left:auto;
	background: var(--mb-menu-allow-bg-color);
	
	width: 6px;
	height: 6px;
	border-top: 2px solid var(--mb-menu-allow-color);
	border-right: 2px solid var(--mb-menu-allow-color);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mb_menu_container.menu_main li#mphone a:before, .mb_menu_container.menu_sub li#mphone a:before {
	top: 7px;
}
.mb_menu_container.menu_main li#mphone a:after, .mb_menu_container.menu_sub li#mphone a:after {
	top: 7px;
}


/* アコーディオンメニュー  */
.mb_menu_container .menu_main li a.acc_menu {
	margin-bottom: -7px;
}

.mb_menu_container .menu_main li.acc a  {text-decoration:none;color:var(--mb-menu-link-color);}
.mb_menu_container .menu_main li.acc a:link {color:var(--mb-menu-link-color);}
.mb_menu_container .menu_main li.acc a:visited {color:var(--mb-menu-link-color);}
.mb_menu_container .menu_main li.acc a:hover {color:var(--mb-menu-hover-color);}


/* 1段目  */

.mb_menu_container .menu_main li.mbase {
  	background-position:15px 15px;
	padding: 2px 0px 0px 15px;
/*  	height: 60px; */
	min-height: 60px;
}
/* 標準(pc)画面で指定した width 上書き  */
.mb_menu_container #mtop, .mb_menu_container #mkannai, .mb_menu_container #monsen, .mb_menu_container #mryor, .mb_menu_container #mgreen, .mb_menu_container #mkotsu, .mb_menu_container #mryokin, .mb_menu_container #mcalendar, .mb_menu_container #mbooking, .mb_menu_container #mcontact, .mb_menu_container #mphone {
  	width: calc(95vw);
}
.mb_menu_container #mtop-mb, .mb_menu_container #mkannai-mb, .mb_menu_container #monsen-mb, .mb_menu_container #mryori-mb, .mb_menu_container #mgreen-mb, .mb_menu_container #mkotsu-mb, .mb_menu_container #mryokin-mb, .mb_menu_container #mcalendar-mb, .mb_menu_container #mbooking-mb, .mb_menu_container #mcontact-mb, .mb_menu_container #mphone-mb {
  	width: calc(95vw);
}

.mb_menu_container .micon {
    background-size: 36px;
    background-position-y: 2px;
}

/*
.mb_menu_container #mtop {
  	background-position:15px 18px;
	margin-top: 10px;
}
.mb_menu_container #mtop a {
	padding-top: 5px;
}
*/
.mb_menu_container #mphone, .mb_menu_container #mphone-mb {
	padding-top: 0px;
    margin-bottom: 60px;
    background-color: #666;
    border-radius: 20px;
}
.mb_menu_container #mphone a, .mb_menu_container #mphone-mb a {
	padding-top: 12px;
}



/* 2段目  */

.mb_menu_container .menu_sub li.msub_base {
  	background-repeat:no-repeat;
  	background-size: 26px;
  	height: 35px;
  	padding: 0px 12px 0px 0px;
  	position: relative;
    z-index: 1;
  	background-position:15px 15px;
	padding: 2px 0px 0px 15px;
/*  	height: 60px; */
	height:  auto;
}

.mb_menu_container #msub1, .mb_menu_container #msub2, .mb_menu_container #msub3, .mb_menu_container #msub4, .mb_menu_container #msub5, .mb_menu_container #msub6 {
  	width: 99%;
}

.mb_menu_container #msub1 a, .mb_menu_container #msub2 a, .mb_menu_container #msub3 a, .mb_menu_container #msub4 a, .mb_menu_container #msub5 a, .mb_menu_container #msub6 a {
    padding-top: 0px;
    padding-left: 36px;
}

.mb_menu_container #msubphone {
	padding-top: 0px;
    margin-bottom: 0px;
    background-color: #666;
    border-radius: 20px;
}
.mb_menu_container #msubphone a {
	margin-top: 6px;
	margin-bottom: 7px;
	padding-top: 0px;
    padding-left: 36px;
}
.mb_menu_container #msubphone {
  	background-image:url(./images2022/menu_s_phone.png);
}


/* アコーディオンメニュー  */

.mb_menu_container .menu_sub div.acc_sub_list {
	width: 100%;
}
.mb_menu_container .menu_sub .acc_content_sub ul, .mb_menu_container .menu_sub .acc_content_sub1 ul {
	background-color: var(--mb-menu-sub-acc-bg-color1);
}
.mb_menu_container .menu_sub .acc_content_sub li, .mb_menu_container .menu_sub .acc_content_sub1 li {
}

.mb_menu_container .menu_sub li.acc a  {text-decoration:none;color:var(--mb-menu-sub-link-color);}
.mb_menu_container .menu_sub li.acc a:link {text-decoration:none;color:var(--mb-menu-sub-link-color);;}
.mb_menu_container .menu_sub li.acc a:visited {text-decoration:none;color:var(--mb-menu-sub-link-color);;}
.mb_menu_container .menu_sub li.acc a:hover {text-decoration:none;color:var(--mb-menu-sub-hover-color);;}


/* アコーディオン　プルダウン部  */
.mb_menu_container .menu_main .acc_sub_list li a:before {
    right: 23px;
}
.mb_menu_container .menu_main li a.acc_menu:after, .mb_menu_container .menu_sub li a.acc_menu:after {
	content:"";
	display:block;
	position:absolute;
	top: -7px;	/**/
	right: 29px;
	bottom:0;
	margin:auto;

    opacity: 1;
  	visibility: visible;
    left:auto;
	background: var(--mb-menu-icon-bg-color);
	
	width: 6px;
	height: 6px;
	border-top: 0px solid var(--mb-menu-icon-mark-color);
	border-bottom: 2px solid var(--mb-menu-icon-mark-color);
	border-right: 2px solid var(--mb-menu-icon-mark-color);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mb_menu_container .menu_main #acc_content_main1, .mb_menu_container .menu_main #acc_content_main2 {
	top: 0px;
	margin-right: 0;	/* 629行　拡張幅　リセット  */
	width: calc(95vw);
}
.mb_menu_container .menu_main #acc_content_main1 ul, .mb_menu_container .menu_main #acc_content_main2 ul {
	padding: 10px 0px 35px 10px;
	border-radius: 0;
	width: calc(95vw - 1em);
	padding-left:1em;
	overflow: visible;
}
.mb_menu_container .menu_main #acc_content_main1 li, .mb_menu_container .menu_main #acc_content_main2 li {
	width: calc(82vw);
}
.mb_menu_container .menu_main #acc_content_main1 li a, .mb_menu_container .menu_main #acc_content_main2 li a {
	padding: 7px;
}
.mb_menu_container .menu_main li.acc_list1 {
	background-color: var(--mb-menu-main-bg-color);
}
.mb_menu_container .menu_main li.acc_list2 {
	background-color: var(--mb-menu-sub-acc-bg-color1);
	margin-bottom: 20px;
}
.mb_menu_container .menu_main li.acc_list1 a:after, .mb_menu_container .menu_main li.acc_list2 a:after {
	right: 28px;
}

/* 施設検索 ks_searchbox.htm 補正 */
.mb_menu_container .menu_main iframe {
	background-color: #ffee88;
	width: 98% !important;
    padding: 15px 25px 15px 15px;
    border-radius: 10px;
}


/* ここまで アコーディオン プルダウン */



/* メニュー下　タブパネル */
.mb_menu_container .menu_tab_panel {
	/*display: none;*/
}

.mb_menu_container .menu_blanc_panel {
	height: 400px;
}

@media screen and (max-width: 639px) {

.menu_container {
	display: none;
}

.mb_menu_container .menu_tab_panel {
	display: inline-block;
	float: none;
	margin: 0 auto;
}

}


@media screen and (max-width: 480px) {

.mb_menu_container .menu_blanc_panel {
	height: 100px;
}

}

@media screen and (max-height: 480px) {

.menu_container {
	display: none;
}

.mb_menu_container .menu_tab_panel {
	display: inline-block;
	float: none;
	margin: 0 auto;
}

}

/* ここまで　@media screen and (max-width: 480px) { */



/* ここまで モバイルメニュー  */




/* オーバーラップウィンドウ */

.over_wrap {
	position:absolute; /* absolute:スクロール fixed:固定 */
	z-index: 3;
	margin:0px auto;
	top:74px;
	/*top:74px; mediaini.js で指定 */
	/*left: calc(50% - var(--dev-max-width) / 2);*/
	left: calc(50%);
	transform: translateX(-50%);
	width: calc(100vw);	/* 100%では幅超過 */
	max-width: var(--dev-max-width);
	height:280px;
	border: 0px #eeeeee solid;
	text-align: center;
}

.over_wrap img {
	width:100%;
	height:auto;
}

/* トップページオーバーラップ画像 */

.over_ishiuchi {
	position:relative;
	z-index: 1;
	top: 15%;
	left: 10%;
	width:112px;
	max-width: 112px;
/*	height: 321px;*/
	height: auto;
}

.over_pagettl {
	position:relative;
	z-index: 5;
	top: 20%;
	left: 10%;
	max-width: calc(60vw);
	height: auto;
	text-align: left;
}
.over_pagettl img {
	padding-bottom: 15px;
}
.over_pagettl h1.pc, .over_pagettl h1.mb {
  font-family: "M PLUS 1", sans-serif;
	padding-top:4px;
	color: var(--over-title-color);
	font-size:48px;
	line-height:1.1em;
	font-weight:bold;
}
.over_pagettl h1.pc {
text-shadow: rgb(77, 52, 38) 5px 0px 0px, rgb(77, 52, 38) 4.90033px 0.993347px 0px, rgb(77, 52, 38) 4.60531px 1.94709px 0px, rgb(77, 52, 38) 4.12668px 2.82321px 0px, rgb(77, 52, 38) 3.48353px 3.58678px 0px, rgb(77, 52, 38) 2.70151px 4.20736px 0px, rgb(77, 52, 38) 1.81179px 4.6602px 0px, rgb(77, 52, 38) 0.849836px 4.92725px 0px, rgb(77, 52, 38) -0.145998px 4.99787px 0px, rgb(77, 52, 38) -1.13601px 4.86924px 0px, rgb(77, 52, 38) -2.08073px 4.54649px 0px, rgb(77, 52, 38) -2.94251px 4.04248px 0px, rgb(77, 52, 38) -3.68697px 3.37732px 0px, rgb(77, 52, 38) -4.28444px 2.57751px 0px, rgb(77, 52, 38) -4.71111px 1.67494px 0px, rgb(77, 52, 38) -4.94996px 0.7056px 0px, rgb(77, 52, 38) -4.99147px -0.291871px 0px, rgb(77, 52, 38) -4.83399px -1.27771px 0px, rgb(77, 52, 38) -4.48379px -2.2126px 0px, rgb(77, 52, 38) -3.95484px -3.05929px 0px, rgb(77, 52, 38) -3.26822px -3.78401px 0px, rgb(77, 52, 38) -2.4513px -4.35788px 0px, rgb(77, 52, 38) -1.53666px -4.75801px 0px, rgb(77, 52, 38) -0.560763px -4.96845px 0px, rgb(77, 52, 38) 0.437495px -4.98082px 0px, rgb(77, 52, 38) 1.41831px -4.79462px 0px, rgb(77, 52, 38) 2.34258px -4.41727px 0px, rgb(77, 52, 38) 3.17346px -3.86382px 0px, rgb(77, 52, 38) 3.87783px -3.15633px 0px, rgb(77, 52, 38) 4.4276px -2.32301px 0px, rgb(77, 52, 38) 4.80085px -1.39708px 0px, rgb(77, 52, 38) 4.98271px -0.415447px 0px;
}
.over_pagettl h1.mb {
font-size:2em;
text-shadow: rgb(77, 52, 38) 4px 0px 0px, rgb(77, 52, 38) 3.87565px 0.989616px 0px, rgb(77, 52, 38) 3.51033px 1.9177px 0px, rgb(77, 52, 38) 2.92676px 2.72656px 0px, rgb(77, 52, 38) 2.16121px 3.36588px 0px, rgb(77, 52, 38) 1.26129px 3.79594px 0px, rgb(77, 52, 38) 0.282949px 3.98998px 0px, rgb(77, 52, 38) -0.712984px 3.93594px 0px, rgb(77, 52, 38) -1.66459px 3.63719px 0px, rgb(77, 52, 38) -2.51269px 3.11229px 0px, rgb(77, 52, 38) -3.20457px 2.39389px 0px, rgb(77, 52, 38) -3.69721px 1.52664px 0px, rgb(77, 52, 38) -3.95997px 0.56448px 0px, rgb(77, 52, 38) -3.97652px -0.432781px 0px, rgb(77, 52, 38) -3.74583px -1.40313px 0px, rgb(77, 52, 38) -3.28224px -2.28625px 0px, rgb(77, 52, 38) -2.61457px -3.02721px 0px, rgb(77, 52, 38) -1.78435px -3.57996px 0px, rgb(77, 52, 38) -0.843183px -3.91012px 0px, rgb(77, 52, 38) 0.150409px -3.99717px 0px, rgb(77, 52, 38) 1.13465px -3.8357px 0px, rgb(77, 52, 38) 2.04834px -3.43574px 0px, rgb(77, 52, 38) 2.83468px -2.82216px 0px, rgb(77, 52, 38) 3.44477px -2.03312px 0px, rgb(77, 52, 38) 3.84068px -1.11766px 0px, rgb(77, 52, 38) 3.9978px -0.132717px 0px;
}


.over_ttl {
	position:relative;
	z-index: 5;
	top: 18%;
	left: 10%;
	max-width: calc(40vw);
	height: 40px;
}
.over_ttl h1.pc, .over_ttl h1.mb {
	padding-top:4px;
	color: var(--over-title-color);
	font-size:18px;
	line-height:22px;
	font-weight:normal;
}
/* name pc/mb で表示切替 */
.over_ttl h1.pc {
	display:inline-block;
	float :left;
	text-align: left;
	margin:8px 0px 0px 8px;
	text-shadow:	/* .foot_address_box の text-shadow を上書き */
	 var(--name_pc-shadow-color) 2px 0 ,
	 var(--name_pc-shadow-color) -2px 0,
	 var(--name_pc-shadow-color) 0 -2px,
	 var(--name_pc-shadow-color) 0 2px,
	 var(--name_pc-shadow-color) 2px 2px,
	 var(--name_pc-shadow-color) -2px 2px,
	 var(--name_pc-shadow-color) 2px -2px,
	 var(--name_pc-shadow-color) -2px -2px,
	 var(--name_pc-shadow-color) 1px 2px,
	 var(--name_pc-shadow-color) -1px 2px,
	 var(--name_pc-shadow-color) 1px -2px,
	 var(--name_pc-shadow-color) -1px -2px,
	 var(--name_pc-shadow-color) 2px 1px,
	 var(--name_pc-shadow-color) -2px 1px,
	 var(--name_pc-shadow-color) 2px -1px,
	 var(--name_pc-shadow-color) -2px -1px;
}
.over_ttl h1.pc {
text-shadow: rgb(77, 52, 38) 5px 0px 0px, rgb(77, 52, 38) 4.90033px 0.993347px 0px, rgb(77, 52, 38) 4.60531px 1.94709px 0px, rgb(77, 52, 38) 4.12668px 2.82321px 0px, rgb(77, 52, 38) 3.48353px 3.58678px 0px, rgb(77, 52, 38) 2.70151px 4.20736px 0px, rgb(77, 52, 38) 1.81179px 4.6602px 0px, rgb(77, 52, 38) 0.849836px 4.92725px 0px, rgb(77, 52, 38) -0.145998px 4.99787px 0px, rgb(77, 52, 38) -1.13601px 4.86924px 0px, rgb(77, 52, 38) -2.08073px 4.54649px 0px, rgb(77, 52, 38) -2.94251px 4.04248px 0px, rgb(77, 52, 38) -3.68697px 3.37732px 0px, rgb(77, 52, 38) -4.28444px 2.57751px 0px, rgb(77, 52, 38) -4.71111px 1.67494px 0px, rgb(77, 52, 38) -4.94996px 0.7056px 0px, rgb(77, 52, 38) -4.99147px -0.291871px 0px, rgb(77, 52, 38) -4.83399px -1.27771px 0px, rgb(77, 52, 38) -4.48379px -2.2126px 0px, rgb(77, 52, 38) -3.95484px -3.05929px 0px, rgb(77, 52, 38) -3.26822px -3.78401px 0px, rgb(77, 52, 38) -2.4513px -4.35788px 0px, rgb(77, 52, 38) -1.53666px -4.75801px 0px, rgb(77, 52, 38) -0.560763px -4.96845px 0px, rgb(77, 52, 38) 0.437495px -4.98082px 0px, rgb(77, 52, 38) 1.41831px -4.79462px 0px, rgb(77, 52, 38) 2.34258px -4.41727px 0px, rgb(77, 52, 38) 3.17346px -3.86382px 0px, rgb(77, 52, 38) 3.87783px -3.15633px 0px, rgb(77, 52, 38) 4.4276px -2.32301px 0px, rgb(77, 52, 38) 4.80085px -1.39708px 0px, rgb(77, 52, 38) 4.98271px -0.415447px 0px;
}
.over_ttl h1.mb {
	display:none;
	float :left;
	text-align: left;
	margin:8px 0px 0px 8px;
	text-shadow:	/* .foot_address_box の text-shadow を上書き */
	 var(--name_pc-shadow-color) 2px 0 ,
	 var(--name_pc-shadow-color) -2px 0,
	 var(--name_pc-shadow-color) 0 -2px,
	 var(--name_pc-shadow-color) 0 2px,
	 var(--name_pc-shadow-color) 2px 2px,
	 var(--name_pc-shadow-color) -2px 2px,
	 var(--name_pc-shadow-color) 2px -2px,
	 var(--name_pc-shadow-color) -2px -2px,
	 var(--name_pc-shadow-color) 1px 2px,
	 var(--name_pc-shadow-color) -1px 2px,
	 var(--name_pc-shadow-color) 1px -2px,
	 var(--name_pc-shadow-color) -1px -2px,
	 var(--name_pc-shadow-color) 2px 1px,
	 var(--name_pc-shadow-color) -2px 1px,
	 var(--name_pc-shadow-color) 2px -1px,
	 var(--name_pc-shadow-color) -2px -1px;
}
.over_ttl h1.mb {
text-shadow: rgb(77, 52, 38) 4px 0px 0px, rgb(77, 52, 38) 3.87565px 0.989616px 0px, rgb(77, 52, 38) 3.51033px 1.9177px 0px, rgb(77, 52, 38) 2.92676px 2.72656px 0px, rgb(77, 52, 38) 2.16121px 3.36588px 0px, rgb(77, 52, 38) 1.26129px 3.79594px 0px, rgb(77, 52, 38) 0.282949px 3.98998px 0px, rgb(77, 52, 38) -0.712984px 3.93594px 0px, rgb(77, 52, 38) -1.66459px 3.63719px 0px, rgb(77, 52, 38) -2.51269px 3.11229px 0px, rgb(77, 52, 38) -3.20457px 2.39389px 0px, rgb(77, 52, 38) -3.69721px 1.52664px 0px, rgb(77, 52, 38) -3.95997px 0.56448px 0px, rgb(77, 52, 38) -3.97652px -0.432781px 0px, rgb(77, 52, 38) -3.74583px -1.40313px 0px, rgb(77, 52, 38) -3.28224px -2.28625px 0px, rgb(77, 52, 38) -2.61457px -3.02721px 0px, rgb(77, 52, 38) -1.78435px -3.57996px 0px, rgb(77, 52, 38) -0.843183px -3.91012px 0px, rgb(77, 52, 38) 0.150409px -3.99717px 0px, rgb(77, 52, 38) 1.13465px -3.8357px 0px, rgb(77, 52, 38) 2.04834px -3.43574px 0px, rgb(77, 52, 38) 2.83468px -2.82216px 0px, rgb(77, 52, 38) 3.44477px -2.03312px 0px, rgb(77, 52, 38) 3.84068px -1.11766px 0px, rgb(77, 52, 38) 3.9978px -0.132717px 0px;
}

.over_logo {
	position:relative;
	z-index: 5;
	top: 20%;
	left: 10%;
	width: 500px;
	max-width: calc(30vw);
	height: auto;
}

.over_tel, .over_tel_nochg {
	position:relative;
	z-index: 5;
	top: 57%;
	left: calc(100% - 300px);
	width: 246px;
	max-width: calc(30vw);
	height: auto;
}

.over_usagi {
	position:relative;
	z-index: 1;
	top: 54%;
	left: 82%;
	width: 46px;
	max-width: calc(10vw);
	height: auto;
}


.over_menu, .over_menu_none {
	display: none;
	position:relative;
	z-index: 7;
	top: 15%;
	left: calc(0% + max(30vw,300px)/2);
	left: 0;
	margin:0px auto;
	width:100%;
	max-width: 300px; /* z-index 範囲注意 */
	   /* height:auto; headのリンクへ被せない z-index要素 */
  height:280px;	/* mediaini.js bottom貼付け用 */
	transition: 0.8s;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
/* 非表示時　サイズダミー */
.over_menu_none {
  	display: none;
}
.over_menu img {
  	width:192px;
}
.over_submenu {
	z-index: 1;
	top:115px;
	left: calc(0% - 220px);
	margin:0px auto;
	width:100%;
	max-width: 609px; /* z-index 範囲注意 */
	height:42px;    /* headのリンクへ被せない z-index要素 */
	transition: 0.8s;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.over_submenu img {
  	height:15px;
}




/* 0 縦 狭 <=480  for PC メニューバー無し etc */
@media screen and (max-height: 480px) {

.over_wrap {
	width:calc(100vw);	/* 100%では900pxくらいになる */
	min-width:320px;
}

.over_ishiuchi {
	position:relative;
	z-index: 1;
	top: 10%;
	left: 10%;
	width:112px;
	max-width: 112px;
/*	height: 321px;*/
	height: auto;
}

.over_pagettl {
	position:relative;
	z-index: 5;
	top: 5%;
	left: 20%;
	width:480px;
	max-width: calc(60vw);
	height: auto;
}
.over_pagettl img {
	padding-bottom: 15px;
}

.over_ttl {
	top: 7%;
	left: 10%;
	width:auto;
	max-width: calc(77vw);
	height:auto;
}

.over_logo {
	top: 10%;
	left: 10%;
	width: 651px;
	max-width: calc(34vw);
	height:auto;
}

.over_tel, .over_tel_nochg {
	top: 10%;
	left: 70%;
	width: auto;
	max-width: calc(20vw);
	height:auto;
}

.over_usagi {
	top: 20%;
	left: 83%;
	width: 46px;
	max-width: calc(10vw);
	height:auto;
}
.over_menu {
  	display: block;
  	top: 30%;
  	height:100px;
}
.over_menu .tab2 {
  	display: none;
}

}


/* 1 横 狭 <640  for PC メニューバー無し etc */
@media screen and (max-width: 638px) {

.over_wrap {
	width:calc(100vw);	/* 100%では900pxくらいになる */
	min-width:320px;
	height: calc(100vh - 65px - 3em);	/* 画面高さ - header高さ - 下余白  */
}

.over_ishiuchi {
	position:relative;
	z-index: 1;
	top: 0%;
	left: 10%;
	width:112px;
	max-width: 112px;
/*	height: 321px;*/
	height: auto;
}

.over_pagettl {
	margin:auto;
	top: 10%;
	left: 6%;
	width:332px;
	max-width: calc(82vw);
	height:auto;
}

.over_ttl {
    top: 0%;
    left: 10%;
    max-width: calc(90vw - 40px);
	height:auto;
}

.over_logo {
    top: 4%;
    left: 10%;
    max-width: calc(85vw - 20px);
}

.over_pagettl {
    top: 5%;
    max-width: calc(50vw);
}

.over_tel, .over_tel_nochg {
    top: 30%;
    left: 52%;
    max-width: calc(35vw);
}

.over_usagi {
    top: 30%;
    max-width: calc(7vw);
}

.over_menu {
    position: absolute;
		display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
    bottom: 0;
    max-width: calc(100vw);
}

.over_menu .tab1, .over_menu .tab2 {
		width:75%;
    max-width: calc(100vw);
}

.over_menu_none {
  	display: block;
  	height: 175px;
}

}


/* 1 横 狭 <480  for PC スマホ  メニューバー無し etc */
@media screen and (max-width: 479px) {

.over_wrap {
	width:calc(100vw);	/* 100%では900pxくらいになる */
	min-width:320px;
	height: calc(100vh - 65px - 3em);	/* 画面高さ - header高さ - 下余白  */
}

.over_yuzawa {
	position: relative;
	top: 0%;
	left: 10%;
	width:45vw;
	max-width: calc(32vw);
	height:auto;
}

.over_pagettl {
	margin:auto;
	top: 5%;
	left: 0%;
	width:332px;
	max-width: calc(82vw);
	height:auto;
}

.over_ttl {
    top: 0%;
    left: 13%;
    max-width: calc(80vw - 25px);
	height:auto;
}

.over_logo {
    top: 3%;
    left: 12%;
    max-width: calc(85vw - 25px);
}

.over_pagettl {
    top: 0%;
    max-width: calc(72vw);
}

.over_tel, .over_tel_nochg {
    top: 6%;
    left: 35%;
    max-width: calc(52vw);
}

.over_usagi {
    top: -5%;
    max-width: calc(9vw);
}

/* bottom への貼り付けは mediaini.js  */
.over_menu {
    position: absolute; /* ← iOS Safariで安定する */
    left: env(safe-area-inset-left, 0px);
    right: env(safe-area-inset-right, 0px);
    width: 100vw;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  	padding-bottom: env(safe-area-inset-bottom, 0px);
}
.over_menu__ {
  position: fixed;
  left: env(safe-area-inset-left, 0px);
  right: env(safe-area-inset-right, 0px);
  bottom: env(safe-area-inset-bottom, 0px);
  height: 280px; /* 必要に応じて変更 */
  background-color: #eee;
  box-sizing: border-box;
  z-index: 9999;
  transform: translateY(0); /* 後で補正する用 */
  transition: transform 0.2s ease;
}

.over_menu .tab1, .over_menu .tab2 {
		width:75%;
    max-width: calc(100vw);
}

.over_menu_none {
  	display: block;
  	height: 175px;
}

}


/*2 横 狭 <640 縦 狭 480 <=  <640   over_tel _usagi 位置上げ */
@media screen and (max-width: 639px) and (min-height: 480px) and (max-height: 639px) and (orientation: landscape) {

.over_yuzawa {
    max-width: calc(22vw);
}
.over_ttl {
    top: 10%;
    left: 26%;
    max-width: calc(77vw - 138px);
	height:auto;
}

.over_logo {
    top: 16%;
    left: 27%;
    max-width: calc(85vw - 113px);
}

.over_pagettl {
    top: 16%;
    max-width: calc(50vw);
}

.over_tel, .over_tel_nochg {
    top: 30%;
    left: 45%;
    max-width: calc(35vw);
}

.over_usagi {
    top: 30%;
    max-width: calc(6vw);
}

.over_menu {
  	display: block;
  	top: 33%;
}

}



/*3 横 狭 <640 縦 狭 <480 */
@media screen and (max-width: 639px) and (max-height: 479px) {

.over_yuzawa {
/*    max-width: calc(22vw);*/
}

.over_ttl {
/*    top: 10%;*/
    left: 26%;
    max-width: calc(77vw - 138px);
}
.over_ttl {
	top: 7%;
	left: 10%;
	width:auto;
	max-width: calc(77vw);
	height:auto;
}

.over_logo {
/*    top: 16%;*/
    left: 26%;
    max-width: calc(85vw - 113px);
	top: 10%;
	left: 10%;
	width: 651px;
	max-width: calc(34vw);
	height:auto;
}

.over_pagettl {
    top: 16%;
    max-width: calc(50vw);
}

.over_tel, .over_tel_nochg {
    top: 25%;
    left: 52%;
    max-width: calc(35vw);
}

.over_usagi {
    top: 30%;
    max-width: calc(7vw);
}

.over_menu {
  	display: block;
  	top: 100px;
}


}



/*3 縦 狭 <390 for and 横*/
@media screen and (max-height: 390px) {

.over_menu {
  	display: inline-block;
  	top: 15%;
}
.over_menu .tab1 a.over_btn-booking {
	width: 16em;
  	font-size: 12px;
}
.over_menu .tab2 {
  	display: none;
}


}


/*3 狭 <280 for and 横 p9実機 */
@media screen and (max-height: 280px) {

.over_menu {
  	display: inline-block;
  	display: none;
  	top: 10%;
}
.over_menu .tab1 a.over_btn-booking {
	width: 16em;
  	font-size: 12px;
}
.over_menu .tab2 {
  	display: none;
}
.over_ttl {

}
.over_ttl h1.mb {
  	font-size: 14px;
}

.over_pagettl {
        top: -15px;
        left:-50px;
}
.over_pagettl h1.mb {
  	font-size: 2em;
}
.over_tel, .over_tel_nochg {
        top: 0;
}


}


/* BASEページオーバーラップ画像 */

.over_ttl_base {
	position:relative;
	z-index: 5;
	top:20px;
	left: 210px;
	width: 304px;
	height: 30px;
}

.over_logo_base {
	position:relative;
	z-index: 5;
	top:30px;
	left: 220px;
	width: 651px;
	height: 52px;
}

.over_tel_base {
	position:relative;
	z-index: 5;
	top:40px;
	left: 630px;
	width: 237px;
	height: 35px;
}

.over_yuzawa_base {
	position:relative;
	z-index: 4;
	top:-100px;
	left: 30px;
	width: 234px;
	height: 321px;
}

.over_usagi_base {
	position:relative;
	z-index: 4;
	top:-400px;
	left: 890px;
	width: 46px;
	height: 68px;
}

.over_pagettl_base {
	position:relative;
	z-index: 6;
	top:-210px;
	left: 280px;
	width: 476px;
	height: 104px;
	color:#ffffff;
	font-size:40px;
	line-height:150%;
	text-decoration:none;
	text-align: left;
}

.over_pagettl_base2 {
	position:relative;
	z-index: 6;
	top:-290px;
	left: 280px;
	width: 476px;
	height: 104px;
	color:#ffffff;
	font-size:40px;
	line-height:150%;
	text-decoration:none;
	text-align: left;
}

.over_pagettl_base_eng {
	position:relative;
	z-index: 6;
	top:-270px;
	left: 235px;
	width: 476px;
	height: 104px;
	color:#ffffff;
	font-size:40px;
	line-height:150%;
	text-decoration:none;
	text-align: left;
}

.over_pagettl_base2_eng {
	position:relative;
	z-index: 6;
	top:-270px;
	left: 290px;
	width: 476px;
	height: 104px;
	color:#ffffff;
	font-size:40px;
	line-height:150%;
	text-decoration:none;
	text-align: left;
}


/* オーバーラップコメント */

.over_comment {
	position:relative;
	z-index: 11;
	top: 130px;
	left: 0px;
	width:740px;
	margin:0 0px 9px 0;
	background-color:rgba(255,255,255,0.5);
	color:#666666;
	text-align:left;
}

.over_comment_txt{
	padding:8px 4px 8px 12px;
	font-size:18px;
	font-weight:bold;
	line-height:120%;
	text-decoration:none;
	color:#666666;
}

/* オーバーラップ画像 */

.over_medal {
	position:relative;
	z-index: 11;
	top:-790px;
	left: 820px;
	width: 121px;
	height: 121px;
}

.over_clr {
	clear:both;
}






/* 記事コンテナ */

.contents_wrap {
	position:relative;
	z-index: 4;
	margin: -8px 0px;
	/*margin-top: calc(90vh);	/* トップ画像分　下へ退避 */
	width:100%;
	background-color: var(--contents-wrap-bg-color);
    background-size: contain;
    background-position:center top;
	text-align: center;
}

.main_container {
	z-index: 8;
	margin:0px auto;
	width:  100%;
	padding: 0 10px;
	text-align: center;
	background-size: cover;
}

.main_head {
	margin:0 auto;
	padding: 20px 0px 10px 0px;
	width: 100%;
	max-width: var(--dev-max-width);
    text-align: left;
}

.main_window {
	margin:0 auto;
	padding:2em;
	width: 100%;
	max-width: var(--dev-max-width);
	font-size: var(--main-window-font-size);
	line-height: var(--main-window-line-height);
    text-align: left;
    background-color: rgba(var(--main-window-bg-color));
}

.main_foot {
	margin:0 auto;
	width: 100%;
	max-width: var(--dev-max-width);
	padding: 0px 0px 0px 0px;
	min-height: 30px;
	text-align: center;
}

.main_clr {
	clear:both;
}

.main_window a{text-decoration:underline;font-size:var(--main-window-link-font-size);color:var(--main-window-link-color);}
.main_window a:link{color:var(--main-window-link-color);}
.main_window a:visited{color:var(--main-window-link-color-visit);}
.main_window a:hover{color:var(--main-window-link-color-hover);}

.main_window hr{
	border-top: 1px #999999 solid;
	border-bottom: 0px #999999 solid;
}


/* 本文 */

.main_content
{
	margin: 0 auto;
	border:0;
	width: var(--main-window-width);
	color: var(--main-window-text-color);
	text-align:left;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;	
}

.main_content .opacityBox
{
	background-color:rgba(255,255,255,0.5);
	color:var(--main-window-text-color);
	white-space:normal;
}


.main_window .main_content-box
{
	margin:0px 0px 8px 0px;
	padding:0px;
	width: 100%;
	text-align:left;
	font-size: var(--main-window-font-size);
	line-height: var(--main-window-line-height);
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	white-space:normal;
}

.main_content-box .combox
{
	display:block;
	width: 100%;
	padding:8px 0px 8px 0px;
	color:var(--main-window-text-color);
	text-align:center;
}
.main_content-box .combox_left
{
	display:block;
	width: 100%;
	padding:8px 0px 8px 0px;
	color:var(--main-window-text-color);
	text-align:left;
}


/* Table */
.main_content-box table {
	width: 100%;
 	border-collapse:collapse;
 	border-spacing:0;
}

/* border 0 */
.main_content-box tr td {
	padding: 2px;
	font-size: var(--table-font-size);
	line-height: var(--table-line-height);
	color: var(--table-text-color0);
 	border:0px solid var(--table-border-color);
}

/* border 1px */
.main_content-box .type1 td {
 	border:1px solid var(--table-border-color);
}



.main_window .main_content-box2
{
	margin:0px 0px 4px 0px;
	padding:10px 10px 10px 10px;
	width: 100%;
	text-align:left;
	font-size:16px;
	line-height:150%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	background-color:rgba(255,255,255,0.2);
	color:var(--main-window-text-color);;
	font-size:16px;
	line-height:20px;
	white-space:normal;
}

.main_content-box2 table {
 	border-collapse:collapse;
 	border-spacing:0;
}

.main_content-box2 tr td {
 	border:1px solid #505050;
	font-size:14px;
	line-height:120%;;
	color:var(--main-window-text-color);;
}

.main_content-box2 .combox
{
	display:block;
	width: 100%;
	padding:8px 0px 8px 0px;
	font-size: 14px;
	line-height:150%;
	font-weight: normal;
	color:var(--main-window-text-color);;
	text-align:center;
}

.main_content-box2 ul{ 
	margin: 0; 
	padding: 0 15px; 
}

.main_content-box2 li{ 
	font-size:16px;
	line-height:180%;
	color:var(--main-window-text-color);;
}

.main_content-box2 li a{color:var(--main-window-link-color);}
.main_content-box2 li a:link{color:var(--main-window-link-color);}
.main_content-box2 li a:visited{color:var(--main-window-link-color-visit);}
.main_content-box2 li a:hover{color:var(--main-window-link-color-hover);}

/* Ski Plan */

.main_window .main_content-box3
{
	margin:0px 0px 4px 0px;
	padding:10px 10px 10px 10px;
	width: 100%;
	text-align:left;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	background-color:rgba(255,255,255,0.2);
	color:var(--main-window-text-color);;
	white-space:normal;
}

.main_content-box3 table {
 	border-collapse:collapse;
 	border-spacing:0;
}

.main_content-box3 tr td {
 	border:1px solid #505050;
	font-size:14px;
	line-height:120%;;
	color:var(--main-window-text-color);;
}





/* 2col 罫線あり */

.main_content-2col {
	display:flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	border:0;
	width:100%;
	min-width: 281px;
	color:var(--main-window-text-color);;
	text-align:center;
	overflow:hidden;
}

.main_content-2col-l {
/*	display:flex;
	float:left;
*/
	width:calc(100% - 33%);
	text-align:left;
	color:var(--main-window-text-color);;
	max-height: 999999px;
	white-space:normal;
}

.main_content-2col-r {
/*	display:flex;
	float:left;
*/
	width: 33%;
	/*max-width: 340px;*/
	text-align:center;
	color:var(--main-window-text-color);;
	max-height: 999999px;
	white-space:normal;
}


.main_content-2col-r .sidebar_content {
	box-sizing: border-box;
    margin: 0 auto;
    padding: 0px 0px  20px 13px;
    width: 100%;
    height:100%;
    font-size: var(--main-window-font-size);
    line-height: var(--main-window-line-height);
    text-decoration: none;
}

.sidebar_content .sidebar_content_box
{
	box-sizing: border-box;
	padding: 0 20px;
	width:calc(100% - 0px);
	color:var(--main-window-text-color);;
	text-align:left;
}
.main_content-2col-r .sidebar_content_box.center
{
	padding:10px 0px 10px 0px;
	font-weight: bold;
	text-align:center;
}
.main_content-2col-r .sidebar_content_box.left
{
	padding:10px 0px 10px 0px;
	text-decoration:none;
	text-align:left;
}
.main_content-2col-r .sidebar_content_box.bottom
{
	position: relative;
/*	bottom:calc(-85%);*/
}

.sidebar_content .sidebar_content_img
{
	box-sizing: border-box;
	padding:10px 0px 10px 0px;
	text-align:center;
}

.sidebar_content .sidebar_content_txt
{
	box-sizing: border-box;
	padding:0px 10px 10px 10px;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	color:#555;
	text-align:left;
}

@media screen and (max-width: 639px) {

.main_container {
	padding: 0;
}
.main_window {
	padding:0.5em;
}
.main_content-2col-l {
/*	display:block;
	float:none;
*/
	margin: 0 auto;
	padding:10px 5px 0px 5px;
	width:100%;
}
.main_content-2col-r {
/*	display:block;
	float:none;
*/
	display:none;
	margin: 0 auto;
    padding: 10px 5px 0px 5px;
    width: 100%;
}
.main_content-2col-r .sidebar_content {
    padding: 0 10%;
    width: 100%;
}

}




/* テーブルデザイン 01 */
.main_content .table_design01, .fadein-box .table_design01 {
  border-collapse: collapse;
  width: 100%;
}
.main_content .table_design01 td, .fadein-box .table_design01 td {
  background-color: rgba(var(--table-design01-data-bg-color));
  border: 1px solid var(--table-design01-border-color);
  padding: 1em;
}
.main_content .table_design01 td:first-child, .fadein-box .table_design01 td:first-child {
  background-color: rgba(var(--table-design01-midasi-bg-color));
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}

.main_content .table_design01.small td, .fadein-box .table_design01.small td {
  font-size: 0.9em;
}

@media screen and (max-width: 480px) {
.main_content .table_design01 td, .fadein-box .table_design01 td {
	display: block;
	width: 100% !important;
	padding: 0.5em;
}

}



/* フレームデザイン 01 */
/* 2col 罫線なし 背景なし 左寄せ */

.frame01 {
	position: relative;
	display:flex;
  	padding: 1em;
  	background-color: rgba(var(--fadein-text-box-bg-color));
  	color: var(--fadein-text-box-text-color);
}
.frame01 .frame-2col-left {
  	width: calc(100% / 3);
}
.frame01 .frame-2col-left img {
  	width: 100%;
  	height: auto;
}
.frame01 .frame-2col-right {
  	width: calc(100% * 2 / 3);
  	padding: 0 0 1em 2em;
}

.frame01 .title {
	font-size: 1.1em;
	font-weight: bold;
}

.frame01 .title p {
	font-size: 1.1em;
	display: inline-block;
}

.frame01 i.fas {
	font-size: 1.2em;
}

@media screen and (max-width: 480px) {

.frame01 {
	flex-direction: column;
}
.frame01 .frame-2col-left {
  	width: 100%;
  	text-align: center;
}
.frame01 .frame-2col-right {
  	width: 100%;
  	padding: 0;
}
.frame01 .title {
	display:block;
  	width: 100%;
  	text-align: center;
	font-size: 1.4em;
}
.frame01 .title p {
	font-size: 0.8em;
	display: block;
}


}


/* フレームデザイン 02 */
/* 1col 罫線なし 背景なし 左寄せ */

.frame02 {
 	padding: 1em;
  	background-color: rgba(var(--fadein-text-box-bg-color));
  	color: var(--fadein-text-box-text-color);
}
.frame02 .frame-1col {
  	width: 100%;
}
.frame02 .frame-1col img {
  	width: 100%;
  	height: auto;
}



/* フレームデザイン 03 */
/* 3col 罫線なし 背景なし 左寄せ */

.frame03 {
	position: relative;
	display:flex;
  	padding: 0;
  	background-color: rgba(var(--fadein-text-box-bg-color));
  	color: var(--fadein-text-box-text-color);
	justify-content: space-between;
}
.frame03 .frame-unit {
  	width: calc((100% / 3) - 0.5em);
  	padding-right: 0;
  	box-sizing: border-box;
}
.frame03 .frame-unit:nth-child(2) {
  	box-sizing: border-box;
}
.frame03 .frame-unit:last-child {
  	padding: 0;
  	text-align: center;
  	box-sizing: border-box;
}
.frame03 .frame-unit img {
  	width: 100%;
  	height: auto;
}
.frame03 p {
	text-align: center;
	font-size: 0.9em;
}

.frame03 .title {
	font-size: 1.1em;
	font-weight: bold;
}

.frame03 .title p {
	font-size: 1.1em;
	display: inline-block;
}

.frame03 i.fas {
	font-size: 1.2em;
}

@media screen and (max-width: 480px) {

.frame03 {
	flex-wrap: wrap;
}
.frame03 .frame-unit {
  	width: 50%;
  	text-align: center;
  	padding-right: 0.25em;
}
.frame03 .frame-unit:nth-child(2) {
  	padding:0 0 0 0.25em;
}
.frame03 .frame-unit:last-child {
  	width: 100%;
  	text-align: center;
}
.frame03 .title {
	display:block;
  	width: 100%;
  	text-align: center;
	font-size: 1.4em;
}
.frame03 .title p {
	font-size: 0.8em;
	display: block;
}


}

/* フレームデザイン Grid */

.frame_grid {
	display: grid;
	grid-template-columns: 49% 49%;
	justify-content: space-between;
	gap: 15px 0;
}
.frame_grid .unit {
	background-color: rgba(var(--frame-grid-bg-color));
}
.frame_grid .unit > a {
	text-decoration: none;
}
.frame_grid .unit .title {
	padding:0 1em;
}

@media screen and (max-width: 480px) {

.frame_grid {
	display: grid;
	grid-template-columns: 100%;
	justify-content: space-between;
	gap: 15px 0;
	justify-items: center;
	padding: 2em 0;
}

.frame_grid .title {
	font-size:1.2em;
}

}




.center_box {
	display:inline-block;
	text-align: center;
}
.center_box p {
	padding: 0.5em 0em;
}



/* English */

.main_window .main_content-box-eng
{
	margin:0px 0px 4px 0px;
	padding:10px 10px 10px 10px;
	width: 100%;
	text-align:left;
	font-size:16px;
	line-height:150%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	background-color:rgba(255,255,255,0.2);
	color:#505050;
	font-size:16px;
	line-height:20px;
	white-space:normal;
}

.main_content-box-eng table {
 	border-collapse:collapse;
 	border-spacing:0;
}

.main_content-box-eng tr td {
 	border:1px solid #505050;
	font-size:14px;
	line-height:120%;;
	color:#505050;
}

.main_content-box-eng .combox
{
	display:block;
	width: 100%;
	padding:8px 0px 8px 0px;
	font-size: 14px;
	line-height:150%;
	font-weight: normal;
	color:#505050;
	text-align:center;
}

.main_content-box-eng ul{ 
	margin: 0; 
	padding: 0 15px; 
}

.main_content-box-eng li{ 
	font-size:14px;
	line-height:150%;
	color:#505050;
}

.main_content-box-eng li a:link{
	color:#505050;
}

.main_content-box-eng li a:visited{
	color:#505050;
}

.main_content-box-eng li a:hover{
	color:#777777;
}

.indent-box
{
	display:block;
	width: 100%;
	padding:0px 8px 0px 16px;
	font-size: 14px;
	line-height:120%;
	font-weight: normal;
	color:#505050;
	text-align:left;
}


/* Google Map */

#map_canvas {
	padding: 0px 0px 0px 0px;
	width:100%;
	height:500px;
	font-size: 16px;
	line-height:20px;
	font-weight: normal;
	color:#666666;
}


#map_canvas_act1 {
	margin: 6px 0px 30px 10px;
	width:100%;
	height:340px;
	font-size: 16px;
	line-height:20px;
	font-weight: normal;
	color:#666666;
}

#map_canvas_act2 {
	margin: 6px 0px 30px 10px;
	width:100%;
	height:540px;
	font-size: 16px;
	line-height:20px;
	font-weight: normal;
	color:#666666;
}

#map_canvas_act3 {
	margin: 6px 0px 30px 10px;
	width:100%;
	height:500px;
	font-size: 16px;
	line-height:20px;
	font-weight: normal;
	color:#666666;
}

#map_canvas_act4 {
	margin: 6px 0px 30px 10px;
	width:100%;
	height:340px;
	font-size: 16px;
	line-height:20px;
	font-weight: normal;
	color:#666666;
}


/* Facebook */

#likebox_wrapper {
	margin:10px;
    line-height: 0;
	background-color: #fff;
    width: 499px;
    height: 400px;
    overflow: hidden;
    position:relative;
}
#likebox_wrapper iframe{
    position:relative;
    left:-1px;
    top: -1px;
}

#pageplugin_wrapper {
    line-height: 0;
	background-color: #fff;
    width: 500px;
    height: 400px;
    overflow: hidden;
    position:relative;
}



/* サイドバーコンテンツ */

.main_window .sidebar_content_box.kadomaru
{
	margin:20px;
	padding:20px;
	width:240px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	border: 0px #505050 solid;
	background-color:rgba(0,0,0,0.1);
	color:#ffffff;
	text-align:left;
}

.sidebar_content_box hr{
	border-top: 1px solid #ffffff;
	margin:15px 0 15px 0;
	width:220px;
	text-align:left;
}

.sidebar_end
{
	height:41px;
	background-image:url(./images2024/sidebar_end.png);
	background-repeat:repeat-x;
}





/* ラベルバー */

.labeltitle_type1{
	display: inline-block;
	width: var(--main-window-width);
	margin:0px 0px 8px 0px;
	padding:8px 12px 8px 12px;
	color: var(--labeltitle-type1-text-color);
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	background-color: var(--labeltitle-type1-bg-color);
}

.labeltitle_type1_img{
	padding:0px 4px 0px 12px;
	text-align:left;
}

.labeltitle_type1 p {
	display:inline-block;
	padding-left:2em;
	font-size: var(--labeltitle-sub-fontsize);
	font-weight: normal;
}



/* ラベルバー */

.labeltitle_bg_red{
	display: inline-block;
	width: var(--main-window-width);
	margin:0px 0px 8px 0px;
	padding:8px 12px 8px 12px;
	color: var(--labeltitle-type1-text-color);
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	background-color: var(--labeltitle-type1-bg-color);
}

.labeltitle_bg_redorenge{
	width:100%;
	margin:0 0 8px 0;
	background-color:rgb(233 96 74);
	color:#FFFFFF;
	font-size:16px;
	line-height:20px;
	text-align:left;
}

.labeltitle_bg_pink{
	width:100%;
	margin:0 0 8px 0;
	background-color:rgba(250,151,134,0.8);
	color:#FFFFFF;
	font-size:16px;
	line-height:20px;
	text-align:left;
}

.labeltitle_bg_blue{
	width:100%;
	margin:0 0 8px 0;
	background-color:rgba(150,168,191,0.8);
	color:#FFFFFF;
	font-size:16px;
	line-height:20px;
	text-align:left;
}

.labeltitle_bg_gray{
	width:100%;
	margin:0 0 8px 0;
	background-color:rgba(99,99,99,0.8);
	color:#FFFFFF;
	font-size:16px;
	line-height:20px;
	text-align:left;
}


/* リンクボタン [>]付き 詳しくはこちら etc. */

a.link_btn, .link_btn a {
	position: relative;
	display: inline-block;
	background-color: var(--link-btn01-bg-color);
	padding: 2px 3em 2px 1em;
	color: var(--link-btn01-text-color);
	font-size: var(--link-btn01-font-size);
	font-weight: bold;
	line-height: var(--link-btn01-line-height);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: var(--btn--org);
	border-radius: 0.5rem;
}
a.link_btn:before, .link_btn a:before {
	content:"";
	display:block;
	position:absolute;
	right: 16px;
	top: 0px;
	bottom:0;
	margin:auto;

	width: 15px;
	height: 15px;
	-webkit-border-radius: 25%;
	border-radius: 25%;
	background: var(--link-btn01-icon-bg-color);
}
a.link_btn:after, .link_btn a:after {
	content:"";
	display:block;
	position:absolute;
	right: 21px;
	top: 0px;
	bottom:0;
	margin:auto;

    opacity: 1;
  	visibility: visible;
    left:auto;
	/*background: var(--linkbtn-icon-bg-color);*/
	
	width: 5px;
	height: 5px;
	border-top: 2px solid var(--link-btn01-icon-mark-color);
	border-right: 2px solid var(--link-btn01-icon-mark-color);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

a.link_btn, .link_btn a {color:var(--link-btn01-link-color) !important;}
a.link_btn:link, .link_btn a:link;{color:var(--link-btn01-link-color) !important;}
a.link_btn:visited, .link_btn a:visit;{color:var(--link-btn01-link-color) !important;}
a.link_btn:hover, .link_btn a:hover;{color:var(--link-btn01-hover-color) !important;}

a.link_btn.large,.link_btn.large a {
	padding: 1em 4em 1em 2em;

}

a.link_btn.red,.link_btn.red a {
	background-color: var(--link-btn01-bg-color-red);
}
a.link_btn.blue,.link_btn.blue a {
	background-color: var(--link-btn01-bg-color-blue);
}
a.link_btn.orange,.link_btn.orange a {
	background-color: var(--link-btn01-bg-color-orange);
}
a.link_btn.redorange,.link_btn.redorange a {
	background-color: var(--link-btn01-bg-color-redorange);
}
a.link_btn.green,.link_btn.green a {
	background-color: var(--link-btn01-bg-color-green);
}

@media screen and (max-width: 480px) {

.labeltitle_type1 p {
	display: block;
	padding-left: 0;
}

}




/* フッタ */

.foot_wrap {
	position: relative;
	z-index: 4;
	margin:0 auto;
	width: 100%;
	text-align: center;
	background-color: var(--foot-bg-color);
	/*background-image: url( mediaini.jsで切替);*/
	background-image:url(images2025/bgi.jpg);
	background-position-y: bottom;
  background-size: cover;
}

.foot_window {
	z-index: 7;
	margin:0 auto;
	width: 100%;
    max-width: var(--dev-max-width);
    color: var(--foot-text-color);
    text-align: center;
}

.footmenu {
    padding:10px;
	font-size: var(--foot-font-size);
	line-height:var(--foot-line-height);
    color: var(--foot-text-color);
    text-align: center;
}
.footmenu a{font-size: var(--foot-font-size);text-decoration:none;color:var(--foot-link-color);}
.footmenu a:link{color:var(--foot-link-color);}
.footmenu a:visited{color:var(--foot-link-color);}
.footmenu a:hover{color:var(--foot-link-hover-color);}

.foot_menu_head {
	width:100%;
	padding:10px 10px 10px 10px;
    text-align: right;
}

.foot_menu_box {
	position:relative;
	width:100%;
    text-align: center;
}
.foot_menu_box ul { 
	float:left;
	margin: 0 auto; 
	padding: 0px 20px 0px 0px; 
    text-align: left;
	list-style-type: none;
}
.foot_menu_box ul li { 
	font-size:14px;
	color:var(--foot-link-color);
}
.foot_menu_box img {
	margin:0px auto;
	padding:0px;
	opacity: 1;
 	filter: alpha(opacity=100);
 	-moz-opacity: 1;
}
.foot_menu_box a:hover img {
	opacity: 0.9;
 	filter: alpha(opacity=90);
 	-moz-opacity: 0.9;
}


/* address */
.foot_address_box {
	margin-top: 20px;
	text-align:left;
	font-weight: 600;
	padding: 4px;
	text-align: center;
    text-shadow:
     1px  1px 2px var(--foot-wrap-shadow-color), /*右下に影*/
     1px -1px 2px var(--foot-wrap-shadow-color), /*右上に影*/
    -1px  1px 2px var(--foot-wrap-shadow-color), /*左下に影*/
    -1px -1px 2px var(--foot-wrap-shadow-color); /*左上に影*/
}
.foot_address_box .left_box {
	position: relative;
	float: left;
	height: 71px;	/* usagi height */
	top:50px;
	text-align: left;
}
.foot_address_box .right_box {
	position: relative;
	float: right;
	text-align: right;
	text-shadow:	/* .foot_address_box の text-shadow を上書き */
	 var(--foot-wrap-shadow-color) 2px 0 ,
	 var(--foot-wrap-shadow-color) -2px 0,
	 var(--foot-wrap-shadow-color) 0 -2px,
	 var(--foot-wrap-shadow-color) 0 2px,
	 var(--foot-wrap-shadow-color) 2px 2px,
	 var(--foot-wrap-shadow-color) -2px 2px,
	 var(--foot-wrap-shadow-color) 2px -2px,
	 var(--foot-wrap-shadow-color) -2px -2px,
	 var(--foot-wrap-shadow-color) 1px 2px,
	 var(--foot-wrap-shadow-color) -1px 2px,
	 var(--foot-wrap-shadow-color) 1px -2px,
	 var(--foot-wrap-shadow-color) -1px -2px,
	 var(--foot-wrap-shadow-color) 2px 1px,
	 var(--foot-wrap-shadow-color) -2px 1px,
	 var(--foot-wrap-shadow-color) 2px -1px,
	 var(--foot-wrap-shadow-color) -2px -1px;
}


/* signeture */
.foot_signeture {
	clear:both;
	display:inline-block;
	margin:0 auto;
	width: 100%;
    max-width: var(--dev-max-width);
    height:100px;
	height:auto;
	color:#fff;
    text-align: center;
	background-color: var(--foot-signeture-bg-color);
}
.foot_signeture_box {
	margin:0 auto;
    padding:8px 10px 10px 10px;
	width:100%;
	height:100px;
	font-size: 16px;
	line-height:120%;
	color:var(--foot-text-color);
    text-align: right;
}

.revtxt {
	padding:50px 10px 10px 10px;
	font-size: 14px;
	line-height:18px;
	color: var(--foot-revtxt-color);
	text-align: right;
}
.revtxt br {
	display:none;
}

.fscopy {
	vertical-align: top;
	position: relative;
	top: 0;
	font-size: 16px;
	line-height:18px;
}

.footer_bg_spc {
	background-image: url(images2024/footer_bg_fuyu.png);
	background-size: cover;
    background-repeat: no-repeat;
}

/* address right_box とページトップボタンの競合回避 */
@media screen and (max-width: 1260px) {

.foot_address_box .right_box {
	right:50px;		/* PageTopボタン分 */
}

}

@media screen and (max-width: 480px) {

.foot_container_box {
	width:100%;
	min-width:320px;
	height:auto;
}
.foot_menu_head {
	display: none;
	width:100%;
}
.foot_menu_box {
	display: none;
	width:100%;
}
.foot_menu_box ul{ 
	float:none;
}
.foot_menu_box .address {
	float:none;
	text-align:left;
	padding: 4px;
	text-align: center;
}
.foot_signeture_box {
	width:100%;
	min-width:320px;
	height:130px;
}
.revtxt {
	width:100%;
	text-align: center;
}
.revtxt br{
	display:inline;
}
.foot_address_box .left_box {
	top:0;
}
.foot_address_box .left_box img:last-child {
	width: calc(90% - 89px);
}

/* spのみスペース */
.space_sp {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 20px;
}


}

.entry {text-align:right;font-size:12px;line-height:12px;;text-decoration:none;color:#eeeeee;}
.entry a:link {line-height:12px;;text-decoration:none;color:#eeeeee;}
.entry a:visited {line-height:12px;;text-decoration:none;color:#ffffff;}
.entry a:hover {line-height:12px;;text-decoration:none;color:#f7c331;}





/* お知らせ iframes */

#box_oshirase{
	width: 660px;
	height: 100px;
	margin: 0px;
	border: 0px #BCBCBC solid;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #999999;
	background-color: transparent;
}


/* セパレータ */

.separater_full {
	clear: both;
	margin:0 auto;
	width: 100%;
	height: 16px;
}


/* スペーサー */

.spacex1 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 1px;
}

.spacex4 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 4px;
}

.spacex8 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 8px;
}

.spacex16 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 16px;
}

.spacex24 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 24px;
}


/* TOPへ戻る */

  
#side-dock {
	position: fixed;
	display:block;
	list-style:none;
	right: 15px;
	bottom: 15px;
	width: 56px;
	border: 0px #000000 solid;
	z-index: 99998;
	overflow:hidden;
}  

#side-dock li a img{
	margin: 0 0 0px -40px;
	padding: 0 0 4px 0px;
}  
  
#side-dock li a img:hover {
	margin: 0 0 0px -96px;
}


#page-top{
    position:fixed;
    right:40px;
    bottom:-30px;
	width:81px;
	height:125px;
    display: none;
}
 
#page-top a{
    color:#fff;
    padding:0 0 80px 0;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align:center;
	background-image:url(././images2024/pagetop.png);
	background-repeat:no-repeat;
}
 
#page-top a:hover{
	background-image:url(././images2024/pagetop1.png);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}


/* Imagemax prev-next */

#prev-button{
	z-index:4;
    position:fixed;
    left:0px;
    top:40%;
	width:35px;
	height:50px;
	cursor:pointer;

}
#next-button{
	z-index:4;
    position:fixed;
    right:-2px;
    top:40%;
	width:35px;
	height:50px;
	cursor:pointer;
}


/* Meals 桜アイコン */
ul.sakura-list {
 list-style-type:none;
 margin:0;
 padding:12px 0px;
 line-height:1.5;
}

ul.sakura-list li {
	padding-left:24px;
	background-image:url(././images2024/sakura.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	background-size:20px;
	font-size:14px;
	line-height: 36px;
}


/* Meals 朝顔アイコン */
ul.asagao-list {
 list-style-type:none;
 margin:0;
 padding:12px 0px;
 line-height:1.5;
}

ul.asagao-list li {
	padding-left:24px;
	background-image:url(././images2024/asagao.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	background-size:20px;
	font-size:14px;
	line-height: 36px;
}


/* Meals 紅葉アイコン */
ul.momiji-list {
 list-style-type:none;
 margin:0;
 padding:12px 0px;
 line-height:1.5;
}

ul.momiji-list li {
	padding-left:24px;
	background-image:url(././images2024/momiji.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	background-size:20px;
	font-size:14px;
	line-height: 36px;
}



/* メニュー ボタン */

a.btn, button.btn, span.btn {
  width: 100%;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1em 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: var(--btn--org);
  border-radius: 0.5rem;
}
a.btn p{
  font-size: 0.8em;
  font-weight: normal;
}

a.btn-a {
  width: 100%;
  font-size: 1em;
  position: relative;
  padding: 1em 1em;
  border-radius: 5px;
}
a.btn-a i.fa {
  margin-right: 1em;
}
a.btn-a:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 1em;
  line-height: 1;
  position: absolute;
  top: calc(50% - .5em);
  right: 1em;
  margin: 0;
  padding: 0;
/*  content: '\f054'; */
}

a.btn-b {
  width: calc(50% - 3px);
  font-size: 1em;
  position: relative;
  padding: 0.5em 0em;
  border-radius: 5px;
}

/* スライド付 */
a.btn-flat {
  overflow: hidden;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1em;
  color: #fff;
  border-radius: 0;
  background: var(--btn--flat-base-color);
}
a.btn-flat span {
  position: relative;
}
a.btn-flat:before {
  position: absolute;
  top: -125px;
  left: -100px;
  width: 150%;
  height: 650%;
  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-25%) rotate(45deg);
  transform: translateX(-80%) translateY(-25%) rotate(45deg);
  background: var(--btn--flat-wipecolor);
}
a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

/* トップページ over_ text */
.btn-copy {
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  position: relative;
  margin-bottom: .2em;
  padding-right: 1em;
  text-align: right;
/*  filter:
  drop-shadow( 1px  1px 0px #ffffff)
  drop-shadow(-1px  1px 0px #ffffff)
  drop-shadow( 1px -1px 0px #ffffff)
  drop-shadow(-1px -1px 0px #ffffff)
  ;*/
}
.btn-copy:before {
  margin-right: 0em;
  content: '';
}
.btn-copy:after {
  margin-left: 0em;
  content: '';
}

.btn-nolink {
  pointer-events: none;
}
.btn-copy-shadow {
  filter:
  drop-shadow(     1px  1px 0px #ffffff)
  drop-shadow(    -1px  1px 0px #ffffff)
  drop-shadow(     1px -1px 0px #ffffff)
  drop-shadow(    -1px -1px 0px #ffffff)
  ;
}


a.btn--redorange, span.btn--redorange {
  color: #fff;
  background-color: var(--btn--redorange);
}
a.btn--redorange:hover {
  color: #fff;
  background: var(--btn--orange);
}

a.btn--green, span.btn--green {
  color: #fff;
  background-color: var(--btn--green);
}
a.btn--green:hover {
  color: #fff;
  background: var(--btn--redorange);
}

a.btn--orange, span.btn--orange {
  color: #fff;
  background-color: var(--btn--orange);
}
a.btn--orange:hover {
  color: #fff;
  background: var(--btn--redorange);
}



/* サイトオリジナルボタン　タブ用  */

/* 予約 */
a.btn-booking {
  overflow: hidden;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1em;
  color: var(--btn--flat-text-color);
  border-radius: 1em;
  background: var(--btn--flat-base-color);
  /*background-image: url(images2025/gold.png);*/
  background-size: cover;
}
a.btn-booking span {
  position: relative;
}
a.btn-booking:before {
  position: absolute;
  top: -180px;
  left: -125px;
  width: 160%;
  height: 700%;
  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-25%) rotate(45deg);
  transform: translateX(-80%) translateY(-25%) rotate(45deg);
  background: var(--btn--flat-wipecolor);
}
a.btn-booking:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

/* 電話 */
span.btn--tel {
  color: var(--btn--text-color);
  background-color: var(--btn--tel);
}



/* サイトオリジナルボタン　over用  */

/* 予約 */
a.over_btn-booking {
  overflow: hidden;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1em;
  color: var(--btn--text-color);
  border-radius: 0.5rem;
  background: var(--btn--tel);
  color: var(--btn--flat-text-color);
  background: var(--btn--flat-base-color);
  /*background-image: url(images2025/gold.png);*/
/*  background-image: url(images2025/gold.png);*/
  background-size: cover;
}
a.over_btn-booking span {
  position: relative;
}

/* 電話 */
a.over_btn--tel {
  color: var(--btn--text-color);
  background-color: var(--btn--tel);
}



/* ※こめ印?インデント */

ul.komejirusi {
    padding-left:1em !important;
}
ul.komejirusi li{
    text-indent:-1em !important;
    list-style-type:none !important;
}

.komejirusi_p {
    padding-left:1em !important;
}
.komejirusi_p p{
    text-indent:-1em !important;
    list-style-type:none !important;
}





/* Swiper Slide */
.swiper1 {
  position: relative;
  overflow: hidden;
}
.swiper1 .swiper-slide-active .swiper-img,
.swiper1 .swiper-slide-duplicate-active .swiper-img,
.swiper1 .swiper-slide-prev .swiper-img {
  animation: zoomUp 12s linear 0s normal both;
}
.swiper1 .swiper-slide img {
  height: auto;
  width: 100%;
}

.swiper1 .swiper-slide {
	float: left;
	padding: 0;
	text-align: center;
}
.swiper1 .swiper-slide p {
	position: relative;
	top: -10px;
	width: 100%;
	margin: 0;
	padding: 4px;
	background-color: rgba(var(--fadein-text-box-bg-color)); 
	color: var(--fadein-text-box-text-color);
}

/* ページネーション カスタマイズ */
.swiper1 .swiper-pagination {
	top: auto !important;
	bottom: 0.4em !important;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev:after,
.swiper-button-next:after {
	color: #ffffff;
	opacity: 0.8;
	font-size: 1.5em !important;
	font-weight: bold;
}



/* Swiper Slide */
.swiper4 {
  position: relative;
  overflow: hidden;
}
.swiper4 .swiper-slide-active .swiper-img,
.swiper4 .swiper-slide-duplicate-active .swiper-img,
.swiper4 .swiper-slide-prev .swiper-img {
  animation: zoomUp 12s linear 0s normal both;
}
.swiper4 .swiper-slide img {
  height: auto;
  width: 100%;
}

.swiper4 .swiper-slide {
	float: left;
	padding: 0;
	text-align: center;
}
.swiper4 .swiper-slide p {
	position: relative;
	top: -10px;
	width: 100%;
	margin: 0;
	padding: 4px;
	background-color: rgba(var(--fadein-text-box-bg-color)); 
	color: var(--fadein-text-box-text-color);
}

/* ページネーション カスタマイズ */
.swiper4 .swiper-pagination {
	top: auto !important;
	bottom: 0.4em !important;
}



/* Swiper Zoom fade */
@keyframes zoomUp {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper2 {
  position: relative;
/*  overflow: hidden; textをはみ出させない */
}
.swiper2 .swiper-wrapper {
  overflow: hidden;
}
.swiper2 .swiper-slide-active .swiper-img,
.swiper2 .swiper-slide-duplicate-active .swiper-img,
.swiper2 .swiper-slide-prev .swiper-img {
  animation: zoomUp 6s linear 0s normal both;
}
.swiper2 .swiper-slide img {
  height: auto;
  width: 100%;
}


/* テキストボックス */
.swiper-text {	/* scroll位置計算のためswiper高さ取得用要素 */
  position: absolute;
  z-index: 1;
  top: 0;
  left: auto;
  width: 100%;
  height: 100%;
  padding: 1em;
  display:flex;
  flex-direction: column;
  align-items: flex-end;

}
/* 1段目 テキストボックス */
.swiper-text .swiper-text-box {	/* 表示用要素 */
  position: relative;
  z-index: 1;
  top: 1.2em;
  left: auto;
  width: 47%;
  padding: 1em;
  background-color: rgba(var(--fadein-text-box-bg-color));
  color: var(--fadein-text-box-text-color);
  /*text-shadow: 1px 1px 2px #333;*/
}
/* 位置 over-right */
.swiper-text-box.over-right {
  	right: -53%;
}

.swiper-title {
  font-family: "M PLUS 1", sans-serif;
  font-weight: 700;
  font-optical-sizing: auto;
  font-style: normal;
  font-style: normal;
  font-size: var(--fadein-text-box-title-font-size);
  line-height: 1.2em;
}
.swiper-desc {
  font-family: "M PLUS 1", sans-serif;
  font-weight: 300;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: var(--main-window-link-font-size);
  line-height: 1.2em;
  margin-top: 3%;
  box-sizing: border-box;
}

/* 2段目(.sub) テキストボックス */
.swiper-text .swiper-text-box.sub {	/* 表示用要素 */
  left: auto;
  background-color: rgba(var(--fadein-text-box-sub-bg-color));
  color: var(--fadein-text-box-sub-text-color);
  font-size: var(--main-window-link-font-size);
}
.swiper-text .swiper-text-box.sub a {
  color: var(--fadein-text-box-sub-link-color);
  text-decoration: none;
}
.swiper-text .swiper-text-box.sub a:hover {
  color: var(--fadein-text-box-sub-hover-color);
}



/* フェードイン テキストボックス */
.fadein-box {
  position: relative;
  height:auto;
  padding-top: 0.5em;
}
.fadein-box .fadein-box-text {	/* scroll位置計算のためswiper高さ取得用要素 */
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}
.fadein-box .fadein-box-text-box {	/* 表示用要素 */
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  padding: 1em;
  background-color: rgba(var(--fadein-text-box-bg-color));
  color: var(--fadein-text-box-text-color);
  /*text-shadow: 1px 1px 2px #333;*/
}
.fadein-box .fadein-box-title {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: var(--fadein-text-box-title-font-size);
  line-height: 1.2em;
  color: var(--fadein-text-box-text-color);
}
.fadein-box .fadein-box-desc {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: var(--main-window-link-font-size);
  line-height: 1.2em;
  margin-top: 3%;
  box-sizing: border-box;
}

/* 吹き出し ツールチップ https://pa-tu.work/category/4 */
.tooltip-title {
  position: absolute;
  display: inline-block;
  top: -33px;	/* -(tooltip高さ)px */
  left: 0;
  right:auto;
  width:100%;
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  text-shadow: none;
  font-size: var(--main-window-link-font-size);
  margin-bottom: 1rem;
  padding: 0.5rem 2rem;
  background-color: var(--fadein-text-box-tooltip-bgcolor);
  color: white;
  text-align: center;
}

.tooltip-title::before {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: solid 8px transparent;
  border-top-color: var(--fadein-text-box-tooltip-bgcolor);
  content: '';
}

/* テキストボックス 画像下退避用スペース */
.fadein-box-space {
	display: none;
}


@media screen and (max-width: 639px) {

/* テキストボックス 画像下退避用スペース */
.fadein-box-space {
	display: block;
}

.swiper-text {
	position: relative;
	left:0;
	padding:0;
}
.swiper-text-box, .swiper-text-box.top, .swiper-text-box.over-right, .swiper-text-box.sub {
	left: auto !important;
    right: 0;
    top: auto;
    bottom: 0px;
    width: 100%;
    padding: 0.5em;
}
.swiper-desc {
    margin-top: 0.3em;
}

/* 画像の下に移動 htmlで <div class="fadein-box-space" style="height:100px"></div> が必要*/
.swiper-text .swiper-text-box {
	/* top: calc(46.875vw - 33px);			画像アスペクト比 46.875 56.25 - 9px */
	height:auto;						/* テキストボックス高さ 固定値で指定 */
  	background-color: rgba(var(--fadein-text-box-bg-color));
}
/* 2段目(.sub) */
.swiper-text .swiper-text-box.sub {
	/* top: calc(46.875vw - 33px + 0px);	画像アスペクト比 46.875 56.25 - 9px + (1番目のtext-boxの高さ)px */
  	background-color: rgba(var(--fadein-text-box-sub-bg-color));
}

}



/* Swiper Zoom fade + Thumbnail */
@keyframes zoomUp {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-group,
.swiper3
{
  position: relative;
/*  overflow: hidden; textをはみ出させない */
}
.swiper3 .swiper-wrapper {
  overflow: hidden;
}
.swiper3 .swiper-slide-active .swiper-img,
.swiper3 .swiper-slide-duplicate-active .swiper-img,
.swiper3 .swiper-slide-prev .swiper-img
{
  animation: zoomUp 6s linear 0s normal both;
}
.swiper3 .swiper-slide img {
  height: auto;
  width: 100%;
}

.swiperThumbnail {
  position: relative;
  z-index: 2;
  overflow: hidden; /*textをはみ出させない */
  padding: 1em 0 1em 0;
}
.swiperThumbnail .swiper-wrapper {
  /*overflow: hidden;*/
}
.swiperThumbnail .swiper-wrapper .swiper-slide-thumb-active {
	opacity: 0.5;
}




/* Swiper Parallax */
.swiperParallax {
  position: relative;
  /*eight: 35vw;*/
  overflow: hidden;
}
.swiperParallax .swiper-slide {
  overflow: hidden !important;
}
.swiperParallax .swiper-slide img {
  height: auto;
  width: 100%;
}
.swiperParallax .swiper-text {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 5%;
  width: 60%;
  color: #fff;
  text-shadow: 1px 1px 2px #333;
}
.swiperParallax .swiper-title {
  font-size: clamp(16px, 3vw, 50px);
  font-weight: 700;
}
.swiperParallax .swiper-desc {
  font-size: clamp(12px, 2vw, 30px);
  line-height: 1.5;
  margin-top: 3%;
}
/* 前へ次への矢印カスタマイズ */
.swiperParallax .swiper-button-prev:after,
.swiperParallax .swiper-button-next:after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}
/* 前への矢印カスタマイズ */
.swiperParallax .swiper-button-prev:after {
  border-bottom: 15px solid transparent;
  border-right: 22px solid #ffffff;
  border-top: 14px solid transparent;
}
/* 次への矢印カスタマイズ */
.swiperParallax .swiper-button-next:after {
  border-bottom: 14px solid transparent;
  border-left: 22px solid #ffffff;
  border-top: 14px solid transparent;
}


/* Swiper 共通 */


.swiper-space {
	height: 3em;
}


/* ページネーション */
.swiper-pagination {
	position: absolute;
	bottom:0 !important;
}
/* ページネーションの余白 */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  /*margin: 0 1vw 1vw !important;*/
}
/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: #fff !important;
  height: 1vw !important;
  width: 1vw !important;
}

/* ナビゲーションの色 */
.swiper-button-prev　::after,
.swiper-button-next::after {
    color: white;
    font-weight:700;
}


/* スクロール フェードイン https://dezanari.com/jquery-scroll-fadein/ */
.element {
  /* 最初は非表示 */
  transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
  
  /* （装飾用スタイル） */
  width: 80%;
  height: 120px;
  background-color: #ddd;
}
/* フェードイン時に入るクラス */
.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}


/* スクロール フェードイン CSShttps://dubdesign.net/download/html-css/jquery-scrollfadein/ */
.fade-in {
  opacity: 0;
  transition-duration: 2000ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 100px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


@media screen and (max-width: 639px) {

.scroll-in {
	margin-top: 27px;
	margin-top: 0;
}

}








/* for Mail Form */

input[type=text]{
	margin:4px 0px 4px 0px;
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:6px;
		background-color:rgba(var(--form-bg-color));
   	font-size: var(--main-window-font-size);
		color:#505050;
		width: calc(100% - 4em);
}

input[type=text]:focus {
   	border:solid 2px var(--form-focus-border-color);
}

input[type=text], select { 
   	outline: none;
}


input[type=tel]{
	margin:4px 0px 4px 0px;
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:6px;
		background-color:rgba(var(--form-bg-color));
   	font-size: var(--main-window-font-size);
		color:#505050;
		width: calc(12em);
}

input[type=tel]:focus {
   	border: var(--form-border-color) 2px solid;
}

input[type=tel], select { 
   outline: none;
}

input[type=email]{
		margin:4px 0px 4px 0px;
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:6px;
		background-color:rgba(var(--form-bg-color));
   	font-size: var(--main-window-font-size);
		color:#505050;
		width: calc(100% - 4em);
}

input[type=email]:focus {
   	border:#E09C82 2px solid;
}

input[type=email], select { 
   	outline: none;
}

input[type=number]{
		margin:4px 0px 4px 0px;
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:6px;
		background-color:rgba(var(--form-bg-color));
   	font-size: var(--main-window-font-size);
		color:#505050;
		width: 2em;
}

input[type=number]:focus {
   	border:#E09C82 2px solid;
}

input[type=number], select { 
   	outline: none;
}

::placeholder {
  color: #999999;
}

textarea{
		margin:4px 0px 4px 0px;
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:6px;
		background-color:rgba(var(--form-bg-color));
   	font-size: var(--main-window-font-size);
		color:#505050;
   	width:90%;
}

select{
		margin:4px 0px 4px 0px;
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:8px;
		background-color:rgba(var(--form-bg-color));
   	font-size: var(--main-window-font-size);
		color:#505050;
}

option{
   	font-size:16px;
   	color:#505050;
}

input[type=submit]{
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	background:var(--form-submit-bg-color);
   	padding:8px;
   	font-size: var(--main-window-font-size);
   	font-weight:bold;
		color:#ffffff;
   	cursor:pointer;
}
input[type=button]{
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:8px;
   	cursor:pointer;
   	font-size: var(--main-window-font-size);
		color:#505050;
   	font-weight:bold;
   	background:#f5f5f5;
}

div.inputtext {
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:6px;
		background-color:rgba(var(--form-bg-color));
   	font-size: var(--main-window-font-size);
		color:#505050;
}

div.inputtext_grn {
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
		background-color:#ccffcc;
   	padding:6px;
   	font-size: var(--main-window-font-size);
		color:#505050;
}

div.inputtext_yel {
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
		background-color:#ffffcc;
   	padding:6px;
   	font-size: var(--main-window-font-size);
		color:#505050;
}

div.inputimg {
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	-o-border-radius: 5px;
   	-ms-border-radius: 5px;
   	border: var(--form-border-color) 2px solid;
   	padding:5px;
		width:307px;
		background-color:rgba(var(--form-bg-color));
   	font-size: var(--main-window-font-size);
		color:#505050;
}


input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 0px 0;
  padding: 2px 12px 2px 42px;
  border-radius: 8px;
  vertical-align: base;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #BE9F50;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #BE9F50;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #BE9F50;
  border-bottom: 3px solid #BE9F50;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}


.input_text{
  width:80%;background-color:#ffffcc;
}

.input_num{
  width:50px;background-color:#ffffcc;
}

.input_sel{
  width:150px;background-color:#ffffcc;
}

#conf_item{
	margin:8px;
	padding:8px;
	background-color:#ffffff;
}

#conf_tbl tr td{
	padding:9px;
}

.conf_num{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   padding:2px 12px 2px 12px;
   background-color:#ffffcc;
   	font-size: var(--main-window-font-size);
   color:#505050;
}




@media screen and (max-width: 480px) {

input[type=text] {
/*	width:96%;*/
}

textarea {
/*	width:96%;*/
}

}



/* 料金表CGI */
.content-cgi {

} 

.content-cgi table {
	width:100%;
}