@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
font-family: 'Noto Sans Japanese', sans-serif; font-weight:400; --- normal
font-family: 'Noto Sans Japanese', sans-serif; font-weight:700; --- bold
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,600,700);
/*
font-family: 'Open Sans', sans-serif; font-weight:400; --- normal
font-family: 'Open Sans', sans-serif; font-weight:600; --- Semibold
font-family: 'Open Sans', sans-serif; font-weight:700; --- Bold
font-family: 'Open Sans', sans-serif; font-weight:800; --- Extrabold
 */


@media screen and (min-width: 671px) {

/* reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,/*table, caption, tbody, tfoot, thead, tr, th, td,*/article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}/*table {border-collapse:collapse;border-spacing:0;}*//* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}


/*
 * defaut style
 */
html { height:100%; overflow-y:scroll; background:#fff; font-size:10px; }
body { height:100%; font-family: 'Noto Sans Japanese', sans-serif; font-weight:400; font-size:100%; color:#333333; min-width:950px; /* overflow:hidden; */  word-wrap:break-word; background:#fff; }
table { word-break:break-word; border-collapse:collapse; }
img { max-width:100%; height:auto; /*width:auto;*/ vertical-align:bottom; border:none;  }
li { list-style-type:none; }
p { margin-bottom:1.5em; }
a { color:#afd011; text-decoration:underline;   }
a:hover { text-decoration:none; }
sup { position:relative; font-size:100%; top:-5px; }
sub { position:relative; font-size:100%; bottom:-5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.sp { display:none; }
#container { position:relative; width:100%; margin:0 auto;  min-height:100%; }



/*
 * header
 */
#header { height:80px; width:100%; position:relative; z-index:1000; background:url(../img/bg_header.png) repeat-x left bottom; height:94px; }
#header #header-inner { position:relative; max-width:950px; padding:0 0; margin:0 auto; }
#header a { color:#333; text-decoration:none; font-size:100%; }
#header #logo { padding-top:20px; }
#header #logo img { max-width:100%; }
#header #gnav { position:absolute; top:0px; left:0; width:100%; }
#header #gnav a:hover { color:#afd010; }
#header #gnav ul.main { position:absolute; top:58px; width:100%; display:block; text-align:right; }
#header #gnav ul.main li { display:inline-block; margin-left:65px; }
#header #gnav ul.main > li > a { font-family: 'Open Sans', sans-serif; font-weight:700; font-size:18px; }
#header #gnav ul.main > li > a.active { color:#abcd03;  }
#header #gnav ul.main > li > a.active:hover { opacity:1; }
#header #gnav ul.sub { position:absolute; top:12px; width:100%; display:block; text-align:right; }
#header #gnav ul.sub li { display:inline-block; margin-left:20px; font-size:12px; vertical-align:middle;  }
#header #gnav ul.sub li:nth-child(2) {  padding-left:20px; border-left:1px solid #808080; }
#header #gnav ul.sub li.jp a { border-bottom:1px solid #333; }


#header #gnav .sp-nav { display:none; visibility:hidden; }
#header #sp-menu { display:none; width:38px; }





/*
 * footer
 */
#footer { position:absolute; bottom:0px; width:100%; min-height:82px; background:url(../img/bg_header.png) repeat-x left top; font-family: 'Open Sans', sans-serif; font-weight:600; }
#footer #footer-inner { position:relative; width:950px; margin:0 auto; }
#footer #page-top { position:absolute; right:0; top:-30px; z-index:1000; }
#footer #page-top a { white-space:nowrap; position:fixed; bottom:0; color:#333; text-decoration:none; display:block; background:url(../img/ico_pagetop.png) no-repeat 10px center #fff; background-size:15px 10px; padding:15px 10px 15px 30px; margin-left:-113px; font-size:13px; }
#footer #page-top a.end { position:relative; top:-15px; }
#footer #page-top a:hover { color:#afd010; }
#footer #footer-nav { font-size:14px; padding-top:35px; margin-left:150px; }
#footer #footer-nav ul { display:block; text-align:left; }
#footer #footer-nav li { display:inline-block; margin-right:35px; margin-top:0px; }
#footer #footer-nav li a { color:#333; background-size:7px auto; display:inline-block; text-decoration:none; }
#footer #footer-nav li a:hover { color:#afd010;  }
#footer .copyright { font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:400; color:#333; position:absolute; left:0; top:35px;   }
#footer .pcp { position:absolute; right:0; top:25px; width:104px; }



/* contents */
#contents { padding-bottom:82px; }
#main { }

.indent { display:block; margin:1em 0; margin-left:2em;  }
a.arrow { text-decoration:none; background:url(https://begoodcafe.com/common/img/arrow01.png)  no-repeat left center; background-size:8px auto; padding-left:14px; display:inline-block; }
a.arrow:hover { opacity:0.7; }
a.blank { text-decoration:none; background:url(https://begoodcafe.com/common/img/ico_blank.png)  no-repeat right center; background-size:14px auto; padding-right:20px; display:inline-block; margin-right:5px; }
a.blank:hover { opacity:0.7; }

.title01 {}
.title02 {}
.title03 {}

.not-found { font-size:14px; margin:2em 0;}

.box01 { }
.box01 .box-left { width:455px; float:left; }
.box01 .box-right { width:445px; float:right; }
.box02 {}
.box02 .box-left { width:300px; float:left; }
.box02 .box-right { width:625px; float:right; }
.box-3col { background-color:#f6f7f8; padding:23px; margin-bottom:30px; }
.box-3col .item { width:286px; float:left; margin-left:23px; }
.box-3col .item:first-child { margin-left:0; }
.box-3col .item h4 { font-size:18px; font-weight:800; color:#0d9b3c; margin-bottom:12px; }
.box-4col { margin-bottom:80px; }
.box-4col .item { width:212px; float:left; margin-left:34px; }
.box-4col .group:first-child .item:first-child { margin-left:0; }


.block { margin-bottom:50px; }
.indent-block{ width:85.45454545454545%; margin:0 auto; }

.data table { width:100%; display:block; font-size:14px; line-height:200%; }
.data table tbody { display:block; }
.data table tr { display:block; border-bottom:1px dotted #a3a0a1; position:relative; }
.data table tr:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.data table tr th { display:block; padding:20px 0; vertical-align:middle; text-align:left; width:25%; float:left; }
.data table tr td { display:block; padding:20px 0; width:75%; float:right; }
.basic-table table { border-collapse:collapse; font-size:14px; margin-top:-20px; }
.basic-table tr { border-bottom:1px solid #d4d4d4; }
.basic-table th { text-align:left; padding:20px 60px 20px 0; }
.basic-table td { text-align:left; padding:20px 0; }

.pager { margin:45px 0; text-align:center;  }
.pager a { display:inline-block; text-align:center; line-height:10px; width:26px; padding:8px 0; border:1px solid #e5e5e5; color:#333; text-decoration:none; margin:0 4px; }
.pager a.current { background:#3b3638; color:#fff; border:1px solid #3b3638; }
.pager a.prev { text-indent:-9999px; border:none; width:28px; height:28px; background:url(https://begoodcafe.com/column/img/page_prev.png) no-repeat left top; background-size:28px 28px; }
.pager a.next { text-indent:-9999px; border:none; width:28px; height:28px; background:url(https://begoodcafe.com/column/img/page_next.png) no-repeat left top; background-size:28px 28px; }

.blog-nav { position:relative; margin:22px 0; text-align:center;  }
.blog-nav .prev { position:absolute; left:0; top:0; z-index:10; }
.blog-nav .next { position:absolute; right:0; top:0; z-index:10; }

.main-heading { font-size:37px; color:#afd011; font-family: 'Open Sans', sans-serif; font-weight:800; border-bottom:2px solid #d4d4d4; padding:22px 0; margin-bottom:28px;  }
.main-heading > span { display:block; width:950px; margin:0 auto; }
.sub-heading { font-size:26px; font-weight:700; border-bottom:3px solid #31aa59; padding:16px 0 16px; margin-bottom:28px; }
.sub-heading2 { font-size:24px; font-weight:700; border-bottom:2px solid #31aa59; padding:8px 0 16px; margin-bottom:16px; }
.sub-heading3 { font-size:16px; font-weight:700; border-bottom:1px solid #31aa59; padding:8px 0 12px; margin-bottom:12px; }
.section { border-bottom:1px dotted #d4d4d4; font-size:14px; line-height:180%; margin-bottom:28px; }
.section:last-child { border:none; }
.section > .inner { position:relative; max-width:950px; margin:0 auto; padding:0 0 50px; }
.section > .inner > .lead { font-size:17px; }

.article { min-height:212px; position:relative; border-bottom:1px solid #d4d4d4; padding-bottom:50px; padding-left:380px; margin-bottom:50px; margin-top:50px;  }
.article .img { position:absolute; left:0; top:0; width:330px; background:#abcd03; }
.article .img a:hover { opacity:0.5; }
.article p { font-size:14px; }

.more { text-align:right; }
.more a { display:inline-block; text-decoration:none; padding:10px 38px; color:#fff; background:#afd010; font-family: 'Open Sans', sans-serif; font-weight:700; font-size:15px; }
.more a span { display:inline-block; background:url(../img/ico_next.png) no-repeat right center; padding-right:20px; background-size:8px 11px; }
.more a:hover { background:#119c2f; }

.back { text-align:right; }
.back a { display:inline-block; text-decoration:none; padding:10px 38px; color:#fff; background:#afd010; font-weight:700; font-size:15px; }
.back a span { display:inline-block; background:url(../img/ico_prev.png) no-repeat left center; padding-left:20px; background-size:8px 11px; }
.back a:hover { background:#119c2f; }

.basic-btn { }
.basic-btn a { display:inline-block; text-decoration:none; padding:10px 20px; min-width:190px; color:#fff; background:#afd010; font-weight:700; font-size:15px; text-align:center; }
.basic-btn a span { display:inline-block; background:url(../img/ico_next.png) no-repeat right center; padding-right:20px; background-size:8px 11px; }
.basic-btn a:hover { background:#119c2f; }

.map-btn  { text-align:right; }
.map-btn a { font-family: 'Open Sans', sans-serif; }
.map-btn a span {  background:url(../../contact/img/ico_zoom.png) no-repeat left center; padding-left:20px; padding-right:0px; background-size:16px 16px; }

a.arrow { background:url(../img/ico_arrow.png) no-repeat left center; background-size:7px 9px; padding-left:14px; display:inline-block; }

.announce { background:#f6f7f8; font-size:18px; font-weight:800; text-align:center; padding:50px; margin-bottom:50px; }
.announce dl { text-align:left; }
.announce dt { font-size:18px; color:#0d9b3c; margin-bottom:10px; }
.announce dd { font-size:14px; font-weight:400; }
.announce p:last-child { margin-bottom:0; }

.recruiting { border:1px solid #d4d4d4; width:770px; margin:50px auto; text-align:center; padding:50px 0; }
.recruiting p { font-size:16px; }
.recruiting .btns { display:inline-block; text-align:center; }
.recruiting .btns .btn { display:inline-block; margin:0 14px; }

.blog-article { font-size:14px; margin-top:35px; }
.blog-article p { margin-bottom:3em; }
.blog-article h4 { font-size:21px; font-weight:700; color:#009632; margin-bottom:20px; }
.blog-article h5 { font-size:18px; font-weight:700; margin-bottom:20px; }
.blog-article h6 { font-size:16px; font-weight:700; border-bottom:1px solid #31aa59; padding:8px 0 12px; margin-bottom:12px; }

.sp-bottom-thumbnails {	margin-top: 10px; }
.sp-bottom-thumbnails .sp-thumbnail-container { margin-left: 5px; margin-right: 5px; background:#000; }
.sp-thumbnail { opacity:0.5; }
.sp-selected-thumbnail .sp-thumbnail { opacity:1; }
.sp-horizontal .sp-arrows {	width: 100%; left: 0;	top:auto;	bottom: -16px; }
.sp-horizontal .sp-previous-arrow {	left: 0px; background:url(../../projects/img/btn_slide_prev.png) no-repeat; width:18px; height:28px; }
.sp-horizontal .sp-next-arrow { right: 0px; background:url(../../projects/img/btn_slide_next.png) no-repeat; width:18px; height:28px; }
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after { display:none; }


#light-box { position:fixed; width:100%; height:100%; left:0; top:0; z-index:2000; }
#light-box .bg { position:fixed; width:100%; height:100%; background:#000; opacity:0.85; }
#light-box .contents { z-index:10; position:absolute; width:auto; height:auto; background:url(https://begoodcafe.com/img/top/bg_lightbox.png) no-repeat left top; text-align:center; }
#light-box .contents .ttl { font-size:16px; color:#fff; text-align:left; margin-bottom:8px; }
#light-box .contents .image { background:#000; }
#light-box .contents .image video { vertical-align:bottom; }
#light-box .close { z-index:999; position:absolute; right:0; top:-36px; }



/* index */
body.index #main { position:relative; max-width:950px; margin:0 auto; padding:0 0 80px; }
body.index .main-visual { position:relative; margin-top:20px; margin-bottom:40px; height:591px; }
body.index .main-visual .item { position:absolute; background:#abcd03; }
body.index .main-visual .item1 { left:0; top:0; }
body.index .main-visual .item2 { left:240px; top:0; }
body.index .main-visual .item3 { left:480px; top:0; }
body.index .main-visual .item4 { left:720px; top:0; }
body.index .main-visual .item5 { left:720px; top:167px; }
body.index .main-visual .item6 { left:0; top:334px; }
body.index .main-visual .item7 { left:195px; top:334px; }
body.index .main-visual .item8 { left:570px; top:334px; }
body.index .main-visual .item9 { left:765px; top:334px; }
body.index .main-visual .item:hover img { opacity:0.5; }
body.index .news-fb {}
body.index .news-block { float:right; width:460px; position:relative; }
body.index .news-block h2 { border-bottom:2px solid #009632; font-family: 'Open Sans', sans-serif; font-weight:800; font-size:23px; padding:8px 0 18px; }
body.index .news-block li { border-bottom:1px solid #d4d4d4; }
body.index .news-block .date { display:block; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:15px; margin-bottom:10px; }
body.index .news-block .text { display:block; font-family: 'Noto Sans Japanese', sans-serif; font-weight:400; font-size:14.5px; line-height:140%; }
body.index .news-block li a { color:#333; display:block; text-decoration:none; padding:15px 10px; }
body.index .news-block li a:hover { background:#e6f0b3; }
body.index .news-block .list { font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; position:absolute; right:10px; top:15px; }
body.index .news-block .list a { color:#333; display:block; text-decoration:none; display:inline-block; background:url(../img/ico_arrow.png) no-repeat right center; background-size:8px 11px; padding-right:16px; }
body.index .news-block .list a:hover { color:#afd010; }
body.index .fb-block { float:left; width:460px; }


/* about */
body.about .box01 .img { text-align:center; }
body.about .box01 .img img { max-width:300px; }
body.about .history { margin-top:60px;}
body.about .history .year-block { border-right:4px solid #b2b2b2; width:473px; }
body.about .history .ttl { border-top:1px solid #b2b2b2; text-align:center; width:950px; margin-bottom:10px; }
body.about .history .ttl > span { display:inline-block; width:200px; padding:2px 0; position:relative; top:-16px; text-align:center; background-color:#009632; color:#fff; font-size:18px; font-weight:700; }
body.about .history .ttl > span > span { font-size:13px;  }
body.about .history .data { width:950px; padding-bottom:40px; }
body.about .history .data .text { width:429px; position:relative; background:#f6f7f8; border-radius:6px; }
body.about .history .data .text p { padding:15px 20px; margin-bottom:0; }
body.about .history .data .text:after { content:""; background:url(../../about/img/img_history_point.png) no-repeat left top; display:block; width:30px; height:30px; position:absolute; }
body.about .history .data .photo { width:300px; }
body.about .history .data .photo .caption { font-size:12px; line-height:140%; margin-top:5px; }
body.about .history .year-block:nth-child(2n) .text { float:right; }
body.about .history .year-block:nth-child(2n) .text:after { left:-61px; top:23px; }
body.about .history .year-block:nth-child(2n) .text:before { content:""; background:url(../../about/img/bg_balloon_right.png); display:block; width:14px; height:26px; position:absolute; left:-14px; top:26px; }
body.about .history .year-block:nth-child(2n) .photo { float:left; margin-left:70px; }
body.about .history .year-block:nth-child(2n+1) .text { float:left; }
body.about .history .year-block:nth-child(2n+1) .text:after { left:460px; top:23px; }
body.about .history .year-block:nth-child(2n+1) .text:before { content:""; background:url(../../about/img/bg_balloon_left.png); display:block; width:14px; height:26px; position:absolute; right:-14px; top:26px; }
body.about .history .year-block:nth-child(2n+1) .photo { float:right; margin-right:70px; }
body.about .basic-table table { width:100%; }
body.about .basic-table th { white-space:nowrap; width:10%; }
body.about .basic-table td span { margin-right:1em; }


/* projects */
body.projects .report-list { border-top:1px solid #d4d4d4; padding-top:50px; margin-top:30px; }
body.projects .report-list > .inner { width:476px; margin:0 auto; }
body.projects .report-list .sub-heading2 { font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:800; padding-bottom:14px; margin-bottom:0; }
body.projects .report-list li { border-bottom:1px solid #d4d4d4; }
body.projects .report-list .date { display:block; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:15px; line-height:140%; margin-bottom:10px; position:absolute; }
body.projects .report-list .text { display:block; font-family: 'Noto Sans Japanese', sans-serif; font-weight:400; font-size:14.5px; line-height:140%; padding-left:96px; }
body.projects .report-list a { color:#333; display:block; text-decoration:none; padding:15px 10px; }
body.projects .report-list a:hover { background:#e6f0b3; }


/* team */
body.team .other {}
body.team .other .row { margin-bottom:80px; }
body.team .other .item { width:212px; float:left; margin-left:34px; }
body.team .other .item:first-child { margin-left:0; }
body.team .photo img { width:100%; }
body.team .job { font-weight:700; }
body.team .name { font-size:16px; }
body.team .eng { font-weight:700; font-family: 'Open Sans', sans-serif; color:#afd011; }
body.team .project { margin-top:15px; }
body.team .project .ttl { font-weight:700; margin-bottom:10px; color:#aaa; }
body.team .project li { margin-bottom:10px; line-height:140%; color:#aaa; }
body.team .project a { color:#aaa; }


/* contact */
body.contact .map { margin-bottom:20px; }
body.contact .group { border-top:1px solid #d4d4d4; padding-top:20px; padding-bottom:20px; }
body.contact .group p:last-child { margin-bottom:0; }

/* jobs */
body.jobs .announce { padding:85px 50px; }


/* news */
body.news #main { width:950px; margin:0 auto; }
body.news .primary { width:650px; float:left; }
body.news .secondary { width:260px; float:right; min-height:1000px; margin-top:20px; }
body.news .article { padding-left:300px; }
body.news .article:first-child { margin-top:22px; }
body.news .article .img { width:260px; }
body.news .secondary ul { margin-top:-12px; }
body.news .secondary li { border-bottom:1px solid #d4d4d4; font-size:14px; }
body.news .secondary li a { color:#333; display:block; text-decoration:none; padding:15px 10px;  }
body.news .secondary li a span { background: url(../img/ico_arrow.png) no-repeat left center; background-size: 7px 9px; padding-left: 14px; display: inline-block; }
body.news .secondary li a:hover { background:#e6f0b3; }
body.news .secondary .basic-btn a { line-height:180%; padding:10px 0px; width:100%; }



/* wordpress 標準スタイル継承 */
.blog-article .alignleft {
	float: left;
	margin: 0 7.14285714285714% 7.14285714285714% 0;
	width:47.14285714285714%;
}

.blog-article .alignright {
	float: right;
	margin: 0 0 7.14285714285714% 7.14285714285714%;
	width:47.14285714285714%;
}

.blog-article .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 7.14285714285714%;
}

.blog-article blockquote.alignleft,
.blog-article blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.blog-article blockquote.alignleft p,
.blog-article blockquote.alignright p {
	margin-bottom: 17px;
}

.blog-article ul,
.blog-article ol {
	list-style: none;
	margin: 0 0 24px 20px;
	padding-left: 0;
}

.blog-article ul li {
	list-style: disc;
}

.blog-article ol li {
	list-style: decimal;
}

.blog-article li > ul,
.blog-article li > ol {
	margin: 0 0 0 20px;
}




/* wordpress 標準スタイル継承 */
.blog-article .alignleft {
	float: left;
	margin: 0 7.14285714285714% 7.14285714285714% 0;
	width:47.14285714285714%;
}

.blog-article .alignright {
	float: right;
	margin: 0 0 7.14285714285714% 7.14285714285714%;
	width:47.14285714285714%;
}

.blog-article .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 7px;
}

.blog-article blockquote.alignleft,
.blog-article blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.blog-article blockquote.alignleft p,
.blog-article blockquote.alignright p {
	margin-bottom: 17px;
}

.blog-article ul,
.blog-article ol {
	list-style: none;
	margin: 0 0 24px 20px;
	padding-left: 0;
}

.blog-article ul li {
	list-style: disc;
}

.blog-article ol li {
	list-style: decimal;
}

.blog-article li > ul,
.blog-article li > ol {
	margin: 0 0 0 20px;
}

.blog-article table { margin-bottom:3em;  }
.blog-article th { white-space:nowrap; padding-right:4px; }


/**
 * Terra-Koya Archive 2007-2015
 * -----------------------------------------------------------------------------
 */

 .blog-article .terra_report p { margin:1rem 0; }
 .blog-article .terra_report img { padding:0.5rem; }
 .blog-article .terra_report .ngg-galleryoverview {margin-bottom:3rem}
 .blog-article p.day { margin:5rem 0 1rem; font-size:1.5rem; font-weight:bold; }
 .blog-article p.txt1 { margin:1rem 0 2rem; }
 .blog-article p.txt2 { margin:0 0 2rem; }
 .blog-article p.subt { margin:3rem 0 0.5rem; text-decoration: underline; font-weight:bold; }
 .blog-article .imgblk { text-align:center; margin:0 0 2rem; }
 .blog-article .imgblk img { padding:0.5rem; }
 /*.blog-article #imgblk .ngg-gallery-thumbnail { border:none; margin:0 } */
 .blog-article table.tbl1{
	 width: 100%;
	 border-collapse: collapse;
	 border-spacing: 0;
 }
 .blog-article table.tbl1 tr:nth-child(even){
  background-color: #eee
}
 .blog-article table.tbl1 td.tbleft {
	 width: 120px;
	 text-align: center;
	 font-weight: 700;
	 padding: 1.5rem;
 }
  .blog-article table.tbl1 td.tbright {
		text-align: left;
		padding: 1.5rem 1rem;
  }

} /*end pc*/


/*
 * For Tablet
 */
@media screen and (max-width:1000px) and (min-width:641px) {

}


.flex-container{
    display: flex;
}