@charset "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ページレイアウト　＝＝＝＝＝＝＝＝＝＝＝＝＝ */


body{
      background-color: #FFF;
      background-size: cover;
      background-attachment: fixed;
      background-position: center;
   }

Wrapper {
		margin: 0;
		padding: 0;
		word-wrap:break-word;
		overflow-wrap:break-word;

}

header{
	width:100%;
	background-color :#000;
}



footer {
     width:100%;
	background-color :#000;
	bottom:0;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.second-logo {
	padding:3px;
	background-color : #000;
	display:inline;
	text-align:center;
}

@media screen and (min-width: 768px) {
.second-logo {
	display:none;
	}
}


.logo {
	position:absolute;
	top: 130px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:160px;
}

.address {
	margin: 1em;
	padding:5px;
	width:320px;
}
.address p {
	color: #FFF;
	font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */
	text-align: justify;
	font-size: 15px;
	font-weight:500;
	border:1px double #FFF;
}

@media screen and (max-width: 768px) {
.logo, .address {
	display:none;
	}
}
	


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ナビゲーション　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.toggleMenu2 {
	display:none;
	position:absolute;
	top:-100px;
    padding: 4px;
    color: #fff;
	border:1px double #FFF;
    background: #000;
}
.nav2 {
	position:absolute;
	width:400px;
 top:120px;
   right:0px;
   bottom:0px;
   margin:auto auto;
    list-style: none;
     *zoom: 1;
}
.nav2:before,
.nav2:after {
    content: " "; 
    display: table; 
}
.nav2:after {
    clear: both;
}

.nav2 ul {
    list-style: none;
    width: 17em;/*階層の長さ*/
}

.nav2 a {
    padding: 10px 20px;
    color:#fff;
	text-decoration: none;
	outline: none;
    z-index: 2;
}
.nav2 a:visited {
	text-decoration: none;
}

.nav2 a:hover {
    padding: 10px 20px;
    color:red;
    text-decoration: none;
}

.nav2 li {
    position: relative;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-lr;
	font-size:18px;
	top:-110px;
}
.nav2 > li {
    float: left;
}
.nav2 > li > a {
    display: block;
    font-size: 22px;
    font-family: "游明朝", "ＭＳ 明朝", serif;
}
.nav2 li ul {
    position: absolute;
    left: -9999px;
}
.nav2 > li.hover > ul {
    left: 0;
}
.nav2 li li.hover ul {
    left: 100%;
    top: 0;

}
.nav2 li li a {
    display: block;
    position: relative;
    z-index:100;
    font-size: 100%;
}

@media screen and (max-width: 768px) {
.nav2 {
	width:100%;
	margin:0;
	padding:0;
	left:0;
	right:0;
	top:0;
}

.nav2 > li {
    float: left;
    border-top: 1px solid #666666;
	background-color:#000;
	writing-mode: horizontal-tb;
	font-size:12px;
	top:0px;
}
.nav2 a:hover {
    padding: 10px 20px;
    color:#fff;
    text-decoration: none;
background:#ddd;
}
    .active {
        display: block;
    }
    .nav2 > li {
        float: none;
    }
    .nav2 > li > .parent {
        background-position: 95% 50%;
    }
    .nav2 li li .parent {
        background-image: url("../image/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav2 ul {
        display: block;
        width: 100%;
    z-index: -1;
    }
   .nav2 > li.hover > ul , .nav li li.hover ul {
        position: static;
    z-index: 1;
    }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　main　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.main-title {
	margin-top:10px;
	width:114px;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　footer　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

* {
  box-sizing: border-box;
}

section {
  width: 100%;
  padding: 0;
  display: table;
  margin: 0;
  max-width: none;
  background-color: #000;
  height: 100vh;
}

.shita {
	background-color: #ddd;
	height:10%;
}
.top2 {
  background-color: #F2EDD1;
}



.bn_jusan {
position: absolute;
 left: 5px;
 bottom: 5px;
}

.intro {
  height: 95vh;
  overflow: scroll;
}

@media screen and (max-width: 500px) {
.intro {
  height: 430px;
}
}
.content {
  display: table-cell;
	padding:30px 0 0 10px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　facebook　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 499px) {
  .fb-page-parent > .fb-page {
    width: 100%;
  }
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　bn　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.bn_wedding {
	max-width:250px;
	margin-bottom:30px;
	margin-right:auto;
	margin-left:auto;
}
.bn_wedding a:focus, *:focus {
	outline:none;
}
@media screen and (max-width: 499px) {
  .bn_wedding {
	max-width:100%;
	margin-bottom:30px;
	margin-right:auto;
	margin-left:auto;
 }
}