@charset "UTF-8";
html {overflow:auto; height:100%; margin-top:0 !important;}
*{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	text-shadow:none;
	-webkit-box-sizing: border-box;/* Safari,Google Chrome用 */
	-moz-box-sizing: border-box;/* Firefox用 */
	-ms-box-sizing: border-box;/* Internet Explorer 8用 */
	box-sizing: border-box;
	-webkit-text-size-adjust:none !important;
}
body {
	word-break: break-all;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro" !important;
	/*font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif!important;*/
	font-size: 16px;
	text-shadow:none;
	font-weight: normal;
	font-style:normal;
	letter-spacing:normal;
	position:relative;
}
body .Container {overflow:hidden;}

h1,h2,h3,h4,h5,h6{
	/*font-family: "Mplus 1p";
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
	font-weight:800;    
}

.title-wt{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro" !important; color:#fff !important;}

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
html, body, header, nav, address, hgroup, section, article, footer, time,figure {margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6,ul,ol,dl{	display:block; margin:0; padding:0; }
ul,ol,dl{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
a {	margin:0; padding:0; vertical-align:baseline; background:transparent;}
a, a:hover, a:active, a:visited{text-decoration:none;}
a:hover{ text-decoration:none;}
a img{border:0 none;}
ins {color:rgb(0,0,0); text-decoration:none;}
mark {color:rgb(0,0,0);	font-style:italic; font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; margin:1em 0; padding:0;}
em{font-style:normal;}
input {/*vertical-align: middle; -webkit-appearance:none;*/}
select{vertical-align:middle;}
.disp_none {display:none;}

.clearfix:after{clear:both;	content:" "; display:block;}
.ClearBefore:before {clear:both; content:" "; display:block;}
.fix{overflow: hidden}
.fc:after {content:""; display:block; clear:both; visibility:hidden;}


a.btn-link{
	padding:10px 50px;
	display:block;
	font-size:22px;
	text-align:center;
	text-decoration:none;
}
a:hover.btn-link{
	text-align:center;
	text-decoration:none;
	-webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}


a.top-btn-link{
	display:block;
	font-size:16px !important;
	line-height:50px !important;
	text-align:center;
	text-decoration:none;
	font-weight:700;
}
a.top-btn-link i{font-size:18px !important;}
a:hover.top-btn-link{
	text-align:center;
	text-decoration:none;
	-webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}



/* ===================================================================
　common style
=================================================================== */

.ft20{font-size:20px; line-height:34px;}


#toTop {border: medium none; bottom:36px; right:30px; cursor:pointer; display:none; height:50px; width:50px; line-height:50px; overflow:hidden; position:fixed; text-decoration:none; z-index:100; margin:0; }
#toTop a{display:block; text-align:center !important;}
@media(min-width:1px) and (max-width:768px){
#toTop {border: medium none; bottom:0; right:0; cursor:pointer; display:none; height:50px; width:50px; overflow:hidden; position:fixed; text-decoration:none; z-index:100; margin:0;}
.ft20{font-size:16px; line-height:24px;}	
}

/* ===================================================================
　common parts
=================================================================== */

