@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);


/*==========================================================================================
	CSS base style
	Date: 2014-07-16(+09:00)
	Maintained: T.Shimizu
==========================================================================================*/
/*==========================================================================================

	// link text color, link img

==========================================================================================*/
a:link {
	color:#000;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover,
a:visited:hover {
	text-decoration:none;
}
a:active {
}
a:focus {
	text-decoration:none;
}

a img {
	display: block;
}

#contents a:hover img {
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}









/*==========================================================================================

	// WEBフォント読み込み

==========================================================================================*/
@font-face {
	font-family: 'condenseicon';
	src: url("../font/CONDENSEicon.ttf") format("truetype"),
						url("../font/CONDENSEicon.otf") format("opentype"),
						url("../font/CONDENSEicon.woff") format("woff");
 }








/*==========================================================================================

	// その他

==========================================================================================*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.IS-hide {
	display: none;
}
.data-fixed {
	position: fixed;
	top: 0px;
}



/* スキップ
==========================================================================================*/
.skipNav {
	display:none;
}




/* エラー表記
==========================================================================================*/
.errorALL {
	width:100%;
	background:#000;
}
.errorIn {
	padding:10px;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
}



/*==========================================================================================

	// 構造

==========================================================================================*/
html {
	height:100%;
	overflow-y:scroll;
	font-size: 62.5%;
}
body {
	min-width: 990px;
	background-color:#fff;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","Verdana","ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
}


/*
==========================================================================================*/
#wrapper {}

.container {
	position: relative;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}
.containerIn {
	width: 950px;
	margin: 0 auto;
}
.block {
	margin: 0 0 30px;
}
.block:last-child {
	margin: 0;
}
.pageUnit {
	margin: 0 0 100px;
	font-size: 14px;
	font-size: 1.4rem;
}
.pageUnit .unit {
	margin: 0 0 80px;
}
.pageUnit:last-child,
.pageUnit .unit:last-child {
	margin: 0;
}
.sectionHead {
	margin: 0 0 50px;
}
.sectionBody {}



/*==========================================================================================

	// font-family

==========================================================================================*/
.entDate {
	font-family: 'Roboto Condensed';
}
.entTitle {
	font-family: 'Roboto Condensed','Midashi Go MB1';
}



/*==========================================================================================

	// グローバルヘッダー

==========================================================================================*/
#gHeader {
	min-height:110px;
}
#gHeader01 {
	background:#de0202;
}
#gHeader01 > .container {
	position:relative;
}
#gHeader02 {
	position: relative;
	width: 100%;
}


/* サイトロゴ
==========================================================================================*/
#siteLogo {}
#siteLogo a {
	display:inline-block;
}
#siteLogo a img {
	display: block;
}
#siteLogo a:hover img {
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* グローバルナビゲーション
==========================================================================================*/
#gNavi {
	display: table;
	min-width: 990px;
	margin: 0 auto;
}
#gNavi > ul li {
	display: table-cell;
/*	width: 16.6666666%;*/
}
#gNavi li#gNav001 > a,
#gNavi li#gNav002 > a,
#gNavi li#gNav003 > a,
#gNavi li#gNav004 > a,
#gNavi li#gNav005 > a,
#gNavi li#gNav006 > a {
	display: block;
	height: 50px;
	background-image: url(../img/gNavi.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -99999px;
}
#gNav001 a {	background-position: 0 0;}
#gNav002 a {	background-position: -168px 0;}
#gNav003 a {	background-position: -336px 0;}
#gNav004 a {	background-position: -494px 0;}
#gNav005 a {	background-position: -654px 0;}
#gNav006 a {	background-position: -834px 0;}

#gNavi li > a span {
	display: block;
	width: 198px;
	width: 100px;
	height: 50px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#gNavi #gNav001 a span{	width: 168px;}
#gNavi #gNav002 a span{	width: 168px;}
#gNavi #gNav003 a span{	width: 158px;}
#gNavi #gNav004 a span{	width: 160px;}
#gNavi #gNav005 a span{	width: 180px;}
#gNavi #gNav006 a span{	width: 157px;}

#gNav001 a span{	background-position: 0 0;}
#gNav002 a span{	background-position: -168px 0;}
#gNav003 a span{	background-position: -336px 0;}
#gNav004 a span{	background-position: -494px 0;}
#gNav005 a span{	background-position: -654px 0;}
#gNav006 a span{	background-position: -834px 0;}

#gNavi li > a:link span {
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#gNavi li > a:visited {}
#gNavi li > a:hover span,
#gNavi li > a:visited:hover span {
    opacity: 1;
    background-image: url(../img/gNavi_on.png);
}
#gNavi a {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#gNavi li > a:active {}
#gNavi li > a:focus {}


/* サブナビゲーション
==========================================================================================*/
#funcNav {
	display: table;
	position:absolute;
	top:0px;
	right:0;
}
#data-searchBox {
	display: table-cell;
	padding-right: 20px;
	vertical-align: middle;
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
display: none;/*190516sakamoto*/
}
#data-searchBox.search-default {	width: 123px;
display: none;/*190516sakamoto*/

}
#data-searchBox.active {	width: 246px;}
/*
#data-searchBox:after {
	position: absolute;
	top: 40%;
	left: 6px;
	color: #000;
	content: "[";
	font-family: 'condenseicon';
	font-size: 1.4rem;
	line-height: 1;
}
*/
#data-searchBox .searchText {
	position: relative;
	width: 100%;
	padding: 6px 24px !important;
	border: none !important;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	box-shadow: rgba(96, 10, 10, 0.6) 0px 3px 4px 0px inset;
}
#data-searchBox.search-default .searchText {
	background:none !important;
	background-color: #c10000 !important;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
#data-searchBox.active .searchText {
	background-color: #fff !important;
}
#data-searchBox .searchBtn {
	display:none;
}

#link-onlineShop > a {
	display: block;
	width: 159px;
	height: 60px;
	background: url(../img/btn_onlineshop.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -99999px;
}
#link-onlineShop > a span {
	display: block;
	width: 159px;
	height: 60px;
	overflow: hidden;
}
#link-onlineShop > a:link span {
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#link-onlineShop > a:visited {}
#link-onlineShop > a:hover span,
#link-onlineShop > a:visited:hover span {
	opacity: 1;
	background: url(../img/btn_onlineshop_on.png) 0 0 no-repeat;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#link-onlineShop > a:active {}
#link-onlineShop > a:focus {}


/* 検索Box yahoo
==========================================================================================*/
#srchBox
{
  width:282px;
  _width:296px;
  background-color:#de0202;
  color:#ffffff;
  text-align:left;
  padding-top: 2px;
}

#srchBox *
{
  margin:0;
  padding:0;
  font-size:13px;
  *font-size:small;
  *font:x-small;
}
#srchBox a img
{
  border:none;
}
#srchBox #srch #srchForm
{
  white-space:nowrap;
  position: relative;
}
#srchBox #srch #srchForm:before {
  position: absolute;
  top:20%;
  left: 6px;
  color: #000;
  content: "[";
  font-family: 'condenseicon';
  font-size: 1.4rem;
  line-height: 1;
}
#srchBox #srchInput
{
  width:200px;
  height: 24px;
  margin-right: 2px;
  vertical-align:bottom;
  padding: 4px 8px 4px 24px;
  border: none;
  box-shadow: rgba(96, 10, 10, 0.4) 0px 3px 4px 0px inset;
  background-color: #c10;
  transition: all 0.3s ease;
}
#srchBox #srchInput:focus{
  background-color: #fff;
}

#srchBox #srchBtn
{
  width:80px;
  height: 24px;
  border: none;
  box-shadow:rgba(96, 10, 10, 0.2) 0px 3px 2px 0px;
  padding: 2px 0;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.2em;
  vertical-align: top;
  background-color: #000;
  color: #fff;
}

#srchBox #srchBtn:hover{
  background-color: #fff;
  color: #000;
}

*html #srchBox #srchBtn
{
  padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
  padding-top:2px;
}
#srchBox ul
{
  margin-top:6px;
  text-align:left;
}
#srchBox li
{
  list-style-type:none;
  display:inline;
  zoom:1;
  padding-right:10px;
}
#srchBox li input
{
  zoom:1;
  margin-right:2px;
  _margin:-4px 0 -4px -4px;
  vertical-align:middle;
  border:0;
}
*:+html #srchBox li input
{
  margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
  margin-top:3px;
  text-align:right;
  line-height: 1.2;
}
#srchBox #srchLogo a
{
  color:rgba(255,255,255,0.6);
  text-decoration:none;
  font-size:8px;
}
#srchBox #srchLogo a:hover
{
  color:rgba(255,255,255,1);
}

#srchBox #srchLogo + img{
  display: none;
}


/* mode-normal / mode-scroll
==========================================================================================*/
#gHeader.mode-scroll #funcNav,
#gHeader.mode-scroll #gNavi,
.xCatMagazine.xListPage #gHeader.mode-scroll #gHeader01 {
	display: none;
}
#gHeader.mode-scroll #siteLogo {
	position: fixed;
	z-index: 999999;
	top: 0;
}
#gHeader.mode-scroll #siteLogo img {
	width: 149px;
	height: 40px;
}



/*==========================================================================================

	// メガドロップダウンメニュー

==========================================================================================*/
.data-megaMenu {
	display: none;
	width: 100%;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 99999;
}
.data-megaMenu.show {
	display: block;
}
.data-megaMenu a:hover img {
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.data-megaMenuIn {
	padding: 30px;
	background-color: rgb(238, 238, 238);
	background-color: rgba(238, 238, 238, 0.95);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=.FFEEEEEE,EndColorStr=.FFEEEEEE);
}
.data-megaMenuIn:not(:target){
	filter: none;
	-ms-filter: none;
}


.data-megaMenuIn .menuList {
	display: table;
	width: 100%;
}
.data-megaMenuIn .menuList li {
	display: table-cell;
	width: 25%;
	text-align: center;
	vertical-align: middle;
	border-right: 1px dotted #999;
}
/*
.data-megaMenuIn .menuList li:first-child {
	border-right-style: solid;
}
*/
.data-megaMenuIn .menuList li:last-child {
	border-right: none;
}
.data-megaMenuIn .menuList li a {
	position:relative;
	display:inline-block;
 width: 100%;
 padding: 8px;
 box-sizing: border-box;
 font-size: 2.4rem;
 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","Verdana","ＭＳ Ｐゴシック",sans-serif;
}
.data-megaMenuIn .menuList li a:hover {
 color: #de0202;
}

