@charset "utf-8";

/* ---------------------------------------------
 フォトギャラリー
 Last Update : 2017.02.16
--------------------------------------------- */

/*一覧
*******************/
body,html{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}
#maebun{
	margin: 0 0 15px;
}
#maebun a em{
	font-weight: bold;
	background: url(//www.asahicom.jp/css/images/arrow_link.gif) no-repeat right 50%;
	padding: 0 18px 0 0;
}
.howtoGuide{
	background: #f5f5ee;
	margin: 0 0 10px;
	padding: 4px 10px 2px;
	line-height: 1.4;
	font-size:76%;
}
.kounyuGuide{
	font-size:76%;
	text-align: right;
	margin: 0 0 15px;
}

div.CateNav ul li {
	margin: 0 15px 3px 0;
	padding-left: 12px;
	display: inline;
	float: left;
	background: url(//www.asahicom.jp/css/images/arrow_list_small.gif) no-repeat 0 -114px;
	letter-spacing: 0;
	font-size:80%;
	white-space: nowrap;
}
.PhotoList{
	margin:0 0 15px;
	padding: 3px 2px 3px 3px;
}
.PhotoList > ul{
	background-color: #f5f5ee;
	*padding-top:10px;
}
.PhotoList ul:after,
div.CateNav ul:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.PhotoList .Title{
	border:none;
}
.PhotoList .Title h2{
/*	 padding: 0 10px 5px;*/
}
.PhotoList .ColSet{
	width:100%;
	table-layout:fixed;
}
.PhotoList td,.PhotoList li{
	vertical-align: top;
	text-align:center;
	float:left;
}
body.full .PhotoList .type3 .ThmbSetY{
	margin:2px;
	text-align:center;
	/*background-color:#fff;*/
	/*border: solid #f1f1ea;*/
	border-width: 0 .1rem .1rem 0;
}
/*
.PhotoList .type4 .ThmbSetY,
.PhotoList .type5 .ThmbSetY
*/
.PhotoList .ThmbSetY .ThmbCol{
	/*border: 1px solid #f1f1ea;*/
}
.PhotoList .ThmbSetY .ThmbCol a{
	display: table;
	table-layout:fixed;
	width: 100%;
	height: 100%;
}
.PhotoList .ThmbSetY a span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 10px 3px 5px;
}
.PhotoList .ThmbSetY .ThmbTxt{
	font-size:76%;
	padding:7px 5px 5px;
	letter-spacing: 0;
	height:35px;
}
.PhotoList .type3 .ThmbSetY .ThmbTxt,
.PhotoList .type4 .ThmbSetY .ThmbTxt.ThmbTxt1{
	height:25px;
}
.PhotoList.ThmbTxt1 .type3 .ThmbSetY .ThmbTxt,
.PhotoList.ThmbTxt1 .type4 .ThmbSetY .ThmbTxt{
	height:25px;
}
.PhotoList.ThmbTxt3 .type5 .ThmbSetY .ThmbTxt,
.PhotoList.ThmbTxt3 .type4 .ThmbSetY .ThmbTxt{
	text-align:left;
}
.PhotoList .ThmbSetY .ThmbTxt a:hover{

}
.PhotoList .ThmbSetY a::hover img{
	opacity: .7;
}
.PhotoList img{
	max-width:95%;
	width:auto;
	height:auto;
	font-size:10px;
}
.PhotoList img:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
	*zoom:1;
}

