/* pc */
@media screen and (min-width: 1061px) {
/*ここにpc用スタイルを記述*/

/*-------------------------------------*/
/* メインイメージ */
/*-------------------------------------*/
#header01{
	position:relative;
}

#header01-c {
	position:relative;
	z-index:6;
	width: 100%;
	height: 30px;
	margin: auto;
}



#title01{
	position:relative;
}

#title01-c {
	position:relative;
	z-index:6;
	width: 100%;
	max-width:980px;
	height: 25px;
	margin: auto;
	text-align:center;
}






#whatsnew{
	font-size:12px;
	width:25%;
	float:left;
}
#whatsnew-c {
	width:90%;
	margin:auto;
}
#whatsnew img{
	border:1px solid #999;
}

.block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  padding: 0;
}
.block-grid li:nth-child(4n+1) {
  clear: both;
}



#slogan {
	position:absolute;
	width:100%;
	height:52px;
	z-index:7;
	top: 163px;
	text-align:center;
}
#catch-copy {
	display:none;
}

#only_sp {
	display:none;
}
#sp_only {
	display:none;
}
#tb_only {
	display:none;
}
.br-pc {
	display:none;
}


.br-tb {
	display:none;
}
.br-pc{
	display:none;
}


nav .inner {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  height: 70px;
  line-height: 70px;
}

nav .inner ul {
  max-width: 980px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}

nav .inner ul li {
  display: inline;
  margin: 0 25px 0 0;
}

#nav-bg {
	background-color:#FFF;
}

nav .inner ul li:last-child {
  margin: 0;
}

nav .inner ul li a {
  color: #000;
  font-size: 14px;
}

#sp-tb {
	display:none;
}

#pc_only {
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	z-index:10;
}

.alpha-5 a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

}




/* tablet  */
@media only screen and (min-width: 601px) and (max-width: 1060px) {
/*ここにtablet用スタイルを記述*/

/*-------------------------------------*/
/* メインイメージ */
/*-------------------------------------*/
#header01{
	position:relative;
}

#header01-c {
	position:relative;
	z-index:6;
	top:0px;
	width: 100%;
	height: auto;
	margin: auto;
	padding-top:55px;
}



#title01{
	position:relative;
}
#title01-c {
	position:relative;
	z-index:6;
	width: 100%;
	max-width:980px;
	height: 45px;
	margin: auto;
	text-align:center;
	line-height:45px;
}
#title01-c h1 {
	line-height:45px;
}


#catch-copy {
	position:absolute;
	width:100%;
	height:150px;
	z-index:7;
	top: 235px;
	text-align:center;
	font-size:20px;
	line-height:28px;
	font-weight : normal;
	font-family:Avenir, "Helvetica neue", Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}





















.block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  padding: 0;
}
.block-grid li:nth-child(2n+1) {
  clear: both;
}



#whatsnew{
	font-size:12px;
	width:48.8%;
	float:left;
}
#whatsnew img{
	border:1px solid #999;
}
#whatsnew-c {
	width:70%;
	margin:auto;
}





#only_pc {
	display:none;
}
#only_pc-fixed {
	display:none;
}





#top-tel {
	display: none;
}



#footer-fixed {
	display: none;
}


.br-tb {
	display:none;
}
.br-sp-tb {
	display:none;
}


#nav-bg {
	background-color:#FFF;
}


nav .inner ul li a {
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    background: url(../img-top/arrow-r.jpg) no-repeat right 12px center;
    background-size: 10px 16px;
}
nav .inner ul li a {
    color: #000;
    font-size: 14px;
}

#pc_only {
	display:none;
}
#sp_only {
	display:none;
}

#sp-tb{
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	z-index:10;
}

.br-pconly{
	display:none;
}


}



/* smartPhone */
@media screen and (max-width: 600px) {
/*ここにスマホ用スタイルを記述*/

/*-------------------------------------*/
/* メインイメージ */
/*-------------------------------------*/
	
	
#header01{
	position:relative;
}

#header01-c {
	position:relative;
	z-index:6;
	top:0px;
	width: 100%;
	height: auto;
	margin: auto;
	padding-top:80px;
}




#tb_only {
	display:none;
}






#title01{
	position:relative;
}
#title01-c {
	position:relative;
	z-index:6;
	width: 100%;
	max-width:980px;
	height: 45px;
	margin: auto;
	text-align:center;
}
#title01-c h1 {
	line-height:45px;
}


#catch-copy {
	position:absolute;
	width:100%;
	height:150px;
	z-index:7;
	top: 125px;
	text-align:center;
	font-size:12px;
	line-height:16px;
	font-weight : normal;
	font-family:Avenir, "Helvetica neue", Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
}

.block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  padding: 0;
}


#whatsnew{
	font-size:12px;
	width:100%;
	float:left;
}
#whatsnew img{
	border:1px solid #999;
}
#whatsnew-c {
	width:80%;
	margin:auto;
}


#only_pc {
	display:none;
}
#only_pc-fixed {
	display:none;
}



.br-sp {
	display:none;
}
.br-sp-tb {
	display:none;
}
#header01{
	background-image: url(../img-top/mainbg-sp.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#top-tel {
	display: none;
}




#footer-fixed {
	display: none;
}




#nav-bg {
	background-color:#FFF;
}




nav .inner ul li a {
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    background: url(../img-top/arrow-r.jpg) no-repeat right 12px center;
    background-size: 10px 16px;
}
nav .inner ul li a {
    color: #000;
    font-size: 14px;
}

#pc_only {
	display:none;
}
#only_pctb {
	display:none;
}

#sp-tb{
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	top:12px;
	z-index:10;
}

.br-pconly{
	display:none;
}

}