@charset "UTF-8";

/* If you want to change pagewidth, please change pagewidth's 'max-width'. */
.pagewidth {
	max-width: 1100px;
}


/************
VTCUSTOM DNLUONG 240420

font-family: mrs-eaves-roman-lining, sans-serif;
font-style: normal;
font-weight: 400;

****************/



/*custom*/
.module.ff-en{ font-family: mrs-eaves-roman-lining, sans-serif; }

body .site{
	font-size:13px;
	line-height:2.7;
	color:#222222;
	font-family: "游ゴシック Medium", YuGothic Medium, "游ゴシック", "Yu Gothic", "游ゴシック体", "メイリオ", sans-serif;
	font-weight: 500;
}

a:hover img{
	opacity:0.7;
}

.module p:last-of-type{
	margin:0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


body .site a{
	text-decoration:underline;
	color:#222;
}

body .site a:hover{
	text-decoration:underline;
	color:#222;
}
body .site a:visited{
	color:#222;
}

body.home #pagewrap{
	position:relative;
}
body.home #headerwrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10;
}

#headerwrap .header-brand-container{
	float:left;
	margin:50px 0;
}

#headerwrap #site-logo a{
	display:block;
	max-width:150px;
	margin:0 auto;
}
#headerwrap #site-logo a img{
	display:block;
	margin:0 auto;
}
body.home #headerwrap #site-logo a{
	background:url(../../uploads/home_logo.png)center center no-repeat;
}
body.home #headerwrap #site-logo a img{
	opacity:0;
}
body.home #headerwrap #site-logo a:hover{
	opacity:0.7;
}

#headerwrap .hd_right{
	float:right;
	margin:47px 0 0;
}

.sp-hd-info{ display: none; }


/*menu*/

.main-menu-container ul:after,
.main-menu-container ul li:after {
    clear: both;
    content: '';
    display: block;
}
#headerwrap #main-menu-container{
	margin:0 0 10px 0;
}
#headerwrap #main-menu-container #main-menu{
	list-style:none;
	margin:0;
	line-height:1;
}
#headerwrap #main-menu-container #main-menu li{
	position:relative;
	display:block;
	float:left;
	font-size:18px;
	font-family: mrs-eaves-roman-lining, sans-serif;
	margin:0 0 0 40px;
	padding:0 0 11px 0;
	line-height:1;
}
#headerwrap #main-menu-container #main-menu li.navi1{
	margin:0;
}
#headerwrap #main-menu-container #main-menu li:before{
	content:"";
	display:block;
	width:50px;
	height:1px;
	background:#222222;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	margin:0 auto;
}
body.home #headerwrap #main-menu-container #main-menu li:before{
	background:#fff;
}
#headerwrap #main-menu-container #main-menu li:hover{
	opacity:0.5;
}

#headerwrap #main-menu-container #main-menu li a{
	text-decoration:none;
	display:block;
	color:#222222;
	min-width:50px;
	text-align:center;
	line-height:1;
}
body.home #headerwrap #main-menu-container #main-menu li a{
	color:#fff;
}

#headerwrap .hd_info{
	float:right;
	overflow:hidden;
}
#headerwrap .hd_tel{
	float:left;
	margin:0 23px 0 0;
	font-family: mrs-eaves-roman-all-petite-c, sans-serif;
}

#headerwrap .hd_tel a{
	display:inline-block;
	line-height:1;
	color:#222222;
	font-family: mrs-eaves-roman-all-petite-c, sans-serif;
	font-style: normal;
	font-weight: 400;
	background:url(../../uploads/sub_tel_icon.png)bottom 8px left no-repeat;
	padding:0 0 0 12px;
	font-size:36px;
	text-decoration:none;
	pointer-events:none;
}
body.home #headerwrap .hd_tel a{
	background:url(../../uploads/home_tel_icon.png)bottom 8px left no-repeat;
	color:#fff;
}

#headerwrap .hd_line{
	float:left;
	margin:0 15px 0 0;
	padding-top:15px;
}
#headerwrap .hd_line a{
	display:block;
	max-width:52px;
	margin:0 auto;
}


#headerwrap .hd_insta a img,
#headerwrap .hd_line a img{
	display:block;
	margin:0 auto;
}

