/* ------------------------------------------
                   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;
}

body {
    line-height:1;
}

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:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img {
vertical-align: top;
lien-height: 0;
font-size: 0;
}

article, aside, dialog, figure, footer,header,hgroup, nav, section { display: block; }

body {
    font:15px 'Source Sans Pro','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #111;
	line-height: 1.6;
	background: #fff;
}

a:link {
color: #0076BF;
text-decoration: none;
}

a:hover {
color: #004B9A;
text-decoration: underline;
}

a:visited {
color: #0076BF;
text-decoration: none;
}

a:active {
color: #5FBCEB;
text-decoration: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ------------------------------------------
                   Grid
------------------------------------------ */

.grid-guide {
    background: none repeat scroll 0 0 rgba(220, 220, 220, 0.3);
	padding: 1em 0;
	text-align: center;
}

.col {
    float: left;
    margin-left: 4%;
}

.col:first-of-type {
    margin-left: 0;
}

.col-group {
	margin-bottom: 3.3rem;
}

.col-1 {
    border-left-width: 0;
    margin-left: 2%;
    width: 6.5%;
}

.col-2 {
    border-left-width: 0;
    margin-left: 2%;
    width: 15%;
}

.col-3 {
    border-left-width: 0;
    margin-left: 2%;
    width: 23.5%;
}

.col-4 {
    border-left-width: 0;
    margin-left: 2%;
    width: 32%;
}

.col-5 {
    border-left-width: 0;
    margin-left: 2%;
    width: 40.5%;
}

.col-6 {
    border-left-width: 0;
    margin-left: 4%;
    width: 48%;
}

.col-7 {
    border-left-width: 0;
    margin-left: 2%;
    width: 57.5%;
}

.col-8 {
    border-left-width: 0;
    margin-left: 2%;
    width: 66%;
}

.col-9 {
    border-left-width: 0;
    margin-left: 2%;
    width: 74.5%;
}

.col-10 {
    border-left-width: 0;
    margin-left: 2%;
    width: 83%;
}

.col-11 {
    border-left-width: 0;
    margin-left: 2%;
    width: 91.5%;
}

.col-12 {
    margin-left: 0;
    width: 100%;
}

/* ------------------------------------------
                    FORM
------------------------------------------ */

article textarea, article input[type="text"], article [type="password"], article input[type="datetime"], article input[type="datetime-local"], article input[type="date"], article input[type="month"], article input[type="time"], article input[type="week"], article input[type="number"], article input[type="email"], article input[type="url"], article input[type="search"], article input[type="tel"], article input[type="color"], article .uneditable-input {
	display: inline-block;
	padding: 7px 5px;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	font-size: 1rem;
}

article textarea:focus,article input[type=text]:focus,article input[type=password]:focus,article input[type=datetime]:focus,article input[type=datetime-local]:focus,article input[type=date]:focus,input[type=month]:focus,article input[type=time]:focus,input[type=week]:focus,article input[type=number]:focus,article input[type=email]:focus,input[type=url]:focus,article input[type=search]:focus,article input[type=tel]:focus,article input[type=color]:focus,article .uneditable-input:focus{
	border-color:#138e9f;
	outline:0;
	outline:thin dotted \9;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(118,224,239,.8);
}

input[type="radio"],input[type="checkbox"] {
	position: relative;
	top: -0.13rem;
	margin-right: 0.5rem;
	margin-left: 1rem;
}

.btn {
	display: inline-block;
	background: #523076;
    border-radius: 0.2rem;
    border-style: solid;
    border-width: 1px;
    color: #fff !important;
    cursor: pointer;
    margin: 0;
    padding: 0.3rem 1.5rem;
    text-align: center;
    transition: all 0.2s ease-out 0s;
	font-size: 100%;
}

.btn-large {
	padding: 1rem 3rem;
}

