@charset "utf-8";

/* ------------------------------------------------------------------------ */
/* 2016年 Myカレンダー機能追加に伴うスマホサイトリニューアル
/* 今回作成したページに共通するスタイルシートをまとめたcommon.css
/* ------------------------------------------------------------------------ */


*{
    margin:0;
    padding:0;
    list-style-type:none;
}
body{
    position:relative;
    width:100%;
    height:100%;
    font-size:14px;
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height:1.3;
    color:#333333;
    -webkit-text-size-adjust:none;
}
img{
    border:0;
    vertical-align:bottom;
}

/* フォントサイズの縮小・拡大適用表（基準フォントサイズ：14px） -----------------------

8px 　　　57%　(57.142%)
9px 　　　64%　(64.285%)
10px　　　71%　(71.428%)
11px　　　79%　(78.571%)
12px　　　86%　(85.714%)
13px　　　93%　(92.857%)
------------------------------------------------------------------------------
14px　　　100%
------------------------------------------------------------------------------
15px　　　107%　(107.142%)
16px　　　114%　(114.285%)
17px　　　121%　(121.428%)
18px　　　129%　(128.571%)
19px　　　136%　(135.714%)
20px　　　143%　(142.857%)

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

/* ↓ オリジナルWebフォントの読み込み設定 ↓ */

