@charset "utf-8";

/*===============================================

 *	ブラウザリセット

===============================================*/

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

html{
	font-size:62.5%;/*10px*/
	overflow-y:scroll;
}

body{
  font-size:14px;
 	font-size:1.4rem;/*14px*/
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

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

select,input, textarea{
	font:99% arial,helvetica,clean,sans-serif;
}

pre, code{
	font:115% monospace;
	*font-size:100%;
}

br{
	letter-spacing:normal;
}

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td,img{
	margin:0;
	padding:0;
	line-height:140%;
	font-style:normal;
	font-weight:400;
}

p,li,dt,dd{
	font-size:100%;
}

address,em{
	font-style:normal;
}
	
strong,th{
	font-weight:400;
}

table{
	font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;
	border:none;
}

th,td{
	text-align:left;
	border:none;
	font-weight:400;
}

hr{
	display:none;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

img,fieldset{
	border:0;
	vertical-align:bottom;
}

li{
	list-style-type:none;
}

ul,ol,dl{
	list-style-position:outside;
	list-style-type:none;
}

dt{
	font-weight:400;
}
	
a{
	text-decoration:none;
	outline:none;
}

form,input{
	margin:0;
	padding:0;
}
	
/*===============================================

	clearFix
	
===============================================*/

.cf:after{
  content:".";
  display:block;
  height:0;
  font-size:0;
  clear:both;
  visibility:hidden;
}

.cf{
  display:inline-block;
}

/* Hides from IE Mac */
* html .cf{
  height:1%;
}

.cf{
  display:block;
}


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

 *	共通

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

@font-face {
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:100;
}

@font-face {
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:200;
}

@font-face {
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:300;
}

@font-face {
  font-family:"Yu Gothic";
  src:local("Yu Gothic Medium");
  font-weight:400;
}

@font-face {
  font-family:"Yu Gothic";
  src:local("Yu Gothic Bold");
  font-weight:bold;
}

@font-face {
  font-family:"Helvetica Neue";
  src:local("Helvetica Neue Regular");
  font-weight:100;
}

@font-face {
  font-family:"Helvetica Neue";
  src:local("Helvetica Neue Regular");
  font-weight:200;
}

body{
	background:#fff url(../img/bg-body.gif) left top repeat-x;
	color:#000;
	line-height:140%;
	overflow:hidden;
	position: relative;
  font-family:"Hiragino Kaku Gothic ProN","-apple-system","Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,sans-serif;
	-webkit-text-size-adjust: 100%;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
}

a{
	border:0;
}

a img:hover{
	opacity:0.8;
}

p,li,dt,dl{  
    line-height:140%;  
} 

br.clear{
  display:block;
  height:0;
  margin:0;
  padding:0;
  font-size:0;
  border:none;
  visibility:hidden;
  clear:both;
}

.breakPc {
  display:none;
}

/*@media screen and (min-width: 769px) {*/
  
  .breakSp {
    display:none;
  }
  
  .breakPc {
    display:inline;
  }
  
/*}*/

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

 *	wrapper

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

.wrapper {
	max-width:640px;
	margin:0 auto;
	position:relative;
}

/*@media screen and (min-width: 769px) {*/
  
  .wrapper {
    width:100%;
    max-width:100%;
  }

/*}*/


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

 *	header

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

.header {
  height:97px;
  border-bottom:1px solid #666;
}

.inHeader {
  width:850px;
  margin:0 auto;
  padding:10px 0 0;
}

.inHeader h1 {
  float:left;
}

.nav {
  float:right;
  padding:15px 0 0;
}

.nav li {
  float:left;
  width:110px;
  height:49px;
  text-align:center;
  border-left:1px dotted #8d8d8d;
}

.nav li:first-child {
  width:130px;
  text-align:right;
  border-left:none;
}

.nav li a,
.nav li span {
  display:inline-block;
  width:110px;
  height:49px;
  padding:8px 0 0;
  vertical-align:middle;
  font-size:12px;
  line-height:1.4;
  color:#333;
  font-family:Hiragino Kaku Gothic ProN, '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
}

.nav li span {
  width:130px;
  padding:8px 25px 0 0;
  color:#3088c6;
  font-weight:700;
}

.nav li.navWho a {
  padding:17px 0 0;
}

.nav li a:hover {
  text-decoration:underline;
}

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

 *	footer

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

.footer {
  width:1000px;
  margin:0 auto;
  background:#efefef;
}

.footerHead {
  height:40px;
  text-align:center;
  color:#fff;
  font-size:12px;
  line-height:40px;
  background:#888;
}

.shopList {
  padding:25px 15px 20px;
  border-left:1px solid #888;
  border-right:1px solid #888;
}

.footerInfo {
	color:#727171;
	padding-top:28px;
	padding-left:28px;
	font-size: 11px;
	line-height: 1.5;
}

.footerInfo a {
	color:#727171;
}

.footerInfo {
    font-size: 11px;
    line-height: 1.5;
    padding: 0 19px 0 28px;
    text-align: left;
}

.footerInfo dt {
    clear: both;
    float: left;
    width: 160px;
}

.footerInfo dd {
    margin-bottom: 6px;
    width: 740px;
	float:left;
}

.footerInfo dd ul {
	padding-left:25px;
}

.footerInfo dd ul a {
	text-decoration: none;
  line-height:1.5;
}

.footerInfo dd ul a:hover {
  text-decoration:underline;
}

.footerInfo dd ul li {
  display: inline;
  margin-right: 5px;
  white-space:nowrap;
}

.footerInfoSub {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.5;
  padding: 15px 19px 10px 28px;
  text-align: left;
  color:#727171;
}

/*     フッター下部（ファンクラ共通）     */

#auxiliaryNavi {
	border-top: 1px solid #8e8e8e;
	background-color: #656565;
	color: #fff;
	line-height: 1;
	overflow: hidden;
	padding: 8px 16px 8px;
	zoom: 1;
}

#auxiliaryNavi a {
	color: #FFFFFF;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3";
	text-decoration: none;
}

#auxiliaryNavi .logo {
	margin-top: 17px;
}

#auxiliaryNavi .logo a {
	display: block;
	text-align: right;
}

#auxiliaryNavi .logo span {
	font-size: 11px;
}

#auxiliaryNavi ul {
	font-size: 10px;
	padding-top: 0px;
}

#auxiliaryNavi td {
	font-size: 10px;
  vertical-align:top;
}

#auxiliaryNavi .footerMsg {
	font-size: 10px;
	margin-left: 4px;
	margin-top: 10px;
}

.footerAboveMsg {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3";
	font-size: 12px;
	padding:0 0 20px;
	text-align: center;
	color: #898989;
}

#auxiliaryNavi ul li {
  display: inline;
  margin-right: 3px;
}

#auxiliaryNavi li a {
  margin-right: 3px;
}

#auxiliaryNavi dt {
  float: right;
}

.copySub {
  padding:10px 0;
  text-align:center;
  font-size:11px;
  color:#fff;
  background:#878788;
}


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

 * goTop

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

.goTop {
  display:block;
  width:30px;
  height:129px;
  position:fixed;
  bottom:25px;
  margin-left:1030px;
}