@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Rozha+One|Playball|Teko|Ropa+Sans|Cinzel&display=swap');

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スタッフスライド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
button.slick-prev:before,
button.slick-next:before{
    content: "";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
クレジットカードアイコンの横幅を指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon{
	width:40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
要素を非表示にする　汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hide {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ギャラリーの画像拡大機能
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---▼IEで虫眼鏡に下線がつかないようにする為の記述---*/
.gallery-item [rel=lightbox] {
    position: relative;
    text-decoration: none;
    display: block;
}

.gallery-item [rel=lightbox] img {
    margin-bottom: 0px!important;
}

.gallery-item [rel=lightbox]:after {
    font-size: 24px;
    font-family: "icomoon";
    content: '\e905';
    line-height: 1;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    text-shadow: none;
    background-color: rgba(0, 0, 0, .6);
    padding: 3px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディング処理（javascriptで読み込み完了を示すクラスを付与する）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ローディング時の背景 */
#loading_container .back {
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/quintetto.png) no-repeat 50% / cover #000;
}
#loading_container .flex_target img {
    width: 316px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セレクトボタン選択時のローディングアイコン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@-webkit-keyframes line-spin-fade-loader {
    50% {
        opacity: .3
    }

    100% {
        opacity: 1
    }
}

@keyframes line-spin-fade-loader {
    50% {
        opacity: .3
    }

    100% {
        opacity: 1
    }
}

body.home .fade_loader_wrap {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

body.home  .line-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -4px
}

body.home .line-spin-fade-loader > div {
    border-radius: 2px;
    margin: 2px;
    background-color: #000;
}

body.home .line-spin-fade-loader > div:nth-child(1) {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out
}

body.home .line-spin-fade-loader > div:nth-child(2) {
    top: 13.64px;
    left: 13.64px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out
}

body.home .line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out
}

body.home .line-spin-fade-loader > div:nth-child(4) {
    top: -13.64px;
    left: 13.64px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out
}

body.home .line-spin-fade-loader > div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out
}

body.home .line-spin-fade-loader > div:nth-child(6) {
    top: -13.64px;
    left: -13.64px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out
}

body.home .line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out
}

body.home .line-spin-fade-loader > div:nth-child(8) {
    top: 13.64px;
    left: -13.64px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out
}

body.home .line-spin-fade-loader > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セレクトボタン選択後、項目が無い場合の為の記述　Ajax
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.home p.no_hit {
    width: 900px;
    margin: 0 auto;
    border: 1px dashed #333;
    padding: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　カテゴリーウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.widget_categories ul.children {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after {
    color: #000000;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #000000;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after {
    background-color: #000000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-weight: bold;
    padding: 0px;
}

h2[class*="h2b"]:before {
    display: none;
}

h2[class*="h2b"]:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #43323a;
    margin: 20px auto 0;
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-weight: bold;
}

/* h3が見出しの次にある時は上余白をとる */
h2[class*="h2"] + h3[class*="h3"], h3[class*="h3"] + h3[class*="h3"] {
    margin-top: 0em;
}

/* [.h3a]のスタイル */
h3[class*="h3a"] {
    padding-left: 0;
    border-left: none;
    border-bottom: 1px solid #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #f1f1f1;
}

.basic_box02 {
    border-width: 1px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq > dt {
    background-color: #ffffff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table03 tr {
    border-bottom: 1px solid #e4e4e4;
}

.basic_table03 tr > * {
    padding: 15px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    border: 1px solid #151515;
    overflow: hidden;
    z-index: 0;
    font-weight: bold;
    background-color: inherit;
    color: inherit;
    padding: 17px 55px;
}

a.basic_btn01:after {
    content: '';
    display: block;
    width: 30px;
    height: 6px;
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/svg/arrow_black.svg) no-repeat 50% / contain;
    margin-top: -3px;
    right: 15px;
    transition: all 0.2s linear;
}

a.basic_btn01:hover:after {
    right: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スニペット　＞　写真・タイトル・テキスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="cmn_items_list_box"] {
    justify-content: center;
    margin: 0 -20px;
}

[class*="cmn_items_list_box"] li {
    width: calc(33.333% - 40px);
    margin: 0 20px;
    border: 1px solid #eaeaea;
    padding: 25px;
}

/*---横2列---*/
.cmn_items_list_box2 li {
    width: calc(50% - 40px);
}

/*---横3列---*/
.cmn_items_list_box3 li {
    width: calc(33.333% - 40px);
}

[class*="cmn_items_list_box"] .img_container {
    margin: -25px -25px 25px -25px;
}

[class*="cmn_items_list_box"] .img_container img {
    width: 100%;
    height: 15.8vw;
}

[class*="cmn_items_list_box"] .ttl {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ　目次（TOC)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#toc_container {
    padding: 20px 30px;
    background:none;
    border-radius: 10px;
    border: 3px solid #ddd;
}