@font-face {
    font-family: 'WebSymbolsgfeditRegular';
    src: url('/css/font/websymbols_gf-edit-webfont.eot');
    src: url('/css/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/css/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/css/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------------------------------------------------------------------------ */
/* clearfix設定スタイル【全サイト共通】
/* ------------------------------------------------------------------------ */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
.clearfix {
    display: inline-table;
    min-height: 1%;
    }
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */


/* ------------------------------------------------------------------------ */
/* 汎用スタイル【全サイト共通】
/* ------------------------------------------------------------------------ */

/* ▼ マージン設定 ▼ */

.ma0{margin:0px !important;}
.ma5{margin:5px !important;}
.ma10{margin:10px !important;}
.ma15{margin:15px !important;}
.ma20{margin:20px !important;}
.ma25{margin:25px !important;}
.ma30{margin:30px !important;}
.ma40{margin:40px !important;}
.ma50{margin:50px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}


/* ▼ パディング設定 ▼ */

.pa0{padding:0px !important;}
.pa5{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa40{padding:40px !important;}
.pa50{padding:50px !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}


/* ▼ フォントサイズ設定 ▼ */

.fs70{font-size:70% !important;}
.fs80{font-size:80% !important;}
.fs90{font-size:90% !important;}
.fs100{font-size:100% !important;}
.fs110{font-size:110% !important;}
.fs120{font-size:120% !important;}
.fs130{font-size:130% !important;}
.fs140{font-size:140% !important;}

.fs10{font-size:71% !important;}
.fs11{font-size:79% !important;}
.fs12{font-size:86% !important;}
.fs13{font-size:93% !important;}
.fs14{font-size:100% !important;}
.fs15{font-size:107% !important;}
.fs16{font-size:114% !important;}
.fs17{font-size:121% !important;}
.fs18{font-size:129% !important;}
.fs19{font-size:136% !important;}
.fs20{font-size:143% !important;}
.fs21{font-size:150% !important;}
.fs22{font-size:157% !important;}
.fs23{font-size:164% !important;}
.fs24{font-size:171% !important;}
.fs25{font-size:179% !important;}


/* ▼ 行揃えの設定 ▼ */

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

.vAT{vertical-align:top;}
.vAM{vertical-align:middle;}
.vAB{vertical-align:bottom;}


/* ▼ リンク装飾の設定 ▼ */

a.linkArrow::before{
	font-family: WebSymbolsgfeditRegular;
	content:"]";
	margin-right:3px;
	font-size:129%;
	text-decoration:none !important;
}
a.linkIcon::after{
	font-family: WebSymbolsgfeditRegular;
	content:")";
	margin-left:5px;
	font-size:107%;
	text-decoration:none !important;
}


/* ▼ ボーダー制御の設定 ▼ */

.noBorderR{border-right:none !important;}
.noBorderL{border-left:none !important;}


/* ------------------------------------------------------------------------ */
/* システム開発上必要になって追加した共通スタイル【全サイト共通】
/* iret社（小谷松氏）が追加
/* ------------------------------------------------------------------------ */

.red{color:#DD0000;}
.hidden{display:none !important;}


/* ------------------------------------------------------------------------ */
/* ヘッダーエリアのスタイル【全サイト共通】
/* ※2016年リニューアルVer.のヘッダーデザインのスタイル
/* ------------------------------------------------------------------------ */

header{
    margin-bottom:1px;
    padding:0;
    background-color:#0085CD;
}
header h1{
    float:left;
    padding:10px;
}
header ul.utility{
    float:right;
	letter-spacing:-0.4em;
}
header ul.utility li{
    display:inline-block;
    margin-right:0;
    padding:10px 7px;
    letter-spacing:normal;
}
header ul.utility li a{
    display:block;
    width:100%;
    padding-top:30px;
    font-size:79%;
    color:#FFFFFF;
    text-decoration:none;
}
header ul.utility li.menu{
    background-color:#004D76;
    border-left:1px solid #FFFFFF;
}

/* ▼ スライドメニュー ▼ */
header ul.utility li.menu a{
    background:#004D76 url(../../../images/icon_menu.png) no-repeat center 7px;
    -webkit-background-size:20px 20px;
    background-size:20px 20px;
}

/* ▼ 新規ユーザー登録メニュー ▼ */
header ul.utility li.regist a{
	background:url(/images/sp/2015/common/btn_regist_header.png) no-repeat center 5px;
	-webkit-background-size:25px 23px;
	background-size:25px 23px;
}

/* ▼ ログインメニュー ▼ */
header ul.utility li.login a{
	background:url(/images/sp/2015/common/btn_login_header.png) no-repeat center 5px;
	-webkit-background-size:16px 23px;
	background-size:16px 23px;
}

/* ▼ ログアウトメニュー ▼ */
header ul.utility li.logout a{
	background:url(/images/sp/2015/common/btn_logout_header.png) no-repeat center 5px;
	-webkit-background-size:16px 23px;
	background-size:16px 23px;
}

/* ▼ My PGMメニュー ▼ */
header ul.utility li.mypgm a{
	background:url(/images/sp/2015/common/btn_mypgm_header.png) no-repeat center 5px;
	-webkit-background-size:25px 23px;
	background-size:25px 23px;
}

/* ▼ HOMEメニュー ▼ */
header ul.utility li.home a{
	background:url(/images/sp/2015/common/btn_home.png) no-repeat center 5px;
	-webkit-background-size:25px 23px;
	background-size:25px 23px;
}

/* 2016年リニューアルによりサイドメニューの閉じるボタンを別途記述 */

p.close_sideMenu{
	position:absolute;
	right:0;
	z-index:100000;
	width:60px;
	padding:9px 0 10px;
	box-sizing:border-box;
	background-color:#004D76;
	border-radius:5px 0 0 5px;
	text-align:center;
	display: none;
	margin-top:100px;
	margin-right:250px;
	position: fixed;
}
p.close_sideMenu a{
	display:block;
	padding-top:30px;
	background:url(/images/sp/common/icon_close.png) no-repeat center 5px;
	background-size:22px 22px;
	font-size: 79%;
	color: #FFFFFF;
	text-decoration: none;
}


/*-------------------------------------------------------------------*/
/* スライドメニューのスタイル
/* unique_id:#jPanelMenu-menu
/*-------------------------------------------------------------------*/

#jPanelMenu-menu{
	position:absolute;
	width:80%;
	background: -moz-linear-gradient(left,  rgba(10,54,95,0.9) 0%, rgba(0,116,178,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(10,54,95,0.9)), color-stop(100%,rgba(0,116,178,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(10,54,95,0.9) 0%,rgba(0,116,178,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(10,54,95,0.9) 0%,rgba(0,116,178,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(10,54,95,0.9) 0%,rgba(0,116,178,0.9) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(10,54,95,0.9) 0%,rgba(0,116,178,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a365f', endColorstr='#e60074b2',GradientType=1 ); /* IE6-9 */

}

/* ユーティリティメニューのスタイル */

#jPanelMenu-menu ul.utilityMenu{
	padding:10px;
	letter-spacing:-0.4em;
}
#jPanelMenu-menu ul.utilityMenu li{
	display:inline-block;
	letter-spacing:normal;
	margin-right:10px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:url(/images/sp/2015/common/bg_btn_slidemenu01.png);
/*
	-webkit-background-size: 2px 2px;
	-moz-background-size: 2px 2px;
	background-size: 2px 2px;
	background-color: #0085CD;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
	            color-stop(.25, #40a4da), color-stop(.25, transparent),
	            color-stop(.5, transparent), color-stop(.5, #40a4da),
	            color-stop(.75, #40a4da), color-stop(.75, transparent),
	            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #40a4da 25%, transparent 25%,
	          transparent 50%, #40a4da 50%, #40a4da 75%,
	          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #40a4da 25%, transparent 25%,
	          transparent 50%, #40a4da 50%, #40a4da 75%,
	          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #40a4da 25%, transparent 25%,
	          transparent 50%, #40a4da 50%, #40a4da 75%,
	          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #40a4da 25%, transparent 25%,
	          transparent 50%, #40a4da 50%, #40a4da 75%,
	          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #40a4da 25%, transparent 25%,
	          transparent 50%, #40a4da 50%, #40a4da 75%,
	          transparent 75%, transparent);
*/
}
#jPanelMenu-menu ul.utilityMenu li:last-child{
	margin-right:0;
}
#jPanelMenu-menu ul.utilityMenu li a{
	display:block;
	width:70px;
	height:51px;
	padding-top:32px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:2px solid #FFFFFF;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:77%;
	text-decoration:none;
}
#jPanelMenu-menu ul.utilityMenu li.regist a{
	background:url(/images/sp/2015/common/btn_regist_header.png) no-repeat center 5px;
	background-size:25px 23px;
}
#jPanelMenu-menu ul.utilityMenu li.login a{
	background:url(/images/sp/2015/common/btn_login_header.png) no-repeat center 5px;
	background-size:16px 23px;
}
#jPanelMenu-menu ul.utilityMenu li.help a{
	background:url(/images/sp/2015/common/btn_help.png) no-repeat center 5px;
	background-size:23px 23px;
}
#jPanelMenu-menu ul.utilityMenu li.news a{
	background:url(/images/sp/2015/common/btn_news.png) no-repeat center 5px;
	background-size:23px 23px;
}

/* ログイン時のスタイル */

#jPanelMenu-menu ul.utilityMenu li.mypgm a{
	background:url(/images/sp/2015/common/btn_mypgm_header.png) no-repeat center 5px;
	background-size:25px 23px;
}
#jPanelMenu-menu ul.utilityMenu li.logout a{
	background:url(/images/sp/2015/common/btn_logout_header.png) no-repeat center 5px;
	background-size:16px 23px;
}


