@charset "utf-8";

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	margin: 0 0 2px 15px;
	display: inline;
}
img.alignleft {
	margin: 0 15px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.clear{
	clear: both;
}

/* ==========================================================================
   Reset
   ========================================================================== */
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, p, blockquote, pre, address, object, form, fieldset, input, textarea {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, table, input, textarea {
	font-size: 100%;
	font-weight:normal;
} 
ul, ol {
	list-style: none;
	list-style-position: inside;
}
html {
	overflow-y: scroll;
}
img {
	vertical-align: bottom;
}

/* ==========================================================================
   FONT ICON
   ========================================================================== */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?gig8uu');
	src:url('../fonts/icomoon.eot?#iefixgig8uu') format('embedded-opentype'),
		url('../fonts/icomoon.woff?gig8uu') format('woff'),
		url('../fonts/icomoon.ttf?gig8uu') format('truetype'),
		url('../fonts/icomoon.svg?gig8uu#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Enable Ligatures ================ */
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   base
   ========================================================================== */
html {
	font-size : 62.5%;
}
body {
	font-family:'メイリオ' , Meiryo , "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #F1F1F1;
	color: #000;
	font-size : 1.4rem;
	line-height :1.3;
	-webkit-text-size-adjust :none;
}
a,a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #BF502C;
}

/* common
   ========================================================================== */
.clearfix {
	zoom:1;
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.inner {
	margin: 0 auto;
}
.inner:after {
	content: '';
	display: block;
	clear: both;
}
.ico {
	min-width: 44px;
	font-size: 1.0rem;
	color: #fff;
	display: inline-block;
	padding:2px 5px;
	letter-spacing: 1px;
	text-align: center;
}
.question {
	display: inline-block;
	padding: 0 5px 0 0;
	color: #BFBFBF;
	font-weight: bold;
}


/* category
   ========================================================================== */
/* カテゴリーアイコンとヘッダーナビ背景 */
.job,
#job #nav-area {
	background-color: #12BB02;
}
.biz,
#biz #nav-area {
	background-color: #012481;
}
.gourmet,
#gourmet #nav-area {
	background-color: #DE4630;
}
.travel,
#travel #nav-area {
	background-color: #F171E1;
}
.life,
#life #nav-area {
	background-color: #3FCBAF;
}
.event,
#event #nav-area {
	background-color: #B16CE1;
}
.cover {
	background-color: #6F82FF;
}
.kira,
#kira #nav-area {
	background-color: #96C114;
}
.news,
#news #nav-area {
	background-color: #50B1CB;
}
.editorial,
#editorial #nav-area {
	background-color: #FFAD2E;	
}

/* グローバルナビ アイコンフォント　*/
.cat-job:before {
	content: "\e600";
	color: #12BB02;
}
.cat-biz:before {
	content: "\e619";
	color: #012481;
}
.cat-gourmet:before {
	content: "\e613";
	color: #DE4630;
}
.cat-travel:before {
	content: "\e60c";
	color: #F171E1;
}
.cat-life:before {
	content: "\e61a";
	color: #3FCBAF;
}
.cat-event:before {
	content: "\e606";
	color: #B16CE1;
}
.cat-cover:before {
	color: #6F82FF;
}
.cat-kira:before {
	content: "\e604";
	color: #96C114;
}
.cat-news:before {
	content: "\e614";
	color: #37A5C1;
}
.cat-editorial:before {
	color: #FFAD2E;	
}

/* タイトル横■ */
#job h2:before,
#jobarea h2:before,
#job  #contents .side-archive .ttl:before{
	background-color: #12BB02;
}
#biz h2:before,
#bizarea h2:before,
#biz  #contents .side-archive .ttl:before{
	background-color: #012481;
}
#gourmet h2:before,
#gourmetarea h2:before,
#gourmet  #contents .side-archive .ttl:before{
	background-color: #DE4630;
}
#travel h2:before,
#travelarea h2:before,
#travel  #contents .side-archive .ttl:before{
	background-color: #F171E1;
}
#life h2:before,
#lifearea h2:before,
#life  #contents .side-archive .ttl:before{
	background-color: #3FCBAF;
}
#event h2:before,
#eventarea h2:before,
#event  #contents .side-archive .ttl:before{
	background-color: #B16CE1;
}
#cover h2:before,
#coverarea h2:before,
#cover  #contents .side-archive .ttl:before{
	background-color: #022481;
}
#kira h2:before,
#kiraarea h2:before,
#kira #contents .side-archive .ttl:before{
	background-color: #96C114;
}
#news h2:before,
#newsarea h2:before,
#news  #contents .side-archive .ttl:before{
	background-color: #81CDE4;
}
#editorial h2:before,
#editorialarea h2:before,
#editorial  #contents .side-archive .ttl:before{
	background-color: #FFAD2E;	
}
#special h2:before,
#specialarea h2:before,
#special #contents .side-archive .ttl:before{
	background-color: #666666;	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ここからスマホ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/
@media screen and (min-width: 0px) and (max-width: 738px) {
.inner {
	width: auto;
}
#wrap {
	overflow: hidden;
}
#header {
	position: relative;
	background-color: #ffffff;
	height: 40px;
	width: 100%;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
	z-index: 1000;
}
#header #header-logo {
	padding-top: 8px;
	width: 57%;
	float: left;
	text-align: right;
}
#job #header #header-logo {
	width: 60%;
}
#header.base #header-logo {
	float: none;
	width: 100%;
	text-align: center;
}
#header #header-logo img{
	width: 80px;
}
#header #header-cat{
	font-size: 1.2rem;
	font-weight: bold;
	padding-top: 12px;
}
#header #mnav-btn-sp{
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	right: 10px;
	top: 5px;
}
#header #mnav-btn-sp:before{
	content: "\e605";
	font-family: "icomoon";
	font-size: 24px;
	color: #666;
}
#nav-area #nav-btn-sp {
	display: block;
	position: absolute;
	top: -28px;
	left: 13px;
	width: 20px;
	height: 20px;
}
#nav-area #nav-btn-sp span {
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 20px;
	height: 3px;
	background: #666;
	filter: alpha(opacity=100);
	opacity: 1;
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
}
#nav-area #nav-btn-sp:before,
#nav-area #nav-btn-sp:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 20px;
	height: 3px;
	background: #666;
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	transition: top 0.3s linear 0, width 0.3s linear 0, transform 0.3s linear 0;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
}
#nav-area #nav-btn-sp:before {
	top: 0;
}
#nav-area #nav-btn-sp:after {
	top: 14px;
}
#nav-area #nav-btn-sp.open span {
	filter: alpha(opacity=0);
	opacity: 0;
}
#nav-area #nav-btn-sp.open:before {
	top: 8px;
	width: 23px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
#nav-area #nav-btn-sp.open:after {
	top: 8px;
	width: 23px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
#header #nav-area {
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 11;
}
#header #nav-area .inner,
#header .facebook-btn,
#header .twitter-btn{
	display: none;
}
#header #mnav {
	display: none;
	position: absolute;
	right: 20px;
	top: 45px;
	width: 40%;
	min-width: 175px;
	background: #fff;
	border:1px solid #ccc;
	box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	z-index: 10;
}
#header #mnav li{
	width: 100%;
	border-bottom:1px solid #ccc;
}
#header #mnav li a:before{
	position: absolute;
	top: 6px;
	left: 13px;
}
#header #mnav li.mnav-select a:before{
	content: "\e603";
    font-family:"icomoon";
	font-size: 20px;
	color: #adadad;
}
#header #mnav li.mnav-user a:before{
	content: "\e605";
    font-family:"icomoon";
	font-size: 20px;
	color: #adadad;
}
#header #mnav li:last-child{
	border-bottom: none;
}
#header #mnav li a {
	display: block;
	position: relative;
	padding:12px 15px 12px 40px;
	color: #212121;
	text-decoration: none;
}
#header #mnav li span.check {
	display: block;
	position: relative;
	padding:12px 15px 12px 40px;
	color: #aaaaaa;
	text-decoration: none;
}
#header #mnav li span.check:before {
	position: absolute;
	top: 8px;
	left: 13px;
	content: "\e603";
    font-family:"icomoon";
	font-size: 20px;
	color: #adadad;
}

