@charset "utf-8";

/* -------------------------------------------------- */
/* module */
/* -------------------------------------------------- */
.item-list > ul.pager {
	margin: 40px auto 0 auto;
	padding: 0;
	list-style: none;
	justify-content: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-ranking .item-list > ul.pager:not(:target) {
	margin-top: 80px;
  }
}
.item-list > ul.pager > li {
	margin: 0 0.4em;
	font-family: "TP Mincho StdN Low R";
	font-size: 1.4rem;
}
.item-list .pager li {
	padding: 0.5em 0.1em;
}
.item-list > ul.pager > li a {
	text-decoration: none;
}
.item-list > ul.pager > li > .pager-current {
	font-family: "TP Mincho StdN Low H";
}

.item-list > ul.pager > li.pager-previous:before,
.item-list > ul.pager > li.pager-next:after{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 9px;
}

.util-ar {
	text-align: right;
	font-size: 1.4rem;
	line-height: 2;
}

.mod-form-message {
	border: 2px solid #000000;
	margin: 30px 0 0;
	padding: 19px;
}
.mod-form-message-error, .mod-form-message-notice {
	color: #ff0000;
}
.mod-form-message ul {
	font-size: 1.4rem;
	font-weight: bold;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.mod-form-message-error ul {
	list-style: outside none disc;
	padding-left: 20px;
}
.mod-form-error {
	background: #ffe8e8;
}


/* -------------------------------------------------- */
/* base */
/* -------------------------------------------------- */
body {
	background: #ffffff;
	color: #000000;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	min-width: 1074px;
}

input[type="text"] {
	font-family: sans-serif;
}

/* -------------------------------------------------- */
/* link */
/* -------------------------------------------------- */
a {
	color:#000000;
	text-decoration: underline;
}
a:hover {
	color: #a1a1a1;
}

label {
	font-weight: normal;
}

/* -------------------------------------------------- */
/* table */
/* -------------------------------------------------- */
table tbody, th {
	border: none;
}
tr.even, tr.odd {
	background-color: #fff;
}

/* -------------------------------------------------- */
/* headline */
/* -------------------------------------------------- */
.not-front h1.title {
	margin: 0;
	font-size: 4rem;
	font-family: "TP Mincho StdN High M";
	display: table-cell;
	font-weight: normal;
	position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-switch-detail h1.title:not(:target),
  .page-volumes h1.title:not(:target) {
	position: relative;
	top: 0.18em;
  }
}
.page-library-search-results h1.title,
.page-ranking h1.title,
.page-newly-list h1.title {
	position: relative;
	top: 0;
	left: -180px;
	font-size: 40px;
}
.page-switch-detail h1.title,
.page-volumes h1.title {
	font-size: 40px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-library-search-results h1.title:not(:target),
  .page-ranking h1.title:not(:target),
  .page-newly-list h1.title:not(:target) {
	top: 8px;
  }
}
.page-library-search-results .mod-sub-heading h3 {
	display: inline-block;
	font-family: "TP Mincho StdN Middle M";
	font-size: 26px;
	margin: 0;
	position: relative;
	top: -30px;
	left: -180px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-library-search-results .mod-sub-heading h3:not(:target) {
	top: -26px;
  }
}
.page-switch-detail .mod-sub-heading h3,
.page-volumes .mod-sub-heading h3,
.page-library-search-conditions .mod-sub-heading h3 {
	display: inline-block;
	font-family: "TP Mincho StdN Middle M";
	font-size: 26px;
	/*font-size: 2.6rem;*/
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-switch-detail .mod-sub-heading h3:not(:target) {
	top: -5.85em;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-volumes .mod-sub-heading h3:not(:target) {
	top: 4px;
  }
}
.page-switch-detail .mod-sub-heading h3 {
	display: inline-block;
	font-family: "TP Mincho StdN Middle M";
	font-size: 26px;
	margin: 0 auto;
	position: relative;
	top: -171px;
	left: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-switch-detail .mod-sub-heading h3:not(:target) {
	top: -175px;
  }
}
.page-newly-list .mod-sub-heading h3,
.page-ranking .mod-sub-heading h3 {
	display: inline-block;
	font-family: "TP Mincho StdN Middle M";
	font-size: 26px;
	/*font-size: 2.6rem;*/
	margin: 0;
	position: relative;
	top: -100px;
	left: -180px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-newly-list .mod-sub-heading h3:not(:target)
  .page-ranking .mod-sub-heading h3:not(:target) {
	top: -3.7em;
  }
}

.page-kids h2 {
	font-size: 4rem;
}

h3 {
	font-family: "TP Mincho StdN Middle M";
	font-size: 2.6rem;
	margin: 0;
	font-weight: normal;
	margin-top: 40px;
}

h4 {
	font-family: "TP Mincho StdN Middle M";
	font-weight: normal;
}

h5 {
}

h6 {
}



/* -------------------------------------------------- */
/* container */
/* -------------------------------------------------- */

.is-1column .layout-content-main {
    float: none;
    width: 1060px;
}
/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
.layout-header {
	width: 1060px;
	margin: 0 auto;
	padding: 27px 0 0;
	position: relative;
}
.not-front .layout-header {
	padding-top: 0;
}
.mod-header-logo {
	text-align: center;
}
.mod-header-logo > a > h1 {
	margin: 0 auto;
	font-size: 1rem;
	display: inline-block;
}
.mod-header-logo > a > h1 > img{
	vertical-align: bottom;
	width: auto;
	height: 30px;
}

.layout-header-element {
	margin: 0 auto;
	line-height: 1;
	display: table;
	margin: 16px auto 21px;
	position: relative;
}
.layout-header-element .block-menu,
.layout-header-element .block-text-resize,
.layout-header-element .block-locale,
.layout-header-element .block-library-user {
	display: table-cell;
}

/*** head primary menu ***/
.layout-header-element .block ul.menu  {
	margin: 0;
	padding: 0 30px 0 0;
	border-right: 1px solid;
	list-style: none;
}
.layout-header-element .block ul.menu li {
	margin: 0 0 0 30px;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
	display: inline-block;
}
.layout-header-element .block ul.menu li a {
	text-decoration: none;
}
.layout-header-element #library-user-simple-search-form {
	z-index: 120;
	zoom: 100%;
}
/*** text-resize ***/
.layout-header-element span.mod-header-nav {
	display: none;
}
.mod-header-fontsize > dl {
	margin: 0 30px;
	list-style: none;
	font-family: "TP Mincho StdN Low M";
}
.mod-header-fontsize > dl dt,
.mod-header-fontsize > dl dd{
	display: inline-block;
}
.mod-header-fontsize > dl dt{
	margin: 0 15px 0 0;
}
.mod-header-fontsize > dl dd{
	margin: 0;
	cursor: pointer;
}
.mod-header-fontsize > dl dd:after{
	content: "\30fb";
}
.mod-header-fontsize > dl dd:hover{
	color: #a1a1a1;
}
.mod-header-fontsize > dl dd:last-child:after{
	content: "";
}
.mod-header-fontsize > dl dd.mod-header-fontsize-small{ font-size: 1rem; }
.mod-header-fontsize > dl dd.mod-header-fontsize-default{ font-size: 1.2rem; }
.mod-header-fontsize > dl dd.mod-header-fontsize-large{ font-size: 1.4rem; }
.mod-header-language > ul {
	margin: 0;
	padding: 0 30px 0 0;
	border-left: 1px solid;
	list-style: none;
}

/*** language ***/
.block-locale ul.language-switcher-locale-url {
	margin: 0;
	padding-left: 30px;
	border-left: 1px solid;
	list-style: none;
}
.block-locale ul.language-switcher-locale-url li {
	margin: 0 30px 0 0;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
	display: inline-block;
}
.block-locale ul.language-switcher-locale-url li a {
	text-decoration: none;
}


/*** search ***/
.layout-header-element .block-library-user {
	vertical-align: text-bottom;
	display: inline-block;
}
.layout-header-element #library-user-simple-search-form tbody {
	border: none;
}
.layout-header-element #library-user-simple-search-form .form-item {
	margin: 0;
	padding: 0;
}
.layout-header-element #library-user-simple-search-form input[type="text"] {
	margin: 0 0 0 10px;
	padding: 3px 5px;
	border: 0;
	border-left: 1px solid #000000;
	background: #f4f4f4;
	position: relative;
	top: 1px;
	width: 90px;
}
.layout-header-element #library-user-simple-search-form input[type="submit"] {
	position: relative;
	left: -120px;
	top: 2px;
	background: url("../images/icon-search.png") no-repeat right bottom transparent;
	width: 12px;
	height: 12px;
	display: inline-block;
	border: none;
	text-indent: -9999px;
}

/*input submit*/
.mod-form-input-submit {
	width: 448px;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 10px 0;
	display: block;
	border: 2px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	background: #ffffff;
}
.mod-form-input-submit:hover {
	background: #297c0c;
	color: #ffffff;
}

.mod-form-btn-double a {
	margin: 40px 110px 0 0;
	padding: 5px 0;
	float: left;
	width: 340px;
}
.mod-form-btn-double a label {
	display: inline-block;
	font-weight: normal;
}

/* error buton */
.mod-error-btn,
.mod-again-search-btn {
	margin: 50px 0 0 0;
}
.mod-error-btn > p,
.mod-again-search-btn > p {
	margin: 0;
}
.mod-error-btn > p > a,
.mod-again-search-btn > p > a{
	width: 428px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	border: 2px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	text-decoration: none;
}
.mod-error-btn > p > a:hover,
.mod-again-search-btn > p > a:hover{
	color: #ffffff;
	background: #297c0c;
}

/*** mypage-button ***/
.layout-header-function{
	display: table;
	position: absolute;
	top: -10px;
	right: 0;
}
.mod-header-member a {
	padding: 0 0 0 20px;
}
.mod-header-mypage {
	display: inline-block;
	padding: 0 0 0 20px;
}
.mod-header-mypage > p {
	margin: 0;
	padding: 0;
	display: inline-block;
	background: #297c0c;
	border: 1px solid #297c0c;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low H";
	letter-spacing: 1px;
}
.mod-header-mypage > p > a {
	padding: 8px 17px;
	color:#ffffff;
	display: block;
	text-decoration: none;
}
.mod-header-mypage > p > a:hover{
	color:#297c0c;
	background: #ffffff;
}

/* -------------------------------------------------- */
/* globalnav */
/* -------------------------------------------------- */
.layout-globalnav {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.layout-globalnav > ul{
	width: 1060px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;

}
.layout-globalnav > ul > li{
	font-family: "TP Mincho StdN Low M";
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 1px;
}
.layout-globalnav > ul > li > a {
	padding: 30px 0;
	display: block;
}

#highlighted {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 0;
}
#highlighted .block-nice-menus {
	margin-top: 30px !important;
}
#highlighted ul.nice-menu {
	width: 1060px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#highlighted ul.nice-menu li {
	font-family: "TP Mincho StdN Middle R";
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 1px;
	border: none;
	background-color: transparent;
}
#highlighted ul.nice-menu li a {
	padding: 0;
	display: inline;
	color: inherit;
	text-decoration: none;
}
#highlighted ul.nice-menu li a:hover {
	color: #000000;
	border-bottom: 2px solid;
}

#highlighted ul.nice-menu-down {
	float: none;
}
#highlighted ul.nice-menu-down li.menuparent {
	background-position: right 3px;
	padding: 0 16px 0 0;
}
#highlighted ul.nice-menu ul {
	top: 1.35em;
	border: none;
	background-color: #fff;
	opacity: 0.95;
}
#highlighted ul.nice-menu ul li {
	white-space: nowrap;
	border-bottom: 1px dotted;
	display: inline-block;
	width: 5.5em;
}
#highlighted ul.nice-menu ul li a {
	padding: 10px;
	font-size: 1.5rem;
	display: block;
}
#highlighted ul.nice-menu ul li a:hover {
	border: none;
	color: #a1a1a1;
}

/* -------------------------------------------------- */
/* container */
/* -------------------------------------------------- */
.layout-container {
	border-bottom: 1px solid #000000;
	padding: 28px 0 72px 0;
	display: inline-block;
	width: 100%;
}
.not-front .layout-container {
	padding-top: 0;
}
.not-front .container {
	width: 1070px;
	margin: 30px auto 0 auto;
}
/* -------------------------------------------------- */
/* side */
/* -------------------------------------------------- */
#sidebar-first h3 {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	letter-spacing: -1px;
}
#sidebar-first ul#genre_tree {
	margin: 20px 0 0 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid;
	list-style: none;
	font-size: 1.1rem;
	font-family: "TP Mincho StdN Low M";
}

#sidebar-first ul#genre_tree li {
	cursor: pointer;
	margin: 10px 0 0;
	overflow: hidden;
}
#sidebar-first ul#genre_tree ul:last-child li:before {
	content: "\ff0d";
}
#sidebar-first ul:last-child#genre_tree ul li:before {
	content: none;
}
#sidebar-first ul#genre_tree li.lastExpandable {
	margin-top: 0;
}
#sidebar-first ul#genre_tree a {
	text-decoration: none;
}
.treeview .hover {
	color: #000;
}
.treeview li {
	background: none;
	padding: 0 0 0 1em;
}
.treeview .hitarea {
	background: none;
	width: 1em;
	margin-left: -1em;
}
.treeview .hitarea.expandable-hitarea:before {
	content: "\ff0b";
}
.treeview .hitarea.collapsable-hitarea:before {
	content: "\ff0d";
}
.treeview li.lastCollapsable,
.treeview li.lastExpandable {
	background: none;
}
.genre_tree_selected {
	background: #297c0c;
	border-radius: 3px;
	color: #ffffff;
}
.view-id-archive {
	margin: 30px 0 0 0;
}
.view-id-archive h3 {
	margin: 0;
	font-weight: normal;
	font-size: 1.1rem;
	font-family: "TP Mincho StdN Low M";
}
#sidebar-first ul.menu,
.view-id-archive ul.views-summary {
	margin: 20px 0 0;
	padding: 0 0 30px 0;
	list-style: none;
	border-bottom: 1px solid;
}
#sidebar-first ul.menu li,
.view-id-archive ul.views-summary li {
	margin: 10px 0 0 0;
	font-size: 1.1rem;
	font-family: "TP Mincho StdN Low M";
	list-style: none;
}
#sidebar-first ul.menu li a,
.view-id-archive ul.views-summary li a {
	text-decoration: underline;
}

/**********************************************************
 * ジャンルツリー用文言・ボタン
 */
div.genre_tree_description {
  font-size: inherit;
  margin-top: 10px;
}

#edit-genre-tree-submit,
#edit-genre-tree-reset {
  display: inline-block;
  margin: 20px auto;
  padding: 1px 10px;
  border: 1px solid;
  background: #ffffff;
  font-size: 1rem;
  font-family: "TP Mincho StdN Low B";
}
#edit-genre-tree-submit-top,
#edit-genre-tree-reset-top {
  display: inline-block;
  margin: 10px auto 0px auto;
  padding: 1px 10px;
  border: 1px solid;
  background: #ffffff;
  font-size: 1rem;
  font-family: "TP Mincho StdN Low B";
}
#edit-genre-tree-submit,
#edit-genre-tree-submit-top {
  margin-right: 1em;
}
#edit-genre-tree-submit:hover,
#edit-genre-tree-submit-top:hover,
#edit-genre-tree-reset:hover ,
#edit-genre-tree-reset-top:hover {
  background: #000000;
  color: #ffffff;
}
/**********************************************************/


/* -------------------------------------------------- */
/* form element */
/* -------------------------------------------------- */

