@charset "utf-8";

#wrap{
/* 	min-height:100%; */
	width: 980px;
	margin:110px auto 0;
	padding:0;
	text-align:left;
/* 	background:url(../img/magazine/bg_wrap_new.gif) 0 0 repeat-y; */
	overflow: hidden;
	position: relative;
	
}

#magazine.page #wrap{
	background: #f7f7f7;
}

.darken{
	opacity: 0.6;
}

.height{
	height: 100%;
	width: auto;
	max-width: inherit;
}

/* *********************************
FileName: magazine.css
UpdatedBy: 20180420
*********************************** */

/* *********************************
000 : Base Layout
001 : page Layout
002 : clearfix
*********************************** */

/* *********************************
000 : Base Layout
*********************************** */

/* mainArea
-------------------------- */

#magazine #contentTop #floatmg {
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	height: 100%;
	background: rgba(178,178,178,0.9);
	font-size: 1.2rem;
	line-height: 1.5rem;
	
}

#contentTop { 
	position:relative;
/* 	background-color:#e6e6e6; */
	background: #bebebe;
	width: 100%;
	margin-bottom: 10px;
}

#contentTop #mainArea {
	width: 100%;
	color: #666;
}

#mainArea a{
	color: #fff;
}

#mainArea a:hover,
.peatix:hover{
	opacity: 0.8;	
}

.peatix_m{
	display: none;
}


#mainArea .new{
	border: 1px #fff solid;
	font-size: 0.8em;
	width: 3em;
/* 	height: 1em; */
	vertical-align: top;
	padding: 0 0.3em;
	margin-left: 0.5em;
	font-family: 'Typonine Sans 2';
	font-weight: 200;
}

#mainArea .bordered{
	border: 1px #fff solid;
	font-size: 0.7em;
	width: 3em;
/* 	height: 1em; */
	vertical-align: 0.05em;
	padding: 0.2em 0.3em 0;
	margin-right: 0.5em;
/* 	font-family: 'Typonine Sans 2'; */
	font-weight: 200;
	display: inline-block;
	text-align: center;
}


/* *********************************
001 : page Layout
*********************************** */

/* index
-------------------------- */

#contentTop #mainArea .mainImage {
	position:relative;
	background: #bebebe;
	width: 100%;
	height: 500px;
	padding-right: 190px;
}

#contentTop #mainArea .mainImage > div{
	position: absolute;
	width: 100%;
/* 	height: 210px; */
	bottom: 0;
	padding: 13px 233px 15px 27px;
	background: rgba(0,183,224,0.65);
	color: #fff;
	overflow: hidden;
}

#contentTop #mainArea .mainImage h1{
	font-size: 3.2rem;
/* 	font-family:'Meiryo W53 Bold'; */
	display: block;
	width: 100%;
	margin-bottom: 18px;
/*
	text-indent : -3em;
	padding-left : 3em;
*/
}

#contentTop #mainArea .mainImage .topcaption{
	width: 536px;
	font-size: 1.25rem;
	float: left;
	line-height: 1.8rem;
	text-align: justify;
}
	
#contentTop #mainArea .mainImage p.intro {
	float: right;
	width: 165px;
	height: 40px;
}

#contentTop #mainArea .mainImage p.intro a{
	display: block;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background: rgba(255,255,255,0.95);
	color: #4d4f54;
	font-size: 1.8rem;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.65);
}

#contentTop #mainArea .mainImage p.intro a:hover{
	opacity: 0.8;
}

#contentTop #mainArea .mainImage p.intro a span{
	position: relative;
	padding-left: 1em;
}

#contentTop #mainArea .mainImage p.intro a span:before{
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	background: #4d4f54;
	left: -0.2em;
	top: 0.25em;
/* 	bottom: 0; */
	border-radius: 17px;
}

/*
#contentTop #mainArea .mainImage p.intro a span:after{
	position: absolute;
	content: "";
	left: 0.135em;
	top: 0.5em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.2em 0 0.2em 0.3464em;
	border-color: transparent transparent transparent #fff;

}
*/

#contentTop #mainArea .mainImage p.intro a span:after{
	content: "";
	width: 0.3em;
	height: 0.3em;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0.6em;
	left: 0.05em;
}

.topUpdate {
	font-family: 'Typonine Sans 2';
	font-size: 4.8rem;
	vertical-align: text-bottom;
	margin-bottom: 10px;
}

.topUpdate span{
	font-size: 66%;	
}

.topUpdate span.update{
	font-size: 1.5rem;
/* 	font-family: 'Typonine Sans Light 2'; */
	padding: 0 0 10px 1em;
	vertical-align: 0px;
}

/*--- CROSS TALK ---*/
#contentTop #mainArea .crossTop {
	width:100%;
/* 	height:383px; */
	position:relative;
	padding: 8px 190px 8px 0;
	box-shadow: 0 8px 0 #00b5e2 inset,0 -8px 0 #00b5e2 inset;
	overflow: hidden;
}

/*
#contentTop #mainArea .crossTop:after{
	content:"";
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	box-shadow: 0 8px 0 #00b5e2 inset,0 -8px 0 #00b5e2 inset;
}
*/

.crossLogo{
	position: absolute;
	top: 0;
	width: calc(100% - 190px);
	margin-right: 190px;
	overflow: hidden;
	padding: 0 10px;
	text-align: left;
}

.crossLogo img{
	width: 50%;
/* 	z-index: 5; */	
}

.crossConts{
	position: absolute;
	width: 100%;
/* 	height: 123px; */
	left: 0;
	bottom: 8px;
	background: rgba(75,78,83,0.6);
	color: #fff;
	padding: 13px 233px 5px 27px;
	margin-right: -190px;
	overflow: hidden;
}

.crossTtl{
	width: 410px;
	float: left;
}

.crossTtl p.firstCap{
	font-size: 1.0rem;
	margin-bottom: 1rem;
	white-space: nowrap;
}

.crossTtl h2{
/* 	font-family:'Meiryo W53 Bold'; */
	margin-bottom: 15px;
}

.crossMember{
	width: 310px;
	float: left;
	overflow: hidden;
	margin-top: 2rem;
}

.crossMember dl{
	width: 120px;
	float: left;	
	position: relative;
}

.crossMember dl{
	margin-right: 50px;
}

