/*-- なぜか全体がboldなっているので、強制的に戻す --*/
b { font-weight:normal;}

/*-- 年末年始、緊急企画 --*/
/*-- .fs-c-productSelection__name:last-of-type { color: red;} --*/

/*-- 緊急アナウンス　強調(emphasis) --*/
b.emp  { color:red;}

/*-- ページ内リンク制御　--*/
html { scroll-behavior: smooth;}

/*-- 値段関連のフォントコントロール　--*/
.fs-c-productPrices--productDetail .fs-c-price__value { font-size: 40px !important;}
.fs-c-productPrices--productDetail .fs-c-price__currencyMark { font-size: 40px !important;}
.fs-c-productPrices--productDetail .fs-c-productPrice__main__label { font-size: 26px !important;}
.fs-c-productPrices--productDetail .fs-c-productPrice__addon__label { font-size: 20px !important;}
.fs-c-productPrices--productDetail .fs-c-productPrices--productDetail .fs-c-productPrice__addon__label { font-size: 20px !important;}
 { font-size: 18px !important;}
.fs-c-productPrices--productDetail .fs-c-productPrice__addon__label::after { font-size: 18px !important;}

/*-- センター揃え(ブロック要素)　--*/
.cnt { text-align:center !important;}

/*-- marginによる、センター揃え　--*/
.m_cnt { margin: 0 auto;}

/*-- block要素のセンター揃え　--*/
.blk_cnt {
    margin: 0 auto;
    width: 500px;
    text-align: center;
}

/*-- 背景を強制的にグレーにする　--*/
.bg_glay { background-color: #eee !important;}

/*-- カートボタンの背景色を変更　--*/
.fs-c-button--primary  {
    background: #cc4545;
    border: 1px solid #cc4545;
    border-radius: 0px;
    padding: 1.5em 1.6em;
    font-size: 1.8rem;
}

.original_cart .fs-c-button__label  { font-size: 22px;}

/*-- カートボタンの前にアイコンをつける　--*/
.original_cart .fs-c-button__label:before  {
    font-family: 'fs-icon';
    content: "\e902";
    padding-right: 10px;
    font-size: 24px;
}


/*-- 背景を強制的にホワイトにする　--*/
.bg_white { background-color: #fff !important;}

/*-- 強制的に投稿日を隠す --*/
.fs-c-reviewInfo__date {display:none !important;}

/*-- 強制的に「現在登録されている商品はありません」を隠す --*/
.fs-c-noResultMessage {display:none !important;}

/*-- 行間の調整　--*/
.line_h30p { line-height:30px !important;}

/*-- アンダーライン（ドット）　--*/
.under_dot { border-bottom: dotted 2px #ddd;}

.under_line {
    border-bottom: solid 1px #000;
    margin-left: 10px;
    padding: 10px 10px 0 0;
}

/*--  グループの間仕切り  --*/
hr.maji {
  border-top: 3px dotted #bbb;
  border-bottom: 3px dotted #fff;
}

/*-- block要素の位置コントロール　--*/
.block_cnt { margin: 0 auto;}
.block_left { margin-right: auto;} /* 左寄せは、margin-rightを自動 */
.block_right { margin-left: auto;} /* 右寄せは、margin-leftを自動 */

/*-- flexboxのセンター揃え　--*/
.flex_cnt { justify-content: center;}

/*-- flexboxを先頭に寄せる　--*/
.flex_start { justify-content: start !important;}

/*-- Before画像のmargin --*/
.before-img { margin-right:20px;}

/*-- After画像のmargin --*/
.after-img { margin-left:20px;}

/*-- blockを中央に寄せて、左詰め --*/
.blk_cnt_left {
    width: 600px;
    margin: 0 auto;
    text-align: left;
}

/*--  ヘッダー固定  --*/
.site-header {
    position: fixed;
    background-color: #fff;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 1024px;
    height: 68px;
    z-index: 3;
}

.search-header {
    position: fixed;
    top: 68px;
    left: 0px;
    width: 100%;
    min-width: 1024px;
    height: 38px;
    z-index: 3;
}

.nav-header {
    position: fixed;
    top: 106px;
    left: 0px;
    width: 100%;
    height: 40px;
    z-index: 3;
}

/* head positionの調整 */
/* .head_position { margin-top:138px;} */
/* .page_margin_top { margin-top:148px;} */
.modal_margin_top { margin-top:185px !important;}

/* ナビリストのwidth */
.nav_list_width { width: 300px;}

/*-- フォントの大きさ　--*/
.font-4 { font-size:16px;}
.font-5 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size:18px;
}
.font-6 { font-size:20px;}
.font-7 { font-size:22px;}
.font-8 { font-size:24px;}


/*-- 上記のイレギュラー対応　--*/
.font-5 span {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
    font-size:24px;
}

/*-- Noto Sansフォント　--*/
.font_noto_sans_300 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:300;
}

.font_noto_sans_500 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
}


/*-- widthの大きさ（％）　--*/
.w_100 { width:100% !important;}
.w_95 { width:95% !important;}
.w_90 { width:90% !important;}
.w_80 { width:80% !important;}
.w_70 { width:70% !important;}
.w_60 { width:60% !important;}
.w_55 { width:55% !important;}
.w_50 { width:50% !important;}
.w_48 { width:48% !important;}
.w_45 { width:45% !important;}
.w_40 { width:40% !important;}
.w_33 { width:32.5% !important;}
.w_30 { width:30% !important;}
.w_25 { width:25% !important;}
.w_20 { width:20% !important;}
.w_16 { width:15% !important;}
.w_15 { width:15% !important;}
.w_10 { width:10% !important;}
.w_5 { width:5% !important;}

/*-- widthの大きさ（PX）　--*/
.w_10p { width:10px !important;}
.w_12p { width:12px !important;}
.w_20p { width:20px !important;}
.w_30p { width:30px !important;}
.w_40p { width:40px !important;}
.w_50p { width:50px !important;}
.w_60p { width:60px !important;}
.w_70p { width:70px !important;}
.w_80p { width:80px !important;}
.w_90p { width:90px !important;}
.w_100p { width:100px !important;}