.Container:before {	content: ""; display: block; height:auto;}
@media(min-width:1px) and (max-width:960px){.Container:before {height:auto;}}
@media(min-width:1px) and (max-width:768px){.Container:before {height:auto;}}
@media(min-width:1px) and (max-width:420px){.Container:before {height:auto;}}
.quote-btn {border-left: 2px solid #fff; border-right:2px solid #fff; position: absolute; right:0; top:0;}
.quote-btn:hover {color:#FFF;}

/*-----------------------------------------------------------------------------------*/
/*	01. HEADER AREA
/*-----------------------------------------------------------------------------------*/

.head-top-area {padding: 30px 0;}
.head-top-area h1{}


.head-top-right{}
.head-top-right ul{ float:right;position:relative;}
.head-top-right ul li{ float:left; width:260px; margin-left:20px;}
.head-top-right ul li i{font-size:34px; margin-right:5px;}
.head-top-right ul li span{ font-size:34px; letter-spacing:-1px; color:#333 !important;}
.head-top-right ul li img{width:100%; height:auto;}
.head-bottom-area {z-index: 999998 !important;}
.sticky{position:fixed; width:100%; z-index:999; top:0; left:0;}
.sticky-mob{position: fixed !important; width:100%; z-index:999; top:0; left:0;}
.mainmenu-area {position:relative;}
.mainmenu-area ul.nav.navbar-nav li {display:inline-block; float:none; letter-spacing: normal !important;}
.mainmenu-area ul.nav.navbar-nav li a { display:inline-block; font-size:16px; font-weight:500; line-height:20px; padding:25px 30px;}
/*.mainmenu-area ul.nav.navbar-nav li.active { background: #8cca6a;}*/
.sticker {z-index:999998 !important;}

/*-----------------------------------------------------------------------------------*/
/*	02.DropDown Menu Css
/*-----------------------------------------------------------------------------------*/

ul.nav.navbar-nav li ul { left:0; position:absolute; top:200%; width:330px; z-index:999; visibility:hidden; opacity:0;
    filter: alpha(opacity=0); -webkit-transition: opacity .3s ease-in-out, top .3s ease-in-out; transition: opacity .3s ease-in-out, top .3s ease-in-out;}
ul.nav.navbar-nav li:hover ul {top:100%; visibility:visible; opacity:1; filter:alpha(opacity=100);}
.mainmenu-area ul.nav.navbar-nav li ul li {display:block; position:relative;}
.mainmenu-area ul.nav.navbar-nav li ul li:hover:after {width:100%;}
.mainmenu-area ul.nav.navbar-nav li ul li a {width:100%; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.mainmenu-area ul.nav.navbar-nav li ul li:last-child:after {display:none;}
.mainmenu-area ul.nav.navbar-nav li ul li:last-child {border: 0px solid;}
.mainmenu-area ul.nav.navbar-nav li ul li:after { bottom:-1px; content: ""; height:1px; position:absolute; right:0;	-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 0;}
.mainmenu-area ul.nav.navbar-nav li a i { margin-left:7px; position:relative; top: -1px;}



.sp-logo, .phone-icon{display:none;}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.logo { padding: 0; } 
	.sin-info {margin-bottom:18px; width: 50%; }
    .button.quote-btn { width:155px; padding: 20px 15px; }
    .mainmenu-area ul.nav.navbar-nav li a { padding:22px 15px 18px; }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.logo {padding:0;}
    .head-top-right ul li{ width:230px; }
    .mainmenu-area ul.nav.navbar-nav li a { padding: 22px 9px 18px; font-size:12px; }
	 ul.nav.navbar-nav li ul {width:260px;}
    .button.quote-btn {width:155px; padding:20px 15px;}    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.head-top-area {padding:  0;}
    .navbar-toggle { background-color: transparent; border-radius: 0px; float:left;  margin-left: 15px; padding: 9px 10px;}
    .navbar-collapse {left: 0; margin: 0; position: absolute; top:47px; width:100%; z-index:999;}

	.mainmenu-area ul.nav.navbar-nav li {display:block;}
    .mainmenu-area ul.nav.navbar-nav li a {padding:10px 0 15px 18px;}
    .mainmenu-area ul.nav.navbar-nav li a:hover { background: none;}
	
	.mean-container .mean-bar {margin-bottom:25px; position:fixed; top:0; z-index:999999;}
    .mean-container .mean-nav ul li {}
    .mean-container .mean-nav ul li a{font-size:18px !important;}
     ul.nav.navbar-nav li ul { margin-left:5%; opacity:1; position:static; visibility:visible; width:260px;}

    .mean-container .mean-nav ul li a.mean-expand {line-height:32px;}
    .mainmenu-area ul.nav.navbar-nav li ul li a:hover {}
    .logo,.quote-btn { display:none;}
	.phone-icon{ position:absolute; right:60px; top:8px; display:block;}
	.phone-icon i{font-size:42px;}
	
	.sp-logo{position:absolute; left:10px; top:7px; display:block; width:180px;}
	.sp-logo img{width:80%; height:auto;}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mean-container .mean-bar {margin-bottom: 25px;}
}

#main-slider{}
#Mobile-main{display:none;}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
#main-slider{ display:none;}
#Mobile-main{display:block; background:url(../img/index/slide-img-1.jpg) center center no-repeat; height:80vh; position:relative; text-align:center !important;}
#Mobile-main dl{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	width:80%;
	margin:0 auto;
	color:#FFF; 
	}
	#Mobile-main dt{ font-size: 7.7vw;}
	#Mobile-main dd{font-size: 5.5vw;}

}

/* ===================================================================
　section-points style -index強み
=================================================================== */

.point{ position:relative; min-height:190px;}
.point img{ position:absolute; z-index:0; width:100%; height:auto;display: block;}
.point span{ position:absolute; z-index:2;
	width: 80px;
    height: 80px;
    line-height: 80px;
    top: -10px;
    left: 5px;
    background-color: #e74c3c;
    backface-visibility: hidden;
    border-radius: 50%;
    background-clip: padding-box;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
    overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.point{ min-height:190px;}
}
@media only screen and (max-width: 767px) {
	.point{min-height:190px;}
	}

/* ===================================================================
　section-case style -index事例
=================================================================== */
.section-case{}
.section-case p, .section-case dt, .section-case dd{margin-bottom:0 !important;}
.section-case a{ text-decoration:none !important;}
.section-case a:hover{text-decoration:none !important; display:block; -webkit-transition: all 0.4s ease 0s; transition:all 0.4s ease 0s;}

.section-case a:hover dl dd{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}

.section-case li{ float:left; width:31%; margin:20px 1%; background-color:rgba(255, 255, 255, 0.5); -webkit-transition: all 0.4s ease 0s; transition:all 0.4s ease 0s;}
.section-case p{height:auto; padding-top:21vh; width:100%; overflow:hidden; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center;
	      align-items: center; background:no-repeat center;	-webkit-background-size:cover; background-size:cover;}

.section-case dl{padding:15px;}
.section-case dl dt{ font-size:18px; font-weight:500;}
.section-case dl dd{ font-size:10px; text-decoration:none !important;}

@media only screen and (min-width: 992px) and (max-width: 1200px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .section-case li{ float:left; width:48%; margin:30px 1%;}
 .section-case p{height:250px; width:100%;}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.section-case li{ float:none; width:100%; margin:30px 0;}
.section-case p{ width:100%;}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.section-case li{ float:none; width:100%; margin:30px 0;}
}

/* ===================================================================
　section-news style -indexお知らせ
=================================================================== */
.section-news{}
.section-news p, .section-news dt, .section-news dd{margin-bottom:0 !important;}
.section-news a{float:left;}
.section-news dt {float:left; width:120px; overflow:hidden; clear:left; text-align:center; text-overflow:ellipsis; white-space:nowrap;padding:2px 0; font-size:12px; font-weight:600;}
.section-news dd {margin-left:150px; font-size:14px;}

.section-news div.list{padding:15px 0; }
.section-news div.list div.date{ float:right;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.section-news a,
.section-news dt,
.section-news div.list div.date{float:none; display:block;}
.section-news dt{}
.section-news dd{margin-left:0; margin-top:10px;}
.section-news div.list div.date{text-align:right;}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.section-news a,
.section-news dt,
.section-news div.list div.date{float:none; display:block;}
.section-news dt{}
.section-news dd{margin-left:0; margin-top:10px;}
.section-news div.list div.date{text-align:right;}
}




.section-access{ min-height:500px;}
.section-access .infor{ padding:80px 80px 0 80px !important;}
.section-access h4{ margin-bottom:20px;}
.section-access h6{ font-size:16px; font-weight:500; margin-bottom:10px;}

.section-access div[class*=col-]{ margin-bottom:30px;}
.section-access li{margin-bottom:5px;}


@media only screen and (max-width: 767px) {
.section-access .infor{ padding:40px 30px 10px 30px !important;}	
}

@media only screen and (max-width: 439px) {
.section-access .infor{ padding:40px 30px 10px 30px !important;}	
}





/* ===================================================================
　common-bg style
=================================================================== */

.bg-dark {height:100%; width:100%;}
.bg-nv {height:100%; width:100%;}
.bg-ptn {background:url(../img/base/ptn.png) 0 0 repeat; height:100%; width:100%;}
.bg-ptn-dark {background:url(../img/base/ptn-b.png) 0 0 repeat; height:100%; width:100%;}

.module-parallax {background-attachment:fixed; position:relative; background-repeat: no-repeat; background-position: center center; 
-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.lined-d{display:flex;flex-direction:row;align-items:center;text-align:center;position:relative}
.lined-d::after,
.lined-d::before{flex-grow:1;height:1px;content:'\a0';display:flex;margin-top:0;}
.lined-d::after{margin-left:30px}
.lined-d::before{margin-right:30px}

.lined-w{display:flex;flex-direction:row;align-items:center;text-align:center;position:relative}
.lined-w::after,
.lined-w::before{flex-grow:1;height:1px;content:'\a0';display:flex;margin-top:0;}
.lined-w::after{margin-left:30px}
.lined-w::before{margin-right:30px}


/* ===================================================================
　footer-TEL & CONTACT style
=================================================================== */

section.footer-contact h2{ margin-top:0 !important; margin-bottom:0 !important;}
.footer-contact h2 a{text-decoration:none !important; font-size:40px; letter-spacing: 2px;}
a.button-contact i{display:inline-block; padding-right: 10px;}
.footer-contact small{margin-bottom:0; display: inline-block; padding-left: 50px; letter-spacing: 3px; color: #ccc; font-weight: 400!important;}
.footer-contact a.button-contact{padding:15px 0; display:block; font-size:22px; text-align:center; text-decoration:none; border-radius:2px; margin-top:0;}
.footer-contact a:hover.button-contact{text-align:center; text-decoration:none;	-webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.footer-contact h2 a{text-decoration:none !important; font-size:36px;}
	.footer-contact a.button-contact{padding:15px 0; display:block; font-size:18px;} 
	}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {.footer-contact h2 a{text-decoration:none !important; font-size:36px;}}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.footer-contact div.col-sm-6{ text-align:center;}
	.footer-contact h2 a{text-decoration:none !important; }
	.footer-contact a.button-contact{ font-size:18px; }
	}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 439px) {
.footer-contact h2{ margin-top:0px;}
.footer-contact h2 a{text-decoration:none !important;font-size:11vw;}
.footer-contact a.button-contact{margin-top:20px;}
}

/* ===================================================================
　footer-area style
=================================================================== */
#footer-area{}
.foo-padding {padding:20px 0;}
.footer-bottom {font-size:10px;}
.copyright {word-spacing:1px;}
.social-links{ margin-top:15px;}
.social-links ul li {display:inline-block; margin-left:20px;}
.social-links ul li a {font-size:12px; font-weight:500; text-decoration:none !important;}
.social-links ul li a:hover{}
@media only screen and (min-width: 992px) and (max-width: 1200px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.copyright{ text-align:center;}
.social-links{ display:none;}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.copyright{ text-align:center;} 
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}



/*------------------------------------------------------------------------------------------------------------------------------*/

/*	03.section Css

/*------------------------------------------------------------------------------------------------------------------------------*/

section{}
.section-padding-l{padding:70px 0;}
.section-padding-m{padding: 70px 0;}
.section-padding-s{padding: 50px 0;}
.section-padding-xs{padding: 30px 0;}
.section-padding-small{padding:15px 0;}

section h2{font-size:2.5em; margin-bottom:20px; font-weight:400 !important; letter-spacing:-2px;}
section h3{font-size:28px; font-weight:800 !important;}
section h4{font-size:20px;}
section h5{font-size:22px; font-weight:400 !important;}

section p{ font-size:14px; line-height:22px; margin-bottom:20px;}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
section h2{font-size:32px;}
section h3{font-size:22px;}
section h4{font-size:20px;}
section h5{font-size:18px;}	
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
section h2{font-size:2.3em;  margin-bottom:40px;}
section h2 small{font-size:.5em;}
section h3{font-size:22px;}
section h4{font-size:20px;}
section h5{font-size:18px;}	
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
section h2{font-size:30px;}
section h3{font-size:22px;}
section h4{font-size:20px;}
section h5{font-size:18px;}
}




/*------------------------------------------------------------------------------------------------------------------------------*/

/*	04.section-SUB Css

/*------------------------------------------------------------------------------------------------------------------------------*/

.subpage-main{
	background-size: cover !important;
	height: 200px;
	width: 100%;
	display: block;
	}

.case,	
.news,
.luxury-space .subpage-main,
.deliverycontact .subpage-main,
.delivery .subpage-main,
.about .subpage-main,
.space .subpage-main,
.nsg4f .subpage-main,
.nsgl3f .subpage-main,
.menu .subpage-main,
.bbq .subpage-main,
.service .subpage-main,
.reform .subpage-main,
.points .subpage-main,
.afawork .subpage-main,
.afainfo .subpage-main,
.agents .subpage-main,
.company .subpage-main,
.inquiry .subpage-main,
.sitemap .subpage-main{background: url(../img/bg/sub_bg.jpg) center center no-repeat; }


.subpage-main-text{ width:100%; height:200px; position:relative;}
.subpage-main-text h2{ font-size:3em; margin-bottom:0 !important; position:absolute; top:65px; left:0; }
.subpage-main-text p{ position:absolute; top:160px; left:0;}


@media(min-width:1px) and (max-width:768px){
.subpage-main-text{ width:100%; height:300px; position:relative; margin-top:60px;}
.subpage-main-text h2{ font-size:3em; margin-bottom:0 !important; position:absolute; top:40px; left:20px; }
.subpage-main-text p{ position:absolute; top:160px; left:20px;}
.subpage-main-text p, .subpage-main-text p a{ color:#555 !important;}
	
}




.SUB{}
.SUB h2{ font-size:2.5em;}
.SUB h3{ margin-bottom:20px; font-size:2.5em; font-weight:400;}

.SUB h4 {position:relative; z-index:1; overflow:hidden; margin:0 0 30px 0; font-size:24px; padding:12px 0 12px 20px;}
.SUB h4:after {position:absolute; top:50%; overflow:hidden; width:100%; height:1px; content:'\a0'; }
.SUB h4 span{ font-size:12px; font-weight:bold;}
.SUB p, .SUB ft20{ font-size:15px !important; line-height:26px !important;}
.SUB li{ font-size:14px; line-height:24px;}

@media(min-width:1px) and (max-width:768px){
.SUB h2{ font-size:7vw;}	
.subpage-main h2{ font-size:36px; margin-bottom:0 !important;}	
.SUB h3{padding:23px 0; margin-bottom:40px; font-size:24px; font-weight:700; text-align:center;}
.SUB h3:before{content:""; font-family: FontAwesome; padding-right:0;}
.SUB h5{margin:20px 0;}

}


.Ri{width:100%; margin-bottom:40px;}
.Ri img:first-child{float:right; width:430px; height:auto; overflow:hidden; clear:right; text-align:right;}
.Ri div{margin-right:500px;}

.Li{width:100%; margin-bottom:40px;}
.Li img:first-child{float:left; width:430px; overflow:hidden; clear:left; text-align:left; height:auto;}
.Li div {margin-left:500px;}

.Ri:before, .Ri:after, .Li:before, .Li:after{display:table; content:""; line-height:0;}
.Ri:after, .Li:after{float:none; clear:both;}	


@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
.Ri{width:100%; margin-bottom:30px;}
.Ri img:first-child{float:none; width:100%; height:auto; overflow:hidden; clear:both; text-align:center;}
.Ri div{margin-right:0; margin-top:20px;}

.Li{width:100%; margin-bottom:30px;}
.Li img:first-child{float:none; width:100%; height:auto; overflow:hidden; clear:both; text-align:center;}
.Li div{margin-left:0; margin-top:20px;}	
	
}
@media(min-width:1px) and (max-width:420px){
}




