@charset "UTF-8";
/* Themify Basic 7.1.7 framework 7.3.3 */

/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;inset:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain}

/*/css/themify.common.css*/
iframe{
    border:0
}
a{
	cursor:pointer
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
    outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
    outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
    outline:none
}
.tf_large_font{
    font-size:1.1em
}
.screen-reader-text{
	border:0;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	word-wrap:normal!important
}
.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto!important;
    color:#21759b;
    display:block;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
.skip-to-content:focus{
    clip-path:none
}
.post-image .themify_lightbox{
    position:relative;
    display:block;
    max-width:100%
}
.post-image .themify_lightbox .zoom{
    width:35px;
    height:35px;
    background:rgba(0,0,0,.3);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
    vertical-align:middle;
    color:#fff;
    stroke-width:1px;
    line-height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
    background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
    border-radius:0
}
/*/themify-builder/css/themify-builder-style.css*/
.module_row,
.module_subrow,
.module_column,
.module_row .module{
    position:relative;
    box-sizing:border-box
}
/* Hover Animation */
.module-buttons:hover,
.module_row:hover,
.module_column:hover,
.module-image img:hover,
.module-accordion i,
.module{
    transition:.5s ease;
    transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform
}
/* fix gutenberg empty p tag bug */
.entry-content > p:first-of-type:empty,
.entry-content > p:first-of-type+p:empty{
    margin:0;
    padding:0
}
/*GRID*/
.module_row{/* fix Chrome bug */
	display:flex;
	flex-wrap:wrap;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.themify_builder_slider_wrap{
    transition:none
}
.module_row[data-tbfullwidthvideo],.module_subrow[data-tbfullwidthvideo],.module_column[data-tbfullwidthvideo]{
	background-size:cover
}
/*GRID*/
.row_inner,
.subrow_inner{
    display:grid;
    --gutter:3.2%;
    --narrow:1.6%;
    --none:0;
    --align_start:flex-start;
    --align_center:center;
    --align_end:flex-end;
    --auto_height:stretch;
    --align_items:var(--auto_height);
    --align_content:var(--align_start);
    --colg:var(--gutter);
    --c1:1fr;
    --c2:1fr 1fr;
    --c3:1fr 1fr 1fr;
    --c4:1fr 1fr 1fr 1fr;
    --c5:1fr 1fr 1fr 1fr 1fr;
    --c6:1fr 1fr 1fr 1fr 1fr 1fr;
    --c1_2:1fr 2.1025fr;
    --c2_1:2.1025fr 1fr;
    --c1_3:1fr 3.2831fr;
    --c3_1:3.2831fr 1fr;
    --c1_1_2:1fr 1fr 2.1415fr;
    --c1_2_1:1fr 2.1415fr 1fr;
    --c2_1_1:2.1415fr 1fr 1fr;
    --col:repeat(auto-fit,minmax(1%,1fr));
	grid:var(--row,none)/var(--col);
    grid-template-areas:var(--area);
    grid-auto-columns:1fr;
    gap:var(--rowg,0) var(--colg);
    align-content:var(--align_content);
    align-items:var(--align_items);
    /*css variables for responsive columns(the first letter is the cols count, next the selected grid, e.g 3_2:3 is count ,2 the grid),so users can change it by custom css*/
    --area5_3:"col1 col1 col2 col2 col3 col3"
              "col4 col4 col5 col5 . .";

    --area5_1_2:"col1 col2 col2" "col3 col4 col5";

    --area5_2_1:"col1 col1 col2" "col3 col4 col5";

    --area5_1_3:"col1 col2 col2 col2"
                "col3 col4 col4 col4"
                "col5 col5 col5 col5";

    --area5_3_1:"col1 col1 col1 col2"
                "col3 col4 col4 col5";

    --area5_1_1_2:"col1 col2 col3 col3"
                  "col4 col4 col5 col5";

    --area5_1_2_1:"col1 col2 col2 col3"
                  "col4 col4 col5 col5";

    --area5_2_1_1:"col1 col1 col2 col3"
                  "col4 col4 col5 col5";	
    /*Css  Auto grid*/
    --aream2_auto:"col1" "col2";
    --aream3_auto:"col1" "col2" "col3";
    --aream4_auto:"col1" "col2" "col3" "col4";
    --aream5_auto:"col1" "col2" "col3" "col4" "col5";
    --areat6_auto:"col1 col2 col3" "col4 col5 col6";/*6 cols for tablet*/
    --aream6_auto:"col1 col2" "col3 col4" "col5 col6";/*6 cols for mobiile*/
    --areat7_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7";
    --aream7_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7";
    --areat8_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7" "col8 col8";
    --aream8_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8"
}
div.module_column{
    width:auto;
    max-width:none;
    margin-left:0;
    margin-right:0;
    min-width:0;
    float:none;
    align-items:inherit;
    align-content:inherit;
    grid-template-columns:minmax(0,1fr);
    display:grid
}
.col_align_middle,/*deperecated,backward compatibility*/
.fullheight > .tb_col_count_1{
    --align_content:var(--align_center)
}
.gutter-narrow{/*deperecated,backward compatibility*/
   --colg:var(--narrow)
}
.gutter-none{/*deperecated,backward compatibility*/
   --colg:var(--none)
}
.module_column:nth-of-type(1){
    grid-area:col1
}
.module_column:nth-of-type(2){
    grid-area:col2
}
.module_column:nth-of-type(3){
    grid-area:col3
}
.module_column:nth-of-type(4){
    grid-area:col4
}
.module_column:nth-of-type(5){
    grid-area:col5
}
.module_column:nth-of-type(6){
    grid-area:col6
}
.module_column:nth-of-type(7){
    grid-area:col7
}
.module_column:nth-of-type(8){
    grid-area:col8
}
.module_column:nth-of-type(9){
    grid-area:col9
}
.module_column:nth-of-type(10){
    grid-area:col10
}
.module_column:nth-of-type(11){
    grid-area:col11
}
.module_column:nth-of-type(12){
    grid-area:col12
}
.module_column:nth-of-type(13){
    grid-area:col13
}
.module_column:nth-of-type(14){
    grid-area:col14
}
.module_column:nth-of-type(15){
    grid-area:col15
}
.module_column:nth-of-type(16){
    grid-area:col16
}
/*DON'T USE THE CLASS direction_rtl, will be removed in the future, need for backward compatibility*/
.direction_rtl > .module_column:nth-of-type(1){
    z-index:16
}
.direction_rtl > .module_column:nth-of-type(2){
    z-index:15
}
.direction_rtl > .module_column:nth-of-type(3){
    z-index:14
}
.direction_rtl > .module_column:nth-of-type(4){
    z-index:13
}
.direction_rtl > .module_column:nth-of-type(5){
    z-index:12
}
.direction_rtl > .module_column:nth-of-type(6){
    z-index:11
}
.direction_rtl > .module_column:nth-of-type(7){
    z-index:10
}
.direction_rtl > .module_column:nth-of-type(8){
    z-index:9
}
.direction_rtl > .module_column:nth-of-type(9){
    z-index:8
}
.direction_rtl > .module_column:nth-of-type(10){
    z-index:7
}
.direction_rtl > .module_column:nth-of-type(11){
    z-index:6
}
.direction_rtl > .module_column:nth-of-type(12){
    z-index:5
}
.direction_rtl > .module_column:nth-of-type(13){
    z-index:4
}
.direction_rtl > .module_column:nth-of-type(14){
    z-index:3
}
.direction_rtl > .module_column:nth-of-type(15){
    z-index:2
}
.direction_rtl > .module_column:nth-of-type(16){
    z-index:1
}
.tb_col_count_1>.module_column{
	grid-area:auto
}
.tb_col_count_2{
	--area:"col1 col2"
}
.tb_col_count_3{
	--area:"col1 col2 col3"
}
.tb_col_count_4{
	--area:"col1 col2 col3 col4"
}
.tb_col_count_5{
	--area:"col1 col2 col3 col4 col5"
}
.tb_col_count_6{
	--area:"col1 col2 col3 col4 col5 col6"
}
.tb_col_count_7{
	--area:"col1 col2 col3 col4 col5 col6 col7"
}
.tb_col_count_8{
	--area:"col1 col2 col3 col4 col5 col6 col7 col8"
}
/*CLEARFIX*/
.module:after{
    content:"";
    display:table;
    clear:both
}
/*RESETS*/
.module_row ul.loops-wrapper{
    margin:0;
    padding:0;
    list-style:none
}
.module_row .ui{
	background-image:var(--tb_app_gr,none);
	background-color:var(--tb_pr_bg,#F7F7F7);
	box-shadow:var(--tb_app_shadow,none);
	border-radius:var(--tb_app_r,0);
	color:var(--tb_pr_color,#555)
}
.ui.builder_button{
    text-decoration:none;
    position:relative; 
    border:solid 1px rgba(0,0,0,.05);
    display:inline-block;
    line-height:130%;
    transition:color .3s linear;
	transition-property:color,background-color,padding,border,box-shadow;
    padding:.625em 1.25em
}
.builder_button:hover{
	text-decoration:none;
	background-color:var(--tb_pr_hover_bg,#f1f1f1)
}
.module .ui.builder_button{
    text-decoration:none
}
.ui.transparent{
	--tb_pr_bg:transparent;
	--tb_pr_hover_bg:transparent;
	--tb_pr_color:#555;
	--tb_app_r:0;
	--tb_app_gr:none;
	--tb_app_shadow:none;
	border:0;
    /* for transparent style inherit color */
    color:inherit
}
.transparent.gradient{
	--tb_app_gr:linear-gradient(to bottom, rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 100%)
}
/*SIZES*/
.ui.large.builder_button{
    font-size:120%;
    padding:10px 20px
}
.ui.small.builder_button{
    font-size:70%;
    padding:5px 10px
}
.xlarge .ui.builder_button{
    padding:.935em 1.875em
}
/*MODULE*/
.module-title{
    font-size:1.2em;
    margin:0 0 1.2em
}
.module img{
    border:0;
    vertical-align:bottom
}
.module-slider{
    margin-bottom:2.5em
}
/*Widget Module*/
.module-widget .widget{
    margin:0
}
.wp-caption{
    max-width:100%
}
/*Map Module*/
.module-map button{
    border-radius:0
}
.module-map .gm-style-mtc img{
    vertical-align:baseline;
    margin-right:5px
}
.row_inner{
    width:1160px;
    margin:0 auto
}
/* fullwidth row */
.module_row.fullheight .module_subrow,
.module_row.fullwidth > .row_inner{
	max-width:100%;
    width:100%
}
/* iOS doesn't support fixed attachment */
@supports(-webkit-touch-callout:none){
    .module_row,.module_subrow,.module_column{background-attachment:scroll!important}
}
/*FULLHEIGHT ROW*/
.module_row.fullheight{
    min-height:100vh
}
.fullheight > .row_inner > .module_column,
.fullheight > .row_inner{
    min-height:inherit
}
.module-plain-text:after{
    display:contents!important
}
/*MEDIA QUERIES*/
@media (max-width:1260px){
    .row_inner{
        max-width:94%
    }
}
@media (max-width:760px){
    .row_inner{
		max-width:90%
    }
}
.themify_builder .builder-parallax-scrolling{
	transition:background-position-y 0s
}
@supports not(cursor:grab){
	.builder-parallax-scrolling{
		background-attachment:scroll!important
	}
}
/*/michi/wp-content/themes/basic/styles/modules/site-logo.css*/
#site-logo{
	font-size:36px;
	letter-spacing:-.02em;
	font-weight:bold;
	line-height:1.4em;
	margin:0
}
#site-logo a,
#site-logo a:hover{
	text-decoration:none
}
/*/michi/wp-includes/css/dist/block-library/common.min.css*/
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*/themify-builder/css/modules/image.css*/
.module-image .image-title{
    margin:0 0 .3em;
    font-size:1.2em
}
.module-image .image-title a{
    text-decoration:none;
    color:inherit;
    font-family:inherit;
    text-shadow:inherit
}
/*layout*/
.module-image .image-wrap{
    width:auto
}
.module-image .image-wrap img{
    vertical-align:top;
    display:inline-block
}
/*appearance*/
.module-image.rounded .image-wrap img{
   border-radius:10px
}
.module-image.bordered .image-wrap img{
    border:solid 1px rgba(0,0,0,.15);
    background:#fff;
    padding:3px;
    box-sizing:border-box
}
.module-image.drop-shadow .image-wrap img,
.module.drop-shadow .post-image img{
    box-shadow:0 1px 8px 2px rgba(0,0,0,.15)
}
.module-image.circle .image-wrap img{
    border-radius:50em
}
/* auto fullwidth */
.themify_builder .auto_fullwidth .lightbox{
    display:block
}
.themify_builder .auto_fullwidth .image-wrap,
.themify_builder .auto_fullwidth img{
    width:100%;
    display:block; /* required for FF */
}
/* lightbox */
.module-image .image-wrap .lightbox{
    position:relative;
    display:inline-block;
    max-width:100%
}
/*/themify-builder/css/modules/image_styles/top.css*/
.module-image.image-top .image-content{
    margin-top:.5em;
    margin-bottom:1em
}
/*/themify-builder/css/modules/text.css*/
.drop-cap > :first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap:first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap > :first-child:first-letter{
    font-size:2.85em;
    float:left;
    line-height:.4em;
    padding:.425em .375em;
    background-color:var(--theme_accent,#0f70e8);
    color:#fff;
    margin-right:.325em;
    margin-top:.15em;
    margin-bottom:.25em
}
.tb-text-more-link-indicator{
    display:block;
    height:3px; 
    margin:5px 0; 
    background:rgba(55,55,55,.6)
}

/*/themify-builder/css/modules/menu.css*/
.module-menu-container{
	text-align:inherit
}
ul.ui.nav{
    display:inline-block;
	margin: 0;
    margin-left:0!important;
    padding:0;
    border:0;
	--tb_app_glc:normal;
    border-radius:var(--tb_app_r,4px);
    box-shadow:var(--tb_app_shadow,0 0 0 1px rgba(0,0,0,.1))
}
.ui.nav ul{
    position:absolute;
    top:100%;
    left:0;
    z-index:990;
    padding:5px 0;
    border:0;
    box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12)
}
.ui.nav ul,
.ui.nav ul > li{
	list-style:none;
    width:220px;
    margin:0
}
.ui.nav ul li:first-child > a,
.ui.nav ul li:last-child > a{
    border-radius:0
}
@media (hover:hover){
    .ui.nav:not(.tf_acc_menu) li:hover > ul,
    /* tab keyboard menu nav */
    .ui.nav:not(.tf_acc_menu) li > a:focus + .sub-menu,
    .ui.nav:not(.tf_acc_menu) li > .sub-menu:focus-within{
        opacity:1;
        pointer-events:auto;
        display:block;
        transform:none;
        transition:opacity .3s, transform .3s;
        height:auto
    }
}
.ui.nav ul > li > a{
    display:block
}
.ui.nav ul ul,
.ui.nav.vertical ul{
    left:100%;
    top:0
}
.module-menu .nav.transparent ul a{
    color:#555
}
.module-menu.tf_textr .ui.nav ul{
    left:auto;
    right:0
}
.module-menu.tf_textr .ui.nav ul ul{
    right:auto;
    left:100%
}

@media (hover:hover){
    .module-menu:not([data-edge]) .ui.nav .child-arrow,
    .module-menu:not([data-edge]) .ui.nav ul{
        display:none
    }
	.ui.nav ul{
		transform:scale(1,0);
		transform-origin:top;
	}
}
.ui.nav .child-arrow,
.ui.nav ul{
    text-align:left;
    opacity:0;
    pointer-events:none
}
.module-menu:not(.mobile-menu-module) .sub-menu{
	background-color:var(--tb_pr_bg,#f7f7f7)
}
.ui.nav ul{
	border-radius:var(--tb_app_r,8px);
	background-image:var(--tb_app_gr,none)
}
.ui.nav li{
	border-color:rgba(0,0,0,.05);
    display:inline-block;
	background-image:var(--tb_app_gr,none);
	--tb_app_glc:'';
    position:relative;
    margin:0 -.25em 0 0; /* remove gap in between link */
    padding:0
}
.ui.nav li a{
	touch-action:none;
    text-decoration:none;
    display:inline-block;
    line-height:130%;
    box-shadow:none;
	border-radius:inherit;
    padding:.625em 1.25em
}
.module ul.nav:not(.transparent) a{
    color:var(--tb_pr_color,#555)
}
.ui.nav > li a:hover{
    background-color:var(--tb_pr_hover_bg,rgba(180,180,180,.1))
}
.ui.nav.large li a{
    font-size:120%;
    padding:10px 20px
}
.ui.nav.small li a{
    font-size:70%;
    padding:5px 10px
}
.ui.nav > li:first-child{
	border-bottom-left-radius:var(--tb_app_r);
	border-top-left-radius:var(--tb_app_r)
}
.ui.nav ul > li:first-child{
	border-top-right-radius:var(--tb_app_r);
	border-top-left-radius:var(--tb_app_r)
}
.ui.nav > li:last-child{
	border-top-right-radius:var(--tb_app_r);
	border-bottom-right-radius:var(--tb_app_r)
}
.ui.nav ul > li:last-child{
	border-bottom-left-radius:var(--tb_app_r);
	border-bottom-right-radius:var(--tb_app_r)
}
.ui.nav li:last-child{
    margin-right:0
}
.ui.nav li:first-child > a{
    border-radius:4px 0 0 4px
}
.ui.nav li:last-child > a{
    border-radius:0 4px 4px 0
}
.ui.nav > .current_page_item > a,
.ui.nav > .current-menu-item > a,
.ui.nav > .current_page_item > a:hover,
.ui.nav > .current-menu-item > a:hover{
    background-color:var(--tb_pr_hover_bg,#efefef)
}
@media (hover:none){
    .ui.nav ul{
        display:none;
        opacity:1;
        pointer-events:auto
    }
    .ui.nav > .menu-item-has-children > a{
		padding-right:40px;
		position:relative
	}
    .ui.nav .child-arrow{
		touch-action:none;
        display:inline-block;
        position:absolute;
        right:4px;
        top:50%;
        width:32px;
        height:32px;
        padding:0;
        margin:0;
        border-radius:100%;
        transform:translateY(-50%);
        opacity:1;
        pointer-events:auto
    }
	.ui.nav .child-arrow:before,
	.ui.nav .child-arrow:after{
		top:50%;
		left:10px;
		content:'';
		position:absolute;
		transition:transform .3s ease-in-out;
		height:1px;
		width:8px;
		transform:rotate(45deg);
		background:currentColor;
		z-index:9999;
		border-radius:10px
	}
	.ui.nav .child-arrow:after{
		left:15px;
		transform:rotate(-45deg)
	}
	.ui.nav > li li .child-arrow:before,
	.ui.nav > li li .child-arrow:after{
		transform:rotate(45deg);
		left:auto;
		top:14px;
		right:10px
	}
	.ui.nav > li li .child-arrow:after{
		transform:rotate(-45deg);
		top:19px
	}
}
.menu-module-burger{
    cursor:pointer;
    color:inherit;
    box-shadow:none!important;
    width:1.4em;
    line-height:1;
    padding:12px 10px 10px 12px;
    border-radius:100%;
    box-sizing:unset
}
.menu-module-burger:hover{
    background-color:rgba(200,200,200,.25)
}
.menu-module-burger-inner{
    width:1.3em;
    height:1em;
    border-bottom:2px solid
}
.menu-module-burger-inner:before,
.menu-module-burger-inner:after{
    content:'';
    display:block;
    border-bottom:2px solid;
    position:absolute;
    left:0;
    top:0;
    width:100%
}
.menu-module-burger-inner:after{
    top:50%
}
/* Edge Menu */
.module-menu ul .edge > .sub-menu{
    left:auto!important;
    right:0!important
}
.module-menu ul ul .edge > .sub-menu{
    left:auto!important;
    right:100%!important
}
/*/themify-builder/css/modules/menu_styles/vertical.css*/
.ui.nav.vertical{
    max-width:100%;
    display:block;
    width:260px
}
.ui.nav.vertical > li a{
    display:block
}
.ui.nav.vertical > li{
    float:none;
    border:0;
    width:100%;
    clear:both;
    display:block
}
.ui.nav.vertical ul,
.ui.nav.vertical ul > li{
    width:100%;
    box-sizing:border-box
}
.ui.nav.vertical > li:first-child > a{
    border-radius:4px 4px 0 0
}
.ui.nav.vertical > li:last-child > a{
    border-radius:0 0 4px 4px
}
.ui.nav.vertical li:first-child{
	border-top-right-radius:var(--tb_app_r);
	border-bottom-left-radius:0
}
.ui.nav.vertical li:last-child{
	border-bottom-left-radius:var(--tb_app_r);
	border-top-right-radius:0
}
.ui.nav.vertical:not(.tf_acc_menu) > li .child-arrow:before,
.ui.nav.vertical:not(.tf_acc_menu) > li .child-arrow:after{
	transform:rotate(45deg);
    top:10px;
    left:auto;
    right:7px
}
.ui.nav.vertical:not(.tf_acc_menu) > li .child-arrow:after{
    transform:rotate(-45deg);
    top:15px
}
/*/themify-builder/css/modules/menu_styles/transparent.css*/
.module .nav.transparent li,
.module .nav.transparent > li > a, 
.module .nav.transparent > li.current_page_item > a,
.module .nav.transparent > li.current-menu-item > a, 
.module .nav.transparent > li > a:hover,
.module .nav.transparent li:active > a{
    background:0;
    border:0;
    box-shadow:none
}
.nav.transparent .sub-menu{
	--tb_app_r:8px;
	--tb_pr_hover_bg:#f1f1f1;
	--tb_pr_bg:#fff
}
/*/michi/wp-content/themes/basic/style.css*/
/*!
Theme Name:Themify Basic
Theme URI:https://themify.me/themes/basic
Version:7.1.7 
Description:Created by <a href="http://www.themify.me">Themify</a>.
Author:Themify
Author URI:http://www.themify.me
License:GNU General Public License v2.0
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Copyright:(c) 2016 Themify.
Tags:featured-images, translation-ready, custom-menu
Text Domain:themify

---------

DO NOT EDIT THIS FILE.

If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme).
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure{
	margin:0;
	padding:0
}

img, fieldset{
	border:0
}

/* set img max-width */
img{
	box-sizing:border-box
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ 
	display:block
}

/* audio */
audio,
iframe, object{
	max-width:100%
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html{
	-webkit-font-smoothing:antialiased
}
body{
	font:.9em/1.5em Arial, Helvetica, sans-serif;
	overflow-wrap:break-word;
	background-color:#fff;
	color:#666
}
a{
	color:#1f7bb6;
	text-decoration:none;
	outline:none
}
a:hover{
	text-decoration:underline
}
p{
	margin:0 0 1.2em;
	padding:0
}
small{
	font-size:87%
}
blockquote{
	font:italic 110%/130% "Times New Roman", Times, serif;
	padding:8px 30px 15px
}

/* LIST
================================================ */
ul, ol{
	margin:1em 0 1.4em 24px;
	padding:0;
	line-height:140%
}
li{
	margin:0 0 .5em;
	padding:0
}

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6{
	line-height:1.3em;
	margin:0 0 .4em;
	overflow-wrap:normal
}
h1{
	font-size:2em
}
h2{
	font-size:1.8em
}
h3{
	font-size:1.6em
}
h4{
	font-size:1.4em
}
h5{
	font-size:1.2em
}
h6{
	font-size:1em
}

/* FORM
================================================ */
/* form input */
input,textarea,select,input[type=search],button{
	font-size:100%;
	font-family:inherit;
	max-width:100%;
	line-height:inherit
}
textarea,input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{
	background-color:#f3f3f3;
	border:solid 1px rgba(0,0,0,.1);
	padding:7px 10px;
	border-radius:5px;
	-webkit-appearance:none;
	box-sizing:border-box
}
textarea,input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{
	width:240px;
	max-width:100%
}

/* text area */
textarea{
	width:100%
}

/* form input:focus */
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus{
	outline:none;
	background-color:#f9f9f9;
	box-shadow:0 2px 6px rgba(0,0,0,.1)	
}

/* form button */
input[type=reset], input[type=submit], button{
	background-color:#333;
	color:#fff;
	border:0;
	padding:7px 20px;
	cursor:pointer;
	border-radius:5px;
	-webkit-appearance:none
}

/* form button:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover{
	background-color:#000;
	color:#fff
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav,#sidebar, .widget, #footerwrap, #footer{
	box-sizing:border-box
}

/* main page width */
.pagewidth,
.row_inner{
	width:978px;
	margin:0 auto
}

/* body (middle container) */
#body{
	margin:0 auto;
	max-width:100%
}

/* content */
#content{
	width:68%;
	float:left;
	padding:5% 0 3%
}

/* sidebar */
#sidebar{
	width:26.5%;
	float:right;
	padding:5% 0 3%
}

/* sidebar left */
.sidebar-left #content{
	float:right
}
.sidebar-left #sidebar{
	float:left
}

/* sidebar none */
.sidebar-none #content{
	width:100%;
	float:none
}

