@charset "utf-8";
/*
Template: yswallow
Theme Name: tokoha
Version: 1.1.0
*/
.site_description {
	font-size: 100%;
}

.entry-content ul li:before {
	font-family: none;
    content:none;
    display: none;
    position: none;
    left: 0;
    top: 0;
}

h4.none {
	border-left: none;
	border-color:none!important;
}

h2.class {
	background: #d35d5e;
	color: #ffffff;
	border-radius: 10px!important;
	position: relative;
    border: none;
    font-size: 1.25em;
    padding: 0.9em 1em;
    margin-top: 2.1em;
    margin-bottom: 1em;
	box-shadow: 0 1px 5px rgb(0 0 0 / 3%);
}

.tmps {
	text-align:center;
}
.magi {
	margin:20px 0 50px 0;
}
.entry-content ul li {
padding-left:0!important;
}

section ul li span.date {
	margin: 0 4px;
	font-size:80%;
	padding:4px;
	background-color:#BB0612;
	color:#fff;
	border-radius:4px;
}

section ul li span.firstgrade {
	margin: 0 4px;
	font-size:80%;
	padding:4px;
	background-color:#1daaaa;
	color:#fff;
	border-radius:4px;
}

section ul li span.secondgrade {
	margin: 0 4px;
	font-size:80%;
	padding:4px;
	background-color:#EB8800;
	color:#fff;
	border-radius:4px;
}

section ul li span.thirdgrade {
	margin: 0 4px;
	font-size:80%;
	padding:4px;
	background-color:#084888;
	color:#fff;
	border-radius:4px;
}

section ul li span.format, section ul li span.document {
	margin: 0 4px;
	font-size:80%;
	padding:4px;
	background-color:#218808;
	color:#fff;
	border-radius:4px;
}

section ul li a {
	text-decoration: none;
	color: #333;
}

section ul li a:hover {
	text-decoration:underline;
}

section div.list {
	text-align:right;
}

section div.list a {
 text-decoration: none;
	color: #333;
}

h5.grade {
	text-align:center;
	font-size:120%;
}
h2 small {
	font-size: 70%;
	margin-left: 10px;
	font-weight: normal;
}

h5.top {
	font-weight: normal;
	font-size: 110%;
}

h5.announce {
	font-weight: normal;
	font-size: 125%;
	margin: 0;
	color: #676120;
	margin-left:25px;
}

.box16{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #FBF8E5, #FBF8E5 3px,#FFFDF4 3px, #FFFDF4 7px);
    background: repeating-linear-gradient(-45deg, #FBF8E5, #FBF8E5 3px,#FFFDF4 3px, #FFFDF4 7px);
	border: #DDC74E 1px solid;
}
.box16 p {
    margin: 0; 
    padding: 0;
	color: #676120;
}

.btn,
a.btn,
button.btn {
  font-size: 100%;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  border-radius: 0.5rem;
  width: 100%;
}
a.btn-border {
	border: 2px solid #4e7e37;
	border-radius: 0;
	background: #4e7e37;
  }
  
  a.btn-border:hover {
	color: #4e7e37;
	background: #fff;
  }



.btn_top,
a.btn_top,
button.btn_top {
  font-size: 110%;
  line-height: 2.5;
  position: relative;
  display: inline-block;
  padding: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  border-radius: 0.5rem;
  width: 30%;
}
a.btn_top-border {
	border: 2px solid #4e7e37;
	border-radius: 0;
	background: #4e7e37;
  }
  
  a.btn_top-border:hover {
	color: #4e7e37;
	background: #fff;
  }



.btn_class,
a.btn_class,
button.btn_class {
  font-size: 120%;
  line-height: 2.8;
  position: relative;
  display: inline-block;
  padding: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  border-radius: 0.5rem;
  width: 100%;
}

a.btn-1nd {
	border: 2px solid #1DAAAA;
	border-radius: 0;
	background: #1DAAAA;
}
  
a.btn-1nd:hover {
	color: #1DAAAA;
	background: #fff;
}
a.btn-2nd {
	border: 2px solid #EB8800;
	border-radius: 0;
	background: #EB8800;
}
  
a.btn-2nd:hover {
	color: #EB8800;
	background: #fff;
}

a.btn-3rd {
	border: 2px solid #1D59AA;
	border-radius: 0;
	background: #1D59AA;
}
  
a.btn-3rd:hover {
	color: #1D59AA;
	background: #fff;
}



.space01 {margin-top: 10px;}
.space_bttom {margin-top: 25px;}
.entry-content h2, .homeadd_wrap .widgettitle, .widgettitle, .eyecatch .cat-name, ul.wpp-list li a:before, .cat_postlist .catttl span::before, .cat_postlist .catttl span::after, .accordion::before {border-radius:10px!important;}

div.all {
	width: 100%;
	text-align: right;
	font-size: 90%;
}

div.all a {
	text-decoration: none;
	color: #333;
}


section span.archives {
	margin: 0 8px;
	font-size:80%;
	padding:4px;
	background-color:#BB0612;
	color:#fff;
	border-radius:4px;
}

.archives-list.simple-list .post-list a {
	display: contents!important;
}


@media only screen and (min-width: 980px) {
	.lp #inner-content {
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.lp #main {
		width:100%;
	}
}
@media only screen and (max-width: 767px) {
	#logo {
		max-width: 85%;
	}
	#logo .h1 {
    padding: 5px 0 0;
    font-size: 150%;
	}
	.site_description {
		font-size: 100%;
	}
}