#toc_container li {
    margin: 8px 0;
    font-size: 14px;
}

#toc_container li a{
    display: block;
    padding: 2px 0;
}

#toc_container li a span {
    color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用タグ＆クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.cmn_ttl {
    font-size: 50px;
    font-family: 'Rozha One', serif;
    text-align: center;
    margin-bottom: 40px;
}

h2.cmn_ttl:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: #43323a;
    margin: 15px auto 0;
}

table.cmn_open_table th {
    font-weight: bold;
    width: 4em;
    padding-right: 15px;
	vertical-align: top;
}

.cmn_btn_wrap > *:not(:last-child) {
    margin-bottom: 10px;
}

.cmn_btn_wrap a {
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 1px solid #d4d4d4;
    position: relative;
}

a.cmn_tel:before {
    content: '\f095';
    font-family: "icomoon";
}

a.cmn_reserve {
    background-color: #000;
    color: #fff;
    border-color: #0000;
}

a.cmn_reserve:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/svg/calendar.svg) no-repeat 50% / contain;
}

a.cmn_access:before {
    content: '\f041';
    font-family: "icomoon";
}

.cmn_btn_a {
    font-size: 30px;
    font-family: 'Teko', sans-serif;
    color: #fff;
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/gara_btn.jpg) no-repeat 50% 50% / contain;
    min-width: 352px;
    padding: 12px;
}

.cmn_btn_b {
    font-weight: bold;
    color: inherit;
    border: 1px solid #d4d4d4;
    position: relative;
}

a.cmn_btn_b:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 7px 7px;
    border-color: transparent transparent #000000 transparent;
    position: absolute;
    right: 1px;
    bottom: 1px;
}

/*---▼ブランクマーク一旦非表示---*/
a.cmn_blank:after {
    /* content: '\f08e'; */
    /* font-family: "icomoon"; */
    /* font-weight: normal; */
    /* color: #ccc; */
}

/*---hover時、暗い状態から明るくする為の記述---*/
.cmn_dark_film {
    position: relative;
}

.cmn_dark_film:hover {
    opacity: 1;
}

.cmn_dark_film:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(000,000,000,.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: opacity .3s;
}

.cmn_dark_film:hover:before {
    opacity: 0;
}

/*---ズームを控えめにする為の記述---*/
.zoom_container:hover .img_container img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用投稿　＞　ul.cmn_post_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_post_list {
    margin: 0 -13px;
}

ul.cmn_post_list li {
    width: calc(25% - 26px);
    margin: 0 13px;
}

ul.cmn_post_list .img {
    border-radius: 8px;
    padding-top: 230px;
    margin-bottom: 15px;
}

ul.cmn_post_list .meta {
    float: left;
    position: relative;
}

ul.cmn_post_list a {
    text-decoration: none;
    color: #774c16;
}

ul.cmn_post_list .meta > * {
    display: inline-block;
}

ul.cmn_post_list .staff_img {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding-top: 30px;
    border-radius: 50%;
    background-color: #eeeeee;
    vertical-align: middle;
    margin-right: 7px;
	overflow: hidden;
}

ul.cmn_post_list .tenpo:after {
    content: '|';
}

ul.cmn_post_list .date {
    float: right;
}

