@charset "UTF-8";
/* CSS Document */
html {
	font-size: 14pt;
}

body {
	-webkit-print-color-adjust: exact;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**********************************
Header
**********************************/
.header_wrap {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	padding: 12px 12px;
}

.header_wrap .header_logo {
	width: 6%;
}

.header_wrap .header_logo img {
	width: 100%;
	height: auto;
}

/**********************************
Main visual
**********************************/
.main_image {
	width: 100%;
}

.main_image img {
	width: 100%;
	height: auto;
}

/**********************************
Link button
**********************************/
.link_btn {
	width: 100%;
	background-color: #f0f0f0;
}

.link_btn ul {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 18px 12px;
}

.link_btn ul li {
	width: 32%;
	margin-right: 1%;
}

.link_btn ul li a {
	display: block;
	width: auto;
	padding: 18px 4px;
	background-color: #3a81b8;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
}

.link_btn ul li a:hover {
	background-color: #6bb2ce;
}

/**********************************
Container
**********************************/
.contents_wrap {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	padding: 14px 12px 52px;
}

/*** TOP page ***/
.top_navi {
	width: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top_navi li {
	width: 48%;
	margin: 0 1% 12px;
}

.top_navi li a {
	display: block;
	width: auto;
	padding: 18px 0;
	text-align: center;
	color: #266494;
	background-color: #cdf3ff;
}

.top_navi li a:hover {
	color: #309cba;
	background-color: #a3e9ff;
}


/*** SUB page ***/
.sub_page .header_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.sub_page .header_wrap .header_navi {
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	width: 92%;
	margin-left: 2%;
}

.sub_page .header_wrap .header_navi li {
	width: 33%;
	margin: 0 0.3% 8px 0;
	text-align: center;
}

.sub_page .header_wrap .header_navi li a {
	width: auto;
	display: block;
	font-size: 0.875rem;
	line-height: 1.5em;
	padding: 6px 2px;
	color: #000;
}

.sub_page .header_wrap .header_navi li.current a {
	background-color: #999;
	color: #fff;
}

.sub_page p {
	width: 96%;
	margin: 16px auto 0;
	line-height: 1.5em;
}

/*** Editorial board ***/
.member_list {
	width: 96%;
	margin: 0 auto;
}

.member_list dt {
	font-size: 1.125rem;
	font-weight: 700;
	margin-top: 14px;
}

.member_list dd {
	margin-top: 12px;
	line-height: 1.5em;
}

/*** Guide for authors ***/
ul.unorder_list {
	width: 95%;
	margin: 0 auto;
}

ul.unorder_list li {
	margin-top: 18px;
	line-height: 1.5em;
}

ul.unorder_list li ul {
	width: 96%;
	margin: 0 auto;
}

/*** Instructions and forms ***/
ul.link_list {
	width: 93%;
	margin: 0 auto;
}

ul.link_list li {
	margin-top: 14px;
	line-height: 1.5em;
	list-style: disc;
}

ul.link_list li a {
	font-weight: 700;
}

/*** Journal information ***/
.presi_preface {
	width: 110px;
	height: auto;
	margin-left: 12px;
	vertical-align: middle;
}

/* Related Links */
.related {
	margin-top: 24px;
}

.related ul {
	width: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 18px;
}

.related ul li {
	width: 32%;
	margin: 0 1% 8px 0;
}

.related ul li a {
	display: block;
	width: auto;
	padding: 12px 0;
	text-align: center;
	border: solid 2px #d2d2d2;
}

.related ul li a::after {
	content: '';
	display: inline-block;
	margin-left: 6px;
	width: 30px;
	height: 16px;
	background-image: url(../images/ex_link.png);
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.bottom_navi {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 8px 12px;
}

.bottom_navi li {
	margin-right: 14px;
}

.totop {
	position: fixed;
	bottom: 60px;
	right: 18px;
	width: 40px;
	display: none;
}

.totop img {
	width: 100%;
	height: auto;
	cursor: pointer;
}

/**********************************
Footer
**********************************/
footer {
	width: 100%;
	background-color: #f0f0f0;
}

.footer_wrap {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	padding: 24px 12px;
}

.footer_wrap .office_info {
	font-size: 0.875rem;
	color: #1a1a1a;
	line-height: 1.5em;
	width: 40%;
	margin-right: 2%;
}

.footer_wrap .cc_info {
	font-size: 0.875rem;
	color: #1a1a1a;
	line-height: 1.5em;
	width: 40%;
	margin-right: 2%;
}

.footer_wrap .cc_bnr {
	width: 10%;
	margin-right: 2%;
}

.footer_wrap .cc_bnr img {
	width: 100%;
	height: auto;
}

.footer_wrap .issn_info {
	font-size: 0.875rem;
	color: #1a1a1a;
	font-weight: 700;
	line-height: 1.7em;
	width: 22%;
}

.copyright {
	width: auto;
	max-width: 1200px;
	margin: 0 auto;
	padding: 12px 0;
	text-align: center;
	color: #1a1a1a;
	font-size: 0.875rem;
	font-weight: 700;
}


/**********************************
Adjust style
**********************************/
/*Heading*/
.heading1 {
	width: auto;
	border-bottom: solid 2px #5f5f5f;
	color: #5f5f5f;
	font-weight: 700;
	padding: 6px 12px;
	line-height: 1.5em;
}

.heading2 {
	width: auto;
	font-size: 1.25rem;
	padding: 10px 14px;
	background-color: #b9e3ea;
	line-height: 1.5em;
	font-weight: 700;
	color: #005272;
}

.heading3 {
	width: auto;
	font-size: 1.25rem;
	padding: 10px 14px;
	font-weight: 700;
	color: #008b9b;
}

.heading4 {
	width: auto;
	font-size: 1.25rem;
	padding: 10px 14px;
	font-weight: 700;
}

/*Margin*/
.mgt18 {
	margin-top: 18px;
}

.mgt24 {
	margin-top: 24px;
}

.mgt30 {
	margin-top: 30px;
}

.mgt36 {
	margin-top: 36px;
}

.mgt42 {
	margin-top: 42px;
}

/*Font style*/
.fwb {
	font-weight: 700;
}

.italic {
	font-style: italic;
}

.align_r {
	text-align: right;
}


/*List style*/
ul.dot_list {
	width: 93%;
	margin: 0 auto;
}

ul.dot_list li {
	margin-top: 14px;
	line-height: 1.5em;
	list-style: disc;
}

.sp_only {
	display: none;
}