@charset "utf-8";

a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
select,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	background: transparent;
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ul,
ol {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	outline: none;
}

img {
	vertical-align: bottom;
}

body {
	background: #fff;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'A-OTF 新ゴ Pro', Helvetica;
	line-height: 1;
	-webkit-text-size-adjust: none;
}

/**********************
   Base Style
**********************/
/* header */

#gnHeader .gnColor {
	background-color:#fff;
	background-image: none;
}

#gnHeaderContainer {
	height:auto;
	padding:0 !important;
	z-index:auto; /* 20130917 add */
}

#gnHeaderInner {
	background: url(../../img/common/header_bg.gif) repeat-x;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	padding:6px 7px !important;
	display: -webkit-box;
	display: -moz-box;
	display:box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	width:100%;
}
#gnHeaderInner > div:first-child{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
}

#gnHeaderInner p{
	font-size:12px;
	color:#fff;
}

#ssHeaderLogo a,
#ssHeaderLogo h1 {
	background: url(../../img/common/header_logo.gif) no-repeat;
	width: 170px;
	height: 22px;
	text-indent:-9999px;
	display:inline-block;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	vertical-align:middle;
	margin-top:6px;
}

#slHeaderLogo a {
	background: url(../../img/common/header_logo_snolog.gif) no-repeat;
	width: 176px;
	height: 33px;
	text-indent:-9999px;
	display:inline-block;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	vertical-align:middle;
	margin-top:3px;
}

#ssHeaderNav {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	text-align:right;
}

#ssHeaderNav a,
#slHeaderNav a {

	width: 34px;
	height: 34px;
	display:inline-block;
	vertical-align:middle;
}

a#hNavGreen {
	background: url(../../img/common/header_btn_green.gif) no-repeat right;
	margin-right:6px;
}

a#hNavSurfin {
	background: url(../../img/common/header_btn_surfin.gif) no-repeat right;
	margin-right:6px;
}

/* contents */
#gnContents,
.clear {
	clear: both;
}
.clear:after{
	content:"";
	clear:both;
	width:100%;
	display:block;
}


/* contents_Black */
#gnContentsBlack {
	clear: both;
	background: #000;
}

/* footer */
#gnFooter {
	border-top:solid 1px #c7c7c7;
	padding:0;
	clear:both;
	padding-bottom:60px;
}

#gnFooter02 {
	border-top:solid 1px #c7c7c7;
	padding:0;
	clear:both;
	padding-bottom:15px;
}

#gnaviFooterLink {
	padding:10px 7px;
	background-color:#f4f4f4;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #c7c7c7;
}

#gnaviFooterLink p.txt {
	text-align:center;
	font-size:12px;
}

#gnaviFooterLink p.txt a {
	padding:0 10px;
	display:inline-block;
	color:#0075a9;
}

#gnFooterInner {
	width:100%;
	padding:10px 7px;
	display: -webkit-box;
	display: -moz-box;
	display:box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#gnFooterInner #gnFooterCopyRight {
	width: 100%;
	font-size:10px;
	-moz-box-flex: 1;
	text-align: center;
}

#gnFooterInner #gnFooterCopyRight a {
	width:56px;
	height:16px;
	display:inline-block;
	margin-right:5px;
	text-indent:-9999px;
	background:url(../../img/logo_jfbfe.png) no-repeat 0 0;
	-webkit-background-size:56px 16px;
	-moz-background-size:56px 16px;
	background-size:56px 16px;
	vertical-align:middle;
}

#gnFooterInner #gnFooterCopyRight span {
	width:180px;
	height:25px;
	margin-right:5px;
	text-indent:0px;
	-webkit-background-size:100px 16px;
	-moz-background-size:100px 16px;
	background-size:100px 16px;
	vertical-align:middle;
}

#gnFooterInner #gnFooterChangeDevice {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	text-align:right;
}

#gnFooterInner #gnFooterChangeDevice a {
	border:solid 1px #999;
	border-radius:3px;
	display:inline-block;
	padding:1px 5px 1px 25px;
	line-height:18px;
	font-size:16px;
	color:#333;
	background:url(../../sp/img/common/gnavi_ft_ic01.png) no-repeat 5px center;
	-webkit-background-size:11px 11px;
	-moz-background-size:11px 11px;
	background-size:11px 11px;
	text-indent:0;
	text-align:left;
}

/*toppage*/
#mainCategory {
	background: #fff;
	width: 100%;
	padding: 0 0 6px;
	margin-bottom:17px;
	overflow: hidden;
}

#mainCategory ul,
#mainCategory p {
	margin-left: 2%;
	margin-top:2%;
}

#mainCategory ul li a {
	display:block;
	float: left;
	width: 23%;
	margin: 0 2% 0.5em 0;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(82%,rgba(255,255,255,1)), color-stop(84%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 82%,rgba(247,247,247,1) 84%);
	box-shadow:0px 0px 5px #ddd;
	-webkit-box-shadow:0px 0px 5px #eee;
}

#mainCategory ul li img {
	width:100%;
}


/*toppage_white*/
#mainCategoryWhite {
	background: #fff;
	width: 100%;
	padding: 6px 0;
	margin-bottom:17px;
}

#mainCategoryWhite ul,
#mainCategory p {
	margin-left: 2%;
}

#mainCategoryWhite ul li {
	float: left;
	width: 31%;
	margin: 0 2% 0.5em 0;
}

#mainCategoryWhite ul li img {
	width:100%;
}

/*bannerArea*/
.bannerArea {
	margin-top:18px;
	margin-bottom: 25px;
}

.bannerArea ul {
	width: 96%;
	margin: auto;
}

.bannerArea ul.special {
	margin-bottom:10px;
}

.bannerArea ul li {
	margin-bottom:5px;
}

.bannerArea ul li img {
	width: 100%;
}

/*link*/
section a img,
section a {
	-webkit-tap-highlight-color: #FFE077;
	-webkit-tap-highlight-color:rgba(255,224,119,0.5);
}

/* floating banner */
img[border="0"] {
	width:100%;
}

/* text color */
#gnContents .blue {
	color: #1d6da4;
}
#gnContents .red{
	color: #F00;
}
#gnContents .fb{
	font-weight:bold;
}

#gnContents .hide {
	display: none;
}

#gnContents p.simple{
	padding:5px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}



/************************
 Snolog 共通
************************/
h1 {
	margin-top: 10px !important;
}

h1 span.none {
	display: none;
}

h1 .BrandRogo {
	display: block;
	float: right;
	width: 55%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

h1 img.logo {
	padding: 0 5px !important;
}

h1.catalogTitle {
	margin: 0 2% 10px;
}

h1.catalogTitle img {
	width:100%;
}

section a {
	color: #0758a1;
}

section .linkNext {
	text-align: right;
}

h1.gradStyle,
h2.gradStyle {
	background: url(../../img/common/h2_bg.gif) repeat-x;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	font-size: 16px;
	padding: 4px 6px;
	/*
	height: 29px;
	padding: 9px 6px 0;
	*/
	vertical-align:middle;
	margin-bottom: 1px;
	text-align:left;
}

section input {
	-webkit-tap-highlight-color: #FFE077;
}

/* アコーディオン */
.toggleKey {
	background: #efefef url(../../img/common/h2_bg.gif) repeat-x;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	font-size: 16px;
	min-height: 20px;
	padding: 9px 6px;
	vertical-align:middle;
	margin-bottom: 1px;
}

.toggleKey h2,
.toggleKey h3 {
	display:inline-block;
	text-shadow:1px 0 1px #000;
	width:80%;
}

.toggleKey p.pref{
	display:inline-block;
	width:80%;
}

.toggleKey p.date{
	display:inline;
	font-size:80%;

}

.toggleKey h2 a {
	color: #000;
}

.toggleKey span {
	display:inline-block;
	float:right;
}

#gnContents dl#acc > dt.toggleKey{
	background: #efefef url(../../img/common/h2_bg.gif) repeat-x;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	font-size: 16px;
	min-height: 20px;
	padding: 9px 6px;
	vertical-align:middle;
	margin-bottom: 1px;
}

.toggleContents {
	padding:7px 0 10px 2%;
}

.toggleContents ol.itemIcon {
	display: -webkit-box;
	display: -moz-box;
	display:box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.toggleContents ol.itemIcon li img {
	width: 100%;
}

.toggleContents.colm7 ol.itemIcon li {/*7colm*/
	margin-right:2%;
	margin-bottom:6px;
	width: 12.5%;
}

.toggleContents.colm5 ol.itemIcon li {/*5colm*/
	margin-right:2%;
	margin-bottom:6px;
	width: 18.2%;
}

.toggleContents.colm2 ol.itemIcon li {/*2colm*/
	margin-right:4%;
	margin-bottom:6px;
	width: 47%;
}

.news_detail_sgad{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px
}

.news_detail_sgad img{
	width: 90%;
}

/* お知らせ 一覧 */
.infoList {
	text-align:center;
}

.infoList hr {
	border: none;
	border-bottom: 1px solid #b7b7b7;
	clear: both;
	width:94%;
}

.infoList ul {
	height:78px;
	width:94%;
	margin-left:3%;
	margin-top:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:left;
	overflow:hidden;
}

.infoList li.img {
	width: 24%;
	float: left;
	padding-bottom:7px;
}

.infoList li.img img {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: contain;
}

.infoList li.text {
	width: 70%;
	float: right;
	font-size: 14px;
}

.infoList li.textFull {
	width: 100%;
	float: right;
	margin-bottom: 10px;
}

.infoList time {
	font-size: 12px;
}

.infoList .infoarea {
	margin-bottom: 10px;
}

.infoList .infoarea a {
	color: #000000;
	text-decoration: none;
}

.infoList .infoarea li.infoskiname {
	width: 100%;
	float: right;
}

.infoList .infoarea li p.tit {
	margin-bottom: 8px;
}

.other_news_title {
	font-size: 18px;
	font-weight: bold;
	color: #6f7883; 
	margin-left: 5px;
}

.back-button-area {
	margin: 10px;
	text-align: center;
}

.back-button {
	display: inline-block; 
	padding: 12px 20px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #ffffff; 
	background-color: #007BFF;
	border: none;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.back-button:hover {
	background-color: #0056b3;
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.back-button:active {
	background-color: #003f7f;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.linkViewList {
	margin: 15px auto !important;
}

.linkViewList a{
	color:#999;

}

/*** 検索結果 - 絞込み ***/
section .narrowing {
	margin: 20px auto 10px;
	margin: 15px auto 10px;
	width:90%;
	display:block;
}

section select.narrowing {
	margin-bottom:20px;
	background: url(../../img/common/pulldown.gif) no-repeat right top;
	-webkit-background-size:auto 100%;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	width:80%;
	padding: 3px 10px;
	border:1px solid #444242;
}

section ul.narrowing li.categoryList,
section ol.narrowing {
	border:1px solid #ccc;
	border-radius:7px;
}

section ul.narrowing li.categoryList label,
section ol.narrowing li {
	display: block;
	position: relative;
	height:50px;
	border-top: 1px solid #bebebe;
}

section ol.narrowing li.facebook {
	display: block;
	position: relative;
	height:35px;
	border-top: 1px solid #bebebe;
}


section ol.narrowing li {
	text-align:left;
}

section ul.narrowing li.categoryList label:first-child,
section ol.narrowing li:first-child {
	border:none;
}

section ol.narrowing li a {
	border-radius:7px;
	display: block;
	padding:15px 10px 0;
	height:35px;
	color:#000;
}

/* button */
section ul.narrowing li.buttonArea {
	text-align:center;
}

section ul.narrowing li.buttonArea input {
	border:1px solid #ccc;
	border-radius:7px;
	color:#000;
	text-align:center;
	display: block;
	width:100%;
	padding:5px 0;
	margin:10px auto;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
　
}

/*複数選択*/
section ul.narrowing li.categoryList label span,
section ul.narrowing li.categoryList label input {
	display: block;
	position: absolute;
	top: 10px;
	height:30px;
}

section ul.narrowing li.categoryList label span {
	padding-top: 10px;
	left: 50px;
	font-size: 16px;
}

section ul.narrowing li.categoryList label input {
	width:96%;
	left: 2%;
}

section ul.narrowing li.categoryList label input[type=checkbox] {
	width:30px;
}

/* item 管理番号 */
section .number {
	text-align: right;
	padding: 0 2% 10px;
}

section .number span {
	background: #FFFFFF;
	border: 1px solid #bebebe;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 5px 5%;
}

/* 検索結果 一覧 */
.searchList {
}

.searchList hr {
	border: none;
	border-bottom: 1px solid #b7b7b7;
	clear: both;
	width:100%;
}

.searchList ul {
	width:94%;
	margin-left:3%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	position: relative;
}

.searchList ul>li {
	margin: 5px 0;
}

.searchList li.img {
	width: 24%;
	float: left;
}

.searchList li.img img {
	width: 100%;
}

.searchList li.text {
	width: 70%;
	float: right;
}

.searchList li.text p.tit {
	padding: 0 0 8px;
	margin-bottom: 8px;
}

/* 現在の絞り込み条件 */
#selected {
	width: 70%;
	margin: 0 auto 15px auto;
	overflow:hidden;
	border: 2px solid #cccccc;
	padding: 10px;
	color: #999999;
}

#selected p {
	font-weight: bold;
}

#selected dl dt {
	clear: both;
	float: left;
	width: 8em;
}

#selected dl dd {
	padding: 0 0.5em 0 8em;
}

#selected p a {
	display: block;
	font-weight: normal;
	text-align:center;
	margin-top:5px;
}

/* image スライダー */
div.imageSlider {
	border-top: 1px solid #c7c7c7;
	padding-top:20px;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
}

div.imageSlider p.btnBack,
div.imageSlider p.btnNext {
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	text-indent: -99999px;
	display:block;
	width: 3%;
	position: relative;
	z-index: 5;
}

div.imageSlider p.btnBack {
	background: url(../../img/common/btn_left.gif) no-repeat 0 center;
	float: left;
}

div.imageSlider p.btnNext {
	background: url(../../img/common/btn_right.gif) no-repeat 0 center;
	float: right;
}

div.imageSlider .main {
	position: relative;
	z-index: 1;
}

div.imageSlider .main li {
	text-align: center;
}

div.imageSlider .main li table {
	margin:0 5%;
}

div.imageSlider .main img {
	width: 80%;
}

.imageSlider .main td.img {
	vertical-align: middle;
}

.jCarouselNavi {
	display:none;
}

div.imageSlider small.imgCaption {
	text-align:right;
	display: block;
	clear:both;
}

/**********************
   root file Style
**********************/
#searchArea {
	margin-bottom:15px;
	padding-top: 10px;
}

#searchArea .narrowing {
	margin: 10px auto;
}

/* NEWS more UI */
.newsMore {
	height:auto;
	padding: 0 2% 12px;
}

.newsMore .toggleKey {
	background: url(none);
	height: auto;
	padding: 0 2%;
}

.newsMore .toggleKey.open {
	display: none;
}

.newsMore .toggleContents {
	/*--	font-size: 16px;--*/
	line-height: 1.2em;
}

.newsMore .toggleContents .close {
	text-align: right;
	display: block;
}

/* UI - 詳細リンク */
ul.uiLink {
	margin-top: 10px;
}

ul.uiLink li {
	background: -moz-linear-gradient(top, #fefefe, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e3e3e3));
	border-top:1px solid #ddd;
　 display: block;
	margin-top: 1px;
	padding: 10px 2%q;
	font-size:12px;
	line-height:1.3em;
}

ul.uiLink li .newsMore .toggleContents {
	font-size:12px;
	line-height:1.3em;
	padding-left:20px;
}

ul.uiLink li .newsMore .toggleContents .close {
	padding-top:10px;
}

ul.uiLink li .newsMore .toggleContents .close,
ul.uiLink li .newsMore .toggleContents .linkNext {
	font-size:12px;
	line-height:1.3em;
}

ul.uiLink li .inner {

	display: block;
	color: #000;
	min-height:22px;
	padding:10px 2% 5px;
}

ul.uiLink li .innerInfo {
	background: url(../../img/common/li_bg_next.png) no-repeat right center;
r;
	-webkit-background-size:8px 14px;
	-moz-background-size:8px 14px;
	display: block;
	color: #000;
	min-height:22px;
	padding:10px 2% 5px;
}

ul.uiLink li .inner span.tit,
ul.uiLink li .innerInfo span.tit {
	display: block;
	color: #14318F;
	padding-bottom:5px;
	font-size:14px;
	line-height:1em;
}

ul.uiLink li .inner span.text,
ul.uiLink li .innerInfo span.text {
	padding-left:20px;
	display: block;
}

ul.uiLink li .inner strong {
	text-shadow:1px 0 1px #000;
}

/* UI - 詳細リンク2 */
ul.uiLink2 {
	margin-top: 10px;
	width: 50%;
	float: left;
	margin-bottom: 10px;
}

ul.uiLink2 li {
	background: -moz-linear-gradient(top, #fefefe, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e3e3e3));
	border-top:1px solid #ddd;
 　 display: block;
	margin-top: 1px;
	padding: 10px 2%q;
	font-size:110%;
	line-height:1.3em;
	border-right: 1px solid #ddd;
	border-left: 1px solid #FFF;
}

ul.uiLink2 li .newsMore .toggleContents {
	font-size:12px;
	line-height:1.3em;
	padding-left:20px;
}

ul.uiLink2 li .newsMore .toggleContents .close {
	padding-top:10px;
}

ul.uiLink2 li .newsMore .toggleContents .close,
ul.uiLink2 li .newsMore .toggleContents .linkNext {
	font-size:12px;
	line-height:1.3em;
}

ul.uiLink2 li .inner {
	display: block;
	color: #000;
	min-height:22px;
	padding:10px 2% 5px;
}

ul.uiLink2 li .inner span.tit {
	display: block;
	color: #14318F;
	padding-bottom:5px;
	font-size:14px;
	line-height:1em;
}

ul.uiLink2 li .inner span.text {
	padding-left:20px;
	display: block;
}

ul.uiLink2 li .inner strong {
	text-shadow:1px 0 1px #000;
}

/* data Table */
table.data {
	margin:10px auto;
	width:98%;
}

.data th,
.data td {
	border:1px solid #eee;
	padding:5px;
}

.data th {
	background: #FFFFD7;
	color: #7A4603;
	text-shadow:1px 0 1px #7A4603;
}

.greenTitlecopy {
	color: #9e6d2e;
	display: block;
	padding-top: 10px;
	padding-left: 7px;
	font-weight: bold;
}

/**********************
   floatingMenu
*********************/

body,
ul,
li {
	padding:0;
	margin:0;
	border:0;
}

body {
	font-size:12px;
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
}

#foot {
	position: fixed;
	z-index:100;
	bottom:0;
	left:0;
	width:100%;
	padding:0;
	/*border-top:1px solid #444;*/
}

/* App pages
******************************************************/
#app {
	background: #fff;
	width: 100%;
	margin:10px 0 5px 0;
	overflow: hidden;
	font-size: 12px;
}

#app img {
	float: left;
	display: inline;
	padding-right: 10px;
}

#app h2 {
	color:#061e47;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: -1px;
}

#app dl {
	padding-top: 15px;
}

#app dl dt {
	font-weight: bold;
	padding: 8px 0;
}

#app dl dd {
	padding-right: 8px;
}

div#downBtn,
div.downBtn02 {
	margin:0 10px 10px 10px;
	white-space: nowrap;
}

div#downBtn span {
	padding: 4px 30px;
	background: -moz-linear-gradient(  top,  #0c3b66 0%,  #0d2246);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#0c3b66),  to(#0d2246));
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #0d2246;
	-moz-box-shadow:
 0px 0px 1px rgba(000,000,000,0.5),  inset 0px 0px 1px rgba(188,206,235,1);
	-webkit-box-shadow:
 0px 0px 1px rgba(000,000,000,0.5),  inset 0px 0px 1px rgba(188,206,235,1);
	text-shadow:
 0px -1px 0px rgba(000,010,122,0.2),  0px 1px 0px rgba(003,003,003,1);
	text-align: center;
	display: block;
}

div#downBtn a {
	background: -webkit-gradient( linear, left top, left bottom, from(#0c3b66), to(#0d2246));
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #0d2246;
	-moz-box-shadow:
 0px 0px 1px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(188,206,235,1);
	-webkit-box-shadow:
 0px 0px 1px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(188,206,235,1);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff !important;
	display: block;
	padding: 4px 30px;
	text-shadow:
 0px -1px 0px rgba(000,010,122,0.2), 0px 1px 0px rgba(003,003,003,1);
	text-align: center;
}

div.downBtn02 span{
	display: block;
	text-align:center;
	padding:8px 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,4,4,1)), color-stop(100%,rgba(153,0,33,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(214,4,4,1) 0%,rgba(153,0,33,1) 100%);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #0d2246;
	-moz-box-shadow:
 0px 0px 1px rgba(000,000,000,0.5),  inset 0px 0px 1px rgba(188,206,235,1);
	-webkit-box-shadow:
 0px 0px 1px rgba(000,000,000,0.5),  inset 0px 0px 1px rgba(188,206,235,1);
	text-align: center;
	color: #ffffff !important;

}

div.downBtn02 a{
	color: #ffffff !important;
	font-size:13px;
	font-weight:bold;
}