ul.cmn_post_list .ttl {
    clear: both;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.cmn_post_list .ttl a {
    color: inherit;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　お客様の声
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-voice .editor_area  img{
	margin-bottom: 0px;	
    vertical-align: middle;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　スタッフリスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_introduce_staff {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px -40px;
}

ul.cmn_introduce_staff li {
    width: calc(25% - 20px);
    margin: 0 10px 40px!important;
}

ul.cmn_introduce_staff.num3 li {
    width: calc(33.333% - 20px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿ページ（アーカイブ・シングル両方）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.post_archive li .cat_wrap {
    display: none;
}

/*---▼スタッフカテゴリー---*/
.cmn_post_staff_wrap a {
    font-size: 15px!important;
    text-decoration: none;
}

div#main_area .cmn_post_staff_wrap a{
	color: #774c16;
}

.cmn_post_staff_wrap a:hover {
    text-decoration: none!important;
}

body.archive .cmn_post_staff_wrap {
    margin: 10px 0 5px;
}

body.single-post .cmn_post_staff_wrap.title_after {
    float: left;
}

.cmn_post_staff_wrap .staff_img {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 35px;
    border-radius: 50%;
    background-color: #eeeeee;
    vertical-align: middle;
    margin-right: 15px;
}

.cmn_post_staff_wrap .tenpo:after {
    content: '|';
    margin: 0 5px;
}

/*----▼以下投稿カテゴリーメニュー内のみの記述---*/
#sub_area .cmn_post_staff_wrap{
	margin-top: 0px;	
}

#sub_area .cmn_post_staff_wrap.side_cat li a{
    padding: 10px 20px 10px 10px;
}

.cmn_post_staff_wrap.side_cat .staff_img {
    width: 55px;
    height: 55px;
    padding-top: 55px;
    margin-right: 20px;
}

.cmn_post_staff_wrap.side_cat .meta {
    display: inline-block;
    vertical-align: middle;
}

.cmn_post_staff_wrap.side_cat .tenpo:after {
    display: none;
}

.cmn_post_staff_wrap.side_cat .name {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　masterslider
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---▼サムネイルの背景を暗くする為の記述---*/
.ms-thumb-frame{
	opacity: 1;
	position: relative;
}

.ms-thumb-frame:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left:0px;
    background-color: rgba(0, 0, 0, .4);
}

.ms-thumb-frame-selected:before{
	opacity: 0;
}

/*---▼以下次へボタン---*/
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    background: none;
}

.ms-skin-default .ms-nav-next {
    right: -37px;
}

.ms-skin-default .ms-nav-prev {
    left: -37px;
}

.ms-skin-default .ms-nav-next:before, .ms-skin-default .ms-nav-prev:before {
    font-family: "icomoon";
    color: #626869;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
}

.ms-skin-default .ms-nav-next:before {
    content: '\e91b';
}

.ms-skin-default .ms-nav-prev:before {
    content: '\e91a';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    height: auto;
    padding-top: 28.6458333%;
    margin-top: 150px;
    overflow: visible;
    background: transparent
}

/*---投稿ページ（プロモ非表示）修正追加2019-11-21ty---*/
body[class*="post"] .page_promo{
	padding-top:0px;
	height:0px;
}

/*---ブログページ（プロモ非表示）---*/
body[class*="blog"] .page_promo,
body[class*="promo_nashi"] .page_promo{
	padding-top:0px;
	height:0px;
}

/*---商品ページ（プロモ非表示）---*/
body[class*="onlineshop"] .page_promo{
	padding-top:0px;
	height:0px;
}

.page_promo .txt_box {
    position: absolute;
    top: -150px;
    left: 0px;
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.page_promo .sub_ttl {
    display: none;
}

.page_promo .slug {
    display: block;
    font-size: 40px;
    font-family: 'Cinzel', serif;
    margin-top: -8px;
}

.page_promo .ttl {
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.child_navi_wrap {
    display: none;
}

body.woocommerce-page .child_navi_wrap,
body.page-onlineshop-child .child_navi_wrap {
    display: block;
/*---2019-12-13修正ty---*/
	margin-top: 0px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
商品　＞　一覧ページ(修正追加2019-11ty)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---商品カテゴリー---*/
div.cmn_product_cat_box {
    font-size: 17px;
    font-weight: bold;
    justify-content: space-between;
    border-radius: 5px;
    border: 2px solid #000;
    margin: 15px auto;
}

div.cmn_product_cat_box .ttl {
    background-color: #000;
    color: #fff;
    width: 120px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.cmn_product_cat_box ul.items {
    width: calc(100% - 120px);
    padding: 15px 30px;
}

div.cmn_product_cat_box li:not(:last-child) {
    margin-right: 1.5em;
}

div.cmn_product_cat_box a {
    color: inherit;
    text-decoration: none;
}

div.cmn_product_cat_box a:hover {
    opacity: .6;
}

div.cmn_product_cat_box a:before {
    content: '\e91b';
    font-family: "icomoon";
    font-size: .7em;
    margin-right: .4em;
    vertical-align: middle;
}

/*---商品タグ---*/
ul.cmn_product_tag_wrap {
    margin: 0 -5px;
}

ul.cmn_product_tag_wrap li {
    margin: 0 5px 10px!important;
}

ul.cmn_product_tag_wrap a {
    font-weight: bold;
    color: inherit;
    text-decoration: none;
    display: block;
    border: 1px solid #000;
    border-radius: 6px;
    line-height: 1;
    padding: 7px 12px;
}

ul.cmn_product_tag_wrap a:hover {
    opacity: .6;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Hide Price Until Login (商品非表示プラグイン)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#TB_window table{
    margin-bottom: 15px;
}

#TB_window table caption{
	font-size: 20px;
	padding:20px;
	font-weight:bold;
}

#TB_window table td{
    padding:5px 0;
	font-size: 18px;
}

#TB_window input.button{
    margin-left:auto;
    display: block;
    font-size:16px;
}

@media only screen and (max-width: 767px){
	.hpul_thickbox_window #TB_ajaxContent {
		max-width: 100% !important;
	}
	.thickbox-loading {
		width: 90% !important;
	}
	#TB_window table td {
		display:block;
	    font-size: 13px!important;
	}
	#TB_window table caption {
		font-size: 16px!important;
		padding:10px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カートテーマカラー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt {
    background-color: #000;
}

.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover {
    background-color: #888;
}

.woocommerce #respond input#submit.alt.disabled,.woocommerce #respond input#submit.alt.disabled:hover,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt:disabled:hover,.woocommerce #respond input#submit.alt:disabled[disabled],.woocommerce #respond input#submit.alt:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled],.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled],.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #000;
}

