@charset "utf-8";

/*
	================================================================================================
		support active-speaker dock css index2.css
	================================================================================================
*/

#contents .iconArea{
	margin-left: 8px;
	display: table;
	margin-bottom: 1em;
	padding-right: 5px;
}

#contents .iconArea .text{
	display: table-cell;
	vertical-align: middle;
	padding-left: 1em;
}

#contents .iconArea p{
	margin-left: 0;
}

#contents p.annotation {
	text-indent: -1em;
	padding-left: 1em;
}


@media (max-width: 640px) {
	#contents .iconArea{
		margin-left: 2px;
	}
}

#contents .lead{
	display: table;
	margin: 0 1em 1.25em;
}
#contents .lead .lead_cell{
	display: table-cell;
	vertical-align: middle;
}
#contents .lead img{
	display: table-cell;
}
#contents .lead .lead_cell p:last-child{
	margin-bottom: 0;
}


@media (max-width: 640px){
	#contents .select_area{
		margin-left: 0;
		padding-right: 5px;
	}
	
	#contents .select_area .select_img{
		text-align: center;
	}
}

/*2023/02/15*/
#contents div.flex-Area {
    display: flex;
	align-items: flex-start;
	margin: 4em 0 0 1em;
}

#contents div.flex-Area .info-text{
	margin-left: 1em;
}

#contents div.flex-Area .info-title{
	font-weight: bold;
	font-size: 1.2307692307692rem;
	margin-bottom: 0.5em;
}

#contents div.flex-Area .singleBtn {
	margin: 0 1em;
	width: 17em;
}

#contents div.flex-Area .singleBtn a{
	display: block;
    background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    padding: 0.7em 1em;
    color: #000;
    box-sizing: border-box;
}

#contents span.textLink {
    background: url(/support/share/images/arrow_black.gif) no-repeat;
    background-position: 0 6px;
    padding-left: 1em;
    display: inline-block;
}

@media (max-width: 640px){
	#contents div.flex-Area {
        align-items: center;
		margin: 3em 0 2em;
		flex-direction: column;
	}
	
	#contents div.flex-Area .info-text{
		margin: 1em 0 0;
	}
	
	#contents div.flex-Area .singleBtn {
		margin: 0;
		width: 100%;
	}
}