@charset "UTF-8";
/* /feature/scene/css/style.css */


/*index*/
/******************************************************************************
contents
******************************************************************************/
body.index{
	background: url(../img/bg.png) no-repeat right bottom fixed #eaeaea;
	}
body.index h1{
	text-align: center;
	padding: 60px 0 20px;
	}
body.index p.lead{
	text-align: center;
	margin-bottom: 20px;
	}
body.index #contents{
	margin: 0 auto;
	}
/*------------------------------*/
/*box*/
/*------------------------------*/
#grid-content{
	margin: 0 auto 30px;
	}
#grid-content .box{
	width: 152px;
	height: 170px;
	margin: 10px;
	overflow: hidden;
	}
#grid-content .box .image{
	box-shadow: 0px 0px 5px #ccc;
	}
#grid-content .box img{
	width: 140px;
	height: auto;
	padding: 5px;
	border:solid 1px #ccc;
	background: #fff;
	}
/*masonry*/
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
	}
.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
	}
.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
	}
/*------------------------------*/
/*pager*/
/*------------------------------*/
.pager{
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 2.6;
	text-align: center;
	}
.pager a{
	text-decoration: none;
	border: solid 1px #ccc;
	padding: 5px 8px;
	color: #666;
	}
.pager strong{
	text-decoration: none;
	border: solid 1px #ccc;
	padding: 5px 8px;
	background: #ccc;
	color: #666;
	}
.pager span{
	text-decoration: none;
	border: solid 1px #ccc;
	padding: 5px 8px;
	background: #ccc;
	color: #666;
	}
.pager a:hover{
	background: #ccc;
	color: #666;
	}
.pager a:first-child{
	margin-right: 4px;
	}
.pager a:last-child{
	margin-left: 4px;
	}
/*------------------------------*/
/*sns-s*/
/*------------------------------*/
body.index #contents .sns-s{
	position: absolute;
	top: 16px;
	right: 10px;
	overflow: hidden;
	}
body.index #contents .sns-s .bt-tw{
	width: 100px;
	}
body.index #contents .sns-s li{
	display: inline;
	float: left;
	margin-left: 10px;
	}	
/*------------------------------*/
/*footer*/
/*------------------------------*/
#footer{
	text-align: center;
	padding: 20px 0 30px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
#footer h2{
	font-size: 1.6em;
	margin-bottom: 20px;
	}
#footer ul{
	text-align: center;
	margin-bottom: 15px;
	}
#footer ul li{
	font-size: 1.2em;
	line-height: 1.7;
	display: inline;
	padding: 0 7px;
	}
#footer address{
	font-size: 1.2em;
	}



/*detail*/
/******************************************************************************
contents
******************************************************************************/
html,
body.detail,
#all,
body.detail #wrap,
body.detail #contents{
	height: 100%;
	}
/*------------------------------*/
/*photo*/
/*------------------------------*/
#photo{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 600px;
	margin: -300px 0 0 -300px;
	overflow: hidden;
	background: #000;
	display: table;
	}
#photo p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}
/*------------------------------*/
/*info*/
/*------------------------------*/
#info{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 2;
	}
/*inner*/
#info .inner{
	padding: 20px;
	background: url(../img/bg_alpha.png);
	}
#info .inner .f-left{
	}
#info .inner h1{
	font-size: 1.6em;
	padding-left: 20px;
	margin-bottom: 5px;
	background: url(../img/ic.gif) no-repeat 0 2px;
	}
#info .inner p.txt{
	font-size: 1.2em;
	line-height: 1.5;
	}
#info .inner p#copyright{
	font-size: 1.2em;
	float: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
	}