.afawork-top{ margin-bottom:40px; }
.afawork-top a{display:block; padding:10px; opacity:1;}
.afawork-top a:hover{display:block; padding:10px; opacity:0.8; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.afawork-top div {height:200px; width:100%; overflow:hidden; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center;
	      align-items: center; background:no-repeat center;	-webkit-background-size:cover; background-size:cover;}
.afawork-top p{ font-size:12px; padding:0; margin:5px 0;}
.afawork-top p span.lv{padding:1px 10px; margin-right:10px; font-size:10px; border-radius:2px;}
.afawork-top h5{ font-size:14px; margin-bottom:10px; font-weight:400; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif!important;}	


@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}


.afawork-detail{}
.afawork-detail h3{ margin:20px 0;}
.afawork-detail .tips{ padding:1px 15px;  margin-right:10px; font-size: 12px;}
.afawork-detail .time{ font-size:14px;}
.afawork-detail h4{ padding:15px 20px;text-align:left; margin:20px 0 10px 0;}
.afawork-detail h4 small{ font-size:12px;}
.afawork-detail p{ margin-top:20px;}
.afawork-detail p.arrow{width:100px; margin:20px auto;}
.afawork-detail p.arrow img{ width:100px; height:auto; }


.afawork-detail p.arrow-sp{ display:none;}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.afawork-detail p.arrow{width:100px; margin:20px auto;}
.afawork-detail p.arrow img{ width:auto; height:270px;}
.afawork-detail p.arrow-sp{ display:none;}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.afawork-detail p.arrow{ display:none; width:100px; margin:20px auto;}
.afawork-detail p.arrow-sp{display:block; text-align:center;}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.afawork-detail p.arrow{ display:none; width:100px; margin:20px auto;}
.afawork-detail p.arrow-sp{display:block; text-align:center;}
}




.afawork-detail-d{}
.afawork-detail-d h3{ margin:20px 0;}
.afawork-detail-d .tips{ padding:1px 15px;  margin-right:10px; font-size: 12px;}
.afawork-detail-d .time{ font-size:14px;}
.afawork-detail-d p{ margin-top:20px;}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.afawork-detail-d div.category{ margin-top:20px;}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.afawork-detail-d div.category{ margin-top:20px;}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}




.afainfo-sg{ margin-top:20px; padding-top:30px;}
@media only screen and (max-width: 767px) {
.afainfo-sg div.col-xs-12{ margin:10px auto;}
}





.afainfo-detail{}
.afainfo-detail h3{ margin-bottom:20px;}
.afainfo-detail .tips{padding:1px 15px;  margin-right:10px; font-size: 12px;}
.afainfo-detail .time{ font-size:14px;}
.afainfo-detail p{ margin-top:20px; padding-top:30px;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}


/* -------------------------------------------------------------------
　Flows
------------------------------------------------------------------- */
.flows{}
.flows dl{}
.flows dt{ font-size:20px; padding-right:30px; text-align:left;}
.flows dt span{ padding:1px 20px 0 20px; font-size:12px; margin-bottom:5px;}
.flows dd{ margin-top:20px;}
.flows hr{margin-top:20px; margin-bottom:20px;}

@media only screen and (min-width: 992px) and (max-width: 1200px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.flows dt{ border-right:none;}
	.flows dl{ text-align:center;}
	}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {}




/* -------------------------------------------------------------------
　Table
------------------------------------------------------------------- */
.table {width:100%;	 margin:0;}
.table dt:first-child{border-top:none;}
.table dt {float:left; clear:both; width:20%; padding:19px 20px; font-weight:500;}
.table dt:first-child+dd {border-top:none;}
.table dd {float:right;	width:80%; padding:19px 20px 19px 19px; font-size:98%;}

@media only screen and (min-width: 992px) and (max-width: 1200px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.table dt{float:none; width:100%; padding:10px 14px; border:none;}
.table dd{float:none; width: 100%; padding: 10px 14px 30px 14px; border:none;}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {}




/* -------------------------------------------------------------------
　G-MAP
------------------------------------------------------------------- */


#map_canvas{width:100% !important;	height: 500px !important;}
@media(min-width:1px) and (max-width:960px){}
@media(min-width:1px) and (max-width:768px){}
@media(min-width:1px) and (max-width:420px){
#map_canvas{width:100% !important; height:400px !important;}
}

/* -------------------------------------------------------------------
　SITE-MAP
------------------------------------------------------------------- */

.smap{}
.smap li{ margin-bottom:0 !important;}
.smap li a{ display:block; width:100%; font-size:18px; padding:15px;}
.smap li a:before{content:" \f105"; font-family: FontAwesome; padding-right:20px;}
.smap li a:hover{text-decoration:none; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}




/* -------------------------------------------------------------------
　お問い合わせ
------------------------------------------------------------------- */
div.wpcf7{width:100%;}
div.wpcf7 p{margin:0 auto; font-weight:bold;}
.wpcf7 input,.wpcf7 textarea,.wpcf7 select,.wpcf7 p span{padding:5px;}
div.wpcf7 .wpcf7-submit{font-size:20px;	width:100%; padding:15px 0; margin:0 auto !important; border:none; border-radius:3px; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
div.wpcf7 img.ajax-loader{text-align:center;}
@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
}
@media(min-width:1px) and (max-width:420px){
}
.inquiry-table{}
.inquiry-table dl{
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EDEDED;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-top: -1px;
	background-color: #F5F5F5;
}
.inquiry-table dt {
	float: left;
	padding-left: 2%;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #F5F5F5;
}
.inquiry-table dd {
	float: right;
	width: 75%;
	padding-left: 2%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EDEDED;
	background-color: #FFF;
}
.inquiry-table .privacy{
	margin-top: 20px;
	border: 1px solid #EDEDED;
	padding: 20px;
	font-size: 12px;
}
.inquiry-table .privacy .privacy-frame{
}

.inquiry-table .privacy .privacy-frame p{ font-size:12px !important; line-height:18px !important;}
.inquiry-table .privacy .privacy-frame li{ font-size:12px !important; line-height:18px !important;}

.inquiry-table .contact-botan{
	margin: 20px auto;
	width:50% !important;
}

@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
	inquiry-table .contact-botan{
	margin: 20px auto;
	width:100% !important;
}

}
@media(min-width:1px) and (max-width:420px){
			.inquiry-table dl {
			width: 100%;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #EDEDED;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #EDEDED;
			margin-top: -1px;
			background-color: #F5F5F5;
			}
			.inquiry-table dt {
			float: none;
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			padding-top: 10px;
			padding-bottom: 0;
			background-color: #FFF;
			}
			.inquiry-table dd {
			float: none;
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #FFF;
			border:none;
			}
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 100%;
	border: 1px solid #ddd;
	font-size: 100%;
	border-radius: 1px;
	box-shadow:none;
	display:block;
}

.wpcf7 img{width:inherit !important; width:16px !important; height:16px !important;}


.form-grp{}
.form-grp label{ float:left; margin-right:30px;}
.form-grp br{ display:none !important;}

.wpcf7 span.wpcf7-list-item-label{ font-size:16px; line-height:35px;}


@media only screen and (max-width: 767px) {
.inquiry-table dl{ background-color:#FFF !important; padding:10px 0;}
.inquiry-table dl dt{ font-size:1.3em; padding:10px 0;}
.inquiry-table dl dt small{ font-size:.75em; font-weight:300;}
.wpcf7 input[type="date"] {
	background-color: #fff;
	color: #333;
	width: calc(100vw - 30px);
	border: 1px solid #ddd;
	font-size: 100%;
	border-radius: 1px;
	box-shadow:none;
	display:block;
}


.form-grp label.xs-fc{ display:block; clear:both; float:none; width:100%; margin-bottom:20px;}
.form-grp label.xs-w40{ width:40% !important; padding:0 !important; margin:0 !important;}
.form-grp label.xs-w20{ width:20% !important; padding:0 !important; margin:0 !important; text-align:center !important;}
.form-grp label.xs-pd0{ padding:0 !important;}
.form-grp label{ float:left; margin-right:50px;}
}






/* ------------------------------------------------------------- *
 *  Content carousel - CC (based on OWL Carousel)
/* ------------------------------------------------------------- */




.cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.12);
}



