@charset "UTF-8";

/*ここにレスポンシブのスタイルを書く*/

@media screen and (max-width:740px){
	#breadcrumb{
		margin-bottom:40px;
	}
	.entry-content p, .single-page p{
		margin: 0 0 2em;
	}
	.entry__titleArea{
		padding:90px 15px 40px;
	}
	.article h1{
		font-size:18px;
		margin:10px 0;
	}
	.article h2{
		font-size:18px;
		margin:10px 0;
		padding:0;
	}
	.article h3{
		margin:10px 0;
	}
	#sidebar{
		margin:0;
		padding:0;
	}
	.has-large-font-size{
		font-size:18px !important;
		line-height:1.4;
	}
	.pc-display{
        display: none !important;
    }
	.sp-display{
        display: block !important;
    }
	#navi .menu .menu-item-3482 .sub-menu{
		display:none !important;
	}
	#post-53 .mvArea, #post-8516 .mvArea, #post-12675 .mvArea, #post-15660 .mvArea, #post-16025 .mvArea, #post-16137 .mvArea, #post-16231 .mvArea, #post-36197 .mvArea, .mvtopArea{
	height:60vh;
	}
	#post-53 .mvArea h2, #post-8516 .mvArea h2{
		top:28%;
	}
	#post-12675 .mvArea h2, #post-15660 .mvArea h2, #post-36197 .mvArea h2{
		top:50%;
	}
	#post-16025 .mvArea h2, #post-16137 .mvArea h2, #post-16231 .mvArea h2, .mvtopArea h2{
		top:32%;
	}
	#post-53 .mvArea .mvList li, #post-8516 .mvArea .mvList li, #post-12675 .mvArea .mvList li, #post-15660 .mvArea .mvList li, #post-16025 .mvArea .mvList li, #post-16137 .mvArea .mvList li, #post-16231 .mvArea .mvList li, #post-36197 .mvArea .mvList li, .mvtopArea .mvList li{
	height:60vh;
	}
	#post-53 .top__content__01 h3 img{
	width:100%;
    }
	#post-53 .top__content__02 .top__content__02__List, #post-53 .top__content__04 .top__content__04__List{
	display:block;
    }
	#post-53 .top__content__02 .top__content__02__List li, #post-53 .top__content__04 .top__content__04__List li{
		width:100%;
	}
	#post-53 .top__content__02 .top__content__02__List li:not(:first-child), #post-53 .top__content__04 .top__content__04__List li:not(:first-child){
		margin-top:40px;
	}
	#post-53 .top__content__02 .top__content__02__List li .top__content__02__img{
	width:240px;
	height:240px;
	background-size:cover;
	border-radius:120px;
	margin:0 auto;
    }
	#post-53 .top__content__04 .top__content__04__List li .top__content__04__img{
	height:200px;
	background-size:cover;
	margin:0 auto;
    }
	#post-53 #newArea{
		display:block;
		margin-bottom:40px;
	}
	#post-53 #newArea li{
		width:100%;
	}
	.counterArea{
		text-align:center;
	}
	.page-id-152 .single-page h2, .page-id-152 .single-page h3{
        text-align: center;
	}
	.entry-card .entry-thumb img{
		width:110px;
		height:auto;
	}
	.single-post .article h1{
		margin:10px 15px;
	}
	#post-6444 .movieArea{
	margin-bottom: 40px;
	padding-top: 60px
}
	#post-6444 .mvArea{
		margin-bottom: 60px;
		padding-top: 113.33%;
	}
	#post-6444 .mvArea .mvList li{
		padding-top: 111.33%;
	}
	#post-6444 .stylist__content{
		box-sizing: border-box;
		padding-right:15px;
		padding-left: 15px;
		width: 100%
	}
	#post-6444 .stylist__content h2, #post-6714 h2, #post-6768 h2, #post-6987 h2{
		font-size: 28px;
		margin: 40px 0;
	}
	#post-6444 .stylist__content .stylist__content__box, #post-6714 .stylist__content__box{
		padding: 0;
	}
	#post-6444 .stylist__content .stylist__content__box .stylist__content__box__inner, #post-6714 .stylist__content__box .stylist__content__box__inner{
		margin-bottom: 50px;
	}
	#post-6444 .stylist__content .stylist__content__box .stylist__content__text--order1, #post-6714 .stylist__content__box .stylist__content__text--order1{
		order: 1;
	}
	#post-6444 .stylist__content .stylist__content__box .stylist__content__text--order2, #post-6714 .stylist__content__box .stylist__content__text--order2{
		order: 2;
	}
	#post-6444 .stylist__content .stylist__content__box .stylist__content__box__inner .stylist__content__image, #post-6714 .stylist__content__box .stylist__content__box__inner .stylist__content__image{
		margin-bottom: 20px;
		width: 100%;
	}
	#post-6444 .stylist__content .stylist__content__box .stylist__content__box__inner .stylist__content__text, #post-6714 .stylist__content__box .stylist__content__box__inner .stylist__content__text{
		width: 100%;
	}
	#post-6444 .stylist__content .stylist__content__box .stylist__content__box__inner h2, #post-6714 .stylist__content__box .stylist__content__box__inner h2{
		text-align: center;
	}
	#post-6444 .stylist__content  .rewardArea .rewardList{
		display: block;
	}
	#post-6444 .stylist__content .rewardArea .rewardList li{
		padding: 30px 5% 20px;
		width: 100%;
	}
	#post-6444 .stylist__content .rewardArea .rewardList li:not(:first-child){
		margin-top: 20px;
	}
	#post-6444 .stylist__content .rewardArea .rewardList li .reward__icon{
		margin: 0 auto 20px;
	}
	#post-6444 .stylist__content .rewardArea .rewardList li:nth-child(2) p{
		text-align: center;
	}
	#post-6444 .stylist__content .holidayArea{
		padding: 40px 15px 10px;
	}
	#post-6444 .stylist__content .holidayArea .holidayList{
		display: block;
		margin-bottom: 40px;
	}
	#post-6444 .stylist__content .holidayArea .holidayList li{
		border-bottom: 1px solid #ccc;
		margin: 0;
		padding-bottom: 30px;
		width: 100%;
	}
	#post-6444 .stylist__content .holidayArea .holidayList li:not(:first-child){
		margin-top: 30px;
	}
	#post-6444 .stylist__content .holidayArea .holidayList li h3{
		margin-bottom: 15px;
	}
	#post-6444 .stylist__content .messageArea{
		padding: 25px 5%;
	}
	#post-6444 .stylist__content .linkArea .linkList, #post-6714 .linkArea .linkList, #post-6768 .linkArea .linkList, #post-6949 .linkArea .linkList, #post-6987 .linkArea .linkList, #post-4165 .linkArea .linkList, #post-6867 .linkArea .linkList, #post-7162 .linkArea .linkList, #post-3928 .linkArea .linkList, #post-7061 .linkArea .linkList, #post-3961 .linkArea .linkList, #post-10525 .linkArea .linkList{
		flex-wrap: wrap;
	}
	#post-6444 .stylist__content .linkArea .linkList .link__btn, #post-6714 .linkArea .linkList .link__btn, #post-6768 .linkArea .linkList .link__btn, #post-6949 .linkArea .linkList .link__btn, #post-6987 .linkArea .linkList .link__btn, #post-4165 .linkArea .linkList .link__btn, #post-6867 .linkArea .linkList .link__btn, #post-7162 .linkArea .linkList .link__btn, #post-3928 .linkArea .linkList .link__btn, #post-7061 .linkArea .linkList .link__btn, #post-3961 .linkArea .linkList .link__btn, #post-10525 .linkArea .linkList .link__btn{
		margin: 12px 0;
		width: 48%;
	}
	#post-6714 .wpcf7, #post-6768 .wpcf7, #post-6949 .wpcf7, #post-6987 .wpcf7, #post-4165 .wpcf7, #post-6867 .wpcf7, #post-7162 .wpcf7, #post-3928 .wpcf7, #post-7061 .wpcf7, #post-3961 .wpcf7, #post-10525 .wpcf7{
	    padding: 15px 15px 10px;
    }
	#post-6714 h3{
		margin-bottom: 20px;
	}
	#post-6714 .reasonList{
		margin-bottom: 40px;
	}
	#post-6714 .reasonList li .reason__box, #post-6949 .schedule__inner{
		display: flex;
		flex-direction: column;
	}
	#post-6714 .reasonList li .reason__box__image, #post-6714 .messageArea .message__box .message__box__image, #post-6949 .schedule__inner .schedule__inner__image{
		margin: 0 auto 20px;
		width: 70%;
	}
	#post-6714 .reasonList li .reason__box__text, #post-6714 .messageArea .message__box .message__box__text, #post-6949 .schedule__inner .schedule__inner__text{
		width: 100%;
	}
	#post-6714 .reasonList li .reason__box.reason__box--order .reason__box__text, #post-6949 .schedule__inner .schedule__inner__image{
		order: 2;
	}
	#post-6714 .reasonList li .reason__box.reason__box--order .reason__box__image, #post-6949 .schedule__inner .schedule__inner__text{
		order: 1;
	}
	#post-6714 .stylist__content__box{
		margin-bottom: 40px;
	}
	#post-6714 .futureArea{
		margin-bottom: 40px;
	}
	#post-6714 .futureArea .future__image{
		margin-bottom: 20px;
		width: 100%;
	}
	#post-6714 .messageArea{
		margin-bottom: 40px;
	}
	#post-6714 .messageArea .message__box{
		display: block;
	}
	#post-6768 .applicationTable{
		margin-bottom: 40px;
	}
	#post-6768 table tr th, #post-6768 table tr td{
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	#post-6768 table tr th:not(:first-child), #post-6768 table tr td:not(:first-child){
		border-left: none;
	}
	#post-6768 .trainingArea{
		margin-bottom: 40px;
	}
	#post-6768 .trainingArea .training__box{
		display: block;
	}
	#post-6768 .trainingArea .training__box .training__inner{
		width: 100%;
	}
	#post-6768 .qaList.last-child{
		margin-bottom: 40px;
	}
	#post-6949 .scheduleArea h3{
		text-align: center;
	}
	#post-6949 .schedule__inner .schedule__inner__image{
		margin: 0 auto;
	}
	#post-6949 .flowArea{
		margin-bottom: 40px;
	}
	#post-6949 .flowArea h2{
		font-size: 28px;
	}
	#post-6987 h3{
		margin-bottom: 20px;
	}
	#post-6987 .aboutArea{
		margin-bottom: 40px;
	}
	#post-6987 .aboutArea .about__box .about__inner{
		padding: 25px 10px;
	}
	#post-6987 .aboutArea .about__box .about__inner .about__inner__sub{
		font-size: 15px;
	}
	#post-6987 .aboutArea .about__box .about__inner .about__inner__main{
		font-size: 36px;
	}
	#post-6987 .aboutArea .about__box .about__inner .about__inner__main span{
		font-size: 20px;
	}
	#post-6987 .stylistArea{
		margin-bottom: 40px;
	}
	#post-6987 .stylistArea .stylist__inner{
		display: block;
	}
	#post-6987 .stylistArea .stylist__inner .stylist__inner__profile, #post-6987 .stylistArea .stylist__inner .stylist__inner__message{
		width: 100%;
	}
	#post-6987 .stylistArea .stylist__inner .stylist__inner__profile{
		margin-bottom: 30px;
	}
	#post-6987 .stylistArea .stylist__inner .stylist__inner__profile .stylist__inner__profile__image{
		margin: 0 auto 10px;
		width: 70%;
	}
	#post-67 .title__realtime, #post-24804 .title__realtime, #post-8516 .title__realtime{
		margin-bottom: 25px;
	}
	#post-67 .tableRealtime tr th, #post-67 .tableRealtime tr td, #post-24804 .tableRealtime tr th, #post-24804 .tableRealtime tr td, #post-8516 .tableRealtime tr th, #post-8516 .tableRealtime tr td{
		padding: 10px 5px;
	}
	#post-67 .tableRealtime tbody th, #post-24804 .tableRealtime tbody th, #post-8516 .tableRealtime tbody th{
		font-size: 13px;
		max-width: 80px;
	}
	#post-67 .tableRealtime tr td span, #post-24804 .tableRealtime tr td span, #post-8516 .tableRealtime tr td span{
		font-size: 20px;
	}
	#post-67 .tableRealtime tr .realtime__youtube, #post-24804 .tableRealtime tr .realtime__youtube, #post-8516 .tableRealtime tr .realtime__youtube{
		width: 100px;
	}
	/* GeekRoom */
  #geekroom #site-title{
    margin-right: 0;
  }
  #geekroom #h-top{
    height: 60px;
  }
  #geekroom #site-title a{
    display: block;
    height: 50px;
    margin: 0 auto;
    width: 85px;
  }
  #geekroom #breadcrumb, #geekroom .entry-content, #geekroom .contentwrapper, #geekroom #list, #geekroom .article h1, #geekroom .entry-title, #geekroom #footer-navi, .article time{
    width: calc(100% - 30px);
  }
  #geekroom #navi{
    top: 60px;
  }
  #geekroom .article h2{
    background: linear-gradient(to right, #7900bc 0%,#7900bc 70%,#000000 100%);
    font-size: 20px;
  }
  #geekroom .article h3{
    border-image: linear-gradient(to right, #7900bc 0%,#7900bc 70%,#000000 100%) 1/0 0 3px 0;;
    border-style: solid;
    font-size: 20px;
  }
  #geekroom .article table{
    width: 100%;
  }
 #post-8516 .wrapper__content{
		box-sizing: border-box;
		padding-right:15px;
		padding-left: 15px;
		width: 100%
	}
	/* eng */
	#post-24804 h2.wp-block-heading{
		margin: 50px 0 20px;
		padding: 7px 10px;
	}
	#post-24804 h4.wp-block-heading{
	  margin: 40px 0 5px;
  }
	#post-24804 h5.wp-block-heading{
		font-size: 22px;
		margin: 30px 0 15px;
		text-align: center;
	}
}

