@charset "utf-8";
/*
/////////////////////////////////////
Made by 
/////////////////////////////////////
*/
#Mainvisual {
	position: relative;
	background: #000;
}
.slide-main img {
	width: 100%;
	height: auto;
}
.mv-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
}
.mv-txt p {
	position: relative;
	width: 530px;
	height: 150px;
}
.mv-txt img {
	position: absolute;
	top: -50%;
	left: -50%;
}

.pc-hidden img {
	display: block;
}
.sp-hidden img {
	display: none;
}

#Breacum {
    padding: 15px 0 0;
    background: #000;
    color: #FFF;
    font-size: 100%;
}
#Breacum a{color: #FFF;font-size: 100%;display: inline-block;padding: 0 10px 0 0;}
#Breacum a+a{padding: 0 10px;}

.bg-black{
    background: #000;
}
.m-title {
    letter-spacing: 3px;
    margin: 0 auto;
    font-size: 275%;
    color: #a18632;
    text-align: center;
    text-transform: uppercase;
    font-family: Georgia;
    font-size: 250%;
    position: relative;margin-bottom: 20px
}
.m-title:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #B68D00;
    z-index: 0;
}
.m-title span {
    display: inline-block;
    background: #000;
    padding: 0 75px;
    position: relative;
    z-index: 9;
}



.menu-left {
    border: 1px solid #d7a712;margin-bottom: 20px
}
.ttl-mml {
    padding: 25px 40px;
    border-bottom: 1px solid #d7a712;
    text-align: center;
    font-size: 200%;
    color: #FFF;
    text-transform: uppercase;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.list-menu {
    padding: 0 10px;
}
.list-menu a {
    display: block;
    color: #FFF;
    font-size: 117%;
    text-align: center;
    padding: 20px 0;
}
.sub-menu-left a{border-top: 1px solid #d7a712;}
.list-menu li.last{display: none;}
.list-menu>li.has-sub>a:after{    content: "";
display: block;
background: url(../images/menu/icon-down.png) no-repeat;
width: 17px;
height: 9px;
margin: 0 auto;
margin-top: 5px;}
.list-menu>li+li{border-top: 1px solid #d7a712;}
.sub-menu-left {
    display: none;
}
li.active .sub-menu-left{display: block;}
.ttl-rp {
    text-align: center;
    font-size: 150%;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px;
    margin-bottom: 20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.list-banner{text-align: center;}
.list-banner a {
    display: block;margin-bottom: 15px
}
.img-reponsive{max-width: 100%;display: inline-block;height: auto}
.pg-right{float: right;}

.sub-title{display: none;}

@media screen and (min-width : 640px) and (max-width : 768px) {


}
@media screen and (max-width : 768px) {
#Breacum{display: none;}
.sub-title{display: block;}	
.main-title,.ttl-mml{display: none;}	
.menu-left {
    margin-top: 20px;
}
.m-title span{padding: 0 25px;}
.list-menu {
    padding: 0;display: table;
    width: 100%;
}
.list-menu>li {
    width: 1%;
    display: table-cell;
}
.list-menu li+li a {
    border-top: transparent;border-left: 1px solid #d7a712
}
.col-menu-left,.pg-right,.col-list-banner{
    width: 100%;
    clear: both;
    float: none;}
.list-menu>li+li{border-top: none;}
.list-menu li.last{display: table-cell;}
}
@media screen and (max-width : 767px) {
.r-info iframe{
	height:300px;
}
}
@media screen and (max-width : 640px) {

.col-menu-left{padding-left: 0;padding-right: 0;}
}

/*shop*/
.image-shop {
    margin-bottom: 20px;
}
.name-shop {
    color: #FFF;
    font-size: 125%;
    margin-bottom: 20px;background: url(../images/shop/bg_name.png) no-repeat left bottom;
}
.ttf-shop {
    color: #FFF;
    font-size: 117%;
    padding-left: 20px;background: url(../images/shop/title_img.png) no-repeat left center;
}
.des-shop {
    font-size: 117%;
    color: #FFF;
    margin-bottom: 20px;
}
.manua {
    display: inline-block;
    padding: 10px 10px 0 0;
}
.btns01 {
    display: block;
    border: 1px solid #FFF;
    padding: 0 10px;
    text-align: center;
    color: #FFF;
    font-size: 134%;
    height: 60px;
    line-height: 60px;position: relative;margin-bottom: 20px
}
.btns01:after {
    content: "";
    display: block;
    background: url(../images/shop/img_btn02.png) no-repeat center center;
    position: absolute;
    width: 21px;
    height: 16px;
    top: 50%;
    right: 10px;
    margin-top: -8px;
}
.btns01:hover{color: #FFF}
.item-shop{margin-bottom: 30px}

@media screen and (max-width : 640px) {
    .col640{width: 100%}
    .info-shop{margin-bottom: 20px}
}