@charset "utf-8";
/*
Theme Name:     dp-clarity-business-child
Template:       dp-clarity-business
*/

/****************************************************************
* BODY
****************************************************************/
html { 
    font-size: 62.5%!important;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif!important;
}


body {
    font-size: 1.0rem;
    color: #333 !important;
    background-color: #ffffff !important;
}

/*clearfix*/
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}

.left {
    float: left;
}
.right {
    float: right;
}

.txt-center {
    text-align: center !important;
}

.widget-container.top {
    padding-top: 0 !important;
}

.widget-container .widget-box {
    width: 100% !important;
}


.content-wrap.home {
    width: 100% !important;
	padding:0 !important;
}

.entry ul li::before {
    display:none;	
}

.dp-container {
	padding:0 !important;
}

.entry img{
    margin: 0;
}




/****************************************************************
* Header　※DigiPressビジュアル設定、詳細設定で編集
****************************************************************/

.header_container {
	text-align:left !important;
}

.header_container .hd_title.img img {
    max-width: 120px !important;
}

.header_container .hd_title.img {
    top: 12px !important;
    margin: 0 0 0 10px !important;
}

.header_content .hd_title.img img {
    max-width: 150px !important;
}

.header_content .h_group .caption {
    display: none;
}

.header-banner-inner.hd_img{
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
}

.header-banner-inner .static_img.loaded {
    opacity: 0.5 !important;
}

.header_content .hd_title.img.no-cap img {
    max-height: 30px !important;
}

#banner_title,#banner_caption {
    text-shadow: 0 0 BLACK;
    color: #555;
    letter-spacing: 2px;
}

#banner_title {
    font-size: 3rem!important;
}

#entry-icon{
    position: fixed;		
}
	
.header_container.mb {
    background-color: unset !important;
}

@media (max-width: 480px) and (orientation : portrait) { /*縦向き*/
	
.header-banner-container {
    top: 35% !important;
}

#headline-ticker.ticker ul li {
    left: 10px !important;
}
	
#banner_title {
    font-size: 1.8rem !important;
}
	
#banner_caption {
    font-size: 1.5rem !important;
}
}

/****************************************************************
* TOP  ※固定ページ
****************************************************************/

.top-contennts-01{
	background-image: url("https://eyelist-nailist-recruit.com/wp/wp-content/uploads/2025/06/20221208-KAI_507013.jpg");
	background-size:cover;
	background-position:50%;

}

.top-contennts-02{
	background-image: url("https://eyelist-nailist-recruit.com/wp/wp-content/uploads/2025/06/写真-2022-09-12-1-17-53.jpg");
	background-size:cover;
	background-position:50%;

}

.top-contennts-03{
	background-image: url("https://eyelist-nailist-recruit.com/wp/wp-content/uploads/2025/06/写真-2022-07-12-0-47-27.jpg");
	background-size:cover;
	background-position:50%;

}

.top-contennts-inner-02,.top-contennts-inner-03{
    position: relative;
    padding: 100px 10px;
    background-color: rgba(255, 255, 255, 0.6);
}

.top-contennts-inner-02:before{
    content: '';
    display: block;
    background-image: url("https://eyelist-nailist-recruit.com/wp/wp-content/uploads/2025/06/IMG_7294.jpg");
    background-size: cover;
    vertical-align: middle;
    width: 30%;
    height: 150px;
    background-position: center;
    right: 0;
    top: 30px;
    position: absolute;
    border-radius: 25px 0 0 25px;
    background-repeat: no-repeat;
}

.top-contennts-inner-02:after{
    content: '';
    display: block;
    background-image: url("https://eyelist-nailist-recruit.com/wp/wp-content/uploads/2025/06/甲斐（北浦和）-5.jpg-221123.jpg");
    background-size: cover;
    vertical-align: middle;
    width: 30%;
    height: 150px;
    background-position: center;
    left: 0;
    bottom: 30px;
    position: absolute;
    border-radius: 0 25px 25px 0 ;
    background-repeat: no-repeat;
}

.top-contennts-inner{
    border: 10px solid #9e9e9e2b;
    padding: 100px 10px;
    background-color: rgba(255, 255, 255, 0.6);
}

.top-contennts-01 p.top-text{
    line-height: 50px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
	margin:0;
}

.top-pt-wrap ul.top-pt-box,ul.top-pt-box-03{
    margin: 0 auto;
    padding: 30px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.top-pt-wrap ul.top-pt-box-02{
    margin: 0 auto;
    padding: 30px;
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: row-reverse;
}

.top-pt-wrap li.top-pt2-inner {
    width: 48%;
    padding: 30px;
}

.top-contennts-inner-03 img{
    display: block;
    line-height: 200px;
    object-fit: cover;
    height: 200px !important;
    width: 200px;
    border-radius: 50%;
}

p.top-pt-title{
    text-align: center;
    letter-spacing: 2px;
	line-height: 24px;
}

p.top-pt-title span{
    font-size: 10px;
}

p.top-pt-text{
    text-align: justify;
    font-size: 13px;
}


.top-more-button a{
    line-height: 30px;
    font-size: 12px;	
    display: block;
    color: #fff !important;
    margin: 0 auto;
    text-align: center;
    max-width: 180px;
    background: #cebebb;
}

.top-more-button-02 a {
    line-height: 30px;
    font-size: 12px;	
    border: 0.5px solid #666;
    display: block;
    color: #333 !important;
    margin: 0 auto;
    text-align: center;
    max-width: 180px;
    background: #ffffff;
}

@media (max-width: 480px) and (orientation : portrait) { /*縦向き*/
#headline-sec {
	margin-bottom:0 !important;
}
	
.top-contennts-inner {
    padding: 50px 10px;
}
	
.top-contennts-01 p.top-text {
    line-height: 40px;
    font-size: 13px;
}
	
.top-pt-wrap{
    padding: 30px 10px 0;
}
	
.top-pt-wrap ul.top-pt-box,.top-pt-wrap ul.top-pt-box-02,ul.top-pt-box-03{
	display:block;
    padding: 0;
}

.top-pt-wrap li.top-pt2-inner {
    width: 100%;
    padding: 0;
}
	
.top-contennts-02 {
    margin: 100px 0;
}
	
.top-contennts-inner-02:before {
    width: 50%;
    height: 100px;
    top: -50px;
}
	
.top-contennts-inner-02:before,.top-contennts-inner-02:after {
    width: 50%;
    height: 100px;
    bottom: -50px;
}
}

/****************************************************************
* global menu
****************************************************************/
li#menu-item-16 a:hover::after{
	content: "サロン紹介";
}

a:hover span.menu-title{
	display:none;
}
/****************************************************************
* 固定ページ共通
****************************************************************/

.subpage-text-01{
    font-size: 14px;
    margin: 0 auto !important;
    max-width: 800px;
    text-align: center;
}