.btn-primary {
	background: #F01952;
	background: -webkit-linear-gradient(top, #F01952, #DC1348);
	background-image: linear-gradient(#F01952 0px, #DC1348 100%);
}

.btn-primary:hover {
	background: #DC1348;
	background: -webkit-linear-gradient(top, #DC1348, #F01952);
	background-image: linear-gradient(#DB053E 0px, #CA0035 100%);
}

.btn-primary:active {
	background: -webkit-linear-gradient(top, #F01952, #DC1348);
	background-image: linear-gradient(#CA0035 0px, #DB053E 100%);
}

.btn-secondary {
	background: #FF8400;
	background: -webkit-linear-gradient(top, #FF8400, #EF7B00);
	background-image: linear-gradient(#FF8400 0px, #EF7B00 100%);
}

.btn-secondary:hover {
	background: #EB7000;
	background: -webkit-linear-gradient(top, #EB7000, #DC6700);
	background-image: linear-gradient(#EB7000 0px, #DC6700 100%);
}

.btn-secondary:active {
	background: -webkit-linear-gradient(top, #FF8400, #EF7B00);
	background-image: linear-gradient(#DC6700 0px, #EB7000 100%);
}

.btn-gray {
    color: #111 !important;
	background: #FEFEFE;
	background: -webkit-linear-gradient(top, #FEFEFE, #DCDCDC);
	background-image: linear-gradient(#FEFEFE 0px, #DCDCDC 100%);
}

.btn-gray:hover {
	background: #DCDCDC;
	background: -webkit-linear-gradient(top, #DCDCDC, #FEFEF);
	background-image: linear-gradient(#DCDCDC 0px, #FEFEF 100%);
}

.btn-gray:active {
	background: -webkit-linear-gradient(top, #FEFEFE, #DCDCDC);
	background-image: linear-gradient(#FEFEFE 0px, #DCDCDC 100%);
}

.btn-normal {
	color: #111;
	background-image: linear-gradient(#fff 0px, #e9e9e9 100%);
}

.btn-normal:hover {
	background-image: linear-gradient(#f9f9f9 0px, #d9d9d9 100%);
}

.btn-normal:active {
	background-image: linear-gradient(#d9d9d9 0px, #f9f9f9 100%);
}


/* ------------------------------------------
                   Layout
------------------------------------------ */
html {
	min-width: 1080px;
}

header {
	width: 100%;
	border-bottom: solid 1px #e9e9e9;
}

header .inner {
	width: 980px;
	margin: 0 auto;
	padding: 1em 0;
	overflow: hidden;
}

header .inner .title {
	font-weight: normal;
	vertical-align: baseline;
	display: inline;
	color: #333;
}

header .inner a {
	text-decoration: none !important;
	font-size: 17px;
	color: #333;
}

header .title img {
	margin: 0 20px 0 0;
	vertical-align: middle;
}

#localnavi {
	text-align: center;
	background: #008952;
}

#localnavi ul {
	width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#localnavi ul li {
	line-height: 56px;
	position: relative;
	flex-grow: 1;
}

#localnavi ul li a {
	display: block;
	color: #FFF;
}

#localnavi ul li:before {
	position: absolute;
	top: -0.1em;
	left: 0;
	content: "|";
	font-size: 86%;
	color: #e9e9e9;
}

#localnavi ul li:first-child:before {
display: none;
}

#mainimage {
	width: 100%;
	height: 100%;
	text-align: center;
	border-bottom: solid 1px #e9e9e9;
	position: relative;
}

#mainimage img {
	position: absolute;
	left: 0;
	top: 0;
}

#mainimage .eiger-logo {
	margin-bottom: 2em;
}

#lowerimage {
	width: 100%;
	height: 125px;
	background: url(/gakubu/keiei/files/lower.jpg) no-repeat top left;
	background-size: cover;
	text-align: center;
}

.content {
	background: #f9f9f9;
}

.content section {
	width: 100%;
	padding: 2em 0;
}

.content section .inner {
	width: 980px;
	margin: 0 auto;
}

.content section .ttlarea {
	margin-bottom: 1.5em;
}

.content section .ttlarea h2 {
	padding: 0 0 0 10px;
	display: inline-block;
	font-size: 45px;
	line-height: 1;
	border-left: 4px solid #F6AE0D;
}

.content section .ttlarea span {
	position: relative;
	top: -0.2em;
	padding-left: 1em;
	color: #999;
}

.content section .ttlarea nav {
	width: 50%;
	padding-top: 0.7em;
	float: right;
	text-align: right;
	font-size: 86%;
}

#posts .col {
	background: #fff;
	box-shadow : 0px 1px 1px #ccc;
}

#posts .col .image {
	width: 100%;
	height: 120px;
	overflow: hidden;
	text-align: center;
    border-bottom: solid 1px #e9e9e9;
}

#posts .col .image img {
	width: 100%;
	vertical-align: top;
	transition: opacity 0.25s ease-in;
}

#posts .col .image img:hover {
	opacity: 0.8;
text-decoration: none;
}

#posts .col a.entry-detail {
	display: block;
	padding: 0.5em;
}

#posts .col a.entry-detail time{
	color: #111;
}

#posts .col-group {
	margin-bottom: 1.25em;
}

#contents {
	box-sizing: border-box;
	background: #E5E5E5;
}

.page .mt-image-right,
.page .mt-image-left,
.entry .mt-image-right,
.entry .mt-image-left {
	max-width: 50%;
	height: auto;
}

#contents a.col {
	padding: 1em 0;
	cursor: pointer;
	text-align: center;
}

#contents .col-group {
	margin-bottom: 0;
}

#contents .col .icon {
	display: block;
	margin-bottom: 0.1em;
	font-size: 80px;
	line-height: 1;
}

#contents .col .txt {
	font-size: 87%;
}

