/* style for pc */
/**==================================================*/
/** ページ共通 */
/**==================================================*/
body#pagetop {
	width:100%;
	height: 100%;
}
/**==================================================*/

/** page-top */
#page-top a {
	color: #ffffff;
	text-decoration: none;
}

.page-top {
	display: none;
	margin: 0;
	padding: 0;
}
 
.page-top p {
	margin: 0;
	padding: 0;
	position: fixed;
	right: 16px;
	bottom: 16px;
}
 
.move-page-top {
	display: block;
	background: #C5282F;
	width: 50px;
	height: 50px;
	cursor: pointer;
	color: #ffffff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

div.header_logo {
	width: 70%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

div.footer_logo {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #000000;
}

div.header_logo img, div.footer_logo img {
	width: 306px;
}

div.header_wrapper {
	background: url(../images/header-bg.jpg?20221205) no-repeat;
	background-size: cover;
	height: auto;
	position: relative;
	max-width: 2000px;
}

div.header_inner {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 80px 0;
}

div.header_inner img {
	width: 70%;
}

div.main_contents_wrapper {
	width: 100%;
	margin: 150px 0 100px 0;
	border-bottom: 5px solid #000000;
}

div.main_contents_inner {
	width: 60%;
	margin: 0 auto 100px auto;
}

div.main_contents_inner_left {
	float: left;
	width: 40%;
	position: relative;
	text-align: right;
}

div.main_contents_inner_left a:hover, div.archive_cover a:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

div.main_contents_inner_left img.new-thum {
	width: 80%;
	z-index: 999;
}

div.new_icon {
	position: absolute;
	top: -50px;
	left: -10px;
	z-index: 998;
}

div.new_icon img {
	width: 150px;
}

div.main_contents_inner_right {
	float: right;
	width: 58%;
	margin: 0 0 0 2%;
}

div.main_contents_inner_right p {
	padding: 0 0 30px 0;
}

div.main_contents_inner_right p.new_title {
	font-size: 26px;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
	line-height: 30px;
}

div.main_contents_inner_right p.new_title span {
	font-size: 14px;
	color: #808080;
	display: block;
}

div.main_contents_inner_right p.new_desc {
	font-size: 22px;
	color: #808080;
	border-bottom: 1px solid #808080;
	line-height: 30px;
}

div.main_contents_inner_right p.new_pagecount {
	color: #808080;
	padding: 30px 0;
	font-size: 22px;
}

/**==========*/
/** 電子Bookボタン */
.btn{
	/*アニメーションの起点とするためrelativeを指定*/
	position: relative;
	overflow: hidden;
	/*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
	background: url(../images/button-icon.png) no-repeat;
	background-size: 24px;
	background-color: #C5282F;
	background-position: 94% center;
	padding: 10px 50px;
	text-align: center;
	border-radius: 10px;
	outline: none;
	/*アニメーションの指定*/   
	transition: ease .2s;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

/** PDFボタン */
.btn-pdf{
	/*アニメーションの起点とするためrelativeを指定*/
	position: relative;
	overflow: hidden;
	/*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
	background: url(../images/button-icon.png) no-repeat;
	background: url(../images/pdf-button-icon.png) no-repeat;
	background-size: 32px;
	background-color: #C5282F;
	background-position: 94% center;
	padding: 10px 80px;
	text-align: center;
	border-radius: 10px;
	outline: none;
	/*アニメーションの指定*/   
	transition: ease .2s;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

/*ボタン内spanの形状*/
.btn span, .btn-pdf span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#ffffff;
}

.btn:hover span, .btn:hover span{
	color:#ffffff;2
}

/*== 背景が流れる（左から右） */
.bgleft:before {
	content: '';
	/*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	/*色や形状*/
	width: 100%;
	height: 100%;
	/*アニメーション*/
	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(0, 1);
	transform-origin: right top;
	background: url(../images/button-icon.png) no-repeat;
	background-color:#F7931E;/*背景色*/
	background-size: 24px;
	background-position: 94% center;
}

.bgleft-pdf:before {
	content: '';
	/*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	/*色や形状*/
	width: 100%;
	height: 100%;
	/*アニメーション*/
	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(0, 1);
	transform-origin: right top;
	background: url(../images/pdf-button-icon.png) no-repeat;
	background-color:#F7931E;/*背景色*/
	background-size: 32px;
	background-position: 94% center;
}

/*hoverした際の形状*/
.bgleft:hover:before, .bgleft-pdf:hover:before{
	transform-origin:left top;
	transform:scale(1, 1);
}
/**==========*/

div.archive_contents_wrapper {
	width: 100%;
	margin: 0 auto 50px auto;
}

div.archive_contents_inner {
	width: 80%;
	margin: 0 auto 80px auto;
}

div.archive_contents_inner_left {
	width: 48%;
	float: left;
}

div.archive_contents_inner_right {
	width: 48%;
	float: right;
}

div.archive_contents {
	margin: 0;
	padding: 0;
}

div.archive_cover {
	float: left;
	width: 35%;
}

div.archive_cover img {
	width: 100%;
}

div.archive_outline {
	float: right;
	width: 60%;
}

div.archive_outline p {
	padding: 0 0 10px 0;
}

div.archive_outline p.archive_title {
	font-size: 18px;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
	line-height: 30px;
	padding: 0 0 20px 0;
}

div.archive_outline p.archive_title span {
	font-size: 13px;
	color: #808080;
	display: block;
}

div.archive_outline p.archive_desc {
	font-size: 18px;
	color: #808080;
	border-bottom: 1px solid #808080;
}

div.archive_outline p.archive_pagecount {
	color: #808080;
	padding: 20px 0;
	font-size: 16px;
}

/**==========*/
/** 電子Bookボタン */
.archive_btn{
	/*アニメーションの起点とするためrelativeを指定*/
	position: relative;
	overflow: hidden;
	/*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
	background: url(../images/button-icon.png) no-repeat;
	background-size: 20px;
	background-color: #C5282F;
	background-position: 94% center;
	padding: 10px 40px;
	text-align: center;
	border-radius: 10px;
	outline: none;
	/*アニメーションの指定*/   
	transition: ease .2s;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

/*ボタン内spanの形状*/
.archive_btn span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#ffffff;
}

.archive_btn:hover span{
	color:#ffffff;
}

/*== 背景が流れる（左から右） */
.archive_bgleft:before {
	content: '';
	/*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	/*色や形状*/
	width: 100%;
	height: 100%;
	/*アニメーション*/
	transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
	transform: scale(0, 1);
	transform-origin: right top;
	background: url(../images/button-icon.png) no-repeat;
	background-color:#F7931E;/*背景色*/
	background-size: 20px;
	background-position: 94% center;
}

/*hoverした際の形状*/
.archive_bgleft:hover:before{
	transform-origin:left top;
	transform:scale(1, 1);
}
/**==========*/