/**********************************************
	縦スクロールバーを常に表示
**********************************************/
html {
	overflow-y:scroll;
}

/**********************************************
	画像の初期化
**********************************************/
img {
	vertical-align:bottom;
}

.maxImage {
	width:100%;
	height:auto;
}

/**********************************************
	回り込み解除
**********************************************/
.clear {
	clear:both;
}

hr {
	visibility:hidden;
	clear:both;
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

.clearfix {
	min-height:1px;
}

* html .clearfix {
	height:1px;
	/*¥*//*/
	height:auto;
	overflow:hidden;
	/**/
}

/**********************************************
	リンクの設定
**********************************************/
a:link {
	color:#27537a;
	text-decoration:none;
}
a:visited {
	color:#6f277a;
	text-decoration:none;
}
a:active {
	color:#27537a;
	text-decoration:none;
}
a:hover {
	color:#27537a;
	text-decoration:underline;
}

/**********************************************
	共通文字装飾
**********************************************/
.WornningTitle {
	margin:0 auto 10px auto;
	padding:2px 10px;
	max-width:240px;
	text-align:center;
	font-size:90%;
	color:#27537a;
	background-color:#f9ef53;
	border-radius:100px;
}

.Wornning {
	font-size:95%;
	color:#900;
}

/**********************************************
	ボタン
**********************************************/
.linkButton {
	margin:40px auto;
	max-width:300px;
	text-align:center;
}

.linkButton a {
	display:block;
	padding:10px;
	color:#104d42;
	background-color:#fff;
	border:1px solid #222;
}

.linkButton a:after {
	content:'を見る';
}

.linkButton a:hover {
	text-decoration:none;
	color:#fff !important;
	background-color:#222;
	border:1px solid #222;
}

/**********************************************
	最新のニュース
**********************************************/
#headerNewsBlock {
	position:absolute;
	z-index:101;
	margin:0 auto;
	padding:10px 0 10px 0;
	bottom:0;
	left:0;
	width:100%;
	background:-moz-linear-gradient(top,rgba(0,0,0,0.0),#000,#000);
	background:-webkit-linear-gradient(top,rgba(0,0,0,0.0),#000,#000);
	background:linear-gradient(to bottom,rgba(0,0,0,0.0),#000,#000);
}

#headerNewsBox {
	float:right;
}

#headerNewsTitle {
	float:left;
	margin:0 20px 10px 0;
	padding-left:10px;
	color:#fff;
}

#headerNewsTable {
	float:left;
	display:table;
	margin:0 10px 10px 0;
	padding-left:20px;
	border-left:1px solid #fff;
}

#headerNewsTable a {
	display:table-row;
}

#headerNewsTable .headerNewsDate {
	display:table-cell;
	padding:2px 10px 2px 0;
	text-align:left;
	font-size:95%;
	color:#fff;
}

#headerNewsTable .headerNewsSubject {
	display:table-cell;
	margin-left:1em;
	padding:2px 10px;
	text-align:left;
	font-size:95%;
	color:#fff;
}

#headerNewsTable a:link,#headerNewsTable a:visited,#headerNewsTable a:active,#headerNewsTable a:hover {
	text-decoration:none;
	color:#fff;
}

#headerNewsButton {
	float:left;
	margin:0 10px 0 10px;
	text-align:center;
}

#headerNewsButton a {
	display:block;
	padding:10px;
	max-width:300px;
	font-size:90%;
	color:#fff;
	background-color:#2e2e2e;
}

#headerNewsButton a:after {
	content:'を見る';
}

#headerNewsButton a:hover {
	text-decoration:none;
	color:#2e2e2e !important;
	background-color:#fff;
}

@media screen and (max-width:960px) {
	#headerNewsBox {
		float:left;
		width:100%;
	}

	#headerNewsTitle {
		float:none;
		margin:0 20px 10px 0;
		color:#fff;
	}

	#headerNewsTable {
		float:none;
		display:block;
		margin:0;
		padding:0 10px;
		border:none;
	}

	#headerNewsTable a {
		display:block;
		margin:5px 0;
	}

	#headerNewsTable .headerNewsDate {
		display:block;
		padding:0;
	}

	#headerNewsTable .headerNewsSubject {
		display:block;
		margin:0;
		padding:0;
	}

	#headerNewsButton {
		float:right;
		margin:0 10px 0 0;
		text-align:right;
	}

	#headerNewsButton a {
		display:block;
		padding:5px 10px;
		max-width:160px;
		text-align:center;
		font-size:90%;
		color:#fff;
		background-color:#2e2e2e;
	}
}

/**********************************************
	ショップ
**********************************************/
.shopBlock {
	padding:10px 30px;
}

.shopMuryouBanner {
	margin-bottom:20px;
	padding:0 30px;
	width:calc(100% - 60px);
	height:auto;
}

.shopItemWarning {
	margin-bottom:0.5rem;
	padding:0.5rem;
	text-align:center;
	font-size:1.2rem;
	color:#900;
	border:1px solid #900;
}

.shopImage {
	width:100%;
	height:auto;
}

.shopName {
	padding:5px 0;
	font-size:115%;
	color:#555;
}

.shopPrice {
	padding:5px 0;
	text-align:right;
	font-size:115%;
	color:#555;
}

@media screen and (max-width:640px) {
	.shopBlock {
		padding:10px 10px;
	}
}

.button1 {
	margin:10px 0;
	width:100%;
	padding:5px 0;
	text-align:center;
	font-size:13px;
	color:#fff;
	background-color:#222;
	border:1px solid #222;
}
.button1:hover {
	color:#222;
	background-color:#fff !important;
}

/**********************************************
	jQuery
**********************************************/
.ui-widget {
	font-size:86% !important;
}