@charset "UTF-8";


/* Tùy chỉnh thanh cuộn */
::-webkit-scrollbar {
    width: 2px; /* Độ rộng của thanh cuộn */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Màu nền của thanh cuộn */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888; /* Màu thanh cuộn */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555; /* Màu khi hover vào thanh cuộn */
}

/* Áp dụng cho khối có thanh cuộn */
.scrollable-container {
    max-height: 200px; /* Đặt chiều cao cố định để hiển thị thanh cuộn */
    overflow-y: auto; /* Hiển thị thanh cuộn dọc */
}

/*---------------------
CSS-LAYOUT
--------------------*/
#pagewrap {
    max-width: 1920px;
    margin: 0px auto;
}
.sidebar-none #content {
    padding: 0;
}
body .pagewidth {
	width: 100%;
	max-width: 100%;
}
body .themify_builder_content .row_inner {
	width:100%;
    max-width: 1200px;
	margin:0px auto;
}



body .fullwidth .row_inner {
	width:100%;
	max-width: 100%;
}
body .full-col .row_inner {
	width:100%;
	max-width: 100%;
}


/*layout part*/
body .module-layout-part .row_inner{
	width:100%;
    max-width: 1200px;
	margin:0px auto;
}
body .module-layout-part .fullwidth  .row_inner{
	width:100%;
	max-width: 100%;
}
body .module-layout-part .full-col  .row_inner{
	width:100%;
	max-width: 100%;
}

#headerwrap .header{
	border:0;
	padding:0;
}
#footerwrap #footer{
	border:0;
	padding:0;
}



@media screen and (max-width: 939px){
    body .pagewidth {width: 100%;max-width: 100%;}
    body .row_inner{width: 100%;max-width: 100%; padding:0px 2%;}
	body .full-inner .row_inner{width: 100%;max-width: 100%; padding:0px 0%;}
	
	/*layout-part*/
    body .module-layout-part .row_inner{width: 100%;max-width: 100%; padding:0px 2%;}
    body .module-layout-part .full-inner .row_inner{width: 100%;max-width: 100%; padding:0px 0%;}	

}

/*---------------------
end of CSS-LAYOUT
--------------------*/







/*---------------------
CSS-MENU
--------------------*/

#pagewrap .m-menu-header ul {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
	flex-wrap: nowrap;
}
#pagewrap .m-menu-header ul > li {
    display: flex;
    padding: 0;
    margin: 0;
    position: relative;
	margin: 5px 0px; 
}
#pagewrap .m-menu-header ul > li >a {
    text-decoration: none;
}

body #pagewrap .m-menu-header ul .current-menu-item a, body #pagewrap .m-menu-header ul .current_page_item a {
	background-color: transparent;
    border-radius: 0px;
}




#pagewrap .m-menu-header .module-menu-container > ul > li:last-child a{
	border-right:0;
}
#pagewrap .m-menu-header ul > li > a:before{
}
#pagewrap .m-menu-header ul > li > a:hover:before{
}
#pagewrap .m-menu-header ul > li > a:hover{

}


/* -------
menu edit
---------*/

#pagewrap .m-menu-header ul > li.nav00{
   display:none;
}
#pagewrap .m-menu-header ul > li.nav01 > a{
 
}
#pagewrap .m-menu-header ul > li.nav02 > a{
 
}
#pagewrap .m-menu-header ul > li.nav03 > a{
 
}
#pagewrap .m-menu-header ul > li.nav04 > a{
 
}
#pagewrap .m-menu-header ul > li.nav05 > a{
 
}
#pagewrap .m-menu-header ul > li.nav06 > a{
 
}
#pagewrap .m-menu-header .module-menu-container > ul > li:last-child a{
    padding-right:0;
}
/*menu hover*/
#pagewrap .m-menu-header ul > li.nav01 > a:hover{
 
}
#pagewrap .m-menu-header ul > li.nav02 > a:hover{
 
}
#pagewrap .m-menu-header ul > li.nav03 > a:hover{
 
}
#pagewrap .m-menu-header ul > li.nav04 > a:hover{
 
}
#pagewrap .m-menu-header ul > li.nav05 > a:hover{
 
}
#pagewrap .m-menu-header ul > li.nav06 > a:hover{
 
}