body.home #headerwrap .hd_line a{
	background:url(../../uploads/home_line.png)center center no-repeat;
}
body.home #headerwrap .hd_line a:hover{
	opacity:0.7;
}
body.home #headerwrap .hd_line a img{
	opacity:0;
}

#headerwrap .hd_insta{
	float:left;
	padding-top:15px;
}
#headerwrap .hd_insta a{
	display:block;
	max-width:16px;
	margin:0 auto;
}
body.home #headerwrap .hd_insta a{
	background:url(../../uploads/home_insta.png)center center no-repeat;
}
body.home #headerwrap .hd_insta a:hover{
	opacity:0.7;
}
body.home #headerwrap .hd_insta a img{
	opacity:0;
}

#headerwrap .sp-hd-info a{
	color: white!important;
	text-decoration: none!important;
}
.sp-hd_tel{ display: inline-block; border: 1px solid #666; padding: 0 20px; margin-bottom: 15px; }
.sp-hd_line img,
.sp-hd_insta img{filter: brightness(7); vertical-align: middle; }

/*footer*/
#footerwrap{
	padding-bottom:42px;
}
body.home #footerwrap{
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	z-index:2;
}
#footerwrap .ft_info{
	font-family: "游明朝 Medium", Yu Mincho Medium, YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "メイリオ", Meiryo, serif;
	font-size:12px;
	color:#222222;
	line-height:2;
	margin:0 0 12px 0;
}
body.home #footerwrap .ft_info{
	color:#fff;
}
#footerwrap .copyright-container{
	font-size:16px;
	line-height:1.5;
	color:#222222;
	font-family: mrs-eaves-roman-lining, sans-serif;
	font-style: normal;
	font-weight: 400;
}
body.home #footerwrap .copyright-container{
	color:#fff;
}
#footerwrap .copyright-container span{
	display:inline-block;
	vertical-align:middle;
	margin:0 3px 0 0;
}
#footerwrap .copyright-container span img{
	vertical-align:middle;
}

#footerwrap .copyright-container span a{
	display:inline-block;
	vertical-align:middle;
}
body.home #footerwrap .copyright-container span a:hover{
	opacity:0.7;
}
body.home #footerwrap .copyright-container span a img{
	opacity:0;
}
body.home #footerwrap .copyright-container span.n-logo a{
	background:url(../../uploads/sub_navico.png)center center no-repeat;
}
body.home #footerwrap .copyright-container span.r-logo a{
	background:url(../../uploads/reclogi.png)center center no-repeat;
}
body.home #footerwrap .copyright-container span.t-logo a{
	background:url(../../uploads/trendmake.png)center center no-repeat;
}
body.home #footerwrap .copyright-container span.x-logo a{
	background:url(../../uploads/xloop.png)center center no-repeat;
}

.ft_info{ letter-spacing: 0.1em; }

/*home page*/
#content .top_module_1 .row-slider-slides,
#content .top_module_1 .row-slider-nav{
	display:none;
}

#content .top_module_1 .row_inner {
	overflow: hidden;
}

.home .copyright-container img{ display: none; }


/****************custom***********************/
#pagewrap .module .module-title{margin-bottom:15px;padding:0;}

#pagewrap table{width:100%;border-collapse:collapse;}

#body .module.module-image .image-content,
#body .module.module-article .image-content{overflow:hidden;margin:0;padding:0;}


/****************page 2 about*******************/
body.no-home #footer{
	border-top:1px solid #cccccc;
	padding-top:34px;
}
#pagewrap .module.p2_t1 .module-title{
	display:inline-block;
	position:relative;
	font-size:34px;
	color:#222222;
	line-height:1;
	margin:0;
	font-family: mrs-eaves-roman-lining, sans-serif;
	font-style: normal;
	font-weight: 400;
	padding-bottom:14px;
	vertical-align: middle;
}
#pagewrap .module.p2_t1 .module-title:before{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	margin:0 auto;
	width:50px;
	height:1px;
	background:#222222;
}

