@charset "UTF-8";
/* グーグルウェッブフォントを使う場合は以下有効に */
/* @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); */
/* @import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css); */
/* @import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css); */
/* @import url(https://fonts.googleapis.com/earlyaccess/hannari.css); */
/* @import url(https://fonts.googleapis.com/earlyaccess/kokoro.css); */
/* @import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css); */
/* @import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css); */

/* 全ページ共通の設定 */
html {
	-webkit-font-smoothing: antialiased;
	height: 100%;
}
body {
	font-size: 14px;
	font-family: '新丸ゴ R', 'Shin Maru Go Regular';
	/* 明朝の場合は以下 */
	/* font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; */
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	height: 100%;
}
@media (min-width: 768px) {
body {
	font-size: 14px;
}}



/*============*/
/* フォント設定 */
/*============*/
.font-gothic{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Calibri, Helvetica, Arial;
}
.font-tomorrow{
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
.font-marugothic{
	font-family:"新丸ゴ R","Shin Maru Go Regular";
}

/*ウェッブフォント*/

/* 源ノ角ゴシック */
.noto-sans{
	font-family: 'Noto Sans JP';
}
/* Mplus 1p */
.mplus-1p{
	font-family: 'Mplus 1p';
}
/* Rounded Mplus 1c */
.rounded-Mplus-1c{
	font-family: 'Rounded Mplus 1c';
}
/* はんなり明朝 */
.hannari{
	font-family: 'Hannari';
}
/* こころ明朝 */
.kokoro{
	font-family: 'Kokoro';
}
/* さわらびゴシック */
.sawarabi-gothic{
	font-family: 'Sawarabi Gothic';
}
/* さわらび明朝 */
.sawarabi-mincho{
	font-family: 'Sawarabi Mincho';
}

/*============*/
/* リンク設定 */
/*============*/
/*未観覧リンク*/
a {
	color: #003399;
	text-decoration: none;
}
/*観覧済リンク*/
a:visited {
	color: #003399;
	text-decoration: none;
}
a:hover,a:active {
	color: #990000;
	text-decoration: underline;
}

/*モバイル端末はロールオーバーがないので動かない設定*/
a,a:hover {
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}
a img:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}
@media (min-width: 768px) {
/*ゆっくりと動かす場合*/
a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
/*画像リンクの設定*/
a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
}

/* フォントサイズ（基本サイズ16px）を基準に */
.f10 { font-size: 63% !important;}/* 10px相当 */
.f11 { font-size: 68% !important;}/* 11px相当 */
.f12 { font-size: 75% !important;}/* 12px相当 */
.f13 { font-size: 81% !important;}/* 13px相当 */
.f14 { font-size: 88% !important;}/* 14px相当 */
.f15 { font-size: 93% !important;}/* 15px相当 */
.f16 { font-size: 100% !important;}/* 16px相当 */
.f17 { font-size: 106% !important;}/* 17px相当 */
.f18 { font-size: 113% !important;}/* 18px相当 */
.f19 { font-size: 118% !important;}/* 19px相当 */
.f20 { font-size: 125% !important;}/* 20px相当 */
.f21 { font-size: 132% !important;}/* 21px相当 */
.f22 { font-size: 137% !important;}/* 22px相当 */
.f23 { font-size: 143% !important;}/* 25px相当 */
.f24 { font-size: 150% !important;}/* 24px相当 */

/* フォントサイズ（ビューポート）を基準に */
.vw1 { font-size: 75% !important;}
.vw1-2 { font-size: 100% !important;}

@media (min-width: 768px) {
.vw1 { font-size: 1vw !important;}
.vw1-2 { font-size: 1.2vw !important;}
}

.fout1in1 {
	display: block;
	margin-left: 1em;
	text-indent: -1em;
}
.fin1 {
	display: block;
	margin-left: 1em;
}

/* インラインでの表示 */
.block-inline {
	display: inline-block;
}

/* インラインでの表示 */
.clear {
	clear: both;
}


/*============*/
/* レイアウト */
/*============*/

