@charset "UTF-8";
/* スマホのサイズ */
@media screen and (max-width: 600px) {
    *,
    *::before,
    *::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    min-width: 1008px;
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    body {
        min-width: 100%;
    }
}

body img {
    border: 0;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    body img {
        max-width: 100%;
        height: auto;
    }
}


h1 {
    margin: 10px 0 0 3px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
    font-family: inherit;
    vertical-align: baseline;
}

h2 {
    margin: 0px;
}

h3 {
    font-size: 100%;
    font-weight: nomal;
    margin: 0;
}

h4 {
    font-size: 100%;
    font-weight: nomal;
    margin: 0;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

.txt_10 {
    font-size: 10px;
}

.txt_11 {
    font-size: 11px;
}

#txt_11 {
    font-size: 11px;
}

.txt_12 {
    font-size: 12px;
}

.txt_13 {
    font-size: 13px;
}

.txt_14 {
    font-size: 14px;
}

.txt_16 {
    font-size: 16px;
}

.font_size18 {
    font-size: 18px;
}

.txt_20 {
    font-size: 20px;
}

#padding1 {
    float: left;
    width: 210px;
    height: 1px;
    margin: 0 0 19px 0;
}

#padding2 {
    float: left;
    width: 210px;
    height: 1px;
    margin: 0 0 13px 0;
}

#padding3 {
    float: left;
    width: 200px;
    height: 1px;
    margin: 0 0 19px 0;
}

.color_red {
    color: #F00;
}

.color_orange {
    color: #ff6600;
}

.color_pink {
    color: #ff3366;
}

.color_red {
    color: #f93769;
}

.color_skyblue {
    color: #1badcf;
}

.textdecoration_black a {
    color: #000;
    text-decoration: none;
}

.border_color_lightblue {
    border: solid #72c7e2 2px;
}

.font-bold {
    font-weight: bold;
}

section, article, aside, nav, header, footer, hgroup {
    display: block;
}

.clear {
    clear: both;
}

#wrapper {
    margin: 0 auto 0 auto;
    width: 100%;
    position: relative;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    #wrapper {
        padding-top: 80px;
    }
}

#marign {
    width: 960px;
    height: 29px;
    margin: 29px 0 0 0;
}

#margin-left {
    float: left;
    margin: 0 0 0 80px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    #margin-left {
        width: 100%;
        margin: 0 0 0 10px;
    }
}

/*　共通　*/
.float-left {
    float: left;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .float-left {
        float: none;
    }
}

.float-right {
    float: right;
}

.varticalbottom {
    vertical-align: bottom;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.textin-dent10 {
    text-indent: 10px;
}

.textin-dent5 {
    text-indent: 5px;
}

.text-indent5 {
    text-indent: 5px;
}

.text-indent10 {
    text-indent: 10px;
}


/*１０月１６日追加*/
.text-indent20 {
    text-indent: 20px;
}

.border-top-blue {
    border-top: solid #1badcf 2px;
}

.border-bottom-blue {
    border-bottom: solid #1badcf 2px;
}

.border-bottom-glay {
    border-bottom: solid #efefef 1px;
}

.border-gley1 {
    border: solid #cccccc 1px;
}

.border-right-glay {
    border-right: solid #efefef 1px;
}

.border {
    border: solid #efefef 2px;
}

/*　余白レイアウト　*/
.p-scroll_down_arrow {
    margin: 0;
}

.margin0 {
    margin: 0;
}

.margin-top5 {
    margin-top: 5px;
}

.margin-top7 {
    margin-top: 7px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-top18 {
    margin-top: 18px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top25 {
    margin-top: 25px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-bottom23 {
    margin-bottom: 23px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-bottom35 {
    margin-bottom: 35px;
}

.margin-right3 {
    margin-right: 3px;
}

.margin-right5 {
    margin-right: 5px;
}

.margin-right10 {
    margin-right: 10px;
}

.margin-right20 {
    margin-right: 20px;
    position: relative;
}

.margin-right40 {
    margin-right: 40px;
}

.margin-left3 {
    margin-left: 3px;
}

.margin-left4 {
    margin-left: 4px;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-left20 {
    margin-left: 20px;
}

.padding5 {
    padding: 5px;
}

.padding7 {
    padding: 7px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding22 {
    padding: 22px 0px 22px 22px;
}

.padding-top40 {
    padding-top: 40px;
}

.padding-bottom40 {
    padding-bottom: 40px;
}

.padding5_10 {
    padding: 5px 10px;
}

/*　テーブルレイアウト　*/
table {
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0;
}

table#tablelist {
    /*float:left;*/
    width: auto;
    height: auto;
    border-collapse: collapse;
    border-spacing: 0px;
    border: solid #d4d4d4 1px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    table#tablelist {
        width: 100%;
        border: none;
    }
}

table#tablelist tr#background {
    background: #f7f7f7;
}

table#tablelist th {
    background-color: #f1efe2;
    vertical-align: middle;
    font-weight: normal;
    font-size: 12px;
    border: solid #d4d4d4 1px;
    padding: 5px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    table#tablelist th {
        font-size: 14px;
    }
}

table.tablelist2 th {
    background-color: #f1efe2;
    vertical-align: middle;
    font-weight: normal;
    font-size: 14px;
    border: solid #d4d4d4 1px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    table.tablelist2 th {
        display: block;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto;
    }
}

table#tablelist td {
    font-size: 12px;
    border: solid #d4d4d4 1px;
    vertical-align: middle;
    padding: 5px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    table#tablelist td {
        font-size: 14px;
    }
}