.crossMember dl:before,
.crossMember dl:after{
	content:'';
	height:1px;
	width:40px;
	display:block;
	background:#fff;
	position:absolute;
	top:15px; right:-44px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}

.crossMember dl:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}

.crossMember dl:last-child:before,
.crossMember dl:last-child:after{
	content:none;
}

.crossMember dl:last-child{
	margin-right: 0;
}


.crossMember dt{
	font-size: 2rem;
	margin-bottom: 0.5rem;
	transform-origin: left bottom;
	transform: scaleX(0.95);
	display: inline-block;
}

.crossMember dd{
	font-size: 0.9rem;
	line-height: 1.4em;
/* 	white-space: nowrap; */
}

.crossMember dd span{
	display: inline-block;
	white-space: nowrap;
}

#contentTop #mainArea p.contsLink{
	margin-bottom: 0.7em;
	position: relative;
	padding-left: 0.9em;
	line-height: 1em;
	font-size: 0.9em;
}


#contentTop #mainArea p.contsLink:before{
	content: "";
	width: 0.5em;
	height: 0.5em;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 20%;
	left: -0.1em;
}

/*--- Slider ---*/
#sliderCross { 
	width: 790px;
/* 	height: 420px; */
/* 	margin-top: 8px; */
	overflow: hidden;
}
/*
#sliderCross ul, #slider00 li { margin: 0; padding: 0;}
#sliderCross li { display: block; width: 790px; height: 367px;
}
*/
	
#sliderCross li{
	width: 100%;
	height: 420px;
}

#sliderCross a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#sliderCross a img{
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);	
}

.i016 #sliderCross a img{
	width: auto;
	height: 100%;
	max-width: inherit;
}

.i017 #sliderCross a img{
	transform: translateY(-55%) translateX(-50%);
}


#contentTop #mainArea .expertIntv > section > a{
	display: block;
}

#contentTop #mainArea #lab{ 
	width: 100%;
	padding: 8px 190px 0 0;
	box-shadow: 0 8px 0 #00b5e2 inset;
}

#contentTop #mainArea #lab > div{
	height: 240px;
/* 	overflow: hidden; */
	position: relative;
}

/*
#lab_img{
	position: absolute;
	top: 0;
	left: 0;
}
*/

#contentTop #mainArea #lab h3{
	color: #fff;
	position: absolute;
	z-index: 10;
	font-size: 2.2rem;
	top: 20px;
	left: 23px;
/* 	font-family: 'Meiryo W53'; */
	text-shadow: 0 0 4px #000;
	font-weight: normal;
}

#contentTop #mainArea #lab h4{
	color: #fff;
	font-size: 1.9rem;
	padding-bottom: 0.5rem;
/* 	font-family: 'Meiryo W53'; */ 
	font-weight: normal;
}

#contentTop #mainArea #lab > div > div{
	position: absolute;
	bottom: 0;
	right: -190px;
/* 	width: 85%; */
/* 	height: 75px; */
	z-index: 10;
	padding: 10px 240px 10px 50px;
	background: linear-gradient(-90deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7) 75%, rgba(0,0,0,0));
}

#contentTop #mainArea #lab > div > div ul{
	font-size: 1.2rem;
}

#contentTop #mainArea #lab > div > div ul li{
	margin-bottom: 0.6rem;
/*
	counter-increment: cnt;
	list-style-position: outside;
*/
}

/*
#contentTop #mainArea #lab > div > div ul li:before{
	display: marker;
	content: "第" counter(cnt) "回：";
	color: #fff;	
}
*/

#contentTop #mainArea #lab > div > div ul li:last-child{
	margin-bottom: 0;
}


/*--- Expert Interview ---*/
#contentTop #mainArea .expertIntv{ 
	width: 100%;
	padding: 0 190px 0 0;
/* 	box-shadow: 0 -8px 0 #00b5e2 inset; */
	background: #f7f7f7;
}
#contentTop #mainArea .expertIntv > section{
	width: 790px;
	background: #f7f7f7;
	overflow: hidden;
	margin-bottom: 5px;
}

#contentTop #mainArea .expertIntv > section:last-child{
	margin-bottom: 0;
}

#contentTop #mainArea .expertIntv h2,
#contentTop #mainArea #lab h2{
	width: 790px;
	background: #f7f7f7;
	padding:18px 0 20px 23px;
	color: #00b5e2;
	font-family: 'Typonine Sans 2';
	font-size: 3.5rem;
	font-weight: normal;
}

#contentTop #mainArea .expertIntv h2 span,
#contentTop #mainArea #lab h2 span{
	font-size: 1.15rem;
	font-family: meiryo, 'Meiryo W53';
	vertical-align: baseline;
	margin-left: 0.5em;
}

#contentTop #mainArea .expertIntv .expertConts{
	width: 415px;
	height: 161px;
	float: right;
	color: #666;
	font-size: 1.1rem;
	line-height: 1.6rem;
	padding: 10px 45px 10px 0;
	border-top: 1px #ccc dashed;
	margin-right: 20px;
}

#contentTop #mainArea .expertIntv .expertConts a{
	color: inherit;
}

#contentTop #mainArea .expertIntv .expertConts p{
	font-feature-settings : "palt";
	line-height: 1.4;
}

#contentTop #mainArea .expertIntv section:first-of-type .expertConts{
	border-top: none;
}

#contentTop #mainArea .expertIntv .expertConts h3{
/* 	font-family: 'Meiryo W53 Regular'; */
	font-size: 1.9rem;
	line-height: 2.2rem;
	margin-bottom: 0.5rem;
}

#contentTop #mainArea .expertIntv .expertConts h4{
	font-size: 1.5rem;
	line-height: 2rem;
	margin-top: -0.5rem;
	margin-bottom: 0.25rem;	
}

#contentTop #mainArea .expertIntv .expertConts .bordered{
	border-color: #666;
	padding: 0.4em 0.3em 0.2em;
	vertical-align: 0.2em;
	line-height: 1;
}

#contentTop #mainArea .expertIntv .expertPhoto{
	width: 330px;
	height: 161px;
	float: left;
	overflow: hidden;
	position: relative;
}

