/* カスタマイズ用CSS */

/* Common
-------------------------------------------------------------- */
p { line-height: 1.8; }
.block_sp { display: block; }
.block_pc { display: none; }
@media screen and (min-width: 768px) ,print{
	.block_sp { display: none; }
	.block_pc { display: block; }
}

blockquote {
    position: relative;
    padding: 10px 15px 10px 70px;
    box-sizing: border-box;
    font-style: italic;
    color: #555;
    background: url("https://ec.monogatari-sake.com/html/template/default/assets/img/css/kigo_quotation.png") 15px 15px no-repeat #efefef;
    background-size: 27px;
}

h2.double_line {
    margin: 0 0 8px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width: 768px) ,print{
    h2.double_line {
        font-size: 22px;
        padding: 15px 0 15px 10px;
    }
}


/**
 *グローバルナビ
**/
@media screen and (min-width: 768px) ,print{
    /** 2階層目のメニュー幅の設定 **/
    .ec-itemNav__nav li ul li ul li { 
        width: auto;
        min-width: 200px;
    }
}

/**
 * フッター
**/ 
.footer_bnr img {
    display: block;
    max-width: 378px !important;
    width: 94%;
    margin: 30px auto 0;
}
.footer_bnr a:hover img { opacity: 0.8; }
.ec-footerTitle { padding: 30px 0 20px; }
@media only screen and (min-width: 769px) ,print{
    .ec-footerTitle { 
        text-align: left;
        padding: 50px 0 40px;
    }
    .footer_bnr { padding-top: 45px;}
    .footer_bnr img { 
        width: 100%;
        margin: 0 auto;
    }
}
/** コピーライト **/
.ec-footerTitle__copyright {
    text-align: center;
    color: #fff;
    padding-bottom: 20px;
}

/**
 *詳しく見るボタン
**/
.btn-detail { text-align: right;}
.btn-detail a{
	position: relative;
	display: inline-block;
    background: #c11329;
    box-shadow: rgba(193, 19, 41, 0.6) 0 1px 0 inset;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #ab0318;
    font-size: 15px;
    padding: 5px 20px 5px 10px;
    transition: .4s;
	text-align: center;
}
.btn-detail a:hover,
.btn-detail a:focus
{
  text-decoration: none;
  background-color: #d44254;
  border-color: #da253c;
}
.btn-detail a:after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 8px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0px 4px 6px;
	border-color: transparent transparent transparent #fff;
}

/**
 * 購入ボタン
**/
.btn-order { text-align: center;}
.btn-order a{
	position: relative;
	display: inline-block;
    background: #c11329;
    box-shadow: rgba(193, 19, 41, 0.6) 0 1px 0 inset;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #ab0318;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px 10px 10px;
    transition: .4s;
	text-align: center;
}
.btn-order a:hover,
.btn-order a:focus
{
  text-decoration: none;
  background-color: #d44254;
  border-color: #da253c;
}
.btn-order a:after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 8px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0px 6px 8px;
	border-color: transparent transparent transparent #fff;
}


