@charset "euc-jp";
/* CSS Document */

body { margin:0; padding:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

ul,li,p {margin:0; padding:0; list-style:none;}
img { vertical-align:middle}


.clearfix:before,
.clearfix:after{
  content:"";
  display: table;
}
.clearfix:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.clearfix{
  *zoom:1;
}

.align-left { float:left;}
.align-right { float:right;}
.align-center { float:none; margin:0 auto;}


.txt-11 { font-size:11px; line-height:1.5;}
.txt-12 { font-size:12px; line-height:1.4;}
.txt-14 { font-size:14px; line-height:1.35;}
.txt-16 { font-size:16px; line-height:1.8;}
.txt-20 { font-size:18px; line-height:1.3;}

.bold   { font-weight:bold;}



.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt40 { margin-top:40px !important;}

.mr5 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mr23 { margin-right:23px !important;}


.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}


.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:10px !important;}
.ml20 { margin-left:20px !important;}

.mtb40 { margin-top:40px !important;  margin-bottom:40px !important}

.w220 { width:220px;}
.w460 { width:460px;}
.w680 { width:680px;}
.w800 { width:800px;}

.w460 img { width:460px; height:auto;}

.fblikebox {
	text-align: center;
	background-color: #EEE;
	padding: 10px;
	clear:both;
}



/************************************/
/* 調整用 */

#container {
	width: 950px;
}
/************************************/
/* 基本テキスト */
.feat p {
	font-size: 16px;
	line-height: 1.7;
	margin: 0px 0px 1em;
}
/************************************/
/* クレジット周り */

.feat .credit {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	font-size: 12px;
}
.feat .credit span {
	display: block;
	position: absolute;
}
.feat .credit span:first-child {
	text-align: left;
	left: 0;
}
.feat .credit span:last-child {
	text-align: right;
	right: 0;
}
/************************************/
/* メイン　タイトル周り */
.feat .main {
	position: relative;
}
.feat .title {
  position: absolute;
  color: #FFF;
  font-weight: bold;
  bottom: 0;
  left: 0;
  font-size: 45px;
  line-height: 1.2;
  z-index: 10000;
  background: #000;
  width: 100%;
  opacity: .7;
  padding: 10px;
  box-sizing: border-box;
  
}
.feat .mark {
	position: absolute;
	left: 20px;
	top: 20px;
}
.feat .icon-pr {
	position: absolute;
	right: 20px;
	top: 20px;
}
/************************************/
/* 見出し */

.feat h2 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: bold;
	background: #EEEEEE;
	padding: 10px;
	border-left: 10px solid #333;
	margin-bottom: 20px;
}
.feat h3 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: bold;
	color: #E77255;
	margin-bottom: 10px;
}



/************************************/
/* 写真並び　Lightbox対応 */

.feat .photo-list {
	counter-reset: rank;
}
.feat .photo-list li {
	position: relative;
	float: left;
	width: 470px;
	margin: 0px 10px 20px 0px;
}

.feat .photo-list img { max-width:100%; height: auto;}

.feat .photo-list li:nth-of-type(2n) {
	margin-right: 0;
}
.feat .photo-list li p {
	font-size: 12px;
	line-height: 1.5;
}


.contents_detail   { width: 950px; margin: 0 auto; }
.contents_detail p { margin: 0 0 20px 0; font-size:16px; line-height:1.7 !important;}

.feat_intro { background: #F5F5F5; padding: 20px; font-size: 16px; line-height:1.6; border: 1px solid #F0F0F0; margin-top:20px; }

.title-img { background: url("../img/title.png") top left no-repeat; text-indent: -9999px; margin-bottom: 10px; }
.service { width: 221px; height: 38px; background-position: -10px -10px; }
.movie { width: 161px; height: 38px; background-position: -10px -58px; }
.details { width: 210px; height: 38px; background-position: -10px -106px; }
.feature { width: 232px; height: 37px; background-position: -10px -154px; }
.line-up { width: 204px; height: 37px; background-position: -10px -201px; }
.interview { width: 282px; height: 36px; background-position: -10px -248px; }
.products { width: 282px; height: 40px; background-position: -10px -295px; }


#shopdata { background: none repeat scroll 0 0 #f0f0f0; border: 1px solid #999; padding: 10px; }
#shopdata:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }

.obi { background: linear-gradient(to bottom, #45484d 0%, #000000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fff; font-size: 18px; font-weight: bold; margin: 0 0 10px; padding: 10px; position: relative; text-align: left; }
#shopdata img { float: left !important; margin-right: 20px !important; overflow: hidden; }
#shopdata > p { font-size: 13px; line-height: 150%; overflow: hidden; }
#shopdata p.midashi { border-style: none; font-size: 18px; font-weight: bold; margin: 0 0 10px; padding: 0; }

.hp-link a {
	text-align: center;
	font-size: 16px;
	line-height:1.3;
	font-weight: bold;
	border: 5px solid #CCCCCC;
	padding: 10px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 30px;
	display:block;
}

.unity-q { height:10.5em; overflow:hidden}
.unity-b { height:12em; overflow:hidden}