/*各バージョン*/
.PhotoList .type3 li{
	width:33.333333333%;
	*width:33.3%;
}
.PhotoList .type4 li{
	width:25%;
	*width:24.8%;
}
.PhotoList .type5 li{
	width:20%;
}
.PhotoList .type7 li{
	width:14.2857%;
	*width:14.2%;
}
.PhotoList .type3,
.PhotoList .type4{
	background-color:#fff;
	*background-color: #f5f5ee;
}
.PhotoList .type3 li .ThmbSetY,
.PhotoList .type4 li .ThmbSetY{
	background-color: #f5f5ee;
	border: 2px solid #fff;
	border-right:none;
	border-bottom:none;
	*border:none!important;
	*margin:0!important;
	*padding:2px;
}
.PhotoList .type3 li .ThmbCol{
	height: 160px;
}
.PhotoList .type3 li .ThmbCol img{
	max-height: 140px;
}
.PhotoList .type4 li .ThmbCol{
	height: 140px;
}
.PhotoList .type4 li .ThmbCol img{
	max-height: 120px;
}
.PhotoList .type5 li .ThmbCol{
	height: 120px;
}
.PhotoList .type5 li .ThmbCol img{
	max-height: 103px;
}
.PhotoList .type7 li .ThmbCol{
	height: 100px;
}
.PhotoList .type7 li .ThmbCol img{
	max-height: 80px;
}
.PhotoList .type5 .ThmbSetY .ThmbTxt,
.PhotoList .type7 .ThmbSetY .ThmbTxt{
	text-align: left;
}
body.full .PhotoList .type3 li:nth-of-type(3n+1),
body.full .PhotoList .type4 li:nth-of-type(4n+1),
body.full .PhotoList .type5 li:nth-of-type(5n+1),
body.full .PhotoList .type7 li:nth-of-type(7n+1){
	clear: left;
}


/*スマホ*/
body.small .PageTitle{
	margin-top:0;
}
body.small .PageTitle .Title{
	padding: 15px 10px 15px;
}
body.small .Section.Premises{
	margin:10px;
}
body.small .Section.Premises p{
	font-size:85%;
	line-height: 1.6;
}
body.small .Section.Premises .ListMedium{
	font-size:85%;
}
body.small .Section.Premises .CateNav{
	font-size:85%;
}
body.small .PhotoList ul{
	padding-bottom: 10px;
	background-color: #f5f5ee;
}
body.small .PhotoList .ThmbSetY{
	border:none;
}
body.small .PhotoList .ThmbSetY .ThmbTxt{
	font-size:65%;
	text-align: left;
	line-height: 1.2;
	height: auto;
}
body.small .PhotoList .ThmbCol{
	height: 80px!important;
}
body.small .PhotoList .ThmbCol img{
	max-height: 71px!important;
}
body.small.portrait .PhotoList li{
	width:25%!important;
}
body.small.portrait .PhotoList li:nth-of-type(4n+1){
	clear: left;
}
body.small.landscape .PhotoList li{
	width:20%!important;
}
body.small.landscape .PhotoList li:nth-of-type(5n+1){
	clear: left;
}
body.small .Section.textC,
body.small .Section.textB{
/*	margin:0 10px;*/
}
body.small .Section .CommentMod .Comment > p{
	padding: 10px;
	line-height: 1.5;
	font-size: 90%;
}
body.small .Section .ProfileMod .Image img{
	display: block;
	margin:0 auto;
}
body.small .Section .ProfileMod dl dt{
	font-weight: bold;
	font-size: 90%;
	padding:5px 0;
}
body.small div.CateNav ul li{
	background-position:  0 -117px;
}
@media screen and (orientation: portrait) {

}
@media screen and (orientation: landscape) {

}