#contents a.col:hover {
	background: #f9f9f9;
	border-radius: 5px;
}

footer {
	width: 100%;
	padding: 2em 0;
	background: #008952;
	color: #fff;
}

footer .inner {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}

footer .logo {
margin: 0 0 15px;
}

footer .logo img {
max-width: 100px;
}

footer .copyright {
	margin-bottom: 0.7em;
}

footer .powered a {
	color: #fff;
}

#footer-localnavi {
	margin: 1em 0;
	text-align: center;
}

#footer-localnavi ul li:before {
display: none;
}

#footer-localnavi ul li a {
	color: #fff;
}

footer[role="contentinfo"] #localnavi {
text-align: center;
}

/* ------------------------------------------
                  Lower
------------------------------------------ */

ul.breadcrumb {
	max-width: 980px;
	padding: 0.5em 0;
	margin: 0 auto;
	border-bottom: solid 1px #d9d9d9;
}

ul.breadcrumb li {
	display: inline-block;
}

ul.breadcrumb li:after {
	content: "›";
	margin: 0 0.5em;
}

ul.breadcrumb li:last-child:after {
	display: none;
}

div.links {
margin-bottom: 1em;
}

div.links a {
    background: <!-- url("/movabletype/images/icon_arrow_mt.png") --> no-repeat scroll left center #fff;
    border: 1px solid #e9e9e9;
    display: block;
	margin-top: 0.5em;
    padding: 0.4rem 0.5rem 0.4rem 1.5rem;
}

.links a:hover {
	background-color: #fbfbfb;
}

.column-two .content-container,
#search-results {
	max-width: 980px;
	margin: 0 auto;
	padding: 1em 0 2em 0;
}

.column-two .content-container [role="main"] {
    width: 65%;
	float: left;
}

.column-two .content-container .related {
    margin-top: 0;
    padding-top: 0;
    width: 32%;
	float: right;
	box-sizing: border-box;
}

#search-results > h2 {
	padding: 1em 0 2em;
}

.column-two .content-container [role="main"] footer,
#search-results footer {
	padding: 0;
	background: none;
	color: #111;
}

.column-two .content-container [role="main"] section,
#search-results section {
	padding: 0;
}

.column-two .content-container [role="main"] section.entry,
#search-results section.entry {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: solid 1px #d9d9d9;
	overflow: hidden;
}

.column-two .content-container [role="main"] section.entry figure,
#search-results section.entry figure {
	width: 150px;
	float: left;
	margin-right: 1em;
}

.column-two .content-container .related nav {
	margin-bottom: 1em;
	background: #fff;
	box-shadow : 0px 1px 1px #ccc;
	border-radius: 5px;
	overflow: hidden;
}

.column-two .content-container .related nav h3 {
	padding: 0.4em 0.7em;
	background: #523076;
	color: #fff;
}

.column-two .content-container .related nav ul {
}

.column-two .content-container .related nav ul li {
border-bottom: dotted 1px #ccc;
}

.column-two .content-container .related nav ul li:last-child {
border-bottom: none;
}

.column-two .content-container .related nav ul li a {
	display: block;
	padding: 0.6em 1em 0.6em 20px;
	background: <!-- url("/movabletype/images/icon_arrow_mt.png") --> no-repeat scroll left center #fff;
    line-height: 120%;
}