#contentTop #mainArea .expertIntv .expertPhoto > dl,
#contentTop #mainArea .expertIntv .expertPhoto > div{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
/* 	height: 50px; */
	background: rgba(75,78,83,0.6);
	color: #fff;
	padding: 7px 0 7px 22px;
	overflow: hidden;
}

#contentTop #mainArea .expertIntv .expertPhoto > div{
	overflow: hidden;
	padding: 0 0 0 22px;
}

#contentTop #mainArea .expertIntv .expertPhoto > div dl{
	width: 50%;
	float: left;
	padding: 7px 0 7px 7px;
}

#contentTop #mainArea .expertIntv .expertPhoto dl dt{
	font-size: 1.8rem;
	float: left;
/* 	width: 120px; */
	transform-origin: left bottom;
	transform: scaleX(0.95);
/* 	display: inline-block; */
	margin-top: 0.1em;
	margin-right: 1em;
	margin-bottom: 0.2em;
}

#contentTop #mainArea .expertIntv .expertPhoto dl dd{
	font-size: 1rem;
	line-height: 1.2;
/* 	max-width: 55%; */
	transform-origin: left bottom;
	transform: scaleX(0.95);
/* 	display: inline-block; */
	float: left;
}


#contentTop #mainArea .seriesRep { 
	width:100%; 
	padding: 23px 245px 48px 20px; 
	background: #d9d9d9;
	box-shadow: 0 8px 0 #414347 inset,0 -8px 0 #414347 inset;
}


#contentTop #mainArea .seriesRep h2 {
	padding: 0;
	font-family:'Roboto Slab';
	font-weight: 600;
	font-size: 6.5rem;
	color: #949598;
	padding: 5px 0 20px;
	line-height: 1;
}

#contentTop #mainArea .seriesRep h2 span{
	color: #4d4f54;
}
	
#contentTop .seriesRep section.seriesRepTtl {
	margin-bottom: 15px;	
}

#contentTop .seriesRep section.seriesRepTtl p{
	font-size: 1.3rem;
/* 	font-family: 'Meiryo W53'; */
	line-height: 2rem;
	white-space: nowrap;
	font-weight: bold;
}

#contentTop .seriesRep section.seriesRepTtl p:first-child{
	width: 67px;
	height: 19px;
/* 		font-size: 11px; */
	border: 1px solid #4d4f54;
	line-height: 20px;
	text-align: center;
}

#contentTop #mainArea .seriesRep .seriesRepBox{
	width:716px;
/* 	height:300px; */
	margin-bottom: 13px;
	position:relative; 
	background: #f7f7f7;
	color: #777;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

#contentTop #mainArea .seriesRep .seriesRepBox .title{
	display: block;
	width:100%;
	height:42px;
	position:relative;
	line-height: 1;
	color: #fff;
	background: #97d700;
	padding: 0.7rem 14px;
	overflow: hidden;
}

#contentTop #mainArea .seriesRep section.seriesRepBox:last-child .title{
	background: #5949a7;
}

#contentTop #mainArea .seriesRep .seriesRepBox .title h3{
	font-size: 2.1rem;
/* 	font-family: 'Meiryo W53 Regular'; */
	font-weight: normal;
	margin-top: 0.1em;
	line-height: inherit;
	padding-top: 0.4rem;
}

#contentTop #mainArea .seriesRep .seriesRepBox .title p{
/* 	font-family:'AXIS ProN W55 R'; */
	font-size: 2.4rem;
	float: left;
	margin-right: 1em;
}

#contentTop #mainArea .seriesRep .seriesRepBox .title p span.ttlNum{
	font-family:'Roboto Slab';
	font-weight: 600;
	font-size: 2.7rem;
	margin-left: 0.5em;
/* 	vertical-align: text-bottom; */
}

#contentTop #mainArea .seriesRep .seriesRepBox .btnArea {
	width:100%;
	padding: 16px 20px;
	position:relative;
}

#contentTop #mainArea .seriesRep .seriesRepBox .btnArea li{
	margin-bottom: 0.2em;
	font-feature-settings : "palt";
/* 	padding-right: 2.5em; */
	line-height: 1.5;
	padding-left: 3.7em;
	text-indent: -3.7em;
}

#contentTop #mainArea .seriesRep .seriesRepBox .btnArea li a{
	position: relative;
}

#contentTop #mainArea .seriesRep .seriesRepBox .btnArea li span.new{
	border-color: #00abe3;
	color: #00abe3;
	font-family: 'Typonine Sans 2';
/* 	position: absolute; */
/*
	bottom: 0.2em;
	right: -3.5em;
*/
	text-indent: 0;
	display: inline;
	vertical-align: 0.1em;
	font-weight: 600;
}

#contentTop #mainArea .seriesRep .seriesRepBox .btnArea a{
	color: #666;
}

	
/*--- Slider ---*/
#contentTop #mainArea .seriesRep .seriesRepBox ul.slider{ 
	position:relative; 
	width: 100%;
	overflow: hidden;
}

#contentTop #mainArea .seriesRep .seriesRepBox ul.slider li{
	width: 100%; 
	height: 200px;
}

#contentTop #mainArea .seriesRep .seriesRepBox ul.slider li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#contentTop #mainArea .seriesRep .seriesRepBox ul.slider li a p{
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
	z-index: 10;
	font-size: 1.2rem;
}

#contentTop #mainArea .seriesRep .seriesRepBox ul.slider li a img{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);	
}

.i016 #contentTop #mainArea .seriesRep .seriesRepBox ul.slider li a img{
	width: auto;
	height: 100%;
	max-width: inherit;
}

/*
#sliderRep01 ul,#sliderRep02 ul,#sliderRep03 ul,#sliderRep04 ul, #slider00 li { margin: 0; padding: 0;}
#sliderRep01 li,#sliderRep02 li,#sliderRep03 li,#sliderRep04 li,
#sliderRep01 .linkCover a,#sliderRep02 .linkCover a,#sliderRep03 .linkCover a,#sliderRep04 .linkCover a { display: block; width: 716px; height: 157px;}
*/
/*--- Slider ---*/
	
/*--- Bottom Area ---*/
.bottomArea200 { 
	width: 790px;
/* 	height:182px; */ 
	background:#fff;
	}
	
.magArchive { 
	width:790px;
	color: #666;
}

#magazine .magArchive{
	width: 100%;
}