#pagewrap .module.p2_t2 .module-title{
	font-size:30px;
	color:#222222;
	line-height:1.2;
	margin:0;
	font-family: mrs-eaves-roman-lining, sans-serif;
	font-style: normal;
	font-weight: 400;
}

/*************access page*****************/
.module.p8_table_1 table td,
.module.p8_table_1 table th{
	padding:6px 0 16px;
	vertical-align:middle;
}
.module.p8_table_1 table th{
	width:170px;
	text-align:left;
	font-family: mrs-eaves-roman-lining, sans-serif;
	font-size: 17px;
}
.module.p8_table_1 table tr:first-child td,
.module.p8_table_1 table tr:first-child th{
	padding-top:7px;
}

.module.p8_maps iframe{
	display:block;
	margin:0 auto;
}

#body .module.p8_glr_1{
	margin-bottom:84px;
}

/**************page 3 headspa**************/
#pagewrap .module.p3_t1 .module-title{
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#222222;
	font-size:18px;
	color:#222222;
	line-height:1.95;
	padding:4px 10px 5px 20px;
	font-family: "游明朝 Medium", Yu Mincho Medium, YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "メイリオ", Meiryo, serif;
	margin:0;
	line-height: 2.1;
}

#content .module.p3_text_1{
	display:flex;
	flex-direction:row;
}
#pagewrap .module.p3_text_1 .module-title{
	float:left;
	width:70px;
	height:70px;
	font-size:24px;
	line-height:1;
	border:1px solid #cccccc;
	margin:0 30px 0 0;
	text-align:center;
	padding:22px 0 0;
	font-family: mrs-eaves-roman-lining, sans-serif;
	font-style: normal;
	font-weight: 400;
}
#content .module.p3_text_1 .tb_text_wrap{
	width:calc(100% - 100px);
	display:flex;
	align-items:center;
}

/****************page 4 item**********************/
#pagewrap .module.p4_text_1 .module-title{
	font-size:14px;
	color:#222222;
	line-height:2.5;
	margin:0 0 10px 0;
}
#pagewrap .module.p4_img_1 .image-title{
	font-size:14px;
	color:#222222;
	line-height:2.5;
	margin:29px 0 0;
	text-align:left;
}

/***************page 5 menu********************/
.module.p5_table_1 table tr{
	border-bottom:1px solid #e7e7e7;
}
.module.p5_table_1 table td{
	padding:22px 0;
	border:0;
	vertical-align:middle;
}
.module.p5_table_1 table td:first-child{
	font-weight:bold;
}

#pagewrap .module.p5_t1 .module-title{
	font-size:13px;
	color:#222222;
	line-height:2.7;
	display:inline-block;
	border:1px solid #cccccc;
	margin:0;
	padding:2px 18px 1px;
	vertical-align:middle;
}

/************page 7 news******************/
#body .module.p7_post_1{
	margin-bottom:100px;
}
#body .module.p7_post_1 .post{
	padding:50px 0 48px;
	margin:0;
	border-top:1px solid #e7e7e7;
}
#body .module.p7_post_1 .post:first-child{
	padding-top:0;
	border-top:0;
}
#body .module.p7_post_1 .post-date{
	float:left;
	font-size:14px;
	line-height:2.5;
	margin:0 30px 0 0;
}
#body .module.p7_post_1 .post-title{
	font-size:14px;
	line-height:2.5;
	margin:0;
}
#body .module.p7_post_1 .entry-content{
	padding:9px 0 0;
}

#body .module.p7_post_1 .pagenav{
	padding:20px 0 0;
	line-height:1;
}
#body .module.p7_post_1 .pagenav a{
	min-height:40px;
	min-width:40px;
	font-size:18px;
	line-height:1;
	padding:10px 0 0;
	border-radius:0;
	background:none;
	color:#222222;
	border:1px solid #cccccc;
	text-decoration:none;
	font-family: mrs-eaves-roman-lining, sans-serif;
	margin:0 0 0 6px;
}
#body .module.p7_post_1 .pagenav a:hover{
	opacity:0.7;
}
#body .module.p7_post_1 .pagenav span{
	min-height:40px;
	min-width:40px;
	font-size:18px;
	line-height:1;
	padding:10px 0 0;
	border-radius:0;
	background:none;
	color:#222222;
	border:1px solid transparent;
	text-decoration:underline;
	font-family: mrs-eaves-roman-lining, sans-serif;
	margin:0 0 0 6px;
}


