@charset "utf-8";
/* CSS Document */

/* pickup.html
======================================*/
/*-- ボタンエリアここから --*/
.genre_btnArea {
	margin-bottom: 68px;
	background-color: #fff;
}

.genre_btn {
	float: left;
	margin: 0 12px 12px 0;
}

.genre_btn.genre_btn01 {
	margin: 0 11px 12px 0;
}

.genre_btn.genre_btn06,
.genre_btn.genre_btn08 {
	margin-right: 0;
}

.genre_btn a {
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 58px;
	border-width: 3px;
	border-style: solid;
	border-radius: 35px;
	transition: all .3s;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.genre_btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin: 16px 0 0 -4px;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #007bff transparent transparent transparent;
	transition: all .3s;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.genre_btn a:hover,
.genre_btn a.check {
	color: #fff;
}

.genre_btn a:hover:after,
.genre_btn a.check:after {
	border-color: #fff transparent transparent transparent;
}

.genre_btn01 a {
	padding: 0 30px;
	color: #e60012;
	border-color: #e60012;
}

.genre_btn01 a:after,
.genre_btn01 a.check {
	border-color: #e60012 transparent transparent transparent;
}

.genre_btn01 a:hover,
.genre_btn01 a.check {
	background-color: #e60012;
}

.genre_btn02 a {
	padding: 0 29px;
	color: #920783;
	border-color: #920783;
}

.genre_btn02 a:after,
.genre_btn02 a.check {
	border-color: #920783 transparent transparent transparent;
}

.genre_btn02 a:hover,
.genre_btn02 a.check {
	background-color: #920783;
}

.genre_btn03 a {
	padding: 0 28px;
	color: #009d85;
	border-color: #009d85;
}

.genre_btn03 a:after,
.genre_btn03 a.check {
	border-color: #009d85 transparent transparent transparent;
}

.genre_btn03 a:hover,
.genre_btn03 a.check {
	background-color: #009d85;
}

.genre_btn04 a {
	padding: 0 20px;
	color: #ec6941;
	border-color: #ec6941;
}

.genre_btn04 a:after,
.genre_btn04 a.check {
	border-color: #ec6941 transparent transparent transparent;
}

.genre_btn04 a:hover,
.genre_btn04 a.check {
	background-color: #ec6941;
}

.genre_btn05 a {
	padding: 0 27px;
	color: #303a9a;
	border-color: #303a9a;
}

.genre_btn05 a:after,
.genre_btn05 a.check {
	border-color: #303a9a transparent transparent transparent;
}

.genre_btn05 a:hover,
.genre_btn05 a.check {
	background-color: #303a9a;
}

.genre_btn06 a {
	padding: 0 20px;
	color: #007130;
	border-color: #007130;
}

.genre_btn06 a:after,
.genre_btn06 a.check {
	border-color: #007130 transparent transparent transparent;
}

.genre_btn06 a:hover,
.genre_btn06 a.check {
	background-color: #007130;
}

.genre_btn07 a {
	padding: 0 18px 0 17px;
	color: #eb6877;
	border-color: #eb6877;
}

.genre_btn07 a:after,
.genre_btn07 a.check {
	border-color: #eb6877 transparent transparent transparent;
}

.genre_btn07 a:hover,
.genre_btn07 a.check {
	background-color: #eb6877;
}

.genre_btn08 a {
	padding: 0 20px;
	color: #62c1de;
	border-color: #62c1de;
}

.genre_btn08 a:after,
.genre_btn08 a.check {
	border-color: #62c1de transparent transparent transparent;
}

.genre_btn08 a:hover,
.genre_btn08 a.check {
	background-color: #62c1de;
}

/*-- ボタンエリアここまで --*/

.pickupWrap {
	margin-bottom: 80px;
}

.cornerArea {
	margin-bottom: 55px;
}

.cornerArea h3.cornerTtl {
	margin-bottom: 16px;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}

#cornerArea_mono h3.cornerTtl {
	color: #e60012;
}

#cornerArea_kuruma h3.cornerTtl {
	color: #004098;
}

#cornerArea_iot h3.cornerTtl {
	color: #920783;
}

