@charset "utf-8";

*, html {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
    box-sizing: border-box;
}

.p_clear, #footer:before {
	clear: both !important;
	float: none !important;
	line-height: 0px !important;
	height: 0px !important;
	margin: 0px !important;
}

.p_clear_05em {
	clear: both !important;
	float: none !important;
	margin-bottom: 1em !important;
}

.p_clear_1em {
	clear: both !important;
	float: none !important;
	margin-bottom: 2em !important;
}

.p_clear_3em {
	clear: both !important;
	float: none !important;
	margin-bottom: 3em !important;
}

.p_clear_5em {
	clear: both !important;
	float: none !important;
	margin-bottom: 5em !important;
}

body {
	font-size: 17px !important;
	line-height: 150% !important;
	font-family: "Sawarabi Gothic" !important;
	color: #000;
}

ol, ul {
	list-style: none;
	list-style-position: outside;
	-webkit-padding-start: 0;
}
ul.dot {
	list-style-type:disc;
	margin-left: 1em;
	padding-left: 1em;
}
ul.dec {
	list-style-type:decimal;
	margin-left: 1em;
	padding-left: 1em;
}
li {
	margin-bottom:0.5em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-shadow: none;}
a img, a div {
	opacity:1;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover {
	text-decoration:none !important;
	text-shadow: 2px 2px 2px #999999;
}
a:hover, a img:hover { opacity:0.7; }
.nav-tabs a { color: #555; }

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }

.page_title {
	font-weight: 900;
	font-family: "Sawarabi Mincho" !important; 
	font-size: 250% !important;
/*	text-shadow: 2px 2px 2px #999999;*/
	text-align: center !important;
	color: #0079c3;
}

h1, h2, h3, .circle, .syou {
	font-family: "Sawarabi Mincho" !important;
	font-weight: 600 !important;
}
h1 {
	background-position: center;
	font-size: 160% !important;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #0079c3;
}
.h1_caption {
	text-align: center;
	font-size: 150% !important;
	line-height: 170% !important;
	margin-bottom: 2em;
}

h2 {
	font-size: 140% !important;
	position: relative;
	padding-left: 1.5em !important;
	padding-right: 1.5em !important;
	background: #fff;
}
h2::before, h2::after{
	content: '';
	position: absolute;
}
h2::before {
	left: 0;
	top: 25%;
	height: 0.5em;
	width: 1em;
	background: #0079c3;
}
h2::after {
	right: 0;
	top: 25%;
	height: 0.5em;
	width: 30%;
	background: #0079c3;
}

.circle {	
	font-size: 160% !important;
	position: relative;
	display: inline-block;
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  line-height: 140%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :180px;
  text-align:center;
}

h2.contact {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: solid 1px #9d2042;
	margin-bottom: 2em !important;
}

h3 {
	font-size: 140% !important;
	color: #0079c3 !important;
	padding: 1em 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	text-align: center;
}
h4 {
	font-size: 100% !important;
}

h1, h2, h3, h4, #news .news_days {
	font-family: mplus;
	font-weight: bold;
	text-shadow: 2px 2px 2px #999999;
}
h2 {
	padding: 0 0 5px 0;
}
h3, h4 {
	padding: 10px 0px;
}
hr {
	height: 12px !important;
	border: 0 !important;
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
#top {
	background-repeat: no-repeat;
/*	background-attachment: fixed; */
	height: 500px;
}
#top, #top_other {
	position: relative;
	box-shadow: 0px 0px 20px #999999;
	margin-bottom:2em;
}
#top_other {
	width: 1024px;
}
#top .title {
	position: absolute;
	bottom:10px;
	left:10px;
}
#top .cover {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index:99;
}
img.course {
	margin-top:2em !imporatnt;
}
.icon {
	float: left;
	margin-right: 10px;
}

#head, #footer {
	width:100%;
	font-size: 80%;
	color: #fff;
	text-align: center;
	padding-right: 2em;
/*	background-image: url(img/head_back.png);
	background-repeat: repeat-x;*/
}
#head {
/*	background-position: bottom;*/
	border-bottom: solid 10px #26b7bc;
}
#footer {
	background-position: top;
	background-color: #26b7bc;
}
.inner {
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
}
#head .inner {
	height: 50px;
}
#top {
	background-color: #e6f7ff;
	border-bottom: solid 5px #26b7bc;
}
#top .slider {
	width: 1024px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}
#top .slider img {
  position: absolute;
  top: 0;
  left:0;
  right:0;
  margin: auto;
  z-index: 8;
  opacity: 0.0;
}
#top .slider img.active {
  z-index: 10;
  opacity: 1.0;
}
#top .slider img.last-active {
  z-index: 9;
}

.w1024 {
	width: 1024px;
}
.base {
	margin-right: auto;
	margin-left: auto;
}
.bk_green {
	background-color: #e3f1e9;
}
.bk_white {
	background-color: #fff;
}

ul.border, ol.border {
  border-top: solid #000 1px;/*上のボーダー*/
  border-bottom: solid #000 1px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
}
ul li, ol li {
  padding: 0.5em 0;
}
ul.dot {
	list-style-type: square;
}

#main {
	float: none;
	clear:both;
	margin-right: auto;
	padding-left: auto;
}
#footer, .row {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#menu {
	float: none;
	clear:both;
	border-bottom: solid 5px #0079c3;
}
#menu a , #menu a:hover {
	color: #000;
}
#menu .panel {
	font-size:90%;
	float: left;
	height: 2em;
	line-height: 2em;
	margin-bottom: 5px;