.magArchive h3{
	width: 100%;
	display: block;
	padding: 5px 20px;
/* 	height: 20px; */
	line-height: 20px;
	border-bottom: 1px #666 solid;
	font-size: 1.8rem;
	font-family: 'Typonine Sans 2';
	vertical-align: bottom;
	font-weight: 200;
}

.magArchive h3 span{
/* 	font-family:'AXIS ProN W55 M'; */
	font-family: meiryo, 'Meiryo W53'; 
	font-size: 1rem;
	vertical-align: -0.05em;
}

.magArchive .biBtn{
	margin:23px 20px;
	width: calc(100% - 40px);
	height: 90px;
	position: relative;
}

#magazine.article .biBtn{
	width: 100%;
	height: 100px;
	margin: 20px 0;
}

.magArchive .biBtn a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}

/*
#magazine.article .biBtn a{
	height: 100px;
}
*/

.magArchive .biBtn a img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.magArchive .biBtn a:hover{
	opacity: 0.8;
}

.magArcTtl{
	position: absolute;
	width: 100%;
/* 	height: 32px; */
	padding: 2px 10px;
	background: rgba(0,183,224,0.65);
	left: 0;
	top: 0;
	color: #fff;
	overflow: hidden;
}

.magArcTtl p:first-child{
	width: 20%;
	float: left;
	font-size: 2.8rem;
	font-family: 'Typonine Sans 2';
}

.magArcTtl p:first-child span{
	font-size: 66%;
	margin-right: 0.5em;
}

.magArcTtl p:last-child{
	display: inline-block;
	width: 80%;
	float: right;
	text-align: right;
/* 	font-family: 'Meiryo W53 Regular'; */
	font-size: 1.7rem;
	margin-top: 0.8rem;
}

#sec_mm{
	display: block;
	width: 100%;
	height: 40px;
	background: #00abe3;
	text-align: center;
	line-height: 40px;
	color: #fff;
/* 	font-family: 'AXIS ProN W55 R'; */
	font-size: 1.2rem;
}

#sec_mm br{
	display: none;
}


#sec_mm .mm_link{
	font-family: 'Typonine Sans 2';
	font-size: 2.5rem;
	position: relative;
	padding-left: 0.8em;
	margin-left: 1em;
	position: relative;
	display: inline-block;
	height: 100%;
	font-weight: 200;
	color: #fff;
}

#sec_mm .mm_link:before{
	position: absolute;
	content: "";
	left: 0.135em;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.2em 0 0.2em 0.3464em;
	border-color: transparent transparent transparent #fff;

}

#sec_mm .mm_link:hover{
	opacity: 0.8;
}

#sec_mm .mm_fb img{
	width: 20px;
	height: 20px;
	margin-right: 0.2em;
	vertical-align: -0.07em;
}





/* float */
#magazine #contentTop #floatmg { width:190px; color:#FFF;}
#magazine #contentTop #floatmg h3{
	padding:15px 15px 10px;
}
#magazine #contentTop #floatmg h3 img{
	display: none;
}
#magazine #contentTop #floatmg h3:after{
	content: 'Science News';
	font-family: 'Typonine Sans 2';
	color: #51555a;
	font-size: 1.75rem;
	font-weight: 600;
}

#magazine #contentTop #floatmg ul { border-bottom:1px solid #808080;}
#magazine #contentTop #floatmg li { padding:15px 5px 8px 15px; border-top:1px solid #808080;
	position: relative;
}
#magazine #contentTop #floatmg li .pic  { width:66px; float:left;}
#magazine #contentTop #floatmg li .pic a img{
	width: 58px;
}
#magazine #contentTop #floatmg li .text { width:96px; float:left; font-weight:bold;}
#magazine #contentTop #floatmg li p { clear:both; font-size:92.5%; padding:5px 0;}
#magazine #contentTop #floatmg li .pic span.new{
	position:absolute;
	top: 15px;
	left: 15px;
/* 	width:22px; height:11px;  */
	background: #00abe3;
/* 	font-size: 0.2rem; */
	padding: 0.2em 0.4em 0 0;
}
#magazine #contentTop #floatmg li .pic span.new:after{
	content: 'NEW';
	color: #fff;
}

#magazine #contentTop #floatmg p.more { text-align:right; padding:15px 15px 0 0;}
#magazine #contentTop #floatmg .keyword { margin-bottom:20px; padding:30px 10px;}
#magazine #contentTop #floatmg a { color:#fff; text-decoration:none;}
#magazine #contentTop #floatmg li .pic a { color:#fff; text-decoration:none;}
#magazine #contentTop #floatmg a:hover { color:#fff; text-decoration:underline;}
#magazine #contentTop #floatmg p.more2 { 
	text-align:right; padding:10px 15px 15px 0;
	}
#magazine #contentTop #floatmg p.more2 img{
	display: none;
}

#magazine #contentTop #floatmg p.more2 a:after{
	content: 'more >';
	font-family: 'Typonine Sans 2';
	color: #fff;
	font-size: 1.5rem;
	font-weight: 200;
}

/* magazine */
#magazine #content{ 
	overflow: hidden;
	padding:0 20px 20px;
	font-size: 1.2rem;
}

#magazine #content a{
	color: inherit;
	text-decoration: none;
}

#magazine #content .sct a,
#magazine #content .lead a{
	text-decoration: underline;
}

#magazine #content .sct a:hover{ 
	color:#285cbe;	
}

#magazine #content a:hover{
	opacity: 0.8;
}

#magazine #content #new_sideNav a:hover{ 
	color:#285cbe;
	text-decoration:underline;
}

#magazine #content #mainArea{
	float: left; 
	margin: 0 0 40px 15px; 
	width: 630px;
}

/* #magazine #content #mainArea h2{ padding-bottom:20px;} */


#magazine #content #new_sideNav{
	float:right;
	margin:0 15px 50px 0;
	width:245px;
	line-height: 1.2;
}

#magazine #content #new_sideNav .crossBox{
	padding: 5px 0 10px;
	border-top:1px dotted #cccccc;
	border-bottom: 1px solid #ccc;
}
#magazine #content #new_sideNav .crossBox h2 {
	margin-bottom: 15px;
}
#magazine #content #new_sideNav p{
	margin-bottom:8px; 
	position: relative;
}

#magazine #content #new_sideNav .intBox p{
	margin-bottom: 0;
}



