@charset "utf-8";


@media screen and (max-width:768px)
{





}

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

header {
width: 100%;
margin: 0px auto;
text-align: center;
}

header .logo-box {
width: 100%;
margin: 0px auto;
padding: 10px 10px 5px 10px;
text-align:center;
}

header .logo-box img{
width: 100%;
margin: 0px auto;
cursor: pointer;
}

header .top-title {
width: 100%;
margin: 0px auto;
padding: 0px 10px 10px 10px;
text-align:center;
}

.topmenu {
display: none;
}

.topmenu_640 {
display: block;
width: 100%;
text-align:center;
}

.topmenu_640 ul {
width: 100%;
list-style: none;
}

.topmenu_640 li {
width: 100%;
margin-bottom: 1px;
padding: 7px 10px;
background:#972d4a;
text-align:center;
}

.topmenu_640 a {
font-size: 16px;
color: #f0ef8f;
font-weight: bold;
text-decoration:none;
}

.topmenu_640 a:hover {
color: #ffffff;
text-decoration: none;
}

.contents {
width: 100%;
margin: 0px auto;
padding: 10px 0px 0px 0px;
text-align:center;
overflow:hidden;
background-color: #ffffff;
}

.contents_left {
float: none;
width: 100%;
margin: 0px auto;
padding: 10px 10px;
text-align:center;
overflow:hidden;
}

.contents_right {
width: 100%;
margin: 0px auto;
padding: 0px 10px 0px 10px;
text-align: left;
overflow:hidden;
}

.contents_right h3 {
font-size: 22px;
line-height: 180%;
color: #ff6ba3;
margin : 10px 10px 20px 10px;
}

.contents_right p {
font-size: 14px;
line-height: 160%;
color: #333333;
margin: 0px 10px 15px 10px;
}


}

@media screen and (max-width:480px)
{

.contents_right .price-list {
display:block;
}

.price-list tr{
display: block;
}

.price-list tbody tr th {
display: list-item;
list-style: none;
font-size: 14px;
line-height: 150%;
color: #333333;
padding: 0px 10px 5px 10px;
border: none;
text-align: left;
font-weight: normal;
}

.price-list tbody tr td {
display: list-item;
list-style: none;
font-size: 14px;
line-height: 150%;
color: #333333;
padding: 0px 10px 25px 20px;
border: none;
font-weight: normal;
text-align: left;
}

}