/* CSS Document */

.show-container {
    position: relative;
    line-height: 1.7;
    font-size: 14px;
}

.show-container a {
    color: #00aab5;
    text-decoration: none;
    transition: .3s;
}

.show-container a:hover {
    opacity: 0.6;
}

/* header
--------------------------------------------------------------------- */

.show-container header {
    height: 200px;
    background: url(../img/header.jpg) #8e1faa top center no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* menu
--------------------------------------------------------------------- */

.show-container nav {
  background-color: #8e1faa;
  padding: 12px;
}

.show-container nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 16px;
  max-width: 640px;
  margin: 0 auto;
}

.show-container nav a {
    display: block;
    line-height: 1.8;
    padding: 0 4px;
    font-size: 15px;
    font-weight: bold;
    color: #efefef;
}

.show-container nav a:hover {
    color: #d2fcff;
}

/* main
--------------------------------------------------------------------- */
.show-container main {
  padding: 32px;
  background: url(../img/bg.jpg);
  background-size: cover;
  min-height: 600px;
}

/* top
--------------------------------------------------------------------- */
.show-container .top {
  border-radius: 10px;
  background: #ffffff;
  margin: 0 auto;
  width: 680px;
  overflow: hidden;
  padding: 24px;
}

.show-container .top h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 62px;
  line-height: 1.3;
  border-bottom: 1px #d9d9d9 dashed;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  color:#8e1faa;
}

.show-container .top h2 span {
    color: #747474;
    font-size: 16px;
	text-shadow: none;
	font-weight: normal;
	margin-left: 20px;
}

.show-container .top img {
  max-width: 100%;
  height: auto;
}

/* submenu
--------------------------------------------------------------------- */
.show-container .submenu {
    text-align: right;
    padding: 16px;
}

.show-container .submenu a {
    color: #8e1faa;
	font-weight: bold;
}


/* photo
--------------------------------------------------------------------- */

.show-container .box-photo {
  border-radius: 10px;
  background: #fff;
  margin: 0 auto;
  padding: 10px;
  width: 666px;
}

.show-container .box-photo h1 {
	font-size: 20px;
	font-weight: bold;
  line-height: 2;
}

.show-container .list-photo {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.show-container .list-photo li {
	width: 126px;
	height: 126px;
	overflow: hidden;
}

.show-container .box-photo li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}