@charset "UTF-8";
/* スマホCSS */
/*----------------------------------------------------
	トップページ コンテンツ
----------------------------------------------------*/
body#PAGE_HOME #document {
 background-image: url(/assets/image/bg_top_sp.png);
 background-position: center top;
 background-repeat: no-repeat;
 padding: 0 4% 24px;
}
body#PAGE_HOME #document .topcatch {
 height: 260px;
 width: 100%;
 display: table;
}
body#PAGE_HOME #document .topcatch p {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 font-size: 2em;
 font-weight: bold;
 height: 100px;
 width: 100%;
 color: #ffffff;
 text-shadow: -1px 1px 5px rgba(43, 137, 215, 0.7), 1px -1px 5px rgba(43, 137, 215, 0.7);
}
body#PAGE_HOME #document ul.sec_t1 {
 width: 100%;
}
body#PAGE_HOME #document ul.sec_t1 li {
 margin-bottom: 16px;
}
body#PAGE_HOME #document ul.sec_t1 li img {
 width: 100%;
}
body#PAGE_HOME #document ul.sec_t1 li:nth-child(3) {
 display: flex;
 justify-content: space-between;
}
body#PAGE_HOME #document ul.sec_t1 li:nth-child(3) br {
 display: none;
}
body#PAGE_HOME #document ul.sec_t1 li:nth-child(3) a {
 width: 49%;
}
body#PAGE_HOME #document ul.sec_t1 li:nth-child(3) img {
 margin: 0 !important;
}
@media (min-width: 520px) {
 body#PAGE_HOME #document ul.sec_t1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 body#PAGE_HOME #document ul.sec_t1 li {
  width: 49%;
 }
 body#PAGE_HOME #document ul.sec_t1 li:nth-child(3) {
  width: 100%;
 }
}
body#PAGE_HOME #document ul.sec_t3 {
 width: 100%;
 margin: 1em 0;
}
body#PAGE_HOME #document ul.sec_t3 li {
 margin: 0 !important;
 text-align: center;
}
body#PAGE_HOME #document ul.sec_t3 li a {
 display: block;
 text-align: center;
 padding: .5em 0;
}
body#PAGE_HOME #document ul.sec_t3 li a img {
 margin: auto;
}
body#PAGE_HOME #document h2.top_ttl1 {
 color: #00124F;
 border-left: 6px solid #408CD4;
 padding-left: .8em;
 margin: 1em 0 .5em;
}
.news_list {
 border: 4px solid #d2ecfc;
 padding: 16px;
 height: 200px;
 overflow-y: scroll;
 overflow-x: hidden;
}
.news_list dl {
 margin-bottom: 1em;
}
.news_list dt {
 padding-top: .8em;
 font-size: .8em;
 font-weight: bold;
}
.news_list dd {
 border-bottom: 1px #dadde6 dashed;
 padding: .2em 0 .6em;
}
.arc_link {
 margin: 1em;
 text-align: right;
}
.arc_link a {
 color: #00124F;
 padding-bottom: 4px;
 border-bottom: 1px solid #d2ecfc;
}
.arc_link a:after {
 font-family: 'icomoon' !important;
 content: "\ea42";
 speak: never;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 margin-left: 6px;
}
.txtlink {
 margin: 1em auto;
 max-width: 400px;
}
.txtlink a {
 text-align: center;
 display: block;
 border: 5px #d2ecfc solid;
 width: 80%;
 border-radius: 30px;
 background-color: #d2ecfc;
 margin: auto;
 padding: 5px;
 font-size: 1em;
 font-weight: bold;
}
/*----------------------------------------------------
下層共通
----------------------------------------------------*/
#h1_ttl_txt_0 {
 background: #D7EAF4;
	display: none;/*2024.1.20 intrax*/
}
#h1_ttl_txt_1 {
 height: 100px;
 width: 100%;
 display: table;
 background-image: url(/image/h1_bg_1.png);
 background-repeat: no-repeat;
 background-position: center;
}
#h1_ttl_txt_1 h1 {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 font-size: 20px;
 height: 100px;
 width: 100%;
 color: #ffffff;
 text-shadow: -1px 1px 5px rgba(38, 255, 255, 0.7), 1px -1px 5px rgba(38, 255, 255, 0.7);
}
#index_txt_0 {
	display: none;
}
#index_txt_1 {
 padding: 1em;
}
#index_txt_1 ul {}
#index_txt_1 li {
 color: #647373;
 display: inline;
 font-size: 12px;
 line-height: 100%;
 white-space: nowrap;
 padding-right: 20px;
 background-image: url(/image/index_allow_1.png);
 background-repeat: no-repeat;
 background-position: right center;
}
#index_txt_1 li:nth-last-child(1) {
 background-image: none;
}
#index_txt_1 li a {
 color: #647373;
 text-decoration: none;
}
/*#side {
 display: none;
}*/
#contents {
 padding: 1em 4% 10em;
}
#contents h2 {
 font-weight: bold;
 font-size: 1.5em;
 line-height: 1.5;
 color: #00144D;
 padding: .3em 0;
 border-bottom: 2px solid #B9E9FE;
 margin-bottom: 1em;
}
#contents h3 {
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.5;
 color: #00144D;
 margin-bottom: 1em;
}
#contents p {
 line-height: 2;
 /*font-size: .9em;*/
}
#contents a {
 color: #0033FF;
 text-decoration: none;
}
h3.ttl_txt03 {
 border-left: 6px solid #18cfef;
 padding-left: 6px;
}
#contents .dl_type1 dl {
 margin: 20px 0;
}
#contents .dl_type1 dt {
 font-weight: bold;
 border-bottom: 1px solid #CCC;
 padding: 25px 0 5px;
 margin-bottom: 1em;
}
#contents .dl_type1 dd {
 font-size: .9em;
}
#contents .dl_type2 dl {
 margin: 20px 0;
}
#contents .dl_type2 dt {
 font-weight: bold;
 border-bottom: 1px solid #CCC;
 padding: 25px 0 5px;
 margin-bottom: 1em;
}
#contents .dl_type2 dd {
 /*font-size: .9em;*/
}
#contents .dl_type3 dl {
 margin: 10px;
}
#contents .dl_type3 dt {
 font-weight: bold;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
 margin-top: 15px;
 margin-left: 10px;
 padding-left: 10px;
 margin-bottom: 5px;
}
#contents .dl_type3 dd {
 margin-top: 10px;
 margin-left: 20px;
}
#contents .ul_type1 ul {
 margin: 0 0 20px;
 font-size: .9em;
}
#contents .ul_type1 li {
 margin-top: 5px;
 margin-left: 20px;
 list-style-position: outside;
 list-style-type: circle;
}
#contents .ul_type2 ul {
 margin: 0 0 20px;
 font-size: .9em;
}
#contents .ul_type2 li {
 margin-top: 5px;
 margin-left: 20px;
 list-style-position: outside;
 list-style-type: decimal;
}
#contents dd table {
 margin: 20px 0;
 border-collapse: collapse;
}
#contents dd .table1 td {
 padding: .5em;
 vertical-align: top;
 text-align: center;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #999;
 font-size: 12px;
 line-height: 24px;
 font-weight: normal;
}
#contents dd .table1 th {
 padding: .5em;
 vertical-align: top;
 text-align: center;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000;
 font-size: 12px;
 line-height: 24px;
 font-weight: bold;
}
#contents .table_type1 table {
 margin: 20px 0;
 border-collapse: collapse;
}
#contents .table_type1 td {
 padding: .5em;
 text-align: right;
 border-bottom: 1px solid #999;
 white-space: nowrap;
}
#contents .table_type1 th {
 padding: .5em 2em .5em 0;
 text-align: left;
 border-bottom: 1px solid #999;
 font-weight: bold;
}
@media (max-width: 519px) {
 #contents .table_type1 table {
  font-size: .9em;
  width: 100%;
 }
}
/* =======================================

	Decorations CSS

========================================== */
.px12b {
 font-size: 12px;
 font-weight: bold;
}
.px12br {
 font-size: 12px;
 font-weight: bold;
 color: #C00;
}
.px12bg {
 font-size: 12px;
 font-weight: bold;
 color: #04AF0D;
}
.px14b {
 font-size: 14px;
 font-weight: bold;
 color: #1B1B1B;
}
.px14br {
 font-size: 14px;
 font-weight: bold;
 color: #C00;
}
.px14bg {
 font-size: 14px;
 font-weight: bold;
 color: #04AF0D;
}
.arc_link {
 font-size: 10px;
 text-align: right;
 width: 95%;
 display: block;
 line-height: 200%;
 color: #666;
}
.arc_link a {
 color: #666;
 text-decoration: underline;
}
.arc_link a:hover {
 text-decoration: none;
}
.wd_L {
 width: 350px;
}
/*----------------------------------------------------
	会長挨拶
----------------------------------------------------*/
.img_chairman {
 float: right;
 margin: 10px 0 10px 4%;
 width: 35%;
 max-width: 220px;
}
/*----------------------------------------------------
概要
----------------------------------------------------*/
.jigyo {
 font-size: .9em;
 border: 1px solid #ddd;
 padding: .5em 1em;
 margin: .3em 0 1em;
 border-radius: 3px;
}
/*----------------------------------------------------
組織・役員等
----------------------------------------------------*/
.sp_scl {
 overflow-x: scroll;
}
.sp_scl .tb_style1 {
/* width: 800px;*//*2024.1.20intrax*/
 padding: 1em 0;
 position: relative;
 background: #fff;
}
@media (min-width: 740px) {
 .sp_scl .tb_style1 {
  width: 100%;
 }
}
.tb_style1 table {
 border-collapse: collapse;
}
.tb_style1 caption {
 font-size: 14px;
 font-weight: bold;
}
@media (max-width : 739px) {
 .tb_style1 caption {
  text-align: left;
 }
}
.tb_style1 th {
 font-size: .9em;
 border: #e3e3e3 1px solid;
 text-align: center;
 background: #f7f7f7;
 padding: 10px;
 font-weight: bold;
 white-space: nowrap;
}
.tb_style1 td {
 font-size: .9em;
 border: #e3e3e3 1px solid;
 text-align: left;
 padding: 10px;
}
.tb_op1 tr td:nth-child(2) {
 white-space: nowrap;
}
/*----------------------------------------------------
法人会員一覧
----------------------------------------------------*/
@media (max-width : 739px) {
 #contents .ul_type_Hou ul {
  margin: 20px 0;
 }
 #contents .ul_type_Hou li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dashed #ddd;
 }
 #contents .ul_type_Hou li img {
  display: block;
 }
}
@media (min-width: 740px) {
 #contents .ul_type_Hou ul {
  margin: 20px;
 }
 #contents .ul_type_Hou li {
  margin-top: 10px;
  margin-left: 40px;
  list-style-position: outside;
  list-style-type: none;
  font-size: 14px;
  font-weight: bold;
 }
 #contents img.corpname {
  vertical-align: middle;
 }
}
/*----------------------------------------------------
支部活動
----------------------------------------------------*/
#contents .section00 p {
 margin-bottom: 15px;
 padding: 5px 0 20px;
 line-height: 150%;
}
/*----------------------------------------------------
IUMRSについて
----------------------------------------------------*/
#contents .section00 p.info {
 margin-bottom: 15px;
 padding: 5px 0 20px;
 line-height: 180%;
}
#contents .section00 p.info2 {
 margin-bottom: 15px;
 padding-top: 5px;
 /*	padding-right: 0px;*/
 padding-bottom: 5px;
 padding-left: 15px;
 line-height: 165%;
 margin-left: 35px;
}
/*----------------------------------------------------
入会案内
----------------------------------------------------*/
#contents .section00 .form-item {
 padding:0 4% 1em;
}
#contents .section00 .form-item p{margin:0;}
h2.ttl_txt03 span{
 font-size:.8em;
}
fieldset.form_set{}
fieldset.form_set legend.p1{margin:20px; padding:6px 12px; background-color:#FFF}
fieldset.form_set legend.p2{margin:20px; padding:6px 12px; border:1px #CCCCCC solid; background:#E4E4E4;font-size:.9em;}
/* ラジオボタン調整 */
#contents .section00 .radiobox p {
 margin:0;
 padding: 0;
 font-size:1em;
}
/*----------------------------------------------------
広告のお願い
----------------------------------------------------*/
.sp_scl_auto {
 overflow-x: auto;
}
.sp_scl_auto .table1 {
 width: auto;
}
.sp_scl_auto .table1 th, .sp_scl_auto .table1 td {
 white-space: nowrap;
}
@media (min-width: 740px) {
 .sp_scl_auto .table {
  width: 100%;
 }
}
/*----------------------------------------------------
google検索ボタン調整
----------------------------------------------------*/
.gsc-search-button-v2 {
 height: 40px !important;
 width: 60px !important;
 padding: 0 !important;
 text-align: center;
}
.gsc-search-button-v2 svg {
 fill: #00a0e9 !important;
 display: block;
 padding: 0 !important;
 width: 30px !important;
 height: 16px;
 margin: 0 auto;
}
/*----------------------------------------------------
フォーム関係
----------------------------------------------------*/
input, button, textarea, select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: transparent;
 border: none;
 border-radius: 0;
 font: inherit;
 outline: none;
 font-size: 16px;
}
select, button {
 color: #111;
}
textarea {
 resize: vertical;
}
input[type='checkbox'], input[type='radio'] {
 display: none;
}
input[type='submit'], input[type='button'], label, button, select {
 cursor: pointer;
}
/* Chrome, Safari, Edge */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 margin: 0;
 -webkit-appearance: none;
}
/* Firefox */
input[type=number] {
 -moz-appearance: textfield;
}
select::-ms-expand {
 display: none;
}
::placeholder {
 color: #999;
}
/*フォームパーツ*/
select {
 width: 100%;
}
input[type='checkbox'] + label, input[type='radio'] + label {
 padding: 0 0 0 2em;
 position: relative;
 display: block;
 margin: .5em 0 0 0;
}
input[type='checkbox'] + label::before, input[type='radio'] + label::before {
 content: "";
 display: inline-block;
 width: 1.4em;
 height: 1.4em;
 position: absolute;
 border: 1px solid #999;
 background: #fff;
 left: 0;
}
input[type='radio'] + label::before {
 top: 50%;
 transform: translateY(-50%);
}
input[type='checkbox']:checked + label::before {
 border: 1px solid #002063;
 background: #002063;
}
input[type='radio']:checked + label::before {
 border: 7px solid #002063;
}
input[type='checkbox'] + label::after, input[type='radio'] + label::after { content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
}
input[type='checkbox']:checked + label::after, input[type='radio']:checked + label::after {
 opacity: 1;
}
input[type='checkbox'] + label::after {
 width: 1.4em;
 height: 1.4em;
 background-image: url("/assets/images/check.svg");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 90%;
}
input[type='radio'] + label::before {
 border-radius: 100%;
}

