/********************/
/* boby : all pages */
/********************/
body {
    font-family: "Arial", "メイリオ";
    font-size: 10pt;
    color: rgb(0, 0, 0);
    /* background-color: white; */
}

.corporate_color{
    color: var(--base-color);
}

.white{
    color: rgb(255, 255, 255);
}

.red{
    color: red;
}

.black{
    color: rgb(0, 0, 0);
}

.bold{
    font-weight: 600;
}

.thin{
    font-weight: 400;
}

.left{
    text-align: left;
}

.right{
    text-align: right;
}

.center{
    text-align: center;
}

.v-center{
    vertical-align:middle;
}

.bg-nefer {
    background-color: var(--base-color);
}

.bg-color {
    background-color: var(--background-base-color);
}

/* font-size */
.small{
    font-size: 8pt;
}
.normal{
    font-size: 10pt;
}
.midiam{
    font-size: 14pt;
}
.large{
    font-size: 16pt;
}

/* display */
.inline{            /* ・テキストと同様に扱われる ・兄弟要素を横に配置する ・widthは指定できない（子要素の最小値になる） */
    display: inline;
}
.block{             /* ・箱として扱われる ・兄弟要素を横に配置する ・widthを指定しない場合横幅いっぱいになる */
    display: block;
}
.inline-block{      /* ・箱として扱われる ・兄弟要素を横に配置する ・widthを指定できる。指定しない場合、子要素の最小値になる */
    display: inline-block;
}
.flex{              /* 横並びや上下左右中央寄せなどレイアウトに関する調整ができる */
    display: flex;
}
.none{              /* 指定したhtml要素とその子孫要素すべてを消す */
    display: none;
}

/* image */
img.fill{   /* img.inbox + */
    object-fit: fill;
}

img.cover{  /* img.inbox + */
    object-fit: cover;
}

img.intop{    /* img.inbox + */ /* top page */
    margin: 0 0;
}

img.inbanner{    /* img.inbox + */ /* top page */
    margin: 0 0;
    background-color:var(--background-base-color);
    border: 0px solid #808080
}

img.inboxItem{
    width: 110px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

img.inbox{
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
}

img.inbox-width65{
    width: 65%;
    display: block;
    margin: 0 auto;
    height: 65%;
    object-fit: contain;
}

img.inbox_wellcome{
    width: auto;
    display: inline;
    margin: 0 auto;
    height: 48px;
    object-fit: contain;
}

/* button nefer */
.btn-nefer {
    color: var(--btn-base-color);
    background-color: var(--base-color);
    border-color: var(--base-color);
}
.btn-nefer:hover {
    color: var(--btn-hover-color);
    background-color: var(--hover-base-color);
    border-color: var(--hover-base-color);
}
.btn-nefer:focus {
    color: var(--btn-base-color);
    background-color: var(--base-color);
    border-color: var(--base-color);
    box-shadow: 0 0 0 0.2rem var(--shadow-base-color);
}

/* button navi nefer */
.btn-navi-nefer {
    color: var(--btn-base-color);
    width:auto;
    background-color: var(--base-color);
    border-color: var(--btn-border-color);
    padding:8px 10px;
    font-size: 8pt;
    font-weight: 600;
    border: 1px solid var(--border-base-color)
}
.btn-navi-nefer:hover {
    color: var(--btn-hover-color);
    width:auto;
    background-color: var(--hover-base-color);
    border-color: var(--btn-border-color);
    padding:8px 10px;
    font-size: 8pt;
    font-weight: 600;
    border: 1px solid var(--border-base-color)
}
.btn-navi-nefer:focus {
    color: var(--btn-base-color);
    width:auto;
    background-color: var(--base-color);
    border-color: var(--btn-border-color);
    box-shadow: 0 0 0 0.2rem var(--shadow-base-color);
    padding:8px 10px;
    font-size: 8pt;
    font-weight: 600;
    border: 1px solid var(--border-base-color)
}

/* nefer link */
.nefer {
    color: var(--base-color);
    background-color: var(--background-base-color)
}
a.nefer:hover, a.nefer:focus {
    color: var(--hover-base-color);
    background-color: var(--background-base-color)
}
a.nefer:focus, a.nefer.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 178, 235, 0.5);
}

.flex{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    min-width: 0;
    word-wrap: break-word;
    background: 0px solid var(--base-color);
    background-clip: border-box;
    border: 0px solid var(--flex-border-color);
    border-radius: 0.25rem;
}
.flex>p{
    width: 49%;
    background: 0px solid var(--base-color);
    border: 0px solid var(--flex-border-color);
}

/* button white */
.btn-white {
    color: black;
    background-color: white;
    border-color: white;
}
.btn-white:hover {
    color: gray;
    background-color: lightgray;
    border-color: lightgray;
}
.btn-white:focus {
    color: black;
    background-color: white;
    border-color: white;
    box-shadow: 0 0 0 0.2rem var(--shadow-base-color);
}

