/* =======================     layout    =============================== */
/* スマホのみ表示（PCでは非表示） */
.sp-only { display: none; }
@media (max-width:600px) {
  .sp-only { display: inline; }
  .sp-indent { display: inline-block; padding-left: calc(10px + 1em); }
}
/* タブレット向け */
/* @media (max-width:1024px) {
    .l-content-fixed {
        padding: 0 40px;
    }
} */
/*  --------------------------------------------------------
line-height
-------------------------------------*/
:root {
--body-line-height: 12pt;
--h1-line-height:17pt;
--prmoji2-line-height:1.3;
--search-bar-line-height :16pt;
--search-line-height:0.8;
--article-title-line-height: normal;
--comment-line-height: 1.5;
--comoni-line-height: 1.8;
--line-g-line-height: 3px;
--comment-sidebar-line-height: 1.5rem;
--comment-sidebar-images-line-height: 2rem;
--pr-com-line-height: 1.3;
--home2-ichiran2-kiyaku2-annai2-touroku2-line-height600: 1.3;
--tiiki-line-height600: 1.3;
--header-char1-line-height600: 1.5;
--header-char2-line-height600: 1.5;


/* ------------------------------------------------ */
--golf-course-list-line-height: normal ;



}


* {box-sizing: border-box;}
body {
    line-height:var(--body-line-height);
	margin: 0 auto;
}


h1 {
    line-height: var(--h1-line-height);
	MARGIN: 0px;
}

h2 {
    MARGIN: 0px;
}
p{
	margin: 0;
}
/* --------------------------------------------
	----------------------------------- */
	#container {
		width: 910px;
		/* min-width: 910px; */
		/* border: 1px solid #85B667; */
		margin: 0 auto;
	}

	.l-content-fixed{
		max-width: 910px;
		margin: 0 auto;
		/* padding: 0 20px; */ /* くずれる*/
	}
	.l-content-expanded {
		width: auto;
		margin: 0;
	}
	#content {
	margin:1px auto;
	width: 910px;
	/* background-color: purple; */
	/* width: 590px; */
	/* display: block; */
	display: -webkit-flex;
	display: flex;  /* レスポンシブにするにはbolock */
	/* -webkit-justify-content:space-between;
	justify-content: space-between; */
}
.l-main {
	/* flex: 1 1 590px;*/

	/* order: 2;  */
	order: 1;
	max-width: calc((590 / 910) * 100%);
	/* max-width: calc((630/980) * 100%); */
	/* margin-right: calc((90/980) * 100%);  */
}
.l-sidebar {
	/* display: block; */
	/* flex: 0 0 320px;*/
	/* order: 1;  */
	order: 2;
	max-width: calc((320 / 910) * 100%);
	/* max-width:calc(260/980) * 100%; */
}

	/* main { */
	/* flex: 1 1 590px;
	order: 1;
	max-width: calc((590 / 910) * 100%); */
	/* margin-right: calc((590 / 910) * 100%); */
	/* } */

/* ====================== header ======================================= */
/* header {
	background-color: hsl(10,98%,98%);
} */
.header1 {
	padding-bottom: 10px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	background: url(../img/top/main_05.gif) repeat ;
	/* background:#fff; */
	/* width:910px; */
	height: auto;



}

.navi-2 {display: none;}
.header1 div {
display: inline-block;
vertical-align: top;
	/* url(../img/top/main_03.gif),url(../img/top/main_04.gif),url(../img/top/main_05.gif); */
}


/* .header1 div:nth-child(1){ */

/* .header1 div:nth-child(1) p {
	margin-top: 70px;
	text-align:left;
	vertical-align: middle;
	padding-left: 5px;
} */

/* .header1 div:nth-child(2){
width: 260px;

} */
/* .header1 div:nth-child(2) p {
	margin-top: 70px;
	text-align:left;
	vertical-align: middle;
	padding-left: 5px;
} */
/* .header1 div:nth-child(3){
width: 50px;

} */
/* .header1 div:nth-child(4) {
width: 330px;
margin: 0;
letter-spacing: 0.1rem;
margin-left: auto;
} */