#jPanelMenu-menu #menu dt{
	position:relative;
	display:inline-block;
	width:100%;
	height:30px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:5px;
	padding:7px 5px 5px 40px;
	background-color:#E8F2F8;
	vertical-align:center;
	font-size:116%;
	font-weight:bold;
	color:#333333;
}
#jPanelMenu-menu #menu dt.menu01{
	background:#E8F2F8 url(/images/sp/2015/common/icon_slidemenu01.png) no-repeat;
	background-size:35px 30px;
}
#jPanelMenu-menu #menu dt.menu02{
	background:#E8F2F8 url(/images/sp/2015/common/icon_slidemenu02.png) no-repeat;
	background-size:35px 30px;
}
#jPanelMenu-menu #menu dt.menu03{
	background:#E8F2F8 url(/images/sp/2015/common/icon_slidemenu03.png) no-repeat;
	background-size:35px 30px;
}
#jPanelMenu-menu #menu dt.menu04{
	background:#E8F2F8 url(/images/sp/2015/common/icon_slidemenu04.png) no-repeat;
	background-size:35px 30px;
}
#jPanelMenu-menu #menu dt.menu05{
	background:#E8F2F8 url(/images/sp/2015/common/icon_slidemenu05.png) no-repeat;
	background-size:35px 30px;
}
#jPanelMenu-menu #menu dt.menu06{
	background:#E8F2F8 url(/images/sp/2015/common/icon_slidemenu06.png) no-repeat;
	background-size:35px 30px;
}
#jPanelMenu-menu #menu dt.menu07{
	background:#E8F2F8 url(/images/sp/2015/common/icon_slidemenu07.png) no-repeat;
	background-size:35px 30px;
}

