@charset "utf-8";

/* ======================================================
 * cp.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Override
 * - Page Component
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Page Component
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */
  .container {
    max-width: inherit;
    margin: 0;
    padding: 0;
  }
  
  /* ----- mainBody ----- */
  body.bar-v1 #mainBody {
    background-color: #ffec3f;
  }
  body.sumikko #mainBody {
    background-color: #f0908a;
  }
  /* ----- infoBlock ----- */
  body.bar-v1 #infoBlock
  body.sumikko #infoBlock {
    margin-bottom: 0;
  }

  /* ------------------------------------------------------
   * keikyukawasaki_bar2019
  ------------------------------------------------------ */
  /* ----- mainView ----- */
  [data-sidebar="true"] .contents {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
  }
  /* ----- mainView ----- */
  .bar-v1-layout .mainView .image-set {
    margin-top: 0;
  }
  .bar-v1-layout .mainView .image-set .image_inner,
  .bar-v1-layout .mainView .image-set .image_inner img {
    width: 100%;
  }
  .image-set.map .image_inner,
  .image-set.map .image_inner img {
    width: 100%;
  }
  /* ----- bar-contents ----- */
  /* bar-contents-wrap */
  .bar-contents .bar-contents-wrap {
    padding: 5px 25px 20px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
  }
  .bar-contents .bar-contents-wrap .icon {
    position: relative;
    padding: 0 0 0 90px;
  }
  .bar-contents .bar-contents-wrap .icon::before {
    position: absolute;
    content: "";
    width: 64px;
    height: 65px;
    top: 0;
    left: 0;
  }
  .bar-contents.type-orange .bar-contents-wrap .icon::before {
    background: url(/cp/keikyukawasaki_bar2019/img/index_ic01.png) no-repeat;
  }
  .bar-contents.type-green .bar-contents-wrap .icon::before {
    background: url(/cp/keikyukawasaki_bar2019/img/index_ic02.png) no-repeat 0 0;
  }
  .bar-contents .bar-contents-wrap .icon + .icon::before {
    top: 25px;
  }
  .bar-contents.type-orange .bar-contents-wrap .icon + .icon {
    margin-top: 15px;
    padding-top: 25px;
    background: url(/cp/keikyukawasaki_bar2019/img/index_ex01.png) no-repeat 50% 0;
  }
  /* bar-contents-wrap-v2 */
  .bar-contents-wrap-v2 {
    margin: 10px 25px;
  }
  .bar-contents-wrap-v2 .column-media {
    margin-top: 0;
  }
  /* text-paragraph */
  .bar-contents .text-paragraph {
    margin-top: 0.7em;
  }
  /* list */
  .bar-contents .list-note {
    margin-top: 0.2em;
  }
  .bar-contents .list-note > li {
    font-size: 1.4rem;
  }
  .bar-contents .bar-DL {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
  } 
  .bar-contents .bar-DL.no-column {
    display: block;
  } 
  .bar-contents .bar-DL > dt,
  .bar-contents .bar-DL.bar-DL-heading > dd {
    font-size: 2.0rem;
    font-weight: bold;
  } 
  .bar-contents.type-orange .bar-DL > dt {
    color: #f77a00;
  } 
  .bar-contents.type-green .bar-DL > dt {
    color: #249ca3;
  } 
  .bar-contents .bar-DD-colmun {
    display: flex;
  } 
  .bar-contents .bar-DD-colmun + .bar-DD-colmun {
    margin-top: 1em;
  } 
  .bar-contents .list-bullet-v3 {
    margin-top: 0;
  } 
  /* ----- bar-heading ----- */
  .bar-heading-lv3 {
    font-size: 2.0rem;
    line-height: 1.3;
  }
  .bar-heading-lv3 .bar-heading_subtitle,
  .bar-heading-lv3 .bar-heading_title {
    font-weight: bold;
  }
  .bar-contents.type-orange .bar-heading-lv3 .bar-heading_subtitle {
    color: #f77a00;
  }
  .bar-contents.type-green .bar-heading-lv3 .bar-heading_subtitle {
    color: #249ca3;
  }
  section + section .bar-heading-lv3-v2 {
    margin-top: 35px;
  }
  /* ----- bar-attention ----- */
  .bar-attention {
    margin: 20px 0 35px;
  }
  .bar-attention .text-attention {
    color: #cc0000;
  }
  .bar-attention .list-note {
    margin-top: 0.2em;
  }
  .bar-attention .list-note > li {
    font-size: 1.4rem;
  }
  .bar-attention .list-note > li + li {
    margin-top: 0.2em;
  }
  /* ----- bar-contact-layout ----- */
  .bar-contact-layout {
    display: flex;
    align-items: center;
    margin: 25px 0 0;
    padding: 15px 25px;
    border: 3px solid #ccc;
    background: #fff url(/cp/keikyukawasaki_bar2019/img/index_ic03.png) no-repeat 25px 50%;
  }
  .bar-contact-layout > .bar-contact-col:first-child {
    width: calc(100% - 350px);
    padding-left: 145px;
  }
  .bar-contact-layout > .bar-contact-col + .bar-contact-col {
    width: auto;
    margin-left: 2%;
  }
  .bar-contact-heading_title {
    font-size: 2.1rem;
    line-height: 1.5;
    font-weight: bold;
  }
  .tel-contents > p {
    font-size: 2.0rem;
    line-height: 1.3;
    font-weight: bold;
  }
  .tel-contents > p > .tel-number > a {
    font-size: 2.8rem;
    font-weight: bold;
  }
  .tel-contents > .tel-note {
    font-size: 1.3rem;
    font-weight: bold;
  }
  /* ----- bar-credit-layout ----- */
  .bar-credit-layout {
    margin-top: 15px;
  }
  .bar-credit-layout > .column-media {
    margin-top: 0;
  }
  .bar-credit-layout > .column-media .credit-DL > dt,
  .bar-credit-layout > .column-media .credit-DL > dd{
    display: inline-block;
    vertical-align: middle;
  }
  .bar-credit-layout > .column-media .credit-DL > dt {
    margin-right: 1em;
  }
  .bar-credit-layout > .column-media .credit-list {
    display: flex;
  } 
  .bar-credit-layout > .column-media .credit-list > li {
    margin-right: 1em;
  } 
  .bar-credit-layout > .column-media .credit-list > li:last-child {
    margin-right: 0;
  } 
  
  /* ------------------------------------------------------
   * sumikko
  ------------------------------------------------------ */
  /* ----- sumikko-layout ----- */
  body.sumikko .sumikko-layout {
    margin-bottom: 35px;
  }
  body.sumikko .sumikko-layout .mainView .image-set {
    margin-top: 0;
  }
  body.sumikko .sumikko-layout-v2 {
    text-align: center;
  }
  body.sumikko .sumikko-layout-v2 + .sumikko-layout-v2 {
    margin-top: 20px;
  }
  body.sumikko .sumikko-layout-v2 .sumikko-column-layout {
    margin-top: 25px;
  }
  body.sumikko .sumikko-layout-v2 + .sumikko-layout-v2 .image-set,
  body.sumikko .image-set.logo-icon {
    margin-top: 30px;
  }
  /* ----- sumikko-button ----- */
  body.sumikko .sumikko-button {
    margin-bottom: 20px;
  }
  /* ----- sumikko-text ----- */
  body.sumikko .sumikko-text {
    margin-top: 0.7em;
    color: #6a4a31;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  /* ----- sumikko-column-layout ----- */
  .sumikko-column-layout {
    max-width: 1010px;
    margin: 1em auto;
  }
  [data-browser="ie11"] .sumikko-column-layout .image-set .image_inner img {
    width: 100%;
  }
  
  /* ------------------------------------------------------
   * daishisen_headmark
  ------------------------------------------------------ */
  /* ----- container ----- */
  body.headmark #mainBody > .container {
    margin-top: 40px;
  }
  /* ----- tab-layout ----- */
  body.headmark .tab-layout.is-headmark > .tab_detail {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%) 55px;
    background: #a30000;
  }
  body.headmark .tab-layout > .tab_detail + .tab_navi {
    margin-top: 0;
  }
  /* ----- mainView ----- */
  body.headmark .mainView {
    margin-bottom: 35px;
  }
  body.headmark .mainView .image-set {
    margin-top: 0;
  }
  /* ----- heading-headmark ----- */
  body.headmark .heading-headmark {
    padding: 75px 0 60px;
  }
  body.headmark .heading-headmark-v2 {
    padding: 35px 0 20px;
  }
  /* ----- text-lead-headmark ----- */
  body.headmark .text-lead-headmark {
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
  }
  /* ----- headmark-list-bullet ----- */
  body.headmark .headmark-list-bullet {
    margin-top: 0;
  }
  body.headmark .headmark-list-bullet > li {
    position: relative;
    padding-left: 25px;
  }
  body.headmark .headmark-list-bullet > li::before {
    position: absolute;
    top: .5em;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    content: "";
  }
  body.headmark .headmark-list-bullet > li + li {
    margin-top: .1em;
  }
  /* ----- headmark-info ----- */
  body.headmark .headmark-info {
    margin-top: 60px;
  }
  body.headmark .headmark-info > dl {
    display: flex;
  }
  body.headmark .headmark-info > dl + dl {
    margin-top: 25px;
  }
  body.headmark .headmark-info > dl > dt {
    width: 120px;
  }
  body.headmark .headmark-info > dl > dd {
    width: calc(100% - 120px);
    color: #fff;
  }
  body.headmark .headmark-info > dl > dd .list-note {
    margin-top: .3em;
  }
  body.headmark .headmark-info > dl > dd .list-note > li {
    font-size: 1.4rem;
  }
  body.headmark .headmark-info > dl > dd .list-note > li + li {
    margin-top: .3em;
  }
  /* ----- image-set-btn ----- */
  body.headmark .image-set-btn {
    margin: 60px 0 0;
    text-align: center;
  }
  body.headmark .image-set-btn > a {
    display: inline-block;
    transition: all .2s ease-out 0s;
  }
  body.headmark .image-set-btn > a:hover {
    opacity: 0.7;
  }
  /* ----- headmark-movie ----- */
  body.headmark .headmark-movie {
    margin-top: 40px;
    text-align: center;
  }
  /* ----- image-set-btn ----- */
  body.headmark .contact-img {
    margin-top: 40px;
  }
  /* ----- box-layout-headmark ----- */
  body.headmark .box-layout-headmark {
    padding: 30px;
    background-color: #fff;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap {
    margin-top: 0;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap + .box-layout-headmark-wrap {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap > .box_title {
    margin-bottom: 10px;
    text-align: center;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap > .box_detail .list-note {
    margin-top: 0;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap > .box_detail .list-note > li {
    font-size: 1.4rem;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap > .box_detail .list-note > li + li {
    margin-top: .3em;
  }
  /* ----- text-headmark ----- */
  body.headmark .text-white * {
    color: #fff;
  }
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
/***
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
}
@media screen and (min-width: 768px) and (max-width: 1830px) {
}
@media screen and (min-width: 768px) and (max-width: 1660px) {
}
@media screen and (min-width: 768px) and (max-width: 960px) {
}
@media screen and (min-width: 768px) and (max-width: 896px) {
}
@media screen and (min-width: 768px) and (max-width: 834px) {
}
@media screen and (min-width: 768px) and (max-width: 812px) {
}
***/

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */
  /* ----- mainBody ----- */
  body.bar-v1 #mainBody {
    background-color: #ffec3f;
  }
  body.sumikko #mainBody {
    background-color: #f0908a;
  }
  /* ----- infoBlock ----- */
  body.bar-v1 #infoBlock
  body.sumikko #infoBlock {
    margin-bottom: 0;
  }
  /* ----- pageGuide ----- */
  body.bar-v1 .pageGuide,
  body.sumikko .pageGuide {
    background-color: #fff;
  }

  /* ------------------------------------------------------
   * keikyukawasaki_bar2019
  ------------------------------------------------------ */
  /* ----- mainView ----- */
  [data-sidebar="true"] .contents {
    max-width: 1200px;
    margin: 0 auto;
  }
  /* ----- mainView ----- */
  .bar-v1-layout .mainView {
    margin-bottom: 30px;
  }
  .bar-v1-layout .mainView .image-set {
    margin-top: 0;
  }
  .bar-v1-layout .mainView .image-set .image_inner,
  .bar-v1-layout .mainView .image-set .image_inner img {
    width: 100%;
  }
  .image-set.map {
    margin-bottom: 2em;
  }
  .image-set.map .image_inner,
  .image-set.map .image_inner img {
    width: 100%;
  }
  /* ----- bar-contents ----- */
  /* bar-contents-wrap */
  .bar-contents .bar-contents-wrap {
    padding: 5px 15px 20px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
  }
  .bar-contents .bar-contents-wrap .icon {
    position: relative;
    padding: 0 0 0 45px;
  }
  .bar-contents .bar-contents-wrap .icon::before {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    top: 0;
    left: 0;
    background-size: 35px !important;
  }
  .bar-contents.type-orange .bar-contents-wrap .icon::before {
    background: url(/cp/keikyukawasaki_bar2019/img/index_ic01.png) no-repeat;
  }
  .bar-contents.type-green .bar-contents-wrap .icon::before {
    background: url(/cp/keikyukawasaki_bar2019/img/index_ic02.png) no-repeat 0 0;
    background-size: auto 3px;
  }
  .bar-contents .bar-contents-wrap .icon + .icon::before {
    top: 25px;
  }
  .bar-contents.type-orange .bar-contents-wrap .icon + .icon {
    margin-top: 15px;
    padding-top: 25px;
    background: url(/cp/keikyukawasaki_bar2019/img/index_ex01.png) no-repeat 50% 0;
  }
  /* bar-contents-wrap-v2 */
  .bar-contents-wrap-v2 {
    margin: 10px 10px;
  }
  .bar-contents-wrap-v2 .column-media {
    margin-top: 0;
  }
  /* text-paragraph */
  .bar-contents .text-paragraph {
    margin-top: 0.7em;
  }
  /* list */
  .bar-contents .list-note {
    margin-top: 0.2em;
  }
  .bar-contents .list-note > li {
    font-size: 1.2rem;
  }
  .bar-contents .bar-DL {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
  } 
  .bar-contents .bar-DL.no-column {
    display: block;
  } 
  .bar-contents .bar-DL > dt,
  .bar-contents .bar-DL.bar-DL-heading > dd {
    min-width: 3.3em;
    font-size: 1.7rem;
    font-weight: bold;
  } 
  .bar-contents .bar-DL > dt {
    margin-bottom: 5px;
  } 
  .column_detail .bar-DL.time > dt {
    min-width: 7em;
  } 
  .bar-contents.type-orange .bar-DL > dt {
    color: #f77a00;
  } 
  .bar-contents.type-green .bar-DL > dt {
    color: #249ca3;
  } 
  .bar-contents .bar-DL .list-bullet-v2,
  .bar-contents .bar-DL .list-bullet-v2 li {
    margin-top: 0.5em !important;
  } 
  .bar-contents .bar-DD-colmun {
    display: flex;
  } 
  .bar-contents .bar-DD-colmun > .f-bold {
    min-width: 3.5em;
  } 
  .bar-contents .bar-DD-colmun + .bar-DD-colmun {
    margin-top: 1em;
  } 
  .bar-contents .list-bullet-v3 {
    margin-top: 0;
  } 
  /* ----- bar-heading ----- */
  .bar-heading-lv3 {
    font-size: 1.7rem;
    line-height: 1.3;
  }
  .bar-heading-lv3 .bar-heading_subtitle,
  .bar-heading-lv3 .bar-heading_title {
    font-weight: bold;
  }
  .bar-contents.type-orange .bar-heading-lv3 .bar-heading_subtitle {
    color: #f77a00;
  }
  .bar-contents.type-green .bar-heading-lv3 .bar-heading_subtitle {
    color: #249ca3;
  }
  section + section .bar-heading-lv3-v2 {
    margin-top: 20px;
  }
  .bar-contents-heading > .image_inner > img {
    width: 100%;
  }
  /* ----- bar-attention ----- */
  .bar-attention {
    margin: 10px 0 10px;
  }
  .bar-attention .text-attention {
    color: #cc0000;
  }
  .bar-attention .list-note {
    margin-top: 0.2em;
  }
  .bar-attention .list-note > li {
    font-size: 1.2rem;
  }
  .bar-attention .list-note > li + li {
    margin-top: 0.2em;
  }
  /* ----- bar-contact-layout ----- */
  .bar-contact-layout {
    display: block;
    align-items: center;
    margin: 25px 0 0;
    padding: 15px 15px;
    border: 3px solid #ccc;
    background: #fff;
  }
  .bar-contact-layout > .bar-contact-col:first-child {
  }
  .bar-contact-layout > .bar-contact-col + .bar-contact-col {
    width: auto;
    margin-top: 10px;
  }
  .bar-contact-heading {
    margin-bottom: 10px;
  }
  .bar-contact-heading_title {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 0 10px 80px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: bold;
    background: url(/cp/keikyukawasaki_bar2019/img/index_ic03.png) no-repeat 0 50%;
    background-size: 77px auto;
  }
  .tel-contents > p {
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: bold;
  }
  .tel-contents > p > .tel-number > a {
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    text-decoration: none;
  }
  .tel-contents > .tel-note {
    font-size: 1.1rem;
    font-weight: bold;
  }
  /* ----- bar-credit-layout ----- */
  .bar-credit-layout {
    margin-top: 15px;
  }
  .bar-credit-layout > .column-media {
    margin-top: 0;
  }
  .bar-credit-layout > .column-media .credit-DL > dt,
  .bar-credit-layout > .column-media .credit-DL > dd{
    display: inline-block;
    vertical-align: top;
  }
  .bar-credit-layout > .column-media .credit-DL > dt {
    margin-right: 1em;
  }
  .bar-credit-layout > .column-media .credit-list > li {
    margin-right: 1em;
    line-height: 1.7;
  } 
  .bar-credit-layout > .column-media .credit-list > li:last-child {
    margin-right: 0;
  } 
  
  /* ------------------------------------------------------
   * sumikko
  ------------------------------------------------------ */
  /* ----- sumikko-layout ----- */
  body.sumikko .sumikko-layout {
    margin-bottom: 35px;
  }
  body.sumikko .sumikko-layout .mainView .image-set {
    margin-top: 0;
  }
  body.sumikko .sumikko-layout-v2 {
    text-align: center;
  }
  body.sumikko .sumikko-layout-v2 + .sumikko-layout-v2 {
    margin-top: 10px;
  }
  body.sumikko .sumikko-layout-v2 .sumikko-column-layout {
    margin-top: 15px;
  }
  body.sumikko .sumikko-layout-v2 .sumikko-column-layout .column_item:nth-child(even) {
    margin: 10px 0 20px;
  }
  body.sumikko .sumikko-layout-v2 + .sumikko-layout-v2 .image-set,
  body.sumikko .image-set.logo-icon {
    margin-top: 15px;
  }
  /* ----- sumikko-button ----- */
  body.sumikko .sumikko-button {
    margin-bottom: 10px;
  }
  /* ----- sumikko-text ----- */
  body.sumikko .sumikko-text {
    margin-top: 0.7em;
    color: #6a4a31;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  /* ----- sumikko-column-layout ----- */
  .sumikko-column-layout {
    margin-bottom: 10px;
  }
  
  /* ------------------------------------------------------
   * daishisen_headmark
  ------------------------------------------------------ */
  /* ----- tab-layout ----- */
  body.headmark .tab-layout.is-headmark > .tab_detail {
    margin: 0 -15px;
    padding: 0 0 40px;
    background: #a30000;
  }
  body.headmark .tab-layout > .tab_detail > .contents {
    padding: 0 15px;
  }
  body.headmark .tab-layout > .tab_detail + .tab_navi {
    margin-top: 0;
  }
  /* ----- mainView ----- */
  body.headmark .mainView {
    margin-bottom: 10px;
  }
  body.headmark .mainView .image-set {
    margin-top: 0;
  }
  /* ----- heading-headmark ----- */
  body.headmark .heading-headmark {
    padding: 20px 12% 15px;
  }
  body.headmark .heading-headmark-v2 {
    padding: 20px 0 20px;
  }
  /* ----- text-lead-headmark ----- */
  body.headmark .text-lead-headmark {
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
  }
  /* ----- headmark-list-bullet ----- */
  body.headmark .headmark-list-bullet {
    margin-top: 0;
  }
  body.headmark .headmark-list-bullet > li {
    position: relative;
    padding-left: 20px;
  }
  body.headmark .headmark-list-bullet > li::before {
    position: absolute;
    top: .4em;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    content: "";
  }
  body.headmark .headmark-list-bullet > li + li {
    margin-top: .1em;
  }
  /* ----- headmark-info ----- */
  body.headmark .headmark-info {
    margin-top: 30px;
  }
  body.headmark .headmark-info > dl {
  }
  body.headmark .headmark-info > dl + dl {
    margin-top: 25px;
  }
  body.headmark .headmark-info > dl > dt {
    width: 86px;
    margin-bottom: 1em;
  }
  body.headmark .headmark-info > dl > dd {
    color: #fff;
  }
  body.headmark .headmark-info > dl > dd .list-note {
    margin-top: .3em;
  }
  body.headmark .headmark-info > dl > dd .list-note > li {
    font-size: 1.2rem;
  }
  body.headmark .headmark-info > dl > dd .list-note > li + li {
    margin-top: .3em;
  }
  /* ----- image-set-btn ----- */
  body.headmark .image-set-btn {
    margin: 30px 0 0;
    text-align: center;
  }
  body.headmark .image-set-btn > a {
    display: inline-block;
    transition: all .2s ease-out 0s;
  }
  body.headmark .image-set-btn > a:hover {
    opacity: 0.7;
  }
  /* ----- headmark-movie ----- */
  body.headmark .headmark-movie {
    margin-top: 20px;
    text-align: center;
  }
  /* ----- image-set-btn ----- */
  body.headmark .contact-img {
    margin-top: 30px;
  }
  /* ----- headmark-column-layout ----- */
  body.headmark .headmark-column-layout > .column_item {
    margin-top: 25px;
  }
  /* ----- box-layout-headmark ----- */
  body.headmark .box-layout-headmark {
    margin-top: 20px;
    padding: 15px 10px;
    background-color: #fff;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap {
    margin-top: 0;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap + .box-layout-headmark-wrap {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap > .box_title {
    margin-bottom: 5px;
    text-align: center;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap > .box_detail .list-note {
    margin-top: 0;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap > .box_detail .list-note > li {
    font-size: 1.2rem;
  }
  body.headmark .box-layout-headmark > .box-layout-headmark-wrap > .box_detail .list-note > li + li {
    margin-top: .3em;
  }
  /* ----- text-headmark ----- */
  body.headmark .text-white * {
    color: #fff;
  }
  
  
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * SP Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}
***/


/* ======================================================
 * Print
====================================================== */
@media print {
  /* ----- tab-layout ----- */
  body.headmark .tab-layout.is-headmark > .tab_detail {
    width: auto;
    margin: 0;
    padding: 0 0 55px;
  }

}