/*個別ページ
*******************/
.Section.ThemeTitle .Title{
	border:none;
	background-color: #fff;
}
.Section .Title h2 span.categoryName{
	font-weight: bold;
	font-size: 100%;
	vertical-align: 0;
}
#MainPhoto{
	min-height: 200px;
	padding:15px 0;
	background:url(//www.asahicom.jp/css/images/loading_ssmall.gif) no-repeat 50% 45% #f5f5ee;
}
#MainPhoto p{
	text-align: center;
	margin:10px auto;
}
#MainPhoto p a{
	display: block;
}
#MainPhoto h1{
	text-align: center;
	margin:10px;
	line-height: 1.4;
	font-weight: normal;
	font-size: 1rem;
}
#MainPhoto img{
	max-width: 100%;
	width:auto;
	height:auto;
}
#MainPhoto #MainPhotoImg{
	position: relative;
}
#MainPhoto img.imgBlank{
	position: absolute;
	top::0;
	left: 0;
	width:100%;
	height:100%;
}
.Section .Pagination{
	margin: 0 auto;
	padding: 10px 0 10px;
	text-align: center;
	border:none;
}
.Section .Pagination a{
	margin: 0 2px;
	padding: 4px 5px 3px;
	border: 1px solid #D2D2CB;
	background: #FFF;
	color: #1E1E17;
	font-size: 80%;
	text-align: center;
	line-height: 1.1;
	letter-spacing: 0;
	white-space: nowrap;
	display: inline;
	float: none!important;
}
.Section .Pagination a:hover{
	background-color:#B90000;
	color:#fff;
}

/*サムネイルリスト*/
#thumbListBox{
	position: relative;
	*overflow: hidden;
}
#thumbList.viewport{
	width:100%;
	overflow: hidden;
	margin:10px 0 20px;
}
.many #thumbList.viewport{
	height:110px;
}
#thumbList.viewport #thumbSlider.flipsnap{

}
#thumbList.viewport #thumbSlider.flipsnap .cloned{
	display: block;
	float:left;
	width:100px;
	text-align:center;
	height:100px;
	margin-bottom:10px;
	padding:0;
	position: relative;
}
#thumbList.viewport #thumbSlider.flipsnap img{
	max-height: 96px;
	max-width: 90px;
	width:auto;
	height:auto;
	border:2px solid #fff;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#thumbList.viewport #thumbSlider.flipsnap .cloned.on img{
	border:2px solid #B90000;
}
#thumbList.viewport #thumbSlider.flipsnap .cloned img:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
	*zoom:1;
}

#thumbPrev,#thumbNext{
	display: none;
	margin: 0;
	padding: 0;
	width: 32px;
	height: 32px;
	background: rgba(10,10,3,0.6) url(/css/images/slide_next.png) no-repeat 13px 9px;
	background: transparent url(/css/images/slide_next_hack.png) no-repeat 0 0\9;
	_background: transparent url(/css/images/slide_next.gif) no-repeat 0 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 38px;
	right: -6px;
}
.many #thumbPrev,.many #thumbNext{
	display: block;
}
#thumbPrev{
	background: rgba(10,10,3,0.6) url(/css/images/slide_prev.png) no-repeat 11px 9px;
	background: transparent url(/css/images/slide_prev_hack.png) no-repeat 0 0\9;
	_background: transparent url(/css/images/slide_prev.gif) no-repeat 0 0;
	right: auto;
	left: -6px;
}
#thumbPrev.off,#thumbNext.off{
	display: none;
}
#thumbPrev:hover,#thumbNext:hover{
	background-color: rgba(10,10,3,0.8);
}

/*スマホ*/
body.small .Section .Pagination a span{
	display: none;
}
body.small .Section .Pagination a.Next{
	background-position: 100% 50%;
}
body.small .Section .Pagination a.Prev{
	background-position: 0 50%;
}
body.small #thumbPrev{
	left:6px;
}
body.small #thumbNext{
	right:6px;
}
body.small #MainPhoto h1{
	padding:0 10px;
	text-align:left;
}
body.small .little #thumbList.viewport{
	margin: 10px 4px 20px;
	width: auto;
}
body.small .little #thumbList.viewport #thumbSlider.flipsnap .cloned{
	width:auto;
	height:auto;
	margin-bottom: 0px;
}
body.small .little #thumbList.viewport #thumbSlider.flipsnap img {
	height: 66px;
	width:auto;
}
/*
スマホ 記事一覧など
*******************/
body.small .HeadlineTopImage span{
	display: block;
	padding:0 0 10px;
	font-size:76%;
}