/* -------
menu sub
---------*/
#pagewrap .m-menu-header ul .menu-item-has-children{
}
#pagewrap .m-menu-header ul  li .sub-menu{
    z-index:9;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 150%;
    transform: translateX(25%);
	box-shadow:none;
	border-radius: 0;
}
#pagewrap .m-menu-header ul  li .sub-menu li{
	padding:0;
	margin:0;
	display: flex;
    text-align: center;
    width: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box; 
}
#pagewrap .m-menu-header ul  li .sub-menu li a{
	display: flex;
    text-align: center;
    width: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box; 	    
}
#pagewrap .m-menu-header ul  li .sub-menu li a:hover{
 
}
/*sub hover*/
#pagewrap .m-menu-header ul > li:hover .sub-menu{
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 150%;
    transform: translateX(-14%);
	border-radius: 0;
}

/* ----------------
 css-MENU
---------------- */




/* ----------------
 css-menu-sp
---------------- */

#s-menu-button {
    z-index: 99999999;
    position: fixed;
    right: 0;
    top: 0;
	width: 50px;
	height: 50px;
	display:flex;
}

#menu-button {
    opacity: 1;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 99999999;
    top: 37px;
    right: 25px;
    cursor: pointer;
}




#menu-button.nav-on {
  visibility:visible;
  opacity:1;
}
#menu-button .ham-lines {
  position: relative;
  margin: 0 auto;
  width: 50px;
  height: 50px;
}
#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: 50px;
  height: 5px;
  background-color: #fff;
  border-radius: 1px;
}
#menu-button .ham-lines span {
  bottom: 22px;
  transition: all .25s .25s;
  opacity: 1;
}
#menu-button .ham-lines::before,
#menu-button .ham-lines::after {
  content: "";
}
#menu-button .ham-lines::before{
  bottom: 43px;
  animation: menu-bar01 .75s forwards;
}
#menu-button .ham-lines::after {
  bottom: 2px;
  animation: menu-bar03 .75s forwards;
}
#menu-button .ham-text {
  font-size: 0px;
  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;
	bottom: 36px;
}
#menu-button.is-active .ham-lines::after {
  animation: active-menu-bar03 .5s forwards;
	bottom: 17px;
}
@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);
  }
}


#main-nav-wrap.nav-off {
  position: fixed;
  z-index: 700;
  top: 0;
  left: -100vw;
  right: auto;
  bottom: auto;
  overflow-y: auto;
  background-color: #f1f1f1;
  display:block;
  width: 100vw;
  height: 100vh;
  transition: .3s linear;
}
#main-nav-wrap.is-active{
  left: 0;  
}
@media screen and (max-width: 1920px) { /* mobile visibility changes for max-width */
  #menu-button{
    visibility:visible;
    opacity:1;
  }

	#s-menu-button {
		display:flex;
	}	
	#menu-button{
		display:flex;
	}		

}











/*s-menu-sp*/
#s-menu-sp {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    transition: all 0.3s;
    top: 0;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    z-index: 999999;
    display: none;
}

#s-menu-sp.is-active {
    display: flex;
}

#s-menu-sp-inner {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: auto;
}


#pagewrap .m-menu-sp .module-menu-container > ul  {

}	

#pagewrap .m-menu-sp .module-menu-container > ul >  li {
    text-align: left;
	cursor:pointer;
}	
#pagewrap .m-menu-sp .module-menu-container > ul >  li:hover {
	opacity:0.6;
}	

#pagewrap .m-menu-sp .module-menu-container > ul >  li > a {
	padding: 0;
    display: inline-flex;
    font-family: "Luckiest Guy", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;
    line-height: 60px;
/* 	pointer-events:none; */
}	