input[type='text'], input[type='date'], input[type='tel'], input[type='number'], input[type='email'], input[type='password'] {
 background: #FFF;
 border: 1px solid #ccc;
 border-radius: 3px;
 padding: 0.6em 1em;
 width: 100%;
 font-feature-settings: normal;
}
input[type='date'] {
 width: 12em;
}
input[type='tel'] {
 width: 12em;
}
textarea {
 width: 100%;
 border: 1px solid #ccc;
 border-radius: 3px;
 padding: 0.6em 1em;
 height: 10em;
 background: #fff;
}

.radiobox, .checkbox {
 margin-bottom: .5em;
}
.radiobox label{text-align: left!important;}
.form_short {
 width: auto;
 max-width: 13em;
}

/*ボタン設定*/
.buttons {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 margin-top: 20px;
}
.buttons button, .buttons input[type="submit"], .buttons input[type="button"] {
 margin: 0.5em;
 width: auto;
 min-width: 10em;
 padding: 0 1.5em;
 background: #002063;
 border: 3px solid #002063;
 border-radius: 40px;
 color: #fff;
 font-size: 1.07em;
 font-weight: bold;line-height:30px;
}
.buttons button:disabled, .buttons input[type="submit"]:disabled, .buttons input[type="button"]:disabled {
 border: 3px solid #ccc;
 background: #ccc;
 cursor: not-allowed;
}
.buttons button.backbtn {
 background: #fff;
 border: 3px solid #ccc;
 color: #222;
 font-weight: normal;
}

 .buttons button:hover, .buttons input[type="submit"]:hover {
  background: #54AFF8;
  border: 3px solid #54AFF8;
 }
