@charset "utf-8";

/*===========================*/
/*　　　　　暮らしの情報－郵便ページ
/*===========================*/

.kurasi_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 10px 15px 10px;
text-align: left;
}

.kurasi_top_msg_zone p {
padding: 0px 0px 3px 0px;
text-align: left;
}

.kurasi_top_msg_zone ol {
padding: 0px 5px 0px 25px;
}

.kurasi_top_msg_zone ol li {
padding: 0px 0px 3px 0px;
}

.kurasi_top_msg_zone ol li ol {
padding: 0px 0px 0px 20px;
}

.kurasi_top_msg_zone ol li ol li {
padding: 0px 0px 3px 0px;
}

.kurasi_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 15px;
}

.kurasi_top_msg_zone ul li {
padding: 0px 0px 3px 0px;
}

.kurasi_top_msg_zone ul li ul {
list-style-type: disc;
padding: 0px 5px 0px 15px;
}

.kurasi_top_msg_zone ul li ul li {
padding: 0px 0px 3px 0px;
}

.post-zone_pc {
width: 100%;
text-align: center;
}

.post-zone_mobile {
display: none;
}

.post-zone_pc table {
max-width: 960px;
margin: 5px auto;
border-collapse: collapse;
background: #ffffff;
}

.post-zone_pc table th{
color: #000099;
background:#ffffcc;
padding: 5px 10px;
border: 1px solid #999999;
text-align: center;
vertical-align: middle;
}

.post-zone_pc table td {
padding: 5px 10px;
border: 1px solid #999999;
text-align: left;
vertical-align: middle;
}

.post-zone_pc table .price {
font-size: 15px;
text-align: right;
vertical-align: middle;
}

.post-zone_pc table .price-1 {
font-family: 'Varela Round', sans-serif;
font-weight: 400;
font-size: 15px;
text-align: right;
vertical-align: middle;
}

.post-zone_pc table .price-2 {
font-family: 'Varela Round', sans-serif;
font-size: 15px;
font-weight: 400;
font-style: italic;
text-align: right;
vertical-align: middle;
}

dl {
max-width: 960px;
margin: 10px auto;
padding: 5px 10px;
border-collapse: collapse;
border: 1px solid #999999;
background: #ffffff;
}

dt {
padding: 2px 10px 0px 0px;
text-align: left;
font-weight: bold;
}

dd {
padding: 2px 10px 10px 10px;
text-align: left;
line-height: 140%;
}


/***************************************/
/***************************************/
@media only screen and (max-width:640px) {

.kurasi_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 0px 15px 0px;
text-align: left;
}

.kurasi_top_msg_zone ol {
padding: 0px 5px 0px 20px;
}

.kurasi_top_msg_zone ol li ol {
padding: 0px 0px 0px 15px;
}

.kurasi_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 10px;
}

.post-zone_pc {
display: none;
}

.post-zone_mobile {
display: block;
width: 100%;
}

.post-zone_mobile .accordion_list li {
list-style-type: none;
}

.post-zone_mobile .accordion_list section h3 {
background-color: #3585D6;
border-bottom: solid 1px #183D60;
margin-bottom: 1px;
padding: 8px 50px 8px 10px;
font-size: 15px;
color: #ffffff;
cursor: pointer;
position: relative;
}

.post-zone_mobile .accordion_list section h3:before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 10px;
width: 10px;
height: 10px;
margin-top: -8px;
background: #ffffff;
}

.post-zone_mobile .accordion_list section h3:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 10px;
width: 10px;
height: 10px;
margin-top: -13px;
background: #3585D6;
}

.post-zone_mobile .accordion_list section h3.active:before {
margin-top: -2px;
}

.post-zone_mobile .accordion_list section h3.active:after {
margin-top: 3px;
}

.post-zone_mobile .accordion_list section li {
list-style-type: none;
padding: 5px 0px;
}

.post-zone_mobile .post_tarif table {
max-width: 100%;
margin: 5px auto;
border-collapse: collapse;
background: #ffffff;
}

.post-zone_mobile .post_tarif table th{
color: #000099;
background:#ffffcc;
padding: 4px 10px;
border: 1px solid #999999;
text-align: center;
vertical-align: middle;
}

.post-zone_mobile .post_tarif table td {
padding: 4px 10px;
border: 1px solid #999999;
text-align: left;
vertical-align: middle;
}

.post-zone_mobile .post_tarif table .price {
font-size: 15px;
text-align: right;
vertical-align: middle;
}

.post-zone_mobile .post_tarif table .price-1 {
font-family: 'Varela Round', sans-serif;
font-weight: 400;
font-size: 15px;
text-align: right;
vertical-align: middle;
}
.post-zone_mobile .post_tarif table .price-2 {
font-family: 'Varela Round', sans-serif;
font-size: 15px;
font-weight: 400;
font-style: italic;
text-align: right;
vertical-align: middle;
}







}
/***************************************/
/***************************************/
@media only screen and (max-width:480px) {

.kurasi_top_msg_zone img {
width: 100%;
margin: 0 auto;
}

}