@charset "UTF-8";

/*----------------------------------
共通
----------------------------------*/
html {
	-webkit-text-size-adjust:none;
	font-size:62.5%;
}

body { 
	margin:0;
	padding:0;
	font-size:1.4rem; //14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*
.mq768 {
	display:none;
}
*/

.fontNumber {
		font-family: 'Oswald', sans-serif;
		font-weight:400;
}

/*-----ヘッダー----*/
/*
#headcontainer {
	padding:2% 0 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
*/
.headerInner {
	width:96%;
	margin:0 auto;
	height:auto;
}

.siteTitle img {
	/*width:50%; */
}

.siteTitle .siteSubTitle {
	font-size:1.2rem;
	color:#555555;
}

.siteTitle a {
	text-decoration:none;
}

.headerSP {
	background:#3498DB;
	width:100%;
	display:table;
	height:51px;
}

.headerSP_back,.headerSP_title,.headerSP_menuBtn {
	display:table-cell;
	vertical-align:middle;
}

.headerSP_back,.headerSP_menuBtn {
	padding:1.5%;
	width:12.5%;
	color:#FFF;
	text-align:center;
	font-size:0.8rem;
}

.headerSP_back a,.headerSP_menuBtn a {
	background:#2980B9;
	display:block;
}

.headerSP_title {
	font-size:2.4rem;
	color:#FFF;
	text-align:center;
}

.groupLink-title {
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: 350px center;
	font-size:14px;	
	margin: 20px auto 20px ;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
	width: 500px;
	line-height: 30px;
	border: 2px solid #E74C3C;
	padding: 2% 3% 2% 5%;
	color: #E74C3C;
	font-weight: bold;
	background-image: url(../../img/jobdic/iconLink_white_vl.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: 110% center;
}

.groupLink-title:hover {
	cursor:pointer;
	background-repeat: no-repeat;
	padding: 2% 3% 2% 5%;
	font-size:14px;	
	margin: 22px auto 18px ;
}

.groupLink-title span.text {
  color: #E74C3C;
  font-weight: bold;
	width: 100%;
	height: 59.9px;
	line-height: 59.9px;
}
	
.groupLink-body .archiveList span.txt{
	color: #E74C3C;
	  font-weight: bold;
	}

.groupLink-body{
	display:block;
	font-size:14px;
	line-height:140%;
	margin:0;
	background: #ededed ;
	padding: 10px 20px ;
	position:relative ;
}


/* menu部分 */
#menu{
    display:none; 
    width:96%;
    position: fixed;
    z-index:999;
    top: 105px;
    right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background:#2980B9;
}

#menu h3 {
	text-align:center;
	color:#FFF;
	font-size:1.6rem;
	border-bottom: solid 1px #FFF;
	padding:3% 0 3%;
}

#menu ul{ margin:0 0 25px; }
#menu ul li{
    padding: 10px 20px 10px;
    text-align: left;
    border-bottom: solid 1px #FFF; 
    }
#menu ul li:first-child{ border-top:none; }
#menu ul li:last-child{ border-bottom:none; }

#menu a{
    display: block;
    height: 20px;
    color: #fff;
    text-decoration:none;
    background:url(../../img/jobdic/iconLink_white_vl.png) no-repeat 96% center;
    background-size:12px;
    }

/*-----インデックスページ----*/
.assetBox {
	background:#CCCCCC;
	width:100%;
}

#bxslider {
	list-style: none;
	margin:0;
	padding:0;
}




/*-----アーカイブページ----*/
.asset_lower h2.archive {
	border-left:0;
	padding:2%;
	/*margin:3.125% auto 0;*/
	/*background:#E74C3C;
	color:#FFF;
	margin-top:4%;
	margin-left:5%;
	width:25%;
	font-size:1.2rem;
	text-align:center;
	position:relative;
	display:inline;
	line-height:5rem;*/
}

.asset_lower h2.archive:after {
	content:'';
	position:absolute;
	border-top: 10px solid #E74C3C;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	bottom: -8px;
	left: 10%;
	z-index:97;
}

.assetImg {
	width:60%;
}

.asset_lower p.caption {
	border-left:none;
	padding:0;
	margin:6.25% auto 0;
	width:90%;
}

