@charset "utf-8";

/* ==========================================
   Common CSS - 共通スタイルシート
   日本獣医病理学専門家協会（JCVP）
   全ページ共通のスタイルを定義
   CSS Naming: BEM
========================================== */

/* ----------- Reset ----------- */
* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	box-sizing: border-box;
}

html,
body {
	color: #1e2939;
	font-family: "Noto Sans JP", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

html {
	overflow-y: scroll;
	font-size: 62.5%;
	/* 10px base */
}

body {
	font-size: 1.4rem;
	/* 14px */
	position: relative;
	background: #ffffff;
}

main {
	overflow: hidden;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	border: 0;
}

a img {
	border: 0;
}

/* ----------- Utility Classes ----------- */
.fade {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.main {
	width: 1200px;
	max-width: 95%;
	margin: 0 auto;
}

.pc_none {
	display: none;
}

.d-menu {
	display: none;
}

.sp_br {
	display: none;
}

/* ==========================================
   Header
========================================== */
header {
	width: 100%;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	left: 0;
	z-index: 999;
	background: #ffffff;
	border-bottom: 1px solid rgba(28, 74, 138, 0.14);
}

.header_box {
	width: 100%;
}

/* Header Top Row */
.header_top {
	background: #ffffff;
}

.header_topRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
}

/* Logo */
.logo a{
	display: block;
}
.logo a .logo_box{
	display: flex;
	align-items: center;
	column-gap: 20px;
	flex-shrink: 0;
}

.logo a .logo_img{
	
}

.logo a .logo_img img {
	display: block;
	width: 68px;
	height: 68px;
}

.logo a:hover {
	opacity: 0.8;
}

.logo_text {
	display: flex;
	flex-direction: column;
}

.logo_title {
	font-size: 2.4rem;
	line-height: 1.2;
	color: #1e2939;
	font-weight: 700;
}

.logo_subtitle {
	font-size: 1.8rem;
	line-height: 1.2;
	color: #6a7282;
	letter-spacing: 0.35px;
	padding-top: 2px;
}

.logo_text img{
	width: 380.5px;
	max-width: 100%;
}

/* Header Actions */
.header_actions {
	display: flex;
	align-items: center;
	column-gap: 12px;
	flex-shrink: 0;
}

/* Search Box (PC) */
.header_search {
	position: relative;
}

.search_box {
	display: flex;
	align-items: center;
	column-gap: 8px;
	border: 1px solid #004ba9;
	border-radius: 4px;
	background: #f4f9ff;
	padding: 5px 11px;
	width: 208px;
	height: 34px;
}

.search_icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.header_search .search_input {
	border: none;
	background: transparent;
	font-size: 1.4rem;
	color: #1e2939;
	font-family: "Noto Sans JP", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
	outline: none;
	width: 100%;
}

.header_search .search_input::placeholder {
	color: #99a1af;
}

/* Search Popup */
.header_search_pop {
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	width: 380px;
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px solid #004ba9;
	padding: 15px 20px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index: 100;
}

.header_search_pop::before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 9px solid #004ba9;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute;
	top: -9px;
	right: 10px;
}

.header_search_pop::after {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 8px solid #ffffff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	top: -7px;
	right: 11px;
}

.assem_search {
	display: flex;
	align-items: center;
}

.assem_search>div:nth-child(1) {
	flex: 1 1 auto;
}

.assem_search>div:nth-child(2) {
	width: 45px;
	flex: none;
	padding-left: 5px;
}

/* Popup内の検索フォーム - PCでは非表示、モバイルで表示 */
.popup_search_form {
	display: none;
}

.search_input_pop {
	display: block;
	width: 100%;
	height: 40px;
	border: 1px solid #004ba9;
	background: #ffffff;
	font-size: 1.4rem;
	font-family: "Noto Sans JP", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
	padding: 3px 10px 0;
	outline: none;
	border-radius: 4px;
}

#search_btn {
	width: 100%;
	height: 40px;
	border: none;
	outline: none;
	cursor: pointer;
	background: #f4f9ff url("../image/header/icon-search.svg") no-repeat center center;
	background-size: 18px auto;
	border-radius: 4px;
}

#search_btn:hover {
	opacity: 0.8;
}

