h2, .h2 {
  font-size: 22px;
}
.heading_common {
  border-bottom:2px double #1f2d42;
}
.heading_common.noborder{
  border-bottom: none;
}
.point_common {
  background: #fff;
  border-left: solid #1b2e42 1px;
  border-right: solid #1b2e42 1px;
  border-top: solid #1b2e42 1px;
  border-bottom: solid #1b2e42 5px;
  padding: 8px;
  text-align: center;
  color:#1b2e42;
  margin-bottom: 0 !important;
  font-size: 16px;
}

/* Filter the 'background' value classes*/

.top_header,.bottom_header .address_container .icon_holder,.top_header div.dropdown ul,
.title_container span.decor_default,.finance_text h3 span,
.title_container span.decor-equal, .banner-title span.decor-equal,.parallax .overlay,
.button-main,.our_partners,.banner ul li a.consultation,footer .subscribe_us button,footer .subscribe_us ul li a:hover,
footer .subscribe_us ul li a:focus,.consultation .dropdown ul li:hover,.breadcrumb_sec ul li.dot,
.carousel.vertical .carousel-control.down,.carousel.vertical .carousel-indicators li.active,
.growth_statistics ul li:nth-child(1):before,#customer-say-slider .carousel-indicators li:before,
.cart_table .payment_system a,.service_single_page_content .tab-content .carousel .carousel-indicators li:before,
.key_benefits_panel .panel-heading.active-panel,.brochures a:hover span,.brochures a:focus span,
.submit_form form button.submit,.submit_form form .dropdown ul li:hover,.lets_talk_to_us form  .dropdown ul li:hover,
.login_page .submit_button button,.news_single_post .news_post .share_item ul li a,.hvr-sweep-to-right:before,
.news_single_post .news_post .leave_reply button,.twitter_feeds .single_twitter_feed .icon_holder,
.single_project_page .image_gallery ul li a i,.project_gallery .gallery_menu ul li.active,.shop_contianer .result_shorting .dropdown ul li:hover,
.shop_contianer .pagination ul li a:hover, .shop_contianer .pagination ul li.active a,.shop_contianer .single_product_item .product_history a.add_to_cart:hover,
.shop_aside .single-sidebar.price-ranger .ui-widget-header,.cart .cart_table .icon_holder,.cart a.cart_btn1,.cart a.cart_btn2,
.cart .shipping_address .submit_form2 .dropdown-menu li:hover,.banner .title_container span.decor-equal:before,.banner .title_container span.decor-equal:after,
.banner .title_container span.decor_default:before,.banner .title_container span.decor_default:after,.switcher .switch_btn button,
.onoffswitch-checkbox:checked + .onoffswitch-label,.onoffswitch-checkbox:checked + .onoffswitch-label,
.switcher .switch_menu>p,.banner ul li a.consultation_button,.banner .tp-rightarrow:hover,.banner .tp-leftarrow:hover {
	background: #354a6b;
}
.button-main.subBtn {
  position: relative;
  background: #FFF;
  border:1px solid #ccc;
  border-radius: 32px;
  color: #000;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #ccc;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button-submit {
  background: #035591 !important;
}



/* Filter the 'color' value classes*/

.bottom_header .address_container .text_holder span,.tparrows.tp-leftarrow:before, .banner .tparrows.tp-rightarrow:before,.finance_text h3,
.finance_text h3:before,.finance_text a,#best-services .owl_slider .customNavigation a i:hover,.icon_border span,
.people_choose_us span.icon:before,.parallax .button a,.team .member_info>span,.team .member_info a,
.latest_news .single_news a.read_more:hover,.news_aside h3,.latest_news .single_news .img_holder .icon_holder a,
.banner .slide_show h6,footer .links ul li a:hover,footer .contact_us ul li a:hover,.carousel.vertical .carousel-indicators li span,
.mission_value .ticker-headline ul li i,#customer-say-slider .flaticon-quotes3:before,#customer-say-slider .client_name span,
.experts_planning h3 span:before,.experts_planning ul li:before,.experts_planning ul li a:hover,
.service_single_page_content .tab_nav_holder ul li.active a, .service_single_page_content .tab_nav_holder ul li:focus a,
.service_single_page_content .tab_nav_holder ul li a:hover,.service_single_page_content .tab-content .carousel .item a,
.brochures a:hover,.brochures a:focus,.contact_text .contact_num p span,.contact_text .meet_office .contact_information h5,
.contact_text .meet_office .mail:before,.contact_text .meet_office .address:before,.login_page .login_option .social_icon>a,
article.news_post .post_heading ul li a:hover,article.news_post .post_heading ul li:hover i,.news_single_post .news_post .author_text p a:hover,
.news_single_post .news_post .commment_area .single_comment a.reply,.blog_feeds .single_feeds .text_holder ul li i,
.news_categories ul li a i,.news_categories ul li a:hover,.twitter_feeds .single_twitter_feed .feed p a,.twitter_feeds .single_twitter_feed .feed span,
.popular_tag ul li a:hover,article.news_post .share_read a.read_more:hover,article.news_post .pagination_menu ul li a.active,
article.news_post .pagination_menu ul li a:hover,.description_list li>i,.description_list li ul li a:hover,.project_gallery .mix:hover .text_data a span,
.shop_contianer .single_product_item .img_holder .overlay .icon_container a i,.single_shop .product_container .overlay .icon_container a i,.shop ul.product_rating li a,
.shop_contianer .single_product_item .product_history span,.shop_aside .best_sellers .single_sell_item .book_price span,.cart .cart_table .table-1 tbody tr td span.color_fix,
.single_product_details .product_container .product_history .book_review span,.single_product_details .product_container .product_history .book_name .author_name p span,
.single_product_details .product_container .product_history>span,.tparrows.tp-leftarrow:before,
.banner .tparrows.tp-rightarrow:before {
	color:#354a6b;
}


