@charset "utf-8";
/* CSS Document */

/* プリント打ち消し */

@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}


/* 地図 */

.jpnback{
background-image: url(../img/d_jpn.png);
background-position:right bottom;
background-repeat:no-repeat;
background-size: 100%;
} 


/* 時計 */

.watback{
background-image: url(../img/d_watch.png);
background-position:right bottom;
background-repeat:no-repeat;
background-size: 100%;
} 

/* コンテナ幅 */

.container-fluid2 {
margin-right: auto;
margin-left: auto;
max-width: 980px; //ここの変更
}

/* 文字大きさ変更 */

h1 {
	font-size: 26px;
}
h2 {
	font-size: 23px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 13px;
}
h5 {
	font-size: 13px;
}

/* WEBフォント */


h5 {color: #3366FF}

h2 {color: #333333;}

h3 {
clear:both;
}

h4 {
clear:both;
color: #666666;
margin-top:13px;
font-size:16px;
font-weight:bold;
letter-spacing:8pt;
}

.txlage {
   font-size:4.0em ;
}

.xlage {
   font-size:2.1em ;
}



.red {color: #FF0000}

p2 {
letter-spacing: 0.2em;
clear:both;
}

		

/* =次点= */


		
		
 /* ======仕切り線========== */
 
.hrblue {
	border-top: 2px solid #3399FF;
	border-bottom: 1px solid #66FFFF;
}


.hrblue_0 {
	border-top: 2px solid #3399FF;
	border-bottom: 1px solid #66FFFF;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.hrblue_t0 {
	border-top: 2px solid #3399FF;
	border-bottom: 1px solid #66FFFF;
	margin-top: 1px;
}

.hrblue_b0 {
	border-top: 2px solid #3399FF;
	border-bottom: 1px solid #66FFFF;
	margin-bottom: 1px;
}
       
		
	

/* デフォルト */
/* body th,td 高さ文字サイズ調整 */

body { padding-top: 80px;
line-height:180%;
font-size:14px;
}

td,th {
	line-height:180%;
font-size:14px;
}

  @media ( min-width: 768px ) {
    #banner {
      min-height: 300px;
      border-bottom: none;
    }
    .bs-docs-section {
      margin-top: 8em;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
  }
  
  /* ここまでデフォルト */
  
  /* 曇りガラスパネル 　JavaScriptあり　*/ 
  
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cloudy-bg,
.cloudy {
    background: url(../img/img_top.jpg) no-repeat center;

}
.cloudy {
    color: #000;
    position: relative;
}
 
.cloudy-bg {
    position: absolute;
    background-clip: content-box;
    width: 100%;
    height: 100%;
    padding: 30px;
    top: 0;
    left: 0;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);
}
.cloudy-in {
    padding: 30px;
    position: relative;
}
.cloudy-main {
    width: 800px;
    margin: 0 auto;
    padding: 30px;
    z-index: 30;
    position: relative;
    border: solid 1px rgba(255,255,255,0.8);
    background: rgba(255,255,255,0.8);
}
@media (max-width: 800px) {
    .cloudy-main {
        width: 100%;
    }
}

  /* ここまで曇りガラスパネル */ 
  
  /* 角丸カラム */ 
    
.my-radius {
    border: 1px solid #CCC;
    padding: 15px;
    border-radius: 6px;
    font-family: Consolas,"Meiryo UI";
    margin-bottom: 8px;

}

  /* 角丸カラム　ここまで */ 
  
  /* Googleマップをレスポンシブに埋め込む <div class="google-maps">*/  
  
.google-maps {
position: relative;
padding-bottom: 35%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

  /* Googleマップをレスポンシブに埋め込む ここまで*/  
  
  
.center{
 text-align: center;
}