@charset "UTF-8";

/* ----------------------------------------
  reset
---------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
	content: "";
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/* ----------------------------------------
  common
---------------------------------------- */
body {
	background-color: #f7f6f4;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	color: #343434;
	font-size: 13px;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #343434;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
}
/* hover動作はPCのみ */
@media only screen and (min-width: 769px) {
	a:hover {
		opacity: .7;
		text-decoration: underline;
	}
	.btn a:hover {
		opacity: .7;
		text-decoration: none;
	}
}
img {
	max-width: 100%;
/*	width: auto;
	height: auto;*/
	vertical-align: bottom;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* SP */
@media only screen and (max-width: 768px) {
	body {
		font-size: 12px;
	}
}


/* ----------------------------------------
  layouts
---------------------------------------- */

/* for solid layout
---------------------------------------- */
.container {
	max-width: 970px;
	margin: 0 auto;
}
/* SP */
@media only screen and (max-width: 768px) {
	.container {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
	}
}

/* ページ全体
---------------------------------------- */
.page {
	width: 100%;
}
/* SP */
@media only screen and (max-width: 768px) {
	.page {
		padding-top: 54px;
	}
}

/* ページ全体オーバーレイ（SPメニュー時）
---------------------------------------- */
.js-spMenuOverlay {
	display: none;
	width: 100%;
	height: 100vh;
	background: #000;
	opacity: .3;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
}

/* ヘッダー
---------------------------------------- */
.header {
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 15px 0;
	border-bottom: solid 1px #ededed;
	position: fixed;
	top: 0;
	z-index: 100;
}
.header .container {
	min-height: 60px;
	position: relative;
}
.header_logo {
	width: 184px;
}
.header_logo a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 60px;
	background: url(../images/logo_mdn_header_pc.png) no-repeat left top;
	background-size: 184px 60px;
}
.pageTitle {
	line-height: 1;
	color: #bababa;
	position: absolute;
	right: 0;
	top: 0;
}
.headerNav {
	position: absolute;
	right: 0;
	bottom: -2px;
	letter-spacing: -.4em
}
.headerNav_item {
	display: inline-block;
	margin-left: 6px;
	vertical-align: text-top;
	letter-spacing: normal;
}
.headerNav_item a {
	display: block;
	border-radius: 4px;
	height: 34px;
	background-color: #bababa;
	color: #fff;
	text-align: center;
	line-height: 34px;
	text-decoration: none;
}
.headerNav_item-regist a,
.headerNav_item-login a {
	padding: 0 15px;
	letter-spacing: 0.01em;
}
.headerNav_item-login {
	margin-right: 3px;
}
.headerNav_item-twitter a,
.headerNav_item-facebook a,
.headerNav_item-hatena a,
.headerNav_item-rss a {
	width: 34px;
	height: 0;
	overflow: hidden;
	padding-top: 34px;
	background-repeat: no-repeat;
	background-position: center center;
}
.headerNav_item-twitter a {
	background-color: #52b8f9;
	background-image: url(../images/ic_twitter.png);
	background-size: 21px 17px;
}
.headerNav_item-facebook a {
	background-color: #446cbe;
	background-image: url(../images/ic_facebook.png);
	background-size: 9px 18px;
}
.headerNav_item-hatena a {
	background-color: #22afe3;
	background-image: url(../images/ic_hatena.png);
	background-size: 18px 15px;
}
.headerNav_item-rss a {
	background-color: #f8963f;
	background-image: url(../images/ic_rss.png);
	background-size: 17px 17px;
}
.headerNav_item-hatena iframe {
	width: 34px !important;
	height: 34px !important;
}
.header_date {
	display: none;
}
.header_button {
	display: none;
}
/* PC fixed */
@media only screen and (min-width: 769px) {
	.header.fixed {
		padding: 8px 0 10px;
	}
	.header.fixed .container {
		min-height: 36px;
	}
	.header.fixed .container .header_logo a {
    	padding-top: 36px;
    	background: url(../images/logo_mdn_header_pc.png) no-repeat left top;
    	background-size: 109px 36px;
	}
	.header.fixed .container .pageTitle {
		font-size: 12px;
	}
	.header.fixed .headerNav {
		top: 12px;
	}
	.header.fixed .headerNav_item a {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.header.fixed .headerNav_item-twitter a, 
	.header.fixed .headerNav_item-facebook a, 
	.header.fixed .headerNav_item-hatena a, 
	.header.fixed .headerNav_item-rss a {
		width: 26px;
		padding-top: 26px;
	}
	.header.fixed .headerNav_item-hatena iframe {
		width: 26px !important;
		height: 26px !important;
	}
	.header.fixed .headerNav_item-twitter a {	background-size: 14px 11px;}
	.header.fixed .headerNav_item-facebook a {	background-size: 5px 10px;}
	.header.fixed .headerNav_item-rss a { background-size: 14px 14px;}
}

/* SP */
@media only screen and (max-width: 768px) {
	.header {
		height: 54px;
		padding: 8px 0 7px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 21000;
	}
	.header .container {
		min-height: initial;
	}
	.header_logo {
		width: 116px;
	}
	.header_logo a {
		display: block;
		padding-top: 38px;
		background-image: url(../images/logo_mdn_header_sp.png);
		background-size: contain;
	}
	.pageTitle {
		display: none;
	}
	.headerNav {
		display: none;
	}
	.header_date {
		display: block;
		position: absolute;
		right: 28%;
		top: 12px;
	}
	.header_button,
	.header_button span {
	  display: block;
	  transition: all .3s;
	  box-sizing: border-box;
	}
	.header_button {
	  width: 38px;
	  height: 38px;
	  position: absolute;
	  right: 10px;
	  top: 0;
	}
	.header_button span {
	  width: 28px;
	  height: 3px;
	  background-color: #013a83;
	  position: absolute;
	  right: 5px;
	}
	.header_button span:nth-of-type(1) {
	  top: 7px;
	}
	.header_button span:nth-of-type(2) {
	  top: 18px;
	}
	.header_button span:nth-of-type(3) {
	  bottom: 6px;
	}
	.header_button.is-open span:nth-of-type(1) {
	  -webkit-animation: active-menu-bar01 .75s forwards;
	  animation: active-menu-bar01 .75s forwards;
	}
	.header_button.is-open span:nth-of-type(2) {
	  opacity: 0;
	}
	.header_button.is-open span:nth-of-type(3) {
	  -webkit-animation: active-menu-bar03 .75s forwards;
	  animation: active-menu-bar03 .75s forwards;
	}
	.header_button.is-close span:nth-of-type(1) {
	  -webkit-animation: menu-bar01 .75s forwards;
	  animation: menu-bar01 .75s forwards;
	}
	.header_button.is-close span:nth-of-type(2) {
	  transition: all .25s .25s;
	  opacity: 1;
	}
	.header_button.is-close span:nth-of-type(3) {
	  -webkit-animation: menu-bar02 .75s forwards;
	  animation: menu-bar02 .75s forwards;
	}
}
@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(11px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(11px) rotate(45deg);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-11px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-11px) rotate(-45deg);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(11px) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(11px) rotate(45deg);
  }
}