/*////////////////////////////////////////////////////////////////////
2012-11
/////////////////////////////////////////////////////////////////////*/
/*------------------
Common
-------------------*/
/* ADD-S 2012/12/10 */
.errorMsg{
	color: red;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
/* ADD-E 2012/12/10 */
#title {
	background:url(../../img/common/bg_titleBlue.png) no-repeat;
	background-size:100% 46px;
	height:46px;
	position:relative;

	margin-top:24px;
}

#title h1 {
	color:white;
	font-size:14px;
	font-weight:bold;
	line-height:46px;
	margin-top:0;
	position:relative;
	text-align:center;
	text-shadow:#236a9e 1px 2px 1px;
}

#title h1.long {
	/*padding-left:56px;	width:85%;*/
}

#title a.back {
	background:url(../../img/common/btn_backBlue.png) no-repeat;
	-webkit-background-size: 56px 33px;
	background-size: contain;
	color:white;
	font-size:14px;
	font-weight:bold;
	height:33px;
	left:1%;
	line-height:33px;
	padding-left:20px;
	position:absolute;
	top:6px;
	width:56px;
}

#ssHeaderNav a {
	background-size:contain;
}

/*
basic button
*/
.mypage a.btn01{
	display:block;

	border:1px solid #b5b5b5;
	border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	color:#565656;
	display:block;
	font-size:12px;
	height:32px;
	line-height:32px;
	margin:0 auto 10px;
	text-align:center;
	width:190px;
}

#gnContents .btn03 {
	border:1px solid #b5b5b5;
	border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	color:#565656;
	display:block;
	font-size:12px;
	height:32px;
	line-height:32px;
	margin:0 auto 10px;
	text-align:center;
	width:80%;
}

#gnContents .btn02 {
	border:1px solid #b5b5b5;
	border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	color:#565656;
	display:block;
	font-size:12px;
	height:32px;
	line-height:32px;
	margin:0 auto 10px;
	text-align:center;
	width:45%;
}

.btn04 {
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
    color: #565656;
    display: inline-table;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin: 5px 5px;
    text-align: center;
    width: 45%;
}

/*
accordion
*/
#gnContents dl#acc > dt,
.noConetnts{
	background:url(../../img/common/2_induce/bg_dt_open.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:26px 26px, auto;
	border-top:1px solid #ccc;
	color:#666;
	height:34px;
	font-size:14px;
	line-height:34px;
	padding-left:3%;
}
.noConetnts {
	background:url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size: 10px 13px, auto;
}
.noConetnts a { color: #666 !important; }
#gnContents dl#acc > dt.no-open{
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size: auto;
	}
#gnContents dl#acc > dt.no-open a{
	color:#666;
	display:block;
	width:100%;
	}
#gnContents dl#acc > dt.selected{
	background:url(../../img/common/2_induce/bg_dt_close.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	border-bottom:1px solid #ccc;
	background-size:26px 26px, auto
	}

#gnContents dl#acc > dd{
	display:block;
/*	height:300px;*/
	}

/*-----------------
1-0 Top
------------------*/
#mainCategory ul li img {
	border:1px solid #ddd;
	border-radius:3px;
}

#registration {
	background:#eaeae3;
	border-top:1px solid #d3d3d3;
	clear:left;
	float:left;
	padding-top:17px;
	text-align:center;
	width:100%;
}

#registration p {
	color:#2778b5;
	font-size:132%;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:14px;
}

#registration img {
	margin-bottom:14px;
	width:88%;
}

#registration ul {
	font-size:13px;
	margin:0 18%;
}

#registration ul li {
	line-height:1.6;
}

#registration ul li a {
	background:url(../../img/common/arw_rightBlue.png) left 6px no-repeat;
	background-size:5px 7px;
	display:block;
	float:left;
	padding-left:14px;
	margin-right:10px;
}

#registration ul li:last-child a {
	margin-bottom:20px;
}
/*
2-0
*/

#gnContents #induce dl#acc > dt{
	border-top:1px solid #ccc;
	color:#666;
	height:34px;
	font-size:14px;
	line-height:34px;
	padding-left:3%;
}

#gnContents #induce .toggleContents{
	padding:6px 0 0 0 !important;

}
#gnContents #induce dt span{
	margin-top:-2px;

}

#gnContents #induce dt span img{
	vertical-align: middle;
}


#gnContents #induce dl#acc > dt.selected{
	background:/*url(../../img/2_induce/bg_dt_close.png) 98% center no-repeat,*/ -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	border-bottom:1px solid #ccc;
	}

#gnContents #induce dl#acc > dd{
	display:block;
	}
#gnContents #induce dl#acc > dd p{
	color:#f00;
	font-size:15px;
	line-height:1.3;
	margin:20px auto;
	text-align:center;
	}

#gnContents #induce .downBtn {
	margin:0 10px 10px 10px;
}

#gnContents #induce .downBtn span {
	padding: 4px 30px;
	background: -moz-linear-gradient( top, #0c3b66 0%, #0d2246);
	background: -webkit-gradient( linear, left top, left bottom, from(#0c3b66), to(#0d2246));
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #0d2246;
	-moz-box-shadow:
 0px 0px 1px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(188,206,235,1);
	-webkit-box-shadow:
 0px 0px 1px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(188,206,235,1);
	text-shadow:
 0px -1px 0px rgba(000,010,122,0.2), 0px 1px 0px rgba(003,003,003,1);
	text-align: center;
	display: block;
}

#gnContents #induce .downBtn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
}
/*
flipsnap.js
*/
.viewport {
	background:#E6E6E6;
    margin: 0 auto 10px;
    overflow: hidden;
	padding:10px 0;
    width: 100%;
}

.flipsnap,
.flipsnap2,
.flipsnap3{
	padding-left:14%;
	width:735px;
	}/* 230px(item width) * 3(item count) + padding 45px */

.item {
    background: white;
	-webkit-box-shadow:gray 2px 2px 5px;
	box-shadow:gray 2px 2px 5px;
    float: left;
    width: 200px;
    font-size: 50px;
    text-align: center;
	margin:0 15px 5px;
    color: #666;

}
#gnContents #induce dl#acc > dd .item p.title{
	font-size:14px;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	padding-bottom:5px;
	text-align: center;
	}
#gnContents #induce dl#acc > dd .item p.title02{
	font-size:13px;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	padding-bottom:6px;
	text-align: center;
	line-height:1.2em;
	}
#gnContents #induce dl#acc > dd .item p.title span{
	font-size:11px;
}

#gnContents #induce dl#acc > dd .item p.title02 span{
	padding:5px 0 0 0;
	font-size:11px;
	display: block;

}


#gnContents #induce dl#acc > dd .item p{
	color:#333;
	font-size:11px;
	margin:10px 5px 6px;
	text-align: left;
	/*height: 3em;*/
}
/*--------------------
3 雨雪判別メッシュ
--------------------*/
/*
3-0
*/
#gnContents .btn03.gps{
	background:url(../img/3_weather/bg_btn_gps.png) 95% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:25px 25px,auto;
	}

table#hanrei {
	font-size: 10px;
	color: #666666;
	line-height: 1.4;
	margin: 0 0 10px;
	word-break: break-all;
	-webkit-text-size-adjust: none;
	width: 100%;
}

table#hanrei table {
	border-collapse: collapse;
	margin: 0 0 10px;
	width: auto;
}

table#hanrei table td {
	padding-right: 5px;
	white-space: nowrap;
	text-align: left;
}

table#hanrei div{
	margin: 0 auto;
	text-align: left;
	width: 310px;
}

/*
3-1
*/
#gnContents.rainSnow h2{
	font-weight:bold;
	font-size:16px;
	margin-bottom:1em;
	text-align:center;
	}
#gnContents.rainSnow #mapArea,
#gnContents.rainSnow p.time,
#gnContents.rainSnow ul{
	margin:0 10% 0.5em;
	}
#gnContents.rainSnow h3{
	color:#014189;
	margin:0 10% 0.5em;
	}
#gnContents.rainSnow ul#weatherText{
	float:left;
	margin-bottom:1em;
}




#gelandeList ul li a {
	background:url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:10px 13px, auto;
	border-bottom:1px solid #ccc;
	color:#666;
	display:block;
	min-height:34px;
	font-size:14px;
	padding:10px 20px 4px 25px;
}

#gelandeList ul li a span {
	font-size:12px;
}

#gelandeList ul li:first-child a {
	border-top:1px solid #ccc;
}

#gelandeList ul li:last-child a {
	border-bottom:none;
}

/*--------------------
3-5, 3-8
--------------------*/
/*
wind forecast - rain nowcast
radio button
*/
.surfin form,
.cateGreen form{
	height:50px;
	margin:0 auto;
	width:280px;
	}
.surfin input[type="radio"],
.cateGreen input[type="radio"]{
border:1px solid #4c4c4c;
margin-right:5px;
	}
.surfin input[type="radio"]:checked,
.cateGreen input[type="radio"]:checked{
background:#616161;
	}
.surfin label,
.cateGreen label{
	display:inline-block;
	margin-right:2em;
	height:50px;
	line-height:50px;
	-webkit-tap-highlight-color: #FFE077;
	}
.surfin label:last-child,
.cateGreen label:last-child{
	margin-right:0;
	}
.forecastDate{
	font-size:12px;
	margin: 3px 5% ;
	text-align:right;
	}
.cateGreen ul.uiLink{
	margin-top:0;
	}
.cateGreen	ul.uiLink li{
		border-top:0;
		}
.surfin ul.note,
.cateGreen ul.note{
	clear:left;
	list-style-type:disc;
	margin: 10px 2%;
	padding-left:1.5em;
	}

.surfin p,
.surfin ul,
.cateGreen p{
	font-size:14px;
	margin:0 5% 1em;
	line-height:1.3;
	}
ul.normal{
	margin:0 5% 1em;
	}
ul.normal li
{
	font-size:14px;
	list-style-type:disc;
	margin-left:20px;
	}
.surfin p img,
.cateGreen p img{
	margin-top:10px;
	width:100%;
}
.surfin table{
	margin: 0 5% 1em;
	width:90%;
	}
.surfin table th{
	text-shadow:none;
	vertical-align:middle;
}
.surfin h3,
.cateGreen h3{
	background:#518aff;
	color:#fff;
	font-size:15px;
	height:25px;
	line-height:25px;
	margin:0 5% 0.5em;
	padding-left:2%;
}
.surfin td img.icon,
.cateGreen td img.icon {
	width: 50px;
	vertical-align: text-bottom;
}
.surfin .sign img,
.cateGreen .sign img{
	width:100px;
	}

.surfin #mapWrapper{
	overflow:hidden;
}

#slider,
#sliderImages,
#sliderImages .last { position:relative; }
#slider .bg{ width:100%; }
#slider .pointer {
	display: block;
	width:7.2%;
	position:absolute;
	top: 0;
	left:46.5%;
}
#sliderImages {
	width: 100%;
	overflow: hidden;
}
#sliderImages img { width: 100%; }
#sliderImages li {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	width: 100%;
}

#slider #pointer{
	width:7.2%;/*portlait のときは 23px landscape では34.56px*/
	left:46.5%;/*3%（-6ｈ）-46.5%(now)-90%（+6ｈ）*/
	position:absolute;
	top:0;
}

/*---------------
 4 coupon
 ----------------*/
/*
4-0
*/
#gnContents #search {
	background:#f5f5f5;
	/*border-bottom:1px solid #bfbfbf;*/
	margin:0px 0px 0px;
	padding:10px 0 10px;
}

#gnContents #search input[type="search"]{
	background:white;
	border:1px solid #b5b5b5;
	-webkit-appearance:none;
	border-radius:0px;
	-webkit-border-radius:0px;
	display:block;
	font-size:13px;
	margin:15px auto 20px;
	height:26px;
	line-height:26px;
	width:190px;
}

#gnContents #search button {
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	-webkit-appearance:none;
	border:1px solid #b5b5b5;
	font-size: 12px;
	border-radius:5px;
	color:#565656;
	display:block;
	height:34px;
	line-height:32px;
	margin:0 auto 10px;
	padding:0;
	width:190px;
	color:#222;
}

#gnContents #area ul li a {
	background:url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:10px 13px, auto;
	border-bottom:1px solid #ccc;
	color:#666;
	display:block;
	height:48px;
	font-size:14px;
	line-height:48px;
	padding-left:25px;
}

/*
4-0-3
*/

/*
4-1
*/
#gnContents p.linkGelande{
	margin:0;
	}
.linkGelande a {
	margin-bottom:20px;
}

.saveCoupon a {
	background:url(../img/4_coupon/bg_slashGray5x5.png);
	border:1px solid #e6e3e3;
	border-radius:5px;
	color:#565656;
	display:block;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	width:9em;
}

dl#couponNote {
	width:94%;
	margin:0 3%;
}

#gnContents dl#couponNote dt {
	background:url(../img/4_coupon/bg_dt.png) no-repeat;
	background-size: 56px 20px;
	color:white;
	height:20px;
	line-height:20px;
	text-shadow:#d59427 1px 1px 1px;
	text-align:center;
	width:56px;
}

dl#couponNote dd {
	margin-bottom:1em;
	line-height:1.3;
}

/*
5-0
*/
#eventCalendar {
	text-align: center;
	margin-bottom: 20px;
}

#eventCalendar p {
	margin:0 auto;
	padding: 5px;
	width:200px;
	line-height:1.3;
}

#eventCalendar > p {
	padding: 5px 0;
}
#eventCalendar select {
	margin-top: 20px;
}

/*
5-0-1
*/
#gnContents #eventCalendar #selectDate {
	margin:40px auto 0;
	/*width:220px;*/
	display: inline-block;
}

#gnContents #eventCalendar #selectDate select {
	border-radius:0px;
	float:left;
	/*width:61px;*/
	width: auto;
}

#gnContents #eventCalendar #selectDate select:first-child {
	border-right:none;
	border-radius:5px 0 0 5px;
	/*width:90px;*/
}

#gnContents #eventCalendar #selectDate select:last-child {
	border-left:none;
	border-radius:0 5px 5px 0;
}

#gnContents #eventCalendar p.cll {
	clear:left;
}

#gnContents #eventCalendar form input.btn {
	margin-top:20px;
	width:110px;
	height:25px;
	background:#aaa;
}

#eventCalendarData {
	text-align: center;
	margin-bottom: 60px;
}
#eventCalendarData select {
	margin-top: 20px;
}
#eventCalendarData input[type="submit"] {
	margin-top: 20px;
}
.button {
	background: url(../img/btn_background.gif) repeat-x;
	border: 1px solid #E8E8E8;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 8px 50px;
}

/*
5-0-2
5-0-3
*/
#eventCalendarArea ul li {
	border-bottom:1px solid #ccc;
	height:48px;
}

#gnContents #eventList {
}

#gelandeInfo ul li{
	width:100%;

}

#eventList ul li a,
#gelandeInfo ul li a,
#ranking ul.rank li a,
#multiRanking ul li a {
	background:url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:10px 13px, auto;
	border-bottom:1px solid #ccc;
	/*color:#666;*/
	display:block;
	height:48px;
	/*display: table-cell;*/
	vertical-align:middle;
	font-size:14px;
	padding-left:10px;
	padding-top:10px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#highwayList ul li a,
#ranking ul.link li a {
	background:url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:10px 13px, auto;
	border-bottom:1px solid #ccc;
	display:block;
	height:48px;
	line-height:48px;
	font-size:16px;
	padding-left:10px;
	color:#000;
}


#eventList ul li:last-child a,
#highwayList ul li:last-child a,
#gelandeInfo ul li:last-child a,
#ranking ul li:last-child a,
#multiRanking ul li:last-child a {
	border-bottom:none;
}

/*
5-1
*/
#selectedItem {
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
	border-bottom:1px solid #d2d2c6;
	float:left;
	padding:5px 0 5px 3%;
	margin-bottom:10px;
	width:97%;
}

#selectedItem li {
	color:white;
	background:#8b8b8b;
	border-radius:5px;
	display:block;
	font-size:12px;
	float:left;
	padding:5px;
	margin-right:10px;
}

#eventCalendar #monthNav {
	color:#676565;
	font-size:16px;
	margin:0 3% 10px;
}
#eventCalendar #monthNav a{
	display:block;
	}

#eventCalendar #monthNav #prev a{
	background: url(../../img/common/arw_d_leftBlue.png) no-repeat left center;
	background-size: 15px 13px;
	padding-left:20px;
	text-align:left;
	}
#eventCalendar #monthNav #prev,
#eventCalendar #monthNav #next {
	padding: 10px 0;
	float:left;
	width:22%;
}
#eventCalendar #monthNav #next a{
background: url(../../img/common/arw_d_rightBlue.png) no-repeat right center;
	background-size: 15px 13px;
	text-align:right;
	padding-right:20px;
	}
#eventCalendar #monthNav #this {
	float:left;
	padding: 10px 0;
	width:56%;
	text-align:center;
}

#eventCalendar table {
	margin:0 auto 15px;
	width:92%;

}
#eventCalendar,
#eventCalendar a,
.linkGelande a {
	text-align: center;
	font-weight:bold;
}

#eventCalendar table th,
#eventCalendar table td,
#eventCalendar table td a{
	color:#333;
}

#eventCalendar td:first-child,
#eventCalendar td:first-child a,
#eventCalendar td.holiday,
#eventCalendar td.holiday a,
#eventCalendar th:first-child { color:#d00; }

#eventCalendar td:first-child,
#eventCalendar td.holiday,
#eventCalendar th:first-child { background:#fff2f2; }

#eventCalendar td:last-child,
#eventCalendar td:last-child a,
#eventCalendar th:last-child {
	color:#06c;
}

#eventCalendar td:last-child,
#eventCalendar th:last-child { background:#f5faff; }

#eventCalendar table th,
#eventCalendar table td {
	border:1px solid #ccc;
	width:13%;
}
#eventCalendar table td {
	height:42px;
	padding:2px;
	}
#eventCalendar table td a{
	display:block;
	height:100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	width:100%;
}
#eventCalendar table td a img{
	margin:2px 0 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	width:100%;
	}

#eventCalendar table th {
	height:21px;
	line-height:21px;
}

#gnContents #eventCalendar select {
	background:url(../../img/5_event/arw_select.png) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	background-size:21px 40px, auto;
	-webkit-appearance:none;
	border-radius:5px;
	color:#2e2e2e;
	border:1px solid #565656;
	display:block;
	font-size:14px;
	height:40px;
	line-height:40px;
	margin: 0 auto 15px;
	padding-right:24px;
	padding-left:10px;
	width:186px;
}

#eventCalendar td.active { background-color: #ffd700; }
#eventCalendar td:first-child.active,
#eventCalendar td:holiday.active { background-color: #ff7f50; }

/*
5-2
*/
#dayNav {
	font-size:16px;
	margin:0 3%;
}

#dayNav a {
	display:block;
	height: 1em;
	line-height: 1;
	padding: 10px 6.5%;
}

#dayNav .left a {
	text-align: left;
	background: url(../../img/common/arw_s_leftBlue.png) no-repeat left center;
	background-size: 15px 13px;
	padding-left:20px;

}
#dayNav .left,
#dayNav .left.double,
#dayNav .right,
#dayNav .right.double {
	float:left;
	width:25%;
	min-height: 1em;
}
#dayNav .right,
#dayNav .right.double {
	float: right;
}

#dayNav .left.double a{
	background: url(../../img/common/arw_d_leftBlue.png) no-repeat left center;
	padding-left:20px;
	}

#dayNav .right a {
	text-align: right;
	background: url(../../img/common/arw_s_rightBlue.png) no-repeat right center;
	background-size: 15px 13px;
	padding-right:20px;
}

#dayNav .right.double a {
	background: url(../../img/common/arw_d_rightBlue.png) no-repeat right center;
}

#gnContents #eventCalendar h1{
	background:-webkit-gradient(linear,left top, left bottom,from(white),to(#e5e5e5));
	border-top:1px solid #c9c9c9;
clear:both;
	font-size:16px;
	line-height:1.5;
	}
ul#eventList li a,
ul#highwayList li a,
ul#gelandeInfo li a,
ul#ranking li a,
ul#multiRanking li a {
	background:url(../../img/common/arw_rightGray.png) 97% center no-repeat;
	background-size:10px 13px;
	border-bottom:1px solid #ccc;
	color:#666;
	display:block;
	float:left;
	min-height:34px;
	font-size:14px;
	padding-top:10px;
	padding-bottom:4px;
	text-align:left;
	width:100%;
}
ul#eventList li a .left{
	float:left;
	margin-left:25px;
	width:64%;
	}
ul#eventList li a .right{
	float:left;
	width:47px;
	}
ul#eventList li a span.place {
	font-size:14px;
	display:block;
}

ul#eventList li a span.event {
	font-size:12px;
	display:block;
}
ul#eventList li a .right img{
	margin:0 auto;
	width:47px;
	}
/*
#eventCalendar span.icon {
	border:1px solid #000;
	border-radius:2px;
	color:white;
	font-size:6px;
	font-weight:bold;
	line-height:1.5;
	display:block;
	margin:0 auto;
	width:45px;
	text-align:center;
}
#eventCalendar span.icon.taikai{
	background:red;
	border:1px solid #a00202;
	}
#eventCalendar span.icon.etc{
	background:#999;
	border:1px solid #808080;
	}
#eventCalendar span.icon.ladies{
	background:#ef7894;
	border:1px solid #af0854;
}
#eventCalendar span.icon.present{
	background:#f7931e;
	border:1px solid #f26727;
}
#eventCalendar span.icon.moyo{
	background:#2a98ff;
	border:1px solid #007cff;
}
#eventCalendar span.icon.yutai{
background:#39b54a;
border:1px solid #006837;
}
#eventCalendar span.icon.school{
background:#6c6da0;
border:1px solid #13131c;
}
#eventCalendar span.icon.anniversary{
background:#ef9478;
border:1px solid #af5408;
}
#eventCalendar span.icon.testride{
background:#fffea7;
border:1px solid #ffbd00;
color:#666;
}
#eventCalendar span.icon.free{
background:#29344a;
border:1px solid #333;
}*/

