@charset "utf-8";
/* ==========================================================

オンライン仮予約 golf CSS

2019/02/06 326_sakaguchi

========================================================== */
/* ▼IE10・IE11用 */
:-ms-input-placeholder {
   color: #333;
}

/* ▼Chrome・Safari・Opera用(※1：Edgeでも有効) */
::-webkit-input-placeholder {
   color: #333;
}

/* ▼Firefox18以前用(※2) */
:-moz-placeholder {
   color: #333;
}
/* ▼Firefox19以上用(※3) */
::-moz-placeholder {
   color: #333; opacity: 1;
}

/* ▼CSS4標準(予定)の記述 */
::placeholder {
   color: #333;
}
.f_small {
  font-size: 85%;
}

/*「メンバー様」のゴルフプレー予約はこちら*/
.btn_member {
	background: #128518;
	border-bottom: 2px solid #105D10;
	border-radius: 3px;
	float: right;
	margin: -1em 1.3em 0.5em 0;
	position: relative;
	text-align: center;
	width: 360px;
}

.btn_member:hover {
	opacity: .8;
	transition: .5s all;
}

.btn_member:before {
/*	background: url(../image/cmn/ico-btn-arrow.png) center center no-repeat;*/
  background-size: 0.4em;
  border: none;
  bottom: 0;
  content: "";
  display: block;
  right: 0;
  position: absolute;
  top: 0;
  transform: none;
  width: 2em;
}

.btn_member a {
	color: #fff;
	display: block;
	font-feature-settings: "palt";
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 2.3em;
	padding-right: 1em;
}

.btn_member a:hover {
	text-decoration: none;
}

/*共通*/
.con_form ul li {
	margin-bottom: 2.5em;
}

.con_form ul li:last-child {
	margin-bottom: 0;
}

.con_form button.btn_add {
	background: #128518;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #0F540F;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	line-height: 2.5em;
	margin-top: 1em;
	text-align: center;
	width: 230px;
}

.con_form button.btn_day_add {
	margin-top: 0;
}

.con_form button.btn_add:hover {
	opacity: .8;
	transition: .5s all;
}

.con_form button.btn_add span {
	font-weight: bold;
	margin-right: 0.3em;
}


/*ご予約日*/
.form_day ol li {
	align-items: center;
  display: inline-flex;
}

.form_day span {
	font-weight: bold;
}

.form_day input[type='text'],
.form_day select {
	border-right: none;
	letter-spacing: 0.05em;
	width: 175px;
}

.form_day select {
	border-right: 1px solid #000;
}

.form_day .btn_cal {
	background: #128418; /* Old browsers */
	background: -moz-linear-gradient(top, #128418 0%, #226914 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #128418 0%,#226914 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #128418 0%,#226914 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #128418;
	display: inline-block;
	margin-right: 2em;
	padding: 0.3em 0;
	text-align: center;
	width: 2.2em;
}

.form_day .btn_reserve {
	background: #128518;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #0F540F;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 2.5em;
  margin-left: 1em;
  padding-left: 1.5em;
  position: relative;
  width: 120px;
}

.form_day .btn_reserve:before,
.form_day .btn_reserve:after{
	content: "";
	display: block;
	position: absolute;
}

.form_day .btn_reserve:before{
	background: #ffffff;
	height: 16px;
	left: 1em;
	margin-top: -8px;
	top: 50%;
	width: 16px;
}

.form_day .btn_reserve.reserve_checked:after{
	border-left: 3px solid #D9457A;
	border-bottom: 3px solid #D9457A;
	height: 5px;
	left: 1.15em;
	top: 13px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 9px;
}
.single_bnr{
	width:570px;
	margin:auto;
}
@media screen and (max-width: 1024px) {
	.form_day .btn_cal {
		padding: 0.35em 0;
	}
}

.form_day .btn_cal:hover {
	opacity: .8;
	transition: .5s all;
}

.form_day .btn_cal img {
	vertical-align: text-top;
}

/*通常プレー*/
.form_play ul {
	display: block;
}

.form_play ul li {
	margin-bottom: 1em;
}

.form_play ul li:last-child {
	margin-bottom: 0;
}

.form_play ul ol li {
	align-items: center;
	display: inline-flex;
	margin: 0 1em 0 0!important;
}

.form_play ul ol li:last-child {
	margin-right: 0!important;
}

.form_play select.time {
	letter-spacing: 0.05em;
	width: 140px;
}

.form_play select.per {
	margin-right: 0.5em;
	width: 70px;
}

/*---通常プレー（ゴルフ会員）---------------------------*/
#golf .con_form .form_play_member ul li:not(:last-child) {
	margin-bottom: 1em;
}