.crossBox p,
.crossBox dt,
.intBox p,
.tgBox p{
	padding-left:10px;
	position: relative;
}

.intBox .person dt{
	position: relative;
}

.crossBox dt:before,
.crossBox p:before,
.intBox p:before,
.tgBox p:before,
.intBox .person dt:before,
.intBox.lab dd:before{
	content: "";
	width: 0.5em;
	height: 0.5em;
	border: 0px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0.25em;
	left: -0.1em;
}

.intBox .person dt:before{
	top: 0.25em;
	left: -1em;
}

.crossBox dt:before{
	top: 0.3em;
}

#magazine #content #new_sideNav .crossBox > img{
	width: 83%;
	margin-bottom: -5px;
	position: relative;
	z-index: 5;
}

#magazine #content #new_sideNav .crossBox h2{
	height: 78px;
	overflow: hidden;
	position: relative;
}

#magazine #content #new_sideNav .crossBox h2 img{
	position: absolute;
	top:0;
	bottom:0;
	margin: auto 0;
}

#magazine #content #new_sideNav p.btns:before{
	content: none;
}

#magazine #content #new_sideNav p.btns a{
	margin-right: 1em;
}
	
/*
	#magazine #content #new_sideNav .crossBox p.btns  { margin-top:3px; padding-left:10px; background:none !important;}
	#magazine #content #new_sideNav .crossBox p.btns a,
	#magazine #content #new_sideNav .crossBox p.btns span { margin-right:10px;}
*/

/*#magazine #content #new_sideNav .intBox { padding:15px 0 30px; background:url(../img/magazine/bg_dotx01.gif) 0 0 repeat-x;}*/
#magazine #content #new_sideNav .intBox,
#magazine #content #new_sideNav .tgBox{
	padding:15px 0 15px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;

}

#magazine #content #new_sideNav .tgBox{
	padding-top: 0;
	margin-bottom: 25px;
}

.intBox h2,
.tgBox h2{
	color: #00b5e2;
	font-family: 'Typonine Sans 2';
	font-size: 2.2rem;		
	margin-bottom:15px;
	font-weight: normal;
}
/*
#magazine #content #new_sideNav .intBox p  { padding-left:10px; background:url(../../magazine/img/side/icon_side_arrow.gif) 0 5px no-repeat;}
#magazine #content #new_sideNav .intBox dl { clear:both; margin-bottom:10px; zoom:1;}
*/
.intBox dl{
	overflow: hidden;
	margin-bottom: 10px;
}

.intBox dl:last-child{
	margin-bottom: 0;
}

.intBox dt{
	float:left;
	width: 60px;
	height: 60px;
	text-align: center;
}

.tgBox dt{
	margin-bottom: 10px;
}

.intBox dt a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.intBox dt img{
	width: auto;
	display: block;
	height: 100%;
	max-width: inherit;
	position: absolute;top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.intBox dd {
	padding:0 0 0 70px;
}



/* Theme Graphics */
/*
#magazine #content #new_sideNav .tgBox { padding:0 0 10px; margin-bottom:20px; border-bottom:1px dotted #cccccc;}
	#magazine #content #new_sideNav .tgBox h2 { margin-bottom:10px;}
	#magazine #content #new_sideNav .tgBox p  { margin-top:8px; padding-left:10px; background:url(../../magazine/img/side/icon_side_arrow.gif) 0 5px no-repeat;}
	#magazine #content #new_sideNav .tgBox p.btns  { margin-top:3px; padding-left:10px; background:none !important;}
	#magazine #content #new_sideNav .tgBox p.btns a,
	#magazine #content #new_sideNav .tgBox p.btns span { margin-right:10px;}
*/
/* Theme Graphics */



.reportBox {
	padding: 5px 10px 10px;
	margin-bottom:60px;
	background:#d9d9d9;
}

.reportBox h2{
	font-family:'Roboto Slab';
	font-weight: 600;
	font-size: 2.5rem;
	color: #949598;
	margin-bottom:8px;
}

.reportBox h2 span{
	color: #4d4f54;
}


.reportBox .sreport{
	background: #97d700;
	color: #fff;
}

.reportBox .sreport:nth-of-type(2){
	background: #5949a7;
}

.reportBox .sreport > p{
	padding:10px 7px 10px;
	font-size:90%;
	background:#f7f7f7;
	color: #333;
}

.reportBox .sreport > div{
	height: 69px;
	overflow: hidden;
	position: relative;
}

#magazine #content #new_sideNav .reportBox .sreport > :not(.title) p{
	position: absolute;
	right: 0.5em;
	bottom: 0.25em;
	z-index: 10;
	font-size: 1rem;
	margin-bottom: 0;
}

.reportBox .sreport > div img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.reportBox .sreport > p a,
.reportBox .sreport > p span{
	margin-right:10px;
}

.reportBox .sreport .title{
	height: auto;
	min-height: 63px;
	padding: 5px 5px 5px;
}

.reportBox .sreport .title h3{
	font-size: 1rem;
/* 	font-family: 'Meiryo W53 Regular'; */
	font-weight: normal;
	margin-top: 0.1em;
	line-height: inherit;
}

.reportBox .sreport .title p{
/* 	font-family:'AXIS ProN W55 R'; */
	font-size: 1.5rem;
/* 		float: left; */
	margin-right: 1em;
	padding-left: 0;
}

.reportBox .sreport .title p span.ttlNum{
	font-family:'Roboto Slab';
	font-weight: 600;
	font-size: 1.2em;
	margin-left: 0.2em;
/* 		vertical-align: text-bottom; */
}
	
	
/*
	.reportBox .sreport p a { text-decoration:none !important;}
	.reportBox .sreport p a:hover { text-decoration: underline !important;}
*/
	
#magazine #content #new_sideNav .newsBox{
	padding-bottom:12px;
	background-color:#fff;
	}
	
#magazine #content #new_sideNav .newsBox h2{
	width: 100%;
	height: 35px;
	font-family: 'Typonine Sans 2';
	font-size: 2rem;		
	line-height: 35px;
	background: #00b5e2;
	color: #fff;
	padding: 0 10px;
	font-weight: normal;
}

#magazine #content #new_sideNav .newsBox dl {
	padding:16px 8px 0 10px;
	overflow: hidden;
	}
