@charset "UTF-8";

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, form, p, blockquote {
	margin: 0;
	padding: 0;
}
body {
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	background: #FFFFFF;
	line-height: 1.6em;
	-ms-word-break: break-all;
	word-break: break-all;
}
@font-face {
	font-family: 'bebas_neueregular';
	src: url('../../../../common/font/BebasNeue.eot');
	src: url('../../../../common/font/BebasNeue.eot?#iefix') format('embedded-opentype'), url('../../../../common/font/BebasNeue.woff') format('woff'), url('../../../../common/font/BebasNeue.ttf') format('truetype'), url('../../../../common/font/BebasNeue.svg#bebas_neueregular') format('svg');
}



/*
.header_description{
	font-family: "Helvetica", "Arial", sans-serif;
    font-weight: normal;
	font-size: 90%;
    text-indent: 1em;
    padding: 3px 0 0 0;
	background: none;
	text-align: left;
	line-height: 1.6em;
	display: inline-block;
	margin-bottom: 0;
}*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border-style: none;
}

ul {list-style-type: none;}
.webfont {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-weight:400;
	letter-spacing:0.03em;
}
.hide_text{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.ls p{ /* pタグの行間*/
	margin-bottom:1em;
}
/*
 * Clearfix
 */
.clearfix {
	/*clear: both;*/
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* Text */
.xsmall {font-size: 83%;}
.small {font-size: 91%;}
.red {color: #CC0000 !important;}
.redback {
	background: #CC0000;
	color: #FFFFFF;
	font-size: 22px;
	padding: 1px 10px;
}
.aligncenter {
	display: inherit;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*Link*/
a {
	color: #231815;
	text-decoration: none;
}
a:hover, .allOn * {
	/* .allOn内の要素もリンクカラー変更 */
	color: #cc0000;
}
*.more a {text-decoration: underline;}
/*#footer a, #picksContainer dd div#pickPop a {text-decoration: underline;}
#footerSitemap ul li ul li a {color: #999999;}
#footerSitemap ul li ul li a:hover {color: #cc0000;}*/
div.link_button{
	font-size:110%;
	font-weight:600;
	text-align:center;
	background:#000;
	width:100%;
	height:40px;
	line-height:40px;
	margin:1em 0 2em;
	clear:both;
}
div.link_button:hover{background:#C00;}
div.link_button a{
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
}
/*
 * Base Layout
 */
div.title {
	line-height: 1.4em;
	font-weight: bold;
	font-size: 14px;
}
div#socialButtons {overflow:visible;}
#container {overflow:hidden;}
#container #containerInner {
	position: relative;
	width: 980px;
	margin: 12px auto 0;
}
#container #containerInner #leftPannelArea {
	position: absolute;
	right: 980px;
}
#container #containerInner #rightPannelArea {
	position: absolute;
	left: 980px;
	z-index: 10;
}
#container #contents {
	background: url("./common/img/v_line.gif") repeat-y scroll 0% 0% transparent;
	width: 650px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	/* margin: 0 15px 0px 0;
	padding: 0 15px 0 0; *//* 170227off */
	margin: 0 auto;
	padding: 0 15px 0 0;
}
#container #contents #mainColumn {
	/* float: left; *//* 170227off */
	width: 650px;
	padding-bottom:30px;
