@charset "UTF-8";
/* flexbox */
.flex {
	display: -webkit-flex;
	display: flex;
}

.f-center {
	-webkit-justify-content: center;
	justify-content: center;
}

.f-middle {
	-webkit-align-items: center;
	align-items: center;
}

.f-bottom {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.f-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.f-wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.f-column {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.f-reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.f-end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.mincho {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/*------------------------------------------------
sugoshikata
--------------------------------------------------*/
#catch {
	margin-bottom: 20px;
}

/* ナビゲーション */
#navi-sugo {
	margin-bottom: 23px;
	padding-left: 4px;
	padding-right: 4px;
}

#navi-sugo .lst > li {
	width: 100%;
	margin: 6px 1px;
}

.days-sugo {
	padding-left: 4px;
	padding-right: 4px;
}

/* モデルコース */
#model-sugo {
	margin-top: 20px;
	background-repeat: repeat-y;
}

#model-sugo .hd {
	padding: 6px;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	color: #FFFFFF;
	background-image: url(../stay/images/bg-model-hd.png);
}

#model-sugo .hd p {
	font-size: 11px;
	line-height: 130%;
}

#model-sugo .hd span {
	font-size: 5px;
	line-height: 120%;
}

#model-sugo .bd {
	height: 171px;
	padding: 6px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	font-size: 6px;
	line-height: 145%;
}

/* マップ */
#map-sugo {
	width: 353px;
	margin: 20px auto;
}

#map-sugo .hd {
	height: 11px;
	padding-top: 2px;
	padding-left: 4px;
	font-size: 8px;
	font-weight: 700;
	line-height: 120%;
	color: #FFFFFF;
	background-repeat: no-repeat;
}

#map-sugo .bd {
	padding: 2px;
}

#map-sugo .bd iframe {
	display: block;
	width: 349px;
	height: 183px;
}

#map-sugo .ft a {
	display: block;
	width: 192px;
	margin: 12px auto 0;
	padding: 2px;
	background-color: #D2E9B3;
}

#map-sugo .ft a .btn {
	width: 100%;
	padding: 4px;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #005837;
	font-size: 10px;
}

#map-sugo .ft a img {
	margin-right: 4px;
}

/* スポット */
#spot-sugo {
	width: 353px;
	margin: 20px auto;
}

#spot-sugo li {
	width: 111px;
	margin-right: 10px;
	margin-bottom: 16px;
}

#spot-sugo li:nth-of-type(3n) {
	margin-right: 0;
}

#spot-sugo .hd {
	padding: 2px;
	color: #005837;
	font-size: 8px;
	line-height: 140%;
	border-top: 1px dotted #005837;
	border-bottom: 1px dotted #005837;
}

#spot-sugo .hd {
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 2px center;
}

#spot-sugo .time {
	padding: 6px 0 4px;
	color: #CBAF10;
	font-size: 7px;
}

#spot-sugo .main,
#spot-sugo .addr {
	font-size: 6px;
	line-height: 180%;
	margin-bottom: 1.5em;
}

#spot-sugo .ft > * {
	width: 48%;
	padding: 4px 0;
	color: #005837;
	font-size: 6px;
}

#spot-sugo .ft .btn-map {
	background-color: #D2E9B3;
}

#spot-sugo .ft .btn-hp {
	background-color: #E6E6E6;
}

#spot-sugo .ft img {
	margin-right: 2px;
}