#jPanelMenu-menu #menu dt.menu01:after,
#jPanelMenu-menu #menu dt.menu02:after,
#jPanelMenu-menu #menu dt.menu03:after,
#jPanelMenu-menu #menu dt.menu04:after,
#jPanelMenu-menu #menu dt.menu05:after,
#jPanelMenu-menu #menu dt.menu06:after,
#jPanelMenu-menu #menu dt.menu07:after{
	position:absolute;
	right:5px;
	top:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	content:'▲';
	width:15px;
	height:15px;
	padding:2px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:65%;
	color:#FFFFFF;
}
#jPanelMenu-menu #menu dt.menu01:after{background-color:#0086cd;}
#jPanelMenu-menu #menu dt.menu02:after{background-color:#6600ff;}
#jPanelMenu-menu #menu dt.menu03:after{background-color:#669900;}
#jPanelMenu-menu #menu dt.menu04:after{background-color:#ff9900;}
#jPanelMenu-menu #menu dt.menu05:after{background-color:#ff3333;}
#jPanelMenu-menu #menu dt.menu06:after{background-color:#868889;}
#jPanelMenu-menu #menu dt.menu07:after{background-color:#fbde66;}

#jPanelMenu-menu #menu dt.menu01.open:after,
#jPanelMenu-menu #menu dt.menu02.open:after,
#jPanelMenu-menu #menu dt.menu03.open:after,
#jPanelMenu-menu #menu dt.menu04.open:after,
#jPanelMenu-menu #menu dt.menu05.open:after,
#jPanelMenu-menu #menu dt.menu06.open:after,
#jPanelMenu-menu #menu dt.menu07.open:after{
	content:'▼';
}

#jPanelMenu-menu #menu dd li{
	border-bottom:1px dotted rgba(255,255,255,0.5);
	position:relative;
}
#jPanelMenu-menu #menu dd li:last-child{
	border-bottom:0 !important;
	margin-bottom:5px;
}
#jPanelMenu-menu #menu dd li a{
	position:relative;
	display:block;
	padding:13px 10px 13px 35px;
	font-weight:bold !important;
	color:#FFFFFF !important;
	text-decoration:none;
}
#jPanelMenu-menu #menu dd li:after{
	color:#FFF;
	content:')';
	font-weight:normal;
	font-family:WebSymbolsgfeditRegular;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
}

