/* mobile */
/*-------------------------------------------------------------------*/
/*         Global        */
/*-------------------------------------------------------------------*/

/* <2024/11> For Base-color Control Variable */
:root {
--bg-head: #006D38;              /* Header bg color */
--bg-body: #F6F5DD;              /* Body bg color */
--bg-foot: #006D38;              /* Footer bg color */
--bg-pagenation: #FFFFFF;        /* Pagenation block bg color */
--bg-srhbtn: #FFFFFF;            /* Searhbtn block bg color */

--tx-def: #2F2F2F;               /* Text def color */
--tx-alink-def: #006D38;         /* Text a tag link color */

--bg-head-btn: #FFAB49;          /* Header btn color */
--tx-head-btn: #2F2F2F;          /* Header btn text color */
--rd-head-btn: 1em;              /* Header btn radius */
--pd-head-btn: 7px 10px;         /* Header btn padding */

--bg-btn-main: #006D38;          /* MainEria btn color */
--tx-btn-main: #FFFFFF;          /* MainEria btn text color */
--rd-btn-main: 1.5em;            /* MainEria btn radius */
--bg-btn-main_disable: #e3e3e3;  /* MainEria disable btn color */
--tx-btn-main_disable: #727272;  /* MainEria disable btn text color */
--bg-btn-main_warm: #bf2525;     /* MainEria warm btn color */
--tx-btn-main_warm: #FFFFFF;     /* MainEria warm btn text color */
}

.none {display:none;}

body {
  min-width: 320px;
/*  background: url(../../images/mobile/bg.gif) repeat top left #F1F1F1; */
/*  color: #4C4C4C; */
  background-color: var(--bg-body);
  color: var(--tx-def);
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  font-size: 14px;
  -webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
}

input, textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
/*  color: #FF9900 ; */
  color: var(--tx-alink-def);
  text-decoration: none;
}

/*a:hover { color: #FF9900 } */
a:hover { color: var(--tx-alink-def);}

select, input[type="text"] { font-size: 93%;} /* 88%→93% */

p { margin: 0 0 1em;}

images, object, video { max-width: 100%;}

.mb10 {margin-bottom:10px;}

.ml5  {margin-left: 5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}

.mr5  {margin-right: 5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}

.pl8  {padding-lrft: 8px;}

.pr20 {padding-right: 20px;}

.list_fLeft li {float:left;}

.f_left {float:left;}