/* 日別 */
.days-sugo .hd {
	margin-bottom: 10px;
	padding: 6px;
	background-image: url(../stay/images/bg-day-hd.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	color: #603813;
}

.days-sugo .hd p {
	font-size: 18px;
	line-height: 130%;
	font-weight: 700;
}

.days-sugo .hd span {
	font-size: 10px;
	line-height: 120%;
	color: #C79C6A;
}

.days-sugo .cols {
	padding: 6px;
	background-image: url(../stay/images/bg-day.png);
}

.days-sugo .cols .fig {
	width: 177px;
}

.days-sugo .cols .txt {
	width: 169px;
}

.days-sugo .cols .catch,
.days-sugo .onecol .catch {
	margin-bottom: 8px;
}

.days-sugo .cols .time,
.days-sugo .onecol .time {
	margin-right: 4px;
	font-size: 8px;
	color: #FFFFFF;
}

.days-sugo .cols .time span,
.days-sugo .onecol .time span {
	display: inline-block;
	padding: 4px 4px;
}

.days-sugo .cols .catch p,
.days-sugo .onecol .catch p {
	font-size: 10px;
	line-height: 150%;
}

.days-sugo .cols .main,
.days-sugo .onecol .main {
	font-size: 6px;
	line-height: 140%;
	color: #000000;
}

.days-sugo .arrow {
	height: 10px;
	margin: 16px 0;
	background-position: center center;
	background-repeat: no-repeat;
	color: transparent;
}

.days-sugo .onecol .txt {
	padding: 6px;
}

/* 色分け */
.golf #model-sugo {
	background-image: url(../stay/images/bg-model-golf.png);
}

.golf #model-sugo .bd {
	background-image: url(../stay/images/bg-model-bd-golf.png);
}

.golf .days-sugo .arrow {
	background-image: url(../stay/images/fig-arrow-golf.png);
}

.golf #map-sugo .hd {
	background-image: url(../stay/images/bg-map-hd-golf.png);
}

.golf #spot-sugo .hd {
	background-image: url(../stay/images/icon-spot-golf.png);
}

.golf #spot-sugo .hd,
.golf .days-sugo .cols .catch p,
.golf .days-sugo .onecol .catch p {
	color: #005837;
}

.golf #map-sugo .bd,
.golf .days-sugo .cols .time span,
.golf .days-sugo .onecol .time span {
	background-color: #005837;
}

.golf #spot-sugo .hd {
	border-color: #005837;
}

.sports #model-sugo {
	background-image: url(../stay/images/bg-model-sports.png);
}

.sports #model-sugo .bd {
	background-image: url(../stay/images/bg-model-bd-sports.png);
}

.sports .days-sugo .arrow {
	background-image: url(../stay/images/fig-arrow-sports.png);
}

.sports #map-sugo .hd {
	background-image: url(../stay/images/bg-map-hd-sports.png);
}

.sports #spot-sugo .hd {
	background-image: url(../stay/images/icon-spot-sports.png);
}

.sports #spot-sugo .hd,
.sports .days-sugo .cols .catch p,
.sports .days-sugo .onecol .catch p {
	color: #1C2A53;
}

.sports #map-sugo .bd,
.sports .days-sugo .cols .time span,
.sports .days-sugo .onecol .time span {
	background-color: #1C2A53;
}

.sports #spot-sugo .hd {
	border-color: #1C2A53;
}

.touring #model-sugo {
	background-image: url(../stay/images/bg-model-touring.png);
}

.touring #model-sugo .bd {
	background-image: url(../stay/images/bg-model-bd-touring.png);
}

.touring .days-sugo .arrow {
	background-image: url(../stay/images/fig-arrow-touring.png);
}

.touring #map-sugo .hd {
	background-image: url(../stay/images/bg-map-hd-touring.png);
}

.touring #spot-sugo .hd {
	background-image: url(../stay/images/icon-spot-touring.png);
}

.touring #spot-sugo .hd,
.touring .days-sugo .cols .catch p,
.touring .days-sugo .onecol .catch p {
	color: #007CA2;
}

.touring #map-sugo .bd,
.touring .days-sugo .cols .time span,
.touring .days-sugo .onecol .time span {
	background-color: #007CA2;
}

.touring #spot-sugo .hd {
	border-color: #007CA2;
}

.business #model-sugo {
	background-image: url(../stay/images/bg-model-business.png);
}

.business #model-sugo .bd {
	background-image: url(../stay/images/bg-model-bd-business.png);
}

