@charset "utf-8";

.widget-miso-post-more { position:relative; }
.widget-miso-post-more #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.widget-miso-post-more .item-more { text-align:center; margin:20px 0px 0px; padding:15px 0 0 0; }
.widget-miso-post-more .item-more a { color:#333; }
.widget-miso-post-more .item-more a:hover { color:crimson; }

.widget-miso-post-more .item-list { position:relative; overflow:hidden; background: #fff; padding:10px 10px 20px 10px; border:1px solid #ddd;}
.widget-miso-post-more .img-more { margin-bottom:10px; }
.widget-miso-post-more .txt-more { padding:0px; text-align:center; }
.widget-miso-post-more .item-heading { display:block; margin:0px; font-weight:bold; }
.is-pc .widget-miso-post-more .item-heading { font-size:20px; font-weight:500; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #dcdcdc; padding-left:5px; padding-right:5px; }
.is-mobile .widget-miso-post-more .item-heading { font-size:20px; font-weight:500; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #dcdcdc; padding-left:5px; padding-right:5px; }
.widget-miso-post-more .item-details { margin-top:10px; padding:4px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.widget-miso-post-more .item-cont { margin-top:10px; padding:0; line-height:20px; min-height:40px; }
.widget-miso-post-more .item-sp { margin:0px 7px; color:#ddd; font-size:11px; }
.widget-miso-post-more .item-read { margin-top: 10px; }
.widget-miso-post-more .item-read .pull-left i { margin-right:2px; }
.widget-miso-post-more .read-more { }
.widget-miso-post-more .read-more i { margin-left:4px; }

.widget-miso-post-more .item-wrap { overflow:hidden; }
.widget-miso-post-more .item-row { float:left; }
.widget-miso-post-more .item-none { padding:50px 10px; }


.widget-miso-post-more .item-list:hover,
.widget-miso-post-more .item-list.active { border-width:3px; border-color: #8e000a; } 

.widget-miso-post-more .item-list .img-more > div > .caption { display: none; position:absolute; width:100%; height:100%; z-index:2; background:rgba(83, 12, 17, 0.5); }
.widget-miso-post-more .item-list .img-more > div > .caption > a > img { height: auto; position: absolute; top: -webkit-calc(20% - 20%); left: -webkit-calc(55% - 20%); top: -moz-calc(20% - 20%); left: -moz-calc(55% - 20%); top: calc(20% - 20%); left: calc(55% - 20%); }
.widget-miso-post-more .item-list .img-more > div > .caption1 { display: block; position:absolute; width:100%; height:100%; z-index:2; background:rgba(0, 0, 0, 0.6); top:0; left:0; padding:5px 15px 25px 15px; }
.widget-miso-post-more .item-list .img-more > div > .caption1 > .box { width:100%; height:100%; border:3px solid #fff; }
.widget-miso-post-more .item-list .img-more > div > .caption1 > .box > a > img { height: auto; position: absolute; top: -webkit-calc(40% - 20%); left: -webkit-calc(40% - 20%); top: -moz-calc(50% - 20%); left: -moz-calc(40% - 20%); top: calc(50% - 20%); left: calc(40% - 20%); }
.widget-miso-post-more .item-list:hover .img-more > div > .caption1 { display: none; } 
.widget-miso-post-more .item-list:hover .img-more > div > .caption { display: block; } 

@media all and (max-width:490px) {
	.widget-miso-post-more .item-list .img-more > div > .caption > a > img { top: -webkit-calc(20% - 35%); left: -webkit-calc(50% - 20%); top: -moz-calc(20% - 35%); left: -moz-calc(50% - 20%); top: calc(20% - 35%); left: calc(50% - 20%); }
	.widget-miso-post-more .item-list .img-more > div > .caption1 > .box > a > img { top: -webkit-calc(40% - 20%); left: -webkit-calc(40% - 27%); top: -moz-calc(50% - 20%); left: -moz-calc(40% - 27%); top: calc(50% - 20%); left: calc(40% - 27%); }

}

#product { list-style:none; font-size:14px; font-weight:400; margin:0; padding:0; }
#product li.tit { float:left; width:20%; color:#000; font-weight:500; padding-left:5px; }
#product li.detail { float:left; width:30%; color:#777; padding-right:5px; }