/*layout*/
.mod-form{
	width: 790px;
}
.mod-form table{
	width: 100%;
	margin: 30px 0 0 0;
}
.mod-form table th{
	width: 160px;
	padding: 0 20px 20px 0;
	text-align: right;
	vertical-align: top;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	white-space: nowrap;
	line-height: 2;
}
.mod-form table th select{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.mod-form table td{
	padding-bottom: 20px;
	font-size: 1.4rem;
	overflow:hidden;
	vertical-align: top;
	line-height: 2;
}
.mod-form table td label{
	font-family: "TP Mincho StdN Low M";
}
.mod-form table td p{
	margin: 0;
}
.mod-form-agree{
	margin: 0;
	padding: 19px 39px;
	border: 1px solid;
}
.mod-form-agree dt{
	margin: 0 0 1em 0;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.mod-form-agree dd{
	margin: 1em 0 0 0;
	position: relative;
}
.mod-form-agree dd span{
	vertical-align: top;
}
.mod-form-agree-text {
	width: 550px;
	padding: 0 20px 0 0;
}
.mod-form-agree-text a {
	margin-left: 21.5em;
	font-weight: bold;
}
.mod-form-agree-checkbox {
	width: 140px;
	text-align: right;
	white-space: nowrap;
	position: absolute;
	right: 0;
}
.mod-form-float-right{
	margin: 0 0 0 10px;
	float: right;
}
.mod-form-float-left{
	margin: 0 10px 0 0;
	float: left;
}
.mod-form-xxl { width: 600px !important; }
.mod-form-xl { width: 470px !important; }
html.is-large-font .mod-form-xl{ width: 410px !important; }
.mod-form-l{ width: 430px !important; }
.mod-form-m{ width: 390px !important; }
html.is-large-font .mod-form-m{ width: 330px !important; }
.mod-form-s{  }
.mod-form-xs{ width: 100px !important; }
.mod-form-genre-xl { width: 480px !important; }
.mod-form-genre-l{ width: 440px !important; }
.mod-form-genre-m{ width: 400px !important; }
.mod-form-genre-s{ width: 360px !important; }
.mod-form-genre-xs{ width: 320px !important; }
.mod-form-input-after-text{
	width: 3em;
	padding: 10px 0.5em;
	display: inline-block;
}

/*select*/
.mod-form-select select {
	margin: 0;
	padding: 0 20px 0 4px;
	position: relative;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	background: #ffffff;
	width: 100%;
	height:37px;
	border-radius: 0;
}
.mod-form-select::-ms-expand {
	display: none;
}
.mod-form-select select::-ms-expand {
	display: none;
}
.mod-form-error select{
	background: #ffe8e8;
}
.mod-form-select div {
	position: relative;
}
.mod-form-select div:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 7px;
	height: 7px;
	margin: -4px 0 0 0;
	background: url(../images/arrow-down.png) 0 0 no-repeat;
	background-size: 7px 7px;
	pointer-events: none;
}


/*checkbox*/
input[type=checkbox] {
	display: none;
}
.mod-form-checkbox {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 0 40px 0 0;
	padding: 0 0 0 30px;
	vertical-align: middle;
	cursor: pointer;
}
.mod-form-checkbox:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 19px;
	height: 19px;
	border: 1px solid #000000;
	content: '';
}
.mod-form-checkbox:before {
	position: absolute;
	top: 50%;
	left: 7px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index:100;
}
input[type=checkbox]:checked + .mod-form-checkbox:before {
	opacity: 1;
}
input[type=checkbox]:checked + .mod-form-checkbox:after{
	background: #297c0c;
}

/*input text*/
.mod-form-input-text{
	margin: 0;
	padding: 0 4px;
	border: 1px solid;
	display: inline-block;
	height: 35px;
	line-height: 35px;
}

/*input submit*/
.mod-form-input-submit{
	width: 448px;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 10px 0;
	display: block;
	border: 2px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	background: #ffffff;
}
.mod-form-input-submit:hover{
	border: 2px solid #297c0c;
	background: #297c0c;
	color: #ffffff;
}
.mod-form-btn-double .mod-form-input-submit{
	width: 340px;
	float: left;
}
.mod-form-btn-double .mod-form-input-submit:first-child{
	margin: 30px 110px 0 0;
}
.mod-form-btn-reset{
	background: none;
	border: none;
	-webkit-appearance: none;
	outline: none;
	text-align: center;
	margin: 0 auto 0 53%;
	display: block;
	font-family: "TP Mincho StdN Low M";
	font-size: 1.4rem;
	text-decoration: underline;
}
.mod-form-btn-reset:hover{
	color: #a1a1a1;
}

.page-my-page-user-input .mod-form-input-submit.mod-form-input-submit2 {
	margin-top: 5px;
}
.page-my-page-user-input div.privacy_class {
	width: 448px;
	text-align: center;
}
.page-my-page-user-input .privacy_link {
	font-weight: bold;
}

.page-my-page-user-input label.password_now,
.page-my-page-password-input label.password_now {
  color: #FF0000;
}

/* -------------------------------------------------- */
/* container */
/* -------------------------------------------------- */
.layout-container {
	padding: 28px 0 140px 0;
	border-bottom: 1px solid #000000;
}
.layout-container.is-child {
	background: url(../images/bg-child.png) 0 0 repeat;
	border-bottom: none;
}
.page-kids .layout-container {
	padding-bottom: 0;
}
.layout-content {
	width: 1060px;
	margin: 30px auto 0 auto;
	overflow: hidden;
}
.page-my-page-login .layout-content {
	margin-top: 0;
}
.layout-content.is-event-detail{
	padding: 3px 0 0 0;
	width: 1063px;
}
.layout-content.is-addsearch{
	background: url(../images/icon-closs.png) 152px 17px no-repeat;
}
.layout-content-main {
	width: 880px;
	border-top: 1px solid;
}
.page-theme-list  .layout-content {
	margin-top: 18px;
}
.page-theme-list .layout-content-main {
	border: none;
}
.page-my-page .layout-content-main {
	margin-top: 66px;
}
.page-my-page-reservation .layout-content-main {
	margin-top: 65px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-my-page-reservation-modify .layout-content-main:not(:target),
  .page-my-page-reservation-modify-confirm .layout-content-main:not(:target) {
	margin-top: 70px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-my-page-reservation-modify-finished:not(:target) {
	margin-top: 66.5px;
  }
}

.page-fare-list .layout-content-main,
.page-my-page-reservation-register .layout-content-main {
	border: none;
}
.page-my-page-login .layout-content-main,
.page-my-page-menu .layout-content-main {
	margin-top: 0;
}
.is-mypage-top .layout-content-main,
.is-event-detail .layout-content-main{
	border: 0;
	position: relative;
}
.layout-content-side{
	width: 135px;
	border-top: 1px solid;
}
.is-1column .layout-content-main{
	width: 1060px;
	float: none;
}
.is-form .layout-content-main,
.is-event .layout-content-main{
	border: 0;
}
.is-event .layout-content-side{
	margin: 3px 0 0 0;
}

/* -------------------------------------------------- */
/* heading */
/* -------------------------------------------------- */
.views-exposed-form .views-exposed-widget .form-submit {
	margin: 0;
}

.views-exposed-form,
.view-header  {
	display: table-cell;
	text-align: right;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
	position: absolute;
	right: 0;
	top: 1.7em;
}
.views-exposed-form label,
.views-exposed-form div,
.view-header label,
.view-header div {
	display: inline;
	font-weight: normal;
}
.page-event-list .views-exposed-form .views-exposed-widget {
	padding-right: 0.5em !important;
}

.views-exposed-form .views-exposed-widget.views-submit-button,
..view-header .views-exposed-widget.views-submit-button {
	padding-right: 0;
}
/* input submit */
.views-submit-button input[type="submit"],
#library-user-search-results-form table#my-table1 input[type="submit"],
.mod-addsearch table.tbl-head td input[type="submit"],
#edit-submit-show-al,
#library-user-volumes-form table#my-table1 input[type="submit"] {
	border: 1px solid;
	margin: 0 0 0 20px;
	padding: 0 10px;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
	background: none;
}
.views-exposed-form .views-widget-filter-field_eventtype_tid {
	position: relative;
	top: 0.5em;
}
.views-exposed-form .views-widget-filter-field_location_tid,
.view-header .views-widget-filter-field_location_tid {
	position: absolute;
	right: -3em;
	top: 0.5em;
}
.views-exposed-form .form-item-sort-by,
.view-header .form-item-sort-by {
	position: absolute;
	right: -4em;
	top: -1.7em;
}

.views-exposed-form .form-item-field-eventtype-tid select,
.views-exposed-form .form-item-field-location-tid select,
.views-exposed-form .form-item-sort-by select,
.view-header .form-item-field-location-tid select,
.view-header .form-item-sort-by select {
	position: relative;
	padding: 0 2em 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background: #ffffff;
}
.views-exposed-form .form-item-field-eventtype-tid select::-ms-expand,
.views-exposed-form .form-item-field-location-tid select::-ms-expand,
.views-exposed-form .form-item-sort-by select::-ms-expand,
.view-header .form-item-field-location-tid select::-ms-expand,
.view-header .form-item-sort-by select::-ms-expand {
	display: none;
}
.views-exposed-form .form-item-field-eventtype-tid,
.views-exposed-form .form-item-field-location-tid,
.views-exposed-form .form-item-sort-by,
.view-header .form-item-field-location-tid select,
.view-header .form-item-sort-by select {
	position: relative;
}
.views-exposed-form .form-item-field-eventtype-tid:after,
.views-exposed-form .form-item-field-location-tid:after,
.views-exposed-form .form-item-sort-by:after,
.view-header .form-item-field-location-tid:after,
.view-header .form-item-sort-by:after {
	background: rgba(0, 0, 0, 0) url("../images/arrow-down.png") no-repeat scroll 0 0 / 7px 7px;
	content: " ";
	display: block;
	height: 7px;
	margin: -4px 0 0;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	width: 7px;
}


/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
.layout-footer .container {
	width: 1060px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
	display: table;
}
.layout-footer .container .block {
	display: table-cell;
	vertical-align: bottom;
}
.mod-footer-nav > ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
.mod-footer-nav > ul > li {
	margin: 0 0.5em 0 0;
	padding: 0 0 0 0.5em;
	border-left: 1px solid;
	display: inline-block;
	font-size: 1.4rem;
	color: #505050;
}
.mod-footer-nav > ul > li:first-child{
	padding-left: 0;
	border: 0;
}
.mod-footer-nav > ul > li.mod-footer-nav-sp:before{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 14px;
	vertical-align: middle;
	background: url(../images/icon-smartphone.png) 0 0 no-repeat;
}
.mod-footer-nav > ul > li > a {
	color: #505050;
	text-decoration: none;
}
.mod-footer-address > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mod-footer-address > ul > li{
	margin: 0 1em 0 0;
	display: inline-block;
	font-size: 1rem;
	color: #505050;
}
.mod-footer-address > ul > li > a{
	color: #505050;
}
.mod-footer-copyright p {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color: #505050;
}
.mod-top {
	position: relative;
}
.mod-top > p {
	margin: 0;
	padding: 0;
	font-family: "TP Mincho StdN Low M";
	font-size: 1.2rem;
	letter-spacing: 1px;
	text-align: right;
	position: relative;
}
.mod-top > p > a:after{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 9px;
	background: url(../images/arrow-top.png) 9px 0 no-repeat;
}
.mod-top > p > a {
	text-decoration: none;
}
.mod-btn-sns > ul {
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.mod-btn-sns > ul > li {
	margin: 0 0 0 10px;
}
.mod-btn-sns ul li a {
	height: 21px;
	width: 21px;
	display: inline-block;
	text-indent: -9999px;
}
.mod-btn-sns ul li.tumblr {
	background: url(../images/icon-sns-tumblr.png) 0 0 no-repeat;
}
.mod-btn-sns ul li.slideshare {
	background: url(../images/icon-sns-slideshare.png) 0 0 no-repeat;
}
.mod-btn-sns ul li.linkedin {
	background: url(../images/icon-sns-linkedin.png) 0 0 no-repeat;
}
.mod-btn-sns ul li.pinterest {
	background: url(../images/icon-sns-pinterest.png) 0 0 no-repeat;
}
.mod-btn-sns ul li.instagram {
	background: url(../images/icon-sns-instagram.png) 0 0 no-repeat;
}
.mod-btn-sns ul li.facebook {
	background: url(../images/icon-sns-facebook.png) 0 0 no-repeat;
}
.mod-btn-sns ul li.twitter {
	background: url(../images/icon-sns-twitter.png) 0 0 no-repeat;
}

/* -------------------------------------------------- */
/* Search */
/* -------------------------------------------------- */
#library-user-simple-search-conditions-form {
	display: block;
	width: 1060px;
	border-top: 1px solid;
	margin-top: 30px;
	padding-top: 40px;
}

#library-user-simple-search-conditions-form table {
	position: relative;
	width: auto;
	top: -4em;
}
#library-user-simple-search-conditions-form table caption {
	margin: 0 0 0 285px;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle M";
	font-weight: normal;
	text-align: left;
}
#library-user-simple-search-conditions-form table#my-table2 caption,
#library-user-simple-search-conditions-form table#my-table3 caption {
	margin: 0;
	font-size: 2rem;
	font-family: "TP Mincho StdN Middle M";
	font-weight: normal;
	text-align: left;
}
#library-user-simple-search-conditions-form table#my-table2 caption {
	margin-top: -2.4em;
}
#library-user-simple-search-conditions-form table#my-table3 caption {
	border-top: 1px solid;
	padding-top: 30px;
	margin-bottom: -37px;
	width: 100%;
}
#library-user-simple-search-conditions-form table tbody {
	border-top: none;
}
#library-user-simple-search-conditions-form table th,
#library-user-simple-search-conditions-form table td {
	padding: 0 10px;
	vertical-align: text-top;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	white-space: nowrap;
	line-height: 2;
}
#library-user-simple-search-conditions-form table td:first-child {
	text-align: right;
	width: 10em;
	padding-right: 5px;
	padding-left: 250px;
}
#library-user-simple-search-conditions-form table#my-table1 {
	margin-top:0;
	width: 100% !important;
}
#library-user-simple-search-conditions-form table#my-table1 td {
	padding-top: 2.2em;
	padding-bottom: 6px;
}
#library-user-simple-search-conditions-form table#my-table3 {
	margin-top: 166px;
	width: auto;
}
#library-user-simple-search-conditions-form table td input[type="text"] {
	border: 1px solid;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 4px;
	width: 390px;
}
#library-user-simple-search-conditions-form table td .form-item-uniq-code input[type="text"] {
	width: 608px;
}
#library-user-simple-search-conditions-form table td ul.my_tg_ul li {
	margin: 0;
}
#library-user-simple-search-conditions-form table#my-table2 td input[type="text"] {
	width: 20.5em;
}
#library-user-simple-search-conditions-form table td select {
	margin: 0;
	padding: 0 20px 0 4px;
	position: relative;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	background: #ffffff;
	width: 100%;
	height:37px;
	border-radius: 0;
}
#library-user-simple-search-conditions-form table td select::-ms-expand {
	display: none;
}
#library-user-simple-search-conditions-form table td div.form-type-select:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 7px;
	height: 7px;
	margin: -4px 0 0 0;
	background: url(../images/arrow-down.png) 0 0 no-repeat;
	background-size: 7px 7px;
	pointer-events: none;
}

#library-user-simple-search-conditions-form table td div {
	display: inline-block;
	margin-bottom: 0.5em;
	position: relative;
	z-index: 450;
}

#library-user-simple-search-conditions-form table#my-table5 td {
	white-space: normal;
	padding-left: 405px;
	text-align: left;
	text-indent: -26px;
}

#library-user-simple-search-conditions-form table#my-table5 td {
	width: 620px;
}

#library-user-simple-search-conditions-form input#edit-submit-keyword {
	width: 448px;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 10px 0;
	display: block;
	border: 2px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	background: #ffffff;
	position: absolute;
	bottom: -87px;
	left: 22.5em;
}

#library-user-simple-search-conditions-form input#edit-submit-keyword:hover {
	background: #297c0c none repeat scroll 0 0;
	border: 2px solid #297c0c;
	color: #ffffff;
}


#library-user-search-conditions-form {
	display: table-cell;
	width: 1060px;
}
.form-checkboxes .form-item, .form-radios .form-item {
	margin: 0;
}

