@charset "utf-8";
* a:hover {
    opacity: 0.7
}

.red {
    color: #FF0000
}

main {
    width: 100%;
    display: block;
}

main h2 {
    width: 100%;
    color: #fff;
    background: #004bb0;
    margin: 0 0 20px;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
}

main h2 span {
    display: block;
    width: 992px;
    margin: 0 auto;
}


/* UIパーツから書き換え */

main nav {
    width: 992px;
    margin: 0 auto;
}

.iconTextList {
  display: flex;
  flex-wrap: wrap;
}
.iconTextList__item {
  position: relative;
  margin: 0 16px 16px 0;
  padding-left: 20px;
}
.iconTextList__link {
  color: #333;
  text-decoration: none;
}
.iconTextList__link:after, 
.iconTextList__link:before {
  position: absolute;
  content: '';
}
.iconTextList__link:before {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 0;
  border-radius: 50%;
  background: #004bb0;
}
.iconTextList__link:after {
  width: 5px;
  height: 5px;
  top: 6px!important;
  left: 5px !important;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: rotate(135deg);
}

section {
    margin-bottom: 60px
}


/* contents */

#contents {
    width: 992px;
    margin: 0 auto;
}

#contents table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
}

#contents th {
    width: 13%;
    font-weight: 400;
    border: 1px solid #bbb;
    padding: 2px;
    vertical-align: middle !important;
    background: #EEEEEE
}

#contents td {
    border: 1px solid #CCC;
    padding: 5px 0;
    font-size: 95%;
    padding: 2px;
    vertical-align: middle !important;
}

#contents h3 {
    font-weight: 700;
    background: #99d0ff;
    padding: 10px 15px;
    margin-bottom: 20px;
    font-size: 20px;
}

#contents h3 span {
    font-weight: normal;
    font-size: 80%;
}

#contents ul.ttl {
    display: flex;
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
}

#contents ul.okinawar {
    margin-top: 60px;
}

#contents ul.ttl li:first-child {
    width: 56%;
    font-weight: bold;
    font-size: 120%;
}

#contents ul.ttl li:last-child {
    text-align: right
}

#contents ul.pricehd {
    font-size: 95%;
    text-align: left;
    margin-top: 20px;
}

#contents .pricehd li {
    display: inline-block;
    margin-right: 10px;
}

#contents .pricehd li span {
    background: #d3ebff;
    font-weight: 400;
    font-size: 90%;
    color: #000;
    padding: 1px 4px 0;
    margin-right: 3px;
}

#contents .pricehd li:last-child {
    padding: 10px 0;
}

#contents table.car td {
    padding: 3px 2px 1px;
    vertical-align: middle;
    line-height: 1.8rem
}

#contents .carop {
    margin-top: 30px
}

#contents .caution {
    margin: 20px 0;
    font-size: 95%;
}

#contents .caution .bb {
    font-weight: bold;
}

#contents .caution ul {
    margin-bottom: 10px;
}

#contents .caution li:first-child {
    font-weight: bold;
}

#contents .caution li:nth-of-type(n+2) {
    text-indent: 1rem;
}

#contents ul.cancel li span {
    display: inline-block;
    width: 340px;
    text-indent: initial;
}


#contents .area li:first-child {
    font-weight: bold;
}


/*セル背景色
------------------------------------------- */

.cl01 {
    background: rgb(255, 213, 213);
}

.cl02 {
    background: rgb(255, 234, 176);
}

.cl03 {
    background: rgb(243, 255, 193);
}

.cl04 {
    background: rgb(197, 255, 187);
}

.cl05 {
    background: rgb(180, 227, 255);
}

.cl06 {
    background: rgb(193, 201, 255);
}

.cl07 {
    background: rgb(225, 193, 255);
}

.cl08 {
    background: #ffecec;
}

.cl09 {
    background: #fdffde;
}

.cl10 {
    background: #f1fcff;
}

.cl01a {
    background: rgba(255, 213, 213, 0.5);
}

.cl02a {
    background: rgba(255, 234, 176, 0.5);
}

.cl03a {
    background: rgba(243, 255, 193, 0.5);
}

.cl04a {
    background: rgba(197, 255, 187, 0.5);
}

.cl05a {
    background: rgba(180, 227, 255, 0.5);
}

.cl06a {
    background: rgba(193, 201, 255, 0.5);
}

.cl07a {
    background: rgba(225, 193, 255, 0.5);
}
.table-responsive+.ttl{
  margin-top: 30px;
}