@charset "UTF-8";
/* CSS Document */

html {
	scroll-behavior: smooth;
}

body{
	background-color:#edd6b9;
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

body, html {
   overflow-x: hidden;
}

a.none:link {
	color: #000000;
}

a.none:visited {
	color: #000000;
}

a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
	
	/* col-xs- 767px 以下 */
	@media screen
    	and (max-width: 767px) {
		
		display: block;
    padding-top: 50px;
    margin-top: -50px;
	}
}

hr{
height: 1px;
background-color: #4D2500;
border: none;
}

 .navbar-inverse .navbar-toggle .icon-bar {
    background-color:gray !important;
  }

.navbar-inverse .navbar-toggle {
    border-color: gray !important;
  }

.navbar-brand {
    font-size: 20px!important;
}

.navbar-brand img{
    width: 180px;
    margin-top: -3px;
	text-shadow: ;
}

.hr{
	margin-bottom: 30px;
}

.bg{
    background-image: url(../img/bg_paper.jpg);
    background-repeat: repeat;
    background-size: 100% auto;
}



.container{
	z-index: 2; /* 背景より上に重ねる */
}

.center{
    text-align: center;
    letter-spacing: 5px;
}

.center2{
    text-align: center;
}

.ddtitle{
	margin-top:50px;
	margin-bottom:25px;
	width: 100%;
}

.ddtitle2{
	margin-top:50px;
	margin-bottom:25px;
	width: 100%;
	margin-left:  auto; 
	margin-right:  auto; 
	
	/* col-xs- 767px 以下 */
	@media screen
    	and (max-width: 767px) {
		
		width: 100%;
	}
	
	/* col-lg- 1200px 以上 */
	@media screen
    	and (min-width: 1200px) {
	
		width: 75%;
		padding-left: auto;
		padding-right: auto;
		margin-left:  auto; 
		margin-right:  auto; 

	}
}

.title2{
	width: 60%;
	margin-left:  auto; 
	margin-right:  auto; 
	margin-top: 25px;
	margin-top: 50px;
	margin-bottom: 20px;
	
	/* col-xs- 767px 以下 */
	@media screen
    	and (max-width: 767px) {
		
		width: 100%;
		margin-left:  auto; 
		margin-right:  auto; 
		margin-top: 25px;
		margin-top: 50px;
		margin-bottom: 10px;
	}
	
	/* col-md- 992px 以下 */
	@media screen
    	and (max-width: 991px) {
		
		width: 100%;
		margin-left:  auto; 
		margin-right:  auto; 
		margin-top: 25px;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	
	/* col-lg- 1200px 以上 */
	@media screen
    	and (min-width: 1200px) {
		
		width: 50%;
		margin-left:  auto; 
		margin-right:  auto; 
		margin-top: 25px;
		margin-top: 50px;
		margin-bottom: 20px;
	}
}


.titleimage{
	width: 70%;
	margin-left:  auto; 
	margin-right:  auto; 
	margin-top: 50px;
	margin-bottom: 50px;
}

.sumb{
	padding: 10px;
	text-align:center;
	font-size: 20px;
}

.sumbtitle{
	text-align:center;
	font-size: 26px;
	margin-bottom: 25px;
}

.gallerytitle{
	text-align:center;
	font-size: 32px;
	margin-bottom: 25px;
}

.gallery_txt{
	
/* col-md- 991px以下 */
	@media screen
    	and (max-width: 991px) {
    margin-bottom: 10px;			
	}
	
}

.blk{
	width: 60%;
	margin-left:  auto; 
	margin-right:  auto;
	margin-bottom: 100px;
	
		/* col-md- 991px以下 */
		@media screen
    		and (max-width: 991px) {
				width: 100%;
	}
}

.passenger{
    margin-bottom: 25px;
    border-radius: 15px;

}

.12signs{

}

.signblk{
	margin-bottom: 25px;
	
	/* col-md- 991px以上 */
		@media screen
    		and (min-width: 991px) {
				width: 50%;
				margin-left: auto; 
				margin-right: auto;
	}
}



.textblk{
    margin-bottom: 100px;
    font-size: 18px;
	line-height: 1.9em;
	/* col-md- 991px以下 */
		@media screen
    		and (max-width: 991px) {
				width: 100%;
				line-height: 1.8em;
	}
}

.textblkread{
	margin-bottom: 50px;
	font-size: 18px;
	line-height: 1.9em;
	
	/* col-md- 991px以下 */
		@media screen
    		and (max-width: 991px) {
				width: 100%;
				line-height: 1.8em;
	}
}



.info{
	margin-bottom: 20px;
}

.infotxt{
	font-size: 14px;
}

.infotxttitle{
	font-size: 22px;
}

.mask{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}


.ad{
	margin-top: 40px;
	margin-bottom: 50px;
}

.ad_btm{
    margin-bottom: 15px;	
}

.container2{
	width: 70%;
}

.mb25{
	margin-bottom: 25px;
}

.mt25{
	margin-top: 25px;
}

.about_title{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 50px;
}

.x-small{
	font-size: 16px;
}

.gallery_title{
	text-align:center;
	font-size: 30px;
	margin-bottom: 25px;
}

.gallery_comment{
	margin-bottom: 25px;
	font-size: 18px;	
}

.gallery_signs{
	margin-bottom: 50px;
}

.gallery_signs_oracle{
	margin-bottom: 25px;
	font-size: 16px;
	font-style: italic;
	text-align: center;
}

.parallax-section {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
            background-color: #000;
            z-index: 1;
        }
        
        .parallax-bg {
    position: absolute;
    left: -115px;
    width: 200%;
    height: 100%;
    background-image: url('../img/pararax3.jpg');
    background-size: cover;
    background-position: center center; /* 縦中央固定（スクロール追従ゼロ） */
    background-repeat: no-repeat;
    z-index: 0;
    top: auto;
        }

.navbar-inverse{
    background-color: rgba(213,200,209,0.90);
    -webkit-box-shadow: 0px 5px 30px rgba(34,29,64,0.36);
    box-shadow: 0px 5px 30px rgba(34,29,64,0.36);
    border-style: none;
    background-size: 100% auto;
}

.nav-icon{
	width: 25px;
}

.x{
	margin-top: 50px;
	margin-bottom: 50px;
}

.social{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;	
}

.sclbtns{
    margin-left: 5px;
    margin-right: 5px;
}

.lucky{
    line-height: 140%;
}