@charset "utf-8";

/****************************** pc・sp共通 ******************************/
/* 特集 ========================================= */
article{
	min-width:1200px;
	background: url(/uploads/image/xpvi/no1/bg_line.gif) repeat-y center top;
	background-size: auto;
	padding-bottom: 80px;
}

/* タイトル ------------------------------ */
.pickup #pickuptitle{
	width:100%;
	min-width:1200px;
	margin-bottom:50px;
	padding:60px 0;
	background:#00a7ac no-repeat center center;
	background-size:cover;
}
.vol37jp #pickuptitle{
    background-image: url(/uploads/image/xpv/images/bg_pickup.jpg);
}

.pickup #pickuptitle #pickupbox{
	width:1160px;
	padding:0 20px;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
}
.pickup #pickuptitle #pickupbox #pickupmark{
	letter-spacing:1px;
	font-size:18px;
	line-height:1.0;
	font-weight:400;
	border:1px solid #ffffff;
	display:table;
	margin:0 auto 20px;
	padding:3px;
}
.pickup #pickuptitle #pickupbox #pickupmark span{
	font-size:12px;
}
.pickup #pickuptitle #pickupbox h1{
	font-size:48px;
	line-height:60px;
	letter-spacing:3px;
	font-weight:800;
	margin-bottom:20px;
}
.pickup #pickuptitle #pickupbox h1 span{
	font-size:25px;
	display: block;
	line-height:1.8;
	letter-spacing:2px;
	font-weight:500;
}

/* 記事エリア ------------------------------ */

.pickup .pickupwrap{
	width:1160px;
	padding:0 20px;
	margin:0 auto;
}
.pickup .pickupwrap #pickupcopy{
	text-align:center;
	width:940px;
	margin:0 auto;
	padding:20px 0;
	color:#00a7ac;
	font-weight:300;
	background-color:#ffffff;
	margin-bottom:50px;
	line-height:2.4;
	font-size:15px;
}
.pickup .historywrap{
	width:1000px;
	margin:0 auto;
	font-size:14px;
	line-height:2.4;
}
.pickup .keywordback {
    background: #fff;
    padding: 40px 0 70px 0;
}
.pickup .keywordwrap {
    margin-bottom: 30px;
}
.pickup .keywordwrap p {
	text-align:center;
    color:#00a7ac;
	font-size:40px;
	font-weight:800;
    line-height: 1.3;
}
.pickup .keywordwrap span {
    display: table;
	margin:0 auto;
}
.pickup .keywordwrap .keyword {
	padding: 0 20px;
    margin-bottom: 15px;
	text-align:center;
    color:#ffe100;
    background-color:#00a7ac;
	font-size:13px;
	font-weight:bold;
}
.pickup .keywordwrap .sub {
    color:#00a7ac;
	font-size:13px;
	font-weight:bold;
}
.pickup .historywrap .keywordtitle {
    text-align: center;
}
.pickup .historywrap .keywordtitle p {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 30px
}
.pickup .historywrap h2{
	font-size:18px;
	line-height: 1.6;
	margin-bottom: 10px;
	font-weight: 700;
}


.pickup .historywrap .historybox01,
.pickup .historywrap .historybox02,
.pickup .historywrap .historybox04{
	position:relative;
	width:940px;
	margin:0 auto 40px;
}
.pickup .historywrap .historybox02_custom{
	margin:0 auto;
}
.pickup .historywrap .historybox01 .textl{
	position: relative;
	float:left;
	width:440px;
	padding: 0 31px 10px 0;
	background: url(/uploads/image/xpv/images/allow_left.gif) #ffffff no-repeat right center;
	z-index: 10;
}
.pickup .historywrap .historybox01 .textl::after{
	content: "";
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	right:30px;
	z-index:-1;
}