ul#eventList li:first-child a {
	border-top:1px solid #ccc;
}

ul#eventList li:last-child a {
		border-bottom:none;
	}

/*
5-3
*/
#gnContents #eventCalendar.detail{
	color:#333;
	margin-bottom:0;}
#gnContents #eventCalendar.detail h1{
	background:white;
	border-bottom:1px solid #c6c6c2;
	margin-top:0;
	}
#gnContents #eventCalendar.detail #eventTitle{
	font-weight:bold;
	float:left;
	padding:10px 0 10px 3%;
	text-align:left;
	width:97%;
	}
#gnContents #eventCalendar.detail #eventTitle .right{
	float:right;
	width:20%;
	}
#gnContents #eventCalendar.detail #eventTitle .right img{
	width:47px;
	}
#gnContents #eventCalendar.detail #eventTitle .left{
	float:left;
	width:80%;
	}
#gnContents #eventCalendar.detail #eventTitle h2{
	font-size:15px;
	}
#gnContents #eventCalendar.detail #eventTitle h3{
	font-size:13px;
	}
#gnContents #eventCalendar.detail h4{
	border:1px solid #333;
	border-radius:3px;
	margin-left:8%;
	padding:1px;
	width:8em;
	}
#gnContents #eventCalendar.detail p{
	margin:0 8% 1em;
	text-align:left;
	width:84%;
	}
#gnContents #eventCalendar.detail ul#gelandeInfo li a,
.linkGelande a{
		background:url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:10px 13px, auto;
	border-top:1px solid #ccc;
	color:#666;
	display:block;
	font-size:12px;
	height:40px;
	line-height:40px;
	width:100%;
	}
/*
6 premium membership
*/
#gnContents.membership {
	background:#eaeae3;
}

#gnContents.membership.bgw{
	background:#fff;
}

#gnContents.membership #title {
	background:url(../img/6_membership/bg_title.png) no-repeat;
}

#gnContents.membership #title h1 {
	text-align:left;
	padding-left:10px;
	text-shadow:#ad6f12 1px 1px 2px;
	font-size:16px;
}

#gnContents.membership h2 {
	height:29px;
	border-top:1px solid #d2d2c6;
	border-bottom:1px solid #d2d2c6;
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ececec));
	padding-left:10px;
	line-height:29px;
}

#gnContents.membership h3 {
	height:30px;
	border-bottom:1px solid #bfbfbf;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}

#gnContents.membership #chooseCareer {
	border-bottom:#d3d3d3 1px solid;
	padding:13px;
}

#gnContents.membership #chooseCareer ul li {
	margin-bottom:10px;
}

#gnContents.membership #chooseCareer ul li a {
	border:2px solid #c6c6c2;
	border-radius:5px;
	display:block;
	height:37px;
	line-height:37px;
	margin:0 auto;
	width:255px;
	text-indent:130px;
}

#gnContents.membership #chooseCareer ul li a#docomo {
	background:url(../img/6_membership/img_docomo.png) left top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#dcdddd));
	background-size:126px 26px, auto;
}

#gnContents.membership #chooseCareer ul li a#au {
	background:url(../img/6_membership/img_au.png) left top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#dcdddd));
	background-size:126px 26px, auto;
}

#gnContents.membership #chooseCareer ul li a#softbank {
	background:url(../img/6_membership/img_softbank.png) left top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#dcdddd));
	background-size:126px 26px, auto;
}

#gnContents.membership #footnav{
	padding-top:10px;

}
#gnContents.membership #footnav ul {
	margin:0 auto;
	width:255px;

}

#gnContents.membership #footnav ul li {
	line-height:1.6;
}

#gnContents.membership #footnav ul li:last-child a {
	margin-bottom:20px;
}

#gnContents #footnav {
	background:	#eaeae3;
	float:left;
	padding-top:10px;
	width:100%;
}

#gnContents #footnav ul {
background:	#EAEAE3;
	padding:0 10%;
	width:80%;
}

#gnContents #footnav ul { text-align: center; }
#gnContents #footnav ul li {
	line-height:30px;
	display: inline;
	padding-left:14px;
	white-space: nowrap;
}

#gnContents #footnav ul li:last-child a {
	margin-bottom:20px;
}

/*
6-1 docomo
*/
#gnContents.membership #registration {
	border-top:none;
}

#gnContents.membership #registration p {
	color:#000;
	font-size:12px;
	font-weight:normal;
	width:80%;
	text-align:left;
	margin:0 auto 10px;
}

#gnContents.membership a.btn {
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#dcdddd));
	border:2px solid #c6c6c2;
	color:#184f78;
	font-weight:bold;
	font-size:16px;
	height:58px;
	line-height:58px;
	margin:0 auto 15px;
	width:80%;
}

/*
6-1 au
*/
#gnContents.membership #registration table {
	background:white;
	border:2px solid #c6c6c2;
	border-collapse:separate;
	border-radius:5px;
	margin:0 auto 15px;
	text-align:left;
	width:80%;
}

#gnContents.membership #registration table td {
	border-bottom:2px solid #c6c6c2;
	font-weight:bold;
	height:54px;
	line-height:1.3;
	vertical-align:middle;
}

#gnContents.membership #registration table tr:last-child td,
#gnContents.membership #registration table tr:last-child th {
	border-bottom:none;
}

#gnContents.membership #registration .attention {
	color:red;
	font-weight:bold;
}

#gnContents.membership #registration table td.price{
color:red;
}

#gnContents.membership #registration table th {
	border-bottom:2px solid #c6c6c2;
	color:#563605;
	text-indent:10px;
	vertical-align:middle;
}

#gnContents.membership #registration ul {
	margin:0 0 0 10%;
}

#gnContents.membership #registration ul li a {
	float:none;
	text-align:left;
}

#gnContents.membership #registration a.btn.au {
	background:url(../img/6_membership/img_id.png) 10px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#dcdddd));
	background-size:17px, auto;
	padding-left:30px;
	text-align:left;
	width:230px;
}

/*
6-1 Softbank
*/
#gnContents.membership #registration a.btn.softbank {
	background:-webkit-gradient(linear, left top, left 80%, from(#ffc26f), to(#fc9b09));
	color:white;
	text-shadow: #e58e0b 1px 1px 2px;
}

#gnContents.membership #registration td span.note {
	font-size:smaller;
}

#gnContents.membership #registration td.twoLines{
	line-height:27px;
}
#gnContents.membership #registration td span{
	font-size:smaller;
}

/*
6-1 softbank matomete
*/
#gnContents.membership #authentication h4 {
	text-align:left;
	font-weight:bold;
	font-size:16px;
	margin:0 auto 5px;
	width:80%;
	line-height:1.3;
}

#gnContents.membership #registration p.note {
	margin-top:-15px;
}

#gnContents.membership #registration #authentication {
	margin-bottom:50px;
}

#gnContents.membership #login h4.red {
	font-size:14px;
	color:red;
	margin:0 auto 10px;
	width:80%;
	line-height:1.3;
	text-align:left;
}

#gnContents.membership #servicesForMembers {
	border-bottom:1px solid #bfbfbf;
	padding-bottom:15px;
}

#gnContents.membership #servicesForMembers h1 {
	margin-top:0;
	font-size:16px;
	font-weight:bold;
	line-height:2;
	text-align:center;
}

#gnContents.membership #servicesForMembers ul li a {
	background:url(../../img/common/arw_rightGray.png) 97% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e5e6e6));
	background-size:10px 13px, auto;
	border-right:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	display:block;
	font-weight:bold;
	height:34px;
	line-height:34px;
	margin:0 auto;
	text-indent:30%;
	width:93%;
}

#gnContents.membership #servicesForMembers ul li:first-child a {
	border-top:1px solid #b5b5b5;
	border-radius:5px 5px 0 0;
}

#gnContents.membership #servicesForMembers ul li:last-child a {
	border-radius:0 0 5px 5px;
}
/*
11-0
*/
#gnContents.company{
	background:#eaeae3;
	line-height:1.3;
	}
#gnContents.company #title{
	margin-top:32px;
	margin-bottom:1em;
	}
#gnContents.company dl{
	margin:0 5%;
	}
#gnContents.company dl dt{
	display:list-item;
	font-size:14px;
	font-weight:bold;
	list-style-type:square;
	margin-left:1em;
	margin-bottom:0.5em;
	}
#gnContents.company dl dd{
	margin-bottom:1.5em;
		margin-left:1em;
	}

#gnContents.company dl dd dl dt{
	font-size:12px;
	list-style-type:circle;
	margin-left:1em;
	}

#gnContents.company .bdrbtm{
	border-bottom:1px solid lightGrey;
	}


/*
11-1
*/

#gnContents.company p.note{
	font-size:14px;
	font-weight:bold;
	margin:0 5% 2em;
	}
/*
12-0
*/
#gnContents.membership p {
	width:80%;
	margin:0 auto 1em;
}

#gnContents.membership h4 {
	font-weight:bold;
	line-height:1.3;
	margin:0 auto;
	width:80%;
}

/*
12-1 softbank
*/
#gnContents.membership a.btn.cancel {
	font-size:12px;
	font-weight:normal;
	height:27px;
	line-height:27px;
	margin-top:10px;
	width:255px;
	display: block;
	text-align: center;
	border-radius: 5px;
}

/*
12-1docomo
*/
#gnContents.membership strong {
	font-weight:bold;
}
/*
login banner
*/
#login{
	padding: 1em 0 !important;
	line-height: 1em;
	font-size: 12px !important;
/*	font-family: monospace !important;*/
	height: 1em;
	width: 100%;
	text-shadow: -1px -1px 1px rgba(0,0,0,.4);
}
#login,
.noImage {
	background:#1d6da4;
	background: -moz-linear-gradient(top, #217ab8, #1d6da4);
	background: -webkit-gradient(linear, left top, left bottom, from(#217ab8), to(#1d6da4));
}
#login a,
#login a:hover,
#login a:visited,
#login a:active {
	color: #FFF;
	border-radius: 5px;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1a6aa3), color-stop(0.51, #195887), color-stop(0.50, #336e96), color-stop(0.00, #5691bb));
	background: -webkit-linear-gradient(top, #5691bb 0%, #336e96 50%, #195887 51%, #1a6aa3 100%);
	background: -moz-linear-gradient(top, #5691bb 0%, #336e96 50%, #195887 51%, #1a6aa3 100%);
	background: linear-gradient(top, #5691bb 0%, #336e96 50%, #195887 51%, #1a6aa3 100%);*/
	/* CNG-S 2012/12/25 */
	/*box-shadow: 1px 1px 3px rgba(0,0,0,0.4);*/
	text-decoration:underline;
	/* CNG- 2012/12/25 */
	/*border: 1px solid rgba(0,0,0,.2);*/
}
/*#login a:active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2194e4), color-stop(0.50, #1b6cac), color-stop(0.50, #1b7cc6), color-stop(0.00, #4caff9));
	background: -webkit-linear-gradient(top, #4caff9 0%, #1b7cc6 50%, #1b6cac 50%, #2194e4 100%);
	background: -moz-linear-gradient(top, #4caff9 0%, #1b7cc6 50%, #1b6cac 50%, #2194e4 100%);
	background: linear-gradient(top, #4caff9 0%, #1b7cc6 50%, #1b6cac 50%, #2194e4 100%);
}*/
/* DEL-S 2012/12/25 */
/*#login a,*/
/* DEL-E 2012/12/25 */
#login p {
	color: #FFF;
	display: block;
	float: right;
	padding: .7em .7em .7em .3em;
	margin: -.7em 0;
	vertical-align: middle;
	margin-right: 5px;
	/* DEL-S 2012/12/25 */
	/*
	max-width:80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	*/
	/* DEL-E 2012/12/25 */
}

#login img {
	float: left;
	margin-top: -2px;
}

#login .logged {
	background:url(../img/common/man.png) 5px center no-repeat;
	background-size:21px 18px;
	padding-left: 35px;
}

#gnContents .gnaviBtn02 {
	margin: 0 7px;
	border-radius: 7px;
	border: solid 1px
	#ccc;
}
#gnContents .gnaviBtn02 .btn {
	font-size: 14px;
	width: 100%;
	display: block;
	line-height: 46px;
	height: 46px;
	text-align: center;
	font-weight: bold;
	border-radius: 7px;
	border: none;
	background: #fff;
	color: #0075A9;
	-webkit-appearance: none;
	font-style: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

#subCategory li { padding-bottom: 5px; }




/*////////////////////////////////////////////////////////////////////
2013-06
/////////////////////////////////////////////////////////////////////*/

/**common ******************************************************************************************/


.clearfix,.clear10{
	clear:both;
}

.clearfix:after{
	content:"";
	clear:both;
	display:block;
	height:1px;
	clear:both;
	margin-bottom:15px;
}

.clear10:after{
	content:"";
	clear:both;
	display:block;
	height:1px;
	clear:both;
	margin-bottom:10px;
}


p.category{
	padding:10px 10px 0px;
	font-size:14px;
	margin:5px 0px 0px 0px;
	clear:both;
	float:none;
	position:relative;
}

p.category02{
	padding:10px 10px 6px;
	font-size:14px;
	margin:5px 0px 0px 0px;
	clear:both;
	float:none;
	position:relative;
}

#skiGround .bluetitle{
	margin: 10px 0 5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#1d6da4;
}
h1#maptitle{
	margin: 10px 0 5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#1d6da4;
}

h2#mapname{
	display: block;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,227,227,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,227,227,1) 100%);
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #000;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom:10px;
}



.tc{
	text-align:center;
}
.tr{
	text-align:center;
}

.fr{
	float:right;

}

.dn{
	display:none;
}

/**0-0 ******************************************************************************************/


#titleTOP h1{
	display:none;
}

#bannerArea ul li{
	padding:5px 10px;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#bannerArea ul li img{
	width:100%;
}

#newsArea{
	margin:10px 0px
}

#newsArea h2.news{
	display:block;
	background: url(../img/top/title_news.png) no-repeat top left;
	height:30px;
	margin:20px 0px 0px 5px;
	text-indent:-9999px;
	clear:both;
	background-size:auto 80%;
}

#newsArea h2.whatsnew{
	border-bottom: 4px solid #5a5959;
    color: #004263;
    font-family: "font1";
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 5px;
    background: #FFF;
    text-align: left;
    text-shadow: none;
    height: auto;
    line-height: normal;
}


#newsArea ul{
	border-bottom:#aaa 1px solid;
	position:relative;
	padding-top:5px;
}

#newsArea ul li{
	border-bottom: 1px dashed #eee;
	background: url(../../img/common/arw_rightGray.png) 97% center no-repeat;
	background-size: 10px 13px;
	font-size:15px;
}
#newsArea ul li a{
	padding:10px 20px 10px 10px;
	display:block;
	width:100%;
	height:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#000;
}

#newsArea ul li p{
	padding:10px 20px 10px 10px;
}

#newsArea ul li:last-child{
	border:none;
}

#newsArea ul li span{
	display:block;
	font-size:12px;
	color:#999;
}

#newsArea .btn_top a{
	display:block;
	margin:10px 0px 10px;
	border:#eee 2px solid;
	text-align:center;
	background:#1e73ad;
	color:#FFF;
	float:right;
	width:80px;
	padding:5px 0px;
	margin-right:10px;
}

/**1-1 ******************************************************************************************/

.bgAdd{
	background:#f5f5f5;
	border-bottom:1px solid #bfbfbf;
	margin:0px 0px 20px !important;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}

.btn_n3{
	margin-bottom:20px;

}

#gnContents .btn1_0,
#gnContents .btn1_1 {
	border:1px solid #b5b5b5;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,227,227,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,227,227,1) 100%);

	color:#222;
	display:block;
	font-size:11px;
	height:32px;
	line-height:32px;
	text-align:center;
	width:31.5%;
	float:left;
	margin:0 0.5%;
}
#gnContents .btn1_0{
	margin-left:1.5%;

}

#gnContents .btn_n3 ul{
	width:90%;
	margin:10px auto;
}

#gnContents .btn_n3 ul li{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,227,227,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,227,227,1) 100%);
	border: 1px solid #b5b5b5;
	float: left;
	text-align: center;
	font-size: 12px;
	height: 36px;
	line-height: 36px;
	padding-left: 2px;
}
#gnContents .btn_n3 ul li a{
	color:#222;
	display:block;
	height:100%;
	width:100%;
}

#gnContents .btn_n3 ul li:nth-child(1){
	border-right: none;
	border-radius: 5px 0 0 5px;
	width: 33%;
}

#gnContents .btn_n3 ul li:nth-child(2){
	width:30%;
}

#gnContents .btn_n3 ul li:nth-child(3){
	border-left: none;
	border-radius: 0px 5px 5px 0px;
	width: 33%;
}

#gnContents  #pickUp {
	margin-bottom:10px;
}
#gnContents #pickUp h2{
	display:block;
	background: url(../img/1_img/title_pickup.png) no-repeat top left;
	background-size:auto 80%;
	height:30px;
	margin:30px 0px 0px 5px;
	text-indent:-9999px;
}


#gnContents  #pickUp ul{
	position:relative;
	padding-top:5px;
	width:100%;
	margin-bottom:5px;
	overflow: hidden;
	clear:both;
}

#gnContents  #pickUp ul li{
	width:31%;
	margin:1% 0% 1% 2%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	font-size:11px;
	line-height:1.4em;
	box-shadow:0px 0px 3px #f5f5f5;
	vertical-align:middle;
	margin:1% 0% 1% 2%;
	border:#eee 1px solid;
	-webkit-border-radius:3px;
	border-radius:3px;
	float:left;
}


#gnContents #pickUp ul li a{
	display:block;
	width:100%;
	height:100%;
	padding:10px 2px;
	min-height:80px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


#gnContents #pickUp ul li:nth-child(odd){
	background-color:#f4fafc;
}



#gnContents #pickUp ul li span{
	display:block;

}


/**1-2b ******************************************************************************************/


/**1-2c ******************************************************************************************/

#serviceArea{
	background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(213,211,212,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(213,211,212,1)));
	background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(213,211,212,1) 100%);
	border:2px #cfcfcf solid;
	border-radius:5px;
	width:92%;
	margin:10px auto;
	position: relative;
	overflow: hidden;
}

#serviceArea p{
	background:#888;
	text-align:center;
	color:#fff;
	font-size:12px;
	padding:5px 0px 5px 10px;
}

#serviceArea ul{
	width:98%;
    display:-webkit-box;
    display:-moz-box;
    height:auto;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
	padding:5px 5px;
	-webkit-box-sizing:bordr-box;
	box-sizing:border-box;
	margin:3px auto 0px;
}
#serviceArea ul.bottom{
	width:90% !important;
	display:-webkit-box;
    display:-moz-box;
    height:auto;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
	margin:0px auto 3px;

}

#serviceArea ul li{
	display:block;
	width:7.5%;
	margin:0 0 0 0;
	position: relative;
}

#serviceArea ul li img {
	width:100%;
}


#skiGround{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}



.resultArea{
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	margin:0px;
	padding:5px 10px;
	line-height:1.6em;
	font-size:14px;
	color:#fff;
	clear:both;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,137,183,1)), color-stop(99%,rgba(41,117,171,1)));
	background: -webkit-linear-gradient(top, rgba(67,137,183,1) 0%,rgba(41,117,171,1) 99%);
}

.resultArea p{
	color:#fff !important;
}
.resultArea p.f_small{
	font-size:13px;
}
.resultArea p span{
	color:#fdff3f;
	font-weight:bold;
}


#skiGround .groundArea{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	width:100%;
	height:auto;
	position:relative;
	border-bottom:#ededed 2px solid;
}

#skiGround .groundArea > a{
	display:block;
	width:100%;
	height:100%;
	padding-bottom:5px;
}

#skiGround .groundArea > a:after{
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:26px;
	background:url(../img/1_img/arw_rightGray.png) no-repeat 0px 0px;
	background-size:50%;
	top:48%;
	right:0px;
	z-index:200;

}

#skiGround .groundArea ul{
	width:100%;
	display:-webkit-box;
    display:-moz-box;
    height:auto;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
	margin:0px auto;
	padding:10px 3px 0px 8px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#skiGround .groundArea ul li{
	font-size:11px;


}


#skiGround .groundArea p{
	color:#444;
	line-height:1.4em;
}


#skiGround .groundArea ul.mainData li.Photo{
	width:28%;
	padding:0 2% 0 0;
	display:table;
	text-align:center;
	vertical-align: middle;
}

#skiGround .groundArea ul.mainData li.groundName{
	width:44%;
}

#skiGround .groundArea ul.mainData li.groundName02{
	width:70%;
}


#skiGround .groundArea ul.detailData02{
	width:100%;
	padding-bottom:6px;

}

#skiGround .groundArea ul.detailData02 li{
	width:50%;
	min-height:30px;
	position:relative;
}