#magazine #content #new_sideNav .newsBox dt {
	float:left;
	width: 40px;
	height: 40px;
	margin-right: 12px;	
}

#magazine #content #new_sideNav .newsBox dd{
	width: calc( 100% - 52px );
	float: left;
}

#magazine #content #new_sideNav .newsBox dd p{
	line-height:1.3;
	position: relative;
	margin-bottom: 0;
}
#magazine #content #new_sideNav .newsBox dd p span.new {
/*
	position:absolute;
	top: 0;
	right: 15px;
*/
	font-family: 'Typonine Sans 2';
/* 	width:22px; height:11px;  */
	font-size: 0.8em;
	padding: 0 0.2em;
	border: #00b5e2 1px solid;
	color: #00b5e2;
	margin-left: 0.5em;
	vertical-align: 0.2em;
	font-weight: 600;
}
/*
#magazine #content #new_sideNav .newsBox dd p span.new:after{
	content: 'NEW';
}
*/
	
	
#magazine #content #new_sideNav .newsBox dd h3 { font-weight:bold; line-height:1.3; font-size:92.5%;}

#magazine #content #new_sideNav .newsBox dd a{
	display: inline-block;
}


/* pager
-------------------------- */

#magazine #mainArea #pager{
	clear: both;
	position: relative;
	width: 630px;
	overflow: hidden;
	background-color:#888;
/* 	height: 52px; */
	padding: 14.8px 0;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
/* 	line-height: 26px; */
	font-family: 'Typonine Sans 2';
	font-weight: 600;
}

#magazine #mainArea #pager li{
	font-size: 1.8rem;
	display: inline-block;
	width: 2.6rem;
	height: 2.6rem;
	line-height: 2.6rem;
	background: #fff;
	color: #888;
	margin-left: 1rem;
}

#magazine #mainArea #pager li:first-child{
	margin-left: none;
}

#magazine #mainArea #pager li a{
	display: block;
	color: #fff;
	background: #000;
	width: 100%;
	height: 100%;
}

#magazine #mainArea #pager li.prev,
#magazine #mainArea #pager li.next,
#magazine #mainArea #pager li.prev a,
#magazine #mainArea #pager li.next a{
	color: #333;
	background: transparent;
}


#magazine #mainArea #pager li.prev a,
#magazine #mainArea #pager li.next a{
	font-size: 1.4em;
}

/***** Tablet用 **********************************/
@media screen and (max-width:979px){
/*
	#wrap{
		width: 100%;
	}
*/
		
}


/***** Phone用 **********************************/
@media screen and (max-width:767px){
	#wrap{
		width: 100%;
		margin-top: 0;
	}
	
	#magazine.page #wrap{
		margin-top: 74px;
	}
	
	#magazine.page #content{
		padding: 0 0 20px;
	}
	
	#magazine.page #content #mainArea{
		padding: 0 20px;
	}
	
	#magazine.page.news #content #mainArea{
		padding-top: 10px;
	}
	
	
	#magazine #contentTop #floatmg{
		display: none;
	}
	
	#magazine #content #mainArea{
		width: 100%;
	}
	
	#contentTop #mainArea .crossTop .crossLogo{
		width: 100%;
		margin: 0;
	}
	
	#contentTop #mainArea > *{
		height: auto;
	}
	
	#contentTop #mainArea .mainImage{
		width: 100%;
		height: 100vh;
		position: relative;
		padding-right: 0;
	}
	
	#contentTop #mainArea .mainImage img{
		display: block;
		max-width: inherit;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	
	#contentTop #mainArea .mainImage > div{
		padding: 10px 20px;
/* 		height:  40%; */
/* 		position: inherit; */
/* 		height: auto; */

	}
	
	#contentTop #mainArea .mainImage > div.peatix_m{
		display: block;
		position: absolute;
		top: 80px;
		bottom: inherit;
		right: 0;
		height: auto;
		background: transparent;
		width: 50%;
		z-index: 10;
	}
	
	#contentTop #mainArea .mainImage > div.peatix_m a{
		display: block;
		position: relative;
		width: 100%;
	}
	
	#contentTop #mainArea .mainImage > div.peatix_m a:before{
		content: "";
		display: block;
		padding-top: 28.169%;
	}
	
	#contentTop #mainArea .mainImage > div.peatix_m a img{
		position: absolute;
		top: 0;
		left: 0;
		transform: inherit;
	}
	
	.topUpdate{
		font-size: 3rem;
	}
	
	#contentTop #mainArea .mainImage h1{
		font-size: 2.8rem;
		margin-bottom: 0.2em;
		line-height: 1.2;
	}
	
	#contentTop #mainArea .mainImage .topcaption{
		width: 70%;
		font-size: 1rem;
		line-height: 1.4;
	}
	
	#contentTop #mainArea .mainImage .topcaption br{
		display: none;
	}
		
	#contentTop #mainArea .mainImage p.intro{
		width: 25%;
	}
	
	
/*
	#contentTop #mainArea .mainImage p.intro a{
		width: 100%;
		box-shadow: inherit;
	}
*/
	
	#contentTop #mainArea .crossTop,
	#contentTop #mainArea .expertIntv{
		padding: 8px 0;
	}
	
	#contentTop #mainArea .crossTop{
/* 		height: inherit!important; */
		height: 100vh;
	}
	
/*
	#contentTop #mainArea .crossTop:after{
		content:"";
		display: block;
		padding-top: 66.7%;
	}
*/


	.crossConts{
/* 		position: inherit; */
		padding: 10px 20px;
		margin: -85px 0 0;
/*
		left: inherit;
		bottom: inherit;
*/
/* 		background: #51555a; */
/* 		background: linear-gradient(rgba(75,78,83,0.6), rgba(75,78,83,1) 50%, rgba(75,78,83,1)); */
		background: linear-gradient(rgba(75,78,83,0.6), rgba(75,78,83,1) 15%, rgba(75,78,83,1));
		height: auto;
	}
	