.column-two .content-container .related nav ul li a:hover {
	background-color: #f9f9f9;
}

.column-two .content-container .related form {
	padding: 0.7em;
	text-align: center;
}

.column-two .content-container .related form input[type="text"] {
	position: relative;
	top: -2px;
	width: 50%;
	padding: 0.3em;
	font-size: 15px;
	line-height: 1.2;
}

.column-two .content-container .related form .btn {
position: relative;
top: -1px;
padding: 0.4rem 1rem;
font-size: 86%;
}

.column-two .content-container .related div.widget {
	margin-bottom: 1em;
	text-align: center;
}

.column-two .content-container .related div.widget h3 {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #111;
	text-align: left;
}

.widget-syndication {
	text-align: center;
}

article.entry p {
margin-bottom: 1em;
}

.pagination {
margin-top: 1em;
padding-top: 1em;
border-top: solid 1px #d9d9d9;
}

.pagination ul {
text-align: center;
}

article.entry .pagination ul li {
display: inline-block;
padding: 0 1em;
background: none;
}

article.entry .links {
margin-bottom: 1em;
}

article.entry pre,
section.page pre {
border: solid 1px #e9e9e9;
padding: 1em;
margin-bottom: 1em;
background: #fff;
}

article.entry ul,
section.page ul {
margin-bottom: 1em;
}

article.entry ul.links li {
background: <!-- url("/movabletype/images/icon_arrow_mt.png") --> no-repeat left;
padding-left: 20px;
}

article.entry dl,
section.page dl {
margin-bottom: 1em;
}

article.entry dl dt,
section.page dl dt {
font-weight: bold;
}

article.entry dl dd,
section.page dl dd {
margin-bottom: 1em;
}

section.page p {
margin-bottom: 2em;
}

.f_right {
float: right;
margin-left: 30px;
}

.f_left {
float: left;
margin-right: 30px;
}

section.page table {
	width: 100%;
	border-left: solid 1px #D5E4F2;
	border-top: solid 1px #D5E4F2;
    background: #fff;
}

section.page table caption {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}

section.page table th {
	padding: 0.5rem;
	border-right: solid 1px #D5E4F2;
	border-bottom: solid 1px #D5E4F2;
	vertical-align: middle;
	background: #eef8f5;
	color: #008758;
	font-weight: normal;
}
section.page table thead th {
	background: #008758;
	color: #fff;
}

section.page table th a:link {
	color: #fff;
	text-decoration: underline;
}

section.page table th a:hover {
	text-decoration: none;
}

section.page table th a:visited {
	color: #fff;
}

section.page table td {
	padding: 0.7rem;
	border-right: solid 1px #D5E4F2;
	border-bottom: solid 1px #D5E4F2;
	vertical-align: middle;
}

section.page table td.ttl {
	font-weight: bold;
	border-bottom: solid 1px #fff;
	background: #D9EBF5;
}

section.page table tfoot td {
	text-align: center;
}

section.page table tfoot {
	background: ;
}

section.page table tfoot td.ttl {
	text-align: left;
}

section.page table.small_txt th,
section.page table.small_txt td {
	font-size: 90%;
}

section.page table.margin_b {
	margin-bottom: 20px;
}

.entry h1, .page h1 {
	font-size: 35px;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	border-bottom: solid 1px #111;
    line-height: 120%;
}

.entry h2, .page h2{
	font-size: 25px;
    margin-bottom: 0.75em;
    padding-bottom: 0.25em;
border-bottom: dotted 1px #999;
}

.entry h3, .page h3{
	font-size: 20px;
    margin-bottom: 0.25em;
}

.entry h4, .page h4{
	font-size: 15px;
font-weight: bold;
    margin-bottom: 0.25em;
}

.entry-summary h2 {
margin-bottom: 0.5em;
padding: 0;
border-bottom: none;
line-height: 1.2;
}

section.page .column_list > p {
	margin-bottom: 0;
}
section.page .column_list > p img {
	margin: 10px 20px 10px 0;
}

section.page .btn_set_3 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
section.page .btn_set_3 li {
	width: 30%;
	display: block;
}
section.page .btn_set_3 .btn {
	padding: 1em;
	display: block;
}

/* ------------------------------------------
                  ClearFix
------------------------------------------ */

