@charset "utf-8";

/*---------------------------------------------
1 Reset Style
2 Transition
3 Header
4 MAIN
5 Footer
6 Color
7 Print
---------------------------------------------*/

/*---------------------------------------------
1 Reset Style
---------------------------------------------*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, 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;}

*		{ margin: 0; padding: 0; }
html	{ background-color: #fff !important; overflow: auto; }
body	{ font-family: メイリオ,Meiryo,-apple-system,BlinkMacSystemFont,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Helvetica Neue",sans-serif; }

img		{ border: none; /*vertical-align: bottom;*/ }
article, aside, details, figure, figcaption, header, footer, hgroup, menu, nav, section, main	{ display: block; }
div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td, figure, figcaption { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address, th, caption, em, strong, dfn { font-style: normal; font-weight: normal; }
ol, ul	{ list-style: none; }
a, abbr[title], ins {text-decoration: none;}
a       { color:inherit;}
a:hover { color:inherit; opacity: 0.7; }
.fs-4s{ font-size: .94rem;}
.fs-5s{font-size:.87rem;}
.fs-6s{ font-size: .625rem;}
.h-180 { height: 180px; }
@media (min-width: 768px) {
  .h-sm-180 { height: 180px; }
}
.w-30 { width: 30%; }

/*---------------------------------------------*/
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1280px;}
}
.for-tab-sp {display: none;}
.for-pad-sp {display: none;}
.for-mobi-sp {display: none;}
@media screen and (max-width: 959px) {
    .for-tab-pc {display: none;}
    .for-tab-sp {display: block;}
}
@media screen and (max-width: 767px) {
    .for-pad-pc {display: none;}
    .for-pad-sp {display: block;}
}
@media screen and (max-width: 575px) {
    .for-mobi-pc {display: none;}
    .for-mobi-sp {display: block;}
}
@media (max-width: 380px){
    .row-cols-xs-12>* {
        flex: 0 0 auto;
        width: 100%;
    }
}

/*---------------------------------------------
2 Transition
---------------------------------------------*/
.site_title img,
.site_title h1,
.site_title p,
.headnav_list ul,
.headnav_button ul,
.headnav_button ul li a,
.headnav_button ul li button,
.child_nav_right_list_item_link,
.child_nav_close,
.hover_btn01 a
{transition: .2s ease-in-out;}

.content_nav .content_nav_item_link,
.content_nav .content_nav_item_href
{transition: opacity .2s ease-in-out;}

/*---------------------------------------------
3 Header
---------------------------------------------*/
header {
	position: fixed;
	width: 100%;
	line-height: 2;
	z-index: 100;
	background-color: #fff 
}
.member header {
	background-color: #004b9e;
	color: #fff 
}
header .content_nav ul.container-xl {padding-right: 0;padding-left: 0;}
@media (max-width: 1199px){
    header .content_nav ul.container-xl {padding-right: 10px;padding-left: 10px;}
}
.site_title img {
    float: left;
    width: 43px;
}
@font-face {
   font-family: M-PLUS-Rounded-1c;
   src: url('/ws-sys/wp-content/themes/jcci-dl/assets/css/webfonts/KosugiMaru-Regular.ttf') format('truetype');;
}
.site_title h1 {
    font-family: 'M-PLUS-Rounded-1c', sans-serif;
    font-weight: 400;
    font-size: 1.56rem;
    line-height: 1;
    float: left;
    padding: 22px 0 0 8px;
}
.site_title p {
    position: absolute;
    margin-left: 51px;
    top: 11px;
    font-size: 0.75rem;
}
.site_title  img.for-mobi-sp {width: 40px;float: left;}
h1.for-mobi-sp {font-weight: 400;padding-left: 48px;}
.header-min .site_title img {
    width: 40px;
}
.header-min .site_title h1 {
    font-size: 1.45rem;
    padding: 20px 0 0 7px;
}
.header-min .site_title p {
    position: absolute;
    margin-left: 49px;
    top: 10px;
    font-size: 0.6875rem;
}

/* Sub Menu */
.navbar-expand-md .navbar-nav {
display: none;
}