/* fullwidth content */
.full_width #layout{
	width:100%
}
.full_width #content{
	padding:0;
	width:auto;
	float:none
}
.full_width #sidebar{
	width:auto;
	float:none
}

/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
	margin-left:3.2%;
	float:left
}
.col4-1{
	width:22.6%
}
.col4-2, .col2-1{
	width:48.4%
}
.col4-3{
	width:74.2%
}
.col3-1{
	width:31.2%
}
.col3-2{
	width:65.6%
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first
{
	margin-left:0;
	clear:left
}

/************************************************************************************
HEADER
*************************************************************************************/
#header{
	position:relative;
	border-bottom:solid 1px rgba(0,0,0,.1);
	padding:1em 0 0
}

/* 
SOCIAL WIDGET
================================================ */
.social-widget{
	float:right;
	position:absolute;
	bottom:10px;
	right:0
}
.social-widget a,
.social-widget a:hover{
	text-decoration:none
}
.social-widget .widget{
	display:inline-block;
	margin:0 2px 0 0
}
.social-widget .widget div{
	display:inline
}
.social-widget .widgettitle{
	width:auto;
	font-weight:700;
	font-size:100%;
	text-transform:none;
	border:0;
	letter-spacing:0;
	position:static;
	display:inline-block;
	margin:5px 8px 2px 0;
	padding:0;
	background:0;
	box-shadow:none
}
.social-widget ul{
	margin:6px 0 0!important;
	padding:0;
	display:inline
}
.social-links.horizontal li{
	padding:0 2px 5px 0;
	margin:0;
	display:inline-block;
	border:0!important;
	clear:none;
	line-height:100%
}
.social-widget li img{
	vertical-align:middle;
	margin-top:-5px
}