.red          { color: #FF3300;}
.gray         { color: #999999;}
.orange       { color: #FF6600;}
.green        { color: #249F00;}
.yellow_green { color: #8AAC3D;}

/* 音声読み上げ対応 隠し文字 モバイルでは非表示 */
.font-hidden {
  color: #FFFFFF;
  font-size: 0px;
  display: none !important;
}

/* MACではフォントサイズ 0px が効かないので対処 */
html[xmlns*=""]:root .font-hidden {
  font-size: 1px;
  letter-spacint: -1em; /* 文字を重ねてスペースを1pxにする */
}

/*-------------------------------------------------------------------*/
/*         Classes        */
/*-------------------------------------------------------------------*/

.fnt_hddn_white { /* 音声読み上げ対応 */
  color: #FFFFFF;
  font-size: 0px;
}

.mobile_none {display: none!important;}

.pc_only {display:none!important;}

.right {text-align:right;}

.tbl_reset td {
  border:none !important;
  padding:0 !important;
}

.main_box {
  background: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.sub_title_header {
/*  height:50px; */
/*  background:url(../../images/mobile/bg_sub_title.gif) repeat top left; */
/*  background-size:57px 57px; */
/*  border-top: dashed 1px #89685A; */
  border-bottom: dashed 1px #89685A;
}

.sub_title_header_inner {
/*  border-top: solid 1px #FFFFFF; */
  text-align: center;
}

.sub_title {
  display: inline-block;
  height:50px;
  line-height:50px;
  margin-left: -35px;
  padding-left:35px;
  background:url(../../images/mobile/sub_title.png) no-repeat;
  background-position:0 12px;
  background-size:24px 25px;
  color:#4C4C4C;
  font-size:20px;
  font-weight:bold;
  *zoom: 1; /* for ie6 */
  *display: inline; /* for ie6 */
}

/* 見出し */

h2.page_title {
/*  background:url(../../images/mobile/bg_sub_title.gif) repeat top left; */
/*  background-size:57px 57px; */
  border-style: dashed;
  border-color: #89685A;
  border-width: 0 0 1px 0;
  display:inline-block;
  width:100%;
  text-align:center;
}

h2.page_title span {
  display: inline-block !important;
  line-height: 1.3em;
  margin:auto 5px;
  padding:13px 0 13px 30px;
  background:url(../../images/mobile/sub_title.png) no-repeat;
  background-position:0 12px;
  background-size:24px 25px;
  color:#4C4C4C;
  font-size:20px;
  font-weight:bold;
  *
  zoom: 1; /* for ie6 */
  *
  display: inline; /* for ie6 */
  width:auto;
  overflow:hidden;
}

h3.sub_title {
  display: block;
  height: 43px ;
  line-height: 1em;
  margin: 20px 0;
  padding: 0 3.125%;
/*  background:url(../../images/mobile/bg_sub_title.gif) repeat top left; */
/*  background-size:57px 57px; */
  border-style: dashed;
  border-color: #89685A;
  border-width: 1px 0;
  overflow: hidden;
}

h3.sub_title span {
  padding-left:22px;
/*  background:url(../../images/mobile/sub_title.png) no-repeat;*/
  background:url(../../images/mobile/sub_title_s.png) no-repeat;
  background-position: 0 center;
  color:#4C4C4C;
  font-size:15px;
  line-height: 45px;
  font-weight:bold;
}


.btn_m_ye {
  background: rgb(255,185,0); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgb(255,185,0) 0%, rgb(255,152,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,185,0)), color-stop(100%,rgb(255,152,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgb(255,185,0) 0%,rgb(255,152,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgb(255,185,0) 0%,rgb(255,152,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgb(255,185,0) 0%,rgb(255,152,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgb(255,185,0) 0%,rgb(255,152,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb900', endColorstr='#ff9800',GradientType=0 ); /* IE6-8 */

  /* Firefox v1.0+ */
  -moz-border-radius:5px;
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius:5px;
  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius:5px;
  /* Firefox v3.5+ */
  -moz-box-shadow:inset 0px -1px 0px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow:inset 0px -1px 0px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow:inset 0px -1px 0px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);

  border:solid 1px #AA7818;
}

.btn_home {
  display:block;
  height:34px;
  width:34px;
  background: url(../../images/mobile/btn_home.png) no-repeat top left;
  background-size: 34px 34px;
  text-indent: -9999px;
}

#resrh_btn{
  text-align: center;
  padding-bottom: 15px;
}


.btn_facet, .btn_facet span {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  min-width: 75px;
/*  background: url(../../images/mobile/btn_facet.png) no-repeat top left; */
  background: #FFFFFF;
  border-radius: 0.4em;
  color:var(--tx-alink-def);

  /* for IE6 */
  *display: inline;
  zoom: 1;
}

.btn_facet, .btn_facet:hover, .btn_facet:active  {
  padding-left: 15px;
  color: #FFF8E6 !important;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 1px rgba(0,0,0,.5)
}
.btn_facet span { background-position: right top; padding-right: 15px; }

.btn_top {
  display:block;
  height:34px;
  width:34px;
  background: url(../../images/mobile/btn_top.png) no-repeat top left;
  background-size: 34px 34px;
  text-indent: -9999px;
}

.btn_mbl_s {
  display: inline-block;
  height: 1em;
  line-height: 1.1em;
  margin: 0 0 14px 3.125%;
  padding: 5px 0.8em;
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C */
  border: solid 1px #DED5CF;
  border-radius: 1em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  text-align: center;
  color: #4C4C4C;
  font-size: 13px;
  overflow: hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  *display: inline-block;
  *zoom: 1;
}

/*-------------------------------------------------------------------*/
/*         Box        */
/*-------------------------------------------------------------------*/
.box1 {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #DED5CF;
    border-radius: 5px;
    background: #FFFFFF;
}


/*-------------------------------------------------------------------*/
/*         Structure        */
/*-------------------------------------------------------------------*/


/*-------------------------------------------------------------------*/
/*         portal_header        */
/*-------------------------------------------------------------------*/
#portal_header {
  position: relative;
  z-index: 1;
}

#btn_mypage_menu{
  float:right;
  height:34px;
  width: 34px;
  text-indent:-9999px;
  background: url(../../images/mobile/btn_menu.png);
  background-size: 34px 34px;
}

.card_no {
  display: block;
  padding: 10px;
  color: #533D30;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

#portal_menu {
  border-bottom: 1px solid #FFFFFF;
  overflow: hidden;
}

#portal_menu_mobile {
  /*border-bottom: 1px solid #FFFFFF;*/
  overflow: hidden;
}

#portal_menu_inner {
  padding: 0 3.125% 20px 3.125%;
  border-bottom: 1px dashed #89685A;
}

#portal_menu_mobile_inner {
  /*padding: 0 3.125% 20px 3.125%;*/
  /*border-bottom: 1px dashed #89685A;*/
}

#portal_menu ul {
  background: #FFFFFF;
  border: 1px solid #DED5CF;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#portal_menu li {
  border-bottom: 1px solid #DED5CF;
  padding-right: 3.125%;
}

#portal_menu li:last-child {border: none;}

#portal_menu li a {
  display: block;
  padding: 10px 3.125%;
  background: url(../../images/mobile/next.png) no-repeat;
  background-position: center right;
}

#portal_menu_mobile ul {
  background: #FFFFFF;
  border: 1px solid #DED5CF;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#portal_menu_mobile li {
  border-bottom: 1px solid #DED5CF;
  padding-right: 3.125%;
}

#portal_menu_mobile li:last-child {border: none;}

#portal_menu_mobile li a {
  display: block;
  padding: 10px 3.125%;
  background: url(../../images/mobile/next.png) no-repeat;
  background-position: center right;
}

