@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');
@import url('https://fonts.googleapis.com/css?family=Marcellus');
body{
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #000;
}
/*.editor{
    width: 1040px;
    margin: 0 auto;
}*/
.blog_title,
a,
.footer_shop_info_left dl dt,
.footer_shop_info_left dl dd,
.footer_shop_info_right ul li a,
#sidecalendar td,
#sidecalendar .changecalendar,
.info span,
.side .ranking .style_name,
.ranking .staff_name,
.profile_data th,
#recruit_contents .recruit_contents h3{
	color: #000;
}
#blog_contents #blog_length_list h4 a{
    color: #000!important;
    font-weight: bold;
}

#header {
    text-align: center;
    padding: 50px 0 0;
}
#header h1 {
    display: block;
    font-size: 14px;
    padding: 10px 0;
    position: fixed;
    z-index: 9999;
    color: #000;
    text-shadow: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100% !important;
    width: 100% !important;
    background: #eee;
    left: 0px;
}
#gnavi{
	height: 105px;
	background: #fff;
	transition: all 400ms 0s ease;
}
#gnavi.mini .menu_navi,
#gnavi.mini .staff_navi,
#gnavi.mini .catalog_navi,
#gnavi.mini .company_navi,
#gnavi.mini .recruit_navi,
#gnavi.mini .blog_navi{
	margin-bottom: 15px;
}
#gnavi.mini{
    padding: 0;
    text-align: center;
    height: 95px;
    -webkit-animation-name: logo_anime;
    -webkit-animation-duration:1s;
    animation-name:logo_anime;
    animation-duration:1s;
}
ul.header_main{
	min-width: 1040px;
}
#gnavi.mini .home_navi img{
	width: 95%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#mainvisual {
    margin-top: 15px !important;
    padding: 30px 0 50px;
}
#mainvisual .bx-pager a {
    width: 0;
    height: 0;
}
#mainvisual .bx-pager img {
    opacity: 0;
    height: 0;
    width: 0;
}
#mainvisual .bx-pager a.active::after {
    background: #666;
}
#mainvisual .bx-pager a::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 5px;
}
.header_tel,
.header_info .header_holiday,
.header_info .header_job_time,
.header_info li:before,
.header_info li.header_reserve a:before,
#header div,
ul.header_main li.org01_navi{
	display: none;
}
ul.header_main li{
    margin-top: 25px;
}
.header_reserve {
    position: absolute;
    right: 90px;
    top: 65px;
}
.header_info a {
    display: block;
    text-decoration: none;
    line-height: 1;
    padding: 7px 20px;
    font-weight: 500;
    background: #000;
    border: 2px solid #000;
    text-shadow: none;
    color: #fff;
}
#blog_contents #blog_length_list h3{
    text-indent: -9999px;
    width: 358px !important;
    height: 40px;
    background: url(/images/httl04.png) no-repeat !important;
    margin: 75px auto 30px;
}
#catalog_length_list h3 {
    text-indent: -9999px;
    width: 358px !important;
    height: 40px;
    background: url(/images/httl02.png) no-repeat !important;
    margin: 75px auto 30px;
}
body #stylist_list h3 {
    text-indent: -9999px !important;
    width: 358px !important;
    height: 40px;
    background: url(/images/httl03.png) no-repeat !important;
    margin: 75px auto 30px;
}
#catalog_length_list dd p a {
    color: #fff;
    display: table-cell;
    vertical-align: bottom;
    height: inherit;
    width: inherit;
    text-decoration: none;
}
#index_contents #catalog_length_list h4{
	text-align: center;
    font-size: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}
#index_contents #catalog_length_list h4 span{
	font-family: 'Marcellus', serif;
	font-size: 16px;
	text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    letter-spacing: .5px;
}
#haircatalg .title_text{
	margin-bottom: 30px;
}
#index_contents #catalog_length_list{
    width: 100%;
    text-align: center;
	margin-bottom: 75px;
}
#index_contents #catalog_length_list dl{
	width: 200px;
	width: 200px;
    display: inline-block;
    margin-right: 20px;
}

