@charset "UTF-8";

#detail .title{
	color:#fff;
	font-weight:bold;
}
#detail h1{
	font-size:24px;
	line-height:1.2em;
}
#detail .sdata{
	color:#666;
	padding:5px 0 5px 0;
}
#detail .obi{
	padding:3px 5px;
	margin-bottom:12px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	font-size:14px;
}
#detail .subhead {
	display:block;
	font-size: 16px;
	font-weight:bold;
	color:#333333;
	margin-bottom:10px;
	padding:5px 8px;
	border-left: 6px solid #0098D9;
}
#detail .outer .subhead {
	display:block;
	font-size: 14px;
	font-weight:normal;
	color:#333333;
	margin-bottom:10px;
	padding:3px 8px;
	border-left: 6px solid #0098D9;
}
#socialbutton div{
	float:left;
}
.news-detail-txt {
    width: 35em;
    margin: 0 auto;
}
.news-detail-txt a img{
	display:block;
	max-width: 520px;
	max-height: 440px;
	border: 1px solid #cccccc;
	margin: 0 auto 20px;
	padding: 10px;
}
.fr-more-photo{
	background: url(../images/more-arrow-down.png) no-repeat scroll 355px center rgba(0, 0, 0, 0);
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	margin: 10px auto 20px;
	padding:10px 10px 10px 10px;
	text-align: center;
	width: 520px;
}
.sogo .obi{
	background-color:#61ABD8;
}
.sogo .stxt{
	color:#61ABD8;
}
.gourmet .obi{
	background-color:#E72118;
}
.gourmet .stxt{
	color:#61ABD8;
}
.odekake .obi{
	background-color:#26990A;
}
.odekake .stxt{
	color:#26990A;
}

.life .obi{
	background-color:#854635;
}
.life .stxt{
	color:#854635;
}
.entertainment .obi{
	background-color:#F99E29;
}
.entertainment .stxt{
	color:#F99E29;
}
.movie .obi{
	background-color:#213188;
}
.movie .stxt{
	color:#213188;
}
.woman .obi{
	background-color:#AA41C1;
}
.woman .stxt{
	color:#AA41C1;
}
.it .obi{
	background-color:#2574AC;
}
.it .stxt{
	color:#2574AC;
}
.animation .obi{
	background-color: #D1BA5A;
}
.animation .stxt{
	color: #D1BA5A;
}
.ranking .obi{
	background-color:#D1BA59;
}
.ranking .stxt{
	color:#D1BA59;
}
.special .obi{
	background-color:#9ECA37;
}
.special .stxt{
	color:#6AB813;
}
.photosp .obi{
	background-color:#333;
}
.photosp.stxt{
	color:#333;
}

