﻿@charset "utf-8";
/* ==========================================================

title : ホームメイト
scope : 施設写真コンテスト 優秀写真作品集 写真集ページ

========================================================== */

/* ==============================
 リセット・基本・レイアウト
============================== */
body {
  background:#000;
  text-align:center;
}

p {
 	margin:0;
}

dt,dd {
  margin:0;
}

img {
  border:none;
}

.maincol {
  margin:0 auto;
  position:relative;
  width:1000px;
}

/* ClearFix */
.cf:before,
.cf:after {
  content:"";
  display: table;
}

.cf:after {
  clear:both;
}

.imghover:hover img {
  opacity:0.8;
  -ms-filter: "alpha(opacity=80)";
}

@media screen and (max-device-width: 1024px) {
  html,body {
	  margin:0 auto;
	  width:1060px;
	}
	
	.imghover:hover img {
	  opacity:1;
	}
}

/* ==============================
 ページタイトル
============================== */
.mainttl{
	height: 93px;
	line-height: 93px;
	margin: 0 auto 10px;
	padding: 77px 0 10px 0;
	position: relative;
	width:1000px;
	/*background: url(/campaign/p_m_contest/photo_album/image/bg_album_header_bc165.png) no-repeat  0 0;*/
}

.mainttl .ttl{
	color:#fff;
	display: inline-block;
	font-size:35px;
	font-weight:bold;
	line-height:40px;
	margin: -8px 0 0;
	padding: 0;
	vertical-align: middle;
}

.mainttl .logo{
	display: block;
	left: 22px;
	top: 23px;
	position: absolute;
}

.mainttl .logo img{
	display: block;
}

.mainttl.ttl_img {
	height: auto;
	margin-top: 12px;
	padding: 0;
}

/* ==============================
 タイトル下ナビ
============================== */
.header_btm {
  display:inline-block;
  margin:2px 0 5px;
  width:1000px;
}

#siteroute {
  float:left;
  margin-left:15px;
  width:750px;
}

#siteroute li > a {
	color:#558ccb !important;
}

#siteroute li > a:active,#siteroute li > a:hover {
	color:#f00 !important;
}

#siteroute li span {
  background: rgba(0, 0, 0, 0) url("/campaign/image_cmn/mrk_siteroute02_blk.gif") no-repeat scroll 0 center;
  float: left;
  font-size: 11px;
  margin: 0;
  padding: 1px 0 0 12px;
}

#siteroute li:last-child:not([class]) > a span, #siteroute li .last_crumbs {
  background: rgba(0, 0, 0, 0) url("/campaign/image_cmn/mrk_siteroute_blk.gif") no-repeat scroll 0 center;
  color: #333;
  cursor: default;
  font-size: 12px;
  line-height: 110%;
  padding-top: 0;
}

.last_crumbs {
  color:#fff !important;
}

/*------------
 カテゴリ別
 -------------*/
.all .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_all.jpg")}
.bc01 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc01.jpg")}
.bc16 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc16.jpg")}
.bc18 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc18.jpg")}
.bc20 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc20.jpg")}
.bc21 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc21.jpg")}
.bc28 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc28.jpg")}
.bc30 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc30.jpg")}
.bc35 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc35.jpg")}
.bc41 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc41.jpg")}
.bc42 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc42.jpg")}
.bc45 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc45.jpg")}
.bc46 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc46.jpg")}
.bc48 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc48.jpg")}
.bc51 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc51.jpg")}
.bc58 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc58.jpg")}
.bc59 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc59.jpg")}
.bc65 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc65.jpg")}
.bc70 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc70.jpg")}
.bc74 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc74.jpg")}
.bc106 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc106.jpg")}
.bc64 .mainttl,
.bc132 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc64.jpg")}
.bc165 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc165.jpg")}

.bc29 .mainttl{ background-image:url("/campaign/p_m_contest/photo_album/image/bg_album_header_bc29.jpg")}	/*スポーツ施設*/