/* 
RSS
================================================ */
.social-widget div.rss{
	display:inline-block;
	vertical-align:middle
}
.social-widget div.rss a{
	display:inline-block;
	margin-bottom:5px
}
.social-widget div.rss .tf_fa{
	font-size:1.75em;
	padding-right:5px;
	display:inline-block;
	vertical-align:middle;
	color:#f9a447
}

/* 
SEARCH FORM
================================================ */
#header #searchform{
	position:absolute;
	right:0;
	top:20px
}
#header #searchform #s{
	width:100px;
	padding:5px 7px 5px 28px;
	float:right;
	border-radius:5px;
	transition:width .7s;
	position:relative;
	box-sizing:border-box
}
#searchform .tf_fa{
	position:absolute;
	left:10px;
	top:10px;
	z-index:1;
	pointer-events:none;
	transform:rotateZ(90deg)
}
#header #searchform #s:focus{
	width:140px;
	color:#333
}

/* 
MAIN NAVIGATION
================================================ */
#main-nav{
	margin:1.5em 0 .5em;
	padding:0
}
#main-nav li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative
}

/* main level link */
#main-nav a{
	display:block;
	padding:5px 15px;
	margin:0 5px 0 0;
	text-decoration:none
}

/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a{
	background-color:#333;
	color:#fff;
	border-radius:5px
}
/* current link :hover */
#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover{
	color:#fff
}

/* sub-levels link */
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a{
	color:#666;
	font-size:100%;
	line-height:140%;
	text-transform:none;
	padding:6px 10px 6px 15px;
	margin:0;
	display:block;
	width:200px;
	background:0;
	border:0;
	text-shadow:none;
	border-radius:0;
	box-shadow:none;
	box-sizing:border-box
}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover{
	background-color:rgba(0,0,0,.07);
	color:#000
}
/* dropdown ul */
#main-nav ul{
	margin:0;
	padding:5px 0;
	list-style:none;
	position:absolute;
	background-color:#fff;
	z-index:100;
	border-radius:5px;
	left:-999em;
	box-shadow:0 0 0 1px rgba(0,0,0,.2), 0 2px 12px rgba(0,0,0,.15)
}
#main-nav ul li{
	background:0;
	padding:0;
	margin:0;
	float:none
}
/* show dropdown ul */
#main-nav li.dropdown-open > ul{
	left:0
}
#main-nav li li.dropdown-open > ul.children,
#main-nav li li.dropdown-open > ul.sub-menu{
	left:190px;
	top:-2px
}
@media (hover:hover){
	/* show dropdown ul */
	#main-nav li:hover > ul{
		left:0
	}
	#main-nav li li:hover > ul.sub-menu,
	#main-nav li li:hover > ul{
		left:190px;
		top:-2px
	}
}
#main-nav a:focus{
	outline:1px dotted #999
}
@media (hover:none){
	#main-nav .child-arrow{
		border-radius:100%;
		padding:0 7px;
		margin-left:7px
	}
	#main-nav ul .child-arrow{
		float:right;
		margin-right:10px
	}
}

/************************************************************************************
PAGE
*************************************************************************************/
/*
AUTHOR PAGE
================================================ */
.author-bio{
	margin:0 0 30px
}
.author-bio .author-avatar{
	float:left;
	margin:0 15px 0 0
}
.author-bio .author-avatar img{
	background-color:#fff;
	padding:4px;
	border:solid 1px #ccc
}
.author-bio .author-name{
	margin:0 0 5px;
	padding:0;
	font-size:160%
}
.author-posts-by{
	margin:0 0 20px;
	padding:10px 0 0;
	font-size:140%;
	text-transform:uppercase;
	border-top:double 4px #ccc;
	border-color:rgba(118,118,118,.3)
}

/*
CATEGORY SECTIONS
================================================ */
.category-section{
	clear:both;
	margin-bottom:30px
}
.category-section-title{
	font-size:120%;
	text-transform:uppercase;
	margin:0 0 20px;
	padding:10px 0 0;
	border-top:double 4px #ccc
}

/************************************************************************************
POST
*************************************************************************************/
.post{
	margin-bottom:50px;
	box-sizing:border-box
}

/* post content */
.post-content{
	min-width:120px
}

/* post title */
.post-title{
	font-size:26px;
	margin:0 0 5px;
	padding:0
}

/* post image */
.post-image{
	max-width:100%;
	margin:0 0 5px
}
.post-image.left{
	float:left;
	margin-right:15px
}
.post-image.right{
	float:right;
	margin-left:15px
}

/* post meta */
.post-meta{
	margin:0 0 7px;
	font-size:.9em
}
.post-meta a{
	color:inherit
}
.post-meta span .tf_fa{
	display:inline-block;
	margin-right:6px;
	vertical-align:middle;
	opacity:.6
}
.post-meta .post-author{
	padding:2px 0
}
.post-meta .post-category{
	padding:2px 0
}
.post-meta .post-tag{
	padding:2px 0
}
.post-meta .post-author:after,
.post-meta .post-category:after,
.post-meta .post-tag:after{
	display:inline-block;
	content:'';
	width:1px;
	height:1.3em;
	margin:0 .45em 0 .6em;
	white-space:nowrap;
	vertical-align:middle;
	border-left:1px solid;
	transform:skewX(-15deg);
	opacity:.1
}