/* baseのem記述をリセット */
.editor_area .woocommerce em{
	background:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カート　＞　アーカイブページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.woocommerce-page ul.products li img{
    width: 100%!important;
    height: 216px!important;
	object-fit: contain;
    /* IE対策（併せて「ofi.js」を読み込むことではじめて正しく機能する） */
	font-family: 'object-fit: contain;';
}

.woocommerce-pagination a, li.product a {
    color: inherit;
}

.woocommerce ul.products li.product .price {
    font-weight: bold;
    font-size: 1.2em;
    text-align: right;
    color: inherit;
}

.woocommerce ul.products li.product .price small {
    font-size: 0.7em;
}

.woocommerce li.product a.button {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カート　＞　商品詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single-product h1 {
    margin-bottom: 30px!important;
}

.woocommerce-message,.woocommerce-info {
    border-top: 3px solid #000;
}

.woocommerce-message::before,.woocommerce-info::before {
    color: #000;
}

body.single-product .article_date_area {
    display: none;
}

.flex-viewport{
    margin-bottom:10px;
}

.woocommerce-product-gallery__image{
    height:300px;
}

.woocommerce-product-gallery__image > a > img{
    width: 100%!important;
    height: 300px!important;
	object-fit: contain;
    /* IE対策（併せて「ofi.js」を読み込むことではじめて正しく機能する） */
	font-family: 'object-fit: contain;';
}

.flex-control-thumbs {
    margin: 0 -5px -10px!important;
}

.flex-control-thumbs li {
    width: calc((100% - 40px) * .25)!important;
    margin: 0 5px 10px!important;
}

.flex-control-thumbs li img {
    width:100%!important;
    height:110px!important;
    object-fit:contain;
    /* IE対策（併せて「ofi.js」を読み込むことではじめて正しく機能する） */
    font-family: 'object-fit: contain;';
}

.woocommerce div.product p.price {
    font-size: 1.8em;
    font-weight: bold;
	color:inherit;
}

.woocommerce div.product p.price small {
    font-size: .7em;
}

.woocommerce div.summary table[class*="basic_table"]{
    margin-bottom:50px;
}

.woocommerce .screen-reader-text {
    display:none;
}

.woocommerce div.product form.cart {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}

.woocommerce div.product form.cart * {
    margin-bottom:0;
}

.woocommerce div.product form.cart .button {
    background: #000;
    margin-left: 10px;
    padding: 12px 15px 11px;
}

/*---▼追加修正2019-11-21ty---*/
body.woocommerce .product_meta {
    /* display:none; */
}

body.woocommerce .product_meta span.sku_wrapper{
	display: none;	
}

body.woocommerce .product_meta span.posted_in {
    display: block;
    text-indent: -8em;
    margin-left: 8em;
    margin-bottom: .5em;
}

body.woocommerce .product_meta span.tagged_as {
    display: block;
    text-indent: -5em;
    margin-left: 5em;
}

body.woocommerce .product_meta a {
    color: inherit;
    margin-left: .5em;
}
/*---▲追加修正ここまで---*/

.woocommerce-Tabs-panel h2:nth-of-type(1) {
    display: none;
}

body.woocommerce #main_area .article_meta_area{
    display:none;
}

body.woocommerce .sns_btns{
    display:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-additional_information{
	display:none;
}

.related.products > h2{
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}

.woocommerce section.related.products {
    border: 1px solid #aaa;
    padding: 30px 30px 15px;
}

.woocommerce section.related.products ul.products{
    margin-bottom:0;
}

.woocommerce section.related.products ul.products li.product{
    margin-bottom:15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ONLINE SHOP　＞　マイアカウント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    padding: 0;
}

.woocommerce-MyAccount-navigation a {
    text-decoration: none;
    color: inherit;
    padding: 8px 20px 8px 30px;
    position: relative;
}

.woocommerce-MyAccount-navigation a:after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: calc(50% - .5em);
    color: #000;
    line-height: 1;
}

.woocommerce-MyAccount-navigation a:hover {
    color: #ccc;
    ; }

.woocommerce-Address {
    width: 100%!important;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 5px 0;
}

.woocommerce-Address h3 {
    font-weight: bold;
}

/* カート（アカウント未登録の場合住所を表示できない為、「〒」非表示） */
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination,.woocommerce-cart .cart-collaterals .cart_totals form{
	display:none;
}

.woocommerce .cart_totals ul#shipping_method li {
    margin: 0;
}

form.edit-account fieldset{
	margin-bottom:20px;
}

