/*
Theme Name:  lightning_child
Theme URI:14.12.1
Template:  lightning
Description:
Author: uotani
*/

.UO11 {
  border: solid 1px red;
}

/*メニューな左右入れ替え*/
.container {
  display: flex;
}
.sub-section {
  order: 1;
  min-height: 300px;
}
.main-section {
  order: 2;
}
/*大きさ、幅の変更*/
#main {
  width: 70%;
}
#nav_menu-8 {
  width: 30%;
}

/*左のメニュー*/
#nav_menu-8 ul {
  height: 60px;
  width: 160px;
}
#nav_menu-8 ul li {
  display: flex;
  padding: 0 25px;
  margin: 5px;
  border: solid 1px black;
  width: 160px;
  height: 80px;
}
#nav_menu-8 ul li:nth-of-type(1) {
  background-image: url("https://uotani.fs-designs.com/wp-content/uploads/2021/11/01.png");
  background-repeat: no-repeat; /* 画像の繰り返しを指定  */
  background-position: left center; /* 画像の表示位置を指定  */
  background-size: contain; /* 画像のサイズを指定    */
  width: 100%; /* 横幅のサイズを指定    */
  height: 38px;
  background-repeat: none;
}
#nav_menu-8 ul li:nth-of-type(2) {
  background-image: url("http://uotani.fs-designs.com/wp-content/uploads/2021/11/03.png");
  background-repeat: no-repeat; /* 画像の繰り返しを指定  */
  background-position: left center; /* 画像の表示位置を指定  */
  background-size: contain; /* 画像のサイズを指定    */
  width: 100%; /* 横幅のサイズを指定    */
  height: 38px;
  background-repeat: none;
}
#nav_menu-8 ul li:nth-of-type(3) {
  background-image: url("http://uotani.fs-designs.com/wp-content/uploads/2021/11/02.png");
  background-repeat: no-repeat; /* 画像の繰り返しを指定  */
  background-position: left center; /* 画像の表示位置を指定  */
  background-size: contain; /* 画像のサイズを指定    */
  width: 100%; /* 横幅のサイズを指定    */
  height: 38px;
  background-repeat: none;
}

.company-about {
  border: solid 1px black;
  background: #333;
  font-size: 15px;
}
.company-about::before {
  font-size: 0.8em;
  content: "■";
  color: blue;
}
.wp-block-table {
  width: 80%;
}
.page-header-UO {
  text-align: center;
}
.page-header-UO img {
  text-align: center; /* 画像の表示位置を指定  */
  background-size: contain; /* 画像のサイズを指定    */
  width: 70%; /* 横幅のサイズを指定    */
  height: 300px;
  background-repeat: none;
}

.front-page-uo img {
  background-size: contain; /* 画像のサイズを指定    */
  width: 70%; /* 横幅のサイズを指定    */
  height: 300px;
  background-repeat: none;
  margin: auto;
  display: block;
}

.UO_title::before {
  content: "■";
  font-size: 0.7em;
  left: -2.6em;
  bottom: -0.5em;
  color: #f06292;
  padding: 0 0 0 7px;
}
.UO_title {
  border: solid 1px black;
  background-color: cornsilk;
  width: 90%;
  font-weight: lighter;
}

/******************フッター全体の設定*/
.site-footer {
  background-color: royalblue;
  height: 170px;
}

.site-footer-content {
  height: 100px;
  padding: 20px;
}
/********リストの設定*/
.footer-UO {
  min-width: 900px;
  text-align: center;
}

.footer-UO ul {
  list-style: none;
  min-width: 900px;
  position: absolute;
  left: 50px;
}

.site-footer ul li {
  display: inline-block;
  list-style: none;
}
.site-footer ul li:nth-of-type(1) {
  width: 60px;
  position: absolute;
  left: 120px;
}
.site-footer ul li:nth-of-type(2) {
  width: 150px;
}
.site-footer ul li:nth-of-type(4) {
  padding: 10px;
}
.site-footer ul li:nth-of-type(5) {
  padding: 10px;
}
.site-footer ul li:nth-of-type(6) {
  padding: 10px;
}
.site-footer ul li:nth-of-type(7) {
  padding: 10px;
}

/*site-footer-copyrightの位置調整*/
.site-footer-copyright {
  position: absolute;
  left: 550px;
}
.UO1 {
  width: 33px;
  height: 42px;
}
.UO2 {
  width: 160px;
  height: 40px;
}