@charset "UTF-8";

/* カスタム css */

.btn-green {
	background-color: #192f60 ;
}

.pics-shasow {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}

.entry-content p {
    margin: 1.6rem 0;
    font-weight: normal;
    line-height: 1.8;
}	

@media screen and (min-width: 768px){
.entry-content p {
    margin: 2rem 0;
}	
}

/* ヘッダー　ブランド */
.header-brand {
	padding: 0 1% !important;
	margin: 0 0.5% !important;
	}

.header-brand .navbar-brand {
    width: 18%;
    font-size: 1rem !important;
    padding-bottom: 0 !important;
}

header .navbar-brand {
        margin: auto 0.2rem !important;
    }

/* TOP NEWS テキストサイズ */
.news-front ul{
    font-size: 140% !important;
	}

/* TOP H2 テキストサイズ */
.top-h2{
    font-size: 260% !important;
	}

/* TOP EC Block背景色 */
.clubman-ec-block {
	background-color: #f3f3f3;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}


/* footer テキストサイズ */
footer .footer-menu{
    font-size: 0.8rem;
	}


p.indent-1 {
	margin: 1.8rem 0;
	margin-left:1em;
	padding-left:1em;
	text-indent:-1em;
}

p.indent-2 {
	margin: 1rem 0;
	margin-left:2em;
	padding-left:2em;
}

@media screen and (min-width: 768px){
footer .footer-menu::before {
    max-width: 400px;
    margin-bottom: 3rem;
	}
}

@media screen and (max-width: 768px){
/* TOP H2 テキストサイズ */
.top-h2{
    font-size: 180% !important;
	}
/* TOP NEWS テキストサイズ */
.news-front ul{
    font-size: 100% !important;
	}	
}

/* ブロックパーツ */
.nexst-link-buttn a{
    background-color: #E0B134;
	text-decoration: none;
	color: darkslategrey;
	}


/* E-Book */
.e-book .ti-sharethis{
    display: none;
	}

.e-book .entry-logo{
    display: flex;
	position: relative;
	}

.e-book .entry-logo .left{
    width: 48%;
	}

.e-book .entry-logo .e-book_logo{
    width: 100%;
	}

.e-book .entry-title{
    margin: 0 1em;
	font-size: 120%;
	position: absolute;
	bottom: 5px;
	right: 0;
	}

.iPub-OnlineShop-logo {
    width: 100%;
}


.e-book .df-ui-share{
    display: none;
	}

@media screen and (max-width: 768px){
.e-book .entry-title{
	font-size: 80%;
	}
}

/* カテゴリナビ */
.col-2{
	width: 33.3333%;
	}

@media (min-width: 992px){
.col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666666%;
	}	
}

/* 商品詳細 SKUセレクトテーブルボーダー色 */

input[type=radio] {
    border-radius: 50%;
    background-color: #dad1d1 !important;
}

@media screen and (min-width: 992px){
.skuform table.item-sku th, .skuform table.item-sku td {
    display: table-cell;
    border: 1px solid #dad1d1 !important;
	}
}

.group-add-item .item-category-name {
    margin: 0;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

@media screen and (min-width: 768px) {
.article-item .group-add-item .item-category-name {
    margin-bottom: 0.5rem;
    text-align: left;
	}
}

/* 商品詳細 item detail */
.table-wrap {
  margin: 40px 0;
  overflow: auto;
}
.item-table {
  width: 100%;
  margin: 0;
  table-layout: fixed;
  caption-side: top;
}
.item-table caption {
  margin: 0 0 15px 0;
  text-align: left;
  font-size: 15px;
  font-weight: 700;
}
.item-table th,
.item-table td {
  padding: 10px 5px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  font-size: 13px;
}
.item-table th {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  font-weight: normal;
}

@media screen and (min-width: 768px){
.article-item .group-add-item .current-status {
    margin: 0;
}
}

/*========================================
  SKUセレクト　2件の場合
========================================*/

@media (max-width: 991.98px) {

    /* WCEX SKU Select */
    .skuform.okage_item table.item-sku th,
    .skuform.okage_item table.item-sku td {
        padding: 0;
        line-height: 1.75;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .skuform.okage_item table.item-sku thead th:nth-child(1),
    .skuform.okage_item table.item-sku tbody th {
        min-height: 70px;
    }

    .skuform.okage_item table.item-sku thead th,
    .skuform.okage_item table.item-sku tbody td {
        min-height: 120px;
    }

    .skuform.okage_item table.item-sku thead {
        width: 30%;
    }

    .skuform.okage_item table.item-sku tbody {
        white-space: normal;
    }

    .skuform.okage_item table.item-sku tbody tr {
        width: 50%;
    }

    .skuform.okage_item table.item-sku tbody tr:nth-child(1) {
        width: 50%;
    }
}