.editor_area .woocommerce mark{
	padding: 4px 5px 0;
	background-color: #ffffc4;
	/* display: inline-block; */
	margin: 0 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ONLINE SHOP　＞　ページ送り（非表示2019-12-13修正ty）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*="onlineshop"] .paging_common {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#promo_frame {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

div#promo_frame .video_wrap {
    position: relative;
    width: 100vw;
    height: 100vh;
}

div#promo_frame .video_wrap video {
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
}

div#promo_frame .video_wrap:before {
    /* content: ''; */
    /* width: 100%; */
    /* height: 100%; */
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    /* z-index: 1; */
    /* background: rgba(0, 0, 0, .4); */
}

div#promo_frame .txt_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

div#promo_frame p.logo {
    margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
}


.tweet_area .txt_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tweet_area .txt_wrap > * {
    vertical-align: middle;
}

.tweet_area p.icon {
    font-size: 24px;
    font-family: 'Rozha One', serif;
}

.tweet_area ul.items {
    width: 85%;
    margin-left: 45px;
}

.tweet_area li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tweet_area .ttl {
    margin-left: 10px;
}

.tweet_area .more {
    margin-left: auto;
}

.tweet_area a {
    text-decoration: none;
}

.tweet_area a:hover {
    text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　セクションの区切り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="section_kugiri"] {
    padding-top: 65px;
    padding-bottom: 90px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_about
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_about {
    padding-top: 50px;
}

div#home_about p.main_lead {
    font-size: 34px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 30px;
}

div#home_about p.main_lead strong {
    font-weight: normal;
    background: linear-gradient(transparent 55%, #ffc600 35%);
}

div#home_about ul.tenpo_wrap {
    justify-content: center;
    margin: 0 -10px 40px;
}

div#home_about ul.tenpo_wrap li {
    width: calc(50% - 20px);
    /*---店舗が増えた時の為にmargin-bottomつける---*/
    border: 1px solid #b7b7b7;
    border-radius: 7px;
    padding: 35px 35px 40px;
    margin: 0 10px 30px;
    position: relative;
    overflow: hidden;
}

div#home_about ul.tenpo_wrap .biggerlink:hover {
    opacity: 1;
}

div#home_about ul.tenpo_wrap p.ttl {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 270px;
    position: relative;
    z-index: 1;
}

div#home_about ul.tenpo_wrap p.ttl span.en {
    font-size: 55px;
    font-family: 'Teko', sans-serif;
    letter-spacing: 4px;
}

div#home_about ul.tenpo_wrap p.ttl span.ja {
    font-size: 24px;
    font-weight: bold;
}

div#home_about ul.tenpo_wrap p.img {
    padding-top: 270px;
    margin: -270px 0 20px;
}

div#home_about ul.tenpo_wrap li.iwagami p.nail {
    position: absolute;
    top: 174px;
    right: 2px;
    width: 213px;
    z-index: 1;
}

div#home_about ul.tenpo_wrap p.map {
    width: auto;
    position: absolute;
    top: 318px;
    right: 35px;
}

div#home_about ul.tenpo_wrap p.map a {
    font-size: 14px;
    padding: 4px 14px;
    height: auto;
}

div#home_about ul.tenpo_wrap p.addr {
    font-weight: bold;
    padding-right: 130px;
    margin-bottom: 15px;
}

div#home_about ul.tenpo_wrap table.cmn_open_table {
    margin-bottom: 25px;
}

div#home_about ul.tenpo_wrap .cmn_btn_wrap {
    justify-content: space-between;
}

div#home_about ul.tenpo_wrap .cmn_btn_wrap > * {
    width: calc(50% - 5px);
}

div#home_about ul.tenpo_wrap .cmn_btn_wrap a {
    height: 50px;
}

div#home_about ul.tenpo_wrap a.cmn_tel {
    font-family: "Roboto",sans-serif;
    font-size: 20px;
}

div#home_about ul.tenpo_wrap a.cmn_tel:before {
    font-size: 23px;
    vertical-align: middle;
    margin: 0 5px 0 -7px;
}

div#home_about ul.tenpo_wrap a.cmn_reserve:before {
    margin-top: -5px;
    margin-right: 12px;
}

div#home_about ul.tenpo_wrap a.cmn_reserve:after {
    margin-left: 12px;
}

div#home_about ul.tenpo_wrap p.detail_btn {
    margin: 10px -36px -41px;
}

div#home_about ul.tenpo_wrap p.detail_btn a {
    font-size: 18px;
    font-weight: bold;
    color: inherit;
    width: 100%;
    border-top: 1px solid #b7b7b7;
    background-color: #f0f0f0;
    padding: 15px 50px;
    position: relative;
}

div#home_about ul.tenpo_wrap p.detail_btn a:after {
    content: '\e038';
    font-family: "icomoon";
    font-size: 24px;
    line-height: 1;
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
}

div#home_about .tokucho {
    background-color: #f7f5f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.2s linear;
    position: relative;
    overflow: hidden;
}

