@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 62.5%;
}
body {
	margin: auto;
	color: #111;
	font-size: 14px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100%;
}
div {border:none;margin:0;padding:0;}
img {vertical-align: middle;border-style:none;margin:0;padding:0;}


.inner {
	width:800px;
	margin-left:auto;margin-right:auto;
	overflow:hidden;
}


.nameDiv {font-size:4rem;text-align:center;margin-top:10rem;}
.nameDiv .name {line-height:5rem;}
.nameDiv .name .kana {display:block;font-size:2rem;}
.nameDiv .sports {font-size:6rem;font-weight:bold;}

.catch {
	line-height:160%;
	font-size:3.7rem;
	text-align:center;
}

.shopDiv {overflow:hidden;margin-top:3rem;}
.shopDiv .rightArea {float:right;width:57%;font-size:1.5rem;}
.shopDiv .tt {
	font-size:2rem;line-height:180%;
	background:#555;color:#fff;
}
.shopDiv .tt a {
	color:#fff;text-decoration:none;
	display:block;padding:1rem;
	transition:all 0.2s;
}
.shopDiv .tt a:hover {
	background:#111;
}
.shopDiv a {text-decoration:underline;}

.shopDiv .pic {float:left;}


#footer {margin-top:7rem;background:#eee;padding:3% 0;}





.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


a:hover img.usu{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}


/* ページトップへ戻る */
.pageTop {
	display:none;
	position:relative;
	width:90%;
	max-width:1000px;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	width: 100px;
	height:50px;
	margin-left:855px;
	padding:2px;
	background:#FF8F16;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:5;
	border-radius:5px 5px 0 0;
}
.pageTop a:before,
.pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-11px;
	border:11px solid transparent;
}
.pageTop a:before {
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #FF8F16;
}
.pageTop a:after {
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff; /* 矢印の色 */
}

/* =====================
	タブレット向け
======================= */
@media screen and (min-width: 480px) and (max-width: 959px) {

.pageTop {
	width:100%;
}
.pageTop a {
	left:-50px;
	margin-left:50%;
}

/* タブレット向けここまで */ }

/* =====================
	スマホ向け
======================= */
@media screen and (max-width: 479px) {

.pageTop {
	width:100%;
}
.pageTop a {
	left:-50px;
	margin-left:50%;
}

/* スマホ向けここまで */ }