@charset "utf-8";
/* CSS Document */

/*********** ********** ********** **********
* Reset
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1;}
html, body{height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
/*table{border-collapse:collapse;border-spacing:0}*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{/*vertical-align:middle;*/margin:0;padding:0;outline:none;}
input[type='submit'],input[type='reset']{background:none;padding:0;margin:0px;outline:none;border:none;}
body,input,select{font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:normal;}

/*********** ********** ********** **********
* Initialize
*/
html{font-size:62.5%}
body{overflow-x:auto;overflow-y:scroll;position:relative;height:auto;width:100%;background:#E9F3E9;}
body.text_size_small{font-size:90%;}
body.text_size_medium{font-size:100%;}
body.text_size_large{font-size:118%;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
.clearfix:before{content:" ";display: table;}
.clearfix:after{content:" ";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
.pc-only{display:block;}
.sp-only{display:none;}
input[type='text']{text-indent:6px;}
input[type="text"]:disabled{color:#666;}

/*********** ********** ********** **********
* Body
*/
div#body_wrapper{margin:20px auto 0;height:auto;display:block;position:relative;max-width:960px;background-color:#FFF;padding:20px 20px 0;}

/*********** ********** ********** **********
* Header
*/
/*ヘッダー*/
header{width:100%;height:auto;margin-bottom:18px;}
/*コンテンツ*/
header #header_wrapper{width:100%;height:auto;float:left;padding-bottom:12px;}
header #header_wrapper .box_right{width:60%;height:auto;float:left;padding-bottom:6px;}
header #header_wrapper .box_left{width:40%;height:auto;float:left;padding-bottom:6px;}
/*ロゴ*/
header #header_wrapper #logo{width:auto;height:auto;float:left;}
/*ログイン*/
#login_info .mode_login{float:right;width:auto;height:36px;margin-top:6px;letter-spacing:0.0em;background:url(../img/icon_login.png) no-repeat left center;background-position-y: center;}
#login_info .mode_login input[type='button']{width:120px;color:#FFF;border:#10007C 1px solid;background:#13007C;background:linear-gradient(#201992, #13007C);height:30px;padding:0 5px;cursor:pointer;}
#login_info .mode_logout{float:right;width:auto;height:36px;margin-top:6px;letter-spacing:0.2em;background:url(../img/icon_logout.png) no-repeat left center;background-position-y: center;}
#login_info p{font-size:120%;text-indent:25px;padding-right:10px;padding-top:4px;}
#login_info .mode_login #btnLogout{color:#666;border:#999 1px solid;background:#fafafa;background:linear-gradient(#fafafa, #e6e6e6);}
#login_info .mode_logout p{padding-top:13px;}
    
/*予約かご*/
#divCart{float:right;width:140px;height:28px;margin-top:10px;margin-right:3px;}
#divCart p{width:100%;height:100%;border:solid 1px #A6AEDF;display:block;background:#E6EEFF;background:linear-gradient(#D6DEEF, #E6EEFF);box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 0px;}
#divCart input[type='button']{margin-left:2px;text-indent:10px;color:#13007C;font-size:140%;border:0px;height:100%;width:100%;background-color:Transparent;background: url(../img/basket.png) left center no-repeat;cursor:pointer;}


/*文字サイス大中小*/
header #header_wrapper #text_size{float:right;min-width:170px;height:30px;margin:0px;margin-right:10px;position:relative;}
header #header_wrapper #text_size span{font-size:120%;position:absolute;top:11px;left:10px;}
header #header_wrapper #text_size ul{position:absolute;top:5px;right:0;}
header #header_wrapper #text_size ul li{float:left;margin:0 3px;border:solid 3px #CCC;text-align:center;}
header #header_wrapper #text_size ul li a{font-weight:bold;color:#999;width:20px;height:20px;display:block;}
header #header_wrapper #text_size ul li.current{float:left;margin:0 3px;border:solid 3px #000;text-align:center;}
header #header_wrapper #text_size ul li.current a{font-weight:bold;color:#000;}
header #header_wrapper #text_size ul li a#btn_text_small{font-size:130%;line-height:1.6;}
header #header_wrapper #text_size ul li a#btn_text_medium{font-size:150%;line-height:1.4;}
header #header_wrapper #text_size ul li a#btn_text_large{font-size:180%;line-height:1.2;}
/*ハンバーガーボタン*/
header #header_wrapper #main_menu_icon{margin-right:-15px;}
header #header_wrapper #main_menu_icon{position:relative;float:right;}
header #header_wrapper #main_menu_icon button{cursor:pointer;position:relative;float:right;padding:7px 8px 8px;margin-right:15px;border:1px solid transparent;border-radius:4px;border-color:#ddd; background:#FFF;}
header #header_wrapper #main_menu_icon button span{background-color:#888;display:block;width:22px;height:2px;border-radius:1px;margin-top:4px;}
/*トップイメージ*/
header #main_img_top img{width:100%;height:auto;}
/*グローバルメニュー*/
nav#main_menu{width:100%;height:auto;}
/*A.フォレスト*/
/**/
nav#main_menu ul{display:table;table-layout:fixed;width:100%;border-right:solid 1px #3d997a;}
nav#main_menu ul li{display:table-cell;vertical-align:middle;text-align:center;padding:2px;padding-top:6px;border-left:solid 1px #3d997a;line-height:1.1;letter-spacing:2px;}
nav#main_menu ul li a{font-size:160%;color:#004d4d;font-weight:bold; padding:6px 12px 6px 26px;display:block;word-break:break-all;}
nav#main_menu ul li.current{border-top:solid 6px #3d997a;padding-top:0;}
nav#main_menu ul li:hover{border-top:solid 6px #9DCBBC;padding-top:0;}
nav#main_menu ul li.usage_guidance a{background:url(../img/nav_icon_01_g.png) no-repeat left center;}
nav#main_menu ul li.area_guidance a{background:url(../img/nav_icon_02_g.png) no-repeat left center;}
nav#main_menu ul li.collection_search a{background:url(../img/nav_icon_03_g.png) no-repeat left center;letter-spacing:-2px;}
nav#main_menu ul li.collection_info a{background:url(../img/nav_icon_04_g.png) no-repeat left center;}
nav#main_menu ul li.user_menu a{background:url(../img/nav_icon_05_g.png) no-repeat left center;letter-spacing:-3.9px;}
nav#main_menu ul li.faq a{background:url(../img/nav_icon_06_g.png) no-repeat left center;letter-spacing:-2px;}
nav#main_menu ul li.links a{background:url(../img/nav_icon_07_g.png) no-repeat left center;}

/*B.セレステ*/
/*
nav#main_menu ul{display:table;table-layout:fixed;width:100%;border-right:solid 1px #fff;}
nav#main_menu ul li{display:table-cell;vertical-align:middle;padding:2px;padding-top:6px;border-left:solid 1px #fff;line-height:1.1;letter-spacing:2px;background:#33aaff;}
nav#main_menu ul li a{font-size:160%;color:#fff;font-weight:bold; padding:30px 12px 0px 0px;display:block;word-break:break-all;text-align:right;}
nav#main_menu ul li:hover{background:#A1C1FC;}
nav#main_menu ul li.usage_guidance a{background:url(../img/nav_icon_01_w.png) no-repeat left top;}
nav#main_menu ul li.area_guidance a{background:url(../img/nav_icon_02_w.png) no-repeat left top;}
nav#main_menu ul li.collection_search a{background:url(../img/nav_icon_03_w.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.collection_info a{background:url(../img/nav_icon_04_w.png) no-repeat left top;}
nav#main_menu ul li.user_menu a{background:url(../img/nav_icon_05_w.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.faq a{background:url(../img/nav_icon_06_w.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.links a{background:url(../img/nav_icon_07_w.png) no-repeat left top;}
nav#main_menu ul li.current{background:#d8ecfe;}
nav#main_menu ul li.current a{color:#308cfd;}
nav#main_menu ul li.current.usage_guidance a{background:url(../img/nav_icon_01_b.png) no-repeat left top;}
nav#main_menu ul li.current.area_guidance a{background:url(../img/nav_icon_02_b.png) no-repeat left top;}
nav#main_menu ul li.current.collection_search a{background:url(../img/nav_icon_03_b.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.current.collection_info a{background:url(../img/nav_icon_04_b.png) no-repeat left top;}
nav#main_menu ul li.current.user_menu a{background:url(../img/nav_icon_05_b.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.current.faq a{background:url(../img/nav_icon_06_b.png) no-repeat left top;letter-spacing:-1px;}
nav#main_menu ul li.current.links a{background:url(../img/nav_icon_07_b.png) no-repeat left top;}
*/
/*C.レインボー*/
/*
nav#main_menu ul{display:table;table-layout:fixed;width:100%;border-right:solid 1px #CCC; box-sizing:border-box;}
nav#main_menu ul li{display:table-cell;vertical-align:middle;border-bottom:solid 1px #CCC;background:#fff;position:relative;}
nav#main_menu ul li a{font-size:160%;color:#00174a;font-weight:bold;padding:30px 6px 0px 0px;display:block;word-break:break-all;text-align:right;border-left:solid 1px #fff;}
nav#main_menu ul li:hover{background:#ccc;}
nav#main_menu ul li.usage_guidance:before{content:"　";background:#e65c71;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.area_guidance:before{content:"　";background:#e6a15c;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.collection_search:before{content:"　";background:#d4c05f;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.collection_info:before{content:"　";background:#acd957;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.user_menu:before{content:"　";background:#66cccc;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.faq:before{content:"　";background:#7399e6;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.links:before{content:"　";background:#a98ae6;position:absolute;left:0;top:0;z-index:0;width:32px;height:100%;}
nav#main_menu ul li.usage_guidance:after{content:"　";background:url(../img/nav_icon_01_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.area_guidance:after{content:"　";background:url(../img/nav_icon_02_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.collection_search:after{content:"　";background:url(../img/nav_icon_03_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.collection_info:after{content:"　";background:url(../img/nav_icon_04_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.user_menu:after{content:"　";background:url(../img/nav_icon_05_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.faq:after{content:"　";background:url(../img/nav_icon_06_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.links:after{content:"　";background:url(../img/nav_icon_07_w.png) no-repeat;position:absolute;left:3px;bottom:0;z-index:0;width:26px;height:26px;}
nav#main_menu ul li.usage_guidance a{letter-spacing:2px;}
nav#main_menu ul li.area_guidance a{letter-spacing:2px;}
nav#main_menu ul li.collection_search a{letter-spacing:-2px;}
nav#main_menu ul li.collection_info a{letter-spacing:2px;}
nav#main_menu ul li.user_menu a{letter-spacing:-2.9px;}
nav#main_menu ul li.faq a{letter-spacing:-2px;}
nav#main_menu ul li.links a{letter-spacing:2px;}
nav#main_menu ul li.current{background:#000;}
nav#main_menu ul li.current a{color:#fff;}
*/

/*********** ********** ********** **********
* Content
*/
/*コンテンツ*/
#content{width:100%;height:auto;}
/*パンくずリスト*/
div#content div.breadlist {width:78%;}
div#content .breadlist ul li{font-size:120%;color:#13007C;float:left;margin-right:10px;}
div#content .breadlist ul li a{color:#13007C;padding-right:20px;background:url(../img/icon_arrow_crumb.png) no-repeat right center;text-decoration:underline;}
/*中央揃えレイアウト*/
div#content_center{clear:both;}
div#content_center #content_center_wrapper{width:100%;height:auto;}
/*左右２カラムレイアウト*/
#content_left{height:auto;float:left;}
#content_left #content_left_wrapper{width:100%;height:auto;display:inline-block;}
#content_right{height:auto;float:right;}
#content_right #content_right_wrapper{width:100%;height:auto;display:inline-block;}
/*左右２カラムレイアウトのサイズ分け*/
#content .size_small{width:22%;height:auto;}
#content .size_big{width:76%;height:auto;}
div.footer{width:100%;border-top: solid 20px #e6eeff;height:20px;}
/*********** ********** ********** **********
* Fotter
*/
/*フッターナビゲーション*/
footer{width:100%;height:auto;background-color:#444;margin-top:18px;line-height:1.0;}
footer nav{width:100%;height:auto;display:block;}
footer nav ul{clear:both;width:100%;height:auto;display:inline-block;padding-top:1%;padding-bottom:1%;}
footer nav ul li{float:left;padding-top:3px;padding-bottom:3px;}
footer nav ul li:nth-child(n+2){border-left:solid 1px #fff;}
footer nav ul li a{color:#FFF;font-size:140%;padding:0 24px;display:block;}
footer nav ul li a:hover{text-decoration:underline;}
footer p{font-size:120%;color:#FFF;padding:9px 24px 9px; text-align:right;border-top:1px solid #E6EEFF;}

/*********** ********** ********** **********
* etc
*/
/* タイトル画像 -------- */
#ImgTitle{display:none;}
/* ハイライト表示 -------- */
div#content .highlight{background:#eeff99;}
/* ハイライト表示 -------- */
div#content .dispnone{display:none;}
/* ラジオボタン、チェックボックス -------- */
input[type='checkbox'],
input[type='radio']{width:1.5em;height:1.5em;vertical-align:text-bottom;cursor: pointer;}
/* GoogleBooksの文言 -------- */
p.footermsg{font-size:120%;color:#555;display:block;float:right;}
/*インジケーター*/
#divloading{border:solid 1px #999;background-color:#ECECEC;-webkit-filter:opacity(80%);-moz-filter:opacity(80%);-o-filter:opacity(80%);-ms-filter:opacity(80%);opacity:0.80;position:fixed;z-index:99;}
#divloading div{font-size:200%;width:100px;height:100px;margin: -75px 0 0 -50px; position: fixed;top:50%;left:50%;text-align:center;}

#divCart{display:none;}
/*.breadlist{display:none;}*/
.breadlist{margin:20px 0 0 5px;font-size:130%;}
.breadlist li a[href$='index.aspx']{display:none;}

/*********** ********** ********** **********
* constructor
*/
.menu input,.menu button,.menu textarea,.menu select,.menu fieldset { outline: none; border-radius: 0; border:none; background: none; }

/*********** ********** ********** **********
* Steframe
*/
.siteframe{ width: 100%; height: 100%; background-color: #b3b3b3; }
.siteframe .siteframe-inner { width: 960px; height: auto; margin: 0 auto; }
.siteframe .siteframe-inner .siteframe-header { width: 100%; height: 108px; z-index: 100; position: relative; }
.siteframe .siteframe-inner .siteframe-body { width: 100%; height: 560px; z-index: 1; position: relative; }

/*********** ********** ********** **********
* info
*/
.info { width: 100%; height: 34px; background-color: #13007c; position: relative; z-index: 1000; }
.info .info-inner { width: 100%; height: 100%; }
.info-group { margin-left: 30px; float: left; }
.info-group-item { float: left; padding: 4px 13px 2px; }
.info-box { padding-top: 4px; padding-right: 4px; float: right; }
/*current*/
.info-group-item.current { background-color: #6666FF; }

/*********** ********** ********** **********
* btn
*/
.btn { width: 100%; height: 100%; text-align: center; text-rendering: auto; display: inline-block; line-height: 50px; }
.btn-search { font-size: 3.6em; color: #666; }
.btn-displaylogin,
.btn-login,
.btn-default { width: 120px; height: 46px; background-color: #FFF; border: solid 1px; color: #13007c; font-size: 1.4em; border-radius: 8px; letter-spacing: 0.15em; }
.btn-logout { width: 120px; height: 46px; background-color: transparent; border: solid 5px #FFF; color: #FFF; font-size: 1.4em; border-radius: 8px; letter-spacing: 0.15em; }
.btn-close { width: 122px; height: 38px; font-size: 2.4em; color: #13007c; background-color: #FFF; border: solid 1px #CCC; border-radius: 8px; line-height: 0.5em; }
a.btn-close { line-height: 2em; }
.btn-toggle-group { font-size: 1.4em; }
.btn-toggle-group .btn-toggle { width: auto; min-width: 50px; display: inline-block; color: #999; text-align: center; border: solid 1px #CCC; line-height: 1.5; background: #fafafa; background : linear-gradient(180deg, rgba(250, 250, 250, 1) 0%, rgba(230, 230, 230, 1) 100%); }
.btn-toggle-group .btn-toggle.current { color: #000; border-color: #000; font-weight: bold; background: #FFF; }
.btn-primary { border: #000 1px solid; background: #13007C; color: #FFF; font-size: 1.4em; line-height: 33px; }
/*disabled*/
.btn.disabled { background-color: #b3b3b3; color: #FFF; }
/*********** ********** ********** **********
* text
*/
.text-outerline { border: solid 2px #fe6400; border-radius: 6px; display:block;width:auto;height:2em;}
.text-basket { color: #FFF; line-height: 2.6; }
.text-login-title { color: #FFF; font-size: 1.9em; }
.text-login-detail { color: #FFF; font-size: 1.4em; }
.text-search-head { font-size: 1.6em; }
.text-ranking-title { color: #13007c; font-size: 2.1em; letter-spacing: 0.15em; }
.text-ranking-number-head { color: #4d4d4d; font-size: 1.4em; }
.text-ranking-number { color: #4d4d4d; font-size: 1.4em; }
.text-reserve-label { color: #666; font-size: 1.6em; text-align: center; }
.text-reserve-total { color: #666; font-size: 1.8em; font-weight: bold; text-align: center; }
.text-popup-title { font-size: 2.1em; color: #13007C; letter-spacing: 0.2em; text-align: center; }
.text-popup-list { font-size: 1.8em; color: #666; }
.text-result-total { font-size: 1.6em; letter-spacing: 0.25em; }
.text-result-total span { font-weight: bold; }
.text-refine-header { font-size: 1.6em; color: #fff; text-align: center; }
.text-refine-body-header { font-size: 1.4em; color: #FFF; }
.text-body-item-header { font-size: 1.4em; color: #13007C; }
.text-info-label { font-size: 1.2em; line-height: 1.5em; }
.text-book-rental { font-size: 1.4em; position: relative; text-align: center; text-indent: 18px; }
.text-book-rental-total { text-indent: 0; }
.text-book-rental .icon { position: absolute; top: 4px; left: 12px; }
.text-calendar-title { padding: 12px; font-size: 2.1em; text-align: left; }
/*********** ********** ********** **********
* link
*/
.text-link-gloval { font-size: 1.6em; color: #666; text-align: center; }
.text-link-info { color: #FFF; font-size: 1.5em; }
.text-link-body-item { font-size: 1.3em; text-decoration: underline; }
.text-link-body-item:hover { text-decoration: none; }
.text-link-pagination { font-size: 1.4em; color: #333; text-align: center; }
.text-link-pagination:hover { text-decoration: underline; }
.text-info-link { font-size: 1.6em; text-decoration: underline; line-height: 1.25em; display: inline-block; }
.text-info-link:hover { text-decoration: none; }
.text-link-rental { font-size: 1.4em; background-color: #13007C; border: solid 1px #000; color: #FFF; text-align: center; padding: 6px 0; }
.link-search-linkcover { width: 100%; height: 100%; display: block; }
.link-other-school { font-size: 1.6em; color: #666; }
.link-other-school img { position: absolute; left: 18px; top: 0; }
/*********** ********** ********** **********
* image-cover
*/
.image-cover { background-image: url(../img/books.png); background-size: 100% auto; background-position: left 50%; background-repeat: no-repeat; }
.image-cover img { width: 100%; height: auto; }
.image-cover.image-cover-reserve { width: 96px; height: 138px }
.image-cover.image-cover-result { width: 108px; height: 135px }
/*********** ********** ********** **********
* icon
*/
.icon { display: inline-block; background-size: 100% auto; background-position: left 50%; background-repeat: no-repeat; }
.icon.icon-basket { width: 48px; height: 40px; margin-bottom: 4px; background-image: url(../img/icon_basket.png); background-position: 0 0; }
.icon.icon-basket.exist { background-position: 0 -40px; }
.icon.icon-triangle { width: 15px; height: 15px; background: url(../img/icon_triangle.png); background-position: 0 1px; }
.icon.icon-blankwindow { width: 15px; height: 15px; margin-right: 4px; background-image: url(../img/icon_blankwindow.png); background-position: 0 1px; }
.icon.icon-search { width: 48px; height: 48px; background-image: url(../img/icon_search.png); background-position: 0 0; }
.icon.icon-arrow { width: 60px; height: 11px; background-image: url(../img/icon_arrow.png); background-position: 0 0; }
.icon.icon-times { width: 20px; height: 20px; background-image: url(../img/icon_times.png); }
.icon.icon-lending { width: 20px; height: 20px; background-image: url(../img/icon_lending.png); background-size: auto 100%; }
.icon.icon-lendable { width: 20px; height: 20px; background-image: url(../img/icon_lendable.png); background-size: auto 100%; }
.icon.icon-notlend { width: 20px; height: 20px; background-image: url(../img/icon_notlend.png); background-size: auto 100%; }

/*********** ********** ********** **********
* menu
*/
.menu { width: 100%; height: 92px; border-bottom: solid 1px #13007c; background-color: #FFF; position: relative; z-index: 1000; }
.menu .menu-inner { width: 100%; height: 100%; }
.menu-global { width: 100%; height: 100%; }
.global-logo { width: 240px; height: 72px; float: left; border-top: solid 20px #e6eeff; }
.global-item-group { height: 100%; }
.global-item-group .global-item { width: 140px; height: 72px; float: left; border-top: solid 20px #e6eeff; }
/* current*/
.global-item-group .global-item.current { border-top-color: #0096FF; background-color: #6666FF; }
.global-item-group .global-item.current > * { color: #FFF; }
.global-item-group .global-item.global-item-school{width: 160px; }
.global-item-group .global-item.global-item-school.current { border-top-color: #FE6400; background-color: #FD1A16; }
.global-item-group .global-item.global-item-school.current .text-outerline { border-color: #FFF; }
.global-item-group .global-item.global-item-school button{background:url(../img/schoolimg.png) no-repeat center center;background-size:96%;}
/*override*/
.global-item-group .text-link-gloval { width: 100%; height: 100%; letter-spacing: 2px; line-height: 1.2; }
.global-item-group .global-item:nth-child(3) .text-link-gloval,
.global-item-group .global-item:nth-child(4) .text-link-gloval { letter-spacing: 4px; }

/*********** ********** ********** **********
* Popup
*/
.modal { width: 100%; height: calc(100% - 92px); max-height: 676px; position: absolute; top: 92px; left: 0; background-color: rgba(0,0,0,.0); z-index: 1000; }
.modal-inner { width: 960px; height: 100%; margin: 0 auto; position: relative; }
.modal .modal-close { width: 100%; height: 100%; left: 0; }
.popup { height: auto; margin-top: 12px; position: absolute; top: 0; background-color: #FFF; border: solid 2px #0096ff; border-radius: 16px; }
.popup .popup-inner { width: 100%; height: auto; }
.popup-arrow { position: absolute; top: 0; left: 0; }
.popup-arrow .popup-arrow-inner { position: relative; }
.popup-arrow .popup-arrow-inner:before { content: " "; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 10px; border-color: transparent transparent #007bff transparent; position: absolute; top: -20px; left: 0; }
.popup-arrow .popup-arrow-inner:after { content: " "; width: 0; height: 0; border-style: solid; border-width: 0 0 14px 8px; border-color: transparent transparent #FFF transparent; position: absolute; top: -14px; left: 1px; }
.popup.popup-Login { width: 920px; height: 640px; left: 20px; border: solid 2px #fe6400; }
.popup.popup-Login .popup-arrow { left: 290px; }
.popup.popup-Login .popup-arrow .popup-arrow-inner:before { border-color: transparent transparent #FE6400 transparent; }
.popup.popup-Login .popup-Login-login { padding: 20px; }
.popup.popup-Login .popup-Login-other { padding: 20px; }
.popup-Login-other .popup-title { border-bottom: solid 2px #666; }

.popup.popup-child { width: 275px; left: 372px; }
.popup.popup-child .popup-arrow { left: 80px; }
.popup.popup-about { width: 360px; left: 433px; }
.popup.popup-about .popup-arrow { left: 164px; }
.popup.popup-calendar { width: 360px; left: 576px; }
.popup.popup-calendar .popup-arrow { left: 164px; }
.popup .popup-head { padding: 18px 12px 18px; margin: 0 12px; border-top: solid 2px #0096FF; }
.popup .popup-head:first-child { border-top: none; }
.popup .popup-list { width: 100%; height: auto; }
.popup .popup-list .popup-list-item { margin: 0 0 13px 28px; padding-left: 12px; border-left: solid 4px #0096FF; }
.popup .popup-list .popup-list-spacer { height: 24px; }
.popup .popup-title { padding: 55px 0 8px 8px; }
/*override*/
.popup .popup-head .popup-list-item-link { padding: 12px 0; }
.popup .popup-list .popup-list-item-link { }
.popup-Login .login .login-group { margin-left: 10px; }
.popup-Login .popup-Login-login .login .btn-login,
.popup-Login .popup-Login-login .login .form-input-text { border-color: #fe6400; }

/*ほんくる*/
.popup-inner .popup-list:nth-child(6) .popup-list-item:nth-child(1){ margin: 0 0 13px 28px; padding-left: 12px; border-left: solid 4px red; color:Red; }
.popup-inner .popup-list:nth-child(6) .popup-list-item:nth-child(1) .text-popup-list{ font-size: 1.8em; color: red; }
/*うちどく*/
.popup-inner .popup-list:nth-child(6) .popup-list-item:nth-child(2){ margin: 0 0 13px 28px; padding-left: 12px; border-left: solid 4px red; color:Red; }
.popup-inner .popup-list:nth-child(6) .popup-list-item:nth-child(2) .text-popup-list{ font-size: 1.8em; color: red; }


/*********** ********** ********** **********
* Util
*/
.util-hidden { display: none; }
.util-invisible { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; width: 0; height: 0; pointer-events: none; z-index: -1; }
.l-s-0 { letter-spacing: 0 !important; }
.m-l-32 { margin-left: 32px; }


/*********** ********** ********** **********
* school_display
*/
/*.global-item-group .global-item.global-item-school button{display:none;}*/


/*********** ********** ********** **********
* MediaOnly
*/
@media only screen and (max-width:640px)
{
    /*********** ********** ********** **********
    * Content
    */
    /*左右２カラムレイアウト*/
    #content_left{height:auto;float:none;}
    #content_right{height:auto;float:none;}
    /*左右２カラムレイアウトのサイズ分け*/
    #content .size_small{width:98%;height:auto;}
    #content .size_big{width:98%;height:auto;}

}