/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}

body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img{
    width:100vw;
}
*{
    margin: 0;
    padding:0;
}


body{
    background-color: #DCC1BA;
    color: ghostwhite;
}
#wrapper{
    width:100%;
    overflow-x: hidden;
    box-sizing: border-box;
}
.neojyoshikai_head{
    width:100%;
}

.four{
    margin-top: -10vw;
    margin-left:9vw;
    
}
h2{
    position:relative;
    top:198vw;
    line-height:7vw;
}
.blue{
    display: inline-block;
}

.blue img{
    width: 40vw;
}

.jyoshikai_maru{
    margin-top:-174vw;
}

.guest_ribon{
    width:185vw;
    left:5vw;
    margin-left:-62vw;
    margin-top:-4vw;
}

.furukawa_img{
    position:relative;
    top:-132vw;
    margin-left:3vw;
    width:105vw;
}

.furukawamoji{
    position:relative;
    bottom:156vw;
    left:2vw;
    line-height:6vw;
}
.batu{
    width:10%;
    position:relative;
    top:-150vw;
    left:42vw;
}

.inagaki_img{
    margin-left:-24vw;
    position:relative;
    top:-224vw;
    width:184vw;
}
.inagakimoji{
    
    position:relative;
    bottom:294vw;
    padding-left:52vw;
    line-height:8vw;
}
.interview{
    margin-top: -200vw;
}
.interview2{
    position:relative;
    top:-83vw;
}

.shitumonn_one{
    width:10%;
    margin-left:-65vw;
    position:relative;
    top:-115vw;
}
.brown_one {
   width: 10%; 
   float:left;
    position:relative;
    bottom:207vw;
}
.q1{
    position:relative;
    bottom:200vw;
    padding-left:13vw;
}
.white_one{
    width:10%;
    float:left;
    position:relative;
    bottom:230vw;
}
.a1{
    position:relative;
    bottom:193vw;
    padding-left:13vw;
    line-height:5vw;
}
.brown_two{
    width:10%;
    margin-left:-10vw;
    position:relative;
    bottom:192vw;
}
.q2{
    position:relative;
    bottom:185vw;
    padding-left:13vw;
}
.white_two{
    width:10%;
    float:left;
    position:relative;
    bottom:212vw;
}
.a2{
    position:relative;
    bottom:192vw;
    padding-left:14vw;
    line-height:5vw;
}
.brown_three{
    width:10%;
    margin-left:-10vw;
    position:relative;
    bottom:196vw;
}
.q3{
    position:relative;
    bottom:186vw;
    padding-left:13vw;
}
.white_three{
    width:10%;
    float: left;
    position:relative;
    bottom:223vw;
}
.a3{
    position:relative;
    bottom:186vw;
    padding-left:14vw;
    line-height:5vw;
}

.brown_four{
    width:10%;
    margin-left:-10vw;
    position:relative;
    bottom:186vw;
}
.q4{
    position:relative;
    bottom:179vw;
    padding-left:14vw;
}
.white_four{
    width:10%;
    float:left;
    position:relative;
    bottom:227vw;
}
.a4{
    position:relative;
    bottom:185vw;
    padding-left:14vw;
    line-height:5vw;
}
.brown_five{
    width:10%;
    margin-left:-10vw;
    position:relative;
    bottom:185vw;
}
.q5{
    position:relative;
    bottom:179vw;
    padding-left:14vw;
}
.white_five{
    width:10%;
    float:left;
    position:relative;
    bottom:190vw;
}
.a5{
    position:relative;
    bottom:182vw;
    padding-left:14vw;
    line-height:5vw;
}
.webcm2{
    margin-top:-174vw;

}
h1{
    font-weight:bold;
    font-size:1.5rem;
    color:#ffffff;
    text-align: center;
    position:relative;
    top:-160vw;
  }
.webcmblue{
    margin-left: 2vw;
    position:relative;
    top:-118vw;
}
video{
    width:300px;
    height:auto;
    position:relative;
    bottom:116vw;
    right:-12vw;
}
.otherevent_rebon{
    margin-top:-114vw;
}

.invitation_one{
    width:40%;
    margin-left: 9vw;
    position:relative;
    top:-120vw;
    
}