/* 検索ボックス　*/
#header .site-search {
	width: 100%;
	zoom:1;
	overflow: hidden;
}
#header .site-search .gsc-control-cse {
	padding: 0!important;
	border: none!important;
	-moz-box-shadow: 0 2px 3px 0px rgba(218,218,218,0.8) inset;
	-webkit-box-shadow: 0 2px 3px 0px rgba(218,218,218,0.8) inset;
	box-shadow: 0 2px 3px 0px rgba(218,218,218,0.8) inset;
}
#header .site-search .cse input.gsc-search-button,
#header .site-search input.gsc-search-button {
	min-width: 30px!important;
}
#header .site-search .gsc-control-cse form.gsc-search-box {
	margin: 0;
}
#header .site-search .gsc-control-cse table.gsc-search-box {
	margin-bottom: 0;
}
#header .site-search .gsc-control-cse table.gsc-search-box td.gsc-input {
	width: 100%;
	padding-right: 12px;
}
#header .site-search input.gsc-input {
	width: 97%;
	height: 45px;
	margin: 2px 0 0;
	padding: 0 0 0 2%;
	border: none;
	background-position: 5px center!important;
}
#header .site-search .gsc-search-button input {
	border: none;
}
#header .site-search .gsc-search-button input {
	border: none;
	width: 48px;
	height: 49px;
	background:url("../images/ico_search.png") no-repeat center #ffffff;
	text-indent: -9999px;
	float: right;
	border-left: 1px solid #DDDDDD;
	-moz-box-shadow: 0 2px 3px 0px rgba(218,218,218,0.8) inset;
	-webkit-box-shadow: 0 2px 3px 0px rgba(218,218,218,0.8) inset;
	box-shadow: 0 2px 3px 0px rgba(218,218,218,0.8) inset;
	-webkit-appearance: none;
	border-radius: 0;
}
#header .site-search td.gsc-clear-button {
	position: absolute;
	top: 18px;
	right: 60px;
}
#header #nav-area #cnav-btn{
	display: none;
}
#header #nav-area #gnav ul{
	margin:0 10px;
}
#header #nav-area #gnav li{
	position: relative;
}
#job #nav-area #gnav li{
	border-bottom: 1px solid #268023;
}
#biz #nav-area #gnav li{
	border-bottom: 1px solid #001555;
}
#news #nav-area #gnav li{
	border-bottom: 1px solid #59A5BC;
}
#kira #nav-area #gnav li{
	border-bottom: 1px solid #7BA700;
}
#gourmet #nav-area #gnav li{
	border-bottom: 1px solid #B32C1A;
}
#travel #nav-area #gnav li{
	border-bottom: 1px solid #DA63CA;
}
#life #nav-area #gnav li{
	border-bottom: 1px solid #1FAD96;
}
#header #nav-area #gnav li:last-child{
	border-bottom: none;
}
#header #nav-area #gnav li a{
	color: #ffffff;
	padding:15px 0;
	display: block;
}
#header #nav-area #gnav li a.current,
#header #nav-area #gnav li.current-cat a,
#header #nav-area #gnav li.current-cat-parent a{
	filter: alpha(opacity=40);
	opacity: 0.40;	
}
#news #header #nav-area #gnav li a.current{
	filter: alpha(opacity=65);
	opacity: 0.65;	
}
#header.base #nav-area #gnav li a.current{
	filter: alpha(opacity=100);
	opacity: 1;	
}
#header #nav-area #gnav li a:after{
	position: absolute;
	top: 20px;
	right: 10px;
	margin: 0 0 1px 5px;
	display: inline-block;
	width: 6px;
	height: 6px; 
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg); 
	-moz-transform:rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#header.base #nav-area #gnav li a:after{
	display: none;
}
#header.base #nav-area #gnav ul,
#header #nav-area #cnav ul  {
	background: #444444;
	border-bottom: #0E0E0E 1px solid;
	margin:0;
}
#header.base #nav-area #gnav li:first-child,
#header #nav-area #cnav li:first-child {
	float: none;
	width: 100%;
	text-align: center;
}
#header.base #nav-area #gnav li,
#header #nav-area #cnav li {
	float: left;
	width: 50%;
	border-top: #0E0E0E 1px solid;
	border-bottom: none;
	margin-left: -1px;
	padding:0;
}
#header.base #nav-area #gnav li:nth-child(odd),
#header #nav-area #cnav li:nth-child(odd) {
	border-left: #0E0E0E 1px solid;

}
#header.base #nav-area #gnav li:nth-child(even),
#header #nav-area #cnav li:nth-child(even) {
	border-right: #0E0E0E 1px solid;
}
#header.base #nav-area #gnav li a,
#header #nav-area #cnav li a {
	display: block;
	padding: 13px 17px 13px 53px;
	color: #fff;
	border-top: #5F5F5F 1px solid;
	position: relative;
}
#header.base #nav-area #gnav li:nth-child(odd) a,
#header #nav-area #cnav li:nth-child(odd) a {
	border-left: #5F5F5F 1px solid;
}
#header.base #nav-area #gnav li:first-child a,
#header #nav-area #cnav li:first-child a {
	border-left: none;
}
#header.base #nav-area #gnav li:first-child a,
#header #nav-area #cnav li:first-child a{
	padding: 13px 0;
}
#header.base #nav-area #gnav li a:before,
#header #nav-area #cnav li a:before{
    font-family:"icomoon";
    font-size: 20px;
	color: #adadad;
	position: absolute;
	top: 8px;
	left: 22px;
}
#header.base #nav-area #gnav li a.current:before,
#header #nav-area #cnav li a.current:before{
	color: #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.50;	
}
#header.base #nav-area #gnav li:nth-child(1) a:before,
#header #nav-area #cnav li.cnav01 a:before{
	content: "\e607";
	top: 7px;
	left: 50%;
	margin-left: -50px;
}
#header.base #nav-area #gnav li:nth-child(2) a:before,
#header #nav-area #cnav li.cnav02 a:before{
	content: "\e600";
}
#header.base #nav-area #gnav li:nth-child(3) a:before,
#header #nav-area #cnav li.cnav03 a:before{
	content: "\e619";
}
#header.base #nav-area #gnav li:nth-child(4) a:before,
#header #nav-area #cnav li.cnav04 a:before{
	content: "\e614";
	left: 20px;
}
#header.base #nav-area #gnav li:nth-child(5) a:before,
#header #nav-area #cnav li.cnav05 a:before{
	content: "\e604";
}
#header.base #nav-area #gnav li:nth-child(6) a:before,
#header #nav-area #cnav li.cnav06 a:before{
	content: "\e613";
	left: 24px;
}
#header.base #nav-area #gnav li:nth-child(7) a:before,
#header #nav-area #cnav li.cnav07 a:before{
	content: "\e606";
}
#header.base #nav-area #gnav li:nth-child(8) a:before,
#header #nav-area #cnav li.cnav08 a:before{
	content: "\e60c";
	left: 24px;
}
#header.base #nav-area #gnav li:nth-child(9) a:before,
#header #nav-area #cnav li.cnav09 a:before{
	content: "\e61a";
}

/* 現在位置 */
#biz #cnav a.current {
	background-color: #23376A;
}
#job #cnav a.current {
	background-color: #268023;
}
#news #cnav a.current {
	background-color: #62828A;
}
#kira #cnav a.current {
	background-color: #6B802E;
}
#gourmet #cnav a.current {
	background-color: #7C453D;
}
#event #cnav a.current {
	background-color: #6D5C7E;
}
#travel #cnav a.current {
	background-color: #895683;
}
#life #cnav a.current {
	background-color: #3F887A;
}
#footer {
	padding:2px 0;
	background-color: #fff;
}
#footer #pagetop {
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index: 12;
}
#footer #pagetop a {
	overflow: hidden;
	position: relative;
	float: right;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background: #9A9A9A;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#footer #pagetop a:after {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	left: 14px;
	width: 6px;
	height: 6px;
	border-left: #fff 2px solid;
	border-top: #fff 2px solid;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