/* .header1 div:nth-child(4) p {
	margin: 0 auto ;
	padding-left: 10px;
	font-size:1rem;
} */

.header1 .sp-menu {
	display: none;
}
.player-image {
	background: url(../img/top/main_02_resp.gif) no-repeat;
	width: 198px;
	background-size: 198px 186px;
	margin-top: -10px;
	margin-bottom: -10px;

}
.co-image {
	background: url(../img/top/main_03.gif) no-repeat;
	width: 260px;
	margin-left: 10px;
}
.co-image p {
	margin-top: 70px;
	text-align:left;
	vertical-align: middle;
	padding-left: 5px;
}
.header-char1,.header-char2 {
	color: var(--h-c-c);
	font-size: 0.8rem;
	font-weight: 700;
}
.space {
	width: 50px;
}
.appeal {
	width: 330px;
	margin: 10px auto 0;
	letter-spacing: 0.1rem;
}
.appeal p {
	margin: 0;
	padding-bottom: 2px;
	font-size:1rem;
}

.header2 {
	/* width: auto; */
	width: 910px;
	text-align: center;
	margin: 0 auto;

}
.navi {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
	align-items: center;
	-webkit-justyfy-content:space-beetween;
	justify-content: space-between;
	/* padding-top: 1.5rem;
	padding-bottom: 1.5rem; */
}
.player-image {
	margin-right: -10px;
}
.prmoji1{
	/* line-height:28px; */
	padding-top:10px;
	 background: url(../img/top/main_07.gif) 0 0/910px ;background-repeat:no-repeat;
}
.prmoji2{
	/* line-height:28; */
	padding-top:10px;
	 background: url(../img/top/main_08.gif) 0 0/910px;
	background-repeat:no-repeat;
	line-height:var(--prmoji2-line-height);
}
/* ============================ search =============================== */
.main-search{display: none;}

/* .side-search{display: none;} */
.search-bar {
	font-size: 10pt;

	 line-height: var(--search-bar-line-height);
	 /* margin: 2px 0 0 10px; */
	margin-left: 10px;

	/* vertical-align: middle; */
	vertical-align: top;
	/* vertical-align: baseline; */
}
.search-item {
	padding: 0 10px 0 10px;
		/* width: 40px; */
	/* justify-content:space-between; */
}
/* .search::before {
	content:url(../img/sub/mark-f.gif);
	margin: 20px 10px 0 0;

	width: 23px;
	height: 20px;

	vertical-align: middle;
	 position: absolute;
	top:2px;
} */
.small-title {
	background: url(../img/sub/midashi-back-a.gif)repeat-x left center; height: 20px;
}
.small-title span {vertical-align: top;}
.search {font-size:1.3rem;font-weight: bold;line-height:var(--search-line-height);}
/* .kansai {display: flex;} */
.tiiki{padding-left:30px;letter-spacing: 0.3em;}
.tiiki p {padding-bottom: 10px;}
.kansai {display:flex;}
/* .kansai-list-item {vertical-align: 0.3em;} */
.kansai p::before{content: url(../img/sub/mark-c.gif);margin-right: 10px;}
.kansai-list{display:block;}
.item-osaka::before{content: url(../img/sub/mark-d.gif);margin-right: 10px;}
.item-osaka{vertical-align: 0.3em;}
.item-hyougo::before{content: url(../img/sub/mark-d.gif);margin-right: 10px;}
.item-siga::before{content: url(../img/sub/mark-d.gif);margin-right: 10px;}
.item-kyoto::before{content: url(../img/sub/mark-d.gif);margin-right: 10px;}
.item-nara::before{content: url(../img/sub/mark-d.gif);margin-right: 10px;}
.item-mie::before{content: url(../img/sub/mark-d.gif);margin-right: 10px;}
.item-wakayama::before{content: url(../img/sub/mark-d.gif);margin-right: 10px;}