/*
	#sliderCross li{
		height: 72%;
	}
*/
	
	#contentTop #mainArea .crossTop section.crossTtl{
		width: 100%;
		float: inherit;
	}
	
	#contentTop #mainArea .crossTop section.crossTtl p.firstCap{
		margin-bottom: 0.5rem;
	}
	
	#contentTop #mainArea .crossTop .crossMember{
		width: 100%;
		float: none;
	}
	
	#contentTop #mainArea .crossTop .crossMember dl{
		width: initial;
	}
	
	#contentTop #mainArea .crossTop .crossMember dl:first-child{
		margin-right: 60px;
	}
	
	#contentTop #mainArea .crossTop .crossMember dl:first-child:before, 
	#contentTop #mainArea .crossTop .crossMember dl:first-child:after{
		right: -50px;
	}
	
	
	#contentTop #mainArea .crossTop .crossLogo img{
		width: 60%;
	}
	
	#contentTop #mainArea .crossTop section.crossTtl h2{
		margin-bottom: 0.5em;
	}
	
	#contentTop #mainArea p.contsLink{
		width: 50%;
		float: left;
		margin-bottom: 1em;
	}
	
	#contentTop #mainArea .expertIntv .expertPhoto dl > dt,
	#contentTop #mainArea .expertIntv .expertPhoto dl > dd{
		display: block;
		width: 100%;
	}
	
	#contentTop #mainArea .expertIntv .expertPhoto dl dd{
		font-size: 1.2rem;
	}
	
	#contentTop #mainArea .seriesRep{
		padding-right: 20px;
		padding-bottom: 20px;
	}
	#contentTop .seriesRep section.seriesRepTtl{
		margin-bottom: 10px;
	}
	
	#contentTop #mainArea .expertIntv > section,
	#contentTop #mainArea .seriesRep .seriesRepBox{
		width: 100%;
		height: auto;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox{
		box-shadow: none;
	}
	
	#contentTop #mainArea #sliderCross{
		position: inherit;
		width: 100%;
/* 		height: calc(100% - 16px); */
		height: 80%;
		top: 0;
		left: 0;
	}
	
	#sliderCross li{
		height: 70vh;
	}
	
/*
	#contentTop #mainArea #sliderCross ul{
		width: 100%;
		height: 100%;
	}
	
	#contentTop #mainArea #sliderCross ul li{
		height: 100%;
	}
	
	#contentTop #mainArea #sliderCross a{
		display: block;
		width: 100%;
		height: 100%;
	}
*/
		
	#contentTop #mainArea .expertIntv,
	#contentTop #mainArea #lab{
		padding: 10px 20px;
		background: #f7f7f7;
	}

	
	#contentTop #mainArea #lab{
		padding: 20px 20px 10px;
	}
	
	#contentTop #mainArea .expertIntv h2,
	#contentTop #mainArea #lab h2{
		width: 100%;
		padding: 0;
		margin-bottom: 0.5em;
	}
	
	#contentTop #mainArea .expertIntv .expertPhoto{
		width: 48%;
		height: auto;
		margin-right: 2%;
	}
	
	#contentTop #mainArea .expertIntv .expertPhoto:after{		
		content:"";
		display: block;
		padding-top: 66.7%;
	}

	#contentTop #mainArea .expertIntv .expertPhoto p{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#contentTop #mainArea .expertIntv .expertPhoto p img{
		width: auto;
		max-width: inherit;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	
	#contentTop #mainArea .expertIntv .expertConts{
		width: 50%;
		padding: 10px 0 0;
		margin: 0;
	}
	
	#contentTop #mainArea .expertIntv .expertConts h3{
		font-size: 1.7rem;
	}
	
	#contentTop #mainArea .expertIntv .expertPhoto > dl,
	#contentTop #mainArea .expertIntv .expertPhoto > div{
		padding: 5px 10px;
	}
	
/*
	#contentTop #mainArea .expertIntv .expertPhoto dl dt{
		width: 30%;
	}
*/
	
	#contentTop #mainArea #lab > div > div{
		right: 0;
/* 		width: 100%; */
		padding-right: 20px;
	}
	
	#contentTop #mainArea #lab > div{
		overflow: hidden;
		height: auto;
	}
	
	#contentTop #mainArea .seriesRep h2{
		font-size: 5rem;
	}
	
	#contentTop .seriesRep section.seriesRepTtl p{
		font-size: 1.2rem;
	    line-height: 1.4;
	}
	#contentTop #mainArea .seriesRep .seriesRepBox ul,
	#contentTop #mainArea .seriesRep .seriesRepBox ul li{
		height: 100%;
	}
	
/*
	#sliderRep01, #sliderRep02, #sliderRep03, #sliderRep04{
		height: 200px;
	}
*/
	
	
	#contentTop #mainArea .seriesRep .seriesRepBox .title{
		height: auto;
		line-height: inherit;
		padding: 0.5em 10px;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox .title h3{
		font-size: 1.5rem;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox .title p{
		float: inherit;
		margin-bottom: 0.5em;
		font-size: 2rem;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox .title p span.ttlNum{
		font-size: 2.3rem;
		margin-right: 0.4em;
		vertical-align: inherit;
	}
		
	#contentTop #mainArea .seriesRep .seriesRepBox .btnArea{
		padding: 16px;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox .btnArea li{
		font-size: 2rem;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox:last-child,
	#contentTop #mainArea .seriesRep .seriesRepBox .btnArea li:last-child{
		margin-bottom: 0;
	}
	
	.bottomArea200,
	.magArchive{
		width: 100%;
	}
	
	.bottomArea200{
		padding: 0 10px;
	}
	
	.magArcTtl{
/* 		height: 40px; */
		padding: 6px 10px;
/* 		font-family: 'Meiryo W53 Bold'; */
/* 		font-weight: bold; */
	}
	
	.magArchive h3{
		width: 100%;
		margin-top: 1em;
		margin-bottom: 0.5em;
		font-size: 2.5rem;
		padding: 0 10px;
		
	}
	
	.magArchive h3 span{
		font-size: 1.5rem;
	}
	
	#magazine .magArchive .biBtn{
		width: 100%;
		height: auto;
		margin: inherit;
	}
	#magazine .magArchive .biBtn a{
		height: 180px;
		margin-bottom: 10px;
	}
	
	#magazine.page .magArchive .biBtn a{
		height: 120px;
	}
	
	#sec_mm{
		line-height: inherit;
		height: auto;
		padding: 10px;
		
	}
	
	#sec_mm br{
		display: block;
	}
	
	#sec_mm span{
		display: block;
		padding-left: 0;
		margin-left: 0;
		margin-bottom: 0.5em;
	}
	
	#sec_mm .mm_link{
		display: inline-block;
		margin-left: 0;
	}
	
	#magazine #content #mainArea{
		margin: 0 0 15px;
		float: none;
	}
	
	#magazine #content #new_sideNav{
		display: none;
	}
	
	.sns_top{
		display: none;
	}
	
	#contentTop #mainArea .expertIntv h2,
	#contentTop #mainArea .seriesRep h2{
		letter-spacing: -0.05em;
	}
	
	#contentTop #mainArea .seriesRep h2{
		font-size: 4.5rem;
	}
	
	#magazine #mainArea #pager{
		width: 100%;
	}
	
}