#skiGround .groundArea ul.detailData02 li img{
	width:48%;
	float:left;
	padding-right:1%;
}
#skiGround .groundArea ul.detailData02 li.fb{
	padding-top:3px;
	position:relative;
}
#skiGround .groundArea ul.detailData02 li.fb div{
	float:left !important;
	position:absolute;
	top:0px;
	left:0px;
}


#skiGround .groundArea ul.mainData li.groundName span,
#skiGround .groundArea ul.mainData li.groundName02 span,
.reviewDetail p span{
	width:70px;
	height:15px;
	display:inline-block;
	vertical-align:bottom;
	padding-left:5px;
}


span.star5{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px 2px;
	background-size:70px auto;
}

span.star4_5{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -14px;
	background-size:70px auto;
}

span.star4{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -32px;
	background-size:70px auto;
}

span.star3_5{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -49px;
	background-size:70px auto;
}

span.star3{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -66px;
	background-size:70px auto;
}

span.star2_5{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -83px;
	background-size:70px auto;
}

span.star2{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -100px;
	background-size:70px auto;
}

span.star1_5{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -116px;
	background-size:70px auto;
}

span.star1{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -133px;
	background-size:70px auto;
}

span.star0_5{
	background:url(../img/1_img/icon_stars.png) no-repeat  0px -150px;
	background-size:70px auto;
}


span.star0{
	background:url(../img/1_img/icon_stars.png) no-repeat 0px -168px;
	background-size:70px auto;
}



span.starb5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px 2px;
	background-size:130px auto;
}

span.starb4_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -24px;
	background-size:130px auto;
}

span.starb4{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -49px;
	background-size:130px auto;
}

span.starb3_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -75px;
	background-size:130px auto;
}

span.starb3{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -101px;
	background-size:130px auto;
}

span.starb2_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -128px;
	background-size:130px auto;
}

span.starb2{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -155px;
	background-size:130px auto;
}

span.starb1_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -179px;
	background-size:130px auto;
}

span.starb1{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -204px;
	background-size:130px auto;
}

span.starb0_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat  0px -231px;
	background-size:100%;
}

span.starb0{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -256px;
	background-size:100%;
}


#skiGround .groundArea ul.mainData li.groundName p.value{
	height:30px;
	line-height:30px;
	width:62px;
}

#skiGround .groundArea ul.mainData li.groundName p{
	/*text-shadow:1px 0 1px #666;*/
	color:#000;
}

#skiGround .groundArea ul.mainData li.groundName .mainText,
#skiGround .groundArea ul.mainData li.groundName02 .mainText{
	font-size:15px;
	overflow: hidden;
    width:auto;
    white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	font-weight:bold;
	color:#555;
}


#skiGround .groundArea ul.mainData li.Photo img{
	max-width:100%;
	border:#F6F6F6 1px solid;
	padding:2px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-height:70px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	margin:auto;
}

#skiGround .groundArea ul.mainData li.iconArea{
	width:28%;
}


#skiGround .groundArea ul.mainData li.iconArea img{
	width:46%;
	float:left;
	padding:0px 0px 0px 3px;
}

#skiGround .groundArea ul li.status span{
	color:#fc7140;
}
#skiGround .groundArea ul li.status,
#skiGround .groundArea ul li.course{
	width:100%;
	display:-webkit-box;
    display:-moz-box;
    height:auto;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
	margin:0px auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}



ul.detailData{
	display:block !important;
}


#skiGround .groundArea ul li.status p,
#skiGround .groundArea ul li.course p{

	-webkit-transform: scaleX(0.90) !important;
	transform: scaleX(0.90) !important;
	-webkit-transform-origin: left top !important;
	transform-origin: left top !important;
	white-space:nowrap !important;
}



#skiGround .groundArea ul li.course span{
	color:#4fa6ff;
}
#skiGround .groundArea ul li.course p:first-child span{
	color:#F60;
}


p.t_r{
	padding-left:1em;

}


.nextArea{
	display:none;
}





/*1-3b ******************************************************************************************/

ol#conditions li{
	position:relative;
	line-height: 50px;
	padding-left:10px;
}
ol#conditions li.facebook{
	line-height:35px;

}


ol#conditions li img{
	width:20px;
	vertical-align:middle !important;
	padding:0 10px 0 0;
}

ol#conditions li input[type="checkbox"] {
    -webkit-appearance: none;
    position:absolute;
	left:0px;
    -webkit-box-sizing: border-box;
    width:100%;
    height:100%;
}

ol#conditions li input[type="checkbox"]:checked {
	background:url(../../img/1_img/s_common_checkmark.png) no-repeat center right;
	background-size:24px;
}


#wrapper .follow {
    position:fixed;
    top: 0;
	left:0;
	z-index:200;
}




/* 2-1 ******************************************************************************************/



#weather select{
	background:url(../img/5_event/arw_select.png) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	background-size:21px 28px, auto;
	-webkit-appearance:none;
	border-radius:5px;
	color:#2e2e2e;
	border:1px solid #565656;
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding-right:24px;
	padding-left:10px;
}


#weather select.main{
	margin:10px auto 5px;
	width:190px;
	clear:both;
}


#weather .gelande > ul > li{
	width:100%;
	border-bottom:1px solid #CCC;
	margin-bottom:5px;
	padding:5px 5px 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

}
#weather .gelande > ul > li:last-child{
	border:none !important;

}


#weather ul li ul{
	padding-top:5px;
}


#weather ul li ul li{
	width:50%;
	float:left;
	font-size:11px;
	padding:2px 0 2px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

}

#weather ul li ul li.data01{
	width:38%;
	margin:10px 2% 0 0;
}
#weather ul li ul li.data02{
	width:60%;
	margin:10px 0 0 0;
}



#weather ul li ul li.data01 a,
#weather ul li ul li.data02 a{
	display:block;
	padding:8px 10px;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(137,115,181,1)), color-stop(100%,rgba(137,115,181,1)));
	background: -webkit-linear-gradient(top, rgba(137,115,181,1) 1%,rgba(137,115,181,1) 100%);*/
	color:#FFF;
	text-align:center;
	border-radius:2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size:14px;
	background:#4fabd7;
}


#weather .subArea{
	width:300px;
	margin:0px auto;
	font-size:11px !important;
}


#weather .subArea select.sub{
	margin:0 0 10px 1%;
	width:28%;
	float:left;
	font-size:11px !important;
}

#weather .subArea select option{
	display:inline-block !important;
	-webkit-transform: scaleX(0.65) !important;
	transform: scaleX(0.65) !important;
	-webkit-transform-origin: left top !important;
	transform-origin: left top !important;
	white-space:nowrap !important;
	font-weight:bold !important;
}

#weather .subArea select.sub02{
	margin:0 0 10px 1%;
	width:40%;
	float:left;
	font-size:11px !important;
}



#weather .form:after{
	content:"";
	display:block;
	clear:both;
	float:none;
	height:1px;

}

#weather .gelande .name{
	padding-top:10px;
	font-size:15px;
	/*text-shadow:1px 0 1px #666;*/
	color:#000;
}




/* 3-1 ******************************************************************************************/
/* 4-1 */
/* 5-1 */

#weather .result .form,
#liveCamera .result .form,
#coupon .result .form,
#gelandeInfo .result .form {
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#weather .result div span,
#liveCamera .result div span {
	color: #fdff3f;
}


#weather .gelandeList .gelande table,
#coupon .gelandeList .gelande table {
	margin-top: 5px;
}
#weather .gelandeList .gelande table td,
#coupon .gelandeList .gelande table td {
	padding: 3px 10px 3px 0;
}
#weather .gelandeList .gelande ul li {
	overflow:auto;
}

#gnContents .nextBtn,
#gnContents .nextBtnNew,
#gnContents .nextBtnEval {
	font-size: 14px;
	/*padding: 7px;*/
	cursor: pointer;
	clear: both;
	margin:10px auto 15px;
	width:90%;
	width:190px;
	clear:both;
	text-align: center;
	border: 1px solid #B5B5B5;
    border-radius: 5px;
    background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
    color:#0758A1;
	display:block;
	height:32px;
	line-height:32px;
}



.line_top:before{
	content:"";
	display:block;
	height:1px;
	clear:both;
	width:100%;
	border-top:1px solid #CCC;
}




/* 3-1 ******************************************************************************************/


#liveCamera select{
	background:url(../../img/5_event/arw_select.png) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	background-size:21px 28px, auto;
	-webkit-appearance:none;
	border-radius:5px;
	color:#2e2e2e;
	border:1px solid #565656;
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding-right:24px;
	padding-left:10px;
	margin:10px auto 5px;
	width:190px;
	clear:both;

}


#liveCamera div.gelandeTable ul{
	width:100%;
	padding:10px 10px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}

#liveCamera div.gelandeTable ul:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
}


#liveCamera div.gelandeTable ul li.img{
	text-align:center;
	float: left;
	width:31.5%;
	margin: 0 2px 5px 2px;
	font-size:10px;
	height:84px;
	background:#f5f5f5;
	padding:2px 0 10px 0;
}



#liveCamera div.gelandeTable ul li.img a img:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
	overflow:hidden;
}




#liveCamera div.gelandeTable ul li.img p{
	text-align:center;
	font-size:10px;
	width:100%;
	padding:4px 3px 15px 3px;
	white-space: nowrap;
	margin-right:10px;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height:1.2em;


}
#liveCamera div.gelandeTable ul li.img p a{
	color:#333;

}


#liveCamera div.gelandeTable ul li img{
	height:62px;
	display:block;
	text-align:center !important;
	display:table-cell;
	display:inline-block;
	display:block;
	margin:0px auto;
	max-width:100%

}




/* 4-1 ******************************************************************************************/

#coupon select{
	background:url(../../img/5_event/arw_select.png) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	background-size:21px 28px, auto;
	-webkit-appearance:none;
	border-radius:5px;
	color:#2e2e2e;
	border:1px solid #565656;
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding-right:24px;
	padding-left:10px;
	margin:10px auto 5px;
	width:190px;
	clear:both;

}


#coupon .gelande > ul > li{
	width:100%;
	border-bottom:1px solid #CCC;
	margin-bottom:5px;
	padding:5px 5px 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	clear:both;

}

#coupon .gelande > ul > li:last-child{
	border-bottom:none !important;

}

#coupon ul li ul{
	padding-top:5px;
}


#coupon ul li ul li{
	width:50%;
	float:left;
	font-size:11px;
	padding:2px 0 2px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

}

#coupon ul li ul li.data01{
	width:38%;
	margin:10px 2% 0 0;
}
#coupon ul li ul li.data02{
	width:60%;
	margin:10px 0 0 0;
}


#coupon ul li ul li.data01 a,
#coupon ul li ul li.data02 a{
	display:block;
	padding:8px 10px;
	color:#FFF;
	text-align:center;
	border-radius:2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size:14px;
}

#coupon ul li ul li.data01 a{
	background:#dbd97c;

}

#coupon ul li ul li.data02 a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(247,230,0,1)), color-stop(100%,rgba(255,204,20,1)));
	background: -webkit-linear-gradient(top, rgba(247,230,0,1) 2%,rgba(255,204,20,1) 100%);

}


#coupon .gelandeList .gelande ul li {
	overflow:auto;

}

#coupon .gelande .name{
	padding-top:10px;
	font-size:15px;
	color:#000;
}



/* 5-1 ******************************************************************************************/


#gelandeInfo ul li a {
	height: 100% !important;
	padding:10px 20px 10px 10px;
	display:block;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#000
}



#gelandeInfo .gelandeList .gelande ul li a p {
	font-size: 14px;
	overflow: hidden;
	width: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	padding:2px 0px;
}

#gelandeInfo .gelandeList .gelande ul li a span{
	display:block;
	font-size:12px;
	color:#666;
	padding:4px 0 0 0;
}


#gelandeInfo select{
	background:url(../../img/5_event/arw_select.png) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	background-size:21px 28px, auto;
	-webkit-appearance:none;
	border-radius:5px;
	color:#2e2e2e;
	border:1px solid #565656;
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding-right:24px;
	padding-left:10px;
	margin:10px auto 5px;
	width:190px;
	clear:both;
}



/* 7-1a ******************************************************************************************/

.menuReview{
	width:100% !important;
	height:100px;
	background-color:#FFF;

}


.menuReview ul{
	width:100%;
	padding:10px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}
.menuReview ul li {
	color:#000;
	display:block;
	cursor: pointer;
}
.menuReview ul li a{
	display:block;
	padding:10px 0px;
	-webkit-tap-highlight-color: #FFE077;
	-webkit-tap-highlight-color:rgba(255,224,119,0.5);
}


.menuReview ul li.selected{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,210,211,1)), color-stop(100%,rgba(230,230,230,1))) !important;
	background: -webkit-linear-gradient(top, rgba(210,210,211,1) 0%,rgba(230,230,230,1) 100%) !important;

}

.menuReview ul li:last-child a{
	padding:4px 0px;
}

.menuReview ul li.btn_square{
	float: left;
	width: 23% !important;
	margin:0 0.5% 0% 1.5% !important;
	border:#999 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,211,1))) !important;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(210,210,211,1) 100%) !important;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}

.menuReview ul li.btn_square:last-child{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,231,201,1)), color-stop(100%,rgba(231,172,118,1))) !important;
	background: -webkit-linear-gradient(top, rgba(251,231,201,1) 0%,rgba(231,172,118,1) 100%) !important;
}

.menuReview ul li.btn_square a{
	color:#000 !important;
}



#review .reviewListNew,
#review .reviewListEval {
	clear:both;
	margin-bottom:15px;

}

#review .reviewListNew .reviewDetail,
#review .reviewListEval .reviewDetail {
	background: url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size: 10px 13px, auto;
	clear: both;
	width:100%;
	position:relative;
}

#review .reviewListNew .reviewDetail02
#review .reviewListEval .reviewDetail02{
	background-size: 10px 13px, auto;
	clear: both;
	width:100%;
	position:relative;
}



/* 7-1b ******************************************************************************************/

#search .bgChange{
	background:#FFF !important;
}

#search .bgChange li{
	background:#f9f9f9; !important;

}

#search .newtitle{
	margin: 10px 5px 5px 20px;
	font-size:14px;
	font-weight:bold;
}

#search .greenlist{
	border:solid 1px #bebebe;
    border-radius: 0.5em;
	margin: 0 20px;
}

#search .green {
	border-bottom: solid 1px #bebebe;
	margin:0px !important;
	line-height: 50px;
	color:#aaa !important;
	list-style:none;
	padding-left:30px
}

#search ul li:last-child{
	border-bottom: none;
}


#search .green a{
	color:#000;
}

#search select{
	background: url(../../img/5_event/arw_select.png) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	background-size:21px 28px, auto;
	-webkit-appearance: none;
	border-radius: 5px;
	color: #2e2e2e;
	border: 1px solid #565656;
	display: block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto 10px;
	padding-right: 24px;
	padding-left: 10px;
	width: 190px;
}

#gnContents input[type="search02"], #search input[type="search02"]{
	background:white;
	border:1px solid #b5b5b5;
	-webkit-appearance:none;
	border-radius:0px;
	-webkit-border-radius:0px;
	display:block;
	font-size:13px;
	margin:15px auto 20px;
	height:26px;
	line-height:26px;
	width: 190px;

}

#gnContents input[type="data"], #search input[type="data"]{
	background:white;
	border:1px solid #b5b5b5;
	-webkit-appearance:none;
	border-radius:0px;
	-webkit-border-radius:0px;
	display:block;
	font-size:13px;
	margin:15px auto 20px;
	height:26px;
	line-height:26px;
	width: 90%;

}

p.category span.right{
	position:absolute;
	right:15px;
	top:11px;
	font-size:12px;
}


/* 7-login ******************************************************************************************/

h1#logintitle{
	background:none;
	font-size:17px;
	text-align:left;
	padding:0px 10px;
	height:30px;
	position: relative;
}

#loginArea{
	background: #eaeae3;
	border-top: 1px solid #d3d3d3;
	clear: left;
	padding: 17px 0px;
	text-align: center;
	width: 100%;
	margin-bottom:15px;
	overflow-x:hidden;
}


#loginArea .narrowing{
	background:#FFF;

}
#loginArea .narrowing li{
	height:auto !important;
}


#loginArea input {
	border:1px solid #ccc;
	border-radius:0px;
	color:#000;
	display: block;
	width:96%;
	padding:5px 0;
	margin:10px 10px 10px 0px;
	padding-right:10px;
	webkit-	box-sizing:border-box;
	box-sizing:border-box;
	background-color:#FFF;
	-webkit-appearance: none;
}

#loginArea p{
	padding:0px 10px;
	text-align:left;
	font-size:14px;
}

#loginArea p.guide{
	text-align:center;
	font-size:13px;
	padding:5px auto;
	margin:10px auto;
}

#loginArea p.sentense{
	color:#666;
	padding:10px !important;

}

#loginArea .yellow{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(247,232,145,1)), color-stop(54%,rgba(244,219,105,1)));
	background: -webkit-linear-gradient(top, rgba(247,232,145,1) 49%,rgba(244,219,105,1) 54%);
}

#loginArea .facebook{
	margin-top:10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,rgba(70,94,147,1)), color-stop(53%,rgba(50,82,143,1)));
	background: -webkit-linear-gradient(top, rgba(70,94,147,1) 48%,rgba(50,82,143,1) 53%);
}

#loginArea .twitter{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,rgba(91,189,216,1)), color-stop(53%,rgba(51,180,218,1)));
	background: -webkit-linear-gradient(top, rgba(91,189,216,1) 48%,rgba(51,180,218,1) 53%);
}


#loginArea .black{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,rgba(76,76,76,1)), color-stop(51%,rgba(17,17,17,1)), color-stop(100%,rgba(19,19,19,1)));
	background: -webkit-linear-gradient(top, rgba(76,76,76,1) 48%,rgba(17,17,17,1) 51%,rgba(19,19,19,1) 100%);
	color:#FFF !important;
}
#loginArea .yellow a{
	color:#111 !important;
}

#loginArea .black a ,#loginArea .facebook a,#loginArea .twitter a{
	color:#FFF !important;
}

/* 7-2 ******************************************************************************************/


#search .btnImage{
	padding:10px 0 0 10px;
	height:35px;
	clear:both;
	width:80%;
}

#search .btnImage input#button02{
	-webkit-border-radius:6px;
	border-radius:6px;
	border:#999 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,227,227,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,227,227,1) 100%);
	padding:3px 8px;
	float:left;
	height:30px;
	margin-left:10px;
	font-size:11px;

}

#search .btnImage input#button03{
	-webkit-border-radius:6px;
	border-radius:6px;
	border:#999 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,227,227,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,227,227,1) 100%);
	padding:3px 8px;
	float:left;
	height:30px;
	margin-left:10px;
	font-size:11px;
}


#search .single01{
	padding:7px 0px 5px 5px;
	border:1px solid #ccc;
	border-radius:7px;
	min-height:28px;
	line-height:28px;
	clear:both;
	width:90%;
	margin:10px auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow-x:hidden;
}
#search .single01 p{

	padding-bottom:3px;
	min-height:28px;
	line-height:28px;
}

#search .single01 p.review{
	line-height:1.4em;
	word-wrap: break-word;
}

#search .answer{
	float:right;
	display:inline-block;
	padding:1px 10px 0px 0px;
	margin-right:10px;
	font-size:12px;
	color:#1d6da4;
}

#search .single01 span.answer{
	margin-right:-5px;
}


#gnContents #search input.search03{
	-webkit-appearance:none;
	font-size:14px;
	width:100%;
	padding:0px;
	margin:0px;
}




#gnContents #search TEXTAREA{
	-webkit-appearance:none;
	font-size:13px;
}


#search p.date{
	display: block;
	font-size: 14px;
	height: 30px;
	float:left;
	padding:15px 8px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

}

#search .dateArea{
	width:90%;
	margin:0 auto;

}


#search .single01 a{
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#000;
}




#search p.answerImage{
	text-align:center;
	width:140px;
	margin:0px auto 5px;
	height: 100px;
}

#search p.answerImage a{
	display: table-cell;
	width:140px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}


#search p.answerImage a img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 100px;
}


#search .single01{
	border:1px solid #ccc;
	border-radius:7px;
	display:block;
	padding:7px 10px 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#000;
	min-height:24px;
}





#search .single01 a.btn{
	display:block;
	padding:0px 10px !important;
	border:1px solid #b5b5b5;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,227,227,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,227,227,1) 100%);
	color:#565656;
	display:block;
	font-size:12px;
	height:20px;
	line-height:20px;
	margin:0px 10px;
	text-align:center;
	width:120px;
	text-align:center;
	float:right;
}

#search .single01:after{
	ontent:"";
	display:block;
	clear:both;
	width:100%;
	height:1px;

}




#gnContents #search button[type="submit"] {
	line-height:1.4em;
	height:40px !important;
	width:90%;
	background:#aaa !important;
	color:#000;
}



#gnContents #search input[type="file"]{
	opacity:0;
	position:absolute;
	top:-50px;
}


#gnContents #search button[type="submit03"] {
	width:90%;
	color:#000;
}

p.line:before{
	content:"";
	display:block;
	width:100%
	height:10px;
	border-top:1px solid #CCC;
	padding-top:10px;
}



ol#conditions02 li{
	position:relative;
	line-height: 50px;
	padding-left:10px;
	font-size:10px;
}

ol#conditions02 > li:after{
	content:"";
	clear:both;
	display:block;
	height:1px;
	width:100%;

}