/* メニューを追従させる場合ヘッダーに高さ入れて調整 */
header {
}
@media (min-width: 768px) {
header {
}
}
@media (min-width: 992px) {
header {
}
}
@media (min-width: 1200px) {
header {
}
}
header .container {
	position: relative;
}
@media (min-width: 1200px) {
#allcontainer{
	padding-left: 200px;

}
header {
	width: 207px !important;
	background-image: url(../images/all_bg01.png);
	background-repeat: repeat-y;
	background-position: left top;
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
}
}

.banner{
	position: absolute;
	top: 10px;
	right: 450px;
}
.enlargement,.sns {
	display: table;
}
.enlargement {
	font-size: 70%;
	position: absolute;
	top: 20px;
	right: 270px;
}
.sns {
	position: absolute;
	top: 20px;
	right: 180px;
}
.sns div {
}
.enlargement div,.sns div {
	display: table-cell;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
}
.enlargement div {
}
.sns div {
}
.character {
	position: absolute;
	top: 10px;
	right: 15px;
}
/* 2カラムレイアウトはここで調整 */
article {
	margin-top: 80px !important;
}
@media (min-width: 768px) {
article {
}
}
@media (min-width: 992px) {
article {
	margin-top: 110px !important;
}
}
@media (min-width: 1200px) {
article {
	margin-top: 0px !important;
}
}
section.section {
}
@media (min-width: 768px) {
section.section {
}
}
@media (min-width: 992px) {
section.section {
}
}
@media (min-width: 1200px) {
section.section {
}
}
/* 2カラムレイアウトはここで調整 */
aside {
}
@media (min-width: 768px) {
aside {
}
}
@media (min-width: 992px) {
aside {
}
} 
@media (min-width: 1200px) {
aside {
	background-color: #ecede8;
	width: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px;
	z-index: 100000;
}
aside .sidelogo {
	text-align: center;
	margin-bottom: 20px;	
}
aside nav {
	
}
aside nav ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: -20px;
	margin-bottom: 30px;
	margin-left: -20px;
}
aside nav ul li {
		
}
aside nav ul li a {
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	text-decoration: none;
	color: #000;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/subnav_ic01.png);
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
	margin-left: 10px;
}
aside nav ul li a:hover,aside nav ul li a:active,aside nav ul li a:visited,aside nav ul li a.active {
	text-decoration: none;
	color: #000;
	background-color: #CCC;
}
aside .sideenlargement {
	display: table;
	font-size: 80%;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
aside .sideenlargement div {
	display: table-cell;
	padding: 2px;
}
aside .sidecharacter {
	text-align: center;	
}
}
footer {
	background-color: #ecede8;
}
@media (min-width: 768px) {
footer {
}
}
@media (min-width: 992px) {
footer {
}
}
@media (min-width: 1200px) {
footer {
}
}
footer .container {
	position: relative;
}
footer #copy {
	font-size: 86%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#page-top {
	position: absolute;
	top: 10px;
	right: 15px;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.jumbotron {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  color: inherit;
  background-color: transparent;
}
.jumbotron p {
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 0px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/*======*/
/* パンくず */
/*======*/
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
	font-size: 70%;
	color: #fff;
}
.breadcrumb > li {
	display: inline-block;
	margin: 0px;
}
.breadcrumb > li a {
	color: #fff;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #fff;
  content: ">";
}
.breadcrumb > .active {
  color: #fff;
}