#library-user-search-conditions-form table {
	position: relative;
	width: auto;
}
#library-user-search-conditions-form table caption {
	margin: 0 0 0 285px;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle M";
	font-weight: normal;
	text-align: left;
}
#library-user-search-conditions-form table#my-table2 caption,
#library-user-search-conditions-form table#my-table3 caption {
	margin: 0;
	font-size: 2rem;
	font-family: "TP Mincho StdN Middle M";
	font-weight: normal;
	text-align: left;
}
#library-user-search-conditions-form table#my-table2 caption {
	margin-top: -2.4em;
}
#library-user-search-conditions-form table#my-table3 caption {
	border-top: 1px solid;
	padding-top: 40px;
	margin-bottom: -37px;
	width: 100%;
}
#library-user-search-conditions-form table tbody {
	border-top: none;
}
#library-user-search-conditions-form table th,
#library-user-search-conditions-form table td {
	padding: 0 10px;
	vertical-align: text-top;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	white-space: nowrap;
	line-height: 2;
}
#library-user-search-conditions-form table td:first-child {
	text-align: right;
	width: 10em;
	padding-right: 5px;
	padding-left: 250px;
}
#library-user-search-conditions-form table#my-table1 {
	border-top: 1px solid;
	margin-top: 2.5em;
	width: 100% !important;
}
#library-user-search-conditions-form table#my-table1 td {
	padding-top: 2.2em;
	padding-bottom: 6px;
}
#library-user-search-conditions-form table#my-table3 {
	margin-top: 166px;
	margin-bottom: -15px;
	width: auto;
}
#library-user-search-conditions-form table td input[type="text"] {
	border: 1px solid;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 4px;
	width: 390px;
}
#library-user-search-conditions-form table td .form-item-uniq-code input[type="text"] {
	width: 594px;
}
#library-user-search-conditions-form table td ul.my_tg_ul li {
	margin: 0;
}
#library-user-search-conditions-form table#my-table2 td input[type="text"] {
	width: 20.5em;
}
#library-user-search-conditions-form table td select {
	margin: 0;
	padding: 0 20px 0 4px;
	position: relative;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid;
	background: #ffffff;
	width: 100%;
	height:37px;
	border-radius: 0;
}
#library-user-search-conditions-form table td select::-ms-expand {
	display: none;
}

#library-user-search-conditions-form table td div.form-type-select:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 7px;
	height: 7px;
	margin: -4px 0 0 0;
	background: url(../images/arrow-down.png) 0 0 no-repeat;
	background-size: 7px 7px;
	pointer-events: none;
}
#library-user-search-conditions-form table td div.form-type-select:after {

}

#library-user-search-conditions-form table td div {
	display: inline-block;
	margin-bottom: 0.5em;
	position: relative;
}

#library-user-search-conditions-form table#my-table5 td {
	white-space: normal;
	vertical-align: top;
}

#library-user-search-conditions-form table#my-table5 div.form-type-checkbox label.option {
	display: inline;
}

#library-user-search-conditions-form input#edit-submit-keyword {
	width: 448px;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 10px 0;
	display: block;
	border: 2px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	background: #ffffff;
	position: absolute;
	bottom: -87px;
	left: 22.5em;
}

#library-user-search-conditions-form input#edit-submit {
	width: 448px;
	text-align: center;
	margin: 43px 0 20px 178px;
	padding: 10px 0;
	display: block;
	border: 2px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	background: #ffffff;
}
#library-user-search-conditions-form input#edit-submit-keyword:hover,
#library-user-search-conditions-form input#edit-submit:hover {
	background: #297c0c none repeat scroll 0 0;
	border: 2px solid #297c0c;
	color: #ffffff;
}

#library-user-search-conditions-form table td ul.my_tg_ul li {
	float: none;
	display: block;
}
#library-user-search-conditions-form table td ul.my_tg_ul li .form-item-tg-l select {
	width: 519px;
	margin-left: 15px;
	font-family: sans-serif;
}
#library-user-search-conditions-form table td ul.my_tg_ul li .form-item-tg-m select {
	width: 479px;
	margin-left: 55px;
	font-family: sans-serif;
}
#library-user-search-conditions-form table td ul.my_tg_ul li .form-item-tg-s select {
	width: 439px;
	margin-left: 95px;
	font-family: sans-serif;
}
#library-user-search-conditions-form table td ul.my_tg_ul li .form-item-tg-p select {
	width: 401px;
	margin-left: 175px;
	font-family: sans-serif;
}
#library-user-search-conditions-form table td ul.my_tg_ul li .form-item-tg-d select {
	width: 361px;
	margin-left: 215px;
	font-family: sans-serif;
}
#library-user-search-conditions-form table td input#edit-pubdate-from,
#library-user-search-conditions-form table td input#edit-volume-from {
	width: 6.3em;
}
#library-user-search-conditions-form table td input#edit-pubdate-to,
#library-user-search-conditions-form table td input#edit-volume-to {
	width: 6.3em;
	margin-left: 0.5em;
}
#library-user-search-conditions-form table td .form-item-libraries label:first-child {
	font-weight: normal;
	padding-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

#edit-library-common-to-top {
	text-align: right;
	position: relative;
	top: -2.5em;
	right: 1em;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
}
#edit-library-common-to-top a {
	text-decoration: none;
}
input[type=checkbox] {
	display: none;
}
.form-type-checkbox label.option {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin: 0 40px 0 0;
	padding: 0 0 0 30px;
	vertical-align: middle;
	cursor: pointer;
}
.form-type-checkbox label.option:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 19px;
	height: 19px;
	border: 1px solid #000000;
	content: '';
}
.form-type-checkbox label.option:before {
	position: absolute;
	top: 50%;
	left: 7px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index:100;
}
input[type=checkbox]:checked + .option:before {
	opacity: 1;
}
input[type=checkbox]:checked + .option:after{
	background: #297c0c;
}

/**********************************************************
 * 前の画面に戻る（検索系）
 */
.mod-search-main-heading-link {
	text-align: right;
	vertical-align: top;
}
#library-user-search-results-form .mod-search-main-heading-link {
	position: absolute;
	top: 95px;
	right: 0;
}
#library-user-volumes-form .mod-search-main-heading-link {
	position: absolute;
	top: 98px;
	right: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-search-results-form .mod-search-main-heading-link:not(:target),
  #library-user-volumes-form .mod-search-main-heading-link:not(:target) {
	top: 102px;
  }
}
.mod-search-main-heading-link p,
.mod-search-main-heading-link div span {
	margin: 0;
	font-size: 14px;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	cursor: pointer;
	z-index: 450;
}
.mod-search-main-heading-link div,
.mod-search-main-heading-link div span {
	display: inline;
}
.mod-search-main-heading-link p a,
.mod-search-main-heading-link a {
	text-decoration: none;
}
.mod-search-main-heading-link p a:hover,
.mod-search-main-heading-link a:hover {
	text-decoration: none;
}
.mod-search-main-heading-link p a:before,
.mod-search-main-heading-link a:before {
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 9px;
	vertical-align: middle;
	background: url(../images/arrow-right.png) 0 0 no-repeat;
}
/**********************************************************/

/* ランキング */
.layout-ranking {
	margin-top: -100px;
}
#library-user-ranking-borrow-form,
#library-user-ranking-reservation-form,
#library-user-newly-form {
	margin-top: 93px;
	border-top: 1px solid;
	width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-ranking-borrow-form:not(:target),
  #library-user-ranking-reservation-form:not(:target),
  #library-user-newly-form:not(:target) {
	margin-top: 95px;
  }
}

#library-user-search-results-form,
#library-user-ranking-borrow-form,
#library-user-ranking-reservation-form,1
#library-user-newly-form {
	position: relative;
}
#library-user-search-results-form {
	margin-top: 54px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-search-results-form:not(:target) {
	margin-top: 56px;
  }
}
#library-user-search-results-form h4,
#library-user-ranking-borrow-form h4,
#library-user-ranking-reservation-form h4,
#library-user-newly-form h4
#library-user-volumes-form h4 {
	text-align: left;
	border-bottom: 1px solid;
	font-weight: normal;
}
#library-user-search-results-form h4 #edit-count,
#library-user-newly-form h4 #edit-count {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 7.2em;
	left: 13.8em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-search-results-form h4 #edit-count:not(:target) {
	top: 93px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-newly-form h4 #edit-count:not(:target) {
	top: 83px;
  }
}
#library-user-volumes-form h4 #edit-count label {
	font-size: 12px;
	position: absolute;
	left: 9em;
	top: 8.3em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-volumes-form h4 #edit-count label:not(:target) {
	top: 8.6em;
  }
}

#library-user-volumes-form h4 #edit-books-count {
	font-size: 12px;
	font-weight: normal;
	position: relative;
	top: 3em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-volumes-form h4 #edit-books-count:not(:target) {
	top: 5em;
  }
}
#edit-genre {
	font-size: 12px;
	position: absolute;
	left: 15.5em;
	top: 6.8em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #edit-genre:not(:target) {
	position: inherit;
	margin-top: -10em;
  }
}


#library-user-search-results-form h4 #edit-count:before,
#library-user-newly-form h4 #edit-count:before,
#library-user-volumes-form h4 #edit-count label:before,
#edit-genre:before {
	content: "_";
}

#library-user-search-results-form table#my-table1,
#library-user-volumes-form table#my-table1 {
	width: auto;
	margin: 0 0 0 auto;
}
#library-user-search-results-form table#my-table1 td,
#library-user-volumes-form table#my-table1 td {
	padding: 0 0 0 0.5em;
}
#library-user-search-results-form table#my-table1 tbody,
#library-user-volumes-form table#my-table1 tbody {
	border: none;
	font-family: "TP Mincho StdN Low M";
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
}

#library-user-volumes-form .mod-magazine-heading {
	border-bottom: 1px solid;
	padding: 18px 0 15px;
	margin-top: 14px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-volumes-form .mod-magazine-heading:not(:target) {
	margin-top: 38px;
  }
}

#library-user-volumes-form table.sticky-enabled {
	margin-top: 30px;
}
#library-user-volumes-form table#my-table1 {
	margin-top: 12px;
}

/* 検索_ */
.mod-addsearch {
	display: inline-block;
	width: 100%;
	zoom: 100%;
}
#library-user-search-results-form .mod-addsearch {
	border: none;
	position: absolute;
	top: 154px;
	right: 0;
}
#library-user-ranking-borrow-form .mod-addsearch,
#library-user-ranking-reservation-form .mod-addsearch {
	position: relative;
	top: 4px;
	right: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-ranking-reservation-form .mod-addsearch:not(:target) {
	top: 16px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-ranking-borrow-form .mod-addsearch:not(:target) {
	top: 0;
  }
}
#library-user-newly-form .mod-addsearch {
	position: relative;
	top: 5px;
	right: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-newly-form .mod-addsearch:not(:target) {
	top: 12px;
  }
}
#library-user-volumes-form .mod-addsearch {
	position: relative;
	top: 12px;
	right: 0;
}
.mod-addsearch:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.mod-addsearch > h3 {
	margin: 0;
	padding: 8px 0;
	font-size: 14px;
	font-family: "TP Mincho StdN Low M";
	display: inline-block;
	float: left;
}
.mod-addsearch table.tbl-head {
	display: inline-block;
	float: right;
	width: auto;
	font-size: 12px;
	font-family: "TP Mincho StdN Low M";
	line-height: 3;
}
.mod-addsearch table.tbl-head td {
	text-align: right;
}
.mod-addsearch table.tbl-head td .form-item,
.mod-addsearch table.tbl-head td .form-actions {
	margin: 0;
	display: inline-block;
}
.mod-addsearch table.tbl-head span {
	padding: 0 0 0 30px;
	font-weight: normal;
}
.mod-addsearch table.tbl-head span.first {
	border-left: 1px solid #a3a3a3;
}
.mod-addsearch table.tbl-head td .mod-right-line {
	border-right: 1px solid #a3a3a3;
	padding-left: 0;
}

.mod-addsearch table.tbl-head td select {
	position: relative;
	padding: 0 2em 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background: transparent;
}
.mod-addsearch table.tbl-head td select::-ms-expand {
	display: none;
}
.mod-addsearch table.tbl-head td .form-type-select {
	position: relative;
}
.mod-addsearch table.tbl-head td .form-type-select:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 7px;
	height: 7px;
	margin: -4px 0 0 0;
	background: url(../images/arrow-down.png) 0 0 no-repeat;
	background-size: 7px 7px;
	pointer-events: none;
}
.mod-publication-list {
	padding-top: 40px;
}
.mod-publication{
	display: table;
	width: 859px;
	height: 160px;
	margin: 0;
	padding: 0 19px 0 0;
	border-left: 1px solid;
	border-right: 1px solid;
}
.mod-publication-image,
.mod-publication-text,
.mod-publication-status{
	display: table-cell;
	vertical-align: top;
}
.mod-publication-image {
	width: 160px;
	padding: 0 0 0 19px;
}
.mod-publication-image > p{
	position: relative;
	background: #fff;
	width: 160px;
	height: 160px;
	margin: 0;
	overflow:hidden;
}
.mod-publication-image > p > a > img{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	max-width: 160px;
	max-height: 160px;
}
.mod-publication-text {
	width: 610px;
	padding: 0 20px 0 20px;
}
.mod-publication-text h4 {
	margin: 0 0 12px 0;
	font-size: 2.4rem;
	font-family: "TP Mincho StdN Middle R";
	font-weight: normal;
	line-height: 1.25;
	border-bottom: none !important;
}
.mod-publication-text h4 a {
	text-decoration: none;
}
.mod-publication-text h5 {
    font-family: "TP Mincho StdN Middle R";
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.25;
    margin: 0 0 12px;
}
.mod-publication-text dl {
	margin: 0;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Middle R";
}
.mod-publication-text dl dt,
.mod-publication-text dl dd {
	margin: 0;
	display: inline-block;
}
.mod-publication-status{
	width: 28px;
	border: 1px solid #000000;
	vertical-align: middle;
}
.mod-publication-status.is-possible{
	background: #f0ffeb;
	border-color: #359812;
	color: #297c0c;
}
.mod-publication-status.is-onloan{
	background: #cbcbcb;
	border-color: #cbcbcb;
	color: #ffffff;
}
.mod-publication-status.is-limited{}
.mod-publication-status.is-impossible{
	background: #cbcbcb none repeat scroll 0 0;
	border-color: #cbcbcb;
	color: #ffffff;
}
.mod-publication-status.is-none{
  background-color: white;
  border: none;
}
.mod-publication-status > p{
	margin: 0 auto;
	width: 1em;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
}

.mod-publication-rank {
	padding: 0 30px 0 14px;
	width: 2em;
}
.mod-publication-rank > p {
	margin: 0;
	font-size: 4rem;
	font-family: "TP Mincho StdN High B";
	line-height: 1;
}

.mod-publication-reserve-count {
  position: relative;
  width: 130px;
  padding: 2px 10px;
  background-color: #669933;
  color: #FFFFFF;
  font-family: 'TP Mincho StdN Middle R';
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

#library-user-switch-detail-form {
	margin-top: 93px;
	margin-bottom: 185px;
	padding-top: 64px;
	border-top: 1px solid;
	position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-switch-detail-form:not(:target) {
	margin-top: 108px;
  }
}
#library-user-switch-detail-form h3 #edit-label-detail,
#library-user-switch-detail-form h3 #edit-label-possession {
	font-size: 26px;
	font-family: "TP Mincho StdN Middle M";
}
#library-user-switch-detail-form h3 #edit-label-detail {
	margin: 40px 0 143px;
	padding: 0 0 30px 0;
	border-bottom: 1px solid;
}
#library-user-switch-detail-form h3 #edit-label-possession {
	margin-top: 100px;
}

#library-user-switch-detail-form h4 #edit-count,
#library-user-switch-detail-form h4 #edit-label-count-info {
	font-size: 12px;
}
#library-user-switch-detail-form h4 #edit-count:before,
#library-user-switch-detail-form h4 #edit-label-count-info:before {
	content: "_";
}
#library-user-switch-detail-form h4 #edit-count {
	position: absolute;
	top: -66px;
	left: 8.8em;
}
#library-user-switch-detail-form h4 #edit-label-count-info {
	position: relative;
	top: -48px;
	left: 4.5em;
	font-weight: normal;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-switch-detail-form h4 #edit-label-count-info:not(:target) {
	top: -50px;
  }
}
#library-user-switch-detail-form #my_ul {
	width: 1060px;
	position: relative;
	margin-top: 0px;
	zoom: 100%;
}
#library-user-switch-detail-form #my_ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#library-user-switch-detail-form #my_ul li {
	text-align: center;
	font-family: "TP Mincho StdN Low R";
	font-size: 1.4rem;
	display: inline-block;
}
#library-user-switch-detail-form #my_ul li a#edit-prev-bib-top,
#library-user-switch-detail-form #my_ul li a#edit-next-bib-top {
	position: absolute;
	top: 1.1em;
	text-decoration: none;
}
#library-user-switch-detail-form #my_ul li a#edit-prev-bib-bottom,
#library-user-switch-detail-form #my_ul li a#edit-next-bib-bottom {
	position: absolute;
	top: 177px;
	text-decoration: none;
}
#library-user-switch-detail-form #my_ul li a#edit-prev-bib-top,
#library-user-switch-detail-form #my_ul li a#edit-prev-bib-bottom {
	left: 0;
}
#library-user-switch-detail-form #my_ul li a#edit-next-bib-top,
#library-user-switch-detail-form #my_ul li a#edit-next-bib-bottom {
	right: 0;
}