/* 写真集を見る */
.photo_album .mainttl{ background:url("/search/p_collection/image/bg_header.jpg") no-repeat  0 0}

/* ==============================
 画像BOX
============================== */
.phbox {
	background:#aaa;
	border-bottom: 5px solid #666666;
  border-left: 5px solid #a7a7a7;
  border-right: 5px solid #a7a7a7;
  border-top: 5px solid #d9d9d9;
	box-sizing:border-box;
	overflow:hidden;
  position:absolute;
}

.phbox a {
	border:1px solid #fff;
	display:block;
	margin: 0;
	position:relative;
}

.phbox a img {
	bottom: 0;
	height: 50px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
}

.phbox a:before {
	bottom: -2px;
	content:url("/search/image/dtl_new/ico_st_zoom.gif");
	position:absolute;
	right:0;
}

.phbox.large {
	height: 495px;
	width: 495px;
}

.phbox.large a {
	height: 483px;
	width: 483px;
}

.phbox.midle {
	height: 394px;
	width: 394px;
}

.phbox.midle a {
	height: 382px;
	width: 382px;
}

.phbox.small {
	height: 293px;
	width: 293px;
}

.phbox.small a {
	height: 281px;
	width: 281px;
}

.phbox.xsmall {
	height: 192px;
	width: 192px;
}

.phbox.xsmall a {
	height: 180px;
	width: 180px;
}

/*.phbox.logo_under a:before{
	position:absolute;
	bottom:40px;
	right:50%;
	content:"";
	display:block;
	width:151px;
	height:70px;
	margin:0px -76px 0px 0px;
	background:url(../image/img_album_researchlogo_vertical.png) no-repeat center;
	z-index:5;
}*/