/* ゴルフ場を予約しよう！（menu01） */
#jPanelMenu-menu #menu dd li.menu01a a{
	background:url(/images/sp/2015/common/icon_slidemenu01a.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu01b a{
	background:url(/images/sp/2015/common/icon_slidemenu01b.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu01c a{
	background:url(/images/sp/2015/common/icon_slidemenu01c.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu01d a{
	background:url(/images/sp/2015/common/icon_slidemenu01d.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu01e a{
	background:url(/images/sp/2015/common/icon_slidemenu01e.png) no-repeat 5px center;
	background-size:19px 18px;
}

/* 予約内容の確認（menu02） */
#jPanelMenu-menu #menu dd li.menu02a a{
	background:url(/images/sp/2015/common/icon_slidemenu02a.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu02b a{
	background:url(/images/sp/2015/common/icon_slidemenu02b.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu02c a{
	background:url(/images/sp/2015/common/icon_slidemenu02c.png) no-repeat 5px center;
	background-size:19px 18px;
}

/* Tポイントを貯めて使おう！（menu03） */
#jPanelMenu-menu #menu dd li.menu03a a{
	background:url(/images/sp/2015/common/icon_slidemenu03a.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu03b a{
	background:url(/images/sp/2015/common/icon_slidemenu03b.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu03c a{
	background:url(/images/sp/2015/common/icon_slidemenu03c.png) no-repeat 5px center;
	background-size:19px 18px;
}

/* お得なキャンペーン情報♪（menu04） */
#jPanelMenu-menu #menu dd li.menu04a a{
	background:url(/images/sp/2015/common/icon_slidemenu04a.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu04b a{
	background:url(/images/sp/2015/common/icon_slidemenu04b.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu04c a{
	background:url(/images/sp/2015/common/icon_slidemenu04c.png) no-repeat 5px center;
	background-size:19px 18px;
}

/* 使って楽しい便利機能（menu05） */
#jPanelMenu-menu #menu dd li.menu05a a::before{
	font-family: WebSymbolsgfeditRegular;
	content:"7";
	display: block;
	font-size: 120%;
	left: 6px;
	position: absolute;
	color: #FF7F7F;
}
/* NEWマークを表示させるスタイル */
/*
#jPanelMenu-menu #menu dd li.menu05a a::after{
	position:relative;
	content:"NEW";
	color:#FFFFFF;
	background-color:#DD0000;
	border-radius:3px;
	padding:1px 3px;
	margin-left:5px;
	top:-1px;
	font-size:86%;
}
*/

/* 使って楽しい便利機能（menu05） */

#jPanelMenu-menu #menu dd li.menu05b a{
	background:url(/images/sp/2015/common/icon_slidemenu05b.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu05c a{
	background:url(/images/sp/2015/common/icon_slidemenu05c.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu05d a{
	background:url(/images/sp/2015/common/icon_slidemenu05d.png) no-repeat 5px center;
	background-size:19px 18px;
}

/* 登録情報の確認（menu06） */
#jPanelMenu-menu #menu dd li.menu06a a{
	background:url(/images/sp/2015/common/icon_slidemenu06a.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu06b a{
	background:url(/images/sp/2015/common/icon_slidemenu06b.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu06c a{
	background:url(/images/sp/2015/common/icon_slidemenu06c.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu06d a{
	background:url(/images/sp/2015/common/icon_slidemenu06d.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu07 a{
	background:url(/images/sp/2015/common/icon_slidemenu07.png) no-repeat 5px center;
	background-size:19px 18px;
}
#jPanelMenu-menu #menu dd li.menu07a a{
	background:url(/images/sp/2015/common/icon_slidemenu07a.png) no-repeat 5px center;
	background-size:19px 18px;
}

/* お問い合わせ・個人情報の取り扱いボタンのスタイル */

#jPanelMenu-menu p.contact a{
	position:relative;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:5px;
	padding:10px 10px 10px 35px;
	background:rgba(255,255,255,0.8) url(/images/sp/2015/common/icon_contact.png) no-repeat 5px center;
	background-size:23px 23px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:108%;
	font-weight:bold;
	text-decoration:none;
	color:#333 !important;
}

#jPanelMenu-menu p.privacy a{
	position:relative;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:5px 5px 10px;
	padding:10px 10px 10px 35px;
	background:rgba(255,255,255,0.8) url(/images/sp/2015/common/icon_privacy.png) no-repeat 5px center;
	background-size:23px 23px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:108%;
	font-weight:bold;
	text-decoration:none;
	color:#333 !important;
}
#jPanelMenu-menu p.contact a:after,
#jPanelMenu-menu p.privacy a:after{
	position:absolute;
	right:5px;
	top:center;
	content:')';
	font-family:WebSymbolsgfeditRegular;
	color:#0085CD;
	font-size:93%;
}


/* ------------------------------------------------------------------------ */
/* フッターリンクのスタイル【全サイト共通】
/* 【unique_id】#footerLink
/* ------------------------------------------------------------------------ */

#footerLink{
	border-top:1px solid #7FC2E6;
	margin-bottom: 10px;
}
#footerLink li a{
	position:relative;
	display:block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px;
	border-bottom:1px dotted #0085CD;
	color:#0085CD;
	font-size:107%;
	text-decoration:none;
}
#footerLink li a:after{
	content:')';
	font-family:WebSymbolsgfeditRegular;
	font-size:93%;
	position:absolute;
	top:center;
	right:10px;
}


/* ------------------------------------------------------------------------ */
/* フッターエリア【全サイト共通】
/* 【unique_id】<footer>~</footer>
/* ------------------------------------------------------------------------ */

footer{
	position:relative;
	min-height:60px;
}


/* ▼ ソーシャルボタンのスタイル ▼ */

footer ul.socialBtn{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:35px;
	padding:5px;
	letter-spacing:-0.4em;
}
footer ul.socialBtn li{
	display:inline-block;
	letter-spacing:normal;
	margin-right:15px;
	vertical-align:bottom;
}
footer ul.socialBtn li a{
	display:block;
	text-decoration:none;
	line-height:100%;
}
footer ul.socialBtn li.twitterBtn a{
	width:25px;
	height:25px;
	font-size:167%;
	font-family:WebSymbolsgfeditRegular;
	color:#0086CD;
}
footer ul.socialBtn li.pcView a{
	font-size:86%;
	padding:3px;
	color:#FFF;
	color: #ffffff;
	font-weight:bold;
	border:1px solid #3894e9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	background: #5ea6e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #5ea6e5 0%, #55a3e8 50%, #3894e9 50%, #3594e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ea6e5), color-stop(50%,#55a3e8), color-stop(50%,#3894e9), color-stop(100%,#3594e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5ea6e5 0%,#55a3e8 50%,#3894e9 50%,#3594e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5ea6e5 0%,#55a3e8 50%,#3894e9 50%,#3594e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5ea6e5 0%,#55a3e8 50%,#3894e9 50%,#3594e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5ea6e5 0%,#55a3e8 50%,#3894e9 50%,#3594e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea6e5', endColorstr='#3594e8',GradientType=0 ); /* IE6-9 */
}
footer ul.socialBtn li.pcView a:before {
  content: "l";
  font-family: WebSymbolsgfeditRegular;
  font-size: 86%;
  margin-right: 3px;
}


/* ▼ ページTOPボタンのスタイル ▼ */

footer p.pageTop{
	margin:0 !important;
}
footer p.pageTop a{
	position:absolute;
	top:10px;
	right:5px;
	display:block;
	border-radius:5px 5px 0 0;
	background-color:#2d2d2d;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	font-size:79%;
	font-weight:bold;
	text-decoration:none;
}
footer p.pageTop a:before {
	font-family:WebSymbolsgfeditRegular;
	content: "B";
	font-size:100%;
	padding: 0 5px 0 0;
	font-weight: normal;
}


/* ▼ コピーライト表示部のスタイル ▼ */
/* footer p.copyright{
	padding:10px 5px 10px 25px;
	background:#0085CD url(/images/sp/2015/common/logo_pgm_footer.png) no-repeat 5px 10px;
	background-size:19px 15px;
	color:#FFFFFF;
	font-size:71%;
	text-align:right;
} */
footer p.copyright{
	width:100% !important;
	padding:4.5em 0 1em !important;
	background:#2d2d2d url(/images/sp/2015/common/logo_pgm_footer.png) no-repeat 50% 25% !important;
	background-size:19px 15px;
	color:#FFFFFF !important;
	font-size:75% !important;
	text-align:center !important;
	box-sizing:border-box;
	min-height:4.0em;
}
.reserve.playerComplete footer p.copyright{
	position:absolute;
	top:42px;
	display:block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}

footer p.select a{
	background: linear-gradient(to bottom, #5ea6e5 0%, #55a3e8 50%, #3894e9 50%, #3594e8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #3894e9;
	border-radius: 0.5em;
	color: #ffffff;
	font-size: 86%;
	font-weight: bold;
	padding: 3px 10px;
	text-decoration: none;
	margin-left:10px;
}



/* ------------------------------------------------------------------------ */
/* グローバルナビゲーション【トップページ＆My PGMのみ】
/* 【unique_id】#gnav
/* ※異なるスタイルで「#gnav」というIDは利用しないようにしてください。
/* ------------------------------------------------------------------------ */

nav#gnav{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom:15px;
}
nav#gnav a{
    display:inline-block;
    width:25%;
    margin-right:1px;
    padding:50px 0 10px;
    text-align:center;
    vertical-align:middle;
    color:#FFFFFF;
    text-decoration:none;
}
nav#gnav a:last-child{
    margin-right:0;
}
nav#gnav a.myCal{
    position:relative;
    background:#006297 url(../images/icon_myCal.png) no-repeat;
    background-size:36px 36px;
    background-position:center 10px;
}
nav#gnav a.myCal p,
nav#gnav a.favorite p,
nav#gnav a.confirm p,
nav#gnav a.courseList p{
    font-size:79% !important;
}
nav#gnav a.favorite{
    position:relative;
    background:#006297 url(../images/icon_favorite.png) no-repeat;
    background-size:36px 36px;
    background-position:center 10px;
}
nav#gnav a.confirm{
    position:relative;
    background:#006297 url(../images/icon_confirm.png) no-repeat;
    background-size:36px 36px;
    background-position:center 10px;
}
nav#gnav a.courseList{
    position:relative;
    background:#006297 url(../images/icon_courseList.png) no-repeat;
    background-size:36px 36px;
    background-position:center 10px;
}

/* ▼ 該当数を表示するスタイル（My PGMのみで適用） ▼ */
.myPGM nav#gnav a.favorite p:after{
    position:absolute;
    right:5px;
    top:5px;
    padding:4px 5px;
    content:attr(data-favorite);
    background-color:#DD0000;
    border-radius:10px;
    border:1px solid #FFFFFF;
    line-height:1.0;
    font-weight:bold;
}
.myPGM nav#gnav a.confirm p:after{
    position:absolute;
    right:5px;
    top:5px;
    padding:4px 5px;
    content:attr(data-booking);
    background-color:#DD0000;
    border-radius:10px;
    border:1px solid #FFFFFF;
    line-height:1.0;
    font-weight:bold;
}


/* ------------------------------------------------------------------------ */
/* 予約カレンダーのスタイル
/* 【unique_id】#bookingCalendar
/* ※異なるスタイルで「#bookingCalendar」というIDは利用しないようにしてください。
/* ------------------------------------------------------------------------ */

#bookingCalendar h2{
    margin-bottom:7px;
    padding:10px;
    background:#0085CD;
    text-align:center;
    color:#FFFFFF;
    font-size:116%;
    border:none;
}
#bookingCalendar h2:before{
    position:relative;
    top:-1px;
    margin-right:5px;
    font-family:'WebSymbolsgfeditRegular';
    content:"Y";
    font-size:16px;
    font-weight:normal;
}
#bookingCalendar p{
    text-align:center;
}
#bookingCalendar ul.controler{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between; /* Safari */
    justify-content:space-between;
    padding:10px 5px 0;
    min-height:18px;
}
#bookingCalendar ul.controler li.back a,
#bookingCalendar ul.controler li.next a{
    font-family: WebSymbolsgfeditRegular;
    padding:5px 10px;
    border:1px solid #005785;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    background-color:#0086CD;
    color:#FFFFFF;
    font-size:120%;
    line-height:1;
    text-decoration:none;
}
#bookingCalendar table{
    width:98%;
    margin:-20px auto 15px;
    border:none;
    border-collapse:collapse;
    color:#999999;
    line-height:1;
}
#bookingCalendar table caption{
    height:30px;
    font-size:140%;
    font-weight:bold;
    line-height:1.2;
    color:#454545;
}
#bookingCalendar th,
#bookingCalendar td{
    padding:10px 5px;
    text-align:center;
    border:1px solid #CCCCCC;
    font-weight:bold;
}
#bookingCalendar th{
    background-color:#F0F0F0;
    color:#333333;
}