#library-user-volumes-form #my_ul {
	width: 1060px;
	position: relative;
	margin-top: 0px;
	zoom: 100%;
}
#library-user-volumes-form #my_ul li {
	text-align: center;
	font-family: "TP Mincho StdN Low R";
	font-size: 14px;
	display: inline-block;
	text-align: center;
}
#library-user-volumes-form #my_ul li a {
	text-decoration: none;
}

#library-user-volumes-form #my_ul li a#edit-prev-bib-top,
#library-user-volumes-form #my_ul li a#edit-next-bib-top {
	position: absolute;
	top: 2em;
	text-decoration: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-volumes-form #my_ul li a#edit-prev-bib-top:not(:target),
  #library-user-volumes-form #my_ul li a#edit-next-bib-top:not(:target) {
	top: 4em;
  }
}
#library-user-volumes-form #my_ul li a#edit-prev-bib-bottom,
#library-user-volumes-form #my_ul li a#edit-next-bib-bottom {
	position: absolute;
	top: 0.5em;
	text-decoration: none;
}
#library-user-volumes-form #my_ul li a#edit-prev-bib-top,
#library-user-volumes-form #my_ul li a#edit-prev-bib-bottom {
	left: 0;
}
#library-user-volumes-form #my_ul li a#edit-next-bib-top,
#library-user-volumes-form #my_ul li a#edit-next-bib-bottom {
	right: 0;
}


#library-user-switch-detail-form .mod-sub-heading-link {
	position: absolute;
	right: 0;
	top: -5.8em;
}
#library-user-switch-detail-form .mod-sub-heading-link > p {
	font-size: 14px;
}
#library-user-switch-detail-form .mod-sub-heading-link a {
	text-decoration: none;
}

.layout-publication-detail {
	display: table;
	margin: 50px 0 0;
	width: 100%;
}
.layout-publication-detail > .mod-publication-detail-data,
.mod-publication-detail-btn {
	display: inline-block;
	vertical-align: top;
	width: 450px;
	position: relative;
}
.mod-publication-detail-btn {
	width: 250px;
}
.mod-publication-detail-btn {
	margin: 40px 90px -8em 720px;
}

.mod-publication-detail-image{
	width: 220px;
	float: left;
}
.mod-publication-detail-text{
	width: 700px;
	display: inline-block;
	margin-left: 50px;
}
.mod-publication-detail-text > h4 {
	margin: 0;
	font-size: 3.2rem;
	font-family: "TP Mincho StdN Middle R";
	font-weight: normal;
	line-height: 1.25;
}
.mod-publication-detail-text > h5 {
	margin: 10px 0 0 0;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low R";
	font-weight: normal;
	line-height: 1.25;
}
.mod-publication-detail-text > p {
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 1em 0;
}
.mod-publication-detail-data dl {
	margin: 0;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Middle R";
}
.mod-publication-detail-data dl dt,
.mod-publication-detail-data dl dd {
	margin: 0;
	display: inline-block;
	vertical-align: top;
}
.mod-publication-detail-btn > p {
	margin: 0;
}
.mod-publication-detail-btn > p > input[type="submit"] {
	width: 248px;
	text-align: center;
	padding: 10px 0;
	display: block;
	border: 1px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	background-color: #fff;
}
.mod-publication-detail-btn > p >  input[type="submit"]:hover {
	color: #ffffff;
	background: #297c0c;
}
.mod-publication-detail-btn #edit-submit {
	position: relative;
	bottom: 7.8em;
}
.mod-publication-detail-btn #edit-submit2 {
	position: relative;
	top: 1em;
}

.mod-publication-detail-image > p {
	position: relative;
	background: #fff;
	width: 220px;
	height: 220px;
	margin: 0;
	overflow:hidden;
}
.mod-publication-detail-image > p > img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	-ms-interpolation-mode: bicubic;
	max-width: 220px;
	max-height: 220px;
}

#edit-bib-detail {
	clear: both;
}

table.sticky-enabled tbody {
	border: none;
}
table.sticky-enabled {
	width: 100%;
	margin: -1.8em 0 0 0;
}
table.sticky-enabled tr {
	border-bottom: 1px solid #c7c7c7;
}
table.sticky-enabled th {
	padding: 0 1em 15px 0;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	text-align: left;
	border: none;
}
table.sticky-enabled td {
	padding: 15px 1em 15px 0;
	font-size: 1.4rem;
}
table.sticky-enabled th,
table.sticky-enabled td {
	vertical-align: top;
}
#edit-forword-to-results-bottom,
#edit-ranking-reservation-link,
#edit-ranking-borrow-link {
	margin: 0;
	text-align: right;
	font-size: 14px;
	font-family: "TP Mincho StdN Low M";
	position: absolute;
	top: 6.9em;
	right: 0;
	text-decoration: none;
}
#edit-ranking-reservation-link,
#edit-ranking-borrow-link {
	top: 6.6em;
}

#edit-forword-to-results-bottom:before,
#edit-ranking-reservation-link:before,
#edit-ranking-borrow-link:before {
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 9px;
	background: url(../images/arrow-right.png) 0 0 no-repeat;
}


/* -------------------------------------------------- */
/* FAQ */
/* -------------------------------------------------- */

.page-faq-page h2,
h3.faq-header {
	font-family: "TP Mincho StdN Middle M";
	font-size: 2.6rem;
	font-weight: normal;
	margin: 26px auto 0;
}
.page-faq-page .mod-wysiwyg ol {
	list-style-type: decimal;
	list-style-position: inside;
}
.faq-question {
	font-size: 2.6rem;
	font-weight: bold;
	margin: 2em 0 0;
	padding: 0;
}
.faq-question:before,
.faq-answer:before {
	border: 1px solid;
	clear: both;
	display: inline-block;
	font-family: "TP Mincho StdN Middle B";
	font-size: 1.8rem;
	font-weight: normal;
	margin: 3px 0.5em 0 0 ;
	text-align: center;
	vertical-align: top;
	width: 70px;
}
.faq-question:before {
	content: "Q";
}
.faq-answer:before {
	content: "A";
	margin: 3px 0.5em 0 0 ;
}
.faq-qa-header {}
.faq-answer {
	padding: 10px 0;
	line-height: 1.95;
	margin: 20px 0 0;
	font-size: 1.8rem;
}
.faq-answer div {
	display: inline-block;
}

/* -------------------------------------------------- */
/* mypage */
/* -------------------------------------------------- */
.page-my-page .mod-sub-heading h3 {
	position: absolute;
	left: 0;
}
.page-my-page-menu .mod-sub-heading h3 {
	position: relative;
}
.page-my-page.page-my-page-login .mod-sub-heading h3 {
	position: relative;
}
.page-my-page-reservation-register .mod-sub-heading h3 {
	top: 86px;
}

/* login */
.mod-mypage-login {
	overflow: hidden;
	margin: 40px 0 0 -20px;
}


.mod-mypage-login-form{
	width: 418px;
	margin: 0 0 0 20px;
	padding: 50px;
	border: 1px solid #bcbcbc;
	float: left;
}
.mod-mypage-login-form h4{
	margin: 0;
	line-height: 1.25;
	height:2.75em;
	font-size: 2.6rem;
	font-weight: normal;
	font-family: "TP Mincho StdN Middle M";
}
.mod-mypage-login-form h5{
	margin: 0;
	font-size: 1.4rem;
	font-weight: normal;
	font-family: "TP Mincho StdN Low M";
}
.mod-mypage-login-form form{
	margin: 30px 0 0 0;
}
.mod-mypage-login-form p{
	margin: 5px 0 0 0;
	font-size: 1.2rem;
}
.mod-mypage-login-form label{
	margin: 15px 0 5px 0;
	display: block;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
}
.mod-mypage-login-form .mod-form-input-text{
	width: 408px;
}
.mod-mypage-login-form .mod-form-input-submit{
	margin: 40px auto 80px auto;
	width: 336px;
}


/**********************************************************
 * マイページ・トップ
 */
.layout-mypage-top-btn {
	width: 1080px;
	margin: 0 0 0 -20px;
	overflow:hidden;
}
.mod-mypage-top-btn {
	width: 518px;
	margin: 0 0 20px 20px;
	padding: 0 0 0 0;
	border: 1px solid #bcbcbc;
	float: left;
}
.mod-mypage-top-btn h4 {
	margin: 0;
	font-family: "TP Mincho StdN High M";
	font-weight: normal;
	line-height: 1;
}
.mod-mypage-top-btn-1 h4 {
	font-size: 4rem;
}
.mod-mypage-top-btn-2 h4 {
	font-size: 2.6rem;
}
.mod-mypage-top-btn p {
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 20px 0;
}
.mod-mypage-top-btn > a {
	padding: 30px;
	display: block;
	text-decoration: none;
	color: #000000;
}
.mod-mypage-top-btn-1 > a {
	height: 17.8rem;
}
.mod-mypage-top-btn-2 > a {
	height: 9.3rem;
}
.mod-mypage-top-btn > a:hover {
	background: #f5f5f5;
}
.mod-mypage-top-btn > a:hover > h4 > span {
	border-bottom: 2px solid;
}
/**********************************************************/

dl.mod-mypage-heading-number {
	margin: 0;
}

dl.mod-mypage-heading-number dt,
dl.mod-mypage-heading-number dd{
	margin: 0;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
	display: inline;
}
dl.mod-mypage-heading-number a{
	text-decoration: none;
}
.mod-mypage-side-link-heading{
	line-height: 3;
}
.mod-mypage-side-link-heading > h3{
	margin: 0;
	border-bottom: 1px solid;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	letter-spacing: -0.5px;
}
.mod-mypage-side-link {
	padding: 0 0 40px 0;
	border-bottom: 1px solid;
}
.mod-mypage-side-link ul{
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 1.1rem;
	font-family: "TP Mincho StdN Low M";
}
.mod-mypage-side-link ul li{
	margin: 5px 0 0 0;
}
.layout-content-main > .mod-mypage-main-heading:nth-child(1) {
	padding: 10px 0 0;
}
.mod-mypage-main-heading{
	width: 100%;
	padding: 70px 0 0 0;
	display: table;
}
.mod-mypage-main-heading > h4 {
	margin: 0;
	font-weight: normal;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle M";
}
.mod-mypage-main-heading-link {
	/*display: table-cell;*/
	text-align: right;
	vertical-align: top;
}
#library-user-search-results-form .mod-mypage-main-heading-link {
	position: absolute;
	top: 95px;
	right: 0;
}
#library-my-page-reservation-list-form .mod-mypage-main-heading-link {
	position: absolute;
	top: 16em;
	right: 0;
}
#library-my-page-reservation-cancel-confirm-form .mod-mypage-main-heading-link {
	position: absolute;
	top: 16em;
	right: 0;
}
#library-my-page-reservation-cancel-finished-form .mod-mypage-main-heading-link {
	position: absolute;
	top: 16em;
	right: 0;
}
#library-my-page-reservation-modify-form .mod-mypage-main-heading-link,
#library-my-page-reservation-modify-confirm-form .mod-mypage-main-heading-link,
#library-my-page-reservation-modify-finished-form .mod-mypage-main-heading-link {
	position: relative;
	top: 100px;
}
#library-my-page-reservation-register-form .mod-mypage-main-heading-link,
#library-my-page-reservation-register-confirm-form .mod-mypage-main-heading-link {
	position: relative;
	top: -26px;
}
#library-user-volumes-form .mod-mypage-main-heading-link {
	position: absolute;
	top: 98px;
	right: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-search-results-form .mod-mypage-main-heading-link:not(:target),
  #library-user-volumes-form .mod-mypage-main-heading-link:not(:target) {
	top: 102px;
  }
}
.mod-mypage-main-heading-link p,
.mod-mypage-main-heading-link div span {
	margin: 0;
	font-size: 14px;
	/*font-size: 1.4rem;*/
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	cursor: pointer;
	z-index: 450;
}
.mod-mypage-main-heading-link div,
.mod-mypage-main-heading-link div span {
	display: inline;
}
.mod-mypage-main-heading-link p a,
.mod-mypage-main-heading-link a {
	text-decoration: none;
}
.mod-mypage-main-heading-link p a:hover,
.mod-mypage-main-heading-link a:hover {
	text-decoration: none;
}
.mod-mypage-main-heading-link p a:before,
.mod-mypage-main-heading-link a:before {
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 9px;
	vertical-align: middle;
}
#library-my-page-reservation-register-form .mod-mypage-main-heading-link a:before {
	height: 12px;
}
.mod-mypage-main-heading-link p a:before,
.mod-mypage-main-heading-link a:before {
	background: url(../images/arrow-right.png) 0 0 no-repeat;
}
.mod-mypage-lv4-heading {
	margin: 40px 0 0 0;
	padding: 0 0 5px 0;
	width: 100%;
}
.mod-mypage-lv4-heading > h4 {
	margin: 0;
	font-weight: normal;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle M";
}

/* マイページログイン */
.page-my-page h1.title {
	left: -180px;
}
.no-sidebars.page-my-page h1.title {
	left: 0;
}
.page-my-page-login h1.title {
	left: 0;
}
.page-my-page .guide_div {
	font-size: 1.6rem;
	margin: 20px 0;
}
.page-my-page-status .mod-mypage-main-heading {
	padding: 70px 0 0;
}
.page-my-page-status .mod-mypage-main-heading:first-child {
	padding: 10px 0 0;
}
.mod-mypage-list-table {
	margin: 30px 0 0 0;
}
.mod-mypage-lv4-heading+.mod-mypage-list-table{
	margin: 5px 0 0 0;
}
.mod-mypage-list-table table{
	width: 880px;
}
.mod-mypage-list-table tr{
	border-bottom: 1px solid #c7c7c7;
}
.mod-mypage-list-table tr.is-mypage-list-edit{
	background: #f0ffeb;
}
.mod-mypage-list-table tr.is-mypage-list-delete{
	background: #f5f5f5;
}

.mod-mypage-list-table th{
	padding: 0 20px 5px 0;
	text-align: left;
	font-weight: normal;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	white-space: nowrap;
}
.mod-mypage-list-table td{
	padding: 20px 20px 20px 0;
	font-size: 1.4rem;
	vertical-align: top;
	white-space: nowrap;
}
th.mod-mypage-list-table-btn,
td.mod-mypage-list-table-btn{
	padding-right: 10px;
}
td.mod-mypage-list-table-btn p:first-child{
	margin: 0 0 10px 0;
}
td.mod-mypage-list-table-data {
	display: table;
	white-space: normal;
}
td.mod-mypage-list-table-data div{
	display: table-cell;
	padding: 20px 10px 20px 0;
	vertical-align: top;
}
td.mod-mypage-list-table-data p,
td.mod-mypage-list-table-data h5,
td.mod-mypage-list-table-data dl{
	margin: 0;
}
td.mod-mypage-list-table-data h5 {
	font-weight: normal;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle M";
}
td.mod-mypage-list-table-data h5 a {
	text-decoration: none;
}
td.mod-mypage-list-table-data dl{
	margin: 5px 0 0 0;
}
td.mod-mypage-list-table-data dl dt,
td.mod-mypage-list-table-data dl dd{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low R";
}
td.mod-mypage-list-table-notice{
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle R";
	white-space: normal;
}
td.mod-mypage-list-table-memo{
	white-space: normal;
}
.mod-mypage-list-table-caution{
	color: #ff0000;
}
.mod-mypage-table-list{}
.mod-mypage-table-list table{
	width: 880px !important;
	margin: 40px 0 0 0;
}
.mod-mypage-table-list tr{
	border-bottom: 1px solid #c7c7c7;
}
.mod-mypage-table-list tr.is-mypage-list-edit{
	background: #f0ffeb;
}
.mod-mypage-table-list tr.is-mypage-list-delete{
	background: #f5f5f5;
}