/* mainColumnとsubColumnのmargin-bottomは同じに */
}
#container #contents #subColumn {
	float: right;
	width: 300px;
	padding-top: 15px;
	padding-bottom:30px;
}
/* サブコラムなし */
#container #contents #mainColumn_full {
	width: 100%;
	padding-bottom:30px;
}
/*#footer {
	width: 100%;
	background-color: #000000;
}
#footerContents {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
	color: #FFFFFF;
	background: #000000;
}*/
#containerInner #marginMemoContainer {
	position: absolute;
	top: 0;
	right: -30px;
	z-index: 20;
	padding-top: 55px;
	background: transparent url("../img/subColumn/memo.gif") no-repeat;
	-ms-word-break: normal;
	word-break: normal;
}
/*
 * Icon Images
*/
.icon60, .icon95 {
	display: inline-block;
	display: inline;
	position: relative;
}
.icon60 .frame, .icon95 .frame {
	display: inline-block;
	display: inline;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.icon60 {
	width: 60px;
	height: 60px;
	overflow: hidden;
}
.icon60 .frame {background-image: url("../img/iconFrame60_off.png");}
a:hover .icon60 .frame, div.allOn .icon60 .frame {
	/* .allOn内のframeもカレント表示*/
	background-image: url("../img/iconFrame60_on.png");
}
.icon95 {
	/* width: 95px; height: 95px;　980対応 */
	width: 85px;
	height: 85px;
}
.icon95 .frame {
	/* background-image: url("../img/iconFrame95_off.png"); 980対応 */
	background-image: url("../img/iconFrame85_off.png");
}
a:hover .icon95 .frame {
	/*background-image: url("../img/iconFrame95_on.png"); 980対応*/
	background-image: url("../img/iconFrame85_on.png");
}
/*
 * Main Column
*/
#mainColumn .headline {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
#mainColumn .topicPath {
	margin: 15px 15px 5px;
	text-decoration: none;
	font-family: "Helvetica", "Arial", "ＭＳ Ｐゴシック", sans-serif;
}
/*パンクズにラインが必要な場合*/
#mainColumn .topicPath.widthLine {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 3px solid ##231815;
}
#mainColumn .topicPath a {
	color: #231815;
	text-decoration: none;
}
#mainColumn .topicPath a:hover {color: #E60012}
#mainColumn #contentsList {margin: 0 15px;}
#mainColumn h2.headline {
	background: #c5c5c5;
	color: #000000;
	text-align: center;
	padding: 2px 0;
	font-size: 30px;
	line-height: 1;
}
#mainColumn .headline a {color: #000000;}
#mainColumn h3.headline_section {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 20px 0 0;
	padding: 5px 0;
	line-height: 1;
}
#mainColumn h3.headline_section span {color: #999999;}
#mainColumn h3.headline_section span.japanese {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#mainColumn h3.headline3 {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 20px 0 0;
	padding: 5px 0;
	font-size: 28px;
	line-height: 1;
	border-top: 3px double #CCCCCC;
	border-bottom: 3px double #CCCCCC;
}
/* Social Button ============================== */
#socialButtons ul{padding:7px 0px ;}
#socialButtons ul li {
	min-height: 20px;
	float: left;
}
#socialButtons ul li.socialButtonTwitter {
	width: 103px;
	margin:2px 10px 0 0;
}
d#socialButtons ul li.socialButtonFacebook {width: 113px;}
/* .text内にある場合 */
div.text div.socialButtons ul li.socialButtonTwitter {width: 111px;}
div.text div.socialButtons ul li.socialButtonFacebook {width: 114px;}
div.text div.socialButtons ul li.socialButtonHatena {width: 65px;}
div.text div.socialButtons ul li.socialButtonGooglePlus {width: 57px;}
div.socialButtons div.socialButtonComment {
	width: 347px;
	line-height: 20px;
	text-align: right;
}
/* ページネーション (新)=================== */
.pagination_outer{ position: relative; left: 50%; float: left; clear:both; margin:0; }
.pagination_inner{ position: relative; left: -50%; text-align:center; /* IE/macが必要とする */ margin: 0; padding: 0; }
/* ↑センタリング用↑*/
.pagination {
	clear:both;
	padding:20px 0;
	font-size:11px;
	line-height:13px;
	overflow:hidden;
	margin:0 auto;
}
.pagination span,
.pagination a{
	display:block;
	float:left;
	margin: 2px 4px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #CCC;
}
.pagination a:hover{background: #C00;}
.pagination .current{
padding:6px 9px 5px 9px;
background: #222;
color:#fff;
}
/*
 * Sub Column
*/
#subColumn .lastBlock {margin-bottom: 0;}
/* Banner ===================================== */
#subColumnBanner {margin-bottom: 21px;}
#subColumnBanner ul li {margin-top: 20px;}
#subColumnBanner ul li:first-child {margin-top: 0;}
#subColumnBanner2 {margin-bottom: 21px;}
#subColumnBanner2 ul li {margin-top: 20px;}
#subColumnBanner2 ul li:first-child {margin-top: 0}
/* Publications =============================== */
#subColumnPublicationsContainer {
	position: relative;
	width: 300px;
	overflow: hidden;
	margin-bottom: 21px;
	padding-top: 7px;
}
#subColumnPublicationsContainer dt {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	padding: 5px 0;
}
#subColumnPublicationsContainer dd {
	border: solid 1px #bfbfbf;
	text-align: center;
	position: relative;
	padding: 15px 0 0 0;
}
#pub_prev {
	position: absolute;
	top: 120px;
	left: 20px;
}
#pub_next {
	position: absolute;
	top: 120px;
	right: 20px;
}
#slider {
	width: 150px;
	height: 270px;
	margin: 0 auto;
	text-align: center;
}
#slider img {
	width: 143px;
	height: 215px;
}
#subColumnPublicationsContainer .webfont {
	display: block;
	width: 100%;
	margin: 5px auto 0;
	background: #000000;
	color: #ffe762;
	font-size: 28px;
	padding: 5px 0;
}
/* Social Wighets ============================= */
#subColumnSocialWidgets {margin-bottom: 21px;}
#subColumnSocialWidgets dt {
	margin-top: 20px;
	border: solid 1px #B5B5B5;
	border-bottom-style: none;
}
#subColumnSocialWidgets dt:first-child {margin-top: 0;}
#subColumnSocialWidgets dd {
	border: solid 1px #B5B5B5;
	border-top-style: none;
}
#subColumnSocialWidgets dd#subColumnTwitter {
	min-height: 50px;
	background-color: #717071;
}
#subColumnSocialWidgets dd#subColumnTwitter .twtr-hd, #subColumnSocialWidgets dd#subColumnTwitter .twtr-ft {display: none;}
#subColumnSocialWidgets dd#subColumnTwitter .twtr-bd {background-color: #717071;}
#subColumnSocialWidgets dd#subColumnTwitter .twtr-doc {border-radius: 0 !important;}
#subColumnSocialWidgets dt#subColumnFacebookTitle {
	border: 1px solid #AAA;
	border-bottom-style: none;
}
#subColumnSocialWidgets dd#subColumnFacebook {
	min-height: 70px;
	/*padding: 14px 0;*/
	padding: 0;
	border: none !important;
}
/* Page Common ======================================= */
.pagelink {
	background: #efefef;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0;
	font-size: 24px;
	line-height: 1;
	font-family: 'bebas_neueregular', Arial, sans-serif;
	margin: 0 0 20px;
}
.pagelink a {color: #666666;}
.pagelink a:hover {color: #cc0000;}
.pagelink li {
	display: inline;
	margin: 0 17px;
}
/*
 * for Mouse Action
 */
div.activeItemBackground.over * {color: #CC0000;}
div.allOn {
	/*.activeItemBackgroundAllのエリアにホバーしたら全部反応*/
	cursor: pointer;
}
/*
 * Scroll To Page Top Button
 */
#toPageTop {
	display: none;
	position: fixed;
	right: 15px!important;
	bottom: 25px;
	z-index: 30;
	width: 53px;
	height: 52px;
	background: url("/common/img/toPageTop_off.png") no-repeat;
}
/* -------------2012.8.31 add------------- */
/*Load More Button & hidden division*/
p.loadmore img {	cursor: pointer;}
div.hide {	display: none;}
.alCenter {text-align: center;}
/*Rollover Become dark*/
.darkOver ul li a {display: block;}
.darkOver ul li a:hover {background-color: #000000;}
.darkOver ul li a:hover img {
	opacity: 0.40;
	-moz-opacity: 0.4;
	-ms-filter: "alpha(opacity=40)";
	filter: alpha(opacity=40);
}
/*
 * 共通項目(FOCUSから)
 */
ul#category_link{
	background:#EEE;
	width:100%;
	line-height:1;
	padding:10px 0;
	margin-bottom:20px;
}
ul#category_link li{display:inline;}
ul#category_link li a{
    cursor: pointer;
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 24px;
    letter-spacing: 0.03em;
    width: 100%;
	color:#666;
}
ul#category_link li a:hover{color:#C00;}
ul#category_link li.current a{color:#C00;}
div.article_wapper{margin-bottom:20px;}
div.article{margin-bottom:6px;}
div.article p{margin-bottom:1em;}
div.article p.wp-caption-text{
	padding:6px 0;
	font-size:10px;
	color:#666;
	line-height:1.8em;
	margin-bottom:1em;
	text-align:left;
}
div.article .alignleft{float:left;}
div.article .alignright{float:right;}
/*
 * COLLECTION 2014
 */
#contentsList.collection_top h4,.collection_season_name{ /* for Season Name */
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size: 180%;
	padding: 18px 10px 4px;
	font-weight: normal;
	text-align: center;
}
/*COLLECTION TOP*/
#main_visual{
	width:620px;
	margin-top:10px;
}
#cities button{
	float:left;
	background:#666;
	color:#ddd;
	padding:5px 0;
	border-top:none;
	border-right:solid 1px;
	border-bottom:none;
	border-left:none;
}
#cities button:last-child{border-right:none;}
#cities button.current{background:#000;}
div#cities{
	width: 100%;
	margin-bottom:0px;
}
div#cities a{
	width:154px;
	display:block;
	float:left;
	background:#444;
	color:#ddd;
	padding:6px 0px;
	margin-left:1px;
	text-align :center;
}
#main_gallery {margin-top: 10px;}
.thumbs_4col ul {margin-right: -19px;}
#main_photo{
	text-align:center;
	width: 620px;
}
#main_photo .photo_area{
	width:400px;
	margin:0 auto;
}
.thums_7col ul{margin-right: -19px;}
#contentsList.report h3 span.season_name,
#contentsList.look h3 span.season_name {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-weight: normal;
	color: #CC0000;
	padding: 8px 0 0px;
	display: block;
	font-size: 80%;
	line-height: 0.8;
}
#contentsList.look h4,
#contentsList.season h4 {
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size: 180%;
	padding: 18px 10px 4px;
	font-weight: normal;
	display: block;
}
#contentsList.report h4 {
	margin:20px 0;
	font-size:140%;
}
#contentsList.report .report_date {text-align:right;}
#contentsList.report #report_description a.photo_area{
	float :left;
	padding:5px;
	display: block;
	margin-right:10px;
}
#contentsList.report #report_description a.photo_area img{margin-bottom:10px;}
#contentsList.report #report_description a.photo_area p{
	text-align:center;
	border:#222222 1px solid;
	margin-bottom:0px;
}
/*
COLLECTION MOVIE
*/
#collection_movie{margin-bottom:40px;}
/*
COLLECTION SLIDE SHOW
*/
li.thumb_m {
	width:23.4%;
	float: left;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
li.thumb_m a img {width:100%;}
#slideshow_thunbs{padding:10px;	}
#slideshow_thunbs ul li.thumb {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#slideshow_thunbs ul li.thumb a img{
	width:76px;
	height:114px;
}
.photo_caption{
	font-size:90%;
	text-align:center;
}
#contentsList.season #alp {
	margin: 10px 0;
	text-align: center;
}
#contentsList.season #alp a {
	font-size: 12px;
	line-height: 18px;
	background: #DDDDDD;
	border-top: #AAAAAA solid 1px;
	border-right: #666666 solid 1px;
	border-bottom: #666666 solid 1px;
	border-left: #AAAAAA solid 1px;
	height: 16px;
	width: 16px;
	display: block;
	float: left;
	margin-right: 4px;
}
#contentsList.season #alp a:last-child {width: 40px;}
#entryContainer p{margin-bottom:1em;}
/*
COLLECTION NAVI
*/
#collection_navi ul{padding:4px 0 10px;}
#collection_navi ul li a{
	display:block;
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size:100%;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:normal;
	float:left;
	border:#888888 1px solid;
	width: 114px;
	margin-right:8px;
	padding:2px 0;
	line-height:1;
}
#collection_navi ul li:last-child a{margin-right:0px;}
#collection_navi ul li.not_exist a{display:none;}
#collection_navi ul li.current a{
	background:#111111;
	color:#eee;
}
/*
 * CustomScrollbar
 */