.tyugoku {display: -webkit-flex;display: flex;}
/* .tyugoku-list-item {vertical-align: 0.3em;} */
.tyugoku p::before{content: url(../img/sub/mark-c.gif);margin-right: 10px;}
.suisen {display: -webkit-flex;display: flex;}
/* .tyugoku-list-item {vertical-align: 0.3em;} */
.suisen p::before{content: url(../img/sub/mark-c.gif);margin-right: 10px;}
.sonota {display: -webkit-flex;display: flex;}
/* .tyugoku-list-item {ƒfle-align: 0.3em;} */
.sonota p::before{content: url(../img/sub/mark-c.gif);margin-right: 10px;}

	/* ============================= article ======================================== */
    .article-title {

	margin:0 0 20px 0;
	padding: 0 0 0 15px;
	line-height: var(--article-title-line-height);

	}

	.article-bg {
        /* background: url(../images/green-bg.gif)no-repeat center center; background-size: cover;  height:auto; */
        /* background: url(../images/green-bg.gif)no-repeat center center; background-size: cover;  height:auto; */
		margin:0 0 20px 0;
		padding:10px
	}

	.comment {
	line-height:var(--comment-line-height);

		}

	/* スタイル84の置換 */
	/* comment-on-images*/
.comoni {       /* インスタ風*/
position: relative;
box-sizing: border-box;
word-break: break-all;
line-height: var(--comoni-line-height);
margin:0;
padding: 10px 20px 0 ;
}
.course-line{
	margin:10px;
}
.comoni-bg{
	margin:0px;
	padding:10px;

}
.course-line-bg{

	margin:0px;
	padding:10px;

}
.photo-mount {
	border-radius: 5px/5px;
	width:80%;
	/* width:auto; */
	/* height: auto; */
	text-align:center;
	margin: 0 auto 10px;
}
.photo {
	border-radius: 5px/5px;
	box-shadow: 2px 2px 5px 1px gray;
	width:calc(100% - 12px);
	margin:6px auto;
}
a section:hover {
	background: rgb(255,255,255);
	opacity: 0.7;
	transition: opcity .3s;

}
.under-w {   /* インスタ風白抜き*/
	padding: 0.1rem;
	/* line-height: 1.3rem; */
	/* padding: 0.3rem; */
}


/* ------------------------------------------------ */

.mg-10 {margin-right: 10px;}
.mg-13 {margin-right: 13px;}
.mg-20 {margin-right: 20px;}
.mg-30 {margin-right: 30px;}
.mg-40 {margin-right: 40px;}
.mg-50 {margin-right: 50px;}
.mg-60 {margin-right: 60px;}
.mgl-10 {margin-left: 10px;}
.mgl-20 {margin-left: 20px;}
.mgl-30 {margin-left: 30px;}
.mgl-40 {margin-left: 40px;}

.discount {
    text-align: justify;
    padding-left:150px;
    line-height: 1.3rem;
}
.line-g{
    line-height:var(--line-g-line-height);
 }







/* ====================================== sidebar ============================================ */
aside {
    /* position: fixed;
    left: calc((590/910) * 100%); */
    /* margin-top: 20px; */
    display: block;
    flex: 0 0 320px;
    order: 2;
    max-width: calc((320 / 910) * 100%);
    /* border: 0 0 0 1px solid hsl(23,52%,95%); */
    }




.sidebar {
/* display: flex; */
display: block;
/* width: 320px; */
/* width: 100%; */

}