.mod-mypage-table-list th{
	padding: 0 20px 5px 0 !important;
	text-align: left !important;
	font-weight: normal !important;
	font-size: 1.4rem !important;
	font-family: "TP Mincho StdN Low M" !important;
	white-space: nowrap  !important;
}
.mod-mypage-table-list td{
	padding: 20px 20px 20px 0;
	font-size: 1.4rem;
	vertical-align: top;
	white-space: nowrap;
}
th.mod-mypage-table-list-btn,
td.mod-mypage-table-list-btn{
	padding-right: 10px;
}
td.mod-mypage-table-list-btn p:first-child{
	margin: 0 0 10px 0;
}
td.mod-mypage-table-list-data,
td.mod-mypage-list-table-data {
	display: table;
	white-space: normal;
	width: 400px;
}
td.mod-mypage-table-list-data div{
	padding: 20px 10px 20px 0;
	display: table-cell;
	vertical-align: top;
}
td.mod-mypage-table-list-data p,
td.mod-mypage-table-list-data h5,
td.mod-mypage-table-list-data dl{
	margin: 0;
}
td.mod-mypage-table-list-data h5{
	font-weight: normal;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle M";
}
td.mod-mypage-table-list-data h5 a {
	text-decoration: none;
}
td.mod-mypage-table-list-data dl{
	margin: 5px 0 0 0;
}
td.mod-mypage-table-list-data dl dt,
td.mod-mypage-table-list-data dl dd{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low R";
}
td.mod-mypage-table-list-notice{
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle R";
	white-space: normal;
}
td.mod-mypage-table-list-memo{
	white-space: normal;
}
.mod-mypage-table-list-caution{
	color: #ff0000;
}

.mod-mypage-table-data{
	margin: 0 90px 0 0;
}
.mod-mypage-table-data table{
	width: 100%;
	margin: 25px 0 0 0;
	font-size: 1.4rem;
}
.mod-mypage-table-data table tr{
	border-bottom: 1px solid #c7c7c7;
}
.mod-mypage-table-data table th{
	width: 10em;
	padding: 15px 1em 15px 0;
	font-weight: normal;
	text-align: left;
	font-family: "TP Mincho StdN Low M";
	vertical-align: top;
}
.mod-mypage-table-data table td{
	padding: 15px 0;
	vertical-align: top;
}

.mod-mypage-btn-extend{
	width: 88px;
	margin: 0;
	border: 1px solid #000000;
	background: #ffffff;
}
.mod-mypage-btn-extend.is-disable {
	border: 1px solid #bcbcbc !important;
}
.mod-mypage-btn-extend a,
.mod-mypage-btn-extend.is-disable a {
	padding: 21px 0;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
	display: block;
	text-decoration: none;
}
.mod-mypage-btn-extend.is-disable a,
.mod-mypage-btn-extend.is-disable a:hover {
	color: #bcbcbc !important;
}
.mod-mypage-btn-extend a:hover{
	background: #f5f5f5;
	color: #000000;
}
.mod-mypage-btn-extend a:before,
.mod-mypage-btn-extend.is-disable a:before{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
	width: 20px;
	height: 16px;
}
.mod-mypage-btn-extend a:before{
	background: url(../images/icon-extend.png) 0 0 no-repeat;
}
.mod-mypage-btn-extend.is-disable a:before{
	background: url(../images/icon-extend-disable.png) 0 0 no-repeat;
}

.mod-mypage-btn-change,
.mod-mypage-btn-delete {
	margin: 0 0 10px 0;
	border: 1px solid #000000;
	background: #ffffff;
}
.mod-mypage-btn-change,
.mod-mypage-btn-delete {
	width: 68px;
}

.mod-mypage-btn-change a,
.mod-mypage-btn-delete a {
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
	display: block;
	text-decoration: none;
}
.mod-mypage-btn-change a,
.mod-mypage-btn-delete a{
	padding: 7px 0;
}

.mod-mypage-btn-change a:hover,
.mod-mypage-btn-delete a:hover {
	background: #f5f5f5;
	color: #000000;
}
.mod-mypage-btn-change a:before,
.mod-mypage-btn-delete a:before {
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
}
.mod-mypage-btn-change a:before,
.mod-mypage-btn-delete a:before{
	width: 20px;
	height: 12px;
}
.mod-mypage-btn-change a:before{
	background: url(../images/icon-change.png) 0 0 no-repeat;
	}
.mod-mypage-btn-delete a:before{
	background: url(../images/icon-delete.png) 0 0 no-repeat;
}


.page-my-page-reservation-detail  .mod-mypage-main-heading {
	border: none;
}
#library-my-page-reservation-detail-form .mod-mypage-main-heading-link {
	position: absolute;
	top: 16.2em;
	right: 0;
}

.mod-publication-detail.is-mypage-detail .mod-publication-detail-text {
	width: 520px;
}
.mod-publication-detail.is-mypage-detail {
	margin: 40px 90px 0 0;
	overflow: hidden;
	zoom: 100%;
}
.mod-publication-detail.is-mypage-detail:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.mod-publication-detail.is-mypage-detail h4 a {
	text-decoration: none;
}
#library-my-page-reservation-register-form {
	margin-top: 9em;
}
#library-my-page-reservation-register-form .mod-mypage-main-heading {
	border-top: 1px solid;
}

.layout-mypage-detail{
	width: 790px;
}
.mod-mypage-reserve-detail{
	margin: 50px 0;
}
.mod-mypage-reserve-detail h4{
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: normal;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle M";
}
.mod-mypage-reserve-detail table{
	width: 100%;
	font-size: 1.4rem;
	margin: 25px 90px 0 0;
}
.mod-mypage-reserve-detail table tr{
	border-bottom: 1px solid #c7c7c7;
}
.mod-mypage-reserve-detail table th{
	width: 9em;
	padding: 15px 1em 15px 0;
	font-weight: normal;
	text-align: left;
	font-family: "TP Mincho StdN Low M";
	vertical-align: top;
}
.mod-mypage-reserve-detail table td{
	padding: 15px 0;
	vertical-align: top;
}
.mod-mypage-image-s {
	width: 100px;
	padding-right: 10px;
}
.mod-mypage-image-s > p {
	position: relative;
	background-color: #fff;
	width: 100px;
	height: 100px;
	margin: 0;
	overflow:hidden;
}
.mod-mypage-image-s > p > a > img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	max-width: 100px;
	max-height: 100px;
}
* html body .mod-mypage-image-s p a img {
	width: expression(this.width >= this.height ? "100px" : "auto");
	height: expression(this.width <= this.height ? "100px" : "auto");
}
.mod-mypage-btn {
	margin: 40px 0 0;
}
.mod-mypage-btn > p {
	margin: 0;
	overflow: hidden;
}
.mod-mypage-btn > p > a,
.mod-mypage-btn > p > input {
	border: 2px solid;
	color: #297c0c;
	display: block;
	font-family: "TP Mincho StdN Middle B";
	font-size: 1.8rem;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	width: 336px;
	background-color: #fff;
}
.mod-mypage-btn > p > a:hover,
.mod-mypage-btn > p > input:hover {
	color: #ffffff;
	background: #297c0c;
}
.mod-mypage-btn-right > p > a,
.mod-mypage-btn-right > p > input {
	float: right;
}
.is-disable,
.is-disable:hover {
	border: 2px solid #ddf0d7 !important;
	box-sizing: border-box !important;
	color: #ddf0d7 !important;
	background: #fff !important;
}
.page-my-page-sdi-list .mod-mypage-btn > p > a.is-disable,
.page-my-page-sdi-list .mod-mypage-btn > p > a.is-disable:hover {
	border: 2px solid #ddf0d7 !important;
	box-sizing: border-box !important;
	color: #ddf0d7 !important;
	background: #fff;
}


.mod-mypage-btn-change.is-disable,
.mod-mypage-btn-delete.is-disable {
	margin: 0 0 10px 0 !important;
	border: 1px solid #aaa !important;
	background: #fff !important;
	color: #aaa !important;
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	width: 70px;
}
.mod-mypage-btn-change.is-disable:before,
.mod-mypage-btn-delete.is-disable:before {
	display: inline-block;
	content: "" ;
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
}
.mod-mypage-btn-change.is-disable:before,
.mod-mypage-btn-delete.is-disable:before {
	width: 20px;
	height: 28px;
}
.mod-mypage-btn-change.is-disable:before {
	background: url(../images/icon-change.png) 0 center no-repeat !important;
	opacity: 0.5;
}
.mod-mypage-btn-delete.is-disable:before {
	background: url(../images/icon-delete.png) 0 center no-repeat !important;
	opacity: 0.5;
}


.layout-mypage-form{
	margin-bottom: 100px;
	width: 790px;
}
.mod-mypage-form .mod-search-element {
	display: block;
	width: 790px;
}
.mod-mypage-form .mod-search-element-caption{
	margin: 0;
	padding: 5px 0 0 0;
	clear: left;
	font-size: 1.2rem;
	text-align: right;
}
.mod-mypage-form .mod-search-element-xl{
	width: 590px;
}
.mod-mypage-form-caption{
	font-size: 1.4rem;
	margin: 0 0 19px;
}

#library-my-page-reservation-register-form input#edit-submit {
	width: 448px;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 10px 0;
	display: block;
	border: 2px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	background: #ffffff;
	position: relative;;
}
#library-my-page-reservation-register-form input#edit-submit:hover {
	background: #297c0c none repeat scroll 0 0;
	border: 2px solid #297c0c;
	color: #ffffff;
}

.mod-mypage-form .mod-search-element table {
	margin: 30px 0 0;
	width: 100%;
}
.mod-mypage-form .mod-search-element table label {

}
.mod-mypage-form .mod-search-element table th {
	font-family: "TP Mincho StdN Low M";
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 2;
	padding: 0 20px 20px 0;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	width: 160px;
}

.mod-mypage-form .mod-search-element table th label {
	font-weight: normal;
}
.mod-mypage-form .mod-search-element table td {
	font-size: 1.4rem;
	line-height: 2;
	overflow: hidden;
	padding-bottom: 20px;
	vertical-align: top;
}
.mod-mypage-form .mod-search-element table td label {
	font-family: "TP Mincho StdN Low M";
}

.mod-mypage-form .mod-search-element select {
	appearance: none;
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid;
	border-radius: 0;
	height: 37px;
	line-height: 1;
	margin: 0;
	padding: 0 4px;
	position: relative;
	width: 100%;
	font-family: sans-serif;
}
.mod-mypage-form .mod-search-element select::-ms-expand {
	display: none;
}
.mod-mypage-form .mod-search-element .form-item {
	margin-bottom: 0;
	margin-top: 0;
}

.mod-mypage-table-confirm{
	margin: 0 90px 0 0;
}
.mod-mypage-table-confirm table{
	width: 100%;
	margin: 25px 0 0 0;
	font-size: 1.4rem;
}
.mod-mypage-table-confirm table th,
.mod-mypage-table-confirm table td{
	padding: 14px;
	border: 1px solid #c7c7c7;
}
.mod-mypage-table-confirm table th{
	width: 25%;
	white-space: nowrap;
	text-align: left;
	font-family: "TP Mincho StdN Low M";
}
.mod-mypage-table-confirm table td.mod-mypage-table-confirm-arrow{
	border: 0;
	text-align: center;
}
.mod-mypage-table-confirm table td.mod-mypage-table-confirm-arrow span{
	width: 18px;
	font-size: 0px;
}
.mod-mypage-table-confirm table td.mod-mypage-table-confirm-arrow span:before{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 15px;
	background: url(../images/arrow-down-l.png) 0 0 no-repeat;
}

h3.access {
	margin: 40px 0 0 0;
	padding: 30px 0;
	border-top: 1px solid;
}
p.map {
	padding: 30px 0;
	text-align: center;
}

table.ac-tbl {
	width: 100%;
	margin: 40px 0 0 0;
}
table.ac-tbl tr {
	border-bottom: 1px solid #c7c7c7;
}
table.ac-tbl th {
	padding: 0 1em 15px 0;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	text-align: left;
	border: none;
}
table.ac-tbl td {
	padding: 15px 1em 15px 0;
	font-size: 1.4rem;
}
table.ac-tbl th,
table.ac-tbl td {
	vertical-align: top;
}

/* -------------------------------------------------- */
/* ご利用ガイド */
/* -------------------------------------------------- */
.userguide ol {
	padding: 20px 40px 20px 60px;
	margin: 0 0 40px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	position: relative;
	font-family: "TP Mincho StdN High M";
	font-size: 1.8rem;
	list-style-position: outside;
	line-height: 2;
}
.userguide h3 {
	margin-top: 40px;
}
.userguide .rteindent1 {
	font-family: "TP Mincho StdN High M";
	font-size: 1.4rem;
}

/* -------------------------------------------------- */
/* お知らせ */
/* -------------------------------------------------- */
.page-info-list table.views-table {
	width: 100%;
	margin: 40px 0 0 0;
	border-spacing: 0;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: left;
	border: none;
	border-collapse: separate;
	border-spacing: 0 20px;
}
.page-info-list table.views-table td {
	vertical-align: top;
	border: 1px solid #bcbcbc;
	padding: 19px 0;
}
.page-info-list table.views-table td:nth-child(1) {
	border-right: none;
}
.page-info-list table.views-table td:nth-child(2) {
	border-right: none;
	border-left: none;
	width: 140px;
}
.page-info-list table.views-table td:nth-child(3) {
	border-left: none;
}
.page-info-list table.views-table td div {
	margin: 0 20px 0 19px;
}


.page-info-list table.views-table td div {
	font-family: "TP Mincho StdN Low M";
}
.page-info-list table.views-table td p {
	padding-right: 69px;
}
.page-info-list table.views-table td p a {
	text-decoration: none;
	display: block;
}
.page-info-list table.views-table td p a:hover {
	color: #000;
}
.page-info-list table.views-table tr:hover {
	background-color: #f5f5f5;
}


/* -------------------------------------------------- */
/* event */
/* -------------------------------------------------- */
.page-event-list  h1.title,
.page-event-list-acv h1.title {
	display: inline-block;
	font-family: "TP Mincho StdN Middle M";
	font-size: 4rem;
	margin: 0 0 0 -180px;
	font-weight: normal;
}
.page-event-list table.views-view-grid,
.page-event-list-acv table.views-view-grid {
	width: auto;
	margin: 1.1em -23px 0 0;
	border-collapse: separate;
	border-spacing: 23px 20px;
}
.page-event-list table.views-view-grid td,
.page-event-list-acv table.views-view-grid td {
	vertical-align: top;
}
.page-event-list table.views-view-grid td,
.page-event-list-acv table.views-view-grid td {
	margin-left: 23px;
	padding: 0;
	position: relative;
 	width: 202px;
	border: 1px solid #bcbcbc;
}
.page-event-list table.views-view-grid td .views-field-title span,
.page-event-list-acv table.views-view-grid td .views-field-title span {
	font-family: "TP Mincho StdN Low M";
	font-size: 1.4rem;
	font-weight: normal;
	margin: 0;
	padding: 0 9px 9px;
	display: inline-block;
	height: 120px;
}
.page-event-list table.views-view-grid td .views-field-title span a,
.page-event-list-acv table.views-view-grid td .views-field-title span a {
	text-decoration: none;
}
.page-event-list table.views-view-grid td .views-field-field-body .field-content,
.page-event-list-acv table.views-view-grid td .views-field-field-body .field-content {
	font-size: 1.2rem;
	margin: 0;
	padding: 0 9px 9px;
	display: block;
	height: 140px;
}
.page-event-list table.views-view-grid td  .views-field-field-when2,
.page-event-list-acv table.views-view-grid td  .views-field-field-when2 {
	border-top: 1px solid  #bcbcbc;
	height: 55px;
}
.page-event-list table.views-view-grid td .views-field-field-when2 .field-content,
.page-event-list-acv table.views-view-grid td .views-field-field-when2 .field-content {
	line-height: 1.4;
	padding: 9px;
	margin: 0;
	font-size: 1.15rem;
	font-weight: bold;
	display: inline-block;
}