/* ==============================
 施設名　キャプション
============================== */
.phbox .caption {
	background: rgba(0,0,0,0.6);
	bottom:3px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 32px;
	left:3px;
	line-height: 32px;
	max-width: 75%;
	overflow: hidden;
	padding:0 8px 0 10px;
	position: absolute;
  text-align:left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ===== カテゴリ別アイコン スプライト ===== */
/*.phbox .caption:before{
	position: absolute;
	display: block;
	content:" ";
	top: 4px;
	left: 4px;
	width: 24px;
	height: 24px;
	background: url(/search/image/dtl_new/icons.png) no-repeat 0 0;
}*/

/*動物園 水族館 植物園*/
/*.bc48 .phbox .caption:before,
.bc30 .phbox .caption:before,
.bc01 .phbox .caption:before{
	background-position:-180px top;
}*/
/*鉄道駅［電車駅］ 空港［飛行場］*/
/*.bc46 .phbox .caption:before,
.bc41 .phbox .caption:before{
	background-position:-150px -30px;
}*/
/*観光施設・テーマパーク 日本の祭り 花火大会 日本の城*/
/*.bc45 .phbox .caption:before,
.bc65 .phbox .caption:before,
.bc70 .phbox .caption:before,
.bc28 .phbox .caption:before{
	background-position:-210px top;
}*/
/*結婚式場*/
/*.bc20 .phbox .caption:before{
	background-position:-240px top;
}*/
/*ゴルフ場［ゴルフコース］*/
/*.bc58 .phbox .caption:before{
	background-position:-270px top;
}*/
/*県庁・市役所*/
/*.bc165 .phbox .caption:before{
	background-position:left top;
}*/


/* ==============================
 画像BOX レイアウト
============================== */
[class*="area_large"],
[class*="area_midl"],
[class*="area_small"],
.area_repeat,
.area_flex  {
	margin-bottom: 10px;
	position:relative;
}

.maincol div:last-child {
	margin-bottom: 0;
}

.area_large {
	height: 3323px;
}

.area_midle {
	height: 2313px;
}

.area_small {
	height: 1202px;
}

.area_repeat_inner {
	height: 192px;
	margin-bottom: 10px;
}

.area_repeat_inner:last-child {
	margin-bottom: 0;
}

/* 各ポジション */
.maincol .rev .phbox {
	left: auto;
	right: auto;
}
	
/* エリア大 */
.area_large .p_01{ top:0;left:0; }
.area_large .p_02{ top:0;left:505px; }
.area_large .p_03{ top:505px;left:202px; }
.area_large .p_04{ top:404px;left:505px; }
.area_large .p_05{ top:808px;left:0; }
.area_large .p_06{ top:909px;left:404px; }
.area_large .p_07{ top:1212px;left:0; }
.area_large .p_08{ top:1414px;left:505px; }
.area_large .p_09{ top:1616px;left:0; }
.area_large .p_10{ top:1919px;left:606px; }
.area_large .p_11{ top:2121px;left:101px; }
.area_large .p_12{ top:2323px;left:505px; }
.area_large .p_13{ top:2525px;left:0; }
.area_large .p_14{ bottom:0;left:505px; }
.area_large .p_15{ bottom:0;left:0; }

.area_large.rev .p_01{ right:0; }
.area_large.rev .p_02{ right:505px; }
.area_large.rev .p_03{ right:202px; }
.area_large.rev .p_04{ right:505px; }
.area_large.rev .p_05{ right:0; }
.area_large.rev .p_06{ right:404px; }
.area_large.rev .p_07{ right:0; }
.area_large.rev .p_08{ right:505px; }
.area_large.rev .p_09{ right:0; }
.area_large.rev .p_10{ right:606px; }
.area_large.rev .p_11{ right:101px; }
.area_large.rev .p_12{ right:505px; }
.area_large.rev .p_13{ right:0; }
.area_large.rev .p_14{ right:505px; }
.area_large.rev .p_15{ right:0; }

/* エリア中 */
.area_midle .p_01{ top:0;left:101px; }
.area_midle .p_02{ top:0;left:505px; }
.area_midle .p_03{ top:404px;left:0; }
.area_midle .p_04{ top:404px;left:303px; }
.area_midle .p_05{ top:505px;left:707px; }
.area_midle .p_06{ top:808px;left:202px; }
.area_midle .p_07{ top:808px;left:606px; }
.area_midle .p_08{ top:1212px;left:0; }
.area_midle .p_09{ top:1212px;left:303px; }
.area_midle .p_10{ top:1111px;left:606px; }
.area_midle .p_11{ top:1515px;left:0; }
.area_midle .p_12{ top:1616px;left:404px; }
.area_midle .p_13{ top:1515px;left:707px; }
.area_midle .p_14{ bottom:0;left:202px; }
.area_midle .p_15{ bottom:0;left:606px; }

.area_midle.rev .p_01{ right:101px; }
.area_midle.rev .p_02{ right:505px; }
.area_midle.rev .p_03{ right:0; }
.area_midle.rev .p_04{ right:303px; }
.area_midle.rev .p_05{ right:707px; }
.area_midle.rev .p_06{ right:202px; }
.area_midle.rev .p_07{ right:606px; }
.area_midle.rev .p_08{ right:0; }
.area_midle.rev .p_09{ right:303px; }
.area_midle.rev .p_10{ right:606px; }
.area_midle.rev .p_11{ right:0; }
.area_midle.rev .p_12{ right:404px; }
.area_midle.rev .p_13{ right:707px; }
.area_midle.rev .p_14{ right:202px; }
.area_midle.rev .p_15{ right:606px; }

/* エリア小 */
.area_small .p_01{ top:0;left:0; }
.area_small .p_02{ top:101px;left:202px; }
.area_small .p_03{ top:0;left:505px; }
.area_small .p_04{ top:0;left:707px; }
.area_small .p_05{ top:404px;left:0; }
.area_small .p_06{ top:505px;left:303px; }
.area_small .p_07{ top:303px;left:505px; }
.area_small .p_08{ top:404px;left:808px; }
.area_small .p_09{ top:707px;left:101px; }
.area_small .p_10{ top:707px;left:303px; }
.area_small .p_11{ top:606px;left:606px; }
.area_small .p_12{ bottom:0;left:0; }
.area_small .p_13{ bottom:0;left:303px; }
.area_small .p_14{ bottom:0;left:505px; }
.area_small .p_15{ bottom:0;left:707px; }

.area_small.rev .p_01{ right:0; }
.area_small.rev .p_02{ right:202px; }
.area_small.rev .p_03{ right:505px; }
.area_small.rev .p_04{ right:707px; }
.area_small.rev .p_05{ right:0; }
.area_small.rev .p_06{ right:303px; }
.area_small.rev .p_07{ right:505px; }
.area_small.rev .p_08{ right:808px; }
.area_small.rev .p_09{ right:101px; }
.area_small.rev .p_10{ right:303px; }
.area_small.rev .p_11{ right:606px; }
.area_small.rev .p_12{ right:0; }
.area_small.rev .p_13{ right:303px; }
.area_small.rev .p_14{ right:505px; }
.area_small.rev .p_15{ right:707px; }

/* エリア繰り返し */
.area_repeat .p_01{ top:0;left:0; }
.area_repeat .p_02{ top:0;left:404px; }
.area_repeat .p_03{ top:0;left:606px; }
.area_repeat .p_04{ top:202px;left:202px; }
.area_repeat .p_05{ top:202px;left:404px; }
.area_repeat .p_06{ top:202px;left:808px; }
.area_repeat .p_07{ bottom:0;left:0; }
.area_repeat .p_08{ bottom:0;left:202px; }
.area_repeat .p_09{ bottom:0;left:606px; }
.area_repeat .p_10{ bottom:0;left:808px; }

/* エリアフレキシブル */
.area_flex .p_01{ top:0;left:0; }
.area_flex .p_02{ top:0;left:202px; }
.area_flex .p_03{ top:0;left:404px; }
.area_flex .p_04{ top:0;left:606px; }
.area_flex .p_05{ top:0;left:808px; }
.area_flex .p_06{ top:202px;left:0; }
.area_flex .p_07{ top:202px;left:202px; }
.area_flex .p_08{ top:202px;left:404px; }
.area_flex .p_09{ top:202px;left:606px; }
.area_flex .p_10{ top:202px;left:808px; }
.area_flex .p_11{ bottom:0;left:0; }
.area_flex .p_12{ bottom:0;left:202px; }
.area_flex .p_13{ bottom:0;left:404px; }
.area_flex .p_14{ bottom:0;left:606px; }
.area_flex .p_15{ bottom:0;left:808px; }

/*余白ロゴレイアウト*/
.logo {
	color:#fff;
	display: block;
	font-size:35px;
	font-weight: bold;
	position: absolute;
}

.logo.hm {
	bottom: 537px;
	left: 183px;
}

.logo.resrch {
	left:17px;
	top:433px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.logo.resrch {
	top:410px;
}
}
.logo.cate_en {
	bottom: 495px;
	right: 0px;
}

.logo.cate {
	right: 0;
	top: 394px;
}

.logo.cate_en.tx_long,
.logo.cate.tx_long {
	font-size: 31px; /* 36px */
	letter-spacing: 0;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.logo.cate_en.tx_long,
	.logo.cate.tx_long {
		font-size: 27px; /* 38px */
	}
}

.logo.excellent_en {
	bottom: 394px;
	right:0;
}

/*.collection_en {
	display: table-cell;
	vertical-align: middle;
	margin: auto;
	width: 328px;
	height: 135px;
	line-height:135px;
	top: 344px;
	right:0;
	color:#fff;
	font-size:35px;
}*/

.logo.cate_en,
.logo.excellent_en,
.collection_en {
	letter-spacing:-0.1px\9; /* IE10以下 */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .logo.cate_en:not(:target),
	.logo.excellent_en:not(:target),
	.collection_en:not(:target) {
		letter-spacing:-0.1px; /* IE10,11 */
	}
}

.logo.cate span,
.logo.cate_en span,
.logo.excellent_en span {
	display:table-cell;
	height: 111px;
	line-height: 1.2;
  margin: auto;
  vertical-align: middle;
	width: 293px;
}

.logo.cate_en span{
	width: 495px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.logo.cate span,
.logo.cate_en span,
.logo.excellent_en span {
	font-size:31px;
}
}

/* ==========================================================================
　写真集　レイアウト photo_album　※枚数が固定でないため高さ指定なし
 ========================================================================= */
.photo_album .area_large.rev,
.photo_album .area_midle,
.photo_album .area_midle.rev,
.photo_album .area_small,
.photo_album .area_small.rev {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-justify-content: flex-start;
  justify-content: flex-start;
	height: auto;
}

.photo_album [class*="area_large"],
.photo_album [class*="area_midl"],
.photo_album [class*="area_small"] {
	margin-bottom: 5px;
}

.photo_album .area_small.rev {
	margin-bottom: 10px;
}

.photo_album .area_large.rev,
.photo_album .area_midle.rev,
.photo_album .area_small.rev {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.photo_album .area_large.rev .phbox,
.photo_album .area_midle .phbox,
.photo_album .area_midle.rev .phbox,
.photo_album .area_small .phbox,
.photo_album .area_small.rev .phbox {
	bottom: 0;
	left: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
	right: 0;
	top: 0;
}

/* エリア大 */
.photo_album .area_large.rev {
	max-height: 3328px;
}

.photo_album .area_large.rev .p_02 { left: -10px; }
.photo_album .area_large.rev .p_03 { left: -202px; }
.photo_album .area_large.rev .p_04 { left: -212px; top: -101px; }
.photo_album .area_large.rev .p_05 { left: 0; top: -202px; }
.photo_album .area_large.rev .p_06 { left: -10px; top: -101px }
.photo_album .area_large.rev .p_07 { left: 0px; top: -303px; }
.photo_album .area_large.rev .p_08 { left: -111px; top: -101px; }
.photo_album .area_large.rev .p_09 { left: 0; top: -404px; }
.photo_album .area_large.rev .p_10 { left: -111px; top: -101px; }
.photo_album .area_large.rev .p_11 { left: -101px; top: -404px; }
.photo_album .area_large.rev .p_12 { left: -111px; top: -202px; }
.photo_album .area_large.rev .p_13 { left: 0; top: -404px; }
.photo_album .area_large.rev .p_14 { left: -10px; top: -101px; }
.photo_album .area_large.rev .p_15 { left: 0; top: -404px; }

/* エリア中 */
.photo_album .area_midle {
	max-height: 2318px;
}
.photo_album .area_midle .p_01 { left: 101px; }
.photo_album .area_midle .p_02 { left: 111px; }
.photo_album .area_midle .p_03 { left: 0; }
.photo_album .area_midle .p_04 { left: 10px; }
.photo_album .area_midle .p_05 { left: 707px; top: -303px; }
.photo_album .area_midle .p_06 { left: -91px; }
.photo_album .area_midle .p_07 { left: -81px; }
.photo_album .area_midle .p_08 { left: 0; }
.photo_album .area_midle .p_09 { left: 10px; }
.photo_album .area_midle .p_10 { left: 20px; top: -101px; }
.photo_album .area_midle .p_11 { left: 0; top: -101px; }
.photo_album .area_midle .p_12 { left: 10px; top: 0; }
.photo_album .area_midle .p_13 { left: 20px; top: -101px; }
.photo_album .area_midle .p_14 { left: -91px; top: -101px; }
.photo_album .area_midle .p_15 { left: 606px; top: -505px; }

.photo_album .area_midle.rev .p_01 { left: -101px; }
.photo_album .area_midle.rev .p_02 { left: -111px; }
.photo_album .area_midle.rev .p_03 { left: 0; }
.photo_album .area_midle.rev .p_04 { left: -10px; }
.photo_album .area_midle.rev .p_05 { left: -707px; top: -303px; }
.photo_album .area_midle.rev .p_06 { left: 91px; }
.photo_album .area_midle.rev .p_07 { left: 81px; }
.photo_album .area_midle.rev .p_08 { left: 0; top: 0; }
.photo_album .area_midle.rev .p_09 { left: -10px; }
.photo_album .area_midle.rev .p_10 { left: -20px; top: -101px; }
.photo_album .area_midle.rev .p_11 { left: 0; top: -101px; }
.photo_album .area_midle.rev .p_12 { left: -10px; top: 0; }
.photo_album .area_midle.rev .p_13 { left: -20px; top: -101px; }
.photo_album .area_midle.rev .p_14 { left: -202px; top: -101px; }
.photo_album .area_midle.rev .p_15 { left: -212px; top: -101px; }

/* エリア小 */
.photo_album .area_small {
	max-height: 1207px;
}
.photo_album .area_small .p_01 { left: 0; }
.photo_album .area_small .p_02 { left: 10px; top: 101px; }
.photo_album .area_small .p_03 { left: 20px; }
.photo_album .area_small .p_04 { left: 30px; }
.photo_album .area_small .p_05 { left: 0; top: 101px; }
.photo_album .area_small .p_06 { left: 10px; top: 202px; }
.photo_album .area_small .p_07 { left: 20px; }
.photo_album .area_small .p_08 { left: 30px; top: 101px; }
.photo_album .area_small .p_09 { left: 101px; top: 101px; }
.photo_album .area_small .p_10 { left: 111px; top: 101px; }
.photo_album .area_small .p_11 { left: 121px; }
.photo_album .area_small .p_12 { left: 0; }
.photo_album .area_small .p_13 { left: 10px; top: 101px; }
.photo_album .area_small .p_14 { left: 20px; top: 101px; }
.photo_album .area_small .p_15 { left: 30px; top: 0; }

.photo_album .area_small.rev .p_01 { left: 0; }
.photo_album .area_small.rev .p_02 { left: -10px; top: 101px; }
.photo_album .area_small.rev .p_03 { left: -20px; }
.photo_album .area_small.rev .p_04 { left: -30px; }
.photo_album .area_small.rev .p_05 { left: 0; top: 101px; }
.photo_album .area_small.rev .p_06 { left: -10px; top: 202px; }
.photo_album .area_small.rev .p_07 { left: -20px; }
.photo_album .area_small.rev .p_08 { left: -30px; top: 101px; }
.photo_album .area_small.rev .p_09 { left: -101px; top: 101px; }
.photo_album .area_small.rev .p_10 { left: -111px; top: 101px; }
.photo_album .area_small.rev .p_11 { left: -121px; }
.photo_album .area_small.rev .p_12 { left: 0; }
.photo_album .area_small.rev .p_13 { left: -10px; top: 101px; }
.photo_album .area_small.rev .p_14 { left: -20px; top: 101px; }
.photo_album .area_small.rev .p_15 { left: -30px; }

.photo_album .logo.hm {
	bottom: 0;
	font-size: 0;
	height: 29px;
	left: 95px;
	position: relative;
	top: 238px;
}

.photo_album .logo.cate {
	font-size: 30px;
	height: 111px;
	left: 20px;
	position: relative;
	top: -5px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.photo_album .logo.cate span{
		font-size: 28px;
	}
}

.photo_album .logo.excellent_en {
	bottom: 0;
	height: 111px;
	left: 707px;
	position: relative;
	top: -207px;
}
.photo_album .logo.resrch {
	height: 32px;
	position: relative;
	left: -30px;
	top: 32px;
}


/* ==============================
 画面下　PRテキストBOX
 =============================== */
.area_mo_box {
	background:url(/campaign/contest_cmn/photo_album/image/bg_album_footer.png) repeat-x center bottom;
	padding: 105px 0 18px;
}

.mo_box {
	background:#000; /* IE8 */
  background: rgba(0,0,0,0.6);
  border-color: #717171;
  margin-bottom: 0;
}

* > .mo_box p {
	color:#fff;
}

/* ==============================
 フッター
============================== */
#footer {
	background:#000;
	border-top: none;
	color: #fff;
}

#line_box_footer .color_p{
	border-color:#000;
}