.sidebar-images {
/* width:320px; */
width:auto;
height: 300px;
/* height: auto; */
/* background:  50% 50%/cover no-repeat padding-box; */
background:  50% 50%/cover no-repeat padding-box border-box;
}
.comment-sidebar {
margin-top: 7px;
padding: 0;
text-align: justify;
line-height: var(--comment-sidebar-line-height);

}
.comment-sidebar-images {
margin:0;
padding: 0;
/* color:var(--c-c2); */
line-height: var(--comment-sidebar-images-line-height);
text-align: justify;
/* text-shadow:
1px 0 0 hsl(calc(var(--c-c-h) + var(--comp)), 80%, 100%),
0 1px 0 hsl(calc(var(--c-c-h) + var(--comp)), 80%, 100%),
-1px 0 0 hsl(calc(var(--c-c-h) + var(--comp)), 80%, 100%),
0 -1px 0 hsl(calc(var(--c-c-h) + var(--comp)), 80%, 100%); */
}
.sidebar-images h1 {
margin: 10px auto 10px;
padding:5px 0 0 5px ;
}
.sidebar-bg {
width: auto;
/* width: 200px; */
/* height: auto; */
height: 100px;
/* height: auto; */
margin:2px;
padding: 2px;
border-radius: 5px/7px;

}
/* ======================================= pr ======================================= */
.pr-com {
	line-height:var(--pr-com-line-height);

}


 /* ============================== footer  =============================================== */
 .footer {
	margin: 0 auto;

}
.info {
	/* width:830px; */
	height:20px;
	border:0;
	padding: 0;
	margin: 0 4.8%;

  }
  .line-e {
     margin: 0 4.8%;
    }
	.z-index-up{
		margin-top: -50px;

	}
	/* -----------   地図 ------------------------   */
@media screen and (min-width:375px) and (max-width:767px) {
	#map {width: 350px;
			height: 350px;
	}
}
	/* ===========================================================================

	 最大幅600pxでのレイアウト設定

	 ====================================================================== */
     @media (max-width:600px) {
		/* body {
			background-color: var(--c-c-bg);
		} */

		#container,
		#content,   /*   追加テスト*/
		.l-content-fixed,
		.l-main,
		.l-sidebar,
		.header1,
		.header2 {
			width: auto; /* ビューポートの幅にする*/
		}
		.l-main,
		.l-sidebar{
			max-width: 100%; /* 最大幅を100%に戻す*/
		}
		.l-main {
			margin-top: 20px;
			margin-right: 0;
		}
		.l-content-fixed { /* 左右の余白を設定*/
			/* padding: 0 1rem; */
			padding: 0 ;
		}
		#content {
			display: block; /* シングルカラムに戻す*/
		}
		.l-sidebar {
			margin-top: 5rem; /*上の余白を設定する*/
		}
		/* .navi,.jid,.siraji,.home,.ichiran,.kiyaku,.annai,.touroku */
	.player-image {
		position: absolute;
		margin: 0 auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		opacity: 0.2;
		transition: opacity .6s;

}
/* .menu {
	display: flex;
} */
.header1 .sp-menu {
	display: inherit;
}
.sp-menu {

	position: absolute;
	top:16px;
	left: 16px;
  margin-left:auto;
}

.sp-menu #open {
  font-size: 32px;
  line-height: 64px;
  cursor: pointer;
}
.sp-menu #open.hide {
  display: none;
}

.overlay {
	z-index: 3;
  position:fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255,255,255, 0.95);
  text-align: center;
  padding: 64px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .6s;
}
.overlay.show {
  opacity: 1;
  pointer-events: auto;
}
.overlay #close {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 32px;
  cursor: pointer;
}
.overlay ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.overlay li {
  margin-top:24px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .3s, transform .3s;
}

.overlay.show li {
  opacity: 1;
  transform: none;
  z-index:3;
}
.overlay.show li:nth-child(1) {
  transition-delay: .1s;
}
.overlay.show li:nth-child(2) {
  transition-delay: .2s;
}
.overlay.show li:nth-child(3) {
  transition-delay: .3s;
}
.overlay.show li:nth-child(4) {
  transition-delay: .4s;
}
.overlay.show li:nth-child(5) {
  transition-delay: .5s;
}