#usr_inf_area {
  overflow: hidden;
}

#menu_area {
  overflow: hidden;
}

/*-------------------------------------------------------------------*/
/*         Header        */
/*-------------------------------------------------------------------*/
#header {
  position:relative;
  z-index: 1;
}

#header_inner {
  position:relative;
  height:40px;
/*  background: url(../../images/mobile/bg_header.png) repeat-x top left; */
/*  background-color: transparent; */
  background-color:  var(--bg-head);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  padding: 6px 4px 0 4px;
}

#header_inner .btn_home { float:left;}

#logo {
  display:block;
  /*20250918 MODS クロスブラウザ対応 SP_NO40
  height:21px;
  /*width:170px;*/
  /* margin-left: -83px;
  position:absolute;
  top:8px;
  left:50%;
  color: #ffffff;
  font-size:20px; */
  transform: translate(-65%,-50%);
  position:absolute;
  top:50%;
  left:50%;
  color: #ffffff;
  font-size: clamp(12px, 3.8vw, 20px);
  line-height: 1;
  /*20250918 MODE クロスブラウザ対応 SP_NO40
  /*text-indent:-9999px;*/
  /*background: url(../../images/mobile/logo.png) no-repeat;*/
  /*background-size:167px 19px;*/
}
#logo a {
  display: inline-block;
  color: #fffaf4;
}

#account {
  margin: 0;
  padding: 10px 3.125%;
  background:url(../../images/mobile/bg_adv.gif) repeat-x top left;
  border-bottom: solid 1px #999;
  line-height: 1.3em;
}

#account .account_name {
  float: left;
  width: 70%;
  font-size: 16px;
}

.account_name {
  color: #533D30;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

.account_btn {
  float: right;
  width: 30%;
  text-align: right;
}

.account_btn a {
  color: #999999;
  font-size: 13px;
  text-shadow: 0 1px 0 rgba(255,255,255,.8)
}

/*-------------------------------------------------------------------*/
/*         Content        */
/*-------------------------------------------------------------------*/
#content {
  position:relative;
  width:100%;
  overflow: hidden !important;
}

.main { width:100%;}

/*-------------------------------------------------------------------*/
/*         Search        */
/*-------------------------------------------------------------------*/

#search_setting { display: none;}

#search_std {
  height:38px;
  padding-top:9px;
  border-top: 1px dashed #89685A;
  border-bottom: 1px dashed #89685A;

/*  background:url(../../images/mobile/search_bg.gif); */
  position:relative;
  /* Firefox v3.5+ */