#detail .txt {
	font-size: 16px;
	line-height: 1.7em;
	border-top: 1px dotted #ccc;
	padding-top: 15px;
	margin: 5px 0 15px 0;
}
#detail .txt .ph{
	margin:0 auto 15px;
}
#detail .txt .ph .inner{
	text-align:center;
}
#detail .txt .ph .inner img{
	max-width:520px;
	border:1px solid #ccc;
	padding: 10px;
}
#detail .txt .ph .zoom{
	text-align:center;
}
#detail .txt .ph .copy{
	color:#999;
	font-size:10px;
	line-height:1.4em;
	padding-top:3px;
	text-align:left;
}
#detail .txt .ph .stxt{
	font-size:10px;
	line-height:1.4em;
	padding-top:3px;
	text-align:left;
}
#detail .movie_info{
	background:url(../images/detail/movie_info.gif) no-repeat right top #DFEEF7;
	margin-bottom:15px;
	padding:10px;
}
#detail .movie_info .ph{
	float:left;
	background-color:#fff;
	margin:0 10px 10px 0;
}
#detail .movie_info .ph img{
	padding:5px;
}
#detail .movie_info .mttl{
	font-weight:bold;
	font-size:14px;
	padding:2px 70px 2px 0;
	line-height:1.3em;
}
#detail .movie_info .day{
	color:#009933;
	padding-bottom:2px;
}
#detail .event_info{
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
}
#detail .event_info .ipoint{
	padding-left:28px;
	background:url(../images/detail/event_info_ttl.gif) no-repeat;
}
#detail .event_info .ettl{
	font-weight:bold;
	font-size:16px;
	line-height:1.4em;
	padding:2px 0 1px 0;
}
#detail .event_info .erd{
	line-height:1.4em;
	padding:0 0 6px 0;
}
#detail .event_info table{
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
#detail .event_info table td,
#detail .event_info table th{
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:4px 8px;
}
#detail .event_info table th{
	background-color:#f3f3f3;
}
#detail .ph_list{
	margin-bottom:10px;
}
#detail .ph_list li{
	float:left;
	margin:0 7px 7px 0;
	width:120px;
	height:120px;
}
#detail .ph_list li a{
	border:1px solid #ddd;
	display:block;
	padding:4px;
	background-color:#fff;
}
#detail .ph_list li a:hover{
	border:1px solid #ccc;
	background-color:#eee;
}
#detail .ph_list li a div{
	display:table-cell;
	width:110px;
	height:110px;
	text-align:center;
	vertical-align:middle;
}
.content-inner1 .inner{
	padding:10px 15px;
}
.blistst li{
	padding:2px 0 3px 0;
	line-height:1.3em;
	font-size:14px;
}
.blistst li span{
	font-size:10px;
}
a.i_news{
	background:url(../images/common/point.png) no-repeat 0px 3px;
	padding-left:18px;
}
.more2{
	text-align:right;
	font-size:14px;
	line-height:1.3em;
}
.spot_ttl{
	background:url(../images/detail/spot-ttl.jpg) no-repeat;
	height:39px;
}
.spot_ttl .title{
	color:#fff;
	font-size:14px;
	line-height:1.3em;
	font-weight:bold;
	padding:10px 5px 0 20px;
}
.spot_inner{
	padding:14px 0;
}
.spotlist{
	background:url(../images/detail/spotlistbg.gif) repeat-y 14px 0;
}
.spotlist li{
	float:left;
	padding:0 14px 0 14px;
}
.spotlist li div,
.spotlist li p{
	width:130px;
}
.spotlist li .ttl{
	padding:4px 0 3px 0;
	font-weight:bold;
	font-size:12px;
	line-height:1.3em;
}
.spotlist li p{
	font-size:12px;
	line-height:1.4em;
	color:#666;
}
.bdr_spotbg2{
	clear:both;
	background:url(../images/detail/spotbg2.gif) no-repeat center;
	height:28px;
}
.spotlist li .ph{
	width:130px;
	height:130px;
	text-align:center;
	overflow:hidden;
}
.spotlist li .ph a:hover img,
#detail .txt .ph_fb a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#detail .ph_full{
	border:1px solid #ddd;
	padding:9px;
	text-align:center;
}
#detail .txt .ph_u{
	line-height:1.5em;
	padding:6px 0 2px 0;
}
#detail .txt .copyright{
	color:#999;
	font-size:10px;
	line-height:1.3em;
	padding:0 0 5px 0;
}
#detail .txt .ph_fb{
	margin:10px 0 20px 0;
}
#detail .txt .ph_fb .kiji {
    float: left;
    margin-left: 65px;
}
#detail .dph_ps{
	margin:15px 0 10px 0;
	height:80px;
	overflow:hidden;
}
#detail .ph_lr{
	margin-top:15px;
}
#detail .ph_lr table{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:635px;
}

#detail .ph_lr .arw_l,
#detail .ph_lr .arw_r{
	width:105px;
	text-align:center;
}
#detail .ph_lr .arw_l a img,
#detail .ph_lr .arw_r a img{
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#detail .ph_lr .arw_l a:hover img,
#detail .ph_lr .arw_r a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#detail .ph_lr .ph_h{
	overflow:hidden;
	border:1px solid #ddd;
	padding:9px;
	float:left;
}
#detail .ph_lr .ph_h div{
	width:400px;
	text-align:center;
}
#detail .ph_lr .ph_h img{
	max-width:400px;
	max-height:400px;
}
#detail .txt .ctxt{
	margin:0 105px;
	
}
#news_detail_data_txt{
	background-color:#f3f3f3;
	padding:10px;
	margin-bottom:15px;
	color:#666;
}

