/*
Theme Name: ena Rooms Theme
Theme URI: http://wordpress.org/
Description: 騾ｲ蟄ｦ蝪ｾena縺ｮ譬｡闊弱ヶ繝ｭ繧ｰ
Author: 譬ｪ蠑丈ｼ夂､ｾ繧､繝ｳ繧ｿ繝ｼ繧ｨ繝�Η繝ｻ繝峨ャ繝医さ繝�
Version: 1.0
License: 譬ｪ蠑丈ｼ夂､ｾ蟄ｦ遨ｶ遉ｾ
*/
/* ---------- common */
/* font set */
body {
font:13px/1.231 "繝｡繧､繝ｪ繧ｪ","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
color:#333;
}
table {
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
a {color:#009; text-decoration:none;}
a:visited {color:#D37051;}
a:hover {color:#06c; text-decoration:none;}
/* 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;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-style:normal;
}
ul,ol {list-style:none;}
body {line-height:1;font-family: serif, "Noto Serif JP", "繝偵Λ繧ｮ繝取�譛� Pro", "Hiragino Mincho Pro", "MS P譏取悃", "MS PMincho";}
table {
border-collapse:separate;
border-spacing:0;
}
/* clearfix */
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
/* ---------- base */
/* all */
ul.submenu li {margin-bottom:5px;}
ul.submenu li a {
background:url(images/arrow-white.png) no-repeat 0 5px;
padding:0 5px 0 15px;
font-size:13px;
}
/* icon */
ul.icn-style {
line-height:1.5em;
}
ul.icn-style li {
display:inline-block;
font-size:10px;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-align:center;
padding:2px 3px !important;
margin:0 5px 0 0 !important;
vertical-align:bottom;
display:inline;
zoom:1;
}
ul.icn-style li.icn-00 {background:#F90;}
ul.icn-style li.icn-newschool {background:#3399CC;}
ul.icn-style li.icn-news {background:#669933;}
ul.icn-style li.icn-events {background:#663399;}
ul.icn-style li.event-target-label {background:#399;}
ul.icn-style li.event-rsv-label {background:#C00;}
div#cnt-info div#info-list ul li ul.info-icn {
border-top:none;
border-bottom:none;
padding:0;
}
div#cnt-info div#info-list ul li ul.info-icn li {
margin:0;
line-height:1.3em;
float:left;
}
div#cnt-info div#info-list ul li ul.info-icn li span {
float:left;
display:block;
font-size:11px;
padding:1px 3px;
}
div#cnt-info div#info-list ul li ul.info-icn li a {color:#fff;}
/* 謨咏ｧ鼠abel */
span.jap,span.mat,span.sci,span.soc,span.eng,span.etc {
margin:0 3px;
padding:0 3px;
font-size:11px;
}
span.jap {border:1px solid #F66; color:#F66;}/*蝗ｽ隱�,蜿､譁� 莉�*/
span.mat {border:1px solid #06C; color:#06C;}/*邂玲焚,謨ｰ蟄ｦ 莉�*/
span.sci {border:1px solid #F90; color:#F90;}/*逅�ｧ�*/
span.soc {border:1px solid #693; color:#693;}/*遉ｾ莨�*/
span.eng {border:1px solid #399; color:#399;}/*闍ｱ隱�*/
span.etc {border:1px solid #999; color:#999;}/*縺昴�莉�*/
/* table */
article section div#page-tbl table {
margin:5px 0;
width:100%;
}
article section div.cnt-text table th,
article section div.cnt-text table td {
padding:5px;
font-size:13px;
line-height:160%;
}
table.text-left th {text-align:left;}
article section div.cnt-text table.tbl-clr-blue th {background:#EAF3FB;}
article section div.cnt-text table.tbl-border {border-collapse:collapse;}
article section div.cnt-text table.tbl-border th,
article section div.cnt-text table.tbl-border td {border:1px solid #ccc;}
td.tbl-mys-pro {
background:url(images/bg-mys-pro.jpg) repeat-x left bottom;
padding:10px !important;
border:1px solid #ccc;
width:300px;
}
td.tbl-mys-pro span.mys-name {
font-size:15px;
font-weight:bold;
}
/* top - header */
header#head-top-wrap {
width:100%;
height:80px;
border-top:10px solid #062840;
z-index:9999;
position:absolute;
top:0;
left:0;
}
header#head-top-wrap div#head-top {
width:960px;
margin:0 auto;
position:relative;
}
header#head-top-wrap div#head-top h1 {float:left;}
div#head-top div#box-head-submenu {
background:#fff;
opacity:0.8;
float:left;
padding:10px;
margin:20px 0 0 10px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:280px;
}
div#head-top ul.head-submenu {
margin:0;
padding:0;
}
div#head-top ul.head-submenu li {
float:left;
padding:0 0 0 10px;
margin:0;
}
div#head-top div#box-head-nav {
background:url(images/bg-head-top.png) no-repeat top left;
float:right;
width:835px;
height:75px;
}
div#head-top div#box-head-nav ul#head-nav {margin:10px 0 0 6px;}
div#head-top div#box-head-nav ul#head-nav li {
float:left;
padding:0 0 0 10px;
margin:0;
}
div#header-img {
width:1040px;
height:430px;
margin:0 auto;
background:url(images/header-01.jpg) no-repeat top left;
z-index:1;
}
div#header-img div#head-bn {
float:right;
margin:95px 70px 0px 0px;
/* padding:95px 40px 0 0;
/padding:110px 40px 0 0;*/
width:300px;
}
div#header-img div.box-wrap {
width: 100%;
}
div#header-img div#box-head-success {
width:148px;
height:133px;
position: absolute;
top: 0;
right: 0;
}
div#header-img div#box-head-success a {
width:148px;
height:133px;
background:url(images/bn-top-success.png) no-repeat 0 0;
display:block;
}
div#header-img div#box-head-success a:hover {background:url(images/bn-top-success.png) no-repeat 0 -157px;}
div#header-img div#box-head-guide {
width:289px;
height:120px;
float:right;
}
div#header-img div#box-head-guide a {
width:289px;
height:120px;
background:url(images/bn-top-guide.png) no-repeat 0 0;
display:block;
}
div#header-img div#box-head-guide a:hover {background:url(images/bn-top-guide.png) no-repeat 0 -132px;}
/* cnt - header */
div#head-fixed {padding-top:124px;}
header#head-wrap {
width:100%;
height:74px;
border-top:10px solid #062840;
margin-bottom:10px;
border-bottom:1px solid #999;
background:#f1f1f1;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
background:-moz-linear-gradient(top, #fff, #f1f1f1);
box-shadow:0 1px 3px #ccc;
-moz-box-shadow:0 1px 3px #ccc;
-webkit-box-shadow:0 1px 3px #ccc;
position:fixed;
z-index:9999;
top:0;
}
header#head-wrap div#head-top {
width:960px;
margin:0 auto;
z-index:1;
}
header#head-wrap div#head-top h1 {
float:left;
margin:23px 0 0 0;
width:110px;
}
.myschoolblog header#head-wrap div#head-top h1 {
margin:13px 0 0 0;
}
div#head-top div#box-head-nav-myschool {
float: right;
height: 75px;
width: 550px;
}
div#head-top div#box-head-nav-myschool ul#head-nav {
margin: 10px 0 0 6px;
}
div#head-top div#box-head-nav-myschool ul#head-nav li {
float: left;
padding: 0 0 0 10px;
margin: 0;
}
header#head-wrap div#head-top div#box-head-submenu {
opacity:1;
background:none;
}
header#head-wrap div#head-top div#box-head-nav {background:none;}
/* glonav */
nav#glonav {
max-width:100%;
width:963px;
height:46px;
margin: 24px auto 10px auto;
}
nav#glonav ul {
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #99ccff;
}
nav#glonav ul li {
box-sizing: border-box;
width:20%;
height:40px;
position:relative;
border-right: 1px solid #99ccff;
z-index: 200;
}
nav#glonav ul li:last-child {
border-right: none;
}
nav#glonav ul li a {
display:block;
width:100%;
margin:0;
padding:10px 0;
line-height: 20px;
text-align: center;
background: rgb(230,230,230);
background: -moz-linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
color:#003366;
font-size: 14px;
font-weight: 600;
}
.myschoolnav {
width: 240px !important;
}
nav#glonav ul li ul {
display:none;
opacity:0.9;
z-index:9999;
position:absolute;
border: none;
top:40px;
}
nav#glonav ul li ul li {
width: 100%;
height:30px;
border-right: none;
}
nav#glonav ul li#glo-home ul li,
nav#glonav ul li#glo-home ul li a {
width:114px;
float:right;
}
nav#glonav ul li ul li a {
height:20px;
color:#fff;
font-size:11px;
text-align:center;
padding-top:10px;
}
nav#glonav ul li#glo-home ul li a,nav#glonav ul li#glo-brand ul li a,
nav#glonav ul li#glo-events ul li a,nav#glonav ul li#glo-success ul li a,
nav#glonav ul li#glo-room ul li a,nav#glonav ul li#glo-kiyosato ul li a,
nav#glonav ul li#glo-request ul li a,nav#glonav ul li#glo-contact ul li a {background:#00609F;}
nav#glonav ul li#glo-home ul li a:hover,nav#glonav ul li#glo-brand ul li a:hover,
nav#glonav ul li#glo-events ul li a:hover,nav#glonav ul li#glo-success ul li a:hover,
nav#glonav ul li#glo-room ul li a:hover,nav#glonav ul li#glo-kiyosato ul li a:hover,
nav#glonav ul li#glo-request ul li a:hover,nav#glonav ul li#glo-contact ul li a:hover {background:#0E477A;}
/* ---------- contents */
/* pan */
div#pan {margin-bottom:10px;}
div#pan ul li {
font-size:10px;
display:inline;
}
div#pan ul li.pan-top {
background:url(images/img-pan.gif) no-repeat top left;
padding:0 0 0 15px;
}
/* slideshow */
div#slideshow {
width:960px;
height:250px;
margin:0 auto;
z-index:1;
}
/* wrap */
div#wrap {
max-width:100%;
width:960px;
margin:20px auto 50px auto;
z-index: 150;
}
body#cnt-base div#wrap {margin-top:0;}
div#wrap-events {
width:100%;
background:url(images/bg-event-top.png) repeat-x top left;
margin-top:-65px;
height:268px;
padding-top:73px;
}
/* main contents */
div#contents {
max-width:100%;
width:720px;
float:left;
z-index: 170;
}
/* main contents - events */
/*div#contents div.cnt-event-row {
height:90px;
display:block;
}
div#contents div#cnt-events {
width:740px;
height:260px;
}
div.cnt-event {
background:url(images/btn-events-bg.jpg) no-repeat top left;
float:left;
padding:10px;
margin:0px 3px 10px 3px;
width:220px;
height:60px;
}
.cnt-event-header {
font-size:10px;
}
.cnt-event dl dt {
font-size:13px;
font-weight:bold;
padding:3px 0;
}
.cnt-event dl dd {
margin:3px 0;
font-size:12px;
}*/
div#cnt-events-top {
width:960px;
margin:0 auto;
}
div#cnt-events-top div#box-event-slider {
float:left;
width:230px;
}
div#cnt-events-top div#box-bn-event {
float:right;
width:715px;
}
div#cnt-events-top div#box-bn-event a {
display:block;
width:230px;
height:75px;
margin:0 0 10px 7px;
float:left;
}
/*div#cnt-events-top div#box-bn-event ul li {
float:left;
width:230px;
height:75px;
padding-bottom:10px;
padding-left:8px;
}
div#cnt-events-top div#box-bn-event ul li a {
display:block;
width:230px;
height:75px;
}*/
/* main contents - infomation */
div#contents div#cnt-info {
width:720px;
position:relative;
margin-bottom:10px;
}
div#contents div#cnt-info h3 {
width:705px;
height:27px;
background:url(images/st-info.gif) no-repeat top left;
padding:13px 0 0 15px;
}
/*div#cnt-info div#info-list {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#f7f7f7;
}
*/
div#cnt-info ul {
border-top:2px solid #fff;
border-bottom:2px solid #fff;
padding:0 10px;
}
div#cnt-info ul li {
margin:15px 0;
line-height:1.3em;
height:20px;
}
div#cnt-info ul li span {float:left;}
div#cnt-info ul li span.icn-day {
width:85px;
background:url(images/arrow-gray.gif) no-repeat 0 5px;
font-size:13px;
color:#999;
padding:0 5px 0 13px;
float:left;
}
div#cnt-info ul li span.info-label {
width:50px;
height:17px;
display:block;
margin:0 5px;
}
div#cnt-info ul li span.new-label {
width:100px;
height:17px;
display:block;
margin:0 5px;
}
div#cnt-info ul li span.label-importance {background:url(images/label-importance.gif) no-repeat top left;}
div#cnt-info ul li span.label-guide-whatsnew {background:url(images/label-guide.gif) no-repeat top left;}
div#cnt-info ul li span.label-primary-whatsnew {background:url(images/label-primary.gif) no-repeat top left;}
div#cnt-info ul li span.label-junior-whatsnew {background:url(images/label-junior.gif) no-repeat top left;}
div#cnt-info ul li span.label-univ-whatsnew {background:url(images/label-univ.gif) no-repeat top left;}
div#cnt-info ul li span.label-world-whatsnew {background:url(images/label-world.gif) no-repeat top left;}
div#cnt-info ul li span.label-egg-whatsnew {background:url(images/label-egg.gif) no-repeat top left;}
div#cnt-info ul li span.label-cena-whatsnew {background:url(images/label-cena.gif) no-repeat top left;}
div#cnt-info ul li span.label-myschool-whatsnew {background:url(images/label-myschool.gif) no-repeat top left;}
div#cnt-info ul li a span {
display:block;
margin:0 5px;
font-size:13px;
}
/* main contents - article */
article header {position:relative;}
article header h1 {
background:url(images/st-contents.gif) no-repeat top left;
height:35px;
padding:15px 10px 0 15px;
}
article header h1.myschooltopimg {
background-image: none;
height: auto;
}
article header h1.myschooltopimg span {
display: block;
padding-bottom: 10px;
font-size: 22px;
font-weight: 600;
color: #015DAE;
}
article header div {
position:absolute;
top:10px;
right:10px;
width:120px;
height:25px;
}
article header div.st-primary {background:url(images/nav.gif) no-repeat 18px 4px;}
article header div.st-junior {background:url(images/nav.gif) no-repeat 18px -32px;}
article header div.st-univ {background:url(images/nav.gif) no-repeat 18px -67px;}
article header div.st-world {background:url(images/nav.gif) no-repeat 18px -104px;}
article header div.st-egg {background:url(images/nav.gif) no-repeat 18px -140px; width:90px;}
article header div.st-cena {background:url(images/nav.gif) no-repeat 18px -176px; width:93px;}
article header div.st-myschool {background:url(images/nav.gif) no-repeat 14px -211px;}
article header div.st-asahi {background:url(images/nav.gif) no-repeat 14px -248px;}
article header div.st-primary-junior {background:url(images/nav.gif) no-repeat 12px -288px;}
.blog-hed div.st-ena,article header div.st-ena,div.st-roomlist,div.st-kiyosato {background:url(images/nav.gif) no-repeat 42px -318px;}
article section {
padding:5px 10px 20px 10px;
border-bottom:1px dotted #ccc;
}
article section h1 {
background:url(images/st-title.gif) no-repeat top left;
width:677px;
height:27px;
padding:13px 10px 0 13px;
font-size:14px;
margin:10px 0;
}
article section div.cnt-text {padding:0 15px;}
article section div.cnt-text h1 {margin:10px -15px;}
article section div.cnt-text h2,#tit1 {
background:url(images/st-h2.gif) no-repeat bottom left;
font-size:18px;
margin:10px 0 15px 0;
color:#0075C1;
padding:0 0 8px 0;
}
#tit1 {padding: 0 0 8px; margin: 15px 25px 10px}
article section div.cnt-text h3 {
max-width:94%;
background:url(images/st-title-blue.gif) no-repeat top left;
width:647px;
height:27px;
padding:13px 10px 0 13px;
font-size:14px;
margin:25px 0 10px 0;
}
article section div.cnt-text h4 {
background:url(images/icn-st.gif) no-repeat 0 2px;
padding:0 0 0 20px;
font-size:14px;
margin:10px 0;
line-height:150%;
}
article section div.cnt-text p {
font-size:13px;
line-height:1.7em;
letter-spacing:0.1em;
margin-bottom:1em;
}
article section div.cnt-text div.box-etc {
padding:10px 20px;
border:1px dotted #0075C1;
margin:5px 0;
}
article nav#art-nav {
margin:15px 0;
position:relative;
height:1em;
}
article nav#art-nav ul li {
display:inline-block;
width:31%;
font-size:13px;
}
article nav#art-nav ul li.nav-back {
background:url(images/arrow-gray2.gif) no-repeat left 3px;
padding-left:15px;
text-align:left;
position:absolute;
top:0;
left:0;
}
article nav#art-nav ul li.nav-list {
text-align:center;
position:absolute;
top:0;
left:250px;
}
article nav#art-nav ul li.nav-next {
background:url(images/arrow-gray.gif) no-repeat right 3px;
padding-right:15px;
text-align:right;
position:absolute;
top:0;
right:0;
}
div#footer-nav {
width:700px;
margin:10px auto;
}
article section div.cnt-text p.textright {
text-align:right;
}
/* sidebar */
div#sidebar.sp{display:none;}
div#sidebar {
width:200px;
float:right;
}
div#sidebar div.side-column {
border:1px solid #999;
margin:0 0 10px 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:relative;
}
div#sidebar h2 {
border-bottom:1px solid #999;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
background:#D5E8EE;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#D5E8EE));
background:-moz-linear-gradient(top, #fff, #D5E8EE);
}
div#sidebar h2 span {
height:17px;
width:183px;
font-size:15px;
padding:8px 5px 5px 10px;
display:block;
border-bottom:1px solid #fff;
}
/* sidebar - localnav */
div#side-locnav h2#locnav-primary span {background:url(images/nav.gif) no-repeat 10px 8px;}
div#side-locnav h2#locnav-junior span {background:url(images/nav.gif) no-repeat 10px -28px;}
div#side-locnav h2#locnav-univ span {background:url(images/nav.gif) no-repeat 10px -65px;}
div#side-locnav h2#locnav-world span {background:url(images/nav.gif) no-repeat 10px -101px;}
div#side-locnav h2#locnav-egg span {background:url(images/nav.gif) no-repeat 10px -137px;}
div#side-locnav h2#locnav-cena span {background:url(images/nav.gif) no-repeat 10px -173px;}
div#side-locnav h2#locnav-myschool span {background:url(images/nav.gif) no-repeat 10px -208px;}
div#side-locnav h2#locnav-asahi span {background:url(images/nav.gif) no-repeat 10px -245px;}
div#side-locnav h2#locnav-cat,
div#side-locnav-comment h2#locnav-comment
{
/*font-size:14px;*/
height:17px;
padding:8px 5px 6px 10px;
}
div#side-locnav ul li {
color:#00406A;
width:198px;
/* height:28px; */
font-size:13px;
font-weight:bold;
}
div#side-locnav ul li a {
display:block;
height:17px;
padding:6px 5px 5px 15px;
background:url(images/arrow-blue.gif) no-repeat 6px 9px;
}
div#side-locnav ul li a:hover {
background:url(images/arrow-blue.gif) no-repeat 6px 9px;
background-color:#D7E9EF;
}
div#side-locnav ul li.locnav-act {
display:block;
width:178px;
height:17px;
padding:6px 5px 5px 15px;
background:url(images/arrow-blue.gif) no-repeat 6px 9px;
background-color:#7CB6D8;
}
div#side-locnav ul ul li {
font-size:11px;
line-height:150%;
height:auto;
font-weight:normal;
}
div#side-locnav ul ul li.locnav-act {
display:block;
height:auto;
width:163px;
padding:6px 5px 5px 30px;
background:url(images/arrow-gray.gif) no-repeat 18px 10px;
background-color:#D7E9EF;
}
div#side-locnav ul ul li a {
display:block;
height:auto;
padding:6px 5px 5px 30px;
background:url(images/arrow-gray.gif) no-repeat 18px 10px;
}
div#side-locnav ul ul li a:hover {
background:url(images/arrow-gray.gif) no-repeat 18px 10px;
background-color:#D7E9EF;
}
div#side-locnav ul li.locnav-cat {
color:#00406A;
width:198px;
/* height:23px; */
font-size:12px;
}
div#side-locnav ul li a.locnav-cat {
height:12px;
}
div#side-locnav ul li:last-child a:hover {
border-radius:0 0 5px 5px;
}
/* 蟶ょ玄蛻･繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ */
#side-room-list-nav {
margin-bottom: 10px;
border: 1px solid #999;
border-radius: 5px;
overflow: hidden;
}
#side-room-list-nav h3 {
position: relative;
padding: 8px;
line-height: 1.1em;
border-top: 1px solid #999;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(213,232,238,1) 100%);
font-size: 0.9em;
cursor: pointer;
}
#side-room-list-nav h3:before {
content:"笆ｼ";
position: absolute;
top: 7px;
right: 10px;
font-size: 0.8em;
color: #333;
}
#side-room-list-nav .room-area.current h3:before {
content:"笆ｲ";
}
#side-room-list-nav .room-area:first-child h3 {
border-top: none;
}
#side-room-list-nav .list-toggle {
display: none;
border-top: 1px solid #999;
}
#side-room-list-nav .room-area.current .list-toggle {
display: block;
}
#side-room-list-nav ul {
padding: 4px 0;
font-size: 12px;
}
#side-room-list-nav ul ul {
display: none;
padding: 0;
}
#side-room-list-nav ul ul.active {
display: block;
}
#side-room-list-nav .list-toggle > ul > li > a:before {
content:"";
position: absolute;
top: 6px;
left: 8px;
width: 0;
height: 0;
border-left: 4px solid #009;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
#side-room-list-nav ul li a {
position: relative;
display: block;
padding: 4px 8px 4px 16px;
font-weight: bold;
}
#side-room-list-nav ul ul li a {
font-weight: normal;
padding: 4px 8px 4px 24px;
}
/*繧ｳ繝｡繝ｳ繝井ｸ隕ｧ*/
li.locnav-comment {
color:#00406A;
font-size:12px;
line-height: 140%;
padding: 6px 3px 3px 7px;
border-bottom:1px dotted #CCC;
}
li.locnav-comment a{
display:block;
font-weight:bold;
}
.side-comment-aside {
margin-right: 10px;
font-size:11px;
text-align:right;
}
/* sidebar - etc */
/*div#side-schoolguide h2 span {
background:url(images/icn-side-map.png) no-repeat 5px 5px;
width:165px;
padding:8px 5px 5px 28px;
}
div#side-schoolguide div div {
background:none;
position:absolute;
top:110px;
left:-10px;
}
div#side-schoolguide div ul {
margin:17px 0 10px 10px;
}
div#side-schoolguide div ul li {
float:left;
padding:0 0 0 7px;
margin-bottom:3px;
background:url(images/arrow-blue.gif) no-repeat 0 4px;
font-size:13px;
width:45%;
}*/
div#side-search {
margin-bottom:10px;
background:#E4F0F4;
}
div#side-search div {padding:5px 10px 10px 10px;}
div#side-search p span {
font-size:10px;
color:#999;
}
div#side-banner {margin:0 0 10px 0;}
div#side-banner ul#side-bn-img,
div#side-banner ul#side-bn-img li,
div#side-banner ul#side-bn-img-border {margin-bottom:10px;}
div#side-banner ul#side-bn-img-border {border-top:dotted 1px #999;}
div#side-banner ul#side-bn-img-border li {
border-bottom:dotted 1px #999;
margin:0;
padding:10px 0;
}
div#side-banner ul#side-bn-text {padding:10px 0 10px 10px;}
div#side-banner ul#side-bn-text li {margin-bottom:15px;}
div#side-banner ul#side-bn-text li a {font-size:12px;}
/* footer */
footer {
border-top:1px solid #999;
width:100%;
background:#f1f1f1;
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff));
background: -moz-linear-gradient(top, #f1f1f1, #fff);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#f1f1f1,EndColorStr=#ffffff);
}
footer#footerm{border-top: 1px solid #999;
width: 100%;
background: #f1f1f1;
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff));
}
footer div#cnt-footer {
width: 960px;
margin: 0 auto;
padding: 10px 0;
border-top: 1px solid #fff;
position: relative;
}
div#totop {
position:absolute;
right:0;
}
footer ul#footer-menu {
width:960px;
max-width:100%;
margin:20px auto;
}
div#totop a {
width:112px;
display:block;
position:absolute;
top:-37px;
right:0;
}
#cnt-footer,#footer-menu {width:100%;}
footer ul#footer-menu li {
width:11%;
min-width:120px;
}
footer ul#footer-menu {
width:960px;
margin:20px auto;
}
footer ul#footer-menu li {
float:left;
width:106px;
margin:0 7px;
*margin:0;
}
footer ul#footer-menu li a {
display:block;
height:20px;
}
ul#footer-menu li#foo-primary a {background:url(images/nav.gif) no-repeat 0 3px;}
ul#footer-menu li#foo-junior a {background:url(images/nav.gif) no-repeat 0 -33px;}
ul#footer-menu li#foo-univ a {background:url(images/nav.gif) no-repeat 0 -69px;}
ul#footer-menu li#foo-world a {background:url(images/nav.gif) no-repeat 0 -105px;}
ul#footer-menu li#foo-egg a {background:url(images/nav.gif) no-repeat 0 -143px;}
ul#footer-menu li#foo-cena a {background:url(images/nav.gif) no-repeat 0 -179px;}
ul#footer-menu li#foo-myschool a {background:url(images/nav.gif) no-repeat 0 -216px;}
ul#footer-menu li#foo-asahi a {background:url(images/nav.gif) no-repeat 0 -252px;}
ul#footer-menu li#foo-hoiku a {background:url(images/nav.gif) no-repeat 0 -347px;}
ul#footer-menu li#foo-edu a {background:url(images/nav.gif) no-repeat 0 -443px;}
ul#footer-menu li#foo-shinsemi a {background:url(images/nav.gif) no-repeat 0 -379px;}
ul#footer-menu li#foo-shinbi a {background:url(images/nav.gif) no-repeat 0 -409px;}
footer ul#footer-menu li ul {
margin:10px 0 10px 15px;
}
footer ul#footer-menu li ul li {
float:none;
width:100px;
font-size:10px;
list-style:disc;
margin:0;
}
footer ul#footer-menu li ul li a {background:none !important;}
footer ul.footer-textmenu {
margin:10px auto;
text-align:center;
}
footer ul.footer-textmenu {
margin:10px auto;
text-align:center;
}
footer ul.footer-textmenu li {
display:inline;
font-size:12px;
margin:0 auto;
}
footer p {
font-size:12px;
text-align:center;
color:#999;
padding:20px 0 30px 0;
}
/*繧､繝吶Φ繝医�繝ｼ繧ｸ繧ｹ繧ｿ繧､繝ｫ*/
table.event-list-in-category {
border-collapse:collapse;
margin:10px;
}
table.event-list-in-category tr td,
table.event-list-in-category tr th {
border:1px solid #ccc;
font-size:13px;
padding:10px;
text-align:left;
font-weight:normal;
}
table.event-list-in-category tr th a,
table.event-list-in-category tr th ul {
float:left;
line-height:1em;
}
table.event-list-in-category tr th ul {margin-top:-2px;}
table.event-list-in-category tr th.tbl-eventslist-name,
table.event-list-in-category tr th.tbl-eventslist-day,
table.event-list-in-category tr th.tbl-eventslist-time {
font-weight:bold;
text-align:center;
background:#D9EAF0;
}
table.event-list-in-category tr th.tbl-eventslist-name {width:430px;}
table.event-list-in-category tr th.tbl-eventslist-day {width:90px;}
table.event-list-in-category tr th.tbl-eventslist-time {width:80px;}
div.event-info ul.icn-style li.event-date-label {font-weight:bold;}
div.event-info ul.icn-style li.event-date-label,
div.event-info ul.icn-style li.event-date {
color:#999;
font-size:12px;
}
div.event-info ul.icn-style li.event-target-label,
div.event-info ul.icn-style li.event-rsv-label {
line-height:1em;
margin-top:-2px;
}
div.event-info {
font-size:12px;
color:#999;
text-align:right;
}
/* school_map */
ul.juku-list{
margin-top:40px;
}
ul.juku-list li {
padding:10px;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
background:-moz-linear-gradient(top, #fff, #f1f1f1);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#f1f1f1);
border:1px solid #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:10px;
position:relative;
}
ul.juku-list li h4 {
margin:3px 0 0 0 !important;
width:630px;
}
ul.juku-list li span {
font-size:13px;
line-height:23px;
padding:0 20px 0 17px;
}
ul.juku-list li span.juku-add {
background:url(images/icn-add.gif) no-repeat 0 4px;
font-weight:normal;
display:block;
width:460px;
}
ul.juku-list li span.juku-tel {background:url(images/icn-tel.gif) no-repeat 0 2px;}
ul.juku-list li span.juku-mail {background:url(images/icn-mail.gif) no-repeat 0 4px;}
ul.juku-list li a.btn-toinfo {
position:absolute;
top:15px;
right:10px;
}
/* school_guide */
div#box-school-info {margin-bottom:10px;}
div#box-school-info img {
margin:10px;
float:left;
}
div#cnt-school-guide table {
border-collapse:collapse;
margin:10px;
}
div#cnt-school-guide table th {width:100px;}
div#cnt-school-guide table#tbl-school-guide th {
background:#F1F1F1;
width:65px;
}
div#cnt-school-guide table th,
div#cnt-school-guide table td {
border:1px solid #ccc;
padding:8px;
font-size:13px;
line-height:150%;
letter-spacing:0.1em;
vertical-align:top;
}
div#cnt-school-guide ul#btn-guidetop {
height:41px;
margin-bottom:10px;
}
div#cnt-school-guide ul#btn-guidetop li {
float:left;
width:150px;
height:41px;
margin:0 10px 0 0;
}
div#cnt-school-guide ul#btn-guidetop li a {
display:block;
width:100%;
line-height:35px;
text-align:center;
background:url(images/arrow-guide.gif) no-repeat 128px 13px #0075C1;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:3px solid #CBE5F0;
color:#fff;
font-size:14px;
}
div#cnt-school-guide ul#btn-guidetop li a:hover {background:url(images/arrow-guide-hover.gif) no-repeat 128px 13px #4EA7EF;}
a#school-info,a#school-message,a#school-teacher,a#school-voice {
padding-top:80px;
margin-top:-80px;
}
/* success */
table#btn-success th {
background:url(images/icn-success-sakura.gif) no-repeat 13px 0;
padding:5px 5px 5px 30px;
text-align:left;
}
table#btn-success td {text-align:center;}
table#btn-success td a img {margin:5px;}
/* privacy */
ol.privacy {
list-style:decimal;
margin:0 1em 0 3em;
font-size:13px;
line-height:200%;
}
ol.privacy li {margin:0 0 1em 0;}
/* form */
form.wpcf7-form table {border-collapse:collapse;}
form.wpcf7-form table th {
background:#EAF3FB;
width:190px;
vertical-align:middle;
}
form.wpcf7-form table th,
form.wpcf7-form table td {border:1px solid #ccc;}
form.wpcf7-form table th span.require,
form.wpcf7-form table td span.require {
font-size:10px;
color:#C00;
}
form.wpcf7-form table th span.note,
form.wpcf7-form table td span.note {
font-size:10px;
color:#335484;
}
/*繝輔か繝ｼ繝�縺ｮ遒ｺ隱咲判髱｢*/
.confirm_table {
border: 1px #AED0EA solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
}
.confirm_table th {
padding: 10px;
border: #AED0EA solid;
border-width: 0 0 1px 1px;
background: #DEEDF7;
font-weight: bold;
text-align: left;
}
.confirm_table td {
padding: 10px;
border: 1px #AED0EA solid;
border-width: 0 0 1px 1px;
text-align: left;
}
.require-choose-kousha{
color:#CC0000;
}
/* sitemap */
ul#sitemap-menu {width:200px;}
ul#sitemap-menu li {
margin:0 0 10px 0;
*margin:0;
}
ul#sitemap-menu li#foo-primary a {background:url(images/nav.gif) no-repeat 0 3px;}
ul#sitemap-menu li#foo-junior a {background:url(images/nav.gif) no-repeat 0 -33px;}
ul#sitemap-menu li#foo-univ a {background:url(images/nav.gif) no-repeat 0 -69px;}
ul#sitemap-menu li#foo-world a {background:url(images/nav.gif) no-repeat 0 -105px;}
ul#sitemap-menu li#foo-egg a {background:url(images/nav.gif) no-repeat 0 -143px;}
ul#sitemap-menu li#foo-cena a {background:url(images/nav.gif) no-repeat 0 -179px;}
ul#sitemap-menu li#foo-myschool a {background:url(images/nav.gif) no-repeat 0 -216px;}
ul#sitemap-menu li#foo-asahi a {background:url(images/nav.gif) no-repeat 0 -252px;}
ul#sitemap-menu li ul {margin:10px 0 10px 20px;}
ul#sitemap-menu li ul li {
float:none;
font-size:12px;
list-style:disc;
margin:0 0 3px 0;
}
ul#sitemap-menu li ul li a {background:none !important;}
/* =Images
-------------------------------------------------------------- */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; /* prevent too-wide images from breaking layout */
padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.wp-smiley {
margin: 0;
}
.gallery {
margin: 0 auto 18px;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 10px solid #f1f1f1;
}
.gallery br+br {
display: none;
}
#content .attachment img {/* single attachment images should be centered */
display: block;
margin: 0 auto;
}
/* rooms page style */
.st-rooms {
display: none !important;
}
.rooms-search {
margin: 0;
padding: 0;
}
.rs-box {
border-bottom: 1px dotted #ccc;
padding: 10px 0;
}
.rs-icn {
width:180px;
height: 41px;
overflow: hidden;
float: left;
text-indent: 100%;
white-space: nowrap;
}
#rs-purpose {background: url(images/icn_rooms_search_purpose.gif) top left no-repeat;}
#rs-address {background: url(images/icn_rooms_search_address.gif) top left no-repeat;}
#rs-area {background: url(images/icn_rooms_search_area.gif) top left no-repeat;}
.rs-choice {
width: 480px;
float: right;
}
#btn-purpose {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
#btn-purpose li {
margin: 0 10px 0 0;
padding: 0;
line-height: 1;
width: 59px;
height: 56px;
float: left;
}
#btn-purpose li a {
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
#btn-rs-elm a {background: url(images/btn_rooms_elm.gif) 0 0 no-repeat;}
#btn-rs-jhs a {background: url(images/btn_rooms_jhs.gif) 0 0 no-repeat;}
#btn-rs-hs a {background: url(images/btn_rooms_hs.gif) 0 0 no-repeat;}
#btn-rs-univ a {background: url(images/btn_rooms_univ.gif) 0 0 no-repeat;}
#btn-rs-kobetsu a {background: url(images/btn_rooms_kobetsu.gif) 0 0 no-repeat;}
#btn-rs-abroad a {background: url(images/btn_rooms_abroad.gif) 0 0 no-repeat;}
#btn-rs-elm a:hover {background: url(images/btn_rooms_elm.gif) 0 -62px no-repeat;}
#btn-rs-jhs a:hover {background: url(images/btn_rooms_jhs.gif) 0 -62px no-repeat;}
#btn-rs-hs a:hover {background: url(images/btn_rooms_hs.gif) 0 -62px no-repeat;}
#btn-rs-univ a:hover {background: url(images/btn_rooms_univ.gif) 0 -62px no-repeat;}
#btn-rs-kobetsu a:hover {background: url(images/btn_rooms_kobetsu.gif) 0 -62px no-repeat;}
#btn-rs-abroad a:hover {background: url(images/btn_rooms_abroad.gif) 0 -62px no-repeat;}
form.rs-form {padding: 10px 0;}
input.rs-form-text {width:250px;}
article section div.cnt-text #rs-area-box h3 {
background: none;
width: 100%;
height: auto;
margin: 0;
padding: 10px 0 10px 0;
}
#rs-area-cnt {border-bottom: none;}
#rs-area-box ul {
width: 100%;
padding-bottom: 10px;
}
#rs-area-box ul:before, #rs-area-box ul:after {content:""; display:table;}
#rs-area-box ul:after {clear:both;}
#rs-area-box ul {zoom:1;}
#rs-area-box ul li {
float: left;
width: 33%;
line-height:1.8em;
}
#rs-area-box ul li a {
background: url(images/arrow-white.png) 0 6px no-repeat;
text-decoration: none;
padding-left: 15px;
font-size: 14px;
color: #333;
}
p.date{
text-align:right;
font-size:10px !important;
}
#comment_area
{
font-size:13px;
border-bottom:1px dotted #CCCCCC;
}
#comment_area h3{
background:url(images/st-title-blue.gif) no-repeat top left;
width:647px;
height:27px;
padding:13px 10px 0 13px;
font-size:14px;
margin:25px 0 10px 0;
}
#comment_area li
{
border-bottom:1px dotted #CCCCCC;
}
#comment_area li p
{
line-height: 1.7em;
}
#comment_area div.commentmetadata
{
padding:10px 0 10px 0;
}
#comment_area li.thread-odd,li.thread-even
{
padding:10px 0 10px 25px;
}
#commentform {
padding:10px 0 10px 25px;
}
#commentform textarea{max-width:92%;margin:10px 0; }
#commentform #author{margin:10px 0 0;}
#comment {
font-size:13px;
}
#nav-below
{
padding:15px 15px 0 0;
}
#nav-below div.nav-previous {
float: left;
width: 50%;
}
#nav-below div.nav-next {
float: right;
text-align: right;
width: 50%;
}
.cotegory-link {
margin-left: 23px;
}
#info-tbl {
background-color: #f9f9f9;
border: 1px solid #e7e8e2;
border-radius: 5px;
display: block;
padding-bottom: 5px;
}
.info-tbl-room,
.info-tbl-event {
display: block;
float: left;
margin-right: 20px;
width: 300px;
}
.info-tbl-room h4,
.info-tbl-event h4 {
background: url("images/icn-st.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
margin: 10px;
padding: 3px 0 0 20px;
}
.info-tbl-room ul,
.info-tbl-event ul {
padding-left: 10px;
}
.info-tbl-room ul li,
.info-tbl-event ul li {
background: url("images/arrow-white.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
padding-left: 15px;
margin: 5px;
}
.side-column-btn {
display: block;
width: 198px;
height: 52px;
padding-bottom: 8px;
background: url(images/btn-enablog-totop_normal.gif) no-repeat left top;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.side-column-btn:hover{
background: url(images/btn-enablog-totop_hover.gif) no-repeat left top;
transition:all 0.3s;
}
.toggle{
display: none;
}
div#sidebar h2 span{
display: inline;
margin-right: 0px;
height:10%;
border:none;
}
/*2021蟷ｴ7譛域峩譁ｰ*/
ul.ms-page-navigation {
margin: 0 auto;
margin-bottom: 40px;
padding: 15px 0 0;
border-top: 1px solid #ccc;
list-style: none;
text-align: center;
display: flex;
justify-content: space-between;
width: 87%;
}
ul.ms-page-navigation li {
display: inline-block;
margin: 0;
padding: 15px 10px;
background-color: #ffa714;
border-radius: 10px 10px;
width: 45%;
border: solid 1px #c96500;
border-bottom: solid 2px #c96500;
font-weight: 600;
}
ul.ms-page-navigation li:first-child{
border: solid 1px #1a5a1b;
border-bottom: solid 2px #1a5a1b;
background-color: #1aa426;
}
ul.ms-page-navigation li a {
color: #fff;
padding-left: 0;
font-size: 20px;
}
/*20210713banner霑ｽ蜉�縺ｮ縺溘ａcss霑ｽ險�*/
#fixed_header {
position: sticky;
top: 130px;
box-shadow: 0px 0px 6px 3px #ededed;
-moz-box-shadow: 0px 0px 6px 3px #ededed;
-webkit-box-shadow: 0px 0px 6px 3px #ededed;
border: #2786AD solid 1px;
background: #FFF;
z-index: 2000 !important;
}
#fixed_header div {
display: block;
text-align: center;
color: #FFF;
font-size: 20px;
background: #2786AD;
padding-top: 5px;
padding-bottom: 5px;
}
#fixed_header p {
display: block;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #2786AD;
padding-top: 5px;
}
#fixed_header span {
display: block;
}
#fixed_header span a {
display: block;
text-align: center;
color: #FFF;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
font-size: 17px;
font-weight: bold;
background: #BF1114;
}
#fixed_header span a:hover {
background: #BF1114 url(../images/ya.png) right 12px center no-repeat;
}
.kobetsu_box{
display: flex;
}
/* --------------------------------------------
SP_menu CSS 2021/12/21
-------------------------------------------- */
.menu_sp{display:none;}
@media (max-width: 720px) {
div#head-fixed,
nav#glonav,
div#sidebar,
div#footer-nav,
#footer-menu{display:none;}
div#wrap{width:100%;padding-top: 53px;}
div#pan{padding: 0 10px 10px 10px;box-sizing:border-box;}
footer div#cnt-footer,
div#totop,
div#contents{width:100%;float:none;padding: 2% 10px 2%;box-sizing:border-box;border-top: none;}
.menu_sp{display:block;}
footer ul.footer-textmenu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
footer ul.footer-textmenu li{width:auto;padding:4px;margin:0;text-align:center;}
div#sidebar.sp {
display: block;
float:none;
margin:0 auto 30px;
width:500px;
max-width:100%;
}
div#sidebar.sp table{margin:0 auto;}
div#sidebar.sp td{padding:10px 10px 0;}
div#sidebar.sp div#side-banner ul#side-bn-text{display:flex;padding:0;margin:10px auto;justify-content:center;flex-wrap:wrap;}
div#sidebar.sp ul#side-bn-text li{margin:0 10px 10px;}
#head-top-wrap_sp {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
#head-top-wrap_sp {
width: 100%;
height: 88px;
}
.header-switch_sp{
height: 15px;
padding: 3px 3px 0 0;
line-height: 1;
font-size: 12px;
color: #ffffff;
text-align: right;
background-color: #0075c1;
}
.header-switch_sp a{
display: inline-block;
padding-left: 8px;
line-height: 1;
font-size: 12px;
color: #ffffff;
text-decoration: none;
background: url(./images/ic_arrow_white.png) left center no-repeat;
background-size: 5px auto;
}
#head-top_sp {
width: 100%;
position: relative;
}
#head-top_sp h1 {
margin: 0;
padding: 0;
position: absolute;
top: 10px;
left: 10px;
}
#head-top_sp h1 a.myschoolhead {
margin:12px 0 0;
width: 96px;
height: 27px;
/*background: url(./images/myschool/logo.png?12121212) top left no-repeat;*/
background: url(https://ena-co-jp.s3.amazonaws.com/wp-content/uploads/2023/04/kobetsu-top-logo202304.png) top left no-repeat;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
background-size: 100%;
}
#head-top_sp h1 a {
display: block;
background: url(../../uploads/2018/09/logo-ena-small-01.png) center no-repeat;
background-size: contain;
width: 150px;
height: 55px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#btn-menu {
background: url(./images/btn_header_menu.png) top left no-repeat;
left:140px;
}
#btn-menu {
left:200px;
background-position: 0 0;
}
#header-menu-btn_sp {
position: absolute;
top: 10px;
right: 10px;
width: 206px;
}
#header-menu-btn_sp ul {
display: flex;
margin: 0;
padding: 10px 0 0;
list-style: none;
}
#header-menu-btn_sp ul li{
width: 44px;
margin-right: 10px;
text-align: center;
font-size: 10px;
}
#header-menu-btn_sp ul li:last-child {
margin-right: 0;
}
#header-menu-btn_sp ul li#btn-menu {
background-image: none !important;
}
#header-menu-btn_sp ul li a {
display: block;
text-decoration: none;
color: #333;
}
#header-menu-btn_sp ul li a svg {
font-size: 2em;
color: #0075c1;
}
#header-menu-btn_sp ul li a span {
display: block;
white-space: nowrap;
}
/* global navigation */
#head-gn_sp:before{content:'';display:block;background:#000;opacity:.5;position:absolute;z-index:-1;width:100%;height:100vh;left:0;top:0;}
#head-gn_sp {
display: none;
position: absolute;
z-index:2;
top: 50px;
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:10px;
z-index: 9999;
}
#head-gn_sp.openmenus{display: block;}
#head-gn_sp ul {
width: 100%;
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
border: none;
border-radius: 5px;
background:#fff;
}
#head-gn_sp ul li {
width: 100%;
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 2px solid #ccc;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;
line-height: 1;
position: relative;
}
#head-gn_sp ul li:first-child {
border-top: 1px solid #ccc;
border-radius: 5px 5px 0 0;
}
#head-gn_sp ul li:last-child {
border-radius: 0 0 5px 5px;
}
/* global navigation search box */
#gn-search-box_sp {
display: none;
}
#gn-search-box_sp form {
padding: 10px;
font-size: 14px;
background: #f9f9f9;
position: relative;
}
#gn-search-box_sp form input#s {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px 40px 10px 10px;
display: block;
line-height: 1;
}
input#searchsubmit {
background: url(./images/btn_search_submit.png);
padding: 0;
margin: 0;
font-size: 12px;
font-weight: normal;
font-family: inherit;
line-height: 16px;
display: block;
position: absolute;
top: 19px;
right: 16px;
width: 20px;
height: 20px;
cursor: pointer;
border: none;
}
#head-gn_sp ul li a {
display: block;
padding: 10px;
text-decoration: none;
color: #2d719e;
font-size: 14px;
background: #f9f9f9;
border-top: 1px solid #fff;
position: relative;
}
#head-gn_sp ul li span#menu-ttl_sp {
background: #7db9e8;
background: -moz-linear-gradient(top, #7db9e8 0%, #2d719e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#2d719e));
background: -webkit-linear-gradient(top, #7db9e8 0%,#2d719e 100%);
background: -o-linear-gradient(top, #7db9e8 0%,#2d719e 100%);
background: -ms-linear-gradient(top, #7db9e8 0%,#2d719e 100%);
background: linear-gradient(to bottom, #7db9e8 0%,#2d719e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#2d719e',GradientType=0 );
color: #fff;
font-weight: bold;
text-shadow: 0 1px 1px #144768;
padding:12px 10px;
display: block;
border: none;
border-radius: 5px 5px 0 0;
}
#head-gn_sp ul li.gn-parent a:after {
content: "";
display: block;
position: absolute;
top: 12px;
right: 10px;
width: 0;
height: 0;
border-top:5px solid #2d719e;
border-right:5px solid transparent;
border-left:5px solid transparent;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#head-gn_sp ul li.gn-parent a.gn-on:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
#head-gn_sp ul li a:hover {
background: #d7e6ef;
}
#head-gn_sp ul li:first-child a {
border: none;
border-radius: 5px 5px 0 0;
border-top: none;
}
#head-gn_sp ul li:last-child a {
border: none;
border-radius: 0 0 5px 5px;
}
#head-gn_sp ul ul {
display: none;
padding: 10px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #ccc;
box-shadow: 0 0 0 #fff;
border-radius: 0 0 0 0;
}
#head-gn_sp ul ul#gn-menu_sp {
display: block;
padding: 0;
margin: 0;
background: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border-top: none;
border-radius: 0;
position: absolute;
top: 0px;
right: 0px;
width: 56px;
}
#head-gn_sp ul ul#gn-menu_sp li {
width: 50px;
height: 50px;
float: left;
border: none !important;
}
#head-gn_sp ul ul#gn-menu_sp li a {
font-size: 10px;
padding:26px 2px 0px 5px;
background: none;
border-top:none;
border-bottom: none;
border-left: 1px solid #7db9e8;
border-radius: 0 0 0 0;
width: 47px;
height: 15px;
line-height: 1;
text-align: center;
position: relative;
color: #fff;
background-image: url(./assets/img/menu_sp/icn_gn_menu.png);
background-repeat: no-repeat;
}
#head-gn_sp ul ul#gn-menu_sp li a#gn-search {
background-position: 0px 2px;
}
#head-gn_sp ul ul#gn-menu_sp li a#change-pc {
background-position: -50px 2px;
}
#head-gn_sp ul ul#gn-menu_sp li a#menu-close {
background-position: -100px 2px;
}
#head-gn_sp ul ul li a:after {
border: none !important;
}
#footerm .footer-textmenu{display:none;}
article section div.cnt-text{padding:0;}
article img{max-width:100%;height:auto;}
article section{padding:10px;border-bottom:0;}
article header h1{background-position:top center;background-size:cover;max-width:100%;margin:0 auto 30px;line-height:1.3;}
article section div.cnt-text h3{border-radius:10px;}
article header h1.myschooltopimg{margin:10px 10px 0}
div#sidebar div.side-column {border: 1px solid #0075c1;}
div#contents article{border:1px solid #ddd;border-radius:10px;overflow:hidden;}
.request_flex_form .flx_box .ttl {
width: 100%;
margin-right: 0px;
padding: 10px 0 0;
text-align:left;
}
select {padding:3px;border:1px solid #ddd;}
}
@media (max-width: 400px){
#head-top_sp h1 a{width:90px;}
}