/* CSS Document */

a{
    text-decoration: underline;
    color: #009944
}


/*未設定マーカー*/
.unconfig{
    border: 1px solid #FD4548;
    color: red;
    padding: 3px;
}


/*ラッパー*/
.content{ padding: 0.5em}



/*ボックス*/
.content__inner{
    padding: 1em;
}
.innerBox{
    padding: 0.5em;
}


/*段落 インライン*/
.innerBox p{
    margin: 1em;
}
p.listP{
    margin-bottom: 1em;
}

span.circleGr{
    color: #009944;
    margin-right: 0.3em;
}

.indent1Em{
    text-indent: -1em;
}


/*見出し*/
.content__inner h4{
    border-left: 5px solid #009944;
    padding-left: 0.5em;
    margin-left: 1em;
    font-weight: bold;
}
h4{
    border-left: 5px solid #009944;
    padding-left: 0.5em;
    margin-left: 1em;
    font-weight: bold;
}



/*リスト*/
ul,ol{ 
    margin: 1em;
    margin-bottom: 1.5em;
}

ol.innerOl{
    margin-left: 2em;
}

dl {
  display: flex;
  flex-wrap: wrap;
　margin: 1em;
}
dt {
  width: 20%;
  display: flex;
  align-items: right;
  justify-content: end;
}
dd {
  width: 70%;
}

ol.listCircleNumber{
    margin: 0em;
}

ol.listCircleNumber li{
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}



/*　画像　*/
img{
    margin: 2em;
    border: 1px solid #dcdcdc;
}




/* スマホ調整 */
@media (max-width: 767px) {
    .content__inner{ padding-left: 0em }
    .innerBox{ padding-left: 0.5em }
    .innerBox p{ margin-left: 0em }
    .content__inner h4{
        border-left: 5px solid #009944;
        margin-left: 0em;
        font-weight: bold;
    }
    ul,ol{ 
        margin-left: 0.5em;
    }

    ol.innerOl{
        margin-left: 1.3em;
    }

    dl {
      display: flex;
      flex-wrap: wrap;
     margin-left: 0em;
    }
    dt {
      width: 20%;
      display: flex;
      align-items: right;
      justify-content: end;
    }
    dd {
      width: 70%;
    }

    ol.listCircleNumber{
        margin: 0.5em;
    }

    ol.listCircleNumber li{
      list-style: none;
      padding-left: 0em;
    }
}






/* table02 */
table.price-table{
    margin-bottom: 2em;
    border-bottom: 1px solid silver;
}
/*
table.plice th,td{
    border: 1px solid silver;
}


table.plice th, table.plice td {
  text-align: center;
  vertical-align: middle;
  min-width: 130px;
  min-height: 2em;
  padding: 10px;
}
*/
/*
table.plice th.plicePlan{
    width: 8%;
    background-color: #009944;
    color: white;
    font-weight: bold;
}

table.plice td.plicePlan{
    background-color: #FDF9E7;
    font-weight: bold;
}
*/



table.price-table th.suisyou{
    background-color: #F4FBD0;
    color: #BDD78E;
}


/*
table.plice th.facility10{ background-color: #EDDDDE; color: #B87B79}
table.plice th.facility20{ background-color: #D9AAAB; color: #B87B79}
table.plice th.facility30{ background-color: #C46B6F; color: white}
*/

/*
table.plice td.facility{
    background-color: #F6F2F2;
}

table.plice th.kozin{
    background-color: #D1E4EB;
    color: #6D88AE;
}
table.plice td.kozin{
    background-color: #F0F4F7;
}
*/

/* 料金表 */
.price-wrapper_inn{margin-bottom: 70px;}

@media screen and (min-width: 993px){
.__addition {
max-width: 1100px;
margin: auto;
margin-top: 40px;
}
}

.price-table {
margin:40px 0 ;
overflow-x: scroll;
}

.price-table table {width: 1100px;}

.price-table table tr {
border-bottom: 1px solid #a1a1a1;
}

.price-table table tr th {
font-size: 2.4rem;
line-height: 1.3;
border-right: 1px solid #a1a1a1;
vertical-align:middle
}

.price-table th.small{font-size: 2.0rem;}

.price-table td, .price-table th {padding: 16px 10px;}

.price-table table tr th.individual {background-color: #aac0e4;}
.price-table table tr th.facility-10 {background-color: #f8c7bf;}
.price-table table tr th.facility-20 {background-color: #e29395;}

.price-table table tr th.facility-30 {
color: #ffffff;
background-color: #ce6b6d;
}

.price-table table tr td {
text-align: center;
border-right: 1px solid #a1a1a1;
font-size: 2.1rem;
}

.price-table table tr td:last-of-type {
border-right: none;
}

.price-table table tr td.individual {
background-color: #d9eef0;
}

.price-table table tr td.facility {
background-color: #fdebe1;
}

.price-table table tr td span {
font-size: 2.4rem;
margin-right: 6px;
font-weight: normal;
}

.price-table table tr td.normal {font-size: 1.6rem;}

.price-table table, .price-table td, .price-table th {
border-collapse: collapse;
}

.price-wrapper p{
margin-bottom: 20px;
}

.price-wrapper ul{margin-bottom: 20px;}

.price-wrapper ul li{
margin-bottom: 10px;
text-indent: -1em;
padding-left: 1em;
}

.planname{
    background-color:#CEE2EB;
}

@media screen and (max-width: 993px){
.price-table table {width: 900px;}
.price-table table tr th {font-size: 1.8rem;}
.price-table th.small{font-size: 1.6rem;}
.price-table table tr td{font-size: 1.4rem;}
.price-table table tr td span{font-size: 1.6rem;}
.price-table table tr td.normal {font-size: 1.4rem;}
}



/* tab */
@media only screen and (max-width: 768px) {
  table.plice {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
}

.margin-bottom15px{
	margin-bottom: 15px;
}