ol#conditions02 li p.totalcomment{
	margin-top:-0.9em;
	position:absolute;
	top:50%;
}

ol#conditions02 li p.stars{
	float:right;
	position:absolute;
	right:6px;
	top:12px;
}/*
div.rating-cancel{
	position:absolute;
	left:0;

}*/
div.rating-cancel,
div.star-rating{
	padding-top:3px;
	float:left;
	width:24px;
	height:20px;
	text-indent:-9999px;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
	}


div.star-rating,div.star-rating a	{
	background:url(../../img/common/star.png) no-repeat 0 0px;
	background-size:50%;
	}
	/*
div.rating-cancel a{
	display:none;
}*/

div.rating-cancel a,div.star-rating a	{
	display:block;
	width:24px;
	height:100%;
	background-position:0 0px;border:0
	}
div.star-rating-on a	{
	background-position:0 -20px!important
	}
div.star-rating-hover a	{
	background-position:0 -20px
	}
/* Read Only CSS */
div.star-rating-readonly a {
	cursor:default !important
	}
/* Partial Star CSS */
div.star-rating {
	background:transparent!important;
	overflow:hidden!important
	}


/* 7-3 ******************************************************************************************/
input.star{
	float: left;
	width: 24px;
	height: 20px;
	background: url(../../img/common/star.png) no-repeat 0 0px;
	background-size: 50%;
}

/* 7-4 ******************************************************************************************/

p.contribution{
	padding:25px;
	text-align:center;
	font-size:15px;
}

.bannerSnolog{
	margin:25px auto;
	text-align:center;

}

.small_txt{
	font-size:11px;
	padding:5px 10px 0px;
	-webkit-box-sizing:border-box;
	-box-sizing:border-box;
}



/* 7-5 ******************************************************************************************/


#reviewArea ul.btn_square02{
	width:100%;
	padding:10px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


#reviewArea ul.btn_square02 li{
	float: left;
	width: 73%;
	margin:0 0.5% 0 1.5% !important;
	border:#999 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,211,1))) !important;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(210,210,211,1) 100%) !important;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
}

#reviewArea ul.btn_square02 li:last-child{
	width: 23% !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,231,201,1)), color-stop(100%,rgba(231,172,118,1))) !important;
	background: -webkit-linear-gradient(top, rgba(251,231,201,1) 0%,rgba(231,172,118,1) 100%) !important;
	margin-right:0px !important;
}

#reviewArea ul.btn_square02 li a{
	display:block;
	padding:10px 0px;
	color:#000;
}

#reviewArea ul.btn_square02 li:last-child a{
	display:block;
	padding:4px 0px;
	color:#000;
}


#reviewArea ul li.btn_radius:last-child{
	width:38% !important;
}


#reviewArea ul li.btn_radius a{
	color:#000;
	display:block;
	padding:10px 0px;
}

#reviewArea .chart{
	margin:10px 0;
	clear:both;
	text-align:center;
}
#reviewArea .chart img{
	width:70%;

}

#reviewArea .resultArea{
	margin-bottom:10px;
}

#reviewArea .reviewBox{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px 10px;
	margin-top:10px;
	clear:both;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#reviewArea .reviewBox p.text{
	font-size:13px;
	color:#666;

}



#reviewArea .enquete:after{
	content:"";
	display:block;
	height:15px;
	clear:both;
	width:100%;

}

#reviewArea .enquete dl{
	width:100%;
	font-size:10px;
	margin:10px 0px 15px;
	clear:both;
	float:none;
}

#reviewArea .enquete dd{
	width:20%;
	float:left;
	background-color:#7ad3d9;
	margin:0 0.5% 0 1.5%;
	padding:4px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:20px;
	margin-top:5px;
	text-align:center;
}

.transtest{
	display:inline-block;
	-webkit-transform: scaleX(0.65);
	transform: scaleX(0.65);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	white-space:nowrap;
	float:left;
	font-weight:bold;
}

#reviewArea .enquete dd span.trans00,
#reviewArea .enquete dt span.trans00{
	display:block;
	-webkit-transform:scale(0.8,1) !important;
	transform:scale(0.8,1) !important;
	margin-right:-12px;
	white-space:nowrap;

}


#reviewArea .enquete dd span.trans01,
#reviewArea .enquete dt span.trans01{
	display:block;
	-webkit-transform: scaleX(0.6);
	transform: scaleX(0.6);
	-webkit-transform-origin:center top;
	transform-origin:center top;
	white-space:nowrap;
}

#reviewArea .enquete dd span.trans02,
#reviewArea .enquete dt span.trans02{
	display:block;
	-webkit-transform: scaleX(0.9);
	transform: scaleX(0.9);
	-webkit-transform-origin: center top;
	transform-origin:center top;
	white-space:nowrap;

}
#reviewArea .enquete dd span.trans03,
#reviewArea .enquete dt span.trans03{
	display:block;
	-webkit-transform: scaleX(0.8);
	transform: scaleX(0.8);
	-webkit-transform-origin: center top;
	transform-origin:center top;
	white-space:nowrap;

}


@media screen and (max-width: 400px) {
	#reviewArea .enquete dd span.trans01{
		margin-left:-16px;
	}
	#reviewArea .enquete dd span.trans03{
		margin-left:-8px;
	}
}



#reviewArea .fb_left{
	margin-left:10px;

}

p.caution a{
	display:block;
	border-radius:6px;
	border:1px solid #999;
	background:#DA4134;
	color:#FFF;
	padding:5px; width:17%;
	float:right;
	text-align:center;
	margin:10px 10px;
}


#reviewArea .enquete dt{
	width:100px;
	float:left;
	text-align:right;
	padding:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:20px;
	margin-top:5px;


}
/* 7-5b ******************************************************************************************/

h1.cancell{
	margin-left:-15px;
}

.cancell_btn{
	width: 100px !important;
	text-align:center;
	height:25px !important;
	position:absolute !important;
	right:12px;
	top:10px;
}

.cancell_btn a{
	position:absolute;
	display:block;
	right:-8px;
	width:66px !important;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:#666;
	-webkit-box-shadow:#000 inset 0 0 5px;
	box-shadow:#000 inset 0 0 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,rgba(129,167,211,1)), color-stop(64%,rgba(15,89,173,1)));
	background: -webkit-linear-gradient(top, rgba(129,167,211,1) 11%,rgba(15,89,173,1) 64%);
	color:#FFF;
	font-weight:bold;
	padding:6px 10px;
	box-shadow:#5799c9 0 0 3px;
}


p.report{
	padding:5px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height:1.5em;

}

p.report_answer{
	font-weight:bold;
	padding:10px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
p.report_answer02{
	font-weight:bold;
	padding:10px 0;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

p.reportbtn a,
p.reportbtn02 a{
	display:block;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	-webkit-appearance: none;
	border: 1px solid #b5b5b5;
	font-size: 12px;
	border-radius: 5px;
	color: #565656;
	display: block;
	height: 34px;
	line-height: 32px;
	margin: 0 auto 10px;
	padding: 0;
	width: 190px;
	color: #222;
	text-align:center;

}

#reportbtn,
#reportbtn02{
	display:block;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	-webkit-appearance: none;
	border: 1px solid #b5b5b5;
	font-size: 12px;
	border-radius: 5px;
	color: #565656;
	display: block;
	height: 34px;
	line-height: 32px;
	margin: 0 auto 10px;
	padding: 0;
	width: 190px;
	color: #222;
	text-align:center;
}

span#ski_ground_name{
	font-weight:bold;
}

#reportbtn a{
	display:block;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	-webkit-appearance: none;
	border: 1px solid #b5b5b5;
	font-size: 12px;
	border-radius: 5px;
	color: #565656;
	display: block;
	height: 34px;
	line-height: 32px;
	margin: 0 auto 10px;
	padding: 0;
	width: 190px;
	color: #222;
	text-align:center;

}




button.reportbtn{
	display:block;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	-webkit-appearance: none;
	border: 1px solid #b5b5b5;
	font-size: 12px;
	border-radius: 5px;
	color: #565656;
	display: block;
	height: 34px;
	line-height: 32px;
	margin: 0 auto 10px;
	padding: 0;
	width: 190px;
	color: #222;
	text-align:center;
}



/* 8-1 ******************************************************************************************/

ul.normalLink li a {
	background:url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:10px 13px, auto;
	border-bottom:1px solid #ccc;
	display:block;
	height:48px;
	line-height:48px;
	font-size:16px;
	padding-left:10px;
	color:#000;
}

.top_margin:before{
	content:"";
	display:block;
	height:25px;
	clear:both;
}

#rankingArea .theme p{
	font-size:13px;
	padding:2px 0px;
	font-weight:bold;
}
#rankingArea .theme p:first-child{
	font-size:14px;

}

#rankingArea .bluetitle{
	margin: 10px 0 5px 0px;
	font-size:14px;
	font-weight:bold;
	color:#1d6da4;
}



#rankingArea .theme{
	padding:15px 10px;
}

#rankingArea ul li:first-child {
	border-top: 1px solid #bfbfbf;
}
#rankingArea ul li{
	line-height:1.5em;
}


#rankingArea ul.rank li{
	background:url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:10px 13px, auto;
	border-bottom:1px solid #ccc;
	display:block;
	height:48px;
	font-size:12px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	clear:both;
}
#rankingArea ul.rank li a p.name{
	padding-top:5px;
	font-size:14px;
	width:70%;
	overflow: hidden;
	 white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}


#rankingArea ul.rank li a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
}



#rankingArea ul li span {
	display: block;
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 10px 0 10px;
	display:table-cell;
	vertical-align:middle;
}

#rankingArea ul li span.ranking_img{
	display: block;
	float: left;
	height: 48px;
	line-height: 42px;
	padding: 0 10px 0 0;
	display:table-cell;
	vertical-align:middle;
}


#rankingArea ul li span.ranking_img img{
	width:26px;
	vertical-align:middle;
	text-align:left;
}

#rankingArea select{
	background:url(../../img/5_event/arw_select.png) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	background-size:21px 28px, auto;
	-webkit-appearance:none;
	border-radius:5px;
	color:#2e2e2e;
	border:1px solid #565656;
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	margin:0 auto 10px;
	padding-right:24px;
	padding-left:10px;
	width:190px;
}
#rankingArea button {
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	-webkit-appearance:none;
	border:1px solid #b5b5b5;
	font-size: 12px;
	border-radius:5px;
	color:#000;
	display:block;
	height:34px;
	line-height:32px;
	margin: 20px auto 10px;
	padding:0;
	width:190px;
}



/* 8-2 ******************************************************************************************/

#multiRankingArea li{
	background:url(../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size:10px 13px, auto;
	border-bottom:1px solid #ccc;
	display:block;
	height:48px;
	font-size:12px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	clear:both;
}

#multiRankingArea li a p.name{
	padding-top:5px;
	font-size:14px;
	width:70%;
	overflow: hidden;
	 white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#multiRankingArea a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
}

#multiRankingArea ul li{
	line-height:1.5em;
}


#multiRankingArea ul li span {
	display: block;
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 10px 0 10px;
}

#multiRankingArea ul li span.ranking_img{
	display: block;
	float: left;
	height: 48px;
	line-height: 42px;
	padding: 0 10px 0 0px;
}


#multiRankingArea ul li span.ranking_img img{
	width:20px;
	vertical-align:middle;
	text-align:left;
}

#multiRankingArea h2.theme {
	background:#eaeae3;
	padding: 12px 0px;
	text-align: center;
	color: #1d6da4;
	font-weight:bold;
	font-size:13px;
}



/*1-4-1 ******************************************************************************************/

.menuSkiGround{
		width:100% !important;
}

.menuSkiGround #nav{
	width:100%;
	height:60px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.menuSkiGround .menu{
	background:#eee;
	clear:both;
	width:100%;
	height:54px !important;
	color:#666;
	padding:10px 6px 0px 10px;
	clear:both;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


.menuSkiGround .menu p{
	width:33%;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	margin:0;
	float:left;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #aaa;
	border-radius: 5px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.menuSkiGround .menu ul.nav{
	border-radius: 5px;
	display: block;
	width:66%;
	font-size:90%;
	float:right;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.menuSkiGround .menu ul.nav li{
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	border: 1px solid #aaa;
	width:33%;
	float:left;
	text-align:center;
	font-size: 12px;
	height:32px;
	line-height: 32px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.menuSkiGround .menu ul.nav li.nolink{
	background:-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#d2d2d3));
}

.menuSkiGround .menu ul.nav li:first-child{
	border-right: none;
	border-radius: 5px 0 0 5px;
}
.menuSkiGround .menu ul.nav li:last-child{
	border-left: none;
	border-radius: 0px 5px 5px 0px;
}


.menuSkiGround .menu ul a,
.menuSkiGround .menu p a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	-webkit-tap-highlight-color: #FFE077;
	-webkit-tap-highlight-color:rgba(255,224,119,0.5);
}


#skiGround p.open{
	padding:15px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
}


#skiGround p.disc{
	padding:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
}

#skiGround p.disc02{
	width:100%;
	font-size:14px;
	font-weight:bold;
	padding:5px 10px 0px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#333;
}

#skiGround .showBox{
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	clear:both;
	margin:10px 10px;
}

#skiGround p.moreBtn,
#skiGround p.closeBtn{
	text-align:right;
	white-space:nowrap;
	padding:2px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:94px;
	clear:both;
	color:#1d6da4;
	float:right;
	text-decoration:underline;
	-webkit-tap-highlight-color: #FFE077;
	margin:2px 10px 8px;
	-webkit-tap-highlight-color:rgba(255,224,119,0.5);
}

#skiGround p.closeBtn{
	width:70px;
	text-align:right;
	white-space:nowrap;
}

#skiGround p.moreBtn:before,
#skiGround p.closeBtn:before{
	content:"";
	display:block;
	clear:both;
	height:1px;
}

#skiGround p.moreBtn:after,
#skiGround p.closeBtn:after{
	content:"";
	display:block;
	clear:both;
	height:10px;
}


p.more{
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
	font-size:16px;
	font-weight:bold;
}


#skiGround p.close{
	background:#B4D6E7;
	color:#FFF;
	padding:10px;
	text-align:center;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ccc;
	margin-bottom:2px;
}

#skiGround p.mainPhoto{
	width:100%;
	padding:15px 10px 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#skiGround p.mainPhoto img{
	width:100%;
}

#reviewArea{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}



#reviewArea .mainReview{
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	border: 1px solid #aaa;
	width:100%;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-bottom:12px;
}

#reviewArea .mainReview a{
	padding:10px;
	display:block;
}

#reviewArea .mainReview a:after{
	content:"";
	display:block;
	width:20px;
	height:26px;
	background:url(../img/1_img/arw_rightGray.png) no-repeat 0px 0px;
	background-size:50%;
	position:absolute;
	top:50%;
	right:0px;
}

#reviewArea .mainReview02{
	padding:10px;
	width:100%;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


#reviewArea .mainReview p span,
#reviewArea .mainReview02 p span{
	width:130px;
	height:24px;
	display:inline-block;
	vertical-align:bottom;
	margin-left:10px;
}


#reviewArea .mainReview p:first-child{
	font-size:16px;
	font-weight:bold;
}
#reviewArea .mainReview h3{
	font-size:16px;
	font-weight:bold;
}

#reviewArea .mainReview p.txt{
	padding-left:20px;
	color:#444;
}
#reviewArea .mainReview p.count,
#reviewArea .mainReview02 p.count{
	padding:10px 0 6px 20px;
	color:#F00;
}

#reviewArea .mainReview p.left{
	float:left;
	margin-right:10px;
}




#reviewArea #reviewList ul{
    display:-webkit-box;
    display:-moz-box;
	height:auto;
}




#reviewArea ul#reviewList > li{
	width:100%;
	height:100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	clear:both;
	float:none;

}

#reviewArea ul#reviewList > li.bgChange{
	background:none !important;

}



#reviewArea ul#reviewList li a{
	background: url(../../img/common/arw_rightGray.png) 98% center no-repeat;
	background-size: 10px 13px;
	clear: both;
	width: 100%;
	position: relative;
	display: block;
	height: 100%;
	padding:5px 0px;
}



#reviewArea ul li.userPhoto{
	width:30%;
	padding:2% 2%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	display:table;
	text-align:center;
}

#reviewArea ul li.userPhoto span{
	vertical-align:middle;
	max-width:100%;
	height:70px;
	display:table-cell;
}


#reviewArea ul li.reviewDetail{
	width:56%;
}

#reviewArea ul li.userPhoto img{
	margin:auto;
	max-width:100%;
}


#reviewArea ul li p{
	color:#111;
}

#reviewArea ul li p.mainText{
  	font-size:14px;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5px 0px;
	margin-bottom:5px;
	font-weight:bold;
}
#reviewArea ul li.reviewDetail p.slope{
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

#reviewArea p.disc{
	margin:0px;
	padding:10px 0 10px 10px;
	margin-right:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


#reviewArea p.gelandeName{
	margin: 0px;
	padding: 10px 0 10px 10px;
	margin-right: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*
#reviewArea p.prize{
	padding-top:5px;
}
*/

#infoArea h3{
	border-bottom:1px solid #ddd;
	color:#0758a1;
	padding-bottom:4px;
	padding:5px 10px;
	font-size:15px;
	font-weight:bold;
}

#infoArea p.address,
#infoArea p.tel{
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	border-bottom: 1px solid #ccc;
	color: #000;
	display: block;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	padding-left: 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:relative;
}




#infoArea p.address a,
#infoArea p.tel a{
	background: url(../../img/common/arw_rightGray.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e2e3e3));
	background-size: 10px 13px, auto;
	display: block;
	width:100%;
	color: #000;
	height: 48px;
	margin-left:-10px;
	padding-left: 10px;
}

#infoArea p.address span,
#infoArea p.address span a,
#infoArea p.tel span,
#infoArea p.tel span a{
	display:block;
	width:90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}


#infoArea dt{
	width:26%;
	clear: left;
	float:left;
	padding:5px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-top:#eee 1px dotted;
	font-weight:bold;
	white-space:nowrap;
}

#infoArea dd{
	width:74%;
	float:left;
	padding:5px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-top:#eee 1px dotted;
	line-height:1.5em;
}


#infoArea .trans{
	display:inline-block;
	-webkit-transform: scaleX(0.65);
	transform: scaleX(0.65);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	white-space:nowrap;
	float:left;
	font-weight:bold;

}
#infoArea .trans02{
	display:inline-block;
	-webkit-transform: scaleX(0.8);
	transform: scaleX(0.8);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	white-space:nowrap;
	float:left;
	font-weight:bold;

}

#infoArea .trans03{
	display:inline-block;
	-webkit-transform: scaleX(0.75);
	transform: scaleX(0.75);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	white-space:nowrap;
	float:left;
	font-weight:bold;

}


#infoArea dt:before{
	content:"";
	display:block;
	width:100%;
	clear:both;
	float:none;
	display:block;
	height:1px;

}

#infoArea .infoData dd{
	/*word-wrap: break-word;*/
	word-break: break-all;
}



/* 1-4-1a ******************************************************************************************/

section ol.narrowing li.menu{
	color:#aaa !important;
	float:left;
	width:50%;
	padding:0px !important;
	margin:0px !important;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	/*line-height:26px !important;*/
}

section ol.narrowing li.menu:nth-child(odd){
	border-right:1px solid #bebebe;
}
section ol.narrowing li.menu:nth-child(2){
	border-top:none;
}



section ol.narrowing li.menu a{
	display:block;
	height:100%;
	width:100%;
	margin-left:0px;
	padding:0px 0px 0px 0px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

section ol.narrowing li.menu span{
	color:#F33;
	padding-left:10px;
	font-size:12px;

}

#s_info{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

#s_info .inner{
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	border-bottom: 1px solid #aaa;
	width:100%;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-bottom:12px;
}
#s_info .inner p.txt{
	color:#222;
	padding:0 16px 0 6px;
	line-height:1.4em;
}

#s_info .inner p.title{
	font-weight:bold;
	color:#0758a1;
	padding-bottom:3px;
	width:auto;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

}






#s_info .inner a{
	padding:10px;
	display:block;
}

#s_info .inner a:after{
	content:"";
	display:block;
	width:20px;
	height:26px;
	background:url(../img/1_img/arw_rightGray.png) no-repeat 0px 0px;
	background-size:50%;
	position:absolute;
	top:50%;
	right:0px;
}






/* 1-4-2 ******************************************************************************************/


#skiGround p.line02{
	position:relative;
	width:100%;
	border-top:#eee 1px solid;
	height:1px;
}



#skiGround ul li a.btn_square {
	color:#666;
}

#skiGround .weather {
	clear: both;
}

#skiGround ul#WeatherTab{
	padding:0px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


#skiGround ul#WeatherTab li {
	float: left;
	width: 32%;
	padding:10px 0px;
	margin:0 2% 10px 0;
	border:#ddd 1px solid;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	text-align:center;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	cursor: pointer;
	color:#666;
	font-weight:bold;
}

#skiGround ul#WeatherTab li:last-child{
	margin-right:0px;
}


#skiGround ul#WeatherTab li.selected{
	background:#4fabd7;
	color:#FFF;
}

/* ADD-S 2013/07/10 */
#skiGround ul#WeatherTab2{
	padding:0px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#skiGround ul#WeatherTab2 li {
	float: left;
	width: 32%;
	padding:10px 0px;
	margin:0 2% 10px 0;
	border:#ddd 1px solid;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	text-align:center;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	cursor: pointer;
	color:#666;
	font-weight:bold;
}

