@charset "UTF-8";

/* ****************************************************
Title: pc_outline.css
Created: 2011-02-09
Last Modified: 2011-02-09
***************************************************** */


/* Table Of Contents
----------------------------------------

# PC Hide Content
# Main
----------------------------------------*/
#content #pageTitHealth {
	background: url(../img/all/bg_pagetit_health.gif) no-repeat left top;
	height: 29px;
	margin-bottom: 18px;
	width: 165px;
}

.img_row img{
	padding:10px;}

.mCatIndexAreaSecItemThumb.locomo{
	width: 40%;
}

.mCatIndexAreaSecItemThumb.locomo img{width: 100%;}

.locomo_graph,.locomo_logo{
	margin: 0 auto;
	width: 48%;
}

.locomo_graph img,.locomo_logo img,.locomo_mov .qr img{width: 100%;}
.locomo_logo{text-align: center;}
.locomo_logo .qr{width:  60%;}

a.qr_link,.locomo_mov .url a{
	display: inline;
	position: relative;
}

.locomo_mov .url a{
	display: block;
	padding-left: 0.75rem;
}

a.qr_link::after{
	content: "ここをクリック";
	position: absolute;
	width: 7rem;
	font-size: 0.8rem;
	right: -7rem;
    bottom: 0.5rem;
    line-height: 1rem;
    text-align: left;
}

a.qr_link::before, .locomo_mov .url a::before{
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	display: block;
	position: absolute;
	background:url("../../../common/std/img/pc/page/ico_arrow_lg_r.gif") no-repeat center;
	background-size: contain;
	bottom: 0.75rem;
	right: 0rem;
	font-size: 0.8rem;
	transform:rotate(180deg);
}

.locomo_mov .url a::before{
	transform:rotate(0deg);
	left: 0;
}

.locomo_mov{
	display: flex;
	flex-flow: wrap;
	align-items: center;
	margin-bottom: 2rem;
}

.locomo_mov .qr{ width: 8rem; margin-left: 1rem;}

.locomo_mov .url{
	margin-left: 1rem;
}

br.sp{display: none;}



/* # PC Hide Content
---------------------------------------------------------------------------- */


/* # Main
---------------------------------------------------------------------------- */