/* CSS Document */
/*-----nail_contest-----*/
#wrapCnts *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Hiragino Sans", Meiryo, “MS PGothic”, sans-serif;
letter-spacing: 0.1em;
-webkit-text-size-adjust: 100%;
}
.content .bg {
margin-bottom: 0 !important;
}
.main_v img {
width: 100%;
}
.nail_wrapper {
padding: 80px 0;
background-color: #fffdf6;
}
.main_text {
width: auto !important;
height: auto !important;
margin-bottom: 40px !important;
font-size: 20px;
line-height: 2em;
}
.image {
margin-bottom: 40px;
}
.arrow_u .text {
width: 340px;
margin: 0 auto;
padding: 5px 0;
background-color: #d4bb6f;
font-size: 20px;
color: #ffffff;
}
.arrow_u::after {
content: "";
display: inline-block;
width: 340px;
background: url("../../img/nail_contest/arrow_u.png")center bottom no-repeat;
height: 20px;
padding-top: 10px;
}
.rank_wrapper {
padding: 80px 0 !important;
font-size: 30px;
color: #d4bb6f;
}
.rank_wrapper .rank_01 {
background: url("../../img/nail_contest/item_01.svg")left center/50px no-repeat,
url("../../img/nail_contest/item_02.svg")right center/50px no-repeat,
url("../../img/nail_contest/rank01.svg")center top/40px no-repeat;
padding: 35px 65px 30px;
}
.rank_wrapper .rank_02 {
background: url("../../img/nail_contest/item_01.svg")left center/50px no-repeat,
url("../../img/nail_contest/item_02.svg")right center/50px no-repeat,
url("../../img/nail_contest/rank02.svg")center top/40px no-repeat;
padding: 50px 65px 45px;
}
.rank_wrapper .rank_03 {
background: url("../../img/nail_contest/item_01.svg")left center/50px no-repeat,
url("../../img/nail_contest/item_02.svg")right center/50px no-repeat,
url("../../img/nail_contest/rank03.svg")center top/40px no-repeat;
padding: 55px 65px 50px;
}
.nail_wrapper_inner {
padding-left: 10rem;
}
.nail_wrapper.num_01 {
background: url("../../img/nail_contest/choice_01.png")180px 80px no-repeat #fffdf6;
padding: 160px 0 80px;
display: grid;
grid-template-columns: auto auto;
align-items: center;
justify-content: center;
}
.nail_wrapper.num_02 {
background: url("../../img/nail_contest/choice_02.png")180px 80px no-repeat #fffdf6;
padding: 160px 0 80px;
display: grid;
grid-template-columns: auto auto;
justify-content: center;
}
.nail_wrapper.num_02 .nail_pic {
padding-top: 10rem;
}
.nail_wrapper.num_03 {
background: url("../../img/nail_contest/choice_03.png")180px 80px no-repeat #fffdf6;
padding: 160px 0 80px;
display: grid;
grid-template-columns: auto auto;
align-items: center;
justify-content: center;
}
.nail_pic {
display: inline-block;
margin-bottom: 10px;
}
.nail_wrapper .title,
.nail_wrapper .comment,
.nail_wrapper .staff_box {
width: 340px;
margin: 0 auto;
text-align: left;
}
.nail_wrapper .title {
font-size: 20px;
margin-bottom: 10px;
font-weight: normal;
letter-spacing: .1em;
}
.nail_wrapper .title .gold {
color: #d4bb6f;
}
.nail_wrapper .comment {
font-size: 14px;
margin-bottom: 10px;
letter-spacing: .05em;
}
.nail_wrapper .staff_box {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 40px;
}
.nail_wrapper .staff_box .shop {
padding: 30px 0 10px;
font-size: 14px;
}
.nail_wrapper .staff_box .name {
font-size: 24px;
}
.reserve_btn a {
display: block;
width: 340px;
margin: 0 auto;
font-size: 20px;
text-decoration: none;
color: #ffffff;
padding: 5px 0;
background: url("../../img/nail_contest/arrow_right_thin_w.svg")95% center/15px no-repeat #d4bb6f;
}
.reserve_btn a:hover {
opacity: 0.5;
transition: opacity 0.2s ease;
}
.shop_wrapper {
padding: 80px 0;
}
.shop_wrapper .comment {
font-size: 20px;
line-height: 2em;
font-weight: bold;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.nail_wrapper_inner {
padding-left: 4rem;
}
}
@media (max-width: 480px) {
.nail_wrapper.num_01,.nail_wrapper.num_02,.nail_wrapper.num_03 {
display: block;
}
.nail_wrapper_inner {
padding-left: 0;
}
}