@charset "utf-8";
/* CSS Document */

/* === 関連作品 === */
.related-product .SlidingPanels {
	width:auto;
	position: relative;
	padding: 0px;
	border: none;
}

.related-product .SlidingPanelsContentGroup {
	position: relative;
	margin: 0px;
	padding: 0px;
	border: none;

	width:700%;
}


.related-product .SlidingPanelsContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;

	width:14%;
	float:left;
	margin-right: 50px;
}

.related-product .SlidingPanelsContent td,
.related-product .SlidingPanelsContent th{
	width: 25%;
}
.related-product {
  word-break:break-all;
	margin-bottom: 25px;
}
.related-product .tolBtnL {
	float: left;
	width: 17px;
	margin-top: 75px;
}
.related-product .tolBtnR {
	float: right;
	width: 17px;
	margin-top: 75px;
}
.related-product .tolLnklst {
	width: 89%;
	overflow: hidden;
	padding-left: 15px;
}

.related-product td {
	overflow:hidden;
	width:25%;
	vertical-align: top;
}
.related-product td.tolImg {
	vertical-align: bottom;
	text-align: left;
	padding-bottom: 5px;
	height:120px;
	_height:115px;
}
.related-product td.tolImg img {
	vertical-align: bottom;
	max-width: 115px;
	max-height: 115px;
	margin-left:15px;
}
.related-product dl {

/*	width: 125px;*/
	padding-left: 15px;
}
.related-product dt {
	margin-bottom: 2px;
}
.related-product dd {
	line-height: 1.3;
}

.related-product #btn_Lrec_related-product,
.related-product #btn_Rrec_related-product {
	visibility: hidden;
}

/*---------------------------------------------*/
.related-product .SlidingPanels {
	width:auto;
	position: relative;
	padding: 0px;
	border: none;
}

.related-product .SlidingPanelsContentGroup {
	position: relative;
	margin: 0px;
	padding: 0px;
	border: none;

	width:700%;
}


.related-product .SlidingPanelsContent {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;

	width:14%;
	float:left;
	margin-right: 50px;
}

.related-product .SlidingPanelsContent td,
.related-product .SlidingPanelsContent th{
	width: 20%;
}
.related-product {
  word-break:break-all;
	margin-bottom: 25px;
}
.related-product .tolBtnL {
	float: left;
	width: 17px;
	margin-top: 75px;
}
.related-product .tolBtnR {
	float: right;
	width: 17px;
	margin-top: 75px;
}
.related-product .tolLnklst {
	width: 89%;
	overflow: hidden;
	padding-left: 15px;
}

.related-product td {
	overflow:hidden;
	width:20%;
	vertical-align: top;
}
.related-product td.tolImg {
	vertical-align: bottom;
	text-align: left;
	padding-bottom: 5px;
	height:120px;
	_height:115px;
}
.related-product td.tolImg img {
	vertical-align: bottom;
	max-width: 115px;
	max-height: 115px;
	margin-left:15px;
}
.related-product dl {

/*	width: 125px;*/
	padding-left: 15px;
}
.related-product dt {
	margin-bottom: 2px;
}
.related-product dd {
	line-height: 1.3;
}

.related-product #btn_Lrec_related-product,
.related-product #btn_Rrec_related-product {
	visibility: hidden;
}





/* 関連作品-見出し下ナビ */