/*
.data-megaMenuIn .menuList li img {
	margin: 0 auto 10px;
	display: block;
}
.data-megaMenuIn .menuList li a {
	position:relative;
	display:inline-block;
}
.data-megaMenuIn .menuList li a.link-external:before {
	position:absolute;
	bottom:-5px;
	right:-15px;
	content:url(../img/icon_external.png);
	width:17px;
	height:13px;
}
*/

.close {
	display: block;
	width: 79px;
	height: 31px;
	margin: 0 auto 1em;
	background-image: url(../img/btn_close.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -99999px;
	cursor: pointer;
	overflow: hidden;
}
.close a {
	display: block;
}
.close:hover {
	background-image: url(../img/btn_close_on.png);
}

.data-megaMenu .close {
	float: right;
	margin: 0;
}








/*==========================================================================================

	// ミニマムヘッダー

==========================================================================================*/
#data-header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.mode-normal #data-header {
	display: none;
}
#sHeader {
	margin-bottom: 30px;
	background-color: #de0202;
}
#sHeader .container {
	display: table;
}
#sHeader #sLogo,
#sHeader #sNavi,
#sHeader #sNavi .catTop,
#sHeader #sNavi dd,
#sHeader .pageTop {
	display: table-cell;
	vertical-align: middle;
}
#sHeader #sLogo {
	width: 144px;
	padding-right:32px;
}
#sHeader #sNavi {
	width: 950px;
	padding: 4px 0;
	line-height: 1.2;
}
#sHeader #sNavi .catTop:after {
	content: '>';
	padding: 0 8px;
	color: #fff;
}

#sHeader #sNavi {
	padding-left: 176px;
	display: table-cell;
	vertical-align: middle;
}
#sHeader #sNavi li {
	display: inline-block;
	margin: 6px 10px 6px 0;
}
#sHeader #sNavi li:last-child {
	margin-right: 0;
}
#sHeader #sNavi a {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
}
#sHeader #sNavi li a {
	padding: 4px 8px;
	border: 1px solid #c10000;
	background-color: #c10000;
}
#sHeader #sNavi li a.current {
	background-color: transparent;
	border: 1px solid #a70000;
}
#sHeader #sNavi li a:hover {
	background-color: #de0202;
	border: 1px solid #de0202;
}
#sHeader .btn-shopping {
 margin-right: 1px;
	background-color: transparent;
}
#sHeader .btn-shopping a {
	position: relative;
 display: block;
 width: 40px;
 height: 40px;
	background-color: #c10000;
 color: #ffffff;
 text-align: center;
 overflow: hidden;
}
#sHeader .btn-shopping a > span {
 display: block;
 text-indent: -99999em;
}
#sHeader .btn-shopping a::before {
 content: "\f07a";
 display: inline-block;
 font-family: FontAwesome;
 font-size: 22px;
 line-height: 40px;
}
#sHeader .btn-shopping a:hover {
 opacity: 0.7;
}
#sHeader .pageTop {
	background-color: transparent;
}
#sHeader .pageTop a {
	position: relative;
	background-color: #c10000;
}



/*==========================================================================================

	// トップへ戻る

==========================================================================================*/

.pageTop {
	text-align:right;
}
.pageTop a {
	display: table;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: #626262;
	text-align: center;
}
.pageTop a > span {
	display: table-cell;
	color: #fff;
	font-family: 'condenseicon';
	font-size: 3rem;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
}
.pageTop a:hover {
	opacity: 0.7;
}



/*==========================================================================================

	// グローバルフッター

==========================================================================================*/

#gFooter {}
#footerInfo {
	height: 220px;
	background-image: url(../img/bg_footerInfo.jpg);
	background-position: 50% 0;
	background-size: cover;
}
.pageTop {
	position: relative;
	background-color: #aaa;
	min-height: 40px;
}
#footerBlock {
	position: relative;
	background-color: #000;
}
#footerBlock .container {
	position: relative;
	padding: 45px 0 40px 5px;
}
#copyRightBlock {
	padding: 20px 0;
	background-color: #222;
	color: #999;
}




/* フッター:公式オンラインショップ
==========================================================================================*/
#footerInfo {}
#footerInfo > container {
	position: relative;
}
#footerInfoProduct {
	position: absolute;
	top: 20px;
	left: 15px;
	z-index: 10;
}

#footerInfoLink {
	position: absolute;
	top: 64px;
	left: 620px;
}
#footerInfoLink > li {
	margin-bottom: 20px;
}
#footerInfoLink > li:last-child {
	margin-bottom: 0;
}
#footerInfoLink a {
	display: block;
	padding: 0.45em 0.63em;
	background-color: #de0202;
	color: #fff;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
#footerInfoLink a:hover {
	background-color: #000;
}




/* フッター:ナビゲーション
==========================================================================================*/
#footerBlock {}
#footerBlock a:hover img {
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#footerBlock01 {
	float: left;
	margin-right: 45px;
	text-align: center;
}
#footerBlock01 #siteLogoFooter {
	margin-bottom: 45px;
}
#footerBlock02 {
	float: left;
}

.shortcutList {
	position:relative;
	float:left;
	text-transform: uppercase;
}
#shortcutList01 {	margin-right: 60px;	}
#shortcutList02 {	margin-right: 40px; }
#shortcutList03 {	margin-right: 32px; }
#shortcutList04 {}
.shortcutList .lines {}

.shortcutList .category {}
.shortcutList .categoryTop {
	display: block;
	margin-bottom: 1.53em;
}

.shortcutList .categoryTop,
.shortcutList .categoryTop > a,
.shortcutList .categoryTop > a span,
.shortcutList .categoryTop > span {
	display: block;
	font-family: 'Roboto Condensed';
 font-size: 1.6rem;
 font-weight: 700;
 line-height: 1;
/*
 overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
 height: 24px;
text-indent: -99999px;
 */
}
.shortcutList .categoryTop > span {
 color: #ffffff;
}
.shortcutList .categoryTop > a:link span {
/*	opacity: 0;*/
	transition: all 0.5s ease;
}
.shortcutList .categoryTop > a:visited {}
.shortcutList .categoryTop > a:hover span,
.shortcutList .categoryTop > a:visited:hover span {
/*	opacity: 1;*/
	transition: all 0.5s ease;
}
.shortcutList .categoryTop > a:active {}
.shortcutList .categoryTop > a:focus {}

/*
#fc-concept.categoryTop > a {
	background-image: url(../img/fc-concept.png);
	width: 74px;
}
#fc-concept.categoryTop > a:hover span {
	background-image: url(../img/fc-concept_on.png);
	width: 74px;
}
#fc-lineup.categoryTop > a {
	background-image: url(../img/fc-lineup.png);
	width: 74px;
}
#fc-lineup.categoryTop > a:hover span {
	background-image: url(../img/fc-lineup_on.png);
	width: 74px;
}
#fc-news.categoryTop > a {
	background-image: url(../img/fc-news.png);
	width: 74px;
}
#fc-news.categoryTop > a:hover span {
	background-image: url(../img/fc-news_on.png);
	width: 74px;
}
#fc-teamDNS.categoryTop > a {
	background-image: url(../img/fc-teamDNS.png);
	width: 90px;
}
#fc-teamDNS.categoryTop > a:hover span {
	background-image: url(../img/fc-teamDNS_on.png);
	width: 90px;
}
#fc-dns_tech.categoryTop,
#fc-dns_tech.categoryTop > a {
	background-image: url(../img/fc-dns_tech.png);
	width: 147px;
}
#fc-dns_tech.categoryTop > a:hover span {
	background-image: url(../img/fc-dns_tech_on.png);
	width: 147px;
}
#fc-magazine.categoryTop > a {
	background-image: url(../img/fc-magazine.png);
	width: 188px;
}
#fc-magazine.categoryTop > a:hover span {
	background-image: url(../img/fc-magazine_on.png);
	width: 188px;
}
*/
.shortcutList .list ul {}
.shortcutList .list ul li {
	margin:0 0 1.33em;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","ＭＳ Ｐゴシック","Helvetica";
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
	line-height:1;
}
.shortcutList .list ul li:last-child {
	margin-bottom: 0;
}
.shortcutList .lines a {
	display:block;
	color:#fff;
	text-decoration:none;
}
.shortcutList .lines a:hover {
	color: #de0202;
}

#copyRightBlock .corpNav {}
#copyRightBlock .corpNav > dd a:link {
	color: #666;
	font-size: 1.2rem;
}
#copyRightBlock .corpNav > dd a:visited {
	color: #666;
}
#copyRightBlock .corpNav > dd a:hover,
#copyRightBlock .corpNav > dd a:visited:hover {
	color: #fff;
}
#copyRightBlock .corpNav > dd a:active {}
#copyRightBlock .corpNav > dd a:focus {}

.corpNav dt {
	display: inline-block;
	margin-right: 1.84em;
	vertical-align: super;
}
.corpNav dd {
	display: inline-block;
	vertical-align: super;
}
.corpNav li {
	display: inline-block;
	margin-right: 3.07em;
}
.corpNav li:last-child {
	margin-right: 0;
}

#copyRight {
	clear: both;
	color:#6e6e6e;
	font-size:10px;
	font-size:1.0rem;
}




/* share
==========================================================================================*/
#gFooter #chBlock {
	position:absolute;
	bottom: 40px;
	left: 20px;
}
#chBlock li,
#chBlock li >a {
	display: block;
	float: left;
	width: 191px;
	height: 29px;
	margin-right: 20px;
}
#chBlock li >a span {
	display: block;
	width: 191px;
	height: 29px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -99999px;
}
#chBlock li >a:hover,
#chBlock li >a:hover span {
	opacity: 0.7;
}
#chBlock li#chUnit01 >a {
	background-image: url(../img/ch_facebook.png);
}
#chBlock li#chUnit02 >a {
	background-image: url(../img/ch_twitter.png);
}
#chBlock li#chUnit03 >a {
	background-image: url(../img/ch_youtube.png);
}