#index_contents #catalog_length_list dd:hover {
    background: #fff;
}
#index_contents #catalog_length_list dd.photo{
	width: 200px;
	height: 280px;
	backface-visibility: hidden;
    display: inline-block;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
}
#index_contents #catalog_length_list dd img {
    opacity: 1;
    transition: 0.5s;
}
#index_contents #catalog_length_list dd p{
	width: 176px;
    height: 256px;
	position: absolute;
    bottom: 0;
    padding: 12px;
    opacity: 0;
    transition: 0.5s;
    display: table-cell;
    vertical-align: bottom;
    background-color:	rgba(0,0,0,0.4);
    -webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
#index_contents #catalog_length_list dd:hover p{
	opacity: 1;
}
#index_contents #catalog_length_list dd p:before{
	top: 0px;
	height: 30px;
	width: 125px;
	padding: 0 0 10px 20px;
	font-family: CinzelRegular;
    content: 'MORE';
    position: absolute;
    left: 0;
    margin: 50px auto 0;
    color: #fff;
    right: 0;
    line-height: 40px;
    text-align: center;
    pointer-events: none;
    border: 1px solid #fff;
}
#index_contents #catalog_length_list dd p:after{
	top: 0px;
	font-size: 15px;
	font-family: ionicons;
    content: '\f481';
    position: absolute;
    left: 0;
    margin: 50px auto 0;
    height: 35px;
    width: 74px;
    color: #fff;
    right: 0;
    line-height: 44px;
    text-align: center;
    padding-right: 40px;
    pointer-events: none;
}
#blog h3 {
    text-indent: -9999px;
    width: 358px !important;
    height: 40px;
    background: url(/images/httl04.png) no-repeat;
    margin: 0 auto 30px;
}
#blog_ranking h3 {
    text-indent: -9999px;
    width: 358px !important;
    height: 40px;
    background: url(/images/httl12.png) no-repeat;
    margin: 0 auto 30px;
}
#info_list h3 {
    text-indent: -9999px;
    width: 358px !important;
    height: 40px;
    background: url(/images/httl05.png) no-repeat;
    margin: 75px auto 30px;
}
#insta_widget h3 {
    text-indent: -9999px;
    width: 358px !important;
    height: 40px;
    background: url(/images/httl06.png) no-repeat;
    margin: 75px auto 30px;
}
#salonlist h3 {
    text-indent: -9999px;
    width: 358px !important;
    height: 40px;
    background: url(/images/httl08.png) no-repeat;
    margin: 75px auto 30px;
}
#index_contents #catalog_length_list h3:after,
#index_contents #stylist_list h3:after,
#index_contents #info_list h3:after,
#index_contents #insta_widget h3:after,
#blog_contents #blog_length_list h3:after,
#shop_contents #leftmenu{
	display: none;
}
#index_contents #stylist_list{
	background: #f6f6f6;
	padding-bottom: 50px;
	margin-bottom: 75px;
}
#index_contents #stylist_list dl{
	width: 190px;
}
#index_contents #stylist_list dd.photo{
	width: 190px;
    height: 190px;
}
#index_contents #stylist_list dd p{
	height: 180px;
    width: 146px;
}
body #stylist_list h4 span{
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
    letter-spacing: .5px;
}
.ghost_link span,
.header_info .header_reserve{
	display: none;
}
.ghost_link:before{
	height: 40px;
}
#index_contents #info_list .news_icon{
	background: #000;
}
#index_contents #info_list{
	display: block;
    background: #f6f6f6;
    margin: 0 auto 75px;
    width: 100%;
}
#info_list .carousel{
    width: 980px;
    margin: 0 auto 50px;
}
/*#index_contents #insta_widget{
	background: #f6f6f6;
	width: 100%;
	padding-bottom: 75px;
}*/
#index_contents #insta_widget{
    display: none;
}
.reserve_link_bt li a{
	background: #605048;
	border-radius: 0;
}
.footer_map_link a{
	border: 1px solid #FBF8F0;
	border-radius: 0;
}
.footet_sns_bt{
	border-top: 1px solid #8c786e;
    border-bottom: 1px solid #8c786e;
}
.footer_shop_info_left{
	border-right: 1px solid #8c786e;
}
.footer_map_link a{
	border: 1px solid #8c786e;
}
.sbox {
    width: 1040px;
    margin: 0 auto;
    text-align: center;
}
#haircatalg .sbox{
	width: 100%;
}
#salonlist h3,
#salonlist .title_text,
#blog h3,
#blog .title_text,
#blog_ranking .title_text{
    margin-bottom: 30px;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .filter-list:before, .filter-list:after, .heading-upper-vertical .heading:before, .heading-upper-vertical .heading:after {
    display: table;
    content: " ";
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
}
.col-sm-6 {
    width: 330px;
    margin-right: 25px;
    margin-bottom: 41px;
}
.col-sm-6:nth-child(3n) {
    margin-right: 0;
}
.animated {
    display: block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#blog figure {
    margin-bottom: 19px;
    width: 320px;
    height: 200px;
}
.detail {
    position: relative;
    margin: auto;
    width: 100%;
    padding: 70px 0 0;
}
#blogpage .detail {
    padding-top: 0px;
    min-height: 48px;
}
.blog-box .detail .date-block {
    font-family: 'Crimson Text', serif;
    position: absolute;
    left: 0;
    padding: 2px 6px 2px 0;
}
div.posts article .date-block:before{
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 47px;
    background: #8c786e;
    border: none;
    left: auto;
    z-index: 1;
    right: 3px;
}
.date-block:before{
    border-top: 39px solid transparent;
    border-left: 39px solid transparent;
    border-right: 39px solid transparent;
}
.date-block {
    width: 40px;
    padding: 2px 8px;
    display: inline-block;
    float: left;
    font-size: 11px;
    text-align: center;
    color: #000;
    position: relative;
    border-width: 0px;
    border-style: solid;
}
.date-block span {
    font-size: 27px;
    font-weight: 700;
    display: block;
    line-height: 1;
    padding-bottom: 3px;
}
.blog-box h4{
	font-size: 18px;
	height: 50px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    line-height: 3vh;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 10px;
}
.blog-box .detail p {
    margin-left: 50px;
    font-size: 13px;
    text-align: left;
    line-height: 1.3;
    letter-spacing: 0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break:break-all;
}
#blog_ranking .flickity-viewport[style="height: 702px; touch-action: none;"]{
	height: 335px!important;
}
#bg_minx .sbox{
	width: 100%!important;
}
#bg_minx{
	position: relative;
}
#bg_minx .sbox{
	background: url(/images/bg_minx.jpg) no-repeat 50% fixed;
	background-size: cover;
    overflow: hidden;
    position: relative;
    height: 420px;
}
#bg_minx .sbox img{
	display: none;
}
#index_contents .botton{
    clear: both;
}
.botton .ghost_link{
	display: inline-block;
	margin-bottom: 75px;
}
#blog_ranking{
	background: #f6f6f6;
	padding: 75px 0 100px;
}
#blog_ranking .sbox{
	width: 100%;
}
#blog_ranking h3{
	margin-bottom: 18px;
}
#blog_ranking .title_text{
	margin-bottom: 60px;
}
.ranking_slid{
	overflow: hidden;
}
.ranking_slid .ssbox{
	float: left;
	width: 668px;
	background: #fff;
	padding: 40px;
	margin-right: 40px;
	position: relative;
}
.ranking_slid figure{
	width: 230px;
    height: 230px;
	float: left;
	margin-right: 20px;
}
.ranking_slid .ssbox .txt{
	float: left;
	width: 418px;
	margin-bottom: 0;
}
.ranking_slid h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    line-height: 1.1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ranking_slid .ssbox .txt p{
	margin: 15px 0;
	border-bottom: 1px dashed #d7d7d7;
	text-align: left;
	color: #929292;
	margin-bottom: 17px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
	padding-bottom: 20px;
}
.ranking_slid .ssbox .txt ul{
	overflow: hidden;
}
.ranking_slid .ssbox .txt ul li{
	float: left;
	font-size: 12px;
}
.ranking_slid .ssbox .txt ul .entry,
.ranking_slid .ssbox .txt ul .name,
.ranking_slid .ssbox .txt ul .pv{
	padding-top: 12px;
	padding-right: 15px;
}
#blog_contents .blog .staff,
.ranking_slid .ssbox .txt ul .staff{
	display: none;
}
.ranking_slid .ssbox .txt ul .botton{
	float: right;
    border: 1px solid #000;
    width: 94px;
    height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
    line-height: 1px;
}
.ranking_slid .ssbox .txt ul .botton:hover{
    background: #000;
    color: #fff;
}
.ranking_slid .ssbox .txt ul .pv{
    padding-top: 12px;
}
.ranking_slid .ssbox .txt ul .pv p{
	border-bottom: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	color: #000;
}
#index_contents .ranking_slid .ssbox .txt ul .pv p::after,
#index_contents #blog_contents #leftmain .pv p:after{
	content: "PV";
	font-size: 10px;
	color: #000;
    margin-left: 3px;
}
.ranking_slid .ssbox:nth-child(1) .photo:before{
    content: "1";
    font-size: 16px;
    display: inline-block;
    background: #CFAE2E;
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
}
.ranking_slid .ssbox:nth-child(2) .photo:before{
    content: "2";
    font-size: 16px;
    display: inline-block;
    background: #ADACAC;
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
}
.ranking_slid .ssbox:nth-child(3) .photo:before{
    content: "3";
    font-size: 16px;
    display: inline-block;
    background: #D39851;
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
}
.ranking_slid .ssbox:nth-child(4) .photo:before{
    content: "4";
    font-size: 16px;
    display: inline-block;
    background: #000;
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
}
.ranking_slid .ssbox:nth-child(5) .photo:before{
    content: "5";
    font-size: 16px;
    display: inline-block;
    background: #000;
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 35px;
    width: 35px;
    line-height: 35px;
}
h4.side_title{
	color: #fff;
	text-shadow: none;
}
.side li .photo span{
	background: #8c786e;
}
#index_contents #rightmain,
#index_contents #leftmain{
	border: none;
	padding: 0;
}
#catalog_contents #leftmenu .side .charge,
#blog_contents #leftmenu .side .blog_staff_profile{
	border: none;
	padding: 0 0 10px;
}
#catalog_contents #leftmenu .side .charge:before,
#blog_contents #leftmenu .side .blog_staff_profile:before{
	border-right: none;
}
#catalog_contents .side .charge dt,
#catalog_contents .side .charge .style_message,
#blog_contents .side .blog_staff_profile .detail_btn,
#blog_contents .side .blog_staff_profile dt{
	background: #f6f6f6;
}
#catalog_contents .side .charge .staff_photo,
#blog_contents .side .blog_staff_profile .staff_photo{
	border: 4px solid #f6f6f6;
}
#catalog_contents .side .charge dt{
	padding: 10px;
}
#company_contents .guide dt{
	border-top: 1px solid #000;
    border-bottom: 1px solid #000e;
}
#blog_contents .side h4.side_title{
	text-shadow: none;
}
#leftmain, #rightmain{
	padding: 25px;
}
#catalog_contents .flickity-slider {
    transform: translateX(27.25%) !important;
}
#fixedfooter .footerreserve .reserve_bt,
#recruit_contents .btn-primary,
#contact_contents .btn-primary{
	background: #000!important;
    border-radius: 0;
    border: none;
}
#footer_in {
    width: 1000px;
    margin: 0 auto;
}
#footer_in .logo {
    margin-bottom: 20px;
}
#footer_in .text {
    color: #fff;
    font-size: 12px;
    margin-bottom: 70px;
    width: 100%;
    padding: 0;
}
.footerlink {
    overflow: hidden;
    margin-bottom: 15px;
    color: #fff;
    width: 100%;
}
#footer_in img{
    width: 130px;
}
.footerlink ul {
    overflow: hidden;
    width: 844px;
    float: left;
}
.footerlink p {
    color: #FFF;
    float: left;
    width: 156px;
    font-size: 12px;
}
.footerlink li {
    float: left;
}
.footerlink li a{
    color: #fff;
    font-size: 12px;
}
.footerlink li span{
    padding: 0 10px;
}
#footer_in .copy {
    padding: 30px 0;
    font-size: 10px;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 1;
    margin-top: 60px!important;
    margin-bottom: 50px!important;
    float: none;
    display: block;
}
.f_link02 {
    overflow: hidden;
}
.f_link02 li{
    display: inline-block;
    float: right;
    color: #fff;
}
.f_link02 li a {
    float: right;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
}
.f_link02 li:first-child a{
    margin-right: 0;
    margin-left: 10px;
}
.f_link02 li:nth-child(2) a{
    padding-right: 10px;
}
.f_link02 li:nth-child(2){
    position: relative;
}
.f_link02 li:nth-child(2):after{
    content: "|";
    font-size: 12px;
    display: inline-block;
    color: #fff;
    position: absolute;
    right: 0;
}

