@charset "UTF-8";

/* --------------------------------
top.css
-------------------------------- */
#hNavTate.current {background: url(/ie/shared/img/nav/tate_t.png) no-repeat 31px 0;}

#menu11 a {background: url(../img/menu11_o.png) no-repeat 0 0;}
#menu12 a {background: url(../img/menu12_o.png) no-repeat 0 0;}
#menu13 a {background: url(../img/menu13_o.png) no-repeat 0 0;}
#menu14 a {background: url(../img/menu14_o.png) no-repeat 0 0;}
#menu15 a {background: url(../img/menu15_o.png) no-repeat 0 0;}
#menu21 a {background: url(../img/menu21_o.png) no-repeat 0 0;}
#menu22 a {background: url(../img/menu22_o.png) no-repeat 0 0;}
#menu23 a {background: url(../img/menu23_o.png) no-repeat 0 0;}


/* 140422 */
#topRead p {margin-top: 20px; font-size: 14px; line-height: 2em;}
#topRead p.catch {margin-top: 0; font-size: 14px; line-height: 2em;}
#topRead .tit {font-size: 14px; line-height: 1.6em; font-weight:bold;}
.navddbg {margin-bottom: 10px;}


#sl { clear: both; margin: 0 30px; padding-top: 30px;}
#sl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#sl li { float: left; padding: 0 10px 5px 0; }
#fNav { clear: both; margin: 0 30px; padding: 0 0 30px 0; }

/**/
div.sns{
	width: 100%;
  height: 100%;
  padding: 0;
  margin: 50px 0 0 0;
}
#sl {
  zoom: 1;
}
#sl li {
  float: left;
  padding: 0 5px 0 0;
}
/**/
.contArea {
  margin-left: 30px;
  padding-bottom: 0 !important;
}

/**//**//**//**//**/

div.fotorama-wrap{
	margin-bottom: 30px;
}
/**/
.pcOnly{display: block;}
.mobileOnly{display: none;}
/**/

@media screen and (max-width: 767px) {	

.pcOnly{display: none;}
.mobileOnly{display: block;}

.cont {
width: 100% !important;
margin: 0 ;
}
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
div.fotorama-wrap{
	margin-bottom: 15px;
}
#topRead p {
  font-size: 14px !important;
  line-height: 2.0 !important;
}
}