#footer #fnav1 {
	margin-bottom: 15px;
}
#footer #fnav1 li {
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	margin-left: -1px;
	width: 50%;
	float: left;
	text-align: center;
}
#footer #fnav1 li a{
	display: block;
	padding: 15px 0;
}
#footer #fnav1 li:first-child,
#footer #fnav1 li:nth-child(2){
	width: 100%;
	float: none;
}
#footer #fnav1 li.fnav_back{
	font-weight: bold;
	position: relative;
}
#footer #fnav1 li.fnav_back:before{
	content: "\e601";
	font-family: "icomoon";
	font-size: 28px;
	font-weight: normal;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -85px;
}
#footer #fnav1 li.fnav_back a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform:rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  margin-top: -5px;
	margin-left: 60px;
  background: #000;
}
#footer #fnav1 li.fnav_back a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  	-moz-transform:rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
	margin-left: 55px;
  margin-top: -5px;
  background: #fff;
}
#footer #fnav2 {
	font-size: 12px;
	margin-bottom: 15px;
}
#footer #fnav2 li{
	width: 50%;
	float: left;
	text-align: center;
}
#footer #fnav2 li a{
	display: block;
	padding: 7px 0;
}
#footer #att {
	text-align: center;
	padding: 0 10px 15px 10px;
	font-size: 1.1rem;
	color: #868686;
	line-height: 1.4;
}
#footer #att a{
	color: #2C59B2;
}
#footer #copyright {
	text-align: center;
	color: #878787;
	margin: 5px 0 10px 0;
	font-family: Arial;
}
#footer #flogo {
	display: none;
}
#footer .sns-btn{
	text-align: center;;
}
#footer .facebook-btn,
#footer .twitter-btn{
	display: inline;
	margin:0 17px;
}
#footer .facebook-btn a:before{
	content: "\e610";
    font-family:"icomoon";
	color:#3A5998;
	font-size:28px;
}
#footer .twitter-btn a:before{
	content: "\e60f";
    font-family:"icomoon";
	color:#5EA9DD;
	font-size:30px;
}

/* contents
   ========================================================================== */
/* タイトル横■ h1 */
#job #contents h1:before{
	background-color: #12BB02;
}
#biz #contents h1:before{
	background-color: #012481;
}
#gourmet #contents h1:before{
	background-color: #DE4630;
}
#travel #contents h1:before{
	background-color: #F171E1;
}
#life #contents h1:before{
	background-color: #3FCBAF;
}
#event #contents h1:before{
	background-color: #B16CE1;
}
#cover #contents h1:before{
	background-color: #6F82FF;
}
#kira #contents h1:before{
	background-color: #96C114;
}
#news #contents h1:before{
	background-color: #50B1CB;
}
#editorial #contents h1:before{
	background-color: #FFAD2E;	
}
#special #contents h1:before{
	background-color: #666666;	
}

.topicpath {
	display: none;
}
#contents a {
	display: block;
}
#contents a.ad-img img {
	width: 100%;
	height: auto;
}
#contents a.ad-img.pure{
	text-align: center;
}
#contents a.ad-img.pure img {
	width: auto;
	height: auto;
}
#contents .box,
#contents .base-toparea .topics-area{
	background: #ffffff;
	border-bottom: 1px solid #dfdfdd;
	margin-bottom: 20px;
}

#contents .box.ad {
	background:#F1F1F1;
	border-bottom: none;
	text-align: center;
}
#contents .adarea,
#contents .ad{
	margin-bottom: 20px;
	text-align: center;
}
#contents .ranking-box p.ttl{
	padding:12px 10px;
	font-weight: bold;
	border-bottom:1px solid #eee;
}
#contents .ranking-box li{
	position: relative;
	border-bottom:1px solid #eee;
	padding: 12px 10px;
}
#contents .ranking-box ol li{
	height: 60px;
}
#editorial #contents .ranking-box ol li{
	height:auto;
}
#contents .ranking-box li:last-child{
	border:none;
}
#contents .ranking-box li:after{
	position: absolute;
	top: 12px;
	left: 10px;
	font-size: 1.5rem;
	color: #ffffff;
	width: 20px;
	height: 20px;
	background: #000;
	text-align: center;
	padding:1px 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#editorial #contents .ranking-box li:after{
	width: 15px;
	height: 15px;
	font-size: 1.0rem;
}
#contents .ranking-box ol li:first-child:after{
	content: "1";
	background: #D9A300;
}
#contents .ranking-box ol li:nth-child(2):after{
	content: "2";
}
#contents .ranking-box ol li:nth-child(3):after{
	content: "3";
}
#contents .ranking-box ol li:nth-child(4):after{
	content: "4";
}
#contents .ranking-box ol li:nth-child(5):after{
	content: "5";
}
#contents .ranking-box ol li:nth-child(6):after{
	content: "6";
}
#contents .ranking-box ol li p{
	height: 42px;
}
#contents .ranking-box ul li p{
	height: 78px;
}
#contents .ranking-box ul li span.ico{
	float: right;
}
#contents .ranking-box ul li span.subcat{
	display: block;
	color: #aaaaaa;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.2rem;
}
#editorial #contents .ranking-box ol li p{
	padding-left: 30px;	
	height: auto;
}
#editorial #contents .ranking-box ol li span.cat{
	padding-left: 30px;
}
#contents .ranking-box ol li .img{
	float: left;
	width: 86px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	background-color: #ffffff; 
	margin-right: 11px;
}
#contents .ranking-box ol li .img img{
	width: 100%;
	height: auto;
}
#contents .ranking-box ul li .img{
	float: left;
	width: 138px;
	height: 97px;
	overflow: hidden;
	text-align: center;
	background-color: #ffffff; 
	margin-right: 11px;
}
#contents .ranking-box ul li .img img{
	width: 100%;
	height: auto;
}
#contents .ranking-box li span.cat{
	color: #999999;
	font-size: 1.2rem;
}
#contents h2{
	font-size: 1.6rem;
	font-weight: bold;
	clear: both;
	background-color: #e8e8e8;
	padding:12px 15px 8px 30px;
	position: relative;
}
#contents h2:before{
    position: absolute;
    top: 16px;
    left: 12px;
    width: 10px;
    height: 10px;
    content: "";
	margin-right: 7px;
}
#contents .news-box li,
#contents .pickup{
	border-bottom:1px solid #eee;
	padding: 12px 10px;
}
#contents .news-box li:last-child {
	border-bottom:none;
}
#contents .news-box .news-center {
    border-top: 1px solid #eee;
}
#contents .news-box.img-link a p{
	margin-bottom: 10px;
}
#contents .news-box.img-link li a{
	height: 97px;
}
#contents .news-box li span,
#contents .pickup span{
	font-size: 1.2rem;
	color: #aaaaaa;
}
#contents .news-box.img-link li .img,
#contents .pickup .img{
	width: 138px;
	height: 97px;
	float: left;
	overflow: hidden;
	text-align: center;
	background-color: #ffffff; 
	margin-right: 10px;
}
#contents .news-box.img-link li .img img,
#contents .pickup .img img{
	width: 100%;
	height: auto;
}
#contents .cat-link ul:after{
	content: "."; 
	display: block; 
	height: 0;
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#contents .cat-link ul{
	width: 100%;
}
#contents .cat-link ul li{
	width: 50%;
	float: left;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	margin-left: -1px;
}
#contents .cat-link a{
	display: block;
	padding:14px 18px 14px 8px;
	font-weight: bold;
	color: #2E5BB2;
	position: relative;
	font-size: 1.2rem;
}
#contents .cat-link a:after{
	position: absolute;
	top: 18px;
	right: 10px;
	margin: 0 0 1px 5px;
	display: inline-block;
	width: 4px;
	height: 4px; 
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg); 
	-moz-transform:rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#contents .news-box .link-txt{
	padding: 10px;
	font-weight: bold;
	border-bottom:1px solid #eee;
	position: relative;
}
#contents .news-box .link-txt:after{
	position: absolute;
	top: 15px;
	right: 10px;
	display: inline-block;
	width: 7px;
	height: 7px; 
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg); 
	transform: rotate(45deg);
	content: "";
}
#contents .side-archive{
	margin-bottom: 22px;
}
#contents .side-archive ul{
	border-bottom: 1px solid #EAEAEA;
	margin:10px;
}
#contents .side-archive ul ul{
	margin:0;
}
#contents .side-archive ul.mounthly-archive{
	border-bottom:none;
}
#contents .side-archive ul li{
	background-color: #ffffff;
	border-top: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	position: relative;
}
#contents .side-archive ul.mounthly-archive li{
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	border-bottom: 1px solid #EAEAEA;
}
#contents .side-archive ul.mounthly-archive li span{
	display: inline-block;
	padding: 8px 0;
	width: 92%;
}
#contents .side-archive ul.mounthly-archive li li{
	margin-bottom: 0;
	border: none;
	border-top: 1px solid #EAEAEA;
}
#contents .side-archive ul.mounthly-archive li ul{
	position: absolute;
	top: 43px;
	left: -1px;
	z-index: 10;
	width: 100%;
	display: none;
	border-right: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
}
#contents .side-archive ul.mounthly-archive li:after{
	position: absolute;
	right: 15px;
	top: 17px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
