.title {
     margin-top: -10px;
     font-size: 25px;
     text-align: center;
 }

 .photog {
     width: 1000px;
     margin: 0 auto;
 }

 .photogT {
     width: 460px;
     margin: 15px auto;
     padding: 10px;
 }

 @media(max-width: 1000px) {
     .photog {
         width: 100%;
     }
 }

 @media(max-width: 767px) {
     .photogT {
         width: auto;
         padding: 5px;
     }
 }

 @media(min-width: 1000px) {
     .photog {
         display: flex;
     }

 }

 .meiking {
     min-width: 800px;
     height: 500px;
     margin: 0 auto;
 }

 .video {
     position: relative;
     height: 0;
     padding: 30px 0 50%;
     overflow: hidden;

 }

 .video iframe {
     position: absolute;
     width: 100%;
     height: 100%;
 }

 .videoA {
     max-width: 1000px;
     margin: 0 auto;
     margin-bottom: 50px;
 }

 .post .container {
     margin-top: 60px;
     padding: 30px 10px;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
 }

 .nohero header {
     border-bottom: solid 1px #ddd;

 }

 .post img {
     max-width: 100%;
     text-align: center;
 }

 .post .tate {
     max-width: 70%;
     display: block;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     margin: auto;
 }

 span {
     display: inline-block;
 }

 @media(max-width: 786px) {
     .post .container h1 {
         text-align: center;
     }
 }

 .bread ol {
     display: flex;
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .bread a {
     display: block;
     padding: 5px;
     color: inherit;
     font-size: 12px;
     text-decoration: none;
 }

 .kkk a {
     font-size: 12px;
     text-decoration: none;
 }

 .bread a::after {
     margin-left: 10px;

 }

 .bread a:hover {
     background-color: rgba(0, 0, 0, 0.3);
 }

 h1 {
     text-align: center;
 }

 .hero {
     position: relative;
 }

 /* video */

 .video-box {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100vh;
 }

 .video2 {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }

 /* overlay */

 .overlay::after {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 100%;
     content: "";
     background: rgba(0, 0, 0, 0.1);
 }

 /* text */

 .text-box {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 100%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
     color: #fff;

 }

.maintitle{
    font-size: 10vw;
}

@media(min-width: 768px) {
    .maintitle{
        font-size: 6vw;
    }

}