.search_menu {
	margin-top: 10px;
	background-color: #f4f9ff;
	padding: 10px;
	max-height: 300px;
	overflow-y: auto;
	display: none;
	border-radius: 4px;
}

.search_menu>li {
	padding: 10px 0;
	border-bottom: 1px solid #004ba9;
}

.search_menu>li:last-child {
	border-bottom: none;
}

.search_menu>li>a {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #1e2939;
}

.search_menu>li>a:hover {
	color: #004ba9;
	text-decoration: underline;
}

/* Mobile Search Icon - hidden on PC */
.header_search_sp {
	display: none;
}

/* Translate Button */
.header_translate {
	flex-shrink: 0;
}

.translate-btn {
	display: inline-flex;
	align-items: center;
	column-gap: 6px;
	border: 1px solid #004ba9;
	border-radius: 4px;
	background: #004ba9;
	padding: 5px 11px;
	height: 34px;
}

.translate-btn img {
	width: 13px;
	height: 13px;
}

.translate-btn span {
	font-size: 1.2rem;
	line-height: 16px;
	color: #ffffff;
	font-weight: 500;
}

.translate-btn:hover {
	background: #003d8a;
	border-color: #003d8a;
}

/* ==========================================
   Navigation Bar (Blue)
========================================== */
.nav_bar {
	background: #004ba9;
}

.nav_bar .main {
	width: 1200px;
	max-width: 95%;
	margin: 0 auto;
	padding: 0;
}

.nav_bar nav {
	display: block;
}

.nav_bar .nav_pdl {
	display: flex;
}

.nav_bar .nav_list {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 0;
	column-gap: 5px;
}

.nav_bar .nav_list>li {
	position: relative;
	text-align: center;
}

.nav_bar .nav_list>li>a {
	display: block;
	font-size: 1.2rem;
	line-height: 17px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9);
	padding: 20px 0 18px;
	white-space: nowrap;
}

.nav_bar .nav_list>li>a>span {
	display: inline-block;
}

.nav_bar .nav_list>li>a:hover span {
	text-decoration: underline !important;
}


/* Sub Nav */
.sub_nav {
	display: none;
	position: absolute;
	left: 50%;
	top: calc(100% - 4px);
	transform: translateX(-50%);
	background-color: #004ba9;
	min-width: 180px;
	z-index: 100;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.sub_nav::before {
	display: none;
}

.sub_nav li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sub_nav li:last-child {
	border-bottom: 0;
}

.sub_nav li a {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	color: #ffffff;
	line-height: 1.2;
	padding: 14px 20px 12px;
	white-space: nowrap;
}

.sub_nav li a:hover {
	background-color: rgba(255, 255, 255, 0.1);
	text-decoration: underline;
}

.nav_bar .nav_list>li:hover>.sub_nav {
	display: block;
}

/* Sub Sub Nav (Level 3) - Flyout to the right */
.sub_sub_nav {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #004ba9;
	min-width: 220px;
	z-index: 101;
	border-radius: 0 4px 4px 4px;
	overflow: hidden;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
}

.sub_sub_nav::before {
	content: "";
	width: 0;
	height: 0;
	border-right: 8px solid #004ba9;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 14px;
	left: -8px;
}

.sub_sub_nav li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sub_sub_nav li:last-child {
	border-bottom: 0;
}

.sub_sub_nav li a {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	color: #ffffff;
	line-height: 1.2;
	padding: 14px 20px 12px;
	white-space: nowrap;
}

.sub_sub_nav li a:hover {
	background-color: rgba(255, 255, 255, 0.1);
	text-decoration: underline;
}

/* Show level 3 on hover of level 2 parent */
.nav_bar .nav_list>li>.sub_nav>li:hover>.sub_sub_nav {
	display: block;
}

/* Arrow indicator for level-2 items that have children */
.sub_nav>li.has_sub_subnav>a::after {
	content: "\25B8";
	display: inline-block;
	margin-left: 8px;
	font-size: 1.2rem;
	vertical-align: middle;
	color: rgba(255, 255, 255, 0.7);
}

/* Ensure sub_nav li with children is positioned for flyout */
.sub_nav>li.has_sub_subnav {
	position: relative;
}

/* Prevent level-3 flyout from going off-screen (rightmost items) */
.nav_bar .nav_list>li:last-child .sub_nav>li.has_sub_subnav>.sub_sub_nav,
.nav_bar .nav_list>li:nth-last-child(2) .sub_nav>li.has_sub_subnav>.sub_sub_nav {
	left: auto;
	right: 100%;
	border-radius: 4px 0 4px 4px;
}

.nav_bar .nav_list>li:last-child .sub_nav>li.has_sub_subnav>.sub_sub_nav::before,
.nav_bar .nav_list>li:nth-last-child(2) .sub_nav>li.has_sub_subnav>.sub_sub_nav::before {
	left: auto;
	right: -8px;
	border-right: none;
	border-left: 8px solid #004ba9;
}

/* ==========================================
   Footer
========================================== */
footer {
	background: #004ba9;
}

.footer_inner {
	padding: 32px 0;
}

.footer_content {
	display: flex;
	justify-content: space-between;
}

.footer_cLeft {
	flex: 1 1 auto;
	padding-right: 40px;
}

.footer_logo a {
	display: block;
	max-width: 68px;
}

.footer_logo a img {
	display: block;
	width: 68px;
	height: 68px;
}

.footer_logo a:hover {
	opacity: 0.8;
}

.footer_info {
}

.footer_info_title {
	font-size: 1.4rem;
	line-height: 1.7;
	color: #ffffff;
	font-weight: 700;
}

.footer_info_address {
	font-size: 1.2rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.9);
	padding-top: 8px;
}