.pickup .historywrap .historybox02 .textr{
	position: relative;
	float:right;
	width:437px;
	padding:20px 0 10px 31px;
	background: url(/uploads/image/xpv/images/allow_right.gif) #ffffff no-repeat left center;
	z-index: 10;
}
.pickup .historywrap .historybox02 .textr::after{
	content: "";
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
}
.pickup .historywrap .historybox01 .imgr{
	float:right;
	width:439px;
	padding-left:30px;
}
.pickup .historywrap .imgr span,
.pickup .historywrap .imgl span,
.pickup .historywrap .historybox03 p span,
.pickup .coverimg span{
	display: block;
	padding: 3px 0;
	text-align: center;
	font-size: 12px;
}
.pickup .historywrap .bgyear {
    color: #00a7ac;
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 20px;
}
.pickup .coverimg span{
	margin-bottom: 20px;
}


.pickup .historywrap .historybox02 .imgl{
	float:left;
	width:440px;
	padding-right:30px;
}

.pickup .historywrap .historybox03{
	width: 300px;
	background-color: #ffffff;
	float: left;
	margin:0 49px 50px 0;
	font-size: 13px;
	line-height: 2.4;
}
.pickup .historywrap .historybox03:first-child{
	margin-left: 2px;
}
.pickup .historywrap .historybox03:nth-child(2){
	/*margin: 30px 49px 50px 0;*/
	margin: 0px 49px 50px 0;
}
.pickup .historywrap .historybox03:last-child{
	/*margin: 60px 0 50px 0;*/
	margin: 0px 0 50px 0;
}
.pickup .historywrap .historybox03_forcrane{
	margin: 0 0 50px 0 !important;
}
.pickup .historywrap .historybox03 .textpack{
	padding: 20px 0;
	position: relative;
	z-index: 10;
}
.pickup .historywrap .historybox03 .textpack::after{
	content: "";
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
}
.pickup .mask{
	height: 310px;
	overflow: hidden;
	margin: 0;
}
.pickup .coverstyle{
	width: 100%;
	min-width: 1200px;
	margin: 0 auto 30px;
	height: 600px;
}
.pickup .coverimg .coverstyle{
	margin: 0 auto;
}

.pickup .historywrap .historybox01-custom{
	width: 970px;
	margin: 0 0 50px 30px;
}
.pickup .historywrap .historybox01-custom .imgr{
	width:469px;
}
.pickup .historywrap .historybox04 #year1994,
.pickup .historywrap .historybox04 #year2008,
.pickup .historywrap .historybox04 #year2012{
	background-color: #ffffff;
	padding: 30px 0 20px;
	z-index: 10;
	position: relative;
}
.pickup .historywrap .historybox04 #year2008,
.pickup .historywrap .historybox04 #year2012{
	margin-top:-30px; 
}
.pickup .historywrap .historybox04 .floatl,
.pickup .historywrap .historybox04 .floatr{
	width: 445px;
}
.pickup .historywrap .historybox04 #year1994::after,
.pickup .historywrap .historybox04 #year2008::after,
.pickup .historywrap .historybox04 #year2012::after{
	content: "";
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
}
.pickup .historywrap .anotherbox{
	border:1px solid #e6e6e6;
	background-color: #eeeeee;
	border-left: 0;
	box-sizing: border-box;
	padding: 20px 20px 0;
}
.pickup .historywrap .anotherbox2{
	/*border:1px solid #89e5e8;*/
	border:1px solid #e6e6e6;
	background-color: #eeeeee;
	box-sizing: border-box;
	padding: 20px 20px 0;
}
.pickup .historywrap .bigtopic{
	font-size: 30px;
	line-height: 1.4;
	font-weight: 700;
}

/***　各画像調整　***/
#year2005 {
    display: table;
    text-align: center;
}
#year2005 img {
    width: 300px;
    height: auto;
}

/* 特集「top message」========================================= */