.archiveList {
	margin:0 auto 3.125%;
	width:90%;
}

.archiveList li {
	height:49px;
	border-bottom:1px solid #AAAAAA;
	width:100%;
}

.archiveList li a {
	/*line-height:49px;*/
	/*font-size:1.2rem;*/
	color:#444;
	width:98%;
	background:url(../../img/jobdic/iconLink_red.png) no-repeat 98% center;
	background-size:8px;
	display:table;
	height:49px;
	text-decoration:none;

}

.archiveList a:hover {
	color:#F1C40F;
	font-weight:300;
	background:url(../../img/jobdic/iconLink_yellow.png) no-repeat 98% center;
	background-size:8px;
}

.archiveLink {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	width:60%;
	line-height:1.4rem;
	padding-right:10%;
}

.archiveNumber {
	font-size:1.6rem;
	color:#E74C3C;
	display:table-cell;
	vertical-align:middle;
	width:20% ;
}

/*-----こだわりページ----*/

.tabList {
	display:table;
	width:100%;
}

.tabList li {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:4%;
	
	background:#F2F2F2;
	font-size:1.4rem;
	width:50%;
}

.tabList li.active {
	background:#FFF;
}

.tabList li.active a {
	display:block;
	width:100%;
	color:#E74C3C;
	text-decoration:none;
}

.tabList li a {
	color:#888888;
	text-decoration:none;
}

/*
.asset_lower .selectTitle {
	line-height:1.6rem;
	width:96%;
	position:relative;
	padding-bottom:1.56%;
	padding-top:4.8%;
	height:160px;
}
*/
.imgSkill {
    position: absolute;
    bottom: 93px;
    left: 6%;
    text-align: left;
}


.imgSkill img {
	width:75%;
}

.skillLead {
	background:url(../../img/jobdic/imgSkillLead_sp.png) no-repeat left center;
	background-size:100%;
	color:#FFF;
	width:154px;
	height:53px;
	text-indent:-9999px;
	padding:1% 2% 1%;
	position:absolute;
	top:20%;
	left:160px;
}

.skill {
	color:#EFAF11;
}

.imgSelectCondition {
	position:absolute;
	bottom:52px;
	left:6%;
}

.imgSelectCondition img {
	width:75%;
}

.selectConditionLead {
    background: url(../../img/jobdic/imgConditionLead_sp.png) no-repeat left center;
    background-size: 100%;
    color: #FFF;
    width: 154px;
    height: 53px;
    text-indent: -9999px;
    padding: 1% 2% 1%;
    position: absolute;
    top: 0;
    left: 180px;
}
///
.selectCondition {
	color:#1ABC9C;
}

.imgSelectCondition {
    position: absolute;
    bottom: 93px;
    left: 6%;
}


.imgCondition {
  position: absolute;
  bottom: 52px;
  left: 6%;
  text-align: left;
}

.imgCondition img {
  width: 141px;
}

.imgSkill img {
  width: 156px;
}

.skillLead {
    background: url(../../img/jobdic/imgSkillLead_sp.png) no-repeat left center;
    background-size: 100%;
    color: #FFF;
    width: 154px;
    height: 53px;
    text-indent: -9999px;
    padding: 1% 2% 1%;
    position: absolute;
    top: 0;
    left: 180px;
}

.selectCondition {
	color:#1ABC9C;
}

.titleText {
	font-size:1.4rem;
	width:100%;
	line-height:1.6rem;
	margin-left:0;
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	border-top:2px solid #AAAAAA;
	border-bottom:2px solid #AAAAAA;
	padding:16px 0 16px;
}

.titleText_skill {
	background:url(../../img/jobdic/iconLink_yellow_v.png) no-repeat 98% center;
	background-size:20px;
}

.titleText_condition {
	background:url(../../img/jobdic/iconLink_green_v.png) no-repeat 98% center;
	background-size:20px;
}

.selectList {
	display:table;
	width:96%;
	margin:0 auto;
	background:url(../../img/jobdic/iconLink_red.png) no-repeat 98% center;
	background-size:12px;
	border-bottom:1px solid #AAAAAA;
	padding:2% 0 2%;
}

.selectImg,.selectNumber,.selectLink {
	display:table-cell;
	vertical-align:middle;
}

