@charset "UTF-8";
/* CSS Document */
a{ text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
a:hover img{ opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.menu-sidebar{ padding: 0; margin: 0}
.menu-sidebar li{ margin: 0 auto 10px auto; list-style-type: none}
.menu-sidebar li a{ display: block; width:200px!important;}
.menu-sidebar li img{ display: block; padding: 0}
.titleset { text-align: left}
.titleset strong{ color: #fba8ad; font-size: 17px; border-bottom: 1px solid #feb8bd; display: block; padding: 0 0 1px 0; margin: 0 0 1px 0}
.titleset i{ color: #fba8ad; font-size: 10px; display: block; font-style: normal}
.concept-lead{ line-height: 2}
.recruit-table{ color: #ffffff; width:95%; margin: 0 auto}
.recruit-table th,.recruit-table td{ padding: 10px 0; font-size:14px; vertical-align: top; border-bottom: 1px solid #ffffff; text-align: left; }
.recruit-table th{ padding-right: 5px;}
.recruit-bait{ background-color: #6F0001; color: #ffffff; font-size:18px; text-align: center; padding: 5px 0; width:95%; margin: 15px auto}
.recruit-contact{ text-align: center;}
.recruit-contact .lead{ font-size:18px;}
.recruit-contact .tel{ font-size:28px;}
.recruit-contact .tel a{ color: #ffffff;}

.nodisplay{ display: none}
.sp{ display:none!important;}
/*===============================================
●レスポンシブ  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
body{ min-width:320px!important; background-image:none;}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.pc{ display:none!important;}
.sp{ display:block!important;}
.sp.memu{ z-index:100000; position: relative}
.go-top{ right:10px;}

#twitterFollowBadge{ display: none}
#L01 #area-header.noskin, #L02 #area-header.noskin, #L03 #area-header.noskin, #L07 #area-header.noskin, #L08 #area-header.noskin{ width:100%}
#area-side-a{ display: none;}
#L01 #area-contents.noskin, #L02 #area-contents.noskin, #L03 #area-contents.noskin, #L07 #area-contents.noskin, #L08 #area-contents.noskin{ width:100%}
#L03 #area-main{ width:100%}
.asymm .wider-2 .column{ width:100%;}
#L03 div.block{ text-align: center}
#area-header p{}
#L01 #area-billboard.noskin, #L02 #area-billboard.noskin, #L03 #area-billboard.noskin, #L07 #area-billboard.noskin, #L08 #area-billboard.noskin{ width:100%}
.slick-arrow{ display: none!important}
.slick-slider ul{ width:100%; margin:0}
#area-main img{ width:100%}
#area-main iframe{ width:100%;}
#L01 #area-footer.noskin, #L02 #area-footer.noskin, #L03 #area-footer.noskin, #L07 #area-footer.noskin, #L08 #area-footer.noskin{ width:100%}
.wind-bg{ background-image:url(images/cafebar_bg_rd_sp.png)}
.page-access .asymm .widel-2 .column{ float: none; width:100%; }
.page-access .asymm .widel-2 .column img{ width:45%!important; display: inline}
.page-access .asymm .widel-2 .column br{ display: none}
.page-staff .asymm .widel-2 .column{ float: none; width:100%}
.page-staff .page-title img{ width:100%}
#area-main #bk7045>div{ width:100%}


/*スマホ用メニュー*/
.menu-btn {
    position: fixed;
    top: 15px;
    right: 10px;
    width: 40px;
    height: 40px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    background-color:rgba(255,255,255,0.80);
    border: 1px solid #5c3084;
}
.open .menu-btn{ display: none}
.menu-btn img{ width:60%; vertical-align: baseline}

.menu-btn span {
    color: #fff;
}

.menu-btn span:after {
    content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn span:after {
    content: attr(data-txt-close);
}

.md-menu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}

.md-menu .branding{
  text-align: center;
  padding: 15px 0;
}

.md-menu .branding img{
  width:80%;
}
.md-menu li{ list-style-type: none; margin: 0}
.md-menu li a{ color: #ffffff; border-bottom: none; display: block; width:50%; font-size:18px; border: 1px solid #ffffff; text-align: center; height: 24px; line-height: 24px; margin: 5px auto}
.md-menu li.multilines a{ height: auto; padding: 5px 0; line-height: 1.2;}
.md-menu .logo{ color:#ffffff; font-size:30px; text-align: center; padding: 25px 0;}
.md-menu h2{ color: #ffffff; text-align: center; font-size:21px;}
.md-menu p{ color: #FFFFFF;}
.md-menu .lead{ font-size:18px; width:80%; margin: 15px auto;}
.md-menu .tel {text-align: center;}
.md-menu .tel a{ color: #ffffff; font-size:30px; text-decoration: none; border-bottom: none}
.md-menu .note{ text-align: center}


/* 開閉用ボタンがクリックされた時のスタイル */
.open .md-menu {
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}

}