#leftmain >h2,
.catalogstyle .catalogstyle_title{
    background: #eee!important;
}
h4.ranking_h4,
h4.side_title,
h4.recommend{
    color: #000!important;
}
#shop_contents #leftmain{
    box-shadow: none;
    width: 1040px;
    padding: 0;
}
#shop_contents #leftmain h3,
#shop_contents #leftmain h3 span,
#shop_contents .infolist{
    width: 100%;
}
#shop_contents #leftmain::before {
    content: "";
    display: block;
    width: 100%;
    height: 95px;
    margin: 50px auto 30px;
    background: url(/images/httl08.png) no-repeat 50%;
}
#salonlist .title_text{
    text-align: center;
}
#salonlist{
    margin-bottom: 75px;
}
#salonlist .list {
    text-align: center;
    width: 920px;
    margin: 0 auto;
    font-size: 0;
}
#salonlist .list .shop {
    width: 278px;
    display: inline-block;
    margin-right: 40px;
}
#salonlist .list .shop:last-child{
    margin-right: 0;
}
#salonlist .list .shop h4 {
    margin-bottom: 5px;
    font-size: 18px;
    letter-spacing: .5px;
}
#catalog_contents .photo,
#catalog_contents .recommend span{
    background: #f6f6f6;
}
.link li.back{
    border-bottom: 2px solid #555;
}
#container{
    margin-top: 0!important;
}
#catalog_contents #catalog_length_list h3:after,
#staff_contents #stylist_list h3:after{
    display: none;
}
#blog_length_list .sogosaide h5,
#catalog_length_list h4 span{
    font-family: 'Marcellus', serif!important;
}
#blog_length_list .pageview i{
    display: none;
}
#blog_length_list .pageview{
    margin-left: 10px;
}
#blog_length_list #recommend_entry .pageview:after{
    margin-left: 10px;
}
#blog_length_list .pageview:after{
    content: "VIEW";
    font-size: 10px;
    display: inline-block;
    margin-left: 2px;
}
#blog_contents ul#pager{
    left: 25%;
}
#blog_length_list #recommend_entry h4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 10px;
    padding: 0!important;
}

