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


/* ==========================
main
============================= */

.caution {
    max-width: 1024px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #f00;
    padding: 10px;
    margin: 0 auto 20px;
    color: #f00;
    font-weight: bold;
  box-sizing: border-box;
}
/* ==========================
menu-list
============================= */
/*　緑はcommonの記述*/


/* ==========================
tape-list
============================= */
/*　緑はcommonの記述*/


/* ==========================
商品部分
============================= */
.product_box {
    max-width: 1024px;
    margin: auto;
    padding: 70px 0 0;
}

/* ===
01
====== */
.pr_01 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: space-between;
}
.pr_image p {
    border: solid 1px #ccc;
}
.pr_about {
    max-width: 360px;    width: 100%;
}
.pr_about dl {
    display: flex;
    border-top: solid 1px #629e35;
    padding: 20px;
    justify-content: flex-start;
}
.pr_about dl:last-of-type {
    border-bottom: solid 1px #629e35;
}
.pr_about dt {
    width: 130px;
    padding-right: 20px;
}
.pr_about dd {
    max-width: 180px;
}
.pr_name {
    text-align: left;
    font-family: 'Noto Sans JP';
	font-size: 130%;
}
.pr_name span{
    font-size: 180%;
    color: #65a534;
}

.about_movie {
    background: #629e35;
    align-items: center;
    display: flex;
    padding: 10px 15px;
    color: #fff;
}
.about_movie img {
    margin-right: 10px;
    width: 55px;
}
/* ===
02
====== */
.pr_02 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: space-between;
}
.pr_cate_name {
    text-align: center;
    line-height: 0.8em;
    font-size: 230%;
    padding: 0 0px 50px;
}
.pr_cate_name span {
    font-size: 40%;
}
.pr_info {
    max-width: 600px;
}
.pr_features {
    margin:auto;
	text-align: center;
}
.pr_features ul {
    text-align: left;
	display: inline-block;
    font-family: 'Noto Sans JP';
    margin-bottom: 40px;
}
.pr_features ul li span {
    color: #629e35;
}
.pr_features ul li {
    text-indent: -2em;
    padding-left: 2em;
    margin-bottom: 20px;
}
.pr_point {
    border: solid 1px #65a534;
    background: #fff;
    padding: 40px;
	text-align: center;
	margin: auto;
}

.pr_contents {
	max-width:690px;
}

.pr_coment {
	text-align: left;
}
.point_img img {
    margin-bottom: 20px;
}
.pr_point p {
    color: #000;
    text-align: left;
    margin-bottom: 35px;
    font-size: 147%;
	display: inline-block;
}
.pr_point li {
	list-style: none;
	margin-bottom:20px;
}


/* ===
03
====== */
table {
	width:624px;
}
table, td {
    border: 1px solid #ccc;
    font-family: 'Noto Sans JP';
}
thead,tfoot {
    background-color: #f0f0f0;
}
tbody {
    background: #fff;
}
th {
    padding: 10px 0;
    text-align: center;
}
td.l_td{
    width: 130px;
    padding: 10px 15px;
    text-align: center;
}
td.r_td {
    padding: 10px 15px;
    text-align: center;
}

.notes {
	margin-top:5px;
}







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

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

/* =============　情報部分　============= */
.product_box {
    /* max-width: 1024px; */
    width: 90%;
    margin: auto;
    padding: 70px 0 0;
}
.pr_02 {
    justify-content: center;
}
.pr_about {
    margin-top: 30px;
    max-width: 100%;
}

.pr_about dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}
.pr_about dt {
    max-width: 100%;
    padding: 20px;
}
.pr_about dd {
    padding: 20px;
    max-width: 100%;
}
dd.sp_pr_about {
    padding-top: 0;
}
	
.pr_name span {
    font-size: 118%;
}
	
/* =============　下部の表　============= */
td.l_td {
    width: 70px;
}

	
table {
	width:auto;
}
	
}

@media print {


}