#contents .side-archive ul li:after{
	position: absolute;
	right: 15px;
	top: 17px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#contents .side-archive ul.mounthly-archive ul li:after{
	content: none;
}
#contents .side-archive ul li a{
	padding: 12px 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
#contents .side-archive ul.mounthly-archive li{
	padding: 4px 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
#contents .side-archive ul.mounthly-archive li a{
	padding: 10px 0;
	color: #000000;
	font-weight: normal;
}
#editorial #contents .side-archive ul li a{
	color: #FFAD2E;
}
#contents .side-archive ul.mounthly-archive li li{
	padding: 0;
	position: relative;
}
#contents .side-archive ul.mounthly-archive li a{
	padding-left: 32px;
}
#contents .side-archive ul.mounthly-archive li a:before{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid #84C8DA;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 13px;
    left: 17px;
}
#contents .side-archive .ttl{
	font-size: 1.5rem;
	font-weight: bold;
	clear: both;
	background-color: #e8e8e8;
	padding: 12px 15px 8px 30px;
	position: relative;
}
#contents .side-archive .ttl:before{
	position: absolute;
	top: 15px;
	left: 12px;
	width: 10px;
	height: 10px;
	content: "";
	margin-right: 7px;
}
#contents .side-archive ul{
	border-bottom: 1px solid #EAEAEA;
	margin:10px;
}

/* common
   ========================================================================== */
/* job */
#job #contents .cat-navi {
	margin: 0;
	padding: 10px 10px 5px;
	background: #BEE6BA;
}
#job #contents .cat-navi .ttl {
	font-size: 1.5rem;
	font-weight: bold;
	clear: both;
	padding: 5px 0 10px 20px;
	position: relative;
}
#job #contents .base-leftarea .cat-navi .ttl {
	display: block;
}
#job #contents .base-leftarea .cat-navi p {
	display: none;
}
#job #contents .cat-navi .ttl:before {
	position: absolute;
	top: 10px;
	left: 3px;
	width: 10px;
	height: 10px;
	content: "";
	margin-right: 7px;
	background-color: #12BB02;
}
#job #contents .cat-navi dl {
	margin: 0 auto 10px;
}
#job #contents .cat-navi dl {
	position: relative;
}
#job #contents .cat-navi dl dt {
	position: relative;
	padding: 11px 0 9px 34px;
	color: #878787;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
	font-size: 1.5rem;
	cursor: pointer;
}
#job #contents .cat-navi dl dt span {
	position: absolute;
	top: 0;
	right: 0;
	width: 31px;
	height: 41px;
	border-left: 1px solid #DDD;
	-moz-box-shadow: -2px 0 3px 0 rgba(204,204,204,0.54);
	-webkit-box-shadow: -2px 0 3px 0 rgba(204,204,204,0.54);
	box-shadow: -2px 0 3px 0 rgba(204,204,204,0.54);
}
#job #contents .cat-navi dl dt:before {
	content: "\e608";
	color: #AAAAAA;
	font-family: "icomoon";
	font-size: 1.6rem;
	font-weight: normal;
	position: absolute;
	top: 9px;
	left: 10px;
}
#job #contents .cat-navi dl dt:after {
	position: absolute;
	right: 11px;
	top: 14px;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #707070;
	border-right: 2px solid #707070;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
#job #contents .cat-navi dl dd {
	display: none;
	position: absolute;
	top: 40px;
	left: 1px;
	width: 99%;
	background: #FFF;
	border: 1px solid #DDDDDD;
	z-index: 10;
	-moz-box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.7);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.7);
	box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.7);
}
#job #contents .cat-navi dl.industry dd {
	z-index: 20;
}
#job #contents .cat-navi dl dd li a {
	display: block;
	padding: 8px 10px;
	font-size: 1.5rem;
}
#job #contents .cat-navi dl dd li.current-cat a {
	color: #FFF;
	background: #555555;
}
#job.recruit #contents .base-rightarea .cat-navi {
	margin: 0 0 20px;
}