.selectImg{
	width:18%;
	border:2px solid #FFF;
	padding:1%; 
}

.selectImg img {
	width:100%;
}

.selectNumber {
	width:18%;
}

.selectNumber {
	padding:0 2% 0;
	color:#E74C3C;
	font-weight:bold;
	font-size:1.6rem;
}

.selectNumber,.selectLink {
	/*border-bottom:1px solid #555555;*/
}

.selectLink {
  font-size: 1.4rem;
  padding: 0 4.625% 0 0;
}
cd01

.selectList:hover .selectImg{
	border:2px solid #E74C3C;
}

.selectList:hover .selectLink {
	font-weight:bold;
	color:#E74C3C;
}

/*-----詳細ページ----*/

header.assetHeader {
    background: #EEE;
    width: 95%;
    text-align: center;
    padding: 4% 0 4%;
}

.number_lower {
	color:#E74C3C;
	/* font-size:1.6rem; */
  font-size: 3rem;
  letter-spacing: 2px;
}

.small15_lower {
	font-size:1.4rem;
	padding:0.4%;
	color:#E74C3C;
	width:50px;
	height:23px;
	line-height:23px;
}

.asset_lower h1 {
	font-size:2.2rem;
	color:#555555;
	text-align:center;
	padding-bottom:0;
	width:90%;
	padding:0 10% 0;
	margin:0 auto;
}

.ruby {
	text-align:center;
	font-size:1.6rem;
	display:block;
}

.asset_lower h2.single {
	font-size:1.8rem;
	color:#555555;
	border-left:5px solid #E74C3C;
	padding:2%;
	letter-spacing:-1%;
	margin:3.125% auto 3.125%;
	line-height:2rem;
	width:90%;
}

.text {
	width:90%;
/*	padding:3.125% 0 3.125%; */
	margin:0 auto;
	line-height:2rem;
}



.infotitle {
    background: #E74C3C none repeat scroll 0% 0%;
    color: #FFF;
    padding: 0.5%;
    margin-left: 5%;
    font-size: 1.2rem;
    text-align: center;
    position: relative;
    width: 100px;
    margin-top: -5%;
}

.infotitle:after {
	content:'';
	position:absolute;
	border-top: 10px solid #E74C3C;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	bottom: -10px;
	left: 40%;
	z-index:97;
}



.illustratorName {
  float: right;
  margin-right: 30px;
  padding-right: 10px;
  width: 100%;
  text-align: right;
  color: #aaa;
}

@media ( max-width : 768px ) {

.siteTitle img {
    width: 50%;
    max-width: 360px;
    min-width: 200px;
    padding: 5px;
}
	
.groupLink-title {
    width: 300px;
}	
	
.groupLink-title span.text {
    color: #E74C3C;
    font-weight: bold;
    width: 100%;
    line-height: 12px;
}

.jd_asset {
	background:#FFF;
	width:154px;
	height:130px;
	margin:0;
	padding:0;
}

.mq768 {
	display:none;
}

	
#menu {
  display: none;
  z-index: 999;
  position: relative;
  top: 0px;
  height: 298px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #2980B9 ;
  padding: 0px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

#menu ul li:hover {
    background: #3497DB none repeat scroll 0% 0%;
    color: #FFF;
    font-weight: 900;
    font-size: 1.2em;
}

#menu:after {
  display: none;
  z-index: 999;
  position: relative;
  top: 355px;
  height: 20px;
  width: 100%;
  background: url(../../img/jobdic/menu_slide.png) no-repeat ;
  background: #2980B9;
  padding: 5px;
}

#menu a {
  display: block;
  height: 20px;
  color: #fff;
  text-decoration: none;
  background: url(../../img/jobdic/iconLink_white.png) no-repeat scroll 100% center / 12px auto;
  background-size: 12px;
}

#menu p.close {
display: block;
background: rgb(52, 151, 219) none repeat scroll 0% 0%;
width: 100%;
padding: 10px;
color: rgb(255, 255, 255);
font-weight: 900;
font-size: 1em;
text-align: right;
border-top: 2px solid #fff;
}

.index_box_lower header {
  width: 100%;
  padding: 4% 0 4%;
  margin-top: 55px;
}


header.assetHeader {
  width: 100%;
  padding: 4% 0 4%;
 /* margin-top: 55px; */
  background: #EEE;
  text-align: center;
}