.navi,
.prmoji1,
.prmoji2 {display: none;}

		header,
	.header1,
	.header1 div,
	.player-image,
	.co-image,
	.appeal,
	.header2	{
		display: block;
		/* display: list-item; */
		/* list-style: none;*/
	}

	.siraji,.jid {display:none;}

	.jid img,.siraji img,.home img,.ichiran img,.kiyaku img,.annai img,.touroku img{
		width: auto;

	}
	.navi-2{display:block;}
	.home2,.ichiran2,.kiyaku2,.annai2,.touroku2{
		/* border: 1px solid var(--c-c3); */
		width: auto;
		background-color: var(--s-c);
		line-height: var(--home2-ichiran2-kiyaku2-annai2-touroku2-line-height600);

		margin: 0 auto;
		padding: 10px;
		text-align: center;
		letter-spacing: 0.2em;
		color:var(--c-c3) ;
		font-size: 1.1rem;
		}

	aside{position: static;
		border:0;}
	/* .header-title-image{
		display: inline;
	}
	.player-image{display: list-item;}
	.co-image{display: list-item;} */

	.search{font-size: 1.1rem;}
	.tiiki{padding-left:0; line-height: var(--tiiki-line-height600);}

	.search-bar{vertical-align:middle; }
	.main-search {display: block;}
	.side-search {display: none;}
	.kansai-list{display: block;}

	.co-image {
		text-align: center;
	padding-left:30px;
	margin: 0 auto;
	padding-bottom: 120px;
	}
.co-image p {
	margin-top: 0;
}
	.appeal {
		text-align: center;
		margin: 0 auto;
	}
	.header1 {background-image: none;}
/* .header1 div:nth-child(1){ */
	.player-image{
	background-size: auto;
	box-sizing: border-box;
	position: absolute;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0.1;

}
.player-image p {
	padding-bottom: 170px;
}
.space {
	display: none;
}
/* .header1 div:nth-child(1) p { */
	/* margin: 0 auto; */
	/* text-align:auto; */
	/* vertical-align: auto; */
	/* padding-bottom: 170px; */
	/* margin-top: 0; */
	/* padding:  116px 0 116px 5px; */
	/* padding-left: 5px; */
/* } */
/* .header1 div:nth-child(2){
padding-bottom: 120px; */
	/* margin: 0 auto ; */
	/* margin: 0; */
	 /* width: 100%; */
	/* } */
/* .header1 div:nth-child(2) p { */
	/* margin: 0 auto; */
	/* text-align:auto; */
	/* vertical-align: auto; */

	/* margin-top: 0; */
	/* padding:  116px 0 116px 5px; */
	/* padding-left: 5px; */
/* } */
/* .header1 div:nth-child(3){
display: none; */
	/* margin: 0 auto ; */
	/* margin: 0; */
	 /* width: 100%; */
	/* } */
/* .header1 div:nth-child(4){
	margin: 0 auto;

	} */


	.header-char1{
	color: var(--h-c-c);
	font-size: 1.3em;
	font-weight: 700;
	line-height: var(--header-char1-line-height600);

	width: 186px;
	padding-top: 20px;}
	.header-char2 {
	color: var(--h-c-c);
	font-size: 1.3em;
	font-weight: 700;
	line-height: var(--header-char2-line-height600);

	/* width: 200px;
	padding-top: 20px; */
}
	/* .header2 {text-align: left;} */

	.photo-mount {
		border-radius: 5px/5px;
		width:100%;
		/* width:auto; */
		/* height: auto; */
		text-align:center;
		margin: 0 auto 10px;
	}
	.z-index-up{
		margin-top: -30px;

	}
	/* ------------------
		追加テスト
--------------------- */