/*  -moz-box-shadow:inset 0px 0px 5px 0px rgba(0,0,0,0.24); */
  /* Safari v3.0+ and by Chrome v0.2+ */
/*  -webkit-box-shadow:inset 0px 0px 5px 0px rgba(0,0,0,0.24);*/
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
/*  box-shadow:inset 0px 0px 5px 0px rgba(0,0,0,0.24); */
}

#txt_search_wrap {
  float:left !important;
  width:76.5625%;
  margin-left:3.125%;
}

#txt_search {
  display:block;
  width:100%;
  height:30px;
  background-color:rgb(254,251,248);
  border:solid 1px #989590 !important;
  /* Firefox v1.0+ */
  -moz-border-radius:5px;
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius:5px;
  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius:5px;
  /* Firefox v3.5+ */
  -moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.2);
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.2);
  /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow:inset 0px 2px 4px rgba(0,0,0,0.2);
  font-size:18px; /* iPhoneのズーム対策 */
}

#btn_search_wrap {
  float:right;
  width:15.625%;
  margin-right: 3.125%;
}

#btn_search {
  display:block;
  height:25px;
  padding-top:3px;
  line-height:30px;
  text-align:center;
  text-indent:-9999px;
  color:#ffffff;
}

.img_search {
  display:block;
  width:20px;
  height:22px;
  margin:0 auto;
  background:url(../../images/mobile/img_search.png) no-repeat;
  background-size:20px 22px;
}

#btn_advanced_search_wrap {
  padding: 10px 3.125%;
/*  background:url(../../images/mobile/bg_adv.gif) repeat-x top left; */
  border-top: solid 1px #FFFFFF;
  border-bottom: 1px dashed #89685A;
  background-color: var(--bg-srhbtn);
}

#btn_advanced_search, #btn_advanced_search span {
  display: inline-block;
  height: 31px;
  line-height: 32px;
  background: url(../../images/mobile/btn_adv.png) no-repeat top left;
  /* for IE6 */
  *display: inline;
  zoom: 1;
}

#btn_advanced_search, #btn_advanced_search:hover {
/*  padding-left: 28px; */
  padding-left: 35px;  
  color: #643904;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
/*  text-shadow: 0px -1px 0 rgba(255,255,255, .65); */
}

#btn_advanced_search span { background-position: right top; padding-right: 38px; }

/*-------------------------------------------------------------------*/
/*         Facet        */
/*-------------------------------------------------------------------*/

#facet_box {
  overflow: hidden;
  position: absolute;
  top: 0;
  width:100%;
  left:100%;
/*  background:url(../../images/mobile/bg.gif) repeat top left #F1F1F1; */
}

#facet_box .sub_title_header{
  margin-bottom: 20px;
  border-top: none;
}

#facet_box .sub_title_header_inner {
  border-top: none;
}

.facet {
  padding:0 3.125% 20px 3.125%;
  font-size:14px;
  border-radius:5px;
}

.facet_inner {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

h3.fc_title {
  padding: 15px 32px;
  background: url(../../images/mobile/close.png) no-repeat 10px 16px #f9f9f9; /* Old browsers */
  background: url(../../images/mobile/close.png) no-repeat 10px 16px, -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
  background: url(../../images/mobile/close.png) no-repeat 10px 16px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: url(../../images/mobile/close.png) no-repeat 10px 16px, -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: url(../../images/mobile/close.png) no-repeat 10px 16px, -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: url(../../images/mobile/close.png) no-repeat 10px 16px, -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
  background: url(../../images/mobile/close.png) no-repeat 10px 16px, linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C */
  border: solid 1px #DED5CF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  font-size: 14px;
  line-height: 1em;
  cursor:pointer;
}

h3.fc_title.close {
  background: url(../../images/mobile/open.png) no-repeat 10px 16px #f9f9f9; /* Old browsers */
  background: url(../../images/mobile/open.png) no-repeat 10px 16px, -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
  background: url(../../images/mobile/open.png) no-repeat 10px 16px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: url(../../images/mobile/open.png) no-repeat 10px 16px, -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: url(../../images/mobile/open.png) no-repeat 10px 16px, -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: url(../../images/mobile/open.png) no-repeat 10px 16px, -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
  background: url(../../images/mobile/open.png) no-repeat 10px 16px, linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C */
  border-radius: 5px;
}

.fc_title.trigger {
  cursor:pointer;
}

.fc_content {
  background: #FFFFFF;
  border-left: solid 1px #DED5CF;
  border-right: solid 1px #DED5CF;
  border-bottom: solid 1px #DED5CF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.fc_list {
  min-height: 2em; /* ファセット要素が空の場合でもレイアウトを崩れさせない */
  padding: 10px 10px 5px 10px;
}

.fc_list li {
  position: relative;
  margin-bottom: 5px;
}

.fc_list p { /* レファレンス 調べ方案内 情報源サイト */
  margin: 0;
}

.fc_list a { display: block;}

#genre_list.fc_list, .fc_list.hit {
  border-radius: 0px;
}