/* jobstyle */


.selectConditionLead {
  background: url(../../img/jobdic/imgConditionLead_sp.png) no-repeat left center;
  background-size: 100%;
  color: #FFF;
  width: 154px;
  height: 53px;
  text-indent: -9999px;
  padding: 1% 2% 1%;
  position: static;
  top: 148px;
  left: 180px;
}

.contentinfo{
  float: left;
  width: 100%;
  letter-spacing: 0.2em;
  font-size: 11px;
  text-align: center;
  padding: 14px 0;
  color: #fff;
  background: #444444;
  position: static;
  bottom: 0;
}

/* jobstyle end */

.tabList {
    width: 100%;
    padding: 0px 0px 4%;
}

.imgSelectCondition {
  position: static;
  /* bottom: 52px; */
  /* left: 6%; */
  text-align: left;
  margin: 0 10px 0 8%;
  float: left;
}


.imgSelectCondition img {
  width: 141px;
}

.titleText {
  font-size: 1.4rem;
  width: 100%;
  line-height: 1.6rem;
  margin-left: 0;
  position: static;
  /* top: 222px; */
  /* left: 0; */
  text-align: left;
  border-top: 2px solid #AAAAAA;
  border-bottom: 2px solid #AAAAAA;
  padding: 16px 0 16px;
  margin-top: 20px;
  display: block;
}

.skillLead {
  background: url(../../img/jobdic/imgSkillLead_sp.png) no-repeat left center;
  background-size: 100%;
  color: #FFF;
  width: 154px;
  height: 53px;
  /* padding: 1% 2% 1%; */
  /* top: 148px; */
  /* left: 180px; */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  /* margin-top: 10%; */
  padding-top: 100px;
  z-index: 700;
  position: static;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  /* margin-left: 45%; */
  /* float: left; */
  margin-top: 2%;
  padding-top: 83px;
}

.imgCondition {
  position: static;
  /* bottom: 52px; */
  /* left: 6%; */
  text-align: left;
  margin-left: 8%;
  float: left;
}

.imgSkill {
  position: static;
  /* bottom: 52px; */
  /* left: 6%; */
  text-align: left;
  margin-left: 8%;
  float: left;
}

.selectConditionLead {
  background: url(../../img/jobdic/imgConditionLead_sp.png) no-repeat left center;
  background-size: 100%;
  color: #FFF;
  width: 154px;
  height: 53px;
  /* padding: 1% 2% 1%; */
  position: static;
  /* top: 148px; */
  /* left: 180px; */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  /* margin-left: 45%; */
  /* float: left; */
  margin-top: 2%;
  padding-top: 81px;
}

.infoBox {
    display: table-cell;
    text-align: center;
    width: 30%;
    padding: 4% 0px;
}

.infoBox:nth-child(2) {
  display: table-cell;
  text-align: center;
  width: 26%;
  padding: 4% 0px;
  border-right: 1px solid #AAA !important;
  border-left: 1px solid #AAA !important;
}

aside  ul{
	width:80% ;
	text-align:center ;
	margin: 0 auto ;
	display: none;
}

aside  ul li{
	display:block ;
	float:left ;
	width:48% ;
	color: #000000 ;
	text-align:center ;
	margin-right: 2% ;
}

aside  ul li{
	color: #000000 ;
}


aside  ul li:hover{
	color: #ee3344;
}



aside  ul li:first-child{
	display:block;
	float:left ;
	width:48% ;
	text-align:center ;
	margin-right: 2% ;
	border-right: 2px solid #cccccc ;
}

.text:nth-child(4) {
	width:90%;
	padding:3.125% 0 3.125%;
	margin:0 auto;
	line-height:2rem;
	border-bottom: 2px solid #2980B9;
}
	
.rad3 {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 1.5rem;
}
	
#headcontainer {
  padding: 2% 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.recommendList img {
  width: 100px;
  height: auto;
  margin: 0;
  padding: 0;
}

	
.contents_box{
	margin:20px 0 ;}

/*.contents_wrap_top{ 
	display: block ;
	color: #fff ;
	width: 100% ;
	height: 48px ;
	background:	#2980B9;
	margin: 0 0 20px 0;
}*/