.page-event-list table.views-view-grid td .views-field-field--url,
.page-event-list-acv table.views-view-grid td .views-field-field--url,
.page-event-page .views-field-field--url,
.front #content-area .content-left table td .views-field-field--url {
	margin: 0;
	padding: 9px;
	font-size: 1rem;
	display: inline-block;
}
.page-event-list table.views-view-grid td .views-field-field--url-1,
.page-event-list-acv table.views-view-grid td .views-field-field--url-1,
.page-event-page .views-field-field--url-1,
.front #content-area .content-left table td .views-field-field--url-1 {
	padding: 0 9px 9px 9px;
}
.page-event-list table.views-view-grid td .views-field-field--url .field-content,
.page-event-list-acv table.views-view-grid td .views-field-field--url .field-content,
.page-event-page .views-field-field--url .field-content,
.front #content-area .content-left table td .views-field-field--url .field-content {
	border: 1px solid;
	display: block;
	line-height: 1;
	padding: 3px 10px 3px 3px;
	white-space: nowrap;
}
.page-event-list table.views-view-grid td .views-field-field--url .field-content img,
.page-event-list-acv table.views-view-grid td .views-field-field--url .field-content img,
.page-event-page .views-field-field--url .field-content img,
.front #content-area .content-left table td .views-field-field--url .field-content img {
	margin-right: 5px;
	vertical-align: text-bottom;
}
.page-info-list table.views-table td,
.page-info-list-c table.views-table td {
	position: relative;
}
.page-event-list table.views-view-grid td .views-field-php .new,
.page-event-list-acv table.views-view-grid td .views-field-php .new,
.page-event-page .mod-event-detail .views-field-php-1 .new,
.page-recommended .view-content .views-field-php-2 .new,
.front #content-area .content-left table td .views-field-php .new,
.front #content-area .content-bottom table td .views-field-php-1 .new,
.page-event-list-c table.views-view-grid td .views-field-php .new,
.page-event-page-c table.views-view-grid td .views-field-php .new,
.page-info-list table.views-table td.views-field-php .new,
.page-info-list-c table.views-table td.views-field-php .new {
	width: 56px;
	height: 56px;
	position: absolute;
	top: -3px;
	right:-3px;
	background: url(../images/icon-new.png) 0 0 no-repeat;
	font-size: 0;
	margin-top: -1px;
	z-index:100;
}
.page-info-list table.views-table td.views-field-php .new {
	right: -1062px;
}
.page-event-list table.views-view-grid td .views-field-php .end,
.page-event-list-acv table.views-view-grid td .views-field-php .end,
.page-event-page .mod-event-detail .views-field-php-1 .end,
.page-recommended .view-content .views-field-php-2 .end,
.front #content-area .content-left table td .views-field-php .end,
.front #content-area .content-bottom table td .views-field-php-1 .end,
.page-event-list-c table.views-view-grid td .views-field-php .end,
.page-info-list table.views-table td.views-field-php .end {
	width: 56px;
	height: 56px;
	position: absolute;
	top: -3px;
	right:-3px;
	background: url(../images/icon-close.png) 0 0 no-repeat;
	font-size: 0;
	margin-top: -1px;
	z-index:100;
}
.page-info-list table.views-table td.views-field-php .end {
	right: -1062px;
}
.page-event-page-c .views-field-php .new {
	width: 56px;
	height: 56px;
	position: absolute;
	top: -5px;
	right:-5px;
	background: url(../images/icon-new.png) 0 0 no-repeat;
	font-size: 0;
	margin-top: -1px;
	z-index:100;
}
.page-event-page-c .views-field-php .end {
	width: 56px;
	height: 56px;
	position: absolute;
	top: -5px;
	right:-5px;
	background: url(../images/icon-close.png) 0 0 no-repeat;
	font-size: 0;
	margin-top: -1px;
	z-index:100;
}

.page-event-list table.views-view-grid td .views-field-field-image,
.page-event-list-acv table.views-view-grid td .views-field-field-image {
	position: relative;
	background: #fff;
	width: 200px;
	height: 150px;
	margin: 0;
	overflow: hidden;
}

.page-recommended table.views-view-grid td .views-field-php {
	margin: 0 0 9px 0;
}
.page-event-list table.views-view-grid td .views-field-field-image img,
.page-event-list-acv table.views-view-grid td .views-field-field-image img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	-ms-interpolation-mode: bicubic;
	max-width: 200px;
	max-height: 150px;
}
* html body .page-event-list table.views-view-grid td .views-field-field-image img,
* html body .page-event-list-acv table.views-view-grid td .views-field-field-image img {
	width: expression(this.width >= this.height ? "200px" : "auto");
	height: expression(this.width <= this.height ? "150px" : "auto");
}

.page-event-page .view ul,
.page-info-page .view ul {
	list-style: inside;
}

span.mod-event-icon-exhibition:before,
span.mod-event-icon-seminar:before,
span.mod-event-icon-workshop:before,
span.mod-event-icon-child:before{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 17px;
	height: 12px;
	vertical-align: middle;
}
span.mod-event-icon-exhibition:before{
	width: 21px;
	background: url(../images/icon-exhibition.png) 0 0 no-repeat;
}
span.mod-event-icon-seminar:before{
	background: url(../images/icon-seminar.png) 0 0 no-repeat;
}
span.mod-event-icon-workshop:before{
	background: url(../images/icon-workshop.png) 0 0 no-repeat;
}
span.mod-event-icon-child:before{
	background: url(../images/icon-child.png) 0 0 no-repeat;
}

.page-event-page .view-id-view,
.page-info-page #content-area {
	margin-top: 30px;
}
.mod-event-detail {
	padding: 69px 0;
	border: 1px solid #bcbcbc;
	position: relative;
	font-family: "TP Mincho StdN High M";
}
.page-event-page .views-field-title,
.page-info-page .views-field-title {
	margin:  0 auto 10px;
	padding: 0 89px;
	font-size: 3.4rem;
	font-weight: normal;
	position: relative;
}
.page-event-page .views-field-field-body,
.page-info-page .views-field-body {
	padding: 0 89px 70px;
}
.page-info-page .views-field-body {
	border: none;
}
.page-event-page .views-field-field-body p,
.page-info-page .views-field-body p {
	margin: 2em 0 0 0;
	font-size: 1.8rem;
	line-height: 1.75;
}
 .hr-line {
	border-top: 1px solid #bcbcbc;
	height: 1px;
	margin: 70px 0;
}
.page-event-page .views-field-field-video video,
.page-info-page .views-field-field-video video {
	margin: 0 auto;
	display: block;
}
.page-event-page .views-field-field-file,
.page-info-page .views-field-field-file {
	margin: 70px 0 0 0;
	padding: 10px 1em 0 89px;
	font-size: 1.4rem;
}
.page-event-page .views-field-field-file .views-label,
.page-info-page .views-field-field-file .views-label {
	font-weight: bold !important;
}
.page-event-page .views-field-field--url {
	margin: 10px 0 0 0;
	padding: 10px 1em 0 89px;
	display: inline-table;
}

.page-event-page .views-field-field--url-1 {
	margin: 10px 0 0 0;
	padding: 10px 1em 0 89px;
	display: table-cell;
}

.page-event-page .views-field-field-when2,
.page-event-page .views-field-field-when2 .field-content {
	display: inline-table;
	font-size: 1.4rem;
	line-height: 1.25;
	padding: 0 89px 0 0;
}

.page-info-page .views-field-created {
	display: table-cell;
	font-size: 1.4rem;
	line-height: 1.25;
	padding: 0 89px 0;
}

.page-event-page .views-field-field-image,
.page-info-page .views-field-field-image {
	padding: 40px 89px 0 89px;
}

.page-event-page .views-field-field-image .field-content {
	background: #fff;
	width: 880px;
	margin: 0;
	background-color: #fff;
}
.page-info-page .views-field-field-image .field-content {
	background-color: #fff;
	width: 880px;
}
.page-event-page .views-field-field-image .field-content img,
.page-info-page .views-field-field-image .field-content img {
	margin: 40px auto;
	-ms-interpolation-mode: bicubic;
	max-width: 880px;
	max-height: 500px;
	display: block;
}
* html body .page-event-page .views-field-field-image .field-content img,
* html body .page-info-page .views-field-field-image .field-content img {
	width: expression(this.width >= this.height ? "500px" : "auto");
	height: expression(this.width <= this.height ? "880px" : "auto");
}

.page-event-page .views-field-field-image ol,
.page-info-page .views-field-field-imag ol {
	list-style: none;
}

.page-event-page .views-field-field-when-time,
.page-event-page .views-field-field-where,
.page-event-page .views-field-field-pay,
.page-event-page .views-field-field-order,
.page-event-page .views-field-field-people-numbers,
.page-event-page .views-field-field-teacher-name,
.page-event-page .views-field-field-sponsor,
.page-event-page .views-field-field-cooperators,
.page-event-page .views-field-field-reference,
.page-event-page .views-field-field-homepage {
	padding: 4px 89px;
	font-size: 1.6rem;
}
.page-event-page .views-label,
.page-info-page .views-label {
	width: 7em;
	display: inline-block;
}
.page-event-page .views-field-field-when-time div.field-content,
.page-event-page .views-field-field-where div.field-content,
.page-event-page .views-field-field-pay div.field-content,
.page-event-page .views-field-field-order div.field-content,
.page-event-page .views-field-field-people-numbers div.field-content,
.page-event-page .views-field-field-teacher-name div.field-content,
.page-event-page .views-field-field-sponsor div.field-content,
.page-event-page .views-field-field-cooperators div.field-content,
.page-event-page .views-field-field-reference div.field-content,
.page-event-page .views-field-field-homepage div.field-content {
	display: inline-block;
	vertical-align: text-top;
}
.page-event-page .views-field-php {
	padding-top: 60px;
	text-align: center;
	border: none;
}
.page-event-page .views-field-php input[type="button"] {
	width: 520px;
	margin: 0 auto;
	padding: 20px 0;
	display: block;
	background: #297c0c;
	font-size: 2rem;
	font-family: "TP Mincho StdN Low M";
	color:#ffffff;
	text-align: center;
	border-radius: 5px;
	border: none;
}






.mod-event-detail-new{
	width: 56px;
	height: 56px;
	position: absolute;
	top:-3px;
	right:-3px;
	background: url(../images/icon-new.png) 0 0 no-repeat;
}
.mod-event-detail-new p{
	margin: 0;
	text-align: right;
	font-size: 0rem;
	line-height: 1px;
	color:#ffffff;
}
.mod-event-detail-heading{
	margin: 0 89px;
}

.mod-event-detail-date{
	width: 880px;
	margin: 10px 89px 0 89px;
	display: table;
}
.mod-event-detail-date > p{
	padding: 0 0 0 1em;
	display: table-cell;
	font-size: 1.4rem;
	line-height: 1.25;
}

.mod-event-detail-file{
	margin: 70px 89px 0 89px;
	display: table;
}
.mod-event-detail-file > dl{
	margin: 0;
	padding: 0 90px 0 0;
	display: table-cell;
	white-space: nowrap;
	font-size: 1.4rem;
}

.mod-event-detail-file dd,
.mod-event-detail-file dt{
	margin: 0;
	padding: 0;
}
.mod-event-detail-file dt{
	font-weight: bold;
}
.mod-event-detail-file ul{
	margin: 0;
	padding: 0 0 0 1.5em;
}
.mod-event-detail-file a{
	text-decoration: underline;
}
.mod-event-detail-data{
	margin: 70px 0 0 0;
	border-top: 1px solid #bcbcbc;
}
.mod-event-detail-data table{
	margin: 70px 89px 0 89px;
	width: 880px;
	font-size: 1.6rem;
}
.mod-event-detail-data table th,
.mod-event-detail-data table td{
	padding-bottom: 0.5em;
	vertical-align: top;
}
.mod-event-detail-data table th{
	padding: 0 1em 0 0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

/* -------------------------------------------------- */
/* おすすめ */
/* -------------------------------------------------- */
.page-recommended .views-row {
	margin: 40px 0 10px;
	padding: 51px 0;
	border: 1px solid #bcbcbc;
	position: relative;
	zoom: 100%;
}
.page-recommended .views-row:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.page-recommended .views-field-php span {
	float: left;
	height: 210px;
	margin: 0 0 0 51px;
	width: 280px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}
.page-recommended .views-field-php span {
	height: 210px;
	width: 280px;
}
.page-recommended .views-field-php span img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	-ms-interpolation-mode: bicubic;
	max-height: 210px;
	max-width: 280px;
}
.page-recommended .views-field-php-1,
.page-recommended .views-field-field-subtitle,
.page-recommended .views-field-field-author,
.page-recommended .views-field-field-body {
	float: right;
	margin: 0 51px 0 0;
	width: 628px;
	display: block;
}
.page-recommended .views-field-php-1 span {
	font-family: "TP Mincho StdN Middle R";
	font-size: 3.2rem;
	font-weight: normal;
	margin: 0;
}
.page-recommended .views-field-php-1 span a {
	text-decoration: none;
}
.page-recommended .views-field-field-subtitle div.field-content,
.page-recommended .views-field-field-author span.field-content {
	font-family: "TP Mincho StdN Low R";
	font-size: 1.4rem;
	margin: 0;
}
.page-recommended .views-field-field-body div.field-content {
	line-height: 1.95;
	margin: 2em 0 0;
	font-size: 1.8rem;
}


/* -------------------------------------------------- */
/* wysiwyg */
/* -------------------------------------------------- */
.mod-wysiwyg{
	font-size: 1.8rem;
}
.is-article .mod-wysiwyg{
	margin: 0 89px;
}
.is-mypage-top .mod-wysiwyg{
        margin: -2em 0 0 0;
}
.mod-wysiwyg h1,
.mod-wysiwyg h2,
.mod-wysiwyg h3,
.mod-wysiwyg h4,
.mod-wysiwyg h5,
.mod-wysiwyg h6{
	margin: 2em 0 0 0;
	padding: 0;
}
.mod-wysiwyg h1{ font-size: 2.6rem; }
.mod-wysiwyg h2{ font-size: 2.4rem; }
.mod-wysiwyg h3{ font-size: 2.2rem; }
.mod-wysiwyg h4{ font-size: 2.0rem; }
.mod-wysiwyg h5{ font-size: 1.8rem; }
.mod-wysiwyg h6{ font-size: 1.6rem; }

.mod-wysiwyg p,
.mod-wysiwyg pre,
.mod-wysiwyg ol,
.mod-wysiwyg ul,
.mod-wysiwyg dl,
.mod-wysiwyg table{
	margin: 2em 0 0 0;
	line-height: 1.95;
}
.mod-wysiwyg blockquote{
	margin: 2em 0 0 70px;
	padding: 1em 0 1em 1em;
	font-family: "TP Mincho StdN Middle R";
	line-height: 1.95;
	border-left: 4px solid #d2d2d2;
}

.mod-wysiwyg hr {
	margin: 2em 0 0 0;
	border: solid #000000;
	border-width: 1px 0 0 0;
}
.is-article .mod-wysiwyg hr {
	border: solid #bcbcbc;
	border-width: 1px 0 0 0;
}

.mod-wysiwyg table{
	border: 1px solid #d2d2d2;
	font-size: 1.6rem;
}
.mod-wysiwyg table caption{
	margin: 0 0 0.5em 0;
	font-weight: bold;
}
.mod-wysiwyg table th,
.mod-wysiwyg table td{
	padding: 0.5em;
	border: 1px solid #d2d2d2;
	vertical-align: top;
	text-align: left;
}
.mod-wysiwyg .mod-top{
         margin: 20px 0;
}
.mod-image-left,
.mod-image-right{
	overflow: hidden;
}
.mod-image-left .mod-image{
	margin: 2em 40px 20px 0;
	float: left;
}
.mod-image-right .mod-image{
	margin: 2em 0 20px 40px;
	float: right;
}
.mod-image-wide{
	position: relative;
	background-color: #fff;
	width: 100%;
	overflow:hidden;
	margin: 2em 0 0 0;
}
.mod-image-wide img{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
}
.mod-btn > a{
	width: 336px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	border: 2px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
	text-decoration: none;
}
.mod-btn > a:hover{
	color: #ffffff;
	border: 2px solid #297c0c;
	background: #297c0c;
}
a.mod-btn-right{
	float: right;
}
a.mod-btn-left{
	float: left;
}
.mod-faq{
	overflow: hidden;
}
.mod-faq dt{
	width: 70px;
	margin: 20px 0 0 0;
	float: left;
	clear: both;
	text-align: center;
	border: 1px solid;
	font-weight: normal;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
}
.mod-faq dd{
	margin: 20px 0 0 90px;
}
.mod-faq dt:nth-of-type(1),
.mod-faq dd:nth-of-type(1){
	margin-top:0;
}