table.tablelist2 td {
    font-size: 14px;
    border: solid #d4d4d4 1px;
    vertical-align: middle;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    table.tablelist2 td {
        display: block;
        width: 100%;
        padding: 10px;
        height: auto;
        text-indent: 0;
    }
}

.w39 {
    width: 39px;
}

.w59 {
    width: 59px;
}

.w69 {
    width: 69px;
}

.w79 {
    width: 79px;
}

.w88 {
    width: 88px;
}

.w99 {
    width: 99px;
}

.w118 {
    width: 118px;
}

.w119 {
    width: 119px;
}

.w129 {
    width: 129px;
}

.w139 {
    width: 139px;
}

.w169 {
    width: 169px;
}

.w179 {
    width: 179px;
}

.w180 {
    width: 180px;
}

.w199 {
    width: 199px;
}

.w209 {
    width: 209px;
}

.w220 {
    width: 220px;
}

.w225 {
    width: 225px;
}

.w235 {
    width: 235px;
}

.w250 {
    width: 250px;
}

.w278 {
    width: 278px;
}

.w340 {
    width: 340px;
}

.w360 {
    width: 360px;
}

.w390 {
    width: 390px;
}

.w400 {
    width: 400px;
}

.w410 {
    width: 410px;
}

.w419 {
    width: 419px;
}

.w420 {
    width: 420px;
}

.w438 {
    width: 438px;
}

.w460 {
    width: 460px;
}

.w500 {
    width: 500px;
}

.w520 {
    width: 520px;
}

.w530 {
    width: 530px;
}

.w540 {
    width: 540px;
}

.w545 {
    width: 545px;
}

.w598 {
    width: 598px;
}

.w740 {
    width: 740px;
}

.w758 {
    width: 758px;
}

.h31 {
    height: 31px;
}

.h35 {
    height: 35px;
}

.h40 {
    height: 40px;
}

.h42 {
    height: 42px;
}

.h44 {
    height: 44px;
}

.h46 {
    height: 46px;
}

.h56 {
    height: 56px;
}

.h75 {
    height: 75px;
}

.h86 {
    height: 96px;
}

.h130 {
    height: 130px;
}

.h150 {
    height: 150px;
}

.h225 {
    height: 225px;
}

.line_height {
    line-height: 180%;
}

/*　背景レイアウト　*/
.background_orange {
    background: #fff9e1;
}

.table_background-color {
    background-color: #f7f7f7;
}

/*　アイコンリスト共通　*/
/*　右アイコン　*/
div#right_icon {
    float: left;
    width: auto;
    height: auto;
}

div#right_icon ul {
    padding: 0 0 0 0px;
    margin: 0;
    list-style-type: none;
}

div#right_icon ul li {
    background: url(../img/icon/menu_right_bt.gif) no-repeat left 3px;
    font-size: 12px;
    text-indent: 15px;
    font-family: inherit;
}

div#right_icon ul li a {
    text-decoration: underline;
}

/*　検索ボタン　*/
div#search_bt {
    display: inline-block;
    width: 60px;
    height: 24px;
    background: url(../img/button/search_bt.gif) no-repeat;
    vertical-align: top;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    div#search_bt {
        vertical-align: bottom;
    }
}

div#search_bt a {
    display: block;
    height: 100%;
    width: 100%;
}

/* 1月5日追加＿テキストリンク */
a:link {
    color: #0066cc;
    text-decoration: underline;
}

a:visited {
    color: #3361ad;
    text-decoration: underline;
}

a:hover {
    color: #ff8000;
    text-decoration: underline;
}

a:active {
    color: #ff8000;
    text-decoration: underline;
}

