@charset "UTF-8";

/* PCでは非表示 */
.pc_no{display: none;}

.w600{width: min(100%, 600px); margin-left: auto; margin-right: auto;}
.w750{width: min(100%, 750px); margin-left: auto; margin-right: auto;}

.mb150{margin-bottom: 150px;}




/* -------------------------- */
/* --------flexbox 共通-------- */
/* -------------------------- */
.flex_pc{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: auto;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items: flex-start;
}



/* -------------------------- */
/* --------content-------- */
/* -------------------------- */
.content{
width: min(80%, 1000px);
margin: 50px auto;
padding:0;
box-sizing: border-box;
}





/* -------------------------- */
/* --------footer-------- */
/* -------------------------- */
footer{
background-color: #EBEFEA;
overflow: hidden;
position: relative;
/*  footerを下部 */
margin-top: auto;
}
footer .f_con{
width: min(80%, 1000px);
margin: 40px auto 10px auto;
padding:0;
box-sizing: border-box;
}

/*-------- 第一列 -----------*/
footer .f_con_01{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/* logo */
footer .f_con_01 h3{
margin-right: auto;
width: 220px;
align-self: center;
}
footer .f_con_01 h3 img{
width: 20%;
align-self: center;
}
footer .f_con_01 h3{
line-height: 1.3rem;
font-size: 1.3rem;
font-weight: normal;
}
footer .f_con_01 h3 span{display: block;}
footer .f_con_01 h3 span:first-of-type{font-size:0.8rem;}
footer .f_con_01 h3 span:last-of-type{font-size:0.5rem;}

/* 住所 */
footer .f_con_01 div[itemprop$="address"]{
font-size:0.8rem;
margin-right: auto;
}

/* 会員ボタン */
footer .f_con_01 ul{
font-size: 0.8rem;
width: 280px;
margin-left: auto;
}
footer .f_con_01 ul li{
margin-bottom: 10px;
}
footer .f_con_01 ul li .bt_01{
padding: 5px 25px 5px 10px;
letter-spacing: -0.02rem;
}

/* パスワード */
footer .f_con_01 ul li:last-child{
width: 100%;
text-align: right;
}



@media screen and (max-width: 1200px) {
footer .f_con_01{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-grid;
display: grid;
}
/* logo */
footer .f_con_01 h3{
grid-row: 1 / 2;
grid-column: 1 / 2;
margin-top: -20px;
}
/* 住所 */
footer .f_con_01 div[itemprop$="address"]{
grid-row: 2 / 3;
grid-column: 1 / 3;
margin-top: -10px;
}
/* 会員ボタン */
footer .f_con_01 ul{
grid-row: 1 / 2;
grid-column: 2 / 3;
width: 275px;
}
}


/*-------- 第二列 -----------*/
footer .f_con_02{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 10px 0;
}
/* アイコン */
footer .f_con_02 a img{width: 30px; margin-right: 10px;}
footer .f_con_02 a:hover img{transition: 0.5s; opacity: 0.5;}

/* 電話 */
footer .f_con_02 a.f_tel{
margin: 0 5px 0 20px;
padding: 0 0 0 20px;
font-size: 1.53rem;
background-image: url(../../common/img/f_icon_03.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: 13px;
}
/* ランゲージ（header.cssに詳しく記述） */
footer .f_con_02 .lang{margin-left: auto;}
footer .f_con_02 .lang a:hover{color: #11BA71;}
@media screen and (max-width: 1200px) {
footer .f_con_02 .lang{margin-left: auto;}
}



/*-------- 第三列 -----------*/
footer .f_con_03 {
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
footer .f_con_03 ul{
font-size: 0.9rem;
margin:0 10px 30px 10px;
}
footer .f_con_03 ul li{
margin-bottom: 5px;
font-size: 0.8rem;
letter-spacing: 0;
}
footer .f_con_03 ul li:first-child{font-weight: 600;}
/* Android対策 */
.android footer .f_con_03 ul li:first-child{font-weight: 700;}

footer .f_con_03 ul:last-child li:first-child{}
footer .f_con_03 ul li.sage{text-indent: 1em;}



/*-------- 第四列 -----------*/
/* Copyright */
footer small{
text-align: center;
display: block;
background-color: #fff;
padding: 10px;
}

/* ページtop */
footer .f_p_t{
position:fixed;
bottom: 0;
right: 10%;
background-color: #11BA71;
width: 60px;
height: 60px;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items:center;
justify-content: center;
flex-direction:column;
}
footer .f_p_t img{
width: 10px;
}
footer a.f_p_t:hover{
transition: 0.5s;
background-color: #009245;
}





/* -------------------------- */
/* --------学会報リスト-------- */
/* -------------------------- */
ul.book_list{margin: 90px 0 0 0;}
ul.book_list li{ width: 48%; margin: 0 0 70px 0;}
ul.book_list h3{font-size: 1.4rem; font-weight: normal;}
ul.book_list .book_img{width:36%;}

ul.book_list .book_detail{width:60%;}
ul.book_list .book_detail .bt_02{margin-bottom: 5px;}
ul.book_list .book_detail p{font-size: 0.9rem;line-height: 1.2rem;}
ul.book_list .book_detail p.number{margin: 0 0 10px 0;}
ul.book_list .book_detail p.number span{ display: block; color: #11BA71; margin: 0 0 5px 0; font-weight: normal;}
ul.book_list .book_detail .book_p{ color: #11BA71; margin: -7px 0 5px 0; font-size: 0.9rem;}
ul.book_list .book_detail p.price{ font-size: 0.9rem; color: #11BA71; display: inline;}
ul.book_list .book_detail p.price span{margin: 0 3px; font-weight: 400; font-size: 1.6rem;}

/* ボタン微調整 */
ul.book_list .book_detail .bt_02{padding: 5px 10px; font-size: 0.9rem;}

ul.book_list table{ margin: 10px 0 0 0;}


/* テーブル微調整 */
.book_list .table_01 td,
.book_list .table_01 th{
font-size: 0.8rem;
letter-spacing: 0;
}
.book_list .table_01 th{
white-space:nowrap;
}