.group,
.col-group,
.content_col2,
section.page .column_list p{
zoom:1;
}

.group:after,
.col-group:after,
.content_col2:after,
section.page .column_list p:after {
    content: "";
    display: block;
    clear: both;
}


/* ------------------------------------------
                  Responsive
------------------------------------------ */

@media (max-width: 720px) {
html {
	min-width: none;
	min-width: initial;
	min-width: auto;
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

header {
	padding-bottom: 0;
}

header .inner {
	width: 94%;
}

header h1 {
    float: none;
	text-align: left;
}

#localnavi {
	text-align: center;
}

#localnavi ul {
	width: 100%;
	display: block;
	table-layout: auto;
}

#localnavi ul li {
	width: 50%;
	display: block;
	line-height: 40px;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#localnavi ul li:before {
	content: "";
	padding: 0;
}

#mainimage img {
	width: 40%;
}

#mainimage .caption {
	padding: 0 1em;
}

#lowerimage {
	width: 100%;
	height: 125px;
	background: url(/gakubu/keiei/files/lower_sp.jpg) no-repeat top right;
	background-size: cover;
	text-align: center;
}

.content section .inner {
	width: 94%;
	margin: 0 auto;
}

.content section .ttlarea {
	text-align: left;
}

.content section .ttlarea h2 {
	font-size: 30px;
}

.content section .ttlarea nav {
    float: none;
    font-size: 86%;
    width: 100%;
}

#posts .col .image {
	height: auto;
}

.content section .ttlarea nav a.btn {
	width: 100%;
	box-sizing: border-box;
}

.col {
    float: none;
    margin-left: 0;
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
    border-left-width: 0;
    margin-left: 0;
	margin-bottom: 1em;
    width: 100%;
}

.entry h1, .page h1 {
	font-size: 25px;
}

.entry h2, .page h2{
	font-size: 22px;
}

.entry h3, .page h3{
	font-size: 20px;
}

section.page .btn_set_3 {
	display: block;
}
section.page .btn_set_3 li {
	width: 100%;
}
section.page .btn_set_3 .btn {
	padding: 1em 2em;
	margin-bottom: 10px;
}

.content {
	padding: 1em;
	margin: 0 auto;
}

#contents {
	margin: 0 0 2em;
	padding: 1em;
	background: #fff;
	border-radius: 5px;
}

#contents a.col {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.column-two .content-container [role="main"] {
    width: 96%;
	float: none;
margin: 0 auto;
}

.column-two .content-container .related {
    width: 100%;
  	float: none;
}

#mainimage {
	height: auto;
}

#mainimage .eiger-logo {
margin-bottom: 1em;
}

#mainimage .caption {
display: none;
}

#localnavi ul li:first-child {
width: 100%;
}

header #localnavi {
margin-bottom: 0;
height: auto;
}

header #localnavi ul {
height: auto;
}

header #localnavi ul li {
display: block;
width: 50%;
box-sizing: border-box;
float: left;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

header #localnavi ul li:nth-child {
border-right: none;
}

header #localnavi ul li a {
color: #fff;
line-height: 40px;
}

footer {
	padding: 0 0 0.5em;
}

footer .inner {
	width: 100%;
}

#footer-localnavi {
	margin: 0 0 1em 0;
}

footer .copyright {
	width: 94%;
	font-size: 11px;
}
ul.breadcrumb li {
	display: inline;
}
}

@media (max-width: 374px) {
.content section .ttlarea span {
	display: none;
}
}

/* ------------------------------------
    top news
------------------------------------ */
#posts .col a.entry-detail {
	padding: 0;
}
.entryWrap {
	padding: 0.5em;
}

/* ------------------------------------
    top
------------------------------------ */
#top .widget-search input[type="text"] {
    position: relative;
    top: -1px;
    width: calc(100% - 74px);
    padding: 0.3em;
    font-size: 15px;
    line-height: 1.2;
}
#top .widget-search .btn {
    position: relative;
    top: -1px;
    padding: 0.4rem 1rem;
    font-size: 86%;
}
#top .content section .ttlarea {
    position: relative
}
#top .content section .ttlarea nav {
    width: auto;
}
#top .postAll {
    padding: 0;
    position: absolute;
    top: 10px;
    left: 250px;
}
#top .postAll:before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 45%;
    right: 12px;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}