#skiGround ul#WeatherTab2 li:last-child{
	margin-right:0px;
}


#skiGround ul#WeatherTab2 li.selected{
	background:#4fabd7;
	color:#FFF;
}

#skiGround .weather .outsidePeriod{
	color: red;
	text-align:center;
}
/* ADD-E 2013/07/10 */

#skiGround .week,
#skiGround .time {
	margin: 0 2% 15px;
	border-collapse: collapse;
	width: 96%;
}

#skiGround .weather{
	clear:both;
	margin-bottom:15px;

}

#skiGround ul.dailySnow,
#skiGround ul.weekWeather{
	margin:20px auto 0px;
	clear:both;
}

#skiGround ul.weekWeather li ul li .blue{
	color: #1d6da4;
	padding-right:5px;
}

#skiGround ul.weekWeather li ul li .red{
	color: #F00;
	padding-left:5px;
}




#skiGround ul.dailySnow:after{
	content:"";
	display:block;
	height:10px;
	border-bottom:1px solid #999;
	margin-bottom:10px;
	width:100%;
	clear:both;
	float:none;
}



#skiGround .WeatherDay{
	text-align:center;
	font-size:15px;
	padding:5px 10px 0;
	width:100%;
	margin-top:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}






#skiGround ul.weekWeather,
#skiGround ul.hourWeather{
	width:100%;
	padding:0 10px 0 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:table;
}

#skiGround ul.dailySnow{
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:table;
}


#skiGround ul.weekWeather li ul li:first-child,
#skiGround ul.hourWeather li ul li:first-child{
	width:80px;
}


#skiGround ul.dailySnow li li{
	width:24%;
	box-sizing:border-box;
	text-align:center;
	-webkit-box-sizing:border-box;
	float:left;
	padding:5px 0px;
	-webkit-transform: scaleX(0.95) !important;
	transform: scaleX(0.95) !important;
	-webkit-transform-origin: right top !important;
	transform-origin: right top !important;
	white-space:nowrap !important;
}

#skiGround ul.dailySnow li li:nth-child(3){
	width:28%;
	padding-left:7px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


#skiGround ul.dailySnow li >ul{
	clear:both;

}

#skiGround ul.dailySnow li >ul:first-child li{
	font-size:12px;

}


#skiGround ul.dailySnow li ul:first-child li{
	font-weight:bold;

}


#skiGround .WeatherDay p{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(38%,rgba(246,246,246,1)), color-stop(72%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 38%,rgba(249,249,249,1) 72%,rgba(255,255,255,1) 100%);
	border:#ddd 1px solid;
	padding:5px 0px;
}



#skiGround ul.weekWeather li ul:first-child,
#skiGround ul.hourWeather li ul:first-child{
	border-top:#ddd 1px solid;

}
#skiGround ul.weekWeather li ul li:last-child,
#skiGround ul.hourWeather li ul li:last-child{
	border-right:#ddd 1px solid;

}

#skiGround ul.weekWeather li ul,
#skiGround ul.weekWeather li ul,
#skiGround ul.hourWeather li ul{
	display:table;
	table-layout: fixed;
	width:100%;
}

#skiGround ul.weekWeather li ul li,
#skiGround ul.hourWeather li ul li{
	display:table-cell;
	box-sizing:border-box;
	text-align:center;
	-webkit-box-sizing:border-box;
	padding:5px 0px;
	border-bottom:#ddd 1px solid;
	border-left:#ddd 1px solid;
	line-height:22px;
}

#skiGround ul.weekWeather li ul li.title,
#skiGround ul.hourWeather li ul li.title{
	font-weight:bold;
	background:#F0F8FF;
}

#skiGround ul.weekWeather li li img,
#skiGround ul.hourWeather li li img{
	width:23px;
	height:23px;
	vertical-align:top;

}

.weather .trans{
	display:inline-block;
	-webkit-transform: scaleX(0.85);
	transform: scaleX(0.85);
	-webkit-transform-origin:left top;
	transform-origin: left top;
	white-space:nowrap;
	padding-left:10px;
	font-size:10px;
}



/* 1-4-3 ******************************************************************************************/


#skiGround .rain .inner .img{
	padding:0px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}

#skiGround .rain .inner .img img{
	width:100%;
}

#skiGround .rain .inner p.dateTime{
	padding:5px 10px 10px;
}

#skiGround .rain{
	padding:10px 0 0 0;

}


#skiGround ul#tabRain{
	width:100%;
	padding:0px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#skiGround ul#tabRain li {
	float: left;
	width: 49%;
	padding:10px 0px;
	margin:8px 2% 0 0;
	border:#ddd 1px solid;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	text-align:center;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	cursor: pointer;
	color:#666;
	font-weight:bold;
}
#skiGround ul#tabRain li:nth-child(odd){
	margin-right:0;
}


#skiGround ul#tabRain li.selected{
	background:#4fabd7;
	color:#FFF;
}


#skiGround .play {
	position: relative;
	overflow: hidden;
	width:100%;
}


#skiGround .play img{
	text-align:center;
}

#skiGround .play ul {
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 0;
}
#skiGround .play ul li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 10px 0 ;
	padding: 0;
}


#skiGround .rain .inner ul.weather,
#skiGround .rain .inner ul.weatherDetail,
#skiGround .rain .inner ul.note{
	padding:5px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	clear: both;
}

.purple01 { color: #ba55d3; }
.purple02 { color: #800080; }
.pink01 { color: #e4007f; }
.yellow01 { color: #FF0; }
.blue01 { color: #bbdbf3; }
.blue02 { color: #00a1e9; }
.blue03 { color: #1e50a2; }
.red01 { color: #F00; }
.green01 { color:#060; }
.gray01 { color:#666; }
.orange{ color:#F90;}
.green{color:#0F0;}

.purple01,
.purple02,
.pink01,
.yellow01,
.blue01,
.blue02,
.blue03,
.red01,
.green01,
.gray01,
.orange,
.green{
	padding-right:2px;
	-webkit-transform: scaleX(1) !important;
	transform: scaleX(1) !important;

}



#skiGround ul.weather li{
	padding-right:10px;
}


#skiGround ul.weatherDetail li.special01{
	width:40%;
}
#skiGround ul.weatherDetail li.special02{
	width:20% !important;
}

#skiGround ul.weather li,
#skiGround ul.weatherDetail li {
	float:left;
}
#skiGround ul.weatherDetail li {
	width: 33%;
	font-size:10px;
}

#skiGround ul.weatherDetail li span{
	font-size:13px;
}
#skiGround ul.weatherDetail li span.ms{
	font-size:10px;
	display:inline-block;
	-webkit-transform: scaleX(0.9);
	transform: scaleX(0.9);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	white-space:nowrap !important;
}


#skiGround .note {
	clear: both;
	margin-top: 20px;
}

/* 1-4-4 ******************************************************************************************/

#skiGround .livecamera{
	padding:0px 10px;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}

#skiGround .livecamera img{
	width:100%;
	margin:10px 0;

}



/* 1-4-5 ******************************************************************************************/

#skiGround .couponImg img {
	margin: 3px 0 0;
	width: 100%;
}

#skiGround #coupon {
	clear: both;
	padding-top:3px;
}

#skiGround .bluetitle03{
	font-size:14px;
	font-weight:bold;
	color:#1d6da4;
	z-index:200;
	position:absolute;
	top:17px;
	left:50%;
	margin-left:-30px;
}
#skiGround h3.skiGroundname{
	padding-top:5px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#1d6da4;
	font-weight:bold;
}


#skiGround ul#tabCoupon{
	padding:10px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#skiGround ul#tabCoupon  li {
	float: left;
	width: 49.5% !important;
	margin: 0 0.5% 10px 0;
	border:#ddd 1px solid;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	text-align:center;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:#CCC;
	font-weight:bold;
}
#skiGround ul#tabCoupon  li a{
	display:block;
	padding:10px 0px;
}


#skiGround ul#tabCoupon li.selected:first-child{
	background:#dbd97c !important;
	color:#FFF;
	padding:10px 0px;
}

#skiGround ul#tabCoupon li.selected:last-child{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(247,230,0,1)), color-stop(100%,rgba(255,204,20,1)));
	background: -webkit-linear-gradient(top, rgba(247,230,0,1) 2%,rgba(255,204,20,1) 100%);
	color:#FFF;
	padding:10px 0px;
}



#skiGround #coupon .title {
	background: #CCC;
	color: #666;
	border: solid 1px #a9a9a9;
	margin: 0 20px;
	padding: 5px;
}
#skiGround #coupon .body {
	background: #f5f5f5;
	color: #1d6da4;
	border-right: solid 1px #a9a9a9;
	border-bottom: solid 1px #a9a9a9;
	border-left: solid 1px #a9a9a9;
	margin: 0 20px;
	padding: 5px;
	line-height:1.5em;
}


#skiGround #coupon hr {
	margin: 15px 20px 15px;
}
#skiGround #coupon .corners {
	background:#ccc;
	color: #666;
	width: 80px;
	padding: 7px 10px;
	margin: 0 0 5px 20px;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight:bold;
}


#skiGround #coupon .cornerspremium {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(247,230,0,1)), color-stop(100%,rgba(255,204,20,1)));
	background: -webkit-linear-gradient(top, rgba(247,230,0,1) 2%,rgba(255,204,20,1) 100%);
	color: #666;
	width: 80px;
	padding: 7px 15px;
	margin: 0 0 5px 20px;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight:bold;
	color:#FFF;
}


#skiGround #coupon .txt {
	margin: 0 0 15px 25px;
}

#skiGround #coupon .lower {
	width:100%;
	padding:0 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#skiGround #coupon p.passbook{
	margin:-5px 0 0 0px;
	font-size:10px;
	line-height:1.4em;
	font-size:10px;
	display:block;
	clear:both;
	-webkit-transform: scaleX(0.8);
	transform: scaleX(0.8);
	-webkit-transform-origin: center top;
	transform-origin: center top;
	white-space:nowrap !important;
	padding-left:10px;
	text-align:left !important;
	width:48%;
	float:right;
}
#skiGround #coupon .lower a.btn {
	width:46%;
	float:right;
	margin-left: 10px;
}



/* 1-4-7 ******************************************************************************************/
#skiGround #info .title {
	/*font-weight: bold;*/
	margin: 10px 0 0 10px;
}
#skiGround #info .date {
	margin: 5px 0 10px 10px;
}
#skiGround #info .body {
	padding: 20px 15px 20px 15px;
	line-height:1.6em;
	color:#666;
}

/* kiyaku ******************************************************************************************/


#skiGround #info .kiyaku{
	margin:10px 10px 0 10px;
	line-height:1.5em;
}
#skiGround #info .kiyaku p,
#skiGround #info .kiyaku ul{
	margin-left:0.5em;
}

#skiGround #info .kiyaku p.top{
	margin-top:10px;
	margin-left:0px;
}



/* 1-4-8 ******************************************************************************************/



#reviewArea .recommendArea{
	width:100%;
	padding:0px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	clear:both;
}

#reviewArea .recommendArea p{
	font-size:13px;
	padding-bottom:5px;
	text-align:center;
	font-weight:bold;
}

#reviewArea .recommendArea .recommendScene,
#reviewArea .recommendArea .recommendType{
	width:48%;
	margin:0 2% 0 0%;
	float:left;
}
#reviewArea .recommendArea .recommendScen ul,
#reviewArea .recommendArea recommendType ul{
	width:100%;
}

#reviewArea .mainReview02 p.left{
	float:left;
	font-size:16px;
	padding:0px 8px;
	margin: 8px 0 5px 10px;
}



#reviewArea .recommendArea ul li:first-child{
	font-size:10px;
	width:48%;
	height:20px;
	float:left;
	padding-right:3px;
	text-align:right;
}
#reviewArea .recommendArea ul li:last-child{
	width:50%;
	height:20px;
	float:left;
}
#reviewArea .recommendArea ul li span{
	display:block;
	height:10px;
	margin:1px 0px;
	background-color:#FC0;
}

.menuReview02{
	clear:both;
	margin-top:10px;
	width:100% !important;
	height:55px;
	background-color:#FFF;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

.menuReview02 ul{
	width:100%;
	padding:10px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}
.menuReview02 ul li {
	color:#000;
	display:block;

	cursor: pointer;
}
.menuReview02 ul li a{
	display:block;
	padding:10px 0px;
}



.menuReview02 ul li.selected{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,210,211,1)), color-stop(100%,rgba(230,230,230,1))) !important;
	background: -webkit-linear-gradient(top, rgba(210,210,211,1) 0%,rgba(230,230,230,1) 100%) !important;

}

.menuReview02 ul li:last-child a {
	padding:4px 0px;
}

.menuReview02 ul li.btn_square{
	float: left;
	width: 23% !important;
	margin:0 0.5% 0 1.5% !important;
	border:#999 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,211,1))) !important;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(210,210,211,1) 100%) !important;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;

}

.menuReview02 ul li.btn_square:last-child{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,231,201,1)), color-stop(100%,rgba(231,172,118,1))) !important;
	background: -webkit-linear-gradient(top, rgba(251,231,201,1) 0%,rgba(231,172,118,1) 100%) !important;
	margin-right:0px !important;
}

.menuReview02 ul li.btn_square a{
	color:#000 !important;
}
/* 1-4-9 ******************************************************************************************/


#skiGround #course .article{
	border-bottom: #999 1px solid;
	/*color: #999;*/
	padding: 0 10px 10px 10px;
	clear: both;
}
#skiGround #course .article:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;

}
#skiGround #course .article:last-child{
	border:none !important;
}


#skiGround #course .article p {
	padding:5px 10px;

}
#skiGround #course .article p.just{
	letter-spacing:0.1em;
	text-align:justify;
	text-justify:inter-ideograph;
	padding-top:2px;
	padding-bottom:0px;
	line-height:1.3em;

}


#skiGround #course #infoArea{
	border-bottom: #999 1px solid;
}

#skiGround #course .article p.pr{
	margin-top:3px;
	margin-bottom:10px;

}


#skiGround #course .article p.bluetitle{
	margin-left:-10px;
}

#skiGround #course .article .img img {
	display: block;
	margin: 0 auto;
	width:100%;
}
#skiGround .article p.tap {
	text-align: right;
	padding-top:0px;
}

#skiGround .article .graph {
	font: 80%/25px Verdana, sans-serif;
	overflow: hidden;
	/*height: 20px;*/
	white-space: nowrap;
	margin: 0 auto;
	display:table;
	/*display: -moz-box;
	display: -webkit-box;
	display: box;*/
	width:90%;
	color:#FFF;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#skiGround .article .graphtext {
	font: 80%/25px Verdana, sans-serif;
	overflow: hidden;
	/*padding:3px 20px 0;*/
	/*display: -moz-box;
	display: -webkit-box;
	display: box;*/
	display:table;
	line-height:1.3em;
	/*letter-spacing:0.05em;*/
	/*padding:3px 0 0 0;*/
	color:#333;
	margin: 0 20px 0 15px;
	font-weight:bold;
	width:90%;
	padding-top:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align: center;
}

#skiGround .article .graph div,
#skiGround .article .graphtext div{
	text-align: center;
	height: 100%;
	display:table-cell;
}
#skiGround .article .graph .bevel01 { background: #83ca75; }
#skiGround .article .graph .bevel02 { background: #1f93db; }
#skiGround .article .graph .bevel03 { background: #d86879; }
#skiGround .article .graph .comparing01 { background: #0557c2;}
#skiGround .article .graph .comparing02 { background: #16b9bb;}
#skiGround .article .graph .comparing03 { background: #6FA330;}
#skiGround .article .graph .coast01 { background: #89caf8 ;}
#skiGround .article .graph .coast02 { background: #197990 ;}
#skiGround .article .graph .coast03 { background: #db1c76 ;}



#skiGround #course .article dl.gelande:after,
#skiGround #course .article dl.detail:after,
#skiGround #course .article dl.other:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#skiGround #course .article dl.gelande dt,
#skiGround #course .article dl.detail dt {
	font-weight: bold;
	float: left;
	padding:2px 0px;
}
#skiGround #course .article dl.gelande dt {
	clear: both;
}
#skiGround #course .article dl.gelande dd,
#skiGround #course .article dl.detail dd,
#skiGround #course .article dl.other dd {
	margin-bottom: 5px;
	padding:2px 0px;
}
#skiGround #course .article dl.gelande dd.clear {
	clear: both;
	margin-left: 15px;
}
#skiGround #course .article dl.detail dd {
	float: left;
	padding:2px 0px;
}


#skiGround #course .article ul.course > li > span {
	display: block;
	margin: 5px 0 10px;
	padding-left:10px;
}
#skiGround #course .article ul.course > li {
	clear:both;
	padding-top:5px;
}
#skiGround #course .article ul.course > li:after{
	content:"";
	display:block;
	clear:both;
	height:15px;

}


#skiGround .article ul.course_in{
	width:90%;
	clear:both;
	margin:0px auto;
}

#skiGround .article ul.course_in li{
	text-align:left;
	width:50%;
	float:left;
	padding:2px 0px;
}

/*
#skiGround #course .article li.other{
	width:100%;
	clear:both;
	text-align:left;
	padding:5px 0px;
}

*/
#skiGround .article .other p{
	padding:0px 10px;
	width: 90%;
	clear: both;
	margin: 0px auto;
}

#skiGround .article .other p.other_title{
	font-weight:bold;
	padding:5px 0 0 0 !important;
	width:100%;
}


#skiGround #course .fb02{
	font-weight:bold;
}

#skiGround #course .fb02 > ul{
	padding-top:6px;

}




/* 1-4-10 ******************************************************************************************/

#mainImages{
	margin-top:-5px;
	overflow: hidden;
}

#skiGround #park #flame {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
}

#skiGround #park #slider {
	position: absolute;
	z-index: 0;
	width: 900px;
	height: 150px;
}
#skiGround #park .carousel{
	height:190px;
	clear:both;

}


#skiGround #park #slider p {
	float: left;
	width: 250px;
	height: 140px;
	margin: 4px;
	border: solid 1px #c7c7c7;
	text-align: center;
	line-height: 140px;
}

#skiGround p.bluetitle02{
	margin: 10px 0 5px 10px;
	font-size:14px;
	font-weight:bold;
	background:#1d6da4;
	color:#fff;
	display:inline-block;
	padding:2px 5px;
}


#skiGround #park .pr {
	clear:both;
	margin:7px 0 10px 10px;
}

#skiGround #park .article {
	padding: 0 10px 10px 10px;
	clear: both;
}


#skiGround .article ul.openingHours{
	margin-top:5px;
	margin-bottom:10px;
}

#skiGround .article ul.openingHours li {
	float: left;
	margin-right: 15px;
}
#skiGround #park .article ul.openingHours li span{
	font-weight:bold;

}


#skiGround .article .graph .gender01 { background: #1e93dc; }
#skiGround .article .graph .gender02 { background: #dc1b75; }


#skiGround #park .article dl {
	border-bottom: #86DAF9 1px solid;
	padding-bottom: 5px;
}
#skiGround #park .article dl dt {
	float: left;
	margin-bottom: 5px;
	width: 100px;
	font-weight:bold;
}
#skiGround #park .article dl dd {
	margin-bottom: 5px;
}

#skiGround .end {
	color: #CC0000;
	text-align: left;
	margin:0 10px 10px;
}
#skiGround .end02 {
	border-top:1px solid #ddd;
	color:#222;
	text-align: left;
	margin:10px 0px;
	padding:5px 10px 0px;
}

/*pagination*/

.pagination {
	margin:0 auto 0;
	padding:5px 0px;
	height:20px;
	line-height:20px;
	text-align:center;
	display:table;
	}

.pagination span{
	display: inline;
	text-decoration:none;
	border:solid 1px #ddd;
	color:#666;
	height:20px;
}

.pagination span { cursor: pointer; }
.pagination span.current { cursor: default; }

.pagination span {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(22%,rgba(247,247,247,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(247,247,247,1) 22%,rgba(224,224,224,1) 100%);
	font-weight:bold; display:block; float:left;
	margin:0 0 0 0;
	padding:.3em .5em;
	min-width:26px;
}


.pagination .current {
	background:darkorange;
	color:#fff; border:solid 1px #666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(32%,rgba(142,186,226,1)), color-stop(100%,rgba(0,143,196,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(197,222,234,1) 0%,rgba(142,186,226,1) 32%,rgba(0,143,196,1) 100%);
	/*width:30px;*/
	 }


#hiddenresult {
	margin:0;
	padding:0 0 10px;
	background:#fff;
	width:100% !important;
	clear:both;
}
#hiddenresult .result { display: none; }
/*
#res p{
	color:#FFF !important;
	}
*/
#res02 {
	margin:0;
	padding:0 0px 10px 0px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	width:100%;
	clear:both;
	 }


.prev,.prev a{
	border-left-width: 1px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	 border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	 color:#236698 !important;
    width:12px !important;

}

.next,.next a{
  border-right-width: 1px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
   color:#236698 !important;
    width:15px !important;
}


.pagination .current.prev, .pagination .current.next {
	color:#666 !important;
	border-color:#999;
	background:#ddd;
}


/* 1-4-11 ******************************************************************************************/
#skiGround #kidsPark #flame {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
}
#skiGround #kidsPark #slider {
	position: absolute;
	z-index: 0;
	width: 900px;
	height: 150px;
}