/*======*/
/* メニュー */
/*======*/

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	border-top-width: 1px;
	border-top-style: none;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
	float: left;
	height: 90px;
	padding: 15px;
	font-size: 18px;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px !important;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (max-width: 991px) {
.navbar-brand {
	float: left;
	height: 65px;
	padding: 15px;
	font-size: 18px;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px !important;
}
.navbar-brand > img {
	height: 55px;
	width: auto;
}
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
	margin-top: 7.5px;
	margin-right: -15px;
	margin-bottom: 7.5px;
	margin-left: -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
/* メニュースタイル設定 */
.navbar-original {
	background-color: #ecede8;
	padding-bottom: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1000000;
}
.navbar-original .navbar-brand {
	color: #777;
	margin-left: 15px;
}
.navbar-original .navbar-brand:hover,
.navbar-original .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-original .navbar-text {
  color: #777;
}
.navbar-original .navbar-nav > li > a {
  color: #777;
}
.navbar-original .navbar-nav > li > a:hover,
.navbar-original .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-original .navbar-nav > .active > a,
.navbar-original .navbar-nav > .active > a:hover,
.navbar-original .navbar-nav > .active > a:focus,
.navbar-original .navbar-nav > li > a.active,
.navbar-original .navbar-nav > li > a.active:hover,
.navbar-original .navbar-nav > li > a.active:focus
 {
	color: #900;
	background-color: transparent;
}
.navbar-original .navbar-nav > .disabled > a,
.navbar-original .navbar-nav > .disabled > a:hover,
.navbar-original .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-original .navbar-toggle {
	border-color: transparent;
	position: relative;
	float: right;
	padding: 0px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
}
.navbar-original .navbar-toggle:hover,
.navbar-original .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-original .navbar-toggle .icon-bar {
  background-color: #4D4D4D;
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 0px;
}
.navbar-original .navbar-collapse,
.navbar-original .navbar-form {
  border-color: #e7e7e7;
}
.navbar-original .navbar-nav > .open > a,
.navbar-original .navbar-nav > .open > a:hover,
.navbar-original .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (min-width: 992px) {
.navbar-original .navbar-collapse {
	font-size: 90%;
	margin-top: 70px;
}
.navbar-original .navbar-collapse li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.navbar-original .navbar-collapse li:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;	
}
.navbar-original .navbar-collapse li a {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #666666;
}
.navbar-original .navbar-collapse li a:hover {
	color: #900;
}
}
@media (max-width: 767px) {
  .navbar-original .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-original .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-original .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-original .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-original .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-original .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-original .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-original .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-original .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-original .navbar-link {
  color: #777;
}
.navbar-original .navbar-link:hover {
  color: #333;
}
.navbar-original .btn-link {
  color: #777;
}
.navbar-original .btn-link:hover,
.navbar-original .btn-link:focus {
  color: #333;
}
.navbar-original .btn-link[disabled]:hover,
fieldset[disabled] .navbar-original .btn-link:hover,
.navbar-original .btn-link[disabled]:focus,
fieldset[disabled] .navbar-original .btn-link:focus {
  color: #ccc;
}
/* ドロップダウンをホバーで開く */
.dropdown:hover > .dropdown-menu{
  display: block;
}


/* タブレットからハンバーガー表示にする */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	border-top-width: 1px;
	border-top-style: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
	float: none!important;
	width: 720px!important;
	margin-top: 10px!important;
	margin-right: 15px!important;
	margin-bottom: 0px!important;
	margin-left: 0px!important;
    }
    .navbar-nav>li {
	float: none;
	width: 100%!important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
    }
    .navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%!important;
	background-image: url(../images/nev_ic01.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 30px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
		
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
/* タブレットからハンバーガー表示にする */
@media (max-width: 767px) {
    .navbar-nav {
	float: none!important;
	width: 100%!important;
	margin-top: 10px!important;
	margin-right: 15px!important;
	margin-bottom: 0px!important;
	margin-left: 0px!important;
}}
/* CSSを無効にする */

/*==========*/
/* マージン */
/*==========*/

.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 25px !important;}
.mt35 { margin-top: 25px !important;}
.mt40 { margin-top: 25px !important;}
.mt45 { margin-top: 25px !important;}
.mt50 { margin-top: 25px !important;}

.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb100 { margin-bottom: 100px !important;}
.mb200 { margin-bottom: 200px !important;}

.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 25px !important;}
.mr35 { margin-right: 25px !important;}
.mr40 { margin-right: 25px !important;}
.mr45 { margin-right: 25px !important;}
.mr50 { margin-right: 25px !important;}