#top .postAll #selectYear {
    color: #FFF;
    padding: 7px 30px 7px 15px;
	background: #523076;
    border: 0;
    border-radius: 0.2rem;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#top .postAll select::-ms-expand {
    display: none;
}

@media (max-width: 720px) {
#top .widget-search {
    margin: 10px 0 0 0;
}
#top .postAll {
    top: 0;
    padding: 0;
    left: auto;
    right: 0;
}
}

/* ------------------------------------
    label
------------------------------------ */
time {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.label.category {
	padding: 2px 10px;
	color: #FFF;
	font-size: 12px;
	vertical-align: middle;
	background: #523076;
	border-radius: 2px;
}

/* ------------------------------------
    pagination
------------------------------------ */
.pagiNation {
    width: 100%;
    margin: 30px 0;
    min-height: 1em;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.pagiNation ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.pagiNation ul li {
    margin: 0;
    display: inline-block;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pagiNation ul li a {
    padding: 10px 12px;
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom;
    color: #FFF;
    overflow: hidden;
    background: #523076;
    border-radius: 2px;
}
.pagiNation ul li.pnPrev {
    margin: 0 20px 0 0;
}
.pagiNation ul li.pnNext {
    margin: 0 0 0 20px;
}
.pagiNation ul li a:link,
.pagiNation ul li a:visited,
.pagiNation ul li a:active,
body:not(.setTb) .pagiNation ul li a:hover { text-decoration:none;}
body:not(.setTb) .pagiNation ul li a:hover {/* background: #fbfbfa; */}
.pagiNation ul li.pnAcv a {
    background: #ddd;
    cursor: default;
}
.pagiNation ul li.pnAcv a:link,
.pagiNation ul li.pnAcv a:visited,
.pagiNation ul li.pnAcv a:active,
body:not(.setTb) .pagiNation ul li.pnAcv a:hover { color: #6a6a6a;}
body:not(.setTb) .pagiNation ul li.pnAcv a:hover {/* background: #fbfbfa; */}

@media only screen and (max-width: 720px) {
	.pagiNation {
	    width: 94%;
	    margin: 30px 3%;
	}
	.pagiNation ul {
	    padding: 3.5em 0 0 0;
	}
	.pagiNation ul li a {
	    padding: 6px 7px;
	}
	.pagiNation ul li.pnPrev {
	    width: 45%;
	    margin: 0;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.pagiNation ul li.pnNext {
	    width: 45%;
	    margin: 0;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	.pagiNation ul li.pnPrev a,
	.pagiNation ul li.pnNext a {
	    display: block;
	}
}

/* ------------------------------------
    gallery_list
------------------------------------ */
.select_field {
	margin-bottom: 40px;
}
.select_wrap {
	display: inline-block;
    position: relative;
}
.select_wrap:before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 45%;
    right: 12px;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}
.select_wrap #selectYear {
    color: #FFF;
    padding: 12px 40px 12px 30px;
	cursor: pointer;
	background: #523076;
    border: 0;
	border-radius: 5px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select_wrap select::-ms-expand {
    display: none;
}

@media (max-width: 720px) {
	.select_field {
		text-align: center;
	}
	#selectYear {
		font-size: 1em;
	}
}

.gallery_list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.gallery_list li {
	width: calc((100% - (20px * 3)) / 4);
	overflow: hidden;
	border-radius: 5px;
}
.gallery_list img {
	width: 100%;
	transition: 0.3s ease-in-out;
}
.page_top {
	margin-bottom: 40px;
	text-align: right;
}
.page_top a {
	padding: 0 0 0 15px;
	display: inline-block;
	position: relative;
}
.page_top a::before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 55%;
    left: 0;
    border-top: 1px solid #0076BF;
    border-left: 1px solid #0076BF;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 720px) {
	.gallery_list {
		gap: 20px;
	}
	.gallery_list li {
		width: calc((100% - 20px) / 2);
	}
}

/* ------------------------------------
	hover
------------------------------------ */
.btn:hover,
#lowerimage img:hover,
.carousel a:hover,
.gallery_list img:hover {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-filter: opacity(0.6);
	-moz-filter: opacity(0.6);
}

.pagiNation ul li:not(.pnAcv) a:hover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-filter: opacity(0.8);
    -moz-filter: opacity(0.8);
}