/*-- topのmargin --*/
.t_10p { margin-top:10px !important;}
.t_15p { margin-top:15px !important;}
.t_20p { margin-top:20px !important;}
.t_30p { margin-top:30px !important;}
.t_40p { margin-top:40px !important;}
.t_50p { margin-top:50px !important;}

/*-- underのmargin --*/
.u_0p { margin-bottom:0 !important;}
.u_10p { margin-bottom:10px !important;}
.u_20p { margin-bottom:20px !important;}
.u_30p { margin-bottom:30px !important;}
.u_40p { margin-bottom:40px !important;}
.u_50p { margin-bottom:50px !important;}

/*-- rightのpadding --*/
.r_10p { padding-right:10px !important;}
.r_20p { padding-right:20px !important;}
.r_30p { padding-right:30px !important;}
.r_40p { padding-right:40px !important;}
.r_50p { padding-right:50px !important;}

/*-- leftのpadding --*/
.l_10p { padding-left:10px !important;}
.l_20p { padding-left:20px !important;}
.l_30p { padding-left:30px !important;}
.l_40p { padding-left:40px !important;}
.l_50p { padding-left:50px !important;}

/*-- 全体のpadding --*/
.a_10p { padding:10px !important;}
.a_20p { padding:20px !important;}
.a_30p { padding:30px !important;}
.a_40p { padding:40px !important;}
.a_50p { padding:50px !important;}


/*-- 左のmarginを消す --*/
.l_margin_none { margin-left:0 !important;}

/*-- 右のmarginを消す --*/
.r_margin_none { margin-right:0 !important;}

/*-- 両サイドのmarginを消す --*/
.s_margin_none {
    margin-left:0 !important;
    margin-right:0 !important;
}

/*-- すべてのmarginを消す --*/
.a_margin_none {
    margin:0 !important;
}

/*-- イメージにスペース化できる件を解消 --*/
.space_cut {
    vertical-align:bottom !important;
}

/*-- 両端につけて表示 --*/
.space_pt01 {
    justify-content: space-between !important;
}

/*-- フォントのパターン　--*/
span.font_pat01 {
    color:#E23A39;
    font-size:16px;
}

/*-- フォントを強調（赤っぽい）にする --*/
span.font_pat02 {
    color:#E23A39 !important;
}

span.font_pat03 {
    color:#E23A39;
    font-size:32px;
}

span.font_pat04 {
    font-size:11px;
}

span.font_pat05 {
    color:#E23A39;
    font-size:20px;
}

/*-- レディースカテゴリのコメント欄は、width固定 --*/
.fixed_380p {
    width: 380px;
}

/*-- brのCSS化 --*/
.br_pc:before {
    content: "\A" ;
    white-space: pre ;
}

/*-- 左横の隙間をつぶす --*/
ul { padding-left: 0px;}

/*-- リンクの文字色設定 --*/
a:link {
    color: #313131;
    text-decoration: none;
}
a:visited {
    color: #313131;
    text-decoration: none;
}
a:hover {
    color: #313131;
    text-decoration: none;
}
a:active {
    color: #313131;
    text-decoration: none;
}

/* 2階層目以降のカテゴリのヘッダー画像をクリックして、2階層目に戻す */
.category_banner a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-- ログインログアウトの表示切り替えを行うCSS --*/
.logout.my-false { display: none; }
.login.my-true { display: none; }

/* 隙間 */
.t05 { margin-top:5px;}
.t10 { margin-top:10px;}
.t20 { margin-top:20px;}

/* ボールド */
.bd { font-weight:bold;}

/* 取り消し線 */
.ccl { text-decoration: line-through;}

/* TABLE 横並び */
.yoko_tbl { display: flex;}

/* – max-widthを設定しない – */
.fs-p-headerNavigation { max-width: 2000px;}


/* リンクバナーをふんわり浮かせる */
.fuwa_link {
    display: inline-block;
    text-decoration: none;
/*    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1), 0 3px 20px 0 rgba(0,0,0,0.1), 0 5px 6px -2px rgba(0,0,0,0.1); */
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1), 0 1px 3px 0 rgba(0,0,0,0.1), 0 3px 3px -2px rgba(0,0,0,0.1);
    -webkit-tap-highlight-color: transparent;
    transition: .1s ease;
}

.fuwa_link:hover {
    cursor: pointer;
    text-decoration: none;
    opacity:0.8;
    transform: translateY(3px);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.1), 0 0 0 0 rgba(0,0,0,0.1), 0 0 0 -2px rgba(0,0,0,0.1);
}

/*-- 見出しタイトル A（帯） --*/
h1.title_a {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  position: relative;
  padding: 0.2em;
  margin: 1vw 5vw 3vw 5vw;
  background-color: #f0f0f0;
}

h1.title_a span {
  display: block;
  font-size:1em;
  padding: 0.5em 1em;
  border: 1px dashed #ccc;
}

h1.title_a::before,
h1.title_a::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent;
}
h1.title_a::before {
  top: 100%;
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #ccc;
}

h1.title_a::after {
  top: -15px;
  right: 0;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-bottom-color: #ccc;
}

/*-- 見出しタイトル B,serif（横線） --*/
h1.title_b, h1.title_serif {
  position: relative;
  display: inline-block;
  font-weight:500;
  padding: 0 80px;
  margin: 30px 0 0 0;
}

/*-- B（Noto Sans）,C（Noto Serif） --*/
h1.title_b { font-family: 'Noto Sans JP', sans-serif;}
h1.title_serif { font-family: 'Noto Serif JP', serif;}


h1.title_b:before, h1.title_b:after, h1.title_serif:before, h1.title_serif:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

h1.title_b:before, h1.title_serif:before {
  left:0;
}
h1.title_b:after, h1.title_serif:after {
  right: 0;
}

/*-- 見出しタイトル C,左斜めカット --*/
h1.title_c {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 5px 5px 50px;
    background: #000;
    width: 1024px;
    margin: 5px auto;
}

h1.title_c:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
}

h1.title_c a {
    color:#fff;
}

/*=============================================*/
/*layout*/
/*=============================================*/
.pop_fixed {
    position: fixed;
    min-width: 1024px;
    max-width: 1200px;
}

.pop_backcolor {
    background-color: #d6d6d6;
    height: 138px;
}