.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 25px !important;}
.ml35 { margin-left: 25px !important;}
.ml40 { margin-left: 25px !important;}
.ml45 { margin-left: 25px !important;}
.ml50 { margin-left: 25px !important;}


@media (min-width: 768px) {
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb100 { margin-bottom: 100px !important;}

.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
}

/*======*/
/* 余白 */
/*======*/

.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 20px !important;}
.pt30 { padding-top: 20px !important;}
.pt35 { padding-top: 20px !important;}
.pt40 { padding-top: 20px !important;}
.pt45 { padding-top: 20px !important;}
.pt50 { padding-top: 20px !important;}

.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 20px !important;}
.pb35 { padding-bottom: 20px !important;}
.pb40 { padding-bottom: 20px !important;}
.pb45 { padding-bottom: 20px !important;}
.pb50 { padding-bottom: 20px !important;}

.pr5 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 20px !important;}
.pr30 { padding-right: 20px !important;}
.pr35 { padding-right: 20px !important;}
.pr40 { padding-right: 20px !important;}
.pr45 { padding-right: 20px !important;}
.pr50 { padding-right: 20px !important;}
.pr60 { padding-right: 20px !important;}

.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 20px !important;}
.pl30 { padding-left: 20px !important;}
.pl35 { padding-left: 20px !important;}
.pl40 { padding-left: 20px !important;}
.pl45 { padding-left: 20px !important;}
.pl50 { padding-left: 20px !important;}
.pl60 { padding-left: 20px !important;}


@media (min-width: 768px) {

.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pr5 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 25px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

}

/*======*/
/* 左右 */
/*======*/
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-10px;  margin-right:-10px}
.row-10 >div{ padding-right:10px;  padding-left:10px}
.row-20{ margin-left:-20px;  margin-right:-20px}
.row-20 >div{ padding-right:20px;  padding-left:20px}
.row-30{ margin-left:-30px;  margin-right:-30px}
.row-30 >div{ padding-right:30px;  padding-left:30px}
.row-40{ margin-left:-40px;  margin-right:-40px}
.row-40 >div{ padding-right:40px;  padding-left:40px}
.row-50{ margin-left:-50px;  margin-right:-50px}
.row-50 >div{ padding-right:50px;  padding-left:50px}


/*========*/
/* クリア */
/*========*/
.mt0 { margin-top: 0 !important;}
.mr0 { margin-right: 0 !important;}
.mb0 { margin-bottom: 0 !important;}
.ml0 { margin-left: 0 !important;}
.allmargin0 {
	margin: 0 !important;
}
.lrmargin0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.pt0 { padding-top: 0 !important;}
.pr0 { padding-right: 0 !important;}
.pb0 { padding-bottom: 0 !important;}
.pl0 { padding-left: 0 !important;}
.allpadding0 {
	padding: 0px !important;
}
.lrpadding0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.h500 {
	height: 150px !important;	
}
@media (min-width: 768px) {
.h500 {
	height: 315px !important;	
}
}
@media (min-width: 992px) {
.h500 {
	height: 400px !important;	
}
}
@media (min-width: 1200px) {
.h500 {
	height: 500px !important;	
}
}