/**********************************************************
 * サイトマップ
 */
.mod-sitemap{
	width: 100%;
	padding: 2em 0 0 0;
	display: table;
}
.mod-sitemap > ul{
        display: table-cell;
}
.mod-sitemap ul{
        margin: 2em 0 0 0;
        padding: 0;
        list-style: none;
}
.mod-sitemap ul ul{
        margin: 0 0 0 1em;
}
.mod-sitemap ul ul li:before{
        display: inline-block;
        content: "";
        position: relative;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 12px;
        height: 9px;
        vertical-align: middle;
        background: url(../images/arrow-right.png) 0 0 no-repeat;
}
/**********************************************************/

/* -------------------------------------------------- */
/* top */
/* -------------------------------------------------- */

.front .layout-container {
	padding: 14px 0 34px;
	margin: 0 auto;
}
.front #content-area {
	zoom: 100%;
}
.front #content-area:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.front #content-area .block-views {
	border-bottom: 1px solid #000000;
	margin: 0 auto 14px;
	position: relative;
	text-align: center;
}
.front #content-area .block-views h3.title {
	margin: 0;
	font-weight: normal;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN High B";
	display: inline-block;
	text-align: left;
	width: 100px;
	position: relative;
	top: 1.4em;
	vertical-align: top;
}
.front #content-area .content-left .block-views h3.title {
	top: 0;
}
.front #content-area .block-views .view-info-list-c {
	margin: 0 auto;
	padding: 0 0 11px 0;
	display: inline-block;
}
.front #content-area .block-views .view-info-list-c table {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 840px;
}
.front #content-area .block-views .view-info-list-c table td {
	font-size: 1.2rem;
	line-height: 160%;
	text-align: left;
	padding-right: 8px;
	vertical-align: top;
}
.front #content-area .block-views .view-info-list-c table td a {
	text-decoration: none;
}
.front #content-area .block-views .view-content {
	display: inline-block;
}
.front #content-area .block-views .view-footer {
	display: inline-block;
	width: 110px;
	text-align: right;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
	vertical-align: top;
	margin-top: 1.9em;
}
.front #content-area .block-views .view-footer a,
.front #content-area .content-left .view-display-id-block_1 .view-header a,
.front #content-area .content-bottom .view-display-id-block_1 .view-header a {
	text-decoration: none;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
}
.front #content-area .block-views .view-footer a:after,
.front #content-area .content-left .view-display-id-block_1 .view-header a:after,
.front #content-area .content-bottom .view-display-id-block_1 .view-header a:after {
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 12px;
	vertical-align: middle;
}
.front #content-area .block-views .view-footer a:after,
.front #content-area .content-left .view-display-id-block_1 .view-header a:after,
.front #content-area .content-bottom .view-display-id-block_1 .view-header a:after {
	background: url(../images/arrow-right.png) right  0 no-repeat;
}

.front #content-area .content-left {
	width: 700px;
	float: left;
	position: relative;
}

.front #content-area .content-left .block-views {
	border: none;
	text-align: left;
}
.front #content-area .content-left .view-display-id-block_1 .view-header {
	position: absolute;
	right: 0;
	top: 0;
}
.front #content-area .content-left table {
	border-collapse: separate;
	border-spacing: 20px;
	margin-left: -20px;
	width: auto;
}
.front #content-area .content-left table td {
	border: 1px solid #bcbcbc;
	padding: 0;
	position: relative;
	width: 160px;
	vertical-align: top;
}
.front #content-area .content-left table td .views-field-field-image .field-content {
	position: relative;
	background-color: #fff;
	margin: 0;
	overflow :hidden;
	height: 119px;
	width: 158px;
}
.front #content-area .content-left table td .views-field-field-image .field-content img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 119px;
	max-width: 158px;
	position: absolute;
	right: 0;
	top: 0;
}
* html body .front #content-area .content-left table td .views-field-field-image .field-content img {
	width: expression(this.width >= this.height ? "158px" : "auto");
	height: expression(this.width <= this.height ? "119px" : "auto");
}
.front #content-area .content-left table td .views-field-title {
	margin: 9px 0 0 0;
	padding: 9px;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
	border: 0;
	height: 115px;
}
.front #content-area .content-left table td .views-field-title a {
	text-decoration: none;
}
.front #content-area .content-left table td .views-field-field-body {
	font-size: 1.2rem;
	margin: 9px 0 0;
	padding: 9px;
	height: 190px;
}
.front #content-area .content-left table td .views-field-field-when2 {
	border-top: 1px solid #bcbcbc;
	margin: 0;
	padding: 9px;
	font-weight: bold;
	font-size: 1.2rem;
	height: 73px;
}

.front #content-area .content-right {
	width: 320px;
	position: relative;
	float: right;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
}
@-moz-document url-prefix() {
	.front #content-area .content-right {
		top: -20px;
	}
}
.front #content-area .content-right .block-library-user {
	margin-bottom: 40px;
}
.front #content-area .content-right .block-library-user div {
	zoom: 100%;
}
.front #content-area .content-right .block-library-user div:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.front #content-area .content-right .block-library-user a {
	font-size: 1.2rem;
	text-decoration: none;
}
.front #content-area .content-right .block-library-user table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #bcbcbc;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 9px;
	width: 100%;
}
.front #content-area .content-right .block-library-user table td {
	padding: 9px;
	vertical-align: top;
}
.front #content-area .content-right .block-library-user table td:nth-child(2) {
	margin: 9px;
	position: relative;
	background-color: #fff;
	width: 128px;
	height: 96px;
	margin: 0;
}
.front #content-area .content-right .block-library-user table td:nth-child(2) img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: relative;
	height: auto;
	max-width: 128px;
}
* html body .front #content-area .content-right .block-library-user table td:nth-child(2) img {
	width: expression(this.width >= this.height ? "158px" : "auto");
	height: expression(this.width <= this.height ? "96px" : "auto");
}

.front #content-area .content-bottom {
	width: 1060px;
	margin: 0 auto;
}
.front #content-area .content-bottom .block-views {
	border: none;
}
.front #content-area .content-bottom .block-views .view-content {
	display: block;
}
.front #content-area .content-bottom h3.title {
	width: 700px;
	display: block;
	position: relative;
	top: 0;
}
.front #content-area .content-bottom .view-id-recommended .view-header {
	display: block;
	text-align: right;
	margin-top: -1.9em;
}
.front #content-area .content-bottom .view-id-recommended table {
	border-collapse: separate;
	border-spacing: 5px;
	margin-left: -5px;
	width: auto;
}
.front #content-area .content-bottom table td {
	position: relative;
}
.front #content-area .content-bottom .view-id-recommended table td .views-field-php {
	margin: 0;
	position: relative;
	background-color: #fff;
	width: 95px;
	height: 95px;
	margin: 0;
}
.front #content-area .content-bottom .view-id-recommended table td .views-field-php img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	max-height: 95px;
	max-width: 95px;
}
* html body .front #content-area .content-bottom .view-id-recommended table td .views-field-php img {
	width: expression(this.width >= this.height ? "95px" : "auto");
	height: expression(this.width <= this.height ? "95px" : "auto");
}

.mod-top-heading-link {
}
.mod-top-heading-link p{
	text-align: right;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
	display: inline-block;
}
.mod-top-heading-link p a:after{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 12px;
	vertical-align: middle;
}
.mod-top-heading-link p a:after{
	background: url(../images/arrow-right.png) right  0 no-repeat;
}
.mod-top-heading-link p a{
	text-decoration: none;
}
.mod-top-article-text p {
	margin: 9px 0 0 0;
	font-size: 1.1rem;
}


/* default css */
.form-item .description {
  font-style: italic;
}

#edit-delete {
  color: #cc0000;
}

div.messages {
	border: 2px solid #000000;
	margin: 30px auto 0;
	padding: 19px;
	font-weight: bold;
	font-size: 1.4rem;
	max-width: 1060px;
}

div.warning {
	color: #884400;
	background: none;
}

div.error {
	color: #ff0000;
	background: none;
}

div.status {
	color: #297c0c;
	background: none;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
	border: none;
	background-color: #ffe8e8;
}

/* -------------------------------------------------- */
/* module */
/* -------------------------------------------------- */
.mod-link-sort{
	margin: 15px 0 0 0;
	overflow: hidden;
}
.mod-link-sort > dl{
	margin: 0;
	padding: 0;
	display: table;
	float: right;
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
}
.mod-link-sort > dl > dt,
.mod-link-sort > dl > dd{
	display: table-cell;
	vertical-align: top;
	text-align: right;
}
.mod-link-sort > dl > dd{
	padding: 0 0 0 0.5em;
}
.mod-link-sort > dl ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mod-link-sort > dl ul{
}
.mod-link-sort > dl ul li{
	margin: 3px 0 0 0;
	width: 6px;
	height: 4px;
	font-size: 1px;
	line-height: 1;
}
.mod-link-sort > dl ul img{
	vertical-align: top;
}

.mod-back > p{
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
}
.mod-back > p:before{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 24px;
	height: 9px;
	background: url(../images/arrow-left.png) 0 0 no-repeat;
}

/* -------------------------------------------------- */
/* status */
/* -------------------------------------------------- */
.is-hidden{ display: none; }


/* -------------------------------------------------- */
/* font */
/* -------------------------------------------------- */
html,
html.is-_default-font { font-size: 62.5%; } /* 10px; */
html.is-large-font { font-size: 87.5%; } /* 14px */
html.is-small-font { font-size: 50%; } /* 8px */
.mod-font-tp-high-b { font-family: "TP Mincho StdN High B"; }
.mod-font-tp-high-el { font-family: "TP Mincho StdN High EL"; }
.mod-font-tp-high-h { font-family: "TP Mincho StdN High H"; }
.mod-font-tp-high-l { font-family: "TP Mincho StdN High L"; }
.mod-font-tp-high-m { font-family: "TP Mincho StdN High M"; }
.mod-font-tp-high-r { font-family: "TP Mincho StdN High R"; }
.mod-font-tp-low-b { font-family: "TP Mincho StdN Low B"; }
.mod-font-tp-low-el { font-family: "TP Mincho StdN Low EL"; }
.mod-font-tp-low-h { font-family: "TP Mincho StdN Low H"; }
.mod-font-tp-low-l { font-family: "TP Mincho StdN Low L"; }
.mod-font-tp-low-m { font-family: "TP Mincho StdN Low M"; }
.mod-font-tp-low-r { font-family: "TP Mincho StdN Low R"; }
.mod-font-tp-middle-b { font-family: "TP Mincho StdN Middle B"; }
.mod-font-tp-middle-el { font-family: "TP Mincho StdN Middle EL"; }
.mod-font-tp-middle-h { font-family: "TP Mincho StdN Middle H"; }
.mod-font-tp-middle-l { font-family: "TP Mincho StdN Middle L"; }
.mod-font-tp-middle-m { font-family: "TP Mincho StdN Middle M"; }
.mod-font-tp-middle-r { font-family: "TP Mincho StdN Middle R"; }

/* -------------------------------------------------- */
/* heading */
/* -------------------------------------------------- */
.mod-heading {
	width: 1060px;
	margin: 0 auto;
	display: table;
}
.mod-sub-heading {
	width: 1060px;
	margin: 26px auto 0 auto;
	display: table;
}
.page-library-search-results .mod-sub-heading {
	width: 880px;
	z-index: 400;
}
.page-ranking-borrow .mod-sub-heading,
.page-newly-list .mod-sub-heading {
	margin-bottom: -104px;
	width: 880px;
}
.page-ranking-reservation .mod-sub-heading {
	margin-bottom: -64px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #library-user-switch-detail-form .mod-sub-heading:not(:target) {
	margin-top: 28px;
  }
}

#library_my_page_reservation_register_finished_form .mod-sub-heading {
	margin-top: -4.6em;
}
#library-my-page-reservation-modify-form .mod-sub-heading,
#library-my-page-reservation-modify-confirm-form .mod-sub-heading {
	margin-top: 6px;
}
#library-my-page-reservation-register-form .mod-sub-heading {
	display: block;
}
#library-my-page-reservation-register-confirm-form .mod-sub-heading {
	margin-top: 27px;
}
.mod-sub-heading h3 {
	margin: 0;
	font-size: 2.6rem;
	font-family: "TP Mincho StdN Middle M";
	display: table-cell;
}
.mod-heading-caption,
.mod-sub-heading-caption{
	margin: 0 0 0 0.5em;
	font-size: 1.2rem;
}
.mod-sub-heading-link {
	display: table-cell;
}
.mod-sub-heading-link > p{
	margin: 0;
	text-align: right;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	position: relative;
}
.mod-sub-heading-link > p a:before{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 9px;
	background: url(../images/arrow-right.png) 0 0 no-repeat;
}
.mod-magazine-heading{
	width: 1060px;
	border-top: 1px solid;
	margin: 15px auto -15px auto;
}
.mod-magazine-heading > h4{
	margin: 15px 0 0 0;
	font-size: 1.6rem;
	font-weight: normal;
}


/* -------------------------------------------------- */
/* side */
/* -------------------------------------------------- */
.mod-side-calendar-heading{
	padding: 10px 0;
	display: table;
	border-bottom: 1px solid;
}
.mod-side-calendar-heading > p,
.mod-side-calendar-heading > h3{
	display: table-cell;
	vertical-align: middle;
}
.mod-side-calendar-heading > h3{
	width: 111px;
	text-align: center;
	font-size: 2rem !important;
	font-family: "TP Mincho StdN High M" !important;
	font-weight: normal;
	padding: 0 !important;
	border: none !important;
}
.mod-side-calendar-heading > p {
	width: 12px;
	font-size: 0px;
}
.mod-side-calendar-heading > p.mod-side-calendar-heading-prev > a:before,
.mod-side-calendar-heading > p.mod-side-calendar-heading-next > a:before{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 9px;
	cursor: pointer;
}
.mod-side-calendar-heading > p.mod-side-calendar-heading-prev > a:before{
	background: url(../images/arrow-left.png) 0 0 no-repeat;
}
.mod-side-calendar-heading > p.mod-side-calendar-heading-next > a:before{
	background: url(../images/arrow-right.png) 0 0 no-repeat;
}

.mod-side-calendar {
	padding: 15px 0 20px 0;
	border-bottom: 1px solid;
}

.mod-side-calendar > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow:hidden;
}
.mod-side-calendar > ul > li{
	width: 33.3333%;
	float: left;
	text-align: center;
	font-size: 15px;
	font-family: "TP Mincho StdN Low M";
}
.mod-side-calendar > ul > li > a {
	margin: 5px 5px 0 5px;
	display: block;
	background: #ffffff;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
}
.mod-side-calendar > ul > li > a.is-current{
	background: #297c0c;
	color:#ffffff;
}
.mod-side-archive{
	margin: 30px 0 0 0;
}
.mod-side-archive-heading > h3 {
	margin: 0 !important;
	font-size: 1.1rem !important;
	font-family: "TP Mincho StdN Low M" !important;
	font-weight: normal;
	border: none !important;
}
.mod-side-archive > ul{
	margin: 0;
	padding: 0 0 30px 0;
	font-weight: normal;
	list-style: none;
	border-bottom: 1px solid;
}
.mod-side-archive > ul > li{
	margin: 10px 0 0 0;
	font-size: 1.1rem;
	font-family: "TP Mincho StdN Low M";
}

/* -------------------------------------------------- */
/* search */
/* -------------------------------------------------- */

.mod-search {
	width: 1060px;
	margin: 80px 0 0 0;
	padding: 30px 0 0 0;
	display: table;
	border-top: 1px solid;
}
.mod-search:first-child {
	margin: 0;
}

.mod-search-heading {
	width: 250px;
	display: table-cell;
}
.mod-search-heading > h4{
	margin: 0;
	font-size: 2rem;
	font-family: "TP Mincho StdN Middle M";
	font-weight: normal;
}



.mod-search-element-xl{ width: 100%; }
.mod-search-element-l{ width: 70%; }
.mod-search-element-m{ width: 45%; }
.mod-search-element-s{ width: 30%; }
.mod-search-element-xs{ width: 20%; }


.mod-search-text-indent { display: inline-block; width: 3em; }