article section{
	width: 100%;
}
.article-title{
	font-size: 1rem;
}
.v-waku{
	padding-left: 0;
}
.comoni {
	font-size: 1rem;
text-align: left;
}


.notice {
	margin-top: 20px;
}
.discount {
	text-align: justify;
	padding-left: 30px;
}


.co-name {
	text-shadow: none;
	font-size: 0.7em;
	padding:40px 10px 0 10px;
	margin:1rem 0;
	letter-spacing: 0.1em;
}
.tel-link {

	color:#06F;
	font-size: 16px;
	font-weight: bold;
	text-shadow: none;
}


	}



/* ================================== golf-course-list  ======================================*/
.golf-course-list {
	left: 0px; top: 0px;
	  /* line-height: 12pt; */
	  /* border: 1px solid #85B667; */
	 border-collapse: collapse;
	line-height: var(--golf-course-list-line-height) ;

	padding: 0;
	width: 100%;}
/* .golf-course-list  td:first-child { padding-left: 1em;} */
.course {
	padding-left: 1em;
	text-align: justify;
}
.course-header {
	/* background-color: var(--l-c4); */
	vertical-align: middle;
	text-align: center;
}

/* ================================== company table  ======================================*/
.company-table td {
  padding: 8px 12px;
  line-height: 1.8;
}
.company-table td:first-child {
  text-align: left;
  color: #1a3a5c;
  font-weight: bold;
  padding-left: 20px;
}
@media (max-width:600px) {
  .company-table {
    background-color: transparent !important;
  }
  .company-table tr {
    display: block;
    margin-bottom: 6px;
    border: 1px solid #AAAAAA;
  }
  .company-table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    background-color: #FFFFFF !important;
  }
}

/* ================================== regist form  ======================================*/
.regist-wrap {
  max-width: 630px;
  margin: 0 auto;
}
/* ※ご希望の〜: デスクトップではモバイル用を非表示 */
.kibou-note-mobile { display: none; }
@media (max-width:600px) {
  /* 上部テーブル（ロゴ・特典画像）をブロック化 */
  .regist-wrap table {
    width: 100% !important;
  }
  /* td固定幅をリセット（フォーム外テーブルのはみ出し対策） */
  .regist-wrap td {
    width: auto !important;
    max-width: 100% !important;
  }
  /* 画像レスポンシブ（max-widthで元サイズ以上には拡大しない） */
  .regist-wrap img[width="780"],
  .regist-wrap img[width="600"],
  .regist-wrap img[width="552"],
  .regist-wrap img[width="377"],
  .regist-wrap img[width="235"],
  .regist-wrap img[width="225"],
  .regist-wrap img[width="353"] {
    max-width: 100% !important;
    height: auto !important;
  }
  /* フォームテーブルをスタック型レイアウトに */
  .regist-wrap form table,
  .regist-wrap form tbody,
  .regist-wrap form tr,
  .regist-wrap form td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 2px 4px;
  }
  /* スペーサーtd（width=10）非表示 */
  .regist-wrap form td[width="10"] {
    display: none !important;
  }
  /* spacer.gif 非表示 */
  .regist-wrap img[src*="spacer"] {
    display: none !important;
  }
  /* ※ご希望の〜: モバイルでデスクトップ用を隠し、モバイル用を表示 */
  .kibou-note-desktop {
    display: none !important;
  }
  .kibou-note-mobile {
    display: block;
    margin-top: 8px;
  }
  /* 区切り線を全幅に */
  .regist-wrap form img[src*="line-c"],
  .regist-wrap form img[src*="line-d"] {
    width: 100% !important;
    height: 1px !important;
  }
  /* ラベルtd（強調テキスト含む）をセクションヘッダー風に */
  .regist-wrap form td > strong {
    display: block;
    background: #f0f6f0;
    padding: 6px 8px;
    margin-top: 10px;
    border-left: 3px solid #85B667;
    border-bottom: 1px solid #ccc;
  }
  /* 入力フィールド全幅 */
  .regist-wrap input[type="text"],
  .regist-wrap input[type="password"],
  .regist-wrap select,
  .regist-wrap textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 4px 0;
  }
  /* 送信ボタン全幅 */
  .regist-wrap input[type="submit"] {
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
  }
}