.business .days-sugo .arrow {
	background-image: url(../stay/images/fig-arrow-business.png);
}

.business #map-sugo .hd {
	background-image: url(../stay/images/bg-map-hd-business.png);
}

.business #spot-sugo .hd {
	background-image: url(../stay/images/icon-spot-business.png);
}

.business #spot-sugo .hd,
.business .days-sugo .cols .catch p,
.business .days-sugo .onecol .catch p {
	color: #8C6239;
}

.business #map-sugo .bd,
.business .days-sugo .cols .time span,
.business .days-sugo .onecol .time span {
	background-color: #8C6239;
}

.business #spot-sugo .hd {
	border-color: #8C6239;
}

.family #model-sugo {
	background-image: url(../stay/images/bg-model-family.png);
}

.family #model-sugo .bd {
	background-image: url(../stay/images/bg-model-bd-family.png);
}

.family .days-sugo .arrow {
	background-image: url(../stay/images/fig-arrow-family.png);
}

.family #map-sugo .hd {
	background-image: url(../stay/images/bg-map-hd-family.png);
}

.family #spot-sugo .hd {
	background-image: url(../stay/images/icon-spot-family.png);
}

.family #spot-sugo .hd,
.family .days-sugo .cols .catch p,
.family .days-sugo .onecol .catch p {
	color: #9E005D;
}

.family #map-sugo .bd,
.family .days-sugo .cols .time span,
.family .days-sugo .onecol .time span {
	background-color: #9E005D;
}

.family #spot-sugo .hd {
	border-color: #9E005D;
}

/* 団体バナー */
.bana-dantai {
	margin-top: 20px;
}

/* ビジネス > アクセス */
.business-access {
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}

.business-access .hd {
	width: 89px;
	margin: 20px auto 4px;
	padding: 0 25px;
	background-image: url(../stay/images/bg-business-map.png), url(../stay/images/bg-business-map.png);
	background-repeat: no-repeat;
	background-position: left center, right center;
	font-size: 10px;
	line-height: 120%;
	color: #8C6239;
}

.business-access .map {
	margin-top: 8px;
	margin-bottom: 8px;
}

.business-access .lst > li {
	margin-bottom: 4px;
}

.business-access .lst > li .icon {
	margin-right: 4px;
}

.business-access .attr {
	margin-top: 12px;
	margin-bottom: 20px;
	padding: 6px 18px;
	background-color: #E6E6E6;
	text-align: left;
	line-height: 160%;
}

/* 5つのポイント */
.points5 {
	margin-top: 20px;
	text-align: center;
}

.lead-points {
	margin-top: 10px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 14px;
	line-height: 150%;
}

.lead-points strong {
	font-size: 15px;
	color: #C30D23;
}

.block-points {
	margin-top: 20px;
	padding-left: 6px;
	padding-right: 6px;
}

.block-points .hd {
	margin-bottom: 8px;
}

