/* flows */
.flows {
	width: 100%;
	margin: 5px 0 20px;
}
.flows li {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 10px 0;
}
.flows li:last-child{
	margin-right: 0;
}
.flows li span {
	display: table-cell;
	position: relative;
	height: 30px;
	line-height: 1.1;
	padding: 0 0 0 8px;
	background: #ddd;
	font-size: 0.95em;
	text-shadow: none;
	white-space: nowrap;
	vertical-align: middle;
}
.flows li span:after {
	position: absolute;
	content: "";
	right: -15px;
	top: 0;
	border:15px solid transparent;
	border-left-color:#ddd;
	border-right-width:0;
	width:0;
}
.flows li span.current {
	background: #A4D559;
	color: #fff;
}
.flows li span.current:after {
	border-left-color: #A4D559;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) {
	.flows li {
		margin-right: 20px;
	}
	.flows li span {
		height: 40px;
		font-size: 1em;
	}
	.flows li span:after {
		right: -20px;
		border: 20px solid transparent;
		border-left-color:#ddd;
		border-right-width:0;
	}
}
@media only screen and (min-device-width: 1280px) {
	.flows li {
		margin-right: 20px;
	}
	.flows li span {
		height: 40px;
		font-size: 1em;
	}
	.flows li span:after {
		right: -20px;
		border: 20px solid transparent;
		border-left-color:#ddd;
		border-right-width:0;
	}
}