#cornerArea_kankyo h3.cornerTtl {
	color: #007130;
}

#cornerArea_bousai h3.cornerTtl {
	color: #009d85;
}

#cornerArea_sangakukan h3.cornerTtl {
	color: #f08300;
}

#cornerArea_bland h3.cornerTtl {
	color: #e95383;
}

#cornerArea_chushou h3.cornerTtl {
	color: #00a0e9;
}

.pickupLists {
	padding: 34px 38px 4px;
	letter-spacing: -0.4em;
}

#cornerArea_mono .pickupLists {
	background-color: #f4e5e4;
}

#cornerArea_kuruma .pickupLists {
	background-color: #d9e2ee;
}

#cornerArea_iot .pickupLists {
	background-color: #f5ebf4;
}

#cornerArea_kankyo .pickupLists {
	background-color: #e4f5eb;
}

#cornerArea_bousai .pickupLists {
	background-color: #d9eae7;
}

#cornerArea_sangakukan .pickupLists {
	background-color: #fbf3ea;
}

#cornerArea_bland .pickupLists {
	background-color: #f7e8ed;
}

#cornerArea_chushou .pickupLists {
	background-color: #ebf3f7;
}

.pickupBox {
	display: inline-block;
	width: 220px;
	margin: 0 14px 30px 0;
	vertical-align: top;
	letter-spacing: normal;
}

.pickupBox:nth-of-type(4n) {
	margin: 0 0 30px 0;
}

.pickupBox a {
	width: 220px;
	height: 220px;
	display: table-cell;
	transition: all .3s ease-in-out;
	text-align: center;
	vertical-align: middle;
	background: #FFF;
}

.pickupBox a:hover {
	opacity: 0.7;
}

.is-fixed {
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 101;
	width: 100%;
}

.pickupName {
	padding-top: 5px;
}

@media screen and (max-width: 1350px) {
	.is-fixed {
		top: 77px;
	}
}

.is-fixed ul {
	max-width: 1000px;
	padding: 10px 0 4px;
	margin: auto;
}

.is-fixed .genre_btn {
	margin-bottom: 7px;
}

.is-fixed .genre_btn a {
	line-height: 34px;
}

.is-fixed .genre_btn a:after {
	display: none;
}



/* 詳細
======================================*/
.pick_headArea {
	position: relative;
	padding: 26px 0 29px;
	margin-bottom: 13px;
	background: url("../../img/common/sub_ttl_bg.png") no-repeat center center;
	border-bottom: 2px solid #eee;
}

.pick_headArea:after {
	content: "";
	position: absolute;
	bottom: -1.5px;
	left: 50%;
	z-index: 1;
	width: 200px;
	height: 3px;
	margin-left: -100px;
	background-color: #c92222;
}

.pick_headTxt {
	width: 250px;
	margin: 0 auto 30px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.3em;
	line-height: 46px;
	text-align: center;
	text-indent: 0.3em;
	color: #666;
	border: 1px solid #a0a0a0;
}

h2.pickupCom {
	margin-bottom: 14px;
	font-size: 3.0rem;
	font-weight: 900;
	letter-spacing: 0.05em;
	text-align: center;
	color: #000;
}

.txtPr {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 1.1rem;
	color: #ccc;
}

.pickupCat_area {
	display: table;
	margin: auto;
	text-align: center;
}

.pickupCat_area p {
	vertical-align: middle;
}

.pickupCat_area p.pickupCat,
.pickupCat_area p.pickupCat_num {
	display: table-cell;
	vertical-align: middle;
}

.pickupCat_area p.pickupCat {
	padding: 0 10px;
	margin-right: 15px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 42px;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	color: #fff;
}

.pickupCat_area p.pickupCat_num {
	padding: 0 10px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	border-width: 1px;
	border-style: solid;
}

.target1 p.pickupCat {
	background-color: #e60012;
}

.target1 p.pickupCat_num {
	color: #e60012;
	border-color: #e60012;
}

.target2 p.pickupCat {
	background-color: #303a9a;
}

.target2 p.pickupCat_num {
	color: #303a9a;
	border-color: #303a9a;
}