@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-11px) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(-11px) rotate(-45deg);
  }
}

/* グロナビ
---------------------------------------- */
.searchBar_input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 30px;
	padding: 0 40px 0 12px;
	background-color: #f2f2f2;
	font-size: 13px;
	line-height: 30px;
}
.searchBar_button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 40px;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	background: url(../images/ic_search.png) no-repeat center center;
	background-size: 18px 18px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
/* PC */
@media only screen and (min-width: 769px) {
	.gnav {
		position: fixed;
		top: 91px;
		width: 100%;
		background-color: #fff;
		padding: 8px 0;
		overflow: hidden;
		z-index:100;
	}
	.searchBar {
		float: right;
		width: 285px;
		position: relative;
	}
	.gnavList_item {
		display: inline-block;
	}
	.gnavList_item a {
		display: block;
		padding: 5px 15px;
		font-weight: 700;
	}
	.gnavList_item a:hover,
	.gnavList_item.is-current a {
		background-color: #013a83;
		border-radius: 3px;
		color: #fff;
		opacity: 1;
	}
	.gnav_spOnly {
		display: none;
	}
	.gnavSubList {
		display: none;
	}
}
/* PC fixed */
@media only screen and (min-width: 769px) {
	.gnav.fixed {
		top: 55px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.gnav {
		display: none;
		width: 100%;
		height: calc(100vh - 53px);
		margin-top: 0;
		background-color: #fff;
		position: fixed;
		left: 0;
		top: 53px;
		z-index: 22000;
		overflow: scroll;
	}
	.gnav .container {
		padding: 0;
	}
	.searchBar {
		padding: 5px 10px 15px;
		position: relative;
	}
	.searchBar_button {
		position: absolute;
		right: 10px;
		top: 5px;
	}
	.gnavList {
		border-top: solid 1px #343434;
	}
	.gnavList_item {
		border-bottom: solid 1px #343434;
	}
	.gnavList_item a {
		display: block;
		padding: 12px 10px;
		font-weight: 700;
	}
	.gnav_spOnly {
		font-size: 0;
	}
	.gnav_spOnly .gnav_login,
	.gnav_spOnly .gnav_new {
		width:50%;
		display:inline-block;
	}	
	.gnav_login,
	.gnav_new {
		padding: 15px 10px;
	}
	.gnav_login {
		padding: 15px 10px 0 0;
	}
	.gnav_login a,
	.gnav_new a {
		display: block;
		background-color: #013a83;
		padding: 10px;
		color: #fff;
		text-align: center;
		font-size: 12px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	.gnavSpList1_item {
		border-bottom: solid 1px #fff;
	}
	.gnavSpList1_item a {
		display: block;
		background-color: #f2f2f2;
		padding: 15px 10px;
		font-size: 12px;
	}
	.gnavSpList2 {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		background-color: #f2f2f2;
		padding: 10px 0;
	}
	.gnavSpList2_item {
		width: 50%;
	}
	.gnavSpList2_item a {
		display: block;
		padding: 10px;
		font-size: 12px;
	}
	.gnav_menuClose {
		padding: 10px 0;
		text-align: center;
		font-size: 12px;
	}
	.gnav_menuClose:after {
		content: "";
		display: inline-block;
		margin-left: 5px;
		width: 7px;
		height: 7px;
		background: url(../images/ic_close.png) no-repeat center top;
		background-size: contain;
		vertical-align: middle;
	}
	.gnavSubList {
		display: block;
		padding: 0 10px 7px;
	}
	.gnavSubList_item {
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 4px;
	}
	.gnavSubList_item a {
		display: block;
    border-radius: 3px;
		background-color: #013a83;
		padding: 8px 15px;
		color: #fff;
		font-weight: normal;
	}
}

/* パンくず
---------------------------------------- */
.breadcrumb {
	border-top: solid 1px #ededed;
	background-color: #fff;
	margin-top: 138px;
	padding: 10px 0;
}
.breadcrumbList {
	letter-spacing: -.4em;
}
.breadcrumbList_item {
	display: inline-block;
	letter-spacing: normal;
	line-height: 1.2;
}
.breadcrumbList_item + .breadcrumbList_item:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #343434;
	border-right: 2px solid #343434;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 0 9px 0 5px;
	position: relative;
	top: -1px;
}
.breadcrumbList_item a {
	color: #bababa;
}
.breadcrumbList_item a:hover {
	color: #343434;
	opacity: 1;
}

/* SP */
@media only screen and (max-width: 768px) {
	.breadcrumb {
		margin-top: 0;
		border-top: 0;
	}
	.breadcrumb .container {
		overflow: scroll;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
	}
	.breadcrumbList {
		white-space: nowrap;
	}
}

/* コンテンツ
---------------------------------------- */
.contents {
	padding: 40px 0 90px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.contents {
		padding: 20px 0 40px;
	}
}

/* カラムレイアウト
---------------------------------------- */
.columnLayout {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
/* メインカラム */
.columnLayout_main {
	flex: 1;
}
/* サイドカラム */
.columnLayout_side {
	margin-left: 30px;
	width: 300px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.columnLayout_side {
		display: none;
	}
}

/* サイドカラム
---------------------------------------- */
/* サイドメニュー */
.side-menu {
	border: solid 1px #ededed;
	background-color: #fff;
}
.side-menu_head {
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 700;
}
.side-menuList {
	border-top: solid 1px #ededed;
	padding: 10px 0;
}
.side-menuList_item a {
	display: block;
	padding: 5px 20px;
	color: #bababa;
	font-size: 13px;
	font-weight: 700;
}
.side-menuList_item a:hover,
.side-menuList_item.is-current a {
	color: #343434;
	opacity: 1;
	text-decoration: none;
}
/* 広告 */
.side-ads {
	margin-top: 20px;
}
.side>div:first-child {
	margin-top: 0;
}
/* 最新刊 */
.side-lastMdn {
	margin-top: 20px;
	margin-bottom: 20px;
}
.side-lastMdn_head {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.side-lastMdn_body {
	margin-top: 10px;
	background-color: #d8eefa;
	padding: 30px 20px 20px;
}
.side-lastMdn_body a {
	display: block;
}
.side-lastMdn_image {
	width: 177px;
	margin: 0 auto;
	-webkit-transition: .3s;
	transition: .3s;
}
.side-lastMdn_image img {
	box-shadow: 8px 8px 14px 0 rgba(0,0,0,0.2);
}
.side-lastMdn_number {
	margin-top: 20px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}
.side-lastMdn_title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}
.side-lastMdn_detail {
	margin-top: 10px;
}
.side-lastMdn_detail a {
	display: block;
	border-radius: 4px;
	background-color: #013a83;
	padding: 13px 0;
	color: #fff;
	text-align: center;
}
.side-lastMdn_body>a:hover {
	opacity: 1;
}
.side-lastMdn_body>a:hover .side-lastMdn_image {
	opacity: .7;
}
.side-linksMdn_detail a {
	margin-top: 8px;
	display: block;
	border-radius: 4px;
	background-color: #fff;
	padding: 6px 0;
	text-align: center;
	opacity: .7;
}
.side-linksMdn_detail a:hover {
	opacity: 1;
	text-decoration: none;
}

/* 週間アクセスランキング */
.side-accessRanking {
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid 1px #ededed;
}
.side-accessRanking_head {
	background-color: #fff;
	padding: 15px 80px 15px 20px;
	position: relative;
}
.side-accessRanking_title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.side-accessRanking_date {
	color: #9a9a9a;
	font-size: 13px;
	position: absolute;
	right: 20px;
	top: 11px;
}
.side-accessRankingList_item {
	border-top: solid 1px #ededed;
	counter-increment: accessRankingList_item;
}
.side-accessRankingList_item a {
	display: block;
	background-color: #fff;
	padding: 15px 20px 15px 45px;
	position: relative;
}
.side-accessRankingList_item a:before {
	content: counter(accessRankingList_item);
	display: block;
	color: #bababa;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	position: absolute;
	left: 18px;
	top: 50%;
	margin-top: -8px;
}
/* その他
　（MdN BOOKS 新刊情報,特集記事,ニュース,MdNからのお知らせ,求人情報,印刷通販,）
 */
.side-booksRelease {
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid 1px #ededed;
}
.side-booksRelease_head {
	background-color: #fff;
	padding: 15px 20px 15px 20px;
	position: relative;
}
.side-booksRelease_title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.side-booksRelease_date {
	color: #9a9a9a;
	font-size: 13px;
	position: absolute;
	right: 20px;
	top: 15px;
}
.side-booksReleaseList_item {
	border-top: solid 1px #ededed;
	counter-increment: booksReleaseList;
}
.side-booksReleaseList_item a {
	display: block;
	background-color: #fff;
	padding: 15px 20px 15px 20px;
	position: relative;
}

/* 人気キーワード */
.side-popularKeyword {
	margin-top: 20px;
	border: solid 1px #ededed;
	background-color: #fff;
	padding: 15px 20px 30px;
}
.side-popularKeyword_head {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.side-popularKeywordList {
	padding-top: 10px;
}
.side-popularKeywordList_item {
	display: inline-block;
	margin-top: 5px;
}
.side-popularKeywordList_item a {
	display: block;
	border-radius: 4px;
	background-color: #343434;
	padding: 10px 20px;
	color: #fff;
}
/* 人気書籍ランキング */
.side-bookRanking {
	margin-top: 20px;
	border: solid 1px #ededed;
}
.side-bookRanking_head {
	background-color: #fff;
	padding: 15px 80px 15px 20px;
	position: relative;
}
.side-bookRanking_title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.side-bookRanking_date {
	color: #9a9a9a;
	font-size: 13px;
	position: absolute;
	right: 20px;
	top: 15px;
}
.side-bookRankingList_item {
	border-top: solid 1px #ededed;
	counter-increment: bookRanking_item;
}
.side-bookRankingList_item a {
	display: block;
	background-color: #fff;
	padding: 15px 20px 15px 45px;
	position: relative;
}
.side-bookRankingList_item a:before {
	content: counter(bookRanking_item);
	display: block;
	color: #bababa;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	position: absolute;
	left: 18px;
	top: 50%;
	margin-top: -8px;
}
.side-bookRankingList_image {
	margin-top: 5px;
	text-align: center;
}
/* facebookウィジェット */
.side-facebook {
	margin-top: 20px;
	background-color: #fff;
	min-height: 320px; /* 暫定値 */
}

/* フッター
---------------------------------------- */
/* PC */
@media only screen and (min-width: 769px) {
	.sp-hide {
		display: none;
	}
	.footer {
		border-top: solid 3px #013a83;
		background-color: #fff;
	}
	.footer .container {
		padding: 20px 0 0;
		position: relative;
	}
	.footer_pageTop {
		width: 50px;
		position: absolute;
		right: 0;
		top: -70px;
	}
	.footer_pageTop a {
		display: block;
		height: 0;
		overflow: hidden;
		padding-top: 50px;
		border-radius: 4px;
		background-color: #013a83;
	}
	.footer_pageTop a:after {
		content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
	.footer_mdnlogo {
		width: 110px;
		position: absolute;
		left: 0;
		top: 14px;
	}
	.footer_impresslogo {
		width: 50px;
		position: absolute;
		right: 0;
		top: 13px;
	}
	.footerNavList {
		text-align: center;
		letter-spacing: -.4em;
		width: 760px;
		margin: 0 0 0 140px;
	}
	.footerNavList_item {
		display: inline-block;
		letter-spacing: normal;
	}

	.footerNavList_item:before {
		content: "|";
		display: inline-block;
		margin: 0 12px;
		letter-spacing: normal;
	}


	

	.footerNavList_item + .footerNavList_item:before {
		content: "|";
		display: inline-block;
		margin: 0 12px;
		letter-spacing: normal;
	}

	.footerNavList_item:last-child:after{
		content: "|";
		display: inline-block;
		margin: 0 12px;
		letter-spacing: normal;	
	}

	.footerRelatedList {
		margin-top: 10px;
		text-align: center;
	}
	.footerRelatedList_item {
		display: inline-block;
		margin:  10px 10px 0;
/*		width: 140px;  バナーサイズ幅 */
	}
	.footerRelatedList_item a {
		display: block;
		width: 100%;
		min-height: 50px; /* バナーサイズ高さ */
/*		padding: 9px 0; */
	}
	.footerRelatedList_item a img {
		height: 50px; /* バナーサイズ高さ */
	}
	.footer_coryright {
		border-top: solid 1px #ededed;
		padding: 20px 0 25px;
		font-size: 12px;
		text-align: center;
	}
	.footer_coryright br {
		display: none;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.pc-hide {
		display: none;
	}
	.footer {
		border-top: solid 3px #013a83;
		background-color: #fff;
		position: relative;
	}
	.footer .container {
		padding: 20px 10px 0;
	}
	.footer_pageTop {
		width: 30px;
		position: absolute;
		right: 10px;
		top: -50px;
	}
	.footer_pageTop a {
		display: block;
		height: 0;
		overflow: hidden;
		padding-top: 30px;
		border-radius: 4px;
		background-color: #013a83;
	}
	.footer_pageTop a:after {
		content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
	.footer_mdnlogo {
		width: 74px;
		position: absolute;
		left: 14px;
		bottom: -78px;
	}
	.footer_impresslogo {
		width: 42px;
		position: absolute;
		right: 10px;
		bottom: -88px;
	}
	.footerNavList {
		text-align: center;
		letter-spacing: -.4em;
	}
	.footerNavList_item {
		display: inline-block;
		padding: 5px 10px;
		letter-spacing: normal;
	}
	.footerNavList_item + .footerNavList_item:before {
		display: none;
	}
	.footerRelatedList {
		margin-top: 10px;
		text-align: center;
	}
	.footerRelatedList_item {
		display: inline-block;
		margin: 10px 10px 0;
/*		width: 140px;  バナーサイズ幅 */
	}
	.footerRelatedList_item a {
		display: block;
		width: 100%;
		min-height: 40px; /* バナーサイズ高さ */
/*		padding: 9px 0; */
	}
	.footerRelatedList_item a img {
		height: 40px;
	}

	.footer_coryright {
		border-top: solid 1px #ededed;
		padding: 20px 60px 20px 100px;
		font-size: 11px;
		font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
		color: #343434;
	}
	.footer_coryright br {
		display: block;
	}
}


/* ----------------------------------------
  modules
---------------------------------------- */

/* ページタイトル */
.mod-pageTitle {
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-pageTitle {
		margin-bottom: 10px;
	}
}

/* セクショニング */
.mod-section + .mod-section {
	margin-top: 40px;
}
.mod-section_head {
	position: relative;
}
.mod-section_title {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}
.mod-section_toArchive {
	position: absolute;
	right: 0;
	top: 0;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-section + .mod-section {
		margin-top: 30px;
	}
}

/* ホバー動作つきカード状スタイル */
.mod-card {
	border: solid 1px #ededed;
	background-color: #fff;
}
.mod-card a {
	display: block;
	height: 100%;
	position: relative;
}
.mod-card a:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	border: solid 0 #0a4da3;
	-webkit-transition: .1s;
	transition: .1s;
}
/* PC */
@media only screen and (min-width: 769px) {
	.mod-card a:hover {
		text-decoration: underline;
		opacity: 1;
	}
	.mod-card a:hover:before {
		border-width: 5px;
		-webkit-transition: .3s;
		transition: .3s;
	}
}

/* ラベル */
.mod-label {
	display: inline-block;
	padding: 0 10px;
	height: 20px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 18px;
}
.mod-label-new {
	border: solid 1px #9a9a9a;
	color: #9a9a9a;
}
.mod-label-design {
	background-color: #a9e517;
	color: #fff;
}
.mod-label-book {
	background-color: #a9e517;
	color: #fff;
}
.mod-label-event {
	border: solid 1px #9a9a9a;
	color: #9a9a9a;
}
.mod-label-pr {
	border: solid 1px #ef45f5;
	color: #ef45f5;
}
.mod-label-graphic {
	margin-bottom: 8px;
	background-color: #666666;
	color: #fff;
}
.mod-label-graphic:first-child {
	margin-bottom: 0px;
}

/* カテゴリリスト */
.mod-categoryList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 4px;
}
.mod-categoryList_item {
	margin-top: 6px;
	margin-right: 6px;
}
.mod-categoryList_item a {
	display: block;
	background-color: #013a83;
	border-radius: 3px;
	padding: 5px 15px;
	color: #fff;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-categoryList_item {
		margin-top: 5px;
		margin-right: 5px;
	}
	.mod-categoryList_item a {
		padding: 5px 12px;
		font-size: 12px;
	}
}

/* Pick up */
.mod-pickup_title {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}
.mod-pickup_item {
	margin-top: 14px;
}
.mod-pickup_texts {
	padding: 15px 20px 20px;
}
.mod-pickup_name {
	font-size: 14px;
}
.mod-card a:hover .mod-pickup_name {
	text-decoration: underline;
}
.mod-pickup_meta {
	margin-top: 15px;
	font-size: 0;
}
.mod-pickup_date {
	display: inline-block;
	height: 20px;
	margin-right: 12px;
	vertical-align: middle;
	color: #bababa;
	line-height: 20px;
	font-size: 13px;
}
/* PC */
@media only screen and (min-width: 769px) {
	/* 2カラム時 */
	.mod-pickup_2cols {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.mod-pickup_2cols .mod-pickup_item {
		width: 48.5%;
	}
	.mod-pickup_2cols .mod-pickup_item img {
		width: 100%;
	}
	/* 3カラム時 */
	.mod-pickup_3cols {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.mod-pickup_3cols .mod-pickup_item {
		width: 31.3%;
	}
	.mod-pickup_3cols .mod-pickup_item img {
		width: 100%;
	}
	.mod-pickup_3cols:after {
		content: "";
		display: block;
		width: 200px;
	}
	.mod-pickup_3cols .mod-pickup_name {
		font-size: 13px;
	}
	.mod-pickup_3cols .mod-pickup_date {
		display: block;
		margin-bottom: 5px;
		font-size: 13px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-pickup_image img {
		width: 100%;
	}
	.mod-pickup_date {
		font-size: 12px;
	}
}

/* 新着ニュース */
.mod-newsList {
	margin-top: 15px;
}
.mod-newsList_item + .mod-newsList_item {
	border-top: 0;
}
.mod-newsList_item a {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 15px 20px 15px 0;
}
.mod-newsList_image {
	width: 144px;
	margin-right: 20px;
}
.mod-newsList_texts {
	flex: 1;
}
.mod-card a:hover .mod-newsList_name {
	text-decoration: underline;
}
.mod-newsList_meta {
	margin-top: 15px;
	font-size: 0;
}
.mod-newsList_date {
	display: inline-block;
	font-size: 13px;
	height: 20px;
	margin-right: 12px;
	vertical-align: middle;
	color: #bababa;
	line-height: 20px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-newsList_image {
		width: 95px;
		margin-right: 15px;
	}
	.mod-newsList_meta {
		margin-top: 10px;
	}
	.mod-newsList_date {
		font-size: 12px;
	}
}

/* 今月の特集 */
.mod-feature_item {
	margin-top: 15px;
}
.mod-feature_image img {
	width: 100%;
}
.mod-feature_image.is-trim {
	height: 0;
	padding-top: 320px;
	overflow: hidden;
	position: relative;
}
.mod-feature_image.is-trim img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.mod-feature_texts {
	padding: 15px 20px;
}
.mod-feature_name {
	font-size: 14px;
}
.mod-feature_date {
  margin-top: 10px;
  color: #bababa;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-feature_image.is-trim {
		padding-top: 50%;
	}
}

/* 新着連載 */
.mod-seriesList {
	margin-top: 14px;
}
.mod-seriesList_item + .mod-seriesList_item {
	border-top: 0;
}
.mod-seriesList_item a {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 15px 20px 15px 0;
}
.mod-seriesList_image {
	width: 144px;
	margin-right: 20px;
}
.mod-seriesList_texts {
	flex: 1;
}
.mod-card a:hover .mod-seriesList_name {
	text-decoration: underline;
}
.mod-seriesList_meta {
	margin-top: 15px;
	font-size: 0;
}
.mod-seriesList_date {
	display: inline-block;
	height: 20px;
	margin-right: 12px;
	vertical-align: middle;
	color: #bababa;
	line-height: 20px;
	font-size: 13px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-seriesList_image {
		width: 95px;
		margin-right: 15px;
	}
	.mod-seriesList_meta {
		margin-top: 10px;
	}
	.mod-seriesList_date {
		font-size: 12px;
	}
}

/* 新着求人情報 */
.mod-recruit_title {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}
/* PC */
@media only screen and (min-width: 769px) {
	.mod-recruitList {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.mod-recruitList_item {
		margin-top: 15px;
		width: 200px;
	}
	.mod-recruitList_item:after {
		content: "";
		display: block;
		width: 200px;
	}
	.mod-recruitList_texts {
		padding: 15px 20px 20px;
	}
	.mod-card a:hover .mod-recruitList_name {
		text-decoration: underline;
	}
	.mod-recruitList_meta {
		margin-top: 15px;
		font-size: 0;
	}
	.mod-recruitList_date {
		display: inline-block;
		margin-right: 12px;
		margin-bottom: 5px;
		vertical-align: middle;
		color: #bababa;
		line-height: 20px;
		font-size: 12px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-recruitList {
		margin-top: 15px;
	}
	.mod-recruitList_item + .mod-recruitList_item {
		border-top: 0;
	}
	.mod-recruitList_item a {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 15px 20px 15px 0;
	}
	.mod-recruitList_image {
		width: 95px;
		margin-right: 15px;
	}
	.mod-recruitList_texts {
		flex: 1;
	}
	.mod-card a:hover .mod-recruitList_name {
		text-decoration: underline;
	}
	.mod-recruitList_meta {
		margin-top: 10px;
		font-size: 0;
	}
	.mod-recruitList_date {
		display: inline-block;
		height: 20px;
		margin-right: 12px;
		vertical-align: middle;
		color: #bababa;
		line-height: 20px;
		font-size: 13px;
	}
}

/* 印刷通販 */
.mod-printshopList {
	margin-top: 15px;
}
.mod-printshopList_item + .mod-printshopList_item {
	border-top: 0;
}
.mod-printshopList_item a {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 15px 20px 15px 0;
}
.mod-printshopList_image {
	width: 144px;
	margin-right: 20px;
}
.mod-printshopList_texts {
	flex: 1;
}
.mod-card a:hover .mod-printshopList_name {
	text-decoration: underline;
}
.mod-printshopList_meta {
	margin-top: 15px;
	font-size: 0;
}
.mod-printshopList_date {
	display: inline-block;
	height: 20px;
	margin-right: 12px;
	vertical-align: middle;
	color: #bababa;
	line-height: 20px;
	font-size: 13px;
}
.mod-printshop_banners {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border: solid 1px #ededed;
	border-top: 0;
	background-color: #fff;
	padding: 20px;
}
.mod-printshop_banner {
	width: 186px;
	text-align: center;
}
.mod-printshop_banner a {
	display: block;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-printshopList_image {
		width: 95px;
		margin-right: 15px;
	}
	.mod-printshopList_meta {
		margin-top: 10px;
	}
	.mod-printshop_banners {
		padding: 10px 10px 20px;
	}
	.mod-printshop_banner {
		margin-top: 10px;
		width: 48%;
		font-size: 12px;
		line-height: 1.2;
	}
	.mod-printshopList_date  {
		font-size: 12px;
	}
}

/* プレスリリース */
.mod-pressReleaseList {
	margin-top: 15px;
	height: 240px;
	overflow: scroll;
}
.mod-pressReleaseList_item + .mod-pressReleaseList_item {
	border-top: 0;
}
.mod-pressReleaseList_item a {
	display: block;
	padding: 15px 20px;
}
.mod-card a:hover .mod-pressReleaseList_name {
	text-decoration: underline;
}
.mod-pressReleaseList_meta {
	margin-top: 15px;
	font-size: 0;
}
.mod-pressReleaseList_date {
	display: inline-block;
	height: 20px;
	margin-right: 12px;
	vertical-align: middle;
	color: #bababa;
	line-height: 20px;
	font-size: 13px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-pressReleaseList_image {
		width: 95px;
		margin-right: 15px;
	}
	.mod-pressReleaseList_meta {
		margin-top: 10px;
	}
	.mod-pressReleaseList_date {
		font-size: 12px;
	}
}

/* カテゴリメニュー */
/* PC */
@media only screen and (min-width: 769px) {
	.mod-categoryMenu {
		border: solid 1px #ededed;
		background-color: #fff;
		padding: 15px;
	}
	.mod-categoryMenu_item {
		display: inline-block;
	}
	.mod-categoryMenu_item a {
		display: block;
	  padding: 2px 10px;
	  font-weight: 700;
	}
	.mod-categoryMenu_item a:hover,
	.mod-categoryMenu_item.is-current a {
		background-color: #013a83;
		border-radius: 3px;
		color: #fff;
		font-size: 13px;
		text-decoration: none;
		opacity: 1;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-categoryMenu_item {
		display: inline-block;
		margin-top: 5px;
	}
	.mod-categoryMenu_item a {
		display: block;
		border-radius: 3px;
		background-color: #fff;
	  padding: 8px;
	  font-weight: 700;
	}
	.mod-categoryMenu_item.is-current a {
		background-color: #013a83;
		color: #fff;
/*		font-size: 13px;　*/
		text-decoration: none;
		opacity: 1;
	}
}

/* カテゴリ説明 */
.mod-pageCaption {
	margin: 15px 0 40px;
	line-height: 2;
}

/* ページャー */
.mod-pager {
	margin-top: 20px;
	text-align: center;
}
.mod-pager_item {
	display: inline-block;
	width: 40px;
	margin: 0 3px;
}
.mod-pager_item a {
	display: block;
	border-radius: 4px;
	background-color: #fff;
	height: 40px;
	line-height: 40px;
}
.mod-pager_item a:hover,
.mod-pager_item.is-current a {
	background-color: #013a83;
	color: #fff;
	opacity: 1;
}
.mod-pager_prev,
.mod-pager_next {
	display: inline-block;
	position: relative;
}
.mod-pager_prev {
	margin-right: 8px;
}
.mod-pager_next {
	margin-left: 8px;
}
.mod-pager_prev a,
.mod-pager_next a {
	display: block;
}
.mod-pager_prev a:before,
.mod-pager_next a:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #343434;
	border-right: 1px solid #343434;
	position: relative;
	top: -1px;
}
.mod-pager_prev a:before {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	margin-right: 5px;
}
.mod-pager_next a:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 3px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-pager_item {
		width: 35px;
	}
	.mod-pager_item a {
		height: 35px;
		line-height: 35px;
	}
}

/* 人気キーワード */
.mod-popularKeyword {
	margin-top: 20px;
	margin-bottom:20px;
}
.mod-popularKeywordList {
	margin-top: 15px;
	border: solid 1px #ededed;
	background-color: #fff;
	padding: 20px;
}
.mod-popularKeywordList_item {
	display: inline-block;
	margin-top: 5px;
}
.mod-popularKeywordList_item a {
	display: block;
	border-radius: 4px;
	background-color: #343434;
	padding: 8px 20px;
	color: #fff;
}

/* こんな記事も読まれています */
/* PC */
@media only screen and (min-width: 769px) {
	.mod-relatedList {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.mod-relatedList_item {
		margin-top: 15px;
		width: 200px;
	}
	.mod-relatedList_item:after {
		content: "";
		display: block;
		width: 200px;
	}
	.mod-relatedList_texts {
		padding: 15px 20px 20px;
	}
	.mod-card a:hover .mod-relatedList_name {
		text-decoration: underline;
	}
	.mod-relatedList_meta {
		margin-top: 15px;
	}
	.mod-relatedList_date {
		display: inline-block;
		margin-right: 12px;
		vertical-align: middle;
		color: #bababa;
		line-height: 20px;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	.mod-relatedList {
		margin-top: 15px;
	}
	.mod-relatedList_item + .mod-relatedList_item {
		border-top: 0;
	}
	.mod-relatedList_item a {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 15px 20px 15px 0;
	}
	.mod-relatedList_image {
		width: 95px;
		margin-right: 15px;
	}
	.mod-relatedList_texts {
		flex: 1;
	}
	.mod-card a:hover .mod-relatedList_name {
		text-decoration: underline;
	}
	.mod-relatedList_meta {
		margin-top: 10px;
	}
	.mod-relatedList_date {
		display: inline-block;
		height: 20px;
		margin-right: 12px;
		vertical-align: middle;
		color: #bababa;
		line-height: 20px;
	}
}


/* ----------------------------------------
  pages
---------------------------------------- */

/* トップページ
---------------------------------------- */
/* PC */
@media only screen and (min-width: 769px) {
	.keyVisual {
		width: 970px;
		height: 350px;
		margin: 170px auto 0;
		overflow: hidden;
		position: relative;
	}
	.keyVisual_slider {
		width: 1920px;
		height: 320px;
		overflow: hidden;
		position: relative;
		left: 50%;
		margin-left: -960px;
		top: 0;
	}
	/* image */
	.keyVisual_image {
		-webkit-transition: .5s;
		transition: .5s;
	}
	/* text */
	.keyVisual_text {
		width: 94%;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		position: absolute;
		left: 3%;
		top: 260px;
/*		padding: 4px 8px;
		background: rgba(0, 0, 0, 0.4);
*/
	}
	/* hover */
	.keyVisual_slider a:hover {
		opacity: 1;
	}
	.keyVisual_slider a:hover .keyVisual_image {
		opacity: .7;
	}
	.keyVisual_slider a:hover .keyVisual_text {
		opacity: 1;
		text-decoration: underline;
	}
	/* overlay */
	.keyVisual_slider .owl-item:after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.7);
		position: absolute;
		left: 0;
		top: 0;
	}
	.keyVisual_slider .owl-item.center:after {
		display: none;
	}
	/* nav */
	.keyVisual_slider .owl-nav {
		display: block !important;
		width: 654px;
		height: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
	}
	.keyVisual_slider .owl-prev,
	.keyVisual_slider .owl-next {
		width: 30px;
		height: 0;
		overflow: hidden;
		padding-top: 30px;
		border-radius: 3px;
		background-color: #9a9a9a;
		position: absolute;
		top: 145px;
	  -webkit-transition: .3s;
		transition: .3s;
	}
	.keyVisual_slider .owl-prev:hover,
	.keyVisual_slider .owl-next:hover {
		opacity: .7;
	}
	.keyVisual_slider .owl-prev {
		left: -14px;
	}
	.keyVisual_slider .owl-next {
		right: -15px;
	}
	.keyVisual_slider .owl-prev:after,
	.keyVisual_slider .owl-next:after {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	}
	.keyVisual_slider .owl-prev:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 3px;
	}
	.keyVisual_slider .owl-next:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 3px;
	}
	/* dots */
	.keyVisual_slider .owl-dots {
		display: block !important;
		width: 970px;
		height: 20px;
		margin: 10px auto 0;
		text-align: center;
	}
	.keyVisual_slider .owl-dot {
		display: inline-block;
		width: 10px;
		height: 20px;
		margin: 0 8px;
		position: relative;
	}
	.keyVisual_slider .owl-dot span {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #fff;
		-webkit-transition: .3s;
		transition: .3s;
		position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	}
	.keyVisual_slider .owl-dot.active span {
		background-color: #013a83;
	}
}
/* SP */
@media only screen and (max-width: 768px) {
	/* image */
	.keyVisual_image {
		height: 0;
    padding-top: 50%;
/*    padding-top: 80%; SP版サイズ */
    overflow: hidden;
    position: relative;
		-webkit-transition: .5s;
		transition: .5s;
	}
	.keyVisual_image img {
		max-width: initial;
		width: auto !important;
		height: 100%;
		position: absolute;
		left: 50%;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	/* text */
	.keyVisual_text {
		width: 100%;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		position: absolute;
		left: 3%;
		bottom: 4%;
/*		
		padding: 4px 8px;
		background: rgba(0, 0, 0, 0.4);
		*/
	}
	/* nav */
	.keyVisual_slider .owl-nav {
		display: block !important;
	}
	.keyVisual_slider .owl-prev,
	.keyVisual_slider .owl-next {
		width: 30px;
		height: 0;
		overflow: hidden;
		padding-top: 30px;
		border-radius: 3px;
		background-color: #9a9a9a;
		position: absolute;
		top: 42%;
		margin-top: -10px;
	  -webkit-transition: .3s;
		transition: .3s;
	}
	.keyVisual_slider .owl-prev:hover,
	.keyVisual_slider .owl-next:hover {
		opacity: .7;
	}
	.keyVisual_slider .owl-prev {
		left: 5px;
	}
	.keyVisual_slider .owl-next {
		right: 5px;
	}
	.keyVisual_slider .owl-prev:after,
	.keyVisual_slider .owl-next:after {
		content: "";
		display: block;
		width: 12px;
		height: 12px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	}
	.keyVisual_slider .owl-prev:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 7px;
	}
	.keyVisual_slider .owl-next:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 7px;
	}
	/* dots */
	.keyVisual_slider .owl-dots {
		display: block !important;
		width: 100%;
		height: 20px;
		margin: 10px auto 0;
		text-align: center;
	}
	.keyVisual_slider .owl-dot {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 4px;
		position: relative;
	}
	.keyVisual_slider .owl-dot span {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #fff;
		-webkit-transition: .3s;
		transition: .3s;
		position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	}
	.keyVisual_slider .owl-dot.active span {
		background-color: #013a83;
	}
}

/* お知らせ / twitter */
.top-noticeWrap {
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
/* SP */
@media only screen and (max-width: 768px) {
	.top-noticeWrap {
		margin-top: 30px;
	}
}

/* お知らせ */
.top-notice {
	width: 310px;
}
.top-notice_body {
	margin-top: 15px;
	height: 420px;
	background-color: #fff;
	overflow: scroll;
}
.top-noticeList_item + .top-noticeList_item {
	border-top: 0;
}
.top-noticeList_item a {
	display: block;
	padding: 15px 20px;
}
.mod-card a:hover .top-noticeList_name {
	text-decoration: underline;
}
.top-noticeList_meta {
	margin-top: 15px;
	font-size: 0;
}
.top-noticeList_date {
	display: inline-block;
	height: 20px;
	margin-right: 12px;
	vertical-align: middle;
	color: #bababa;
	line-height: 20px;
	font-size: 13px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.top-notice {
		width: 100%;
	}
	.top-notice_body {
		height: 310px;
	}
	.top-noticeList_meta {
		margin-top: 10px;
	}
	.top-noticeList_date {
		font-size: 12px;
	}
}

/* twitter */
.top-noticeWrap .top-twitter {
	margin-top: 0;
	width: 310px;
}
.top-twitter_body {
	margin-top: 15px;
	height: 420px;
	background-color: #fff;
}
/* SP */
@media only screen and (max-width: 768px) {
	.top-noticeWrap .top-twitter {
		margin-top: 30px;
		width: 100%;
	}
}

/* 記事詳細 */
.article {
	margin-top: 20px;
	border: solid 1px #ededed;
	background-color: #fff;
	padding: 20px 19px;
	overflow: hidden;
	margin-bottom:40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.article .box-image,
.article .box-text,
.article .right-text,
.article .left-text {
	font-size:12pt;
}
.article .box-text a {
	width: 100%;
	word-break:break-all;
}
.article-date {
	display: inline-block;
	margin-left: 5px;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	color: #bababa;
	font-size: 13px;
}
.article-head {
	margin-top: 15px;
}
.article-title {
	font-size: 23px;
	font-weight: bold;
}
.article-subTitle {
	font-size: 16px;
	font-weight: bold;
}
.article-share a {
	display: inline-block;
}
.article-keyVisual {
	margin: 40px 0 0;
}
.article-more a {
	display: block;
	border: solid 4px #013a83;
	padding: 15px 40px 15px 20px;
	position: relative;
}
.article-more a:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border-top: 2px solid #013a83;
	border-right: 2px solid #013a83;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.article-more_label {
	display: inline-block;
	background-color: #013a83;
	padding: 3px 15px;
	color: #fff;
	font-size: 12px;
}
.article-more_title {
	margin-top: 3px;
	color: #013a83;
	font-size: 18px;
	font-weight: bold;
}
.article-heading1 {
	background-color: #993366;
	padding: 2px 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.05em;
}
.article-heading2 {
	color: #993366;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}
.article-text {
	margin-top: 1.5em;
	line-height: 2em;
}

.article-related {
	margin-top: 40px;
}
.article-prevNext {
	margin-top: 40px;
}
.article-nextPost {
	text-align: right;
}
.article-prevPost a:before,
.article-nextPost a:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #343434;
	border-right: 1px solid #343434;
	position: relative;
	top: -1px;
}
.article-prevPost a:before {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	margin-right: 5px;
}
.article-nextPost a:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 3px;
}
/* SP */
@media only screen and (max-width: 768px) {
/*	.article {
		padding: 10px;
	}
*/
	.article img {
		width: 100%;
	}
	.article p img {
		width: auto;
	}
	.article-title {
		font-size: 18px;
	}
	.article-subTitle {
		margin-top: 5px;
		font-size: 14px;
	}
	.article-share {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.article-share a {
		display: block;
		width: 32%;
	}
	.article-keyVisual {
		margin: 20px -10px 0;
	}
	.article-more a {
		padding: 10px 30px 10px 15px;
	}
	.article-more_label {
		font-size: 11px;
	}
	.article-more_title {
		font-size: 13px;
	}
	.article-heading1 {
		font-size: 13px;
	}
	.article-heading2 {
		font-size: 18px;
	}
	.article-related {
		margin-top: 30px;
	}
	.article-prevNext {
		display: none;
	}
}

/* プライバシーポリシー */
/* SP */
@media only screen and (max-width: 768px) {
}
/* 利用規約 */

/* ----------------------------------------
  utility
---------------------------------------- */

/* 間隔調整 */
.ut-mt-0 { margin-top: 0 !important; }
.ut-mt-5 { margin-top: 5px !important; }
.ut-mt-10 { margin-top: 10px !important; }
.ut-mt-15 { margin-top: 15px !important; }
.ut-mt-20 { margin-top: 20px !important; }
.ut-mt-25 { margin-top: 25px !important; }
.ut-mt-30 { margin-top: 30px !important; }
.ut-mt-35 { margin-top: 35px !important; }
.ut-mt-40 { margin-top: 40px !important; }
.ut-mt-45 { margin-top: 45px !important; }
.ut-mt-50 { margin-top: 50px !important; }
.ut-mt-55 { margin-top: 55px !important; }
.ut-mt-60 { margin-top: 60px !important; }
.ut-mt-65 { margin-top: 65px !important; }
.ut-mt-70 { margin-top: 70px !important; }
.ut-mt-75 { margin-top: 75px !important; }
.ut-mt-80 { margin-top: 80px !important; }

.ut-mb-0 { margin-bottom: 0 !important; }
.ut-mb-5 { margin-bottom: 5px !important; }
.ut-mb-10 { margin-bottom: 10px !important; }
.ut-mb-15 { margin-bottom: 15px !important; }
.ut-mb-20 { margin-bottom: 20px !important; }
.ut-mb-25 { margin-bottom: 25px !important; }
.ut-mb-30 { margin-bottom: 30px !important; }
.ut-mb-35 { margin-bottom: 35px !important; }
.ut-mb-40 { margin-bottom: 40px !important; }
.ut-mb-45 { margin-bottom: 45px !important; }
.ut-mb-50 { margin-bottom: 50px !important; }
.ut-mb-55 { margin-bottom: 55px !important; }
.ut-mb-60 { margin-bottom: 60px !important; }
.ut-mb-65 { margin-bottom: 65px !important; }
.ut-mb-70 { margin-bottom: 70px !important; }
.ut-mb-75 { margin-bottom: 75px !important; }
.ut-mb-80 { margin-bottom: 80px !important; }

/* float */
.ut-float-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.ut-float-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
/* SP */
@media only screen and (max-width: 768px) {
	.ut-float-left,
	.ut-float-right {
		float: none;
		margin: 0 0 10px;
	}
}

/* テキスト */
.ut-fc-purple { color: #993366; }
.ut-fw-bold { font-weight: bold; }


.page_special .contents {
	padding-top:0;
}

.page_special .container {
	width:1230px;
	margin:auto;
}

/* SP */
@media only screen and (max-width: 768px) {
	.page_special .container {
        	width:100%;
	        margin:auto;
	}
}

.page_special .container .article {
	float:none;
	width:100%;
}
@media only screen and (max-width: 768px) {
	.large_banner_uni {
		display: none;
	}
}

/* member/regist.php
 * ------------------------- */
.tw-follow-block {
	margin-bottom: 30px;
	padding: 16px  0 20px;
	background: #f0f7fb;
	text-align: center;
}
.tw-follow-block__button {
	width: 240px;
	margin: 0 auto;
	background: #013a83;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.tw-follow-block__button a {
	display: block;
	padding: 14px 0;
	color: #fff !important;
	line-height: 1;
	transition: all .3s;
}
.tw-follow-block__button a:hover {
	text-decoration: none;
	opacity: .7;
}



/* ----------------------------------------
  pop up
---------------------------------------- */
.popup_image_unit {
	padding:20px;
}

.popup_image_unit img {
	max-width:600px;
}

/* ----------------------------------------
  anntena
---------------------------------------- */
.AntennastartDate {
	display:none;
}
.AntennaendDate {
	display:none;
}
.Antennatag {
	display:none;
}