.block-points .bd {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.block-points.point01 .bd {
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.block-points .bd .txt {
	margin-bottom: 12px;
}

.block-points .bd .txt .bg {
	padding-top: 8px;
	padding-bottom: 46px;
	background-image: url(../group/images/bg-points.png);
	background-repeat: no-repeat;
	background-position: center -ceil(45.91837px);
	text-align: center;
	background-size: auto 130%;
}

.block-points .bd .txt .bg .star {
	width: 15%;
	margin: 0 auto 12px;
}

.block-points .bd .txt .bg .mini {
	margin-bottom: 2px;
	font-size: 12px;
	color: #7F4E20;
	font-weight: 600;
}

.block-points .bd .txt .bg .big {
	margin-bottom: 4px;
	font-size: 18px;
	color: #BD3A2D;
	font-weight: 600;
	line-height: 120%;
}

.block-points .bd .txt .bg .mid span {
	display: inline-block;
	padding: 2px 8px;
	background-image: url(../group/images/bg-points-mid.png);
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 12px;
	color: #42210B;
	font-weight: 600;
}

.block-points.point04 .bd .txt .bg .big {
	margin-bottom: 4px;
	line-height: 110%;
	letter-spacing: -.03em;
}

.block-points.point04 .bd .txt .bg .mid span {
	padding: 2px 2px;
	letter-spacing: -.05em;
}

.block-points.point05 .bd .txt .bg .big {
	font-size: 18px;
	letter-spacing: -.03em;
}

.block-points.point05 .bd .txt .bg .mid span {
	padding: 2px 4px;
}

.block-points .bd .txt .lead {
	font-size: 14px;
	line-height: 150%;
}

.block-points .bd .txt .lead strong {
	color: #BD3A2D;
	font-weight: 600;
}

.block-points .ft {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.block-points .ft > * {
	width: 100%;
	margin-top: 16px;
}

.block-points .ft .fig {
	margin-bottom: 8px;
}

.block-points .ft .hdline {
	margin-bottom: 2px;
	font-size: 16px;
	line-height: 160%;
	color: #7F4E20;
	font-weight: 600;
}

.block-points .ft .lead {
	padding-right: 8px;
	font-size: 14px;
	line-height: 160%;
}

.block-points .map .hd {
	height: 27px;
	margin-bottom: 0;
	padding-top: 6px;
	padding-left: 8px;
	font-size: 15px;
	font-weight: 700;
	line-height: 120%;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -ceil(114.79592px) top;
	background-image: url(../group/images/bg-map.png);
}

.block-points .map .bd {
	padding: 2px;
	background-color: #CBAF10;
}

.block-points .map .bd iframe {
	display: block;
	width: 100%;
	height: 183px;
}

.block-points .map .ft a {
	display: block;
	width: 85%;
	margin: 12px auto 0;
	padding: 3px;
	background-color: #D2E9B3;
	text-decoration: none;
}

.block-points .map .ft a > div > div {
	margin-right: 4px;
}

.block-points .map .ft a .btn {
	width: 100%;
	padding: 8px 4px;
	border: 2px solid #FFFFFF;
	text-align: center;
	color: #005837;
	font-size: 16px;
}

.block-points .map .ft a img {
	margin-right: 4px;
}

.block-points .icons {
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 16px;
}

.block-points .icons > li {
	width: 60%;
	margin: 0 auto 12px;
}

.block-points .circle {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.block-points .circle li {
	width: 44vw;
	height: 52vw;
	margin-top: 20px;
	padding-top: 21vw;
	font-size: 15px;
	line-height: 150%;
	color: #FFFFFF;
	font-weight: 600;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.block-points .circle li:nth-of-type(1) {
	background-image: url(../group/images/fig-circle01.png);
}

.block-points .circle li:nth-of-type(2) {
	background-image: url(../group/images/fig-circle02.png);
}

.block-points .circle li:nth-of-type(3) {
	background-image: url(../group/images/fig-circle03.png);
}

.block-points .circle li:nth-of-type(4) {
	background-image: url(../group/images/fig-circle04.png);
}

.lead-red {
	margin-top: 20px;
	color: #BD3A2D;
	font-weight: 600;
	text-align: center;
}

.lead-red-mini {
	margin-bottom: 8px;
	font-size: 14px;
}

.lead-red-mid {
	margin-bottom: 12px;
	font-size: 14px;
}

.lead-red-big {
	margin-bottom: 16px;
	font-size: 14px;
}

.lead-red .fig {
	width: 15%;
	margin: 0 auto;
}

.bana02 {
	margin-top: 20px;
	margin-bottom: 16px;
}

/* フォーム */
.forms {
	margin-top: 20px;
	font-size: 7px;
	line-height: 150%;
}

.hissu-attr {
	margin-top: 16px;
	font-size: 12px;
	line-height: 150%;
}

.hissu {
	display: inline-block;
	padding: 0px 2px;
	font-size: 12px;
	line-height: 150%;
	color: #FFFFFF;
	background-color: #C30D23;
}

.forms .inputs {
	padding-left: 12px;
	padding-right: 12px;
}

.forms ul {
	margin-top: 12px;
	border-top: 1px solid #BEBEBE;
}

.forms ul > li {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.forms .th {
	width: 100%;
	padding: 6px;
	border-bottom: 1px solid #BEBEBE;
	background-color: #F2F2F2;
	font-size: 12px;
	line-height: 150%;
}

.forms .td {
	width: 100%;
	padding: 6px 0;
	border-bottom: 1px solid #BEBEBE;
	font-size: 14px;
	line-height: 150%;
}

.forms .td .attr {
	display: block;
	padding: 4px;
}

.lead-forms {
	font-size: 14px;
	line-height: 150%;
}

.forms select,
.forms input {
	padding: 2px;
	font-size: 14px;
}

textarea,
.forms input[type="email"],
.forms input[type="text"] {
	max-width: 100%;
}

.forms .datetime {
	margin-bottom: 4px;
	padding: 2px;
	color: #FFFFFF;
	font-weight: 600;
	text-align: center;
}

.forms .day {
	background-color: #ED5A24;
}

.forms .night {
	background-color: #1B1464;
}

.forms .coursename-day span {
	color: #ED5A24;
}

.forms .coursename-night span {
	color: #2E318E;
}

.forms .coursedetail {
	margin-top: 2px;
	font-size: 14px;
	line-height: 150%;
	color: #754C24;
}

.forms .bdr {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #BEBEBE;
}

.forms .bdr.str {
	border-bottom: 2px solid #BEBEBE;
}

.forms .mini {
	margin-top: 6px;
	font-size: 12px;
	line-height: 150%;
	color: #3A3A3A;
}

.forms .mini strong {
	color: #C30D23;
}

.forms .th.sum {
	background-color: transparent;
	border: none;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

div#mfp_price {
	font-size: 22px;
	text-align: center;
}

div#mfp_price span {
	font-size: 16px;
}

.forms .td.sum {
	background-color: transparent;
	border: none;
}

.forms .baloo {
	position: relative;
	margin-right: 8px;
	padding: 2px 2px;
	background-color: #C30D23;
	color: #FFFFFF;
	font-size: 12px;
}

.forms .baloo:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -ceil(3.82653px);
	top: 3px;
	border-left: 6px solid #C30D23;
	border-top: 4px solid transparent;
	border-bottom: 6px solid transparent;
}

.mfp_buttons {
	margin-top: 8px;
}

.forms .th.last,
.forms .td.last {
	border: none;
}

.forms .ul-bdr {
	border-bottom: 1px solid #BEBEBE;
}

.mfp_buttons button {
	padding: 4px 20px;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #BB9F10;
	background: none;
	background-color: #D0BC58;
	background-image: url(../common/arrow01.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	border-radius: 0;
	text-shadow: none;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 16px;
}

.mfp_buttons button:hover {
	background: none;
	background-color: #D0BC58;
	background-image: url(../common/arrow01.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #BB9F10;
	opacity: .8;
}

form#mailformpro label {
	margin-top: 4px;
	font-size: 12px !important;
	line-height: 150%;
	white-space: normal;
}

form#mailformpro .forms .td.tel label {
	white-space: nowrap;
}

.forms table th,
.forms table td {
	display: block;
}

.forms table td input {
	width: 100% !important;
}

.block-message {
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 20px;
	text-align: center;
	font-size: 10px;
	line-height: 160%;
}

.block-message .lead-big {
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 160%;
}

.block-message .lead strong {
	color: #C30D23;
	font-size: 12px;
	font-weight: 700;
}

#thanks {
	padding-top: 31px;
	padding-bottom: 12px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 11px;
	line-height: 150%;
}

.mail_img{
	display: inline !important;
	vertical-align: sub;
	height: 18px;
}