/*========*/
/* グーグルマップ */
/*========*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.topgmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
height: 165px;
}
 
.topgmap iframe,
.topgmap object,
.topgmap embed {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}

@media (min-width: 768px) {
.topgmap {
}
}
@media (min-width: 992px) {
.topgmap {
}
}
@media (min-width: 1200px) {
.topgmap {
}
}


.footgmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
height: 150px !important;
}
 
.footgmap iframe,
.footgmap object,
.footgmap embed {
position: absolute;
top: -65%;
left: -35%;
width: 170%;
height: 170%;
}
.maparea{
overflow: hidden;
height: 150px !important;
}

@media (min-width: 768px) {
.footgmap {
height: 170px !important;
}
.maparea{
height: 170px !important;
}
.footgmap iframe,
.footgmap object,
.footgmap embed {
position: absolute;
top: -50%;
left: -50%;
width: 170%;
height: 170%;
}
}
@media (min-width: 992px) {
.footgmap iframe,
.footgmap object,
.footgmap embed {
position: absolute;
top: -60%;
left: -50%;
width: 170%;
height: 170%;
}
.footgmap {
height: 151px !important;
}
.maparea{
height: 151px !important;
}
}
@media (min-width: 1200px) {
.footgmap {
height: 151px !important;
}
.maparea{
height: 151px !important;
}
}

/*========*/
/* ユーチューブ */
/*========*/
.youtube{
	overflow: hidden;
	height: 320px;
	position: relative;
	padding-bottom: 56.25%;
    
}
.youtube iframe{
	position: absolute;
	top: -20%;
left: -20%;
width: 140%;
height: 140%;
}

@media (min-width: 768px) {
.youtube{
	height: 374px;
}
.youtube iframe{
	top: -40%;
left: -35%;
width: 180%;
height: 180%;
}
}
@media (min-width: 992px) {
.youtube{
	height: 484px;
}

}
@media (min-width: 1200px) {
.youtube{
	height: 586px;
}

}

/*========*/
/* ページトップ */
/*========*/
.pt_compliance {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
.pt_compliance a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.pt_compliance a:hover {
    text-decoration: none;
    background: #999;
}

/* 投稿部分のCSS */
.post .clear {
	clear: both;
}
.post .postmetadata {
	clear: both;
}
.post hr {
	display: block;
	}
.post img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.post img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.post img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.post .aligncenter,
.post div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post .alignright {
	float: right;
	}

.post .alignleft {
	float: left;
	}
	
.post acronym, .post abbr, .post span.caps {
	cursor: help;
	}

.post acronym, .post abbr {
	border-bottom: 1px dashed #999;
	}

.post blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

.post blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.post .center {
	text-align: center;
	}

.post .hidden {
	display: none;
	}
	
.post .screen-reader-text {
     position: absolute;
     left: -1000em;
}

.post a img {
	border: none;
	}
.carousel-indicators {
  position: absolute;
  bottom: -5px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.minslide .carousel-indicators {
	position: absolute;
	bottom: 0px;
	left: 30px;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: 0;
	text-align: left;
	list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 0px solid #fff;
  border-radius: 10px;
   background-color: #D9DFE1;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #006837;
}
.text-white{
	color: #FFF;
}
.text-red{
	color: #F00;
}
@media (min-width: 992px) {
.text-length {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.wrap-absolute {
	position: absolute;
	height: 460px;
	top: 0px;
}
.wrap-relative {
	position: relative;
}
}

@media (max-width: 991px) {
.text-length {
	text-align: center;
}}
.line1{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.line2{
	padding: 10px;
	border: 3px solid #CCC;
}
.bg-gray{
	background-color: #ececec;
}
.bg-green{
	background-color: #F8F7EB;
}
.bg-foot{
	background-color: #026930;
}
@media (min-width: 1200px) {
.bg-gray{
	background-color: #ececec;
}
.bg-green{
	background-color: #F8F7EB;
}
.bg-foot{
	background-color: #026930;
}
}

@media (max-width: 991px) {
.top-responsive{
	height: 25px;
	width: auto;
}}
button {
  font-size: 100%;
}
.is-fs-m {
  font-size: 120%;
}
.is-fs-l {
  font-size: 140%;
}
.is-fs-xl {
  font-size: 160%;
}
.is-fs-xxl {
  font-size: 180%;
}
.is-fs-xxxl {
  font-size: 200%;
}
.top_ti01,.top_ti02,.top_ti03,.top_ti04,.topimg-responsive{
	height: auto;
	width: auto;
	display: block;
	max-width: 100%;
}
.box-under-shadow {
	box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6) inset;
	-webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6) inset;
	-moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6) inset;
	position: relative;
	z-index: 1;
}
.box-under-shadow img {
	position: relative !important;
	z-index: -1 !important;
}
@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}