.mq768l h1 {
  font-family: LeagueGothicRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
  color: #000;
  /* font-size: 6em; */
  line-height: 1.4;
  margin-bottom: 20px;
  text-align:center ;
}

/*h2.recommend{
  font-size: 1.8rem;
  color: #555555;
  border-left: 5px solid #E74C3C;
  padding: 2%;
  letter-spacing: -1%;
  margin: 3.125% auto 3.125%;
  line-height: 2rem;
  width: 90%;
}

center img{
	width:100% ;
	height: auto ;
}

.recommendLink {
  width: 60%;
  font-size: 120%;
  padding-left: 1.5%;
  padding-right: 10%;
  padding-top: 7%;
  display: block;
  float: right;
  line-height: 150%;
}*/


/*.asset_lower{
  position: static;
   top: 113px;
   width: 100%;
}*/


.jobdic_sp  article ul{
	font-size:18px ;
}

.asset_lower > .mq768l+.selectList{
  display: table;
  width: 96%;
  background: url(../../img/jobdic/iconLink_red.png) no-repeat 98% center;
  background-size: 12px;
  border-bottom: 1px solid #AAAAAA;
  padding: 2% 0 2%;
}

.mq768l{
	width:100%; 
	max-width: 769px !important;
	/*margin-top: 50px ;*/
	position: static;
	  z-index: 900;
}

nav.mq768l {
    width: 100%;
    max-width: 769px !important;
    position: static;
	 z-index: 900;
}

.info {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: none;
  background-color: #FFF;
  display: table;
  border-collapse: collapse;
  border-spacing: 0 0;
  padding: 0;
  width: 96%;
  margin: 4% 2% 4%;
}


.infotitle {
    width: 100px;
    background: #E74C3C none repeat scroll 0% 0%;
    color: #FFF;
    padding: 0.5%;
    margin-top: 2%;
    margin-left: 5%;
    font-size: 1.2rem;
    text-align: center;
     position: relative;
}

.bx-wrapper {
  width: 100% !important;
 max-width: 769px  !important;
  background: #CCCCCC;
  overflow: hidden;
  position: static !important;
  margin: 0 auto 20px;
  padding: 40px 0 70px;
}

.bx-clone{
	width:10% ;
}

.ruby {
  text-align: center;
  font-size: 1.2rem;
  display: block;
  line-height: 120%;
  margin: 4px;
}

.jd_asset {
  background: #FFF;
  width: 200px !important;
  height: auto;
  margin: 0 10px 0 0px;
  padding: 0;
}


.selectList:last-child {
	display:table;
	width:96%;
	margin:0 auto;
	background:url(../../img/jobdic/iconLink_red.png) no-repeat 98% center;
	background-size:12px;
	border-bottom: hidden ;
	padding:2% 0 2%;
}


.asset_lower section a.selectList{
	padding: 0 ;
}


.asset_lower h1 {
  font-size: 2.2rem;
  color: #555555;
  text-align: center;
  padding-bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  line-height: 150%;
}

.asset_lower h2.archive::after {
  content: '';
  position: absolute;
  border-top: 10px solid #E74C3C;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  bottom: -8px;
  left: 10%;
  z-index: 97;
}

.copyright {
  float: left;
  width: 100%;
  letter-spacing: 0.2em;
  font-size: 11px;
  text-align: center;
  padding: 14px 0;
  color: #fff;
  background: #444444;
  position: static;
  bottom: 0;
}

.asset_lower .selectTitle {
	line-height:1.6rem;
	position:relative;
	/* padding-bottom:1.56%;*/
	padding-top:0;
	width:100%;
	vertical-align: middle ;
}

}

@media ( min-width : 769px ) {

/*
.titleText {
	font-size:1.4rem;
	width:100%;
	line-height:1.6rem;
	margin-left:0;
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	border-top:2px solid #AAAAAA;
	border-bottom:2px solid #AAAAAA;
	padding:20px 0 20px;
	vertical-align:middle ;
}*/


.titleText {
    font-size: 3rem;
    width: 100%;
    line-height: 80px;
    margin-left: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: left;
    border-top: 2px solid #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
    padding: 0;
}


.selectImg{
	width:18%;
	border:2px solid #FFF;
	padding:0;
}





}