@charset "utf-8";

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
.rsv .pcNone {
	display: none !important;
}
/*===========================================

SP

===========================================*/

@media only screen and (max-width: 768px) {

#wrapper.rsv{
	margin-top:60px;
}
.rsv * {
	box-sizing: border-box;
}.rsv .pcNone {
	display: inline !important;
}
.rsv .spNone {
	display: none !important;
}
.rsv img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------

layout

----------------------------------------------*/
.rsv #headerNaviWrapper,
.rsv #headerWrapper #searchArea,
.rsv #headerWrapper #sizeChanger,
.rsv #medicalglobalNav,
.rsv #topicPath,
.rsv #footerWrapper .pageTop {
	display: none;
}
.rsv #headerWrapper,
.rsv #headerWrapper #headerLogo,
.rsv #contentsWrapper,
.rsv .headBlock02,
.rsv .main,
.rsv .headBlock02 > #commonMainTxt.medicalTitle,
.rsv .customerInfo,
.rsv .sideNav,
.rsv #footerWrapper,
.rsv #footerWrapper #footerBox {
	clear: both;
	float: none;
	width: 100%;
}

/*--------------- header ---------------*/
.rsv #headerWrapper {
	padding: 10px;
	border-bottom: 1px solid #dddddd;
}
.rsv .headBlock02 {
	padding: 10px 10px 0;
}
.rsv .headBlock02 > #commonMainTxt.medicalTitle {
	text-align: center;
}
.rsv .customerInfo {
	margin-top: 15px;
}
.rsv #login,
.rsv .customInfoTxt {
	width: 100%;
}
.rsv #login .customInfoLink li {
	width: calc( 50% - 15px );
}
.rsv #logout {
	height: auto;
	max-height: 1%;
	margin-bottom: 0;
}
.rsv #logout .customInfoLink {
	margin: 8px auto 0;
	display: table;
}

/*--------------- sideNav ---------------*/
.rsv .sideNav {
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

/*--------------- footer ---------------*/
.rsv #footer {
	padding: 0;
	border: none;
}
.rsv #footerWrapper {
	margin-top: 30px;
}
.rsv #footerWrapper li {
	width: 50%;
	padding: 0;
	background: none;
	letter-spacing: normal;
}
.rsv #footerNavi {
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
.rsv #footerNavi li {
	border-bottom: 1px solid #bbbbbb;
}
.rsv #footerNavi li:last-child {
	border-bottom: none;
}
.rsv #footerNavi li > a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 32px;
}
.rsv #footerNavi li:nth-child(2n+1) > a {
	border-right: 1px solid #bbbbbb;
}
.rsv #footerNavi li > a:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 50%;
	left: 18px;
	margin-top: -4px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #ff6652;
}
.rsv #footerWrapper #footerCopyright {
	padding-top: 15px;
	text-align: center;
}

/*--------------- main ---------------*/
.rsv .main {
	padding-left: 10px;
	padding-right: 10px;
}


/*--------------------------------------------

parts

----------------------------------------------*/

/*--------------- heading ---------------*/
.rsv .heading01,
.rsv.otherCategory.noNavi .heading01 {
	position: relative;
	padding: 0;
	border: 1px solid #dddddd;
	background: #e8f5eb;
	background-image: none !important;
	border-radius: 4px 4px 0 0;
	font-size: 132%;
}
.rsv .main .heading01 {
	margin-left: -10px;
	margin-right: -10px;
}
.rsv .heading01 > span {
	display: block;
	padding: 13px 10px 13px 30px;
	border: 3px solid #f8fcf9;
}
.rsv .heading01:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 22px;
	height: 10px;
	margin-top: -5px;
	border-radius: 0 5px 5px 0;
	background: #417250; /* Old browsers */
	background: linear-gradient(to bottom,  #417250 0%,#145026 100%);
}
.rsv .heading01 .memberIcon {
	margin: 0 5px 5px 0;
}

/*--------------- column ---------------*/
.rsv [class*="twoColumn"] {
	width: 100%!important;
}
	.rsv .spThroughout {
		width: auto;
		margin-left: -10px;
		margin-right: -10px;
	}
.rsv [class*="twoColumn"].spBreak .col + .col,
.rsv .twoColumn02.spBreak .colLeft + .colRight {
	margin-top: 10px;
}
.rsv .spBreak > * {
	float: none !important;
	width: 100% !important;
	margin-left: 0 !important;
}
	.rsv .spTwoColumn {
		width: 100%!important;
	}
	.rsv .spTwoColumn > .col {
		width: calc( 50% - 8px )!important;
		margin-right: 16px!important;
	}
	.rsv .spTwoColumn > .col:nth-child(2n) {
		margin-right: 0!important;
	}
	.rsv .spReverse {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column-reverse wrap;
		flex-flow: column-reverse wrap;
	}
	.rsv .spReverse > * {
		float: none !important;
		width: 100%!important;
	}
	.rsv .spReverse > .imgRightBlock {
		margin-left: 0;
	}
	.rsv .spReverse > .imgLeftBlock {
		margin-right: 0;
	}

}