.loops-wrapper.grid4 .post-title{
	font-size:120%;
	margin:0 0 3px;
	padding:0
}
.loops-wrapper.grid3 .post-title{
	font-size:140%;
	margin:0 0 3px;
	padding:0
}

.loops-wrapper.grid2 .post-title{
	font-size:150%;
	margin:0 0 3px;
	padding:0
}

.loops-wrapper.grid2-thumb .post-title{
	margin:0 0 5px;
	font-size:150%
}
.loops-wrapper.grid2-thumb .post-image{
	float:left;
	margin:5px 14px 10px 0
}
.loops-wrapper.grid2-thumb .post-content{
	overflow:hidden
}


/* list thumb post */
.loops-wrapper.list-thumb-image .post-image{
	float:left;
	margin:7px 16px 10px 0
}
.loops-wrapper.list-thumb-image .post-content{
	overflow:hidden
}

/* list large image */
.loops-wrapper.list-large-image .post-image{
	float:left;
	margin:7px 22px 10px 0
}
.loops-wrapper.list-large-image .post-title{
	font-size:200%;
	margin:0 0 5px;
	padding:0
}
.loops-wrapper.list-large-image .post-content{
	overflow:hidden
}

/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video, .embed-youtube{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	font-size:.9em;
	margin-bottom:15px
}
.post-video iframe,
.post-video object,
.post-video embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
/************************************************************************************
POST EMBEDS (css for various fluid elements)
*************************************************************************************/
.twitter-tweet-rendered{
	max-width:100%!important
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box{
	margin:15px 0
}
.author-box .author-avatar{
	float:left;
	margin:0 15px 5px 0
}
.author-box .author-name{
	margin:0 0 5px
}

/************************************************************************************
POST NAVIGATION (the <nextpage> tag)
*************************************************************************************/
.post-pagination{
	text-align:right;
	margin:.5em 0 2em
}
.post-pagination strong{
	margin-right:3px
}
.post-pagination a{
	margin-left:3px;
	margin-right:3px
}
/************************************************************************************

POST NAVIGATION
*************************************************************************************/
.post-nav{
	margin:0 0 30px;
	padding:15px 0;
	clear:both
}
.post-nav .prev,
.post-nav .next{
	width:47%;
	position:relative
}
.post-nav a{
	text-decoration:none;
	display:block
}
.post-nav a:hover{
	text-decoration:none
}
.post-nav .prev{
	float:left
}
.post-nav .next{
	float:right;
	text-align:right
}

/* post nav arrow */
.post-nav .arrow{
	background-color:#333;
	color:#fff;
	font:normal 20px/100% "Times New Roman", Times, serif;
	display:block;
	float:left;
	width:32px;
	height:28px;
	padding:4px 0 0;
	text-align:center;
	margin:-8px 10px 17px 0;
	border-radius:10em
}
.post-nav .next .arrow{
	float:right;
	margin-left:10px;
	margin-right:0
}
.post-nav a:hover span{
	background-color:#000
}

/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap{
	margin:10px 0 20px;
	position:relative;
	clear:both
}

/* comment title */
.comment-title, #reply-title{
	font-size:140%;
	margin:0 0 10px;
	padding:0
}

/* comment pagenav */
.commentwrap .pagenav{
	margin:10px 0;
	border:0;
	box-shadow:none
}
.commentwrap .pagenav.top{
	margin:0;
	position:absolute;
	top:10px;
	right:0
}

/* commentlist */
.commentlist{
	margin:0 0 30px;
	padding:5px 0 0;
	border-top:solid 1px rgba(0,0,0,.1)
}
.commentlist li{
	margin:0;
	padding:15px 0 0;
	list-style:none;
	position:relative
}
.commentlist .comment-author{
	margin:2px 0 5px;
	padding:0
}
.commentlist .avatar{
	float:left;
	margin:0 15px 0 0
}
.commentlist cite{
	font-style:normal;
	font-size:130%
}
.commentlist cite a{
	text-decoration:none
}
.commentlist cite .tf_fa{
	margin-right:10px
}
.commentlist .bypostauthor > .comment-author cite .tf_fa{
	margin-right:18px;
	color:#ca0012
}
.commentlist .comment-time{
	font-size:75%;
	text-transform:uppercase
}
.commentlist .commententry{
	border-bottom:solid 1px rgba(0,0,0,.1);
	position:relative;
	min-height:40px;
	overflow:hidden;
	padding-bottom:5px;
	overflow-wrap:break-word
}
.commentlist ul, .commentlist ol{
	margin:0 0 0 7%;
	padding:0
}

/* reply link */
.commentlist .reply{
	position:absolute;
	right:0;
	top:8px
}
.commentlist .comment-reply-link{
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none
}
.commentlist .comment-reply-link:hover{
	text-decoration:none
}

/* 
COMMENT FORM
================================================ */
#respond{
	margin:0;
	padding:10px 0 0;
	position:relative;
	clear:both
}
#respond #cancel-comment-reply-link{
	position:absolute;
	top:20px;
	right:0;
	font-size:85%;
	line-height:100%;
	text-decoration:none;
	padding:5px 10px;
	display:block;
	color:#fff;
	background-color:#F30
}
#respond #cancel-comment-reply-link:hover{
	background-color:#333
}
#commentform{
	margin:15px 0 0
}
#commentform label{
	font-weight:700
}
#commentform label small{
	font-weight:400
}
#commentform textarea{
	height:140px;
	width:100%;
	box-sizing:border-box
}
#commentform .comment-form-author,
#commentform .comment-form-email{
	width:50%;
	float:left;
	box-sizing:border-box;
	clear:none
}
#commentform p.comment-form-author{
    padding-right:2%
}
#commentform .comment-form-email{
	padding-left:2%
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url]{
	width:100%;
	max-width:none;
	box-sizing:border-box
}
#commentform input#submit{
	padding:7px 20px
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
.widget{
	margin:0 0 30px;
	overflow-wrap:break-word
}
.widgettitle{
	margin:0 0 10px;
	padding:0;	
	font-size:120%
}
.widget ul{
	margin:0;
	padding:0
}
.widget li{
	margin:0;
	padding:6px 0;
	list-style:none;
	clear:both
}
.widget ul ul{
	margin:6px 0 -6px;
	padding:0;
	border-top:none
}
.widget ul ul li{
	margin:0;
	padding-left:10px
}

/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption{
	font-weight:700;
	padding-bottom:10px
}
.widget #wp-calendar td{
	width:31px;
	padding:4px 2px;
	text-align:center
}

/* feature posts widget */
.widget .feature-posts-list br{
	display:none
}
.widget .feature-posts-list .post-img{
	margin:4px 12px 10px 0;
	float:left
}
.widget .feature-posts-list small{
	font-style:italic;
	font-size:90%;
	display:block;
	margin:0 0 3px
}
.widget .feature-posts-list .feature-posts-title{
	margin:4px 0 3px
}
.widget .feature-posts-list .post-excerpt{
	display:block
}

/* links widget */
.widget .links-list img, .widget_links img{
	vertical-align:middle
}

/* recent comments widget */
.recent-comments-list .avatar{
	margin-right:12px;
	float:left
}

/* flickr widget */
.widget .flickr_badge_image{
	margin-top:10px
}
.widget .flickr_badge_image img{
	width:50px;
	height:50px;
	margin-right:12px;
	margin-bottom:12px;
	float:left
}

/* flickr shortcode */
.shortcode .flickr_badge_image{
	width:23.8%;
	margin:0 1.5% 1.5% 0;
	float:left
}
.shortcode .flickr_badge_image:nth-of-type(4n){
	margin-right:0
}
.shortcode .flickr_badge_image img{
	margin:0
}

/* search widget */
#sidebar #searchform{
	position:static
}
#sidebar #searchform #s{
	width:93%
}

/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered{
	max-width:100%!important
}

/* Social Links Widget */
.widget .social-links{
	margin:0 0 20px;
	padding:0;
	line-height:100%
}
.widget .social-links li{
	margin:0 5px 5px 0;
	padding:0;
	list-style:none;
	border:0;
	display:inline-block
}
.widget .social-links img{
	vertical-align:middle
}

/* Text widget */
.widget .textwidget ul{
	margin:0 0 1.4em 1.6em
}
.widget .textwidget li{
	display:list-item
}
.widget .textwidget ul li{
	list-style:disc
}
.widget .textwidget ol li{
	list-style:decimal
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer{
	padding:30px 0;
	clear:both;
	border-top:solid 1px rgba(0,0,0,.1)
}

/* back to top */
.back-top{
	clear:both;
	float:left;
	margin-top:-3px
}
.back-top a{
	background-color:#000;
	display:block;
	width:30px;
	height:30px;
	margin:0 10px 10px 0;
	text-indent:-900em;
	border-radius:10em;	
	color:#fff
}
.back-top a .tf_fa{
	text-indent:0;
	text-align:center;
	width:100%;
	float:left;
	font-size:1.4em;
	margin-top:5px
}
.back-top a:hover{
	background-color:#333
}

/* footer nav */
.footer-nav{
	margin:7px 0 10px;
	padding:0;
	text-align:left
}
.footer-nav li{
	padding:0;
	margin:0 8px 5px 0;
	list-style:none;
	display:inline-block
}

/* footer text */
.footer-text{
	font-size:90%;
	clear:both
}

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone{
	margin-bottom:15px
}
.alignleft{
	float:left;
	margin-right:30px
}
.alignright{
	float:right;
	margin-left:30px
}
.aligncenter{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.wp-caption{
	text-align:center;
	margin-bottom:15px;
	max-width:100%
}
.wp-caption-text{
	font-size:95%;
	line-height:120%;
	margin:6px 0
}

/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment,
.single-attachment .attachment{
	float:none;
	margin:0;
	text-align:left
}
/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear{
	clear:both
}
.left{
	float:left
}
.right{
	float:right
}
.textleft{
	text-align:left
}
.textright{
	text-align:right
}
.textcenter{
	text-align:center
}

/* clearfix */
.widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, .menu:after,#content:after
{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
.widget li,footer,#main-nav, .menu
{ display:block }

/*BASE MEDIA QUERIES*/
@media(max-width:1260px){
	.default_width #layout .row_inner{
		max-width:100%
	}
}

/*/michi/wp-content/themes/basic/media-queries.css*/
@media (max-width:1200px){
@media(max-width:1060px){

	/************************************************************************************
	FOR PAGE SKIN
	*************************************************************************************/
	.skin-page .pagewidth,
	.skin-page-black .pagewidth{
		max-width:100%
	}
	/* content */
	.skin-page #content,
	.skin-page-black #content{
		width:67.8%
	}

	/* sidebar */
	.skin-page #sidebar,
	.skin-page-black #sidebar{
		width:26.2%
	}
}

@media(max-width:1100px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	.pagewidth,
	.row_inner{
		max-width:90%
	}


	/* content */
	#content{
		width:67.8%
	}

	/* sidebar */
	#sidebar{
		width:26.2%
	}
}