.footer_info_email {
	font-size: 1.2rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.6);
	padding-top: 2px;
}

.footer_info_email a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: underline;
}

.footer_info_email a:hover {
	color: #ffffff;
}

.footer_cRight {
	width: 350px;
	flex: none;
	padding-left: 70px;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
}

.footer_cRFlex {
	display: flex;
	justify-content: space-between;
}

.footer_link {
	max-width: 49%;
}

.footer_link>li {
	margin-bottom: 20px;
}

.footer_link>li:last-child {
	margin-bottom: 0;
}

.footer_link>li>a {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.9);
	font-weight: 500;
}

.footer_link>li>a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.footer_bottom {
	margin-top: 24px;
	padding-top: 19px;
	border-top: 1px solid rgba(255, 255, 255, 0.8);
	text-align: center;
}

.footer_privacy {
	margin-bottom: 8px;
}

.footer_privacy a {
	font-size: 1.2rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.8);
	text-decoration: underline;
}

.footer_privacy a:hover {
	color: #ffffff;
}

.footer_copyright {
	font-size: 1.2rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.8);
}

/* ==========================================
   Page Top Button
========================================== */
.pagetop {
	display: none;
	width: 48px;
	height: 48px;
	position: fixed;
	right: 30px;
	bottom: 100px;
	z-index: 998;
	background: #004ba9;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.pagetop:hover {
	background: #003d8a;
}

.pagetop svg {
	display: block;
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px);
}


@media only screen and (max-width: 1300px) {
	.nav_bar .nav_list>li:first-child .sub_nav {
		left: 0;
		transform: translateX(0%);
	}

	.nav_bar .nav_list>li:last-child .sub_nav {
		left: auto;
		right: 0;
		transform: translateX(0%);
	}

}

