@charset "utf-8";
/* CSS Document */
body{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    background-color: #000;
    margin: 0px;
    color: #FFF;
}
.mincho{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;}
body, input, select, textarea {
	font-size: 13pt;
	font-weight: 400;
	line-height: 2em;
	}
.kaigyou { display: inline-block;}
h2 {
	font-size: 2em;
	line-height: 1.5em;
	text-align: center;
	color: #c0b885;
	margin-top: 20px;
	}
	@media screen and (max-width: 640px) {
		body, input, select, textarea {
	font-size: 12pt;
	}
h2 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-top: 20px;
	}	
	}

.align_r { text-align: right; }
.align_c { text-align: center; }
.align_l { text-align: left; }

a{
	color: #CCC;
	text-decoration: underline;
}	
 a:hover{
	color: #996;
}

a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
/*img {
   max-width: 100%;  /* 横幅に合わせて自動で拡大縮小する 
} */

img {
	height: auto;
	max-width: 100%;
}

.red{
	color: #F00;
}
.txt-c-white{
	color: #fff;
}
.mini-midashi{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 18px;
	text-align: center;
	width: 100%;
	color: #996;
	margin-top: 0px;
} 

.mini-midashi:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 80px;
	height: 3px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #996;
	border-radius: 2px;
}
.space{
	margin-top: 50px;
}
.more a{
	display: block;
	text-decoration: none;
	color: #CCCCCC;
	border: solid 1px #ccc;
	border-radius: 3px;
	transition: .4s;
	text-align: center;
	width: 500px;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.7em;
	padding-right: 1em;
	padding-bottom: 0.7em;
	padding-left: 1em;
	margin-top: 50px;
	line-height: 120%;
}
.more a:hover {
	color: white;
	background-color: #333;
}

.red-btn a{
    display: block;
    text-decoration: none;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    width: 1000px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1.5em;
    padding-right: 1em;
    padding-bottom: 1.5em;
    padding-left: 1em;
    margin-top: 50px;
    background-image: url(../../images/bana0bg.jpg);
    font-size: 18px;
}
.red-btn a:hover {
    color: #CDCDCD;
	border: solid 1px #CDCDCD;
}


.not-btn{
	display: block;
	text-decoration: none;
	color: #CCCCCC;
	border: solid 1px #ccc;
	border-radius: 3px;
	transition: .4s;
	text-align: center;
	width: 500px;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.7em;
	padding-right: 1em;
	padding-bottom: 0.7em;
	padding-left: 1em;
	margin-top: 15px;
	line-height: 120%;
	background-color: #666;
	}
.more2 a{
	display: block;
	text-decoration: none;
	color: #CCCCCC;
	border: solid 1px #ccc;
	border-radius: 3px;
	transition: .4s;
	text-align: center;
	width: 500px;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.7em;
	padding-right: 1em;
	padding-bottom: 0.7em;
	padding-left: 1em;
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 130%;
}
.more2 a:hover {
	color: white;
	background-color: #333;
}


 
/* header */
#top-head {
	top: -100px;
	position: absolute;
	width: 100%;
	line-height: 1;
	z-index: 999;

	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}

#top-head .logo {
    float: left;
    font-size: 36px;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
}
#global-nav ul li {
    float: left;
}
#global-nav ul li a {
    padding: 0 10px;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 10px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}


	#mainimage {
		padding: 8em 0 6em 0;
		background-attachment: fixed;
		background-image: url("../../images/banner.jpg");
		background-size: cover;
		text-align: center;
	}
		@media screen and (max-width: 480px) {

		#mainimage {
		padding: 5em 0 6em 0;
			background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	height: auto;
	position: relative;
	background-attachment: fixed;
		background-image: url("../../images/banner-sp.jpg");
		text-align: center;
	}
		}
	
	@media screen and (max-width: 640px) {
    
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
				#top-head a,
#top-head {
    color: #000;
    text-decoration: none;
}
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 10px;
        color: #333;
        font-size: 22px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
	list-style: none;
	position: static;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 15px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
}



/* Image Grid */

	.image-grid {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
	width: 90%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	}

		.image-grid .image {
			margin: 0;
			width: 25%;
		}

			.image-grid .image img {
				width: 100%;
			}

		@media screen and (max-width: 980px) {

			.image-grid {
				margin-bottom: 0em;
			}

				.image-grid .image {
					width: 50%;
				}

		}

		@media screen and (max-width: 480px) {

			.image-grid {
				margin-bottom: 0em;
			}

				.image-grid .image {
					width: 50%;
				}

		}

	header p {
	margin: 0 0 1.5em 0;
	position: relative;
	text-transform: uppercase;
	color: #c0b885;
	text-align: center;
	}






	