@media(max-width:760px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#content,
	#sidebar{
		width:100%!important;
		max-width:100%!important;
		float:none;
		clear:both
	}
	#sidebar .secondary{
		width:48%
	}

	/************************************************************************************
	LAYOUT
	*************************************************************************************/
	.list-thumb-image .post-content,
	.list-large-image .post-content{
		overflow:visible
	}

}

@media(max-width:680px){

	/************************************************************************************
	HEADING
	*************************************************************************************/
	h1{
		font-size:1.8em
	}
	h2,
	.post-title,
	.loops-wrapper.grid4 .post-title,
	.loops-wrapper.grid3 .post-title,
	.loops-wrapper.grid2 .post-title{
		font-size:1.6em
	}
	h3{
		font-size:1.4em
	}
	h4{
		font-size:1.2em
	}

	/************************************************************************************
	POST VIDEO (css for fluid video)
	*************************************************************************************/
	.post-video{
		clear:both
	}

	/* disable webkit text size adjust (for iPhone) */
	html{
		-webkit-text-size-adjust:none
	}

	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	{
		margin-left:0;
		width:100%;
		max-width:100%
	}

	/************************************************************************************
	LAYOUT
	*************************************************************************************/
	/* loops-wrapper */
	.loops-wrapper{
		margin-left:0!important;
		width:auto!important
	}

	/* post */
	.post{
		width:auto!important;
		max-width:100%!important;
		margin-left:0!important;
		float:none!important
	}

	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, .post-nav .next{
		display:block;
		width:100%;
		clear:both;
		margin-bottom:10px
	}

	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist{
		padding-left:0
	}
	.commentlist .commententry{
		clear:left
	}
	.commentlist .avatar{
		float:left;
		width:40px;
		height:40px;
		margin:0 10px 10px 0
	}

	/************************************************************************************
	WOOCOMMERCE SUPPORT
	*************************************************************************************/
	.woocommerce #content div.product div.images,
	.woocommerce #content div.product div.summary{
		float:none!important;
		width:100%!important
	}
}

}
/*/michi/wp-content/themes/basic-child/style.css*/

/*
Theme Name: Custom Theme
Template: basic
Author: Trendmake
Copyright: (c) 2023 Trendmake
Version: 20231228
*/

/* custom icon */
@font-face {
	font-family: 'icomoon';
	src:  url({'https://cn.michiterasu-osaka.com/michi/wp-content/themes/basic-child}/fonts/icomoon.eot?klagb8');
	src:  url({'https://cn.michiterasu-osaka.com/michi/wp-content/themes/basic-child}/fonts/icomoon.eot?klagb8#iefix') format('embedded-opentype'),
	  url({'https://cn.michiterasu-osaka.com/michi/wp-content/themes/basic-child}/fonts/icomoon.ttf?klagb8') format('truetype'),
	  url({'https://cn.michiterasu-osaka.com/michi/wp-content/themes/basic-child}/fonts/icomoon.woff?klagb8') format('woff'),
	  url({'https://cn.michiterasu-osaka.com/michi/wp-content/themes/basic-child}/fonts/icomoon.svg?klagb8#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-chevron-up:before {
	content: "\e900";
  }
  .icon-phone:before {
	content: "\e901";
  }
  .icon-mail:before {
	content: "\e902";
  }
  .icon-paperplane:before {
	content: "\e903";
  }
  .icon-mail-envelope-closed:before {
	content: "\e904";
  }
  .icon-envelope:before {
	content: "\e905";
  }
  .icon-location:before {
	content: "\e906";
  }
  .icon-phone1:before {
	content: "\e907";
  }
  .icon-home:before {
	content: "\e908";
  }
  .icon-phone2:before {
	content: "\e942";
  }
  .icon-envelop:before {
	content: "\e945";
  }
  .icon-location1:before {
	content: "\e947";
  }
  .icon-amazon:before {
	content: "\ea87";
  }
  .icon-facebook2:before {
	content: "\ea91";
  }
  .icon-instagram:before {
	content: "\ea92";
  }
  

/*******************************
Common Setting
*******************************/
body {
	font-family: 'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
	font-size: 16px;
	line-height: 2;
}
body #content {
	padding: 0;
}
/* Those Classes change row_inner width,
   when you set the Themify Builder > Row Options > Row Width to Default and Boxed. */
/*.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner {
	width: 100%;
}*/

/* table setting */
body table{
	width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
}

/* single post fix */
.single #layout #content{ width: 100%; max-width: 980px; margin-right: auto; margin-left: auto; padding: 0 16px; }

/*******************************
Header Fix
*******************************/
body #header.header {
	height: auto;
	border-bottom: none;
}

/* Header Site Branding */
body #site-logo,
body #site-description {
	position: static;
}
body #site-logo {
	line-height: 1;
}
body #site-logo a,
body #site-logo a img {
	display: block;
}
/* Search Form in Header */
body #headerwrap #header #searchform {
	position: static;
}
body #headerwrap #header #searchform #s {
	float: none;
}

/*******************************
Footer Fix
*******************************/
body #footer {
	border-top: none;
	clear: none;
	padding: 0;
}
body #pc-backtop {
	display: block;
	position: fixed;
	z-index: 500;
	bottom: 50px;
	right: 50px;
	opacity: 0;
	transition: opacity .3s;
	width: 32px;
	height: 32px;
	font-size: 30px;
}
body #pc-backtop.is-visible {
	opacity: 1;
}
body #pc-backtop.is-visible:hover {
	opacity: .7;
}
body #pc-backtop a,
body #pc-backtop a img {
	display: block;
}
body .sp-footer-icons-container {
	display: none;
	justify-content: space-around;
	align-items: center;
	position: fixed;
	z-index: 600;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: calc( env(safe-area-inset-bottom) / 2 );
	background: #4f4f4f;
}

body #footer .sp-footer-icons-container a span{
	display: block;
	font-size: 20px;
	margin-bottom: 8px;
}
body #footer .sp-footer-icons-container a {
	display: block;
    width: 100%;
    line-height: 1;
    text-align: center;
    background-color: #8c2031;
    text-decoration: none;
    font-size: 10px;
    padding: 10px 0 6px;
    border-left: 1px solid #fff;
    color: white;
}
body #footer .sp-footer-icons-container a:first-child{
	border-left:0;
}


/*******************************
Contact form
*******************************/
.wpcf7 table tr th{
	width:30%;
	text-align: left;
}
.wpcf7 table tr th,
.wpcf7 table tr td{
	padding:10px 15px
}
.wpcf7 table tr td input,
.wpcf7 table tr td select,
.wpcf7 table tr td textarea{
	background-color: #f3f3f3;
    border: solid 1px #ddd;
    padding: 6px 10px;
    border-radius: 5px;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}
.wpcf7 table tr td span input{
	margin-top:10px;
}
.wpcf7 table tr td span:first-child input{
	margin-top:0px;
}
.wpcf7 table tr td input[type="radio"],
.wpcf7 table tr td input[type="checkbox"]{
	width:auto;
}
.wpcf7 .submit_btn{
	display:block;
}
.wpcf7 .submit_btn input[type="submit"]{
	display:block;
	width:250px;
	margin:0 auto;
}

/* =============================================
	menu settings
=============================================　*/
#main-nav{

}

#main-nav .current_page_item a,
#main-nav .current-menu-item a{
	
}

#main-nav li{

}

/* =============================================
	mobile menu settings
=============================================　*/
/* Mobile Menu Button */
#menu-button{
	visibility:hidden;
	opacity:0;
	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: #fafafa;
}
#menu-button.nav-on {
	visibility:visible;
	opacity:1;
}
#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: #111;
	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;
}
@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);
	}
}
/* Mobile Menu Button end */

/* =============================================

	Common settings

============================================= */
/* table border and paddings */
table th,
table td{
	border: 1px solid #424242;
	padding: 10px;
}

/* =============================================

	Media Query

============================================= */
@media screen and (max-width: 1400px) { /* for iPad pro landscapes */

}

@media screen and (max-width: 1200px) { /* for tablet landscapes */

	#pagewrap {
		position: relative;
		padding-bottom: 51px;
	}

	#header.header {
		padding-top: 0;
	}

	/* mobile menu visibility */
	body #header #main-nav{
		display: block;
	}

	/* module menu button visible */
	#menu-button{
		visibility:visible;
		opacity:1;
	}
	
	@media screen and (max-width: 1200px) { /* for tablet landscapes big */

		#pagewrap {
			position: relative;
			padding-bottom: 51px;
		}
	
		#header.header {
			padding-top: 0;
		}
	
		/* module menu button visible */
		#menu-button{
			visibility:visible;
			opacity:1;
		}
		
		/* Mobile Menu Container ここを調整すると、メニューボタンクリック後の動作を調整できる */
		#main-menu-container {
	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;
		max-width: 42vw;
		padding: 2%;
		height: 100vh;
		box-sizing: border-box;
		}
		#main-menu-container.is-active{
			left: 0;	
		}
		/* Mobile Menu Container ここを調整すると、メニューボタンクリック後の動作を調整できる */
	
	}

}

@media screen and (max-width: 1024px) { /* for tablet landscape */

	/* style for contact forms, if do not use to delete please
	コンタクフォームのテーブル調整　不要なら消す*/
	.wpcf7 table tr th,
	.wpcf7 table tr td{
		width:100%;
		display:block;
		padding: 10px 0px;
	}
	.wpcf7 table tr th{
		padding-bottom:0;
	}
	/* style for contact forms, if do not use to delete please
	コンタクフォームのテーブル調整　不要なら消す*/
	body .sp-footer-icons-container{
		display: flex;
	}
	#pc-backtop{
		display: none;
	}
}

@media screen and (max-width: 768px) { /* for tablet portrate */
	
}

@media screen and (max-width: 460px) { /* for mobile */
	
}

@media screen and (max-width: 390px) { /* for mobile small */
	
}





/*---------------------
VT-CUSTOM
--------------------*/



/*---------------------
CSS-FONT
--------------------*/
body .site{
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	line-height:30px;
}

body .font-medium{
	font-weight:500;
}
body .font-medium-title .module-title,
body .normal-weight-title .sub-head{
	font-weight:500;
}

/*---------------------
end of CSS-FONT
--------------------*/







/*---------------------
CSS-LAYOUT
--------------------*/
.sidebar-none #content {
    padding: 0;
}
body .pagewidth {
	width: 100%;
	max-width: 100%;
}
body .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%;
}



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%;
}



@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%;}
}

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


/*---------------------
CSS-FIX_THEMIFY
--------------------*/


/*
 * fix-button active 
 * lên 35px;
*/
body  .themify_builder_content  
.module_subrow .active_module .tb_action_wrap{
	bottom:-50px !important;
}