/*==========================================================================================

	//　パンくず

==========================================================================================*/
#breadcrumb {
	margin-bottom: 30px;
	padding: 14px 0;
	background-color: #eee;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	text-transform: uppercase;
}
#breadcrumb .none {
	text-transform: none;
}
#breadcrumb .home {}
#breadcrumb .path {
	margin-right: 4px;
}
#breadcrumb .link {}
#breadcrumb .current {}

#breadcrumb a:link,
#breadcrumb a:visited {
}
#breadcrumb a:hover,
#breadcrumb a:active {
	text-decoration: underline;
}

.xCatMagazine #breadcrumb .current {
	text-transform:none;
}





/*==========================================================================================

	// #contents column

==========================================================================================*/
#contents {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 100px;
}

#alpha {
	float:left;
	width:660px;
}
#beta {
	float:right;
	width:280px;
	padding: 10px;
	background-color: #eee;
}








/*==========================================================================================

	// ページタイトル

==========================================================================================*/
.xPage {}
.pageHead {
	margin: 0 0 30px;
}
#cover {
	position: relative;
	width: 990px;
	height: 365px;
}
.pageHead .pageTitle,
.pageHead > .catTitle,
.sectionHead .sectionTitle {
	margin: 0 0 1.1em;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: normal;
	line-height: 1;
}
.pageHead .pageTitle + .catTitle {
	margin-top:-10px;
	padding: 4px 0;
	background-color: #eee;
	font-size: 20px;
	font-size: 2.0rem;
}
.pageHead .pageTitle + .catTitle > span {
	padding: 0 8px;
	background-color: #de0202;
	color: #fff;
}
.sectionHead .sectionTitle {
	text-transform: none;
}
.sectionHead .sectionTitle > .subTitle {
	padding-left: 20px;
	font-family: 'Roboto Condensed','Midashi Go MB1';
	font-size: 16px;
	font-size: 1.6rem;
}

.xCatMagazine .pageHead .pageTitle {
	width: 872px;
	margin: 40px auto;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight:bold;
	line-height:1.3;
	text-transform:none;
}




/* 画像タイトル：DTEトップページパターン
==========================================================================================*/
#cover {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}
.xListPage.xCatMagazine #cover {
	background-image: url(../../magazine/img/cover.jpg);
	text-indent: -99999px;
}
.xCatDNStech #cover {
	background-image: url(../../dns_tech/img/dnstech.jpg);
	text-indent: -99999px;
}
.xCatNutritionGuide #cover {
	background-image: url(../../nutrition_guide/img/nutririon.jpg);
	text-indent: -99999px;
}
.xCatTrainingGuide #cover {
	background-image: url(../../training_guide/img/training.jpg);
	text-indent: -99999px;
}




/* 画像の上に文字タイトル：DTE詳細ページパターン
==========================================================================================*/
.xPage #cover {}
.xPage.xCnt-warriorsWeapon #cover {
	height: auto;
}
.xPage.xCatMagazine #cover #coverPhoto {
	text-align: center;
}
.xPage.xCatMagazine #cover .pageTitleUnit {
	position: absolute;
	background-color: #fff;
	opacity: 0.8;
	z-index: 999;
	/*top: 80px;
	left: 40px;
	width: 410px;*/
	top: 22%;
	left: 4%;
	width: 43.414%;
	padding: 25px;
}
.xPage.xCatMagazine #cover .pageTitle {
	position: relative;
	margin:0;
	font-size: 40px;
	font-size: 4rem;
	line-height: 1.3;
}
.xPage.xCatMagazine #cover .pageTitle:before,
.xPage.xCatMagazine #cover .pageTitle:after,
.xPage.xCatMagazine #cover .pageTitle > .entTitle:before,
.xPage.xCatMagazine #cover .pageTitle > .entTitle:after {
	position: absolute;
	content: "";
	background: url(../img/icon_corner.png) 0 0 no-repeat;
	width: 15px;
	height: 15px;
}
.xPage.xCatMagazine #cover .pageTitle:before {
	top: -15px;
	left: -15px;
}
.xPage.xCatMagazine #cover .pageTitle > .entTitle:before {
	top: -15px;
	right: -15px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.xPage.xCatMagazine #cover .pageTitle:after {
	bottom: -15px;
	right: -15px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.xPage.xCatMagazine #cover .pageTitle > .entTitle:after {
	bottom: -15px;
	left: -15px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}