/* gourmet */
#gourmet #contents .cat-navi .ttl,
#gourmet #contents .base-rightarea .search-word .ttl {
	font-size: 1.5rem;
	font-weight: bold;
	clear: both;
	background-color: #E5E5E5;
	padding: 10px 15px 9px 30px;
	position: relative;
}
#gourmet #contents .cat-navi .ttl:before,
#gourmet #contents .base-rightarea .search-word .ttl:before  {
    position: absolute;
    top: 16px;
    left: 12px;
    width: 10px;
    height: 10px;
    content: "";
	margin-right: 7px;
	background-color: #DE4630;
}
.gsc-search-box {
	position: relative;
}
#gourmet #contents .site-search .gsc-control-cse {
	padding: 12px 3.59375% 20px;
	border: none;
	background-color: #F1F1F1;
}
#gourmet #contents .sp-search .site-search .gsc-control-cse {
	padding: 15px 3.59375% 15px;
	background-color: #FAE3E0;
}
#gourmet #contents .site-search td.gsc-input {
	position: relative;
	width: 100%;
	padding: 0;
}
#gourmet #contents .site-search input.gsc-input {
	width: 91%;
	height: 42px;
	padding: 0 6% 0 3%;
	border: none;
	font-size: 1.6rem;
	background-position: 5px center!important;
	background-color: none!important;
	border: 1px solid #D6D6D6;
	border-right: none;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	vertical-align: middle;
}
#gourmet #contents .site-search .gsc-search-button {
	float: right;
	width: 36px;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	border: 1px solid #D6D6D6;
	border-left: none;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius:  0 3px 3px 0;
	-o-border-radius:  0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	vertical-align: top;
}
#gourmet #contents .site-search .gsc-search-button input {
	border: none;
	background-color: #878787;
}
#gourmet #contents .site-search td.gsc-input:before {
	font-family: "icomoon";
	content: "\e608";
	color: #FFF;
	font-size: 2.0rem;
	position: absolute;
	top: 8px;
	right: -28px;
}
#gourmet #contents .site-search table.gsc-search-box td.gsc-clear-button {
	position: absolute;
	top: 15px;
	right: 50px;
}
#gourmet #contents .cat-navi #searchform {
	padding: 15px 3.59375%;
}
#gourmet #contents .base-rightarea .cat-navi .select-wrap {
	position: relative;
}
#gourmet #contents .base-rightarea .cat-navi select {
	width: 100%;
	margin: 0 0 10px;
	padding: 11px 40px 9px 35px;
	color: #878787;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
	font-size: 1.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #FFFFFF url(../images/gourmet_select_arrow.png) no-repeat right center;
	background-size: contain;
}
#gourmet #contents .base-rightarea .cat-navi select::-ms-expand {
        display: none;
}
#gourmet #contents .base-rightarea .cat-navi form .ico-search:before {
	position: absolute;
	font-family: "icomoon";
	content: "\e608";
	color: #aaaaaa;
	font-size: 1.8rem;
	position: absolute;
	top: 9px;
	left: 10px;
}
#gourmet #contents .base-rightarea .cat-navi #submit {
	display: block;
	margin: 5px auto;
	width: 43.77104%;
	background: #DE4630;
	border: 1px solid #BE3B11;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 1.7rem;
	font-weight: bold;
	padding: 5px 0 3px;
}
/* ebook */
#ebook #contents .side-archive .ttl{
	margin-top: 0;
}
#ebook #contents .side-archive .ttl:before{
	background-color: #022481;
}
#ebook #contents .side-archive ul li a{
	color: #00247F;
}

}/* max-width:738px END */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ここまでスマホ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ここからPC
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/
@media screen and (min-width: 738px) {
/* common
   ========================================================================== */
html,body {
	height: 100%;
}
#wrap {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}
.box {
	background-color: #fff;
	-moz-box-shadow: 1px 1px 0 0px rgba(204,204,204,0.54);
	-webkit-box-shadow: 1px 1px 0 0px rgba(204,204,204,0.54);
	box-shadow: 1px 1px 0 0px rgba(204,204,204,0.54);
}
.inner {
	position: relative;
	width: 1386px;
}

/* header
   ========================================================================== */
#header {
	width: 100%;
	min-width: 1044px;
	height: 70px;
	background: #ffffff;
	position: relative;
}
#header #header-logo {
	position: absolute;
	left: 20px;
	top:17px;
}
#header #header-logo img{
	width: 126px;
}
#header #header-cat{
	display: none;
}
#header .facebook-btn {
	position: absolute;
	top:18px;
	right: 70px;
}
#header .facebook-btn a:before{
	content: "\e610";
    font-family:"icomoon";
	color:#3A5998;
	font-size:2.8rem;
}
#header .twitter-btn {
	position: absolute;
	top:16px;
	right: 20px;
}
#header .twitter-btn a:before{
	content: "\e60f";
    font-family:"icomoon";
	color:#5EA9DD;
	font-size:3.0rem;
}
#header .facebook-btn a:hover,
#header .twitter-btn a:hover {
	opacity: 0.5;
}
#header #mnav {
	position: absolute;
	top:16px;
	right: 110px;
	border-left:1px solid #aaaaaa;
}
#header #mnav li{
	width: 175px;
	height:33px;
	line-height: 33px;
	float: left;
}
#header #mnav li a{
	position: relative;
	display: block;
	padding-left: 43px;
}
#header #mnav li a:before{
	position: absolute;
	top: 0;
	left: 13px;
}
#header #mnav li.mnav-select a:before{
	content: "\e603";
    font-family:"icomoon";
	font-size: 2.4rem;
	padding-right:5px;
}
#header #mnav li .check{
	position: relative;
	display: block;
	padding-left: 43px;
	color: #aaaaaa;
}
#header #mnav li.mnav-select span.check:before{
	position: absolute;
	top: 0;
	left: 13px;
	content: "\e603";
    font-family:"icomoon";
	font-size: 2.4rem;
	padding-right:5px;
	color: #aaaaaa;
}
#header #mnav li.mnav-user{
	width: 145px;
	background-color: #555555;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	color: #ffffff;
}
#header #mnav li.mnav-user a{
	color: #ffffff;
}
#header #mnav li.mnav-user a:before{
	content: "\e605";
    font-family:"icomoon";
    font-size: 2.0rem;
	padding-right:5px;
}
#header #mnav li.mnav-user:hover {
	background-color: #BF502C;
}

/* 検索ボックス　*/
#header .site-search {
	position: absolute;
	top: -54px;
	left: 338px;
}
#header.base .site-search {
	position: absolute;
	top: -54px;
	left: 180px;
}
#header .gsc-control-cse {
	padding: 0!important;
	border: none!important;
}
#header .gsc-control-cse form.gsc-search-box {
	margin: 0;
}
#header .gsc-control-cse table.gsc-search-box {
	margin-bottom: 0;
}
#header .site-search .gsc-control-wrapper-cse {
	position: relative;
	border: 1px solid #E5E5E5!important;
	background: #FFF;
}
#header .site-search .cse .gsc-control-wrapper-cse,
#header .site-search .gsc-control-wrapper-cse {
	width: 500px;
	padding: 0 0 0 5px;
}
#header .site-search input.gsc-input {
	width: 100%;
	height: 32px;
	padding: 0;
	border: none;
}
#header .site-search .gsc-search-button {
	border: none;
	width: 30px;
	height: 32px;
	background:url("../images/ico_search.png") no-repeat 26px center #ffffff;
	text-indent: -9999px;
	float: right;
}
#header .site-search .gsc-search-button input {
	border: none;
}
#header .site-search td.gsc-clear-button {
	position: absolute;
	top: 9px;
	right: 45px;
}
#header #nav-btn-sp,
#header #mnav-btn-sp {
	display: none;
}
#nav-area {
	position: absolute;
	left: 0;
	top:70px;
	width: 100%;
	background-color:#012481;
}
#nav-area #gnav ul{
	margin:0 20px;
}
#nav-area #gnav li {
	float: left;
	margin-right:16px;
}
#news #nav-area #gnav li {
	margin-right:6px;
}
#nav-area #gnav a {
	display: block;
	padding: 13px 12px 12px;
	color: #fff;
	font-weight:normal;
	text-decoration: none;
	letter-spacing: 1px;
}
#nav-area #gnav a:hover{
	color:#BFD4E6;
}
#job #nav-area #gnav a:hover {
	color:#D0FAB7;
}
#news #nav-area #gnav a:hover {
	color:#D4EFFF;
}
#kira #nav-area #gnav a:hover {
	color:#EEFBC3;
}
#gourmet #nav-area #gnav a:hover {
	color:#F6D1CE;
}
#event #nav-area #gnav a:hover {
	color:#E9DBF7;
}
#travel #nav-area #gnav a:hover {
	color:#FBD4FA;
}
#life #nav-area #gnav a:hover {
	color:#DBFEED;
}
#editorial #nav-area #gnav a:hover {
	color:#FFF5C9;
}
#nav-area #gnav a.current,
#nav-area #gnav .current-cat a,
#nav-area #gnav .current-cat-parent a {
	font-weight: bold;
	background: #ffffff;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
	position: relative;
	box-shadow:0 -5px 4px -3px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0 -5px 4px -3px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0 -5px 4px -3px rgba(0,0,0,0.1) inset;
}
#job #nav-area #gnav a.current,
#job #nav-area #gnav .current-cat a,
#job #nav-area #gnav .current-cat-parent a {
	color: #08AA03;	
}
#home #nav-area #gnav a.current,
#biz #nav-area #gnav a.current,
#biz #nav-area #gnav .current-cat a,
#biz #nav-area #gnav .current-cat-parent a{
	color: #02468C;	
}
#news #nav-area #gnav a.current,
#news #nav-area #gnav .current-cat a,
#news #nav-area #gnav .current-cat-parent a{
	color: #1F99BE;	
}
#kira #nav-area #gnav a.current,
#kira #nav-area #gnav .current-cat a,
#kira #nav-area #gnav .current-cat-parent a{
	color: #79A500;	
}
#gourmet #nav-area #gnav a.current,
#gourmet #nav-area #gnav .current-cat a,
#gourmet #nav-area #gnav .current-cat-parent a{
	color: #D91300;	
}
#event #nav-area #gnav a.current,
#event #nav-area #gnav .current-cat a,
#event #nav-area #gnav .current-cat-parent a{
	color: #A675DD;	
}
#travel #nav-area #gnav a.current,
#travel #nav-area #gnav .current-cat a,
#travel #nav-area #gnav .current-cat-parent a{
	color: #E559CD;	
}
#life #nav-area #gnav a.current,
#life #nav-area #gnav .current-cat a,
#life #nav-area #gnav .current-cat-parent a{
	color: #19BD9F;	
}
#cnav #cnav-btn {
	position: absolute;
	top: -46px;
	left: 166px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #000000;
	padding-left: 30px;
	cursor: pointer;
}
#cnav #cnav-btn:before{
	font-family: "icomoon";
	font-size: 2.2rem;
	font-weight: normal;
	position: absolute;
	top: -3px;
  	left: 0;
}
#cnav #cnav-btn:after{
	position: absolute;
	top: 4px;
	right: -17px;
	display: inline-block;
	width: 6px;
	height: 6px; 
	border-top: 3px solid #707070;
	border-right: 3px solid #707070;
	-webkit-transform: rotate(135deg); 
	-moz-transform:rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