/* Wrapper */

	.wrapper {
	width: 900px;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	}
	.wrapper100 {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 50px;
	margin-top: 0px;
	}
	
@media screen and (max-width: 640px) {
.wrapper {
	margin-top: 50px;
	}	
}
.style2{
			background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	height: auto;
	position: relative;
	background-attachment: fixed;
	background-image:url("../../images/pic13.jpg");
}
.style3{
			background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	height: auto;
	position: relative;
	background-attachment: fixed;
	background-image:url("../../images/pic11.jpg");
}
.style4{
			background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	height: auto;
	position: relative;
	background-attachment: fixed;
	background-image:url("../../images/pic12.jpg");
}
		@media screen and (max-width: 480px) {
.style2{
	background-color: #1E2832;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	height: auto;
	position: relative;
	background-attachment: fixed;
	background-image: url("../../images/");
}
.style3{
	background-color: #1E2832;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	height: auto;
	position: relative;
	background-attachment: fixed;
	background-image: url("../../images/");
}
.style4{
	background-color: #1E2832;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	height: auto;
	position: relative;
	background-attachment: fixed;
	background-image: url("../../images/");
		border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #000;
}
		}


	
.table-wrapper{
	width: 90%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hidariyose{
	text-align: left !important;
}
	.migiyose{
	text-align: right !important;
}
	.nakayose{
	text-align: center !important;
}

	.nakayose img {
	max-width: 100%;
	height: auto;
}
.map-l {
	float: left;
	width: 48%;
}
.map-r {
	float: right;
	width: 48%;
	padding-top: 5px;
}
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.kodawari-all{
	width: 90%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	margin-top: 10px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
.kodawari-p{
		text-align: center;
}
.kodawari-t{
	margin-bottom: 20px;
	text-align: left;
	margin-top: 10px;
}

.pc{}

.sp{
	height: 0px;
	width: 0px;
	overflow: hidden;
}
.tel-pc {
}
 
.tel-mobile {
    display: none;
}

		@media screen and (max-width: 480px) {

.pc{	height: 0px;
	width: 0px;
	overflow: hidden;}

.sp{
	height: auto;
	width: auto;
	overflow: auto;
}
.tel-pc {
    display: none;
}
 
.tel-mobile {
	display: block;    
}
.info-title{
	font-weight: bold;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #283a4d;
}
.info-text{
	text-align: left;
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
			
#footer {
	background-color: #1E2832;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	}			
			
#footer-sushi {

	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	}

	
		}
		
		#footer2{
	font-size: 70%;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
address{
	color: #fff;
	letter-spacing: 5px;
	font-size: 10px;
	line-height: 110%;
	text-align: center;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.news{
	padding-top: 0px;
	padding-bottom: 15px;
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 10px;
}
.news th{
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #333;
	text-align: center;
}
.news td{
	line-height: 120%;
	text-align: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
}

.rireki{
	padding-top: 0px;
	padding-bottom: 15px;
	width: 90%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 10px;
}
.rireki tr{
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.rireki th{
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #333;
	text-align: center;
}
.rireki td{
	line-height: 120%;
	text-align: left;
	background-color: #232323;
}

.taberog-nonlink{
	width: 600px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CCC;
	text-decoration: none;
}
.taberog{
	width: 600px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.taberog a{
	font-size: 18px;
	color: #FFF;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CCC;
	text-decoration: none;
}
.taberog a:hover{
	background-color: #333;
}
.tel{
	text-align: center;
	margin-top: 30px;
}

.tel .big{
	font-size: 30px;
	overflow: hidden;
}
.hanacourse{
	width: 100%;
	margin-bottom: 30px;
}

.hanacourse .midashi{
	font-size: 25px;
	font-weight: bold;
	padding-left: 20px;
}
.hanacourse .text{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}


.image-grid2 {
	text-align: left;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
			}

.image-grid2 .image {
	width: 50%;
	float: left;
		}
.image-grid2 .image img {
	max-width: 100%;  /* 横幅に合わせて自動で拡大縮小する */
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.image-grid2 .image .in {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.image-grid2 .image .in .title {
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 10px;
}

@media screen and (max-width: 680px) {
	.image-grid2 {
	margin-top: 0px;
			}
	.image-grid2 .image {
	width: 100%;
	float: left;
	margin-top: 50px;
		}
	
}
#information{	margin-top: 50px;}
#concept{
	margin-top: 50px;
	margin-bottom: 50px;
}
#floor{margin-top: 50px;}
#one{margin-top: 50px;}

.minibtn{
	margin-bottom: 15px;
}

.minibtn a{
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 130px;
	font-size: 14px;
	text-align: center;
}
.minibtn a:hover{
	background-color: #999999;
}
.minibtn2{
	margin-bottom: 15px;
}

.minibtn2 a{
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	min-width: 130px;
	font-size: 16px;
	text-align: center;
}
.minibtn2 a:hover{
	background-color: #999999;
}
#kinkyuu{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	background-color: #FFF;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #C00;
	margin-top: 30px;
	line-height: 180%;
}



/* banquetmenu */

.bm-box{
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.bm-box img{
	max-width: 100%;
	height: auto;
}

.bm-box .title{
	font-size: 24px;
	text-align: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.bm-box .title .inner{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.bm-box .bg1{
	background-color: #483300;
		}
.bm-box .bg2{
	background-color: #510002;
		}
.bm-box .bg3{
	background-color: #282F4A;
		}
.bm-box .bg4{
		background-color: #333;
		}
.bm-box .bg5{
	background-color: #6D1B1B;
		}		
.bg-koshitu{
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #666;
	margin-bottom: 50px;

}
.red-box{
	background-color: #6D1B1B;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.red-box .inner{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}


.bg-koshitu .bm-box{padding-bottom: 0px;}


.bm-box .sabtitle{
	font-weight: bold;
	font-size: 16px;
	color: #c0b881;
}
.bm-box .nedan{
	font-size: 24px;
	margin-bottom: 20px;
}
.bm-box .zei{
	font-size: 14px;
}
.bm-box li{
	line-height: 120%;
	margin-bottom: 15px;
}


.reserv{
	text-align: center;
	float: right;
	
	
}
.reserv a{
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	background-color: #666;
	padding: 5px;
	margin-right: 20px;
	margin-top: -5px;
	margin-left: 10px;
	display: block;}
.reserv a:hover{
	background-color: #c0b881;
}

.info-boxtype{
	line-height: 180%;
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 50px;
}
.info-boxtype .table{
	display: table;
	width: 100%;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.info-boxtype .cells{
  display: table-cell;
  padding:0rem 0rem;
}
.info-boxtype .lavel{
	width: 30%;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	background-color: rgba(51,51,51,0.8);
}
.info-boxtype .box{
	width: 90%;
	max-width: 600px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	box-shadow : 0px 0px 3px silver;
	text-align: left;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 80px;
	margin-bottom: 30px;
}
.info-boxtype .text{
	margin-top: 10px;
	margin-left: 25px;
	margin-bottom: 10px;
	text-align: left;
}

@media screen and (max-width: 640px) {
body, input, select, textarea {
	font-size: 11pt;
}
	.reserv{
	text-align: center;
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
	.reserv a{
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	width: 90%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #CCC;
}
}


.archi{
	width: 100%;
	margin-top: 50px;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}
.archi .title{
	font-size: 20px;
}
.archi .box{
		margin-top: 10px;
	width: 100%;
	overflow: hidden;
}
.archi .photo{
	float: left;
	width: 45%;
	margin-bottom: 10px;
}
.archi .photo img{
	width: 100%;
	height: auto;
}
.archi .text{
	float: right;
	width: 50%;
	font-size: 14px;
	line-height: 180%;
}


@media screen and (max-width: 640px) {
.archi .photo{
	float: none;
	width: 100%;
	text-align: center;
}
.archi .text{
	float: none;
	width: 100%;
}	
	}
.archi .big{
	font-size: 40px;
	line-height: 45px;
}	
.archi .name{
	font-size: 25px;
}
.archi .mini{
	font-size: 12px;
	line-height: 120%;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 25px;
}	



.footer-menu{
	font-size: 12px;
	color: #FFF;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}	

/* --- サイトマップエリア --- */
ul.sitemap {
	width: 100%; /* サイトマップエリアの幅 */
	max-width: 500px;
	padding: 0;
	font-weight: bold; /* 一旦全ての文字を太字にする */
	list-style-type: none;
	font-size: 80%;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
line-height: 180%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 100%; /* セクションの幅 */
float: left;
}


/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
	margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
	padding: 1px 0 10px 15px; /* 2階層目の背景 上書き */
	border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(../../images/triangle5.gif) no-repeat 0 0.5em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

.english{
	font-size: 13px;
	color: #999;
	line-height: 150%;
}
.chui{
	width: 100%;
	border: 1px solid #FFF;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.chui p{
	margin: 30px;
}
.inner2{
	width: 600px;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
.gold{
	color: #c0b885 !important;
}

.event-list{
	background-color: #333;
	width: 100%;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.event-list p{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.event-list .title{
	color: #c0b885;
	font-size: 24px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 30px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0b885;
}
.event-list .btn a{
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 90%;
	margin-top: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
}
.event-list .btn a:hover{
	background-color: #666;
}
.reserv-title{
	text-align: center;
	height: 100px;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
		border: 1px solid #666;
}
.bg01{
	background-image: url(../../images/about/reserv-03.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
	.bg02{
	background-image: url(../../images/about/reserv-01.jpg);
	background-repeat: no-repeat;
	background-position: center center;}
.reserv-title .text{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 28px;
	font-weight: bold;
	line-height: 120%;	
}
@media screen and (max-width: 640px) {
.reserv-title .text{
	font-size: 18px;
}	
	}
.event-box{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.event-box .l{
	text-align: center;
	float: left;
	width: 30%;
}
.event-box .r{
	text-align: left;
	float: right;
	width: 70%;
}
@media screen and (max-width: 640px) {
	.event-box .l{
	text-align: center;
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
.event-box .r{
	text-align: left;
	float: none;
	width: 100%;
}}

.event-onebox{
	width: 100%;
	margin-bottom: 50px;
	border: 1px solid #666;
	overflow: hidden;

}

.event-onebox .nichizi{
	background-color: #666;
	float: left;
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 28px;
	color: #FFF;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
.event-onebox .nichizi .youbi{
	font-size: 18px;
	line-height: 110%;
}

.event-onebox .title{
	font-size: 30px;
	line-height: 140%;
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
}
.event-nitizititle{
	width: 95%;
		overflow: hidden;
}

.event-onebox .title .tag{
	background-color: #666;
	padding: 5px;
	font-size: 12px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	line-height: 15px;
	margin-top: 10px;
}
.event-onebox .title .tag2{
	background-color: #C00;
	padding: 5px;
	font-size: 12px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	line-height: 15px;
	margin-top: 10px;
}
.event-onebox .title .tag3{
	background-color: #693;
	padding: 5px;
	font-size: 12px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
	line-height: 15px;
	margin-top: 10px;
}
.event-onebox .title .tag-box{
	width: 100%;
	overflow: hidden;
}
.event-onebox .title .text{
	float: left;
}
.event-onebox .naiyou {
	width: 90%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.moushikomi{
	width: 100%;
	overflow: hidden;
}

.moushikomi .btn{
}
	
	.moushikomi .btn a{
	background-color: #666;
	text-align: center;
	display: block;
	float: left;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	text-decoration: none;
}
.moushikomi .btn a:hover{
	text-decoration: none;
	background-color: #999;
}

.moushikomi .btn2 a{
	background-color: #3c5a98;
	text-align: center;
	display: block;
	float: left;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	text-decoration: none;
}
.moushikomi .btn2 a:hover{
	text-decoration: none;
	background-color: #476AB4;
}

/* ＝＝＝＝＝アコーディオン＝＝＝＝＝ */

/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
	display: block;
	margin: 1.5px 0;
	padding : 5px 6px;
	color : #FFFFFF;
	font-weight: bold;
	cursor : pointer;
	transition: all 0.5s;
	border: 1px solid #FFF;
}

/*ラベルホバー時*/
.accbox label:hover {
	background-color: #666666;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
	height: auto;
	padding: 5px;
	opacity: 1;
}

.accbox .accshow p{
			color: #FFF;
	text-align: left;
}
/* ＝＝＝＝＝アコーディオンここまで＝＝＝＝＝ */

.modoru{
	margin-top: 50px;
	margin-bottom: 15px;
}

.modoru a{
	text-decoration: none;
	background-color: #333;
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #FFF;
}
.modoru a:hover{
	background-color: #464646;
	}	


.maninonrei{
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #900;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* ＝＝＝＝＝ドロップダウンナビ＝＝＝＝＝ */
#drower {
	position: fixed;
	z-index: 999;
	top: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 110%;
	background-image: url(../../images/navi-bg.png?00);
	background-repeat: repeat-x;
	background-position: top;	

}


#drower nav {
	width: 100%;
	max-width: 1200px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;

}
#drower nav > ul{
	margin: 0px;
	padding: 0px;
	
}
#drower nav > ul > li {
	width: 100%;
background-color: #000;
	list-style-type: none;
}
#drower nav > ul > li > a {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

#drower nav > ul > li > a:hover {background-color: #333;}

#drower nav > ul > li:first-child > a{border-top: 1px solid #ccc;}

#drower nav > ul > li > ul {
  display: none;
  	list-style-type: none;
	padding-left:0;
	
}
#drower nav > ul > li li > a {
	display: block;
	width: 100%;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 13px;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
#drower nav > ul > li li > a:hover {
	background-color: #333;
}

@media screen and (min-width: 700px) {
#drower nav{margin-top: 0px;}
#drower nav > ul {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
  }
#drower nav > ul > li {
    display: inline-block;
    width: calc(100% / 8);
    font-size: 1rem;
    vertical-align: top;
  }
#drower nav > ul > li > a {
    border: none;

  }
#drower nav > ul > li:first-child > a {
    border-top: none;
    border-left: none;
  }
}

/* ＝＝＝＝＝ドロップダウンナビ-鮨＝＝＝＝＝ */
#drower2 {
	position: fixed;
	z-index: 999;
	top: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 110%;
	background-image: url(../../images/navi-bg.png);
	background-repeat: repeat-x;
	background-position: top;	
}


#drower2 nav {
	width: 100%;
	max-width: 1200px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;

}
#drower2 nav > ul{
	margin: 0px;
	padding: 0px;
	
}
#drower2 nav > ul > li {
	width: 100%;
background-color: #000;
	list-style-type: none;
}
#drower2 nav > ul > li > a {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#drower2 nav > ul > li > a:hover {background-color: #333;}

#drower2 nav > ul > li:first-child > a{border-top: 1px solid #ccc;}

#drower2 nav > ul > li > ul {
  display: none;
  	list-style-type: none;
	padding-left:0;
	
}
#drower2 nav > ul > li li > a {
	display: block;
	width: 100%;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 13px;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
#drower2 nav > ul > li li > a:hover {
	background-color: #333;
}

@media screen and (min-width: 700px) {
#drower2 nav{margin-top: 0px;}
#drower2 nav > ul {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
  }
#drower2 nav > ul > li {
    display: inline-block;
    width: calc(100% / 9);
    font-size: 1rem;
    vertical-align: top;
  }
#drower2 nav > ul > li > a {
    border: none;

  }
#drower2 nav > ul > li:first-child > a {
    border-top: none;
    border-left: none;
  }
}

/* ＝＝＝＝＝ドロップダウンナビ-丸の内＝＝＝＝＝ */
#drower3 {
	position: fixed;
	z-index: 999;
	top: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 110%;
	background-image: url(../../images/navi-bg.png);
	background-repeat: repeat-x;
	background-position: top;	
}


#drower3 nav {
	width: 100%;
	max-width: 1000px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;

}
#drower3 nav > ul{
	margin: 0px;
	padding: 0px;
	
}
#drower3 nav > ul > li {
	width: 100%;
background-color: #000;
	list-style-type: none;
}
#drower3 nav > ul > li > a {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#drower3 nav > ul > li > a:hover {background-color: #333;}

#drower3 nav > ul > li:first-child > a{border-top: 1px solid #ccc;}

#drower3 nav > ul > li > ul {
  display: none;
  	list-style-type: none;
	padding-left:0;
	
}
#drower3 nav > ul > li li > a {
	display: block;
	width: 100%;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 13px;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
#drower3 nav > ul > li li > a:hover {
	background-color: #333;
}

@media screen and (min-width: 700px) {
#drower3 nav{margin-top: 0px;}
#drower3 nav > ul {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
  }
#drower3 nav > ul > li {
    display: inline-block;
    width: calc(100% / 7);
    font-size: 1rem;
    vertical-align: top;
  }
#drower3 nav > ul > li > a {
    border: none;

  }
#drower3 nav > ul > li:first-child > a {
    border-top: none;
    border-left: none;
  }
}



.toggle{
	display: none;
}
.navi-btn{
	display: block;
	width: 100%;

}
.navi-btn a{
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}
.navi-btn a:hover{background-color: #333;}

@media screen and (max-width: 700px) {
.navi-btn a{	border-bottom: 1px solid #ccc;}
	}
	
.navi-btn2{
	display: block;
	width: 100%;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.navi-btn2 a{
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	background-color: #8F831E;
	margin-top: 23px;
	margin-bottom: 21px;
	border-radius: 5px;
}
.navi-btn2 a:hover{
	background-color: #716817;
}

@media screen and (max-width: 700px) {
	.navi-btn2{
	max-width: 100%;
}
.navi-btn2 a{
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-top: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0px;
}
.navi-btn2 a:hover{background-color: #716817;}

	}
	
/*
#drower3 .navi-btn2{
	display: block;
	width: 100%;
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#drower3 .navi-btn2 a{
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	background-color: #8F831E;
	margin-top: 13px;
	border-radius: 5px;
background-image: url(../../images/window.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}
#drower3 .navi-btn2 a:hover{
	background-color: #716817;
}

@media screen and (max-width: 700px) {
	#drower3 .navi-btn2{
	max-width: 100%;
}
#drower3 .navi-btn2 a{
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-top: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #ccc;
background-image: url(../../images/window.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}
#drower3 .navi-btn2 a:hover{background-color: #716817;}

	}
*/

.navi-btn3{
    display: block;
    width: 100%;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    
}
.navi-btn3 a{
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	background-color: #5A5A5A;
	margin-top: 23px;
	margin-bottom: 21px;
	border-radius: 5px;
	background-image: url(../../images/window.png);
    background-repeat: no-repeat;
    background-position: 95% center;
}
.navi-btn3 a:hover{
	background-color: #3D3D3D;
}

@media screen and (max-width: 700px) {
	.navi-btn3{
	max-width: 100%;
}
.navi-btn3 a{
	text-decoration: none;
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	margin-top: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #ccc;
	background-image: url(../../images/window.png);
    background-repeat: no-repeat;
    background-position: 95% center;
	margin-bottom: 0px;
}
.navi-btn3 a:hover{background-color: #3D3D3D;}

	}
	
	.koshitsu{
	font-weight: bold;
	color: #000;
	background-color: #CCC;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 120%;
}

@media screen and (max-width: 700px) {
.map-l {
	float: none;
	width: 100%;
}
.map-r {
	float: none;
	width: 100%;
	padding-top: 10px;
}
}
.red-waku{
    border: 1px solid #D90003;
    margin-top: 50px;
    margin-bottom: 30px;
}
.white-waku{
	border: 1px solid #FFF;
	margin-top: 50px;
	margin-bottom: 30px;
}
.gray-waku2{
	border: 1px solid #666;
	margin-top: 50px;
	margin-bottom: 30px;
}
.gray-waku{
	margin-top: 50px;
	margin-bottom: 30px;
	background-color: #333;
	padding-top: 20px;
	padding-bottom: 20px;
}
.bg-gray{
	background-color: #333;
}
.bg-gray2{
	background-color: #888888;
}
.bg-purple{
	background-color: #330066;
}
.bg-white{
    background-color: #fff;
    color: #222222;
}
.bg-red{
    background-color: #c30d23;
    color: #fff;
}
.bg-bule{
    background-color: #036eb8;
    color: #fff;
}
.bg-bule2{
    background-color: #40619B;
    color: #fff;
}
.bg-bule2{
    background-color: #40619B;
    color: #fff;
}
.bg-green{
    background-color: #79A590;
}
.inner{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
margin-top: 20px;
	margin-bottom: 20px;
}
figure {
	float: left;
	width: 30%;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.txt-b{
	font-weight: bold;
}
.txt-40{
    font-size: 40px;
    line-height: 150%;
}
.txt-24{
	font-size: 24px;}
.txt-12{
	font-size: 12px;
line-height: 140%;
}

.txt-10{font-size: 10px; line-height: 160%;}
.txt-20{font-size: 20px;}
.txt-25{font-size: 25px;}
.txt-30{font-size: 30px;}
.txt-5em{
	font-size: 5em;
	line-height: 120%;
}
@media screen and (max-width: 480px){
.txt-20{font-size: 15px;}
.txt-25{font-size: 20px;}
.txt-30{font-size: 25px;}	
.txt-5em{font-size: 2.5em;}
}


@media screen and (max-width: 700px) {
figure {
	float: none;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-align: center;
}
}

	.box-black{
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 50px;
	margin-bottom: 10px;
	line-height: 120%;
	font-size: 18px;
}

.all-box{
	width: 100%;
	overflow: hidden;
}
.left-30{
	float: left;
	width: 30%;
}
.left-50{
	float: left;
	width: 45%;
}
.right-50{
	float: right;
	width: 45%;
}
.right-70{
	float: right;
	width: 65%;
}

.lavel-red{
	font-weight: bold;
	text-align: center;
	background-color: rgba(255,0,0,0.8);
}

@media screen and (max-width: 640px) {
	.left-30{
	float: none;
	width: 100%;
}
.left-50 , .right-50{
	float: none;
	width: 100%;
}
.right-70{
	float: none;
	width: 100%;
}
	.txt-40{
	font-size: 30px;}
.txt-24{
	font-size: 18px;}
.txt-12{
	font-size: 11px;}
}

#mainimage-yoyaku {
    padding: 10em 0 10em 0;
    background-image: url(../../yoyaku/img/banner.jpg);
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;  /* 要素いっぱいに */
    background-position: center bottom;
	}
		@media screen and (max-width: 480px) {

		#mainimage-yoyaku {
    padding: 10em 0 10em 0;
    background-repeat: no-repeat;
    background-size: cover;  /* 要素いっぱいに */
    background-position: center center;
    height: auto;
    position: relative;

    background-image: url(../../yoyaku/img/banner-sp.jpg);
    text-align: center;
	}
		}


/*  margin,padding
/*-------------------------------------------------------*/
/*--*/
.m_0  { margin: 0px !important; }
.m_5  { margin: 5px !important; }
.m_10 { margin: 10px !important; }
.m_15 { margin: 15px !important; }
.m_20 { margin: 20px !important; }
.m_25 { margin: 25px !important; }
.m_30 { margin: 30px !important; }
.m_35 { margin: 35px !important; }
.m_40 { margin: 40px !important; }
.m_45 { margin: 45px !important; }
.m_50 { margin: 50px !important; }
.m_55 { margin: 55px !important; }

.m_t5  { margin-top: 5px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t15 { margin-top: 15px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t25 { margin-top: 25px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t35 { margin-top: 35px !important; }
.m_t40 { margin-top: 40px !important; }
.m_t45 { margin-top: 45px !important; }
.m_t50 { margin-top: 50px !important; }
.m_t55 { margin-top: 55px !important; }
.m_t80 { margin-top: 80px !important; }
.m_t100 { margin-top: 100px !important; }
.m_t200 { margin-top: 200px !important; }

.m_b5  { margin-bottom: 5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b25 { margin-bottom: 25px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b35 { margin-bottom: 35px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b45 { margin-bottom: 45px !important; }
.m_b50 { margin-bottom: 50px !important; }
.m_b55 { margin-bottom: 55px !important; }
.m_b80 { margin-bottom: 80px !important; }
.m_b100 { margin-bottom: 100px !important; }
.m_b200 { margin-bottom: 200px !important; }

.m_l5  { margin-left: 5px !important; }
.m_l22 { margin-left: 22px !important;}
.m_l10 { margin-left: 10px !important; }
.m_l15 { margin-left: 15px !important; }
.m_l20 { margin-left: 20px !important; }
.m_l25 { margin-left: 25px !important; }
.m_l30 { margin-left: 30px !important; }
.m_l35 { margin-left: 35px !important; }
.m_l40 { margin-left: 40px !important; }
.m_l45 { margin-left: 45px !important; }
.m_l50 { margin-left: 50px !important; }
.m_l55 { margin-left: 55px !important; }


.m_r5  { margin-right: 5px !important; }
.m_r10 { margin-right: 10px !important; }
.m_r15 { margin-right: 15px !important; }
.m_r20 { margin-right: 20px !important; }
.m_r25 { margin-right: 25px !important; }
.m_r30 { margin-right: 30px !important; }
.m_r35 { margin-right: 35px !important; }
.m_r40 { margin-right: 40px !important; }
.m_r45 { margin-right: 45px !important; }
.m_r50 { margin-right: 50px !important; }
.m_r55 { margin-right: 55px !important; }

/*--*/
.p_5  { padding: 5px !important; }
.p_10 { padding: 10px !important; }
.p_15 { padding: 15px !important; }
.p_20 { padding: 20px !important; }
.p_25 { padding: 25px !important; }
.p_30 { padding: 30px !important; }
.p_35 { padding: 35px !important; }
.p_40 { padding: 40px !important; }
.p_45 { padding: 45px !important; }
.p_50 { padding: 50px !important; }
.p_55 { padding: 55px !important; }

.p_t0  { padding-top: 0px !important; }
.p_t5  { padding-top: 5px !important; }
.p_t10 { padding-top: 10px !important; }
.p_t15 { padding-top: 15px !important; }
.p_t20 { padding-top: 20px !important; }
.p_t25 { padding-top: 25px !important; }
.p_t30 { padding-top: 30px !important; }
.p_t35 { padding-top: 35px !important; }
.p_t40 { padding-top: 40px !important; }
.p_t45 { padding-top: 45px !important; }
.p_t50 { padding-top: 50px !important; }
.p_t55 { padding-top: 55px !important; }
.p_t80 { padding-top: 80px !important; }
.p_t100 { padding-top: 100px !important; }
.p_t200 { padding-top: 200px !important; }

.p_b0  { padding-bottom: 0px !important; }
.p_b5  { padding-bottom: 5px !important; }
.p_b10 { padding-bottom: 10px !important; }
.p_b15 { padding-bottom: 15px !important; }
.p_b20 { padding-bottom: 20px !important; }
.p_b25 { padding-bottom: 25px !important; }
.p_b30 { padding-bottom: 30px !important; }
.p_b35 { padding-bottom: 35px !important; }
.p_b40 { padding-bottom: 40px !important; }
.p_b45 { padding-bottom: 45px !important; }
.p_b50 { padding-bottom: 50px !important; }
.p_b55 { padding-bottom: 55px !important; }
.p_b80 { padding-bottom: 80px !important; }
.p_b100 { padding-bottom: 100px !important; }
.p_b200 { padding-bottom: 200px !important; }

.p_l5  { padding-left: 5px !important; }
.p_l10 { padding-left: 10px !important; }
.p_l15 { padding-left: 15px !important; }
.p_l20 { padding-left: 20px !important; }
.p_l25 { padding-left: 25px !important; }
.p_l30 { padding-left: 30px !important; }
.p_l35 { padding-left: 35px !important; }
.p_l40 { padding-left: 40px !important; }
.p_l45 { padding-left: 45px !important; }
.p_l50 { padding-left: 50px !important; }
.p_l55 { padding-left: 55px !important; }

.p_r5  { padding-right: 5px !important; }
.p_r10 { padding-right: 10px !important; }
.p_r15 { padding-right: 15px !important; }
.p_r20 { padding-right: 20px !important; }
.p_r25 { padding-right: 25px !important; }
.p_r30 { padding-right: 30px !important; }
.p_r35 { padding-right: 35px !important; }
.p_r40 { padding-right: 40px !important; }
.p_r45 { padding-right: 45px !important; }
.p_r50 { padding-right: 50px !important; }
.p_r55 { padding-right: 55px !important; }


/*タイトル*/

.title-sen{
    font-size: 24px;
    border-bottom: 1px solid #747474;
}

.btn-nizyu{
    border: 1px double #fff;
    display: block;
    background-image: linear-gradient(180deg, rgba(226, 227, 180, 1), rgba(205, 202, 98, 1) 24%, rgba(125, 123, 49, 1) 85%);
    padding: 20px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    width: 350px;
	max-width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.btn-nizyu:hover{color: #898989;
background-image: linear-gradient(180deg, rgba(255, 255, 239, 1), rgba(225, 223, 138, 1) 24%, rgba(176, 173, 76, 1) 85%);}

.pc-view{}
.sp-view{display: none;}
@media screen and (max-width: 480px){
.pc-view{display: none;}
.sp-view{display: block;}
}

.button-pass a {
    display       : inline-block;
    font-size     : 14pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 12px 26px;   /* 余白       */
    background    : #000000;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    border        : 1px solid #fff;    /* 枠の指定 */
    text-decoration: none;
}
.button-pass a:hover {
  color         : #000000;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

/*------スライダー------*/
/*==================================================
スライダーのためのcss
===================================*/
.slide-items {
  width: 100%;
  height: 100%;
}

.slide-items img {
  width: 100%;
  object-fit: cover;
}
ul{padding-inline-start: 0px;}

.slider-text{position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
	
    transform: translate(-50%, -50%);}
@media screen and (max-width: 480px){
	.slider-text{position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
	max-width: 100%;
    transform: translate(-50%, -50%);}
}
/*==================================================
youtubeのためのcss
===================================*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #777777;
	background: #2d2d2d;
	color: #fff;
	transition: 0.5s;
}
a.btn_01:hover {
	
	background: #666;
}

.box-all{
	width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.box-1100{
	width: 1100px;
	max-width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.box-800{
	width: 800px;
	max-width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.box-500{
	width: 500px;
	max-width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

.inner-80{
	max-width: 80%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.box-left{
	float: left;
}
.box-right{
	float: right;
}
.box-40{width: 38%;}
.box-50{width: 48%;}
.box-50-sp50{width: 48%;}
.box-60{width: 58%;}
.box-70{width: 70%;}
.box-80{width: 79%;}
.box-30{width: 27%;}
.box-33{width: 33%;}
.box-20{width: 19%;}
.box-25{width: 25%;}
@media screen and (max-width: 480px){
.box-50 , .box-70 , .box-80 , .box-30 , .box-33 , .box-40 , .box-60 , .box-20{width: 100%;}
.box-25{width: 50%;}
}

.font-c-gray{
    color: #ACACAC;
}

.tableSample {

border-collapse: collapse;
}

.tableSample th,.tableSample td {
padding: 10px 15px;
border-top: 1px solid #000;
}

.tableSample th {
    background-color: #4F4F4F;
    width: 15%;
    text-align: center;
    color: #F8F8F8;
	vertical-align:middle
}

@media only screen and (max-width:479px) {
.tableSample th,.tableSample td {
width: auto;
display: block;
border-top: none;
}
.tableSample tr:first-child {
border-top: 1px solid #d5d5d5;
}
}


.table-boder {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;

}
.table-boder tr:nth-child(2n+1) {
 background: #191919;
}
.table-boder th,
.table-boder td {
 padding: 5px;}
.table-boder td {text-align: left;}

.accordion-006 {
	width: 99%;
	margin-bottom: 7px;
	background-color: #000;
	border-radius: 5px;
	border: 1px solid #575757;
}

.accordion-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-006 summary::-webkit-details-marker {
    display: none;
}

.accordion-006 summary::before,
.accordion-006 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #525252;
    content: '';
}

.accordion-006 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-006 summary::after {
    transition: rotate .3s;
}

.accordion-006[open] summary::after {
    rotate: 90deg;
}

.accordion-006 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0em 2em 0em;
    color: #ffffff;
    transition: transform .5s, opacity .5s;
}

.accordion-006[open] p {
    transform: none;
    opacity: 1;
}


.rte img {
    height: auto;
    max-width: 100%;
    border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
    border-radius: var(--media-radius);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
    margin-bottom: var(--media-shadow-vertical-offset);
}