/* 上下に罫線付き：ニュース詳細パターン
==========================================================================================*/
.entTitleUnit {
	position: relative;
	padding: 20px 140px 30px 0;
	border-top: 1px solid #9fa0a0;
	border-bottom: 1px solid #9fa0a0;
}
/* EDUCATION ZONE用調整 */
.xPage.xCatEducation .entTitleUnit {
	padding-right: 0;
}
.pageBody .entTitleUnit {
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.entTitleUnit .entDate {
	display: inline-block;
	margin-bottom: 12px;
	color: #666;
	font-weight: bold;
	line-height: 1;
}
.entTitleUnit .catTitle {
	position: absolute;
	top: 40%;
	right: 0;
}
.entTitleUnit .entTitle {
	font-size: 18px;
	font-size: 1.8rem;
}
.pageBody .entTitleUnit .entTitle {
	font-size: 22px;
	font-size: 2.2rem;
	text-transform: uppercase;
}




/* 文字タイトルに下線付き：関連記事・人気記事パターン
==========================================================================================*/
.hLine1 {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 1.36em;
	padding-bottom: 0.45em;
	border-bottom: 2px solid #777;
	font-family: 'Helvetica','Midashi Go MB1';
	line-height: 1;
}




/* 文字タイトルに装飾なし（サイズ大）：DNS TECHパターン
==========================================================================================*/
.hLine2 {
	margin-bottom: 30px;
	font-size: 18px;
	font-size: 1.8rem;
}




/* 文字タイトルに灰色背景：DNS TECHパターン
==========================================================================================*/
.hLine3 {
	display: inline-block;
	margin-bottom: 20px;
	padding: 10px 20px 10px 10px;
	background-color: #eee;
	font-size: 18px;
	font-size: 1.8rem;
}
.hLine3:before {
	content: '●';
	padding-right: 8px;
}




/* 文字タイトル装飾なし（サイズ小）：LINEUPパターン
==========================================================================================*/
.hLine {
	margin-bottom: 20px;
	font-size: 15px;
	font-size: 1.5rem;
}




/* 文字タイトル装飾なし（サイズ大）：Lineup詳細パターン
==========================================================================================*/
.hLineL {
	margin-bottom: 30px;
	font-family: 'Helvetica','Midashi Go MB1';
	font-size: 36px;
	font-size: 3.6rem;
}




/* 文字タイトル下線（サイズ大）：Lineup詳細パターン
==========================================================================================*/
.hLineLB {
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
	font-family: 'Helvetica','Midashi Go MB1';
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.2;
}








/*==========================================================================================

	// ページタイトル：リード

==========================================================================================*/
.pageHead .leadTxt {
	margin: 0 0 50px;
	font-size: 14px;
	font-size: 1.4rem;
}








/*==========================================================================================

	// 一覧ページ：いろいろな一覧

==========================================================================================*/
/* 画像つき一覧：Newsトップ、Newsカテゴリトップページパターン
==========================================================================================*/
.xListPage .newsUnit {
	display: table;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #000;
}
.xListPage .newsUnit:last-child {
	margin-bottom: 0;
}
.xListPage .newsUnit .unitImg,
.xListPage .newsUnit .unitContent {
	display: table-cell;
	vertical-align: top;
}
.xListPage .newsUnit .unitContent .unitMeta {
	margin-bottom: 6px;
	padding: 0 0.4em;
}
.xListPage .newsUnit .unitContent .entDate {
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	font-size: 1.4rem;
}
.xListPage .newsUnit .unitContent .catTitle a,
.xCatNews .catTitle a {
	display: inline-block;
	padding: 2px 6px;
	background-color: #de0202;
	color: #fff;
	font-family: 'Roboto Condensed';
	font-weight: bold;
	text-transform: uppercase;
}
.xListPage .newsUnit .unitContent .catTitle a:hover,
.xCatNews .catTitle a:hover {
	background-color: #626262;
}
.xListPage .newsUnit .unitContent .entTitle {
	margin-bottom: 0.6em;
	padding: 0.4em;
	font-family: 'Helvetica','Midashi Go MB1';
	font-size: 15px;
	font-size: 1.5rem;
}
.xListPage .newsUnit .unitContent .entBody {
	padding: 0.4em;
	color: #666;
}
.xListPage .newsUnit .unitImg {
	padding-right: 30px;
}
.xListPage .newsUnit .unitContent a:hover .entTitle {
	background-color: #de0202;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.xListPage .newsUnit .unitContent a:hover .entBody {
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



/* 外部リンクにアイコン
==========================================================================================*/
a.link-external .txtTitle:after,
#footerBlock .lines a.link-external:after,
.xListPage .newsUnit .unitContent a.link-external .entTitle:after {
	 content: url(../img/icon_external.png);
	 margin-left: 6px;
	 vertical-align: middle;
}




/* 画像下に灰色パネル一覧：TEAM DNSトップページパターン
==========================================================================================*/
.listBlock h2 {
 background: #000;
 color: #fff;
 font-size: 2rem;
 padding: 6px 12px;
 margin-bottom: 24px;
}
.listBlock h2.red {
  background: #DE0202;
}

.xListPage .listBlock {}
.xListPage .listBlock .athleteUnit {
	float: left;
	width: 220px;
	margin-bottom: 40px;
	margin-right: 36px;
}

.xListPage .listBlock .athleteUnit:nth-child(4n+1) {
	clear: left;
}
.xListPage .listBlock .athleteUnit:nth-child(4n) {
	margin-right: 0;
}


.xListPage .listBlock .athleteUnit .unitImage {}
.xListPage .listBlock .athleteUnit .unitImage img {
	display: block;
	position: relative;
}
.xListPage .listBlock .athleteUnit > a .unitImage {
	position: relative;
}
.xListPage .listBlock .athleteUnit .unitImage .image {}
.xListPage #contents .listBlock .athleteUnit a:hover .unitImage .image {}
.xListPage #contents .listBlock .athleteUnit .unitImage .image img {
	position: relative;
}
.xListPage #contents .listBlock .athleteUnit a:hover .unitImage .image img {
	opacity: 1;
}
.xListPage #contents .listBlock .athleteUnit a:hover .unitImage {
	border: 1px solid #de0202;
	border-bottom: none;
	margin: -1px;
	overflow: hidden;
	-webkit-transition: none;
	transition: none;
}
.xListPage #contents .listBlock .athleteUnit a:hover .unitContent {
	border: 1px solid #de0202;
	border-top: none;
	margin: -1px;
	padding: 11px 0;
	overflow: hidden;
	-webkit-transition: none;
	transition: none;
}
.xListPage .listBlock .athleteUnit > a .unitImage .link {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 220px;
	height: 20px;
	background-image: url(../../teamDNS/img/icon_link.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -99999px;
}
.xListPage .listBlock .athleteUnit > a:hover .unitImage .link {
	background-image: url(../../teamDNS/img/icon_link_on.png);
}

.xListPage .listBlock .athleteUnit .unitContent {
	display: block;
	padding: 10px 0;
	background-color: #eee;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.xListPage .listBlock .athleteUnit .unitContent span {}
.xListPage .listBlock .athleteUnit .unitContent .name {}
.xListPage .listBlock .athleteUnit .unitContent .genre {
	font-size: 10px;
	font-size: 1rem;
}
.xListPage .listBlock .athleteUnit .en {
	font-family: 'Roboto Condensed';
}





.xListPage .listBlock .w476 {
 width: 476px;
}
.xListPage .listBlock .w476:nth-child(2n+1) {
 clear: left;
}
.xListPage .listBlock .w476:nth-child(2n) {
 margin-right: 0;
}
.xListPage .listBlock .athleteUnit.w476 > a .unitImage .link {
 width: 476px;
 background-image: url(../../teamDNS/img/icon_link2.png);
}
.xListPage .listBlock .w476 > a:hover .unitImage .link {
 background-image: url(../../teamDNS/img/icon_link2_on.png);
}




/*==========================================================================================

	// 詳細ページ：本文

==========================================================================================*/
.pageBody {}
.pageBody .entBodyBlock {
	width: 872px;
	margin: 0 auto 40px;
}
.pageBody #alpha .entBodyBlock {
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
}
.pLine {
	font-size: 15px;
	font-size: 1.5rem;
}
.pLine,
.pLine + .pLine {
	margin-bottom: 2.67em;
}
.pLine:last-child {
	margin-bottom: 0;
}
.pLine h2,
.pLine .entTitle2 {
	background-color: #eee;
	margin: 0 0 1.115em;
	padding: 0.46em;
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
}
.xCatEducation .pLine h2 {
	margin-bottom: 30px;
	padding: 0;
	background: none;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: left;
}

.pLine h3,
.pLine .entTitle3 {
	margin: 0 0 1em;
	font-size: 20px;
	font-size: 2rem;
}
.xCatEducation .pLine h3 {
	margin-bottom: 20px;
	font-size: 18px;
	font-size: 1.8rem;
}


.pLine p,
.pLine ol,
.pLine ul {
	margin: 0 0 1.6em;
}
.pLine ol,
.pLine ul {
	margin-left: 1.5em;
}

.pLine p:last-child,
.pLine ul:last-child,
.pLine ol:last-child,
.pLine li:last-child {
	margin-bottom: 0;
}

.pLine a {
	text-decoration:underline;
}

/* リッチテキストエディタ用 */
.xCatNews .pageBody .entBodyBlock .pLine ul li,
.xCatMagazinexPage .pageBody .entBodyBlock .pLine ul li {
	list-style-type: disc;
}




/* リスト各種
==========================================================================================*/
.listNum li,
.listDisc li {
	margin: 0 0 0.4em;
}
.listNum li {
	list-style: decimal outside;
}
.listDisc li {
	list-style: disc outside;
}
ol.listNumR {
	counter-reset: li;
}
ol.listNumR li {
	position: relative;
	margin: 0 0 20px;
	padding-left: 36px;
}
ol.listNumR li:last-child,
.listTriangle li:last-child {
	margin-bottom: 0;
}
ol.listNumR > li:before {
	position: absolute;
	top: -3px;
	left: 0;
	padding: 4px 8px;
	content: counter(li, decimal);
	counter-increment: li;
	background-color: #de0202;
	color: #fff;
}
.listTriangle {
	margin-bottom: 50px;
}
.listTriangle:last-child {
	margin-bottom: 0;
}
.listTriangle .unitTitle {
	display: inline-block;
	margin-bottom: 20px;
	padding: 12px;
	background-color: #de0202;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
}
.listTriangle .unitTitle + ul {
	padding-left: 20px;
}
.listTriangle li {
	position: relative;
	margin: 0 0 20px;
}
.listTriangle li:before {
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 0;
	height: 0;
	border: 0.8em solid transparent;
	border-left-color: #de0202;
	content: ' ';
	z-index:9999;
}
.listTriangle li > .listTitle {
	margin: 0 0 0.2em;
	padding-left: 1.6em;
	font-size: 16px;
	font-size: 1.6rem;
	color: #de0202;
}
.list-dl {
	margin: 0 0 20px;
}
.list-dl > .item {
	margin: 0 0 30px;
	padding-bottom: 16px;
	border-bottom: 1px solid #7f7f7f;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.list-dl > .item + .description {}



/* 本文赤太字
==========================================================================================*/
.pLine strong,
.pLine em,
.sectionBody em {
	color: #de0202;
	font-weight: bold;
}



/* 本文画像
==========================================================================================*/
.imgUnit {
	display: block;
	margin: 0 0 30px;
}
.imgUnit img {
	max-width:100%;
	height:auto;
}
.imgUnit figcaption {
	margin: 0.4em 0 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.imgUnit.imgC {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.imgUnit.imgC img {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.imgUnit.imgL {
	margin: 0 30px 30px 0;
	float: left;
}
.imgUnit.imgR {
	margin: 0 0 30px 30px;
	float: right;
}
.imgUnit figcaption {
	text-align: left;
}




/* プロフィール
==========================================================================================*/
.profileUnit {
	width: 410px;
}
.profileUnit dl {
	display: table;
}
.profileUnit .img,
.profileUnit .txt {
	display: table-cell;
	vertical-align: top;
}
.profileUnit .img {
	padding-right: 12px;
}
.profileUnit .txt {
	line-height: 1.46;
}
.profileUnit .txt .name {
	margin-bottom: 0.8em;
	font-size: 18px;
	font-size: 1.8rem;
}
.profileUnit .txt .profMeta {
	margin-bottom: 0.6em;
	font-size: 12px;
	font-size: 1.2rem;
}
.profileUnit .txt .profBody {
	font-size: 14px;
	font-size: 1.4rem;
}
.xPage.xCatMagazine .profileUnit {
	margin-left: 32px;
	width: auto;
}




/* SNSボタン
==========================================================================================*/
.linkUnit {
	float: right;
	margin-top: 10px;
}
.linkUnit dt {
	display: none;
}
.linkUnit dd {
	display: inline-block;
	margin-left: 8px;
}
.linkUnit dd a  {
	display: block;
	width: 32px;
	height: 32px;
}
.btnPrint {
	position: absolute;
	top: -1em;
	right: 0;
	cursor: pointer;
}
.btnPrint a {
	display: block;
}







/*==========================================================================================

	// 詳細ページ：関連記事・人気記事へのリンク

==========================================================================================*/
.entRelatedBlock {}
.entRelatedBlock li {
	margin: 0 0 20px;
}
.entRelatedBlock li:last-child {
	margin-bottom: 0;
}
.entRelatedBlock .entRelated li:before {
	padding-right: 0.4em;
	content: '●';
	color: #de0202;
	font-size: 10px;
	font-size: 1.0rem;
}
.entRelatedBlock .entRelated li .entDate,
.entRelatedBlock .entRelated li .entTitle {
	display: inline-block;
}
.entRelatedBlock .entRelated li .entDate {
	width: 6em;
	padding-right: 0.2em;
	color: #666;
}
.entRelatedBlock .entRelated li .entTitle {
	padding: 0.2em 0.4em;
	line-height: 1.3;
}
.entRelatedBlock .entRelated li a:hover .entTitle {
	background-color: #de0202;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}




/* .entNavBlockImg：画像つき関連記事・人気記事へのリンクへのリンク
==========================================================================================*/
.entRelatedImg {}
.entRelatedImg li {
	display: table;
	float: right;
	width: 396px;
}
.entRelatedImg li {
	margin-bottom: 16px;
}
.entRelatedImg li:first-child,
.entRelatedImg li:last-child {
	margin-bottom: 0;
}
.entRelatedImg li .unit .img,
.entRelatedImg li .unit .txt {
	display: table-cell;
	vertical-align: top;
	line-height: 1.3;
}
.entRelatedImg li .unit .img {
	padding-right: 12px;
}
.entRelatedImg li .unit .labelCat:hover {
	background-color: #626262;
}
.entRelatedImg li .unit .entDate,
.entRelatedImg li .unit .entTitle {
	padding: 0.2em 0.4em;
	display: block;
}
.entRelatedImg li .unit .entDate {
	margin-top: 0.2em;
	color: #666;
}
.entRelatedImg li .unit .txtCat {
	padding: 0.2em 0.4em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.entRelatedImg li .unit .entTitle {
	padding: 0.2em 0.4em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.entRelatedImg li .unit .entExp {
/*	font-size: 12px;
	font-size: 1.2rem;*/
	font-weight: normal;
}


.entRelatedImg li:nth-child(1) {
	float: left;
	width: 480px;
}
.entRelatedImg li:nth-child(1) .unit {}
.entRelatedImg li:nth-child(1) .unit .img,
.entRelatedImg li:nth-child(1) .unit .txt {
	display: block;
}
.entRelatedImg li:nth-child(1) .unit .img {
	margin-bottom: 20px;
}
.entRelatedImg li a:hover .unit .txtCat,
.entRelatedImg li a:hover .unit .entTitle {
	background-color: #de0202;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.entRelatedImg li:nth-child(n+2):not(:nth-child(n+5)) {
	float: none;
	width: 396px;
	margin-left: 554px;
}








/*==========================================================================================

	// ラベル各種

==========================================================================================*/
/* DTE：カテゴリ・年月ラベル
==========================================================================================*/
.xCatMagazine .labelCat,
.xCatMagazine .labelMonth {
	padding: 0.153em 0.307em 0.307em;
	background-color: #626262;
	font-family: 'Helvetica','Midashi Go MB1';
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff;
	text-transform: uppercase;
}
.xCatMagazine .labelCat.selected,
.xCatMagazine .labelCat:hover,
.xCatMagazine .labelMonth.selected,
.xCatMagazine .labelMonth:hover,
.xCatMagazine .pageHeadSubLink a:hover {
	background-color: #de0301;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}








/*==========================================================================================

	// 前後のエントリーへのリンク

==========================================================================================*/
.entNavBlock {
	background-color: #eee;
	margin-bottom: 70px;
	padding: 20px 0;
}
.entNavBlock .entNavBlockIn {
/*	display: table;*/
	width: 950px;
	margin: 0 auto;
}
.entNavBlock .backUnit,
.entNavBlock .nextUnit {
/*	display: table-cell;*/
	width: 50%;
}
.entNavBlock .backUnit {
	float:left;
	padding-right: 180px;
}
.entNavBlock .nextUnit {
	float:right;
	padding-left: 180px;
	text-align: right;
}
.entNavBlock .indicatorUnit {
	display: block;
	margin-bottom: 10px;
}
.entNavBlock .indicatorUnit .indicator,
.entNavBlock .indicatorUnit .indicatorImg {
	display: inline-block;
}
.entNavBlock .indicatorUnit .indicator {
	width: 82px;
	height: 36px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: 100%;
	overflow: hidden;
}
.entNavBlock .backUnit .indicatorUnit .indicator {
	background-image: url(../img/btn_entNav_back.png);
}
.entNavBlock .nextUnit .indicatorUnit .indicator {
	background-image: url(../img/btn_entNav_next.png);
}
.entNavBlock .txtUnit {
	text-transform: uppercase;
}
.entNavBlock .txtUnit .txtCat {
	padding: 0.4em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.entNavBlock .txtUnit .entTitle {
	padding: 0.4em;
/*	font-size: 12px;
	font-size: 1.2rem;*/
}
.entNavBlock a.backUnit:hover  .indicatorUnit .indicator {
	background-image: url(../img/btn_entNav_back_on.png);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.entNavBlock a.nextUnit:hover  .indicatorUnit .indicator {
	background-image: url(../img/btn_entNav_next_on.png);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.entNavBlock a:hover .txtUnit .txtCat,
.entNavBlock a:hover .txtUnit .entTitle {
	background-color: #de0202;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}




/* .entNavBlockImg：画像つき前後のエントリーへのリンク
==========================================================================================*/
.entNavBlockImg .indicatorUnit {
	height: 120px;
}
.entNavBlockImg .indicatorUnit .indicator {
	width: 60px;
	height: 120px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: 100%;
	overflow: hidden;
}
.entNavBlockImg .backUnit .indicatorUnit .indicator {
	float: left;
	background-image: url(../img/btn_entNavL_back.png);
}
.entNavBlockImg .nextUnit .indicatorUnit .indicator {
	float: right;
	background-image: url(../img/btn_entNavL_next.png);
}
.entNavBlockImg a.backUnit:hover  .indicatorUnit .indicator {
	background-image: url(../img/btn_entNavL_back_on.png);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.entNavBlockImg a.nextUnit:hover  .indicatorUnit .indicator {
	background-image: url(../img/btn_entNavL_next_on.png);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}




/* #alpha .entNavBlock：EDUCATION ZONE の場合
==========================================================================================*/
#alpha .entNavBlock {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
#alpha .entNavBlockIn {
	width: 100%;
}
#alpha .entNavBlock .backUnit {
	padding-right: 60px;
}
#alpha .entNavBlock .nextUnit {
	padding-left: 60px;
}









/*==========================================================================================

	// ページ送り

==========================================================================================*/
.pagingNav {
	display: table;
	margin: 50px auto 0;
	padding: 0 15px;
	text-align: center;
}
.pagingNav ul,
.pagingNav li {
	display: inline-block;
	vertical-align: middle;
}
.pagingNav li {
	margin: 0 3px 6px 0;
}
.pagingNav li a {
	display: inline-block;
	width: 30px;
	padding: 6px 0;
	background-color: #eee;
	text-align: center;
	vertical-align: middle;
	font-family: 'arial';
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
.pagingNav .prev a,
.pagingNav .next a {
	text-indent: -99999px;
	background: #999 url(../img/btn_pagingNav.png) 50% 50% no-repeat;
}
.pagingNav .next a {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pagingNav a:hover,
.pagingNav a.current {
	background-color: #fff;
}
.pagingNav .prev a:hover,
.pagingNav .next a:hover {
	background-color: #de0202;
}








/*==========================================================================================

	// 詳細ページ：右カラムコンテンツナビ + バナー

==========================================================================================*/
nav#cNav {
	margin-bottom: 50px;
}
nav#cNav > dl {
	margin-bottom: 30px;
}
nav#cNav .catTitle {
	margin-bottom: 12px;
	padding: 14px;
	background-color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
nav#cNav .cList li {
	position: relative;
	margin: 0 0 12px;
	padding-left: 20px;
}
nav#cNav .cList li:before {
	position: absolute;
	padding-right: 0.4em;
	top: 4%;
	left: 2px;
	content: '●';
	color: #de0202;
	font-size: 10px;
	font-size: 1.0rem;
}
nav#cNav .cList li:last-child {
	margin-bottom: 0;
}
nav#cNav .cList li a.current {
	color: #de0202;
}
nav#cNav .cList li a:hover {
	opacity: 0.4;
}
#beta .linkImg {
	margin-bottom: 20px;
}
#beta .linkImg:last-child {
	margin-bottom: 0;
}








/*==========================================================================================

	// DESIRE TO EVOLUTION

==========================================================================================*/
/*　#data-dteNav
==========================================================================================*/
#data-dteNav {
	position:relative;
	margin-bottom: 50px;
	padding: 30px 20px;
	background-color: #eee;
}

#data-dteNav .unitHead {}
#data-dteNav .unitHead .title {
	float:left;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight:normal;
}
#data-dteNav .unitHead .btnShowAll {
	float:right;
}
.btnShowAll {
	font-size: 13px;
	font-size: 1.3rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor:pointer;
}
.btnShowAll:hover {
	color:#de0301
}


#data-dteNav .unitNav {
	clear:both;
	display:table;
	width:100%;
	padding: 20px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
#data-dteNav .unitNav:last-child {
	border-top: none;
}
#data-dteNav .unitNav .unitTitle {
	display:table-cell;
	width: 150px;
	padding: 0.3em 0;
	background-color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	font-size: 22px;
	font-size: 2.2rem;
	vertical-align:middle;
}
#data-dteNav #data-dteNav-contents.unitNav .unitTitle {}
#data-dteNav #data-dteNav-monthly.unitNav .unitTitle {}
#data-dteNav .unitNav dd {
	display:table-cell;
	padding-left: 14px;
	line-height: 1.56;
	vertical-align:middle;
}
#data-dteNav #data-dteNav-monthly.unitNav dd {
}
#data-dteNav .unitNav li {
	display: inline-block;
	margin: 0 2px 8px 0;
}
#data-dteNav .yearUnit {
	display: table;
	width: 100%;
	margin: 0 0 4px;
}
#data-dteNav .yearUnit:first-child {
}
#data-dteNav .yearUnit:last-child {
	margin-bottom: 0;
}
#data-dteNav .yearUnit li {
	margin: ;
}
#data-dteNav .unitNav .yearUnit li a {
	padding: 2px 20px;
}
#data-dteNav .yearUnit .labelYear {
	display: table-cell;
	width: 3em;
	vertical-align: middle;
	font-family: 'Helvetica';
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
#data-dteNav .yearUnit ul {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}
#data-dteNav .yearUnit li {
	margin-bottom: 0;
}

