@charset "utf-8";

/*----------wrap----------*/

#wrap {
	width: 100%;
	background: url("../images/footer_bg.png") repeat-x center bottom -40px, url("../images/bg.jpg") repeat-y center center;
	background-attachment: scroll, fixed;
}

/*----------全体----------*/

#container {
	background: url("../images/menu_bg_under.png") no-repeat left top, url("../images/menu_bg.png") repeat-y left top, url("../images/under_contents_bg.png") repeat-y right top;
}
#container:before {
	background: url("../images/menu_bg_top_left.png") no-repeat left top;
}
	@media screen and (max-width: 619px){
		#container {
			background: url("../images/sp/sp_bg.png") repeat center top;
		}
		#container:before {
			background: none;
		}
	}

/*----------フッター----------*/

.foot {
	height: 140px;
}
	
/*----------ロゴ----------*/

h1 img {
	width: 280px;
}
	@media screen and (max-width: 619px){
		h1 img {
			width: 100%;
		}
	}
	
/*----------コンテンツエリア----------*/

#contents_area {
	height: auto;
}
	
/*----------メニュー----------*/

#navi {
	margin-top: 176px;
	padding-bottom: 30px;
}
	@media screen and (max-width: 619px){
		#navi {
			margin: 0;
			padding-bottom: 0;
		}
	}
	
/*----------パンくず----------*/

.breadcrumb {
	position: absolute;
	top: 140px;
	right: 0;
	width: 325px;
	height: 36px;
	padding-right: 20px;
	color: #fff;
	text-align: right;
	line-height: 36px;
	background: url("../images/breadcrumb_bg.png") no-repeat left center;
	box-sizing: border-box;
}
.breadcrumb a {
	color: #fdec01;
}
.breadcrumb a:hover {
	color: #fd7e01;
}
	@media screen and (max-width: 619px){
		.breadcrumb {
			position: static;
			width: auto;
			height: auto;
			padding: 10px 0 10px 15px;
			text-align: left;
			line-height: 1;
			background: #fe4f4f;
		}
	}
	
/*----------ページタイトル---------*/

h2.pagettl {
	width: auto;
	margin: 0 15px 66px 0;
}
h2.pagettl img {
	margin-left: auto;
}
	@media screen and (max-width: 619px){
		h2.pagettl {
			margin: 0 0 10px;
		}
		h2.pagettl img {
			margin-left: 0;
		}
	}

/*----------記事ボックス----------*/

.entry {
	position: relative;
	width: 680px;
	margin: 0 0 30px 20px;
	padding: 50px 0;
	background: url("../images/under_entry_top.png") no-repeat right top, url("../images/under_entry_bottom.png") no-repeat left bottom;
	box-sizing: border-box;
}
.entry:before {
	position: absolute;
	content: url("../images/under_entry_7_left.png");
	right: 30px;
	top: 50px;
	z-index: 10;
}
.entry:after {
	position: absolute;
	content: url("../images/under_entry_7_right.png");
	right: 0;
	top: 50px;
}
.entry > div {
	box-sizing: border-box;
}
.entry .h3box {
	margin-right: 20px;
}
.entry .h3box {
	position: relative;
	margin-right: 20px;
	padding: 20px 25px 23px 25px;
	background: #00005c;
	border-left: 10px solid #98a6af;
	border-right: 10px solid #98a6af;
}
.entry .h3box img.blank {
	float: right;
}
.entry .h3box:before {
	position: absolute;
	content: "";
	left: 25px;
	bottom: 10px;
	width: 590px;
	height: 3px;
	background: #fff;
}
.entry h3 {
	position: relative;
	color: #ffc90e;
	font-size: 20px;
	line-height: 1.5;
	z-index: 10;
}
.entry .date {
	position: absolute;
	left: 0;
	top: 10px;
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.entry .txtbox {
	min-height: 180px;
	margin-right: 20px;
	padding: 25px 25px 20px 25px;
	background: #fff;
	border-left: 10px solid #98a6af;
	border-right: 10px solid #98a6af;
}
.entry .txtbox p {
	position: relative;
	margin: 0;
	text-shadow: 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
	z-index: 10;
}
	@media screen and (max-width: 619px){
		.entry {
			width: auto;
			margin: 0 0 10px;
			padding: 67px 0 34px;
			background: url("../images/sp/sp_under_entry_top.png") no-repeat right top, url("../images/sp/sp_under_entry_bottom.png") no-repeat left bottom;
		}
		.entry:before {
			position: static;
			content: none;
		}
		.entry:after {
			content: url("../images/sp/sp_under_entry_7_right.png");
			right: 0;
			top: 67px;
		}
		.entry .h3box {
			margin-right: 0;
			padding: 15px 40px 23px 15px;
			background: url("../images/sp/sp_under_entry_7_left.png") no-repeat right top #00005c;
			border: none;
		}
		.entry .h3box img.blank {
			display: none;
		}
		.entry .h3box:before {
			left: 15px;
			right: 15px;
			width: auto;
		}
		.entry h3 {
			font-size: 18px;
		}
		.entry .date {
			position: static;
			width: 100%;
			height: 34px;
			padding: 5px 0 0 15px;
			line-height: 1;
			font-weight: normal;
			text-align: left;
			background: url("../images/sp/sp_under_entry_date_bg.png") no-repeat left center #fff;
		}
		.entry .txtbox {
			min-height: 100px;
			margin-right: 0;
			padding: 15px;
			border: none;
		}
	}

/*----------ソーシャル----------*/

ul.social {
	margin: 30px auto 0;
	width: 240px;
	font-size: 0;
	text-align: center;
}
ul.social li {
	display: inline-block;
	text-align: center;
	width: 120px;
}
	@media screen and (max-width: 619px){
		ul.social {
			display: none;
		}
	}