#footer a:link,
#footer a:visited {
  color:#FFF;
  text-decoration:underline;
}

#footer a:hover {
  text-decoration:none;
}

/* ==============================
 モーダル表示　コンテンツ
============================== */
.mordal_cont {
  background: #fff;
  margin: 0;
	overflow:hidden;
  text-align: center;
	width: 640px;
}

.mordal_cont .center {
  color: #777;
  line-height: 1;
  margin: 0 auto;
  width: 640px;
}

.mordal_cont .photo img {
  max-height: 375px;
  max-width: 640px;
  vertical-align: top;
}

.mordal_cont .area_data {
  margin: 0 auto;
  position: relative;
}

.mordal_cont .data {
  font-size: 0;
  margin: 6px 0 0;
  text-align: left;
}

.mordal_cont .data dt {
  color: #1a8175;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.02em;
  line-height: 1.4;
	text-indent: 15px;
	vertical-align: top;
  width: 125px
}

.mordal_cont .data dd {
	color: #000;
  display: inline-block;
  font-size: 17px;
  line-height: 1.4;
  padding: 0 ;
	word-wrap:break-word;
	width: 76%;
}

.mordal_cont .data.name {
  background: #ededed;
  font-size: 17px;
  font-weight: bold;
  margin-right: 148px;
  padding: 6px 0 7px;
}

