@charset "utf-8"; /* ------------------------------------------------------------------------ */ /* 2016年 Myカレンダー機能追加に伴うスマホサイトリニューアル /* /* ゴルフ場一覧ページのスタイルシート /* ▼ 該当ページ（該当ページのにそれぞれ「.courseList」を設定） /* (1)PGMグループのゴルフ場一覧　⇒　.courseList /* ------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------ */ /* ゴルフ場リスト表示エリアのスタイル /* unique_id:.courseList /* ------------------------------------------------------------------------ */ /* ▼ 地方・地域選択UIのスタイル（dl.region）▼ ---------------------------------- */ .courseList dl.region dt{ position:relative; margin-bottom:1px; padding:15px 5px; background-color:#004d76; border-bottom:2px solid #001F2F; color:#FFFFFF; font-size:17px; font-weight:bold; } .courseList dl.region dt span{ margin-left:5px; font-size:15px; font-weight:normal; } .courseList dl.region dt:after{ position:absolute; right:5px; top:50%; content:";"; font-family:"WebSymbolsgfeditRegular"; margin-top:-9px; } .courseList dl.region dt.open:after{ content:":"; } /* ▼ 都道府県選択UIのスタイル（dl.region）▼ ----------------------------------- */ .courseList dl.area dt{ position:relative; margin-bottom:1px; padding:15px 5px; background-color:#E0E0E0 ; border-bottom:2px solid #CCCCCC; color:#333333; font-weight:bold; } .courseList dl.area dt:after{ position:absolute; right:5px; top:50%; content:";"; font-family:"WebSymbolsgfeditRegular"; color:#666666; margin-top:-9px; } /* ▼ ゴルフ場選択UIのスタイル（dl.region）▼ ------------------------------------ */ .courseList dl.region li{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; width:100%; border-bottom:1px solid #CCCCCC; vertical-align:middle; } .courseList dl.region li p.name{ display:inline-block; padding:15px 5px; width:75%; font-weight:bold; } .courseList dl.region li p.btn a{ display:inline-block; border-style: solid; border-width: 2px; border-color: rgb(255, 153, 0); border-radius: 5px; background-image: -moz-linear-gradient( 90deg, rgb(255,170,0) 0%, rgb(255,136,0) 50%, rgb(255,171,46) 50%, rgb(255,242,227) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(255,170,0) 0%, rgb(255,136,0) 50%, rgb(255,171,46) 50%, rgb(255,242,227) 100%); background-image: -ms-linear-gradient( 90deg, rgb(255,170,0) 0%, rgb(255,136,0) 50%, rgb(255,171,46) 50%, rgb(255,242,227) 100%); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6); margin:5px; padding:10px 10px; color:#FFFFFF; font-size:123.1%; font-weight:bold; text-decoration:none; white-space:nowrap; } /* ------------------------------------------------------------------------ */ /* お気に入りゴルフ場リストのスタイル /* unique_id:.favoriteList /* ------------------------------------------------------------------------ */ .favoriteList h2.title{ padding:20px 0; } /* ▼ 地方・地域選択UIのスタイル（dl.region）▼ ---------------------------------- */ .favoriteList dl.region dt{ position:relative; margin-bottom:1px; padding:15px 5px; background-color:#004d76; border-bottom:2px solid #001F2F; color:#FFFFFF; font-size:17px; font-weight:bold; } .favoriteList dl.region dt span{ position:absolute; right:25px; top:50%; margin-top:-7px; margin-left:5px; font-size:71%; font-weight:normal; color:#FFFF00; } .favoriteList dl.region dt:after{ position:absolute; right:5px; top:50%; content:";"; font-family:"WebSymbolsgfeditRegular"; margin-top:-9px; } .favoriteList dl.region dt.open:after{ content:":"; } /* ▼ 都道府県選択UIのスタイル（dl.region）▼ ----------------------------------- */ .favoriteList dl.area dt{ position:relative; margin-bottom:1px; padding:15px 5px; background-color:#E0E0E0 ; border-bottom:2px solid #CCCCCC; color:#333333; font-weight:bold; } .favoriteList dl.area dt:after{ position:absolute; right:5px; top:50%; content:";"; font-family:"WebSymbolsgfeditRegular"; color:#666666; margin-top:-9px; } .favoriteList dl.area dt span{ color:#343434; } /* ▼ ゴルフ場選択UIのスタイル（dl.region）▼ ------------------------------------ */ .favoriteList dl.region li{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; width:100%; border-bottom:1px solid #CCCCCC; vertical-align:middle; } .favoriteList dl.region li p.name{ display:inline-block; padding:15px 5px; width:75%; font-weight:bold; } .favoriteList dl.region li p.btn a{ } .favoriteList dl.region li p.btn a{ display:inline-block; margin:5px; padding:10px 10px; text-decoration:none; content:"N"; font-family:"WebSymbolsgfeditRegular"; font-size:26px; color:#FFFFFF; -webkit-text-stroke:1px gray; text-stroke:1px gray; text-shadow: 1px 3px 0 #CCCCCC; } .favoriteList dl.region li p.btn a.on{ color:#DD0000; -webkit-text-stroke:1px white; text-stroke:1px white; text-shadow: 1px 3px 0 #CCCCCC; }