@charset "utf-8";

body {
    font-family: "Times New Roman",'MS PGothic', serif;
    font-size: 16px;
    width: 100%;
	height:100%;
}

.global_nav ul {
	font-size: 16px;
	font-weight: bold;
	list-style-type: none;
	padding-left: 5%;
	display: flex;
	justify-content: center;
}

.global_nav ul a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #000000;
	bottom: 18px;               /*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s; /*変形の時間*/
	}
	
.global_nav ul a:hover::after {
	transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
	}

.global_nav ul li {
    height: 2rem;
    padding-right: 14px;
}

.A {
    font-size: 16pt;
	font-weight: bold;
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    float: left;
}

.A a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #000000;
	bottom: 2px;               /*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s; /*変形の時間*/
	}
	
.A a:hover::after {
	transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
	}

.D {
    font-size: 1 rem;
	font-weight: normal;
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    float: left;
	margin-bottom: 2rem;
}

.D a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #000000;
	bottom: -2px;               /*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.3s; /*変形の時間*/
	}
	
.D a:hover::after {
	transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
	}

a {
	position: relative;
	text-decoration: none;
	display: inline-block;
	color: #000000; /* 今回は#000000を指定していますが、好きな色を指定できます */
  }
  
a:hover{
	color:yellowgreen;
	font-weight :bold;
  }

.E {
	width:60%;
	font-weight: bold;
	line-height: 150%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;

}

h1 {
    color:#866060;
    font-weight: bold;
    text-align: center;
}

address {
    margin-left: 10%;
}

table {
  border-collapse: collapse; /* セルの境界線を共有 */
  font-size: 16pt;
  line-height: 150%;
  margin-left: auto;
  margin-right: auto;
}

tr {
  border: 2px solid black;  /* 表の罫線(=セルの枠線) */
  padding: 0.1em 1em;       /* セル内側の余白量 */
}

td {
  border: 2px solid black;  /* 表の罫線(=セルの枠線) */
  padding: 0.1em 1em;       /* セル内側の余白量 */
}

p {
	font-size:1rem;
	font-weight:bold;
}

.footer{
	font-style:italic;
	margin-left:17%;
	height:3rem;
}

.container{
  height: 70%;
  width: 55%;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (orientation: portrait) {
.container{
  height: 30%;
  width: 90%;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
}

.image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-size: cover;
  background-position: center;
  animation: image-switch-animation 20s infinite;
}

.src1 {
  background-image: url(https://horology.sakura.ne.jp/GM/E2.jpg);
}
.src2 {
  background-image: url(https://horology.sakura.ne.jp/GM/E3.jpg);
}

.image:nth-of-type(1) {
  animation-delay: 0s;
}
.image:nth-of-type(2) {
  animation-delay: 10s;
}

@keyframes image-switch-animation {
  0%{ opacity: 0;}
  50%{ opacity: 1;}
}