@media screen and (max-width:767px) and (orientation: portrait){
	
	#magazine.page #wrap{
		margin-top: 81px;
	}
	
	#magazine.page.en #wrap{
		margin-top: 121px;
	}
	
	#magazine.page #content #mainArea{
		padding: 0 10px;
	}
	
	#contentTop #mainArea .mainImage > div{
		padding: 10px;	
	}
	
	#contentTop #mainArea .mainImage > div.peatix_m{
		width: 100%;
/* 		height: 100px; */
		top: 130px;
	}
	
	#contentTop #mainArea .mainImage img{
		width: auto;
		height: 100%;
	}
	
	#contentTop #mainArea .mainImage > div{
/* 		height: 50%; */
	}

	#contentTop #mainArea .mainImage .topcaption{
		width: 100%;
		margin-bottom: 1em;
		float: inherit;
	}
	
	#contentTop #mainArea .mainImage p.intro{
		float: inherit;
		width: 100%;
		text-align: center;
	}
	
	#contentTop #mainArea .mainImage p.intro a{
		width: 100%;
		box-shadow: inherit;
	}
	
	#contentTop #mainArea .crossTop section.crossTtl{
		width: 100%;
		float: none;
	}
	
	#contentTop #mainArea .crossTop .crossMember{
		width: 100%;
		float: none;
	}
	
	#contentTop #mainArea .expertIntv,
	#contentTop #mainArea #lab{
		padding: 10px;
	}
	
	#contentTop #mainArea #lab{
		padding-top: 18px;
	}
	
	#contentTop #mainArea .expertIntv .expertConts,
	#contentTop #mainArea .expertIntv .expertPhoto{
		float: inherit;
		border-top: inherit;
		width: 100%;
		padding: 0;
		margin-bottom: 1em;
		height: auto;
	}
	
	#contentTop #mainArea .expertIntv h2 span,
	#contentTop #mainArea #lab h2 span{
		display: block;
		margin: 0.5em 0;
	}
	
	#contentTop #mainArea .expertIntv .expertPhoto > dl,
	#contentTop #mainArea .expertIntv .expertPhoto > div{
		padding: 10px;
	}
	
	#contentTop #mainArea .crossTop{
		height: inherit!important;
	}
	
	#contentTop #mainArea #sliderCross{
		position: relative;
		height: inherit!important;
		top: inherit;
	}
	
	#sliderCross li{
		height: inherit!important;
	}
	
	#contentTop #mainArea #sliderCross a:after{
		content:"";
		display: block;
		padding-top: 66.7%;
	}
	
	.i018 #contentTop #mainArea #sliderCross a:after{
		padding-top: 60%;
	}
	
/*
	#sliderCross a img{
		width: auto;
		height: 100%;
		max-width: inherit;
	}
*/
	
	.crossConts{
		padding: 10px;
		position: inherit;
		bottom: inherit;
		margin: -60px 0 0;
	}
	
	#contentTop #mainArea p.contsLink{
		width: inherit;
		float: inherit;
	}
	
	#contentTop #mainArea .crossTop .crossMember{
		margin-top: 1em;
	}
	
	#contentTop #mainArea .crossTop .crossMember dl{
		max-width: calc( (100% - 60px) / 2 )
	}
	
	#contentTop #mainArea .crossTop .crossLogo img{
		width: 60%;
	}
	
	#contentTop #mainArea #lab > div{
/* 		height: 300px; */
	}
	
	#contentTop #mainArea #lab > div > div{
		position: relative;
		padding: 10px;
		background: #4b4e53;
	}
	
	#contentTop #mainArea #lab h3{
		position: relative;
		top: inherit;
		left: inherit;
		text-shadow: inherit;
		width: 100%;
		background: #ff6a00;
		padding: 5px;
		font-size: 1.7rem;
	}
	
	#contentTop #mainArea #lab h4{
		font-size: 1.7rem;
	}
	
	#contentTop #mainArea #lab > div > div ul li{
/*
		padding-left:3.5em;
		text-indent:-3.5em;
*/
		line-height: 1.2;
/* 		font-family: monospace; */
	}
/*
	#contentTop #mainArea #lab > div #lab_img img{
		width: auto;
		height: 100%;
		max-width: inherit;
	}
*/
	
	#contentTop #mainArea .seriesRep {
		padding: 20px 0 8px;
	}
	
	#contentTop .seriesRep section.seriesRepTtl{
		padding: 0 10px;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox .btnArea{
		padding: 10px 10px;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox .btnArea li{
		border-bottom: #555 solid 1px;
/* 		height: 3rem; */
		font-size: 1.5rem;
		padding-top: 0.7em;
		padding-bottom: 0.5em;
/* 		line-height: 3rem; */
/* 		vertical-align: middle; */
		margin: 0;
	}
		
	#contentTop #mainArea .seriesRep .seriesRepBox .btnArea li:last-child{
		border-bottom: none;
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox .btnArea li a{
	}
	
	#contentTop #mainArea .seriesRep .seriesRepBox ul li a img{
		width: auto;
		height: 100%;
		max-width: inherit;
	}
		
	#magazine.page .magArchive .biBtn a{
		height: 180px;
	}
	
	
	.magArcTtl p{
		float: none!important;
		width: 100%!important;
		text-align: left!important;
	}
	

/*
	#contentTop #mainArea #sliderCross img{
		width: 100%;
		height: auto;
	}
*/
	
/*
	#contentTop #mainArea .crossTop:after{
		content:"";
		display: block;
		padding-top: 66.7%;
	}
*/
	
}