div#home_about .tokucho:hover {
    opacity: 1;
}

div#home_about .tokucho > div {
    background-color: #f7f5f0;
    width: calc(100% - 731px);
    height: 100%;
    margin-left: auto;
    padding: 65px;
    z-index: 1;
}

div#home_about .tokucho:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 61%;
    height: 100%;
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/gara_bg.jpg) no-repeat 50% 50% / cover;
    transition: .5s;
}

div#home_about .tokucho:hover:before {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

div#home_about .tokucho .img {
    margin-bottom: 30px;
}

div#home_about .tokucho .btn a {
    font-size: 20px;
    padding: 25px 78px;
    color: #ffffff;
    border-color: #c7832d;
    background: #c7832d;
    position:relative;
    overflow: visible;
}

div#home_about .tokucho .btn a:before{
    content: '';
    display:inline-block;
    position: absolute;
    top: -35px;
    right: -43px;
    width: 116px;
    height: 121px;
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/tokucho_click.png) no-repeat 50% 50% / cover;
    z-index: 1;
}

div#home_about .tokucho .btn a:after {
    background-image: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/svg/arrow_brown.svg);
    display: none;
}

div#home_about .tokucho:hover .btn a:after {
    right: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_menu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_menu {
    background-color: #fff8d6;
    padding-bottom: 70px;
}

div#home_menu .pc_base_width {
    position: relative;
}

/*padding-right: 425px;　クーポン追加による修正（2026-01-22）wi
div#home_menu .tokuten {
    padding-right: 425px;
}*/

/*クーポン追加による修正（2026-01-22）wi*/
div#home_menu .tokuten {
    margin-bottom: 20px;
}

div#home_menu .tokuten p.ttl {
    font-size: 40px;
    font-family: 'Rozha One', serif;
    display: table;
    padding: 0 80px;
    margin: 0 auto 18px;
    position: relative;
}

div#home_menu .tokuten p.ttl:before,div#home_menu .tokuten p.ttl:after {
    content: '';
    display: block;
    width: 65px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
}

div#home_menu .tokuten p.ttl:before {
    left: 0px;
}

div#home_menu .tokuten p.ttl:after {
    right: 0px;
}

div#home_menu .tokuten p.lead {
    font-size: 24px;
    padding: 0 110px;
    margin: 0 auto 40px;
    display: table;
    position: relative;
}

div#home_menu .tokuten p.lead:after {
    content: '';
    width: 79px;
    height: 61px;
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/lady_img.png) no-repeat 50% 50% / contain;
    position: absolute;
    top: calc(50% - 35px);
    right: 0px;
}

div#home_menu .tokuten ol.items {
    justify-content: space-between;
}

div#home_menu .tokuten ol.items li {
    /*width: calc(50% - 10px);*/
    width: calc(33.3% - 10px);
    text-align: center;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-color: #ffd14c;
    padding: 25px 70px;
    position: relative;
}

div#home_menu .tokuten ol.items li:nth-child(1) {
    font-size: 26px;
    background-image: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/scissor_img.png);
    background-position: 35px 35px;
    padding: 25px 70px 25px 120px;
}

/*クーポン追加による修正（2026-01-22）wi*/
div#home_menu .tokuten ol.items li:nth-child(2) {
    font-size: 22px;
	padding: 25px 50px;
}

/*クーポン追加による修正（2026-01-22）wi*/
div#home_menu .tokuten ol.items li:nth-child(2) strong {
    font-size: 14px;
    font-weight: normal;
}

div#home_menu .tokuten ol.items li:nth-child(3) {
    font-size: 22px;
    background-image: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/tr_img-2.png);
    background-position: calc(100% - 25px) 100%;
    padding-right: 80px;
}

div#home_menu .tokuten ol.items li:nth-child(3) strong {
    font-size: 14px;
    font-weight: normal;
}

div#home_menu .tokuten ol.items li:before, div#home_menu .tokuten ol.items li:after {
    display: block;
    width: 68px;
    position: absolute;
    left: -10px;
    text-align: center;
    line-height: 1;
    color: #fff;
}

div#home_menu .tokuten ol.items li:before {
    content: '特典';
    font-size: 18px;
    /* font-family: "my_gothic"; */
    font-weight: bold;
    background-color: #f08200;
    height: 68px;
    border-radius: 50%;
    top: -10px;
    padding: 10px;
    box-sizing: border-box;
}

div#home_menu .tokuten ol.items li:after {
    content: counters(ol_cnt,"");
    font-family: 'Playball', cursive;
    font-size: 36px;
    top: 17px;
    z-index: 1;
}

/*クーポン追加による修正（2026-01-22）wi
div#home_menu p.menu_btn {
    width: 376px;
    height: 326px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0;
    overflow: hidden;
}*/

/*クーポン追加による修正（2026-01-22）wi*/
div#home_menu p.menu_btn {
    width: 720px;
    height: 260px;
    overflow: hidden;
    margin: 0 auto;
}