.single_product_details h3 {
    /* padding: 10px !important; */
    margin: 0 0 10px 0;
/*     color: #fff; */
    vertical-align: middle;
}

.single_product_details h3 a {
    color: #fff;
}

.qaListTitles h3 {
  /*border-bottom: 1px solid #ccc;*/
  padding-bottom: 8px;
}




.shop ul.product_rating li a {
  color:#BDAC47 !important;
}
.shop ul.product_rating li .fa{
  font-size: 14px;
}
/*make sure the slider navigation arrow color still white*/
.banner .tp-rightarrow:hover:before,
.banner .tp-leftarrow:hover:before {
  color:#fff;
}

/* Filter the 'background-color' value classes*/

.single_service_item:hover .service_icon,
.onoffswitch-label {
	background-color: #354a6b;
}


/* Change the main menu background color */
.main_menu{
	background: #1f2d42;
}


/* Filter the 3px rgba border value classes */

footer .subscribe_us ul li a:hover,
footer .subscribe_us ul li a:focus {
	border:3px solid rgba(53,74,107,0.2);
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box; 
}


/* Slider navigation color change */

.banner .tp-rightarrow:hover ,
.banner .tp-leftarrow:hover {
  background: #354a6b;
  border: 5px solid rgba(53,74,107,0.2);
  -moz-background-clip: padding;     /* Firefox 3.6 */
  -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
  background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}




/* Filter the 2px rgba border value classes */

.title_container span.decor_default,
.title_container span.decor-equal,
.banner-title span.decor-equal,
.breadcrumb_sec ul li.dot,
.carousel.vertical .carousel-control.down,
.carousel.vertical .carousel-indicators li.active,
.growth_statistics ul li:nth-child(1):before,
.news_single_post .news_post .share_item ul li a,
.twitter_feeds .single_twitter_feed .icon_holder,
.shop_contianer .pagination ul li a:hover,
.shop_contianer .pagination ul li.active a {
	border:2px solid rgba(53,74,107,0.3);
	-moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}



/* Filter the 6px rgba border value classes */

.bottom_header .address_container .icon_holder {
	border:6px solid rgba(53,74,107,0.10);
	-moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}



/* Filter the 2px solid border value classes */

.service_icon .icon_border,
.faq_sec .panel-default>a[aria-expanded="true"] .panel-heading:before,
.faq_sec .panel-default>a:focus .panel-heading:before,
#customer-say-slider .carousel-indicators li,
#customer-say-slider .carousel-indicators li.active,
.service_single_page_content .tab-content .carousel .carousel-indicators li,
.service_single_page_content .tab-content .carousel .carousel-indicators li.active{
	border:2px solid #354a6b;
}



/* Filter the background rgba color value classes*/

.testimonial .img_holder .overlay,
.gallery_sec .gallery_img .overlay,
.hvr-sweep-to-bottom:before,
.news_aside .aside_item .overlay,
article.news_post .single_news_post .img_container:before,
.hvr-shutter-out-vertical:before,
.single_project_page .image_gallery ul li a .opacity_holder .bg_color,
.shop_contianer .single_product_item .img_holder .overlay,
.single_shop .product_container .overlay {
	background: rgba(53,74,107,0.9);
}


/* change the search icon background color */

.main_menu .search_icon,.main_menu #search {
	background-color: #19263a;
}



/* change the theme logo for your own color schemes */

.bottom_header .logo_holder {
	background: url(../../images/home/logo-2.png) no-repeat 9% 100%;
}
.stay_with_finance .text_container span.logo,
footer .footer_logo a.logo {
	background: url(../../images/home/logo-white2.png) no-repeat 0% 100%;
}

.banner .logo span.logo {
  display: block;
  background: url(../../images/home/logo-icon2.png) no-repeat center;
  height:79px;
  width:70px;
}



/* Contain the color schemes when the menu is stick*/
.fixed {
  position: fixed;
  background: #272727;
  top:0;
  left:0;
  width: 100%;
  z-index: 9999;
  animation-name: fixed-bouce;
  animation-duration:1s;
  -webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
	box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
}
.fixed .search_icon {
	background-color: #2b2b2b;
}
.fixed #search {
	background: #2b2b2b;
}


