@charset "UTF-8";
/*
固定ページ系の見出し／.sub_title
======================================================================
　固定ページ等の管理画面内でコーディングされたコンテンツで使用されている
　（採用情報など）
*/
.sub_title { border-bottom: 2px solid #333; padding-bottom: 0.14rem; margin-bottom: 0.4rem; }
.sub_title h2 { display: inline-block; font-weight: bold; font-size: 0.2rem; line-height: 1.3; }
@media (min-width: 1280px) { .sub_title h2 { font-size: 0.27rem; } }

/*
固定ページ系の見出し／.lead
======================================================================
　固定ページ等の管理画面内でコーディングされたコンテンツで使用されている
　（採用情報など）
*/
.lead_L { margin-bottom: 0.25rem; padding-bottom: 0.12rem; font-size: 0.18rem; font-weight: bold; border-bottom: 1px solid #333; }
@media (min-width: 1280px) { .lead_L { font-size: 0.26rem; } }

.lead_M { margin-bottom: 0.2rem; font-size: 0.16rem; font-weight: bold; }
@media (min-width: 1280px) { .lead_M { font-size: 0.18rem; } }

/*
固定ページ系のdl用／.page_content
======================================================================
　固定ページ等の管理画面内でコーディングされたコンテンツで使用されている
　（会社概要など）
*/
dl.page_content { padding-bottom: 1.4em; margin-bottom: 0; }
dl.page_content dt { padding: 5px 12px 7px; position: relative; font-size: 0.18rem; font-weight: bold; line-height: 1.5; }
@media screen and (min-width: 1280px) { dl.page_content dt { font-size: 0.24rem; } }
dl.page_content dt::before { content: ""; width: 2px; height: 100%; background-color: #FF008E; position: absolute; top: 0; left: 0; }
dl.page_content dd { padding: 12px 12px 1.4em; border-bottom: 1px solid #DEDEDE; }
dl.page_content dd a { color: #0099EE; text-decoration: underline; }
dl.page_content dd + dt { margin-top: 1.4em; }

/*
固定ページの記事／.entry_contents
======================================================================
固定ページ「ご利用規約」などの管理画面内でコーディングされたコンテンツに使用されている
旧システムから続く管理画面内の登録データなので、classの命名が古いままとなっている
*/
/*
スタッフイチオシ！
*/
.entry_contents-staff_recommend { max-width: 746px; }
.entry_contents-staff_recommend div { text-align: center; }
.entry_contents-staff_recommend .movie_wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.entry_contents-staff_recommend .movie_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
SALE
*/
.entry_contents-sale { max-width: 746px; text-align: center; }
.entry_contents-sale .movie_wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.entry_contents-sale .movie_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
固定ページの記事／.entry_contents_detail
======================================================================
固定ページ「スタッフオススメ」などの管理画面内でコーディングされたコンテンツに使用されている
ページ固有の詳細な設定を記述
*/
/* 商品一覧のカタログ表示 */
.entry_contents_detail--item_list .item-catalog { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; font-size: 0; }
.entry_contents_detail--item_list .item-catalog .wrap { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 50%; margin-bottom: 7px; padding: 13px 7px; box-sizing: border-box; vertical-align: top; }
.entry_contents_detail--item_list .item-catalog .wrap .new-color { position: absolute; top: 0; left: 0; z-index: 1; }
.entry_contents_detail--item_list .item-catalog .wrap .image { border: solid 6px #DDDDDD; text-align: center; margin-bottom: 10px; }
.entry_contents_detail--item_list .item-catalog .wrap .image img { width: 100%; height: auto; }
.entry_contents_detail--item_list .item-catalog .wrap .name { text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 0.13rem; }
.entry_contents_detail--item_list .item-catalog .wrap .btn-detail { width: 100%; margin: 0 auto; background: none; }
.entry_contents_detail--item_list .item-catalog .wrap .btn-detail a { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 30px; margin: 0; padding: 0; background: #ffffff; border: 1px solid #c4c4c4; border-radius: 4px; color: #333; font-size: 0.12rem; text-align: center; text-decoration: none; }
.entry_contents_detail--item_list .newline-mb { display: block; }

/*
コンビニ決済ガイド／.conveni_guide
======================================================================
固定ページ「コンビニ前払い 端末操作手順」の各詳細ページで使用
*/
.conveni_guide--heading { padding-bottom: 14px; margin-top: 60px; margin-bottom: 40px; border-bottom: 2px solid #333; font-weight: bold; font-size: 18px; }
.conveni_guide--heading:first-child { margin-top: 0; }

.conveni_guide--text_box { margin: 20px 0; }

.conveni_guide--list { padding-left: 1.6em; }
.conveni_guide--list li { line-height: 1.3; list-style: disc; }
.conveni_guide--list li + li { margin-top: 5px; }

.conveni_guide--table { display: block; margin-top: 10px; }
.conveni_guide--table tbody, .conveni_guide--table tr, .conveni_guide--table td { display: block; }
.conveni_guide--table tr { margin-top: 20px; }
.conveni_guide--table td { padding-bottom: 10px; line-height: 1.5; vertical-align: top; }
.conveni_guide--table td + td { padding-left: 10px; }
.conveni_guide--table img { width: 100%; max-width: 300px; border: 1px solid #ccc; }

/*
デザインカット＆セットサービス（固定詳細ページ）／.design-cs
======================================================================
固定詳細ページ「デザインカット＆セットサービス」の管理画面内でコーディングされたコンテンツ用
親となる固定ページのほうは _sass/contents/block/page/_designcut_set_service.scss に記述
旧システムから続く管理画面内の登録データなので、classの命名が古いままとなっている
*/
.design-cs_page_nav ul { margin: 0 auto; text-align: center; width: 223px; }

.design-cs_page_nav li { width: 223px; }

.design-cs_page_nav li:first-child { margin-bottom: 20px; }

.design-cs-contact_caution { width: 100%; margin: 0 auto 50px auto; text-align: center; background-color: aliceblue; padding: 30px 0; }

.design-cs-contact_caution h4 { font-size: 160%; font-weight: bold; margin-bottom: 20px; }

.design-cs-contact_caution p { font-size: 110%; color: #DC5059; line-height: 1.6; }

/*
前髪カット／.cut-note
======================================================================
固定詳細ページ「前髪カット」の管理画面内でコーディングされたコンテンツ用
旧システムから続く管理画面内の登録データなので、classの命名が古いままとなっている
*/
dl.cut-note { margin-bottom: 40px; border: dotted 2px #333; padding: 15px 7px; }

dl.cut-note dt { margin-bottom: 7px; }

dl.cut-note dt ul { font-size: 12px; line-height: 1.6; padding-left: 1.6em; }

dl.cut-note dd li { list-style-type: disc; list-style-position: inside; margin-bottom: 12px; padding-left: 10px; }

dl.cut-note dd a { color: #52D1F2; text-decoration: underline; }

dl.cut-note dd a:hover { color: #DB5058; text-decoration: none; }

.cut-note-sub_heading { font-size: 120%; font-weight: bold; color: #DC5059; }

.page-design-cs .page_contents.l-width-contents, .page-design-cs .entry_contents.l-width-contents { max-width: 715px; }
.page-design-cs .page_contents .required, .page-design-cs .page_contents .caution, .page-design-cs .page_contents .f-point, .page-design-cs .entry_contents .required, .page-design-cs .entry_contents .caution, .page-design-cs .entry_contents .f-point { color: #f00000; }