div#home_menu p.menu_btn a {
    font-size: 20px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
}

div#home_menu p.menu_btn a:hover {
    opacity: 1;
}

div#home_menu p.menu_btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/menu_bg.jpg) no-repeat 50% 50% / cover;
    /*z-index: -1;クーポン追加による修正（2026-01-22）wi*/
    transition: .3s;
}

div#home_menu p.menu_btn:hover:after {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

div#home_menu p.menu_btn .en {
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif;
}

div#home_menu p.menu_btn .ja {
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_staff
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_staff {
/*---▼（修正paddingを元に戻す2019-09-30）---*/
    /* padding-bottom: 0px; */
}

div#home_staff .ul_slide {
    max-width: 1520px;
    min-width: 1100px;
    padding: 0 60px;
    margin: 0 auto 50px;
}

div#home_staff .ul_slide .li {
    width: 265px;
    height: 385px;
    position: relative;
    text-align: center;
    margin: 0 10px;
    overflow: hidden;
}

div#home_staff .ul_slide .li:hover {
    opacity: 1;
}

div#home_staff .ul_slide .img {
    padding-top: 385px;
    transition: 0.5s;
}

div#home_staff .ul_slide .li:hover .img {
    opacity: .8;
}

div#home_staff .ul_slide .tenpo {
    font-weight: bold;
    min-width: 90px;
    color: #fff;
    background-color: #f08200;
    position: absolute;
    top: 0px;
    left: -100%;
    padding: 5px 10px;
    opacity: 0;
    transition: 0.5s;
}

div#home_staff .ul_slide .shi {
    background-color: #f08200;
}

div#home_staff .ul_slide .iwa {
    background-color: #003f7e;
}

div#home_staff .ul_slide .li:hover .tenpo {
    left: 0px;
    opacity: 1;
}

div#home_staff .ul_slide .name {
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    padding: 15px;
    position: absolute;
    bottom: 0px;
    left: -100%;
    opacity: 0;
    transition: 0.5s;
}

div#home_staff .ul_slide .li:hover .name {
    left: 0px;
    opacity: 1;
}

div#home_staff .ul_slide .slick-prev, div#home_staff .ul_slide .slick-next {
    background-color: #000;
    width: 25px;
    height: 60px;
    border-radius: 3px;
}

div#home_staff .ul_slide .slick-prev {
    left: 20px;
}

div#home_staff .ul_slide .slick-next {
    right: 20px;
}

div#home_staff .ul_slide .slick-prev:before, div#home_staff .ul_slide .slick-next:before {
    border-color: #fff;
    width: 8px;
    height: 8px;
}

div#home_staff .btn {
    text-align: center;
    margin-bottom: 100px;
}

/*---※修正前の為不使用（2店舗インスタを表示用）---*/
div#home_staff .insta_wrap > div {
    /* display: flex; */
    /*---インスタに少し隙間があくのを防ぐ為の記述---*/
    /* height: 12.3vw; */
    /* min-height: 150px; */
    /* overflow: hidden; */
}

/*---▼1店舗のみ表示に変更（修正追加2019-09-30）---*/
div#home_staff p.insta_ttl {
    text-align: center;
    margin-bottom: 20px;
}

div#home_staff .insta_wrap .insta2 {
    height: auto;
    min-height: auto;
    margin-bottom: 30px;
}

div#home_staff .insta_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
}

div#home_staff .insta_btn [class*="btn"] {
    margin: 0 10px;
}

div#home_staff .insta_btn a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    min-width: 270px;
    padding: 19px;
}

div#home_staff .insta_btn .btn_shikishima a {
    background-color: #003f7e;
}

div#home_staff .insta_btn .btn_iwagami a {
    background-color: #ffa800;
}
/*---▲（修正追加ここまで2019-09-30）---*/

div#home_staff .insta_wrap .ttl {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    width: 12.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

div#home_staff .insta_wrap .ttl a {
    color: inherit;
    text-decoration: none;
}

div#home_staff .insta_wrap .iwagami .ttl {
    background: repeating-linear-gradient(315deg, #f29424, #f29424 19%, #f08200 0, #f08200 49%);
}

div#home_staff .insta_wrap .shikishima .ttl {
    background: repeating-linear-gradient(315deg, #245a90, #245a90 19%, #003f7e 0, #003f7e 49%);
}

div#home_staff .insta_wrap .ttl:after {
    content: '';
    display: block;
    width: 104px;
    height: 29px;

    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/svg/insta_logo.svg) no-repeat 50% 50% / contain;
    margin-top: 10px;
}

div#home_staff .insta_wrap .insta {
    width: 87.5%;
    ; }

div#home_staff .insta_wrap iframe {
    height: 12.5vw!important;
    min-height: 150px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_blog
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_blog {
    background-color: #f7f7f7;
}