/** parts */
/**************************************/

.fl        { float: left  !important; }
.fr        { float: right !important; }
.sp_fl     { float: left  !important; }
.sp_fr     { float: right !important; }
.button-main.btn_purple { background: #551451 !important; }
.button-main.btn_pink { background: #FD7199 !important;  }
.button-main.btn_red { background: #D20000 !important; color:#fff !important; }
.button-main.btn_green { background: #22ac38 !important; }
@media only screen and (max-width: 640px) {
  .button-main{min-width: 110px;}
  .button-main.sp_red{ background: #D20000; border-radius: 32px; font-size: 1em !important; }
  .button-main.btn_purple,
  .button-main.btn_pink,
  .button-main.btn_green{
  	font-size: 1.2em !important;
  	border-radius: 32px;
  }
  .sp_only_fl { float: left  !important; }
  .sp_only_fr { float: right  !important; }
  .sp_only_fl img, .sp_only_fr img { width: 100%; max-width: 100%; }
  .sp_block{display: block;}
  .ss-external-btn-sp-small,
  .ss-tel-btn-sp-small,
  .ss-detail-btn-sp-small{min-width: 97px!important;}
}
@media only screen and (max-width: 378px) {
  .ss-detail-btn-sp-small{width: 35%!important; min-width: 100px!important;}
}
@media only screen and (max-width: 333px) {
  .ss-external-btn-sp-small{width: 27%!important; min-width: auto!important;}
  .ss-tel-btn-sp-small{width: 27%!important; min-width: auto!important;}
  .ss-detail-btn-sp-small{width: 41%!important; min-width: auto!important;}
}

.al      { text-align: left !important; }
.ar      { text-align: right !important; }
.ac      { text-align: center !important; }
.vm      { vertical-align: middle !important; }
.vb      { vertical-align: bottom !important; }
.vt      { vertical-align: top !important; }
.hidden  { display: none; }
.inline  { display: inline-block; }
.block   { display: block; }
.bo0     { border: none !important; }
.border_radius {border-radius: 36px;}
.relative {position: relative;}
hr.gr01 {
  border:          1px solid #acaaaa;
  border-width:    1px 0 0 0;
  margin:          30px 0;
}

.ast {
  text-indent:     -1em;
  padding:          0 0 0 1em;
}

ul.disc {
  list-style-type: disc !important;
  margin:          0 0 0 8px;
  padding:         0 0 0 8px;
}

.z2 {
  z-index:         2;
  position:        relative;
}

.bt_gray {
  border-top:      1px solid #d9d9d9;
  padding:         0 0 15px;
}

.bg_white {
  background:      #fff;
}
.bg_4675a3 {
  background:      #4675a3 !important;
}

.bg_8a7100 {
  background:      #8a7100 !important;
}

.trans {
  -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;
}

/* genre color */
.bg_nini {
  background: #1f605b;
}
.bg_yami {
  background: #1f4760;
}
.bg_josei {
  background: #2e3570;
}
.bg_kojin {
  background: #1b4f80;
}
.bg_hasan {
  background: #551451;
}
.bg_tokumei {
  background: #035591;
}
.bg_nini,.bg_yami,.bg_josei,.bg_kojin,.bg_hasan,.bg_tokumei  {
  color:#fff;
  text-align: center;
  padding:8px;
}

/** width
/**************************************/

.w100p { width : 100%; }
.w80p  { width : 80% }
.w75p  { width : 75% }
.w70p  { width : 70% }
.w69p  { width : 69% }
.w68p  { width : 68% }
.w65p  { width : 65% }
.w60p  { width : 60% }
.w59p  { width : 59%; }
.w58p  { width : 58%; }
.w50p  { width : 50%; }
.w49p  { width : 49%; }
.w48p  { width : 48%; }
.w47p  { width : 47%; }
.w40p  { width : 40%; }
.w37p  { width : 37%; }
.w35p  { width : 35%; }
.w32p  { width : 32.5%; }
.w33p  { width : 33%; }
.w33_3p  { width : 33.3%; }
.w31p  { width : 31%; }
.w30p  { width : 30%; }
.w27p  { width : 27%; }
.w24p  { width : 24%; }
.w20p  { width : 20%; }
.w16p  { width : 16.6%; }
.w14p  { width : 14%; }
.w90p { width : 90%; }
.w88p { width : 88%; }

@media only screen and (max-width: 640px) {
  .sp_w48p,
  .sp_100p {
    width: 100%;
  }
  ._sp_w48p {
    width: 50%;
  }
  .sp_button_width {/* add @ 20170907 */
    width: 80%;
    margin-left:auto !important;
    margin-right: auto !important; 
    display: block !important;
  }
  .sp_inline_block {
    display: block !important;
  }
}


/** text
/**************************************/
.tx_bd   { font-weight: bold;  }
.tx_min  { font-family: "Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","メイリオ","ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; }
.tx_ss   { font-family: 'Source Sans Pro', sans-serif; }
.tx_mr   { font-family: 'Marcellus', serif; }
.tx_ud   { text-decoration: underline; }
.tx_16   { font-size: 16px !important;  }


.tx_blue  { color: #0e3a93; }
.tx_white { color: #fff; }
.tx_brown { color: #8a6931; }
.tx_gray { color: #9b9b9b; }
.tx_gold { color: #887400; }

a.overHref:hover {
  color:#0e3a93;
}

.tx06    { font-size: 0.6em; }
.tx08    { font-size: 0.8em; }
.tx09    { font-size: 0.9em; }
.tx10    { font-size: 1.0em; }
.tx12    { font-size: 1.2em !important; }
.tx13    { font-size: 1.3em; }
.tx14    { font-size: 1.4em; }
.tx16    { font-size: 1.6em; }
.tx18    { font-size: 1.8em; }
.tx20    { font-size: 2.0em; }
.tx22    { font-size: 2.2em; }
.tx23    { font-size: 2.3em !important; }
.tx24    { font-size: 2.4em; }
.tx25    { font-size: 2.5em; }
.tx26    { font-size: 2.6em; }
.tx28    { font-size: 2.8em; }
.tx30    { font-size: 3.0em; }
.tx32    { font-size: 3.2em; }
.tx36    { font-size: 3.6em; }
.tx30    { font-size: 3.0em; }
.tx40    { font-size: 4.0em; }
.tx44    { font-size: 4.4em; }
.tx50    { font-size: 5.0em; }
.tx65    { font-size: 6.5em; }
.tx80    { font-size: 8.0em; }

.li12    { line-height: 1.2 !important; }
.li13    { line-height: 1.3 !important; }
.li14    { line-height: 1.4 !important; }
.li16    { line-height: 1.6 !important; }
.li18    { line-height: 1.8 !important; }
.li19    { line-height: 1.9 !important; }
.li20    { line-height: 2.0 !important; }
.li26    { line-height: 2.6 !important; }



/** margin */
/**************************************/
.ma0  { margin:  0px !important; }
.ma5  { margin:  5px !important; }
.ma10 { margin: 10px !important; }
.ma15 { margin: 15px !important; }
.ma20 { margin: 20px !important; }

.mt0  { margin-top:  0px !important; }
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt110 { margin-top: 110px !important; }
.mt170 { margin-top: 170px !important; }
.mt180 { margin-top: 180px !important; }
.mt200 { margin-top: 200px !important; }

.mr0  { margin-right:  0px !important; }
.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }

.mb0  { margin-bottom:  0px !important; }
.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

.ml0   { margin-left:   0px !important; }
.ml5   { margin-left:   5px !important; }
.ml10  { margin-left:  10px !important; }
.ml15  { margin-left:  15px !important; }
.ml20  { margin-left:  20px !important; }
.ml25  { margin-left:  25px !important; }
.ml30  { margin-left:  30px !important; }
.ml35  { margin-left:  35px !important; }
.ml40  { margin-left:  40px !important; }
.ml45  { margin-left:  45px !important; }
.ml50  { margin-left:  50px !important; }
.ml120 { margin-left: 120px !important; }

.ma_auto { margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 640px) {
  .sp_mpt0 {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }
  .sp_mt0 {margin-top: 0px !important;}
  .sp_mt10 {
    margin-top: 10px !important;
  }
  .sp_mt20 {
    margin-top: 20px;
  }
  .sp_mb10 {margin-bottom: 10px !important;}
}


/** padding */
/**************************************/
.pa0  { padding:  0px !important; }
.pa3  { padding:  3px !important; }
.pa5  { padding:  5px !important; }
.pa10 { padding: 10px !important; }
.pa15 { padding: 15px !important; }
.pa20 { padding: 20px !important; }

.pt0  { padding-top:  0px !important; }
.pt5  { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pt170 { padding-top: 170px !important; }

.pr0  { padding-right:  0px !important; }
.pr5  { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

.pb0  { padding-bottom:  0px !important; }
.pb5  { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb80 { padding-bottom: 80px !important; }

.pl0  { padding-left:  0px !important; }
.pl5  { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }

/** clear */
/**************************************/
.cl:after{
  content:         ".";
  display:         block;
  height:          0;
  clear:           both;
  visibility:      hidden;
}

@media only screen and (max-width: 640px) {
  .inner_banner h1 {
    font-size: 20px;
  }
  .heading_common { font-size:18px !important;  }
  .sp_none { display: none !important;  }
  .sp_w48p { display: inline-block !important; width: 48% !important;  }
  .sp_w100p { display: block !important; width: 100% !important;  }
  .spmt20 {
    margin-top:20px !important;
  }
  .sp_mt0{margin-top: 0 !important;}
}

/* img align */

.alignnone {
    clear: both;
    margin: 0.25em;
    }

.aligncenter {
    display: block;
    clear: both;
    margin: 0.25em auto 1.5em;
    }
.alignleft {
    float: left;
    clear: both;
    margin: 0.25em 1.5em 1.5em 0;
    }
.alignright {
    float: right;
    clear: both;
    margin: 0.25em 0 1.5em 1.5em;
    }
    
@media screen and (max-width:768px) {
  .alignleft,
  .alignright,
  .aligncenter{
    clear: both;
    margin: 0.25em;
  }
}


/* page-top */
#page-top {
  position: fixed;
  bottom: 60px;
  right: 20px;
  font-size: 77%;
}
#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 80px;
  padding: 15px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  background: #999;
}

.h_border_ccc {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.honbun {
  /*padding: 0 10px;*/
}


.img-responsive {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


.tx1811 p{
  margin-bottom: 10px;
  margin-top: 20px;
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.3;
}
.blue_line{
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;
}

/*YouTubeレスポンシブサイズ*/
.youtube {
    position: relative;
	 height: 0;
	 padding: 30px 0 56.25%;
	 overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #222539
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -28px;
    left: -3px;
    padding: 0 9px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    font-size: 17px;
    background: #222539;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.square1 {
  list-style-type: square;
}


/*----------------------

2020.06.09 nao

----------------------*/
	
.news_post ul {
list-style-type: disc;
padding-left: 30px;
}
	
.tab_nav_holder ul {
padding-left: 0;
}

/* #topUnderText h3.bgeneral,
h3.bgeneral	{
border-left: none;
color: #222439;
background-color: #f7f8f8;
padding: 0.5em 0;
border-top: solid 1px #222439;
border-bottom: solid 1px #222439;
} */

.tail {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}	
	
footer {
    background: none;
    padding-top: 81px;
}

footer .bottom_footer {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}	
	
.fooone {
    background-color: #efefef;
    color: #555;
    padding: 30px 0;
}
	
.footwo {
    background-color: #222439;
    color: #555;
    padding: 30px 0;
}
	
.foothree {
    background-color: #272727;
    color: #fff;
    padding: 0;
}	

.tail {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
}	
	
.caret_list {
   float: left;	
   color: #9b9b9b;		
}
	
.caret_list a {
   color: #9b9b9b;		
}
	
.block {
    display: block;
}	

.panel-default {
    border-color: #1f2d42;
}

.panel-title {
	border: none;
    font-size: 20px;
    line-height: 1.25em;
    max-height: 3.75em;	
	overflow: hidden;
	padding: 0;
}
	
.panel-list .panel-body > .row {
    display: flex;
    justify-content: center;
    align-items: center;
}
	
.panel-list .image > .ht {
    padding-top: 100%;
}

.ht {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 100%;
}

.n200624 {
    border: 2px solid #1f2d42;
    padding: 3px;
}	

.eq {
    display: flex;
    flex-wrap: wrap;	
}

.link_card {
  background-color: lavender;
  padding: 10px;
  margin: 15px 0;
}

.link_card .con_t {
  display: flex;
  align-items: center;
  height: auto;
  padding: 10px;
}

.link_card .con_i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0 0 0 17px;	
}

.link_card .link_card_ttl {	
font-size: 18px;
font-weight: 700;
}

.link_card .link_card_ttl a:hover {
    text-decoration: underline;
}

.foothree {
    color: #fff;
}

.ten {
margin: 0px -80px;
}
	
.ten .col-xs-4 {
float: left;
}

.com_ta .table img {
    max-width: none;
}

.com_ta .table > tbody > tr > td {
vertical-align: middle;
}

.com_ta .table-responsive > .table > tbody > tr > td　{
white-space: normal;
}	
	
.com_ta th {
text-align: center;
}

  .com_ta .com_img {
    width: 100px;
    height: auto;
  }

.com_ta_1 .table-responsive {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}

    .com_ta_1 th:first-child,
	.com_ta_1 td:first-child {
     position: sticky;
     left: 0;
     background: white; /* 背景色を設定 */
     z-index: 2; /* 重なり順を調整 */
}

.com_ta_1 th {
      background: #fff;
      z-index: 3;
}
	
.ico_a {
background-color: #F17C67;
color: #fff;
}
	
.ico_b {
background-color: #FAA55C;
color: #fff;
}
	
.ico_c {
background-color: #009DBF;
color: #fff;
}
	
.is {
font-size: 3em;
font-weight: normal;
}

.br_20 {
    border-radius: 20px;
}


.onemin {
    position: absolute;
    top: 20px;
    margin: 0 10px;
    right: 0;
}	

@media screen and (max-width:767px) {
.onemin {
    top: 18px;
	right: -15px;	
	}
}
	
.onemin_btn {
	font-size: 14px;
	padding: 5px;
}	

	
.inner_banner h1 {
  line-height: 25px;
}	
	
.pt13 {
    padding-top: 13px !important;
}	
.sort_pd {
    padding: 5px;
}
		
.sort_pd h2 {
    margin-top: 0;
}

.num_area {
background-image:
   linear-gradient(-90deg, #404042 50%, transparent 50%),
   linear-gradient(#404042 50%, transparent 50%);
background-size: 20px 20px;
background-color: #373739;
color: #fff;
padding: 0;
font-size: 12px;
}

.num_bg_4 {
background: rgb(255, 255, 255, 0.1);
padding: 5px 15px;
margin: 1px;
}
	
.kensu_num_b {
font-size: 38px;
font-weight: bold;
line-height: 1;
}
	
.kensu_num_s {
font-size: 21px;
font-weight: bold;
}

.up_date {
margin: 0;
text-align: right;
font-size: 12px;
}

.lh_0 {
line-height: 0;
}

.mg_0_1 {
margin: 1px 0;
}

.qa_ar {
margin: 30px 0;
}

.pd_0 {
padding: 0;
}

.question_co::before,
.answer_co::before {
  position: absolute;
  top: 0;
  left: -50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
}

.question_co,
.answer_co {
  position: relative;
  margin-left: 50px;
  min-height: 40px;
  margin-bottom: 10px;
}

.question_co::before {
  color: #fff;
  background: #1F2D41;
  top: -7px;
  content: "Q";
}

.question_co {
  color: #1b2e42;
  font-weight: bold;
}

.answer_co::before {
  top: -7px;
  content: "A";
  background: #D20000;
}

.navbar-brand {
  float: left;
  background: url("https://xn--hdks895vw1bp60bp5t2wed51c.com/wp/wp-content/uploads/2022/06/220606_2.png") no-repeat left center;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: contain;
  height: 77px;
  padding: 0 112px;
  margin: 4px 10px;
}

.sns_icon a {
color: #fff;
margin: 1em 0;	
}
				
.sns_icon a :hover {
  text-decoration: none;
}

.side_ttl {
    font-family: 'Alegreya',"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝";
    font-weight: 700;
    font-size: 20px;
    color: #262626;
    margin-bottom: 9px;
    border-left: solid #354a6b 10px;
    padding-left: 10px;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
}	
	
.side_ttl:first-letter {
  font-size:150%;
}

.point_here {
    background-color: #222439;
    padding: 10px !important;
    margin: 0 0 10px 0;
    color: #fff;
    text-align: center;
}

@media screen and (max-width:767px) {
.point_here {
    font-size: 12px;
}
}
	
.ll_ttl {
    font-family: 'Alegreya',"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝";
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: -4px;
    margin-bottom: 6px;
    padding: 0.5em 0.75em;
    background: #354a6b;
    position: relative;
}

.ll_ttl::before,
.ll_ttl::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #354a6b;
  position: absolute;
  left: 0;
}

.ll_ttl::before {
  top: -2px;
}

.ll_ttl::after {
  bottom: -2px;
}


#toc_container {
width: 100% !important;
}

.easy_bg {
background: #f3f3f3;
padding: 1em;
}

.easy_ttl {
border: none;
border-radius: none;
text-align: center;
font-weight: bold;
font-size: 19px;
}

.easy_card {
position: relative;
background: #fff;
border: 2px solid #1f2d42;
padding: 3px 10px;
margin : 1em;
height: 100%;
}

.easy_card .easy_num {
position: absolute;
display: inline-block;
top: -10px;
left: -15px;
padding: 0 9px;
height: 25px;
line-height: 25px;
font-size: 17px;
font-weight: bold;
color: #fff;
}
	
.easy_card .easy_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #fff;
    line-height: 1;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.easy_card .num_01 {
background: #cda240;
}
	
.easy_card .num_02 {
background: #97a3ad;
}
	
.easy_card .num_03 {
background: #8a4e22;
}

.easy_txbg {
position: relative;
text-align: center;
background: lavender;
margin-bottom: 20px;
font-weight: bold;	
}

.easy_txbg:before {
position: absolute;
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
border-top-color: lavender;
border-width: 15px;
margin-left: -15px;
}

.easy_txbg p {
margin: 0;
}

.kk {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border: 3px solid #e0d0c9;
    padding: 20px;
    margin: 20px;
}

.kk_i {
    flex-basis: 9%;
}

.kk_c {
    flex-basis: 84%;
    padding-left: 20px;
}

.kk_name {
font-size: 19px;
font-weight: bold;
}

.kk_r {
    font-size: 95%;
    padding-left: 12%;
}


.btn_eath {
color: #fff;
background-color: #07A097;
border-color: #07A097;
}

.btn_hibari {
color: #fff;
background-color: #F06C3C;
border-color: #F06C3C;
}

.btn_withyou {
color: #fff;
background-color: #18538B;
border-color: #18538B;
}

.btn_fukuda {
color: #fff;
background-color: #EB3C35;
border-color: #EB3C35;
}

.btn_hatano {
color: #fff;
background-color: #1F8C5E;
border-color:#1F8C5E;
}

.btn_lightus {
color: #fff;
background-color: #223353;
border-color:#223353;
}

.btn_other {
color: #333;
background-color: #fff;
border-color:#333;
}

.fs_13 {
font-size: 13px;
}

.pd_r_15 {
padding-right: 15px;
}

.ten_check_ttl {
background-color: #035591;
padding: 10px;
color: #fff;
vertical-align: middle;
font-size: 32px;
font-weight: 600;
text-align: center;
}

.pd_0_20 {
padding: 0 20px;
}

.mg_0 {
margin: 0;
}

.maruc {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
line-height: 25px;
vertical-align: middle;
background-color: #035591;
color: #fff;
font-weight: 600;
margin: 0px;
}

.afdot {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.shiei_box {
border: solid 1px #1e2678;
background-color: rgba(30,38,120, 0.1);
border-radius: 5px;
padding: 2px;
color: #1e2678;
}	

	
.ttl_230118 {
    font-size: 22px;
    padding: 0.5em 0.75em;
    border: 1px solid #222439;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 10px;
　font-family: inherit;
    line-height: 1.1;
    color: inherit;
}

.star5_rating {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC;
    font-size: 21px;
}

.star5_rating:before,
.star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */


.label_pr {
    background-color: #1F2D41;
    line-height: 3;
    color: #FFFFFF;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 20px;
    margin-right: 5px;
}	


.merit {
background: #f3f3f3;
padding: 15px;
margin: 15px;
}

.merit .merit_ttl {
font-size: 19px;
font-weight: bold;
border-bottom: solid #354a6b 2px;
text-align: center;
}

.merit ol {
  list-style: none; /* リストスタイルを非表示にする */
  counter-reset: li; /* カウンターをリセットする */
  padding: 0; /* パディングをゼロにする */
  font-weight: bold;
  font-size: 16px;
  margin: 1em 0;	
}

.merit li {
  position: relative; /* 相対位置指定 */
  padding-left: 3em; /* 右側の余白を設定 */
  line-height: 2em;
}

.merit li::before {
  color: #D20000;
  font-size: 27px;
  font-weight: bold;
  content: counter(li); /* カウンターの値を表示 */
  counter-increment: li; /* カウンターを増やす */
  position: absolute; /* 絶対位置指定 */
  text-align: right; /* 右揃えにする */
  left: 0; /* 左端に配置 */
  top: 0;
  width: 1.5em; /* 数字部分の幅を設定 */
  bottom:0;
}

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

h2.ranking_1,
h2.ranking_2,
h2.ranking_3,
h2.ranking_other,
h3.ranking_1,
h3.ranking_2,
h3.ranking_3,
h3.ranking_other {
    /* padding-left: 50px !important; */
    border: 0;
}	
	
	
.ten {
margin: 0 -40px;
}
}	
	
@media screen and (max-width:991px) {
.ten {
margin: 0;
}
}

@media screen and (max-width:768px) {
	
.n200624 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    display: block;
	word-wrap: break-word; 
}
	
.num_area {
padding : 2px 0 0;
margin-bottom: 1px;
}	
	
.num_bg {
padding : 10px;
margin: 5px;
}
	
.kensu_num_b {
font-size: 19px;
font-weight: bold;
}		
	
.kensu_num_s {
font-size: 12px;
}
	
.pd-rl20 {
	padding: 0 20px;	
}

.mg-rl10 {
	margin: 0 10px;
}	
	
.panel-body h2 {
	background: none;	
}
.panel-title {
	margin: 0 10px;
}	

.ten {
margin: 0 20px;
}
	
.sns_icon {
text-align: center;
}
	
.navbar-brand {
  height: 47px;
  padding: 0 90px;
  margin: 0px 5px;
}
	
.col-xs-4 {
float: left;
}
	
.easy_card {
padding: 3px;
margin: 1em 0.1em;
}
	
.easy_card .easy_num {
top: -15px;	
font-size: 12px;
}
	
.easy_txbg {
line-height: 1;
padding: 5px;
}
	
.easy_card p {
font-size: 13px;
line-height: 1;
}	

.ten_check_ttl {
font-size: 16px;	
}
	
.pd_0_20 {
padding: 0px 10px;
font-size: 10px;
}

.kk_r {
    padding-left: 0;
}	
	
.heading_common {
    font-size: 16px !important;
}
	
.ttl_230118 {
    margin: 0.1em 0;	
}
	
.searchBox.nocolor .ttl_230118 {
    margin-top: 0;
    padding: 0.2em 0.5em;
	font-size: 17px;	
}

 #topSelectRankPost .ttl_230118 {
    border: 1px solid #222439;
    border-radius: 4px;
    background: 0;
	font-size: 15px;
}		
	
  h3.ranking_1 {
    background: #a07f32 !important;
  }
	
  h3.ranking_2 {
    background: #97a3ad !important;
  }
	
  h3.ranking_3 {
    background: #8a4e22 !important;
  }
	
  h3.ranking_other {
    background: #222439 !important;
  }		

h3.ranking_1,
h3.ranking_2,
h3.ranking_3,
h3.ranking_other {
    /* padding-left: 40px !important; */
    border: 0;
}

h3.ranking_1 {
    background: #a07f32 !important;
}

h3.ranking_1 a,
h3.ranking_2 a,
h3.ranking_3 a,
h3.ranking_other a {
    color: #fff !important;
    text-decoration: underline !important;
}

	
  h3.listHeading2 {
    font-size: 18px;
    text-align: left;
  }
	
.merit li {
    padding-left: 2.4em;	
}		
	
.merit li::before {
    font-size: 19px;
}
			
}


/*----------------------

2023.11.30~ 追加

----------------------*/

.tx_lc_2 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
font-size: 16px;
padding-bottom: 0;	
}
	
.tx_lc_3 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
padding-bottom: 0;	
}	
	
.top_tile_img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}	

.k_t_wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 630px;
}
	
.k_t_img {
    position: absolute;
    top: 0;
    left: 0;
}	

.pd_05 {
	padding: 0.5em;	
	}	
	
.pd_1 {
	padding: 1em;	
	}	

.mg_01 {
	margin: 0.1em;	
	}	
	
.mg_05 {
	margin: 0.5em;	
	}	
	
.mg_1 {
	margin: 1em;	
	}	
	
.mg_1_0 {
	margin: 1em 0;	
	}		
	
.mg_2_0 {
	margin: 2em 0;	
	}
	
.mg_3_0 {
	margin: 3em 0;	
	}	


.rankf_1,
.rankf_2,
.rankf_3,
.rankf_other {
    position: relative;
    display: inline-block;
    width: 60px; /* 画像の幅と高さに合わせる */
    height: 60px;
    background-size: cover;
    margin-right: 10px; /* 画像とテキストの間隔 */
    text-align: center;
    font-size: 24px; /* 数字の大きさを調整 */
    color: #ffffff; /* 数字の色を調整（必要に応じて） */
padding-top: 15px;
}

.rankf_1 {
    background-image: url('https://saimu.cieloazul.co.jp/wp/wp-content/themes/mod/images/common/ranking_1.png');
}

.rankf_2 {
    background-image: url('https://saimu.cieloazul.co.jp/wp/wp-content/themes/mod/images/common/ranking_2.png');
}

.rankf_3 {
    background-image: url('https://saimu.cieloazul.co.jp/wp/wp-content/themes/mod/images/common/ranking_3.png');
}

.rankf_other {
    background-image: url('https://saimu.cieloazul.co.jp/wp/wp-content/themes/mod/images/common/ranking_other.png');
}	
	
@media screen and (max-width:768px) {
.rankf_1,
.rankf_2,
.rankf_3,
.rankf_other {
    width: 30px; /* 画像の幅と高さに合わせる */
    height: 30px;
    margin-right: 0; /* 画像とテキストの間隔 */
    font-size: 20px; /* 数字の大きさを調整 */
padding-top: 3px;
	margin-bottom: 5px;
}

}

.result-section {
display: none;
}	
	
#dcdt {
    margin-left: 30px;
    margin-right: 30px;
}

#dcdt .form-control {
height: 60px;
}

.eq {
    display: flex;
    flex-wrap: wrap;
}
.con_t {
    display: flex;
    justify-content: left;
    align-items: center;
    height: auto;
    padding: 0;
    padding-left: 15px;
}

.pd_r_0 {
 padding-right: 0;
}

.pd_l_0 {
 padding-left: 0;
}

/* ラジオボタンのラベルを黒枠線で囲むためのスタイル */
.radio-label {
border: 1px solid black;
padding: 15px;
width: 100%;
text-align: center;
}
#result {
background: #f3f3;
}
.dcdt_r_ttl{
text-align: center;
color: red;
font-weight: 600;
font-size: 21px;
}

.dcdt_r_bg {
    background: #f7f7f7;
    padding: 25px;
    margin: 1em 0;
    font-size: 21px;
    font-weight: 600;
}

.top-h1 {
 font-size: 24px !important;
padding-top: 8px;
	padding-bottom: 20px;
}
@media screen and (max-width:768px) {
.top-h1 {
 font-size: 20px !important;
}
}
@media screen and (max-width:450px) {
.top-h1 {
 font-size: 16px !important;
}
}
.p-articleMetas.-frontpage {
    margin-top: .75em;
	margin-bottom: 2rem;
}

.p-articleMetas {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: .625em;
    padding: 0 1px;
}

.post_content h2#saimuseiriosusume {
	margin: 3em 0 2em;
}
@media (max-width: 767px) {
.post_content h2#saimuseiriosusume {
	margin-top: 2rem;
}
}
.top-kansyu {
margin-top: 14px;
}
.kansyu {
margin-top: 14px;
margin-bottom:0.5rem;
}
.kansyu a {
display: inline;
}
.hensyu a {
display: inline;
}
.l-mainContent__inner .post_content {
    margin: 1em 0;
}

p:has(> img) {
  margin-bottom: 0 !important;
}
p img {
  margin-bottom: 10px !important;
}