@charset "UTF-8";
/* CSS Document */

.price h1 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 8px;
    border-left: solid 16px #a0c238;
    font-size: 36px;
    font-weight: bold;
}
.price h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ddd;
    font-size: 28px;
    font-weight: bold;
    color: #0074bf;
    padding-bottom: 10px;
    line-height: 1.3em;
}
.price h2 i {
    color: #0074bf;
}
.price p {
    margin-bottom: 20px;
}
.price .lead {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.5em;
    text-justify: inter-ideograph;
    text-align: justify;
}
.price {
    max-width: 100%;
    height: auto;
}
.priceimg {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.pricebox {
    width: 100%;
    overflow: hidden;
}
.price-item {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 15px
}
.item a {
    display: block;
    color: #FFF;
    text-align: left;
    text-decoration: none;
}
.item img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
}
.item h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.1em;
    text-align: center;
}
.item p {
    margin: 0;
    padding: 10px;
    background-color: #FFF;
    font-size: 13px;
    line-height: 1.5em;
    color: #333;
    text-justify: inter-ideograph;
    text-align: justify;
}
.item a {
    text-decoration: underline;
}
.newline {
    display: block;
    font-size: 16px;
}
.bc1 {
    background-color: #65ace4;
    border: 6px solid #65ace4;
}
.bc2 {
    background-color: #56a764;
    border: 6px solid #56a764;
}
.bc3 {
    background-color: #d16b16;
    border: 6px solid #d16b16;
}
.bc4 {
    background-color: #cc5288;
    border: 6px solid #cc5288;
}
.bc5 {
    background-color: #a0c238;
    border: 6px solid #a0c238;
}
.bc6 {
    background-color: #006d8c;
    border: 6px solid #006d8c;
}
.bc7 {
    background-color: #de9610;
    border: 6px solid #de9610;
}
.bc8 {
    background-color: #CD5C5C;
    border: 6px solid #CD5C5C;
}
.small {
    font-size: 13px;
    color: #f65d4a;
}
/* ########### 359p以下 ########### */
@media (max-width: 359px) {
.item p {
    display: none;
}
}
/* ########### 599p以下 ########### */
@media (max-width: 599px) {
.price h1 {
    font-size: 26px;
}
.price h2 {
    font-size: 20px;
}
.price .lead  {
    font-size: 16px;
}
.price-item {
    float: left;
    width: 48.5%;
    margin-right: 2%!important;
}
.price-item:nth-child(even){
    clear: right;
    margin-right: 0!important;
}
.price-item {
    margin-bottom: 10px;
}
.item h3 {
    font-size: 16px;
    line-height: 1.1em;
}
}
/* ########### 767px以下 ########### */
@media (max-width: 767px) {
}
/* ########### 768px ########### */
@media (max-width: 768px) {
.price-item {
    float: left;
    width: 49%;
    margin-right: 2%;
}
.price-item:nth-child(even){
    clear: right;
    margin-right: 0;
}
.item h3 {
    font-size: 20px;
    line-height: 1.1em;
}
.item p {
    font-size: 13px;
    line-height: 1.5em;
}
.newline {
    display: block;
    font-size: 13px;
}
}
/* ########### 769px以上 ########### */
@media (min-width: 769px) {
.price-item:nth-child(4){
    clear: right;
    margin-right: 0;
}
}

/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
/* 全体幅を固定 */
.price {
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
}
}