@media screen and (max-width:1110px){
	#breadcrumb, .entry-content, .contentwrapper, #list, .article h1, .entry-title, #footer-navi, #post-53 #newArea{
	    width:calc(100% - 30px);
	    margin-right:15px;
        margin-left:15px;
    }
	.article .entry-content h1{
		width:100%;
	}
	#navi{
		background-color: #333;
		width: 100%;
		position: absolute;
		top:60px;
		right:0;
	}
	#h-top{
        height:60px;
	}
	#post-53 .mvArea, #post-12675 .mvArea, #post-15660 .mvArea, #post-16025 .mvArea, #post-16137 .mvArea, #post-16231 .mvArea, #post-36197 .mvArea, #post-16231 .mvArea, .mvtopArea{
		margin-bottom:40px;
	}
	#post-53 .top__content__02 h3, #post-53 .top__content__03 h3, #post-53 .top__content__04 h3{
		height:165px;
		font-size:22px;
	}
	#post-53 .top__content__02 h3 span, #post-53 .top__content__03 h3 span, #post-53 .top__content__04 h3 span{
		margin-right:15px;
		margin-left:15px;
		width:100%;
	}
	.dp-footer-bar-wrapper{
		display:block;
	}
	.dp-footer-bar {
		background: #fff;
		border-top: 1px solid #ddd;
		color:#000;
		display: flex;
		flex-wrap: wrap;
		font-size: 10px;
		height:68px; /* 改修前: 58px */
		margin:0;
		padding:0;
		position: fixed;
		bottom: 0;
		table-layout: fixed;
		text-align: center;
		width: 100%;
		z-index: 9998;
		margin: 0;
		list-style: none;
	}
	.dp-footer-bar-item{
		flex:1;
	}
	.dp-footer-bar-item+.dp-footer-bar-item {
		border-left: 1px solid #ddd;
	}
	.dp-footer-bar a {
		color:#000 !important;
		display: block;
		padding: 15px 0; /* 改修前: 10px 0（アイコン上・文字下に+5px） */
		text-decoration: none;
	}
	.dp-footer-bar-icon:before {
		display: block;
		font-family: "FontAwesome";
		font-size: 16px;
		margin-bottom: .5em;
	}
	.icon-file-text:before {
		content: "\f15c";
	}
	.icon_footer::before{
		content: "";
		display: block;
		height: 22px;
	}
	.icon_footer.icon_footer--time::before{
		background: url(/wp-content/uploads/2020/03/icon_time.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	.icon_footer.icon_footer--shop::before{
		background: url(/wp-content/uploads/2020/03/icon_shop.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	.icon_footer.icon_footer--price::before{
		background: url(/wp-content/uploads/2020/03/icon_price-1.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	.icon_footer.icon_footer--howto::before{
		background: url(/wp-content/uploads/2020/03/icon_howto.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	.icon_footer.icon_footer--cut::before{
		background: url(/wp-content/uploads/2021/03/icon_cut.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	
	.icon_footer.icon_footer--mypage::before{
		background: url(/wp-content/uploads/2022/02/icon_mypage.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	.icon_footer.icon_footer--eng::before{
		background: url(/wp-content/uploads/2024/06/icon_globe.png) no-repeat;
		background-size: contain;
		background-position: center;
	}
	/* WEB受付：黒背景・白文字・専用アイコン（2026/10 追加） */
	.dp-footer-bar-item--web{
		background:#000;
	}
	.dp-footer-bar .dp-footer-bar-item--web a{
		color:#fff !important;
	}
	.dp-footer-bar-item--web .icon_footer.icon_footer--mypage::before{
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48' height='48' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'%3E%3C/path%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'%3E%3C/rect%3E%3Cpath d='M9 14l2 2 4-4'%3E%3C/path%3E%3C/svg%3E") no-repeat;
		background-size: contain;
		background-position: center;
	}
	#footer{
		margin-bottom:68px; /* 改修前: 58px */
	}
	#page-top{
		bottom:68px; /* 改修前: 58px */
	}
	#post-6444 .stylist__content{
		box-sizing: border-box;
		padding-right: 15px;
		padding-left: 15px;
	}
	#post-12675 .entry-content, #post-15660 .entry-content, #post-16025 .entry-content, #post-16137 .entry-content, #post-16891 .entry-content, #post-16231 .entry-content, #post-24804 .entry-content, #post-36197 .entry-content{
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
	}
	#post-12675 .entry-content__inner, #post-15660 .entry-content__inner, #post-16025 .entry-content__inner, #post-16137 .entry-content__inner, #post-16891 .entry-content__inner, #post-16231 .entry-content__inner,  #post-24804 .entry-content__inner, #post-8516 .entry-content__inner, #post-36197 .entry-content__inner{
		width: calc(100% - 30px);
		margin-right: 15px;
		margin-left: 15px;
		padding-right: 15px;
		padding-left: 15px;
	}
	/* GeekRoom */
	#geekroom #footer{
		margin-bottom:0;
	}
	#geekroom .dp-footer-bar{
      background: #000;
      border-top: 1px solid #444;
      color: #fff;
    }
    #geekroom .dp-footer-bar-item+.dp-footer-bar-item{
      border-left: 1px solid #444;
    }
    #geekroom .dp-footer-bar a{
      color: #fff !important;
    }
	#geekroom .credit{
      display: none;
    }
	#geekroom .icon_footer.icon_footer--time::before{
		background: url(/wp-content/uploads/2021/01/icon_time_w.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	#geekroom .icon_footer.icon_footer--shop::before{
		background: url(/wp-content/uploads/2021/01/icon_shop_w.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	#geekroom .icon_footer.icon_footer--price::before{
		background: url(/wp-content/uploads/2021/01/icon_price_w.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	#geekroom .icon_footer.icon_footer--howto::before{
		background: url(/wp-content/uploads/2021/01/icon_howto_w.svg) no-repeat;
		background-size: contain;
		background-position: center;
	}
	#post-8516 .wrapper__content{
		box-sizing: border-box;
		padding-right: 15px;
		padding-left: 15px;
	}
	/*Barber the GMのリクルートページへようこそ*/
   #post-24559 .article h2{
		font-size: 24px;
		margin: 40px 0;
   }
	#post-24559 .buttonList{
		flex-direction: column;
		gap: 20px;
		margin: 0px auto 40px;
	}
	/*Barber the GMのリクルートページへようこそ2*/
	#post-24630 .mvArea{
		aspect-ratio: 1125/ 2436;
	}
	#post-24630 .buttonList{
		flex-direction: column;
		gap: 20px;
		margin: 0px auto 40px;
		top: 65%;
		width: 80%
	}
	#post-24630 .buttonList li a{
		min-width:80%;
		padding: 1.2em 1.5em;
		font-size: 18px;
	}
}