.mordal_cont .data.ttl {
	border: #c3dfda solid 2px;
	background: #f2f8f7;
  padding: 3px 0;
}

.mordal_cont .data.ttl dt{
	margin-left: -2px;
}

.mordal_cont .data.user {
  border-bottom: 1px solid #c3dfda;
  padding-bottom: 7px;
}

.mordal_cont .dtllink {
  border:none;
  display: block;
  height: 33px;
  position: absolute;
  right: 0;
  top: 0;
  width: 138px;
}

.mordal_cont .injustice {
  border: #c3dfda solid 2px;
  background: #f2f8f7;
  margin: 10px auto;
  padding: 10px 0 10px 0;
  width: 460px;
}

.mordal_cont .injustice p {
	color: #000;
  display: block;
	font-size: 15px;
	margin-bottom: 9px;
  vertical-align: middle;
}

.mordal_cont .injustice a {
  background: url(/search/image/dtl/mrk_alert01.gif) no-repeat 0 center;
  display: inline-block;
  font-size: 15px;
  margin: 0;
  padding: 0 0 0 25px;
	text-decoration: none;
  vertical-align: middle;
}

.mordal_cont .closebtn {
  margin: 10px auto 0;
  padding-bottom: 5px;
}

.mordal_cont .closebtn img {
  cursor: pointer;
}

/* ==============================
 fancybox.css 設定上書き
============================== */
.fancybox-overlay {
	background: #000;
}

.fancybox-skin {
	background:#fff;
	border-radius: 0;
}

.fancybox-nav {
  width: 60px;
}

.fancybox-nav span {
  opacity: 0.5;
	transition: all 0.1s linear 0s;
  visibility: visible;
}

.fancybox-nav:hover span {
  opacity: 1;
}

.fancybox-next {
  right: -70px;
}

.fancybox-prev {
  left: -70px;
}

/* スクロールバー設定  */
.fancybox-inner {
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling:auto;
/*	overflow-y:hidden;
	overflow-x:hidden;
	-webkit-overflow-scrolling:hidden;*/
}

.fancybox-inner::-webkit-scrollbar {
  height:5px;
  width: 5px;
}

.fancybox-inner::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 5px;
}

.fancybox-inner::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}

.fancybox-outer {
/*	overflow: hidden;*/
/*	padding-bottom: 20px !important;*/
	
}