p.random {
  border-top: dashed 1px #ECE9E6;
  padding: 10px 0 0 10px;
  margin: 0;
}

p.random span {
  display: inline-block;
  padding: 2px 5px;
  border: solid 1px #DBE3E7;
  border-radius:2px;
  background: #EFF4F5;
  line-height: 1em;
  font-size: 11px;
  *display: inline; /* for IE6 IE7*/
  *zoom: 1;
}

.display_wrap {
  text-align: right;
  padding: 0 10px 11px 10px;
}

.display_wrap span {
  display: inline-block;
  height: 1em;
  line-height: 1.1em;
  padding: 5px 0.8em;
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C */
  border: solid 1px #DED5CF;
  border-radius: 1em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  text-align: center;
  color: #4C4C4C;
  font-size: 13px;
  overflow: hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  cursor: pointer;
  *display: inline-block;
  *zoom: 1;
}

.sb { margin-top:20px;}


/* ジャンル選択 */
a.genre_select, a.genre_select span {
  display: block;
  height: 15px;
  line-height: 15px;
  background: url(../../images/pc/button/genre.gif) no-repeat top left;
  *display: inline; /* for IE6 IE7 */
  zoom:1;
}

a.genre_select span.pc_only {
  display: none !important;
}

a.genre_select span.sp_only {
  display: inline;
  padding: 0;
  background: none;
  line-height: 1em;
}

#genre_list li a.f_left {max-width: 70%;}

a.genre_select {
  float:right;
  margin-top: 3px;
  padding-left: 6px;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}

a.genre_select:hover { color: #FFFFFF; text-decoration: none;}

a.genre_select span { background-position: right top; padding-right: 6px; }

#genre_change_area a.name {
  width: 70%;
}

a.genre_next {
  position: absolute;
  top: 3px;
  right: 0;
  background: url("../../images/pc/button/btn_genre_next.gif") no-repeat scroll left top transparent;
  cursor: pointer;
  height: 15px;
  width: 32px;
}

.fc_first { /* ジャンルの最初に戻る */
  cursor: pointer;
}


/*-------------------------------------------------------------------*/
/*         Footer        */
/*-------------------------------------------------------------------*/

#footer { position:relative;}

#footer_content {
  position:relative;
  height:40px;
  padding: 8px 4px 0 4px;
/*  background: url(../../images/mobile/bg_footer.png) repeat-x top left; */
/*  background-color: transparent; */
  background-color:  var(--bg-foot);
}

#signature_area {display: none;}
#footer_btn {text-align:center;}
#footer_content .btn_home { float:left;}

#footer_content .btn_facet {
  display: inline-block;
}

#footer_content .btn_top { float:right;}

/*-------------------------------------------------------------------*/
/*         Pagination        */
/*-------------------------------------------------------------------*/

.pagination {
/*  padding: 14px 0;*/
  padding: 10px 0;
  background-color:var(--bg-pagenation);
 
}

.pagination_list {
  width: 284px;
  height: 34px;
  margin: 0 auto;
}

.pagination_list a, .pagination_list span {
  float:left;
  display: block;
  height: 34px;
  line-height: 33px;
  overflow: hidden;
}

.pagination_list a { text-indent: 100%;}

.pagination_list span { width: 98px;}

.btn_first, .btn_last { width: 47px;}

.btn_prev, .btn_next { width: 46px;}

