*{
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}/*全体のフォント*/
/*h1のフォント*/
.concept{
    text-align: center;
}
.topConcept{
    font-family: 'Cambria Math', sans-serif;
    border-bottom: 2px solid #a40000;
}
/* header */
body{
    margin: 0;
}
div{
    margin: 0;
}
ul{
    margin: 0;
}
img{
    margin: 0;
}
ul li{
	list-style: none;
}
ul{
    list-style-type:none;
}
a{
    text-decoration: none;
}
    /*ナビの場所*/
.conceptNav,.topNav,.nav{
    position: absolute;
    top:10px;
    right:3%;

}
.conceptNav li a:hover{
    border-bottom: 2px solid #a40000;
}
.topNav li a:hover{
    border-bottom: 2px solid #a40000;
}
.nav li a:hover{
    border-bottom: 2px solid #a40000;
}
/*first viewがあるサイトのナビの色*/
.topNav li,{
    color:white;
   
}
/*ナビを一行にする*/
.nav li,.conceptNav li,.topNav li{
    margin-top: 20px;
    float: left;
    padding: 0 25px;
}


.nav li a{
    color: black;
    font-weight: bold;
    
}
.topNav li a,.conceptNav li a{
    color:white;
    font-weight: bold;
    
}

h1{
    font-family: 'Cambria Math', sans-serif;
    font-size: 26px;
    margin-top: 50px;
    /* margin-top: 15%; */
}
/*今のページのを提示する*/
.profileNav .now,.topNav .now,.conceptNav .now,.nav .now{
    /* border-bottom:2px solid; */
    color: #a40000;
    font-weight: bold;
}

.concept{
    clear: both;
}
input{
    clear: both;
}
/* p{
    clear: both;
    font-weight: 500px;
} */
.topFirstView,.contactFirstView{
    /* position: relative;
    top: 0; */
    margin: 0;
    padding: 0;
}

/* 言語変換 */

 /* === ラジオボタンは非表示 ================== */
 #langChange input[type="radio"]{
    display    : none;
    
  }
  
  #langcn{
      position: absolute;
      top:70px;
      right: 67px;
  }
  #langen{
    position: absolute;
    top:70px;
    right: 125px;
}
 #langjp{
    position: absolute;
    top:70px;
    right: 183px;
}
   /* === 各ラジオボタンのラベルをボタンに変更 == */
  #langChange label{
    display    : inline-block;
    /* border     : 1px solid #ccc;
    box-shadow : 2px 2px #999;
    padding    : 2px 6px; */
    /* margin: 0 5px; */
  }

  .toplang,.conceptlang,.profilelang,.contactlang{
      cursor: pointer;
      font-weight: bold;
  }
  .toplang,.conceptlang{

    color: #fff;
  }
   /* === 選択されていない言語は非表示にする ==== */
  #langJa:not(:checked) ~ * *:lang(ja) {
    display    : none;
  }
  #langEn:not(:checked) ~ * *:lang(en) {
    display    : none;
  }
  #langZh:not(:checked) ~ * *:lang(zh) {
    display    : none;
  }
   
   /* === 選択されている言語のラベル色を変更 ==== */
  #langJa:checked ~ label[for="langJa"] {
    /* background : #ffa64d; */
    border-bottom: 2px solid #a40000;
  }
  #langEn:checked ~ label[for="langEn"] {
    /* background : #ffa64d; */
    border-bottom: 2px solid #a40000;
  }
  #langZh:checked ~ label[for="langZh"] {
    /* background : #ffa64d; */
    border-bottom: 2px solid #a40000;
  }


  #demo-1{
    overflow: hidden;
    width: 100%;
    min-height: 600px;
    background-color: #999;
}



 /* main */

 /* footer */
 footer{
    text-align: center;
    clear: both;    
}