@charset "utf-8";

/*--------------------------------------------------
powerd by travision Inc. 
recent status 2015.09.01
--------------------------------------------------*/
@media screen and (max-width: 768px){
html {
	width:100%; *zoom: 1;
}
*{ margin:0;padding:0; }
body {
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
	font-family:"Helvetica,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}
section,div,header,footer,article {
	 -moz-box-sizing: border-box; 
	 box-sizing: border-box; 
}
#wrapper {
	width:100%;
	padding:20px 0 0 0;
	color:#333333;
	line-height:1.6;
	background:url(../img/bg_wood.jpg) repeat;
}
#moment a {
	color:#666666;
	text-decoration:underline;
	outline:none;
}
img {
	vertical-align:bottom;
}

.pc {display:none;}

/*--------------------------------------------------
Base
--------------------------------------------------*/
#moment .logo {
	text-align:center;
	margin-bottom:15px;
}

/*バックナンバー*/
.menu {
  display:none;
}
#backnumber-pc {
display: none;
}

#backnumber {
  background:#ffffff;
  border-bottom:1px solid #ccc;
}

#backnumber dt {
  text-indent:1em;
  background-image: url(../img/bn_sp_bg.png);
  background-position:right center;
  background-repeat:no-repeat;
  background-size:48px 18px;
  border-top:1px solid #ccc;
  height:80px;
  line-height:80px;
  display:block;
}
#backnumber dd {
  /*display:none;*/
}
#backnumber li a {
  text-decoration:none;
  display:block;
}

#backnumber dd a {
  display: block;
  overflow: hidden;
  background:url(../img/bn_arrow.png) right center no-repeat #f7f7f7;
  background-size: auto 20px;
  text-decoration:none;
  border-bottom: 4px solid #fff;
}
#backnumber .bn-img {
float: left;
width: 30%;
}
#backnumber .bn-img img {
width: 100%;
height: auto;
}
#backnumber .bn-text {
float:left;
width:60%;
font-size: 24px;
padding:20px 0 20px 20px;
box-sizing: border-box;
}
#backnumber .bn-text .vols {
  font-family:"serif";
  margin-bottom: 10px;
  font-size: 32px;
}


#moment .base-top {
	max-width:720px;
	margin:0 auto 30px;
	box-shadow:0 0 5px #666666;
	background:#ffffff;
	padding-bottom:20px;
}
#moment .base-inner {
	padding:30px 15px;
}
#moment h1 {
	text-align:center;
	max-width:90%;
	margin:0 auto 20px;
}
#moment h1,
#moment h2 {
	text-align:center;
	max-width:80%;
	margin:0 auto 40px;
}
#moment h1 img,
#moment h2 img {
	width:100%;
	height:auto;
}
#moment h3 {
	max-width:90%;
	margin:0 auto 40px;
	text-align:left;
}

/*--------------------------------------------------
moment BOX
--------------------------------------------------*/
#moment #momentBox {
	display:none;
}
/*--------------------------------------------------
Modal
--------------------------------------------------*/
.modal {
	width:100%;
	max-width:90%;
	margin:0 auto;
	padding-bottom:50px;
}
.modallast {
	padding-bottom:0;
}

.modal img {
	width:100%;
	height:auto;
	margin:0 0 15px 0;
}
.modal .slideArea01,
.modal .slideArea02,
.modal .slideArea03,
.modal .slideArea04 {
	width:100%;
	margin-bottom:50px;
}
.modal .story01,
.modal .story02,
.modal .story03 {
	font-family:"游明朝","YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho";
	margin-bottom:30px;
	background-color:#ffffff;
}

#footer {
	width:100%;
}
.font-smp {
		font-size:1.8em;
}
.font-normal {
	font-size:1em;
}
/*--------------------------------------------------
Banner
--------------------------------------------------*/
.banArea {
  padding-top:20px;
  text-align:center;
}
.banArea .banttl {
  text-align:center;
  margin-bottom:10px;
  font-size:1.6em;
}
.banArea p img {
  width:90%;
  height:auto;
}

}