.mod-search-element-genre-label{
	margin: 20px 0 0 0;
	overflow:hidden;
}
.mod-search-element-genre-label:first-child{
	margin: 0;
}

.mod-search-element-select.mod-search-element-genre-l,
.mod-search-element-select.mod-search-element-genre-m,
.mod-search-element-select.mod-search-element-genre-s{
	float: right;
}
.mod-search-element-select.mod-search-element-genre-l{ width: 80%; }
.mod-search-element-select.mod-search-element-genre-m{ width: 70%; }
.mod-search-element-select.mod-search-element-genre-s{ width: 60%; }


.mod-addsearch fieldset{
	margin: 0;
	padding: 0;
	border: 0	;
}
.mod-addsearch legend{
	display: none;
}



.mod-addsearch form{
	display: table-cell;
	text-align: right;
}

.mod-addsearch legend+label{
	border-left: 1px solid #a3a3a3;
}
.mod-addsearch .mod-addsearch-select {
	font-size: 1.2rem;
	font-family: "TP Mincho StdN Low M";
}
.mod-addsearch .mod-addsearch-submit{
	margin: 0 0 0 35px;
	padding: 0 10px;
	border: 1px solid;
	background: #ffffff;
	font-size: 1rem;
	font-family: "TP Mincho StdN Low M";
}



.mod-no-result{
	margin: 70px 0 0 0;
}
.mod-no-result > p{
	margin: 0;
	font-size: 2rem;
}

.mod-again-search-btn {
	margin: 50px 0 0 0;
}
.mod-again-search-btn > p {
	margin: 0;
}
.mod-again-search-btn > p > a{
	width: 428px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	border: 1px solid;
	color: #297c0c;
	font-size: 1.8rem;
	font-family: "TP Mincho StdN Middle B";
}

.mod-library-info{
	margin: 100px 0 0 0;
}



/* -------------------------------------------------- */
/* event */
/* -------------------------------------------------- */
.mod-event-list {
	margin: -20px 0 0 -23px;
	overflow:hidden;
}
.mod-event {
	width: 202px;
	margin: 20px 0 0 23px;
	padding: 3px 0 0 0;
	position: relative;
	float: left;
}
.mod-event a{
	display: block;
	border: 1px solid #bcbcbc;
}
.mod-event-heading{
	padding: 9px;
}
.mod-event-heading > h3{
	margin: 9px 0 0 0;
	font-size: 1.4rem;
	font-family: "TP Mincho StdN Low M";
	font-weight: normal;
}
.mod-event-text{
	padding: 9px;
}
.mod-event-text > p{
	margin: 0;
	font-size: 1.2rem;
}

.mod-event-date > p{
	margin: 0;
	padding: 9px;
	border-top: 1px solid #bcbcbc;
	font-weight: bold;
	font-size: 1.2rem;
}

.mod-event-apply > p{
	margin: 60px 0;
}
.mod-event-apply >p > a{
	width: 520px;
	margin: 0 auto;
	padding: 20px 0;
	display: block;
	background: #297c0c;
	font-size: 2rem;
	font-family: "TP Mincho StdN Low M";
	color:#ffffff;
	text-align: center;
	border-radius:5px;
}

.mod-google-map {
        position: relative;
        padding-bottom: 580px;
        height: 0;
}
.mod-google-map iframe {
        display: block;
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 580px;
}
.block-nice-menus {
        margin-top:50px;
        margin-bottom:30px;
}

/* -------------------------------------------------- */
/* article, suggest, news */
/* -------------------------------------------------- */
.mod-article,
.mod-suggest,
.mod-news{
	border: 1px solid #bcbcbc;
	position: relative;
}
.mod-article{
	padding: 69px 0;
}
.mod-suggest{
	margin: 40px 0 10px 0;
	padding: 51px 0;
}
.mod-news{
	margin: 20px 0;
	padding: 0;
}
.mod-article-new,
.mod-suggest-new,
.mod-news-new{
	width: 56px;
	height: 56px;
	position: absolute;
	top:-3px;
	right:-3px;
	background: url(../images/icon-new.png) 0 0 no-repeat;
	z-index:100100;
}
.mod-article-new p,
.mod-suggest-new p,
.mod-news-new p{
	margin: 0;
	text-align: right;
	font-size: 0rem;
	line-height: 1px;
	color:#ffffff;
}
.mod-article-heading{
	width: 880px;
	margin: 0 89px;
}
.mod-article-heading > h3,
.mod-article-heading > h4{
	margin: 0;
	font-size: 3.4rem;
	font-family: "TP Mincho StdN High M";
	font-weight: normal;
}
.mod-article-copy{
	width: 880px;
	margin: 0 89px;
}
.mod-article-copy > p{
	margin: 0;
	font-size: 1.4rem;
}
.mod-article-date{
	width: 880px;
	margin: 0 89px;
}
.mod-article-date > p{
	font-size: 1.4rem;
}
.mod-article-event-date{
	width: 880px;
	margin: 10px 89px 0 89px;
	display: table;
}
.mod-article-event-date > p{
	padding: 0 0 0 1em;
	display: table-cell;
	font-size: 1.3rem;
	line-height: 1.25;
}
.mod-article-event-date > p:first-child{
	padding: 0;
}
.mod-event-icon{
	margin: 0;
	padding: 0;
	display: inline-block;
	z-index: 100;
}
.mod-event-icon > span{
	white-space: nowrap;
	padding: 3px 10px 3px 5px;
	border: 1px solid;
	background: #ffffff;
	display: block;
	font-size: 1rem;
	line-height: 1;
	font-weight: bold;
}
.mod-event-icon > span.mod-event-icon-exhibition:before,
.mod-event-icon > span.mod-event-icon-seminar:before,
.mod-event-icon > span.mod-event-icon-workshop:before,
.mod-event-icon > span.mod-event-icon-child:before{
	display: inline-block;
	content: "";
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 17px;
	height: 12px;
	vertical-align: middle;
}
.mod-event-icon > span.mod-event-icon-exhibition:before{
	width: 21px;
	background: url(../images/icon-exhibition.png) 0 0 no-repeat;
}
.mod-event-icon > span.mod-event-icon-seminar:before{
	background: url(../images/icon-seminar.png) 0 0 no-repeat;
}
.mod-event-icon > span.mod-event-icon-workshop:before{
	background: url(../images/icon-workshop.png) 0 0 no-repeat;
}
.mod-event-icon > span.mod-event-icon-child:before{
	background: url(../images/icon-child.png) 0 0 no-repeat;
}
.mod-article-image{
	margin: 40px 89px 0 89px;
}
.mod-article-image p,
.mod-suggest-image p{
	position: relative;
	background-color: #fff;
	margin: 0;
	overflow:hidden;
}
.mod-article-image p{
	width: 880px;
	height: 500px;
}
.mod-suggest-image p{
	width: 280px;
	height: 210px;
	margin: 0 0 0 51px;
	float: left;
}
.mod-article-image p img,
.mod-suggest-image p img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	max-width: 280px;
	max-height: 210px;
}
* html body .mod-article-image p img,
* html body .mod-suggest-image p img {
	width: expression(this.width >= this.height ? "280px" : "auto");
	height: expression(this.width <= this.height ? "210px" : "auto");
}
.mod-article-video{
	margin: 70px 89px 0 89px;
}
.mod-article-file{
	margin: 70px 89px 0 89px;
	display: table;
}
.mod-article-file > dl{
	margin: 0;
	padding: 0 90px 0 0;
	display: table-cell;
	white-space: nowrap;
	font-size: 1.4rem;
}
.mod-article-file dd,
.mod-article-file dt{
	margin: 0;
	padding: 0;
}
.mod-article-file dt{
	font-weight: bold;
}
.mod-article-file ul{
	margin: 0;
	padding: 0 0 0 1.5em;
}
.mod-article-data{
}
.mod-article-data table{
	margin: 70px 89px 0 89px;
	width: 880px;
	font-size: 1.6rem;
}
.mod-article-data table th,
.mod-article-data table td{
	padding-bottom: 0.5em;
	vertical-align: top;
}
.mod-article-data table th{
	padding: 0 1em 0 0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
.mod-article-line > hr {
	margin: 70px 0 0 0;
	border: solid #bcbcbc;
	border-width: 1px 0 0 0;
}
.mod-suggest-content{
	overflow: hidden;
}
.mod-suggest-text{
	width: 628px;
	margin: 0 51px 0 0;
	float: right;
}
.mod-suggest-heading > h3{
	margin: 0;
	font-family: "TP Mincho StdN Middle R";
	font-size: 3.2rem;
	font-weight: normal;
}
.mod-suggest-heading > h3 > a{
	text-decoration: none;
}
.mod-suggest-sub-heading > p{
	margin: 0;
	font-family: "TP Mincho StdN Low R";
	font-size: 1.4rem;
}
.is-article .mod-suggest-text .mod-wysiwyg,{
	margin: 0;
}
.mod-news a{
	display: block;
}
.mod-news a:hover{
	background: #f5f5f5;
	color: #000000;
}
.mod-news-content{
	padding: 19px 0;
	overflow: hidden;
}
.mod-news-date{
	width: 140px;
	margin: 0 20px 0 19px;
	float: left;
}
.mod-news-date p{
	margin: 0;
	font-family: "TP Mincho StdN Low M";
	font-size: 1.4rem;
}
.mod-news-title{
	width: 810px;
	margin: 0 69px 0 0;
	float: right;
}
.mod-news-title p{
	margin: 0;
	font-size: 1.4rem;
}

/**********************************************************
 * 貸出
 */
div.mod-borrow-wysiwyg {
  font-size: 1.8rem;
}

div.mod-borrow-wysiwyg p {
  margin: 2em 0 0 0;
}

div.mod-mypage-extend-rule {
  width: 82%;
  text-align: right;
}
div.mod-mypage-extend-rule a {
  color: #BB3333;
  font-size: 1.6rem;
  line-height: 1.4;
}
div.mod-mypage-extend-rule a:hover {
  color: #CC9999;
}

/**********************************************************/

/* その他 */
.page-node .field-item p {
	font-size: 1.8rem;
	line-height: 1.95;
	margin: 2em 0 0;
}
.page-node .field-type-video .field-label {
	display: none;
}
.page-node .field-type-video video {
	margin: 2em auto 0;
	display: block;
}
.page-node .field-type-file {
	font-size: 1.4rem;
	margin: 2em 0 0;
}
.page-node .field-type-file span.file {
	margin: 0 0 0.25em;
	display: block;
}
.page-node .field-type-file span.file:before {
	content: "\2022";
	padding-right: 0.5em;
}

.translation-link {
	display: none;
}
.userguide {
	font-size: 1.6rem;
}

/* 管理系 */
.page-workflow table.sticky-enabled,
#event-content-node-form table.sticky-enabled {
	margin: 0;
}
.page-workflow table.sticky-enabled th {
	font-weight: bold;
}
.view-display-id-page_3 table th,
.view-display-id-page_3 table td,
.view-display-id-page table th,
.view-display-id-page table td,
.view-id-view_user_list table th,
.view-id-view_user_list table td,
.view-id-recommended table th,
.view-id-recommended table td {
	font-size: 1.2rem;
	padding: 6px 4px;
}

.page-info-list table.views-table tr.row-class td {
	border: none;
	border-bottom: 1px solid;
}
.page-info-list table.views-table  tr.row-class td p a:hover {
	color: #a1a1a1;
}
.page-info-list table.views-table  tr.row-class:hover {
	background-color: transparent;
}

.page-accesslog table.sticky-enabled {
	margin-top: 0;
}
.page-admin-domain-content #domain-content-admin fieldset {
	font-size: 1.2rem;
}
.page-admin-domain-content table.sticky-enabled {
	margin-top: 2em;
}

.logged-in.page-info-list-c #sidebar-first .block-menu-block ul.menu,
.logged-in.page-info-page-c #sidebar-first .block-menu-block ul.menu,
.logged-in.page-event-list-c #sidebar-first .block-menu-block ul.menu,
.logged-in.page-event-page-c #sidebar-first .block-menu-block ul.menu,
.logged-in.page-node-69 #sidebar-first .block-menu-block ul.menu,

.logged-in.page-info-list-c #sidebar-first .block-system ul.menu,
.logged-in.page-info-page-c #sidebar-first .block-system ul.menu,
.logged-in.page-event-list-c #sidebar-first .block-system ul.menu,
.logged-in.page-event-page-c #sidebar-first .block-system ul.menu,
.logged-in.page-node-69 #sidebar-first .block-system ul.menu {
	border-bottom: 1px solid !important;
}
.logged-in.page-info-list-c #sidebar-first .block-menu-block ul.menu li,
.logged-in.page-info-page-c #sidebar-first .block-menu-block ul.menu li,
.logged-in.page-event-list-c #sidebar-first .block-menu-block ul.menu li,
.logged-in.page-event-page-c #sidebar-first .block-menu-block ul.menu li,
.logged-in.page-node-69 #sidebar-first .block-menu-block ul.menu li,

.logged-in.page-info-list-c #sidebar-first .block-system ul.menu li,
.logged-in.page-info-page-c #sidebar-first .block-system ul.menu li,
.logged-in.page-event-list-c #sidebar-first .block-system ul.menu li,
.logged-in.page-event-page-c #sidebar-first .block-system ul.menu li,
.logged-in.page-node-69 #sidebar-first .block-system ul.menu li {
	line-height: 0 !important;
	list-style-type: outside !important;
	display: block !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
	margin: 15px 0 0 !important;
}
.logged-in.page-info-list-c #sidebar-first .block-menu-block ul.menu li a,
.logged-in.page-info-page-c #sidebar-first .block-menu-block ul.menu li a,
.logged-in.page-event-list-c #sidebar-first .block-menu-block ul.menu li a,
.logged-in.page-event-page-c #sidebar-first .block-menu-block ul.menu li a,
.logged-in.page-node-69 #sidebar-first .block-menu-block ul.menu li a,

.logged-in.page-info-list-c #sidebar-first .block-system ul.menu li a,
.logged-in.page-info-page-c #sidebar-first .block-system ul.menu li a,
.logged-in.page-event-list-c #sidebar-first .block-system ul.menu li a,
.logged-in.page-event-page-c #sidebar-first .block-system ul.menu li a,
.logged-in.page-node-69 #sidebar-first .block-system ul.menu li a {
	display: block !important;
	text-indent: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 10px 0 0 !important;
}
ul.primary {
	position: relative;
	z-index: 450;
}

#notification-content-node-form .tabledrag-toggle-weight-wrapper > a {
	position: relative;
	top: 0.74em;
	right: 2em;
	font-size: 1rem;
}
#edit-field-image-upload table.sticky-enabled {
	margin: 8px 0;
}
.logged-in #edit-domain .form-checkboxes .form-item,
.logged-in #edit-domain .form-checkboxes .form-radios .form-item {
	margin: 1em 0;
}

.logged-in #content-area p {
	font-size: 1.6rem;
}

body div.tabledrag-changed-warning {
    margin-bottom: 2.5em;
}

.logged-in #edit-field-file,
.logged-in #edit-field-video,
.logged-in #edit-field-image {
	font-size: 1.4rem;
	margin: 2em 0 0;
}


/* しばらくおまちください */
#library-user-search-conditions-form table#my-table3-1 td:first-child {
	padding-left: 320px;
}
#library-user-search-conditions-form table td ul.my_tg_ul li {
	width: 710px;
}
.ajax-progress {
	display: inline-block;
	font-size: 1.1rem;
	background-color: #fff;
	height: 16px;
	z-index: 400;
}
.page-my-page .ajax-progress {
	display: block;
	height: 18px;
}
.page-my-page .form-item-pickup-place div:after {
	background: none;
}
.ajax-progress .throbber {
    float: left;
    height: 15px;
    margin: 4px;
    width: 15px;
}

.ajax-progress .message {
    padding: 0;
}

/**********************************************************
 * 管理者画面（参照・編集）
 */
body.not-front article div.field-type-image img {
	max-width: 100%;
	height: auto;
}

body.page-event-page.not-front .views-field-field-image .field-content,
body.page-info-page.not-front .views-field-field-image .field-content {
	width: 100%;
}

body.page-event-page.not-front .views-field-field-image .field-content img,
body.page-info-page.not-front .views-field-field-image .field-content img {
	max-width: 100%;
	height: auto;
}