#golf .con_form .form_play_member ul li:not(:first-child) {
	border-top: 1px solid #ccc;
	padding-top: 0.5em;
}

#golf .con_form .form_play_member dl {
	border: none;
	clear: both;
	display: block;
	margin: 0;
}

#golf .con_form .form_play_member dl dt {
	background: none;
	border-left: 7px solid #046304;
	border-right: none;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0.7em;
	padding-left: 0.5em;
	width: auto;
}

#golf .con_form .form_play_member dl dd {
	margin-bottom: 2em;
	padding: 0;
	width: auto;
}

#golf .con_form .form_play_member dl dd:last-of-type {
	margin-bottom: 0;
}

/*コース*/
#golf .con_form .form_play_member dl dd.course p {
	font-size: 14px;
	margin-bottom: 1em;
}

#golf .con_form .form_play_member dl dd.course ol {
	margin-left: 0.2em;
}

#golf .con_form .form_play_member dl dd.course ol li {
	border: none;
	margin: 0;
	padding-top: 0;
}

#golf .con_form .form_play_member dl dd.course ol li:first-child {
	margin-right: 5em;
}

#golf .con_form .form_play_member dl dd.course ol li input[type=radio] {
	-webkit-transform: scale(1.3);
   transform: scale(1.3);
   margin-right: 0.5em;
}

/*スタート時間*/
#golf .con_form .form_play_member dl dd.start select {
	margin-bottom: 0.7em;
	width: 140px;
}

#golf .con_form .form_play_member dl dd.start ul {
	background: #FFFBE8;
}

#golf .con_form .form_play_member dl dd.start ul {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 1em 1em 1em 2em;
}

#golf .con_form .form_play_member dl dd.start ul li {
	border: none;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
	margin-right: 1em;
	padding-top: 0;
	width: 93px;
}

#golf .con_form .form_play_member dl dd.start ul li:nth-child(n+5) {
	margin-bottom: 0;
}

#golf .con_form .form_play_member dl dd.start ul li:nth-child(5n) {
	margin-right: 0;
}

#golf .con_form .form_play_member dl dd.start ul li input[type=radio] {
	-webkit-transform: scale(1.3);
   transform: scale(1.3);
   margin-right: 0.5em;
}

#golf .con_form .form_play_member dl dd.start ul li.txt_gray {
	color: #ccc;
}

/*プレー人数*/
#golf .con_form .form_play_member dl dd.play_per .box_tado,
#golf .con_form .form_play_member dl dd.play_per .box_shuga {
	margin-bottom: 1.5em;
}

#golf .con_form .form_play_member dl dd.play_per .ttl {
	color: #fff;
	display: inline-block;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	padding: 0 1em;
}

#golf .con_form .form_play_member dl dd.play_per .box_tado .ttl {
	background: #45A645;
}

#golf .con_form .form_play_member dl dd.play_per .box_shuga .ttl {
	background: #4E9ACF;
}

#golf .con_form .form_play_member dl dd.play_per .box_visitor .ttl {
	background: #ED8D2F;
}

#golf .con_form .form_play_member dl dd.play_per ul {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#golf .con_form .form_play_member dl dd.play_per ul li {
	border: none;
	margin-bottom: 1em;
	padding-top: 0;
	width: 270px;
}

#golf .con_form .form_play_member dl dd.play_per ul li:nth-child(n+3),
#golf .con_form .form_play_member dl dd.play_per .box_visitor ul li {
	margin-bottom: 0;
}

#golf .con_form .form_play_member dl dd.play_per ul li span {
	display: inline-block;
	margin-right: 2em;
	width: 6em;
}

#golf .con_form .form_play_member dl dd.play_per ul li select {
	width: 75px;
}

#golf .con_form .form_play_member button.btn_delete {
	display: block;
	float: right;
}

#golf .con_form .form_play_member button.btn_add {
	margin-top: 1.5em;
}



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


/*プレースタイル、プラン*/
.form_style ul{
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0.5em 0;
}

.form_plan ul{
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 1.5em 0 0;
}
.form_style ul li,
.form_plan ul li,{
	margin-bottom: 0!important;
}

.form_style ul li:first-child{
	margin-right: 5em;
	margin-bottom: 0!important;
}

.form_plan ul li:first-child{
	margin-right: 5em;
	margin-bottom: 1em!important;
}
.form_style ul li input[type=radio],
.form_plan ul li input[type=radio]{
	-webkit-transform: scale(1.3);
   transform: scale(1.3);
   margin-right: 0.5em;
}