/* ==========================================
   Responsive - 1024px以下（大型タブレット）
========================================== */
@media only screen and (max-width: 1024px) {
	.main {
		max-width: 95%;
	}

	.sp_none {
		display: none;
	}

	.pc_none {
		display: block;
	}

	/* Header */
	header {
		padding: 10px;
		border-bottom: 2px solid #004ba9;
		height: auto !important;
	}

	.header_topRow {
		padding: 0;
	}

	.header_top .main {
		max-width: 100%;
	}

	/* Logo */
	.logo a .logo_box {
		padding-right: 20px;
		column-gap: 14px;
	}

	.logo a .logo_img img {
		width: auto;
		max-width: 100%;
		max-height: 50px;
	}

	.logo_text {
	}

	.logo_title {
		font-size: 2.0rem;
	}

	.logo_subtitle {
		font-size: 1.6rem;
		letter-spacing: 0px;
		padding-top: 2px;
	}
	
	.logo_text img{
		width: 260px;
	}

	/* PC Search - hide inline search box only, keep popup accessible */
	.search_box {
		display: none;
	}

	/* Popup Search Form - show on mobile */
	.popup_search_form {
		display: flex;
	}

	.header_actions {
		column-gap: 0px;
	}

	/* Mobile Search Icon - show */
	.header_search_sp {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		margin-right: 0;
	}

	.header_search_sp>a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		border: 2px solid #004ba9;
		background-color: #ffffff;
		border-radius: 5px;
	}

	.header_search_sp>a img {
		width: 24px;
		height: 24px;
	}

	/* Translate - hide */
	.header_translate {
		display: none;
	}

	/* Hamburger */
	.d-menu {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		width: 50px;
		height: 50px;
		margin-left: 10px;
	}

	.panel-btn {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
		background: #004ba9;
		border-radius: 5px;
	}

	.panel-btn-icon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 26px;
		height: 4px;
		margin: -2px 0 0 -13px;
		background: #fff;
		transition: .2s;
	}

	.panel-btn-icon:before,
	.panel-btn-icon:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 26px;
		height: 4px;
		background: #fff;
		transition: .3s;
	}

	.panel-btn-icon:before {
		margin-top: -11px;
	}

	.panel-btn-icon:after {
		margin-top: 7px;
	}

	.panel-btn .close {
		background: transparent;
	}

	.panel-btn .close:before,
	.panel-btn .close:after {
		margin-top: 0;
	}

	.panel-btn .close:before {
		-ms-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.panel-btn .close:after {
		-ms-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	/* Nav - mobile */
	.nav_bar {
		background: transparent;
	}

	.nav_bar .main {
		padding: 0;
	}

	.nav_bar nav {
		display: none;
		width: 100%;
		padding: 0;
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		background: #f0f0f0;
		overflow-y: auto;
	}

	.nav_bar .nav_pdl {
		padding: 0;
		display: block;
	}

	.nav_bar .nav_list {
		width: 100%;
		display: block;
		padding: 0;
		column-gap: 0px;
	}

	.nav_bar .nav_list li {
		width: 100%;
		display: block;
		text-align: left;
		border-bottom: 1px solid #004ba9;
	}

	.nav_bar .nav_list li:last-of-type {
		border-bottom: none;
	}

	.nav_bar .nav_list li a {
		width: 100%;
		display: block;
		font-size: 1.4rem;
		color: #004ba9;
		padding: 20px 10px 17px !important;
	}

	.nav_bar .nav_list li a:hover,
	.nav_bar .nav_list li.nav_select>a {
		color: #ffffff;
		background-color: #004ba9;
	}

	/* Sub Nav - mobile */
	.sub_nav {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		background-color: transparent;
		width: auto;
		padding: 0 0 0 20px;
		border-radius: 0;
		box-shadow: none;
		border-top: 1px solid #004ba9;
	}

	.sub_nav::before {
		display: none;
	}

	.sub_nav li {
		border-bottom: 1px solid rgba(0, 75, 169, 0.45) !important;
	}

	.sub_nav li:last-child {
		border-bottom: none !important;
	}

	.sub_nav li a {
		color: #004ba9;
		font-size: 1.4rem !important;
		padding: 15px 10px 12px !important;
		text-align: left;
	}

	.sub_nav li a:hover {
		color: #ffffff;
		background-color: #004ba9;
	}

	/* Sub Sub Nav (Level 3) - Mobile */
	.sub_sub_nav {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		background-color: transparent;
		width: auto;
		padding: 0 0 0 20px;
		border-radius: 0;
		box-shadow: none;
		border-top: 1px solid rgba(0, 75, 169, 0.45) !important;

	}

	.nav_bar .nav_list>li:last-child .sub_nav>li.has_sub_subnav>.sub_sub_nav,
	.nav_bar .nav_list>li:nth-last-child(2) .sub_nav>li.has_sub_subnav>.sub_sub_nav {
		left: 0;
		right: 0;
		border-radius: 0;
	}

	.sub_sub_nav::before {
		display: none;
	}

	.sub_sub_nav li {
		border-bottom: 1px solid rgba(0, 75, 169, 0.15) !important;
	}

	.sub_sub_nav li:last-child {
		border-bottom: none !important;
	}

	.sub_sub_nav li:last-child {
		border-bottom: 0;
	}

	.sub_sub_nav li a {
		color: #004ba9;
		font-size: 1.4rem !important;
		padding: 12px 10px 10px !important;
		text-align: left;
	}

	.sub_sub_nav li a:hover {
		color: #ffffff;
		background-color: #004ba9;
	}

	/* Hide flyout arrow on mobile */
	.sub_nav>li.has_sub_subnav>a::after {
		display: none;
	}

	.sub_nav li a br.ipad_none {
		display: none;
	}

	/* Search Popup - mobile */
	.header_search_pop {
		position: fixed;
		top: 70px;
		right: 10px;
		left: 10px;
		width: auto;
		max-width: none;
	}

	.header_search_pop::before,
	.header_search_pop::after {
		display: none;
	}

	/* Footer */
	.footer_cRight {
		padding-left: 40px;
		width: 300px;
	}

	.pagetop {
		right: 10px;
	}

}

/* ==========================================
   Responsive - 768px以下（小型タブレット）
========================================== */
@media only screen and (max-width: 768px) {

	.logo a .logo_box {
		padding-right: 15px;
		column-gap: 10px;
	}

	.logo_title {
		font-size: 1.6rem;
	}

	.logo_subtitle {
		font-size: 1.2rem;
		padding-top: 2px;
	}
	
	.logo_text img{
		width: 240px;
	}

	.footer_content {
		flex-wrap: wrap;
	}

	.footer_cLeft {
		padding-right: 20px;
	}

	.footer_cRight {
		padding-left: 20px;
		width: 260px;
	}

	.footer_link>li {
		margin-bottom: 15px;
	}

	.footer_link>li>a {
		font-size: 1.4rem;
	}

	.pagetop {
		bottom: 80px;
		width: 42px;
		height: 42px;
	}

}

/* ==========================================
   Responsive - 600px以下
========================================== */
@media only screen and (max-width: 600px) {
	.footer_cRight {
		padding-left: 20px;
		width: 150px;
	}

	.footer_cRFlex {
		flex-wrap: wrap;
		margin-bottom: -15px;
	}

	.footer_link {
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
}

/* ==========================================
   Responsive - 480px以下（スマートフォン）
========================================== */
@media only screen and (max-width: 480px) {
	.main {
		max-width: 93%;
	}

	/* Header */
	.logo a .logo_box {
		padding-right: 5px;
		column-gap: 5px;
	}
	
	.logo a .logo_img img {
		max-height: 40px;
	}

	.logo_text {
	}
	
	.logo_text img{
		width: 180px;
	}
	
	.header_search_sp>a {
		width: 40px;
		height: 40px;
	}

	.header_search_sp>a img {
		width: 20px;
		height: 20px;
	}

	.d-menu {
		width: 45px;
		height: 40px;
	}

	.panel-btn {
		width: 40px;
		height: 40px;
	}

	.panel-btn-icon {
		width: 22px;
		height: 2px;
		margin: -1px 0 0 -11px;
	}

	.panel-btn-icon:before,
	.panel-btn-icon:after {
		width: 22px;
		height: 2px;
	}

	.panel-btn-icon:before {
		margin-top: -9px;
	}

	.panel-btn-icon:after {
		margin-top: 7px;
	}

	.header_search_pop {
		top: 60px;
	}

	.search_menu {
		max-height: calc(100vh - 200px);
	}

	/* Nav */
	.nav_bar .nav_list li a {
		padding: 15px 10px 12px !important;
	}

	.sub_nav li a {
		padding: 12px 10px 10px !important;
	}

	/* Footer */
	.footer_inner {
		padding: 24px 0;
	}

	.footer_content {
		flex-wrap: wrap;
	}

	.footer_cLeft {
		padding-right: 0;
	}

	.footer_cRight {
		width: 100%;
		margin-top: 20px;
		padding-top: 20px;
		padding-left: 0;
		border-left: none;
		border-top: 2px solid rgba(255, 255, 255, 0.2);
	}

	.footer_cRFlex {
		flex-wrap: nowrap;
	}

	.footer_link {
		width: 48%;
		max-width: 48%;
	}

	.pagetop {
		right: 10px;
		bottom: 60px;
		width: 40px;
		height: 40px;
	}

}