@charset "utf-8";
/* CSS Document */
.chuu-important{
    color:red;
    font-weight: bolder;
}
.img-border{
    line-height: 0;
    border:1px solid #ccc;
}
.section_content{
    margin: 4em 0;
}
/*------------------------------------
ページ内ナビゲーション
--------------------------------------*/
/*sp・pc共通--------------------*/
.page_nav li a{
    position: relative;
    background: #eee;
    color: #E84466;
    border: none;
    border-radius: 8px;
    text-align: center;
}
.page_nav li a:link,
.page_nav li a:visited{
    color: #E84466;
}
.page_nav li .fa {
    position: absolute;
    right: 10px;
    top: 26%;
    font-size: 1.3em;
}

/*sp用--------------------*/
body.view.sp .page_nav li{
    display: block;
    margin: 6px;
}
body.view.sp .page_nav li a{
    display: block;
    padding:10px 0;
}
/*pc用--------------------*/
body.view.pc .page_nav li {
    display: inline-block;
    margin: 6px;
}
body.view.pc .page_nav li a{
    display: inline-block;
    padding: 10px 3em 10px 2em;
}




/*------------------------------------
ご利用方法
--------------------------------------*/
/*sp用--------------------*/
body.view.sp .movie_box {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

body.view.sp .movie_box  iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
/*pc用--------------------*/
body.view.pc .movie_box {
    margin: 0 16px 16px;
}

/*------------------------------------
料金表
--------------------------------------*/
/*sp・pc共通--------------------*/
.fee_info{
  margin: 1em 0 3em 16px;
}
.fee_info th{
    font-weight: bolder;
}
/*sp用--------------------*/
body.view.sp .fee_info tr:first-of-type{
    border-top:1px solid #ccc;
}

body.view.sp .fee_info tr{
    display:block;
    border-bottom:1px solid #ccc; 
    padding:1em 0 1em 1em;

  }
body.view.sp .fee_info th,
body.view.sp .fee_info td{
  display:block;
}
/*pc用--------------------*/
body.view.pc .fee_info tr:first-of-type{
    border-top:1px solid #ccc;
}
body.view.pc .fee_info tr{
    border-bottom:1px solid #ccc; 
    padding:1em 0 1em 1em;
  }
  
body.view.pc .fee_info th,
body.view.pc .fee_info td{
  padding:1em;
}
body.view.pc .fee_info th{
min-width:6em;
}

/*------------------------------------
ナンブベース表
--------------------------------------*/
#price th,
#price td{
padding:5px 0;
}