/* ================================== contact form  ======================================*/
@media (max-width:600px) {
  .contact-form td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
}

/* ================================== reserve form  ======================================*/
@media (max-width:600px) {
  /* テーブル全幅 */
  .reserve-wrap table {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* td固定幅リセット */
  .reserve-wrap td {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  /* 画像レスポンシブ */
  .reserve-wrap img[width="780"],
  .reserve-wrap img[width="600"],
  .reserve-wrap img[width="471"],
  .reserve-wrap img[width="516"],
  .reserve-wrap img[width="309"] {
    max-width: 100% !important;
    height: auto !important;
  }
  /* フォームテーブルをスタック型レイアウトに */
  .reserve-wrap form table,
  .reserve-wrap form tbody,
  .reserve-wrap form tr,
  .reserve-wrap form td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 2px 4px;
    height: auto !important;
  }
  /* スペーサーtd・spacer.gif 非表示 */
  .reserve-wrap form td[width="40"],
  .reserve-wrap form td[width="10"] {
    display: none !important;
  }
  .reserve-wrap img[src*="spacer"] {
    display: none !important;
  }
  /* Q3/Q4縦区切り線（waku-c.gif）を含むtd・img非表示 */
  .reserve-wrap form td[width="1"] {
    display: none !important;
  }
  .reserve-wrap img[src*="waku"] {
    display: none !important;
  }
  /* Q3/Q4入れ子テーブルの固定幅リセット */
  .reserve-wrap form table table {
    width: 100% !important;
  }
  .reserve-wrap form table table td {
    width: auto !important;
    max-width: 100% !important;
    padding: 4px 2px;
  }
  /* ラジオボタン行：横並び（3段ネストのtr） */
  .reserve-wrap form table table table tr {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
  }
  .reserve-wrap form table table table td {
    display: block !important;
    width: auto !important;
    flex: 0 0 auto;
    padding: 4px 2px;
    height: auto !important;
  }
  .reserve-wrap form table table table td:last-child {
    flex: 1;
  }
  /* スマホ: gifのtdにafter擬似要素でテキスト表示、元のテキストtdは非表示 */
  .reserve-wrap form td.hissu-text {
    display: none !important;
  }
  .hissu-img::after {
    content: "は必須入力項目です";
    display: inline;
    font-size: 13px;
    vertical-align: middle;
    margin-left: 4px;
  }
  /* 取り消し料テーブルはテーブルレイアウトのまま維持 */
  .reserve-wrap form .cancel-fee-table         { display: table !important; }
  .reserve-wrap form .cancel-fee-table tbody   { display: table-row-group !important; }
  .reserve-wrap form .cancel-fee-table tr      { display: table-row !important; }
  .reserve-wrap form .cancel-fee-table td      {
    display: table-cell !important;
    width: auto !important;
    height: auto !important;
    padding: 2px !important;
  }
  /* 区切り線を全幅に */
  .reserve-wrap img[src*="line-c"],
  .reserve-wrap img[src*="line-d"] {
    width: 100% !important;
    height: 1px !important;
  }
  /* 入力フィールド全幅 */
  .reserve-wrap input[type="text"],
  .reserve-wrap input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 4px 0;
    height: 44px;
    padding: 0 8px;
    font-size: 16px;
  }
  .reserve-wrap select {
    width: 80px !important;
    max-width: 80px !important;
    box-sizing: border-box;
    margin: 4px 2px;
    height: 44px;
    font-size: 16px;
  }
  .reserve-wrap textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 4px 0;
  }
  /* 送信・戻るボタン全幅 */
  .reserve-wrap input[type="submit"] {
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
  }
}