body  .themify_builder_content  
.module_subrow .active_module .tb_action_wrap{
	bottom:-50px !important;
}



/* fix-index-99
 * tăng zindex chomodule
* đặt class module
 * */
.themify_builder_active .themify_builder_content 
.fix-index-99{
	z-index:99;
}
.themify_builder_active  .themify_builder_content 
.fix-index-999{
	z-index:999;
}








/* fix-module-inline-one-line
 * fix-module-inline-one-line-center
 * làm cho module inline trên 1 hàng
 * đặt class cho module sub-col
 * */
body .themify_builder_content  .fix-module-inline-one-line .tb_holder{
    display: flex;
    justify-content: flex-start;
	align-items: center;
}
body .themify_builder_content  .fix-module-inline-one-line .tb_holder .active_module{
	width:auto;
}







body .themify_builder_content  .fix-module-inline-one-line-center .tb_holder{
    display: flex;
    justify-content: center;
	align-items: center;
}
body .themify_builder_content  .fix-module-inline-one-line-center .tb_holder .active_module{
	width:auto;
}




body .themify_builder_content  .fix-module-inline-one-line-center .tb-column-inner{
    display: flex;
    justify-content: center;
	align-items: center;
	 flex-wrap: wrap;
}


body .themify_builder_content .flex-wrap .tb_holder{
	display: flex;
	justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;	
}





/* fix-module-feature-for-image
 * làm cho width auto
* đặt class cho subrow
 * */
body .themify_builder_content 
.fix-module-feature-for-image .module-feature-chart-html5{
	display:none;
}





/* fix-subrow-inline
 * làm cho width auto
 * sub-row inline
* đặt class cho subrow
 * */
body .themify_builder_content 
.fix-subrow-inline{
    display: inline-flex;
    width: auto;
    margin: 0px auto;
}




/* fix-subrow-absolute
 * làm cho wi auto
* đặt class cho subrow
 * */


/* fix-subrow-absolute
 * làm cho các nút edit có thể hover khi absolute
* đặt class cho subrow
 * */
.themify_builder_active .page-content .themify_builder_content 
.fix-subrow-absolute .tb_action_wrap{
    margin-top: 0 !important;
}
.themify_builder_active .page-content .themify_builder_content 
.fix-subrow-absolute{
	padding-left:50px;
	padding-right:50px;	
}


.themify_builder_active .page-content .themify_builder_content 
.fix-subrow-active{
	padding-top:20px;
}







/* fix-module-icon
 * làm ảnh trong cho module icon xêp thẳng hàng
* đặt class cho module
 * */
body .themify_builder_content 
.fix-module-icon{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
body .themify_builder_content 
.fix-module-icon .module-icon-item{
    display: inline-flex;
    align-items: center;
}

body .themify_builder_content 
.fix-module-icon img{
	display: block;
    padding: 0px;
    margin-left: 5px;
}

body .themify_builder_content 
.fix-module-icon span{
	display:inline-block;
	margin:0px 10px;
}


body .themify_builder_content 
.fix-module-icon a{
    display: inline-flex;
    align-items: center;
}





/* fix-module-icon-radius 
 * làm cho ảnh iconkhông có  radius
* làm cho image icon kích thước auto
* đặt class cho module
 * */
body .themify_builder_content 
.fix-module-icon-radius img{
    border-radius: 0;
    max-width: none;
    width: auto;
    height: auto;
}




@media screen and (max-width: 768px){
body .themify_builder_content .flex-wrap-768 .tb-column-inner {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;	
}	
body .themify_builder_content .flex-column-768 .tb-column-inner {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;	
}		

	

}/*@media-768






/*---------------------
end of CSS-FIX_THEMIFY
--------------------*/


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

#headerwrap {
	position: absolute;
    z-index: 9999;
    background-color: rgb(255 255 255 / 80%);
    width: 100%;
    left: 0;
    top: 0;
}

#header.header {
  padding:0;
}

#header-brand-container-wrap {
	height:158px;
	box-sizing:border-box;
}



.header-brand-container {
	display: flex;	
    align-items: center;
    justify-content: space-between;
    padding: 30px;
}

.lb {

}
.rb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.rb1 {

}
.rb2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

body .contact a{
  
}
.contact {
    padding: 0px 20px;
}
.tel-link.tel-header {

}
body .tel-header a{
	font-size:22px;
	color:#5a4435;
	font-family: ten-mincho-text, serif;
	font-style: normal;
	font-weight: 400;
	display:flex;
	align-items:center;
}
body .tel-header .tel-icon{
    color: #93a11f;
}

body .tel-header .tel-text {
    white-space: nowrap;
}

body .tel-header a:hover{
   	text-decoration:none;
	color:#e66f1f;
}
/*---------------------
end of CSS-HEADER
--------------------*/









/*---------------------
CSS-MENU
--------------------*/
#main-menu-container-second {
    margin-top: 10px;
}
#second-menu {
    display: flex;
    margin: 0;
    padding: 0;
}
#second-menu li{
    display: flex;
    align-items: center;
}
#second-menu li a {
    font-size: 13px;
    color: #909090;
    padding: 0px 10px;
	text-decoration:none;
	font-style: normal;

}
#second-menu li a:hover {
	color:#ea5a9b;
}


#main-menu-container{
}
#main-menu {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
	flex-wrap: wrap;
}
#main-menu > li {
    display: flex;
    padding: 0;
    margin: 0;
    position: relative;
margin: 5px 0px; 
}
#main-menu > li >a {
	font-size: .96em;
    line-height: 24px;
    color: #2d2d2d;
    padding: 0px 8px;
    text-decoration: none;
}
#main-menu > li:last-child{
}
#main-menu > li > a:before{
}
#main-menu > li > a:hover:before{
}
#main-menu > li > a:hover{
	color:#ea5a9b;
}


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

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

/* -------
menu sub
---------*/
#main-menu .menu-item-has-children{
}
#main-menu  li .sub-menu{
    z-index:9;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 150%;
    transform: translateX(25%);
}
#main-menu  li .sub-menu li{
    list-style: none;
    margin: 0;
    padding: 0;
}
#main-menu  li .sub-menu li a{
    display: block;
    text-align: center;
    padding: 10px 10px;
    color: #4d4d4d;
    font-size: 14px;
    background-color: #f7f7f7;
    line-height: 40px;  
}
#main-menu  li .sub-menu li a:hover{
 
}
/*sub hover*/
#main-menu > li:hover .sub-menu{
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 150%;
    transform: translateX(-14%);
}

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







/* ----------------
 css-Mobile
---------------- */
#menu-button{
  visibility:hidden;
  opacity:0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  background-color: #fafafa;
}
#menu-button.nav-on {
  visibility:visible;
  opacity:1;
}
#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: #111;
  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;
}
@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-menu-container.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-menu-container.is-active{
  left: 0;  
}
@media screen and (max-width: 1024px) { /* mobile visibility changes for max-width */
  #menu-button{
    visibility:visible;
    opacity:1;
  }
}

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











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


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





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










/*---------------------
CSS-PAGE
--------------------*/

body .themify_builder_content .btn-contact-main a{
    display: inline-flex;
    width: 183px;
    height: 183px;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
}


body .themify_builder_content .btn-tel a span{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
	max-width: 300px;
}

body .themify_builder_content .btn-tel a span span:nth-child(1){
    font-size: 14px;
}
 
body .themify_builder_content .btn-tel a span span:nth-child(2){

}

body .themify_builder_content .btn-tel a span span:nth-child(3){
    font-size: 12px;
    width: 100%;
}



body .themify_builder_content .themify_builder_slider_vertical.slider-01 .carousel-prev{
    top: 35%;
    left: -100px;
    background: transparent;
	color:#8c2031;
}
body .themify_builder_content .themify_builder_slider_vertical.slider-01 .carousel-next {
    top: 35%;
    right: -100px;
    background: transparent;
	color:#8c2031;	
}






/*---------------------
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;
}

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






/*---------------------
CSS-POST
--------------------*/
/*post-01*/
body .post-01{

}
body .post-01.module.module-post{
	
}
body .post-01.module.module-post .module-title{
}
body .post-01.module.module-post .module-title span{
}
body .post-01.module.module-post .builder-posts-wrap {
}
#body .post-01.module.module-post .builder-posts-wrap .post{
	
}
#body .post-01.module.module-post .builder-posts-wrap .post .post-image{
}
#body .post-01.module.module-post .builder-posts-wrap .post .post-image a{

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

}
body .post-01.module.module-post .builder-posts-wrap .post .post-content .post-date{
}
body .post-01.module.module-post .builder-posts-wrap .post .post-content .ex-title {
}
body .post-01.module.module-post .builder-posts-wrap .post .post-content .more-link {
}
body .post-01.module.module-post .builder-posts-wrap .post .post-content .ex-title p {
}
body .post-01.module.module-post .builder-posts-wrap .post .post-content .post-title{
	    font-weight: 500;
}
body .post-01.module.module-post .builder-posts-wrap .post .post-content .post-title a{

}

body .post-01.module.module-post .builder-posts-wrap .post .post-content{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
body .post-01.module.module-post .builder-posts-wrap .post .post-content .entry-content{
}
body .post-01.module.module-post .builder-posts-wrap .post .post-content .entry-content p{
}




/*post-02*/
body .post-02{

}
body .post-02.module.module-post{
	
}
body .post-02.module.module-post .module-title{
}
body .post-02.module.module-post .module-title span{
}
body .post-02.module.module-post .builder-posts-wrap {
}
#body .post-02.module.module-post .builder-posts-wrap .post{
	
}
#body .post-02.module.module-post .builder-posts-wrap .post .post-image{
}
#body .post-02.module.module-post .builder-posts-wrap .post .post-image a{

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

}
body .post-02.module.module-post .builder-posts-wrap .post .post-content .post-date{
}
body .post-02.module.module-post .builder-posts-wrap .post .post-content .ex-title {
}
body .post-02.module.module-post .builder-posts-wrap .post .post-content .more-link {
}
body .post-02.module.module-post .builder-posts-wrap .post .post-content .ex-title p {
}
body .post-02.module.module-post .builder-posts-wrap .post .post-content .post-title{
}
body .post-02.module.module-post .builder-posts-wrap .post .post-content .post-title a{
    background-color: #8c2031;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
	transition:all 0.3s;
	background-image:url(https://cn.michiterasu-osaka.com/michi/wp-content/themes/https://cn.michiterasu-osaka.com/michi/wp-content/themes/uploads/partner-hospital_01_03.jpg);
	background-repeat:no-repeat;
	background-position:bottom 5px right 5px;
}

body .post-02.module.module-post .builder-posts-wrap .post .post-content .post-title a:hover{
	box-shadow:0px 0px 10px 1px #666;
}


body .post-02.module.module-post .builder-posts-wrap .post .post-content{

}
body .post-02.module.module-post .builder-posts-wrap .post .post-content .entry-content{
}
body .post-02.module.module-post .builder-posts-wrap .post .post-content .entry-content p{
}





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










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






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








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

/*table-01*/
.table-01.module table{

}
.table-01.module table tr td,
.table-01.module table tr th{
    border: 0;
    border-bottom: 1px solid #979797;
    padding: 20px 20px;
    background-color: #faf5f1;
}

.table-01.module table tr:last-child td,
.table-01.module table tr:last-child th{
    border-bottom: 0px solid #979797;
}



.table-01.module table tr th{
    background-color: #8c2031;
    color: white;
    text-align: left;
    width: 25%;
	white-space:nowrap;
	text-align:center;
	border-bottom: 1px solid #ffff;
	font-weight: 500;
}
@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;}}



