@charset "utf-8";

/* ================= HOME ================= */

body.home #gnavi {
	max-width: 100%;
	margin: 0;
	background: #f6f6f6;
}

body.home #gnavi .gnavi_wrapper {
	max-width: 1000px;
	margin: 0 auto 20px;
	padding: 20px 10px;
}

body.home #gnavi h2 {
	margin-bottom: 30px;
}

body.home #gnavi h2 img {
	width: 100%;
	max-width: 287px;
	height: auto;
}

body.home #gnavi li {
	padding-left: 25px;
	text-align: center;
}

body.home #gnavi li:first-child {
	padding-left: 0;
}

body.home #gnavi li img {
	max-width: 100px;
}

body.home #gnavi li .image {
	border-radius: 50%;
	transition: all 0.3s linear 0s;
	z-index: 1;
}

body.home #gnavi li figcaption {
	padding-top: 5px;
}

body.home #gnavi li.gnavi_05 ul,
body.home #gnavi li.gnavi_06 ul,
body.home #gnavi li.gnavi_07 ul,
body.home #gnavi li.gnavi_08 ul {
	background-position: right 42px top 8px;
}

body.home #gnavi li li {
	padding-left: 0;
}

body.home #contents .main section {
	width: 100%;
	padding-right: 60px;
}

body.home #contents .main h2 {
	margin-bottom: 30px;
}

body.home #contents .main h2 img {
	width: 100%;
	max-width: 287px;
	height: auto;
}

body.home #contents .main section dl {
	margin-bottom: 40px;
}

body.home #contents .main section dt {
	margin: 15px 0 8px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
	color: #666;
	font-size: 0.846em; /*11px*/
}
body.home #contents .main section.wwn dt {
	margin-bottom: 3px;
}

body.home #contents .main section dt:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
body.home #contents .main section dt time {
	margin-right: 10px;
}
body.home #contents .main section dt a.chip_category {
	display: inline-block;
	min-width: 50px;
	padding: 3px 3px 2px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #003dcc;
	font-size: 11px;
}
body.home #contents .main section dt a.chip_category:hover {
	opacity: 0.7;
}

body.home #contents .main section dt a.chip_category.id2 {
	background: #169c78;
}
body.home #contents .main section dt a.chip_category.id3 {
	background: #c53dad;
}
body.home #contents .main section dt a.chip_category.id4 {
	background: #ef0462;
}
body.home #contents .main section dt a.chip_category.id5 {
	background: #f05442;
}
body.home #contents .main section dt a.chip_category.id6 {
	background: #965352;
}
body.home #contents .main section dt a.chip_category.id7 {
	background: #9e810e;
}
body.home #contents .main section dt a.chip_category.id8 {
	background: #3399ff;
}
body.home #contents .main section dt a.chip_category.id9 {
	background: #16b834;
}
body.home #contents .main section dt a.chip_category.id10 {
	background: #f93eac;
}

body.home #contents .main section dd {
	line-height: 1.4;
}

body.home #contents .main section dd a {
	color: #333;
	text-decoration: none;
}

body.home #contents .main section dd a:hover {
	text-decoration: underline;
}

body.home #contents .main section p {
	text-align: right;
	font-size: 0.923em; /*12px*/
}

body.home #contents .main section p:before {
	padding-right: 2px;
	content: "\f0a9";
	color: #0270c3;
	font-family: 'FontAwesome';
	font-size: 1.167em; /*14px*/
}

body.home #contents .main section p a {
	color: #333;
	text-decoration: none;
}

body.home #contents .main section p a:hover {
	text-decoration: underline;
}

/* ================= 一覧 ================= */

body.list #contents .main section {
	float: left;
	width: 50%;
	padding-right: 35px;
}

body.list #contents .main section > a:hover {
	opacity: 0.7;
}

body.list #contents .main section h2 {
	padding: 10px 20px 8px;
	background: #0270c3;
	color: #fff;
	font-size: 1.385em; /*18px*/
	font-weight: bold;
	line-height: 1.2;
}

body.list #contents .main section .visual {
	padding-bottom: 20px;
	width: 100%;
	height: auto;
	min-height: 174px;
}

body.list #contents .main section ul {
	margin: 0 0 30px;
}

body.list #contents .main section li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../images/common/common_icon_arrow_01.png) 0 2px no-repeat;
	list-style-type: none;
	font-size: 0.923em; /*12px*/
	line-height: 1.4;
}

body.list #contents .main section li a {
	color: #0270c3;
	text-decoration: none;
}

body.list #contents .main section li a:hover {
	text-decoration: underline;
}

/* ================= main visual ================= */
body.kurashi #main_visual {
	background: url(../images/sub/mv/kurashi_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}
body.hataraki #main_visual {
	background: url(../images/sub/mv/hataraki_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}
body.anshin #main_visual {
	background: url(../images/sub/mv/anshin_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}
body.what #main_visual {
	background: url(../images/sub/mv/what_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}
body.union #main_visual {
	background: url(../images/sub/mv/union_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}
body.words #main_visual {
	background: url(../images/sub/mv/words_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}
body.report #main_visual {
	background: url(../images/sub/mv/report_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}
body.news #main_visual {
	background: url(../images/sub/mv/news_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}
body.whatsnew #main_visual {
	background: url(../images/sub/mv/whatsnew_mainvisual_bg.png) top right no-repeat;
	background-size: cover;
}

/* ================= main visual ================= */
body.kurashi li.gnavi_02 a {
	border-bottom: 3px solid #0270c3;
}
body.hataraki li.gnavi_03 a {
	border-bottom: 3px solid #0270c3;
}
body.anshin li.gnavi_04 a {
	border-bottom: 3px solid #0270c3;
}
body.what li.gnavi_05 a {
	border-bottom: 3px solid #0270c3;
}
body.union li.gnavi_06 a {
	border-bottom: 3px solid #0270c3;
}
body.issue li.gnavi_07 a {
	border-bottom: 3px solid #0270c3;
}
body.report li.gnavi_08 a {
	border-bottom: 3px solid #0270c3;
}
body.news li.gnavi_01 a {
	border-bottom: 3px solid #0270c3;
}