.related-product .tolLnkbar {
	background-color: #F5F5F5;
	background-image: url("/library/img/base/bg/bg_lnkbarLB.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom:7px;
}
.related-product .tolLnkbar ul {
	background-image: url("/library/img/base/bg/bg_lnkbarRB.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	width:100%;
}
.related-product .tolLnkbar li {
	float: left;
	border-right:dotted 1px #000;
	width:16.5%;
	text-align:center;
	line-height:1.4;
	display:block;
	padding: 10px 0;
}

.related-product .tolLnkbar li:last-child{
	border-right:none;
}

.related-product .tolLnkbar li.tolEnd {
	background-image: none;
	margin-right: 0;
	padding-right: 0;
}
.related-product .tolLnkbar li:hover {
    display: block;
	background: #DDE7FF !important;
}


.related-product .tolLnkbar li.r-p_tabOn{
	background: #DDE7FF;
}





.clearfix {
    display: block;
}
.clearfix::after {

    content: "";
    display: block;
    height: 0px;
    clear: both;

}




/*----------　追記 20160325　----------*/

body .related-product2 a {
	outline:none !important;
	cursor:pointer !important;
	display:block;
}

.related-product2 .XMediaframe .tolLnklst {
	width:92% !important;
}
.related-product2 .XMediaframe .SlidingPanelsContent td, .related-product2 .XMediaframe .SlidingPanelsContent th {
	width:20%;
}

.related-product2 .ui-widget-content ,
.related-product2 .ui-state-active, .related-product2 .ui-widget-content .ui-state-active, .related-product2 .ui-widget-header .ui-state-active ,
.related-product2 .ui-state-default, .related-product2 .ui-widget-content .ui-state-default, .related-product2 .ui-widget-header .ui-state-default {
	border:none;
}

.related-product2 .ui-tabs {
	padding:0;
}

.related-product2 .ui-widget-header ,
.related-product2 .ui-state-active , .related-product2 .ui-widget-content .ui-state-active , .related-product2 .ui-widget-header .ui-state-active {
	border:0;
	background:none;
}

.related-product2 .ui-corner-all, .related-product2 .ui-corner-top, .related-product2 .ui-corner-right, .related-product2 .ui-corner-tr ,
.related-product2 .ui-corner-all, .related-product2 .ui-corner-top, .related-product2 .ui-corner-left, .related-product2 .ui-corner-tl {
	border-radius:0 !important;
}

.related-product2 .ui-corner-all, .related-product2 .ui-corner-bottom, .related-product2 .ui-corner-right, .related-product2 .ui-corner-br {
	border:none !important;
	border-radius:0;
}

.related-product2 .ui-tabs .ui-tabs-nav {
	background-color: #F5F5F5;
    margin: 0;
    padding: 0;
}

.related-product2 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin: 0 !important;
	background:#DDE7FF;  /*確認のため、選択中の背景色を変更しております*/
}

.related-product2 .ui-widget-content {
	background:#fff !important;
}

.related-product2 .ui-tabs .ui-tabs-nav ul {
    background-image: url("/library/img/base/bg/bg_lnkbarRB.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
	background:#F5F5F5;
}

.related-product2 .ui-tabs .ui-tabs-nav li {
	background-color:inherit;
	border-left:none;
	border-top:none;
    border-right: dotted 1px #000;
    text-align: center;
    line-height: 1.4;
    display: block;
    padding: 10px 0 !important;
	margin: 0;
	width:16.5%;
	background:#F5F5F5;
	outline:none !important;
}
.related-product2 .ui-tabs .ui-tabs-nav li:last-child {
	border-right:none;
}

.related-product2 .XMediaframe .tolBtnL a {
	text-decoration:none;
	margin-left: -18px;
}
.related-product2 .XMediaframe .tolBtnR a {
	text-decoration:none;
    margin-right: -18px;
}

.related-product2 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	display:block;
	padding:0;
	font-size:12px !important;
	text-decoration:underline !important;
}
.related-product2 .ui-tabs .ui-tabs-nav .ui-tabs-anchor a:link{
	color:#0033cc;
}
.related-product2 .ui-tabs .ui-tabs-nav .ui-tabs-anchor a:visited {
	color:#990099;
}

/* === 作品一覧 === */
.sakuhin_list_tbl td{
    width: 20% !important;
}


/* 20160421修正 */
.XMediaframe .tolLnklst {
	padding:0 !important;
}
.MPE00032 .tolLnklst .tolImg {
	text-align: left !important;
}

/* kibidango */
#kibidango {
  line-height: 1.8;
}

#kibidango h2{
	font-weight: bold;
  padding-bottom: 10px;
  font-size: 14px;
}

#kibidango .video-block {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}

#kibidango .video-block img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

#kibidango .video-block iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#kibidango .item-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 50px;
  line-height: 50px;
  background: none repeat scroll 0% 0% rgba(204, 204, 204, 0.8);
  text-align: center;
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin-left: -53px;
  margin-top: -28px;
  border: 3px solid white;
  border-radius: 3px;
  transition-property: all;
  transition-duration: 0.1s;
  box-shadow: 0px 0px 2px #aaaaaa;
  cursor: pointer;
}

