@charset "utf-8";



/*type008---------------------------------------------------------------------------------------------- */

#bg .type008-block a:link{
	text-decoration: none;
}

.type008-box:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.type008-box{
	position:relative;
	z-index:0;
/*	overflow : hidden;*/
}


.type008-img-show1 {
	overflow : hidden;
}

.type008-img-show2 img {
	max-width  : 100%;
	max-height : 100%;
}

.type008-title {
	font-size : 115%;
	line-height : 1.3;
	font-weight : bold;
/*	margin-top:10px;*/
	padding-top:3px;
	padding-bottom:2px;
	margin-top:10px;
	margin-bottom:5px;
}
/*
.type008-img-box + .type008-txt-box .type008-title{
	padding-top:0px;
}
*/

.type008-title + .type008-txt{
	margin-top:0px;
/*	padding-top:0px;*/
}



.type008-title span[data-field="title"]{
	display : inline;
/*	margin-left:5px;*/
}
.type008-title marquee span[data-field="title"]{
	display : inline-block;
}

.type008-last {
	text-align : right;
	height	:auto;
	/*width	: 100%;*/
	display	: inline-block;
	/*
	padding	: 10px 8px;

	position:absolute;
	bottom:0px;
	left:0px;
	background-color: rgba(0,0,0,0.8);
	*/
}
/* なにかの拍子に使ううかも…？ */
/*
.type008-box .txt-size-x-small{
	font-size : 86%;
}
.type008-box .txt-size-small{
	font-size : 100%;
}
.type008-box .txt-size-medium{
	font-size : 115%;
}
.type008-box .txt-size-large{
	font-size : 136%;
}
.type008-box .txt-size-x-large{
	font-size : 157%;
}
*/
.type008-box.img-pos-right .type008-last{
	text-align : left;
}

.type008-last span[data-field="link_text"]{
	 display:inline;
}
/*

*/
.type008-box.type001 .type008-img-box,.type008-box.type002 .type008-img-box{
	position:relative;
	z-index	: 2;
}
.type008-box.type001 .type008-link-text,.type008-box.type002 .type008-link-text{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index	: 3;
}
.type008-box.type001 .type008-link-text div,
.type008-box.type002 .type008-link-text div{
	vertical-align:middle;
}
.type008-box.type001 .type008-link-text div > *,
.type008-box.type002 .type008-link-text div > *{
	vertical-align:middle;
	line-height: 1.3;

}


.type008-box.type001 .type008-link-band,.type008-box.type002 .type008-link-band{
/*	background-color: rgba(0,0,0,0.1);*/
	position:absolute;
	bottom:0px;
	left:0px;
	z-index	: 1;
}

/*キャプチャ*/
/*
.type008-box.type001.img_slash,.type008-box.type002.img_slash{
	background-image: url("./image/slash.png");
	background-repeat:repeat;
}
.type008-box.type001.img_wood,.type008-box.type002.img_wood{
	background-image: url("./image/wood.png");
	background-repeat:repeat-y;
}
*/

/*
.type008-box.type001.img_texture1,.type008-box.type002.img_texture1{
	background-repeat:repeat;
}
.type008-box.type001.img_texture2,.type008-box.type002.img_texture2{
	background-image: url("../../images/texture/texture2.png");
	background-repeat:repeat-y;
}

.type008-box.type001.img_texture1,.type008-box.type002.img_texture3{
	background-repeat:repeat;
}
*/
/*
.type008-box.type001 .type008-link-text,.type008-box.type002 .type008-link-text{
	position:absolute;
	bottom:0px;
	left:0px;
}
*/

.type008-last .fa-chevron-right{
	font-size:22px;
}
.pc-one-column .type008-last .fa-chevron-right{
	font-size:24px;
}

.type008-box .fa{
	margin-right:5px;
}