#pagewrap .m-menu-sp .module-menu-container > ul >  li:not(.font-24 ) > a:after {
	content: attr(title);
    color: #000;
    font-size: 18px;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 700;
    font-style: normal;
    text-shadow: none;
    padding: 0px 26px;
	white-space: nowrap;
}	


#pagewrap .m-menu-sp .module-menu-container > ul >  li > a:hover {
	opacity:0.7;
	transform: scaleX(1.2);
}	



/* ----------------
 end css-Mobile
---------------- */






/*---------------------
CSS-HEADER
--------------------*/

#headerwrap {
	position: absolute;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
}

#header.header {
  	padding:0;
	border:0;
}
body #header {
    padding: 0;
    border: 0;
}

.social-widget {
    display: none;
}
/*---------------------
end of CSS-HEADER
--------------------*/





/*---------------------
CSS-TITLE
--------------------*/


/*title-01*/
body .title-01{
}
body .title-01 .module-title{
}
body .title-01 .tb_text_wrap{
}





/*---------------------
end of CSS-TITLE
--------------------*/




/*---------------------
CSS-SLICK-SLIDER
--------------------*/


/*---------------------
CSS-SLICK-SLIDER
--------------------*/




/*---------------------
CSS-PAGE
--------------------*/
body .module.t-s-b {
/*     text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 1px 1px 2px #000, 2px 2px 3px #000, -1px -1px 3px #000, -2px -2px 3px #000; */
	-webkit-text-stroke: 10px black;
	text-stroke: 10px black;
	paint-order: stroke;
}
body .module.t-s-b_thin {
/*     text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 1px 1px 2px #000, 2px 2px 3px #000, -1px -1px 3px #000, -2px -2px 3px #000; */
	-webkit-text-stroke: 5px black;
	text-stroke: 5px black;
	paint-order: stroke;
}
body .module.t-s-b_thin.module-icon .tf_fa {
	stroke: #000;
	stroke-linejoin: round;
    stroke-width: 3px;
    stroke-linecap: round;
}

body .module_row .edit-padding{
	padding-left:calc((100vw - 1200px)/2 );	
}



/* 20250205 */
body .site {
	letter-spacing: 0.1em;
}
body p {
	margin-bottom: 0;
}
.module .tb_text_wrap p {
	letter-spacing: 0.1em
}
.module.space_08 .tb_text_wrap p {
	letter-spacing: 0.08em
}
.module.space_15 .tb_text_wrap p {
	letter-spacing: 0.15em
}
.about-text.module .tb_text_wrap p {
	line-height: 2.375em;
	letter-spacing: 0.05em;
/* 	font-family: NotoSansJP; */
	font-family: 'Zen Maru Gothic';
}

body #pagewrap .font-maru {
	font-family: Zen Maru Gothic;
	font-weight: bold;
}
body #pagewrap .font-maru_light .tb_text_wrap p {
	font-family: Zen Maru Gothic;
	font-weight: normal;
}
#pagewrap .themify_builder_content-585 .tb_to3m464.module-buttons .module-buttons-item a,
#pagewrap .themify_builder_content-585 .tb_z47b464.module-buttons .module-buttons-item a {
    padding: 50px 30px;
	border-radius: 30px;
}
#pagewrap .themify_builder_content-585 .tb_g3ek55.module-buttons .module-buttons-item a {
    padding: 15px 50px;
}
#pagewrap .themify_builder_content-585 .tb_rvp9632.module-buttons .module-buttons-item a {
    padding: 20px 60px;
    border-radius: 20px;
}
#footerwrap #footer .font-maru,
#footerwrap #footer .font-maru_light {
	font-family: Zen Maru Gothic;
}
#footerwrap #footer .back-top_btn {
	display: block;
}
#pagewrap .module_row .row-slider-slides {
    display: none;
}
#pagewrap .module_row .row-slider-nav {
    display: none;
}

#headerwrap #header .module_row.head-inner .row_inner {
	position: fixed;
}