/**********************/
/* footer : all pages */
/**********************/

.footer {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    color: var(--footer-base-color);
    background-color: var(--base-color);
    background-clip: border-box;
    border: 0px solid var(--footer-border-color);
    border-radius: 0.25rem;
}

.footer_links > a {
    color: var(--footer-base-color);
    padding: 0 25px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.footer_flex{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    min-width: 0;
    word-wrap: break-word;
    background: 0px solid var(--base-color);
    background-clip: border-box;
    border: 0px solid var(--flex-border-color);
    margin-left: 4px;
    margin-right: 4px;
}
.footer_flex>p{
    width: 49%;
    background: 0px solid var(--base-color);
    border: 0px solid var(--flex-border-color);
}

.ichigyou img{
    vertical-align: middle;
    display: inline-block;
}
.ichigyou span{
    display: inline-block;
}

.logo {
    font-size: 10px;
}

.border-black{
    border:1px solid rgb(0,0,0);
}

.border-gray{
    border:1px solid rgb(128,128,128);
}

.border-light{
    border:1px solid rgb(172,172,172);
}

.box{
    color: #4c4c4c ;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:1px solid var(--base-color);
}

.rbox{
    color: #4c4c4c ;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:1px solid var(--base-color);
    border-radius:10px;
}

.sqrbox{
    color: #4c4c4c ;
    /*font-weight: bold; */
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:1px solid var(--base-color);
}

.boldbox{
    color: #4c4c4c ;
    /*font-weight: bold; */
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:5px solid /*var(--base-color)*/ #e3d3a2;
}

.dotbox{
    color: #4c4c4c ;
    /*font-weight: bold; */
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:1px dotted var(--base-color);
}


/************/
/* top page */
/************/

.top_title {
    color: var(--top_title-coor);
    font-size: 28px;
    font-weight: 300;
    text-align: left;
    margin-bottom:10px;
}

.top_subtitle_nefer {
    color: var(--base-color);
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    margin-top:20px;
    margin-bottom:10px;
}

.top_subtitle_fhc {
    font-size: 18px;
    line-height:26px;
    text-align: left;
    margin-top:20px;
    margin-bottom:10px;
}

.top_subtitle {
    color: var(--top_subtitle-coor);
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    margin-top:20px;
    margin-bottom:10px;
}

/*********************/
/* nefer severl page */
/*********************/

.nefer_page_box {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--background-base-color);
    background-clip: border-box;
    border: 0px solid var(--border-base-color);
    border-radius: 0.25rem;
}

.nefer_page_title {
    color: var(--base-color); font-weight:600; font-size:16px;
    margin-bottom:10px;
}

.nefer_page_sub_title {
    margin:0; font-weight:600; font-size:14px;
    margin-bottom:6px;
}

.nefer_section_title { margin:5px 0 10px 0; padding:1px 0 2px 5px; color:var(--base-color); font-size:16px; font-weight:bold; line-height:1.2em;  /* 2022.04.16 T.SOEN */
	border-left:5px solid var(--base-color); border-bottom:1px dotted var(--base-color); }


.shop_top_title {
    color: var(--top_title-coor);
    font-size: 28px;
    font-weight: 300;
    text-align: left;
    margin-top:10px;
    margin-bottom:10px;
    line-height: 1.5;
}

/**********************************/
/* _style.scss : shop & cart page */
/**********************************/

img.cart{         /* img.incart + */
    width: 30px;
}

img.incart{
    width: 50%;
    display: block;
    margin: 0 auto;
    height: 140px;
    object-fit: contain;
}

.sale_price  {
	font-size: 15px;
	color: #ff0000;
	line-height: 1.4em;
}

.mycart_box_bgcolor {
    background-color: var(--background-base-color);
}

.mycart_box_name {
    color: var(--base-color);
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
    font-size: 24px;
}

.mycart_box_title {
    background-color: var(--background-base-color);
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
    font-size: 18px;
}

.mycart_box{
    color: #4c4c4c ;
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
    padding: 24px 50px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    /*border:1px solid rgb(169, 167, 167);*/
    height: auto;
}

.mycart_box_preview{
    color: #4c4c4c ;
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
    padding: 24px 5px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    /*border:1px solid rgb(169, 167, 167);*/
    height: auto;
}

.mycart_box-title {
    width: 100%;
    margin-bottom:10px;
    padding:10px 10px;
    color: var(--base-color);
    background-clip: border-box;
    background:#f2f2f2;
    border:1px solid #ccc;
    display: block;
}

.footer_design{
    background-color: #07728a ;;
    text-align: center;
    color: var(--footer-base-color) ;
    padding: 60px;
}

.buy-btn{
    margin: 60px auto 60px;
    width: 200px;
    /*display: block;*/
    background-color: #ff5c73 ;
}

.ball{
    position: absolute;
}

.pagenate{
    width: 200px;margin: 20px auto;
}

.cart-center{
    display: inline;
    border:1px solid black;
}

/***************************/
/* stock item : stock page */
/***************************/

