@charset "utf-8";
@charset "utf-8";


@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap"); #nav ul,
.faqBoxL li a,
.faqBoxL li ul li a,
.faqBoxR li a,
.faqList li a,
.faqList li a,
.faqList li ul li a,
.flink ul li a,
.postAdv ul li,
.postList li,
.sideBox ul li a,
.siderBox ul li a,
ol,
ul {
list-style: none;
}
#inner,
#main,
#nav ul li a,
#side,
#sider,
.blog_main,
.spc07 {
overflow: hidden;
}
a.btn01:hover,
.btnDtl a:hover,
.btnDtl02 a:hover,
.btnDtl03:hover,
.btnDtl04:hover,
a:hover img {
filter:alpha(opacity=80);
opacity: 0.8;
}
.fontLb,
.fontYlwLb,
.fontYlwMb,
.ttl_snav {
font-weight: 700;
}
.txtleft {
text-align: left;
}
.blogdate,
.txtright {
text-align: right;
}
.acthumb,
.navigation,
.txtcenter,
.wp-caption,
.wp-pagenavi,
table.postTbl th,
table.postTbl02 th,
table.postTbls th {
text-align: center;
}
.btnDtl a,
.btnDtl02 a,
.flink ul li a,
.sideBox ul li a,
.siderBox ul li a,
.ttl01 a,
.ttl01-02 a,
.ttl02 a,
.ttl05 a {
text-decoration: none;
}
.serviceBoxL,
.serviceBoxR {
-webkit-border-radius: 3px;
padding: 5px 8px 8px;
border-radius: 3px;
}
.dtlUseTbl,
table.feeTbl,
table.inquiryform,
table.opTbl,
table.otherTbl,
table.postTbl,
table.postTbl02,
table.postTbl03 {
border-collapse: collapse;
}
.snavRstFlowBm,
.worksFlow .worksFlowBox {
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
}
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
margin: 0;
padding: 0;
color: #333;
font-size: 15px;
line-height: 175%;
}
.ttl01,
.ttl01-02,
.ttl05,
.ttl05-02,
.ttl07,
.ttl_base,
.ttl_use_single {
line-height: 200%;
}
fieldset,
img {
border: 0;
}
body,
html {
height: 100%;
font-size: 62.5%;
}
body {
font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Hiragino Kaku Gothic Pro,sans-serif;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_top.jpg) top repeat-x #FFF;
}
a:hover img {
-ms-filter:“alpha( opacity=80 ) ”
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
.clear {
clear: both;
}
.br-pc {
display:block;
}
.br-mb {
display:none;
} hr.bd01 {
height: 1px;
background-color: #ccc;
border: none;
}
.dot {
border-bottom: 1px dotted #ccc;
display: block;
width: 100%;
}
.page-inner .bd-red {
border-bottom: 2px #940b07 solid;
}
.bdno {
border: none !important;
} .bakno {
background: none;
}
.bakwt {
background: #FFF !important;
} .spc01 {
padding-bottom: 15px;
}
.spc02 {
padding: 5px 10px 5px 0;
}
.spc03 {
padding: 5px 0;
}
.spc04 {
margin-top: 5px;
}
.spc05 {
margin-bottom: 10px;
}
.spc06 {
margin: 8px 23px 20px;
}
.spc07 {
margin: 5px 10px 10px;
}
.spc08 {
margin-bottom: 20px;
}
.spc09 {
margin-top: 20px;
}
.spc10 {
margin-right: 10px;
}
.spc11 {
margin-left: 10px;
}
.spc130 {
padding-left: 130px;
}
.spc110 {
padding-left: 110px;
}
.spc130r {
padding-right: 130px;
}
.spc12 {
padding-right: 5px;
}
.spc13 {
margin-bottom: 5px;
}
.spc14 {
margin-top: 10px;
}
.spc16 {
margin-left: 50px;
}
.spc17 {
text-indent: 40px;
}
.spc18 {
padding-bottom: 20px;
}
.spc19 {
padding-left: 15px;
}
.spc20 {
padding-top: 10px;
}
.pt10 {
padding-top: 10px;
}
.pb0 {
padding-bottom: 0px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px;
}
.pb20 {
padding-bottom: 20px;
}
.pb40 {
padding-bottom: 40px;
}
.pl20 {
padding-left: 20px;
}
.pl30 {
padding-left: 30px;
}
.pr20 {
padding-right: 20px;
}
.mt0 {
margin-top: 0 !important;
}
.mt2 {
margin-top: 2px;
}
.mt10 {
margin-top: 10px !important;
}
.mt20 {
margin-top: 20px;
}
.mt50 {
margin-top: 50px;
}
.mr0 {
margin-right: 0 !important;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr20 {
margin-right: 20px;
}
.mr30 {
margin-right: 30px;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb34 {margin-bottom: 34px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.ml0 {margin-left: 0 !important;}
.ml20 {margin-left: 20px;}
.ml27 {margin-left: 27px;}
.ml50 {margin-left: 50px;}
.dsp-inline-block {
display: inline-block;
/display: inline;
/zoom: 1;
}
strong {
color: #940B07;
font-size: 16px;
font-weight:bold;
}
.ttl_gnav:after,
.ttl_gnav:before {
bottom: 14px;
left: 10px;
width: 50%;
height: 55%;
max-width: 200px;
max-height: 100px;
-webkit-box-shadow: 0 8px 12px rgba(0,0,0,.5);
-moz-box-shadow: 0 8px 12px rgba(0,0,0,.5);
box-shadow: 0 8px 12px rgba(0,0,0,.5);
-webkit-transform: skew(-8deg) rotate(-3deg);
-moz-transform: skew(-8deg) rotate(-3deg);
-ms-transform: skew(-8deg) rotate(-3deg);
-o-transform: skew(-8deg) rotate(-3deg);
transform: skew(-8deg) rotate(-3deg);
}
.ttl_gnav:after {
right: 10px;
left: auto;
-webkit-transform: skew(8deg) rotate(3deg);
-moz-transform: skew(8deg) rotate(3deg);
-ms-transform: skew(8deg) rotate(3deg);
-o-transform: skew(8deg) rotate(3deg);
transform: skew(8deg) rotate(3deg);
}
.drop-shadow {
position: relative;
width: 100%;
height: 66px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset;
}
.ttl-gnav {
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
letter-spacing: 3px;
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.ttl-gnav.sample-service,
.ttl-gnav.service {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_service_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.info {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_info_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.life {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_life_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.help {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_help_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.app {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_app_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.hospital {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_hospital_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.artmuseum {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_artmuseum_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.works,
.ttl-gnav.sample-works {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_works_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.corporate,
.ttl-gnav.sample-corporate {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_corp_ttl.jpg) no-repeat;
background-size: 100% auto;
}
.ttl-gnav.contact,
.ttl-gnav.contact-confirm,
.ttl-gnav.contact-completed {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_gnav_contact_ttl.jpg) no-repeat;
background-size: 100% auto;
}
#container,
#header,
#inner,
#nav {
width: 1065px;
}
.drop-shadow:after,
.drop-shadow:before {
content: "";
position: absolute;
z-index: -2;
}
.ttl_snav {
color: #f08800;
font-size: 20px;
display: inline;
}
.btnDtl a,
.btnDtl02 a,
.ttl01,
.ttl01-02,
.ttl02,
.ttl02-02,
.ttl02-03,
.ttl03 a,
.ttl04,
.ttl05,
.ttl05-02,
.ttl06,
.ttl07,
.ttl_base,
.ttl_faq,
.ttl_use_single {
display: block;
}
.ttl01,
.ttl01-02,
.ttl_base,
.ttl_faq {
font-size: 120%;
}
.ttl_base {
color: #333;
height: 35px;
padding-left: 23px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttlsnav.jpg) no-repeat;
}
.ttl_faq01 {
color: #1a2b60;
font-size: 22px;font-size: 2.2rem;
font-family: 'Noto Sans JP', sans-serif;
padding: 6px 6px 6px 34px;
margin-top: 20px;
background: none;
border: 2px #d6ce9d solid;
position: relative;
}
.ttl_faq01::before {
content: '';
width: 50px;
height: 45px;
background: #FFF url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_06.png) no-repeat left top;
background-size: 40px auto;
display: block;
position: absolute;
left: -15px;
top: -20px;
}
.ttl_faq02 {
color: #1a2b60;
font-size: 22px;font-size: 2.2rem;
font-family: 'Noto Sans JP', sans-serif;
padding: 6px 6px 6px 34px;
margin-top: 20px;
background: none;
border: 2px #d6ce9d solid;
position: relative;
}
.ttl_faq02::before {
content: '';
width: 50px;
height: 50px;
background: #FFF url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_q.png) no-repeat left top;
background-size: 40px auto;
display: block;
position: absolute;
left: -15px;
top: -20px;
}
.ttl_faq {
color: #333;
height: 40px;
padding: 0 5px 0 60px;
}
.ttl_use_single {
color: #925825;
font-size: 120%;
height: 35px;
padding-left: 23px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttluse.jpg) no-repeat;
}
.ttl01,
.ttl01 a,
.ttl01-02,
.ttl01-02 a {
color: #690805;
}
.ttl01 {
height: 35px;
padding-left: 21px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl01.jpg) no-repeat;
background-size: 100% auto;
}
.ttl01-02 {
height: 35px;
padding-left: 7px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl01-02.jpg) no-repeat;
}
.ttl02,
.ttl02-02,
.ttl02-03,
.ttl03 a {
font-size: 110%;
}
.ttl02,
.ttl02 a,
.ttl02-02 {
color: #940B07;
}
.ttl01-02 img {
margin: 7px 7px 0 0;
float: left;
}
.ttl02 {
height: 30px;
padding-left: 23px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl02.gif) 10px bottom no-repeat;
}
.ttl02-02 {
height: 30px;
padding: 0 0 2px 12px;
margin-bottom: 5px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl02.gif) left top no-repeat;
}
.ttl02-03 {
color: #925825;
height: 30px;
padding-left: 23px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl02-02.gif) 10px 0 no-repeat;
}
.ttl03 a {
color: #690805;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) 1px 8px no-repeat;
padding: 4px 0 3px 17px;
}
.ttl04,
.ttl05 {
font-size: 120%;
}
.ttl04 {
color: #690805;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl03.jpg) top left no-repeat;
padding: 0 0 3px 20px;
}
.btnDtl a,
.btnDtl02 a,
.ttl05,
.ttl05 a,
.ttl05-02,
.ttl06,
.ttl07,
.ttl08 {
color: #FFF;
}
.ttl05,
.ttl05-02,
.ttl07 {
padding-left: 21px;
}
.ttl05 {
height: 30px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl05.jpg) no-repeat;
}
.ttl05-02 {
font-size: 110%;
height: 28px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl05_02.jpg) no-repeat;
}
.ttl06 {
font-size: 110%;
height: 30px;
line-height: 30px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl06.jpg) top left no-repeat;
padding-left: 18px;
}
.ttl07,
.ttl08 {
height: 28px;
font-size: 110%;
}
.ttl07 {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl07.png) no-repeat;
background-size: 100% auto;
}
.ttl08 {
position: relative;
lign-height: 28px;
padding: 7px 0 0 25px;
background: #940b07;
background: -moz-linear-gradient(top,#c80f0a 0,#940b07 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#940b07),color-stop(0,#c80f0a));
background: -webkit-linear-gradient(top,#c80f0a 0,#940b07 100%);
background: -o-linear-gradient(top,#c80f0a 0,#940b07 100%);
background: -ms-linear-gradient(top,#c80f0a 0,#940b07 100%);
background: linear-gradient(to bottom,#c80f0a 0,#940b07 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80f0a', endColorstr='#940b07', GradientType=0);
}
.ttl08:before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
left: 10px;
width: 0;
height: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-right: 6px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid #d6ce9d;
}
.ttl09 {
color: #940B07;
font-size: 110%;
height: 21px;
line-height: 21px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl09.png) top left no-repeat;
border-bottom: solid 1px #940B07;
padding-left: 13px;
}
.ttl10 {
color: #940b07;
font-size: 20px;
border-bottom: 2px solid #940b07;
}
.ttl11 {
color: #940b07;
font-size: 18px;
text-align: center;
letter-spacing: 1px;
padding: 6px 6px 2px;
border: 1px solid #940b07;
background: #cabc7c;
background: -moz-linear-gradient(top,  #f5e6c3 0%, #cabc7c 100%); 
background: -webkit-linear-gradient(top,  #f5e6c3 0%,#cabc7c 100%);
background: linear-gradient(to bottom,  #f5e6c3 0%,#cabc7c 100%);
}
.ttl12 {
color: #FFF;
font-size: 18px;
padding: 6px 6px 2px 25px;
background: #c80f0a;
background: -moz-linear-gradient(top,  #c80f0a 0%, #940b07 100%); 
background: -webkit-linear-gradient(top,  #c80f0a 0%,#940b07 100%);
background: linear-gradient(to bottom,  #c80f0a 0%,#940b07 100%);
position: relative;
}
.ttl12::after {
position: absolute;
top: .5em;
left: .5em;
content: '';
width: 4px;
height: -webkit-calc(100% - 1em);
height: calc(100% - 1em);
background-color: #c4b975;
}
.ttl13 {
color: #940b07;
font-size: 18px;
padding: 6px 6px 2px 25px;
border: 2px solid #940b07;
position: relative;
}
.ttl13:after {
height: 23px;
position: absolute;
content: '';
left: 10px;
top: 6px;
border-width: 2px;
border-style: solid;
border-color: #c4b975;
}
.ttl14 {
color: #000;
font-family: 'Noto Sans JP', sans-serif;
font-size: 22px;
font-weight: bold;
padding-left: 22px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl14.png) no-repeat left;
background-size: 6px auto;
}
.ttl15 {
color: #bd2920;
font-family: 'Noto Sans JP', sans-serif;
font-size: 19px;
font-weight: bold; }
.ttl16 {
color: #87801c;
font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
font-weight: 500;
}
.ttl17 {
color: #26335b;
font-size: 18px;
text-align: center;
letter-spacing: 1px;
padding: 6px 6px 2px;
border: 1px solid #26335b;
background: #cabc7c;
background: -moz-linear-gradient(top,  #f5e6c3 0%, #cabc7c 100%); 
background: -webkit-linear-gradient(top,  #f5e6c3 0%,#cabc7c 100%);
background: linear-gradient(to bottom,  #f5e6c3 0%,#cabc7c 100%);
}
.ttl18 {
color: #FFF;
font-size: 18px;
padding: 6px 6px 2px 25px;
background: #26335b;
background: -moz-linear-gradient(top,  #64669a 0%, #26335b 100%); 
background: -webkit-linear-gradient(top,  #64669a 0%,#26335b 100%);
background: linear-gradient(to bottom,  #64669a 0%,#26335b 100%);
position: relative;
}
.ttl18::after {
position: absolute;
top: .5em;
left: .5em;
content: '';
width: 4px;
height: -webkit-calc(100% - 1em);
height: calc(100% - 1em);
background-color: #c4b975;
}
.ttl19 {
color: #940b07;
font-size: 20px;
letter-spacing: 1px;
display: flex;
align-items: center;
}
.ttl19::before,
.ttl19:after {
content: "";
height: 20px;
flex-grow: 1;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl19.png) repeat-x;
background-size: auto 20px;
margin-bottom: 4px;
}
.ttl19:before {
margin-right: 1rem;
}
.ttl19:after {
margin-left: 1rem;
}
.ttl20 {
color: #FFF;
font-size: 18px;
text-align: center;
padding: 6px 0 2px;
background: #c80f0a;
background: -moz-linear-gradient(top,  #c80f0a 0%, #940b07 100%); 
background: -webkit-linear-gradient(top,  #c80f0a 0%,#940b07 100%);
background: linear-gradient(to bottom,  #c80f0a 0%,#940b07 100%);
display: flex;
align-items: center;
justify-content: center;
}
.ttl20::before,
.ttl20:after {
border-top: 2px solid #cabc7c;
content: "";
width: 50px;
margin-bottom: 2px;
}
.ttl20:before {
margin-right: 10px;
}
.ttl20:after {
margin-left: 10px;
}
.ttl21 {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-weight: 700;
font-size: 32px;font-size: 3.2rem;
letter-spacing: 4px;
text-align: center;
}
.ttl22 {
color: #FFF;
font-size: 18px;
padding: 6px 6px 2px 25px;
background: #347799;
background: -moz-linear-gradient(top,  #76a3ba 0%, #347799 100%); 
background: -webkit-linear-gradient(top,  #76a3ba 0%,#347799 100%);
background: linear-gradient(to bottom,  #76a3ba 0%,#347799 100%);
position: relative;
}
.ttl22::after {
position: absolute;
top: .5em;
left: .5em;
content: '';
width: 4px;
height: -webkit-calc(100% - 1em);
height: calc(100% - 1em);
background-color: #c4b975;
}
.ttl23 {
color: #347799;
font-size: 18px;
padding: 6px 6px 2px 25px;
border: 2px solid #347799;
position: relative;
}
.ttl23:after {
height: 23px;
position: absolute;
content: '';
left: 10px;
top: 6px;
border-width: 2px;
border-style: solid;
border-color: #c4b975;
}
.fontYlwLb,
.fontYlwMb {
color: #f08800;
}
.font-s-right{
font-style:oblique;
opacity: 0.6;
font-size:12px !important;
}
.font14,
.font14 p {
font-size: 14px;
line-height: 175%;
}
.font17 {
font-size: 17px;
}
.fonts {
font-size: 11px;
line-height: 150%;
}
.fontm {
font-size: 15px;
font-weight: lighter;
}
.font-light {
font-weight: lighter;
}
.fontLb {
font-size: 110%;
}
.fontYlwLb {
font-size: 20px;
}
.fontRedLb,
.fontRedLb2 {
font-weight: 700;
color: red;
}
.fontRed {
color: red;
}
.fontNmlM {
font-size: 15px;
font-weight: 400;
}
.fontB {
font-weight: bold;
}
#staff h3,
.fontRedLb3 {
font-weight: 700;
}
.fontRedLb {
font-size: 120%;
}
.fontRedLb2 {
font-size: 110%;
}
.fontRedLb3 {
color: #940B07;
font-size: 15px;
}
.fontRedLb4 {
color: #940B07;
font-size: 16px;
font-weight:bold;
}
.fontRedL {
font-size: 110%;
color: red;
}
.fontBlueB {
color: #26335b;
font-weight: bold;
}
.fontWit {
color: #FFF;
}
.indent01 {
text-indent: -1em;
margin-left: 1em;
}
.indent02 {
text-indent: -3.2em;
margin-left: 3.2em;
}
.indent03 {
text-indent: -2.6em;
margin-left: 2.6em;
}
.indent04 {
text-indent: -1.7em;
margin-left: 1.7em;
}
.indent05 {
text-indent: -3.9em;
margin-left: 3.9em;
}
.indent06 {
text-indent: -2.0em;
margin-left: 2.0em;
} a.btn01 {
color: #fff;
font-weight: lighter;
background: #26335b url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_14.png) no-repeat left 16px top 9px;
background-size: 9px auto;
border-radius: 3px;
padding: 3px 20px 1px 40px;
text-decoration: none;
}
.btnDtl a,
.btnDtl02 a {
min-width: 130px;
height: 30px;
line-height: 30px;
padding: 0 10px 0 25px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/btn_detail_l.png) left no-repeat,url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/btn_detail_r.png) right no-repeat;
}
.btnDtl02 a {
font-size: 90%;
letter-spacing: 1px;
min-width: 50px;
height: 21px;
line-height: 21px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/btn_detail02.png) top no-repeat;
background-size: auto 21px;
}
.btnDtl a:hover {
-ms-filter:“alpha( opacity=80 ) ”
}
.btnDtl03,
a.btnDtl03 {
color: #fff;
font-size: 14px;
line-height: 170%;
font-weight: lighter;
background: #1e2872 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_14.png) no-repeat right 11px top 8px;
background-size: 9px auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 30px 0 20px;
float: right;
}
.btnDtl04,
a.btnDtl04 {
color: #fff;
font-size: 15px;
font-weight: lighter;
background: #1e2872 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_14.png) no-repeat right 16px top 9px;
background-size: 9px auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 40px 1px 30px;
text-decoration: none;
}
a.btn02 {
width: 290px;
color: #FFF !important;
text-align: center;
letter-spacing: 2px;
text-decoration: none;
position: relative;
background: #bd2920 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_btn02.png);
background-size: cover;
border: 1px solid #FFF;
border-radius: 40px;
display: inline-block;
box-sizing: border-box;
padding: 20px 0 20px 20px;
transition-duration: 0.3s;
}
a.btn02:before {
content: '';
width: 11px;
height: 11px;
border: 0;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_19.png) no-repeat;
background-size: 11px auto;
position: absolute;
top: 42%;
left: 40px;
}
a.btn02:hover {
color: #bd2920 !important;
background: #fff;
border: 1px solid #bd2920;
border-radius: 40px;
}
a.btn02:hover:before {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_20.png) no-repeat;
background-size: 11px auto;
}
.btn03 {
color: #FFF;
font-family: 'Noto Sans JP',sans-serif;
font-size: 18px;font-size: 1.8rem;
padding: 10px 24px 13px 50px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: rgb(216,140,0);
background: linear-gradient(45deg, rgba(229,179,85,1) 0%, rgba(216,140,0,1) 60%);
background: -moz-linear-gradient(45deg, rgba(229,179,85,1) 0%, rgba(216,140,0,1) 60%);
background: -webkit-linear-gradient(45deg, rgba(229,179,85,1) 0%, rgba(216,140,0,1) 60%);
background: -ms-linear-gradient(45deg, rgba(229,179,85,1) 0%, rgba(216,140,0,1) 60%);
position: relative;
display: inline-block;
}
.btn03::before{
content: '';
position: absolute;
top: 23px;
left: 22px;
width: 12px;
height: 2px;
background: #FFF;
transition: all .2s;
}
.btn03::after{
content: '';
position: absolute;
top: 19px;
left: 25px;
width: 8px;
height: 8px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all .2s;
}
.btn03:hover {
color: #d88c00;
outline: 1px solid #d88c00;
outline-offset: -1px;
background: #FFF;
opacity: 1.0;
filter: alpha(opacity=100);
}
.btn03:hover::before {
background: #d88c00;
}
.btn03:hover::after {
border-top: 2px solid #d88c00;
border-right: 2px solid #d88c00;
} .link01 {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_15.png)no-repeat left;
background-size: 12px auto;
padding-left: 20px;
}
.iline img {
margin: 10px 0;
border: 1px solid #BCBCBC;
}
.wp-caption,
img.aligncenter,
img.alignleft,
img.alignright {
margin-bottom: 10px;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 10px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 10px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.left {
float: left;
}
.right {
float: right;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
max-width: 632px!important;
padding: 4px;
}
.display-no-m {
display: block;
}
.display-y-m {
display: none;
}
.single main {
display: inline-block;
}
#main,
#main3clm {
text-align: left;
}
.hinq,
.logo {
padding-top: 13px;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.wd8 {
width: 8%;
}
.wd10 {
width: 10%;
}
.wd11 {
width: 11%;
}
.wd14 {
width: 14%;
}
.wd16 {
width: 16%;
} 
.wd18 {
width: 18%;
}  
.wd20 {
width: 20%;
}
.wd21 {
width: 21%;
}
.wd23 {
width: 23%;
}
.wd26 {
width: 26%;
}
.wd26-4 {
width: 26.4%;
}
.wd28 {
width: 28%;
}
.wd30 {
width: 30%;
}
.wd34 {
width: 34%;
}
.wd36 {
width: 36%;
}
.wd38 {
width: 38%;
}
.wd40 {
width: 40%;
}
.wd42 {
width: 42%;
}
.wd43 {
width: 43%;
}
.wd50 {
width: 50%;
}
.wd55 {
width: 55%;
}
.wd61 {
width: 61%;
}
.wd69 {
width: 69%;
}
.wd70 {
width: 70%;
}
.wd73 {
width: 73%;
}
.wd75 {
width: 75%;
}
.wd76 {
width: 76%;
}
.wd78 {
width: 78%;
}
.wd85 {
width: 85%;
}
.wd88 {
width: 88%;
}
.wd100 {
width: 100%;
}
#container {
margin: 0 auto;
}
.hcopy {
font-weight: 400;
font-size: 12px;
margin: 51px 0 0 5px;
vertical-align: bottom;
float: left;
}
.sideBox h2,
.siderBox h2 {
height: 27px;
font-size: 110%;
}
.logo {
height: 62px;
float: left;
}
#hsearch,
#main,
#sider,
#wrap,
.hinq {
float: right;
}
#main3clm,
#side {
float: left;
}
#hsearch {
padding: 1.4em 0.7em 0 0;
}
#nav ul,
#nav ul li {
margin: 0;
padding: 0;
}
#nav {
height: 33px;
margin-top: 5px;
}
#nav ul li {
display: inline;
}
#nav ul li a {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_nav.jpg);
display: block;
float: left;
width: 178px;
height: 0;
padding-top: 33px;
}
#nav ul li a.nav0102,
#nav ul li a.nav01:hover {
background-position: left -33px;
}
#nav ul li a.nav02 {
background-position: -178px top;
}
#nav ul li a.nav0202,
#nav ul li a.nav02:hover {
background-position: -178px -33px;
}
#nav ul li a.nav03 {
background-position: -356px top;
}
#nav ul li a.nav0302,
#nav ul li a.nav03:hover {
background-position: -356px -33px;
}
#nav ul li a.nav04 {
background-position: -534px top;
width: 177px;
}
#nav ul li a.nav0402,
#nav ul li a.nav04:hover {
background-position: -534px -33px;
width: 177px;
}
#nav ul li a.nav05 {
background-position: -711px top;
width: 177px;
}
#nav ul li a.nav0502,
#nav ul li a.nav05:hover {
background-position: -711px -33px;
width: 177px;
}
#nav ul li a.nav06 {
background-position: -888px top;
width: 177px;
}
#nav ul li a.nav0602,
#nav ul li a.nav06:hover {
background-position: -888px -33px;
width: 177px;
}
#inner {
margin: 15px auto 0;
}
.page-template-page-gnav-renew #inner {
margin: 5px auto 0;
}
#main {
width: 830px;
margin: 0 0 10px 10px;
}
#main p,
#main-fluid-gnav p,
#main3clm p {
padding-bottom: 13px;
}
#main3clm {
width: 595px;
margin: 0 10px;
}
#side,
#sider,
.sideBox h2,
.sideBoxs,
.siderBoxs {
width: 225px;
}
#side .sideBox {
padding: 10px 8px;
margin-bottom: 2px;
}
#side #nav_menu-2,
#side #nav_menu-3,
#side #nav_menu-4,
#side #nav_menu-5,
#side #nav_menu-6 {
background: #f5f4ec;
}
#side .sideBox h2 {
width: auto;
height: auto;
color: #940b07;
font-family: 'Noto Sans JP',sans-serif;
font-size: 17px;font-size: 1.7rem;
text-align: center;
border-bottom: 2px solid #940b07;
background: none;
padding: 0;
margin-bottom: 8px;
display: block;
}
#side .sideBox .sideBoxs {
width: auto;
}
#side ul li {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_18.png) no-repeat left top 13px;
background-size: 10px auto;
padding: 6px 0 6px 14px;
border-bottom: 1px dotted #cabc7c;
}
#side ul li:last-child {
padding: 6px 0 10px 14px;
border-bottom: none;
}
#side ul li a {
color: #333;
background: none;
display: block;
border-bottom: none;
padding: 0;
}
.siderBox {
padding-bottom: 10px;
}
.siderBox h2 {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ttl_sider_bg.gif) no-repeat;
width: 225px;
height: 33px;
color: #152874;
padding: 5px 0 0 34px;
display: block;
}
.textwidget h2 {
padding: 0;
height: 33px;
}
.siderBoxs {
display: block;
}
.siderBoxs .cat-post-item {
border-bottom: none;
}
.siderBox ul li a {
color: #333;
display: block;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_10.gif) 10px 12px no-repeat;
border-bottom: 1px solid #d1e5ff;
padding: 6px 3px 6px 25px;
}
.siderBox ul li a:hover {
color: #999;
}
#wpp-3.siderBox{
padding-bottom: 0 !important;
}
#text-3.siderBox {
padding-bottom: 0 !important;
}
#text-4.siderBox {
padding-bottom: 20px;
}
#category-posts-4-internal .cat-post-item,
#category-posts-5-internal .cat-post-item {
border-bottom:none !important;
}
.cat-post-title {
}
#search-2 {
background: #FFF;
padding-bottom: 10px;
}
#search-2 h2 {
width: 188px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ttl_side_bgsrc.jpg) no-repeat;
height: 27px;
color: #FFF;
padding: 5px 0 0 30px;
display: block;
border-left: 1px solid #c4b975;
border-right: 1px solid #c4b975;
border-top: 1px solid #c4b975;
}
#search-2 .sideBoxs {
width: 198px;
padding: 10px;
border: 1px solid #c4b975;
background: -moz-linear-gradient(top,#FFF,#F2F2F3);
background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F2F2F3));
background: -webkit-linear-gradient(top,#FFFFF 0,#FFF2F2F3 100%);
}
#s {
width: 126px;
padding: 4px;
}
#searchform input[type="text"]{
border: 1px solid #cccccc;}
#searchform input[type="submit"]{
padding: 1px 6px;
background: -moz-linear-gradient(top,#FFF 0%,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #cccccc;}
#footer {
width: 100%;
min-width: 1065px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_copy.gif) bottom repeat-x;
border-top: solid 1px #C4B975;
clear: both;
}
#footer #finner {
width: 1065px;
margin: 0 auto;
}
.flink ul li a {
color: #333;
display: block;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_03.png) 0 1em no-repeat;
padding: 9px 10px 9px 12px;
float: left;
}
.flink ul li a:hover {
text-decoration: underline;
}
#finner .fattn {
border-top: dotted 1px #C4B975;
padding: 10px 0 13px;
color: #7c7c7c;
}
#finner .copy {
padding-bottom: 2px;
color: #FFF;
width: 100%;
clear: both;
} .mailmg{
height: 36px;
padding-left: 412px;
margin-bottom: 5px;
background:url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_mlmg.gif) no-repeat;
position:relative;
}
.wysija-paragraph {}
.mailmg label{
float: left;
margin: 6px 5px 0 0;}
.mailmg .widget_wysija .wysija-required {
display:none ;}
.mailmg .wysija-input{
width: 220px;
height: 1.4em;
float: left;
margin: 7px 10px 0 0;
border: 1px solid #cccccc;}
.mailmg .widget_wysija_cont .wysija-submit {
position:absolute;
top: 5px;
left: 750px;
font-size: 14px;
width: 63px;
background: -moz-linear-gradient(top,#FFF 0%,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #cccccc;
margin: 0;}
.mailmg input{
margin: 0 0 0 10px;}
.mailmg .formError {
top: 30px !important;
left: 660px !important;
} .mailmg {
width: 830px;
height: 36px;
padding-left: 412px;
margin-top: 10px;
margin-bottom: 5px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_mlmg.png) no-repeat;
background-size: 830px auto;
}
.mailmg input {
margin: 0 0 0 10px;
}
.mailmg .eemail_caption {
float: left;
margin: 3px 3px 0 0;
}
.mailmg .eemail_textbox_class {
position: relative;
top: -.2em;
width: 165px;
height: 1.4em;
float: left;
margin: 0 10px 0 0;
}
.mailmg .eemail_textbox_button {
position: relative;
top: -1.1em;
right: 1em;
width: 55px;
height: 25px;
}
.postApp .postAppBox,
.postUse .postUseBox,
.postWorks .postWorksBox {
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFf4f2e5')
}
.postApp .postAppBox,
.postWorks .postWorksBox {
border-bottom: #c4ba73 1px solid;
border-left: #c4ba73 1px solid;
}
#main3clm .blog_main,
.blog_main {
padding: 5px 10px 10px;
border: 1px solid #c4b975;
}
.blog_main-renew {
padding-left: 20px;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited {
border: 1px solid #aaa;
background-color: #e7e8e3;
color: #666;
}
.breadcrumb {
color: #666;
padding-bottom: 5px;
background: #FFF;
}
.breadcrumb .post-page {
padding: 0;
}
.breadcrumb img {
padding-right: 5px;
}
.blog_inner_event,
.blog_inner_faq,
.blog_inner_news {
padding: 10px;
margin-top: 7px;
}
.blog_main {
min-height: 970px;
}
#main3clm .blog_main {
min-height: 1003px;
overflow: visible;
}
table.postTbl td,
table.postTbl th,
table.postTbl02,
table.postTbl02 td,
table.postTbl02 th{
border: 1px solid #d6ce9d;
}
.blog_inner {
padding: 10px;
}
.blog_inner_faq {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttlfaq.jpg) top no-repeat;
}
.blog_inner_news {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttlnews.jpg) top no-repeat;
}
.blog_inner_event {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttlevent.jpg) top no-repeat;
}
.post {
padding: 8px 25px 20px;
overflow: hidden;
}
.post p {
padding-bottom: 24px;
}
.searchpost,
.singlepost {
padding: 0;
word-break: break-all;
}
table.postTbl,
table.postTbl02,
table.postTbl03 {
width: 100%;
margin: 0 auto;
background: #FFF;
}
table.postTbl th,
td,
table.postTbl02 th {
padding: 5px;
}
table.postTbl td,
table.postTbl02 td {
padding: 5px 10px;
background: #FFF;
vertical-align: inherit;
}
table.postTbl th,
table.postTbl02 th {
font-weight: 700;
background: #f8f4ed;
}
table.postTbl02 .display-no-m {
display: table-cell;
}
table.postTbl03,
table.postTbl03 th,
table.postTbl03 td {
font-size: 14px;
border: 1px solid #ccc;
}
table.postTbl03 th {
color: #FFF;
text-align: center;
font-weight: bold;
background: #26335b;
}
table.postTbl03 td {
padding: 2px 5px;
}
table.postTbls {
border-top: 1px solid #d6ce9d;
border-left: 1px solid #d6ce9d;
width: 100%;
margin: 0 auto;
background: #FFF;
}
table.postTbls td,
table.postTbls th {
border-right: 1px solid #d6ce9d;
border-bottom: 1px solid #d6ce9d;
padding: 2px !important;
}
table.postTbls th {
font-weight: 700;
background: #f8f4ed;
}
.navigation {
padding: 15px;
}
.wp-pagenavi {
font-weight: 400;
}
.wp-pagenavi a,
.wp-pagenavi a:link {
padding: 4px 7px;
margin: 3px 2px;
text-decoration: none;
}
.wp-pagenavi a:visited {
padding: 4px 7px;
margin: 3px 4px;
text-decoration: none;
}
.wp-pagenavi a:active,
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi span.pages {
border: 1px solid #aaa;
margin: 3px 2px;
}
.wp-pagenavi a:hover {
border: 1px solid #0090db;
color: #fff;
background-color: #475aa5;
}
.wp-pagenavi a:active,
.wp-pagenavi span.pages {
color: #666;
background-color: #e7e8e3;
padding: 4px 7px;
}
.wp-pagenavi a:active {
text-decoration: none;
}
.wp-pagenavi span.current {
padding: 4px 7px;
color: #fff;
background-color: #475aa5;
}
.wp-pagenavi span.extend {
padding: 4px 7px;
color: #666;
background-color: #e7e8e3;
}
.post-pagination a {
padding: 2px 5px;
margin: 2px;
border: 1px solid #EEE;
text-decoration: none;
color: #036CB4;
}
.post-pagination a:active,
.post-pagination a:hover {
border: 1px solid #999;
color: #666;
}
.post-pagination .current {
padding: 5px 7px;
margin: 2px;
border: 1px solid #036CB4;
font-weight: 700;
background-color: #036CB4;
color: #FFF;
}
.post-pagination .disabled {
padding: 5px 7px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}
.acthumb {
width: 150px;
height: 100px;
border: 1px solid #CCC;
padding: 2px;
margin-right: 10px;
overflow: hidden;
float: left;
}
.bottom_sns {
text-align: right;
margin: 10px 0 40px;
}
.bottom_sns .wp_social_bookmarking_light {
display: inline-block;
}
.fb-inline {
padding: 5px 0 0;
display: inline-block;
vertical-align: baseline;
}
.fb-comments {
width: 100%!important;
padding: 10px 0 10px 10px;
margin-bottom: 40px;
border: 1px solid #C5BA75;
}
.fb-comments iframe[style],
.fb-comments span,
.fb-social-plugin span,
.fb_iframe_widget,
.fb_iframe_widget[style] {
width: 97.5%!important;
display: block;
}
.wherego_related h3 {
font-size: 110%;
padding: 6px 5px 4px 40px;
border-top: 1px solid #C5BA75;
border-bottom: 1px solid #C5BA75;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_reco.png) 10px no-repeat,url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_ttl_reco.png) left bottom repeat-x;
background-size: 25px auto,auto;
}
.wherego_related ul {
margin: 5px 0 0 41px;
}
.wherego_related ul li {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_11.png) left 4px no-repeat;
background-size: 9px auto;
padding-left: 17px;
margin: 5px 0;
}
.wherego_related ul li a {
text-decoration: none;
}
.postList li {
text-decoration: none;
display: block;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) 3px 0.4em no-repeat;
padding-left: 17px;
}
.postUse {
margin: 10px 0 15px;
}
.postUse .postUseBox {
padding: 6px 10px 0;
border-left: #c4ba73 1px solid;
border-right: #c4ba73 1px solid;
border-bottom: #c4ba73 1px solid;
background: -moz-linear-gradient(top,#FFF,#f4f2e5);
background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#f4f2e5));
background: -webkit-linear-gradient(top,#FFF 0,#f4f2e5 100%);
overflow: hidden;
}
.dtlUseTbl td,
.dtlUseTbl th {
border-bottom: #d6ce9d 1px dotted;
}
.postUseBox .postUseImg {
border: 1px solid #dfd9af;
background: #FFF;
padding: 5px;
margin-right: 10px;
}
.dtlUse {
margin: 10px 25px;
}
.dtlUse .dtlUseBox {
padding: 10px 0 0;
overflow: hidden;
}
.dtlUseTtls {
width: 695px;
font-size: 110%;
font-weight: 700;
margin: 0 auto;
padding: 3px 3px 3px 18px;
border: 1px solid #d6ce9d;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_09.png) 7px 0.7em no-repeat #f3f1e7;
}
.dtlUseTbl {
width: 685px;
margin: 5px auto 15px;
}
.dtlUseTbl th,
td {
vertical-align: top;
}
.dtlUseTbl td {
padding: 2px;
}
.dtlUseTbl th {
font-weight: 700;
color: #925825;
padding: 2px;
}
.postApp {
margin: 10px 25px;
}
.postApp .postAppBox {
padding: 6px 10px 0;
border-right: #c4ba73 1px solid;
background: -moz-linear-gradient(top,#FFF,#f4f2e5);
background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#f4f2e5));
background: -webkit-linear-gradient(top,#FFF 0,#f4f2e5 100%);
background: linear-gradient(to bottom,#FFF,#f4f2e5);
overflow: hidden;
}
.postAppBox .postAppImg {
border: 1px solid #dfd9af;
background: #FFF;
padding: 5px;
margin-right: 10px;
}
.postAppDtl .postAppDtlBox {
padding: 6px 10px 0;
border: 1px solid #ff8600;
background: -moz-linear-gradient(top,#FFF,#f4f2e5);
background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#f4f2e5));
background: -webkit-linear-gradient(top,#FFF 0,#f4f2e5 100%);
background: linear-gradient(to bottom,#FFF,#f4f2e5);
overflow: hidden;
}
.postAppDtlBox .postAppImg {
border: 1px solid #dfd9af;
background: #FFF;
padding: 5px;
margin-left: 10px;
}
.postWorks {
margin: 10px 0 15px;
}
.postWorks h3 {
height: 30px;
}
.postWorks .postWorksBox {
padding: 10px 10px 0;
border-right: #c4ba73 1px solid;
background: -moz-linear-gradient(top,#FFF,#f4f2e5);
background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#f4f2e5));
background: -webkit-linear-gradient(top,#FFF 0,#f4f2e5 100%);
overflow: hidden;
}
table.feeTbl td,
table.feeTbl th,
td {
border-bottom: #d6ce9d solid 1px;
}
.snavRstFlowBm,
.snavRstFlowTop {
border-right: 3px solid #a0acdc;
}
.postWorks .postWorksTxt {
width: 593px;
padding-bottom: 10px;
float: left;
}
.postWorksBox .postWorksImg {
border: 1px solid #dfd9af;
background: #FFF;
padding: 5px;
margin-right: 10px;
}
.postWorksBox .worksList {
font-weight: 700;
display: block;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) 0 0.4em no-repeat;
padding-left: 14px;
}
.worksFlow .worksFlowBox {
line-height: 100%;
padding: 0 10px;
border: 5px solid #a0acdc;
border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topright: 3px;
}
.snavRstFlowBm,
.worksFlow .worksFlowBox {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.faqBoxL,
.faqBoxR,
.serviceBoxL,
.serviceBoxR {
border: 1px solid #ded8b2;
}
.serviceBoxL,
.serviceBoxR {
-moz-border-radius: 3px;
width: 320px;
float: left;
}
.worksFlowBox img {
padding: 0 4px;
vertical-align: middle;
}
.serviceBoxL {
margin-bottom: 10px;
}
.serviceBoxR {
margin: 0 0 10px 10px;
}
.faqBoxL {
width: 363px;
padding: 5px;
margin: 0 0 10px 7px;
}
.faqBoxL li a,
.faqBoxL li ul li a {
padding: 0 0 7px 25px;
display: block;
font-size: 110%;
}
.faqBoxL ul {
margin: 10px 10px 3px;
}
.faqBoxL li a {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_06.png) 3px 0.2em no-repeat;
}
.faqBoxL li ul {
margin: 0 10px 3px 20px;
}
.faqBoxL li ul li a {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_07.png) top 3px left no-repeat;
background-size: 18px auto; 
}
.faqBoxR {
width: 363px;
padding: 5px;
margin: 0 0 10px 10px;
}
.faqBoxR ul {
margin: 10px 10px 3px;
}
.faqBoxR li a {
font-size: 110%;
display: block;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_06.png) 3px 0.2em no-repeat;
padding: 0 0 7px 25px;
}
table.feeTbl,
table.opTbl,
table.otherTbl {
margin: 0 auto;
width: 100%;
}
.postAdv {
padding: 10px 15px 30px 30px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_postadv_top.gif) left top no-repeat,url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/bg_postadv_un.gif) right bottom no-repeat;
}
.postAdv ul li {
font-size: 110%;
display: block;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_05.gif) 0 center no-repeat;
padding: 3px 3px 3px 25px;
}
table.feeTbl {
background: #FFF;
}
table.feeTbl th,
td {
padding: 5px;
}
table.feeTbl td {
padding: 5px 10px;
}
table.feeTbl th {
font-weight: 700;
}
table.feeTbl .total {
border: 2px solid #d6ce9d;
background: #f8f4ed;
}
table.opTbl,
table.opTbl td,
table.opTbl th,
table.otherTbl {
border: 1px solid #d6ce9d;
}
table.opTbl {
background: #FFF;
}
table.opTbl th,
td {
padding: 5px;
}
table.opTbl td,
table.otherTbl td {
padding: 5px 30px 5px 10px;
}
table.opTbl th {
font-weight: 700;
text-align: center;
background: #f8f4ed;
}
.subth {
text-indent: 30px;
background: #f8f4ed;
}
table.otherTbl {
background: #FFF;
}
table.otherTbl td {
border-bottom: #d6ce9d dotted 1px;
text-align: right;
}
table.otherTbl th {
font-weight: lighter;
border-bottom: #d6ce9d dotted 1px;
text-align: left;
padding: 5px 10px 5px 55px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) 40px center no-repeat;
}
.snavWorksFlow {
padding-left: 7px;
line-height: 100%;
border: 3px solid #a0acdc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
overflow: hidden;
}
.snavWorksFlow .snavWorksFlowBox01 {
width: 176px;
font-size: 14px;
padding: 5px 0;
float: left;
}
.snavWorksFlow .snavWorksFlowBox02 {
width: 165px;
font-size: 14px;
padding: 5px 0;
float: left;
}
.snavRstFlowBm,
.snavRstFlowTop {
padding-left: 7px;
line-height: 100%;
border-left: 3px solid #a0acdc;
overflow: hidden;
}
.sortBox {
min-height: 75px;
margin: 0 23px 20px;
}
.snavRstFlowTop {
border-top: 3px solid #a0acdc;
border-bottom: 1px solid #a0acdc;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
}
.snavRstFlowBm {
border-bottom: 3px solid #a0acdc;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
}
.snavRstFlowBox {
width: 235px;
padding: 5px 0;
float: left;
}
.snavBrandFlowBox {
width: 358px;
padding: 5px 0;
float: left;
}
.faqList ul {
margin: 10px 20px 30px;
}
.faqList li {
font-size: 17px;font-size: 1.7rem;
padding-left: 30px;
margin-bottom: 6px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_06.png) top 3px left no-repeat;
background-size: 18px auto; 
}
.faqList li:last-child {
margin-bottom: 0;
}
.faqList li ul{
margin: 0 20px 10px;
}
.faqList li ul li a {
font-size: 110%;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_07.png) top 3px left no-repeat;
background-size: 18px auto;
}
dl.caution dt {
clear: left;
float: left;
margin: 0 0 3px;
width: 190px;
color: #000;
}
dl.caution dd {
margin-bottom: 3px;
margin-left: 190px;
}
.mailmgPost .eemail_caption {
padding-bottom: 0;
padding-top: 5px;
padding-right: 5px;
}
.mailmgPost .eemail_msg {
padding-top: 0;
padding-bottom: 5px;
color: red;
}
.pc-switcher {
min-width: 1065px;
clear: both;
text-align: center;
margin: 1.4em auto;
}
.page-corpBoxs-1clm,
.page-corpBoxs-2clm {
margin-bottom: 10px;
border: 1px solid #940B07;
vertical-align: top;
}
.page-corpBox {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-corpBoxs-1clm {
display: inline-block;
/display: inline;
width: 100%;
padding: 10px;
}
.page-corpBoxs-1clm ul {
padding: 10px 0;
}
.page-corpBoxs-1clm ul li {
display: inline-block;
/display: inline;
/zoom: 1;
padding: 0 10px 0 13px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) 0 0.2em no-repeat;
}
.page-corpBoxs-2clm {
display: inline-block;
/display: inline;
width: 45.9%;
padding: 10px;
}
.page-corporate-staff dl {
width: 44%;
padding: 15px;
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
}
.page-corporate-staff dl.boder-r {
border-right: 1px dotted #d6ce9d;
}
.page-corporate-staff dl.boder-b {
border-bottom: 1px dotted #d6ce9d;
}
.page-corporate-staff dt {
float: left;
padding-right: 10px;
}
.page-corporate-staff dd {
width: 100%;
display: block;
}
.page-corporate-staff dd.txt02 {
padding-left: 10px;
}
.page-corporate-staff dd.name {
position: relative;
float: left;
font-size: 120%;
font-weight: 700;
width: 48%;
padding-left: 10px;
}
.page-corporate-staff dd.name02 {
position: relative;
font-size: 120%;
font-weight: 700;
padding-left: 10px;
}
.page-corporate-staff dd.position,
.page-corporate-staff dd.position02 {
font-size: 90%;
padding: 0 0 5px 10px;
}
.page-corporate-staff dd.name02:before,
.page-corporate-staff dd.name:before {
content: '';
display: inline-block;
position: absolute;
top: 45%;
left: 0;
width: 0;
height: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-right: 6px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid #940b07;
}
.page-corporate-staff dd.position {
width: 47%;
float: left;
}
.pc-switcher a,
.pc-switcher span {
padding: 0.4em 8%;
text-align: center;
border: 1px solid #690805;
border-left: none;
color: #fff!important;
font-weight: 700;
text-decoration: none;
}
.pc-switcher a {
background-color: #FFF;
background-image: -moz-linear-gradient(#c80f0c,#690805);
background-image: -o-linear-gradient(#c80f0c,#690805);
background-image: -ms-linear-gradient(#c80f0c,#690805);
background-image: -webkit-gradient(linear,left top,left bottom,from(#c80f0c),to(#690805));
background-image: -webkit-linear-gradient(#c80f0c,#690805);
background-image: linear-gradient(#c80f0c,#690805);
}
.pc-switcher a:hover {
background-color: #960b08;
background-image: -moz-linear-gradient(#960b08,#690805);
background-image: -o-linear-gradient(#960b08,#690805);
background-image: -ms-linear-gradient(#960b08,#690805);
background-image: -webkit-gradient(linear,left top,left bottom,from(#960b08),to(#690805));
background-image: -webkit-linear-gradient(#960b08,#690805);
background-image: linear-gradient(#960b08,#690805);
}
.pc-switcher span.active {
margin: 0 5px;
background-color: #690805;
}
.pc-switcher a:first-child,
.pc-switcher a:last-child,
.pc-switcher span:first-child,
.pc-switcher span:last-child {
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
}
#admin-tabs ul.ui-tabs-nav {
font-size: 15px;
width: 100%;
display: table;
}
#admin-tabs ul.ui-tabs-nav li {
white-space: nowrap;
display: table-cell;
border: 1px solid #ccc;
border-right: none;
background: #e4e4e4;
}
#admin-tabs ul.ui-tabs-nav li:last-child {
border-right: 1px solid #ccc;
}
#admin-tabs ul.ui-tabs-nav li a {
display: block;
padding: 12px 10px;
color: #555;
text-align: center;
text-decoration: none;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
}
#admin-tabs ul.ui-tabs-nav li:hover {
background: #fff;
}
#admin-tabs ul.ui-tabs-nav li.ui-tabs-active,
#admin-tabs ul.ui-tabs-nav li.ui-tabs-selected {
color: #000;
background: 0 0;
border-bottom-color: #f1f1f1;
}
#admin-tabs ul.ui-tabs-nav li.ui-tabs-active:hover {
background: 0 0;
}
#admin-tabs ul.ui-tabs-nav a:active,
#admin-tabs ul.ui-tabs-nav a:focus {
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: medium;
}
.wrap {
width: 60%;
float: left;
}
#donate {
width: 34%;
float: left;
margin: 2em 0;
padding: 0.4em;
border: 1px solid #ddd;
}
@media only screen and (max-width:768px) {
#donate,
.wrap {
width: auto;
float: none;
}
#admin-tabs ul.ui-tabs-nav {
table-layout: fixed;
}
#donate {
margin: 2em 0.4em;
}
} #main-fluid-gnav {
width: 810px;
float: right;
}
#main-fluid-gnav a {
color: #bd2920;
text-decoration: none;
}
#main-fluid-gnav .post-wrap {
margin-bottom: 70px;
position: relative;
} .page-template-page-gnav-noside #inner {
margin: 10px auto 0;
background: none;
}
.page-template-page-gnav-noside #main-fluid-gnav {
width: 100%;
}
.page-template-page-gnav-noside #main-fluid-gnav .shortcode_wysija {
width: 322px;
position: absolute;
right: 40px;
}
.page-template-page-gnav-noside #main-fluid-gnav .wysija-submit {
left: 320px;
} .ttl-gnav .sub {
color: #bd2920;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
margin-top: 116px;
display: block;
}
.ttl-gnav h2 {
color: #000;
font-size: 30px;
}
#main-fluid-gnav .singlepost {
padding-top: 210px;
} .page-sns-container {
text-align: center;
background: #f2f2f4;
padding: 30px 60px;
margin: 100px 0 70px;
display: flex;
justify-content: space-between;
position: relative;
}
.page-sns-container-ttl {
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
position: absolute;
top: -36px;
left: 0;
right: 0;
margin: auto;
}
.page-sns-container-ttl h3 {
color: #bd2920;
letter-spacing: 2px; 
}
.page-sns-container-ttl .sub {
color: #000;
font-size: 24px;
letter-spacing: 4px;
}
.page-sns-container a {
width: calc(33.33% - 60px*2/3);
color: #FFF !important;
font-size: 20px;
text-align: center;
padding: 30px 0 30px 30px;
display: block;
}
.page-sns-container a:hover {
cursor:pointer;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
transition-duration: 0.3s;
}
.page-sns-container .sns-fb {
background: #405895 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_fb.png) no-repeat left 36px center;
background-size: 15px auto; 
}
.page-sns-container .sns-tw {
background: #469eee url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_tw.png) no-repeat left 36px center;
background-size: 30px auto;
}
.page-sns-container .sns-line {
background: #4fb729 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_line.png) no-repeat left 36px center;
background-size: 30px auto;
} #main-fluid-gnav ul.list01 li {
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_18.png) no-repeat left top 7px;
background-size: 10px auto;
}
#main-fluid-gnav dl.list02 {
display: flex;
flex-wrap: wrap;
}
#main-fluid-gnav dl.list02 dt {
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_18.png) no-repeat left top 7px;
background-size: 10px auto;
}
#main-fluid-gnav .list03 {
padding: 20px;
background: #f8f4ed;
}
#main-fluid-gnav .list03 dl {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #d6ce9d;
display: flex;
}
#main-fluid-gnav .list03 dt {
width: 16%;
font-weight: bold;
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_18.png) no-repeat left top 7px;
background-size: 10px auto;
}
#main-fluid-gnav .list03 dd {
width: 84%
}
#main-fluid-gnav .page-inner-contents {
border: none;
background: #f2f2f4;
padding: 20px 40px 12px;
}
#main-fluid-gnav .page-inner-contents p {
color: #000;
font-size: 16px;
font-weight: bold;
letter-spacing: 4px;
margin-right: 10px;
vertical-align: top;
display: inline-block;
}
#main-fluid-gnav .page-inner-contents ul {
border-left: 1px solid #FFF;
padding-left: 20px;
vertical-align: top;
display: inline-block;
}
#main-fluid-gnav .page-inner-contents li {
padding: 0 20px 5px 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_18.png) no-repeat left top 7px;
background-size: 10px auto;
} .page-service01 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.page-service01::after {
content: '';
width: calc(33.33% - 30px*2/3);
display: block;
}
.page-service01 .page-service01-box {
width: calc(33.33% - 30px*2/3);
padding: 20px;
margin-bottom: 20px;
border: 1px solid #dedede;
box-sizing: border-box;
}
.page-service01-box h4 {
color: #000 !important;
font-family: 'Noto Sans JP',sans-serif;
font-size: 20px;font-size: 2rem;
letter-spacing: 1px;
text-align: center;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #bd2920;
display: block;
position: relative;
}
.page-id-30077 p.mt10.pb0.txtright {
line-height: 0;
}
.page-service01.service-other {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_service_bg.png) no-repeat right 160px bottom 20px;
background-size: 360px auto;
} table.contact-info {
border: 1px solid #d6ce9d;
} .page-id-29803 p.aligncenter.pb0,
.page-id-3796 p.aligncenter.pb0 {
clear: none;
} .page-id-29913 .list03 dt,
.page-id-7800 .list03 dt {
width: 18% !important;
}
.page-id-29913 .list03 dd,
.page-id-7800 .list03 dd {
width: 82% !important;
} .page-id-8 .bd,
.page-id-29950 .bd {
border: 1px solid #ccc;
padding: 20px;
}
.page-id-29950 .list01 a,
.page-id-8 .list01 a {
font-size: 14px;font-size: 1.4rem;
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_15.png) no-repeat left top 4px;
background-size: 12px auto; 
} .page-corp-copy {
color: #bd2920;
font-size: 24px;font-size: 2.4rem;
font-family: 'Noto Sans JP',sans-serif;
font-weight: 700;
}
.page-corp-copy span {
color: #e4a4a0;
}
.page-id-29975 iframe,
.page-id-14 iframe {
width: 100%;
}
.page-corp-staff {
background: #f2f2f4;
padding: 40px 20px 20px;
overflow: unset !important;
position: relative;
}
.page-corp-staff .ttl21 {
font-size: 28px;font-size: 2.8rem;
position: absolute;
left: 0;
right: 0;
top: -26px;
margin: auto;
}
.page-corp-staff h4 {
color: #bd2920;
font-family: 'Noto Sans JP',sans-serif;
font-size: 22px;font-size: 2.2rem;
letter-spacing: 4px;
margin-bottom: 40px;
display: flex;
align-items: center;
}
.page-corp-staff h4:before,
.page-corp-staff h4:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #bd2920;
}
.page-corp-staff h4:before {
margin-right: 2rem;
}
.page-corp-staff h4:after {
margin-left: 2rem;
}
.page-corp-staff .founder h4 {
color: #bd2920;
}
.page-corp-staff .founder h4:before,
.page-corp-staff .founder h4:after {
background-color: #bd2920;
}
.page-corp-staff .page-corp-staff-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-corp-staff .page-corp-staff-box .page-corp-staff-boxs {
width: calc(50% - 20px * 1 / 2);
padding: 20px;
background: #FFF;
box-sizing: border-box;
position: relative;
}
.page-corp-staff .page-corp-staff-box .page-corp-staff-boxs:nth-child(n+3) {
margin-top: 20px;
}
.founder .page-corp-staff-boxs img {
position: absolute;
top: -30px;
right: 20px;
}
.page-corp-staff-boxs dt {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-size: 20px;font-size: 2.0rem;
letter-spacing: 2px;
margin-bottom: 4px;
}
.page-corp-staff-boxs dd.info {
border-left: 4px solid #bd2920;
padding-left: 14px;
margin-bottom: 10px;
}
.page-corp-staff .specialist h3 {
color: #1a2b60;
}
.page-corp-staff .specialist h3:before,
.page-corp-staff .specialist h3:after {
background-color: #1a2b60;
}
.specialist .page-corp-staff-boxs img {
position: absolute;
top: -20px;
right: 20px;
}
.specialist .page-corp-staff-boxs dt {
font-size: 20px;font-size: 2.0rem;
}
.specialist .page-corp-staff-boxs dd.info {
border-left: 4px solid #1a2b60;
} .page-id-300 .footer,
.page-id-21393 .footer,
.page-id-311 .footer {
border-top: 1px solid #c4b975;
}
table.inquiryform {
width: 85%;
margin: 0 auto 5px;
border: 1px solid #C4B975;
background: #FFF;
}
table.inquiryform th,
td {
padding: 5px;
}
table.inquiryform td {
border: 1px solid #C4B975;
padding: 5px 10px;
margin: 0 10px;
}
table.inquiryform th {
width: 180px;
font-weight: 700;
text-align: center;
border: 1px solid #C4B975;
background: #f8f4ed;
}
.inquiryform input[type=email],
.inquiryform input[type=text],
textarea {
width: 84%;
}
.inquiryform input[type=text].wd50 {
width: 50%;
}
.inquiryform .radiospc {
text-align: left;
padding-left: 45px;
}
.mw_wp_form_confirm .radiospc,
.mw_wp_form_confirm .mw-wp-form_file {
text-align: center;
}
.mw_wp_form .btn-form {
font-size: 15px;
display: inline-block;
padding: 8px 20px;
background: #001478;
color: #FFF;
border-radius: 5px;
}
.mw_wp_form_confirm .btn-form {
font-size: 15px;
display: inline-block;
padding: 8px 20px;
background: #ee8100;
color: #FFF;
border-radius: 5px;
}
.mw_wp_form .btn-back {
font-size: 15px;
display: inline-block;
padding: 8px 20px;
background: #001478;
color: #FFF;
border-radius: 5px;
margin-right: 10px;
}
.page-id-300 .mwform-file-delete {
display: none;
}
.contact-notice {
width: 651px;
font-size: 13px;font-size: 1.3rem;
border: 1px solid #ddd;
padding: 10px;
margin: 20px auto;
}
.page-contact01 {
padding: 30px 20px 20px !important;
}
.page-contact01 h3 {
font-family: 'Noto Sans JP',sans-serif;
font-size: 18px;font-size: 1.8rem;
margin-bottom: 20px;
}
.page-contact01 .page-contact01-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.page-contact01-box .page-contact01-boxs {
width: calc(50% - 20px * 1 / 2);
padding: 20px;
background: #FFF;
box-sizing: border-box;
position: relative;
}
.page-contact01-box .page-contact01-boxs.line h4 {
color: #4fb052;
font-family: 'Noto Sans JP',sans-serif;
font-size: 18px;font-size: 1.8rem;
margin-bottom: 6px;
padding-left: 36px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_line02.png) no-repeat top 3px left 80px;
background-size: 28px auto;
display: inline-block;
position: absolute;
top: -18px;
left: 0;
right: 0;
}
.page-contact01-box .page-contact01-boxs.line .line-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.page-contact01-boxs.line .line-box .qr,
.page-contact01-boxs.line .line-box .id {
width: 40%;
text-align: center;
border: 2px solid #4fb052;
border-radius: 5px;
padding: 20px 10px 10px;
margin-top: 16px;
position: relative;
}
.page-contact01-boxs.line .line-box p {
color: #000;
padding: 0 1em !important;
position: absolute;
top: -1em;
left: 50%;
transform: translateX(-50%);
background: #fff;
white-space: nowrap;
margin: 0;
}
.page-contact01-boxs.line .line-box .qr > img {
vertical-align: middle;
margin-top: -6px;
}
.page-contact01-boxs.line .line-box .id .line-id {
font-size: 18px;font-size: 1.8rem;
text-align: left;
border: 1px solid #cccccc;
border-radius: 5px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_research.png) no-repeat right 2px center;
background-size: 30px auto;
padding: 10px 8px 10px 22px;
margin-top: 20px;
display: block;
}
.page-contact01-box .page-contact01-boxs.app {
padding: 20px;
}
.page-contact01-box .page-contact01-boxs.app h4 {
font-family: 'Noto Sans JP',sans-serif;
font-size: 16px;font-size: 1.6rem;
font-weight: 100;
margin-bottom: 10px;
}
.page-contact01-boxs.app ul {
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
.page-contact01-boxs.app ul li {
color: #0099e8;
font-size: 13px;font-size: 1.3rem;
display: inline-block;
margin: 0 8px;
}
.page-contact01-boxs.app ul span {
width: 50px;
height: 50px;
background: #0099e8;
border-radius: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 6px;
}
.page-contact01-boxs.app ul li.wechat {color: #20c300;}
.page-contact01-boxs.app li.wechat span {background: #20c300;}
.page-contact01-boxs.app li.zoom {color: #4689ff;}
.page-contact01-boxs.app li.zoom span {background: #4689ff;}
.page-contact01-boxs.app li.skype {color: #4397bf;}
.page-contact01-boxs.app li.skype span {background: #4397bf;} .singlepost .page-inner {
margin: 0 10px 30px;
}
.page-inner .page-inner-box01 {
margin-bottom: 50px;
overflow: hidden;
}
.page-inner .page-inner-box02 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.page-inner .page-inner-box02 p.page-inner-box02-ttl {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
margin-bottom: 50px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.page-inner .page-inner-box02 div {
margin: 0; 
padding: 0;
}
.page-inner .page-inner-contents {
border: 1px solid #dddddd;
background: #eeeeee;
padding: 20px 40px 12px;
display: flex;
}
.page-inner .page-inner-contents p {
width: 7%;
color: #26335b;
font-size: 16px;
font-weight: bold;
letter-spacing: 4px;
margin-right: 10px;
vertical-align: top;
display: inline-block;
}
.page-inner-contents ul {
width: 93%;
border-left: 1px solid #FFF;
padding-left: 20px;
vertical-align: top;
display: inline-block;
}
.page-inner-contents ul li {
padding: 0 20px 5px 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) no-repeat left top 7px;
}
.page-inner-contents ul.child {
padding-left: 0;
margin-top: 5px;
border: none;
vertical-align: top;
display: inline-block;
}
.page-inner-contents ul.child li {
padding: 0 20px 5px 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_21.png) no-repeat left top 7px;
}
.page-inner .page-inner-boxs01 {
padding: 20px;
margin: 0 20px 20px;
background: #eeeeee;
}
.page-inner .ttl,
.page-inner .page-inner-boxs01-2clm p.ttl{
color: #26335b;
font-size: 16px;
font-weight: bold;
}
.page-inner .page-inner-boxs01-2clm {
margin: 0 20px 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content: space-between;
}
.page-inner .page-inner-boxs01-2clm .page-inner-boxs01-2clms {
padding: 20px;
background: #eeeeee;
}
.page-inner .page-inner-boxs01-2clm .page-inner-boxs01-2clms02 {
padding: 20px;
border: 1px solid #940b07;
}
.page-inner .page-inner-boxs02 {
padding: 20px;
margin: 0 20px 20px;
border: 2px #940b07 solid;
background: #fbf5e7;
overflow: hidden;
}
.page-inner .page-inner-boxs03 {
margin: 0 20px 20px;
overflow: hidden;
}
.page-inner .page-inner-boxs04 {
margin: 0 10px 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content: space-between;
}
.page-inner .page-inner-boxs04 .page-inner-boxs04-clms {
width: 100%;
margin: 0 10px;
padding: 10px;
background: #26335b;
}
.page-inner .page-inner-boxs05 {
margin: -10px 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.page-inner .page-inner-boxs05 .page-inner-boxs05-clms {
width: 31%;
margin: 10px 0;
border: 1px solid #26335b;
}
.page-inner-boxs05-clms > .ttl01 {
height: inherit;
color: #FFF;
font-size: 16px;
line-height: 150%;
font-weight: bold;
text-align: center;
background: #26335b;
padding: 10px;
}
.page-inner .page-inner-boxs06 {
padding: 20px;
margin: 0 20px 20px;
border: 1px #940b07 solid;
}
.page-inner .page-inner-boxs07 {
padding: 20px;
margin: 0 20px 20px;
background: #f8f4ed;
}
.page-inner .page-inner-boxs08 {
position: relative;
border: solid 2px #26335b;
background-color: #f8f4ed;
margin: 0 20px 20px;
}
.page-inner-boxs08 p.ttl {
position: absolute;
top: 0;
left: 20px;
font-weight: 600;
padding: 0 10px !important;
transform: translateY(-50%);
}
.page-inner-boxs08 p.ttl::before {
position: absolute;
z-index: -1;
left: 0;
bottom: 50%;
width: 100%;
height: 2px;
background-color: #fff;
content: "";
}
.page-inner-boxs08-content {
padding: 20px;
}
.page-inner-boxs09 {
padding: 20px;
margin: 0 0 20px;
border: 1px solid #26335b;
}
.page-inner-boxs10 {
padding: 20px;
margin: 0 20px 20px;
border: 1px solid #eee;
}
.page-inner-boxs11 {
position: relative;
margin: 10px 0 50px;
padding: 20px;
border: solid 2px #d6ce9d;
}
.page-inner-boxs11 .ttl15 {
position: absolute;
display: inline-block;
top: -18px;
left: 10px;
padding: 0 10px;
background: #FFF;
}
.page-inner p.ttl02 {
height: inherit;
color: #000000;
font-size: 18px;
font-weight: bold;
border-bottom: 2px #940b07 solid;
padding: 0 0 5px 0 !important;
margin-bottom: 10px;
background: inherit;
}
.page-inner p.ttl02.bdno {
border-bottom: none !important;
padding: 0 !important;
margin: 0;
}
.page-inner p.ttl03 {
color: #940b07;
font-size: 16px;
font-weight: bold;
}
.page-inner p.ttl04 {
height: inherit;
color: #26335b;
font-size: 18px;
font-weight: bold;
border-bottom: 2px #26335b solid;
padding: 0 0 5px 0 !important;
margin-bottom: 10px;
background: inherit;
}
.page-inner ul.list01 li,
.page-inner .list01-2clm li {
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) no-repeat left top 7px;
}
.page-inner .list01-2clm {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap: wrap;
}
.page-inner ol.list02 {
counter-reset: item;
list-style-type: none;
padding-left: 0;
}
.page-inner ol.list02 ol{
padding-left: 1em;
}
.page-inner ol.list02 li{
text-indent: -1.2em;
padding-left: 2.9em;
}
.page-inner ol.list02 li:before {
width: 18px;
color: #26335b;
font-weight: bold;
counter-increment: item;
content: counter(item)'.';
display: inline-block;
}
.page-inner ul.list03 li {
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_16.png) no-repeat left top 7px;
}
.page-inner dl.list04 {}
.page-inner dl.list04 dt {
vertical-align: top;
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) no-repeat left top 7px;
display: inline-block;
}
.page-inner dl.list04 dd {
vertical-align: top;
display: inline-block;
}
.page-inner ul.list05 li {
padding: 0 0 5px 36px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_17.png) no-repeat left top;
background-size: 26px auto;
}
.page-inner ul.list06 li {
padding-bottom: 5px;
margin-left: 16px;
list-style: disc;
} .more-wrap,
.more-wrap02,
.more-wrap03 {
position: relative;
}
.more-wrap label {
height: 44px; cursor: pointer;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
background: #eee;
}
.more-wrap input:checked + label,
.more-wrap02 input:checked + label,
.more-wrap03 input:checked + label {
background: inherit; }
.more-wrap label:after,
.more-wrap02 label:after {
content: "続きを読む"; font-size: 13px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #fff;
background-color: #1e2872;
width: 140px;
padding-left: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.more-wrap label:after:hover,
.more-wrap02 label:after:hover,
.more-wrap03 label:after:hover {
background: none;
color: #1e2872;
}
.more-wrap label:before,
.more-wrap02 label:before {
content: "↓";
font-size: 13px;
position: absolute;
bottom: 5px;
left: 50%;
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
color: #fff;
z-index: 1;
line-height: 14px;
}
.more-wrap input,
.more-wrap02 input,
.more-wrap03 input {
display: none;
}
.more-wrap .more-item {
overflow: hidden;
height: 116px; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.more-wrap .more-item.hg428 {
height: 428px;
}
.more-wrap .more-item.hg378 {
height: 378px;
}
.more-wrap .more-item.hg360 {
height: 360px;
}
.more-wrap .more-item.hg320 {
height: 320px;
}
.more-wrap .more-item.hg280 {
height: 280px; }
.more-wrap .more-item.hg255 {
height: 255px;
}
.more-wrap .more-item.hg220 {
height: 220px;
}
.more-wrap .more-item.hg100 {
height: 100px;
}
.more-wrap input:checked + label:after,
.more-wrap02 input:checked + label:after,
.more-wrap03 input:checked + label:after {
content: "閉じる";
}
.more-wrap input:checked + label:before,
.more-wrap02 input:checked + label:before,
.more-wrap03 input:checked + label:before {
content: "↑";
}
.more-wrap input:checked ~ .more-item,
.more-wrap02 input:checked ~ .more-item {
height: auto;
padding-bottom: 30px; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
} .more-wrap02 label {
height: 20px;
cursor: pointer;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
background: #eee;
}
.more-wrap02 .more-item {
overflow: hidden;
height: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
} .more-wrap03 label {
height: 10px;
cursor: pointer;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
background: #eee;
}
.more-wrap03 label:before {
content: "↓";
font-size: 13px;
position: absolute;
top: -21px;
right: 80px;
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
color: #fff;
z-index: 1;
line-height: 14px;
}
.more-wrap03 label:after {
content: "詳細を読む"; font-size: 13px;
position: absolute;
top: -28px;
right: -60px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #fff;
background-color: #1e2872;
width: 140px;
padding-left: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.more-wrap03 .more-item {
overflow: hidden;
height: 0;
margin-bottom: -13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.more-wrap03 input:checked ~ .more-item {
height: auto;
padding-bottom: 50px; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page-inner .link-card,
.page-inner .link-card-nothum {
border: 1px solid #ccc;
padding: 10px;
background: #FFF;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.link-card dl {
margin: 0 1% 0 0;
}
.link-card dt,
.link-card-nothum dt {
color: #333;
font-weight: bold;
}
.link-card dt a,
.link-card-nothum dt a {
color: #333 !important;
text-decoration: none;
}
.link-card dd,
.link-card-nothum dd {
font-size: 13px;
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_15.png) no-repeat left top 5px;
background-size: 12px auto; 
}
.link-card dd.txt,
.link-card-nothum dd.txt {
font-size: 15px;
padding-left: 0;
background: none; 
}
.link-card-nothum dl {
width: 100%;
}
.link-card img {
margin: 0 !important;
}
.page-inner .link-card02 {
border: 1px solid #ccc;
text-decoration: none;
padding: 10px 30px;
background: #FFF;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
}
.link-card02 dl {
margin: 0 1% 0 0;
}
.link-card02 dt {
color: inherit;
font-size: 17px;
font-weight: bold;
text-decoration: none;
}
.link-card02 dd {
font-size: 13px;
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_15.png) no-repeat left;
background-size: 12px auto; 
}
.page-inner a.link-card02:hover {
background: #e2e7f8;
cursor: pointer;
}
.btn-inq {
text-align: center;
}
.btn-inq li {
display: inline-block;
}
.btn-inq-ph {
width: 332px;
height: 103px;
padding: 2px;
border-radius: 5px;
background: #00922d;
background: -moz-linear-gradient(top,  #63c682 0%, #00922d 100%);
background: -webkit-linear-gradient(top,  #63c682 0%,#00922d 100%);
background: linear-gradient(to bottom,  #63c682 0%,#00922d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63c682', endColorstr='#00922d',GradientType=0 );
display: inline-block;
}
.btn-inq-ph .ph-inner {
height: 93px;
text-align: center;
border-radius: 5px;
background: #FFF;
padding: 10px 20px 0;
}
.btn-inq-ph .ph-inner dl {}
.btn-inq-ph .ph-inner dt {
color: #FFF;
font-size: 14px;
line-height: 150%;
padding-top: 2px;
border-radius: 20px;
background: #00a734;
}
.btn-inq-ph .ph-inner dd {
font-size: 11px;
}
.btn-inq-ph .ph-inner dd.ph {
color: #000;
font-size: 22px;
line-height: 150%;
font-weight: 700;
padding: 8px 5px 0 30px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_ph.png) no-repeat bottom 6px left 20px;
background-size: 20px auto;
border-bottom: 1px solid #d8d8d8;
}
.btn-inq .btn-inq-mail {
vertical-align: top;
}
a.btn-faq {
color: #26335b;
padding: 10px 20px;
border: 1px solid #26335b;
border-radius: 5px;
text-decoration: none;
display: inline-block;
}
a.btn-faq .ico {
width: 24px;
height: 24px;
background: #26335b;
border-radius: 5px;
display: inline-block;
margin-right: 10px;
}
a.btn-faq .ico img{
vertical-align: middle;
}
a.btn-faq i {
font-size: 20px;font-size: 2.0rem;
vertical-align: text-top;
margin-right: 16px;
}
a.btn-faq:hover {
color: #FFF;
background: #26335b;
filter:alpha(opacity=100);
opacity: 1;
}
a.btn-faq:hover img {
filter:alpha(opacity=100);
opacity: 1;
} .page-id-1384 .postTbl.page-world-tbl01,
.page-id-1384 .postTbl.page-world-tbl02 {
width:50%;
}
.page-id-1384 .postTbl.page-world-tbl01 {
float: left;
}
.page-id-1384 .postTbl.page-world-tbl02 {
float: right;
position: relative;
left: -1px;
} .page-id-23592 ul.list01-side li,
.page-id-2384 ul.list01-side li {
width: 150px;
display: inline-block;
padding-right: 20px;
}
.page-id-23592 ul.list01-side li.wd14,
.page-id-2384 ul.list01-side li.wd14 {
width: 14%;
} .page-id-2094 .table.postTbl td {
vertical-align: middle;
}
.page-inner-boxs01 .alignleft.ico {
margin-top: 0;
} .page-id-24904 .page-inner .page-inner-boxs01-2clm {
justify-content: center;
} .page-id-932 .postTbl.display-no-m th{
width: 20%;
} .page-inner .page-inner-boxs-bank {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.page-inner .page-inner-boxs-bank .page-inner-boxs-bank-clms {
width: 330px;
padding: 20px;
margin-bottom: 20px;
border: 1px solid #d6ce9d;
background: #f8f4ed;
}
.page-inner-boxs-bank-clms table.postTbl th {
background: #cac084;
padding: 5px;
}
.page-inner-boxs-bank-clms table.postTbl th,
.page-inner-boxs-bank-clms table.postTbl td {
font-size: 13px;
}
.page-id-13401 ul.list01-side {
display: flex;
flex-wrap: wrap;
}
.page-id-13401 ul.list01-side li {
width: 117px;
display: inline-block;
} .page-id-437 .page-inner-boxs02 .right img {
vertical-align: middle;
} .page-id-26154 .page-inner-boxs-bank-clms.wd100 {
width: 100%;
margin-bottom: 0;
} .page-id-941 .ordinance-contents a {
padding: 2px 90px;
} .ordinance-contents {
position: relative;
border: solid 1px #cabc7c;
background-color: #f8f4ed;
margin-bottom: 20px;
}
.ordinance-contents .ordinance-contents-box {
padding: 20px;
}
.ordinance-contents a {
color: #0000ee;
text-decoration: none;
padding: 2px 110px;
display: block;
}
.ordinance-contents dl {
color: inherit;
display: flex;
}
.ordinance-contents dl dt {
color: inherit;
width: 14%;
vertical-align: top;
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_16.png) no-repeat left top 7px;
display: inline-block;
}
.ordinance-contents dl dd {
color: inherit;
flex: 1;
}
.ordinance-contents a.current,
.ordinance-contents a:hover {
color: #FFF;
background: #b2a154;
}
.ordinance-contents a.current dt,
.ordinance-contents a:hover dt {
padding-left: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_22.png) no-repeat left top 7px;
} p.line-date01 {
display: inline-block;
text-align: center;
padding-bottom: 5px !important;
margin-bottom: 5px;
border-bottom: 1px #6b6b6b solid;
}
p.line-date02 {
padding-bottom: 0 !important;
} .page-id-27427 .postTbl th.txtleft {
text-align: left;
}
.page-id-27427 .postTbl img {
vertical-align: middle;
} .page-id-27448 .list01 .page-inner-boxs01.mr20.bakwt {
margin: 0 20px 0 0;
}
.page-id-27448 .list01 .page-inner-boxs01.bakwt {
margin: 0;
}
.page-id-27448 ol.list02 > li {
background: none;
}
.page-id-27448 dl.sample-doc01 {
width: 100%;
line-height: 2;
margin: 30px auto;
padding: 30px;
background: #FFF;
border: solid 2px #000;
box-sizing: border-box;
}
.page-id-27448 dl.sample-doc01 dt {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-weight: bold;
font-size: 22px;
text-align: center;
margin-bottom: 20px;
background: none;
}
dl.sample-doc01 dd span {
background: #7fdbee;
}
.page-id-27448 dl.sample-doc01 dd {
margin: 0 0 10px;
}
.page-id-27448 dl.sample-doc01 dd.txt {
margin: 0 0 50px;
} .page-id-27548 img.wp-image-27552 {
vertical-align: middle;
} .page-id-27567 .page-inner-boxs10.font14,
.page-id-27567 .page-inner-boxs10.font14 dt {
font-size: 14px !important;
}
.page-id-27567 .page-inner-boxs10.font14 dd{
margin-left: 50px;
} .page-id-2211 .link-card dl {
width: 100%;
margin: 0;
} .page-id-2110 .page-inner-boxs10 {
border: 1px solid #ccc;
background: #f5f7ff;
}
.page-id-2110 .postTbl03 .txtcenter.fontB {
background: #eee;
} .page-id-28653 table.postTbl.display-no-m ,
.page-id-3245 table.postTbl.display-no-m {
display: table;
} .page-id-31810 .page-inner-boxs09.font14 {
margin: 0 20px 20px;
}
.page-id-31810 .page-inner-boxs09.font14 .ttl {
font-size: 14px;font-size: 1.4rem;
} .page-inner .page-faq-contents {
border: 1px solid #dddddd;
background: #eeeeee;
padding: 20px 20px 12px;
}
.page-inner .page-faq-contents p {
color: #26335b;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
padding-bottom: 6px !important;
margin-bottom: 10px;
border-bottom: 1px solid #FFF;
}
.page-faq-contents ul li {
padding: 0 20px 5px 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_04.gif) no-repeat left top 7px;
}
.page-faq-contents ul.child {
padding-left: 0;
margin-top: 5px;
border: none;
vertical-align: top;
display: block;
}
.page-faq-contents ul.child li {
padding: 0 20px 5px 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_21.png) no-repeat left top 7px;
}
.page-faq-contents ol li {
padding-bottom: 5px;
} .page-id-3071 .wd88 {
width: 88% !important;
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap");  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font-size: 100%;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
margin: 0;
padding: 0;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
box-sizing: border-box;
}
code,
kbd,
tt,
var {
font: 15px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
figure {
margin: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: middle;
padding: 7px;
}
button,
input {
line-height: normal;
*overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=text],
input[type=email],
input[type=tel]{
}
dl {
-webkit-margin-before: 0;
-webkit-margin-after: 0;}
hr {
height: 0;
margin: 0;
padding: 0;
border: 0;
} body {
min-width: 1065px;
font-size: 15px;font-size: 1.5rem;
background: none;
}  .ttl21 {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-weight: 700;
font-size: 32px;font-size: 3.2rem;
letter-spacing: 4px;
text-align: center;
} .btn04 {
color: #bd2920;
padding: 0px 16px 0 34px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 1px solid #bd2920;
position: relative;
}
.btn04::before {
content: '';
position: absolute;
top: 11px;
left: 12px;
width: 11px;
height: 1px;
background: #bd2920;
transition: all .2s;
}
.btn04::after {
content: '';
position: absolute;
top: 8px;
left: 15px;
width: 6px;
height: 6px;
border-top: 1px solid #bd2920;
border-right: 1px solid #bd2920;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all .2s;
}
.btn04:hover {
color: #FFF;
border: 1px solid #690805;
background: #690805;
opacity: 1.0;  
filter: alpha(opacity=100);
}
.btn04:hover::before {
background: #FFF;
}
.btn04:hover::after {
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
} a {
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out;
cursor:pointer;
}
a:hover {
opacity: 0.7;  
filter: alpha(opacity=70);
cursor:pointer;
}
a img:hover {
opacity: 0.7;  
filter: alpha(opacity=70);
}
input[type="button"],input[type="submit"],button {
cursor: pointer;
} #header {
width: 100%;
}
.container {
width: 100%;
margin-bottom: 76px;
}
.sc-base {
width: 100%;
padding: 76px 0;
}
.sc-base-top {
width: 100%;
padding: 76px 0 0;
}
.sc-base-bottom {
width: 100%;
padding: 0 0 76px;
}
.sc-inner {
width: 1065px;
margin: 0 auto;
}
.bg-gry {
background: rgb(210,210,217);
background: linear-gradient(45deg, rgba(242,242,244,1) 0%, rgba(210,210,217,1) 100%);
background: -moz-linear-gradient(45deg, rgba(242,242,244,1) 0%, rgba(210,210,217,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(242,242,244,1) 0%, rgba(210,210,217,1) 100%);
background: -ms-linear-gradient(45deg, rgba(242,242,244,1) 0%, rgba(210,210,217,1) 100%);
}
.bg-blue {
background: rgb(26,43,96);
background: linear-gradient(45deg, rgba(80,93,134,1) 0%, rgba(26,43,96,1) 100%);
background: -moz-linear-gradient(45deg, rgba(80,93,134,1) 0%, rgba(26,43,96,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(80,93,134,1) 0%, rgba(26,43,96,1) 100%);
background: -ms-linear-gradient(45deg, rgba(80,93,134,1) 0%, rgba(26,43,96,1) 100%);
} .header-inner {
width: 1065px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.header-inner .logo {
padding: 10px 0 3px;
float: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: flex-end;
}
.header-inner .hcopy {
float: none;
margin: 0 0 2px 5px;
}
.header-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
}
.header-info-search {
position: absolute;
top: 17px;
left: -160px;
}
.header-info-search div {
line-height: 1;
}
.header-info-search#searchform input[type=text] {
width: 130px;
font-size: 13px;font-size: 1.3rem;
padding: 2px 8px;
border: solid 1px #1a2b60;
border-radius: 14px;
}
.header-info-search #searchsubmit {
color: #1a2b60;
font-family: FontAwesome;
font-size: 14px;font-size: 1.4rem;
position: absolute;
right: 9px;
top: 0;
bottom: 0;
padding: 0;
cursor: pointer;
border: none;
background: transparent;
}
.header-info-search #searchsubmit:hover{
opacity: .6;
}
.header-info-contact-ph img {
vertical-align: middle;
}
a.header-info-contact-mail {
color: #FFF;
height: 24px;
font-family: 'Noto Sans JP',sans-serif;
font-size: 16px;font-size: 1.6rem;
letter-spacing: 1px;
background: #d88c00 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_mail_02.png) no-repeat left 12px center;
background-size: 16px auto;
padding: 8px 90px 12px 40px;
margin-left: 10px;
position: relative;
}
a.header-info-contact-mail span {
position: absolute;
top: 2px;
right: 2px;
margin: auto;
display: block;
}
a.header-info-contact-mail:hover {
color: #d88c00;
outline: 1px solid #d88c00;
outline-offset: -1px;
background: #FFF url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_mail_03.png) no-repeat left 12px center;
background-size: 16px auto;
opacity: 1.0;
filter: alpha(opacity=100);
}
a.header-info-contact-mail img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
a.header-info-contact-line {
color: #FFF;
height: 24px;
font-family: 'Noto Sans JP',sans-serif;
background: #4fb052 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_line.png) no-repeat left 10px center;
background-size: 16px auto;
padding: 8px 10px 12px 36px;
margin-left: 6px;
}
a.header-info-contact-line:hover {
color: #4fb052;
outline: 1px solid #4fb052;
outline-offset: -1px;
background: #FFF url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_line02.png) no-repeat left 12px center;
background-size: 16px auto;
opacity: 1.0;
filter: alpha(opacity=100);
}
#nav.nav-renew {
width: 100%;
margin-top: 0;
background: rgb(141,40,33);
background: linear-gradient(45deg, rgba(188,40,33,1) 0%, rgba(141,40,33,1) 100%);
background: -moz-linear-gradient(45deg, rgba(188,40,33,1) 0%, rgba(141,40,33,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(188,40,33,1) 0%, rgba(141,40,33,1) 100%);
background: -ms-linear-gradient(45deg, rgba(188,40,33,1) 0%, rgba(141,40,33,1) 100%);
}
#nav.nav-renew ul {
width: 1065px;
text-align: center;
border-right: 1px solid #FFF;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#nav.nav-renew ul li {
border-left: 1px solid #FFF;
}
#nav.nav-renew li a {
width: 194px !important;
height: 33px;
color: #FFF;
line-height: 33px;
outline: 1px solid transparent;
outline-offset: -1px;
background: none;
float: none;
padding: 0;
}
#nav.nav-renew li a:hover {
color: #bd2920;
outline: 1px solid #bd2920;
outline-offset: -1px;
background: #FFF;
opacity: 1.0;
filter: alpha(opacity=100);
}
#nav.nav-renew li a.nav01 {
width: 89px !important;
font-size: 17px;font-size: 1.7rem;
} .home-slider {
width: 100%;
height: 290px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_slider_bg.jpg) repeat-x;
background-size: auto 100%;
}
.home-slider-wrap {
width: 1065px;
height: 290px;
margin: 0 auto;
position: relative;
}
.home-slider .easingslider {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.home-slider .easingslider-slide {
background: none !important;
} .home-slider-news-wrap {
position: absolute;
left: 8px;
bottom: -14px;
}
.home-slider-news-wrap > p.ttl {
color: #bd2920;
font-family: 'Noto Sans JP',sans-serif;
font-weight: 700;
letter-spacing: 1px;
position: absolute;
top: 0;
left: 20px;
padding: 0 10px;
transform: translateY(-50%);
z-index: 2;
}
.home-slider-news-wrap > p.ttl::before {
position: absolute;
z-index: -1;
left: 0;
top: 48%;
width: 100%;
height: 4px;
background-color: #fff;
content: '';
}
.home-slider-wrap .bx-wrapper {
width: 450px;
height: 46px;
}
.home-slider-wrap .bx-wrapper {
border: 2px solid #000;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
}
.home-slider-news li {
color: #7c7c7c;
display: block;
padding: 12px 20px 10px 20px;
}
.home-slider-news li a {
color: #2f2f2f;
}
.bx-wrapper .bx-controls-direction a {
width: 13px !important;
height: 7px !important;
margin: 0 !important;
}
.home-slider-wrap .bx-wrapper .bx-prev {
top: 12px;
right: 20px;
left: auto;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_btn_prev.png) no-repeat;
background-size: 13px auto;
}
.home-slider-wrap .bx-wrapper .bx-next {
top: 27px;
right: 20px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_btn_next.png) no-repeat;
background-size: 13px auto;
}
.home-slider-wrap .bx-wrapper .bx-prev:hover {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_btn_prev_on.png) no-repeat;
background-size: 13px auto;
}
.home-slider-wrap .bx-wrapper .bx-next:hover {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_btn_next_on.png) no-repeat;
background-size: 13px auto;
} .home-main-service {
position: relative;
}
.home-main-service .ttl21 {
position: absolute;
left: 0;
right: 0;
top: -24px;
margin: auto;
}
.home-main-service .sc-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home-main-service-box {
width: calc(33.33% - 30px * 2 / 3);
padding: 76px 20px 20px;
background: #FFF;
box-sizing: border-box;
}
.home-main-service-box:nth-child(n+4) {
margin-top: 30px;
}
.home-main-service-box .ttl {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-size: 24px;font-size: 2.4rem;
font-weight: 600;
line-height: 1;
letter-spacing: 2px;
text-align: center;
margin-bottom: 10px;
display: block;
}
.home-main-service-box p.txt {
border-top: 2px solid #bd2920;
padding-top: 10px;
margin-bottom: 10px;
}
.home-main-service-box.company {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service01.png) no-repeat left 10px top 10px, url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service_company.jpg) no-repeat top center, #FFF;
background-size: 70px auto, 100% auto;
}
.home-main-service-box.offshore {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service01.png) no-repeat left 10px top 10px,  url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service_offshore.jpg) no-repeat top center, #FFF;
background-size: 70px auto, 100% auto;
}
.home-main-service-box.bank {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service02.png) no-repeat left 10px top 10px,  url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service_bank.jpg) no-repeat top center, #FFF;
background-size: 70px auto, 100% auto;
}
.home-main-service-box.visa {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service03.png) no-repeat left 10px top 10px,  url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service_visa.jpg) no-repeat top center, #FFF;
background-size: 70px auto, 100% auto;
}
.home-main-service-box.accounting {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service04.png) no-repeat left 10px top 10px,  url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service_accounting.jpg) no-repeat top center, #FFF;
background-size: 70px auto, 100% auto;
}
.home-main-service-box.property {
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service05.png) no-repeat left 10px top 10px,  url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_service_property.jpg) no-repeat top center, #FFF;
background-size: 70px auto, 100% auto;
} .home-service {
position: relative;
}
.home-service .sc-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home-service-box {
width: calc(33.33% - 30px * 2 / 3);
padding: 20px;
border: 1px solid #dedede;
background: #FFF;
box-sizing: border-box;
position: relative;
}
.home-service-box:nth-child(n+4) {
margin-top: 30px;
}
.home-service-box img.ico {
position: absolute;
top: -16px;
right: 6px;
}
.home-service-box a.ttl {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-size: 20px;font-size: 2.0rem;
letter-spacing: 1px;
text-align: center;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #bd2920;
display: block;
position: relative;
}
.home-service-box .dtl {
margin-bottom: 10px;
}
.home-other-service {}
.home-other-service .sc-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.home-other-service-box {
width: calc(20% - 20px * 4 / 5);
text-align: center;
padding: 16px;
border: 1px solid #dedede;
box-sizing: border-box;
}
.home-other-service-box img {
margin: 0 auto 6px;
text-align: center;
display: block;
}
.home-other-service-box a {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-size: 16px;font-size: 1.6rem;
letter-spacing: 1px;
padding: 0 18px 0 24px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_24.png) no-repeat left center;
background-size: 15px auto;
position: relative;
display: inline-block;
}
.home-other-service-box a:hover {
color: #690805;
opacity: 1.0;  
filter: alpha(opacity=100);
} .home-member {
padding: 56px 0 76px;
position: relative;
}
.home-member .ttl21 {
position: absolute;
left: 0;
right: 0;
top: -26px;
margin: auto;
}
.home-member .sc-inner {}
.home-member h3 {
color: #bd2920;
font-family: 'Noto Sans JP',sans-serif;
font-size: 22px;font-size: 2.2rem;
letter-spacing: 4px;
margin-bottom: 40px;
display: flex;
align-items: center;
}
.home-member h3:before,
.home-member h3:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #bd2920;
}
.home-member h3:before {
margin-right: 2rem;
}
.home-member h3:after {
margin-left: 2rem;
}
.home-member .founder h3 {
color: #bd2920;
}
.home-member .founder h3:before,
.home-member .founder h3:after {
background-color: #bd2920;
}
.home-member .home-member-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home-member .home-member-box .home-member-boxs {
width: calc(50% - 40px * 1 / 2);
padding: 20px 30px;
background: #FFF;
box-sizing: border-box;
position: relative;
}
.home-member .home-member-box .home-member-boxs:nth-child(n+3) {
margin-top: 40px;
}
.founder .home-member-boxs img {
position: absolute;
top: -30px;
right: 20px;
}
.home-member-boxs dt {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-size: 24px;font-size: 2.4rem;
letter-spacing: 2px;
margin-bottom: 12px;
}
.home-member-boxs dd.info {
border-left: 4px solid #bd2920;
padding-left: 14px;
margin-bottom: 12px;
}
.home-member-boxs dd.info span {
font-size: 13px;font-size: 1.3rem;
}
.home-member .specialist h3 {
color: #1a2b60;
}
.home-member .specialist h3:before,
.home-member .specialist h3:after {
background-color: #1a2b60;
}
.specialist .home-member-boxs img {
position: absolute;
top: -30px;
right: 30px;
}
.specialist .home-member-boxs dt {
font-size: 22px;font-size: 2.2rem;
}
.specialist .home-member-boxs dd.info {
border-left: 4px solid #1a2b60;
} .home-news {}
.home-news .ttl-box {
border-bottom: 1px solid #dedede;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
align-items: center;
}
.home-news .ttl-box .ttl21 {
text-align: left;
}
.home-news .home-news-box {
border-bottom: 1px solid #dedede;
padding: 16px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 14px;
}
.home-news-box .cat a {
width: 76px;
line-height: 20px;
color: #FFF;
font-size: 13px;font-size: 1.3rem;
vertical-align: middle;
text-align: center;
background: rgb(0,138,185);
background: linear-gradient(45deg, rgba(113,190,216,1) 0%, rgba(0,138,185,1) 100%);
background: -moz-linear-gradient(45deg, rgba(113,190,216,1) 0%, rgba(0,138,185,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(113,190,216,1) 0%, rgba(0,138,185,1) 100%);
background: -ms-linear-gradient(45deg, rgba(113,190,216,1) 0%, rgba(0,138,185,1) 100%);
display: inline-block;
}
.home-news-box .cat_event a {
width: 76px;
line-height: 20px;
color: #FFF;
font-size: 13px;font-size: 1.3rem;
vertical-align: middle;
text-align: center;
background: rgb(216,140,0);
background: linear-gradient(45deg, rgba(229,179,85,1) 0%, rgba(216,140,0,1) 60%);
background: -moz-linear-gradient(45deg, rgba(229,179,85,1) 0%, rgba(216,140,0,1) 60%);
background: -webkit-linear-gradient(45deg, rgba(229,179,85,1) 0%, rgba(216,140,0,1) 60%);
background: -ms-linear-gradient(45deg, rgba(229,179,85,1) 0%, rgba(216,140,0,1) 60%);
display: inline-block;
}
.home-news-box h3 a {
color: #000;
font-size: 17px;font-size: 1.7rem;
font-family: 'Noto Sans JP',sans-serif;
margin-bottom: 6px;
display: inline-block;
} .home-mailmag {}
.home-mailmag .home-mailmag-box {
width: 870px;
text-align: right;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_mailmag_01.png) no-repeat left;
background-size: auto 100%;
margin: 0 auto;
}
.home-mailmag-boxs {
text-align: left;
margin: 10px 30px 30px 0;
display: inline-block;
}
.home-mailmag-boxs .free {
width: 84px;
height: 84px;
color: #FFF;
font-family: 'Noto Sans JP',sans-serif;
font-size: 21px;font-size: 2.1rem;
line-height: 120%;
letter-spacing: 2px;
text-align: center;
vertical-align: bottom;
background: #9e9847;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
display: inline-block;
position:relative;
}
.home-mailmag-boxs .free span {
position:absolute;
top:50%;
left:50%;
transform:translate(-48%,-50%);
width:100%;
}
.home-mailmag-boxs dl {
vertical-align: middle;
display: inline-block;
margin-right: 30px;
}
.home-mailmag-boxs dl dt {
color: #FFF;
font-family: 'Noto Sans JP',sans-serif;
font-size: 30px;font-size: 3.0rem;
font-weight: 700;
letter-spacing: 2px;
}
.home-mailmag-boxs dl dd {
color: #d6ce9d;
font-weight: 500;
}
.home-mailmag-boxs .mail {
vertical-align: middle;
display: inline-block;
}
.home-mailmag-boxs .wysija-paragraph {
display: inline-block;
margin-bottom: 0;
}
.home-mailmag-boxs .widget_wysija_cont label{
color: #FFF;
}
.home-mailmag-boxs .wysija-paragraph input[type="text"] {
width: 220px;
margin-right: 2px;
}
.home-mailmag-boxs .widget_wysija_cont .wysija-submit {
color: #1a2b60;
padding: 4px 10px;
background: #f2f2f4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin-top: 0;
} .home-message {
padding: 100px 0 76px;
overflow: hidden;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_message_bg.jpg) no-repeat;
background-size: cover;
}
.home-message .sc-inner {
color: #FFF;
line-height: 200%;
}
.home-message .ttl21 {
color: #FFF;
text-align: left;
}
.home-message h3 {
color: #FFF;
font-family: 'Noto Sans JP',sans-serif;
font-size: 26px;font-size: 2.6rem;
font-weight: 500;
letter-spacing: 1px;
}
.home-message p {
color: #FFF;
}
.home-message .home-message-img {
position:fixed;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100vw;
height: 100vh;
background-image: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_message_bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.home-message .home-message-bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.home-message .home-message-bg .inner{
width: 100%;
height: 100vh;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_message_bg.jpg) no-repeat center;
background-size: cover;
display: block;
position: sticky;
top: 0;
} .home-link .home-link-box {
display: flex;
}
.home-link .home-link-box img {
margin-right: 20px;
}
.home-link-box dl dt {
font-size: 16px;font-size: 1.6rem;
font-weight: bold;
}  .footer-contact {}
.footer-contact h2 {
color: #FFF;
font-family: 'Noto Sans JP',sans-serif;
font-size: 34px;font-size: 3.4rem;
letter-spacing: 4px;
text-align: center;
margin-right: 56px;
position: relative;
}
.footer-contact .sc-inner {
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-contact .footer-contact-ph {
width: calc(33% - 20px * 1 / 2);
height: 200px;
}
.footer-contact .footer-contact-mail {
width: calc(66% - 20px * 1 / 2);
min-height: 200px;
background: #FFF;
border: 1px solid #FFF;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.footer-contact-mail .footer-contact-mail-box {
width: calc(50% - 30px * 1 / 2);
box-sizing: border-box;
position: relative;
}
.footer-contact-mail .footer-contact-mail-box:first-child {
border-right: 1px solid #cccccc;
}
.footer-contact-mail .footer-contact-mail-box img.icon {
position: absolute;
top: 12px;
left: 40px;
}
.footer-contact-mail .footer-contact-mail-box.line img.icon {
top: 8px;
}
.footer-contact .footer-contact-mail h3 {
color: #d88c00;
font-family: 'Noto Sans JP', sans-serif;
font-size: 24px;font-size: 2.4rem;
font-weight: normal;
letter-spacing: 2px;
padding: 0 0 10px 40px;
}
.footer-contact-mail .footer-contact-mail-box.line h3 {
color: #4fb052;
padding-bottom: 18px;
}
.footer-contact-mail .footer-contact-mail-box .btn03 {
margin-bottom: 16px;
}
.footer-contact-mail .footer-contact-mail-box span {
color: #1a2b60;
text-align: center;
font-size: 14px;font-size: 1.4rem;
display: block;
}
.footer-contact-mail-box span img {
margin: 0 4px;
}
.footer-contact-mail-box.line .line-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
padding-left: 20px;
}
.footer-contact-mail-box.line .line-box .qr,
.footer-contact-mail-box.line .line-box .id {
font-size: 14px;font-size: 1.4rem;
width: calc(50% - 20px * 1 / 2);
border: 1px solid #4fb052;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 2px 0;
position: relative;
}
.line-box p {
padding: .3em .3em 0;
position: absolute;
top: -1em;
left: 50%;
transform: translateX(-50%);
background: #fff;
white-space: nowrap;
margin: 0;
}
.line-box .qr > :last-child,
.line-box .id > :last-child {
margin-bottom: 0;
}
.line-box .qr > img {
position: relative;
left: auto;
}
.line-box .id .line-id {
width: 80px;
border: 1px solid #cccccc;
border-radius: 5px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_research.png) no-repeat right;
background-size: 26px auto;
padding: 6px 30px 6px 6px;
margin: 36px 0 6px;
display: inline-block;
}
.line-box img.img-qr {
position: relative;
top: 6px;
left: auto;
} .footer-contact-fixed {
width: 100%;
height: 76px;
background: #486179;
position: fixed;
bottom: 0;
z-index: 999;
transition: opacity 0.65s, visibility 0s ease 0.65s;
opacity: 0;
visibility: hidden;
}
.footer-contact-fixed.isActive {
transition-delay: 0s;
opacity: 1;
visibility: visible;
}
.footer-contact-fixed .footer-contact-fixed-inner {
width: 857px;
height: 50px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.footer-contact-fixed a {
color: #FFF;
font-size: 18px;font-size: 1.8rem;
font-family: 'Noto Sans JP',sans-serif;
line-height: 50px;
vertical-align: middle;
display: inline-block;
}
.footer-contact-fixed img {
vertical-align: middle;
}
a.footer-contact-fixed-mail {
background: #d88c00 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_mail_04.png) no-repeat left 12px center;
background-size: 28px auto;
padding: 0 110px 0 56px;
margin-left: 14px;
position: relative;
}
a.footer-contact-fixed-mail span {
position: absolute;
top: -3px;
right: 3px;
margin: auto;
display: block;
}
a.footer-contact-fixed-mail:hover {
color: #d88c00;
background: #FFF url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_mail_05.png) no-repeat left 12px center;
background-size: 28px auto;
opacity: 1.0;
filter: alpha(opacity=100);
}
a.footer-contact-fixed-mail img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
a.footer-contact-fixed-line {
background: #4fb052 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_line_03.png) no-repeat left 10px center;
background-size: 28px auto;
padding: 0 20px 0 56px;
margin-left: 10px;
}
a.footer-contact-fixed-line:hover {
color: #4fb052;
background: #FFF url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_line_04.png) no-repeat left 12px center;
background-size: 28px auto;
opacity: 1.0;
filter: alpha(opacity=100);
}
.footer-contact-fixed .footer-contact-fixed-btn {
width: 190px;
height: 30px;
color: #FFF;
font-size: 12px;font-size: 1.2rem;
line-height: 30px;
background: #d88c00;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.footer-contact-fixed .footer-contact-fixed-btn:hover {
cursor: pointer;
}
.footer-contact-fixed .footer-contact-fixed-btn span {
width: 36px;
height: 100%;
text-align: center;
margin-right: 6px;
background: #d86e00;
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
display: inline-block;
}
.footer-contact-fixed-btn span img {
vertical-align: text-bottom;
}
.footer-contact-fixed:hover .footer-contact-fixed-box {
opacity: 1;
visibility: visible;
}
.footer-contact-fixed .footer-contact-fixed-box {
opacity: 0;
visibility: hidden;
width: 400px;
padding: 20px;
background: #d88c00;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
position: absolute;
bottom: 30px;
right: -122px;
}
.footer-contact-fixed .footer-contact-fixed-box .ttl {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-size: 17px;font-size: 1.7rem;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
margin-bottom: 10px;
}
.footer-contact-fixed-box dl {
display: table;
margin: 0 auto 20px;
}
.footer-contact-fixed-box dl dt {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
padding-right: 20px;
margin-right: 20px;
border-right: 2px solid #ecc680;
}
.footer-contact-fixed-box dl dd {
display: table-cell;
}
.footer-contact-fixed-box dd span {
display: block;
}
.footer-contact-fixed-box dd span.number {
color: #000;
font-family: 'Noto Sans JP',sans-serif;
font-size: 26px;font-size: 2.6rem;
letter-spacing: 1px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_ph02.png) no-repeat left top 9px;
background-size: auto 24px;
padding-left: 30px;
}
.footer-contact-fixed-box dd span.hour {
font-size: 12px;font-size: 1.2rem;
}
.footer-contact-fixed-box a {
color: #d86e00;
font-family: 'Noto Sans JP',sans-serif;
font-size: 18px;font-size: 1.8rem;
letter-spacing: 1px;
padding: 10px 40px 13px 70px;
margin: 0 auto;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 1px solid #FFF;
background: #FFF url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_mail_03.png) no-repeat left 30px center;
background-size: 20px auto;
display: inline-block;
position: relative;
}
.footer-contact-fixed-box a:hover {
color: #FFF;
border: 1px solid #FFF;
background: #d88c00 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_mail_02.png) no-repeat left 24px center;
background-size: 20px auto;
opacity: 1.0;
filter: alpha(opacity=100);
}
.footer-contact-fixed.tablet {
bottom: -1px;
}
.footer-contact-fixed.tablet .footer-contact-fixed-inner {
width: auto;
right: auto;
left: 1vw;
}
.footer-contact-fixed.tablet img {
width: 26vw;
height: auto;
}
.footer-contact-fixed.tablet a.footer-contact-fixed-mail {
background: #d88c00 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_mail_04.png) no-repeat left 10px center;
background-size: 20px auto;
padding: 0 96px 0 40px;
}
.footer-contact-fixed.tablet a.footer-contact-fixed-mail img {
width: auto;
height: 44px;
}
.footer-contact-fixed.tablet a.footer-contact-fixed-line {
background: #4fb052 url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_line_03.png) no-repeat left 10px center;
background-size: 20px auto;
padding: 0 20px 0 40px;
} .footer-mailmag {}
.footer-mailmag .sc-inner {
border-top: 1px dotted #8c95af;
margin-top: 30px;
padding-top: 10px;
display: block;
}
.footer-mailmag .footer-mailmag-box {
width: 770px;
text-align: right;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/img_home_mailmag_01.png) no-repeat left;
background-size: auto 100%;
margin: 0 auto;
}
.footer-mailmag-boxs {
text-align: left;
margin: 10px 0;
display: inline-block;
}
.footer-mailmag-boxs .free {
width: 60px;
height: 60px;
color: #FFF;
font-family: 'Noto Sans JP',sans-serif;
font-size: 16px;font-size: 1.6rem;
line-height: 120%;
letter-spacing: 2px;
text-align: center;
vertical-align: bottom;
background: #9e9847;
border-radius: 30px;
display: inline-block;
position:relative;
}
.footer-mailmag-boxs .free span {
position:absolute;
top:50%;
left:50%;
transform:translate(-48%,-50%);
width:100%;
}
.footer-mailmag-boxs dl {
vertical-align: middle;
display: inline-block;
margin-right: 20px;
}
.footer-mailmag-boxs dl dt {
color: #FFF;
font-family: 'Noto Sans JP',sans-serif;
font-size: 20px;font-size: 2.0rem;
font-weight: 700;
letter-spacing: 2px;
}
.footer-mailmag-boxs dl dd {
color: #d6ce9d;
font-weight: 500;
}
.footer-mailmag-boxs .mail {
vertical-align: middle;
display: inline-block;
}
.footer-mailmag-boxs .wysija-paragraph {
display: inline-block;
margin-bottom: 0;
}
.footer-mailmag-boxs .widget_wysija_cont label{
color: #FFF;
}
.footer-mailmag-boxs .wysija-paragraph input[type="text"] {
width: 220px;
padding: 2px;
margin-right: 2px;
}
.footer-mailmag-boxs .widget_wysija_cont .wysija-submit {
color: #1a2b60;
padding: 2px 10px;
background: #f2f2f4;
border-radius: 3px;
display: inline-block;
margin-top: 0;
} .footer {}
.footer .sc-inner.mb50 {
margin: 0 auto 50px;
}
.footer .flink ul {
padding: 30px 0;
margin-bottom: 30px;
border-bottom: 1px solid #dedede;
}
.footer .flink li {
margin-right: 10px;
vertical-align: middle;
display: inline-block;
}
.footer .flink li:last-child {
margin-right: 0;
}
.footer .flink a {
color: #000;
padding: 0 0 0 18px;
background: url(//hongkong-bs.com/wp-content/themes/hongkong_bs/images/ico_18.png) no-repeat left center;
background-size: 11px auto;
}
.footer .flink a:hover {
text-decoration: none;
}
.footer .fattn {
color: #7c7c7c;
line-height: 180%;
}
.footer .copy {
padding: 20px 0 96px;
background: rgb(141,30,35);
background: linear-gradient(45deg, rgba(188,40,33,1) 0%, rgba(141,30,35,1) 100%);
background: -moz-linear-gradient(45deg, rgba(188,40,33,1) 0%, rgba(141,30,35,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(188,40,33,1) 0%, rgba(141,30,35,1) 100%);
background: -ms-linear-gradient(45deg, rgba(188,40,33,1) 0%, rgba(141,30,35,1) 100%);
}
.footer .copy .sc-inner {
color: #FFF;
}