/*table-02*/
.table-02.module table{

}
.table-02.module table tr td,
.table-02.module table tr th{
	border: 0;
    border-bottom: 1px solid #979797;
	padding: 25px 140px;
    font-size: 20px;
}
.table-02.table-02v2.module table tr td,
.table-02.table-02v2.module table tr th{
	padding: 25px 5%;
}
.table-02.table-02v2.module table tr td:first-child{ width: 70%; }
.table-02.module table tr th{
	background-color:#8c2031;
	color:#fff;
}

.table-02.module table tr td:first-child,
.table-02.module table tr th:first-child{
    border-right: 1px solid #979797;
}

.table-02.module table tr:last-child th,
.table-02.module table tr:last-child td{
    border-bottom: 0px solid #979797;
}

@media screen and (max-width: 768px){body #body #layout #content .table-02.module  tbody th{display:table-cell;width:auto;}}
@media screen and (max-width: 768px){body #body #layout #content .table-02.module  tbody td{display:table-cell;width:auto;}}



/*table-03*/
.table-03.module table{

}
.table-03.module table tr td,
.table-03.module table tr th{
    border: 0;
    border: 1px solid #d9d4d1;
    padding: 15px 20px;
}
.table-03.module table tr th{
	background-color:#faf5f1;
	white-space:nowrap;
	text-align:center;
	width:30%;
}
@media screen and (max-width: 768px){body #body #layout #content .table-03.module  tbody th{display:table-cell;width:auto;}}
@media screen and (max-width: 768px){body #body #layout #content .table-03.module  tbody td{display:table-cell;width:auto;}}



/*table-04*/
.table-04.module table{

}
.table-04.module table tr td,
.table-04.module table tr th{
    border: 0;
    border: 1px solid #d9d4d1;
    padding: 15px 20px;
}
.table-04.module table tr th{
	background-color:#faf5f1;
	white-space:nowrap;
	text-align:center;
	width:15%;
}
@media screen and (max-width: 768px){body #body #layout #content .table-04.module  tbody th{display:table-cell;width:auto;}}
@media screen and (max-width: 768px){body #body #layout #content .table-04.module  tbody td{display:table-cell;width:auto;}}







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





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

body #pc-backtop {
    bottom: 100px;
	outline:none;
}

body #pc-backtop a{
	outline:none;
}





body .copyright-container {
    background-color: #8c2031;
    color: white;
    padding: 15px 0px;
    text-align: center;
}


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

}


body .copyright-container a{

}

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

body .footer-nav{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 50px 0px;
    background-image: url(https://cn.michiterasu-osaka.com/michi/wp-content/themes/https://cn.michiterasu-osaka.com/michi/wp-content/themes/uploads/top_09.jpg);
    margin: 0;
	flex-wrap: wrap;
}
body .footer-nav > li{
	display:inline-flex;
	margin: 0;
	line-height: 1;
}
body .footer-nav > li > a{
	display:inline-flex;
	border-right:1px solid #ccc;
	line-height: 1;
	padding: 0px 8px;	
	color:#000;
	text-decoration:underline;
}
body .footer-nav > li.menu-item-has-children a{
	border:0;
}
body .footer-nav > li:last-child > a{
	border-right:0px solid #ccc;
}
body .footer-nav > li > a:hover{
 	text-decoration:none;
}


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

#footerwrap #footer-nav li .sub-menu:after {
    content: ' ]';
}



body .footer-nav li .sub-menu li{
    margin: 0;
    line-height: 1;
	display:inline-block;
	line-height: 1;
}
body .footer-nav li .sub-menu li a{
    line-height: 1;
	display:inline-block;
	line-height: 1;
	color:#000;
	text-decoration:underline;	
}
body .footer-nav li .sub-menu li a:after{
	content: ' /';
}

body .footer-nav li .sub-menu li a:hover{
	text-decoration:none;	
}


body #m-menu-footer ul{
	padding:15px 30px;
}
body #m-menu-footer ul li{
	margin:5px 0px;
}
body #m-menu-footer ul li a{
	border-right: 1px solid #939291;
    line-height: 1;
    display: inline-block;
    padding: 0 14px;
}
body #m-menu-footer ul li:last-child a{
	border-right: 0px solid #939291;
}
body #m-menu-footer ul li a:hover{
 	
}

body #m-menu-footer ul li a:hover{
  
}



body #pc-backtop {
    width: auto;
    height: auto;
}
body #pc-backtop a img{
    width: auto;
    height: auto;
}

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




/*--------------------
 * CSS-SINGLE
 * ------------------*/
.single #layout {

}


.single  .post-content{

}

.single .post-title{
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    padding-top: 100px;
    background-image: url(https://cn.michiterasu-osaka.com/michi/wp-content/themes/https://cn.michiterasu-osaka.com/michi/wp-content/themes/uploads/line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 15px;
}
.single  .post-image img{

}

.single .history-back-container {
    text-align: center;
    padding-bottom: 100px;
    padding-top: 50px;
}
.single .history-back-container a {
    background-color: #8c2031;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    padding: 14px 139px;
    background-image: url(https://cn.michiterasu-osaka.com/michi/wp-content/themes/https://cn.michiterasu-osaka.com/michi/wp-content/themes/uploads/arrow.png);
    background-repeat: no-repeat;
    background-position: center right 20px;
    color: white;
    font-size: 16px;
}
.single .history-back-container a:hover {
    box-shadow: 0px 0px 10px 1px #666;
	text-decoration:none;
}
.single .history-back-container a i {

}


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



/*--------------------
 * CSS-ARCHIVE
 * ------------------*/
.archive .page-title {

}
.archive body #layout {

}

.archive  .post-content {

}

.archive body   .post-content a {

}
.archive body  .post {

}
.archive body .post-image img{

}

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





/*-------------=== 
CSS-FORM
------------- ===*/
/*form*/

body #body .module .wpcf7 table tbody tr th, body #body .module .wpcf7 table tbody tr td {
	border: 0;
}
body #body .module .wpcf7 table tbody tr th {

}

body #body .module .wpcf7 table tbody tr th span {
	font-size: 12px;
    color: #ff3a3a;
}
body #body .wpcf7-form-control-wrap {

}

body #body .module .wpcf7 table tbody tr td span input,body  #body .module .wpcf7 table tbody tr td span textarea {
	background-color: white;
    border: 1px solid #dbdbdb;
}
#body .module .wpcf7 table tbody tr td span textarea {
	height:150px;
}
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: #8c2031;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    padding: 14px 20px;
    background-image: url(https://cn.michiterasu-osaka.com/michi/wp-content/themes/https://cn.michiterasu-osaka.com/michi/wp-content/themes/uploads/arrow.png);
    background-repeat: no-repeat;
    background-position: center right 20px;
}
body #body .module .wpcf7 input[type=submit]:hover {
	box-shadow:0px 0px 10px 1px #666;
}


body .wpcf7-form > p{
	display: block;
    padding-top: 30px;
}
body .wpcf7-form > p:after{
}
body  #body .module .wpcf7 table {

}
body .reader {

}
.main-text p{
  text-shadow: 6px 5px 4px rgba(0, 0, 0, 0.4);
}
#pagewrap .slider-01 .slide-title,
#pagewrap .slider-02 .slide-title{
	font-weight:500;
}
.btn-event a{
	pointer-events:none;
}
.post-02 .post-title a{
	font-weight:500;
}
/* #pagewrap .font-medium{
	font-weight:700;
} */
/*-------------=== 
end of CSS-FORM
------------- ===*/








/*-------------------
CSS-PAGE-NAV
--------------------*/
body .pagenav {

}
body .pagenav .number,
body .pagenav a{

} 

body .pagenav .current{
 
}
/*-------------------
end of CSS-PAGE-NAV
--------------------*/






/*---------------------
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 .m-tel a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center left 0px;
}

body .ov-hide{
  overflow:hidden;
}
body .sub-col-flex .tb-column-inner{
	display:flex;
}

body .sub-col-j-center .tb-column-inner{
	justify-content: center;
}

body .sub-col-a-center .tb-column-inner{
	align-items:center;
}



body .m-flex{
  display:flex;
}
body .m-j-center{
      justify-content: center;
}
body .m-j-start{
  justify-content:flex-start;
}
body .m-j-end{
  justify-content:flex-end;
}




body .m-anchor ul {
    display: flex;
    align-items: center;
    justify-content: center;
	margin:0;
	padding:0;
}
body .m-anchor ul li{
	display: flex;
    align-items: center;
    justify-content: center;
}

body .m-anchor ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #000;
    line-height: 1;
    padding: 0px 10px;
    color: #000;
}

body .m-anchor ul li:last-child a{
	border-right: 0px solid #000;
}
body .m-anchor ul li a:hover{

}
body .btn-anchor .module-buttons-item a{
	position:relative;
}
body .btn-anchor .module-buttons-item a:before{
	content: '|';
    position: absolute;
    right: 5px;
    top: 10px;
}
body .btn-anchor .module-buttons-item:last-child a:before{
	display:none;
}
body .btn-anchor .module-buttons-item a:hover:before{
	color:#93a11f;
}

body .btn-anchor .module-buttons-item a span{
	
}


body .themify_builder_content  .max-width-1200{
	width:100%;
	max-width:1200px;
	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;
}






/*---------------------
end of CSS-SHARE
--------------------*/



.langueage-container .language-box {
    display: none;
}
.langueage-container .language-box.open {
    display: flex;
}
.langueage-container .language-box {
    position: absolute;
	top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffffc9;
    margin: 0;
    padding: 80px 20px 20px;
    justify-content: center;
}
.langueage-container .language-box li{
	border-left: solid 1px #333;
    list-style: none;
    padding: 0 20px;
}
.langueage-container .language-box li:first-child {
    border: none;
}
.langueage-container .language-box li a{
	color: #333;
}
.langueage-container .language-box li a:hover{
	color: #ea5a9b;
	text-decoration: none;
}
.top_hov:hover .top_hov_img {
    transform: translateY(10px);
}
#pagewrap .table-title-fix .module-title{
	font-size: 32px;
    font-weight: 500;
    text-align: center;
    padding-top: 50px;
    background-image: url(https://cn.michiterasu-osaka.com/michi/wp-content/themes/https://cn.michiterasu-osaka.com/michi/wp-content/themes/uploads/line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 15px;
}
.table-04-fix .sp-bl{
	display:none;
}
.single.category-news .entry-content{
/* 	text-align:center; */
	margin-top:50px;
}