#skiGround #kidsPark .carousel{
	height:190px;
	clear:both;

}

#skiGround #kidsPark #slider p {
	float: left;
	width: 250px;
	height: 140px;
	margin: 4px;
	border: solid 1px #c7c7c7;
	text-align: center;
	line-height: 140px;
}

#skiGround #kidsPark .pr {
	clear:both;
	margin:7px 0 10px 10px;
}

#skiGround #kidsPark .article {
	padding: 0 10px 10px 10px;
	clear: both;
}


#skiGround #kidsPark .article dl.detail {
	margin-left: 10px;
	padding-left:5px;
}

#skiGround #kidsPark .article dl {
	border-bottom: #86DAF9 1px solid;
	padding-bottom: 5px;
}

#skiGround #kidsPark .article dl.detail dt {
	float: left;
	width:60px;
}
#skiGround #kidsPark .article dl.detail dd {
	margin-bottom: 5px;
}


#skiGround #kidsPark ul.kidsIcon:before{
	content:"";
	display:block;
	clear:both;
	width:100%;
	height:1px;
}

#skiGround #kidsPark ul.kidsIcon{
	display:table;
	/*table-layout: fixed;
	width:30%;*/
	margin:10px auto;
	text-align:center;
}

#skiGround #kidsPark ul.kidsIcon li{
	display:table-cell;
	padding:1px;
	text-align:center;
}
#skiGround #kidsPark ul.kidsIcon li.b img{
	width:120px;
}
#skiGround #kidsPark ul.kidsIcon li.s img{
	width:86px;
}

#skiGround #kidsPark p.category:after{
	content:"";
	display:block;
	clear:both;
	height:5px;
	width:100%;

}



/* 1-4-12 ******************************************************************************************/
#skiGround #charge .article {
	padding: 0 10px;
	clear: both;
}
#skiGround #charge .article dl {
	margin: 0 15px;
}
#skiGround #charge .article dl dt {
	float: left;
	width: 60px
}

#skiGround #charge .article dl dt,
#skiGround #charge .article dl dd{
	padding:2px 0px;
	line-height:1.3em
}


#skiGround #charge .article > span {
	display: block;
	margin: 10px 0 5px 5px;
	font-weight: bold;
}
#skiGround #charge .article p {
	margin: 0 0 5px 5px;
}

h3.bordertop:before{
	content:"";
	display:block;
	border-top:1px solid #ddd;
	clear:both;
	height:15px;
	margin-left:-10px;
}


#skiGround #charge .mgnT10 {
	margin-top: 10px;
	margin-bottom:5px;
}
#skiGround #charge .mgnT10 p{
	margin:0px !important;

}


/* 1-4-13 ******************************************************************************************/


#skiGround #restaurant .article {
	padding: 0 10px 10px 10px;
	clear: both;
	margin-bottom:20px;
}

#skiGround #restaurant .addImg{
	margin-bottom:0px;
}

#skiGround #restaurant .article .img img {
	display: block;
	margin: 0 auto;
	width:100%;
}
#skiGround #restaurant .article .txt {
	margin: 10px 0 10px 0;
	border-bottom: solid 1px #c7c7c7;
	padding-bottom:10px;
}
#skiGround #restaurant .article dl.detail dt {
	float: left;
}
#skiGround #restaurant .article .menuImg {
	width:48%;
	margin-right:2%;
	float: left;
}

#skiGround #restaurant .article .menuImg img{
	width:100%;

}
#skiGround #restaurant .bluetitle02{
	clear:both;
	margin-bottom:10px;
}

#skiGround #restaurant .article p.rank,
#skiGround #restaurant .article p.name{
	font-weight:bold;

}

#skiGround #restaurant .article .menuBody .pr {
	width:50%;
	float: left;
	margin-top: 10px;
}


#skiGround #restaurant .article p.imgIcon img{
	margin-top:5px;
	width:50px;
}

#skiGround #restaurant #infoArea{
	margin-top:-10px;
	margin-bottom:0px;
}

#skiGround #restaurant #infoArea dt:first-child,
#skiGround #restaurant #infoArea dt:first-child + dd{
	border:none !important;
}




/* 1-4-14 ******************************************************************************************/


#skiGround #facility .article {
	padding: 10px 10px 10px 10px;
	margin-bottom: 5px;
	clear: both;
}

#skiGround #facility .article:last-child{
	border:none;
	padding-bottom:0px;

}

#skiGround #facility .article:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#skiGround #facility .article .img img {
	display: block;
	margin: 0 auto;
	width:100%;
}



/* 1-4-15a ******************************************************************************************/
#skiGround #school #flame {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
}
#skiGround #school #slider {
	position: absolute;
	z-index: 0;
	width: 900px;
	height: 150px;
}
#skiGround #school #slider p {
	float: left;
	width: 250px;
	height: 140px;
	margin: 4px;
	border: solid 1px #c7c7c7;
	text-align: center;
	line-height: 140px;
}


#skiGround #school .bx-wrapper{
	margin-bottom:0px !important;
}


#skiGround #school .article {
	padding: 10px 10px 0px;
	clear: both;
}

#skiGround #school .article dl{
	margin: 0 0 10px 5px;
}

#skiGround #school .article dl.detail {
	margin: 0 0 10px 15px;
}

#skiGround #school .article dl dt {
	float: left;
	clear:both;
	padding:2px 0px;
}

#skiGround #school .article dl dd{
	float:left !important;
	width:78%;
	padding:2px 0px;
	line-height:1.3em
}




#skiGround #school .article span {
	display: block;
	margin: 5px 0 5px 5px;
	font-weight: bold;
}
#skiGround #school .article .inner {
	margin:2px 0 0 10px;
}
#skiGround #school .article p {
	margin: 0 0 5px 5px;
}
#skiGround #school .mgnB10 {
	margin-bottom: 10px;
}



/* 1-4-16 ******************************************************************************************/
#skiGround #activity .article {
	/*border-bottom: solid 1px #c7c7c7;*/
	padding: 0 10px 0px 10px;
	clear: both;
}


#skiGround #activity .article .img img {
	display: block;
	margin: 0 auto;
	width:100%;
}
#skiGround #activity .article .txt {
	margin: 10px 0 0 0;
}

#skiGround #activity #infoArea dl{
	width:100%;
}

#skiGround #activity #infoArea dt{
	width:20%;

}

#skiGround #activity #infoArea dd{
	width:80%;

}

#skiGround #activity #infoArea dt:first-child,
#skiGround #activity #infoArea dt:first-child + dd{
	border:none !important;
}




/* 1-4-17 ******************************************************************************************/


#skiGround #event .article {
	border-bottom: solid 1px #c7c7c7;
	padding: 15px 10px;
	clear: both;
}

#skiGround #event .no_bo{
	border:none !important
}

#skiGround #event .article:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#skiGround #event .txt p{
	padding:5px 0px;
	line-height:1.4em;
}

#skiGround #event .txt p.open{
	padding:5px 0px 0px;
	margin-bottom:-2px;
}


#skiGround #event .txt p a{
	text-decoration:underline;
}

#skiGround #event .txt p img{
	width:100%;
}



#skiGround #event .selected {
	margin: 10px;
	font-weight: bold;
	font-size:15px;
}
#skiGround #event p.type{
	color:#666;
	margin:0 0 3px 0;

}



#skiGround #event .article:last-child {
	border:none !important
}



/* 1-4-18 ******************************************************************************************/

.inner_bxslider{
	width:90%;
	margin:0px auto;
}


#skiGround #gallery #bxslider p {

}
#skiGround #gallery #bxslider p.title{
	font-weight:bold;
	font-size:14px;
	margin-top:10px;
}
#skiGround #gallery #bxslider p.data{

}

#skiGround #gallery p.body {
	margin-top:10px;
}


/* 1-4-19 ******************************************************************************************/


#skiGround #access .article {
	/*border-bottom: solid 1px #c7c7c7;*/
	padding: 0 10px 10px 10px;
	clear: both;
}

#skiGround #access #infoArea{
	border-top: solid 1px #c7c7c7;
}


#skiGround #access .article:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#skiGround #access .article p.bluetitle{
	margin-left:0px;
}

#skiGround #access .article p{
	padding:5px 0px;
	line-height:1.5em;
	word-break:break-all;
}


#skiGround #access .article .img{
	text-align:center;
}

#skiGround #access .article .img img {
	display:table-cell;
	margin: 0 auto;
	width:100%;
}



/* 1-4-20 ******************************************************************************************/


#skiGround #recruit .article {
	padding:0px 10px 10px;
	-webki-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom: solid 1px #c7c7c7;
	clear: both;
	margin-bottom: 12px;
}

#skiGround #recruit .article p{
	margin-left:0px;

}

#skiGround #recruit .article p.title{
	font-weight:bold;
	margin-bottom:10px;

}



#skiGround #recruit .article p.desc{
	margin:10px 0px 13px;
}

#skiGround #recruit .article p img{
	width:100%;
	clear:both;
}


#skiGround #recruit .article:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#skiGround #recruit .article:last-child {
	border:none;
	margin-bottom:0px;
}

/* 1-4-21 ******************************************************************************************/

#twitterArea{
	width:90%;
	margin:10px auto;
}


/* 1-4-22 ******************************************************************************************/


#skiGround #movieArea .article {
	border-bottom: solid 1px #c7c7c7;
	padding: 0 10px 10px 10px;
	clear: both;
}
#skiGround #movieArea .article:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

#skiGround #movieArea .article p{
	padding:5px 0px;
	text-align:left;
	line-height:1.5em;

}


#skiGround #movieArea .article .img{
	text-align:center;
}


#skiGround #movieArea .article .img img {
	display:table-cell;
	margin: 10px auto 10px;
	width:100%;
}


/* 1-4-23 ******************************************************************************************/



#skiGround #pickupArea .article {
	border-bottom: solid 1px #c7c7c7;
	padding: 0 10px 10px 10px;
	clear: both;
}

#skiGround #pickupArea ul.pickupBox{
	padding:0px 6px 6px;
	width:100%;
	webkit-box-sizing:border-box;
	box-sizing:border-box;
	clear:both;
}


#skiGround #pickupArea ul.pickupBox li{
	width:31%;
	float:left;
	text-align:center;
	margin:10px 0.5% 2px 1.5%;
	overflow:hidden;
}

#skiGround #pickupArea ul.pickupBox li a{
	color:#222;
	display:block;
	padding:8px 0px;
	background:#4fabd7;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
}

#skiGround #pickupArea ul.pickupBox .trans{
	display:inline-block;
	-webkit-transform: scaleX(0.8);
	transform: scaleX(0.8);
	-webkit-transform-origin: center top;
	transform-origin: center top;
	font-weight:bold;
}

@media screen and (max-width: 400px) {
	#skiGround #pickupArea ul.pickupBox li span.trans{
		margin-left:-5px;
		white-space:nowrap;
		font-weight:bold;
	}
}



#skiGround #pickupArea .article:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#skiGround #pickupArea .article ul{
	margin-bottom:10px;

}



#skiGround #pickupArea .article .pickupImg{
	text-align:center;

}


#skiGround #pickupArea .article .pickupImg img{
				width:100%;
	}


#skiGround #pickupArea .article p {
	/*word-wrap: break-word;*/
	padding:5px 0px 10px;
	text-align:left;
}
#skiGround #pickupArea .article .pickupImg img,
#skiGround #pickupArea .article img {
	display:table-cell;
	margin:0px auto 3px;
	width:100%;
}

#skiGround #pickupArea .article p.gotop{
	text-align:right;
	padding:5px 0px 5px;
}

#skiGround #pickupArea .article p.topics{
	padding:5px 0px 0px;
	font-weight:bold;
}


#skiGround #pickupArea .article .date {
	background: #C00000;
	color: #FFF;
	border-radius: 5px;
	padding:5px 0px 5px 10px;
	margin:10px 0px;
}

#skiGround #pickupArea .article dl{
	margin-bottom:10px;

}

#skiGround #pickupArea .article dl dt {
	float: left;
}
#skiGround #pickupArea .article ul.eventList li{
	list-style-type: disc;
	margin-left: 20px;
}

#skiGround #pickupArea .article dl dd.float{
	float:left;
	width:100px;

}

#skiGround #pickupArea .article ul.course_in:after{
	content:"";
	display:block;
	clear:both;
	height:2px;
}


@media only screen
and (min-width:321px) {
	#skiGround #pickupArea .article .pickupImg img{
	width:220px !important;
	text-align:center;

}
}

#skiGround #pickupArea h2{
	margin-left:0px;
}

#skiGround #pickupArea .article:last-child {
	border:none;
}




/* theme ******************************************************************************************/
/* 9-1-2 ******************************************************************************************/


#themeArea .form{
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#themeArea .result:after{
	content:"";
	display:block;
	clear:both;
	height:10px;

}


#themeArea .headerImg{
	width:100%;
}
#themeArea .headerImg img{
	width:100%
}

#themeArea select{
	background:url(../img/5_event/arw_select.png) right top no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	background-size:21px 28px, auto;
	-webkit-appearance:none;
	border-radius:5px;
	color:#2e2e2e;
	border:1px solid #565656;
	display:block;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding-right:24px;
	padding-left:10px;
	margin:10px auto 5px;
	width:190px;
	clear:both;

}



#themeArea #themeList ul{
    display:-webkit-box;
    display:-moz-box;
	height:auto;
}




#themeArea ul#themeList > li{
	width:100%;
	height:100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	clear:both;
	float:none;

}

#themeArea ul#themeList > li.bgChange{
	background:none !important;

}


#themeArea ul#themeList li a{
	background: url(../../img/common/arw_rightGray.png) 98% center no-repeat;
	background-size: 10px 13px;
	clear: both;
	width: 100%;
	position: relative;
	display: block;
	height: 100%;
	padding:5px 0px;
}

#themeArea ul#themeList li.gelandPhoto{
	width:30%;
	padding:2% 2%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	display:table;
}

#themeArea ul#themeList li.gelandPhoto span{
	display:table-cell;
	text-align:center;
	width:100%;
	height:70px;
}

#themeArea ul#themeList li.gelandPhoto span img{
	vertical-align:middle;
	max-width:100%;
	max-height:70px;
}



#themeArea ul#themeList li.themeDetail{
	width:66%;
}




#themeArea ul#themeList li.gelandPhoto img{
	margin:auto;
}


#themeArea ul#themeList li p{
	color:#111;
}

#themeArea ul#themeList li p.mainText{
  	font-size:14px;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5px 0px 5px;
	font-weight:bold;
}

#themeArea ul#themeList li p.name{
  	font-size:14px;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10px 0px 2px;
}
#themeArea ul#themeList li p.pref{
	color:#666;
}



/**theme top ******************************************************************************************/




#themeCategory{
	margin:10px 0px;
	width:100%;
	overflow:hidden;
}
/*
#themeCategory h2{
	width:100%;

}*/

#themeCategory h2.theme{
	display:block;
	background: url(../img/special/top/title_theme.png) no-repeat top left;
	height:30px;
	margin:0 0 0 5px;
	text-indent:-9999px;
	clear:both;
	background-size:auto 80%;
	position:relative;
}


#themeCategory ul:before{
	content:"";
	display:block;
	background: url(../img/top/line_news.png) repeat-x top left;
	background-size:12px;
	height:10px;
	width:100%;
	position:absolute;
	top:0px;
	margin-left:-5px;
}

#themeCategory {
	background: #fff;
	width: 100%;
	padding: 6px 0;
	margin-bottom:17px;
	-webki-box-sizing:border-box;
	box-sizing:border-box;
}

#themeCategory ul{
	position:relative;
}

#themeCategory ul li{
	text-align:center;
}


#themeCategory ul li a {
	display:block;
	float: left;
	width: 31%;
	margin:10px 0 0.3em 2%;
	/*background: -webkit-gradient(linear, left top, right bottom, color-stop(82%,rgba(255,255,255,1)), color-stop(84%,rgba(247,247,247,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 82%,rgba(247,247,247,1) 84%);
	box-shadow:0px 0px 5px #ddd;
	-webkit-box-shadow:0px 0px 5px #eee;*/
	text-align:center;
}

#themeCategory ul li img {
	width:100%;
}

#themeCategory ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#themeCategory ul li a span{
	display:inline-block;
	margin:10px 0 0 2%;
	padding-top:8px;
	display:inline-block;
	white-space:nowrap;
	color:#222;
	text-align:center;
	margin:0px auto;
	/*font-weight:bold;*/

}
#themeCategory ul li a span.trans01{
	display:inline-block;
	white-space:nowrap;
	color:#222;
	font-size: 9px;
	/*font-weight:bold;*/
}

#themeCategory ul li a span.trans02{
	display:inline-block;
	-webkit-transform: scaleX(0.9);
	transform: scaleX(0.9);
	-webkit-transform-origin: center top;
	transform-origin:center top;
	white-space:nowrap;
	color:#222;
	/*font-weight:bold;*/
}

#themeCategory ul li a span.trans03{
	display:inline-block;
	-webkit-transform: scaleX(0.8);
	transform: scaleX(0.8);
	-webkit-transform-origin: center top;
	transform-origin:center top;
	white-space:nowrap;
	color:#222;
	/*font-weight:bold;*/
}
@media only screen
and (max-width:321px) {
	#themeCategory ul li a span.trans03{
		padding-left:-15px;
		margin-left:-15px;

}
}


/**7-1.html ******************************************************************************************/


#gnContents.membership #servicesForMembers02 {
	border-bottom:1px solid #bfbfbf;
	padding-bottom:15px;
}

#gnContents.membership #servicesForMembers02 h1 {
	margin-top:0;
	font-size:16px;
	font-weight:bold;
	line-height:2;
	text-align:center;
}

#gnContents.membership #servicesForMembers02 ul li a {
	background:url(../../img/common/arw_rightGray.png) 97% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e5e6e6));
	background-size:10px 13px, auto;
	border-right:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	display:block;
	font-weight:bold;
	height:50px;
	line-height:50px;
	margin:0 auto;
	text-indent:10%;
	width:93%;
	font-size:16px;
}

#gnContents.membership #servicesForMembers02 ul li:first-child a {
	border-top:1px solid #b5b5b5;
	border-radius:5px 5px 0 0;
}

#gnContents.membership #servicesForMembers02 ul li:last-child a {
	border-radius:0 0 5px 5px;
}



/*2-0.html*/

p.special2_0{
	border-top: 1px solid #999;
	margin:2px 0 0 0 !important;
	padding: 8px 5px;
}

p.service{
	width:170px;
	display:inline-block;
	float:left;
}
p.m20{
	margin:0px 5px 3px !important;
	height:auto !important;
}


/** add 2014.04 MYPAGE  ******************************************************************************************/
#login p:first-of-type {
	float:left;
}

#gnContents .m10{
	margin:10px;
}

/* profilebox */
#profilebox{
	overflow:hidden;
	height:auto;
	padding-bottom: 12px;
}
#profilebox .title{
	font-weight:bold;
	font-size:1.2em;
	clear:both;
	margin:10px 10px 0 10px;
}
#profilebox aside.userPhoto{
	float:left;
	width:30%;
	padding:2% 2%;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	vertical-align:middle;
	display:table;
	text-align:center;
}

#profilebox aside.userPhoto img{
	margin:auto;
	max-width:100%;
	max-height:70px;
	vertical-align:middle;
}

#profilebox div.reviewDetail {
	float: right;
	width:70%;
}

#profilebox div.reviewDetail p{
	font-size:82%;
}
#profilebox div.reviewDetail p strong{
	font-weight:bold;
}

#profilebox div.reviewDetail p#myname{
  font-size:1.2em;
	overflow: hidden;
  white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5px 0px 5px;
	font-weight:bold;
}
#profilebox div.reviewDetail p#myname span{
	display:block;
	margin-top:3px;
	font-size:.9em;
	padding:0;
	width:auto;
}

#profilebox .Status{
	overflow:hidden;
	padding-bottom:6px;
	padding-top:5px;
}

#profilebox .Status li{
	float:left;
	margin-right:8px;
	margin-bottom:3px;
	min-height: 12px;
	font-size:82%;
	color:#193159;
	background-size:320px auto;
	padding-left:12px;
}
	#profilebox .Status li strong{
		padding-left:5px;
		color:#000C1F;
	}
#profilebox .sex{
	background:url(../img/sprite_review.png) no-repeat -309px 1px;
}
#profilebox .age{
	background:url(../img/sprite_review.png) no-repeat -310px -11px;
}

#profilebox .home{
	background:url(../img/sprite_review.png) no-repeat -310px -23px;
}
#profilebox .job{
	background:url(../img/sprite_review.png) no-repeat -310px -35px;
}
#profilebox .style{
	background:url(../img/sprite_review.png) no-repeat -310px -47px;
}
#profilebox .level{
	background:url(../img/sprite_review.png) no-repeat -310px -59px;
}

/* myPageNav */
.myPageNav{
}
.myPageNav ul{
	overflow:hidden;

	border-top: 2px solid #b3c0cf;
	border-left: 2px solid #b3c0cf;
}
.myPageNav li{
	width:50%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border-right: 2px solid #b3c0cf;
	border-bottom: 2px solid #b3c0cf;
}
.myPageNav li a{
	display:block;
	vertical-align:middle;
	padding: 10px;
	/*
	background:#63d6fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63d6fe), color-stop(100%, #d1f3ff));
	background: -webkit-linear-gradient(top,  #63d6fe 0%, #d1f3ff 100%);
	background: linear-gradient(to bottom,  #63d6fe 0%, #d1f3ff 100%);
	color:#08194a;
	*/
	background:#fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,211,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(210,210,211,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%, rgba(210,210,211,1) 100%);
	color:#001b4c;
}
.myPageNav li.current a{
	/*
	background:#004cf1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ac2ff), color-stop(100%, #004cf1));
	background: -webkit-linear-gradient(top,  #1ac2ff 0%, #004cf1 100%);
	background: linear-gradient(to bottom,  #1ac2ff 0%, #004cf1 100%);
	color:#fff;
	*/
	background:#001b4c;
	color:#fff;
}


