@charset "UTF-8";

/*----------------------------------------------------
	☆keyword
----------------------------------------------------*/

/*-- index --*/

body {
	min-width:1280px;
	height:auto!important;
}

#mv {
	background:url(../images/img_keyword_mv.jpg) center top no-repeat;
	height:650px;
	margin-bottom:0;
	width:100%;
	
	overflow:hidden;
}

/* デバイスの横幅が画像サイズを超えた場合 */
@media only screen and (min-width: 1500px) {
#mv {
	background:url(../images/img_keyword_mv.jpg) center top no-repeat;
	background-size:100% auto;
}
}

#mv #breadChumbs {
	color:#FFF;
	margin:0 auto 90px;
	padding-top:60px;
	text-align:right;
	width:980px;
}

#mv #breadChumbs a {
	color:#FFF;
}

#mv h2 {
	color:#FFF;
	font-size:32px!important;
	line-height:1.9;
	margin:0 auto 100px;
	text-align:center;
	width:980px;
	
	position:relative;
	overflow:hidden;
}

#mv h2 span {
	border-bottom:5px solid #FFF;
}

#mv div.pointList {
	margin: 0 auto;
	width: 1010px;
}

#mv div.pointList ul li {
	display:block;
	float: left;
	height:196px;
	line-height:0;
	margin:0 28px;
	overflow:hidden;
	width:196px;
}

#mv div.pointList ul li a {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:196px;
	width:196px;
}

#mv div.pointList ul li a img {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#mv div.pointList ul li a:hover img {
	opacity:0;
}

#mv div.pointList ul li.li01 a { background-image:url(../images/btn_pointlist_01_h.png);}
#mv div.pointList ul li.li02 a { background-image:url(../images/btn_pointlist_02_h.png);}
#mv div.pointList ul li.li03 a { background-image:url(../images/btn_pointlist_03_h.png);}
#mv div.pointList ul li.li04 a { background-image:url(../images/btn_pointlist_04_h.png);}


#contents.keywordContents {
	padding-top:0;
	width:100%;
}

#contents.keywordContents section.kcBox {
	border-bottom:1px solid #D0D0D2;
	margin:0;
	padding-bottom:100px;
	width:100%;
}

#contents.keywordContents section.kcBox div.inr {
	margin:0 auto;
	width:1280px;
}

#contents.keywordContents section.kc01 {
	background:url(../images/bg_texture_01.jpg) left top repeat fixed;
}

#contents.keywordContents section.kc02 {
	background-color:#FFF;
}

#contents.keywordContents section.kc03 {
	background:url(../images/bg_texture_03.jpg) center center no-repeat;
}

/* デバイスの横幅が画像サイズを超えた場合 */
@media only screen and (min-width: 1500px) {
#contents.keywordContents section.kc03 {
		background:url(../images/bg_texture_03.jpg) center center no-repeat;
	background-size:100% auto;
}
}

#contents.keywordContents section.kc04 {
	background:url(../images/bg_texture_04.jpg) center center no-repeat;
}

/* デバイスの横幅が画像サイズを超えた場合 */
@media only screen and (min-width: 1500px) {
#contents.keywordContents section.kc04 {
		background:url(../images/bg_texture_04.jpg) center center no-repeat;
	background-size:100% auto;
}
}

#contents.keywordContents section.kcBox p.img {
	border-bottom:3px solid #D9D9D9;
	float:left;
	font-size:0;
	line-height:0;
	width:540px;
}

#contents.keywordContents section.kcBox p.img img {
	border:5px solid #FFF;
}

#contents.keywordContents section.kcBox div.data {
	float:right;
	padding-top:100px;
	width:665px;
	box-sizing:border-box;
}

#contents.keywordContents section.kcBox div.data p.tag {
	border:3px solid #448FE3;
	display:inline-block;
	line-height:100%;
	margin-bottom:25px;
}

#contents.keywordContents section.kcBox div.data p.tag span.num {
	background-color:#448FE3;
	color:#FFF;
	float:left;
	font-size:116%!important;
	padding:14px 20px;
}

#contents.keywordContents section.kcBox div.data p.tag span.date {
	color:#448FE3;
	float:left;
	font-size:26px!important;
	font-weight:bold;
	padding:14px 20px;
}

#contents.keywordContents section.kcBox h3 {
	background:url(../images/bg_wquote.png) left top no-repeat;
	color:#448FE3;
	font-size:153.9%!important;
	line-height:1.7;
	margin-bottom:20px;
	padding:20px 0 0 15px;
}

#contents.keywordContents section.kcBox h3 span {
	background:url(../images/bg_wquote_02.png) right bottom no-repeat;
	display: inline-block;
	padding:0 15px 20px 0;
}

#contents.keywordContents section.kcBox p.txt {
	line-height:2;
	width:512px;
}


#contents.keywordContents section.kc02 p.img,
#contents.keywordContents section.kc04 p.img {
	float:right;
}

#contents.keywordContents section.kc02 div.data,
#contents.keywordContents section.kc04 div.data {
	float:left;
	padding-left:15px;
}

#contents.keywordContents section.kc04 div.data p.tag {
	border:3px solid #FFF;
}

#contents.keywordContents section.kc04 div.data p.tag span.num {
	background-color:#FFF;
	color:#448FE3;
}

#contents.keywordContents section.kc04 div.data p.tag span.date {
	color:#FFF;
}

#contents.keywordContents section.kc04 h3 {
	color:#FFF;
}

#contents.keywordContents section.kc04 p.txt {
	color:#FFF;
}

#contents.keywordContents section.indexList {
	padding-top:60px;
	margin:0 auto;
	width:1280px;
}

#contents.keywordContents section.indexList p.hd {
	color:#3E3E3E;
	font-size:28px!important;
	font-weight:bold;
	margin:0 auto 35px;
	text-align:center;
	width:1280px;
}
 
#contents.keywordContents section.indexList p.hd span {
	border-bottom:5px solid #3E3E3E;
	line-height:2;
	padding-bottom:8px;
}

#contents.keywordContents section.indexList div.inr {
	margin:0 auto;
	width:980px;
}

#contents .indexList ul li.first a h2,
#contents .indexList ul li.even a h2 {
	margin:12px 10px;
}