/* WARRIORとは？ */
.xCatMagazine .pageHeadSubLink {
/*
	margin: -30px 3px 15px 0;
	text-align: right;
*/
	position: absolute;
	top: 240px;
	left: 33px;
}
.xCatMagazine .pageHeadSubLink a {
	padding: 4px 8px;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-family: 'Helvetica','Midashi Go MB1';
	background-color: #626262;
}

.loaderA {
	position:absolute;
	top:112px;
	left:12px;

	width: 46px;
	height: 46px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0);
	border: 7px solid rgba(222,2,2,0.9);
	border-bottom: 7px solid rgba(0,0,0,0);
	border-right: 7px solid rgba(0,0,0,0);
	border-radius: 100px;
	opacity: .9;

	-moz-animation: spin .5s infinite linear,opa 5.25s ease-in-out infinite alternate;
	-webkit-animation: spin .5s infinite linear,opa 5.25s ease-in-out infinite alternate;
}
.loaderB {
	position:absolute;
	top:104px;
	left:4px;

	width: 62px;
	height: 62px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0);
	border: 6px solid rgba(222,2,2,0.9);
	border-top: 6px solid rgba(0,0,0,0);
	border-left: 6px solid rgba(0,0,0,0);
	border-radius: 100px;
	opacity: .9;

	-moz-animation: spin 1.0s infinite linear,opa 5.25s ease-in-out infinite alternate;
	-webkit-animation: spin 1.0s infinite linear,opa 5.25s ease-in-out infinite alternate;
}
.loaderC {
	position:absolute;
	top:95px;
	left:-5px;

	width: 78px;
	height: 78px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0);
	border: 5px solid rgba(222,2,2,0.9);
	border-bottom: 5px solid rgba(0,0,0,0);
	border-right: 5px solid rgba(0,0,0,0);
	border-radius: 100px;
	opacity: .9;

	-moz-animation: spin 1.5s infinite linear,opa 5.25s ease-in-out infinite alternate;
	-webkit-animation: spin 1.5s infinite linear,opa 5.25s ease-in-out infinite alternate;
}