/* デザインタイプごと */
.type008-box.type001.radius-box,.type008-box.type002.radius-box{
	overflow:hidden;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.type008-box.type001.radius-box .type008-img-box .block-media.all-media{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.type008-box.type001.radius-box.img-pos-left .type008-img-box .block-media.all-media{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;

	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;

/*
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
*/
}
.type008-box.type001.radius-box.img-pos-right .type008-img-box .block-media.all-media{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;

	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
/*
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
*/
}

.type008-box.type001.radius-box .type008-txt-box + .type008-img-box .block-media.all-media{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

/*
.type008-box.type003.radius-box .type008-img-box .block-media,.type008-box.type004.radius-box .type008-img-box .block-media{
*/
.type008-box.type003.radius-box .type008-img-box,.type008-box.type004.radius-box .type008-img-box,.type008-box.type005.radius-box .type008-img-box{
	overflow:hidden;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.type008-box.type003.radius-box .type008-img-box .block-media.all-media,.type008-box.type004.radius-box .type008-img-box .block-media.all-media,.type008-box.type005.radius-box .type008-img-box .block-media.all-media{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}
.type008-box.type001.shadow-box,.type008-box.type002.shadow-box{
	box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}
/*
.type008-box.type003.shadow-box .type008-img-box .block-media,.type008-box.type004.shadow-box .type008-img-box .block-media{
*/
.type008-box.type003.shadow-box .type008-img-box,.type008-box.type004.shadow-box .type008-img-box,.type008-box.type005.shadow-box .type008-img-box{

	box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}
/* type008-type001 */
.type008-box.type001 .type008-txt-box,.type008-box.type002 .type008-txt-box{
/*	padding-top:15px;*/
}
.type008-box.type001:not(.img-pos-left):not(.img-pos-right) .type008-txt-box{
	margin:auto;
}


/* type008-type002 */
.type008-box.type002 {
	padding-top:10px;
}

.type008-box.type002.img-pos-left .type008-title,.type008-box.type002.img-pos-right .type008-title{
	margin-top:0px;
}


.type008-box.type002 .type008-img-box{
/*	padding-top:10px;*/
/*	padding-bottom:10px;*/
}

.type008-box.type002 > div:first-child .type008-title{
	margin-top : 0px;
}

.type008-box.type002:not(.img-pos-left):not(.img-pos-right) .type008-img-box{
	margin:auto;
}
.type008-box.type002:not(.img-pos-left):not(.img-pos-right) .type008-txt-box{
	margin:auto;
}
.type008-box.type002.img-pos-left,.type008-box.type002.img-pos-right{
	padding-bottom:10px;
}

/* type008-type003 */
.type008-box.type003 .type008-title{
	border-bottom:dotted 1px #333333;
	margin:0px;
	vertical-align:middle;
/*	padding : 5px 0px 6px;*/
	padding : 0px 0px 5px 0px;
}

.type008-box.type003 .type008-title.bottom-title{
	padding : 10px 0px 5px 0px;
	margin-bottom:10px;
}

/* type008-type004 */
.type008-box.type004 .type008-img-box{
	position:relative;
	overflow:hidden;
}
.type008-box.type004 .type008-title{
	position:absolute;
	bottom	: -5px;
	width	: 100%;

	/* z-indexがpositionを使用したものが対象なのでだめ */
/*
	position:relative;
	margin-bottom:0px;
	width	: 100%;
*/
	z-index	: 5;
/*	padding : 11px 10px 10px;*/
/*	padding : 14px 10px 15px;*/
	padding : 10px 10px 10px 10px;

	line-height : 1.3;
	margin-top: -41px;
/*	margin-top: -webkit-calc((1em * 1.3 + 11px + 10px)*-1);
	margin-top: -moz-calc((1em * 1.3 + 11px + 10px)*-1);
	margin-top: calc((1em * 1.3 + 11px + 10px)*-1);*/
	margin-top: -webkit-calc((1em * 1.3 + 14px + 15px)*-1);
	margin-top: -moz-calc((1em * 1.3 + 14px + 15px)*-1);
	margin-top: calc((1em * 1.3 + 14px + 15px)*-1);


	/* どしても、影など表示されてしまうのでこっちに下だけかけるか…？ */
/*
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px 1px;
*/
}

/* type008-type005 */
.type008-title.type005{
	position:relative;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	padding:0;
}
.type005-table{
	display:table;
	width:100%;
	padding:10px;
}
.type005-table-cell{
	display:table-cell;
	/*word-break:break-all;*/
}


marquee.type008_marquee{
	word-wrap: normal;
	display:block;
}



.type008-area .ad-banner-link,
.type008-area .vi-banner-link{
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;	
}
.type008-area.ad-editting-item .ad-banner-link,
.type008-area.vi-editting-item .vi-banner-link{
	display	:none;
	position : relative;
}