/* top slider ssettings 
.top_module_1 .tb_backstretch img.deleteable{
	-webkit-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	        transform: scale(1.5);
	-webkit-transition: all 3s ease-out;
	    -ms-transition: all 3s ease-out;
	        transition: all 3s ease-out;
}
.top_module_1 .tb_backstretch img{
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
*/

/* Biz calender */
#biz_calendar{ max-width: 100%; font-family: mrs-eaves-roman-lining, sans-serif; }
#biz_calendar table.bizcal{ border: none; margin: 0 auto 15px; border-collapse: separate; border-spacing: 5px; }
#biz_calendar table.bizcal th,
#biz_calendar table.bizcal td{ padding: 10px 0; }
#biz_calendar table.bizcal th{ background: white; box-shadow: 0px -2px 0px 0px #dedede inset; }
#biz_calendar table.bizcal td{ box-shadow: -1px -1px 0px 0px #dedede inset; }
#biz_calendar table.bizcal tr:first-child td{ box-shadow: none; font-weight: normal; }
#biz_calendar table.bizcal .holiday,
#biz_calendar p span.boxholiday{ background-color: #bcbcbc; }
#biz_calendar table.bizcal .today{ text-decoration: none; position: relative; }
#biz_calendar table.bizcal .today::before{
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: 10px solid black;
	border-left: 10px solid transparent;
}

/*#biz_calendar table.bizcal td:empty{
	visibility: hidden;
}*/

body .iscwp-inr-wrp .iscwp-meta .iscwp-meta-inner-wrap .iscwp-likes-num,
body .iscwp-inr-wrp .iscwp-meta .iscwp-meta-inner-wrap .iscwp-meta-comment {
	display: none;
}


/************************************************
***************** Media Query *******************
*************************************************/
@media screen and (max-width: 1024px) {
	
	body .pagewidth{
		width:100%;
		max-width:96%;
	}
	
	body.home #pagewrap{
		padding-bottom:0;
	}
	#footerwrap {
    	padding-bottom: 60px;
	}
	/* Mobile Header Site Brand */
	.header-brand-container #site-description {
		margin: 0;
		padding-bottom: 8px;
	}
	/* Mobile Menu Button */
	#menu-button {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: fixed;
		z-index: 900;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		background-color: rgba(255,255,255,.64);
	}
	#menu-button .ham-lines {
		position: relative;
		margin: 0 auto;
		width: 32px;
		height: 32px;
	}
	#menu-button .ham-lines span,
	#menu-button .ham-lines::before,
	#menu-button .ham-lines::after {
		position: absolute;
		display: block;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 28px;
		height: 2px;
		background-color: #555;
		border-radius: 1px;
	}
	#menu-button .ham-lines span {
		bottom: 15px;
		transition: all .25s .25s;
		opacity: 1;
	}
	#menu-button .ham-lines::before,
	#menu-button .ham-lines::after {
		content: "";
	}
	#menu-button .ham-lines::before{
		bottom: 24px;
		animation: menu-bar01 .75s forwards;
	}
	#menu-button .ham-lines::after {
		bottom: 6px;
		animation: menu-bar03 .75s forwards;
	}
	#menu-button .ham-text {
		font-size: 12px;
		line-height: 1;
	}
	#menu-button.is-active .ham-lines span {
		opacity: 0;
	}
	#menu-button.is-active .ham-lines::before {
		animation: active-menu-bar01 .5s forwards;
	}
	#menu-button.is-active .ham-lines::after {
		animation: active-menu-bar03 .5s forwards;
	}
	
	
	/* Mobile Header Menu Container */
	#main-menu-container {
		position: fixed;
		z-index: 700;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 64px;
		overflow-y: auto;
		background-color: #cec;
		transition: .3s;
		visibility: hidden;
		opacity: 0;
	}
	#main-menu-container.is-active {
		visibility: visible;
		opacity: 1;
	}
	
	#headerwrap #main-menu-container{
		background:rgba(0,0,0,.8);
		margin:0;
	}
	
	#headerwrap #main-menu-container #main-menu {
		max-width: 100%;
		background: none;
	}
	#pagewrap #headerwrap #main-menu-container #main-menu li {
		float: none;
		margin: 0 0 20px 0;
		position: relative;
		padding: 0 0 10px 0;
		background:none;
		border:0;
	}
	#headerwrap #main-menu-container #main-menu li ul {
		margin: 0;
		padding: 5px 0 0;
		position: static;
		background: none;
	}
	#pagewrap #headerwrap #main-menu-container #main-menu li a {
		width: 100%;
		color:#fff;
		font-size:22px;
	}
	#headerwrap #main-menu-container #main-menu li ul li {
		float: none;
		background: none;
		padding: 0 0 10px;
	}
	
	
	
	.module.p8_table_1 table th {
		width: 100px;
	}
}

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

}