@-webkit-keyframes spin {
	0%   { -webkit-transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
	0%   { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}
@-webkit-keyframes opa {
	12.0% { opacity: 0.80; }
	19.5% { opacity: 0.88; }
	37.2% { opacity: 0.64; }
	40.5% { opacity: 0.52; }
	52.7% { opacity: 0.69; }
	60.2% { opacity: 0.60; }
	66.6% { opacity: 0.52; }
	70.0% { opacity: 0.63; }
	79.9% { opacity: 0.60; }
	84.2% { opacity: 0.75; }
	91.0% { opacity: 0.87; }
}
@keyframes opa {
	12.0% { opacity: 0.80; }
	19.5% { opacity: 0.88; }
	37.2% { opacity: 0.64; }
	40.5% { opacity: 0.52; }
	52.7% { opacity: 0.69; }
	60.2% { opacity: 0.60; }
	66.6% { opacity: 0.52; }
	70.0% { opacity: 0.63; }
	79.9% { opacity: 0.60; }
	84.2% { opacity: 0.75; }
	91.0% { opacity: 0.87; }
}


/*　#data-dteBlock
==========================================================================================*/
#data-dteBlock {}
#data-dteBlockIn {
	width: 976px;
	margin: 0 auto;
}
#data-dteBlockIn .data-dteUnit {
	float: left;
	width: 220px;
	margin: 0 12px 50px;
	background-color: #eee;
}
#data-dteBlockIn .data-dteUnit .unitImg {}
#data-dteBlockIn .data-dteUnit .unitImg img {
	display: block;
}
#data-dteBlockIn .data-dteUnit .unitContent {
	padding: 15px;
	border-bottom: 1px solid #000;
}
#data-dteBlockIn .data-dteUnit .unitContent .entTitle {
	margin-bottom: 1em;
}
#data-dteBlockIn .data-dteUnit .unitContent .entLead {
	margin-bottom: 1.5em;
}
#data-dteBlockIn .data-dteUnit .unitContent .entDate {
	display: block;
	color: #666;
	text-align: right;
}
#data-dteBlockIn .data-dteUnit .entMeta {
	padding: 15px;
	border-bottom: 3px solid #000;
}
#data-dteBlockIn .data-dteUnit .entMeta .labelCat {
	display: inline-block;
}
#data-dteBlockIn .data-dteUnit .entMeta .labelCat a {
	display: block;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","Verdana","ＭＳ Ｐゴシック",sans-serif;
	font-weight: bold;
}



.btn-more,
a.btn-more {
	display:block;
	width:50%;
	margin:30px auto;
	padding:15px;
	background-color:#de0202;
	color:#fff;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
.btn-more:hover,
a.btn-more:hover {
	background-color:#000;
}







/*==========================================================================================

	// TEAM DNS

==========================================================================================*/
.xListPage.xCatTeamDNS #contents {
	padding-bottom: 60px;
}





/*==========================================================================================

	//	LINEUP

==========================================================================================*/
.xCatLineup {}
.xCatLineup .supCat {
	text-transform: uppercase;
}
.xCatLineup .catBase {
	color: #e84922;
}
.xCatLineup .catAdvantage {
	color: #c5bc05;
}
.xCatLineup .catCondition {
	color: #f9a302;
}
.xCatLineup .labelLevel {
	display: inline-block;
	width:12.8em;
	padding: 4px 10px;
	text-transform: uppercase;
}
.xCatLineup .labelLevel.lv1 {
	background-color: #900000;
	color: #fff;
}
.xCatLineup .labelLevel.lv2 {
	background-color: #b4b6b5;
}
.xCatLineup .labelLevel.lv3 {
	background-color: #af9d5f;
}

.xCatLineup .stepUnit {
	margin: 0 0 40px;
}
.xCatLineup .stepUnit:last-child {
	margin-bottom: 0;
}
.xCatLineup #guide {
	margin-top: -60px;
	padding-top: 60px;
}
.xCatLineup #guide .entTitle {
	padding-left: 10px;
}
.xCatLineup #guide #step1,
.xCatLineup #guide #step2,
.xCatLineup #guide #step3 {
	margin-top: -60px;
	padding-top: 60px;
}
.xCatLineup #guide .entTitle .stepNum {
	position: relative;
	color:#666;
	font-family: 'Roboto Condensed';
	font-weight: normal;
}
.xCatLineup #guide .entTitle .stepNum:after {
	content: "ú";
	padding: 0 0.4em;
	font-family: 'condenseicon';
	font-size: 21px;
	font-size: 2.1rem;
	text-transform: lowercase;
	color: #000;
}
.xCatLineup #guide .stepUnit {}
.xCatLineup #guide .stepUnit th,
.xCatLineup #guide .stepUnit td {
	padding: 6px 0;
}
.xCatLineup #guide #step1Choice td:before {
	content: "ê";
	padding: 0 2em;
	font-family: 'condenseicon';
	text-transform: lowercase;
}
.xCatLineup #guide #dnsCatMap {
	width: 681px;
	margin: 0 auto;
	text-align: center;
}
.xCatLineup #guide #dnsCatMap .hLine {
	font-size: 18px;
	font-size: 1.8rem;
}
.xCatLineup #guide .catMap {
	width: 715px;
}
.xCatLineup #guide .catMap li.first {
	float: left;
	margin-right: 5px;
}
.xCatLineup #guide .catMap li {
	float:left;
}
.xCatLineup #guide .catMap li:last-child {
	margin-top: 5px;
}
.xCatLineup #guide #step2Level {}
.xCatLineup #guide #step2Level li {
	margin-bottom: 10px;
}
.xCatLineup #guide #step2Level li:last-child {
	margin-bottom: 0;
}
.xCatLineup #guide #step2Level li .labelLevel {
	margin-right: 20px;
}
.xCatLineup #guide #step3 .imgUnit {
	margin-right: 50px;
}
.xCatLineup #guide #step3 .txtUnit {
	float: left;
}
.xCatLineup #guide #step3 .txtUnit .entTitle {
	margin: 0 0 8px;
	padding-left: 0;
	font-size: 16px;
	font-size: 1.6rem;
}

.xCatLineup #dns-lineup {
	margin-top: -60px;
	padding-top: 60px;
}
.xCatLineup #dns-lineup .lineupBlock {
	margin-top: -60px;
	margin-bottom: 100px;
	padding-top: 60px;
}
.xCatLineup #dns-lineup .lineupBlock:last-child {
	margin-bottom: 0;
}
.xCatLineup #dns-lineup .blockTitle {
	margin-bottom: -20px;
}
.xCatLineup .blockTitle {
	margin-bottom: 40px;
	padding: 0 0 8px 64px;
	border-bottom-style: solid;
	border-width:3px;
	text-transform: uppercase;
	line-height: 1.6;
}
.xCatLineup .blockTitle .hLine2 {
	display: inline;
	margin-bottom: 0;
	padding-right: 1em;
	font-family: 'Roboto Condensed';
	font-size: 30px;
	font-size: 3.0rem;
}
.xCatLineup .blockTitle .subTitle {
	display: inline;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'Roboto Condensed','Midashi Go MB1';
}
.xCatLineup #lineup-Base .blockTitle {
	background: url(../img/icon_base.png) 0 50% no-repeat;;
	border-color: #db4520;
	color: #db4520;
}
.xCatLineup #lineup-Advantage .blockTitle {
	background: url(../img/icon_advantage.png) 0 50% no-repeat;;
	border-color: #c4ba00;
	color: #c4ba00;
}
.xCatLineup #lineup-Condition .blockTitle {
	background: url(../img/icon_condition.png) 0 50% no-repeat;;
	border-color: #f4a000;
	color: #f4a000;
}
.xCatLineup #lineup-Accessories .blockTitle {
	padding-left: 8px;
}

.xCatLineup #dns-lineup .blockBody {}
.xCatLineup #dns-lineup .listItem {
	width: 280px;
	margin: 70px 35px 0 0;
	float: left;
}
.xCatLineup #dns-lineup .listItem.cl {
	clear: left;
}
.xCatLineup #dns-lineup .listItem.last,
.xCatLineup #dns-lineup .listItem:last-child {
	margin-right: 0!important;
}

/*
------------------------------------------------------------------------------------------*/
.xCatLineup #dns-lineup .listItem.listItemM {
	width: 210px;
	margin: 70px 30px 0 0;
}
.xCatLineup #dns-lineup .listItem.listItemS {
	width: 160px;
	margin: 70px 35px 0 0;
}

/*
------------------------------------------------------------------------------------------*/
.xCatLineup #dns-lineup #lineup-Advantage .listItem.listItemS,
.xCatLineup #dns-lineup #lineup-Advantage .listItem.listItemM,
.xCatLineup #dns-lineup #lineup-Condition .listItem,
.xCatLineup #dns-lineup #lineup-Accessories .listItem {
	text-align: center;
}


/*
------------------------------------------------------------------------------------------*/
.xCatLineup #dns-lineup .listItemM .imgUnit {
	float:none;
	margin-right:auto;
}
.xCatLineup #dns-lineup .listItem .imgL {	margin-right: 10px;}
.xCatLineup #dns-lineup .listItem .txtUnit {}
.xCatLineup #dns-lineup .listItem .txtUnit .entTitle > span {
	display:block;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","Verdana","ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
}
.xCatLineup #dns-lineup .listItem .txtUnit .entTitle > .ja {
	margin-top: 1em;
}

.xCatLineup #dns-lineup .listItem.listItemM {}
.xCatLineup #dns-lineup .listItem.listItemM .imgUnit.imgL { display:table-cell;}
.xCatLineup #dns-lineup .listItem.listItemM .imgL + .txtUnit { display:table-cell;}


/*
------------------------------------------------------------------------------------------*/
.xCatLineup #dns-lineup .listItem .btnUnit {
	clear: both;
	display: block;
	max-width: 200px;
	margin: 20px auto 0;
	padding: 10px 0;
	text-align: center;
	background-color: #eee;
}
.xCatLineup #dns-lineup #lineup-Accessories .listItem .btnUnit {
	padding: 6px 0;
	background-color: #666;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
}
.xCatLineup #dns-lineup a:hover.listItem .btnUnit,
.xCatLineup #dns-lineup #lineup-Accessories a:hover.listItem .btnUnit {
	background-color: #de0202;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}