div#coverLayer {
	display: none;
	position: absolute;
	left: 0;
	top: 70px;
	height: 100%;
	width: 100%;
	background: #000;
	filter: alpha(opacity=30);
	opacity: 0.30;
	z-index: 50;
}
#cnav #cnav-cont {
	display: none;
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 60;
	background-color:#444444;
	width:1005px;
}
#cnav #cnav-cont:before{
  border: 10px solid transparent;
  border-bottom-color: #444444;
  content: '';
  position: absolute;
  top: -20px;
  left: 147px;
 }
#cnav #cnav-cont a {
	color: #FFF;
	font-size: 2.0rem;
	display: block;
	width: 125px;
	height: 50px;
	position: relative;
	padding-top: 25px;
	padding-left: 75px;
}
#cnav #cnav-cont li.cnav01 a{
	width: 200px;
	height: 56px;
	text-align: center;
	padding-top: 95px;
	padding-left: 0;
}

/* 現在位置 */
#biz #cnav a.current {
	background-color: #23376A;
}
#job #cnav a.current {
	background-color: #268023;
}
#news #cnav a.current {
	background-color: #62828A;
}
#kira #cnav a.current {
	background-color: #6B802E;
}
#gourmet #cnav a.current {
	background-color: #7C453D;
}
#event #cnav a.current {
	background-color: #6D5C7E;
}
#travel #cnav a.current {
	background-color: #895683;
}
#life #cnav a.current {
	background-color: #3F887A;
}

#cnav #cnav-cont a:hover {
	background-color: rgba(255, 255, 255, 0.20);
	color: #ffffff;
}
#cnav #cnav-cont li{
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	float: left;
}
#cnav #cnav-cont li a:before{
	font-family: "icomoon";
	font-size: 2.5rem;
	filter: alpha(opacity=50);
	opacity: 0.50;
	position: absolute;
	top: 23px;
  	left: 35px;
}
#cnav #cnav-cont li.cnav01 a:before{
	content: "\e607";
	font-size: 4.5rem;
	top: 36px;
  	left: 80px;
}
#cnav #cnav-cont li.cnav02 a:before{
	content: "\e600";
}
#cnav #cnav-cont li.cnav03 a:before{
	content: "\e619";
}
#cnav #cnav-cont li.cnav04 a:before{
	content: "\e614";
}
#cnav #cnav-cont li.cnav05 a:before{
	content: "\e604";
}
#cnav #cnav-cont li.cnav06 a:before{
	content: "\e613";
}
#cnav #cnav-cont li.cnav07 a:before{
	content: "\e606";
}
#cnav #cnav-cont li.cnav08 a:before{
	content: "\e60c";
}
#cnav #cnav-cont li.cnav09 a:before{
	content: "\e61a";
}

/* footer
   ========================================================================== */
#footer {
	background: #ffffff;
	padding:20px 0 45px 0;
	width: 100%;
	min-width: 1004px;
	height: 50px;
	position: absolute;
	bottom: 0;
}
#footer #pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 12;
}
#footer #pagetop a {
	overflow: hidden;
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 4px;
	background: #999999;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#footer #pagetop a:after {
	content: '';
	display: block;
	position: absolute;
	top: 22px;
	left: 18px;
	width: 9px;
	height: 9px;
	border-left: #fff 4px solid;
	border-top: #fff 4px solid;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
#footer #pagetop a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#footer #fnav1 {
	padding:0px 0 15px 20px;
}
#footer #fnav1 li {
	float: left;
	margin-right: 24px;
	padding-right: 24px;
	border-right:1px solid #ccc;
}
#footer #fnav1 li.fnav_back{
	font-weight: bold;
	font-size: 1.5rem;
	padding-left: 34px;
}
#footer #fnav1 li.fnav_back a:before{
	content: "\e601";
	font-family: "icomoon";
	font-size: 2.4rem;
	font-weight: normal;
	position: absolute;
	top: -8px;
	left: 20px;
}
#footer #fnav1 li:last-child {
	border-right: none;
}
#footer #fnav1 li a{
	color:#000;
}
#footer #fnav1 li a:hover,
#footer #fnav2 li a:hover{
	color: #BF502C;
}
#footer #fnav2{
	margin-left: 20px;
}
#footer #fnav2 li {
	float: left;
	font-size: 1.2rem;
	margin-right: 35px;
}
#footer #fnav2 li a{
	color:#888;
}
#footer #att {
	color: #868686;
	font-size: 1.2rem;
	margin-left: 20px;
	margin-top: 15px;
}
#footer #att a{
	color: #2C59B2;
}
#footer #flogo {
	position: absolute;
	top: 10px;
	right: 20px;
}
#footer #copyright {
	position: absolute;
	top: 60px;
	right: 20px;
	color:#888;
}
#footer .sns-btn{
	display: none;
}

/* contents
   ========================================================================== */