/*---------------------------
 * -@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;
}


/*menu mobile*/	
body #main-menu-container {
	display:none;
} 
body #main-menu-container.is-active {
	display:flex;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
	width: 100vw;
    max-width: 100vw;
	background: none;
	background-color: #bf707c;
    overflow: auto;	
}   
body #main-menu-container.is-active #main-menu{  
    display: flex;
    flex-direction: column;
    padding-top: 100px;
    width: 100%;
    height: 100vh;
    overflow: auto;
    flex-wrap: nowrap;
    padding-bottom: 100px;
}
body #main-menu-container.is-active #main-menu li {
    flex-direction: column;
    width: 100%;
    padding: 0px 20px;
    display: flex;
    box-sizing: border-box;
}   
  
body #main-menu-container.is-active #main-menu li a {
    border: 0;
    font-style: normal;
    font-size: 20px;
    color: white;
    background: none;
    text-indent: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    box-sizing: border-box;
} 
  
body #main-menu-container.is-active #main-menu .current_page_item a, 
body #main-menu-container.is-active #main-menu .current-menu-item a {

}

	
body #main-menu-container.is-active #main-menu li .sub-menu {
    display: flex;
    width: 100%;
    transform: unset;
    position: static;
    flex-direction: column;
}	
	
body #main-menu-container.is-active #main-menu li .sub-menu li {

}		
body #main-menu-container.is-active #main-menu li .sub-menu li a{
	background-color: transparent;
    padding: 0;
    font-size: 14px;
    color: #999;
}		
	
#menu-button {
    background-color: #8c2031;
    border-radius: 5px;
    padding: 5px;
    top: 10px;
    right: 10px;
    color: white;
}   
#menu-button .ham-lines span {
   background-color: white;
}   
#menu-button .ham-lines::before {
   background-color: white;
}   
#menu-button .ham-lines::after {
   background-color: white;
}    
   
/*f-con  ban không layoutpart*/   	
/*
body #footer .sp-footer-icons-container {
	display: flex;
	z-index: 9999;
   border-top: 1px solid white; 
}   
body #footer .sp-footer-icons-container a {
	background-color: #93a11f;
    border-left: 1px solid #fff;
    color: white;
    font-size: 14px;
    font-family: ten-mincho-text, serif;
    font-style: normal;
    font-weight: 400;
    padding: 10px 0px;
} 	
	
body #footer  .sp-footer-icons-container svg {
	font-size: 25px;
    height: 30px;
    color: white;
    fill: white;
}


*/
/*f-con*/ 
body #footer .sp-footer-icons-container	.tb_layout_part_wrap{
    overflow: hidden;
}
body #footer .sp-footer-icons-container {
	display: flex;
	z-index: 9999;
   border-top: 1px solid white; 
	overflow: hidden;
}   

#footer  .sp-footer-icons-container  .module a {
    background-color: transparent;
    display: flex;
    align-items: center;
}	
	
#footer .sp-footer-icons-container .module a span {
    display: flex;
    font-size: 15px;
    margin: 0 5px;
}	






/*single*/
.single    .post-image {

}


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

.rb2 {
	display: none;   
}

	
}/*@939-*/


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



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

/* css-share*/	
body .tel-link a{
    pointer-events:auto;
}
body .image-center-768 .image-wrap {
  width:100%;
  text-align:center;
} 
body .bg-none-768{
	background-image:url();
}	

body .sub-col-reverse-768 .tb-column-inner{
	flex-direction: column-reverse;
    display: flex;
}	
/* end of css-share*/	
	
body .sub-col-reverse-680  .subrow_inner{
	flex-direction: column-reverse;
    display: flex;
}

	
	
.table-02.module table tr td,
.table-02.module table tr th{
    padding: 15px;
}
	.sp-imp{
		display:none;
	}
	
	
	
	

}/*@768-*/
/*---------------------------
 * end of @768
 * ------------------------*/



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

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

/* css-share */	
body .m-anchor a{
  display:inline-block;
}

body .image-center-680 .image-wrap {
  width:100%;
  text-align:center;
} 
body .bg-none-680{
	background-image:url();
}

body .sub-col-reverse-680 .subrow_inner{
	flex-direction: column-reverse;
    display: flex;
}
#pagewrap .font-sp-txt{
		line-height:1.5;
	}
	.box-width .module_subrow{
		width: calc(100vw / 3.3);
	}
	.box-width .row_inner{
		display:flex;
		justify-content:space-between;
	}
	.sp-imp{
		display:block !important;
	}
	.table-04-fix .sp-bl{
	display:block !important;
}
	#pagewrap .table-title-fix .module-title{
		padding-top:0;
	}


/*form*/
body #body .module .wpcf7 table tbody tr th span {
	float: none !important;
}  
body #body .module .wpcf7 table tbody tr th, body #body .module .wpcf7 table tbody tr td {

}

body #body .module .wpcf7 table tbody tr th {

}   

body #body .module .wpcf7 table tbody tr:last-child td:last-child{

}    
body #body .wpcf7-form-control-wrap {

}
body #body .module .wpcf7 input[type=submit] {

}  
body .wpcf7-form > p:after {

}	
body .btn-anchor {
    display: inline-flex;
    margin: 0px auto;
    flex-wrap: wrap;
    justify-content: center;
}		
/* end of css-share */		



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




body #footer li.menu-item-has-children{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}	
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;
}	


body #site-logo a img {
    max-width: 200px;
}
.table-02.module table tr td,
.table-02.module table tr th{
    padding: 15px;
	font-size:16px;
	width:50% !important;
}
	body #main-menu-container.is-active #main-menu li .sub-menu li a {
		color:#fff;
	}
	body #main-menu-container.is-active #main-menu li .sub-menu {
		padding:10px 0px;
	}
		.home .themify_builder_content .themify_builder_slider_vertical.slider-01 .carousel-prev{
    top: 35%;
    left: 0px;
    background: transparent;
	color:#8c2031;
}
.home .themify_builder_content .themify_builder_slider_vertical.slider-01 .carousel-next {
    top: 35%;
    right: 0px;
    background: transparent;
	color:#8c2031;	
}

}/*@680-*/

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




















/*/michi/wp-content/uploads/themify-css/themify-builder-358-generated.css*/
/* Generated from tbuilder_layout_part: footer */
.themify_builder_content-358 .tb_og8n56.module_row{padding-top:80px;padding-bottom:80px;background-color:#faf5f1}
.themify_builder_content-358 .tb_tzjs855.module-text{margin-top:20px}
.themify_builder_content-358 .tb_1gjk998.module-menu.module .nav > li > a:hover,.themify_builder_content-358 .tb_u16j522.module-menu.module .nav > li > a:hover{color:#000;text-decoration:underline}
.themify_builder_content-358 .tb_1gjk998.module-menu.module .nav > li > a,.themify_builder_content-358 .tb_u16j522.module-menu.module .nav > li > a{color:#000}
.themify_builder_content-358 .tb_1gjk998.module-menu .nav li,.themify_builder_content-358 .tb_u16j522.module-menu .nav li{font-size:15px}

@media(max-width:768px){
.themify_builder_content-358 .tb_og8n56.module_row>.row_inner{--col:none;--area:"col1" "col2"}
.themify_builder_content-358 .tb_chb2520.module_subrow>.subrow_inner{--area:"col1" "col2" "col3"}
}
@media(max-width:600px){
.themify_builder_content-358 .tb_og8n56.module_row>.row_inner{--area:var(--aream2_auto)}
.themify_builder_content-358 .tb_chb2520.module_subrow>.subrow_inner{--area:var(--aream3_auto)}
}
/* START MOBILE MENU CSS */
@media screen and (max-width:1100px){
/*/michi/wp-content/themes/basic/mobile-menu.css*/
/************************************************************************************
HEADER
*************************************************************************************/
/* header */
#header{
	height:auto!important
}

/* nav bar */
#nav-bar{
	display:none
}

/* site logo */
#site-logo a{
	font-size:30px
}

/* social widget */
.social-widget{
	position:static;
	padding:10px 0;
	float:none
}

/* searchform */
#header #searchform #s{
	float:right;
	width:50px
}
#header #searchform input#s:focus{
	width:150px
}

/************************************************************************************
MOBILE NAV BUTTON
*************************************************************************************/
.mobile-button{
	background-color:#eee;
	color:#000;
	position:relative;
	width:30px;
	height:14px;
	padding:9px 4px;
	float:right;
	cursor:pointer;
	border-radius:5px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.menu-icon-inner{
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	width:1.25em;
	height:1.25em;
	overflow:hidden;
	vertical-align:middle
}
.menu-icon-inner:before,
.menu-icon-inner:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	width:100%;
	transition:all .7s ease;
	transition-property:transform
}
.menu-icon-inner,
.menu-icon-inner:before,
.menu-icon-inner:after{
	border-bottom:2px solid
}
.menu-icon-inner:before{
	top:0
}
.menu-icon-inner:after{
	top:50%
}
.mobile-button.active:before{
	color:#555
}

/************************************************************************************
MAIN NAV (MOBILE)
*************************************************************************************/
#main-nav-wrap{
	position:relative
}
/* main nav */
#main-nav{
	clear:both;
	position:absolute;
	inset:38px 0 auto auto;
	width:200px;
	max-height:70vh;
	padding:5px 0;
	margin:0;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	z-index:1000;
	background-color:#fff;
	display:none; /* visibility will be toggled with jquery */
	box-shadow:0 0 0 1px rgba(0,0,0,.2), 0 2px 12px rgba(0,0,0,.15);
	border-radius:5px
}
#main-nav li{
	clear:both;
	float:none;
	margin:0;
	padding:0;
	border:0;
	box-shadow:none;
	background:0
}
#main-nav a,
#main-nav ul a{
	text-transform:inherit;
	background:0;
	width:auto;
	display:block;
	padding:6px 14px;
	margin:0 0 1px;
	color:#666;
	border:0;
	text-shadow:none;
	box-shadow:none;
	border-radius:0
}
#main-nav a:hover,
#main-nav ul a:hover{
	background-color:rgba(0,0,0,.07);
	color:#000
}
#main-nav ul a{
	padding-left:28px
}

/* dropdown */
#main-nav ul{
	position:static;
	display:block;
	margin:0;
	padding:0;
	background:0;
	border:0;
	border-radius:0;
	box-shadow:none
}
#main-nav .child-arrow{
	display:none!important
}
}
/* END MOBILE MENU CSS */