/*共通*/
.my-head{
    margin-left:15px;
}
/*ボタンの補正*/
main .btn {
    display: inline-block;
}
/*サイドバーナビ*/
.sidebar .sidebar-nav ul.mynav li{
    list-style:none;
    border-bottom:
    1px solid #eee;
    margin:0;
}
.sidebar .sidebar-nav ul.mynav li a{
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}
@media ( max-width : 1200px) {
    ul.mynav img{width: 30px;}
    ul.mynav span{font-size: 12px;}
}
@media ( max-width : 992px) {
    ul.mynav{display: none;}
}

@media ( max-width : 767.98px) {
    .page-sidebar-hide-menu{display: none;}
}

/*購入履歴一覧*/
table.orderlist{width: 100%;}
table.orderlist tr{padding:0;border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
table.orderlist td{padding:20px 10px;}
table.orderlist td.im{padding:10px 10px;}
table.orderlist .syousai .btn{background:#10069c;border:#10069c;}
table.orderlist .seminame{font-size:20px;}
table.orderlist .orderdate{font-size:11px;color:#aaa;}
table.orderlist .minyuukin{color:#ff3333;}
table.orderlist .cancelsumi{color:#3333ff;}
@media ( max-width : 992px) {
    table.orderlist td{display:block;width:100%;padding:3px 10px;}
    table.orderlist .syousai {text-align: right;}
    table.orderlist .syousai .btn{width:100px;}
}

/*キャンセル待ち&セミナー一覧*/
table.semilist{width: 100%;}
table.semilist tr{padding:0;border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
table.semilist td{padding:20px 10px;}
table.semilist td.im{padding:10px 10px;}
table.semilist .syousai .btn{background:#10069c;border:#10069c;}
img.z-note{
    width: 16px;
}
@media ( max-width : 992px) {
    table.semilist td{display:block;width:100%;padding:5px 10px;}
    table.semilist .syousai {text-align: right;}
    table.semilist .syousai .btn{width:100px;}
    table.semilist .seminame{font-size:20px;}
}
form.seminar-conditions{
    background:#eee;padding:15px;
}

/*商品一覧*/
#itemTable .itemlist{padding:50px 0; border-top: 1px solid #fff;}
#itemTable .itemlist:hover {opacity: 0.7;}
#itemTable .itemlist .itemimg{height:180px;margin-bottom:8px;}
#itemTable .itemlist .itemimg img{height:100%;object-fit:contain;}

#itemTable .itemlist .book,
#itemTable .itemlist .video{text-decoration: none;float: left;}
#itemTable .itemlist .book::before{content:"書籍";width:25px;padding:2px 5px;font-size:12px;color:#fff;background:#866d57;text-align:center;border-radius:2px;margin-right:5px;}
#itemTable .itemlist .video::before{content:"動画";width:25px;padding:2px 5px;font-size:12px;color:#fff;background:#67aaa5;text-align:center;border-radius:2px;margin-right:5px;}
#itemTable .itemlist .itemname{font-size: 16px;text-decoration:underline;margin-top:4px;}

#itemTable .itemlist .zaikoari{color: #f33; font-weight: bold;}
#itemTable .itemlist .zaikoariico::before{content:"在庫あり";padding:2px 0px;font-size:11px;color:#fc4f4f;background:#fff;font-weight: bold;display:none;}
#itemTable .itemlist .zaikonasi{color: #666; font-weight: bold;}
#itemTable .itemlist .zaikonasiico::before{content:'在庫なし';padding:2px 0px;font-size:11px;color:#999;background:#fff;font-weight: bold;}

form.item-conditions{
    background:#eee;padding:15px;
}

/*商品詳細*/
#itemView .mainimg img{object-fit:contain; height: 350px; margin: 0 auto;}
#itemView .subimage img{object-fit:contain; height: 50px;width: 18%; float: left;padding: 4px; border:1px solid #ccc; margin:15px 0;margin-right:2%;}
#itemView .subimage img.current{border:3px solid #aaa;}
#itemView .subimage img:hover{opacity: 0.7;background: #eee;}
#itemView .book::before{content:"書籍";width:25px;padding:2px 5px;font-size:10px;color:#fff;background:#866d57;text-align:center;border-radius:2px;}
#itemView .video::before{content:"動画";width:25px;padding:2px 5px;font-size:10px;color:#fff;background:#67aaa5;text-align:center;border-radius:2px;}
#itemView .itemtitle{font-size: 24px; margin-bottom:10px;}
#itemView .itemspec{margin-top:10px;margin-bottom:10px;}
#itemView .itemspec table th{font-weight: normal;color:#888; vertical-align: top; width:73px;}
#itemView .itemprice{color: #f33; font-weight: bold;}
#itemView .orderbtn{margin-top:20px;margin-bottom:20px;padding-top:20px;padding-bottom:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#itemView div.btn-outofstock{
    background: #dcdde0;
    border: 1px solid #dcdde0;
    color: #646464;
    cursor: none;
}

/*注文一覧*/
#orderlist table.orderlist{width: 100%;}
#orderlist .minyuukin{color:#ff3333;}
#orderlist .cancelsumi{color:#3333ff;}
#orderlist .itemlist{padding:10px;}
#orderlist .itemlist .item{clear:left; }
#orderlist .itemlist .item .itemimg {height:80px;width:80px;padding:3px;margin-right:10px;margin-bottom:10px;float:left;text-align:center;border:1px solid #ddd;}
#orderlist .itemlist .item img {height:100%; width:100%; object-fit:contain;}
#orderlist .itemlist .item p {height:80px;display:table-cell;font-size: 14px; vertical-align: middle;}
#orderlist .itemlist .syousai{float: right;}
#orderlist .itemlist .syousai .btn{width:100px;}
#orderlist .book::before{content:"書籍";width:25px;padding:1px 5px;font-size:12px;color:#fff;background:#866d57;text-align:center;border-radius:2px;}
#orderlist .video::before{content:"動画";width:25px;padding:1px 5px;font-size:12px;color:#fff;background:#67aaa5;text-align:center;border-radius:2px;}

/*注文詳細*/
#orderview .itemlist .item{clear:left;}
#orderview .itemlist .item .itemimg {height:80px;width:80px;margin-right:10px;float:left;padding:3px;border:1px solid #ddd;}
#orderview .itemlist .item img {height:100%; width:100%; object-fit:contain;}
#orderview .itemlist .item p, .price p {height:80px; width:1%; display:table-cell;font-size: 14px; vertical-align: middle;}
#orderview .book::before{content:"書籍";width:25px;padding:1px 5px;font-size:12px;color:#fff;background:#866d57;text-align:center;border-radius:2px;}
#orderview .video::before{content:"動画";width:25px;padding:1px 5px;font-size:12px;color:#fff;background:#67aaa5;text-align:center;border-radius:2px;}
@media ( max-width : 575px) {
    #orderview .price p {height:auto;}
}

/*ショッピングカート*/
#cart .itemimg {height:80px;width:80px;padding:3px;margin-right:10px;margin-bottom:10px;float:left;text-align:center;border:1px solid #ddd;}
#cart .itemimg img {height:100%; width:100%; object-fit:contain;}
#cart .hold, .hold ul.list-group li {background: #cfd3db;}
#cart .hold img, .hold ul.list-group li{opacity: 0.5;}
#cart .book::before{content:"書籍";width:25px;padding:2px 5px;font-size:12px;color:#fff;background:#866d57;text-align:center;border-radius:2px;}
#cart .video::before{content:"動画";width:25px;padding:2px 5px;font-size:12px;color:#fff;background:#67aaa5;text-align:center;border-radius:2px;}

/*注文*/
#checkout .itemimg {height:80px;width:80px;padding:3px;margin-right:10px;margin-bottom:10px;float:left;text-align:center;border:1px solid #ddd;}
#checkout .itemimg img {height:100%; width:100%; object-fit:contain;}
#checkout .hold, .hold ul.list-group li {background: #cfd3db;}
#checkout .hold img, .hold ul.list-group li{opacity: 0.5;}
#checkout .book::before{content:"書籍";width:25px;padding:2px 5px;font-size:12px;color:#fff;background:#866d57;text-align:center;border-radius:2px;}
#checkout .video::before{content:"動画";width:25px;padding:2px 5px;font-size:12px;color:#fff;background:#67aaa5;text-align:center;border-radius:2px;}
#checkout h4.midasi{border-top:1px solid #fff; background: #f3f3f3; padding:10px 20px;}
#checkout .credit-anno1{
    font-weight: 600;
    font-size: 13px;
}
#checkout .credit-anno2{
    font-size: 11px;
}
#checkout .delivery-anno{
    font-size: 11px;
    color:#DA4453;;
}
#checkout .checkout-anno{
    font-size: 12px;
    color:#DA4453;;
}
/*トップページ*/
a.mymenu{
    width:100%;
}
.mymenu{
    border-radius:3px;
    margin:5px;
    text-align: left;
}
.mymenu .mtitle{
    font-size: 25px;
}
.mymenu .minfo{
    font-size: 13px;
    color:#aaa;
}
.top-index-word p{
    font-size: 18px;
}
.menu-frame{
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 6px 12px;
    color: #444;
}
.menu-frame:hover{
    background-color: #e6e6e6;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #444;
}
.link-frame{
    background-color: #0e3d72;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 22px 20px;
    color: #fff;
    min-height:100px
}
.link-frame:hover{
    opacity: 0.6;
    background-color: #0e3d72;
    /* background-color: #0797cf; */
    border: 1px solid #ddd;
    text-decoration: none;
    color: #fff;
}
.link-frame:focus{
    text-decoration: none;
    color: #fff;
}
.link-btn{
    font-size: 20px;
    line-height:24px;
    font-weight:bold;
}
div.toast-message{
    color: #FFFFFF!important;
}

@media ( max-width : 1200px) {
    ul.mynav img{width: 30px;}
}
@media ( max-width : 992px) {
    ul.mynav{display: none;}
}

.header .header-main {
    padding-top: 5px;
    padding-bottom: 5px
}
.header h1.logo {
    margin-top: 15px;
    margin-bottom: 0
}
.header .contact {
    float: right;
    margin-top: 0;
}
/*
.topnav:hover{
    opacity: 0.7;
}
*/
.topnav {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

@media ( max-width : 767.98px) {
    .header h1.logo img {
        width: 180px;
        float: left;
    }
    .header .menu-top {
        margin-top: 0px;
        float: right;
    }
    .header .contact {
        float: none;
    }
    .header .hnav li{
        margin: 0 auto;
    }
}
@media screen and (max-width:575px) {
    .header ul.nav li.img-responsive{
        /*margin: 0 auto;*/
    }

}

/*セミナー詳細*/
.seminar-view .notice {
    font-size: 18px ;
}

/*リンクバナー*/
.page-wrapper .page-content a.campaignbana:hover img {
  -webkit-opacity: .9;
  -moz-opacity: .9;
  opacity: .9;
}
/*ハンズオン詳細ページ*/
.page-wrapper .page-content .scl {
    margin: 10px 0 30px 0;
    padding:20px;
    border-top:1px solid #ccc;
    background: #f7f7f7;
}

/*フッターロゴ対応*/
.nintei_logo {
    margin: 21px 21px 21px 21px;
}
@media (min-width: 992px){
    .footer {
        height: 400px;
    }
}