body{}

/*
******************************************************************************************
印刷対応
******************************************************************************************
*/
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
}

#totop{font-size:20px;width:40px;height:40px;background-color:#fcfcfc;border-radius:5px;
box-shadow:0px 0px 4px 2px silver;
-moz-box-shadow:0px 0px 4px 2px silver;
-webkit-box-shadow:0px 0px 4px 2px silver;
padding:2px 2px;
color:gray;
position:absolute;
bottom:10px;
right:20px;
text-align:center;
display:none;
}
#totop #toptop_text{font-size:10px;position:absolute;bottom:-10px;right:0px;}



/*共通*/
label{cursor:pointer;}

/*ヘッダメニュー*/
div#header{position:relative;padding:0px;margin:0px;}
div#header #headerUp .commonmenu{border-radius:5px;background-color:white;margin:5px;padding:5px 5px;}
div#header #headerUp .commonmenu ul.yodo_custome_menu{margin:5px;padding:0px;}
div#header #headerUp .logo-main{padding:0px;margin:3px 0px 0px 10px;}
div#header #headerUp .logo-sub{padding:0px;margin:3px 3px 0px 0px;}
div#header #headerUpXs a.logo-main-link-xs{padding:3px;margin:0;}
div#header #headerUpXs a.logo-main-link-xs img.logo-sub{}
div#header #headerUpXs #navbar-header-xs-top{border:1px solid red;}
div#header .navbar-collapse-template{padding:0px;margin:0px;}
div#header .navbar-collapse-template ul{padding:0px;margin:0px;}
div#header .navbar-collapse-template ul li{padding:0px;margin:0px;}
div#header .navbar-collapse-template ul li ul{padding:0px;margin:0px;}
div#header .navbar-template #headerUp{background-color:white;overflow: hidden;padding:0px;margin:0px;}/*ヘッダメニュー上背景色*/
div#header #headerUp .search_block #headMenuBookSearck{margin:3px 10px;padding:0px;width:250px;}

div#header #headerUp .snsicons{
    position: relative;
    display: grid;
}
div#header #headerUp .snsicons a{
    position: absolute;
		top: 18px;
    margin-left: 15px;
    left: 0;
    transition: .25s;
}
div#header #headerUp .snsicons a:hover{
    opacity: .7;
}
div#header #headerUp .snsicons a:nth-of-type(2){
    left: 36px;
}
div#header #headerUp .snsicons a img{
    width: 25px;
}

@media(max-width:767px){
	div#header #headerUp .commonmenu{background-color:#f6f6f6;margin:0px;border-radius:0px;width:100%;}
	div#header #headerUp .commonmenu .search_block{width:100%;}
	div#header #headerUp .search_block #headMenuBookSearck{width:95%;}
	div#header .navbar-collapse-template ul li ul{border-bottom:1px solid silver;}
}
div#header .navbar-template{background-color:#f1f1f1;padding:0px;margin:0px;border:0px}/*ヘッダメニュー下背景色*/
div#header .navbar-collapse-template ul li a.dropdown-toggle{padding:10px;margin:0px;}/*ヘッダメニュー下表示テキスト*/
div#header .navbar-collapse-template ul li ul li{padding:0px;margin:0px;background-color:white;}/*ヘッダメニュー下プルダウンテキスト*/



/* icon 羊土社 */
li.icon_logo {
background:url("/images/icon_logo.png") no-repeat 1px 7px #f3fcfb;
}
/* icon レジデントノート */
li.icon_reji {
background:url("/images/icon_reji.png") no-repeat 1px 7px #f3fcfb;
}
/* icon Gノート */
li.icon_gn {
background:url("/images/icon_gn.png") no-repeat 1px 7px #f3fcfb;
}
/* icon 臨床 */
li.icon_medical {
background:url("/images/icon_medical.png") no-repeat 1px 7px #f3fcfb;
}
/* icon 実験医学 */
li.icon_em {
background:url("/images/icon_em.png") no-repeat 1px 7px #f3fcfb;
}
/* icon 消化器 */
li.icon_gastroent {
background:url("/images/icon_gastroent.png") no-repeat 1px 7px #f3fcfb;
}
/* icon 本 */
li.icon_book {
background:url("/images/icon_book.png") no-repeat 1px 7px #f3fcfb;
}


/*BOOK LIST*/
div.booklist{margin:0px 10px 20px 10px;border-bottom:1px dotted silver;}
div.bookcover{text-align:center;margin-bottom:15px;}
div.bookinfo{margin-bottom:15px;}
div.bookinfo ul{list-style-type:none;margin-left:1em;padding-left:0px;}
div.bookinfo ul li{padding-left:0px;margin-left:0px;margin-bottom:3px;}

