@charset "UTF-8";
/*Copyright (c) 2024, Tankarnir Raufarhöfn by MomoGumi ehf*/

body {
    background-color: #FFF;
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
}

a, a:visited {
    color: #000;
    text-decoration: none;
}

h1, h2, {
      text-align: center;
}

.tank-hr {
        position: relative;
        height: 2px !important;
        color: #000 !important;
        opacity: 1.0 !important;
        margin-bottom: 0px;
        margin-top: 0px;
}

.tank-hr-w {
        position: relative;
        border: none;
        height: 2px !important;
        border-color: #FFF !important;
        margin-bottom: 0px;
        margin-top: 0px;
}

.tank-border {
        border : 1px solid red !important;
        margin: 0px;
        padding: 0px;
}

.tank-border-b {
        border : 1px solid blue !important;
        margin: 0px;
        padding: 0px;
}

.tank-fs-12 {
  font-size: 12px;
}

.tank-text {
  text-shadow: 2px 2px 1px #000;
}

.tank-img {
  position: relative;/*親要素にrelative*/
}
.tank-img p{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:50%;
  left: 50%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #fff;
  font-size: 1.8rem;
  margin: 0 !important;/*文字がずれている場合や*/
  padding: 0 !important;/*文字が折り返される場合*/
}

.tank-img h3{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:50%;
  left: 50%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #fff;
  font-size: 1.8rem;
  margin: 0 !important;/*文字がずれている場合や*/
  padding: 0 !important;/*文字が折り返される場合*/
}

.tank-color-black {
  color: #000 !important;
}

.tank-ac-m {
  margin-top: 1rem !important;
}

.tank-ac-b {
  background-color: #fff !important;
}

/* For Language selecter */
/* === ラジオボタンは非表示 ================== */
#lang input[type="radio"]{
 display    : none;
}

/* === 各ラジオボタンのラベルをボタンに変更 == */
#lang label{
display    : inline-block;
padding    : 2px 6px;
}

/* === 選択されている言語のラベル色を変更 ====
#lang input[type="radio"]:checked + label {
background : #ffa64d;
}
*/
#text-is {
  color: #fff;
  font-size: 14px;
	margin: 1px;
}

#text-en {
  color: #6c757d;
  font-size: 14px;
	margin: 1px;
}

#bg-is {
	background-color: #6c757d;
	padding: 3px 10px 3px 12px;
	border: solid 1px;
	border-color:  #6c757d;
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
}

#bg-en {
	background-color: #fff;
	padding: 3px 8px 3px 8px;
	border:solid 1px;
	border-color:  #6c757d;
	border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;
}