/* Circular Content Carousel Style */
.ca-container_phtop{
	position:relative;
	margin:0px auto;
	width:635px;
	height:82px;
}
.ca-container_phtop .ca-wrapper{
	width:583px;
	height:100%;
	margin:0px auto;
	position:relative;
	background-color:#000;
}
.ca-container_phtop .ca-item{
	position:relative;
	float:left;
	width:75px;
	height:80px;
}

.ca-container_phtop .ca-item-main{
	position:absolute;
	top:5px;
	left:5px;
	right:0px;
	bottom:5px;
	overflow:hidden;
}
.ca-container_phtop .ca-item-main a{
	display:block;
	cursor: pointer;
}
.ca-container_phtop .ca-item-main div{
	width:70px;
	height:70px;
	text-align:center;
	overflow:hidden;
	display:table-cell;
	background-color:#fff;
	vertical-align:middle;
}
.ca-container_phtop .ca-item-main p{
	padding-top:4px;
	line-height:1.4em;
}

.ca-container_phtop .ca-nav span{
	width:26px;
	height:100%;
	background:transparent url(../images/detail/sc_arw2.gif) no-repeat top left;
	background-color:#fff;
	position:absolute;
	top:0px;
	margin-top:0px;
	left:0px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-container_phtop .ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:0px;
}
.ca-container_phtop .ca-nav span:hover{
	opacity:1.0;
}
.ca-container_phtop .ca-item-main a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.ca-container_phtop .ca-item-main a img{
	max-height:70px;
	max-width:70px;
}

#detail .ph_list2{
	margin-bottom:10px;
}
#detail .ph_list2 li{
	float:left;
	margin:0 7px 7px 0;
	width:113px;
	height:113px;
}
#detail .ph_list2 li a{
	border:1px solid #ddd;
	display:block;
	padding:4px;
	background-color:#fff;
}
#detail .ph_list2 li a:hover{
	border:1px solid #ccc;
	background-color:#eee;
}
#detail .ph_list2 li a div{
	display:table-cell;
	width:103px;
	height:103px;
	text-align:center;
	vertical-align:middle;
}
#detail .newsPhotoGallery02 {
    overflow: hidden;
}
#detail .newsPhotoGallery02 > li {
    float: left;
    width: 140px;
    padding: 0 5px 5px 0;
}
#detail .newsPhotoGallery02 > li:nth-child(5n) {
    padding-right: 0;
}
#detail .newsPhotoGallery02 > li > a {
    display: block;
    height: 140px;
    overflow: hidden;
    text-indent: -1000em;
    background-size: cover;
    background-position: 50% 0;
}


/* このニュースで紹介されたイベント */
#detail .news-event .list {
  display: inline-block;
  width: 323px;
  margin-bottom: 16px;
  vertical-align: top; }
#detail .news-event .list:nth-child(even) {
  border-left: 1px solid #eee;
  margin-left: 16px;
  padding-left: 16px; }
  
#detail .news-event .list .figure {
  float: left;
  width: 130px;
  height: 130px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #ddd;
  padding: 1px; }
#detail .news-event .list .figure::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
 #detail .news-event .list .figure img {
  max-width: 130px;
  max-height: 130px;
  margin: 0;
  padding: 0;
  vertical-align: middle; }
 #detail .news-event .list dl {
  margin-left: 146px;
  font-size: 10px; }
 #detail .news-event .list dl .event-name {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px; }
 #detail .news-event .list dl .event-city {
  color: #888; }
 #detail .news-event .list dl .event-spot {
  color: #888;
  margin-bottom: 4px; }