.pagination_list span {
/*  background: url(../../images/mobile/bg_page_num.gif) repeat-x top left; */
/*  font-size: 11px; */
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.pagination .disabled { cursor: default;}

/* .btn_first { background: url(../../images/mobile/btn_first.gif) no-repeat top left;} */
/* .btn_first.disabled { background: url(../../images/mobile/btn_first_disabled.gif) no-repeat top left;} */

/* .btn_prev { background: url(../../images/mobile/btn_prev.gif) no-repeat top left;} */
/* .btn_prev.disabled { background: url(../../images/mobile/btn_prev_disabled.gif) no-repeat top left;} */

/* .btn_next { background: url(../../images/mobile/btn_next.gif) no-repeat top left;} */
/* .btn_next.disabled { background: url(../../images/mobile/btn_next_disabled.gif) no-repeat top left;} */

/* .btn_last { background: url(../../images/mobile/btn_last.gif) no-repeat top left;} */
/* .btn_last.disabled { background: url(../../images/mobile/btn_last_disabled.gif) no-repeat top left;} */

.btn_first { background: url(../../images/mobile/btn_first.png) no-repeat center center;}
.btn_first.disabled { background: url(../../images/mobile/btn_first_disabled.png) no-repeat center center;}

.btn_prev { background: url(../../images/mobile/btn_prev.png) no-repeat center center;}
.btn_prev.disabled { background: url(../../images/mobile/btn_prev_disabled.png) no-repeat center center;}

.btn_next { background: url(../../images/mobile/btn_next.png) no-repeat center center;}
.btn_next.disabled { background: url(../../images/mobile/btn_next_disabled.png) no-repeat center center;}

.btn_last { background: url(../../images/mobile/btn_last.png) no-repeat center center;}
.btn_last.disabled { background: url(../../images/mobile/btn_last_disabled.png) no-repeat center center;}

.btn_disabled, .btn_disabled:hover {
  cursor: default;
  color: #CCCCCC !important;
  background-color:#FAFAFA;
  border: 1px solid #E6E6E6 !important;
  text-decoration: none;
  box-shadow: none !important;
}

.pagination_list .btn_disabled, .pagination_list .btn_disabled:hover { /* 一部のページでクラス名が重複している部分をリセット */
  background-color: transparent !important;
  border: none !important;
}
.pagination_list .btn_first.btn_disabled { background: url(../../images/mobile/btn_first_disabled.gif) no-repeat top left !important;}
.pagination_list .btn_prev.btn_disabled  { background: url(../../images/mobile/btn_prev_disabled.gif) no-repeat top left !important;}
.pagination_list .btn_next.btn_disabled  { background: url(../../images/mobile/btn_next_disabled.gif) no-repeat top left !important;}
.pagination_list .btn_last.btn_disabled  { background: url(../../images/mobile/btn_last_disabled.gif) no-repeat top left !important;}

/* 非活性ボタン 通常 */
.btn_dis, .btn_dis span {
  display: inline-block;
  height: 35px;
  line-height: 36px;
  min-width: 50px;
/*  background: url(../../images/mobile/btn_std_d.gif) no-repeat top left;*/
/*  color: #CCCCCC;*/
  background: var(--bg-btn-main_disable);
  color: var(--tx-btn-main_disable);
  border-radius: var(--rd-btn-main);

  font-size: 15px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
  /* for IE6 */
  *display: inline;
  zoom: 1;
  cursor: default;
}
.btn_dis, .btn_dis:hover {
  min-width: 60px;
  padding-left: 30px;
  text-decoration: none;
}

.btn_dis span { background-position: right top; padding-right: 30px; }

/* ボタン赤 通常 */
.btn_red, .btn_red span {
  display: inline-block;
  height: 35px;
  line-height: 36px;
  min-width: 50px;
/*  background: url(../../images/mobile/btn_red.gif) no-repeat top left;*/
/*  color: #99422D;*/
  background: var(--bg-btn-main_warm);
  color: var(--tx-btn-main_warm);
  border-radius: var(--rd-btn-main);

  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  /* for IE6 */
  *display: inline;
  zoom: 1;
  cursor: pointer;
}
.btn_red, .btn_red:hover {
  min-width: 60px;
  padding-left: 30px;
  text-decoration: none;
}

.btn_red span { background-position: right top; padding-right: 30px; }

/* ボタン赤 通常 */
.btn_red_psnl_list, .btn_red_psnl_list span {
  display: inline-block;
/*  height: 35px;*/
  min-width: 50px;
/*  background: url(../../images/mobile/btn_red.gif) no-repeat top left;*/
/*  color: #99422D;*/
  background: var(--bg-btn-main_warm);
  color: var(--tx-btn-main_warm);
  border-radius: var(--rd-btn-main);

  font-size: 15px;
  font-weight: bold;
  text-align: center;
/*  text-shadow: 0 1px 0 rgba(255,255,255,0.5);*/
  /* for IE6 */
  *display: inline;
  zoom: 1;
  cursor: pointer;
  padding: 0 10px;
}
.btn_red_psnl_list, .btn_red_psnl_list:hover {
  min-width: 60px;
  text-decoration: none;
}

.btn_red_psnl_list span { background-position: right top; padding-right: 30px; }


.btn_gray_psnl_list{
  border:1px solid #cacaca;
/*  background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));*/
/*  background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);*/
/*  background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);*/
/*  background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);*/
/*  background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);*/
/*  background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);*/
/*  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);*/
/*  -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; */
  background: var(--bg-btn-main_disable);
  color: var(--tx-btn-main_disable);
  border-radius: var(--rd-btn-main);

  font-size:15px;
/*  padding: 2px 10px;*/
  padding: 5px 10px;
  text-decoration:none;
  display:inline-block;
/*  text-shadow: 1px 1px 1px rgba(102, 102, 102, 1);*/
  text-align: center;
  width: 75px;
}

/*-------------------------------------------------------------------*/
/*         NotFound        */
/*-------------------------------------------------------------------*/
body.book_detail.not_found #main { /* 書誌詳細　情報なし */
  text-align: center;
  padding: 0;
}

