.chromeperfectpixel-portal img {
width: 100% !important;
height: auto !important;
}
.home .more {
display: inline-block;
border: 1px solid;
padding: 0 40px;
line-height: 20px;
}
@media (max-width: 376px) {
.home .more {
font-size: 12px;
letter-spacing: 2.16px;
padding: 0 25px;
}
}
.home main .main_visual img {
margin-top: -150px;
}
@media (max-width: 376px) {
.home main .main_visual img {
margin-top: 0;
padding: 33px 0 0;
}
}
.home main h2 {
font-size: 26px;
line-height: 44px;
letter-spacing: 9.88px;
}
@media (max-width: 376px) {
.home main h2 {
font-size: 18px;
line-height: 34px;
letter-spacing: 6.84px;
}
}
.home main .concept {
background: #f5f5f5;
}
@media (max-width: 376px) {
.home main .concept {
padding: 0 40px;
}
}
.home main .concept .sec_inner .box {
background: #f5f5f5;
}
.home main .concept .sec_inner .box .box_l {
padding: 129px 0 0 148px;
}
@media (max-width: 376px) {
.home main .concept .sec_inner .box .box_l {
padding: 72px 0 0 0;
}
}
.home main .concept .sec_inner .box .box_l p {
font-size: 14px;
line-height: 48px;
letter-spacing: 2.52px;
margin: 40px 0 0;
}
@media (max-width: 376px) {
.home main .concept .sec_inner .box .box_l p {
font-size: 12px;
line-height: 48px;
letter-spacing: 0;
margin: 27px 0 0;
}
}
.home main .concept .sec_inner .box .box_r {
padding: 435px 0 0;
}
@media (max-width: 376px) {
.home main .concept .sec_inner .box .box_r {
padding: 113px 0 0;
margin: 0 -40px;
}
}
.home main .designer {
padding: 130px 0 118px;
}
@media (max-width: 376px) {
.home main .designer {
padding: 9px 23px 95px;
}
}
.home main .designer .box .box_r {
width: 540px;
text-align: center;
margin-left: -20px;
padding: 70px 0 0;
}
@media (max-width: 376px) {
.home main .designer .box .box_r {
width: 100%;
}
}
.home main .designer .box .box_r a.more {
margin: 23px 0 0;
}
.home main .designer .box .box_l {
width: 770px;
padding: 0 0 0 150px;
}
@media (max-width: 376px) {
.home main .designer .box .box_l {
width: 100%;
margin: 50px 0 0;
padding: 0;
}
}
.home main .designer .box .box_l ul {
margin: 0 -30px;
}
@media (max-width: 376px) {
.home main .designer .box .box_l ul {
margin: 0 -10px 0;
}
}
.home main .designer .box .box_l ul li {
display: inline-block;
width: 165px;
text-align: center;
vertical-align: top;
padding: 0;
margin: 0 30px;
}
@media (max-width: 376px) {
.home main .designer .box .box_l ul li {
width: 150px;
margin: 0 10px;
}
}
.home main .designer .box .box_l ul li .img {
margin-bottom: 16px;
height: 165px;
width: 165px;
border-radius: 165px;
overflow: hidden;
}
.home main .designer .box .box_l ul li .img img {
height: 165px;
}
.home main .designer .box .box_l ul li .kana {
font-size: 14px;
line-height: 36px;
letter-spacing: 2.52px;
margin: 0 -25px;
}
@media (max-width: 376px) {
.home main .designer .box .box_l ul li .kana {
font-size: 12px;
line-height: 36px;
letter-spacing: 2.16px;
margin: 0;
}
}
.home main .designer .box .box_l ul li .name {
font-size: 18px;
line-height: 36px;
letter-spacing: 3.24px;
}
@media (max-width: 376px) {
.home main .designer .box .box_l ul li .name {
font-size: 14px;
line-height: 36px;
letter-spacing: 2.52px;
}
}
.home main .designer .box .box_l ul li .insta_link {
font-size: 14px;
line-height: 36px;
letter-spacing: 2.52px;
}
@media (max-width: 376px) {
.home main .designer .box .box_l ul li .insta_link {
font-size: 12px;
line-height: 36px;
letter-spacing: 2.16px;
margin-bottom: 20px;
}
}
.home main .designer .box .box_l ul li .insta_link::before {
content: url(//shikinail.jp/wp-content/themes/shiki_nail/img/common/icon_insta.png);
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
}
@media (max-width: 376px) {
.home main .designer .box .box_l ul li .insta_link::before {
margin: 0 5px 0 0;
}
}
@media (max-width: 376px) {
.home main .designer .box .btn_area {
text-align: center;
margin: 32px 0 0;
}
}
.home main .insta {
padding-bottom: 118px;
}
.home main .insta h2 {
text-align: center;
}
.home main .menu .box .box_l {
width: 570px;
padding: 130px 0 0 145px;
}
@media (max-width: 376px) {
.home main .menu .box .box_l {
width: 100%;
padding: 85px 0 86px 0;
}
}
@media (max-width: 376px) {
.home main .menu .box .box_l h2 {
text-align: center;
}
}
.home main .menu .box .box_l ul {
margin: 57px 0 0;
}
@media (max-width: 376px) {
.home main .menu .box .box_l ul {
padding: 0 37px 0;
margin: 46px 0 0;
}
}
@media (max-width: 376px) {
.home main .menu .box .box_l ul li {
margin-bottom: 16px;
}
}
.home main .menu .box .box_l ul li span {
font-size: 13px;
line-height: 32px;
letter-spacing: 0.78px;
}
@media (max-width: 376px) {
.home main .menu .box .box_l ul li span {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.78px;
vertical-align: top;
}
.home main .menu .box .box_l ul li span:first-child {
display: inline-block;
width: 200px;
}
.home main .menu .box .box_l ul li span br {
line-height: 0;
}
}
.home main .menu .box .box_l ul li span.price {
letter-spacing: 2.34px;
}
@media (max-width: 376px) {
.home main .menu .box .box_l ul li span.price {
letter-spacing: 2.16px;
margin-left: 40px;
}
}
.home main .menu .box .box_l small {
display: block;
margin: 45px 0 0;
font-size: 13px;
}
.home main .menu .box .box_l .btn_area {
margin: 75px 0 auto;
}
@media (max-width: 376px) {
.home main .menu .box .box_l .btn_area {
text-align: center;
margin-top: 48px;
}
}
.home main .menu .box .box_r {
width: 730px;
padding: 148px 178px;
background: #d8e2e8;
}
@media (max-width: 376px) {
.home main .menu .box .box_r {
padding: 77px 93px;
width: 100%;
}
}
.home main .sec.topics {
padding: 104px 0 84px;
}
@media (max-width: 376px) {
.home main .sec.topics {
padding: 72px 0 75px;
}
}
.home main .sec.topics h2 {
text-align: center;
}
.home main .sec.topics ul {
margin: 53px 0 0;
display: block;
text-align: center;
font-size: 0;
}
@media (max-width: 376px) {
.home main .sec.topics ul {
padding: 0 15px 0;
margin: 45px 0 0;
}
}
.home main .sec.topics ul .row {
display: inline-block;
width: 300px;
padding: 0 18px;
text-align: left;
vertical-align: top;
}
@media (max-width: 376px) {
.home main .sec.topics ul .row {
width: 100%;
padding: 0;
margin-bottom: 18px;
}
}
@media (max-width: 376px) {
.home main .sec.topics ul .row .box .img {
width: 130px;
float: left;
}
}
.home main .sec.topics ul .row .box .txt_area {
padding: 0 10px;
}
@media (max-width: 376px) {
.home main .sec.topics ul .row .box .txt_area {
float: right;
width: 200px;
}
}
.home main .sec.topics ul .row .box .tag {
font-size: 10px;
letter-spacing: 1.8px;
margin: 30px 0 0;
display: inline-block;
border-bottom: 1px solid;
line-height: 21px;
}
@media (max-width: 376px) {
.home main .sec.topics ul .row .box .tag {
letter-spacing: 1.8px;
margin-top: -5px;
margin-bottom: -5px;
}
}
.home main .sec.topics ul .row .box p.title {
font-size: 14px;
line-height: 20px;
letter-spacing: 2.52px;
margin: 14px 0 0;
}
@media (max-width: 376px) {
.home main .sec.topics ul .row .box p.title {
font-size: 12px;
line-height: 20px;
letter-spacing: 2.16px;
}
}
.home main .sec.topics ul .row .box time {
font-size: 10px;
line-height: 36px;
letter-spacing: 1.2px;
margin: 24px 0 0;
display: block;
}
@media (max-width: 376px) {
.home main .sec.topics ul .row .box time {
font-size: 10px;
line-height: 36px;
letter-spacing: 1.2px;
margin: -3px 0 0;
}
}
.home main .sec.topics .btn_area {
margin: 77px 0 0;
text-align: center;
}
@media (max-width: 376px) {
.home main .sec.topics .btn_area {
margin: 23px 0 0;
}
}
.home main .access {
border-top: 60px solid #e7e9dc;
}
.home main .access .box .box_r {
text-align: center;
width: 649px;
padding: 105px 0 0;
}
@media (max-width: 376px) {
.home main .access .box .box_r {
width: 100%;
padding: 35px 0 95px;
}
}
.home main .access .box .box_r .address {
font-size: 14px;
line-height: 32px;
letter-spacing: 2.52px;
margin: 20px 0 0;
}
@media (max-width: 376px) {
.home main .access .box .box_r .address {
font-size: 12px;
line-height: 32px;
letter-spacing: 2.16px;
}
}
.home main .access .box .box_r .btn_area {
margin: 50px 0 0;
}
@media (max-width: 376px) {
.home main .access .box .box_r .btn_area {
margin: 40px 0 0;
}
}
.home main .access .box .box_r .btn_area a.more {
margin: 0 20px;
}
.home main .recruit {
background: url(//shikinail.jp/wp-content/themes/shiki_nail/img/top/bk_01.png) no-repeat;
background-size: cover;
background-position: center;
padding: 110px 245px 113px;
}
@media (max-width: 376px) {
.home main .recruit {
padding: 54px 70px 52px;
}
}
.home main .recruit h2 {
text-align: center;
}
.home main .recruit .txt_area {
background: #fff;
padding: 78px 0 51px;
text-align: center;
}
@media (max-width: 376px) {
.home main .recruit .txt_area {
padding: 32px 45px 28px;
}
}
.home main .recruit .txt_area p {
font-size: 12px;
line-height: 36px;
letter-spacing: 3.6px;
margin: 38px 0 67px;
}
@media (max-width: 376px) {
.home main .recruit .txt_area p {
font-size: 12px;
line-height: 26px;
letter-spacing: 2.16px;
margin: 10px 0 25px;
}
}