/* portfolio item */
.portfolio-item {
	position: relative;
	overflow: hidden;
}
.portfolio-item .item-link {
	display: block;
}
.portfolio-item .cover {
	z-index: 1;
	opacity: 0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.portfolio-item:hover .cover {
	opacity: .7;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.portfolio-item .item-img {
}
.portfolio-item:hover .item-img {
}

/* portfolio item info */
.portfolio-item .item-info {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	padding: 0 15px;
	text-align: center;
	z-index: 2;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%) scale(0.8);
	-moz-transform: translate(-50%, -50%) scale(0.8);
	-o-transform: translate(-50%, -50%) scale(0.8);
	-ms-transform: translate(-50%, -50%) scale(0.8);
	transform: translate(-50%, -50%) scale(0.8);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.portfolio-item:hover .item-info {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}
.portfolio-item .item-info-title {
	margin: 0 0 5px 0;
	font-size: 20px;
	font-weight: 500;
}
.portfolio-item .item-info-text {
	margin: 0;
	font-size: 16px;
}









.owl-carousel .owl-item {
	z-index: 9;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* OWL video */
.owl-carousel .owl-video-wrapper, .owl-video-frame {
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.owl-video-frame {
	position: absolute !important;
	top: 0;
	left: 0;
	height: 0;
}
.owl-video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.owl-carousel .owl-video-tn { /* video screenshot */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.owl-carousel .owl-video-play-icon { /* video play icon*/
	height: 100px;
	width: 100px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	background-position: center;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


/* OWL controls */
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	position: absolute;
}

/* Prev/Next buttons */
.owl-nav {
	margin: 0;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	top: 50%;
	width: 70px;
	height: 70px;
	line-height: 69px;
	background-color: rgba(152, 127, 40, 0.4);
	margin: 0;
	text-align: center;
	font-size: 19px;
	color: #FFF;
	opacity: 0;
	overflow: visible;
	z-index: 999;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 992px) {
	.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {width:50px;	height:50px; line-height:40px;}
}
.owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next {opacity:1;}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {background-color: rgba(152, 127, 40, 0.8);}
.owl-carousel .owl-nav .owl-prev {left:0px;}
.owl-carousel .owl-nav .owl-next {right:0px;}
.owl-carousel:hover .owl-nav .owl-prev {left:20px;}
.owl-carousel:hover .owl-nav .owl-next {right:20px;}

/* Prev/Next buttons disabled (no loop) */
.owl-carousel .owl-nav .owl-prev.disabled {background-color: rgba(173, 173, 173, 0.3);}
.owl-carousel .owl-nav .owl-next.disabled {background-color: rgba(173, 173, 173, 0.3);}

/* Prev/Next buttons positions outside top */
.nav-outside .owl-nav {position:absolute; top:-50px; right:0; width:65px;}
.nav-outside .owl-nav .owl-prev, .nav-outside .owl-nav .owl-next{
	width: 30px;
	height: 30px;
	line-height: 22px;
	background: transparent;
	font-size: 19px;
	color: #333;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.nav-outside .owl-nav .owl-prev:hover, .nav-outside .owl-nav .owl-next:hover{background-color:transparent; color:#987F28;}
.nav-outside .owl-nav .owl-prev.disabled, .nav-outside .owl-nav .owl-next.disabled{background-color:transparent; color:#D0D0D0;}
.nav-outside:hover .owl-nav .owl-prev {left:0;}
.nav-outside:hover .owl-nav .owl-next {right:0;}

/* Prev/Next buttons rounded */
.nav-rounded .owl-nav .owl-prev, .nav-rounded .owl-nav .owl-next {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.nav-outside.nav-rounded .owl-nav .owl-prev, .nav-outside.nav-rounded .owl-nav .owl-next {
	line-height: 26px;
	font-size: 14px;
	border: 1px solid #222;
}
.nav-outside.nav-rounded .owl-nav .owl-prev:hover, .nav-outside.nav-rounded .owl-nav .owl-next:hover {
	background-color: #222;
	color: #FFF;
}
.nav-outside.nav-rounded .owl-nav .owl-prev.disabled, .nav-outside.nav-rounded .owl-nav .owl-next.disabled {
	background-color: transparent;
	color: #D0D0D0;
	border-color: #D0D0D0;
}

/* Dots */
.owl-carousel .owl-dot {
	display: inline-block;
}
.owl-dots, .owl-nav.disabled + .owl-dots {
	position: absolute;
	bottom: 15px;
	margin-top: 0px;
	left: 50%;
	overflow: visible;
	z-index: 999;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.owl-dots .owl-dot span {
	display: block;
	width: 8px;
	height: 8px;
	background: #D6D6D6;
	margin: 0px 4px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
	background-color: #987F28;
}
.owl-dots .owl-dot.active span {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

/* Dots positions outside */
.dots-outside .owl-dots, .dots-outside .owl-nav.disabled + .owl-dots {
	bottom: -50px;
}
.dots-left .owl-dots, .dots-left .owl-nav.disabled + .owl-dots {
	left: 20px;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.dots-right .owl-dots, .dots-right .owl-nav.disabled + .owl-dots {
	left: inherit;
	right: 20px;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* Dots rounded */
.dots-rounded .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* CC item */
.owl-carousel .cc-item {
	display: block;
}

/* CC item sizes */
.owl-carousel .cc-item-h100 { min-height: 100px; }
.owl-carousel .cc-item-h150 { min-height: 150px; }
.owl-carousel .cc-item-h200 { min-height: 200px; }
.owl-carousel .cc-item-h250 { min-height: 250px; }
.owl-carousel .cc-item-h300 { min-height: 300px; }
.owl-carousel .cc-item-h350 { min-height: 350px; }
.owl-carousel .cc-item-h400 { min-height: 400px; }
.owl-carousel .cc-item-h450 { min-height: 450px; }
.owl-carousel .cc-item-h500 { min-height: 500px; }
.owl-carousel .cc-item-h550 { min-height: 550px; }
.owl-carousel .cc-item-h600 { min-height: 600px; }
.owl-carousel .cc-item-h650 { min-height: 650px; }
.owl-carousel .cc-item-h700 { min-height: 700px; }
.owl-carousel .cc-item-h750 { min-height: 750px; }
.owl-carousel .cc-item-h800 { min-height: 800px; }

.owl-carousel .cc-item-h-full {
	height: -o-calc(100vh - 200px); 
	height: -webkit-calc(100vh - 200px); 
	height: -moz-calc(100vh - 200px);
	height: calc(100vh - 200px);
}
@media only screen and (max-width: 1200px) {
	.owl-carousel .cc-item-h-full {
		height: -o-calc(100vh - 120px); 
		height: -webkit-calc(100vh - 120px); 
		height: -moz-calc(100vh - 120px);
		height: calc(100vh - 120px);
	}
}
@media only screen and (max-width: 768px) {
	.owl-carousel .cc-item-h-full {
		height: -o-calc(100vh - 70px); 
		height: -webkit-calc(100vh - 70px); 

		height: -moz-calc(100vh - 70px);
		height: calc(100vh - 70px);
	}
}

/* CC caption */
.owl-carousel .cc-caption {
	position: absolute;
	width: 100%;
	padding: 2% 3%;
}
.owl-carousel .cc-title {
	margin-bottom: 10px;
	font-size: 42px;
	font-weight: bold;
}
.owl-carousel .cc-caption .heading-title  {
	font-weight: 500;
}
.owl-carousel .cc-description {
	margin: 0;
}
@media only screen and (max-width: 768px) {
	.owl-carousel .cc-caption .heading-title  {
		font-size: 22px;
	}
}

/* CC caption sizes 
==================== */

/* cc-caption-xs */
.owl-carousel .cc-caption.cc-caption-xs .cc-title {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
}
.owl-carousel .cc-caption.cc-caption-xs .cc-description {
	font-size: 14px;
}

/* cc-caption-sm */
.owl-carousel .cc-caption.cc-caption-sm .cc-title {
	margin-bottom: 5px;
	font-size: 32px;
	font-weight: bold;
}
.owl-carousel .cc-caption.cc-caption-sm .cc-description {
	font-size: 16px;
}

/* cc-caption-lg */
.owl-carousel .cc-caption.cc-caption-lg .cc-title {
	margin-bottom: 10px;
	font-size: 52px;
	font-weight: bold;
}

/* cc-caption-xlg */
.owl-carousel .cc-caption.cc-caption-xlg .cc-title {
	margin-bottom: 20px;
	font-size: 72px;
	font-weight: bold;
}

/* CC caption sizes on smaller screens */
@media only screen and (max-width: 1200px) {
	.owl-carousel .cc-caption.cc-caption-xlg .cc-title,
	.owl-carousel .cc-caption.cc-caption-lg .cc-title {
		font-size: 52px;
	}
}
@media only screen and (max-width: 991px) {
	.owl-carousel .cc-caption.cc-caption-xlg .cc-title,
	.owl-carousel .cc-caption.cc-caption-lg .cc-title {
		font-size: 42px;
	}
}
@media only screen and (max-width: 768px) {
	.owl-carousel .cc-caption.cc-caption-xlg .cc-title,
	.owl-carousel .cc-caption.cc-caption-lg .cc-title,
	.owl-carousel .cc-caption.cc-caption-sm .cc-title,
	.owl-carousel .cc-title {
		font-size: 21px;
	}
}

/* CC caption positions 
======================== */
/* position top */
.owl-carousel .cc-caption.top-left {
	top: 0;
	text-align: left;
}
.owl-carousel .cc-caption.top-center {
	top: 0;
	text-align: center;
}
.owl-carousel .cc-caption.top-right {
	top: 0;
	text-align: right;
}
/* position center */
.owl-carousel .cc-caption.center-left {
	top: 50%;
	text-align: left;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.owl-carousel .cc-caption.center {
	top: 50%;
	text-align: center;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.owl-carousel .cc-caption.center-right {
	top: 50%;
	text-align: right;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
/* position bottom */
.owl-carousel .cc-caption.bottom-left {
	bottom: 0;
	text-align: left;
}
.owl-carousel .cc-caption.bottom-center {
	bottom: 0;
	text-align: center;
}
.owl-carousel .cc-caption.bottom-right {
	bottom: 0;
	text-align: right;
}



#about-2 .desc-about-2 {
  background:url(../img/base/ptn-b.png) 0 0 repeat; height:100%; width:100%;
  overflow: hidden;
  position: relative; }
  
  @media screen and (max-width: 992px) {
    #about-2 .desc-about-2:before {
      display: inline-block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(44, 37, 36, 0.33);
      background: -webkit-gradient(left top, left bottom, color-stop(59%, rgba(44, 37, 36, 0.33)), color-stop(61%, rgba(44, 37, 36, 0.33)), color-stop(100%, rgba(44, 37, 36, 0.75)));
      background: -webkit-linear-gradient(top, rgba(44, 37, 36, 0.33) 59%, rgba(44, 37, 36, 0.33) 61%, rgba(44, 37, 36, 0.75) 100%);
      background: linear-gradient(to bottom, rgba(44, 37, 36, 0.33) 59%, rgba(44, 37, 36, 0.33) 61%, rgba(44, 37, 36, 0.75) 100%);
      content: '';
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2524', endColorstr='#2c2524', GradientType=0 ); } 
	  }
  @media screen and (max-width: 480px) {
    /*#about-2 .desc-about-2 {
      background-image: url(../img/index/img-about1.jpg);
      background-size: cover;}
	  */
	.in-space-bg {
      background-image: url(../img/index/in-space-bg.jpg) !important;
      background-size: cover;}
	
	.in-menu-bg {
      background-image: url(../img/index/in-menu-bg.jpg) !important;
      background-size: cover;}    
	  
	  
	  
	.about01-bg {
      background-image: url(../img/index/about01-bg.jpg) !important;
		background-position: 0 0;
		background-repeat: no-repeat;
      background-size:150% auto!important;}
	
	.about02-bg {
      background-image: url(../img/index/about02-bg.jpg) !important;
      background-position: 0 0;
		background-repeat: no-repeat;
      background-size:150% auto!important;} 
	  
	.about03-bg {
      background-image: url(../img/index/about03-bg.jpg) !important;
      background-position: 0 0;
		background-repeat: no-repeat;
      background-size:150% auto!important;}
	
	.about04-bg {
      background-image: url(../img/index/about04-bg.jpg) !important;
      background-position: 0 0;
		background-repeat: no-repeat;
      background-size:150% auto!important;}  
	  
	 .about05-bg {
      background-image: url(../img/index/about05-bg.jpg) !important;
      background-position: 0 0;
		background-repeat: no-repeat;
      background-size:150% auto!important;}  
	  
	  
	.space01-bg {
      background-image: url(../img/index/space01-bg.jpg) !important;
      background-size: cover;} 
	  
	.space02-bg {
      background-image: url(../img/index/space02-bg.jpg) !important;
      background-size: cover;}
	  
	  
	  
	  
	.menu01-bg {
      background-image: url(../img/index/menu01-bg.jpg) !important;
      background-size: cover;}
	
	.menu02-bg {
      background-image: url(../img/index/menu02-bg.jpg) !important;
      background-size: cover;}
	  
	.menu03-bg {
      background-image: url(../img/index/menu03-bg.jpg) !important;
      background-size: cover;}            

	  }
	  
  @media screen and (min-width: 1200px) {
    #about-2 .desc-about-2 {
      min-height:400px; } 
	  }
  #about-2 .desc-about-2 .row > div { position: relative; }
    @media screen and (max-width: 992px) {
      #about-2 .desc-about-2 .row > div:before {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(44, 37, 36, 0.6);
        background: -webkit-gradient(left top, left bottom, color-stop(59%, rgba(44, 37, 36, 0.33)), color-stop(61%, rgba(44, 37, 36, 0.33)), color-stop(100%, rgba(44, 37, 36, 0.75)));
        background: -webkit-linear-gradient(top, rgba(44, 37, 36, 0.33) 59%, rgba(44, 37, 36, 0.33) 61%, rgba(44, 37, 36, 0.75) 100%);
        background: linear-gradient(to bottom, rgba(44, 37, 36, 0.33) 59%, rgba(44, 37, 36, 0.33) 61%, rgba(44, 37, 36, 0.75) 100%);
        content: ""; }
		}
  #about-2 .desc-about-2 img {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
	}
    @media screen and (max-width: 480px) {
		#about-2 .desc-about-2 img {display: none; }
		}
		
  #about-2 .desc-about-2 .about-boxes {padding: 50px 10px; z-index:9; position:relative;}
    @media screen and (min-width: 1366px) {
      #about-2 .desc-about-2 .about-boxes {padding:100px;} 
		}
    #about-2 .desc-about-2 .about-boxes p {
      margin-top: 20px; }
@media only screen and (max-width: 767px) {
	#about-2 .desc-about-2 .about-boxes h2{font-size: 7vw;}
}

	  
.menu-1 .desc-about-2 { background:url(../img/base/ptn-b.png) 0 0 repeat; height:100%; width:100%; overflow:hidden; position:relative;}
  
  @media screen and (max-width: 992px) {
    .menu-1 .desc-about-2:before {
      display: inline-block;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(44, 37, 36, 0.33);
      background: -webkit-gradient(left top, left bottom, color-stop(59%, rgba(44, 37, 36, 0.33)), color-stop(61%, rgba(44, 37, 36, 0.33)), color-stop(100%, rgba(44, 37, 36, 0.75)));
      background: -webkit-linear-gradient(top, rgba(44, 37, 36, 0.33) 59%, rgba(44, 37, 36, 0.33) 61%, rgba(44, 37, 36, 0.75) 100%);
      background: linear-gradient(to bottom, rgba(44, 37, 36, 0.33) 59%, rgba(44, 37, 36, 0.33) 61%, rgba(44, 37, 36, 0.75) 100%);
      content: '';
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2524', endColorstr='#2c2524', GradientType=0 ); } 
	  }
  @media screen and (max-width: 480px) {
    .menu-1 .desc-about-2 {background-image: url(../images/about/img-about2.jpg); background-size: cover; }
	  }
  @media screen and (min-width: 1200px) {
    .menu-1 .desc-about-2 {min-height:500px; }
	}
    .menu-1 .desc-about-2 .row > div {position:relative;}
	
    @media screen and (max-width: 992px) {
      .menu-1 .desc-about-2 .row > div:before {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(44, 37, 36, 0.6);
        background: -webkit-gradient(left top, left bottom, color-stop(59%, rgba(44, 37, 36, 0.33)), color-stop(61%, rgba(44, 37, 36, 0.33)), color-stop(100%, rgba(44, 37, 36, 0.75)));
        background: -webkit-linear-gradient(top, rgba(44, 37, 36, 0.33) 59%, rgba(44, 37, 36, 0.33) 61%, rgba(44, 37, 36, 0.75) 100%);
        background: linear-gradient(to bottom, rgba(44, 37, 36, 0.33) 59%, rgba(44, 37, 36, 0.33) 61%, rgba(44, 37, 36, 0.75) 100%);
        content: ""; }
		}
  .menu-1 .desc-about-2 img {max-width:100%; width:100%; height:auto; position:absolute; top:0px; left:0px; }
  @media screen and (max-width: 480px){
      .menu-1 .desc-about-2 img {display:none;}
	   }
  .menu-1 .desc-about-2 .about-boxes {padding:50px 10px; z-index:9; position:relative; }
  .menu-1 .desc-about-2 .about-boxes p { margin-top:20px;}
  @media only screen and (max-width: 767px) {
	.menu-1 .desc-about-2 .about-boxes h3{ font-size:2.2em; letter-spacing:-1px; margin-bottom:15px !important; padding:0 !important; text-align:left !important;}		
		
  }


@media screen and (min-width: 1366px) {
.menu-1 .desc-about-2 .about-boxes {padding:100px;} 
		}


.get-btn a {
    display: inline-block;
    font-weight: 700;
	font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 250px;
    -webkit-transition: .4s;
    transition: .4s;
}







/*-- bootstrap tab css --*/
.mod-tab-nav,
.nav-pills {
	*zoom: 1;
}

.mod-tab-nav:before,
.nav-pills:before,
.mod-tab-nav:after,
.nav-pills:after {
    display: table;
    line-height: 0;
    content: "";
}

.mod-tab-nav:after,
.nav-pills:after {
    clear: both;
}

.mod-tab-nav > li,
.nav-pills > li {
    float: left;
}

.mod-tab-nav > li > a,
.nav-pills > li > a {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 2px;
    line-height: 30px;
}

.mod-tab-nav {
    border-bottom: 1px solid #ddd;
	margin-bottom:30px;
}

.mod-tab-nav > li {
    margin-bottom: -1px;
	font-size:20px;
}

.mod-tab-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 30px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.mod-tab-nav > li > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}

.mod-tab-nav a.current,
.mod-tab-nav a.current:hover {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	text-decoration: none;
}

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    color: #ffffff;
    background-color: #0088cc;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li > a {
    margin-right: 0;
}

.mod-tab-nav.nav-stacked {
    border-bottom: 0;
}

.mod-tab-nav.nav-stacked > li > a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mod-tab-nav.nav-stacked > li:first-child > a {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
}

.mod-tab-nav.nav-stacked > li:last-child > a {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.mod-tab-nav.nav-stacked > li > a:hover {
    z-index: 2;
    border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}

.mod-tab-nav .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}

/* move down carets for tabs */

.mod-tab-nav .dropdown-toggle .caret {
    margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.mod-tab-nav .active .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover {
    cursor: pointer;
}

.mod-tab-nav .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover {
    border-color: #999999;
}

.mod-tab {
    *zoom: 1;
}

.mod-tab:before,
.mod-tab:after {
    display: table;
    line-height: 0;
    content: "";
}

.mod-tab:after {
    clear: both;
}

.mod-tab-contents {
    overflow: auto;
}

.tabs-below > .mod-tab-nav,
.tabs-right > .mod-tab-nav,
.tabs-left > .mod-tab-nav {
    border-bottom: 0;
}

.mod-tab-contents > .mod-tab-contents-item,
.pill-content > .pill-pane {
    /*--display: none;--*/
}

.mod-tab-contents > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .mod-tab-nav {
    border-top: 1px solid #ddd;
}

.tabs-below > .mod-tab-nav > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .mod-tab-nav > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .mod-tab-nav > li > a:hover {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .mod-tab-nav > .active > a,
.tabs-below > .mod-tab-nav > .active > a:hover {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .mod-tab-nav > li,
.tabs-right > .mod-tab-nav > li {
    float: none;
}

.tabs-left > .mod-tab-nav > li > a,
.tabs-right > .mod-tab-nav > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .mod-tab-nav {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .mod-tab-nav > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .mod-tab-nav > li > a:hover {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .mod-tab-nav .active > a,
.tabs-left > .mod-tab-nav .active > a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .mod-tab-nav {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .mod-tab-nav > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .mod-tab-nav > li > a:hover {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .mod-tab-nav .active > a,
.tabs-right > .mod-tab-nav .active > a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.nav > .disabled > a {
    color: #999999;
}

.nav > .disabled > a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
}


/*-- end bootstrap tab css --*/

.menu-list{ padding:0 0;}
.menu-list li{padding:15px 0;}
.menu-list li dd h5 span{ font-size:12px;}
.menu-list li dd h5 small{ font-size:13px; margin-left: 10px!important;}
.menu-list li dd h5{text-align:left; font-weight:400 !important; margin:0 !important;padding:0 !important; line-height:26px !important; width:100%;}
.menu-list dl dt {float:left; width:25px; height:25px; line-height:25px; overflow:hidden; clear:left; text-align:center; font-size:12px; font-weight:200; font-style:italic !important; }
.menu-list dl dd {margin-left:40px;}
.menu-list h6{font-size: 16px; font-weight: 400; letter-spacing: -1px;}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.menu-list{ padding:0 30px;}
.menu-list dl dt {float:left; width:25px; height:25px; line-height:25px; overflow:hidden; clear:left; text-align:center; font-size:12px; font-weight:200; font-style:italic !important;}
.menu-list dl dd {margin-left:40px;}
}
.menu-list dl:before, .menu-list dl:after{display:table; line-height:0; content:"";}
.menu-list dl:after{clear:both;}

.ct-path{}
.ct-path dl.pr30{ padding-right:40px;}
.ct-path dl.pl30{ padding-left:40px;}
.ct-path dl dt{font-size:1.5em !important; margin-bottom:10px; font-weight:300 !important; letter-spacing:0;}
.ct-path dl dd h2, .ct-path dl dd h2 span{margin-bottom:0 !important; line-height:22px !important;}

.yoyaku{ padding:0;}
.yoyaku a {
    display: inline-block;
    font-weight: 700;
	font-size:20px;
    line-height: 65px;
    text-align: center;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
}

@media only screen and (max-width: 767px) {
.ct-path{}
.ct-path dl.pr30{ padding-right:0;}
.ct-path dl.pl30{ padding-left:0;}
.ct-path dl dt{font-size:1.5em; margin-bottom:20px; margin-top:20px; font-weight:300 !important; text-align:center; letter-spacing:0;}
.ct-path dl dd{text-align:center;}
.ct-path dl dd h2{font-size:3em !important;}
.ct-path dl dd h2, .ct-path dl dd h2 span{margin-bottom:0 !important; line-height:22px !important;}	
}
.widget-contactform{}
.widget-contactform h2{ font-size:2.5em !important; font-weight:300 !important;}
.widget-cat{}
.widget-cat li{mfont-size:14px !important; margin-bottom: 5px;}

.widget-cat li a{ padding-right:10px;}

.widget-cat li.cat-item ul.children{ margin-top:10px !important; margin-left:10px;}
.widget-cat li.cat-item ul.children li{ margin-bottom:10px !important;}
.widget-cat li.cat-item ul.children li a{font-weight:400 !important; font-size:14px !important; }
.widget-cat li a:hover{ color:#F80;}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

.time-list{}
.time-list h5{ margin-bottom:30px;}
.time-list ul{}
.time-list ul li{ margin-bottom:10px;}
.time-list ul li span{ width:115px; display:inline-table; font-weight:700; line-height:14px !important;}
.time-list ul li span small{ font-size:.7em;  font-weight:500;}

.layout{}
.layout h5{ margin-bottom:30px;}
.layout ul{}
.layout ul li{ margin-bottom:12px; padding-bottom:12px;}
.layout ul li span{ width:250px; display:inline-table; font-weight:700; line-height:14px !important; letter-spacing:-1px;}

@media only screen and (max-width: 767px) {
	.layout ul li span{ width:100%; display:inline-table; font-weight:700; line-height:14px !important; letter-spacing:-1px;}
}

.tag-list,
.tag-ctn{}
.tag-list li,
.tag-ctn li{ float:left; margin-bottom:4px !important;}
.tag-list li a,
.tag-ctn li a{padding:2px 7px; margin-right:5px; font-size:10px !important; border-radius:2px; line-height:14px;}
.tag-list li a:hover,
.tag-ctn li a:hover{padding:2px 7px; margin-right:5px; font-size:12px; border-radius:2px;}
.tag-list:before,
.tag-list:after,
.tag-ctn:before,
.tag-ctn:after{display:table; line-height:0; content:"";}
.tag-list:after,
.tag-ctn:after{clear:both;}


.m-b-0{margin-bottom:0 !important}
.m-b-10{margin-bottom:10px !important}
.m-b-15{margin-bottom:15px !important}
.m-b-20{margin-bottom:20px !important}
.m-b-30{margin-bottom:30px !important}
.m-b-40{margin-bottom:40px !important}
.m-b-50{margin-bottom:50px !important}
.m-b-60{margin-bottom:60px !important}
.m-b-70{margin-bottom:70px !important}
.m-b-80{margin-bottom:80px !important}
.m-b-90{margin-bottom:90px !important}


.m-t-0{margin-top:0 !important}
.m-t-10{margin-top:10px !important}
.m-t-15{margin-top:15px !important}
.m-t-20{margin-top:20px !important}
.m-t-30{margin-top:30px !important}
.m-t-40{margin-top:40px !important}
.m-t-50{margin-top:50px !important}
.m-t-60{margin-top:60px !important}
.m-t-70{margin-top:70px !important}
.m-t-80{margin-top:80px !important}
.m-t-90{margin-top:90px !important}


.p-t-0{padding-top:0 !important}
.p-t-10{padding-top:10px !important}
.p-t-15{padding-top:15px !important}
.p-t-20{padding-top:20px !important}
.p-t-30{padding-top:30px !important}
.p-t-40{padding-top:40px !important}
.p-t-50{padding-top:50px !important}
.p-t-60{padding-top:60px !important}
.p-t-70{padding-top:70px !important}
.p-t-80{padding-top:80px !important}
.p-t-90{padding-top:90px !important}

.p-b-0{padding-bottom:0 !important}
.p-b-10{padding-bottom:10px !important}
.p-b-15{padding-bottom:15px !important}
.p-b-20{padding-bottom:20px !important}
.p-b-30{padding-bottom:30px !important}
.p-b-40{padding-bottom:40px !important}
.p-b-50{padding-bottom:50px !important}
.p-b-60{padding-bottom:60px !important}
.p-b-70{padding-bottom:70px !important}
.p-b-80{padding-bottom:80px !important}
.p-b-90{padding-bottom:90px !important}


@media only screen and (max-width: 767px) {
	
.m-b-0-xs{margin-bottom:0 !important}
.m-b-10-xs{margin-bottom:10px !important}
.m-b-15-xs{margin-bottom:15px !important}
.m-b-20-xs{margin-bottom:20px !important}
.m-b-30-xs{margin-bottom:30px !important}
.m-b-40-xs{margin-bottom:40px !important}
.m-b-50-xs{margin-bottom:50px !important}
.m-b-60-xs{margin-bottom:60px !important}
.m-b-70-xs{margin-bottom:70px !important}
.m-b-80-xs{margin-bottom:80px !important}
.m-b-90-xs{margin-bottom:90px !important}


.m-t-0-xs{margin-top:0 !important}
.m-t-10-xs{margin-top:10px !important}
.m-t-15-xs{margin-top:15px !important}
.m-t-20-xs{margin-top:20px !important}
.m-t-30-xs{margin-top:30px !important}
.m-t-40-xs{margin-top:40px !important}
.m-t-50-xs{margin-top:50px !important}
.m-t-60-xs{margin-top:60px !important}
.m-t-70-xs{margin-top:70px !important}
.m-t-80-xs{margin-top:80px !important}
.m-t-90-xs{margin-top:90px !important}
	
.m-l-30-xs{margin-left:30px !important}

.p-t-0-xs{padding-top:0 !important}
.p-t-10-xs{padding-top:10px !important}
.p-t-15-xs{padding-top:15px !important}
.p-t-20-xs{padding-top:20px !important}
.p-t-30-xs{padding-top:30px !important}
.p-t-40-xs{padding-top:40px !important}
.p-t-50-xs{padding-top:50px !important}
.p-t-60-xs{padding-top:60px !important}
.p-t-70-xs{padding-top:70px !important}
.p-t-80-xs{padding-top:80px !important}
.p-t-90-xs{padding-top:90px !important}

.p-b-0-xs{padding-bottom:0 !important}
.p-b-10-xs{padding-bottom:10px !important}
.p-b-15-xs{padding-bottom:15px !important}
.p-b-20-xs{padding-bottom:20px !important}
.p-b-30-xs{padding-bottom:30px !important}
.p-b-40-xs{padding-bottom:40px !important}
.p-b-50-xs{padding-bottom:50px !important}
.p-b-60-xs{padding-bottom:60px !important}
.p-b-70-xs{padding-bottom:70px !important}
.p-b-80-xs{padding-bottom:80px !important}
.p-b-90-xs{padding-bottom:90px !important}
	
br.br-none{display:none;}
}


/*********BLOG CONTENTS デザイン*******************/

#single-blog-contents{}
#single-blog-contents div{ font-size:1.07em; line-height:27px;}
#single-blog-contents div img{ margin:20px auto; width:100% !important; height:auto !important;}
#single-blog-contents p img, #single-blog-contents ol li img{ margin:20px auto; width:inherit !important; list-style:none !important;}
#single-blog-contents ol{list-style:none !important;}
#single-blog-contents h1{ font-size:24px !important; margin-top:10px; font-weight:400 !important;}
#single-blog-contents h2{ font-size:24px; font-weight:600 !important; position:relative; left:30px; margin:30px 0 20px 0 !important; letter-spacing:1px;}
#single-blog-contents h2:before{content:" \f10c"; font-family: FontAwesome; padding-right:15px; font-size:20px; position:absolute; top:5px; left:-30px;}

@media only screen and (max-width: 767px) {
	#single-blog-contents h1{ font-size:24px !important;}
	#single-blog-contents h2{ font-size:22px !important;}
	#single-blog-contents h2:before{top:2px;}
}

#single-blog-contents h3{ font-size:20px; font-weight:400 !important; line-height:1.5; margin:30px 0 20px 0!important; padding-bottom:15px;}
#single-blog-contents h3:before{content:"-"; padding-right:15px;}
#single-blog-contents h4{ font-size:20px; font-weight:400 !important; margin:30px 0!important; padding:15px 20px;}
#single-blog-contents ul{ margin:30px 0!important;}
#single-blog-contents ul li{ margin:15px 0 15px 15px; line-height:20px;}
#single-blog-contents ul li:before{font-family:FontAwesome; content:"\f00c"; font-weight:800; margin-left:-15px; padding-right:10px;}
#single-blog-contents ol{ margin:30px 0!important;}
#single-blog-contents ol li{ list-style:decimal !important; margin:15px 0 15px 15px; line-height:20px;}

blockquote{margin:30px 0 20px 0 !important;padding:2em 3em;font-size:1.1em;line-height:28px;position:relative;text-align:center;z-index:1;}
blockquote:before{content:"\f10d";font-size:400%;line-height:1em;font-family:FontAwesome;color:#eee;position:absolute;left:0;top:0;z-index:-1;}
blockquote:after{content:"\f10e";font-size:400%;line-height:0em;font-family:FontAwesome;color:#eee;position:absolute;right:0;bottom:20px;z-index:-1;}

@media only screen and (max-width: 767px) {
blockquote{margin:30px 0 20px 0 !important;padding:2em 1em;font-size:1em;}	
}

#single-blog-contents a{ color:#f80 !important;text-decoration:underline !important;}
#single-blog-contents a:hover{ text-decoration:none !important;}
/*#single-blog-contents a:before{content:" \f10c"; font-family: FontAwesome; color:#f80; padding-right:15px;}*/

@media only screen and (max-width: 767px) {}

#single-blog-contents table{width:100%; border-collapse:collapse; border-spacing:0; margin:30px 0; font-size:15px !important;}
#single-blog-contents table th{ background:#f4f4f4;}


#single-blog-contents table.col2-25 th, #single-blog-contents table.col2-25 td,
#single-blog-contents table.col2-30 th, #single-blog-contents table.col2-30 td,
#single-blog-contents table.col2-35 th, #single-blog-contents table.col2-35 td,
#single-blog-contents table.col2-40 th, #single-blog-contents table.col2-40 td,
#single-blog-contents table.col2-45 th, #single-blog-contents table.col2-45 td,
#single-blog-contents table.col2 th, #single-blog-contents table.col2 td,
#single-blog-contents table.col3 th, #single-blog-contents table.col3 td,
#single-blog-contents table.col4 th, #single-blog-contents table.col4 td,
#single-blog-contents table.col5 th, #single-blog-contents table.col5 td,
#single-blog-contents table.col6 th, #single-blog-contents table.col6 td,
#single-blog-contents table.col7 th, #single-blog-contents table.col7 td,
#single-blog-contents table.col8 th, #single-blog-contents table.col8 td{text-align:left; border:1px solid #ddd; padding:15px;}

#single-blog-contents table.col2-25 th{width:25%;}
#single-blog-contents table.col2-25 td{width:75%;}
#single-blog-contents table.col2-30 th{width:30%;}
#single-blog-contents table.col2-30 td{width:70%;}
#single-blog-contents table.col2-35 th{width:35%;}
#single-blog-contents table.col2-35 td{width:65%;}
#single-blog-contents table.col2-40 th{width:40%;}
#single-blog-contents table.col2-40 td{width:60%;}
#single-blog-contents table.col2-45 th{width:45%;}
#single-blog-contents table.col2-45 td{width:55%;}
#single-blog-contents table.col2 th, #single-blog-contents table.col2 td{width:50%;}
#single-blog-contents table.col3 th, #single-blog-contents table.col3 td{width:33.3333333%;}
#single-blog-contents table.col4 th, #single-blog-contents table.col4 td{width:25%;}
#single-blog-contents table.col5 th, #single-blog-contents table.col5 td{width:20%;}
#single-blog-contents table.col6 th, #single-blog-contents table.col6 td{width:16.6666666%;}
#single-blog-contents table.col7 th, #single-blog-contents table.col7 td{width:14.2857142%;}
#single-blog-contents table.col8 th, #single-blog-contents table.col8 td{width:12.5%;}

@media only screen and (max-width: 767px) { 
#single-blog-contents table{ margin:20px 0; }
#single-blog-contents table tr {display:block; margin-bottom:10px;}

#single-blog-contents table.col2-25 th,
#single-blog-contents table.col2-30 th,
#single-blog-contents table.col2-35 th,
#single-blog-contents table.col2-40 th,
#single-blog-contents table.col2-45 th,
#single-blog-contents table.col2 th,
#single-blog-contents table.col3 th,
#single-blog-contents table.col4 th,
#single-blog-contents table.col5 th,
#single-blog-contents table.col6 th,
#single-blog-contents table.col7 th,
#single-blog-contents table.col8 th{display:block; /*width: calc( 100% - 32px);*/ width:100%;  border:none; border-bottom:1px solid #ddd; padding:5px 0; background:#FFF;}


#single-blog-contents table.col2-25 td,
#single-blog-contents table.col2-30 td,
#single-blog-contents table.col2-35 td,
#single-blog-contents table.col2-40 td,
#single-blog-contents table.col2-45 td,
#single-blog-contents table.col2 td,
#single-blog-contents table.col3 td,
#single-blog-contents table.col4 td,
#single-blog-contents table.col5 td,
#single-blog-contents table.col6 td,
#single-blog-contents table.col7 td,
#single-blog-contents table.col8 td{display:block;  /*width: calc( 100% - 32px);*/ width:100%; border:none; padding:5px 0;}
}

#table01,
#table02,
#table03,
#table04,
#table05,
#table06,
#table07,
#table08,
#table09{width:100%; border-collapse:collapse;}

#table01 td, #table01 th,
#table02 td, #table02 th,
#table03 td, #table03 th,
#table04 td, #table04 th,
#table05 td, #table05 th,
#table06 td, #table06 th,
#table07 td, #table07 th,
#table08 td, #table08 th,
#table09 td, #table09 th{padding:7px; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}

#table01 th,
#table02 th,
#table03 th,
#table04 th,
#table05 th,
#table06 th,
#table07 th,
#table08 th,
#table09 th{font-weight:700;}

#table01 thead th,
#table02 thead th,
#table03 thead th,
#table04 thead th,
#table05 thead th,
#table06 thead th,
#table07 thead th,
#table08 thead th,
#table09 thead th{background:#e6e6e6;}

@media only screen and (max-width:767px){
#table01,
#table02,
#table03,
#table04,
#table05,
#table06,
#table07,
#table08,
#table09{display:block; font-size:14px;}

#table01 thead,
#table02 thead,
#table03 thead,
#table04 thead,
#table05 thead,
#table06 thead,
#table07 thead,
#table08 thead,
#table09 thead{display:none;}

#table01 tbody,
#table02 tbody,
#table03 tbody,
#table04 tbody,
#table05 tbody,
#table06 tbody,
#table07 tbody,
#table08 tbody,
#table09 tbody{display:block;}

#table01 tbody tr,
#table02 tbody tr,
#table03 tbody tr,
#table04 tbody tr,
#table05 tbody tr,
#table06 tbody tr,
#table07 tbody tr,
#table08 tbody tr,
#table09 tbody tr{display:block; margin-bottom:1.5em;}

#table01 tbody th,
#table01 tbody td,
#table02 tbody th,
#table02 tbody td,
#table03 tbody th,
#table03 tbody td,
#table04 tbody th,
#table04 tbody td,
#table05 tbody th,
#table05 tbody td,
#table06 tbody th,
#table06 tbody td,
#table07 tbody th,
#table07 tbody td,
#table08 tbody th,
#table08 tbody td,
#table09 tbody th,
#table09 tbody td{display:list-item; border:none; list-style-type:none;}

#table01 tbody th,
#table02 tbody th,
#table03 tbody th,
#table04 tbody th,
#table05 tbody th,
#table06 tbody th,
#table07 tbody th,
#table08 tbody th,
#table09 tbody th{margin-bottom:5px; padding-left:10px; text-align:left; color:#fff; background:#000;}

#table01 tbody td,
#table02 tbody td,
#table03 tbody td,
#table04 tbody td,
#table05 tbody td,
#table06 tbody td,
#table07 tbody td,
#table08 tbody td,
#table09 tbody td{position:relative; left:90px; padding:2px 0; width: calc(100% - 90px);}
/*4F*/	
	#table01 tbody td:nth-of-type(1):before { content: "BBQ"; position:absolute; left:-90px; font-weight:700;}
	#table01 tbody td:nth-of-type(2):before { content: "場所貸し"; position:absolute; left:-90px; font-weight:700;}
/*B1F-1*/	
	#table02 tbody td:nth-of-type(1):before { content: "全体貸切"; position:absolute; left:-90px; font-weight:700;}
	#table02 tbody td:nth-of-type(2):before { content: "個室貸切"; position:absolute; left:-90px; font-weight:700;}
	#table02 tbody td:nth-of-type(3):before { content: "テラス貸切"; position:absolute; left:-90px; font-weight:700;}
/*B1F-2*/
	#table03 tbody td:nth-of-type(1):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	#table03 tbody td:nth-of-type(2):before { content: "全体貸切"; position:absolute; left:-90px; font-weight:700;}
	





	#table04 tbody td:nth-of-type(1):before { content: "3F全体貸切"; position:absolute; left:-90px; font-weight:700;}
	#table04 tbody td:nth-of-type(2):before { content: "3F個室貸切"; position:absolute; left:-90px; font-weight:700;}
	#table04 tbody td:nth-of-type(3):before { content: "3Fキッチン・BBQ"; position:absolute; left:-90px; font-weight:700;}

	
	#table05 tbody td:nth-of-type(1):before { content: "全体貸切"; position:absolute; left:-90px; font-weight:700;}
	#table05 tbody td:nth-of-type(2):before { content: "場所貸し"; position:absolute; left:-90px; font-weight:700;}
	#table05 tbody td:nth-of-type(3):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	#table05 tbody td:nth-of-type(4):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	
	#table06 tbody td:nth-of-type(1):before { content: "全体貸切"; position:absolute; left:-90px; font-weight:700;}
	#table06 tbody td:nth-of-type(2):before { content: "場所貸し"; position:absolute; left:-90px; font-weight:700;}
	#table06 tbody td:nth-of-type(3):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	#table06 tbody td:nth-of-type(4):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	
	#table07 tbody td:nth-of-type(1):before { content: "全体貸切"; position:absolute; left:-90px; font-weight:700;}
	#table07 tbody td:nth-of-type(2):before { content: "場所貸し"; position:absolute; left:-90px; font-weight:700;}
	#table07 tbody td:nth-of-type(3):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	#table07 tbody td:nth-of-type(4):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	
	#table08 tbody td:nth-of-type(1):before { content: "全体貸切"; position:absolute; left:-90px; font-weight:700;}
	#table08 tbody td:nth-of-type(2):before { content: "場所貸し"; position:absolute; left:-90px; font-weight:700;}
	#table08 tbody td:nth-of-type(3):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	#table08 tbody td:nth-of-type(4):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	
	#table09 tbody td:nth-of-type(1):before { content: "全体貸切"; position:absolute; left:-90px; font-weight:700;}
	#table09 tbody td:nth-of-type(2):before { content: "場所貸し"; position:absolute; left:-90px; font-weight:700;}
	#table09 tbody td:nth-of-type(3):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	#table09 tbody td:nth-of-type(4):before { content: "食事・BBQ"; position:absolute; left:-90px; font-weight:700;}
	
	
}



.rounde{position:relative !important;}
.rounde div{ position:absolute; top:30px; left:30px; background-color:#F00; color:#FFF; height:100px; width:100px; border-radius:50%; z-index:5000 !important;
			display: flex;
    		justify-content: center;
    		align-items: center;
			text-align:center;
			font-size:17px;
			font-weight:800;
			letter-spacing:-1px;
			}
.rounde img{z-index:500 !important;}

@media only screen and (max-width:767px){
	.rounde{ display:none;}
}
small.text-danger{color:#C00 !important;}



.delivery div.about-boxes h2 small{color: #fcf3ce!important; font-size: 20px!important; letter-spacing: 1px!important;}

.bbqarea-tt{}
.bbqarea-tt h4{ margin-top:30px; margin-bottom: 10px!important; font-size:20px !important;}

.bbqarea{ border-bottom: 1px #f2f2f2 solid; padding-bottom: 20px; padding-top: 20px;}
.bbqarea h6{ font-size: 18px; margin-bottom: 30px; font-weight: 500;}
.bbqarea dt, .bbqarea dd{ margin-bottom: 10px;}
.bbqarea dt{float:left;width:70px;clear:left;text-align:left;overflow:hidden; font-size:14px; color:#999;}
.bbqarea dd{margin-left:95px; font-size: 14px;}

@media only screen and (max-width:767px){
.bbqarea dt{float:none;width:100%;clear:both;text-align:left;overflow:hidden; margin-bottom: 5px;}
.bbqarea dd{margin-left:0;}
}

.bbqarea dl:before,
.bbqarea dl:after {display: table; line-height:0; content:"";}
.bbqarea dl:after {clear:both;}

.front-banner{ padding:70px 0 20px 0;}
.banner-border-bottom{
	border-bottom: 1px solid #555;
	margin-bottom: 50px;
}

@media only screen and (max-width:767px){
.banner-border-bottom{
	margin-bottom: 50px;
}	
}

section p:empty {
 margin: 0!important;
}

.line-btn-ct{background-color:#00b900;  text-align: center; margin-top: 20px; border-radius: 3px;}




/*==========================================================================*/
/*                     Magnified Popup                                      */
/*==========================================================================*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 880px;
  margin: 20px auto;
}



/*==========================================================================*/
/*                            JS - Content                                      */
/*==========================================================================*/


.white-popup{/*880px-COMMON*/}
.white-popup h4{font-size:24px; margin:0 0 20px 0; } 
.white-popup ol{margin-bottom: 20px; padding-left: 10px;}
.white-popup ol li{margin: 5px 0; list-style: circle;}
.white-popup p strong{font-size: 18px;}
.white-popup p{margin-bottom:15px;}
.dl-horizontal{background-color:rgba(214,239,241,.7); padding:30px; margin:40px 0; border-radius:4px;}
.dl-horizontal dt{float:left; width:100px; overflow:hidden; clear:left; text-align:left; text-overflow:ellipsis; white-space:nowrap; font-weight:800; line-height:30px; }
.dl-horizontal dd {margin-left:130px; text-align:left; line-height:30px; }


.white-popup{/*880px-CASE*/}
.white-popup .client{ width:100%; border-bottom:1px #CCC dotted; padding-bottom:30px;}
.white-popup .client img{float:left; width:200px; overflow:hidden; clear:left; text-align:left; height:auto;}
.white-popup .client div {margin-left:240px;}
.white-popup .client div h3{ font-size:28px; margin-bottom:20px;}
.white-popup .client div dl{}
.white-popup .client div dt{}
.white-popup .client div dd{ font-size:20px;font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:500; color:#004ea1;}
.white-popup .client:before, .white-popup .client:after{display:table; content:""; line-height:0;}
.white-popup .client:after{ clear:both; float:none;}
.dl-horizontal:before, .dl-horizontal:after{display:table; content:""; line-height:0;}
.dl-horizontal:after{ clear:both; float:none;}


.white-popup{/*880px-SAMPLE*/}
.white-popup .sample span{ font-weight:bold;}
.white-popup .sample h2{ text-align:left;font-size:26px;font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:500;}
.white-popup .sample h3{font-size:20px; margin:40px 0 15px 0; color:#194a7e; border-bottom:1px #CCC dotted; padding-bottom:10px; letter-spacing:1px;}
.white-popup .sample h3:before{content:"○";	color:#f60;	letter-spacing:-3px; margin-right:15px;	}
.white-popup .sample hr{width:30px; height:5px; border:none; margin:20px 0;}



.white-popup{/*880px-CASE*/}
section#pro .white-popup .pro{ width:100%;}

.white-popup .pro ul li{ width:19%; padding:0 0.5%; float:left;}
.white-popup .pro ul li dl{width:100%;}
.white-popup .pro ul li dt{background:#00a0ea; padding:3px 0 3px 10px; color:#FFF; margin:15px 0 5px 0;}
.white-popup .pro ul li dd{ font-size:12px; margin-bottom:5px; line-height:16px; letter-spacing:-0.5px;}

.white-popup .pro:before, .white-popup .pro:after{display:table; content:""; line-height:0;}
.white-popup .pro:after{ clear:both; float:none;}




/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}