/*ログイン・パスワード*/
.passwd_frame{max-width:600px;margin:0 auto;text-align: left;padding:16px;}
.passwd_frame .error_message{color:#F00; font-size:14px; font-weight:bold;margin:1em 0;}
.passwd_frame dl{}
.passwd_frame dt{font-weight: bold;}
.passwd_frame dd{padding:1em 0;}
.pass_linkbtn a{font-weight: bold;color:#0E67B6;text-decoration: underline;}
.set_passwd_text{text-align: left;padding:16px 0;line-height:2;}
.set_passwd_text br{display:none;}

/*フォームレイアウト*/
.form_frame{text-align: left;padding:16px;}
.form_frame dl{width:100%;}
.form_frame dt{font-weight: bold;}
.form_frame dt span{margin-left:3px;}
.form_frame dd{padding:.5em 0 1em;}

.horizon {
 display: flex;
 flex-wrap: wrap;
 column-gap: 1.5em;
}
.flex_type1 {
 display: flex;justify-content:space-between;align-items:center;
}
.flex_type1 span{width:49%;}
.flex_type2 {
 display: flex;
 flex-wrap: wrap;column-gap: 1.5em;
}
.flex_type2 p{display: inline;}
.flex_birth {
 display: flex; column-gap: 1.5em;
}
.flex_type3 {
 display: flex;justify-content:space-between;align-items:center;
}
.flex_type3 span{width:33%;}
@media (max-width: 519px) {
.flex_birth {
justify-content:space-between;column-gap:.5em;
}}
/*セレクト設定*/
.select_box {
 position: relative;
}
.select_box select {
 line-height: 24px;
 padding: 0.7em 1em;
 display: block;
 width: 100%;
 border: 1px solid #ccc;
 border-radius: 3px;
 background: #fff;
}
.select_box::after {
 content: "";
 width: 30px;
 height: 24px;
 background: url("/assets/image/icon_down.svg") center center;
 background-size: contain;
 position: absolute;
 right: 0;
 top: calc(50% - 12px);
 z-index: 2;
 pointer-events: none;
 border-left: 1px solid rgba(0, 0, 0, 0.15);
}

/*----------------------------------------------------
論文誌・会誌広告
----------------------------------------------------*/
#contents .dl_type1 dd {
line-height:2;
}
#contents .dl_type2 dt {
 font-weight: bold;
 border-bottom: 1px solid #CCC;
 padding:.5em 0;font-size:1.2em;margin:0;
}
#contents .dl_type2 dd {
 padding:1em 0 2em;margin:0;line-height:2;
}
#contents .price_table{margin:0 0 1em;padding:0;}
#contents .price_table table{width:100%;box-sizing: border-box;margin:0!important;padding:0;}
.price_table caption{font-weight: bold;padding:.5em 0;text-align: left!important;font-size:1.1em!important;}
.price_table th{border:1px solid #cfcfcf;width:50%;background: #f5f5f5;text-align: center;padding:8px 0;font-size:.8em;}
.price_table td{border:1px solid #cfcfcf;width:50%;text-align: center;padding:8px;}
#contents h3.bbck{background: #002063;color:#fff;padding:6px;text-align: center;margin:0;}

/*----------------------------------------------------
イベント案内
----------------------------------------------------*/
.name_IUMRS{border: 1px solid #CCC;margin-bottom:2em;padding:16px;border-radius: 10px;}
.name_IUMRS dt{text-align:center;}
@media (min-width: 520px) {
.name_IUMRS dd{text-align:center;}}
@media (min-width: 740px) {
 .name_IUMRS dl{display: flex;align-items:center;justify-content:center;}
 .name_IUMRS dd{padding-left:1em;}}
.iumrs_meetings h4{margin:1em;font-size:1.1em;font-weight: bold;padding:0!important;}
.kyosan h3{margin:2em 0 0;}

/*----------------------------------------------------
日本MRSニュース バックナンバー
----------------------------------------------------*/
.wrs_newslist{margin-bottom:2em;}
.wrs_newslist dl{border-bottom:1px solid #ddd;padding:.5em 0;}
.wrs_newslist dl dt{font-weight: bold;padding-bottom:.2em;}
.wrs_newslist dl dd{display: flex;}
.wrs_newslist dl dd a{
 margin-right:1%;
 width:24%;text-align: center;
 background: #002063;
 border-radius: 4px;
 color: #fff!important;
 font-size: 1em;
 font-weight: bold;line-height:2.5em!important;
}
.wrs_newslist dl dd a.dbl{width:49%;}
.wrs_newslist dl dd a:link, .wrs_newslist dl dd a:active, .wrs_newslist dl dd a:visited {
 color: #fff;
}
.wrs_newslist dl dd a:hover{ background: #54AFF8;color: #fff;}
@media (max-width: 519px) {
.wrs_newslist dl dd a{ 
font-size:.8em;
}}
/*----------------------------------------------------
日本MRSニュース編集委員会
----------------------------------------------------*/
.news_iinkai{}
.news_iinkai h4{font-size: 1.2em!important;margin:.5em 0!important;padding:0!important;font-weight: bold!important;}
.news_iinkai h4 span{font-weight: normal!important;font-size:.8em;display: block;}
.news_iinkai h5{background: #002063;color: #fff!important;font-size: 1em;margin:.5em 0;
 border-radius: 4px;font-weight: bold;line-height:2em!important;text-align: center;}
.news_iinkai li{margin-bottom:.5em;font-size: 1.2em!important;font-weight: bold!important;}
.news_iinkai li span{font-weight: normal!important;font-size:.8em;display: block;}

/*----------------------------------------------------
過去の出版物
----------------------------------------------------*/
.booklist_cate{margin:1em 0;}
.booklist_cate ul{display: flex;
flex-wrap: wrap;}
.booklist_cate ul li{width:48%;margin:1%;}
.booklist_cate ul li a{display: block; background: #002063;
 border-radius: 4px;
 color: #fff!important;
 font-size:1em;text-align: center;
 font-weight: bold;line-height:2.5em!important;}
.booklist_cate ul li a:link, .booklist_cate ul li a:active, .booklist_cate ul li a:visited {
 color: #fff;
}
.booklist_cate ul li a:hover{ background: #54AFF8;color: #fff;}
.booklist_kubun{border:3px solid #002063;padding:8px 16px;margin:1em 0;color:#002063;font-size:1.2em;font-weight: bold;background: #fff;}
.booklist_table{}
.booklist_table table{width:100%;border-collapse:collapse;}
.booklist_table table th{border-bottom:2px solid #002063;padding:8px 0;}
.booklist_table table th:nth-child(2),.booklist_table table th:nth-child(3){width:60px;text-align: center;white-space: nowrap;}
.booklist_table table td{border-bottom:1px solid #002063;padding:8px 0;}
.booklist_table table td:nth-child(2),.booklist_table table td:nth-child(3){width:60px;text-align: center;white-space: nowrap;}
.booklist_table table td a{display: block;font-weight: bold;}
.booklist_table table td .kubun{background: #002063;color:#fff;padding:3px 6px;font-size:.8em;font-weight: bold;}
@media (max-width: 519px) {
.booklist_cate ul li a{ 
font-size:.8em;
}}
@media (min-width: 740px) {
.booklist_cate ul li{width:31%;margin:1%;}}

/*----------------------------------------------------
2010年以前のバックナンバー
----------------------------------------------------*/
.backnumber2010{}
/*.backnumber2010 table.lst th {
 position: sticky;
 top: 0;
}*/
.backnumber2010 .tab-btn {
 display: none;
}
.backnumber2010 .tab-list {
 display: block;
 padding: 8px 0;
 text-align: center;
  /*border-top: 1px solid #4e7bcc;
 border-left: 1px solid #4e7bcc;
 border-right: 1px solid #4e7bcc;*/
 border-radius: 4px 4px 0 0;
 /*background: #c5daff;*/color:#fff;background:#002063;
 box-sizing: border-box; /*borderの値を横幅に含める*/
 cursor: pointer; /*オンマウス時にカーソルを指の形に*/
}
.backnumber2010 .tab-list-wrap {
 padding: 0; /*デフォルトの値をクリア*/
 margin: 0; /*デフォルトの値をクリア*/
 list-style-type: none; /*デフォルトの値をクリア*/
 display: flex; /*ボタンを横並びに*/
 justify-content: space-between; /*ボタンを横幅いっぱいに配置*/
}
.backnumber2010 .tab-list-wrap li{width:33%;}

@media (max-width: 519px) {
.backnumber2010 .tab-list-wrap li{ 
font-size:.8em;
}}

#tab-btn1:checked ~ .tab-list-wrap #tab-list1, #tab-btn2:checked ~ .tab-list-wrap #tab-list2, #tab-btn3:checked ~ .tab-list-wrap #tab-list3, #tab-btn4:checked ~ .tab-list-wrap #tab-list4 {
background: rgba(226,226,226,1.00);font-weight:bold;color:#002063;
}
.tab-content {
 padding: 8px;background: rgba(226,226,226,1.00);
 /*border-bottom: 1px solid #4e7bcc;
 border-left: 1px solid #4e7bcc;
 border-right: 1px solid #4e7bcc;*/
 display: none; /*初期状態を非表示に*/
}
#tab-btn1:checked ~ .tab-content-wrap #tab-content1, #tab-btn2:checked ~ .tab-content-wrap #tab-content2, #tab-btn3:checked ~ .tab-content-wrap #tab-content3, #tab-btn4:checked ~ .tab-content-wrap #tab-content4 {
 display: block;/*対応するボタンにチェックが入ったときに表示*/
}
.backlist{}
.backlist .backlist_block{background: #fff;padding:8px 12px;border-radius:4px;margin-bottom:8px;}
.backlist .backlist_block p{margin:0!important;padding:0!important;}
.backlist .backlist_block a{font-weight: bold;}
.backlist .backlist_block .vol{font-weight: bold;margin-bottom:6px!important;}
.backlist .backlist_block .title{font-weight: bold;margin-bottom:12px!important;}

.backlist .backlist_block .table_of_contents:before{content:"Table of Contents:";}
.backlist .backlist_block .authors_list:before{content:"Authors List:";}
.backlist .backlist_block .contents:before{content:"Contents:";}

@media (max-width: 740px) {.backlist .backlist_block .table_of_contents{border-top:1px solid rgba(226,226,226,1.00);padding:6px 0!important;}
.backlist .backlist_block .authors_list{border-top:1px solid rgba(226,226,226,1.00);padding:6px 0!important;}
.backlist .backlist_block .contents{border-top:1px solid rgba(226,226,226,1.00);padding:6px 0!important;}}
@media (min-width: 740px) {.backlist .backlist_block ul{display: flex;justify-content:space-between;}
.backlist .backlist_block li{width:33%;border:1px solid rgba(226,226,226,1.00);padding:3px 6px;font-size:.8em;}}