.headnav_list ul {
    font-size: 0.875rem;
    line-height: 1.6;
}
.header-min .headnav_list ul {
    font-size: 0.84rem;
}
.headnav_list ul {
    min-width: 305px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-end;
}
.headnav_list ul li {
    margin-right:1rem;
}
.headnav_list ul i {
    color: #004b9e;
}
.member .headnav_list ul i {
    color: #ffffff;
}
/* SP Menu Plugin hack */
/* .mob-menu-header-holder / .mobmenur-container / .mobmenur-container i @ Button Menu */
.mobmenur-container {position: relative;text-align: center;margin-right: unset;right: unset;}
.mobmenur-container i { float: unset;}
.mobmenur-container i.mob-icon-menu.mob-menu-icon:before {
    text-align: unset;
    margin-right: 0;
    margin-left: 0;
    font-size: 100%;
}
.mob-cancel-button {font-size: 23px!important;}

/* Button Menu */
.headnav_button ul {
    font-size: 0.94rem;
    display: flex;
    justify-content: center;
    border-left: 1px solid #e7e7e7;
}
.headnav_button ul li {width: 112px;}
@media screen and (max-width: 959px) {.headnav_button ul li {width: 77px;}}
@media screen and (max-width: 767px) {.headnav_button ul li,.mob-menu-header-holder {width: 64px;}}
		.headnav_button ul li a {
    padding: 14px 0 4px;
    display: block;
    position: relative;
    color: #111111;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #e7e7e7;
}
		.member .headnav_button ul li a {
    color: #ffffff;
}
.header-min .headnav_button ul li a {padding: 12px 0 2px;}
		.headnav_button ul li a i {
    font-size: 1.5rem;
    display: block;
    padding-bottom: 0.5rem;
}
.header-min .headnav_button ul li a i {font-size: 1.3rem;padding-bottom: 0.3rem;}
.headnav_button ul li:nth-child(1) a{border-bottom: 4px solid #004b9e;}
.headnav_button ul li:nth-child(1) a i{color: #004b9e;}
.headnav_button ul li:nth-child(2) a{border-bottom: 4px solid #149d82;}
.headnav_button ul li:nth-child(2) a i{color: #149d82;}
.headnav_button ul li:nth-child(3) a {border-bottom: 4px solid #e48800;}
.headnav_button ul li:nth-child(3) a i {color: #e48800;}
.headnav_button ul li:nth-last-child(1) {border-bottom: 4px solid #be1c43;}
.headnav_button ul li:nth-last-child(1) a i {color: #be1c43;}
.member .headnav_button ul li{background: #286ebb;}
.member .headnav_button ul li:nth-child(1) a{border-bottom: 4px solid #99bde4;}
.member .headnav_button ul li:nth-child(1) a i{color: #fff;}
.member .headnav_button ul li:nth-child(2) a{border-bottom: 4px solid #99bde4;}
.member .headnav_button ul li:nth-child(2) a i{color: #fff;}
.member .headnav_button ul li:nth-child(3) a {border-bottom: 4px solid #99bde4;}
.member .headnav_button ul li:nth-child(3) a i {color: #fff;}
.member .headnav_button ul li:nth-last-child(1) {border-bottom: 4px solid #99bde4;}
.member .headnav_button ul li:nth-last-child(1) a i {color: #fff;opacity:0;}
.member .mobmenur-container i {color: #ffffff;}
@media all and (max-width: 959px) {
	.headnav_list {width: calc(100% - 13.5vw);transition: .2s;margin-top: 0.5rem;}
	.headnav_list ul li:nth-child(1) {width: 100%;text-align: end;padding-bottom: 0.5em;}
			.headnav_list ul {font-size: 1.4vw;}
	.header-min .headnav_list ul {font-size: 1.3vw;}
			.headnav_button ul {font-size: 1.5vw;}
	.header-min .headnav_button ul {font-size: 1.4vw;}
	.site_title h1 {font-size: 0.94rem;}
	.site_title p {font-size: 0.68rem;top: 10px;}
}
@media all and (max-width: 767px) {
	.nav-scroller {padding-bottom: 0.25rem;}
	.headnav_list {display:none;}
	.headnav_button ul li a i {padding-bottom: 0.25rem;}
			.site_title p {font-size: 0.65rem;top: 5px;}
	.header-min .site_title p {top: 3px;font-size: 0.62rem;}
			.headnav_button ul li a {padding: 7px 0 0;}
	.header-min .headnav_button ul li a {padding: 5px 0 0;}
			.headnav_button ul li a i {padding-bottom: 0.25rem;}
	.header-min .headnav_button ul li a i {font-size: 1.25rem;padding-bottom: 0.15rem;}
}
@media screen and (max-width: 575px) {
	.site_title img {width: 40px;padding-top:2px;}
	.site_title h1 {font-size: 1.13rem;padding: 13px 0 0 8px;}
	.header-min .site_title h1 {font-size: 1.06rem;padding: 12px 0 0 8px;}
}
@media screen and (max-width: 459px) {
	.headnav_button ul li,.mob-menu-header-holder {width: 48px;}
	.mobmenur-container {top: 0px;}
	.mobmenur-container i {font-size: 23px;}
	.mob-icon-menu:before {margin-right: 0.25em;}
			.site_title img {width: 25px;padding-top: 0px;}
	.header-min .site_title img {width: 23px;padding-top: 0px;}
			.site_title h1 {font-size: 0.88rem;padding: 8px 0 0 3px;}
	.header-min .site_title h1 {font-size: 0.88rem;padding: 7px 0 0 3px;}
			.headnav_button ul li a i {font-size: 1.13rem; padding-bottom: 0.25rem;}
	.header-min .headnav_button ul li a i {font-size: 1.06rem;}
}
@media screen and (max-width: 359px) {.site_title img {display: none;}}

/* Maine Menu */
.content_nav {
	display: flex;
    width: 100%;
    background: #e5eef8;
    border-bottom: 1px solid #ddd;
}
.content_nav .content_nav_item_link {cursor: pointer;}
.content_nav .content_nav_item_link:hover {opacity: .6}
.content_nav .content_nav_item_link.active .active_bar {
	border-bottom: 2px solid #004b9e;
	color: #004b9e
}
.content_nav .content_nav_item_href {
	display: block;
	padding: 0;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}
.content_nav li.content_nav_item {
	color: #000;
	border-left: 1px #fff solid;
	text-align: center;
	padding: 11px 0;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content_nav li:nth-last-child(1).content_nav_item {border-right: 1px #fff solid;}
.content_nav li.content_nav_item .content_nav_item_link i {color: #004b9e;}
.content_nav ul.content_nav li:last-child {border-right: 1px #fff solid;}
.content_nav ul.content_nav li .child_nav ul li {border-right: none;}
.content_nav .content_nav_item_href:hover {opacity: .6}
.child_nav {
	background: linear-gradient(125deg, #005abd 28%, #005abd 28%, #004B9E 10%, #004B9E 0%);
	padding: 50px 20px 60px;
	color: #fff;
	position: absolute;
	top: 133px;
	left: 0;
	width: 100%;
	display: none
}
.header-min .child_nav {top: 125px;}
.child_nav_area {display: flex;position: relative}
.child_nav_left {width: 30%;padding-right: 40px;}
.child_nav_left_area_ttl {
	font-size: 1.93rem;
	font-weight: bold;
	margin-bottom: 20px
}
.child_nav_right {width: 70%}
.child_nav_right_list {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.child_nav_right_list_item {width: 48%}
.child_nav_right_list_item_link {
	padding: 12px 30px 12px 0;
	display: flex;
	align-items: center;
	position: relative;
	color: #fff;
	border-bottom: 1px solid #fff
}
.child_nav_right_list_item_link::after {
	content: '\f105';
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px
}
.child_nav_close {
	position: absolute;
	top: -30px;
	right: 0;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.child_nav_close:hover {opacity: .6}
.child_nav_close::before {
	content: '\f00d';
	font-family: "FontAwesome";
	font-size: 1.25rem;
	padding-right: 0.25em;
	margin-top: -0.2em
}

/* Maine Menu - Child */
.hover_btn01 a {
    color:#fff;
    display: block;
    font-size: 0.94rem;
}

/*---------------------------------------------
4 MAIN
---------------------------------------------*/
/* color */
.cl-orange{color:#e48800;}
/* for Slider of top page */
main{padding-top: 135px;overflow: hidden;}
@media only screen and (max-width: 959px) {main{padding-top: 129px;}}
@media only screen and (max-width: 767px) {main{padding-top: 60px;}}
@media only screen and (max-width: 766px) {main{padding-top: 59px;}}
@media only screen and (max-width: 732px) {main{padding-top: 58px;}}
@media only screen and (max-width: 699px) {main{padding-top: 57px;}}
@media only screen and (max-width: 459px) {main{padding-top: 44px;}}
/* wide variation */
.w-1em { width: 1em;}
.w-2em { width: 2em;}
.w-3em { width: 3em;}
.w-4em { width: 4em;}
.w-5em { width: 5em;}
.w-6em { width: 6em;}
.w-7em { width: 7em;}
.w-8em { width: 8em;}
.w-9em { width: 9em;}
.w-10em { width: 10em;}
.w-11em { width: 11em;}
.w-12em { width: 12em;}
.w-13em { width: 13em;}
.w-14em { width: 14em;}
.w-15em { width: 15em;}
.w-16em { width: 16em;}
.w-20em { width: 20em;}
.w-25em { width: 25em;}
/* required */
.required::after{color:red;content:"*";}
/* Login separator */
.separator {border-right: #BFBFBF 1px solid;}
@media only screen and (max-width: 767px) {
  .separator {border-right: none;border-bottom: #BFBFBF 1px solid;margin-bottom:2em;}
}
/*---------------------------------------------
5 NEWS-TAB
---------------------------------------------*/
section.news-tab {background: #f5f5f5;}
@media screen and (max-width: 767px) {.news-tab ul.nav {display: flex !important;;flex-direction: row !important;}.news-tab ul.nav li button {font-size: 2.5vw;line-height: 1.3;padding: 1.25vw 0px;}}
.news-tab ul.nav li{text-align: center;flex: 1 1 auto;}    

.news-tab > div:nth-child(3) {border-top: 5px solid #004b9e;}
.news-tab ul.nav-pills li:nth-child(1) button,.news-tab ul.nav-pills li:nth-child(1) a,.cat-info  {background: #cb0000;}
.news-tab ul.nav-pills li:nth-child(2) button,.news-tab ul.nav-pills li:nth-child(1) a,.cat-info  {background: #004b9e;}
.news-tab ul.nav-pills li:nth-child(3) button,.news-tab ul.nav-pills li:nth-child(1) a,.cat-useful  {background: #e48800;}
.news-tab ul.nav-pills li:nth-child(4) button,.news-tab ul.nav-pills li:nth-child(1) a,.cat-consulate  {background: #198754;}
.news-tab ul.nav-pills li:nth-child(5) button,.news-tab ul.nav-pills li:nth-child(1) a,.cat-newsletter  {background: #036ca9;}
.news-tab ul.nav-pills li:nth-child(6) button,.news-tab ul.nav-pills li:nth-child(1) a,.cat-newsletter-cn {background: #ea5520;}
.news-tab ul.nav-pills li:nth-child(7) button,.news-tab ul.nav-pills li:nth-child(1) a,.cat-otherarea  {background: #800080;}

.tab-box ul.nav-pills li button {color: #fff;}

.nav-link, .nav-link:focus, .nav-link:hover{color: #fff;}
.nav-link:focus, .nav-link:hover{opacity:.7;}

.date {float: left;}
@media only screen and (min-width: 768px) {.cat {float: left;margin: 2px 10px 0 0;}}
@media only screen and (max-width: 767px) {.breaking_news .cat {padding: 0 5px;}
}
.news-tab ul.list-group li,.newslist-box  {display: flex;list-style: none;}
.newslist-box.c-biz-list-box {display: inherit;}
@media screen and (max-width: 767px) {.news-tab ul.list-group li  {display: block;}}
.newslist-box time {padding-top: 0.1em;color: #6c757d;font-size: 0.78rem!important;}
.news-tab ul.list-group li p {line-height: 1.2;}
.news-tab ul.list-group li p a:hover {text-decoration: underline;}
.newslist-box .cat, .breaking_news .cat {
    width: 8em;
    height: 1.5em;
    padding: 0.25em 0;
	font-size: 0.78rem!important;
    line-height: 1;
    text-align: center;
    color: #fff;
}
.news-tab ul.list-group li div.cat {margin: 0 0.8em;}
.news-tab ul.list-group li div.cat.c-biz {margin-left: 0;}
.breaking_news .cat {margin-right:0.25em;}
.list-group.list-group-flush {margin-top: 0.5em;}
.list-group-item {padding: 1rem 1rem;}
.archive .list-group-item {padding: 1rem 0;}
.nav-pills .nav-link {
    border-radius: 0;
    padding: 18px 0px;
    width: calc( 100% - 4px );
	margin: auto;
}
.tab-content {
    border-top: 5px solid #ebebeb;
    width: calc( 100% - 4px );
    margin-left: 2px;
}
/* News List */
i.fa-solid.fa-lock {color: #ed9900;font-size: 0.8em; vertical-align: 1px;}
i.fa-solid.fa-key {color: #c10f25;}
.new-entry {color: red;font-weight: bold;font-size: 0.9em;padding-left: 0.3em;}
.pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.pagination li {margin-right: 0.5rem;}
.pagination li:last-child {margin-right: 0;}
.pagination .page-link {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #212529;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  text-decoration: none;
}
.pagination .page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.pagination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.pagination .number-box {
  display: inline-block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.375rem;
  line-height: 1.5rem;
  text-align: center;
}
.pagination .number-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dee2e6;
  box-sizing: border-box;
  border-radius: 0.25rem;
}
@media (max-width: 575px) {
  .pagination .number-box {
    margin-left: 0.25rem;
  }
}
.pagination .number-box.active:before,
.pagination .number-box:hover:before {
  border-color: #0d6efd;
}
.pagination .number-box.active:before {
  background-color: #0d6efd;
}
.pagination .number-box a {
  display: block;
  color: #212529;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

/*Biz news*/
.biz_news li {padding: 5px;cursor: pointer;}

@media (min-width: 992px) {
  .row-cols-lg-8 > * {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

/*---------------------------------------------
5 Footer
---------------------------------------------*/
.fotter_menber_menu i {color:#004b9e;}
.jcci-info h4 {font-family: 'M-PLUS-Rounded-1c', sans-serif;padding-left: 58px;padding-top: 11px;}

.upper_bg .row {padding-top: 28px;padding-bottom: 28px;}
.upper_bg {border-top: 1px solid #ddd;background: #e5eef8;font-size: 0.56em;}
.upper_bg address {clear:both;}

.upper_bg > div > div > div:nth-child(1) > div  {display: table;}
.upper_bg > div > div > div:nth-child(3) i {padding: 0.25em;padding-right: 0.25em;}
.upper_bg > div > div > div:nth-child(3) div h5 {font-weight:bold;font-size:0.56em;padding-bottom: 0.25em;}
.upper_bg > div > div > div:nth-child(3) div {padding-top: 14px;}

.lower_bg {background-color: #004b9e;}
.lower_bg .row,.lower_bg .row a {color: #fff;}
.lower_bg li:not(:last-child) {padding-right: 1em;}
.lower_bg .row .nav {display: flex!important;}

/*---------------------------------------------
6 Color
---------------------------------------------*/
.bg_1 {	background-color:#004b9e;} /*商工会お知らせ*/
.bg_2 {	background-color:#ffa500;} /*商工会イベント*/
.bg_3 {	background-color:#ff8c00;} /**/
.bg_4 {	background-color:#0081b9;} /*事務局*/
.bg_5 {	background-color:#2f8ba5;} /*親睦交流委員会*/
.bg_6 {	background-color:#00008b;} /**/
.bg_7 {	background-color:#005ec5;} /*市内分会*/
.bg_8 {	background-color:#0058b8;} /**/
.bg_9 {	background-color:#036ca9;} /*大連メルマガ*/
.bg_10 {background-color:#9400d3;} /**/
.bg_11 {background-color:#e48800;} /*お役立ち情報*/
.bg_12 {background-color:#198754;} /*領事館情報*/
.bg_13 {background-color:#8b4513;} /**/
.bg_14 {background-color:#cb0000;} /*注意喚起*/
.bg_15 {background-color:#198754;} /**/
.bg_16 {background-color:#cb0000eb;} /*コロナ関連情報*/
.bg_17 {background-color:#ea5520;} /*北京メルマガ*/
.bg_18 {background-color:#800080;} /*他地域メルマガ*/
.bg_50 {background-color:#D00040;} /*中国ビジネス情報*/
.print_btn {background-color:#afafaf;}
.bknum {color: #22439e;}

.china-biz {background-color:#004b9e;} /*商工会お知らせ*/
.macro {background-color:#ffa500;} /*商工会イベント*/
.law {background-color:#ff8c00;} /**/
.ipr {background-color:#0081b9;} /*事務局*/
.account {background-color:#2f8ba5;} /*親睦交流委員会*/
.finance {background-color:#00008b;} /**/
.labor {background-color:#005ec5;} /*市内分会*/
.industry {background-color:#0058b8;} /**/
.politics {background-color:#036ca9;} /*大連メルマガ*/
.investment {background-color:#e48800;} /*お役立ち情報*/
.column {background-color:#198754;} /*領事館情報*/
.marketing {background-color:#8b4513;} /**/
.regulations {background-color:#cb0000;} /*注意喚起*/
.asian_biz {background-color:#198754;} /**/
.document {background-color:#cb0000eb;} /*コロナ関連情報*/
.latest_info {background-color:#ea5520;} /*北京メルマガ*/
.org {background-color:#800080;} /*他地域メルマガ*/

/*---------------------------------------------
7 Print
---------------------------------------------*/
@media print {
  .print-btn {display: none;}
	main article.content {margin-top: -150px;}
}