.nav-tabs .serch_tab a.magazinelist_tab_a{background-color:#f3f3f3;}



#contents{position:relative;}


/*footer*/
html{position: relative;min-height: 100%;}
body {margin-bottom: 60px;line-height: 1.42857143;letter-spacing: 1px;color: #333;background-color: #FFF;}
/*
.footer{position: absolute;bottom: 0;width: 100%;height: 60px;background-color: #f5f5f5;border-top:1px solid silver;}
.footer .datas{position:absolute;width:100%;}
.footer .datas #footermenu{text-align:center;margin:8px 0px 0px 0px;}
.footer .datas #copyright{text-align:center;}
*/

.footer{position:absolute;bottom:0; width: 100%;height:80px;padding-bottom:8px;  background-color:#f5f5f5;border-top:1px solid silver;}
div#wrap{margin-bottom:80px;}
.footer .datas{position:absolute;width:100%;}
.footer .datas #footermenu{text-align:center;margin:5px 60px 0px 10px;}
.footer .datas #footermenu li{margin-top:5px; }
.footer .datas #copyright{text-align:center;margin-top:8px; }
@media only screen and (max-width: 950px){
div#wrap{margin-bottom:110px;}
.footer{height:110px;}
}
@media only screen and (max-width: 690px){
div#wrap{margin-bottom:135px;}
.footer{height:135px;}
}
@media only screen and (max-width: 560px){
div#wrap{margin-bottom:160px;}
.footer{height:160px;}
}
@media only screen and (max-width: 460px){
div#wrap{margin-bottom:185px;}
.footer{height:185px;}
}
@media only screen and (max-width: 430px){
div#wrap{margin-bottom:210px;}
.footer{height:210px;}
}
@media only screen and (max-width: 370px){
div#wrap{margin-bottom:235px;}
.footer{height:235px;}
}
@media only screen and (max-width: 334px){
div#wrap{margin-bottom:260px;}
.footer{height:260px;}
}
@media only screen and (max-width: 320px){
div#wrap{margin-bottom:310px;}
.footer{height:310px;}
}

.footer a.black:link{color:#333;}
.footer a.black:visited{color:#333;}
.footer a.black:hover{color:#f00;}
.footer a.black:active{color:#333;}


/*seide menu*/


#sidemenu_open_tab{position:fixed;bottom:200px;left:0px;cursor:pointer}

/*#sidemenudata{background-color:white;}*/

#side_menu{position: fixed;top: 0;left: -240px;width: 240px;height: 100%;padding:10px 10px 400px 10px;background: #fcfcfc;overflow-x: hidden;overflow-y: scroll;z-index:200;}

#sidemenu_close_box{padding-bottom:10px;}

img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;

}
/* 書評用 */
ul.voice p span {
    color: gray;
    display: block;
    text-align: right;
}




h3.gntitle {font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;font-weight: bold;background-color:#666;margin-top:0px; padding:2px; color:#EEE; text-align:center; font-size:1.475vw; }
@media screen and (max-width: 767px) {
   /* 表示領域が767px(xs)以下の場合 */
	h3.gntitle {font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;font-weight: bold;background-color:#666;margin-top:0px; padding:2px; color:#EEE; text-align:center; font-size:18px; }
	}

ul.txt_arrange {margin: 0px; padding: 0px; list-style-type: none;}
ul.txt_arrange li {margin: 0px 0px 2px 0px; padding: 0px; border-bottom: 1px dotted;}



div#header .navbar-template{background-color:#ff5a00;}/*ヘッダメニュー下背景色*/
div#header .navbar-collapse-template ul li{border-right:1px dotted white;}/*ヘッダメニュー下表示テキスト*/
div#header .navbar-collapse-template ul li a.dropdown-toggle{color:white;}/*ヘッダメニュー下表示テキスト*/
div#header .navbar-collapse-template ul li ul li{padding:0px;margin:0px;background-color:#fcefdf;}/*ヘッダメニュー下プルダウンテキスト*/


h2.gn_normal{margin:1em 0 1em 0;border-left:10px solid #ff5a00;background-color:#fcefdf;padding:10px;color:black;}
h3.gn_normal{margin:1em 0;border-left:5px solid silver;padding:6px;border-bottom:1px solid silver;}

dl.series dt.title{margin:1em 0 5px 1em;font-size:large;border-left:1em solid #f0f0f0;padding-left:10px;}
dl.series dd{margin:0px 0 5px 2em;font-size:medium;}
dl.series dd.publication{font-size:small;}
dl.series dd.comp{font-size:small;}


/*サイドバナー*/
.sidebanner{margin-top:20px;padding:0 20px;}

.sns-banner{
    margin-bottom: 12px;
}
.sns-banner a{
    display: grid;
    grid-template-columns: max(30px, min(2.5vw, 35px)) 1fr;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-weight: 700;
    font-size: max(12px, min(2vw, 22px));
    max-width: 250px;
    margin-inline: auto;
    word-break: break-word;
    line-height: 1.2;
    transition: .25s;
}
.sns-banner a:hover{
    opacity: .7;
}

@media(max-width:991px){
	.sidebanner{margin-top:20px;padding:0;}
}
@media(max-width:767px){
	.sidebanner{margin-top:20px;padding:0 10px;}
}

.dropdown-menu {
	z-index: 199 !important;
}

@supports (-webkit-touch-callout: none) {
  div#cover {
    min-height: 100vh;
    height: -webkit-fill-available;
  }
}

/* フッター */
#footer-section:not(:root){
	background-color: var(--color-bg);
}
#footer-section .footer-content a:not(:root),
#copyright:not(:root){
	color: #111;
}

/* TOPへ戻るボタン */
.totop a .totop-arrow:not(:root),
.totop a .totop-arrow:not(:root)::before{
    border-color: #ff5a00;
}