#container{
	padding: 48px 20px 100px 20px;
}
#container #contents{
	width: 1346px;
	margin: 0 auto;
	padding-bottom: 90px;
}
#container #contents:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#contents a{
	display: block;
}
#contents h1{
	font-size: 2.3rem;
	margin:2px 0 18px 0;
}
#contents h2{
	font-size: 1.6rem;
	font-weight: bold;
	clear: both;
	background-color: #e8e8e8;
	padding:12px 15px 12px 30px;
	position: relative;
}
#contents h2:before{
    position: absolute;
    top: 18px;
    left: 12px;
    width: 10px;
    height: 10px;
    content: "";
	margin-right: 7px;
}
#container .topicpath {
	font-size: 1.2rem;
	color: #858585;
	padding: 10px 0 25px 0;
	clear: both;
}
#container .topicpath.btm {
	width: 100%;
	position: absolute;
	bottom: 100px;
	left: 0;
}
#container .topicpath.btm .inner {
	display: block;
	position: relative;
	width: 1346px;
	margin: 0 auto;
}
#container .topicpath a{
	display: inline;
	cursor: pointer;
	color: #006AC2;
}
#container .topicpath a:after{
	content: "＞";
	color: #858585;
	padding:0 2px;
}
#container .topicpath a:hover{
	color: #BF502C;
}
#contents .news-box ul{
	width: 295px;
	margin:0 12px;
}
#contents .news-box ul li{
	position: relative;
	border-bottom:1px solid #eee;
}
#contents .news-box ul li:last-child{
	border:none;
}
#contents .news-box ul li .img {
	position: relative;
	top: 0;
	float: left;
	width: 106px;
	height: 74px;
	margin-right: 12px;
	overflow: hidden;
	text-align: center;
	background-color: #ffffff; 
}
#home #contents .news-box ul li .img {
	position: static;
}
#contents .news-box ul li .img img{
	width: 100%;
	height: auto;
}
#contents .news-box ul li span{
	position: absolute;
	left: 0;
	bottom: 12px;
	font-size: 1.2rem;
	color: #aaaaaa;
}
#contents .news-box.img-link ul li p{
	position: absolute;
	left: 118px;
	top: 13px;
}
#contents .news-box.img-link ul li span.cat{
	left: 115px;
}
#contents .news-box.img-link ul li a{
	height: 74px;
	padding: 13px 0;
}
#contents .news-box ul li a{
	height: 57px;
	padding: 13px 0;
}
#contents .ranking-box{
	margin-bottom: 22px;
}
#home #contents .ranking-box{
	margin-bottom: 0;
}
#contents .ranking-box p.ttl {
	padding: 12px;
	height: 16px;
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom:1px solid #eee;
}
#contents section .ranking-box p.ttl{
	height: 30px;
	padding: 16px 0 0 0;
}
#contents .ranking-box ol,
#contents .ranking-box ul{
	width: 296px;
	margin:0 auto;
}
#contents .ranking-box li{
	position: relative;
	border-bottom:1px solid #eee;
	font-size: 1.3rem;
}
#contents .ranking-box ol li a{
	padding: 13px 0 12px;
	height: 60px;
}
#editorial #contents .ranking-box ol li a{
	height: 30px;
}
#contents .ranking-box ul li a{
	padding: 14px 0;
	min-height: 73px;
}
#contents .ranking-box li:last-child{
	border:none;
}
#contents .ranking-box ol li:after{
	position: absolute;
	top: 13px;
	left: 0;
	font-size: 1.4rem;
	color: #ffffff;
	width: 18px;
	height: 18px;
	background: #000;
	text-align: center;
	padding:2px 0 0 1px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#contents .ranking-box ol li:first-child:after{
	content: "1";
	background: #D9A300;
}
#contents .ranking-box ol li:nth-child(2):after{
	content: "2";
}
#contents .ranking-box ol li:nth-child(3):after{
	content: "3";
}
#contents .ranking-box ol li:nth-child(4):after{
	content: "4";
}
#contents .ranking-box ol li:nth-child(5):after{
	content: "5";
}
#contents .ranking-box ol li .img {
	float: left;
	width: 86px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	background-color: #ffffff; 
	margin-right: 11px;
}
#contents .ranking-box ol li .img img{
	width: 100%;
	height: auto;
}
#contents .ranking-box ul li .img {
	float: left;
	width: 106px;
	height: 74px;
	overflow: hidden;
	text-align: center;
	background-color: #ffffff; 
	margin-right: 11px;
}
#contents .ranking-box ul li .img img{
	width: 100%;
	height: auto;
}
#contents .ranking-box ol li span.ico{
	position: absolute;
	left:97px;
	bottom: 14px;
}
#contents .ranking-box ul li span.lavel{
	color: #AAAAAA;
	font-size: 1.2rem;
	display: block;
}
#contents .ranking-box ul li span.g-cat{
	color: #DE4630;
	font-size: 1.2rem;
	display: block;
	position: absolute;
	left: 117px;
	bottom: 14px;
}
#contents .ranking-box ul li p{
	Xmin-height: 52px;
}
#contents .ranking-box ul li span.ico{
	float: right;
}
#contents .ranking-box ul li span.subcat{
	display: block;
	color: #aaaaaa;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.2rem;
}
#contents .ranking-box li span.cat{
	position: absolute;
	left:98px;
	bottom: 14px;
	color: #999999;
	font-size: 1.2rem;
}
#editorial #contents .ranking-box ol li p{
	padding-left: 30px;	
}
#editorial #contents .ranking-box ol li span.cat{
	position: static;
	padding-left: 30px;
}
#contents .cat-link{
	clear: both;
	border-top:1px solid #e7e7e7;
	padding-top: 25px;
}
#contents .cat-link ul{
	padding: 0 15px 22px 12px;
}
#contents .cat-link ul li{
	display: inline-block;
	margin-right: 40px;
}
#contents .cat-link a{
	font-weight: bold;
	color: #006AC2;
	display: inline-block;
}
#contents .cat-link a:hover{
	color: #BF502C;
}
#contents .cat-link a:after{
	margin: 0 0 1px 5px;
	display: inline-block;
	width: 6px;
	height: 6px; 
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg); 
	-moz-transform:rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#contents .cat-link .link-owner {
	padding-left: 60px;
	border-left: 1px solid #E7E7E7;
	position: absolute;
}
#contents .cat-link .link-owner a{
	color: #000000;
}
#contents .cat-link .link-owner a:hover{
	color: #BF502C;
}
#contents .cat-link .link-owner a:before{
	position: absolute;
	top: -4px;
	left: 30px;
	content: "\e602";
    font-family:"icomoon";
	color:#2F2F2F;
	font-size:1.9rem;	
}
#contents .pickup{
	margin:0 auto;
	width: 320px;
}
#contents .pickup .ttl{
	font-size: 1.6rem;
	font-weight: bold;
	margin:10px;
}
#contents .pickup .txt{
	font-size: 1.3rem;
	color: #444444;
	margin-bottom: 10px;
}
#contents .pickup .cat{
	display: block;
	font-size: 1.2rem;
	color:#999999;
	margin:10px;
}
#contents .adarea{
	width: 730px;
	margin:40px auto 40px 138px;
}
#contents .side-archive {
	margin-bottom: 40px;
}
#contents .side-archive .ttl{
	background-color: #F1F1F1;
	font-size: 1.5rem;
	padding: 0 0 0 15px;
	margin: 35px 0 10px 0;
	font-weight: bold;
	position: relative;
}
#contents .side-archive .ttl:before{
	position: absolute;
	top: 3px;
	left: 0;
	width: 10px;
	height: 10px;
	content: "";
	margin-right: 7px;
}
#contents .side-archive ul{
	border-bottom: 1px solid #EAEAEA;
}
#contents .side-archive ul.mounthly-archive{
	border-bottom:none;
}
#contents .side-archive ul li{
	background-color: #ffffff;
	border-top: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	position: relative;
}
#contents .side-archive ul.mounthly-archive li{
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	border-bottom: 1px solid #EAEAEA;
}
#contents .side-archive ul.mounthly-archive li span{
	border-right: 1px solid #EAEAEA;
	display: inline-block;
	padding: 8px 0;
	width: 263px;
}
#contents .side-archive ul.mounthly-archive li li{
	margin-bottom: 0;
	border-bottom: none;
}
#contents .side-archive ul.mounthly-archive li ul{
	position: absolute;
	top: 43px;
	left: -1px;
	z-index: 10;
	width: 320px;
	display: none;
}
#contents .side-archive ul.mounthly-archive li:after{
	position: absolute;
	right: 15px;
	top: 17px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
#contents .side-archive ul li:after{
	position: absolute;
	right: 15px;
	top: 17px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#contents .side-archive ul.mounthly-archive ul li:after{
	content: none;
}
#contents .side-archive ul li a{
	padding: 12px 15px;
	color: #35A5C0;
	font-size: 15px;
	font-weight: bold;
}
#editorial #contents .side-archive ul li a{
	color: #FFAD2E;
}
#editorial #contents .side-archive ul li a:hover,
#cover #contents .side-archive ul li a:hover,
#cover #contents .side-archive ul li span:hover,
#news #contents .side-archive ul li a:hover,
#news #contents .side-archive ul li span:hover{
	color: #BF502C;
}
#contents .side-archive ul li li a:hover{
	color: #000000;
}
#contents .side-archive ul.mounthly-archive li{
	padding: 4px 15px;
	color: #35A5C0;
	font-size: 15px;
	font-weight: bold;
}
#contents .side-archive ul.mounthly-archive li a{
	padding: 10px 0;
	color: #000000;
	font-weight: normal;
}
#contents .side-archive ul.mounthly-archive li li{
	padding: 0;
	position: relative;
}
#contents .side-archive ul.mounthly-archive li a{
	padding-left: 32px;
}
#contents .side-archive ul.mounthly-archive li a:before{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid #84C8DA;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 13px;
    left: 17px;
}
#contents .side-archive ul.mounthly-archive li a:hover{
	background-color: #EDF7FA;
}

/* 広告 */
#contents .base-rightarea .ad ins,
#contents .area-right.ad ins,
#contents .top-right .ad ins,
#contents .area-right .ad ins{
	width: 300px;
	height: 250px!important;
}
#contents .adarea ins{
	width: 728px;
	height: 90px;	
}

/* common
   ========================================================================== */