body.book_detail.not_found #main > div:nth-last-of-type(1) {
  border-bottom: none;
  margin: 0;
}

body.book_detail.not_found #main .not_found_msg {
  padding: 20% 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

/*-------------------------------------------------------------------*/
/*            block UI        */
/*-------------------------------------------------------------------*/

.blockMsg {
  width: 93.75% !important;
  top: 40% !important;
  left: 3.125% !important;
}

#processing {
  width: auto !important;
  padding: 15px 10px;
}

#processing h2 {
  font-size: 18px;
  letter-spacing: 0.1em;
  margin: 0 0 5px 0;
  padding: 0;
}

#processing img {
  margin-bottom: 10px;
}

/*-------------------------------------------------------------------*/
/*            モーダル        */
/*-------------------------------------------------------------------*/

/* select_s_keitai.css 内部でのMediaQuery がIE6で認識されないので記述  */
#main_s_keitai {
  width: 100% !important;
}

#my_modal {
  width: 90%;
  left: 6% !important;
  border-radius: 6px;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}

#my_confirm > .close, #my_modal > .close, #my_confirm > .close:hover, #my_modal > .close:hover {
  background: url(../../images/pc/common/close.png);
  background-repeat: no-repeat;
}

#my_confirm > .close, #my_modal > .close {
  background-position: 0 0;
  position: absolute;
  top: -13px;
  left: -15px;
  display: block;
  height: 29px;
  width: 28px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  z-index: 9999;
}

#my_confirm > .close:hover, #my_modal > .close:hover {
  background-position: 0 -29px;
}


/* メッセージボックス */
#my_confirm {
  left: 6% !important;
  width: 80%;
  max-height: 400px;
  padding: 15px 5%;
  background: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}

#my_confirm > h2 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}

#my_confirm > ul {
  margin-bottom: 20px;
}

#my_confirm > ul li input[type="radio"] {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

#my_confirm .msgbbox_area {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}

#my_confirm .btn_div {
  text-align: center;
}

#my_confirm .btn_grey {
  display: inline-block;
  height: 1em;
  line-height: 1.1em;
  padding: 7px 1em;
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C */
  border: solid 1px #DED5CF;
  border-radius: 1em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  text-align: center;
  color: #4C4C4C;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1);
  *display: inline-block;
  *zoom: 1;
  cursor: pointer;
}

#my_confirm .btn_grey:first-child {
  margin-right: 1em;
}

#my_confirm .btn_grey:only-child {
  margin: 0;
}