/* --------------------------------------
 .con_hotel_reserve 
--------------------------------------- */
.con_hotel_reserve {
	background: #F9ECEB;
	margin: 2em auto 3em;
	margin-top: 2em;
	padding: 1em;
	overflow: hidden;
	width: 700px;
}

.con_hotel_reserve .box_text {
	float: left;
	margin-top: 1em;
	width: 400px;
}

.con_hotel_reserve .box_text p {
	line-height: 1.5em;
}

.con_hotel_reserve .box_text button {
	background: #D35068;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 3px solid #8E2437;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	line-height: 2.3em;
	margin: 2em auto 0;
	padding-right: 1em;
	position: relative;
	text-align: center;
	width: 280px;
}

.con_hotel_reserve .box_text button:hover {
	opacity: .8;
	transition: .5s all;
}

.con_hotel_reserve .box_text button:before {
	background: url(../image/cmn/ico-btn-arrow.png) center center no-repeat;
  background-size: 0.4em;
  border: none;
  bottom: 0;
  content: "";
  display: block;
  right: 0;
  position: absolute;
  top: 0;
  transform: none;
  width: 3em;
}

.con_hotel_reserve .box_text button.btn_gray {
	background: #949494;
	border-bottom: 2px solid #6f6f6f;
	color: #fff;
}

.con_hotel_reserve .box_text button.btn_gray:hover {
	opacity: 1;
}

.con_hotel_reserve figure {
	float: right;
}



/*-------------------------------------------
 無料ハーフプレーのご案内（モーダル）
 -------------------------------------------*/
#cboxTopCenter,
#cboxMiddleRight,
#cboxBottomRight,
#cboxBottomCenter,
#cboxBottomLeft,
#cboxBottomLeft,
#cboxBottomLeft,
#cboxMiddleLeft,
#cboxTopLeft,
#cboxTopRight {
	background: none;
}

#cboxClose {
  display: none;
}

#mdl_halfplay h4 {
	border-bottom: 3px solid #d8b633;
	color: #000;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 23px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
	text-align: center;
	width: 100%;
}

#mdl_halfplay h4 span {
	background: #f3eac9;
  background-size: 6px 6px;
	display: block;
	line-height: 1.7em;
	margin-bottom: 1px;
}

#mdl_halfplay p {
	line-height: 1.3em;
	margin: 0 auto 1.5em;
	text-align: justify;
	width: 515px;
}

#mdl_halfplay label {
	display: block;
	margin-bottom: 2em;
	text-align: center;
}

#mdl_halfplay label input[type='checkbox'] {
  display: none;
}

#mdl_halfplay label .checkbox_parts {
	font-size: 20px;
	font-weight: bold;
  padding-left: 1.5em;
  position:relative;
}

#mdl_halfplay label .checkbox_parts::before {
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #ffffff 19%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 19%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ededed 0%,#ffffff 19%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #999;
  content: "";
  display: block;
  height: 1em;
  left: 0;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  width: 1em;
}

#mdl_halfplay label input[type='checkbox']:checked + .checkbox_parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 6px;
  height: 11px;
  transform: rotate(40deg);
  border-bottom: 4px solid #2F7D3A;
  border-right: 4px solid #2F7D3A;
}

/*-閉じる ボタン-------------------------------------------*/
 #btn_close_half{
  background: url(../image/login/btn_login_close.gif) no-repeat right center;
  color: #000;
  display: block;
  margin: 1.5em auto 0;
  padding: 10px 0;
  width: 5em;
}

/*-エラーメッセージ-------------------------------------------*/
.error_alert
{
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
    border: solid 3px #ff0000;
    border-radius: 8px;
}
.error_alert p {
    color: red;
    font-weight: bold;
    margin-top: 0.3em;
    text-indent: -1em;
    margin-left: 1em;
}
.error_alert p:before {
    content: '・';
}
.error_alert p:first-child {
    margin-top: 0;

}


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

  夏季休暇のお知らせ

------------------------------------------------------*/
#status.header *.siteroute {
  margin-bottom: 1em;
}

#holiday {
  background: #fff;
  border: 1px solid #b72f2f;
  border-radius: 10px;
  margin: 0 auto 1em;
  overflow: hidden;
  width: 708px;
}

#holiday h2 {
  background: #b72f2f;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 2em;
  text-align: center;
}

#holiday p {
  line-height: 1.4em;
  padding: 1em 1.5em;
  text-align: justify;
}

#holiday p small {
  font-size: 1em;
  display: block;
  margin-top: 0.5em;
}

#holiday p .sat {
  color: #4d76ab;
}

#holiday p .sun {
  color: #d03a3b;
}