.item-box{
    margin-bottom:10px;
    padding:15px 40px;
    border:1px solid #960b0b;
}

.item-title {
    width: 100%;
    margin-bottom:10px;
    padding:10px 10px;
    color: var(--base-color);
    background-clip: border-box;
    background:#f2f2f2;
    border:1px solid #ccc;
    display: block;
}

.item-context {
    margin-bottom:10px;
    width: 100%;
    border:1px solid black;
    display: block;
    border:1px solid gray;
}

.item-image {
    margin-bottom:10px;
    width: auto;
    padding:5px 5px 5px 5px;
    vertical-align: top;
    display: block;
    object-fit: contain;
}

.item-info {
    margin-bottom: 10px;
    width: auto;
    display: block;
}

.item-name {
    margin-bottom:10px;
    width: auto;
    padding:5px 5px 5px 5px;
    border-radius:5px;
    background:#FDD1D1;
    text-align:center;
    text-decoration:none;
    display: block;
}

.item-basic {
    margin-bottom:10px;
    width: auto;
    padding:5px 5px 5px 5px;
    display: inline;
}

.item-cart {
    margin-bottom:10px;
    width: auto;
    padding:5px 5px 5px 5px;
    display: inline-block;
    border:1px solid #ccc;
}

.item-set {
    margin-bottom:10px;
    padding:5px 15px 5px 15px;
    display: block;
}

.item-desc {
    /*margin-bottom:10px;*/
    padding:5px 15px 5px 15px;
    display: block;
    margin-bottom:5px;
}

.item-detail a {color:#960b0b;}
.item-detail {
    margin-bottom:10px;
    margin-left:80px;
    margin-right:80px;
    padding:5px 5px 5px 5px;
    border-radius:5px;
    background:#FDD1D1;
    text-align:center;
    text-decoration:none;
    display: block;
}

.item-topic {
    margin-bottom:10px;
    padding:5px 15px 5px 15px;
    display: block;
}

.item-usage {
    margin-bottom:10px;
    padding:5px 15px 5px 15px;
    display: block;
}

.item-seibun {
    margin-top:5px;
    margin-bottom:10px;
    padding:10px 5px 10px 5px;
    background:#f4f4f4;
    border:1px solid #ccc;
    display: block;
}

.item-seibun dt {
    margin-bottom:5px;
    font-weight:bold;
}
.item-seibun dd {
    margin:0;
}

.item_video{
    width: auto;margin-bottom
}

/* neferのshop.cssとの互換性 */
.enj {color: #740B0B;}

.p.mgt10 {  margin-top:10px !important; }
.p.mgt9 {  margin-top:9px !important; }
.p.mgt8 {  margin-top:8px !important; }
.p.mgt7 {  margin-top:7px !important; }
.p.mgt6 {  margin-top:6px !important; }
.p.mgt5 {  margin-top:5px !important; }
.p.mgt4 {  margin-top:4px !important; }
.p.mgt3 {  margin-top:3px !important; }
.p.mgt2 {  margin-top:2px !important; }
.p.mgt1 {  margin-top:1px !important; }
.p.mgt0 {  margin-top:0 !important; }

.p.mgb10 { margin-bottom:10px !important; }
.p.mgb9 { margin-bottom:9px !important; }
.p.mgb8 { margin-bottom:8px !important; }
.p.mgb7 { margin-bottom:7px !important; }
.p.mgb6 { margin-bottom:6px !important; }
.p.mgb5 { margin-bottom:5px !important; }
.p.mgb4 { margin-bottom:4px !important; }
.p.mgb3 { margin-bottom:3px !important; }
.p.mgb2 { margin-bottom:2px !important; }
.p.mgb1 { margin-bottom:1px !important; }
.p.mgb0 { margin-bottom:0 !important; }

.p.mgl10 { margin-left:10px !important; }
.p.mgl9 { margin-left:9px !important; }
.p.mgl8 { margin-left:8px !important; }
.p.mgl7 { margin-left:7px !important; }
.p.mgl6 { margin-left:6px !important; }
.p.mgl5 { margin-left:5px !important; }
.p.mgl4 { margin-left:4px !important; }
.p.mgl3 { margin-left:3px !important; }
.p.mgl2 { margin-left:2px !important; }
.p.mgl1 { margin-left:1px !important; }
.p.mgl0 { margin-left:0 !important; }

.p.mgr10 {  margin-right:10px !important; }
.p.mgr9 {  margin-right:9px !important; }
.p.mgr8 {  margin-right:8px !important; }
.p.mgr7 {  margin-right:7px !important; }
.p.mgr6 {  margin-right:6px !important; }
.p.mgr5 {  margin-right:5px !important; }
.p.mgr4 {  margin-right:4px !important; }
.p.mgr3 {  margin-right:3px !important; }
.p.mgr2 {  margin-right:2px !important; }
.p.mgr1 {  margin-right:1px !important; }
.p.mgr0 {  margin-right:0 !important; }