/* 1月5日追加＿ヘッダー部の詳細検索 */
div#right_icon2 {
    float: left;
    height: auto;
    width: auto;
    padding: 5px 0;
}

div#right_icon2 ul li {
    background: url(../img/icon/menu_right_bt.gif) no-repeat left 6px;
    font-size: 12px;
    text-indent: 15px;
    font-family: inherit;
}

div#right_icon2 ul {
    padding: 0 0 0 0px;
    margin: 0;
    list-style-type: none;
}

/* 2月12日注文履歴width追加 */
.w40 {
    width: 40px;
}

.w80 {
    width: 80px;
}

.w110 {
    width: 110px;
}

.w60 {
    width: 60px;
}

/* 2014年12月12日　ネジクルとはレイアウト */
.display_none {
    display: none;
}

.detail_neji_revolution {
    color: #0066cc;
    text-decoration: underline;
}

.nejikuru_hatena_pointer {
    cursor: pointer;
}

/* 2015年1月20日　バラ絞り込み検索 */
div#bara_search_bt {
    float: right;
    margin-left: 10px;
    width: 140px;
    height: 24px;
    background: url(../img/button/yes_loose_sale_search_bt.png) no-repeat;
}

div#bara_search_bt a {
    display: block;
    height: 100%;
    width: 100%;
}

/* お問い合せバナー浮遊 */
#contact__banner {
    position: absolute;
    top: 20px;
    right: 0;
    width: 55px;
    height: 320px;
}

/* ==========================================================================
   20181004 スマホ用デザイン追加
   ========================================================================== */
/* Utility
   ----------------------------------------------------------------- */
.u-pc_width_100percent {
    width: 100%;
}

.u-height_45px {
    height: 45px;
}

.u-padding-left {
    padding-left: 5px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-padding_5px {
        padding: 5px;
    }
}

.u-margin_top_0 {
    margin-top: 0;
}

.u-margin_bottom_0 {
    margin-bottom: 0;
}

.u-margin_auto {
    margin: auto;
}