.topmessage article{
	background: none;
}
.topmessage .pickupmessage {
    width: 800px;
    margin: 0 auto;
    position: relative;
}
.topmessage .icon90 {
    width: 160px;
    height: 160px;
    position: absolute;
    right: 10px;
    top: -120px;
}
.topmessage .icon90 img {
    width: 160px;
    height: 160px;   
}
.topmessage .pickupmessage .pic_topmessage {
    margin-bottom: 50px;
}
.topmessage .pickupmessage p.mainmessage {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
}
.topmessage .pickupmessage p {
    font-size: 14px;
    line-height: 2.4;
    margin-bottom: 40px;
}
.topmessage .pickupmessage p.name {
    text-align: right;
}
.topmessage .pickupmessage p.name img {
    width: 150px;
    margin-top: 5px;
}
.footerlink {
    background: none;
    margin-top: 50px;
    padding-bottom: 0;
}


/****************************** pc限定 ******************************/
@media screen and (min-width: 768px){

}

/****************************** sp限定 ******************************/
@media screen and (max-width: 767px){

article{
	min-width:100%;
	background: none;
	padding:0 0 30px 0;
}

/* sp_タイトル ------------------------------ */
.pickup #pickuptitle{
	width:90%;
	min-width:90%;
	padding:50px 5%;
	margin-bottom:30px;
}
.pickup #pickuptitle #pickupbox{
	width:100%;
	padding:0;
}
.pickup #pickuptitle #pickupbox #pickupmark{
	font-size:15px;
	padding:2px;
	margin:0 auto 5px;
}
.pickup #pickuptitle #pickupbox #pickupmark span{
	font-size:12px;
}
.pickup #pickuptitle #pickupbox h1{
	font-size:28px;
	line-height:40px;
	margin-bottom:0px;
	letter-spacing:1px;
}
.pickup #pickuptitle #pickupbox h1 span{
	font-size:15px;
	line-height:1.6;
	font-weight:500;
	/*display: block;
	letter-spacing:1px;*/
}

/* sp_記事エリア ------------------------------ */
.pickup .pickupwrap #pickupcopy{
	width:100%;
	padding:0;
	font-size: 13px;
	line-height: 2.0;
	margin-bottom:40px;
	text-align:left;
	/*margin:0 auto;
	color:#00a7ac;
	font-weight:300;
	background-color:#ffffff;
	font-size:15px;*/
}    
.pickup .keywordback {
    padding: 0 0 30px 0;
}
.pickup .pickupwrap{
	width:90%;
	padding:0 5%;
	/*margin:0 auto;*/
}
.pickup .keywordwrap .keyword {
    margin-bottom: 5px;
}
.pickup .keywordwrap p {
	font-size:32px;
	font-weight:800;
    line-height: 1.5;
}
.pickup .historywrap{
	width:90%;
	font-size:14px;
	line-height:1.9;
    padding-bottom: 30px;
	/*margin:0 auto;*/
}
.pickup .keywordwrap {
    margin-bottom: 20px;
}
.pickup .historywrap .keywordtitle p {
    font-size: 21px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 20px
}
.pickup .historywrap .keywordtitle {
    text-align: left;
}
.pickup .historywrap h2{
	font-size:15px;
	/*line-height: 1.6;
	margin-bottom: 10px;*/
}
.pickup .historywrap .historybox01,
.pickup .historywrap .historybox02,
.pickup .historywrap .historybox04{
	width:100%;
	margin:0 auto 30px;
	/*position:relative;*/
}
.pickup .historywrap .historybox02_custom{
	/*margin:0 auto;*/
}
.pickup .historywrap .historybox01 .textl{
	float:none;
	width:100%;
	padding:10px 0 0 0;
	background: none;
	/*position: relative;
	z-index: 10;*/
}
.pickup .historywrap .bgyear {
    margin-bottom: 15px;
    font-size: 24px;
}
.pickup .historywrap .historybox01 .textl::after{
	right:0;
	/*content: "";
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	z-index:-1;*/
}