/* 投稿レビュー */
#reviewArea .reviewComment{
	margin-top:6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 10px 10px;
	/*
	height: 2em;
	overflow:hidden;
*/
}

#reviewArea .mainImageInit img{
    width:100%;
}

#reviewArea .edit_btn{
    float: right;
    margin: 10px;
    border-radius: 5px;
    padding: 0px 10px;
    color: #555;
    background: #eaeaea;
    border: 1px solid #777;
}

#reviewArea button.delete_btn{
    float: right;
    margin: 10px;
    border-radius: 5px;
    padding: 0px 10px;
    color: #555;
    background: #eaeaea;
    border: 1px solid #777;
}

/* .moreList */
.moreList ul.list {
}
	.moreList ul.list li {
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);

		clear: both;
		display: block;
		padding:10px;
	}
	.moreList ul.list li.past {
		background: -webkit-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(136,136,136,1) 100%);
		background: linear-gradient(to bottom,  rgba(150,150,150,1) 0%,rgba(136,136,136,1) 100%);
	}
		.moreList ul p{
			line-height:1.4;
		}
		.moreList ul p strong{
			font-weight:bold;
		}
		.moreList ul .listId{
			color:#666;
		}
		.moreList ul .listName{
			color:#000;
			font-size:1.2em;
			font-weight:bold;
		}
		.moreList ul .slopeName{
			font-size:1.2em;
		}
		.moreList ul .listData{
			overflow:hidden;
			background: #fff;
			margin:3px 0 6px;
			padding:6px 9px;
			border:1px solid #eee;
		}
		.moreList ul .past .listData{
			background: #aaa;
		}
		.moreList ul .listData dl{
			overflow:hidden;
		}
		.moreList ul .listData dt,
		.moreList ul .listData dd{
			float:left;
			line-height:1.4;
		}
		.moreList ul .listData dt:after{
			content:"：";
		}
		.moreList ul .listData dt{
			clear:left;
		}
		.moreList ul .listData dt.data{
			float:none;
		}
		.moreList ul .listData dd{
			margin-right:2em;
		}
		.moreList ul .btnArea{
			overflow:hidden;
		}
		.moreList ul .btnArea p{
			width:49%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing:border-box;
		}
		.moreList ul .btnArea p.sheets{
			float:left;
			padding:6px;
		}
			.moreList ul .btnArea p.sheets strong{
				margin-right:1em;
			}
			.moreList ul .btnArea p.sheets select{
				border:1px solid #ccc;
				background: #fff;
				width:5em;
				text-align:center;
			}
		.moreList ul .btnArea p.changeBtn{
			float: left;
		}
		.moreList ul .btnArea p.ticketBtn,
		.moreList ul .btnArea p.cancelBtn{
			float:right;
		}

		.moreList ul .btnArea p a,
		.moreList ul .btnArea p span{
			display:block;
			padding:6px;
			line-height:1;
			height: auto;
			border:1px solid #e9e9e9;
			border-radius:5px;
			display:block;
			font-size:12px;
			text-align:center;
		}
		.moreList ul .btnArea .ticketBtn a,
		.moreList ul .btnArea .changeBtn a{
			background:-webkit-gradient(linear, left top, left bottom, from(#042462), to(#041435));
			color:#fff;
		}
		.moreList ul .btnArea .cancelBtn a{
			background:-webkit-gradient(linear, left top, left bottom, from(#620425), to(#36040d));
			color:#fff;
		}
		.moreList ul .btnArea span{
			background:-webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#676767));
			color:#fff;
		}

.moreList ul.list li {
	position:relative;
}
.expired-ticket {
	position:absolute;
	background-color: rgba(0,0,0,0.5);
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-top: 2px solid #222;
	display: block;
}
.expired-text {
	color:white;
	text-align:center;
	margin-top: 80px;
	font-weight:bold;
	font-size:20px;
}

/**/
#skiGround .btn:first-child{margin-top:10px;}

/**/
.registGelande{
	margin:10px;
}
.registGelande ul{
	border-top:1px solid #ccc;
}
.registGelande li{
	border:1px solid #ccc;
	border-top:none;
}
.registGelande li label{
	display:block;
	padding:12px 6px;
}
.registGelande li label .name{
	margin-left:5px;
}
.registGelande .btnArea{
			overflow:hidden;
			margin:10px 0 30px;

			display: -moz-box;
			display: -webkit-box;
			display: box;
		}
		.registGelande .btnArea span{
			display:block;
			-moz-box-sizing: border-box;
			box-sizing:border-box;

			width:50%;
		}
		.registGelande .btnArea a{
			display:block;
			/*
			width:49%;
			*/
			-moz-box-sizing: border-box;
			box-sizing:border-box;
			padding:12px 6px;
			line-height:1;
			height: auto;
			border:1px solid #e9e9e9;
			border-radius:5px;
			display:block;
			font-size:12px;
			text-align:center;
		}
		.registGelande .btnArea .registBtn{
			/*
			float:right;
			*/
			background:-webkit-gradient(linear, left top, left bottom, from(#042462), to(#041435));
			color:#fff;
			margin-left:5px;
		}
		.registGelande .btnArea .closeBtn{
			/*
			float:left;
			*/
			background:-webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#676767));
			color:#fff;
			margin-right:5px;
		}

/* ---------- ---------- ----------
利用可能スキー場
 ---------- ---------- ----------*/
/* .gnaviTitle03
------------------------------------- */
.gnaviTitle03 {
	width:100%;
	display:table;
	border-bottom:solid 1px #c7c7c7;
	background-image: linear-gradient(bottom, #F8F8F8 0%, #F2F2F2 100%);
	background-image: -moz-linear-gradient(bottom, #F8F8F8 0%, #F2F2F2 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F8F8F8),color-stop(1, #F2F2F2));
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.gnaviTitle03 .ttl {
	display:table-cell;
	vertical-align:middle;
	border-top:solid 1px #fff;
	padding:6px 10px;
	height:23px;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*
------------------------------------- */
.slopeListTitle{
	margin:10px 5px;
	font-size:14px;

}

/* .gnaviList05
------------------------------------- */
.gnaviList05 .wr {margin:0 7px;}
.gnaviList05 .list {
	border:solid 1px #ccc;
	border-bottom:none;
	background-color:#f3f3f3;
}
.gnaviList05 .list:first-child,
.gnaviList05 .list:first-child a {
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.gnaviList05 .list:last-child {border-bottom:solid 1px #ccc;}
.gnaviList05 .list:last-child,
.gnaviList05 .list:last-child a {
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

/**/
#gnaviFooterText a {
	display:block;
    padding: 10px 7px;
    text-align: center;
    background-color: #f4f4f4;
    border-top: solid 1px #fff;
}


/* TOPslider */
#pickupTOP {
	margin: 2% 2% 0;
}
#pickupTOP p {
	margin: 0 0 5px;
	color: #8e8e8e;
	font-weight: bold;
}
#pickupTOP img {
	width: 100%;
}
#pickupTOP .swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1;
}
#pickupTOP .swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;

	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;

	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);

	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;

	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
#pickupTOP .swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
#pickupTOP .swiper-slide {
	float: left;
}
#pickupTOP .swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
#pickupTOP .swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
#pickupTOP .pick_pagination {
	display: block !important;
	clear: both !important;
	text-align: center !important;
	padding: 5px 0 13px;
}
#pickupTOP .swiper-pagination-switch {
	display: inline-block;
	width: 9px;
	height: 9px;
	min-width: 9px;
	border-radius: 9px;
	background: #8e8e8e;
	margin-right: 5px;
	cursor: pointer;
	vertical-align: middle;
}
#pickupTOP .swiper-active-switch {
	border: 2px solid #8e8e8e;
	background: #fff;
}

.sideLink {
	margin: 10px;
}
.sideLink li {
	width: 49%;
	box-sizing: border-box;
	float: left;
	margin: 0;
	line-height: 2.2em;
}
.sideLink li.last {
	float: right;
	line-height: 1em;
}
.sideLink li a , .reservationBtn {
	border: 1px solid #b37010;
	text-shadow: 1px 1px 1px #5e3b08;
	color: #FFFFFF;
	background:darkorange;
	color:#fff; border:solid 1px #666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(32%,rgba(142,186,226,1)), color-stop(100%,rgba(0,143,196,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(197,222,234,1) 0%,rgba(142,186,226,1) 32%,rgba(0,143,196,1) 100%);
}
.sideLink li a {
	-moz-border-radius: 5p;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	display: block;
	padding: 10px 0;
	height: 4em;
	text-align: center;
}
.sideLink li.last a {
}
.reservationBtn {
	text-align: center;
	margin: 10px;
	display: block;
	padding: 10px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.result .reservationBtn {
	margin-top:-30px;
}
.moreList ul .btnArea p.changeBtn2{
	width: 100%;
}
.moreList ul .btnArea .changeBtn a , .moreList ul .btnArea .changeBtn2 a {
	background: #001B4C;
	color:#fff;
}
.moreList ul .btnArea .changecancelBtn a {
	background: #CC6600;
	color:#fff;
}

.ttlrbtn {
	position: relative;
	margin: 0px !important;
	padding: 10px 0 15px 10px;
}
.ttlrbtn02 {
	position: relative;
	margin: 0px !important;
}
.ttlrbtn span, .ttlrbtn02 span {
	display: block;
	width: 70%;
	font-weight: bold;
}
.ttlrbtn .reservationBtn, .ttlrbtn02 .reservationBtn {
	position: absolute !important;
	top: 0;
	right: 5px;
	width: 25% !important;
	margin: 0;
}

.ttlrbtn.school-sp{
    min-height: 42px;
}


.ttlrbtn span.school-sp{
	display: inline-block;
	width: 60%;
	font-weight: bold;
        margin-right: 4px;
}

.ttlrbtn a.steach-link-sp{
	display: inline-block;
	width: 35%;
        position:absolute;
        top: 50%;
        transform: translateY(-60%); 
}

.ttlrbtn a.steach-link-sp img{
	width: 120px;
	height: 41px;
}

.ttlrbtn a.steach-link{
	display: inline-block;
	width: 20%;
}

.ttlrbtn a.steach-link img{
	width: 100%;
}

#skiGround #event p.type {
	width: 70% !important;
}

.bordertop2 {
	border-top:1px solid #ddd;
	margin-top: 10px !important;
	padding-top: 15px !important;
}
.bordertop2 .reservationBtn {
	top: 5px;
}


.reservelink {
	margin: 0;
}
.reservelink a {
	display: block;
	background:#B4D6E7 url(../../img/common/arw_rightWhite.png) 98% center no-repeat;
	background-size: 10px 13px, auto;
	color:#FFF;
	padding: 13px 10px 13px 20px;
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ccc;
	margin-bottom:2px;
}



.mt20 { margin-top: 20px !important;}


/* add-start tokoro-h */
/* SP版トップ静的レポート枠表示対応 */
#reportArea {
	margin-top: 20px;
	margin-bottom: 12px;
}
#reportArea h2 {
	border-bottom: 4px solid #5a5959;
	color: #004263;
	font-family: "font1";
	font-size: 22px;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 5px;
}
div.entryList .entry {
	margin-top: 20px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
div.entryList .entry-image {
	float: left;
	width: 43%;
}
div.entryList .entry-text ,
div.entryList .entry-text a,
div.entryList .entry-text:hover {
	width: 57%;
	padding: 0 2% 30px;
	min-height: 100%;
	border: none;
	color: #000;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.entryList .entry-title {
	font-size: 13px;
	line-height: 1.42;
}
div.entryList .entry-time {
	position: absolute;
	bottom: 10px;
	right: 0;
	line-height: 1;
	font-size: 12px;
}
.linkReprotList {
	float: right;
	margin: auto 15px auto 0;
}
.linkReprotList a{
	color:#999;
	font-size: 13px;
}
/* add-end */

#header {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
  height: 30px;
  position: relative;
}



#header h1 a {
	display: block;
    width: 150px;
    height: 20px;
    background-image: url('./images/sp-sa8ea84dbca.png');
    background-position: 0 -50px;
    background-repeat: no-repeat;
    -moz-background-size: 150px auto;
    -o-background-size: 150px auto;
    -webkit-background-size: 150px auto;
    background-size: 150px auto;
    text-indent: -9999px;
    position: absolute;
    top: 16px;
    left: 16px;
}
#header #btn-language {
    display: block;
    background: #1D6DA4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2391DB), color-stop(1, #1D6EA4));
    background-image: -o-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -moz-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -webkit-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -ms-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: linear-gradient(to bottom, #2391db 0%, #1d6ea4 100%);
    color: #fff;
    line-height: 40px;
    text-align: center;
    border: solid 1px #1D6DA4;
    border-radius: 5px;
    width: 80px;
    line-height: 24px;
    font-size: 10px;
    text-align: left;
    box-sizing: border-box;
    padding: 0 6px;
    position: absolute;
    top: 12px;
    right: 16px;
	cursor: pointer;
}

#header #btn-language .icon-arrow {
	display: block;
    width: 13px;
    height: 7px;
    background-image: url('./images/sp-sa8ea84dbca.png');
    background-position: 0 -23px;
    background-repeat: no-repeat;
    -moz-background-size: 150px auto;
    -o-background-size: 150px auto;
    -webkit-background-size: 150px auto;
    background-size: 150px auto;
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    right: 4px;
}

#header #btn-language.active {
	display: block;
    background: #1d6da4;
    background: -moz-linear-gradient(top, #1d6da4 0%, #0d2246 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d6da4), color-stop(100%, #0d2246));
    background: -webkit-linear-gradient(top, #1d6da4 0%, #0d2246 100%);
    color: #fff;
    line-height: 40px;
    text-align: center;
    border: solid 1px #0d2246;
    border-radius: 5px;
    line-height: 24px;
    text-align: left;
}

#header #btn-language.active .icon-arrow {
	display: block;
    width: 13px;
    height: 7px;
    background-image: url('./images/sp-sa8ea84dbca.png');
    background-position: -13px -23px;
    background-repeat: no-repeat;
    -moz-background-size: 150px auto;
    -o-background-size: 150px auto;
    -webkit-background-size: 150px auto;
    background-size: 150px auto;
    text-indent: -9999px;
    position: absolute;
    top: 9px;
    right: 4px;
}

#header #language-list-wrap {
	display: none;
    padding: 8px;
    background-color: #18538C;
    margin-bottom: 16px;
    width: 80px;
    box-sizing: border-box;
    position: absolute;
    top: 46px;
    right: 16px;
    z-index: 100;
}

#header #language-list-wrap .arrow {
	display: block;
    position: absolute;
    width: 16px;
    height: 8px;
    background-image: url('./images/sp-sa8ea84dbca.png');
    background-position: -26px -23px;
    background-repeat: no-repeat;
    -moz-background-size: 150px auto;
    -o-background-size: 150px auto;
    -webkit-background-size: 150px auto;
    background-size: 150px auto;
    text-indent: -9999px;
    top: -8px;
    right: 4px;
}

#header #language-list-wrap li a {
	display: block;
    border: solid 1px #18538C;
    border-radius: 3px;
    line-height: 28px;
    font-size: 10px;
    padding: 0 8px;
    color: #fff;
    box-sizing: border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2391DB), color-stop(1, #1D6EA4));
    background-image: -o-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -moz-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -webkit-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -ms-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: linear-gradient(to bottom, #2391db 0%, #1d6ea4 100%);
    text-decoration: none;
}
#header #language-list-wrap li.active a {
	display: block;
    border: solid 1px #18538C;
    border-radius: 3px;
    line-height: 28px;
    font-size: 10px;
    padding: 0 8px;
    color: #fff;
    box-sizing: border-box;
    background: #0d2246;
    text-decoration: none;
}

#header #language-list {
   	display: block;
    height: inherit;
}

div #langsideset{
	position: absolute;
    top: 5px;
    right: 85px;
 }

 header .sptoplink{
	top:2px !important;
 }

/* condition banner ------------ */
div.condition_banner {
	text-align: center;
	margin-top: 5px;
}

.condition_banner img {
	max-width:100%;
}

 .sb_no ,
 .au_no {
	display: block;
	margin: 0 auto;
 }

 .atention{
 	color: red;
 	font-weight: bold;
 }

 .claim{
 	font-weight: bold;
 }

 .ranking_return a {
 	display: block;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 13px;
 	width:60%;
 	color:#fff;
	font-weight: bold;
	background-color: #236a9e;
	border-bottom: solid 5px #00449e;
	border-radius: 10px;
	margin: 15px auto 15px auto;
 }

/* review ------------ */
 .review_image{
	border:1px solid #ccc;
	border-radius:7px;
	display:block;
	padding:7px 10px 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#000;
	min-height:24px;
	line-height:28px;
	clear:both;
	width:90%;
	margin:10px auto;
	overflow-x:hidden;
	text-align: center;
 }

 input.review_inputbutton, input.review_resetbutton{
	-webkit-border-radius:6px;
	border-radius:6px;
	border:#999 1px solid;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,227,227,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,227,227,1) 100%);
	padding:3px 8px;
	float:left;
	height:30px;
	margin-left:10px;
	font-size:11px;
 }

 .answerImage1, .answerImage2, .answerImage3{
	text-align:center;
	width:140px;
	margin:0px auto 5px;
	height: 100px;
 }

 .answerImage1 a img, .answerImage2 a img, .answerImage3 a img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 100px;
 }

#multiRankingArea .annotation_txt {
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 10px;
}

#multiRankingArea .annotation_txt span a {
	color: #0758a1;
}

.tilebnr {
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.tilebnr li:not(:first-child) {
    display: none;
}

.tilebnr img {
    width: 100%;
    vertical-align: bottom;
}

/*gerepon detail
-----------------------------------*/
.gerepon_center {
	text-align: center;
}

.gerepon_detail {
	text-align: left;
	margin-left: 5%;
}

.gerepon_txt{
	padding:5px 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size: 15px;
}

/* checkinhistory
-----------------------------------*/
#checkinhistoryArea{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	background-color: #e5eaf7;
	padding: 10px 0 20px;
}
#checkinhistoryArea ul#checkinhistoryList > li{
	width:100%;
	height:100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	clear:both;
	float:none;
}
#checkinhistoryArea ul#checkinhistoryList li a{
	background: url(../../img/common/arw_rightGray.png) 98% center no-repeat;
	background-size: 10px 13px;
	clear: both;
	width: 100%;
	position: relative;
	display: block;
	height: 100%;
	padding:5px 0px;
}
#checkinhistoryArea #checkinhistoryList ul{
    display:-webkit-box;
    display:-moz-box;
	height:auto;
}
#checkinhistoryArea ul li.skiImg{
	width:30%;
	padding:2% 2%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align:middle;
	display:table;
	text-align:center;
}
#checkinhistoryArea ul li.skiImg img{
	margin:auto;
	max-width:100%;
	max-height:70px;
}
#checkinhistoryArea ul li p{
	color:#111;
}
#checkinhistoryArea ul li.checkinhistoryDetail{
	width:65%;
	font-size:14px;
}
#checkinhistoryArea ul li.checkinhistoryDetail p.slope{
	overflow:hidden;
	text-overflow: ellipsis;
}
#checkinhistoryArea ul li p.mainText{
	font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5px 0px;
	margin-bottom:5px;
	display: inline-flex;
	align-items: center;
}
#checkinhistoryArea ul li p.mainText .checkedin_icon{
	font-size: 14px;
}
#checkinhistoryArea ul li p.mainText .checkedin_icon::before{
	font-size:14px;
	margin-right: 5px;
    content: '\e2e6';
}
#contents .right_column .nav_block{
	background-color: #fff;
    display: flex;
    padding: 15px 3%;
    border-top: 1px solid #d8d8d8;
    justify-content: flex-end;
}
#contents .right_column .nav_block .nav_flex{
	align-items: center;
	display: flex;
	width: 50%;
}
#contents .right_column .nav_block .nav_flex form,
#contents .right_column .nav_block .nav_flex select{
	width: 100%;
	font-size: 16px;
}
#contents .right_column .nav_block .nav_flex a span{
	font-size: 14px;
	color: #555555;
	text-decoration: underline;
}
#checkinhistoryArea .page_number{
	text-align: right;
    font-size: 16px;
    font-weight: 600;
    padding-right: 2%;
    margin-bottom: 5px;
}

.sgad_view_0000170 img {
	width:70%
}

/* スマリフ当日発券制限関連 */
.smalif-disabled-area {
    position: relative;
}

.smalif-disabled-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(183, 28, 28, 0.8);
    z-index: 10;
    border-radius: 5px;
}

.smalif-disabled-content {
    opacity: 0.5;
}

.smalif-disabled-button {
    color: #999 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.smalif-restriction-message {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    white-space: nowrap;
}

.ranking-list {
	margin: 10px;
}

.ranking-item {
	margin-bottom: 8px;
}

.ranking-item:last-child {
	margin-bottom: 0;
}