#pagewrap .themify_builder_content-585 .tb_m15o377.module_row {
	background-repeat: repeat-x;
	background-size: 1920px;
	animation-name: event;
	animation-duration: 25s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes event {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 1920px 0;
	}
}

	
	
	
	
	
	
	
	
	
	
	
	
	





/*---------------------
end of CSS-PAGE
--------------------*/




/*--------------------
 * CSS-ACCORDION
 * ------------------*/
body .accordion-01 ul{
    border: 0;
}
body .accordion-01 .accordion-title a{
	display:flex;
	position:relative;
}

body .accordion-01 .accordion-title a:before{
content: url();
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff6;
    width: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .accordion-01 .accordion-content{
	background-image: url();
    background-repeat: no-repeat;
    background-position: top 18px left 23px;
}
#pagewrap .m-menu-sp .module-menu-container > ul > li.font-24  > a{
	font-size: 24px;
}














/*--------------------
 * end of  CSS-ACCORDION
 * ------------------*/






/*---------------------
CSS-POST
--------------------*/
/*post-one-line*/
body .post-one-line{

}
body .post-one-line.module.module-post{
	
}
body .post-one-line.module.module-post .module-title{
}
body .post-one-line.module.module-post .module-title span{
}
body .post-one-line.module.module-post .builder-posts-wrap {
}
#body .post-one-line.module.module-post .builder-posts-wrap .post{
	
}
#body .post-one-line.module.module-post .builder-posts-wrap .post .post-image{
	text-align: center;
}
#body .post-one-line.module.module-post .builder-posts-wrap .post .post-image a{

}
#body .post-one-line.module.module-post .builder-posts-wrap .post .post-image a img{

}
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content .post-date{
	white-space:nowrap;
}
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content .ex-title {
}
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content .more-link {
}
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content .ex-title p {
}
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content .post-title{
}
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content .post-title a{

}

body .post-one-line.module.module-post .builder-posts-wrap .post .post-content{
    display: flex;
    align-items: center;
}
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content .entry-content{
}
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content .entry-content p{
}
@media screen and (max-width: 768px){
body .post-one-line.module.module-post .builder-posts-wrap .post .post-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	flex-direction:column;
	align-items:flex-start;
}
}

/*---------------------
end of CSS-POST
--------------------*/










/*---------------------
// CSS-BUTTOM
--------------------*/






/*---------------------
end of CSS-BOTTON
--------------------*/








/*---------------------
CSS-TABLE
--------------------*/

/*table-01*/
.table-01.module table{
    width: 100%;
    border-collapse: collapse;	
}
.table-01.module table tr td,
.table-01.module table tr th{
    padding: 15px 0px;
}
.table-01.module table tr th{
	text-align: left;
    font-weight: normal;
    white-space: nowrap;
    padding-right: 20px;
}
@media screen and (max-width: 768px){body #body #layout #content .table-01.module  tbody th{display:table-cell;width:auto;}}
@media screen and (max-width: 768px){body #body #layout #content .table-01.module  tbody td{display:table-cell;width:auto;}}

/*---------------------
end of CSS-TABLE
--------------------*/





/*---------------------
CSS-FOOTER
--------------------*/
#footerwrap {

}
body .copyright-container {

}


body .copyright-container span{
  	display:inline-flex;

}


body .copyright-container a{

}

body .copyright-container img{
		display:block;
}

/* menu fooetr */
body  #pagewrap .m-menu-footer .ui {
	display: flex;
    align-items: center;
    justify-content: center;
    background-image: url();
    margin: 0;
    flex-wrap: wrap;
}
body  #pagewrap .m-menu-footer .ui  > li{
    display: inline-flex;
    margin: 0;
    line-height: 1;
    margin-bottom: 10px;
}
body  #pagewrap .m-menu-footer .ui  > li > a{
	display: inline-flex;
    border-right: 1px solid #000;
    line-height: 1;
    padding: 0px 8px;
    color: #000;
    text-decoration: underline;
}
body  #pagewrap .m-menu-footer .ui  > li.menu-item-has-children a{
	border:0;
}