/*　Lineup 詳細ページ
==========================================================================================*/
.xPage.xCatLineup {}
.xPage.xCatLineup .imgUnit {
	float: left;
	margin-right: 48px;
}
.xPage.xCatLineup .imgR {
	margin-left: 48px;
}
.xPage.xCatLineup .unitMeta {
	width: 480px;
	float: right;
}
.xPage.xCatLineup .itemMeta {
	margin-bottom: 80px;
}
.xPage.xCatLineup .itemMeta .itemImg {
	float: left;
	min-width:190px;
	text-align:center;
}
.xPage.xCatLineup .itemMeta .itemTxt {
	float: right;
	width: 264px;
}
.xPage.xCatLineup .itemMeta .itemTxt img {
	display: block;
	margin-bottom: 30px;
}
.xPage.xCatLineup .itemMeta .itemTxt .itemName {
	display: block;
	padding: 20px 0.5em;
	background-color: #eee;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
}
.xPage.xCatLineup a.btnUnit {
	display: block;
	width: 100%;
	color: #fff;
	font-family: 'Roboto Condensed','Midashi Go MB1';
	font-size: 16px;
	font-size: 1.6rem;
}
.xPage.xCatLineup a.btnUnit > .label1 {
	display: block;
	float: left;
/*	width: 63%;*/
 width: 100%;
	padding: 12px 4px;
	background-color:#de0202;
	text-align: center;
}
.xPage.xCatLineup a:hover.btnUnit > .label1 {
	background-color: #000;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.xPage.xCatLineup a.btnUnit > .label2 {
	display: block;
	float: left;
	width:  37%;
	padding: 12px 4px;
	background-color: #666;
	background-size:3px 3px;
	background-image:radial-gradient(rgba(153,153,153,1),rgba(153,153,153,1) 1px,transparent 1px,transparent);
  	background-position: 0 0, 1px 1px;
	text-align: center;
	text-transform: uppercase;
}
.xPage.xCatLineup a:hover.btnUnit > .label2 {
	background: #da0202 none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.xPage.xCatLineup a.btnUnit {
    display: block;
    width: 100%;
    color: #fff;
    font-family: 'Roboto Condensed','Midashi Go MB1';
    font-size: 16px;
    font-size: 1.6rem;
}
.xPage.xCatLineup .proteinLink a {
    padding: 8px;
    color: #de0202;
    border: solid 1px #de0202;
    text-align: center;
    text-decoration: none;
}
a.btnUnit::after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
    visibility: hidden;
}




/*==========================================================================================

	// CONCEPT

==========================================================================================*/
.xListPage.xCatConcept {}
.xListPage.xCatConcept #sHeader #sNavi dd a {
	text-transform: none;
}
.xListPage.xCatConcept #sHeader #sNavi dd li:first-child a {
	text-transform: uppercase;
}
.xListPage.xCatConcept #contents .container {
	margin-top: -60px;
	margin-bottom: 120px;
	padding-top: 60px;
}
.xListPage.xCatConcept .container:last-child {
	margin-bottom: 0!important
}
.xListPage.xCatConcept #contents .container {
	font-size: 15px;
	font-size: 1.5rem;
}
.xListPage.xCatConcept #contents .container p {
	margin: 0 0 1.6em;
}
.xListPage.xCatConcept .container p:last-child {
	margin-bottom: 0;
}
.xListPage.xCatConcept .listTriangle {
	padding-bottom: 40px;
	border-top: 1px solid #de0202;
	border-bottom: 1px solid #de0202;
}
.xListPage.xCatConcept #section1 {}
.xListPage.xCatConcept #section1 .sectionTitle {
	text-transform: uppercase;
}
.xListPage.xCatConcept #section1 .hLine {
	margin-bottom: 1.3em;
	font-family: 'Roboto Condensed','Midashi Go MB1';
	font-size: 30px;
	font-size: 3.0rem;
	text-align: center;
}
.xListPage.xCatConcept #section2 {}
.xListPage.xCatConcept #section2 .imgUnit {
	display: table;
	position: relative;
	margin: 96px auto 0;
}
.xListPage.xCatConcept #section2 .imgUnit li {
	display: table-cell;
}
.xListPage.xCatConcept #section3 {}
.xListPage.xCatConcept #section3 .imgUnit {
	display: table;
	position: relative;
	margin: 80px auto 60px;
}
.xListPage.xCatConcept #section3 .imgUnit li {
	display: table-cell;
	padding: 0 20px;
}
.xListPage.xCatConcept #section4 {}
.xCatConcept .sec4Unit {
	margin-bottom: 50px;
	padding: 0 0 50px 20px;
	border-bottom: 3px solid #7f7f7f;
}
.xCatConcept .sec4Unit:last-child {
	margin: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.xCatConcept .sec4Unit .list-dl {
	width: 535px;
	float: left;
}
.xCatConcept .sec4Unit .imgUnit {
	width: 355px;
	margin: 0;
	text-align: center;
}
.xCatConcept #sectionLink {
	padding: 20px 0;
	background-color: #eee;
}
.xCatConcept #sectionLink a {
	display: table;
	margin-left: 216px;
	font-family: 'Roboto Condensed','Midashi Go MB1';
	font-size: 20px;
	font-size: 2.0rem;
}
.xCatConcept #sectionLink a > span {
	display: table-cell;
	vertical-align: middle;
}
.xCatConcept #sectionLink a > span + span {
	position: relative;
	padding-left: 32px;
}
.xCatConcept #sectionLink a > span + span:after {
	content: "ú";
	padding: 0 1em;
	font-family: 'condenseicon';
	text-transform: lowercase;
}
.xCatConcept #sectionLink a:hover {
	color: #de0202;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



.xListPage.xCatConcept #contents .container {
	margin-top: 0px;
	padding-top: 0px;
}


/* section1
==========================================================================================*/
#data-section1-title-wrapper {
	min-height: 56px;
	margin: 0 0 2.4em
}
#data-section1-cover-wrapper {
	min-height: 372px;
	height: 730px;
	position: absolute;
	top: -269px;
	left: 0px;
}
#data-section1-cover {
	margin-top: 365px;
}
#data-section1-head {
	height: 448px;
}
#data-section1-title.absolute {
	position: absolute;
	top: 113px;
	padding-top: 30px;
	left: 0px;
}
#data-section1-title.data-fixed {
	top: 0px;
	padding-top: 25px;
	z-index: 1;
}
#data-section1-cover.data-fixed {
	top: -382px;
}
#data-section1-cover.absolute {
	position: absolute;
	top: 100px;
}
#section1 .sectionBody {
	position: absolute;
	left: -105px;
	opacity: 0.8;
	height: 351px;
	width: 1200px;
	background: #fff;
	z-index: 10;
}
#data-section1-body .data-body, #data-section2-body .data-body {
	width: 990px;
	margin: 0 auto;
}
#data-section1-title {
	padding-bottom: 10px;
}
#data-section1-title, #data-section2-title {
	width: 100%;
	background: #fff;
	line-height: 0.7;
	z-index: 200;
}


/* section2
==========================================================================================*/
#data-section2-title-wrapper {
	min-height: 36px;
	margin: 0 0 2.4em
}
#data-section2-title.absolute {
	position: absolute;
	top: 140px;
	padding-top: 25px;
}
#data-section2-title.data-fixed {
	top: 0px;
	padding-top: 30px;
	z-index: 1;
}
#data-section2-title {
	width: 100%;
	padding-bottom: 10px;
}
#data-section2-cover.data-fixed {
	top: 0px;
}
#data-section2-cover-wrapper {
	min-height: 290px;
}
#section2 .sectionBody {
	position: absolute;
	left: -105px;
	width: 1200px;
	background: #fff;
	opacity: 0.8;
	z-index: 10;
}
#data-section2-body-wrapper {
	height: 456px;
}
#data-section2-how {
	width: 849px;
}
#data-section2-how > li {
	position: absolute;
	top: 0px;
	left: 0px;
}
#data-section2-how > li:nth-child(1) {
	width: 220px;
	height: 208px;
	z-index: 3;
}
#data-section2-how > li:nth-child(2) {
	padding-left: 40px;
	z-index: 2;
}
#data-section2-how > li:nth-child(3) {
	width: 340px;
	height: 210px;
	padding-left: 7px;
	z-index: 1;
}
#data-section2-how > li:nth-child(2):before, #data-section2-how > li:nth-child(3):before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 0px;
	width: 35px;
	height: 100%;
	margin-top: -16px;
	background: url(../../concept/img/how_arrow.png) no-repeat;
}
#data-section2-how > li:nth-child(3) .wrap {
	position: relative;
	width: 340px;
	height: 210px;
}
.IS-rotate {
	-webkit-animation: animCircle 2.3s ease infinite; /* Saf5, Chrome */
	animation: animCircle 2.3s ease infinite;
}
@-webkit-keyframes animCircle {
	  0% {-webkit-transform: rotate(5deg);}
	 33% {-webkit-transform: rotate(125deg);}
	 66% {-webkit-transform: rotate(245deg);}
	100% {-webkit-transform: rotate(365deg);}
}
@keyframes animCircle {
	  0% {transform: rotate(5deg);}
	 33% {transform: rotate(125deg);}
	 66% {transform: rotate(245deg);}
	100% {transform: rotate(365deg);}
}
#data-section2-how > li:nth-child(3) .wrap .circleBlock {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 130px;
	height: 130px;
	margin-top: -65px;
	margin-left: -65px;
}
#data-section2-how > li:nth-child(3) .wrap .listUnit .unit:nth-child(1) {
	position: absolute;
	top: 0px;
	left: 97px;
}
#data-section2-how > li:nth-child(3) .wrap .listUnit .unit:nth-child(2) {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#data-section2-how > li:nth-child(3) .wrap .listUnit .unit:nth-child(3) {
	position: absolute;
	bottom: 0px;
	left: 6px;
}

/* section3
==========================================================================================*/
#data-section3-title-wrapper {
	min-height: 56px;
}
#data-section3-title {
	width: 100%;
	background: #fff;
	z-index: 10000;
}
#data-section3-title.sectionTitle {
 margin-bottom: 0px !important;
}
#data-section3-title.data-fixed {
	top: 0px;
	padding: 30px 0 10px;
	z-index: 10;
}
#data-section3-title-wrapper {
	position: relative;
}
#data-section3-title-wrapper h1.absolute {
	position: absolute;
	top: 79px;
	left: 0px;
	padding-top: 30px;
}
#data-section3-figure {
 display: block !important;
	zoom: 1;
}
#data-section3-figure li {
	float: left;
}
#data-section3-figure:after {
	display: table;
	clear: both;
	content: '';
}
#data-section3-figure:before {
	display: table;
	content: '';
}
.xListPage.xCatConcept .listTriangle {
	border-top:none;
}
.listTriangle .unitTitle {
	display: block;
	padding:0;
	border-top:1px solid #de0202;
	background:none;
}
.listTriangle .unitTitle span {
	display: inline-block;
	padding: 12px;
	background-color: #de0202;
	color: #fff;
}


