#footer {
  background-color: rgba(224,224,224,0.6);
}

h4.custom_underh2{
background-color:#28c6b3 !important;
}

.entry-title {
  font-weight: bold;
  font-size: 20px;
  padding: 10px 10px;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
}
.entry-title::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}

strong{color:red;}
.uline{font-weight:bold; background: linear-gradient(transparent 60%, #ffff66 60%);}
.bold{font-weight:bold;}
.red{font-weight:bold;color:red;}

h4.menu_underh2{
  padding-left:0.8em !important;
  padding-top:0.3em !important;
  padding-bottom:0.3em !important;
  
  color:white;
  //border-bottom: 2px dashed #3498db;
  
  background-color:#284edc;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
}

div#mybox {
  //background-color: rgba(255,255,255,0.5);
}

div.ad  > ul {
    background-color: rgba(255,255,255,0.7);
    border: none;
    border-radius: 7px;
    box-shadow: 4px 4px 4px rgba(96,96,96,0.7);
}


div.ad > ul li {
	position: relative;
    margin-left:2em !important;
}
div.ad > ul li::after,
div.ad > ul li::before {
	display: block;
	content: '';
	position: absolute;
}
div.ad > ul li::after {
	top: .35em;
	left: -1.4em;
	width: 14px;
	height: 14px;
	background-color: #ccc;
	border-radius: 100%;
}
div.ad > ul li::before {
	z-index: 2;
	top: .625em;
	left: -1.175em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sample-box-5 {
    //background-color: #cafbce;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #cafbce;
    //color: #0a8915;
    margin: 2em 0;
    padding: 2em;
}



.sample-box-11 {
    background-color: #fff;
    margin: 2em 0;
    padding: 2em;
    position: relative;
    z-index: 1;
}
.sample-box-11::before,
.sample-box-11::after {
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
.sample-box-11::before {
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    z-index: -1;
}
.sample-box-11::after {
    background-color: #f5c8a4;
    top: 5px;
    left: 5px;
    z-index: -2;
}

.sample-box-11 {
    background-color: #fff;
    margin: 2em 0;
    padding: 2em;
    position: relative;
    z-index: 1;
}
.sample-box-11::before,
.sample-box-11::after {
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
.sample-box-11::before {
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    z-index: -1;
}
.sample-box-11::after {
    background-color: #f5c8a4;
    top: 5px;
    left: 5px;
    z-index: -2;
}


.sample-box-13 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.sample-box-13::before {
    background-color: #fff;
    color: #da4033;
    content: "マイナビ新卒紹介 POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.point-box-intern {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.point-box-intern::before {
    background-color: #fff;
    color: #da4033;
    content: "インターンナビ POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

#gyaku::before {
    content:"逆求人サイト POINT" !important;   
}

#ikkatsu::before {
    content:"イッカツ POINT" !important;   
}

#inavi::before {
    content:"インターンナビ2018 point" !important; 
}


/**
 * ボタン
 * 
 */

/* 大（横幅いっぱい） */

.btn_l {
	display: block;
	margin: 0 20px 20px;
	padding: 18px 20px 16px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
	letter-spacing: 1px;
	font-size: 18px;
	font-size: 1.39rem;
	line-height: 1;
}

.btn_l:before {
	content: url(img/shortcodes/btn-img.png);
	vertical-align: -4px;
	margin-right: 5px;
}

.btn_l:active {
	position: relative;
	top: 1px;
	box-shadow: 0 2px 4px rgba(000,000,000,0.5) inset;
}

/* 角・丸 */

.btn-r {
	border-radius: 5px;
	/*IE6 IE7 IE8 */
	behavior: url("/PIE.htc");
	position: relative;
	zoom: 1;
}

/* 小（文字数の幅に合わせる） */

.btn_s {
	display: inline-block;
	margin: 0 0 20px;
	padding: 0.9em 1.8em;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.66);
	font-size: 15px;
	font-size: 1.16rem;
	line-height: 1;
}

.btn_s:active {
	position: relative;
	top: 1px;
	box-shadow: 0 2px 4px rgba(000,000,000,0.5) inset;
}

/* 角・丸 */

.btn-r {
	border-radius: 5px;
	/*IE6 IE7 IE8 */
	behavior: url("./PIE.htc");
	position: relative;
	zoom: 1;
}

/* 色・赤 */

.btn-red {
	border: 1px solid #c00;
	background: #c00 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #c00, 0 2px 3px rgba(0, 0, 0, 0.33);
}

/* 色・青 */

.btn-blue {
	border: 1px solid #369;
	background: #369 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #369, 0 2px 3px rgba(0, 0, 0, 0.33);
}

/* 色・緑 */

.btn-green {
	border: 1px solid #7EA835;
	background: #7EA835 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #7EA835, 0 2px 3px rgba(0, 0, 0, 0.33);
}

/* 色・オレンジ */

.btn-orange {
	border: 1px solid #CF7616;
	background: #CF7616 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #CF7616, 0 2px 3px rgba(0, 0, 0, 0.33);
}

/* 色・黒 */

.btn-black {
	border: 1px solid #000;
	background: #000 url("img/shortcodes/bg-btn.png") repeat-x left center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 black, 0 2px 3px rgba(0, 0, 0, 0.33);
}