body  #pagewrap .m-menu-footer .ui  > li.menu-item-has-children .child-arrow  {
    display: none;
}



body  #pagewrap .m-menu-footer .ui  > li.menu-item-has-children .child-arrow:before{
	display:none;
}
body  #pagewrap .m-menu-footer .ui  > li.menu-item-has-children .child-arrow:after{
	display:none;
}






body  #pagewrap .m-menu-footer .ui  > li:last-child > a{
	border-right:0px solid #000;
}
body  #pagewrap .m-menu-footer .ui  > li > a:hover{
 	text-decoration:none;
}


body  #pagewrap .m-menu-footer .ui   li .sub-menu{
	opacity: 1 !important;
    pointer-events: auto !important;
    display: block !important;
    transform: none !important;
    transition: opacity .3s, transform .3s !important;
    height: auto !important;
    position: static;
    width: auto !important;
    padding: 0;
    margin: 0 !important;
    height: auto;
    background-color: transparent;
    box-shadow: none;
    line-height: 1;
    border-right: 1px solid #222;
    border-radius: 0;
    padding-right: 10px;
	margin-top: 2px !important;
}



body  #pagewrap .m-menu-footer .ui li .sub-menu:before {
    content: '[ ';
}

body  #pagewrap .m-menu-footer .ui li .sub-menu:after {
    content: ' ]';
}



body  #pagewrap .m-menu-footer .ui  li .sub-menu li{
    margin: 0;
    display: inline-block;
    width: auto;
    line-height: 1;
    background-color: transparent;
}
body  #pagewrap .m-menu-footer .ui  li .sub-menu li a{
	display: inline-block;
    padding: 0;
    margin: 0;
    background-color: transparent;
    line-height: 1;
}


body  #pagewrap .m-menu-footer .ui  li .sub-menu li a:after{
	content: ' | ';
}

body  #pagewrap .m-menu-footer .ui  li .sub-menu li:last-child a:after{
	content: '';
}

body  #pagewrap .m-menu-footer .ui  li .sub-menu li a:hover{
	text-decoration:none;	
}


body  #pagewrap .m-menu-footer .ui   li .sub-menu{
	margin:0;
	margin-top: -2px;
}
body  #pagewrap .m-menu-footer .ui li .sub-menu:before {
    content: '[ ';
}

body  #pagewrap .m-menu-footer .ui li .sub-menu:after {
    content: ' ]';
}




/*---------------------
end of CSS-FOOTER
--------------------*/




/*--------------------
 * CSS-SINGLE
 * ------------------*/
.single #layout {
    max-width: 1100px;
    margin: 0px auto;
    padding: 100px 0;
}

.single  .post{

}

.single  .post-content{

}

.single .entry-content{
	
}

.single .post-date{

}

.single .post-title{

}
.single .post-title a{

}
.single  .post-image{
	
}

.single  .post-image img{

}


/*--------------------
 * end of CSS-SINGLE
 * ------------------*/



/*--------------------
 * CSS-ARCHIVE
 * ------------------*/

.archive #layout {
	max-width:1100px;
	margin:0px auto;
	padding:100px 0px;
}
.archive .page-title {
	display:none;
}
.archive body  .post {

}
.archive .post-title {

}
.archive .post-title a {

}

.archive  .post-content {

}

.archive  .entry-content {

}

.archive .post-image{
    text-align: center;
}
.archive .post-image img{

}

/*--------------------
 * end of CSS-ARCHIVE
 * ------------------*/






/*-------------=== 
CSS-FORM
------------- ===*/
/*form*/
body #body .module .wpcf7 table {
    border-collapse: collapse;
    width: 100%;
}

body #body .module .wpcf7 table tbody tr th, body #body .module .wpcf7 table tbody tr td {
    border: 1px solid #1db270;
    padding: 10px;
    background-color: #fafafa;
    vertical-align: middle;
}
body #body .module .wpcf7 table tbody tr th {
    background-color: transparent;
    font-size: 13px;
    color: #fb6298;
    text-align: left;
    width: 28%;
    font-weight: normal;
}