/**
 * 商品説明
**/
.bookinfo {
    margin: 0 0 15px;
    font-size: 115%;
    color: #175F8D;
    padding: 2px 1px 1px 5px;
    border-bottom: 1px solid #175F8D;
    font-weight: 600;
}
ul.item-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #bbaa96;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0 !important;
}
ul.item-list li {
	width: 100%;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	line-height: 1.6;
	color: #190e0b;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
ul.item-list li.namae { 
	background: #f0f0f0;
	border-bottom: none;
	color: #615443;
	font-weight: bold;
}
ul.item-list li:nth-last-of-type(1) { border-bottom: none;}
@media only screen and (min-width: 481px),print {
	ul.item-list li {
		width: 70%;
		padding: 10px 14px;
		border-right: none;
	}
	ul.item-list li.namae {
		width: 30%;
		-webkit-justify-content: left;
		justify-content: left;
	}
}
/* 出版一覧 */
dl.pubinfo, dl.pubinfo2 {
	margin:0 auto 40px 40px;
	padding: 5px 0;
	overflow: hidden;
}

dl.pubinfo dt, dl.pubinfo2 dt {
  clear: left;
  float: left;
  margin: 0 0 0.5em;
	padding: 3px;
  width: 9em;
  	background: #e8e8e8;
}
dl.pubinfo2 dt {background: none;}
dl.pubinfo dd, dl.pubinfo2 dd {
	margin-bottom: 0.5em;
	margin-left: 10em;
	padding: 3px;
	}

/**
 * 画像枠付き表示
**/
img.border {
    display: block;
    width: 100%;
    background: #fff;
    padding: 1px;
    border: 1px solid #142b44;
}
img.border_gray {
    display: block;
    width: 100%;
    background: #fff;
    padding: 1px;
    border: 1px solid #ccc;
}
/**
 * 画像・大きさ
**/
.slick-slide img  { margin: 0 auto;}
.ec-productRole img {
    width: auto;
    max-width: 100%;
}

/**
 * テーブル
**/ 
table.type01 {
  width: 100%;
  border-spacing: 0;
  font-size: 14px;
  font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, sans-serif;
}
table.type01 th {
  width: 30%;    
  border-bottom: solid 2px #81d4ef;
  padding: 10px;
}
table.type01 td {
  width: 70%;    
  border-bottom: solid 2px #ddd;
  padding: 10px;
}
table.borderari {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
    }

table.borderari th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding: 10px;
}
table.borderari td { border-right:1px solid #ccc; border-bottom:1px solid #ccc;padding: 10px;}
td.lgreen { background: #C0EBD5; color: #333;}
td.dgreen { background: #008888; color: #fff;}
td.lyellow { background: #fffacd;}
.post table td p { margin: 0 0 20px 0;}
table.bordernone,
table.bordernone th,
table.bordernone td {border-top: none; border-left: none; border-right: none; border-bottom: none;}
table.bordernone td {
    padding: 0.1em;
    border-top: none !important;
    border-left: none !important;
}

table.separate {
border-collapse: separate;
border-spacing: 5px;
}

/**
 * マージン関連の設定
**/
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt100 { margin-top: 100px !important;}
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.ml0 { margin-left: 0 !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}
.mr10 { margin-right: 10px !important; margin-left: auto !important;}
.mr20 { margin-right: 20px !important; margin-left: auto !important;}
.mr30 { margin-right: 30px !important; margin-left: auto !important;}
.mtb20 { margin: 20px auto !important;}
.mall20 { margin: 20px !important;}
.mall10 { margin: 10px !important;}
.mall0 { margin: 0 !important;}
.m0auto { margin: 0 auto !important;}
.mt10auto {margin: 10px auto 0 !important;}
.mt20auto {margin: 20px auto 0 !important;}
.mtb30auto { margin: 30px auto !important;}
.mr020 { margin: 0 20px !important;}
.mr50 { margin: 0 50px 0 0 !important;}
.mrl0 { margin-right: 0 !important; margin-left: 0 !important;}
.mrl20 { margin-right: 20px !important; margin-left: 20px !important;}
.mrl30 { margin-right: 30px !important; margin-left: 30px !important;}
.mlrb { margin: 0 20px 20px 10px !important;}
@media screen and (min-width: 768px),print {
    .md-margin-left-10 { margin-left: 10px; }
}

.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pl0 { padding-left: 0 !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pall0 { padding: 0 !important;}
.pall5 { padding: 5px !important;}
.pall10 { padding: 10px !important;}
.ptb5 { padding: 5px 0 !important;}
.ptb10 { padding: 10px 0 !important;}
.ptb70 { padding: 70px 0 !important;}
.pall10 { padding: 10px;}
.prl0 { padding-right: 0 !important; padding-left: 0 !important;}
@media screen and (min-width: 768px),print {
    .md-padding-right-15 { padding-right: 15px !important; }
}

/**
 * font関連の設定
**/
.font_normal {font-weight: normal !important;}
.font_bold {font-weight: bold !important;}
.font8 {font-size: 8px !important;}
.font9 {font-size: 9px !important;}
.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font17 {font-size: 17px !important;}
.font18 {font-size: 18px !important;}
.font19 {font-size: 19px !important;}
.font20 {font-size: 20px !important;}
.font21 {font-size: 21px !important;}
.font22 {font-size: 22px !important;}
.font23 {font-size: 23px !important;}
.font24 {font-size: 24px !important;}
.font25 {font-size: 25px !important;}
.font26 {font-size: 26px !important;}
.font27 {font-size: 27px !important;}
.font28 {font-size: 28px !important;}
.font29 {font-size: 29px !important;}
.font30 {font-size: 30px !important;}
.font31 {font-size: 31px !important;}
.font32 {font-size: 32px !important;}
.font33 {font-size: 33px !important;}
.font34 {font-size: 34px !important;}
.font35 {font-size: 35px !important;}
.font36 {font-size: 36px !important;}
.font37 {font-size: 37px !important;}
.font38 {font-size: 38px !important;}
.font39 {font-size: 39px !important;}
.font40 {font-size: 40px !important;}
.font41 {font-size: 41px !important;}
.font42 {font-size: 42px !important;}
.font43 {font-size: 43px !important;}
.font44 {font-size: 44px !important;}
.font45 {font-size: 45px !important;}
.font46 {font-size: 46px !important;}
.font47 {font-size: 47px !important;}
.font48 {font-size: 48px !important;}
.font49 {font-size: 49px !important;}
.font50 {font-size: 50px !important;}

.red {color: #ff0000 !important;}
.red2 {color: #bf172e !important;}
.orange {color: #F60 !important;}
.blue {color: #00F !important;}
.green {color: #14AC09 !important;}
.black {color: #000 !important;}
.brown {color: #917952 !important;}
.yellow {color: #fefd4c !important;}
.gray {color: #999 !important;}

/**
 * 文字配置
**/
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/** table  **/
.table-fix { table-layout: fixed;}


/** top 新商品 **/

/* トップページ新着商品リスト */
.ec-newItemRole .ec-newItemRole__list{
    flex-wrap:wrap;
}
.ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem{
    width:18%;
    margin:0 auto 20px 2%;
}
.ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem a{
    max-width:96%;
    display:block;
}
.ec-newItemRole .ec-newItemRole__listItemPrice{
    color:#cc0000;
    font-weight:bold;
    text-align: right;
    font-size:18px;
}
@media screen and (max-width:768px){
    
    .ec-newItemRole .ec-newItemRole__list .ec-newItemRole__listItem{
        width:33.3%;
    }
    
}

/**
 * Parts
**/
.bg_light-blue { background-color: #def2fb !important;}


/* Contents
-------------------------------------------------------------- */
/**
 * 写真3列配置（スマホ2列配置）
**/
ul.list_3col{ 
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding: 0 !important;
	list-style: none;
}
ul.list_3col li {
	width: 48.5%;
	margin-right: 2.6%;
	margin-bottom: 30px;
}
ul.list_3col li:nth-of-type(2n) { margin-right: 0;}
ul.list_3col li.sp_col01 {
	width: 100%;
	margin-right: 0%;
}

ul.list_3col h3.title { 
    font-size: 18px;
    font-weight: bold;
}
ul.list_3col h3.title a{
	color: #000;
	margin-top: 5px;
	margin-bottom: 10px;
}
ul.list_3col h4.price,
ul.list_3col h4.excerpt {
	color: #000;
	font-size: 16px;
	margin-bottom: 5px;
}
ul.list_3col li img { width: 100%;}
ul.list_3col li img {
	display: block;
	width: 100%;
}
@media only screen and (min-width: 768px) {
	ul.list_3col li {
		width: 31%;
		margin-right: 3.5%;
	}
	ul.list_3col li:nth-of-type(2n) { margin-right: 3.5%;}
	ul.list_3col li:nth-of-type(3n) { margin-right: 0;}
}

/**
 * 写真3列配置（スマホ1列配置）
**/
ul.list_3col.sp_col01{ 
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding: 0 !important;
	list-style: none;
}
ul.list_3col.sp_col01 li {
    width: 100%;
	margin-bottom: 30px;
}
ul.list_3col.sp_col01 h3.title { 
    font-size: 18px;
    font-weight: bold;
}
ul.list_3col.sp_col01 h3.title a{
	color: #000;
	margin-top: 5px;
	margin-bottom: 10px;
}
ul.list_3col.sp_col01 h4.price,
ul.list_3col.sp_col01 h4.excerpt {
	color: #000;
	font-size: 16px;
	margin-bottom: 5px;
}
ul.list_3col.sp_col01 li img { width: 100%;}
ul.list_3col.sp_col01 li img {
	display: block;
	width: 100%;
}
@media only screen and (min-width: 768px) {
	ul.list_3col.sp_col01 li {
		width: 31%;
		margin-right: 3.5%;
	}
	ul.list_3col.sp_col01 li:nth-of-type(3n) { margin-right: 0;}
}

/**
 * 告知掲載
**/
.box-kokuchi {
    border: 2px solid #bf172e;
    font-size: 16px;
    padding: 10px;
    margin: 0 auto 40px;
}
@media only screen and (min-width: 768px) {
 .box-kokuchi { padding: 10px 20px;}
}
/**
 * 新着商品枠
**/
@media only screen and (min-width: 768px){
.ec-newItemRole {
    padding: 20px 0 60px;
}
.ec-eyecatchRole .ec-eyecatchRole__image { width: auto;}
}