.pop_head {
    position: relative;
    top: 97px;
    z-index: 3;
    background-color: #fff;
}

.pop_head .inner {
    width: 920px; /* default */
    margin: auto;
}

.main_menu {
    position: relative;
    width: 100%;
    float: right;
}

.main_menu ul {
    list-style: none;
    font-size: 0px; /* 横並び時の隙間を埋めるおまじない */
}

.main_menu .main_nav > li {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 14px;
}

.main_menu .main_nav > li a {
    display: block;
    width: 153px;
    padding: 10px 8px;
    color: #313131;
}

.main_menu .main_nav > li a:hover {
    background: #EA7276;
    color: #FFF;
    padding: 10px 8px; /* hover時のpadding */
}

.main_menu .main_nav .toggle_menu {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 30px 40px;
    background-color: #eee;
    box-sizing: border-box;
}

.main_menu .main_nav .toggle_menu .ttl {
    margin-bottom: 12px;
    padding-bottom: 4px;
    border-bottom: 1px solid #313131;
    font-size: 14px;
    color: #313131;
    text-align: left;
}

.main_menu .main_nav .child, .child_2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.main_menu .main_nav .child li {
    margin-right: 20px;
    text-align: left;
    font-size: 12px;
    width: 220px;
}

.main_menu .main_nav .child_2 li { width: 200px;}
.main_menu .main_nav .child_3 li { width: 80px;}

.main_menu .main_nav .child li:last-child, .child_2 li:last-child { margin-right: 0;}

.main_menu .main_nav .main_cate {
    background: #D6D6D6;
    color: #313131;
    text-align: center;
}