body #body .module .wpcf7 table tbody tr th span {
    display: inline-flex;
    color: #ff0000;
    padding: 0px 0px;
    font-size: 10px;
    font-weight: 400;
    margin: 0px 10px;
    line-height: 20px;
}
body #body .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item  label {
	display:inline-flex;
	align-items:center;
}
body #body .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item  label span{
	white-space:nowrap;
}


body #body .module .wpcf7 table tbody tr td span input,body  #body .module .wpcf7 table tbody tr td span textarea {
    background-color: white;
    width: 100%;
    height: 40px;
    border-radius: 0;
}
body  #body .module .wpcf7 table tbody tr td span textarea {
	height:300px;
}
body #body .module .wpcf7 table tbody tr td.reader {

}
body #body .module .wpcf7 table tbody tr td.reader .wpcf7-form-control-wrap {
}
body #body .module .wpcf7 input[type=submit] {
    background-color: #6e2888;
    padding: 20px 71px;
    color: white;
    display: inline-flex;
    box-sizing: border-box;
    border-radius: 0;
}
body .wpcf7-form > p{
    text-align: center;
    width: 100%;
    padding-top: 60px;
}
body .wpcf7-form > p:after{
}

body .reader {

}
/*-------------=== 
end of CSS-FORM
------------- ===*/






/*-------------------
CSS-PAGE-NAV
--------------------*/
body .pagenav {
	text-align: center;
}
body .pagenav .number,
body .pagenav a{
	display: inline-flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    border-radius: 50%;
    font-size: 16px;
} 

body .pagenav .number:hover,
body .pagenav a:hover{
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
} 



body .pagenav .current{
    background-color: #000;
    border: 1px solid #000;
    color: #fff; 
	pointer-events:none;
}
/*-------------------
end of CSS-PAGE-NAV
--------------------*/


.s-icon {
    display:none;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}	
#pagewrap .s-icon .module-icon-item{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;	
}
#pagewrap .s-icon .module-icon-item a{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;	
}






/*---------------------
CSS-SHARE
--------------------*/


body a,
body a img
{
  transition:all 0.3s;
}
body a{
  outline:none;
}

body .a-none a,
body .a-none img
{
  pointer-events:none;
}


body a:hover img{
  opacity:0.6;
}

body .tel-link a{
    pointer-events:none;
}
.module p{
  margin-bottom:0;
}

body .frame-policy{
	overflow:auto;
}


body .frame-block iframe, body .frame-block object {
    max-width: 100%;
    display: block;
}



body .ov-hide{
  overflow:hidden;
}

body .themify_builder_content  .max-width-1600{
	width:100%;
	max-width:1600px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-1400{
	width:100%;
	max-width:1400px;
	margin:0px auto;
} 


body .themify_builder_content  .max-width-1280{
	width:100%;
	max-width:1280px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-1200{
	width:100%;
	max-width:1200px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-1100{
	width:100%;
	max-width:1100px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-1000{
	width:100%;
	max-width:1000px;
	margin:0px auto;
} 
body .themify_builder_content  .max-width-800{
	width:100%;
	max-width:800px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-600{
	width:100%;
	max-width:600px;
	margin:0px auto;
} 



body .themify_builder_content .bg-100-100{
	background-size:100% 100%;
} 
body .themify_builder_content .bg-100-auto{
	background-size:100% auto;
} 
body .themify_builder_content .bg-auto-100{
	background-size:auto  100%;
} 
body .themify_builder_content .no-wrap {
	white-space:nowrap;
} 
body .themify_builder_content  .m-write-mode{
	writing-mode: tb-rl;
}


body #pc-backtop {
    width: auto;
    height: auto;
    position: fixed;
    right: 20px;
    z-index: 999;
    bottom: 30px;
	opacity:0;
	transition:all 0.3s;
}
body #pc-backtop.is-visible {
	opacity:1;
}
body #pc-backtop a img{
    width: auto;
    height: auto;
}


/*---------------------------
 * @media-1600
 * ------------------------*/

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

}/*1600*/




/*---------------------------
 * -@media-939
 * ------------------------*/

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

	
/*menu -footer*/ 
body #main-menu {

}
#main-menu li a:before {

}   
#main-menu li a {

}   

