/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */



/*=======================================
    GENERAL STYLES
==================================================*/
body {
           font-family: 'Ruluko', sans-serif;
    font-size:14px;
}

.nav a {
    color:#ffffff !important;
}
.navbar-header a {
    color:#ffffff !important;
    padding-right:100px;
}

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

h1, h2, h3, h4, h5, h6 {
   font-family: 'Ruluko', sans-serif;
	 /*color: #000;*/
}

h1 {
    line-height:70px;
    text-transform:uppercase;
     color: #00A9DF;
     font-size:50px ;
    font-weight:900!important;
}

h3 {
    line-height:30px;
    padding-bottom:20px;
}
h4 {
    line-height:40px;
    padding-bottom:10px;
}

p {
    /*font-weight:300;
    line-height:30px;
    padding-bottom:20px;*/
}

.space-pad {
    padding-bottom:50px;
}


.for-full-back {
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}

section {
    padding-top:30px;
    padding-bottom:40px;
}


/*=======================================
    COLOR CODES
==================================================*/
.color-white {
   background-color:#fff!important;
}

.color-light {
   background-color:#F8F8F8!important;
}
.color-blue {
    color: #00A9DF;
}
/*=======================================
    HEADER STYLES
==================================================*/
#home {
    padding:20px 40px 130px 40px;
}
.head-main {
    font-size:120px !important;
    font-weight:900!important;
    color:#585858!important;
    padding:200px 20px 20px 20px;
}

/*=======================================
    NAVIGATION STYLES
==================================================*/


nav {
	position: absolute;
	width: 100%;
    background: #fff;
    z-index:99;
}
.fixed {
	position: fixed; 
	top: 0; 
	min-height: 50px; 
	z-index: 99;
}

.navbar-inverse {
background-color: #525252;
border-color: #4B4A4A;
}

/*=======================================
    ABOUT STYLES
==================================================*/

.about-div {
	width: 100%;
min-height: 100px;
background-color: rgba(209, 209, 209, 0.24);
box-shadow: none;
border: 0;
padding: 50px 20px 30px 20px;
margin-bottom:20px;
}
/*=======================================
    FREE TEXT STYLES
==================================================*/
.free-div {
    width: 100%;
min-height: 100px;
background-color: rgba(209, 209, 209, 0.24);
box-shadow: none;
border: 0;
padding: 50px 20px 30px 20px;
margin-bottom:20px;
}

/*=======================================
    CONTACT STYLES
==================================================*/
.contact-cls {
    font-size:20px;
    line-height:40px;
}
/*=======================================
    FOOTER STYLES
==================================================*/

#footer {
    background-color:#000;
    color:#fff;
    padding:20px 50px 20px 50px;
    text-align:right;
}

/*=======================================
    MOVIE STYLES
==================================================*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*=======================================
    MEDIA QUERY
==================================================*/
@media screen and (max-width:767px) { 
    /*　画面サイズが767px以下の場合読み込む　*/
    h1 { font-size:24pt;
		}
}
@media screen and (min-width:768px){
    /*　画面サイズが768px以上の場合読み込む　*/
    h1 { font-size:40pt;
		}
}

/*=======================================
    以下西山追加 
==================================================*/
h5 { position: relative; display: inline-block; padding: 0 55px; }
h5:before, h5:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 45px; height: 2px; border-top: solid 1px black; border-bottom: solid 1px black; } 
h5:before { left:0; } 
h5:after { right: 0; }

h6 {
		font-family: sans-serif;
    border-left:solid 5px #d29;
		border-bottom:solid 1px #000;
		padding-left:5px;
    background:#eee;
		font-size:16px;
		font-weight: bold;
		color:#000;
}
.grad{
		color:black;
		text-shadow:2px 2px 2px white;
		background:cyan;
		box-shadow: 2px 2px 2px black;
		background:radial-gradient(white,lightblue,blue);
		padding-left:10px;

}
.fuchidori {
  color: #000;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/* 2019/02/25 */
.popover .popover-title {
    background: none;
    border-bottom: medium none !important;
    margin: 0 !important;
    padding: 10px 14px 0 !important;
}

/* 2019/05/24 カルーセル*/
/*style_height.css*/
.carousel-item .img-fluid {
  width:100%;
  height:200px;
	/*外接リサイズ*/
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/ 
}
.carousel-item{
  height: 200px;
}
.carousel-item a {
  display: block;
  width:100%;
}
.carousel-item .show-image {
  display: block;
  width:100%;
}

/* 2019/06/11 枠囲い*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #9588ff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 24px;
    background: #FFF;
    color: #9588ff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

/* 2020/01/21 リンクにアンダーライン付加*/
h6:hover {
  text-decoration: underline;
	color: #0085A1;
}

/* 2021/6/7 ボタン用CSS*/
.btn--orange,a.btn--orange { color: #fff; background-color: #eb6100; } 
.btn--orange:hover,a.btn--orange:hover { color: #ff0; background: #f56500; } 
a.btn--radius { border-radius: 100vh; }