/* 終了メッセージ表示用（共通）  */
.end_msg {
  padding:20% 0;
  letter-spacing: 0.2em;
}
.end_msg .title_area {
  font-size: 16px;
  text-align: center;
  padding:0 3.125% 20px 3.125%;
  font-weight:bold;
}
.end_msg .msg_area {
  text-align: center;
  padding: 0 30px;
}
.end_btn {
  padding-bottom: 20px;
  text-align: center;
}

.end_btn .btn_silver, .end_btn .btn_silver span {
  display: inline-block;
  height: 35px;
  line-height: 36px;
  min-width: 50px;
/*  background: url(../../images/mobile/btn_white.gif) no-repeat top left;*/
/*  color: #6C6360;*/
  background: var(--bg-btn-main);
  color: var(--tx-btn-main);
  border-radius: var(--rd-btn-main);

  font-size: 15px;
  font-weight: bold;
  /* for IE6 */
  *display: inline;
  zoom: 1;
  cursor: pointer;
}

.end_btn .btn_silver, .end_btn .btn_silver:hover {
  min-width: 60px;
  padding-left: 30px;
  color: #6C6360;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
}

.end_btn .btn_silver span { background-position: right top !important; padding-right: 30px; }


/* 高解像度デバイス対応 */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #btn_menu {
/*      background: url(../../images/mobile/btn_menu@2x.png) no-repeat; */
      background: url(../../images/mobile/btn_menu.png) no-repeat;
      background-size: 34px 34px;
    }

    #header_inner {
/*      background: url(../../images/mobile/bg_header@2x.png) repeat-x top left; */
      background-size: 16px 46px;

    }

    .btn_home {
/*      background: url(../../images/mobile/btn_home@2x.png); */
      background: url(../../images/mobile/btn_home.png) no-repeat;
      background-size: 34px 34px;
    }
}

/*　◆ヘッダー（言語切替表示域）◆　*/

/*#header #l_change { */
#l_change {
  text-align:right;
  padding:5px 15px 5px 0;
  min-height:18px;
  height:auto !important;
  height:18px;
  color:#808080;
  font-weight:bolder;
  border-bottom: 1px dashed #89685A;
}

#l_change a:link {
  text-decoration:none;
}

#l_change a:visited {
  text-decoration:none;
}

#l_change .no_select {
  cursor: pointer;
  /*color: #000080;*/
}

#l_change .no_select:hover {
  text-decoration:underline;
}

#l_change .selected {
  color: #523b2e;
  font-weight:bold;
  cursor: default;
  pointer-events: none;
  background-color:#ff9900;
  padding: 2px 10px;
  border-radius:8px;
}

#totop-scroller {
display: none;
}

#opc_help .btn_green:hover{
  cursor: pointer;
}

.portal_menu_mobile_srh {
  margin-top: 50px;
}

#frm_opc {
  display:none;
}


#print_date{
  display: none;
}

#help_link {
  display: none;
}

.touch_panel_pagination {
  display: none;
}

.detail_link {
  display: none;
}

.expander {
  display: none;
}

#siryo_copy {
  display: none;
}

#expiration_date {
  font-size: 0.9em;
  text-align: center;
  position: absolute;
  top: 8px;
  right: 40px;
  line-height: 1.1em;
  color: #fffaf4;
  z-index: 600;
  transform: scaleX(0.8);
  transform-origin: right top 0;
}

#expiration_date strong {
  font-size: 0.8em;
}

.notice { padding: 1em; }

.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }





.btn_green_x, .btn_green_x span {
  border: none !important; /* reset css */
  padding:0;               /* reset css */
  margin:0;                /* reset css */
/*  background: rgba(0, 0, 0, 0) url("../../images/mobile/btn_white.gif") no-repeat scroll left top;*/
/*  color: #6c6360;*/
  background: var(--bg-btn-main);
  color: var(--tx-btn-main);
  border-radius: var(--rd-btn-main);

  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 35px;
  line-height: 36px;
}
.btn_green_x, .btn_green_x:hover{
  color: #6c6360;
  font-size: 15px;
  min-width: 60px;
  padding-left: 35px;
  text-align: center;
  text-decoration: none;
}
.btn_green_x span {
  background-position: right top !important;
  padding-right: 35px;
}