body {
  font-weight:bold;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", system-ui;
  font-size: 0.9em;
}

.fs_small{
  font-size: 0.8em;
}
.fs_small2{
  font-size: 0.68em;
}

.red{
  color:#ff3300;
}

.header_box {
  color:#FFF;
  background: #44546A;
  padding:4px;
  margin-bottom:10px;
}

.header_box2 {
  color:#FFF;
  background: #404040;
  padding:4px;
  margin-bottom:30px;
  margin-top:30px;
}

.tate {
  height: 100%;
  object-fit: cover; /* 画像の縦横比を保ちつつ、余白なくコンテナに収める */
}
.yoko {
  width: 100%; /* 横長の画像の場合、幅を100%に設定 */
  object-fit: contain; /* 画像全体が見えるように調整しつつ、縦横比を保持 */
}
.img_box1_4{
  border:1px solid #000;
  width:140px;
  height:140px;
  overflow: hidden;
}
.img_box_b{
  border:1px solid #000;
  background-color:#fff;
  height:300px;
  width:300px;
}

.step3_img_box{
  border:1px solid #000;
  width:120px;
  height:120px;
  overflow: hidden;
}

.img_box1_4 p,.img_box1_4 a,.img_box_b p,.img_box_b a,.step3_img_box p,.step3_img_box a{
  display: flex; /* Flex container for the link to center the image */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  height: 100%; /* Full height of the container */
  width: 100%; /* Full width of the container */
}

.image_list_area1{
  border:1px solid #000;
  background-color:#fff;
  width:625px;
  height:180px;
}

.calcbox1 {
  background: #DDEBF7;
  border-top:0px solid #000;
  border-right:0px solid #000;
  border-left:0px solid #000;
  border-bottom:1px solid #000;
  font-size: 0.8em;
  font-weight:bold;
}
.calcbox2 {
  background: #F2F2F2;
  border-top:0px solid #000;
  border-right:0px solid #000;
  border-left:0px solid #000;
  border-bottom:1px solid #000;
  font-size: 0.8em;
  font-weight:bold;
}

.textbox1 {
  background: #DDEBF7;
  border:1px solid #000;
}
.textbox2 {
  width:150px;
  height:24px;
  background: #F2F2F2;
  border-top:0px solid #000;
  border-right:0px solid #000;
  border-left:0px solid #000;
  border-bottom:1px solid #000;
}

.textbox3_1 {
  width:210px;
  height:24px;
  background: #fff;
  border:1px solid #000;
}

.textbox3_2 {
  width:210px;
  height:24px;
  background: #fff;
  border-top:0px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
  border-bottom:1px solid #000;
}

.textbox3_3 {
  width:210px;
  height:24px;
  background: #fff;
  border-top:0px solid #000;
  border-right:0px solid #000;
  border-left:0px solid #000;
  border-bottom:1px solid #000;
}

.textbox4 {
  width:510px;
  height:24px;
  background: #fff;
  border-top:0px solid #000;
  border-right:0px solid #000;
  border-left:0px solid #000;
  border-bottom:1px solid #000;
}

.ticketbox{
  background: #fff;
  border:1px solid #000;
  width:80px;
}

.btn1 {
  font-weight:bold;
  background: #2A4B86;
  color:#FFF;
}
.btn1:hover {
  font-weight:bold;
  background: #3B6BBD;
  color:#FFF;
}
.btn2 {
  font-weight:bold;
  background: #777;
  color:#FFF;
}
.btn2:hover {
  font-weight:bold;
  background: #aaa;
  color:#FFF;
}
.btn3 {
  font-weight:bold;
  background: #ED7D31;
  color:#FFF;
}
.btn3:hover {
  font-weight:bold;
  background: #FF9900;
  color:#FFF;
}