.viewpoint {
	width: 600px;
	margin: 0 10px;
	overflow: hidden;
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	padding: 8px 0 ;
	margin-bottom:20px;
}
.flipsnap {width:2130px;}
.flipsnap .item {
	position:relative;
	float: left;
	text-align: center;
	margin: 0 4px;
	color: #666;
	width:180px;
	overflow:hidden;
}
.item img.thmb{
	height:228px;
	width:auto;
}
.item img.crsl{
	height:270px;
	width:auto;
}
.flipsnap .item p.caption {
	font-size:80%;
	position: absolute;
	left:0;
	right:0;
	bottom: 25px;
	color: #fff;
	padding: 2px;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	line-height:1.4em;
	word-break:normal;
}
div#archive_collection .flipsnap .item p.caption {bottom: 0px;}
.flipsnap .item p.elapsed {
	text-align:right;
	margin-top:4px;
	margin-right:2px;
	color:#666;
	font-size:90%;
}
.flipsnap .item p.elapsed img{
	width:14px;
	height:14px;
	margin-right:4px;
	padding-bottom:4px;
}
.flipsnap .item p.min {
	color:#C00;
}
/* iframeのサイズ修正 */
.video-container {
	 position: relative;
	 padding-bottom: 56.25%;
	 margin-bottom:1.2em;
	 height: 0;
	 overflow: hidden;
	 max-width: 100%;
	 height: auto;
}
.video-container iframe {
	position: absolute;
	top: 0;
	eft: 0;
	width: 100%;
	height: 100%;
}
#subColumnRankingContainer{xdisplay:none;}
p.contributor{
	margin:1em 5px;
	font-size:14px;
	line-height:25px;
	text-align:right;
	color:#aaa;
}
p.contributor img{
	margin-right:5px;
}

#headerUpdate {
    font-family: "Helvetica","Arial",sans-serif;
    font-weight: normal;
}