@media only screen and (max-width: 480px) {
#logo .h1 {
    padding: 5px 0 0;
    font-size: 120%;
}
.site_description {
	font-size: 80%;
}
h5.top {
	font-size: 100%;
}
.entry-content h2, .homeadd_wrap .widgettitle, .widgettitle, .eyecatch .cat-name, ul.wpp-list li a:before, .cat_postlist .catttl span::before, .cat_postlist .catttl span::after, .accordion::before {
	border-radius:0!important;
}
.box16 b {
	font-size: 90%;
}
h5.announce {
	font-size: 100%;
	margin-left: 20px;
}
hr {margin: 10px;}

.page-title {
	text-align: center;
}
a.set {
	display: block;
	font-size: 100%;
}
#logo {
	max-width: 85%;
}
h2.class {
	border-radius: 0!important;
	margin-left: -0.9em;
    margin-right: -0.9em;
    font-size: 115%;
}
	.btn_top,
a.btn_top,
	button.btn_top {
		width:80%;
		line-height:1.5;
	}
	hr {
		margin:15px 0!important;
	}
}

/* Bootstrap */

.row {
	margin-right: -10px;
	margin-left: -10px;
  }
  
  .row:before,
  .row:after {
	display: table;
	content: " ";
  }
  .row:after {
	  clear: both;
  }
  
  
  .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11,　.col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
  
  .col-sm-3, .col-sm-4, .col-sm-6{
	  text-align:none;
  }
  
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
  }
  
  .col-xs-12 {
	width: 98%;
	  margin-right: 0px!important;
	margin-left: 0px!important;
  }
  .col-xs-11 {
	width: 99.86666667%;
  }
  .col-xs-10 {
	width: 83.33333333%;
  }
  .col-xs-9 {
	width: 75%;
  }
  .col-xs-8 {
	width: 66.66666667%;
  }
  .col-xs-7 {
	width: 58.33333333%;
  }
  .col-xs-6 {
	width: 50%;
  }
  .col-xs-5 {
	width: 41.66666667%;
  }
  .col-xs-4 {
	width: 33.33333333%;
  }
  .col-xs-3 {
	width: 25%;
  }
  .col-xs-2 {
	width: 16.66666667%;
  }
  .col-xs-1 {
	width: 8.33333333%;
  }
  
  @media (min-width: 768px) {
	  .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8 {
	  float: left;
	}
	  .col-sm-8 {
			width: 66.66666667%;
	  }
	  .col-sm-7 {
			width: 55%;
	  }
	   .col-sm-6 {
	  width: 50%;
	}
	  .col-sm-5 {
		  width:45%;
	  }
	  .col-sm-4 {
	  width: 33.33333333%;
	}
	  .col-sm-3 {
		  width: 25%;
	  }
  }
	  
	  
  @media (max-width: 767px) {
	.hidden-xs {
	  display: none !important;
	}
  }
  @media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
	  display: none !important;
	}
  }
  @media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
	  display: none !important;
	}
  }
  @media (min-width: 1200px) {
	.hidden-lg {
	  display: none !important;
	}
  }
  
  .visible-xs,
  .visible-sm,
  .visible-md,
  .visible-lg {
	display: none !important;
  }
  
  @media (max-width: 767px) {
	.visible-xs {
	  display: block !important;
	}
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
	.visible-sm {
	  display: block !important;
	}
  }
  
  @media (min-width: 992px) and (max-width: 1199px) {
	.visible-md {
	  display: block !important;
	}
  }
  
  @media (min-width: 1200px) {
	.visible-lg {
	  display: block !important;
	}
  }
  
  .img-responsive,
  .thumbnail > img,
  .thumbnail a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
  }
  
  .img-thumbnail {
	display: inline-block;
	max-width: 100%;
	height: auto;
	margin: -4px -4px -4px 0;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
  }
  .spaces {
	  margin-bottom:5px;
  }
  
  .form-control {
	display: block;
	width: 100%;
	height: 38px;
	padding: 6px 12px;
	  margin:10px 0;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  .form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }
  
  .form-control2 {
	width: 20%;
	height: 38px;
	padding: 6px 12px;
	  margin:10px 0;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  .form-control2:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  }
  
  .form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
  }
  .form-control:-ms-input-placeholder {
	color: #999;
  }
  .form-control::-webkit-input-placeholder {
	color: #999;
  }
  .form-control::-ms-expand {
	background-color: transparent;
	border: 0;
  }
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1;
  }
  .form-control[disabled],
  fieldset[disabled] .form-control {
	cursor: not-allowed;
  }
  textarea.form-control {
	height: auto;
  }
  input[type="search"] {
	-webkit-appearance: none;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
	input[type="date"].form-control,
	input[type="time"].form-control,
	input[type="datetime-local"].form-control,
	input[type="month"].form-control {
	  line-height: 34px;
	}
	input[type="date"].input-sm,
	input[type="time"].input-sm,
	input[type="datetime-local"].input-sm,
	input[type="month"].input-sm,
	.input-group-sm input[type="date"],
	.input-group-sm input[type="time"],
	.input-group-sm input[type="datetime-local"],
	.input-group-sm input[type="month"] {
	  line-height: 30px;
	}
	input[type="date"].input-lg,
	input[type="time"].input-lg,
	input[type="datetime-local"].input-lg,
	input[type="month"].input-lg,
	.input-group-lg input[type="date"],
	.input-group-lg input[type="time"],
	.input-group-lg input[type="datetime-local"],
	.input-group-lg input[type="month"] {
	  line-height: 46px;
	}
  }
  
  .label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
  }
  
  
  .label-default {
	background-color: #777;
  }
  .label-default[href]:hover,
  .label-default[href]:focus {
	background-color: #5e5e5e;
  }
  .label-primary {
	background-color: #337ab7;
  }
  .label-primary[href]:hover,
  .label-primary[href]:focus {
	background-color: #286090;
  }
  .label-success {
	background-color: #5cb85c;
  }
  .label-success[href]:hover,
  .label-success[href]:focus {
	background-color: #449d44;
  }
  .label-info {
	background-color: #5bc0de;
  }
  .label-info[href]:hover,
  .label-info[href]:focus {
	background-color: #31b0d5;
  }
  .label-warning {
	background-color: #f0ad4e;
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
	background-color: #ec971f;
  }
  .label-danger {
	background-color: #d9534f;
  }
  .label-danger[href]:hover,
  .label-danger[href]:focus {
	background-color: #c9302c;
  }