.u-margin_bottom_10_pc {
    margin-bottom: 10px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-margin_bottom_10_pc {
        margin-bottom: 10px;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-margin_bottom_20 {
        margin-bottom: 20px;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-margin_left_7px {
        margin-left: 7px;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-margin_left_10px {
        margin-left: 10px;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-margin_left_17px {
        margin-left: 17px;
    }
}

.u-margin_right_10px {
    margin-right: 10px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-margin_right_20px {
        margin-right: 20px;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-margin_lr_10 {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.u-text_align_left {
    text-align: left;
}

.u-text_align_center {
    text-align: center;
}

.u-text_align_right {
    text-align: right;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-float_none {
        float: none;
    }
}

.u-vertical_align_top {
    vertical-align: top;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-text-indent_note {
        text-indent:-0.8rem;
        padding-left: 1rem;
    }
}

.u-list-style_none {
    list-style: none;
}

.u-border_01 {
    border: solid #ccc 1px;
}

.u-border_config_01 {
    border-right: 1px solid #efefef;
}

.u-border_config_02 {
    border-bottom: 1px solid #efefef;
}

.u-border_config_03 {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.u-border_config_04 {
    border-bottom: 1px solid #efefef;
}

.u-border_right_none {
    border-right-width: 0;
}

.u-border_bottom_none {
    border-bottom-width: 0;
}

.u-display_pc {
    display: block;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-display_pc {
        display: none;
    }
}

.u-display_sp {
    display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-display_sp {
        display: block;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-display_none_sp {
        display: none;
    }
}

.u-display_inline {
    display: inline-block;
}

.u-display_inline_pc {
    display: inline-block;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-display_inline_pc {
        display: none;
    }
}

.u-display_inherit {
    display: inherit;
}

.u-display_inline_sp {
    display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-display_inline_sp {
        display: inline;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-table_block {
        display: block;
    }
}

.u-display_table_header {
    display: table-header-group;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-display_table_header {
        display: none;
    }
}

.u-display_table_row {
    display: table-row;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-display_table_row {
        display: none;
    }
}

.u-display_table_cell {
    display: table-cell;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-display_table_cell {
        display: none;
    }
}

.u-input_config {
    border: 2px solid #ddd;
    -webkit-transition: border-color ease .2s;
    transition: border-color ease .2s;
    /*padding: .5em 1em;*/
    padding: 4px 10px;
    line-height: 1.5em;
    /*font-size: 12px;*/
    font-size: 16px;
    background-color: #eef
}

.u-input_config:focus{
    border-color: #369;
    border-color: #5f98e1;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-square_btn{
        position: relative;
        display: inline-block;
        text-decoration: none;
        color: #FFF;
        background: #fd9535;/*背景色*/
        border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
        border-radius: 4px;/*角の丸み*/
        font-weight: bold;
        float: right;
    }

    .u-width_auto {
        width: auto;
    }
}

.u-col_01 {
    width: 4.33%;
}

.u-col_02 {
    width: 12.66%;
}

.u-col_03 {
    width: 21%;
}

.u-col_04 {
    width: 29.33%;
}

.u-col_05 {
    width: 37.66%;
}

.u-col_06 {
    width: 46%;
}

.u-col_07 {
    width: 54.33%;
}

.u-col_08 {
    width: 62.66%;
}

.u-col_09 {
    width: 71%;
}

.u-col_10 {
    width: 79.33%;
}

.u-col_11 {
    width: 87.66%;
}

.u-col_12 {
    width: 96%;
}

.u-col_60_pc{
    width: 60px;
}

.u-col_75_pc{
    width: 75px;
}

.u-col_80_pc{
    width: 80px;
}

.u-col_82_pc{
    width: 82px;
}

.u-table_col_25{
    width: 25px;
}

.u-table_col_30{
    width: 30px;
}

.u-table_col_43{
    width: 43px;
}

.u-table_col_45{
    width: 45px;
}

.u-table_col_50{
    width: 50px;
}

.u-table_col_59{
    width: 59px;
}

.u-table_col_60{
    width: 60px;
}

.u-table_col_65{
    width: 65px;
}

.u-table_col_69{
    width: 69px;
}

.u-table_col_70{
    width: 70px;
}

.u-table_col_75{
    width: 75px;
}

.u-table_col_79{
    width: 79px;
}

.u-table_col_90{
    width: 90px;
}

.u-table_col_100{
    width: 100px;
}

.u-table_col_119{
    width: 119px;
}

.u-table_col_173{
    width: 173px;
}

.u-table_col_180{
    width: 180px;
}

.u-table_col_425{
    width: 425px;
}

.u-margin_bottom_2rem {
    margin-bottom: 2rem;
}

.u-flex_item_order_01 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.u-flex_item_order_02 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.u-flex_item_order_03 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.u-flex_item_order_04 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.u-bg_blue {
    background-color: #3361ad;
}

.u-bg_light_green {
    background-color: #91c525;
}

.u-bg_sky_blue {
    background-color: #1badcf;
}

.u-bg_orange {
    background-color: #ff6600;
}

.u-br_none_pc {
    display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-br_none_pc {
        display: block;
    }
}

.u-br_none_sp {
    display: block;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .u-br_none_sp {
        display: none;
    }
}

/* 小分類エリア＿説明コメント部分＿テンプレート用 */
/* POSITIONING */
.u-comment_text_left {
  text-align: left;
}

.u-comment_text_right {
  text-align: right;
}

.u-comment_text_center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.u-comment_text_justify {
  text-align: justify;
}

.u-comment_margin_top_10px {
    margin-top: 10px;
}

.u-comment_margin_top_20px {
    margin-top: 20px;
}

.u-comment_margin_top_30px {
    margin-top: 30px;
}

.u-comment_padding_5px {
    padding: 5px;
}

.u-comment_padding_10px {
    padding: 10px;
}

/* ==== GRID SYSTEM ==== */
.u-comment_container {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.u-comment_container_row {
  width: 100%;
}

.u-comment_row {
  position: relative;
  width: 100%;
  list-style: none;
}

.u-comment_row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}

.col-1-sm {
  width: 4.33%;
}

.col-2-sm {
  width: 12.66%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.33%;
}

.col-5-sm {
  width: 37.66%;
}

.col-6-sm {
  width: 46%;
}

.col-7-sm {
  width: 54.33%;
}

.col-8-sm {
  width: 62.66%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.33%;
}

.col-11-sm {
  width: 87.66%;
}

.col-12-sm {
  width: 96%;
}

.u-comment_row::after {
    content: "";
    display: table;
    clear: both;
}

.hidden-sm {
  display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
  .u-res-col-1 {
    width: 4.33%;
  }

  .u-res-col-2 {
    width: 12.66%;
  }

  .u-res-col-3 {
    width: 21%;
  }

  .u-res-col-4 {
    width: 29.33%;
  }

  .u-res-col-5 {
    width: 37.66%;
  }

  .u-res-col-6 {
    width: 46%;
  }

  .u-res-col-7 {
    width: 54.33%;
  }

  .u-res-col-8 {
    width: 62.66%;
  }

  .u-res-col-9 {
    width: 71%;
  }

  .u-res-col-10 {
    width: 79.33%;
  }

  .u-res-col-11 {
    width: 87.66%;
  }

  .u-res-col-12 {
    width: 96%;
  }

  .u-res-display-block {
    display: block;
  }
}

/* ==== font SYSTEM ==== */
.u-comment_bolt {
    font-weight: bold;
}

.u-comment_bolt_red {
    font-weight: bold;
    color: #ff0000;
}

.u-comment_underline {
    text-decoration: underline;
}

.u-comment_border {
    border: 1px solid #d5d5d5;
}

.u-comment_container_pc{
    width: 565px;
    float: right;
    margin-left: auto;
    margin-right: auto;
}

/* 小分類エリア＿説明コメント部分＿テンプレート用＿終わり */

/* Component
   ----------------------------------------------------------------- */
/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .c-input_text_font16px {
        font-size: 16px;
    }
}

.c-search_input {
    width: 46%;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .c-search_input {
        width: 78%;
    }
}

.c-category_icon {
    padding: .5rem;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    display: block;
    width: 50px;
    text-align: center;
}

.c-category_icon_config_01 {
    padding: .2rem;
    margin-bottom: 18px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .c-category_icon {
        margin: 0;
        padding: 0.2rem;
        width: auto;
        height: auto;
        font-size: 10px;
        border-radius: 5px;
        display: inline-block;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .c-img_width_30pre {
        width: 30%;
    }
}

/* Project
   ----------------------------------------------------------------- */
.p-print_header {
    padding-top: 40px;
}

.p-grid>*,
.p-grid>*::before,
.p-grid>*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-grid {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-grid>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-grid>*::before, .p-grid>*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-category_block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
}

@media (max-width: 600px) {
    .p-category_block {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.p-category_block_per {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 600px) {
    .p-category_block {
        border-left-width: 0;
        border-right-width: 0;
    }
}

.p-category_block_cofing {
    display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-category_block_cofing {
        display: block;
    }
}

.p-category_block_cofing02 {
    border: 1px solid #eaeaea;
    margin: 30px 0;
}

.p-category_title {
    width: 100%;
    height: 34px;
    background-color: #f7f7f7;
}

/* スマホのサイズ */
@media (max-width: 600px) {
    .p-category_title {
        width: 100%;
        height: auto;
    }
}

.p-category_title_02 {
    width: 100%;
    height: auto;
}

/* スマホのサイズ */
@media (max-width: 600px) {
    .p-category_title_02 {
        width: 100%;
        height: 100%;
        background-color: #f7f7f7;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.p-category_title_03 {
    width: auto;
    height: 34px;
    background-color: #fff;
    border-left: 5px solid #1badcf;
    padding-left: 10px;
    margin: 10px;
    font-weight: bold;
    line-height: 34px;
}

/* スマホのサイズ */
@media (max-width: 600px) {
    .p-category_title_03 {
        width: 100%;
        height: auto;
        background-color: #f7f7f7;
        border-left: none;
        padding-left: 10px;
        margin: 0;
        font-weight: normal;
        line-height: normal;
    }
}

.p-table_wrap {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_wrap {
        font-size: 14px;
    }
}

.p-table_wrap_margin {
    margin: 20px auto 30px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_wrap_margin {
        margin: 0;
    }
}

.p-table_wrap_pc {
    display: table;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_wrap_pc {
       display: none;
    }
}

.p-table_wrap_inherit_pc {
    display: inherit;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_wrap_inherit_pc {
       display: none;
   }
}

.p-table_wrap_margin_02{
    margin: 20px auto 30px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_product_name:before {
        font-weight: bold;
        content: "商品名：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_zaisitu:before {
        font-weight: bold;
        content: "材質：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_hyoumensyori:before {
        font-weight: bold;
        content: "表面処理：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_size:before {
        font-weight: bold;
        content: "サイズ：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_suryou:before {
        font-weight: bold;
        content: "数量：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_kakaku:before {
        font-weight: bold;
        content: "価格：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_otoiawasebi:before {
        font-weight: bold;
        content: "お問い合わせ日：";
    }
}


/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_status:before {
        font-weight: bold;
        content: "ステータス：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_otoiawasesyurui:before {
        font-weight: bold;
        content: "お問い合わせ種類：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_otoiawasehonbun:before {
        font-weight: bold;
        content: "お問い合わせ本文：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_tourokubi:before {
        font-weight: bold;
        content: "登録日：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_katabancode:before {
        font-weight: bold;
        content: "型番コード：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_katabansyasin:before {
        font-weight: bold;
        content: "型番写真：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_katanmei:before {
        font-weight: bold;
        content: "型番名：";
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_head_sp_sakujyo:before {
        font-weight: bold;
        content: "削除：";
    }
}

@media screen and (max-width: 600px) {
    .p-table_item_row{
        border: 1px solid #d4d4d4;
        padding: 10px;
        display: block;
    }
}

.p-table_item {
    padding: 10px;
    border: 1px solid #d4d4d4;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item {
        display: block;
    }

    .p-table_item_width_100per {
        width: 100%;
    }

    .p-table_item + .p-table_item {
        border-top-width: 0;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_01 {
        border: unset;
    }
}

.p-table_item_02 {
    padding: 10px;
    border: 1px solid #d4d4d4;
    height: 74px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_02 {
        display: block;
        height: auto;
    }
}

.p-table_item_03 {
    padding: 10px;
    border: 1px solid #d4d4d4;
    height: auto;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_03 {
        display: inline-block;
        border-width: 0;
    }
}

.p-table_item_border_top {
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-bottom: 0;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_border_top {
        display: block;
    }
}

.p-table_item_border_bottom {
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-top: 0;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_border_bottom {
        display: block;
        border-top: 0;
        border-bottom: 0;
        background-color: #fff;
    }
}

.p-table_item_border_bottom02 {
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-top: 0;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_border_bottom02 {
        display: block;
        border-top: 0;
        background-color: #fff;
    }
}

.p-table_item_border_bottom04 {
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-top: 0;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_border_bottom04{
        display: none;
    }
}

.p-table_item_border_bottom05 {
    border-width: 0;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_border_sp_none {
        border-width: 0;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_padding {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.p-table_item_pc {
    display: table-cell;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_pc {
        display: none;
    }
}

.p-table_item_sp {
    display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_sp {
        display: block;
    }
}

.p-table_item_heading {
    background-color: #f1efe2;
}

/* スマホのサイズ */
/*@media screen and (max-width: 600px) {
    .p-table_item_heading {
        background-color: #fff;
    }
}*/

.p-table_item_heading02 {
    background-color: #fff4e1;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_heading02 {
        background-color: #fff4e1;
        display: inline-block;
        width: 40%;
    }
}

.p-table_item_heading03 {
    background-color: #f1efe2;
    text-align: left;
    width: 25%;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_heading03 {
        background-color: #f1efe2;
        text-align: left;
        width: 100%;
    }
}

.p-table_item_heading04 {
    background-color: #f1efe2;
    text-align: left;
    font-weight: normal;
    width: 25%;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
        .p-table_item_heading04 {
        width: 100%;
    }
}

.p-table_item_heading05 {
    background-color: #f1efe2;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_heading05{
        width: 100%;
        text-align: left;
        background-color: #fff;
        border-width: 0;
        padding-bottom: 0;
        padding-top: 0;
    }
}

.p-table_item_heading06 {
    background-color: #f5f5f5;
    text-align: left;
    font-weight: normal;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
        .p-table_item_heading06 {
        width: 100%;
    }
}

.p-table_item_heading07 {
    background-color: #f1efe2;
    text-align: left;
    width: 25%;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_heading07 {
        background-color: #fff;
        text-align: left;
        width: 100%;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_body {
        display: inline-block;
        width: 60%;
        margin: 0 -4px;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_input {
        width: 100%;
        font-size: 14px;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_center {
        text-align: center;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-table_item_indent {
        text-align: left;
        text-indent: -1.3rem;
        padding-left: 1rem;
        display: block;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-flex_table_item {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow:wrap;
        flex-flow:wrap;
    }

    .p-flex_table_item span:nth-child(1) {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        margin-left: 4rem;
    }
    .p-flex_table_item:nth-child(2) {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
    }
    .p-flex_table_item span:nth-child(3) {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
    }
}

.p-cart_table_wrap {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

.p-cart_table_wrap02 {
    width: 80%;
    font-size: 12px;
    border-collapse: collapse;
    margin: 1rem auto;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-cart_table_wrap02 {
        width: 100%;
        font-size: 12px;
        border-collapse: collapse;
        margin: 1rem auto;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-cart_table_line {
        width: 100%;
        display: inline-block;
    }
}

.p-cart_table_item {
    padding: 5px;
    border: 1px solid #d4d4d4;
    vertical-align: middle;
    word-wrap: break-word;
}

.p-cart_table_item02 {
    padding: 10px;
    border: 1px solid #d4d4d4;
    vertical-align: top;
    word-wrap: break-word;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-cart_table_item03 {
        width: 100%;
        display: block;
        padding: 1rem 0.5rem;
    }

    .p-cart_table_item03:last-of-type {
        line-height: 1.2rem;
    }
}

.p-cart_table_item04 {
    margin-top: -1px;
}

.p-contact_table_check {
    width: calc((100% - 20px) / 3);
    vertical-align: top;
    display: inline-block;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-contact_table_check {
        width: 100%;
        vertical-align: top;
        display: block;
    }
}

.p-contact_check_display01 {
    display: table;
}

.p-contact_check_display02 {
    display: table-cell;
}

.p-contact_file_display {
    display: none;
}

.p-contact_file_display02 {
    display: inline-block;
    width: calc((100% - 20px) / 3);
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-contact_file_display02 {
        display: block;
        width: 100%;
    }
}

.p-contact_file_display03 {
    display: block;
    word-break: break-all;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-contact_file_display {
        display: inline-block;
        width: 66%;
        margin-top: 5px;
    }

    .p-contact_file_input {
        width: 100%;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-checkbox01-parts {
        padding-left: 1.5rem;
        position: relative;
    }

    .p-checkbox01-parts:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 1.2rem;
        height: 1.2rem;
        border: 1px solid #0066ff;
        border-radius: 4px;
    }

    .p-checkbox01-input:checked + .p-checkbox01-parts:after {
        content: "";
        display: block;
        position: absolute;
        top: 0.5px;
        left: 4.5px;
        width: 9px;
        height: 13px;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        border-bottom: 3px solid #0066ff;
        border-right: 3px solid #0066ff;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-page_top {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        position: fixed;
        bottom: 24px;
        right: 24px;
        z-index: 9999;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: rgba(170, 170, 170, 0.7);
        display: none;
    }

    .p-page_top::before {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border-top: 2px solid #FFFFFF;
        border-right: 2px solid #FFFFFF;
        left: 50%;
        top: 50%;
        margin-left: -7px;
        margin-top: -4px;
    }

    .p-page_top_link {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }

    .p-flex_flow_col {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
}

.p-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.p-address_txt_11 {
    font-size: 11px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-address_txt_11 {
        display: table;
        padding-top: 4px;
        font-size: 12px;
    }
}

.p-custamer_wrap {
    width: 800px;
    margin: auto;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-custamer_wrap {
        width: 100%;
    }
}

.p-cart_flex {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-cart_flex_02 {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.p-cart_flex_03 {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-cart_flex_03 {
        display: none;
    }
}

.p-cart_justify-content_01 {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.p-cart_justify-content_02 {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}

.p-cart_flex_basis_01 {
    -ms-flex-preferred-size: 218px;
    flex-basis: 218px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-cart_flex_basis_01 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }
}

.p-cart_flex_basis_02 {
    -ms-flex-preferred-size: 99px;
    flex-basis: 99px;
}

.p-cart_flex_basis_03 {
    -ms-flex-preferred-size: 111px;
    flex-basis: 111px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-cart_flex_basis_03 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.p-cart_flex_basis_04 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.p-cart_flex_basis_05 {
    -ms-flex-preferred-size: 204px;
    flex-basis: 204px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-cart_flex_basis_05 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.p-cart_list_style {
    list-style-type: none;
}

.p-area_split_01 {
    width: 62.66%;
    display: inline-block;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-area_split_01 {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.p-area_split_02 {
    width: 29.33%;
    display: inline-block;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-area_split_02 {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.p-scroll_down_area {
    display: none;
}

.p-scroll_right_area {
    display: none;
}

.p-scroll_search_height_area {
    display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-scroll_down_area {
        position: fixed;
        top:calc(50% - 20%/2);
        left:calc(50% - 55%/2);
        width: 55%;
        height: 25%;
        padding-top: 20%;
        border-radius: 10px;
        background-color: rgba(38, 38, 38, 0.7);
        text-align: center;
    }

    .p-scroll_right_area {
        position: absolute;
        top:0;
        left:calc(50% - 165px/2);
        width: 165px;
        height: 115px;
        padding-top: 25px;
        padding-left: 60px;
        border-radius: 10px;
        background-color: rgba(38, 38, 38, 0.7);
        text-align: center;
    }

    .p-scroll_search_height_area {
        position: fixed;
        top:calc(50% - 20%/2);
        left:calc(50% - 55%/2);
        width: 55%;
        height: 25%;
        padding-top: 20%;
        border-radius: 10px;
        background-color: rgba(38, 38, 38, 0.7);
        text-align: center;
    }

    .p-scroll_down, .p-scroll_right {
        color: #fff;
        font-weight: 900;
        font-size: 22px;
    }

    .p-scroll_down_arrow {
        position: absolute;
        top: 16px;
        left: 50%;
        width: 24px;
        height: 24px;
        margin-left: -12px;
        border-left: 4px solid #fff;
        border-bottom: 4px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: sdb 2s infinite;
        animation: sdb 2s infinite;
        opacity: 0;
        box-sizing: border-box;
    }

    .p-scroll_right_arrow {
        position: absolute;
        top: 45%;
        left: 16px;
        width: 24px;
        height: 24px;
        border-left: 4px solid #fff;
        border-bottom: 4px solid #fff;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-animation: sdb 2s infinite;
        animation: sdb 2s infinite;
        opacity: 0;
        box-sizing: border-box;
    }

    .p-scroll_down_arrow:nth-of-type(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .p-scroll_down_arrow:nth-of-type(2) {
        top: 32px;
        -webkit-animation-delay: .15s;
        animation-delay: .15s;
    }

    .p-scroll_down_arrow:nth-of-type(3) {
        top: 48px;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
    }

    .p-scroll_right_arrow:nth-of-type(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .p-scroll_right_arrow:nth-of-type(2) {
        left: 32px;
        -webkit-animation-delay: .15s;
        animation-delay: .15s;
    }

    .p-scroll_right_arrow:nth-of-type(3) {
        left: 48px;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
    }

    @-webkit-keyframes sdb {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes sdb {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }
}

.p-list_area *,
.p-list_area *::before,
.p-list_area *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-list_area {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-list_area {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.p-list_col {
    max-width: 185px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    padding: 10px;
    word-break: break-all;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-list_col {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin-bottom: 20px;
    }
}

.p-list_col + .p-list_col {
    border-left-width: 0;
    border-top-width: 0;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-list_col + .p-list_col {
        border-left-width: 1px;
        border-top-width: 1px;
    }
}

.p-list_col:nth-child(n+2):nth-child(-n+4) {
  border-top-width: 1px;
}

.p-list_col:nth-child(4n+1) {
  border-left-width: 1px;
}

.p-liset_itme_img {
    margin: auto;
    display: block;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-maxwidth_none {
        max-width: none;
    }
}

.p-barcode_modal {
    display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-barcode_modal {
        overflow:hidden;
        position:absolute;
        width:100%;
        height:100vh;
        top:0;
        left:0;
    }

    .p-barcode_modal .p-barcode_inner {
        position:absolute;
        z-index:11;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width: 100%;
        height: 150px;
        background-color: rgba(256,256,256,0.3);
        overflow: hidden;
    }

    .p-barcode_overLay {
        overflow:hidden;
        position:absolute;
        top:0;
        left:0;
        background:rgba(000,000,000,0.5);
        width:100%;
        height:100vh;
        z-index:10;
    }

    .p-barcode_item {
        position:relative;
        width:100%;
    }

    .p-barcode_camera {
        position:absolute;
        width:100%;
    }

    .p-barcode_close_btn {
        position:absolute;
    }
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-scroll_sticky {
        position: -webkit-sticky; /* Safariに対応する */
        position: sticky; /* 要素を固定/解除する */
        top: 80px; /* 縦方向の閾値 */
        left: 0; /* 横方向の閾値 */
    }
}

.p-text_underline_none {
    text-decoration: none !important;
}

.p-info_calendar {
    font-size: 12px;
    padding: 3px;
}

.p-catchcopy_container{
    width: 100%;
    background-color: #3361ad;
}

.p-catchcopy{
    color:#ffffff;
    font-weight: bold;
    font-size: 16px;
}

.p-category_welcome{
    color: #ff3366;
    font-weight: bold;
}

a.p-category_link_list{
    color: #525252;
    font-weight: bold;
    text-decoration: none;
}

.p-global_navi_item{
    display: inline-block;
}

.p-global_navi_item_sp {
    display: none;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-global_navi_item_sp {
        display: inline-block;
    }
}

.p-global_navi_item_border{
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    padding: 4px 10px;
}

/* スマホのサイズ */
@media screen and (max-width: 600px) {
    .p-global_navi_item_border {
        display: none;
    }
}

.p-global_navi_item_border + .p-global_navi_item_border {
  border-left: 0;
  border-right: 1px solid #c7c7c7;
}

.p-category_inquiry{
    color: #727272;
    font-weight: bold;
}

.p-text_underline_none {
    text-decoration: none !important;
}

.p-info_calendar {
    font-size: 12px;
    padding: 3px;
}

.p-nejikuru_logo {
    width: 100%
}