.target3 p.pickupCat {
	background-color: #920783;
}

.target3 p.pickupCat_num {
	color: #920783;
	border-color: #920783;
}

.target4 p.pickupCat {
	background-color: #007130;
}

.target4 p.pickupCat_num {
	color: #007130;
	border-color: #007130;
}

.target5 p.pickupCat {
	background-color: #009d85;
}

.target5 p.pickupCat_num {
	color: #009d85;
	border-color: #009d85;
}

.target6 p.pickupCat {
	background-color: #ec6941;
}

.target6 p.pickupCat_num {
	color: #ec6941;
	border-color: #ec6941;
}

.target7 p.pickupCat {
	background-color: #eb6877;
}

.target7 p.pickupCat_num {
	color: #eb6877;
	border-color: #eb6877;
}

.target8 p.pickupCat {
	background-color: #62c1de;
}

.target8 p.pickupCat_num {
	color: #62c1de;
	border-color: #62c1de;
}

.pickupConts_wrap {
	margin-bottom: 60px;
}

.pickupConts_l {
	float: left;
	width: 520px;
	padding: 40px 32px 36px;
	border: 1px solid #c9c9c9;
}

h3.pickConts_boxTtl {
	padding-bottom: 11px;
	margin-bottom: 23px;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: 0.3em;
	border-bottom: 5px solid #eee;
}

.pickupConts_l p {
	font-size: 1.9rem;
	line-height: 2.6rem;
}

.pickExhibits {
	margin-bottom: 40px;
}

.pickupConts_r {
	float: right;
	width: 460px;
}

.comInfo_table {
	margin-top: 13px;
}

.comInfo_table table {
	width: 100%;
	border-top: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
}

.comInfo_table th,
.comInfo_table td {
	padding-top: 17px;
	padding-bottom: 18px;
	border-left: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	vertical-align: middle;
}

.comInfo_table th {
	width: 160px;
	text-align: center;
}

.comInfo_table td {
	padding: 0 15px;
}

.comInfo_table td a:hover {
	text-decoration: underline;
}

.pickBtn {
	clear: both;
}

.pickBtn {
	text-align: center;
}

.btnBack_lists {
	position: relative;
	display: inline-block;
	width: 333px;
	height: 64px;
	margin-top: 50px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 58px;
	color: #fff;
	background-color: #c92222;
	border: 3px solid #c92222;
	border-radius: 50px;
	transition: all .3s ease-in-out;
}

/*
.btnBack_lists:before {
    content: "";
    position: absolute;
    left: 21px;
    top: 50%;
    width: 9px;
    height: 9px;
    margin-top: -4px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    transition: all .3s ease-in-out;
}
*/

.btnBack_lists:hover {
	color: #c92222;
	background-color: #fff;
}

.btnBack_lists:hover:before {
	border-color: #c92222;
}

.pickStar {
	margin-bottom: 20px;
	text-align: right;
	color: #aaa;
}


/* SliderPro
--------------------------------------------------*/
.slider-pro {
	position: relative;
	margin: 0 auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.sp-slides-container {
	position: relative;
}

.sp-mask {
	position: relative;
	overflow: hidden;
}

.sp-slides {
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.sp-slide {
	position: absolute;
}

.sp-image-container {
	overflow: hidden;
}

.sp-image {
	position: relative;
	display: block;
	border: none;
}

.sp-no-js {
	overflow: hidden;
	max-width: 100%;
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
	cursor: url(images/openhand.cur), move;
}

.sp-grabbing {
	cursor: url(images/closedhand.cur), move;
}

.sp-selectable {
	cursor: default;
}

/* Buttons
--------------------------------------------------*/
#slideArea .sp-buttons {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

#slideArea .sp-rtl .sp-buttons {
	direction: rtl;
}

#slideArea .sp-full-screen .sp-buttons {
	display: none;
}

#slideArea .sp-button {
	width: 12px;
	height: 12px;
	margin: 2px;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #dcdcdc;
	border: none;
	border-radius: 0;
}

#slideArea .sp-selected-button {
	background-color: #c92222;
}

/* 追記 */
#slideArea li {
	display: table;
}

#slideArea .slideInner {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}