/* section4
==========================================================================================*/
#data-section4-title-wrapper {
	min-height: 66px;
}
#data-section4-title {
	width: 100%;
	background: #fff;
	margin-bottom: 0px !important;
	z-index: 10000;
}
#data-section4-title.data-fixed {
	top: 0px;
	padding-top: 30px;
	z-index: 10;
}
#data-section4-title.absolute {
	position: absolute;
	top: 71px;
	left: 0px;
}
.list-dl > .item {
	height: 45px;
	padding: 0 0 16px;
	box-sizing: border-box;
}



.localNav {
}
.localNav li {
 font-size: 1.6rem;
 font-weight: 700;
 line-height: 1.0;
}
.localNav li + li {
 margin-top: 14px;
}
.localNav li > a {
 position: relative;
 display: inline-block;
 padding-left: 14px;
}
.localNav li > a::before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 0;
 height: 0;
 margin: auto;
 border-style: solid;
 border-width: 5px 0 5px 6px;
 border-color: transparent transparent transparent #000000;
}
.localNav li > a:hover {
 color: #de0202;
}
.localNav li > a:hover::before {
 border-color: transparent transparent transparent #de0202;
}


.sec-about-01 {
 margin-top: 50px;
}
.sec-about-01 .sectionHead {
 margin-bottom: 30px;
}
.sec-about-01 .sectionTitle {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","Verdana","ＭＳ Ｐゴシック",sans-serif;
}
.sec-about-01 .unitText {
 margin: 30px 0;
}
.sec-about-01 .unitText > p {
 font-size: 1.5rem;
 line-height: 2.0;
}
.sec-about-01 .unitText .message {
 padding: 0 16px;
 font-size: 1.6rem;
 font-weight: 700;
 line-height: 2.5;
}


.sec-about-02 {
 margin-top: 110px;
}
.sec-about-02 .sectionHead {
 margin-bottom: 30px;
 padding-bottom: 12px;
 border-bottom: 1px solid #000000;
}
.sec-about-02 .sectionTitle {
 margin: 0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","Verdana","ＭＳ Ｐゴシック",sans-serif;
}


.abouttUnit_s {}
.abouttUnit_s  + .abouttUnit_s {
 margin-top: 72px;
}
.abouttUnit_s .unitHead {}
.abouttUnit_s .unitHead .hLine {
 display: flex;
 align-content: center;
}
.abouttUnit_s .unitHead .hLine > i {
 display: block;
 height: 48px;
 width: 48px;
 margin-right: 12px;
 border-radius: 100%;
 background-color: #de0202;
 color: #ffffff;
 font-size: 2.0rem;
 font-weight: 700;
 text-align: center;
 font-style: normal;
 line-height: 48px;
}
.abouttUnit_s .unitHead .hLine > span {
 font-size: 2.2rem;
 font-weight: 700;
 line-height: 48px;
}
.abouttUnit_s .unitBody {
 display: flex;
 justify-content: space-between;
}
.abouttUnit_s .unitText {
 font-size: 1.5rem;
 line-height: 2.0;
}
.abouttUnit_s .unitText a:link {
 color: #de0202;
}
.abouttUnit_s .unitImage {
 flex-shrink: 0;
 flex-basis: 320px;
 margin-left: 70px;
 text-align: center;
}
.abouttUnit_s .unitImage > picture {
 display: inline-block;
}
.abouttUnit_s .unitImage > picture + picture {
 margin-top: 40px;
}


.abouttUnit_s.unitHistory_s .unitText {
}
.abouttUnit_s.unitHistory_s .unitImage {
 flex-basis: 360px;
 margin-left: 30px;
}

.antiUnit_s {}
* + .antiUnit_s {
 margin-top: 40px;
 padding-top: 40px;
 border-top: 2px solid #dedede;
}
.antiUnit_s .unitHead {
 font-size: 1.8rem;
 font-weight: 700;
}
.antiUnit_s .unitHead small {
 font-size: 1.4rem;
 font-weight: 700;
}
.antiUnit_s .unitHead + .unitBody {
 margin-top: 24px;
}
.antiUnit_s .unitBody {}
.antiUnit_s .unitBody {
}
.antiUnit_s .unitBody > p {
 font-size: 1.5rem;
 line-height: 2.0;
}
.antiUnit_s .unitBody * + ul,
.antiUnit_s .unitBody * + p {
 margin-top: 16px !important; 
}
.antiUnit_s .unitBody ul {}
.antiUnit_s .unitBody ul > li {
 position: relative;
 margin-left: 14px;
 padding-left: 12px;
 font-size: 1.5rem;
 line-height: 2.0;
}
.antiUnit_s .unitBody ul > li::before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 5px;
 height: 1px;
 margin: auto;
 background: #000000;
}
.antiUnit_s .unitBody a {
 color: #de0202;
}
.antiUnit_s .unitBody strong {
 font-weight: 700;
}

.antiUnit_s .unitBody{
 display: flex;
 justify-content: space-between;
}
.antiUnit_s .unitText {
 font-size: 1.5rem;
 line-height: 2.0;
}
.antiUnit_s .unitText a:link {
 color: #de0202;
}
.antiUnit_s .unitImage {
 flex-shrink: 0;
 flex-basis: 200px;
 margin-left: 70px;
 text-align: center;
}
.antiUnit_s .unitImage > picture {
 display: inline-block;
}
.antiUnit_s .unitImage > picture + picture {
 margin-top: 40px;
}


.aboutBtnUnit {
 
}



.movUnits {}
.movUnits .unitMov {
 max-width: 640px;
 margin: auto;
}
.movUnits .unitMov .exp {
 margin-top: 8px;
}
.movUnits .unitMov + .unitMov {
 margin-top: 40px;
}
.movieWrap {
 position: relative;
 padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
 height: 0;
 overflow: hidden;
}
.movieWrap iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.btnUnits {
 display: flex;
 justify-content: space-between;
}
.btnUnits > .mod {
 width: 47.474747%;
}
.btnUnits > .mod > .head {}
.btnUnits > .mod > .head > a {
 display: block;
 width: 100%;
 padding: 38px;
 background-color: #de0202;
 box-sizing: border-box;
 color: #ffffff;
 font-size: 1.8rem;
 font-weight: 700;
 text-align: center;
}
.btnUnits > .mod > .head > a:hover {
 background-color: #000000;
 color: #ffffff;
}

.btnUnits > .mod > .body {
 text-align: center;
 margin-top: 8px;
 font-size: 1.2rem;
}








/*==========================================================================================

	//エラーページ

==========================================================================================*/

.errorMsgBox {
	margin:50px 0 0;
	padding:50px 0;
	text-align:center;
}
.errorMsgBox .title {
	font-family: 'Roboto Condensed','Midashi Go MB1';
	font-size:56px;
	font-size:5.6rem;
	text-transform:uppercase;
}
.errorMsgBox p {
	margin-top:10px;
	font-size:16px;
	font-size:1.6rem;
}
.errorMsgBox p a {
	position:relative;
	display:inline-block;
	margin:0 4px;
	padding:2px 10px;
	color:#fff;
}
.errorMsgBox p a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:#de0202;
	transform: rotate(-3deg);
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.errorMsgBox p a:hover:before {
	transform: rotate(0deg);
}

/* animeだよ
==========================================================================================*/
.msgTitle span {
	animation: name 1s ease-in-out infinite alternate;
}
@keyframes name {
	from {
		color:
			rgba(255, 255, 255, 0.9),
			rgba(0, 0, 0, 0.3),
			rgba(255, 255, 255, 0.45);
		text-shadow:
			0 0 2px rgba(255, 255, 255, 0.9),
			0 5px 10px rgba(0, 0, 0, 0.3),
			0 0 20px rgba(255, 255, 255, 0.45);
	}
	to {
		color:
			rgba(255, 255, 255, 0.9),
			rgba(0, 0, 0, 0.3),
			rgba(255, 255, 255, 0.45);
		text-shadow:
			0 0 2px rgba(255, 255, 255, 0.2),
			0 0 0 rgba(0, 0, 0, 0),
			0 0 0 rgba(255, 255, 255, 0);
	}
}
.msgTitle span:nth-child(2) {
	animation-delay: 0.15s;
}
.msgTitle span:nth-child(3) {
	animation-delay: 0.30s;
}
.msgTitle span:nth-child(4) {
	animation-delay: 0.45s;
}
.msgTitle span:nth-child(5) {
	animation-delay: 0.60s;
}






/*==========================================================================================

	floatさせたボックスが親ボックスの外にはみ出す現象を回避

==========================================================================================*/

/*　IE6、IE7対策
==========================================================================================*/
#wrapper,
#gHeader,
#gNavi,
#contents,
#content,
.container,
.pageHead,
.pageBody,

.xListPage .listBlock,

shortcutList,

#data-dteNav .unitNav,

#chBlock ul,
.xCatLineup .stepUnit,
#guide .catMap,
.lineupBlock,
.blockBody,

entBodyBlock,
.pLine,
.linkUnit,
.entRelatedImg,

.xPage.xCatLineup .itemMeta,
.xCatConcept .sec4Unit,

.clearFix,
.cFix
{
   ?zoom:1;
}


/* 以外のブラウザ
==========================================================================================*/
#wrapper:after,
#gHeader:after,
#gNavi:after,
#contents:after,
#content:after,
.container:after,
.pageHead:after,
.pageBody:after,

.xListPage .listBlock:after,

.shortcutList:after,

#data-dteNav .unitNav:after,

#chBlock ul:after,
.xCatLineup .stepUnit:after,
#guide .catMap:after,
.lineupBlock:after,
.blockBody:after,

.entBodyBlock:after,
.pLine:after,
.linkUnit:after,
.entRelatedImg:after,

.xPage.xCatLineup .itemMeta:after,
.xCatConcept .sec4Unit:after,

.clearFix:after,
.cFix:after
{
	content:"";
	display:block;
	clear:both;
}

/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */