@charset "UTF-8";


@media only screen and (max-width: 1800px){
.Page-topCAFEimg{
	background-image: url(../img/cafe-top2.jpg);
	background-size: cover;
	background-position: center 0%;
	width: 100%;
	position: relative;
	}
}

@media only screen and (min-width: 1800px){
.Page-topCAFEimg{
	background-image: url(../img/cafe-top2.jpg);
	background-size: cover;
	background-position: center 0%;
	width: 100%;
	position: relative;
	}
}

.cafeTitle{
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); /*上下左右中央寄せ*/
	text-align:center;
	}

.cafeTitle img{
	width: 300px;
	height: auto;
	}

.CafeKomeText{
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	font-size: 0.85em;
	}


@media only screen and (max-width: 1000px){
.Page-topCAFEimg{
	margin-top: 50px;
	}

.Page-topOver{
	margin-top: 50px;
	}
	
.Page-topOverMO{
	margin-top: 50px;
	}
}

.Page-topJAMimg img{
	width: 100%;
	}

@media only screen and (min-width: 500px){
.Page-topCAFEimg{
	height: 400px;
	}
}

@media only screen and (min-width: 1000px){
.Page-topCAFEimg{
	height: 460px;
	}
}

@media only screen and (min-width: 1100px){
.Page-topCAFEimg{
	height: 600px;
	}
}

@media only screen and (min-width: 1400px){
.Page-topCAFEimg{
	height: 700px;
	}
}

@media only screen and (min-width: 1600px){
.Page-topCAFEimg{
	height: 800px;
	}
}



.PageItemCafe{
	text-align: center;
	font-size: 2em;
	font-family: "Ryumin Medium KL";
	margin: 50px 0px 50px;
	padding-top: 100px;
	font-feature-settings : "palt";
	}

.PageItemCafe1{
	text-align: center;
	font-size: 2em;
	font-family: "Ryumin Medium KL";
	margin: 50px 0px 50px;
	padding-top: 100px;
	}

.PageSabItem-Cafe{
	text-align: center;
	font-size: 2em;
	font-family: "Ryumin Medium KL";
	margin: 100px 0px 0px;
	}

.PageItemLine{
	text-align: center;
	}

.PageItemLine img{
	width: 220px;
	height: auto;
	margin-top: -25px;
	}

.PageItemSab{
	text-align: center;
	font-family: "Ryumin Regular KL";
	margin: -20px 0 40px;
	}

.CafePhoto{
	text-align: center;
}

.CafePhoto img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	}

.cafe-text-b{
	font-family: "Ryumin Bold KL";
	margin-bottom: 3px;
	font-size: 1.2em;
	}

.cafe-text{
	font-family: "Ryumin Light KL";
	margin-bottom: 3px;
	font-size: 1.2em;
	}

.cafe-text a:hover{
	text-decoration: none;
	color: #3a3230;
	}

.cafe-text-s{
	font-family: "Ryumin Light KL";
	font-size: 1em
	}


.cafeInfoWAKU{
	text-align: center;
	margin-top: 40px;
	}

.cafeInfoTEXT{
	text-align: center;
	display: inline-block;
	color: #3a3230;
	padding: 6px 30px;
	font-size: 1.5em;
	font-family: "Ryumin Medium KL";
	border: 1px solid #3a3230;
	}

.map{
	width: 100%;
	height: 600px;
	}

.infoText{
	text-align: center;
	line-height: 1.7em;
	margin-top: 70px;
	font-family: "Ryumin Regular KL";
	}

.infoText a:hover{
	text-decoration: none;
	color: #3a3230;
	}

/*クラブジャム*/
.JamLogoTop{
	text-align: center;
	margin: 50px auto 0px;
	}

.JamLogoTop img{
	width: 250px;
	height: auto;
	}

.ConseptText{
	background-color: #776c66;
	color: #fff;
	font-family: "Ryumin Regular KL";
	max-width: 900px;
	width: 90%;
	margin: 0 auto 100px;
	padding: 40px;
	line-height: 2em;
	font-size: 1.2em;
	}

.JAMPhoto{
	margin: 0 auto;
	text-align: center;
	}

.JAMPhoto img{
	max-width: 900px;
	height: auto;
	width: 90%;
	}

.brand-EN{
	font-family: "Ryumin Bold KL";
	font-size: 1.2em
	}

.brand-WA{
	font-family: "Ryumin Regular KL";
	margin-bottom: 50px;
	font-size: 0.8em;
	}

.brand-L{
	text-align: right;
	}

.TEXT-L{
	margin-right: 15px;
	}

.TEXT-R{
	margin-left: 15px;
	}

.jamText{
	text-align: center;
	font-family: "Ryumin Regular KL";
	margin: 50px auto 100px;
	}

.bxslider img{
	width: 100% !important;
	height: auto !important;
	}

.bx-wrapper-mo {
	margin: 0 0 250px !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
	}

.bxslider-mo img{
	width: 100% !important;
	height: auto !important;
	}


.kids{
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #3a3230;
	margin-top: 10px;
	}



/*会社概要*/
.Page-TitleOver{
	text-align: center;
	font-size: 2em;
	font-family: "Ryumin Medium KL";
	margin: 100px 0px 0px;
	}


table {
	width: 100%;
	margin: 100px auto 0;
	font-family: "Ryumin Regular KL";
	}

table tr{
	border-top: 1px dotted #C9CACA;
	border-bottom: 1px dotted #C9CACA;
	}

table td {
	line-height: 1.8em;
	font-size: 1.15em;
	padding: 20px 0px 20px 40px;
	}

.koumoku{
	text-align: center;
	background-color: #DCDDDD;
	font-size: 1.2em;
	width: 200px;
	}