div#home_blog .loading_wrap {
    width: 100%;
    text-align: center;
}

div#home_blog .staff_list_wrap {
    text-align: center;
    margin-bottom: 35px;
}

div#home_blog .staff_list_wrap label {
    border: 1px solid #cfcfcf;
    background-color: #fff;
    border-radius: 7px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

div#home_blog .staff_list_wrap label:after {
    content: '\e915';
    font-family: "icomoon";
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    background-color: #000;
    width: 25px;
    height: 100%;
}

div#home_blog .staff_list_wrap select {
    font-weight: bold;
    font-size: 17px;
    border: none;
    padding: 15px 70px 15px 50px;
    margin: 0;
    position: relative;
    z-index: 1;
    background: none;
    /*---セレクトボタン矢印非表示---*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*---Androidの仕様でクリック時表示されるオレンジボーダーを非表示にする為の記述---*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
}

/*---セレクトボタン矢印非表示（IE10以上の為の記述）---*/
div#home_blog .staff_list_wrap select::-ms-expand {
    display: none;
}

div#home_blog .staff_list_wrap select option {
    font-weight: bold;
}

div#home_blog ul.cmn_post_list {
    justify-content: center;
    margin-bottom: 40px;
}

div#home_blog .btn {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_works
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_works {
    background: url(https://quintetto-hair.com/wordpress/wp-content/themes/cyber-child/images/pc_works_bg.jpg) no-repeat 50% 50% / cover;
    position: relative;
}

div#home_works .name {
    position: absolute;
    bottom: -5px;
    left: calc(50% - 540px);
}

div#home_works .name strong {
    font-size: 29px;
    font-weight: normal;
    margin-left: 22px;
}

div#home_works .works_wrap {
    color: #fff;

    width: 580px;
    margin-left: auto;
}

div#home_works .works_wrap h2 {
    font-size: 50px;
    font-family: 'Rozha One', serif;
    margin-bottom: 10px;
}

div#home_works .works_wrap p.main_lead {
    font-size: 36px;
    line-height: 1.4;
    margin-bottom: 25px;
}

div#home_works .works_wrap p.main_txt {
    margin-bottom: 38px;
}

div#home_works .works_wrap p.bnr {
    background-color: #fff;
    border: 1px solid #7c7c7c;
    display: inline-block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_recruit
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_recruit p.main_txt {
    text-align: center;
    margin-bottom: 35px;
}

div#home_recruit .recruit {
    position: relative;
    margin-bottom: 70px;
}

div#home_recruit .recruit .img {
    padding-top: 352px;
}

div#home_recruit .recruit p.ttl {
    position: absolute;
    top: 145px;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index: 1;
}

div#home_recruit .recruit p.ttl a {
    color: #fff;
    text-decoration: none;
    line-height: 1;
}

div#home_recruit .recruit .en {
    font-size: 76px;
    font-family: 'Ropa Sans', sans-serif;
    display: block;
}

div#home_recruit .recruit p.ttl .ja {
    font-size: 20px;
}

div#home_recruit ul.items {
    justify-content: center;
    margin: 0 -10px;
}

div#home_recruit ul.items li {

    margin: 0 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_access
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_access p.map {
    background: #ccc;
    width: 1800px;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#contact_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#contact_area {
    overflow: hidden;
}

body:not(.home) div#contact_area {
    border-top: 1px solid #e4e4e4;
}

div#contact_area .schedule {
    float: left;
}

div#contact_area .schedule p.ttl {
    font-size: 24px;
    font-family: 'Rozha One', serif;
    margin-bottom: 13px;
}

div#contact_area ul.items {
    float: right;
    justify-content: space-between;
}

div#contact_area ul.items li {
    max-width: 420px;
}

div#contact_area ul.items li:not(:last-child) {
    border-right: 1px solid #bfbfbf;
    padding-right: 45px;
    margin-right: 45px;
}

div#contact_area ul.items p.ttl {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 7px 0 30px;
}

div#contact_area ul.items p.ttl:after {
    content: '';
    display: block;
    width: 95px;
    height: 1px;
    background-color: #000;
    margin: 13px auto 0;
}

div#contact_area table.cmn_open_table {
    margin-bottom: 27px;
}

div#contact_area .cmn_btn_wrap a {
    font-size: 18px;
    height: 48px;
    padding: 5px 50px;
}

div#contact_area .cmn_btn_wrap a.cmn_tel {
    font-size: 22px;
}

div#contact_area .cmn_btn_wrap a:before {
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -26px;
    font-size: 30px;
}

div#contact_area .cmn_btn_wrap a.cmn_reserve:before {
    width: 26px;
    height: 26px;
    margin-top: -14px;
}

div#contact_area .cmn_btn_wrap a.cmn_reserve:after {
    position: absolute;
    top: calc(50% - 18px);
    right: 12px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info {
    display: none;
}