body #pc-backtop {
display:none;
}


.s-icon {
	display:flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999;
}	





/*single*/
.single #layout {
    padding: 100px 2%;
}	
.single .post-image {
    text-align: center;
}


#main-menu > li.nav00 {
    display: block;
}


#footerwrap {
    margin-bottom: 70px;
}
	
.rb2 {
    display: none;
}	
	

#pagewrap .m-menu-sp ul  li .sub-menu{
	visibility: visible !important;
	display: block !important;
	transform: none !important;
	padding:0;
}	


#pagewrap .m-menu-sp  .ui .menu-item .child-arrow{
	display:none;
}	


	
#pagewrap .m-menu-footer .ui li .sub-menu:after {
    display: none;
}	
	
#pagewrap .m-menu-footer .ui li .sub-menu:before{
    display: none;
}		

	
#pagewrap .m-menu-footer .ui li .sub-menu {
	border: 0;
}	
	
	
	
	
/*---------------------
css-share-939
--------------------*/
body .tel-link a{
    pointer-events:auto;
}
body .image-center-939 .image-wrap {
  width:100%;
  text-align:center;
} 


body .themify_builder_content .bg-100-100-939{
	background-size:100% 100%;
} 
body .themify_builder_content .bg-100-auto-939{
	background-size:100% auto;
} 
body .themify_builder_content .bg-auto-100-939{
	background-size:auto  100%;
} 
body .themify_builder_content .no-wrap-939 {
	white-space:wrap;
} 
body .themify_builder_content  .m-write-mode-no-939{
	writing-mode: unset;
}

body .themify_builder_content  .table-full-939 .tb_text_wrap{
	overflow:auto;
}	
	
body .themify_builder_content  .table-full-939 .tb_text_wrap table{
	width:150%;
	min-width:939px;
}	

body .themify_builder_content .row-reverse-939 .row_inner{
	display: flex;
    flex-direction: column-reverse;
}
body .themify_builder_content .subrow-reverse-939 .subrow_inner{
	display: flex;
    flex-direction: column-reverse;
}

	
}/*@939-*/


/*---------------------------
 * end of @939
 * ------------------------*/



/*---------------------------
 * @768@
 * ------------------------*/
@media screen and (max-width: 768px){

body .sub-col-reverse-680  .subrow_inner{
	flex-direction: column-reverse;
    display: flex;
}
body .standard-frame .mfp-iframe-holder .mfp-content {
    height: 90% !important;
}

	

#pagewrap .themify_builder_content-585 .tb_m15o377.module_row{
	background-repeat: repeat-x;
	background-size: 376px;
	animation-name: event-mobile;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes event-mobile {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 376px 0;
	}
}
	
	
	
	
}/*@768-*/
/*---------------------------
 * end of @768
 * ------------------------*/





/*---------------------------
 * @media-680
 * ------------------------*/

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


body #footer .sp-footer-icons-container a {
    font-size: 0px;
    padding: 10px 0px;
} 	
	
body #footer  .sp-footer-icons-container svg {
    height: 15px;
    margin-bottom: 5px;
}	
#footerwrap {
    margin-bottom: 0px;
}	




body #footer li.menu-item-has-children{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
}	
body .footer-nav > li {
    margin-bottom: 10px;
}	
body .footer-nav > li a {
    margin-bottom: 10px;border:0;
}
	
body #footer li.menu-item-has-children > a {
    margin-bottom: 15px;
}	
		
body .footer-nav li .sub-menu {
    margin: 0;
    margin-top: -2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}	