/*	background-color: #9d2042;*/
}
#menu .panel:hover, #side_menu .panel:hover {
	border-bottom: 2px solid #26b7bc;
	background-color: #d4effc;
}
#menu .panel-body, #menu .menu_none {
	display: none;
}
a div:hover {
	opacity:0.7;
}
.row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.img-center {
	text-align:center;
}
.text-mid {
	display: table-cell;
	vertical-align: middle;
}
.right {
  float: right;
}
.text_big_sdw {
	font-weight: bold;
	text-shadow: 2px 2px 2px #999999;
	font-size:120%;
}
#news {
	width: 100%;
	height: 300px;
	overflow: scroll;
}
#news .news_days {
	width: 5.5em;
	float: left;
}
#news .news_comment {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#pageTop {
	position: fixed;;
	bottom: 20px;
	right: 20px;
	z-index: 99;
}

#Toppage {
	position: fixed;;
	bottom: 20px;
	left: 20px;
	z-index: 99;
}

#side_menu {
	font-size: 90%;
	padding-top: 1em;
	width:100%;
	display: none;
	left:0px;
	top:0px;
	position: fixed;
	overflow-y: auto;
	background-color: #fff;
	z-index: 999;
}
#side_menu ul {
	font-size: 90%;
	margin-left: 0em;
	text-align: left;
}
#side_menu .collapse-menu {
	padding-right:30px;
	padding-top:1em;
	padding-bottom:1em;
}
.sub-menu {
  background-color: #f3f1e7;
  border-style: solid;
  border-width: 2px;
	border-color: #9d2042;
  line-height: 50px;
  padding: 10px;
  margin: 5px 5px;
}
.sub-menu li {
  float: left;
  margin-right: 2em;
  line-height: 100%;
}
.sub-menu h3 {
  margin-top: 0;
  color: #9d2042;
}
a .sub-menu {
  color: #000;
}
#f_menu {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 99;
}

.wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #000;
	opacity: 0.3;
	z-index: 990;
}

#footer {
	clear: both !important;
	float: none !important;
	margin-top:5em;
	margin-bottom:1em;
}
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}

.news_title_day {
	font-size:80%;
	font-weight: bold;
}
.news_title_comm {
	font-size:110%;
	text-shadow: 2px 2px 2px #999999;
}
.news_title_comm .detail {
	font-size:90%;
	text-shadow: none;
}
.news_photo img {
	float:left;
	margin:5px;
}
.news_photo_comm {
	clear: both !important;
	float: none !important;
	font-size:80%;
	color:#999;
	text-align:center;
}

.txt_80per {
	font-size:80%;
}
.txt_white {
	color: #fff;
}
.txt_enji {
	color: #0079c3;
}
.txt_red {
	color: #F00 !important;
}
.txt_sdw {
	text-shadow: 2px 2px 2px #999999;
}
table.kaisoku th, table.hayami th {
  font-weight:normal;
  width: 5em;
}
.kaisoku table td {
  padding-right: 2em;
}
table.hayami td {
  text-align: center;
  vertical-align: middle;
}
table.oshirase .row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
table.oshirase .panel {
	margin-bottom: 0 !important;
}
table.oshirase td.text_and {
	text-align: center;
	vertical-align: middle;
	display: table-cell
}

.nav-tabs {
	border-bottom: 1px solid #9d2042 !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border: 1px solid #9d2042 !important;
	background-color: rgba(255, 255, 255, 1) !important;
}
.nav-tabs > li.disabled > a
{
	border-bottom: 1px solid #9d2042 !important;
	background-color: rgba(255, 255, 255, 1) !important;
}
.nav-tabs > li > a{
	background-color: rgba(169, 68, 66, 0.5);
}
button {
	background-color: #9d2042;
}
a button {
	color: #fff !important;
}


            .demo-gallery > ul {
              margin-bottom: 0;
              
            }
            .demo-gallery > ul > li {
            }
            .demo-gallery > ul > li a {
              border: 1px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
            }
            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            
.row {
	position: relative;
}
.row-middle {
	letter-spacing: -0.4em;
}
.row-middle > [class*='col-'] {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: middle;
	float: none !important;
}
.vartical-bottom {
	vertical-align: bottom !important;
}
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}
.panel-body .row {
	margin-bottom: 0em !important;
}
.margin_10px {
	margin: 10px !important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 0px;
}
.lazy {
	opacity: 0;
/*	display: none; */
}
.none {
	display: none;
}

@media (max-width: 999px) {
	.base, #top, #top .slider, #top_other {
		width:100%
	}
	.panel {
	}
	.inner {
		width: 100%;
		margin-left:0;
		margin-right:0;
	}
}

@media (max-width: 899px) {
	body {
		font-size: 14px !important;
		line-height: 140% !important;
	}
	#news {
		font-size: 80% !important;
		margin-left: 10px;
		margin-right: 10px;
	}
	#head .row {
		margin-bottom: 0em !important;
	}
	.menu .panel {
		font-size: 100%;
		margin-bottom: 5px !important;
	}
	#head, #footer {
		padding-left:1em;
		padding-right:1em;
	}
}
@media (max-width: 699px) {
	.page_title {
		font-size: 120%;
		text-align: center;
	}
	.menu .panel {
		margin-bottom: 5px !important;
	}
}