@import url(https://fonts.googleapis.com/earlyaccess/notosanstibetan.css);

@font-face {
  font-family: Charis;
  src: url(../fonts/CharisSIL.woff);
}

body{
    font-size: 160%;
    margin-bottom: 20px;
}

#cc{
    margin-top: 10px;
    float: left;
}

#reset{
    display: inline;
    margin: 0;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    background-color: #928bca;
    border-radius: 4px;
    cursor: pointer;
}

#reset:hover{
    background-color: #827bba;
}

h1{
    width: 450px;
    margin: 0 auto;
    font-size: 200%;
    font-family: Verdana, sans-serif;
    text-align: center;
    clear: right;
}

h2{
    width: 450px;
    margin: 10px auto;
    font-size: 160%;
    font-family: Verdana, sans-serif;
    text-align: center;
}

.right{
  text-align: right;
}

.found {
  color: tomato;
}

.home img{
    border-radius: 5px;
    vertical-align: bottom;
}

.message{
    padding-top: 20px;
    margin: 0 auto;
}

.message h3{
    font-weight: bold;
}

.message li{
    margin-bottom: 10px;
}

.message p.cc{
    margin-top: 20px;
    margin-bottom: 20px;
}

.message .tibettext{
    font-family: 'Noto Sans Tibetan',sans-serif;
    font-size: 120%;
}

.message .tibettext .english{
    font-size: 70%;
}

#nosearch{
    font-size: 160%;
    font-family: Verdana, sans-serif;
    color: #F19483;
    text-align: center;
}

.navbar{
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    /* padding-left: 15px;
    padding-right: 15px; */
}

.row{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid gray;
}

.head{
    /* text-align: center; */
    font-weight: bold;
}

.bold{
    font-weight: bold;
}

.wylie{
    color: #006E54;
}

.wylie img{
    width: 15px;
    cursor: pointer;
}

.pron{
    font-family: Charis, serif;
 }

.pron a img{
    cursor: pointer;
 }

.tibet{
  font-family: 'Noto Sans Tibetan',sans-serif;
  font-size: 140%;
  margin-top: 5px;
}

.tibet-exp{
  font-family: 'Noto Sans Tibetan',sans-serif;
}

.eng{
  color: #006E54;
}

.eng .latin{
  font-style: italic;
}

.chn{
  color: #734338;
}

sup{
  font-size: 50%;
}
.noun{
  background-color: white;
}
.verb{
  background-color: #e0ebaf;
}
.photo {
  display: inline;
}

.photo a{
  display: inline;
  cursor: pointer;
}

.photo img{
  margin: 5px;
}

.photo_caption{
  display: inline;
  font-size: 10pt;
}

.photo_user{
  display: inline;
  font-size: 10pt;
  float: right;
}

/* pageTop */
#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#pageTop a {
    display: block;
    z-index: 999;
    /* padding: 8px 0 0 8px; */
    border-radius: 10px;
    width: 6em;
    height: 3ex;
    background-color: #9FD6D2;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/* messageの言語切替 */
 /* === ラジオボタンは非表示 ================== */
#langChenge input[type="radio"]{
  display    : none;
}

 /* === 各ラジオボタンのラベルをボタンに変更 == */
#langChenge label{
  display    : inline-block;
  border     : 1px solid #ccc;
  box-shadow : 2px 2px #999;
  border-radius : 4px;
  padding    : 2px 6px;
  cursor: pointer;
}

/** チベット語を選べなくする *
#langChenge label[for="langTb"]{
    display: none;
}
*/

 /* === 選択されていない言語は非表示にする ==== */
#langJa:not(:checked) ~ * *:lang(ja) {
  display    : none;
}
#langEn:not(:checked) ~ * *:lang(en) {
  display    : none;
}
#langTb:not(:checked) ~ * *:lang(tb) {
  display    : none;
}

 /* === 選択されている言語のラベル色を変更 ==== */
#langJa:checked ~ label[for="langJa"] {
  color: #fff;
  background : #ffa64d;
}
#langEn:checked ~ label[for="langEn"] {
  color: #fff;
  background : #ffa64d;
}
#langTb:checked ~ label[for="langTb"] {
  color: #fff;
  background : #ffa64d;
}