@charset "UTF-8";
@media screen and (min-width: 768px), print { #grobalNav ul li:nth-child(3) a { border-bottom: 2px solid #f80; } }
.ttl-category { background-image: url(../../../business/images/bg_title_business.png); }

#pharmacy .ttl-page-container { background-color: #e62; }
#pharmacy .ttl-page-container .ttl-page h3 { background-color: #e62; }
#pharmacy #b_link_box li:nth-child(1) a { color: #fff; background-color: #e62; }

#massage .ttl-page-container { background-color: #d01; }
#massage .ttl-page-container .ttl-page h3 { background-color: #d01; }
#massage #b_link_box li:nth-child(2) a { color: #fff; background-color: #d01; }

#real-estate .ttl-page-container { background-color: #093; }
#real-estate .ttl-page-container .ttl-page h3 { background-color: #093; }
#real-estate #b_link_box li:nth-child(3) a { color: #fff; background-color: #093; }

.ttl-page-container .ttl-page { position: relative; }
.ttl-page-container .ttl-page #b_link_box { position: absolute; }

@media screen and (min-width: 768px), print { .ttl-page-container .ttl-page h3 { position: relative; z-index: 10; }
  #b_link_box { top: -32px; left: 242px; display: table; }
  #b_link_box li { display: table-cell; }
  #b_link_box li + li { padding-left: 8px; }
  #b_link_box li a { line-height: 30px; text-decoration: none; background-color: #fff; padding: 2px 16px 0px; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); }
  #b_link_box li:nth-child(1) a { color: #e62; }
  #b_link_box li:nth-child(1) a:hover { color: #fff; background-color: #e62; }
  #b_link_box li:nth-child(2) a { color: #d01; }
  #b_link_box li:nth-child(2) a:hover { color: #fff; background-color: #d01; }
  #b_link_box li:nth-child(3) a { color: #093; }
  #b_link_box li:nth-child(3) a:hover { color: #fff; background-color: #093; }
  header + .section p { font-size: 18px; line-height: 32px; } }
@media screen and (max-width: 767px) { #content header { padding-bottom: 53px; }
  #b_link_box { bottom: -53px; left: 0px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
  #b_link_box li { display: table; font-size: 12px; text-align: center; color: #fff; }
  #b_link_box li:nth-child(1) { width: calc( ( 100% - (8px*2) ) / 40 * 9 ); }
  #b_link_box li:nth-child(2) { width: calc( ( 100% - (8px*2) ) / 40 * 19 ); }
  #b_link_box li:nth-child(3) { width: calc( ( 100% - (8px*2) ) / 40 * 12 ); }
  #b_link_box li a { display: table-cell; text-decoration: none; font-size: 12px; padding: 12px 0px 10px; line-height: 18px; background-color: #fff; border-radius: 5px; border-style: solid; border-width: 1px; }
  #b_link_box li:nth-child(1) a { border-color: #e62; color: #e62; }
  #b_link_box li:nth-child(2) a { border-color: #d01; color: #d01; }
  #b_link_box li:nth-child(3) a { border-color: #093; color: #093; } }
/*------------------------
1. 薬局事業
------------------------*/
.shop_info .shop_text { text-align: center; }

.shop_map .map_img img { border: 1px solid #CCC; }
.shop_map .shop_link { width: 130px; margin-left: auto; }
.shop_map .shop_link img { width: 130px; }
.shop_map .shop_link a:hover img { opacity: 0.7; }

@media screen and (min-width: 768px), print { .shop_mainimage { margin-bottom: 58px; }
  .shop_info .shop_text { margin-top: 16px; }
  .shop_map .shop_link { margin-top: 12px; margin-left: auto; } }
@media screen and (max-width: 991px) and (min-width: 768px) { .shop_mainimage { margin-bottom: 42px; }
  .shop_info .shop_text { margin-top: 14px; font-size: 15px; line-height: 24px; } }
@media screen and (max-width: 767px) { .shop_info { margin-top: 32px; }
  .shop_info .shop_text { margin-top: 8px; }
  .shop_map { margin-top: 24px; }
  .shop_map .shop_link { width: 130px; margin-left: auto; }
  .shop_map .shop_link a { display: block; margin-top: 10px; } }
/*------------------------
2. マッサージ整体事業
------------------------*/
@media screen and (min-width: 768px), print { #tokai_therapy .pho_box p:nth-child(n+3) { margin-top: 32px; }
  #tokai_therapy .shop_map { margin-top: 32px; } }
@media screen and (max-width: 767px) { #tokai_therapy .pho_box p:nth-child(n+3) { margin-top: 16px; }
  #tokai_therapy .shop_map { margin-top: 16px; } }
/*------------------------
3. 不動産業
------------------------*/
@media screen and (max-width: 767px) { #real-estate_content .pho_box p + p { margin-top: 24px; } }