@charset "utf-8";

.underline_yellow {
   background: linear-gradient(transparent 50%, yellow 50%);
   font-size:14px;
}
.namisen_red {
   background:url(wave-red.png) bottom repeat-x; 
   background-size: 20px;
   font-size:14px;
}


html {
 position: relative;
 min-height: 100%;
}

body {
  padding-top: 50px;
  height: 100%;
}

body{
 margin-bottom:  44px;
 padding-bottom: 44px;
}

.modal-dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  margin: auto;
  pointer-events: none;
}
.modal-content {
    pointer-events: all;
}
.modal-footer {
	text-align:center;
}

.navbar {
	border-left: 15px gold solid;
}
.navbar {
    /* background-color:#224699 !important; */
    /* background-color:#000000 !important; */
    /* background-color:#000000 !important; */
    /* background-color:navy !important; */
    background-color:#000001 !important; /* 漆黒 */
}
.navbar-collapse{
    /* background-color:#224699 !important; */
    /* background-color:#000000 !important; */
    /* background-color:#000000 !important; */
    background-color:#000001 !important; /* 漆黒 */
}
.icon-bar {
	background-color: #ffffff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.navbar-toggle:focus > .icon-bar,
.navbar-toggle:hover > .icon-bar {
	background-color: #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*
.nav-link:hover{
	color: #000001 !important;
	background-color:  #000001 !important;
}
*/
.nav > li > a:hover{
	background-color: #000001 !important;
	/* text-decoration: underline !important; */
	border-bottom:solid 2px gold;
}
.nav > li > a:focus{
	background-color: #000001 !important;
	/* text-decoration: underline !important; */
	border-bottom:solid 2px gold;
}


.navbar-nav a {
	/* color:black !important; */
	/* color:#ffffff !important; */
	/* color:#E48E00 !important; */
	color: #ffffff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.navbar-nav a:hover,
.navbar-nav a:focus{
	/* color:#E48E00 !important; */
	/* background:#264FAC !important; */
	/* color: #ffffff !important; */
	/* color: yellow !important; */
	/* background:#264FAC !important; */
	/* background-color:#000001 !important; */ /* 漆黒 */
	/* color: navy; */
	/* color: yellow; */
	font-size:1.1em;
	color: #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	/* text-decoration: underline !important; */
	border-bottom:solid 2px gold;
}



.navbar-brand>img.navbar-brand-logo {
	/* display: inline-block; */
}
.navbar-brand {
	/* font-size: 1.286rem !important; */
	/* font-size: 1.8rem !important; */
	/* color: #ffffff !important; */
	/* font-weight: 700 !important; */
	line-height: 22px !important;
	color: #ffffff; 
	/* float: left  !important; */
	/* height: 4.715rem !important; */
	/* margin: 0 !important; */
	/* padding: 1.5715rem 1.429rem !important; */
}

.navbar-brand:hover{
	font-size:1.4em;
	color: #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	/* text-decoration: underline !important; */
	/* border-bottom:solid 2px gold; */
}

.navbar-brand-logo {
    display: inline-block !important;
    height: 2.286rem !important;
    margin-top: -.357rem !important;
}
.dropdown-toggle {
	/* background-color:#224699 !important; */
	/* background-color:#000000 !important; */
	/* background-color:#000000 !important; */
	background-color: #000001 !important;
}


.dropdown-menu {
	/* background-color:#224699 !important; */
	/* background-color:#000000 !important; */
	/* background-color:#000000 !important; */
}
.dropdown-menu li.divider2 {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
	/* background-color:#224699 !important; */
	/* background-color:#000000 !important; */
	/* background-color:#000000 !important; */
	/* border: 1px solid #ffffff !important; */
}
.dropdown-menu li a {
	/* text-align:center; */
	padding: 1em;
}
.dropdown-menu li{
	background-color: #ffffff;
}
.dropdown-menu li:hover,
.dropdown-menu li:focus{
	background-color: #ffffff;
}


.dropdown-menu li a:hover,
.dropdown-menu li a:focus{
	text-decoration:underline;
	color:tomato;
	background-color: #ffffff;
	border-bottom:initial;
}

.dropdown-menu .divider {
	/* background-color: #224699 !important; */
	/* background-color:#000000 !important; */
	/* background-color:#ffffff !important; */
	/* border: 1px solid #ffffff !important; */
	/* border: 1px solid #ffffff !important; */
}
.dropdown-menu .master_link {
	/* background-color:#ff6633 !important; */
}
.nav .open {
	background-color: :#000001;
}

.nav-item {
  width:140px;
  text-align:center;
  margin-left:1px;
}

.nav-link {
  position: relative;
  overflow: hidden;
}

.nav-tabs .nav-link{
	/* color: #34373a; */
	/* color: black; */
   transition: .25s;
   display: block;
   padding: .715rem 1.429rem;
   border: 1px solid transparent;
   border-top-left-radius: .215rem;
   border-top-right-radius: .215rem;
}

.nav-link.active{
	font-weight:bold;
	background-color: :#000001;
	/* background-color: #62a8ea; */
	/* color: #fff; */
	/* border 0px solid #fff; */
}

.navbar-link{
	/* color: #428bca !important; */
	color: #ffffff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.navbar-link:focus >,
.navbar-link:hover >{
	/* color: navy; */
	/* color: gold; */
	background-color: #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.nav-item.active>.nav-link{
	font-weight:bold;
	/* color: navy; */
	color: gold;
	/* text-decoration: underline; */
	background-color: #ffffff;
	/* background-color: #62a8ea; */
	/* color: #fff; */
	/* border 0px solid #fff; */
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav-tabs-horizontal{
   font-size: 15px;
}


@media (max-width: 800px) {
    .table-scroll {
        overflow-x: scroll;
    }
}


.scrollconts {
  overflow:auto;
  border:1px solid #aaa;
  padding:10px;
  margin-bottom: 15px;
}

.glyphicon {
  margin-right:7px !important;
}

legend {
  font-size:1.2em;
  color: rosybrown;
}

h2 {
  font-size: 18px;
  font-weight: bold;
  background: #F1F4F5;
  padding: 8px;
  zborder-left: #224699 5px solid;
  margin: 30px 0px 15px 0px;
}

.control-label:before {
   content: "\f0da";
   font-family: FontAwesome;
   margin-right: 8px;
}

.padd-10px {
  padding-left:  10px !important;
  padding-right: 10px !important;
}

.row {
  margin-top:20px;
  margin-bottom: 20px;
}

.nav-row {
  margin: 0px;
}

.breadcrumb {
 margin: auto 0px;
	/* padding auto 0px; */
 background-color:white;
}

ul.breadcrumb{
  margin: 0px;
  padding: 0px;
}

ul.breadcrumb li {
  list-style: none; 
  margin: 0px;
  padding: 0px;
}

.page-title {
  font-size:20px;
  margin-top: 0;
  margin-bottom :0;
  text-shadow: rgba(0,0,0,.15) 0 0 1px;
  display: block;
  box-sizing: inherit;
}

.thin {
  margin: 0px;
  padding: 0px;
}

.lightbox-block_xl{
  max-width:900px;
  padding: 15px 20px;
  margin: 40px auto;
  overflow: hidden;
  background: #ffffff;
  border-radius: 3px;
}

.closebtn .mfp-close{
   position: fixed;
   right: 30px;
   top: 20px;
   background: #ffffff;
   opacity: 1;
   border-radius: 100px;
}

.closebtn .mfp-arrow:active
{
  margin-top: 0px;
}
.closebtn .mfp-close:active
{
  top: 20px;
}

.site-footer 
{
  margin-left:  0px !important;
  margin-right: 0px !important;
  height: 44px;
  padding: 10px 30px;
  background-color: rgba(0,0,0,.02);
  border-top:1px solid #e4eaec;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}
.site-footer::after
{
  content: "";
  display: table;
  clear:   both;
}
.site-footer-legal
{
  float:left;
}
.site-footer-actions
{
  float:right;
}
.site-footer-right
{
  float:right;
}
.site-footer .scroll-to-top
{
  color:#76838f;
}
.site-footer .scroll-to-top, 
.site-footer .scroll-to-top:active, 
.site-footer .scroll-to-top:hover, 
{
  text-decoration:none;
}

.pagination {
  margin:0 0 0 15px;
}

.table .text-middle{
  text-align: center;
  vertical-align: middle;
  font-size:12px;
}

.btn-primary{
  background-color: #428bca !important;
}

.btn-outline.btn-primary {
  color: #62a8ea;
  background-color: transparent !important;
}

.btn-outline:focus {
  color:#fff !important;
  background-color: #428bca !important;
}
.btn-outline:hover {
  color:#fff !important;
  background-color: #428bca !important;
}
.btn-outline:active {
  color:#fff !important;
  background-color: #428bca !important;
}

.tag-primary.tag-outline{
  color: #62a8ea;
  border-color:#62a8ea;
  background-color: transparent;
}
.tag {
  font-size: 12px;
  margin-bottom: 3px;
}
.tag {
  border: 1px solid transparent;
}
.tag {
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  padding: .25em .6em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  border-radius: .215rem;
  margin: auto 3px;
}


.reconstruction {
   position: absolute;
   right:10px;
   bottom: 0px;
   display: inline;
   background: #ddd;
   font-size:12px;
   padding: 1px 5px;
   text-align:center;
}



* {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}


@media screen and (min-width: 0px) and (max-width : 767px){
    * {
        font-size:12px;
    }
    h1,h2 {
        font-size: 1.5em;
    }
    h3,h4 {
        font-size: 1.3em;
    }
    p,div, .panel-title, .form-control {
        font-size: 1em;
    }
    p.story  {
        font-size: 1.0em;
    }
    .copyright{
        font-size: 0.7em;
    }
}

@media screen and (min-width: 768px) and (max-width : 991px){
    * {
        /* font-size:14px; */
    }
    .copyright{
        /* font-size:14px; */
    }
    p.story  {
        /* font-size:14px; */
        /* line-height: 1.8; */
    }

}

@media screen and (min-width : 992px) {
    * {
        /* font-size:16px; */
    }
    .copyright{
        /* font-size:18px; */
    }
    p.story  {
        /* font-size:18px; */
        /* line-height: 1.8; */
    }

}

.mce-content-body{
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	word-wrap:break-word;
	width:850px;
}

.mce-content-body img{
	width:100%;
}

.bbline {
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	background: #ffee6c;
	
}
.br {
	color: #dc0000;
	font-size: 1.0em;
	font-weight: bold;
}

.bb{
	font-weight:bold;
}

.big{
	font-size:120%;
	font-weight:bold;
}

.bline{
	font-weight:bold;
	border-bottom:1px solid #000;
}

.right_link {
	text-align: right;
	font-size: 20px;
	color:#00f;
}

.mce-content-body p{
  font-size:14px;
  line-height:1.6;
  margin-bottom:25px;
}

.mce-content-body h2{
  position:relative;
  	border-top: 4px solid rgb(213, 106, 150);
	border-bottom: 4px solid rgb(213, 106, 150);
	font-size:26px;
	margin: 50px 0 25px;
	padding: 20px 0px;
	font-weight: bold;
	line-height:1.3em;
	background:none;
	border-left:none;
}

.mce-content-body h2:before{
  content:"H2";
  background-color:#eee;
  color:#000;
  padding:5px 5px;
  position:absolute;
  top:-20px;
  font-size:14px;
  font-weight:bold;
  line-height:100%; 
  font-weight:bold;
  border:dotted 1px #999;
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}


.mce-content-body h3 {
	font-size: 25px;
	font-weight: bold;
	padding: 0.5em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #FFF0F1;/*背景色*/
	border-left: solid 5px #D56A96;/*左線（実線 太さ 色）*/
	margin-top: 40px;
	margin-bottom: 25px;
	line-height:1.3em;
	position:relative;
}

.mce-content-body h3:before{
  content:"H3";
  background-color:#eee;
  color:#000;
  padding:5px 5px;
  position:absolute;
  top:-20px;
  font-size:14px;
  font-weight:bold;
  line-height:100%; 
  font-weight:bold;
  border:dotted 1px #999;
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}

.mce-content-body h4 {
	color: #333;
	margin: 30px 0 30px 0;
	font-weight: bold;
	border-left: 5px solid #D6D6D6;
	padding-left: 20px;
	font-size: 20px;
	line-height:1.3em;
	position:relative;
}

.mce-content-body h4:before{
  content:"H4";
  background-color:#eee;
  color:#000;
  padding:3px 3px;
  position:absolute;
  top:-20px;
  font-size:14px;
  font-weight:bold;
  line-height:100%; 
  font-weight:bold;
  border:dotted 1px #999;
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}


.mce-content-body h5 {
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 20px;
	border-bottom: #D6D6D6 2px solid;
	padding-bottom:4px;
	line-height:1.3em;
	color: #666;
	position:relative;
}

.mce-content-body h5:before{
  content:"H5";
  background-color:#eee;
  color:#000;
  padding:3px 3px;
  position:absolute;
  top:-20px;
  font-size:14px;
  font-weight:bold;
  line-height:100%; 
  font-weight:bold;
  border:dotted 1px #999;
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}


.mce-content-body h6 {
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 20px;
	padding-bottom:4px;
	line-height:1.3em;
	color: #666;

}


.mce-content-body h6:before{
  content:"H6";
  background-color:#eee;
  color:#000;
  padding:3px 3px;
  position:absolute;
  top:-20px;
  font-size:14px;
  font-weight:bold;
  line-height:100%; 
  font-weight:bold;
  border:dotted 1px #999;
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}


.mce-content-body div{
	border:1px dotted #d2c039;
	position:relative;
}

.mce-content-body div:before{
  content:"div";
  background-color:#eee;
  color:#000;
  padding:3px 3px;
  position:absolute;
  top:-20px;
  font-size:10px;
  font-weight:bold;
  line-height:100%; 
  font-weight:bold;
  border:dotted 1px #999;

}

.mce-content-body p{
	border:1px dotted #d6eac9;
	position:relative;
}


.dottbox {
	border: dotted 1px #666;
	padding: 20px;
	margin-bottom:25px;

}


.kutikomi {
	background-color: #fefdf2;
	border: 1px solid #ffd7a7;
	border-radius: 10px;
	padding: 20px 10px 0;
	margin-bottom: 20px;
}
.fukidashi {
	margin-bottom: 20px;
	width: 100%;
}
.f_left {
	background-color: #EDF6F8;
	padding: 8px;
	position: relative;
	margin-right: 20px;
	margin-left: 20px;
	border-radius: 8px;
	margin-bottom: 10px;
	display: inline-block;
}
.f_left p {
	margin-bottom: 0px;
}
.f_left:after {
	border-right: 12px solid #EDF6F8;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	content: '';
	margin-top: -10px;
	position: absolute;
	left: -12px;
	top: 50%;
}
.f_right {
	background-color: #F8E3E3;
	padding: 8px;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 8px;
	margin-bottom: 10px;
	display: inline-block;
}
.f_right p {
	margin-bottom: 0px;
}
.f_right:after {
	border-left: 12px solid #F8E3E3;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	content: '';
	margin-top: -10px;
	position: absolute;
	right: -12px;
	top: 50%;
}
.clear {
	clear: both;
	float: none;
}
.left td {
	text-align: left;
}