.pickup .historywrap .historybox02 .textr{
	float:none;
	width:100%;
	padding:15px 0 0 0;
	background:none;
	/*position: relative;
	z-index: 10;*/
}
.pickup .historywrap .historybox02 .textr::after{
	/*content: "";
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;*/
}
.pickup .historywrap .historybox01 .imgr{
	float:none;
	width:100%;
	padding-left:0px;
}


/*.pickup .historywrap .imgr span,
.pickup .historywrap .imgl span,
.pickup .historywrap .historybox03 p span,
.pickup .coverimg span{
	display: block;
	padding: 3px 0;
	text-align: center;
	font-size: 12px;
}
.pickup .coverimg span{
	margin-bottom: 20px;
}*/


.pickup .historywrap .historybox02 .imgl{
	float:none;
	width:100%;
	padding-right:0px;
}
.pickup .historywrap .historybox03{
	width: 100%;
	float: none;
	margin:0 0 30px 0;
	font-size: 14px;
	line-height: 1.9;
	/*background-color: #ffffff;*/
}
.pickup .historywrap .historybox03:first-child{
	margin-left: 0px;
}
.pickup .historywrap .historybox03:nth-child(2){
	margin: 0 0 30px 0;
}
.pickup .historywrap .historybox03:last-child{
	margin: 0 0 30px 0;
}
.pickup .historywrap .historybox03_forcrane{
	margin: 0 0 30px 0 !important;
}
.pickup .historywrap .historybox03 .textpack{
	padding: 15px 0 0;
	position: relative;
	z-index: 10;
}
.pickup .historywrap .historybox03 .textpack::after{
	/*content: "";
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;*/
}
.pickup .mask{
	height: auto;
	/*margin: 0;
	overflow: hidden;*/
}
.pickup .coverstyle{
	margin: 0 auto 20px;
	height: 380px;
	min-width: 100%;
	/*width: 100%;*/
}
.pickup .historywrap .historybox01-custom{
	margin: 0 0 30px 0;
	width: 100%;
}
.pickup .historywrap .historybox01-custom .imgr{
	width:100%;
}
.pickup .historywrap .historybox04 #year1994,
.pickup .historywrap .historybox04 #year2008,
.pickup .historywrap .historybox04 #year2012{
	padding: 20px 0 0;
	/*background-color: #ffffff;
	z-index: 10;
	position: relative;*/
}
.pickup .historywrap .historybox04 #year2008,
.pickup .historywrap .historybox04 #year2012{
	margin-top:-20px; 
}
.pickup .historywrap .historybox04 .floatl,
.pickup .historywrap .historybox04 .floatr{
	width: 100%;
}
.pickup .historywrap .historybox04 #year1994::after,
.pickup .historywrap .historybox04 #year2008::after,
.pickup .historywrap .historybox04 #year2012::after{
	/*content: "";
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	right:0;
	z-index:-1;*/
}
.pickup .historywrap .anotherbox{
	border-left: 1px solid #e6e6e6;
	padding: 15px 20px 20px;
	/*border:1px solid #e6e6e6;
	box-sizing: border-box;*/
}
.pickup .historywrap .anotherbox2{
	/*border:1px solid #89e5e8;
	box-sizing: border-box;*/
	padding: 20px;
}
.pickup .historywrap .bigtopic{
	font-size: 20px;
	margin-bottom: 15px;
}

.pickup span.line01 {
    line-height: 0.5;
}
.topmessage .pickupmessage {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.topmessage .pickupmessage p {
    line-height: 1.9;
    margin-bottom: 30px;
}
.topmessage .pickupmessage p.mainmessage {
    font-size: 21px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 20px
}
.topmessage .pickupmessage .pic_topmessage {
    margin-bottom: 30px;
}
.topmessage .icon90 {
    width: 110px;
    height: 110px;
    position: absolute;
    right: 10px;
    top: -60px;
}
.topmessage .icon90 img {
    width: 110px;
    height: 110px;   
}
.topmessage .pickupmessage p.name img {
    width: 100px;
    margin-top: 5px;
}
.footerlink {
    margin-top: 0;
}

}

@media screen and (max-width: 360px){

}