.main_menu .main_nav .child li a, .child_3 li a { color: #313131; width: 220px;}
.main_menu .main_nav .child li a:hover, .child_3 li a:hover { background: #EA7276; color: #FFF;}

.main_menu .main_nav .child li a:hover { width: 220px;}
.main_menu .main_nav .child_3 li a:hover { width: 80px;}


/*-------------- よりそう用 --------------*/
.main_menu_yori {
    position: relative;
    width: 100%;
    float: right;
}

.main_menu_yori ul {
    list-style: none;
    font-size: 0px; /* 横並び時の隙間を埋めるおまじない */
}

.main_menu_yori .main_nav > li {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 14px;
}

.main_menu_yori .main_nav > li a {
    display: block;
    width: 188px;
    padding: 10px 8px;
    color: #313131;
}

.main_menu_yori .main_nav > li a:hover {
    background: #775B8D;
    color: #FFF;
    padding: 10px 8px; /* hover時のpadding */
}

.main_menu_yori .main_nav .toggle_menu {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 30px 40px;
    background-color: #eee;
    box-sizing: border-box;
}

.main_menu_yori .main_nav .toggle_menu .ttl {
    margin-bottom: 12px;
    padding-bottom: 4px;
    border-bottom: 1px solid #313131;
    font-size: 14px;
    color: #313131;
    text-align: left;
}

.main_menu_yori .main_nav .child, .child_2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.main_menu_yori .main_nav .child li {
    margin-right: 20px;
    text-align: left;
    font-size: 12px;
    width: 220px;
}

.main_menu_yori .main_nav .child_2 li { width: 200px;}
.main_menu_yori .main_nav .child_3 li { width: 80px;}

.main_menu_yori .main_nav .child li:last-child, .child_2 li:last-child { margin-right: 0;}

.main_menu_yori .main_nav .main_cate {
    background: #D6D6D6;
    color: #313131;
    text-align: center;
}

.main_menu_yori .main_nav .child li a, .child_3 li a { color: #313131; width: 220px;}
.main_menu_yori .main_nav .child li a:hover, .child_3 li a:hover { background: #775B8D; color: #FFF;}

.main_menu_yori .main_nav .child li a:hover { width: 220px;}
.main_menu_yori .main_nav .child_3 li a:hover { width: 80px;}
/*--------------  よりそう用 ここまで  --------------*/




/* メニュー下、ボーダー */
.fs-p-headerNavBar { border-bottom: 1px solid #ddd;}

/*-- ヘッダーマウスオーバーカラー --*/
.fs-p-headerNavigation__link:hover { color:#FFF; background:#FF7675;}

/*-- ヘッダーレスポンシブ調整 --*/
@media screen and (min-width: 768px) {
/* 768px～、フレックスアイテムを単一行に表示 */
.fs-p-headerNavigation__list {
     flex-wrap:no-wrap; 
    }
.fs-p-headerNavigation__list .fs-p-headerNavigation__listItem {
/*    768px～、1項目のwidth設定 */
/*    min-width:76px; */
    min-width:50px;
    }
}
@media screen and (max-width: 768px) {
.fs-p-headerNavigation__list .fs-p-headerNavigation__listItem {
/*    768px未満で、2行表示　1行8列 */
    flex-basis: 12.5%;
    }
}

/*-- 価格表示設定 --*/
.fs-c-price__value {
    font-size:20px;
    font-weight:bold;
    color:#000;
}

/*-- 記号設定 --*/
.fs-c-price__currencyMark  {
    font-size:16px;
    color:#000;
}

/*-- 商品詳細　サイズ --*/
/* .formal-size { min-width:1024px;} */
.formal-size p { margin-top:20px;}
.formal-size table { table-layout:fixed; text-align:center; width:100%; border-collapse: collapse; border:1px solid #DCDCDC; border-spacing: 0; font-family: 'Noto Sans JP', sans-serif;}
.formal-size table th { background-color:#EDEEEE; font-weight:300;}
.formal-size table th.midashi { width:100px;}
.formal-size table td,th { border-collapse: collapse; border:1px solid #ABABAB; border-spacing: 0;}
.formal-size table td.sct { color:#fff; font-weight:500; background-color:#FF7675;}
.formal-size table td.sct a { color:#fff; font-weight:500;}
.formal-size table td.area { color:#000; background-color:#ffe6e6;}
.formal-size table td.area a { color:#000;}
.formal-size table a { color:#000;}
.formal-size table a:hover { font-weight:500;}
.formal-size table td.bkg { background-color:#EDEEEE;}



/*------------------------------------------*/
/*---   ↓↓↓   defaultのコントロール   ↓↓↓   ---*/
/*------------------------------------------*/

/*-- トップページのメインバナー（default）　--*/
div.top_responsive { min-width:1024px;}

/*-- トップページのモデル画像（default）　--*/
div.top_responsive img.human_banner {
    position:absolute;
    min-width:1024px;
    z-index:2;
}

/*-- トップページの背景画像（default）　--*/
div.top_responsive img.zoom_sec {
    position:relative;
    z-index:1;
}

/* ヘッドタイトルのコントロール(default) */
.head_title { width: 920px;}

/* ヘッドの１カテゴリ分コントロール(default) */
.categ_h {
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    text-align: center;
    width: 153px;
}

/* 左に線を書く */
.line_left {
    position: relative;
    display: inline-block;
}

.line_left:before {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 1px;
     height: 20px;
     background-color: #888;
}

/*-- トップページのカテゴリバナー　--*/
div.category_box {
/*    border:1px solid #ccc; */
    padding:10px;
    min-width:1024px;
    background-color: #EEE;
}

ul.banner01 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: space-evenly;
}

/*--  1列表示  --*/
ul.banner01 li.row_1 { width:60%;}

/*--  2列表示  --*/
ul.banner01 li.row_2 { width:27%;}

/*--  3列表示  --*/
ul.banner01 li.row_3 { width:3%;}

/*--  4列表示  --*/
ul.banner01 li.row_4 { width:20%;}


/*--  ボタン間の隙間を埋める  --*/
ul.banner01 li.row_2:first-child { margin-left:150px;}
ul.banner01 li.row_2:last-child { margin-right:150px;}


/*--  四角ボタン（返却の流れ）（default）  --*/
ul.banner01 .c_btn00, .c_btn01, .c_btn02 {
    text-align:center;
    position: relative;
    font-size: 12px;
    padding: 14px 0;
    border-radius: 30px;
}

ul.banner01 .c_btn00 {
    background-color: #888;
}

ul.banner01 .c_btn01, .c_btn02 {
    background-color: #ff4c4c;
}

ul.banner01 .c_btn00 a, .c_btn01 a, .c_btn02 a {
    color:#fff !important;
}

/*--  初心者マーク（返却の流れ）after （default） --*/
ul.banner01 .c_btn01:first-child:before {
  display: block;
  content: url(https://formal.itembox.design/item/icon-beginner.png?t=20241012120418);
  position: absolute;
  top: 35%;
  left: 16px;
  margin-top: -5px;
}

/*--  三角ボタン（返却の流れ）after （default） --*/
ul.banner01 .c_btn00:after, .c_btn01:after, .c_btn02:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 242px;
  margin-top: -5px;
  border: 7px solid transparent;        /*top right bottom を透明化 */ 
  border-left: 7px solid #FFF;
}

/*--  3列表示  --*/
ul.banner01 li.row_3 { width:30%;}

/*--  4列表示  --*/
ul.banner01 li.row_4 { width:20%;}

/*--  6列表示  --*/
ul.banner01 li.row_6 { width:15%;}

/*--  イレギュラー対応  --*/
ul.banner01 li.row_4 img { padding:0 !important;}

/*
ul.banner01 img { padding:0 5px;}
*/

/*-- カテゴリタイトルの文字 --*/
.category_title {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:16px;
    line-height: 62px;  /* 虫メガネの高さ */
    vertical-align:middle;
    padding-left:20px;
}

/*-- カテゴリバナー内の文字 --*/
.category_box span.main_ttl_pc {
    position: absolute;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    color: black;
    text-shadow: 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF, 0 0 28px #FFF;
    font-size: 28px;
    top: 12px;
    left: 92px;
}

/*-- カテゴリバナー下の文字 --*/
.category_box span.sub_ttl_pc {
    font-family: 'Noto Sans JP', sans-serif;
    color: black;
    font-size:12px;
    padding-left:16px;
}

/*-- ちょっとだけ小さく -1vw --*/
span.small {
    font-size: 20px;
}

/*-- 枠を書く（翌日ご利用可能内のグレーBOX） --*/
.box_line01 {
    display:block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:16px;
    margin:0 20px;
    padding:20px;
    border:1px solid #ccc;
    background: #eee;
}

/*-- 枠を書く（衣装提供内のホワイト枠） --*/
.box_line02 {
/*    border:1px solid #ccc; */
    background: #fff;
    padding:18px;
}

/*-- コメントのpadding-leftを無効にする（衣装提供内のホワイト枠） --*/
.box_line02 span.sub_ttl_pc {
    padding-left:0 !important;
}

/*-- 枠を書く（おすすめ商品内） --*/
.box_line03 {
    border:1px solid #ccc;
    background: #fff;
}

/*-- 枠を書く（ご返却までの流れ） --*/
.box_line04 {
    position: relative;
/*    border:1px solid #ccc; */
    background: #fff;
    border-radius: 40px;
    margin:23px;
    padding:30px 10px;
}

/*-- 吹き出し --*/
.box_line04:after {
    position: absolute;
    content: '';
    top: -10%;
    left: 74%;
    border: 22px solid transparent;
    border-bottom: 30px solid #fff;
    width: 0;
    height: 0;
}

/*-- BOXの大枠（トップの特徴、レディースカテゴリのデザイン部分） --*/
.box_feature  {
    display: flex;
}

.box_feature li {
    display:block;
    list-style: none;
    padding:12px;
    margin:0 10px 10px;
    border:1px solid #ccc;
}

.box_feature_a  {
    display: flex;
    justify-content: space-between;
}

.box_feature_a li {
    display:block;
    list-style: none;
    text-align:center;
/*    margin:0 10px 10px; */
    border:1px solid #ccc;
}

/*-- BOXを横並びにさせない（地図部分） --*/
.box_feature_map  {
    border:1px solid #ccc;
}

.box_feature_map li {
    display:block;
    list-style: none;
    padding:12px;
    margin:0 10px 10px;
}

/*-- 補償パック --*/
.box_feature_b {
    display: flex;
}

.box_feature_b li.l_none {
    display:block;
    list-style: none;
}

.box_feature_b li {
    padding-bottom:5px;
}

/*-- おすすめ商品内のアイテム --*/
h5.ttl_main {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 12px;
    padding:5px 0;
    margin:0;
    width:100%;
    text-align:center;
    color:#fff;
    background-color: #313131;
}

h5.ttl_type {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    font-size: 26px;
    margin:6px 0 2px;
    width:100%;
    text-align:center;
    color:#E94C4C;
}

h5.ttl_type::after {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    font-size: 18px;
    content: "礼服";
    white-space: pre;}

/*-- 文字間が空きすぎている時の対応 --*/
h5.ttl_type span.tweak {
    font-size: 26px;
    letter-spacing: -2px;
    padding-right:4px;
}

.type_area {
    width:65%;
}

h5.ttl_price {
    font-family: 'Oswald';
    font-size: 58px;
    letter-spacing: -2px;
/*    margin:0 0 0 28px; */
    margin:0 0 0 14px;
    width:100%;
    color:#000;
    position:relative;
}

h5.ttl_price::after {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    letter-spacing: normal;
    content: "(税込)\A円から";
    white-space: pre;
    margin: 22px 0 0 2px;
    color:#000;
    position:absolute;
}

h6.ttl_banner {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 10px;
    color:#fff;
    padding:0 6px;
    margin:5px 10px 0 10px;
    text-align:center;
    border-radius: 40px;
    background-color: #FF6B6B;
}

/*-- 商材の文字 --*/
ul.banner01 p {
    font-size: 2.8vw;
    padding:0 2vw;
}

/*-- バナー横幅で写真が占める割合 --*/
.box01 span.photo03 {
    padding:6px;
    width:35%;
}

/*-- 画像のmargin-bottomを無効 --*/
.box01 span.photo03 img {
    margin-bottom:0;
}


/*-- 横並びの設定（基本パターン） --*/
.box01 {
    display: flex;
    flex-wrap: wrap;
}

/* 「レンタルの特徴」BOX内の左上のアイコン */
.box01 img.photo01 {
    padding-top:0.8em;
}

/*-- 特徴のタイトル（default） --*/
.box01 h4 {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    font-size:20px;
    margin:0;
}

/*-- beforeに、三角を書く（ご返却の流れ）（default） --*/
ul.banner01 li.row_6:before {
  display: block;
  content: "";
  position: absolute;
  color: #FF6D6C;
  top: 50%;
  left: -9px;
  margin-top: -5px;
  border: 7px solid transparent;        /*top right bottom を透明化 */ 
  border-left: 7px solid #FF6D6C;
}

/*-- 先頭だけ、三角を書かない（ご返却の流れ） --*/
ul.banner01 li.row_6:first-child:before {
  content: none;
}

/*-- レンタル方法（head） --*/
.box02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:860px;
    margin:0 auto;
}

.box02 img {
  display: block;
  position: absolute;
  top: 2px;
  left: 10px;
}

/*-- 身長・サイズ等の選択ボタン & ヤマト営業所選択部分 --*/
.box03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:860px;
    margin:0 auto;
}

/*-- ボタンの前に、三角を書く --*/
.box03 a:before {
  display: block;
  content: "";
  position: absolute;
  color: #fff;
  top: 27px;
  left: 10px;
  margin-top: -5px;
  border: 5px solid transparent;        /*top right bottom を透明化 */ 
  border-left: 5px solid #fff;
}

/* レディースカテゴリの「号」 */
.box03 a span.gou {
  font-size: 12px;
}

/*-- レンタル方法（本文） --*/
.box04 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:860px;
    margin:0 auto;
}

/*-- 基本のボタンデザイン（三角が前） --*/
a.ctg_link01 {
  display: block;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: left;
  color: #fff !important;
  height: 52px;
  margin: 6px;
  padding: 15px 0 15px 22px;
  border-radius: 5px;
  background: linear-gradient(#535353 0%, #959595 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  font-size: 17px;
  line-height: 20px;
  text-decoration: none;
}

/*-- 横2列、2行のボタン --*/
a.ctg_link01_4_2 {
  display: block;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: left;
  color: #fff !important;
  height: 52px;
  margin: 6px;
  padding: 6px 0 10px 50px;
  border-radius: 5px;
  background: linear-gradient(#535353 0%, #959595 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  font-size: 17px;
  line-height: 20px;
  text-decoration: none;
}

a.ctg_link01_4_2 span {
    font-size:21px;
}

/*-- 横配置のボタン（列数は、widthで調整） --*/
a.ctg_link01_4 {
  display: block;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  color: #fff !important;
  height: 52px;
  margin: 6px;
  padding: 10px 0 10px 10px;
  border-radius: 5px;
  background: linear-gradient(#535353 0%, #959595 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  font-size: 21px;
  text-decoration: none;
}

a.ctg_link01_4 span {
    font-size:20px;
}

a.ctg_link01_4_inv {
  display: block;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  color: #000 !important;
  height: 52px;
  margin: 6px;
  padding: 10px 0 10px 10px;
  border-radius: 5px;
  background: linear-gradient(#E8E1DB 0%, #C8C8C7 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  font-size: 21px;
  text-decoration: none;
}

/* 反転の場合、三角は黒色 */
a.ctg_link01_4_inv:before {
  color: #000;
  border-left: 5px solid #000;
}

/*-- レンタル方法 --*/
a.ctg_link02 {
  display: block;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: left;
  color: #000 !important;
  height: 52px;
  margin: 6px;
  padding: 16px 0 16px 68px;
  background-color: #eee;
  font-size: 14px;
  text-decoration: none;
  z-index: 2;
}

/*-- 特徴のタイトル（default）の縦並び --*/
.ver_mid {
    margin: auto 0;
}

/*-- 補足文章 --*/
.support_list {
    position: relative;
    top: -12px;
}

/* 「レンタルの特徴」BOX内の文章 */
/* .box_feature p.content01 { */
p.content01 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:12px;
    margin:1em 0.5em;
    text-align:left;
}

/* 横線のタイトルの上位　サイズ決定カテゴリ　コメント1を利用 */
.size_fix {
    text-align:center;
}

/* 右詰め */
.slide_right {
    text-align:right !important;
}

/* 左詰め */
.slide_left {
    text-align:left !important;
}

/* サイズを決定した画面の、内訳表記を小さくする、補償パックタイトル（PCのみ） */
.pc_fix {
    font-size:16px !important;
    font-weight:300 !important;
}

/* サイズを決定した画面の、サイズ表記コントロール（PCのみ） */
.select_size_fix {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:22px;
    margin: 0 0 15px 0;
}

/* サイズ表記だけ、大きく表示（PCのみ） */
.select_size_fix b {
    font-size:32px;
    font-weight:500;
}

/* ヤマト営業所ページ */
#eigyo_ttl  {
    position:relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:500;
    font-size:20px;
    margin: 10px 0 10px 10px;
    padding-left: 55px;
}

#eigyo_ttl img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
}

#eigyo_sttl  {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:300;
    font-size:14px;
    margin: 0 0 10px 65px;
}

ul.defaultlist {
    font-family: 'Noto Sans JP', sans-serif;
    list-style: none;
    margin:0;
    padding:0;
}

ul.defaultlist li {
    position:relative;
    border-bottom:dashed 1px #F6A38B;
    font-weight:500;
    font-size:14px;
    line-height:10px;
}

ul.defaultlist li p {
    font-weight:300;
    font-size:8px;
}

ul.defaultlist li:before {
    counter-increment: list;
    font-family: FontAwesome;
    font-size: 20px;
    content: "\f104";
    position: absolute;
    left: 0px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    color: #ff6b6b;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* mapの営業所名と住所 */
.list8-count {
    padding:18px 0 0 40px;
}

/* 下がボーダーのタイトル（PCのみ） */
h3.border_title {
    font-family: 'Noto Sans JP';
    font-weight:500;
    font-size:16px;
    margin:16px 0;
    padding: 5px 0 5px 14px;
    border-left: 6px solid #ff4c4c;
    border-bottom: 1px solid #ff4c4c;
    width:100%;
}

/*  横線のタイトル  PCとスマホで同じコメント1を利用するが、表示はそれぞれ違う */
h3.box_title {
    position: relative;
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 18px;
    padding: 0 80px;
    margin: 30px 0 0 0;
}

h3.box_title:before, h3.box_title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

h3.box_title:before {
  left:0;
}
h3.box_title:after {
  right: 0;
}

/*  PCは、タイトルを横棒に統一するので、とりあえずコメント */
/*-- 四角で囲むボックス（カテゴリタイトル）（default） --*/
/*
h3.box_title {
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:18px;
  padding: 15px 0;
  margin-top: 10px;
  min-width: 1024px;
  border-top: solid 0.5px #888;
  border-bottom: solid 0.5px #888;
  text-align:center;
}

h3.box_title:before, h3.box_title:after {
  content: '';
  position: absolute;
  top: -6px;
  width: 0.5px;
  height: calc(100% + 14px);
  background-color: #888;
}

h3.box_title:before {
  left: 1em;
}

h3.box_title:after {
  right: 1em;
}
*/

/*-- メンズ結婚式カテゴリ --*/
.category_banner {
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  /*  親要素の、padding:8pxを無効にする  */
  margin-top:-8px;
  min-width:1024px;
}

/*-- 各カテゴリのトップ画像 --*/
.category_banner span.category_ttl {
  position: absolute;
  font-family: 'Noto Serif JP', serif;
  color: black;
  font-size: 32px;
  top: 20px;
  left: 40px;
  min-width:1024px;
  z-index: -1;
}

.category_banner span.category_ttl_yamato {
  position: absolute;
  font-family: 'Noto Serif JP', serif;
  color: white;
  font-size: 32px;
  top: 20px;
  left: 40px;
  min-width:1024px;
  z-index: -1;
}

.category_banner span.category_ttl_shadow {
  position: absolute;
  color: white;
  font-family: 'Noto Serif JP', serif;
  text-shadow: 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF, 0 0 32px #FFF;
  font-size: 32px;
  top: 20px;
  left: 40px;
  min-width:1024px;
  z-index: -2;
}

.category_banner span.category_ttl_sub {
  position: absolute;
  font-family: 'Noto Sans JP', sans-serif;
  color: black;
  font-size:14px;
  top: 76px;
  left: 40px;
  padding-right: 15px;
  min-width:1024px;
  z-index: -1;
}

.category_banner span.category_ttl_yamato_sub {
  position: absolute;
  font-family: 'Noto Sans JP', sans-serif;
  color: white;
  font-size:14px;
  top: 76px;
  left: 40px;
  padding-right: 15px;
  min-width:1024px;
  z-index: -1;
}

.category_banner span.category_ttl_sub_shadow {
  position: absolute;
  font-family: 'Noto Sans JP', sans-serif;
  color: white;
  text-shadow: 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px  #FFF, 0 0 14px #FFF, 0 0 14px  #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px  #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px #FFF, 0 0 14px #FFF;
  font-size:14px;
  top: 76px;
  left: 40px;
  padding-right: 15px;
  min-width:1024px;
  z-index: -2;
}

/*-- オールと夏物の大枠 --*/
.select_boxline {
    font-family: 'Noto Serif JP', serif;
    padding:10px 10px 5px 10px;
    margin:5px 0 20px 0;
    width:100%;
    background-color: #EEE;
}

/*-- オールと夏物の選択ボタン --*/
ul.banner_select {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:10px 0;
}

ul.banner_select li {
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    width:25%;
    margin:0 10px;
    padding:6px 10px;
    list-style: none;
/*    border:1px solid #ccc; */
    background-color: #fff;
    text-align:center;
    color: #000;
    border-radius: 10px;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}

/*-- 枠を書く（ご返却までの流れ） --*/
ul.banner_select li.box_line01 {
    position: relative;
    font-family: 'Noto Serif JP', serif;
    font-size: 20px;
    margin:0 110px 0 75px;
    padding:1px 0;
    list-style: none;
    text-align:center;
    color: #fff;
    border-radius: 10px;
}

/*-- 吹き出し --*/
ul.banner_select li.box_line01:after {
    position: absolute;
    content: '';
    top: -14px;
    border: 7px solid transparent;
    width: 0;
    height: 0;
}

/*-- オールはピンク --*/
ul.banner_select li.box_line01:first-child {
    width:150px;
    background: #fe6c6a;
}

ul.banner_select li.box_line01:first-child:after {
    left: 46%;
    border-bottom: 10px solid #fe6c6a;
}

/*-- 夏はブルー --*/
ul.banner_select li.box_line01:last-child {
    width:84px;
    background: #02A2DA;
}

ul.banner_select li.box_line01:last-child:after {
    left: 41%;
    border-bottom: 10px solid #02A2DA;
}

/*-- googlemapコントロール　--*/
#map01 {
    width: 700px;
    height: 700px;
}


/*----------------------------------------------------*/
/*---   ↓↓↓   1024px～1400pxまでのコントロール   ↓↓↓   ---*/
/*----------------------------------------------------*/

@media(min-width:1024px) {

  div.top_responsive { width:100%;}

  .menu > ul {
      width: calc(920px + ((1vw - 10.24px) * 74.4681));
  }

  .pop_head .inner {
      width: calc(920px + ((1vw - 10.24px) * 74.4681));
  }

  .head_title {
      width: calc(920px + ((1vw - 10.24px) * 74.4681));
  }

  .categ_h, .main_menu .main_nav > li a {
      width: calc(153px + ((1vw - 10.24px) * 12.5));
  }

/*---------- よりそう用 ----------*/
  .categ_h, .main_menu_yori .main_nav > li a {
      width: calc(182px + ((1vw - 10.24px) * 11));
  }
/*-----------------------------*/


  .category_title {
      font-size: calc(16px + ((1vw - 10.24px) * 1.0638));
  }

  .category_box span.main_ttl_pc {
      font-size: calc(28px + ((1vw - 10.24px) * 1.5957));
      left: calc(92px + ((1vw - 10.24px) * 5.3191))
  }

  .category_box span.sub_ttl_pc {
      font-size: calc(12px + ((1vw - 10.24px) * 0.5319));
      padding-left: calc(16px + ((1vw - 10.24px) * 1.0638));
  }

  span.small {
      font-size: calc(20px + ((1vw - 10.24px) * 1.5957));
  }

  .box01 h4 {
      font-size: calc(20px + ((1vw - 10.24px) * 1.5957));
  }

/*  .box_feature p.content01 { */
  p.content01 {
      font-size: calc(12px + ((1vw - 10.24px) * 0.5319));
  }

  span.font_pat04 {
      font-size: calc(11px + ((1vw - 10.24px) * 0.5319));
  }

  .box_line01 {
      font-size: calc(16px + ((1vw - 10.24px) * 1.0638));
  }

  /*-- おすすめ商品内のアイテム --*/
  h5.ttl_main {
      font-size: calc(12px + ((1vw - 10.24px) * 0.5319));
  }

  h5.ttl_type {
      font-size: calc(26px + ((1vw - 10.24px) * 1.0638));
  }

  h5.ttl_type::after {
      font-size: calc(18px + ((1vw - 10.24px) * 0.5319));
  }

  /*-- 文字間が空きすぎている時の対応 --*/
  h5.ttl_type span.tweak {
      font-size: calc(26px + ((1vw - 10.24px) * 1.0638));
  }

  h5.ttl_price {
      font-size: calc(58px + ((1vw - 10.24px) * 2.1277));
  }

  h5.ttl_price::after {
      font-size: calc(16px + ((1vw - 10.24px) * 1.0638));
  }

  h6.ttl_banner {
      font-size: calc(10px + ((1vw - 10.24px) * 0.5319));
  }

  ul.banner01 li.row_6:before {
    left: calc(-9px + ((1vw - 10.24px) * -0.5319));
  }

  ul.banner01 .c_btn00, .c_btn01, .c_btn02 {
      font-size: calc(12px + ((1vw - 10.24px) * 0.5319));
  }

  ul.banner01 .c_btn00:after, .c_btn01:after, .c_btn02:after {
    left: calc(242px + ((1vw - 10.24px) * 10.6383));
  }

  h3.box_title {
    font-size: calc(18px + ((1vw - 10.24px) * 1.5957));
  }

  /*-- googlemapコントロール　--*/
  #map01 {
    width: calc(700px + ((1vw - 10.24px) * 53.1915));
  }

}

/*---   ↑↑↑   1024px～1400px以上ののコントロール 終わり  ↑↑↑   ---*/



/*----------------------------------------------*/
/*---   ↓↓↓   1400px以上ののコントロール   ↓↓↓   ---*/
/*----------------------------------------------*/

@media(min-width:1400px) {

  div.top_responsive { width:100%;}

  .menu > ul { width: 1200px;}
  .main_menu .main_nav > li a { width: 200px;}

/*---------- よりそう用 ----------*/
  .main_menu_yori .main_nav > li a { width: 240px;}
/*-----------------------------*/

  .pop_head .inner { width: 1200px;}
  .head_title { width: 1200px;}

  div.top_responsive img.human_banner {
      width:1400px;
      left:0;
      right:0;
      margin:auto;
  }

  div.top_responsive img.zoom_sec {
      object-fit:cover;
      max-height:350px;
      width:100%;
  }

  .category_title { font-size:20px;}

  /* ヘッドの１カテゴリ分コントロール */
  .categ_h {
      font-size: 15px;
      width:200px;
  }

  .category_box span.main_ttl_pc {
      text-shadow: 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF, 0 0 34px #FFF;
      font-size: 34px;
      left: 112px;
  }

  .category_box span.sub_ttl_pc {
      font-size:14px;
      padding-left:20px;
  }

  span.small {
    font-size: 26px;
  }

  .box01 h4 {
      font-size: 26px
  }

/*  .box_feature p.content01 { */
  p.content01 {
      font-size: 14px;
  }

  span.font_pat04 {
      font-size:13px;
  }

  .box_line01 {
      font-size:22px;
  }

  /*-- おすすめ商品内のアイテム --*/
  h5.ttl_main {
      font-size: 14px;
  }

  h5.ttl_type {
      font-size: 30px;
  }

  h5.ttl_type::after {
      font-size: 20px;
  }

  /*-- 文字間が空きすぎている時の対応 --*/
  h5.ttl_type span.tweak {
      font-size: 30px;
  }

  h5.ttl_price {
      font-size: 66px;
  }

  h5.ttl_price::after {
      font-size: 20px;
  }

  h6.ttl_banner {
      font-size: 12px;
  }

  ul.banner01 li.row_6:before {
    left: -11px;
  }

  ul.banner01 .c_btn00, .c_btn01, .c_btn02 {
      font-size: 14px;
  }

  ul.banner01 .c_btn00:after, .c_btn01:after, .c_btn02:after {
    left: 282px;
  }

  h3.box_title {
    font-size:24px;
  }

  /*-- googlemapコントロール　--*/
  #map01 {
      width: 900px;
  }

}
/*---   ↑↑↑   1400px以上ののコントロール 終わり  ↑↑↑   ---*/



/*-- カテゴリのサイズ表 --*/
ul.banner02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/*-- カテゴリのサイズ表 --*/
ul.banner02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.banner02 li {
    display:block;
    width:47%;
    list-style: none;
}

/*-- イメージ画像を一番下に配置 --*/
img.back_img {
  position: relative;
  z-index:-3;
}

/*-- よくあるご質問 --*/
.t_title {
    background: #888;
    padding:10px 0 10px 10px;
    margin-top:30px;
    color:#1A171D;
    font-weight:bold;
}

/*-- ＴＯＰの各カテゴリタイトル --*/
.t_title_b {
    font-size:18px;
    color:#fff;
    padding-left:20px;
    border-left: 6px solid #E92525;
}

/*-- スケジュールのタイトル --*/
.t_title_c {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:24px;
    font-weight: 500;
    padding-bottom:10px;
    color:#000;
}

.question .menu {
    color: #000;
    padding:10px 0 10px 16px;
    font-size:14px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

/* .question .menu:hover { background: #ffeef4; text-decoration: none;} */

.question a { display: block; }
.question .child {
    display: none;
    margin: 0 0 -1px;
    padding: 0;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #eaeaea;
}
.question .child .menu {
    background: #eaeaea;
    color: #5e5e5e;
}

.question .child .menu:hover { background: #d0d0d0; }
.question .child > li {
    margin: 4px 0;
    padding: 0 16px;
    border-bottom: 1px dotted #dddddd;
}
.question .child > li:last-child {
        border-bottom: 0; }

.child01 {  border: 1px solid #eaeaea; }
.child01 ul { display:table; margin:10px 0; list-style: none;}
.child01 li { display:table-cell;}
.child01 li.ans { padding-left:20px;}
.child01 li.text { padding:0 20px;}
.child01 li.text span { color:#C7243A; font-weight:bold;}
.child01 li.text a { font-weight:bold; color:#007AB7;}

span.q_no { background: #317ad3; padding:0 8px; color:#fff; font-size:20px; font-weight:bold; border-radius: 10px;}
span.a_no { background: #b83d51; padding:0 8px; color:#fff; font-size:20px; font-weight:bold; border-radius: 10px;}
/*-- よくあるご質問 おわり --*/

/*-- 会社概要 --*/
table.company {
    width: 1000px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #eee;
    vertical-align: middle;
    text-align: left;
    width: 80px;
    overflow: visible;
    position: relative;
    color: #111;
    font-weight: normal;
    font-size: 12px;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #eee;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th:after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #eee 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: fff;
    width: 520px;
    padding-left: 20px;
}

table.img {
    width: 620px;
    margin: 0 auto;
}

table.img img {
    padding-right:10px;
}

table.img tr {
	font-size:11px;
	text-align:center;
}
/*-- 会社概要 おわり --*/

/*-- レンタルの流れ --*/
#setumei	h2 { margin-bottom:5px; font-size:18px; font-weight:bold;}
#setumei	strong { font-weight:bold;}
#setumei	p { padding-bottom:10px;}
#setumei	span.title_01 { font-size:16px; font-weight:bold; padding-top:15px; display:block;}
#setumei	hr.b01 { border-top: 1px dashed #bbb; border-bottom: 1px dashed #fff;}
/*-- レンタルの流れ おわり --*/

/*-- 補償パック --*/
#h-pack p { padding-top:10px;}
#h-pack hr.b01 { border-top: 1px dashed #bbb; border-bottom: 1px;}
#h-pack span.title_01 { font-size:16px; font-weight:bold; padding-top:15px; display:block;}
/*-- 補償パック おわり --*/




/* 全体設定 */
* {
  box-sizing: border-box;
  }

/* ポップアップウインドウの設定 */
.popup {
  background-color: #efefef;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed; /* 初期位置の設定 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 860px;
  height: 100%;
  overflow-y: scroll;　/* 画面をはみ出たらscroll */
}

/* チェックボックスの初期設定 */
#popup-on-deli, #popup-on { display: none;}

/* チェックされたらポップアップウインドウを開く */
#popup-on-deli:checked + .popup, #popup-on:checked + .popup {
  display: block;
  z-index:9998;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

/* 開くボタン */
.btn-open{
  background: #fff;
  border-radius: 10px;
  color: #fff;
  padding: 10px 5px;
  cursor: pointer;
  text-align: center;
}

/* ポップアップの内容 */
.popup-content{
  margin: 40px auto 40px auto;
  width: 90%;
}

/* 補償パックの枠 */
.box_pink {
  background-color: #fff !important;
  border: 10px solid #ff4c4c !important;
}

/*-- 補償パックのタイトル --*/
span.hosyo_ttl01 {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    font-size: 28px;
    margin:8px 0;
    width:100%;
    text-align:center;
    color:#000;
}

/*-- 補償パックのサブタイトル --*/
span.hosyo_subttl01 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin:6px 0 2px;
    width:100%;
    text-align:center;
    color:#000;
}

/*-- 補償パック --*/
.box_feature_b {
    display: flex;
}

.box_feature_b li.l_none {
    display:block;
    list-style: none;
}

.box_feature_b li {
    padding-bottom:5px;
}

/* フェード表示 */
.fade{
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn { /*animetion-nameで設定した値を書く*/
    0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
    100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* ご利用ガイドと偽サイトページでSPのみ本文内を改行したい */
.only_sp_br{
  display:none;
}

/*-- 注意喚起カラー --*/
.heads_up_color  { color: #e92525;}