/* .pager */
.pagers {
	width:100%;
	margin:10px 0 10px 0;
}
.pagers .pagerLists {
	display:table;
	margin:0 auto;
}
.pagers .pagerLists .pagerList {
	display:table-cell;
	text-shadow:none;
}
.pagers .pagerLists .pagerList .pager {
	display:block;
	background:#E8E8E8;
	line-height:30px;
	height:30px;
	padding:0 12px;
	margin:0 5px;
	color:#555;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.pagers .pagerLists .pagerList a.pager:hover {
	text-decoration:none;
	background:#555;
	color:#FFF;
}
.pagers .pagerLists .pagerList .pager.active {
	background:#555;
	color:#FFF;
}
.pagers .pagerLists .pagerList .pager.ellipsis {
	background:none;
	padding:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.pagers .pagerLists .pagerList a.pager.prev ,
.pagers .pagerLists .pagerList a.pager.next {
	display:none
}
.display {
	font-size:0.9em;
	margin-bottom:10px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) {
	.pagers{
		margin:20px 0 20px 0;
	}
	.pagers .pagerLists .pagerList a.pager.prev , 
	.pagers .pagerLists .pagerList a.pager.next {
		display:block;
	}
}
@media only screen and (min-device-width: 1280px) {
	.pagers{
		margin:20px 0 20px 0;
	}
	.pagers .pagerLists .pagerList a.pager.prev , 
	.pagers .pagerLists .pagerList a.pager.next {
		display:block;
	}
}
/* /.pager */


/* .options */
.options {
}
.options .optionLists {
	margin:0 5px 0 5px;
}
.options .optionLists .optionHeader {
	position: relative;
	font-size:1.2em;
	line-height:1.5em;
	color:#FFF;
	background:#555;
	padding:10px 5px;
	text-shadow:none;
	border-bottom:1px solid #DDD;
	display:table;
	width:100%;
}
.options .optionLists .optionHeader > span {
	display:table-cell;
}
.options .optionLists .optionHeader > a {
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.options .optionLists .optionHeader > a:before {
	position: absolute;
	width: 14px;
	height: 100%;
	top: 0;
	right: 10px;
	content: '';
	background:url(../../img/icn/icn_navigation_upper.png) no-repeat center center / 14px 8px;
}
.options .optionLists .optionHeader > a.more:before {
	background:url(../../img/icn/icn_navigation_lower.png) no-repeat center center / 14px 8px;
}

.options .optionLists ul.optionList {
	border:1px solid #AAA;
}
.options .optionLists ul.optionList li.option {
	padding:10px 5px;
	border-bottom:1px solid #AAA;
	display:table;
	width:100%;
	table-layout:fixed;
}
.options .optionLists ul.optionList li.option:last-child {
	border-bottom:none;
}
.options .optionLists ul.optionList li.option.pc {
	display:none;
}
.options .optionLists ul.optionList li.option .selectHeader {
	font-size:1.1em;
	font-weight:bold;
	color:#555;
	margin-bottom:3px;
	display:table-cell;
	width:40%;
}
.options .optionLists ul.optionList li.option select {
	margin:0;
	padding:3px;
	font-size:1em;
	line-height:1em;
	color: #555;
	border: 1px solid #B3B3B3;
	border-radius: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display:table-cell;
	width:100%;
}
.option select option{
}
/* .optionsChangeDisp */

.optionsChangeDisp {
	display:none;

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px){

	.options .optionLists ul.optionList li.option {
		display: inline-block;
		width: 49%;
		margin: 0;
		vertical-align: top;
		border-bottom:none;
	}
	.options .optionLists.filterYear ul.optionList li.option {
		width: 16%;
	}

	.options .optionLists ul.optionList li.option .selectHeader {
		display: inline-block;
		width: 45%;
		vertical-align: top;
	}
	.options .optionLists ul.optionList li.option select,
	.options .optionLists ul.optionList li.option .abcs {
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}


}
@media only screen and (min-device-width: 1280px){
	.options .optionLists {
		margin:0 0 30px 0;
	}
	.options .optionLists .optionHeader {
		font-size:1.1em;
		padding:5px 5px 5px 5px;
		border-bottom:2px solid #555;
	}
	.options .optionLists .optionHeader > a {
		display:none;
	}
	.options .optionLists ul.optionList {
	}
	.options .optionLists ul.optionList li.option {
		display:block;
		border-bottom:1px dotted #888;
	}
	.options .optionLists ul.optionList li.option.pc {
		display:block;
	}

	.options .optionLists ul.optionList li.option .selectHeader {
		font-size:1em;
		display:block;
		width:auto;
	}
	.options .optionLists ul.optionList li.option select {
		display:block;
		width:100%;
		max-width:170px;
	}
}
/* /.options */

/* .subLinks */
.subLinks {
	margin:0 5px 10px 5px;
	text-shadow:none;
}
.subLinkLists {
	padding:0 0 10px 0;
	background:#EEE;
	border:1px solid #EEE;
}
.subLinkListHeader {
	font-size:1.2em;
	padding:10px 5px;
	background:#555;
	color:#FFF;
	border-bottom:1px solid #DDD;
}
.subLinkList {
	border-top:1px solid #AAA;
}
.subLinkList > li {
	padding:5px 5px 5px 18px;
	border-bottom:3px dotted #444;
	background:url("../../img/icn/icn_arrow_link_666.png") no-repeat 2px center;
	background-size:12px 12px;
}
.subLinkList > li a {
	display:block;
	padding:2px 0;
	color:#444;
	text-decoration:none;
}
.subLinkList > li a:hover {
	background:#DDD;
	color:#222;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) {

	.subLinkList > li {
		display: inline-block;
		margin: 10px 20px 0 5px;
		border-bottom: none;
	}

}
@media only screen and (min-device-width: 1280px) {
	.subLinks {
		margin:0 0 30px 0;
	}
	.subLinkListHeader {
		font-size:1.1em;
		padding:5px 5px 5px 5px;
		border-bottom:2px solid #555;
	}
	.subLinkList {
		border-top:none;
	}
}
/* /.subLinks */


/* .abcs */
.abcs {
}
.abcLists {
	display:table;
	text-align:center;
}
.abcLists .abcList {
	display:table-cell;
	font-size:0.9em;
}
.abcLists .abcList .abc {
	display:block;
	width:32px;
	height:32px;
	line-height:32px;
	background:#fff;
	color:#555;
	margin:0 0 0 0;
	border:1px solid #B3B3B3;
	font-weight:normal;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:1px 1px 1px 1px;
	font-size:1.1em;
	text-decoration:none;
}
.abcLists .abcList:first-child .abc {
	margin:1px 1px 1px 0px;
}
.abcLists .abcList:last-child .abc {
	margin:1px 0px 1px 1px;
}
.abcLists .abcList .abc:first-child {
}
.abcLists .abcList .abc.abcAll {
	display:block;
	width:168px;
	background:#FFF;
	padding:0;
}
.abcLists .abcList .abc:hover ,
.abcLists .abcList .abc.active {
	background:#555;
	color:#FFF;
	text-decoration:none;
	text-shadow:none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) {
	.abcLists .abcList .abc {
		width:35px;
		height:35px;
		line-height:35px;
	}
	.abcLists .abcList .abc.abcAll {
		width:183px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1279px) and (orientation: landscape){
	.abcLists .abcList .abc {
		width:40px;
		height:40px;
		line-height:40px;
	}
	.abcLists .abcList .abc.abcAll {
		width:208px;
	}
}
@media only screen and (min-device-width: 1280px) {

}
/* /.abcs */