@charset "Shift_JIS";

/*==============================================
共通 ここまで
================================================*/
#pet-summer-sale-present-raclean {
    max-width:900px;
    box-sizing: border-box;
    margin: 0 auto;
	background: #ffffff;
}
#pet-summer-sale-present-raclean img {
    width: 100%;
}
#pet-summer-sale-present-raclean a{
    display: block;
    position: relative;
}  
#pet-summer-sale-present-raclean a:hover{
    opacity: 0.9;
}

#pet-summer-sale-present-raclean .sub_title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #463b3b;
    margin: 1rem 0 .5rem;
}

#pet-summer-sale-present-raclean section {
    width: 90%;
    margin: 1rem auto;
}
#pet-summer-sale-present-raclean .detail_box {
    width: 95%;
    margin: 1rem auto 0;
}

#pet-summer-sale-present-raclean h2.section_title {
    background-color: #f5f5f5;
    border-left:solid 7px #799791;
    color: #799791;
}
#pet-summer-sale-present-raclean h3 {
    border-bottom:solid 1px #d6d6d6;
    color: #463b3b;
    position: relative; /* 親要素を相対配置 */
    margin: 0 0 0 1rem;
}

#pet-summer-sale-present-raclean h3:before {
    content: "●"; /* 追加するコンテンツ */
    position: absolute; /* 絶対配置 */
    top: 50%; /* 垂直方向の中央 */
    left:-3%;
    transform: translateY(-50%); /* 垂直方向の中央に調整 */
}
#pet-summer-sale-present-raclean .detail_box .text {
    color: #463b3b;
}
#pet-summer-sale-present-raclean .text_dot {
    position: relative;
    margin: 0 0 0 1rem;
}
#pet-summer-sale-present-raclean .text_dot:before {
    content: "・";
    left: -2.5%;
    position: absolute;
}
#pet-summer-sale-present-raclean .number {
    background-color: #f5f5f5;
    margin: 1rem;
    padding:.5rem;
}
#pet-summer-sale-present-raclean .number li {
    margin: .5rem 0;
    margin: 0 0 0 1.2rem;
    position: relative;
}
#pet-summer-sale-present-raclean .number li:before {
    content: "・";
    left: -2%;
    position: absolute;
}

#pet-summer-sale-present-raclean .flex {
    display: flex;
    width: 90%;
    margin: 0 auto .5rem;
}

#pet-summer-sale-present-raclean .info {
    margin: 1rem auto;
}
#pet-summer-sale-present-raclean .item_heading {
    width: 30%;
    padding: .5rem;
    background-color: #463b3b;
    color: #fff;
    margin: .3rem 0;
    font-size: 1rem;
}
#pet-summer-sale-present-raclean .item {
    width: 70%;
    padding: .5rem;
    margin: .3rem 0;
    font-size: 1rem;
    background-color: #f5f5f5;
}
#pet-summer-sale-present-raclean .btn {
    width: 80%;
    margin: 0 auto 2rem;
}
#pet-summer-sale-present-raclean .btn .entry_btn {
    margin: auto;
    text-align: center;
    padding: .5rem;
    width: 100%;
    font-size: 1.3rem;
    background-color: #e776a8;
    color: #fff;
    border-radius: 50px;
    border: solid 4px #ffbdda;
    display: block;
    transition: .3s;
}

#pet-summer-sale-present-raclean .btn .entry_btn:hover {
    background-color: #fff;
    color: #e776a8;
    border: solid 4px #ffbdda;
    transition: .3s;
}

#pet-summer-sale-present-raclean .btn.clear .entry_btn {
    pointer-events: none;
    background-color: #8b8b8b;
    border: solid 4px #bbbbbb;
}

#pet-summer-sale-present-raclean .btn .attention {
    font-size: 14px;
    text-align: center;
    color: #eb0012;
}

#pet-summer-sale-present-raclean .btn_area {
    font-weight: bold;
    line-height: 1.5;
    padding: 10px 60px 10px 70px;
    transition: 0.3s;
    text-decoration: none;
    color: #fff;
    border-radius: 60px;
    background: #e63b48;
    box-shadow: 0 5px 0 #be303b;
    margin-left: 10px;
    margin-top: 20px;
    width: 40%;
    text-align: center;
    margin: auto;
}

.choice-list {
    margin: 0 auto 1rem; /* 中央寄せと下マージン */
}

.choice-list thead tr, 
.choice-list tbody tr {
    display: flex; /* フレックスボックスで行を整列 */
    justify-content: space-around; /* 子要素を等間隔に配置 */
    width: 100%; /* 親要素に合わせた幅 */
}

.choice-list thead tr th {
    width: 20%; /* ヘッダー内セルの幅を指定 */
}

.choice_title {
    text-align: center; /* 中央寄せ */
    color: #463b3b; /* テキストカラー */
}

.choice-list td {
    margin: 0 10px;
}