@media screen and (max-width: 768px) {
	#footerwrap .sp-footer-icons-container a{
		text-decoration:none;
	}
	.sp-footer-icons-container a{
		border-radius: 0;
		background: rgba(255,255,255,.64);
		border-bottom: 1px solid #333;
	}
	#headerwrap .sp-hd-info{ display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
	.ft_info{ letter-spacing: inherit; }
	body #headerwrap .sp-hd-info {
		display: none;
	}
	#headerwrap .hd_tel a{
		pointer-events:auto;
	}
	#content .iscwp-outer-wrap {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	#content .iscwp-outer-wrap::before {
		content: none;
	}
	#content .iscwp-column,
	#content .iscwp-columns{
		float: none;
		padding: 4px;
	}
	#content .iscwp-img-wrp {
		height: auto;
	}
	#content .iscwp-image-fit img.iscwp-img,
	#content .iscwp-image-fit .iscwp-img-link,
	#content .iscwp-image-fit .iscwp-meta {
		height: auto;
	}
	#content .iscwp-image-fit .iscwp-meta {
		padding: 0;
	}
}

@media screen and (max-width: 680px) {
	#headerwrap .header-brand-container {
		float: none;
		margin: 0;
	}
	#headerwrap .hd_right {
    	float: none;
		text-align:center;
    	margin: 20px 0 0;
	}
	#headerwrap .hd_info{
		float:none;
		display:inline-block;
	}
	
	
	.module.p8_table_1 table tr:first-child td,
	.module.p8_table_1 table tr:first-child th{
		padding-top:0;
	}
	.module.p8_table_1 table td, 
	.module.p8_table_1 table th{
		padding:5px 0;
	}
	#body .module.p8_glr_1.gallery{
		margin-bottom:40px;
	}
	#body .module.p8_glr_1.gallery .gallery-item{
		width:49.2%;
		margin:0 1.6% 1.6% 0;
		clear:none;
	}
	#body .module.p8_glr_1.gallery .gallery-item:nth-of-type(2n){
		margin-right:0;
	}
	
	#content .module.p4_anchor a{
		display:inline-block;
	}
	.module.p5_table_1 table td {
    	padding: 10px 0;
	}
	
	#body .module.p7_post_1{
		margin-bottom:50px;
	}
	#body .module.p7_post_1 .post-date{
		float:none;
		margin:0;
	}
	
	body.no-home #footerwrap{
		padding-bottom:10px;
	}
	
	#footerwrap .copyright-container span.copyright{
		display:block;
	}
}



@keyframes menu-bar01{
		0% {
			transform: translateY(9px) rotate(45deg);
		}
		50% {
			transform: translateY(9px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	@keyframes menu-bar03 {
		0% {
			transform: translateY(-9px) rotate(-45deg);
		}
		50% {
			transform: translateY(-9px) rotate(0);
		}
		100% {
			transform: translateY(0) rotate(0);
		}
	}
	@keyframes active-menu-bar01 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(9px) rotate(0);
		}
		100% {
			transform: translateY(9px) rotate(45deg);
		}
	}
	@keyframes active-menu-bar03 {
		0% {
			transform: translateY(0) rotate(0);
		}
		50% {
			transform: translateY(-9px) rotate(0);
		}
		100% {
			transform: translateY(-9px) rotate(-45deg);
		}
	}