#sitemap_contents #leftmain dt{
    border: 2px solid #eee;
}
#sitemap_contents dl li p{
    border-left: 4px solid #ddd;
}
#sitemap_contents dd p{
    border-left: 4px solid #ddd;
}
#blog_length_list #new_entry dt p span{
    font-weight: normal;
}
#blog_length_list #new_entry dt p span.pageview{
	float: right;
}
#index_contents #stylist_list dd p a{
    height: 150px;
}
.top_bnr{
    width: 1040px;
    margin: 50px auto 90px;
    overflow: hidden;
}
.top_bnr li{
    float: left;
    margin-right: 40px;
}
.top_bnr li:last-child{
    margin-right: 0;
}
#index_contents #stylist_list dd img{
    top: 65%;
}
.app{
    text-align: center;
    margin: 30px auto;
}
.app p{
    display: inline-block;
}
.app p:nth-child(1){
    margin-right: 50px;
}
@media screen and (max-width: 1040px){
	body {
		width: auto;
	    min-width: 1040px;
	}
    .header_info li{
        right: 20px;
        top: 60px;
    }
	#mainvisual{
		margin-top: 0px !important;
	}
	#index_contents #catalog_length_list dl{
		margin-right: 4px!important;
	}
	#index_contents #catalog_length_list dl:last-child{
		margin-right: 0!important;
	}
    #catalog_contents #catalog_length_list dl{
        width: calc( 100vw / 4 )!important;
    }
    #blog_contents #blog_length_list #recommend_entry,
    #blog_contents #blog_length_list .sogosaide{
    	width: 100%!important;
    }
    #blog_contents #blog_length_list .sogosaide h5{
    	margin-bottom: 30px;
    }
}