@charset "utf-8";
/* CSS Document */
body{
	background: none; /* 夏の間だけ */
}

.sp{
	display: block;
}

.pc{
	display:none !important;
}

header{
	margin:0;
	padding:5px 10px 0 10px;
}

#logo img{
	width:130px;
	height:auto;
}

#headUtils{
	position:relative;
    font-size:16px;
    line-height:1.2;
}
#headUtils .pageHeadline{
    margin:0;
    padding:0;
}
#headUtils h1{
	margin-top:0;
    padding:0;
    color:#717171;
    font-size:1.0em;
}

#serviceName{
	height:auto;
	margin:0;
	padding:0 1.0em 5px 0;
    color:#000000;
    font-size:1.25em;
	font-weight:bold;
	line-height:1.2;
	border-left:none;
}

#serviceName a:link,
#serviceName a:visited,
#serviceName a:active,
#serviceName a:hover{
	color:#777777;
}

#socialMedia{
/*	position:absolute;
	top:30px;*/
	top:10px;
	right:10px;
	margin:0;
	padding:0;
}

#shortMessage{
	display:block;
	margin:0 0 5px 0;
	padding:2px;
	text-align:center;
	background-color:#f19601;
}

#topBanner{
	position:static;
	height:auto;
	min-height:20px !important;
}

#topBanner ul#slides li{
	height:auto;
}

/*pageTop START*/
#pageTop{
	display:none;
	box-sizing:border-box;
	position:fixed;
	margin:0 0 0 auto;
	padding:2px;
	bottom:20px;
	right:5px;
	text-align:right;
	z-index:500;
}

#pageTop p{
	display:block;
	width:50px;
	height:50px;
	margin:0 0 0 auto;
	padding:0;
	color:#ffffff;
	font-size:20px;
    line-height:50px;
	text-align:center;
	background-color:rgba(0,0,0,0.6);
	border-radius:5px;
	cursor:pointer;
}

#pageTop p span{
	display:block;
	margin:0;
	padding:5px 0 0 0;
}
/*pageTop END*/

/*topForm下のpmark START*/
.serviceAttention{
	box-sizing:border-box;
	width:100%;
	padding:10px;
}
.attentionCatch{
	width:100%;
	padding:0 10px 0 25px;
	line-height:1.1;
	background:url(/rp/common/images/attention.png) left top no-repeat;
	background-size:20px;
	white-space:normal;
}

.topPmark{
	padding:5px;
	border:none;
}

.topPmark li,
.topPmark li.catch{
	width:100%;
	height:auto;
	min-height:auto;
	margin-bottom:5px;
	padding:0;
	line-height:1.0;
	float:none;
}

.topPmark li{
	font-size:0.8em;
}

.topPmark li.catch{
	background:none;
	background:url(/rp/common/images/japan.jpg) left top no-repeat;
	background-size:40px;
	padding-left:50px;
	font-size:1.0em;
}

.topPmark li.pmark img{
	width:40px;
}

.topPmark li.catch.sell{
	background:url(/rp/common/images/satei.jpg) left top no-repeat;
	background-size:40px;
}

.topPmark li.catch .catchTitle{
	margin:0;
	padding:5px 0;
	color:#ee3333;
	font-size:1.0em;
	font-weight:bold;
}
/*topForm下のpmark END*/

/*独占ページへのリンク START*/
.onlyLink{
	margin:0;
	padding:5px 10px;
}

.onlyLink a{
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	line-height:46px;
	border:1px solid #cccccc;
}

.onlyLink a span{
	display:inline-block;
	margin:0 0 0 0.5em;
	padding:0;
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
/*独占ページへのリンク END*/

/*パンクズ START*/
#breadcrumbBottom{
	box-sizing:border-box;
	display:block;
	margin:0;
	padding:5px;
	font-size:16px;
}

#breadcrumbBottom a{
	display:inline-block;
    padding:0 5px;
    line-height:48px;
}


/*パンクズ END*/

/*loginButton START*/
.acountInfo{
    display:block;
    margin:4px;
}
#login,
#logOut{
    box-sizing:border-box;
    width:48px;
	height:48px;
    margin:-3px 1px 0 1px;
	padding:0;
    color:#f1f1f1;
	font-size:22px;
    font-family:"lvn";
    vertical-align:middle;
	line-height:48px;
	text-align:center;
    background-color:#a1a1a1;
    border-radius:50%;
    box-shadow:0 0 0 2px #e1e1e1 inset;
}

/*loginButton END*/

/* jquery.sidr.dark.css の上書き START*/
#sidrMain.sidr .sidr-inner a{
    font-size:16px;
    line-height:48px;
}
/* jquery.sidr.dark.css の上書き END*/