/* LIVE1Page CSS */
/* 更新:2019/07/18 */

/* 表示幅の設定 */
body {
width:1080px;
margin: 0px auto;
}


/* h ページタイトル デザイン 背景青 文字白 */
.h1 {
background: #1B73BA;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
box-sizing: border-box;
color: #fff;
font-size: 30px;
margin: 0 0 20px;
padding: 5px 20px 5px 25px;
position: relative;
width: 100%;
}
/* h h1に白の三角形のデザイン追加 */
.h1:before {
border-bottom: 10px solid transparent;
border-left: 10px solid #FFF;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
content: " ";
display: block;
left: 0;
margin: -10px 0 0 0;
position: absolute;
top: 50%;
}
/* h コンテンツ見出し デザイン 文字青 */
.h2 {
background: #F8F8F8;
border-top: 2px solid #1B73BA;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
box-sizing: border-box;
color: #1B73BA;
font-size: 20px;
font-weight: bold;
margin: 0 0 20px;
padding: 10px 15px 10px;
}
/* h コンテンツ見出し 文字の下に線 文字黒 */
.h3 {
border-bottom: 2px solid #1B73BA;
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
padding-bottom: 5px;
}
/* h 文字の左（画面左）に縦模様 色青 */
.h4 {
border-left: 2px solid #1B73BA;
font-size: 16px;
font-weight: bold;
margin: 0 0 20px;
padding-left: 5px;
text-align:start;
}


/* hr 水平線 */
.hr {
height: 2px;
background-color: #0000ff;
border: none;
color: #0000ff;
}


/* nav ナビゲーション */
nav{
    width: 100%;    /*横幅の指定*/
    border-top: 1px solid orange;   /*上部の線の色を指定*/
    border-bottom: 1px solid orange;    /*下部の線の色を指定*/
    margin-bottom: 5px; /**/
    overflow: hidden;   /*はみ出し非表示*/
list-style-type: none;
}
nav ul{
    width: 60%; /*横幅の指定*/
    margin-left: 20%;   /*左端から20%右側に動かす*/
list-style-type: none;
}
nav li{
    width: calc(25% - 2px); /*横幅の指定（線の分をマイナスする）*/
    border-left: 1px solid orange;  /*線を描く*/
    text-align: center; /*文字を中央に*/
    float: left;    /*左から並べる*/
list-style-type: none;
}
nav li:last-child{
    border-right: 1px solid orange; /*li要素の最後の物は右側に線を描く*/
list-style-type: none;
}
nav a{
    display: block; /*1つのli全体にリンクを有効にする*/
    text-decoration: none;  /*ブラウザ標準のリンク装飾をオフに*/
    color:#313131;  /*文字色の変更*/
    font-size: 110%;    /*フォントサイズの指定*/
    letter-spacing: 5px;    /*文字と文字の間隔をあける*/
    font-weight: 400;   /*文字の太さを調整*/
    line-height: 45px;  /*行間の指定（ナビボタンの高さ指定）*/
list-style-type: none;
}
nav a:hover{
    background-color: orange;   /*背景色の指定*/
    color: #fff;    /*文字色の変更*/
    transition: 0.5s;   /*ホバー時の動きをなめらかにする*/
list-style-type: none;
}