#footerwrap {
margin-bottom: 55px;
}

#menu-button .ham-text {
    font-size: 0;
    line-height: 1;
}



	
#pagewrap #body .module .wpcf7 table  tr{
	display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}
	
#pagewrap #body .module .wpcf7 table tbody tr th {
	font-size: 14px;
	text-align: left;
	color: #333;
	font-weight: normal;
	background: #e6d5fa;
	color: #fff;
	width: 100%;
	margin-top: 25px;
	box-sizing: border-box;
	border-bottom: 0;
}	
	
#pagewrap #body .module .wpcf7 table tbody tr td span input, #pagewrap #body .module .wpcf7 table tbody tr td span textarea {
    width: 100%;
    max-width: 100%;
}	
#pagewrap #body .wpcf7-form  > p{
	text-align: center;
    width: 100%;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;	
}
	

#headerwrap {

}
.header-brand-container {
    justify-content: center;
}
#site-logo {
    padding-bottom: 0;
	padding-right: 51px;
}

body .mfp-iframe-holder .mfp-close {
    top: 0;
    z-index: 999;
    color: #000;
}	
.single #layout {
    padding: 100px 2%;
}	
	
.archive #layout {
 	padding: 100px 2%;
}
	
	
	
	
	
	
	body .module.t-s-b {
		/* text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 1px 1px 2px #000, 2px 2px 3px #000, -1px -1px 3px #000, -2px -2px 3px #000; */
		-webkit-text-stroke: 5px black;
		text-stroke: 5px black;
		paint-order: stroke;
	}
	#footerwrap #footer .back-top_btn {
		display: none;
	}
	#headerwrap #header .head-inner .head-icon {
		width: 80%;
	}
	body #pagewrap .themify_builder_content .head-insta img{
		width: 85%;
	}
	#headerwrap #header .module_row.head-inner .row_inner {
		position: fixed;
		top: 5px;
		left: 0;
	}
	
	
	
	
	
/*---------------------
css-share-680
--------------------*/	
	
body .image-center-680 .image-wrap {
  width:100%;
  text-align:center;
} 

body .themify_builder_content .bg-100-100-680{
	background-size:100% 100%;
} 
body .themify_builder_content .bg-100-auto-680{
	background-size:100% auto;
} 
body .themify_builder_content .bg-auto-100-680{
	background-size:auto  100%;
} 
body .themify_builder_content .no-wrap-wrap-680{
	white-space:wrap;
} 
body .themify_builder_content  .m-write-mode-no-680{
	writing-mode: unset;
}
body .themify_builder_content  .table-full-680 .tb_text_wrap{
	overflow:auto;
}		
	
body .themify_builder_content  .table-full-680 .tb_text_wrap table{
	width:150%;
	min-width:680px;
}		
	
body .themify_builder_content .row-reverse-680 .row_inner{
	display: flex;
    flex-direction: column-reverse;
}
body .themify_builder_content .subrow-reverse-680 .subrow_inner{
	display: flex;
    flex-direction: column-reverse;
}	


	
	
#pagewrap .m-menu-sp .module-menu-container > ul > li > a {
    display: flex;
    width: 100%;
    font-size: 23px;
    flex-direction: column;
    align-items: center;
	line-height:40px;
}	
	
	
#menu-button {
    top: 0;
    right: 0;
}	
	
#menu-button .ham-lines span {
    bottom: 24px;
    transition: all .25s .25s;
    opacity: 1;
    width: 38px;
    height: 2px;
}	
	
#menu-button .ham-lines::before {
    bottom: 38px;
    animation: menu-bar01 .75s forwards;
    height: 2px;
    width: 38px;
}	
	
#menu-button .ham-lines::after {
    bottom: 10px;
    animation: menu-bar03 .75s forwards;
    width: 38px;
    height: 2px;
}	
	
	
#menu-button.mn-active {
/* 	background-color:#db483a; */
}	
	
	
}/*@680-*/

/*---------------------------
 * end of @680
 * ------------------------*/