#kibidango .item-img {
  width: 100%;
  margin: 10px 0;
  text-align: center;
}

#kibidango .item-img img {
  max-width: 100%;
  max-height: 385px;
}

#kibidango .item-spec {
  padding: 10px;
}

#kibidango .item-spec ul {
  list-style: none;
  margin-top: 5px;
}

#kibidango .item-spec h5 {
  margin-top: 5px;
  font-size: 12px !important;
}

#kibidango .item-img_tile {
  font-size: 0;
}

#kibidango .item-img_tile .item-img {
  width: 50%;
  display: inline-block;
}

#kibidango .item-img_tile .item-img img {
  max-width: 95%;
  max-height: none;
  max-height: initial;
}

#kibidango .hlv3 {
  padding: 20px 0 10px 0 !important;
  text-overflow: clip;
  white-space: normal;
}

#kibidango .hlv4 {
  padding: 10px 0 0 0 !important;
  font-size: 12px !important;
  text-overflow: clip;
  white-space: normal;
}

#kibidango .list-decimal {
  margin-left: 1.5em !important;
  box-sizing: border-box;
}

#kibidango .list-decimal li {
  list-style-type: decimal;
  padding-left: 0.5em;
  box-sizing: border-box;
}

#kibidango .list-disc {
  margin-left: 1.5em !important;
  box-sizing: border-box;
}

#kibidango .list-disc li {
  list-style-type: disc;
  box-sizing: border-box;
}

#kibidango .list-indent {
  padding-left: 1em;
}

#kibidango .note {
  text-align: center;
  font-size: 10px;
}

#kibidango .comments {
  font-size: 10px;
  padding-top: 10px;
}

#kibidango .variation {
  margin-top: 5px !important;
  font-weight: bold;
  font-size: 12px !important;
}

#kibidango .variation a {
  display: inline-block;
  text-decoration: none;
  padding-left: 1em;
}

@media only screen and (max-width:600px) {
	#kibidango .item-img {
	  width: 100%;
	  margin: 10px 0;
	  text-align: center;
	}

	#kibidango .item-img img {
	  width: auto;
	  max-width: 100%;
	  max-height: 50.15vw;
	}

	#kibidango .item-spec {
	  padding: 10px;
	}

	#kibidango .item-spec ul {
	  list-style: none;
	  margin-top: 5px;
	}

	#kibidango .item-spec h5 {
	  margin-top: 5px;
	  font-size: 12px !important;
	}

	#kibidango .item-img_tile {
	  font-size: 0;
	}

	#kibidango .item-img_tile .item-img {
	  width: 100%;
	  display: inline-block;
	}

	#kibidango .item-img_tile .item-img img {
	  max-width: 100%;
	  width: 100%;
	  max-height: none;
	  max-height: initial;
	}

	#kibidango .hlv3 {
	  padding: 20px 0 10px 0 !important;
	  text-overflow: clip;
	  white-space: normal;
	}

	#kibidango .hlv4 {
	  padding: 10px 0 0 0 !important;
	  font-size: 12px !important;
	  text-overflow: clip;
	  white-space: normal;
	}

	#kibidango .list-decimal {
	  margin-left: 1.5em !important;
	  box-sizing: border-box;
	}

	#kibidango .list-decimal li {
	  list-style-type: decimal;
	  padding-left: 0.5em;
	  box-sizing: border-box;
	}

	#kibidango .list-disc {
	  margin-left: 1.5em !important;
	  box-sizing: border-box;
	}

	#kibidango .list-disc li {
	  list-style-type: disc;
	  padding-left: 0;
	  box-sizing: border-box;
	}

	#kibidango .list-indent {
	  padding-left: 1em;
	}

	#kibidango .note {
	  text-align: center;
	  font-size: 10px;
	}

	#kibidango .comments {
	  font-size: 10px;
	  padding-top: 10px;
	}

	#kibidango .variation {
	  margin-top: 5px !important;
	  font-weight: bold;
	  font-size: 12px !important;
	}

	#kibidango .variation a {
	  display: inline-block;
	  text-decoration: none;
	  padding-left: 1em;
	}
}