.invitation_two{
    width:40%;
    margin-right: 1vw;
    position:relative;
    top:-120vw
    
}

.invitation_three{
    width:40vw;
    margin-left: 10vw;
    position:relative;
    top:-119vw;
}

.migishita{
    width:36%;
    position:relative;
    top:-167vw;
    margin-left: 52vw;
}
header {
    padding:10px;
    background: #544C46;
  }
  
  #nav-drawer {
    position: relative;
  }
  
  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display:none;
  }
  
  /*アイコンのスペース*/
  #nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
  }
  
  /*ハンバーガーの形をCSSで表現*/
  #nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #ffffff;
    display: block;
    content: '';
    cursor: pointer;
  }
  #nav-open span:before {
    bottom: -8px;
  }
  #nav-open span:after {
    bottom: -16px;
  }
  
  /*閉じる用の薄黒箇所*/
  #nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #106A8F;
    opacity: 0;
    transition: .3s ease-in-out;
  }
  
  /*メニューの中身*/
  #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 90%;
    max-width: 298px;/*最大幅（お好みで調整を）*/
    height: 100%;
    background: #106A8F;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
  }
  .moji10{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color:#ffffff;
    line-height:19vw;
  }
  .header10{
      font-weight:bold;
      color:#090446;
      line-height:18vw;
  }
  /*チェックがついたら表示させる*/
  #nav-input:checked ~ #nav-close {
    display: block;
    opacity: .5;
  }
  
  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
  }
  
  .header-logo-menu{
   text-align: center;
   display: flex;
   display: -moz-flex;
   display: -o-flex;
   display: -webkit-flex;
   display: -ms-flex;
   flex-direction: row;
   -moz-flex-direction: row;
   -o-flex-direction: row;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
  }
  
  /*ロゴやサイトタイトルをセンタリング*/
  .logo-area{
      margin-left:37vw;
      
    }

/*.wing{
    text-align: center;
    margin-top: -10vw;
    
}
.date{
    position: relative;
    top:-10vw;
    left:0vw;
}

.about{
    position:relative;
    top:-43vw;
    left:-5vw;
}
.guest{
    position:relative;
    top:-48vw;
    right:-6vw;
}
.interview{
    position:relative;
    top:-49vw;
    left:-5vw;
}
.webcm{
    position:relative;
    top:-54vw;
    right:-6vw;
}

.people{
    position:relative;
    top:-56vw;
    left:-4vw;
}
.aboutevent{
    position:relative;
    top:-58vw;
}
.jyoshikai{
    position:relative;
    top:-92vw;

}
.seconddown{
    position:relative;
    top:-126vw;
}
.third{
    position:relative;
    top:-127vw;
}

.guest2{
    position:relative;
    top:-173vw;
}
.hurukawa{
    position:relative;
    top:-203vw;
    left:-5vw;
}
.people2{
    position:relative;
    top:-217vw;
}
.batu{
    position:relative;
    top:-236vw;
}
.inagaki{
    position:relative;
    top:-233vw;
    right:-6vw;
}
.fourth{
    position:relative;
    top:-227vw
}
.interview2{
    position:relative;
    top:-273vw;
}
.brown1{
    position:relative;
    top:-302vw;
    left:-8vw;
}
.white1{
    position:relative;
    top:-297vw;
    left:-8vw;
}
.brown2{
    position:relative;
    top:-292vw;
    left:-8vw;
}
.white2{
    position:relative;
    top:-286vw;
    left:-8vw;
}
.brown3{
    position:relative;
    top:-280vw;
    left:-8vw;
}
.white3{
    position:relative;
    top:-273vw;
    left:-8vw
}
.webcm2{
    position:relative;
    top:-280vw;
}
.webcmblue{
    position:relative;
    top:-310vw;
}
.otherevent{
    position:relative;
    top:-313vw;
}
.invitation1{
    position:relative;
    top:-344vw;
    left:-6vw;
}
.invitation2{
    position:relative;
    top:-359vw;
    right:-6vw;
}
.invitation3{
    position:relative;
    top:-358vw;
    left:-6vw;
}
.migishita{
    position:relative;
    top:-371vw;
    right:-6vw;
}
.fourthdown{
    position:relative;
    top:-409vw;
}:*/