/* job */
#job #contents .base-leftarea .cat-navi {
	display: table;
	width: 100%;
	margin: 0 0 35px;
}
#job #contents .base-leftarea .cat-navi dl {
	display: table-cell;
}
#job #contents .base-leftarea .cat-navi p.ttl {
	display: none;
}
#job #contents .base-leftarea .cat-navi p {
	display: table-cell;
	width: 63px;
	text-align: center;
	color: #555555;
}
#job #contents .cat-navi dl {
	position: relative;
}
#job #contents .cat-navi dl dt {
	position: relative;
	padding: 12px 0 12px 40px;
	color: #878787;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
	font-size: 1.6rem;
	cursor: pointer;
}
#job #contents .cat-navi dl dt span {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 44px;
	border-left: 1px solid #DDD;
	-moz-box-shadow: -2px 0 3px 0 rgba(204,204,204,0.54);
	-webkit-box-shadow: -2px 0 3px 0 rgba(204,204,204,0.54);
	box-shadow: -2px 0 3px 0 rgba(204,204,204,0.54);
}
#job #contents .cat-navi dl dt:before {
	content: "\e608";
	color: #AAAAAA;
	font-family: "icomoon";
	font-size: 2.0rem;
	font-weight: normal;
	position: absolute;
	top: 8px;
	left: 13px;
}
#job #contents .cat-navi dl dt:after {
	position: absolute;
	right: 13px;
	top: 16px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 3px solid #707070;
	border-right: 3px solid #707070;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
#job #contents .cat-navi dl dd {
	display: none;
	position: absolute;
	top: 45px;
	left: 1px;
	width: 99%;
	background: #FFF;
	border: 1px solid #DDDDDD;
	z-index: 10;
	-moz-box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.7);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.7);
	box-shadow: 1px 1px 2px 0px rgba(204,204,204,0.7);
}
#job #contents .cat-navi dl.industry dd {
	z-index: 20;
}
#job #contents .cat-navi dl dd li a {
	display: block;
	padding: 11px 0 11px 15px;
	font-size: 1.5rem;
}
#job #contents .cat-navi dl dd li a:hover,
#job #contents .cat-navi dl dd li.current-cat a {
	color: #FFF;
	background: #555555;
}
#job #contents .area-right .cat-navi,
#job #contents .base-rightarea .cat-navi {
	margin: 0 0 20px;
	padding: 10px 10px 5px;
	background: rgba(1,187,4,0.14);
}
#job #contents .area-right .cat-navi .ttl,
#job #contents .base-rightarea .cat-navi .ttl {
	font-size: 1.5rem;
	font-weight: bold;
	clear: both;
	padding: 5px 0 10px 20px;
	position: relative;
}
#job #contents .area-right .cat-navi .ttl:before,
#job #contents .base-rightarea .cat-navi .ttl:before {
	position: absolute;
	top: 10px;
	left: 3px;
	width: 10px;
	height: 10px;
	content: "";
	margin-right: 7px;
	background-color: #12BB02;
}
#job #contents .area-right .cat-navi dl,
#job #contents .base-rightarea .cat-navi dl {
	margin: 0 0 10px;
}

/* gourmet */
#gourmet #contents .base-rightarea .cat-navi,
#gourmet #contents .base-rightarea .search-word {
	margin: 0 0 20px;
	padding: 10px 10px 12px 10px;
	background:#F4F4F4;
}
#gourmet #contents .ranking-box ul li span.cat {
	left: 117px;
}
#gourmet #contents .base-rightarea .search-word .ttl,
#gourmet #contents .base-rightarea .cat-navi .ttl {
	font-size: 1.5rem;
	font-weight: bold;
	clear: both;
	padding: 5px 0 10px 20px;
	position: relative;
}
#gourmet #contents .base-rightarea .search-word .ttl:before,
#gourmet #contents .base-rightarea .cat-navi .ttl:before {
	position: absolute;
	top: 10px;
	left: 3px;
	width: 10px;
	height: 10px;
	content: "";
	margin-right: 7px;
	background-color: #DE4630;
}
.gsc-search-box {
	position: relative;
}
#gourmet #contents .base-rightarea .site-search .gsc-control-cse {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background-color: #F4F4F4;
}
#gourmet #contents .base-rightarea .site-search .gsc-control-cse form.gsc-search-box {
	margin-bottom: 0;
}
#gourmet #contents .base-rightarea .site-search .gsc-control-cse table.gsc-search-box {
	margin: 0;
}
#gourmet #contents .base-rightarea .site-search td.gsc-input {
	position: relative;
	width: 100%;
	padding: 0;
}
#gourmet #contents .base-rightarea .site-search input.gsc-input {
	width: 86%;
	height: 42px;
	padding: 0 10% 0 4%;
	border: none;
	font-size: 1.6rem;
	background-position: 5px center!important;
	background-color: none!important;
	border: 1px solid #D6D6D6;
	border-right: none;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	vertical-align: middle;
	-moz-box-shadow: -3px 0 3px 0 rgba(204,204,204,0.4) inset;
	-webkit-box-shadow: -3px 0 3px 0 rgba(204,204,204,0.4) inset;
	box-shadow: -3px 0 3px 0 rgba(204,204,204,0.4) inset;
}
#gourmet #contents .base-rightarea .site-search .gsc-search-button {
	float: right;
	width: 45px;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	border: 1px solid #676767;
	border-left: none;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius:  0 3px 3px 0;
	-o-border-radius:  0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background-color: #878787;
	vertical-align: top;
}
#gourmet #contents .base-rightarea .site-search .gsc-search-button input {
	border: none;
}
#gourmet #contents .base-rightarea .site-search td.gsc-input:before {
	font-family: "icomoon";
	content: "\e608";
	color: #FFF;
	font-size: 2.0rem;
	position: absolute;
	top: 8px;
	right: -33px;
}
#gourmet #contents .base-rightarea .site-search table.gsc-search-box td.gsc-clear-button {
	position: absolute;
	top: 14px;
	right: 60px;
}
#gourmet #contents .cat-navi #searchform {
	width: 300px;
	margin: 0 auto;
	padding: 0 0 5px;
}
#gourmet #contents .base-rightarea .cat-navi .select-wrap {
	position: relative;
}
#gourmet #contents .base-rightarea .cat-navi select {
	width: 100%;
	height: 47px;
	margin: 0 0 10px;
	padding: 0 40px 0 35px;
	color: #878787;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
	font-size: 1.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #FFFFFF url(../images/gourmet_select_arrow.png) no-repeat right center;
}
#gourmet #contents .base-rightarea .cat-navi select::-ms-expand {
        display: none;
}
#gourmet #contents .base-rightarea .cat-navi form .ico-search:before {
	position: absolute;
	font-family: "icomoon";
	content: "\e608";
	color: #aaaaaa;
	font-size: 1.8rem;
	position: absolute;
	top: 12px;
	left: 14px;
}
#gourmet #contents .base-rightarea .cat-navi #submit {
	display: block;
	margin: 5px auto 0;
	width: 115px;
	background: #DE4630;
	border: 1px solid #BE3B11;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 1.7rem;
	font-weight: bold;
	padding: 5px 0 3px;
}

/* ebook */
#ebook #contents .side-archive .ttl{
	margin-top: 0;
}
#ebook #contents .side-archive .ttl:before{
	background-color: #022481;
}
#ebook #contents .side-archive ul li a{
	color: #00247F;
}
#ebook #contents .side-archive ul li a:hover{
	color: #BF502C;
}

}

/* 3カラム限定 */
@media screen and (min-width: 738px) and (max-width: 1386px) {
.inner {
	width: 1044px;
}
#container .topicpath.btm .inner {
	width: 1004px;
	padding: 0 20px;
}
#header .site-search .cse .gsc-control-wrapper-cse,
#header .site-search .gsc-control-wrapper-cse {
	width: 255px;
	padding: 0 0 0 5px;
	border: none;
}
#header .site-search td.gsc-clear-button {
	right: 34px;
}
#container #contents {
	width: 1004px;
}

}
/* 3カラム限定 ここまで */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ここまでPC
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/