/* 日曜日のスタイル */
#bookingCalendar th:first-child,
#bookingCalendar td:first-child{
    background-color:#FFE5E5;
    color:#DD0000;
}
#bookingCalendar td:first-child a{
    color:#DD0000;
}

/* 土曜日のスタイル */
#bookingCalendar th:last-child,
#bookingCalendar td:last-child{
    background-color:#E5F6FF;
    color:#015AB1;
}
#bookingCalendar td:last-child a{
    color:#015AB1;
}
#bookingCalendar td a{
    text-decoration:none;
    font-size:131%;
}

/* 祝日のスタイル */
#bookingCalendar td.holiday{
    background-color:#FFE5E5;
    color:#DD0000;
}
#bookingCalendar td.holiday a{
    color:#DD0000;
}

/* 過去日のスタイル */
#bookingCalendar td.past{
    background-color:#E0E0E0;
    color:#999999;
    font-size:131%;
    font-weight:normal;
}

/* 選択日のスタイル */
#bookingCalendar td.selected{
    background-color:#FF8B00;
}
#bookingCalendar td.selected a,
#bookingCalendar td.selected span{
    color:#FFFFFF;
}

/* 空き枠数のスタイル（予約カレンダーのみ） */
#bookingCalendar td span{
    display:block;
    font-size:65%;
    color:#666666;
    font-weight:normal;
}


/* ------------------------------------------------------------------------ */
/* タイトル表示エリアのスタイル
/* 【unique_id】h2.title
/* ※My PGM,コースガイド関連ページは独自スタイル採用のため、当スタイルは不適用！
/* ------------------------------------------------------------------------ */

h2.title{
    position:relative;
    margin-bottom:1px;
    padding:10px 0;
    text-align:center;
    background-color:#F0F0F0;
    font-size:107%;
}
h2.title a{
    position:absolute;
    left:5px;
    top:50%;
    margin-top:-22px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 3px;
    background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
    padding:10px 10px 10px 25px;
    text-decoration:none;
}
h2.title a:before{
    position:absolute;
    left:5px;
    top:50%;
    margin-top:-9px;
    content:"(";
    font-family:"WebSymbolsgfeditRegular";
}


/* 2023/04追加　画像拡大 */
article .image{
	margin-top: 15px;
	text-align: center;
}
article .image img{
	width: 200px;
}
.lum-lightbox{
	z-index: 2;
}
.lum-lightbox-inner img {
	max-height: calc(100vh - 20px);
	max-width: calc(100vw - 20px);
}