@charset "UTF-8";

/* WEB-970 Renewal Header */

@media (min-width: 821px) {
	#header_rwd .sp_only {
		display: none;
	}
	#header_rwd {
		color: #f9504c;
		text-decoration: none;
		position: relative;
		letter-spacing: 0.06em;
		z-index: 99;
		background-color: #fff;
		height: 104px;
	}
	#header_rwd a {
		color: #f9504c;
		text-decoration: none;
	}
	#header_rwd .inner {
		max-width: 1110px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;

	}

	#header_rwd .top_unit {
		width: 100%;
		padding-top: 20px;
		display: flex;
		position: relative;
	}

	#header_rwd .header_logo {
		width: 152px;
	}
		#header_rwd .header_logo img {
			width: 152px;
			height: 18px;
			vertical-align: bottom;
		}

	#header_rwd .tagline {
		font-size: 10px;
		line-height: 100%;
		align-self: flex-end;
		margin-left: 15px;
		font-weight: bold;
	}

	#header_rwd .biznavi {
		align-self: flex-end;
		flex-grow: 1;
		text-align: right;
		font-weight: bold;
	}
		#header_rwd .biznavi li {
			display: inline-block;
			font-size: 10px;
			line-height: 100%;
		}
		#header_rwd .biznavi li a:before {
			content: "";
			display: inline-block;
			/*sprite化により変更
			background: url(/images/header_rwd/icn-blank.png) no-repeat center center;
			background-size: contain;
			*/
			margin-right: 6px;
		}
		#header_rwd .biznavi li a:hover {
			text-decoration: underline;
		}
		#header_rwd .biznavi li + li {
			margin-left: 24px;
		}

	#header_rwd .sub_navi {
		width: 211px;
	}
		#header_rwd .sub_navi .btn_language {
			position: absolute;
			top:0;
			right: 20px;
			background:#333;
			display:block;
			color:#FFF;
			font-size:11px;
			padding:5px 15px 5px 15px;
			/*
			background:url(/images/navi/lang_icon.png) no-repeat 15px 6px #000;
			*/
			font-style:italic;
			margin-left:10px;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			line-height: 20px;
		}

	#header_rwd .bottom_unit {
		width: 100%;
		margin-top: 16px;
	}

	#header_rwd .gnavi {
		display: flex;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
		line-height: 20px;
		justify-content: flex-start;
	}
		#header_rwd .gnavi > li {
			flex-grow: 1;
			display: flex;
		}
		#header_rwd .gnavi > li > a {
			line-height: 100%;
			display: block;
			width: 100%;
			box-sizing: border-box;
			padding: 17px 10px;
			position: relative;
			text-align: center;
			font-size: 12px;
			font-weight: bold;
		}
		#header_rwd .gnavi > li.hover > a:after {
			content: '';
			display: inline-block;
			width: 0;
			height: 0;
			border: 6px solid transparent;
			border-bottom: 6px solid #f9504c;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -6px;
		}
		#header_rwd .gnavi .pulldown_layer {
			position: absolute;
			width: 100%;
			left: 0;
			top:100%;
			box-sizing: border-box;
			background: #f7f7f7;
			z-index: 100000;
			border-top: 3px solid #f9504c;
			max-height: 0;
			overflow-y: hidden;
			-webkit-transition: max-height 0.3s;
			-moz-transition: max-height 0.3s;
			-o-transition: max-height 0.3s;
			transition: max-height 0.3s;
		}
		#header_rwd .gnavi li.hover .pulldown_layer {
			max-height: 500px;
			-webkit-transition: max-height 0.75s cubic-bezier(0.23, 1, 0.32, 1);
			-moz-transition: max-height 0.75s cubic-bezier(0.23, 1, 0.32, 1);
			-o-transition: max-height 0.75s cubic-bezier(0.23, 1, 0.32, 1);
			transition: max-height 0.75s cubic-bezier(0.23, 1, 0.32, 1);
		}
		#header_rwd .gnavi:after {
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 0;
			left: 0;
			top:100%;
			z-index: 99999;
			-webkit-transition: height 0.75s cubic-bezier(0.23, 1, 0.32, 1);
			-moz-transition: height 0.75s cubic-bezier(0.23, 1, 0.32, 1);
			-o-transition: height 0.75s cubic-bezier(0.23, 1, 0.32, 1);
			transition: height 0.75s cubic-bezier(0.23, 1, 0.32, 1);
			pointer-events: none;
		}
		#header_rwd .gnavi:hover:after {
			height: 100%;
		}
		#header_rwd .gnavi .pulldown_layer .inner {
			max-width: 1100px;
			margin: 0 auto;
			display: flex;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title {
			width: 25%;
			text-align: center;
			color: #fff;
			font-size: 14px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			position: relative;
		}
		#header_rwd .gnavi .member .pulldown_layer .pulldown_title {
			padding-top: 20px;
			padding-bottom: 20px;
			position: relative;
		}
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup {
			position: absolute;
			bottom: 14px;
			left: 5.095%;
			border: 2px solid #fff;
			width: 89.81%;
			box-sizing: border-box;
			padding: 15px 10px 10px;
			color: #fff;
		}
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .note {
			font-size: 12px;
			text-align: center;
			line-height: 1;
		}
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .btn + .note {
			margin-top: 10px;
		}
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .note a {
			color: #fff;
			text-decoration: underline;
		}
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup a:before {
			display: none;
		}
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .note a:hover {
			text-decoration: none;
		}
		
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .btn,
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .btn {
			margin-top: 10px;
		}
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .btn button,
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .btn a {
			display: inline-block;
			width: 100%;
			background: #fff !important;
			border:none;
			color: #f9504c;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			background: transparent;
			padding: 0 6px;
			box-sizing: border-box;
			cursor: pointer;
			border-radius: 3px;
			height: 31px;
			line-height: 31px;
		}
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .btn button:before,
		#header_rwd .gnavi .member .pulldown_layer .pc_member_signup .btn a:before {
			content: '';
			display: inline-block;
			width: 0;
			height: 0;
			border: 3px solid transparent;
			border-left: 3px solid #f9504c;
			margin-right: 12px;
		}
		#header_rwd.signed .gnavi .pulldown_layer .pulldown_title .member_image {
			border-radius: 34px;
			width: 68px;
			height: 68px;
			position: relative;
			border: 2px solid #fff1ee;
			display: block;
			overflow: hidden;
			box-sizing: border-box;
		}
		#header_rwd.signed .gnavi .pulldown_layer .pulldown_title .member_image img,
		#header_rwd.signed .gnavi .pulldown_layer .pulldown_title .member_initial {
			position: absolute;
			width: 100%;
			height: 100%;
			top:50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		#header_rwd.signed .gnavi .pulldown_layer .pulldown_title .member_initial {
			width: 64px;
			height: 64px;
			display: flex;
			background: #f9504c;
			justify-content: center;
			align-items: center;
			color: #fff;
			font-size: 30px;
		}
		#header_rwd.signed .gnavi .pulldown_layer .pulldown_title .member_name {
			font-size: 14px;
			margin-bottom: 9px;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title .member_summary {
			border: 2px solid #fff;
			font-size: 10px;
			padding: 9px 14px;
			border-radius: 3px;
			line-height: 1;
			position: relative;
			box-sizing: border-box;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title .member_summary:before {
			content: '';
			display: block;
			width: 0;
			height: 0;
			border: 7px solid transparent;
			border-bottom: 7px solid #fff;
			position: absolute;
			top:-14px;
			left: 50%;
			margin-left: -7px;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title .member_summary:after {
			content: '';
			display: block;
			width: 0;
			height: 0;
			border: 3px solid transparent;
			border-bottom: 4px solid #f36452;
			position: absolute;
			top:-7px;
			left: 50%;
			margin-left: -3px;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title .member_summary img {
			vertical-align: middle;
			margin-right: 6px;
		}
		.member_detail {
			flex-grow: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.member_summary_position {
			text-align: left;
			display: flex;
		}
		.member_summary_pao {
			text-align: left;
			margin-top: 6px;
			display: flex;
		}
		.member_menu {
			margin-top: 27px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title .btn_account,
		#header_rwd .gnavi .pulldown_layer .pulldown_title .btn_logout {
			min-width: 186px;
			height: 31px;
			line-height: 31px;
			font-size: 12px;
			border-radius: 3px;
			background: #fff;
			color: #f9504c;
			padding: 0 7px;
			box-sizing: border-box;
			text-align: center;
			position: relative;
			display: inline-block;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title .btn_logout {
			margin-top: 8px;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title .btn_account:before,
		#header_rwd .gnavi .pulldown_layer .pulldown_title .btn_logout:before {
				position: static;
				border: 3px solid transparent;
				border-left: 4px solid #f9504c;
				margin-top: 0;
				display: inline-block;
				vertical-align: middle;
				margin-right: 5px;
				margin-top: -2px;
		}
		#header_rwd .gnavi .pulldown_layer .pulldown_title .btn_account:hover,
		#header_rwd .gnavi .pulldown_layer .pulldown_title .btn_logout:hover {
			opacity: 0.8;
		}
		#header_rwd .gnavi .shareHouse .pulldown_title {
			background: url(/images/header_rwd/img-navi_01.png) no-repeat center center;
			background-size: cover;
		}
		#header_rwd .gnavi .socialResidence .pulldown_title {
			background: url(/images/header_rwd/img-navi_02.png) no-repeat center center;
			background-size: cover;
		}
		#header_rwd .gnavi .apartment .pulldown_title {
			background: url(/images/header_rwd/img-navi_03.png) no-repeat center center;
			background-size: cover;
		}
		#header_rwd .gnavi .service .pulldown_title {
			background: url(/images/header_rwd/img-navi_04.png) no-repeat center center;
			background-size: cover;
		}
		#header_rwd .gnavi .about .pulldown_title {
			background: url(/images/header_rwd/img-navi_05.png) no-repeat center center;
			background-size: cover;
		}
		#header_rwd .gnavi .search .pulldown_title {
			background: url(/images/header_rwd/img-navi_06.png) no-repeat center center;
			background-size: cover;
		}
		#header_rwd .gnavi .voice .pulldown_title {
			background: url(/images/header_rwd/img-navi_07.png) no-repeat center center;
			background-size: cover;
		}
		#header_rwd .gnavi .member .pulldown_title {
			background: url(/images/header_rwd/img-navi_08.png) no-repeat center center;
			background-size: cover;
		}
		#header_rwd .gnavi .member > a > img {
			vertical-align: middle;
		}
		#header_rwd.signed .gnavi .member > a {
			display: flex;
			align-items: center;
			padding: 5px 10px;
			font-size: 12px;
		}
		#header_rwd.signed .gnavi .member > a > .member_image {
			width: 32px;
			height: 32px;
			border-radius: 16px;
			border: 2px solid #fff1ee;
			box-sizing: border-box;
			margin-right: 5px;
			position: relative;
			display: inline-block;
			overflow: hidden;
		}
		#header_rwd.signed .gnavi .member > a > .member_image img,
		#header_rwd.signed .gnavi .member > a > .member_image .member_initial {
			position: absolute;
			width: 100%;
			height: auto;
			top:50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		#header_rwd.signed .gnavi .member > a > .member_image .member_initial {
			width: 28px;
			height: 28px;
			display: flex;
			background: #f9504c;
			justify-content: center;
			align-items: center;
			color: #fff;
			font-size: 14px;
		}
		#header_rwd.signed .gnavi .member .txt {
			text-align: left;
		}
		#header_rwd.signed .gnavi .member .member_name {
			white-space: nowrap;
			text-overflow: ellipsis;
			display: block;
			font-style: normal;
			overflow: hidden;
			width: 110px;
			line-height: 2;
		}
		#header_rwd.signed .gnavi .member .pulldown_layer .member_name {
			width: 186px;
		}
		#header_rwd .gnavi .pulldown_layer .inner .second {
			width: 75%;
			position: relative;
			font-size: 12px;
			font-weight: bold;
		}
		#header_rwd .gnavi .noThird .pulldown_layer .inner .second {
			width: 50%;
		}
		#header_rwd .gnavi .pulldown_layer .inner .second > li {
			width: 33.3%;
			display: flex;
		}
		#header_rwd .gnavi .noThird .pulldown_layer .inner .second > li {
			width: 50%;
		}
		#header_rwd .gnavi .pulldown_layer li > a {
			color: #000;
			display: block;
			width: 100%;
			padding: 15px 21px 15px 35px;
			border-top: 2px solid transparent;
			position: relative;
			box-sizing: border-box;
			transition: all 0.3s;
			font-size: 12px;
		}
		#header_rwd .gnavi .pulldown_layer .second > li.hover > a {
			background: #f7e6e6;
		}
		#header_rwd .gnavi .pulldown_layer .third > li.hover > a {
			background: #f7d6d5;
		}
		#header_rwd .gnavi .pulldown_layer .fourth > li.hover > a {
			background: #f0bebd;
		}
		#header_rwd .gnavi .pulldown_layer a:before {
			content: "";
			width: 0;
			position: absolute;
			height: 0;
			border: 3px solid transparent;
			border-left: 3px solid #4d4d4d;
			top:50%;
			left: 23px;
			margin-top: -3px;
		}
		#header_rwd .gnavi .pulldown_layer .inner .third ,
		#header_rwd .gnavi .pulldown_layer .inner .fourth {
			position: absolute;
			top:0;
			transition: all 0.3s;
			opacity: 0;
			transform: translateX(-15%);
			pointer-events : none;
		}
		#header_rwd .gnavi .pulldown_layer .inner .third {
			width:33%;
			left: 33%;
			background: #f7e6e6;
		}
		#header_rwd .gnavi .pulldown_layer .inner .fourth {
			width:100%;
			left: 100%;
			background: #f7d6d5;
		}
		#header_rwd li.hover .pulldown_layer li.hover > .third ,
		#header_rwd li.hover .pulldown_layer li.hover > .fourth  {
			opacity: 1;
			transform: translateX(0);
			pointer-events : initial;
		}

	#header_rwd .login {
		padding: 40px 30px;
		color: #000000;
	}
		#header_rwd .login .error {
			color: #f9504c;
			font-size: 10px;
			font-weight: bold;
		}
		#header_rwd .login .form {
			font-size: 12px;
			max-width: 358px;
			margin-top: 20px;
			width: 100%;
			box-sizing: border-box;
		}
		#header_rwd .login .form th {
			padding-bottom: 20px;
			box-sizing: border-box;
			text-align: left;
			vertical-align: middle;
		}
		#header_rwd .login .form td {
			text-align: right;
			padding-bottom: 20px;
			box-sizing: border-box;
			vertical-align: middle;
		}
		#header_rwd .login .login_input {
			background: #f9eaea;
			width: 100%;
			border: none;
			border-top: 2px solid #e0d2d2;
			padding: 5px 13px;
			line-height: 100%;
			font-size: 12px;
			box-sizing: border-box;
		}
		#header_rwd .login_lang {
			font-size: 12px;
			margin-bottom: 10px;
			color: #F9504C;
			line-height: 1;
		}
		#header_rwd .login_lang label + label {
			margin-left: 10px;
		}
		#header_rwd .login_lang input {
			vertical-align: middle;
			margin-right: 5px;
		}
		#header_rwd .login .btn {
		}
		#header_rwd .login .btn button {
			min-width: 358px;
			border: 2px solid #f9504c;
			color: #f9504c;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			background: transparent;
			padding: 6px;
			box-sizing: border-box;
			cursor: pointer;
		}
		#header_rwd .login .btn button:before {
			content: '';
			display: inline-block;
			width: 0;
			height: 0;
			border: 3px solid transparent;
			border-left: 3px solid #f9504c;
			margin-right: 14px;
		}
		#header_rwd .login .note {
			color: #000;
			font-size: 10px;
			line-height: 200%;
			margin-top: 20px;
			font-weight: bold;
		}
		#header_rwd .login .note a {
			text-decoration: underline;
		}
		#header_rwd .login .note a:hover {
			text-decoration: none;
		}
		#header_rwd .login a:before {
			display: none;
		}
	/*  ---------------------------
				Language
	---------------------------  */
	#language {
		width:100%;
		text-align:center;
		display:none;
	}

	#language ul{
		text-align:center;
		background:#000;
		height:50px;
	}

	#language ul li{
		display:inline;
		color:#FFF;
		background:url(/images/navi/lang/border.png) no-repeat;
	}

	#language ul li a{
		padding:15px;
		display:inline-block;
		color:#FFF;
		font-size:14px;
		text-decoration: none;
	}

	#language ul li a img{
		padding:0 10px 0 0;
		margin-bottom:-1px;
	}

	#language ul li a.current{
		background:#F00;
	}

	#content {
		padding-top: 0;
	}
}
	

@media (min-width:821px) and (max-width:1140px) {
	#header_rwd .header_logo {
		padding-left: 20px;
	}
	
		#header_rwd .gnavi {
			padding: 0 5px;

		}
		#header_rwd .gnavi > li > a {
			padding: 17px 5px;
			letter-spacing: 0;
		}
}
@media (max-width:820px) {

	#side {
		display: none;
	}

	#header_rwd {
		background: #fff;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		height: 49px;
		z-index: 9998;
		font-weight: bold;
		letter-spacing: 0.15rem;
		-ms-overflow-style: none;
	}

	#header_rwd .header_logo {
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
		z-index: 100;
		border-bottom: 1px solid #F9504C;
	}
		#header_rwd .header_logo img {
			width: 43.4375%;
			max-width: 139px;
			position: absolute;
			top:0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
		}

	#header_rwd .btn_toggle {
		position: absolute;
		width: 42px;
		height: 42px;
		top:50%;
		margin-top: -21px;
		z-index: 110;
		transition: background-position 0.4s;
		overflow: hidden;
	}
		#header_rwd .sp_search .btn_toggle {
			left: 4px;
			background: url(/svg/sm/icn-arrow_left_header.svg) no-repeat right 63px center;
			background-size: 12px 21px;
		}
		#header_rwd .sp_menu .btn_toggle {
			right: 6px;
			background: url(/svg/sm/icn-arrow_right_header.svg) no-repeat 63px center;
			background-size: 12px 21px;
		}
		#header_rwd .hide .btn_toggle {
			display: none;
		}
		#header_rwd .btn_toggle a {
			display: block;
			width: 42px;
			height: 42px;
		}
		#header_rwd .btn_toggle img {
			width: 100%;
			height: auto;
			position: absolute;
			top:0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			transition: transform 0.4s;
		}
		#header_rwd .sp_search.active .btn_toggle img {
			transform: translate(42px, 0);
		}
		#header_rwd .sp_menu.active .btn_toggle img {
			transform: translate(-42px, 0);
		}
		
	#header_rwd .sp_search.active .btn_toggle {
		background-position: center center;
	}
	#header_rwd .sp_menu.active .btn_toggle {
		background-position: center center;
	}
		#header_rwd .sp_search .btn_toggle img {
			max-width: 23px;
		}
		#header_rwd .sp_menu .btn_toggle img {
			max-width: 28px;
		}
	
	#header_rwd .sp_layer {
		padding-top: 49px;
		box-sizing: border-box;
		position: fixed;
		width: 100%;
		height: 100%;
		text-align: left;
		top:0;
		z-index: 90;
		-webkit-transition: transform 0.3s;
		-webkit-transform: translateX(-100%);
		transition: transform 0.3s;
		transform: translateX(-100%);
		background: #efefef;
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}
	#header_rwd .sp_menu .sp_layer {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		background: #3e3a39;
	}
		#header_rwd .active .sp_layer {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	

	#header_rwd .gnavi_search {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 15px;
		background: #fff;
	}
	#header_rwd .gnavi_search_input {
		border:2px solid #F9504C;
		padding: 7px 5px 5px 35px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 16px;
		line-height: 100%;
		background-image: url(/svg/sm/icn-search_gray.svg) ;
		background-size:23px;
		background-position:7px 5px;
		background-repeat: no-repeat;
		flex-grow: 1;
		margin-right: 10px;
		min-width: 100px;
	}
	#header_rwd .gnavi_search_submit {
		background: #F9504C;
		border: none;
		border-radius: 3px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 26px;
		height: 34px;
		padding: 4px 19px;
		box-sizing: border-box;
		white-space: nowrap;
		max-width: 70px;
	}

	#header_rwd .gnavi {
		border-top: 1px solid #F9504C;
		display: flex;
		flex-wrap: wrap;
		background: #fff;
	}
		#header_rwd .gnavi > li {
			width: 100%;
			box-sizing: border-box;
			display: flex;
			position: relative;
		}
		#header_rwd .gnavi > li:nth-child(odd):last-child {
			width: 100%;
			border-right: 0;
		}
		#header_rwd .gnavi > li:after {
			content: '';
			background: rgba(0, 0, 0, 0.73);
			position: fixed;
			top:0;
			left: 0;
			width: 100%;
			height: 200vh;
			z-index: -1;
			opacity: 0;
			transition: opacity 0.3s;
			pointer-events: none;
			transform: translate3d(0, 0, 0);
		}
		#header_rwd .gnavi > li.active:after {
			opacity: 1;
			pointer-events: initial;
		}
		#header_rwd .gnavi > li:nth-child(odd) {
			border-right: 0px solid #f9504c
		}
		#header_rwd .gnavi > li > a {
			width: 100%;
			box-sizing: border-box;
			padding: 25px 5px;
			background: #fff;
			color: #F9504C;
			text-decoration: none;
			text-align: center;
			border-bottom: 1px solid #f9504c;
			font-size: 14px;
		}
		#header_rwd .gnavi > li.active {
			position: relative;
			z-index: 3000;
		}
		#header_rwd .gnavi .member {
			border-top: 1px solid #f9504c;
		}
		#header_rwd.signed .gnavi .member .txt {
			text-align: left;
		}
		#header_rwd .gnavi .member > a {
			pointer-events: none;
		}
		#header_rwd.signed .gnavi .member > a:before {
			content: '';
			width: 0;
			height: 0;
			border: 5px solid transparent;
			border-top: 5px solid #f9504c;
			position: absolute;
			right: 10px;
			top:50%;
			margin-top: -3px;
		}
		#header_rwd.signed .gnavi .member.active > a:before {
			border: 5px solid transparent;
			border-bottom: 5px solid #f9504c;
			margin-top: -8px;
		}
		#header_rwd.signed .gnavi .member > a {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 7px 10px;
			font-size: 12px;
			pointer-events: initial;
			position: relative;
		}
		#header_rwd.signed .gnavi .member > a > .member_image {
			width: 32px;
			height: 32px;
			border-radius: 16px;
			border: 2px solid #fff1ee;
			box-sizing: border-box;
			margin-right: 5px;
			position: relative;
			display: inline-block;
			overflow: hidden;
		}
		#header_rwd.signed .gnavi .member > a > .member_image img,
		#header_rwd.signed .gnavi .member > a > .member_image .member_initial {
			position: absolute;
			width: 100%;
			height: auto;
			top:50%;
			left: 50%;
			transform: translate(-50%,-50%);
			border-radius: 14px;
		}
		#header_rwd.signed .gnavi .member > a > .member_image .member_initial {
			width: 28px;
			height: 28px;
			overflow: hidden;
			display: flex;
			background: #f9504c;
			justify-content: center;
			align-items: center;
			color: #fff;
			font-size: 14px;
		}
		
		#header_rwd.signed .gnavi .member .member_name {
			white-space: nowrap;
			text-overflow: ellipsis;
			display: block;
			font-style: normal;
			overflow: hidden;
			width: 110px;
		}

		#header_rwd .gnavi .pulldown_title,
		#header_rwd .gnavi .member .login,
		#header_rwd .tagline,
		#header_rwd .biznavi,
		#header_rwd .sub_navi {
			display: none;
		}
		
		#header_rwd .gnavi ul {
			transform: translateY(15px);
			opacity: 0;
			pointer-events: none;
			position: absolute;
			width: 100vw;
			box-sizing: border-box;
			top:100%;
			left: 0;
			display: flex;
			flex-wrap: wrap;
			z-index: 1000;
			transition: all 0.3s;
		}
			#header_rwd .gnavi li:nth-child(even) > .pulldown_layer > .inner > ul,
			#header_rwd .gnavi li:nth-child(even) > ul {
				/*left: -50vw;*/
			}
			#header_rwd .second > li:nth-child(1)/*,
			#header_rwd .second > li:nth-child(2) */{
				border-top: 2px solid #f9504c;
			}
			#header_rwd .second > li:last-child {
				border-bottom: 2px solid #f9504c;
			}
			#header_rwd .second > li:nth-child(odd),
			#header_rwd .third > li:nth-child(odd),
			#header_rwd .fourth > li:nth-child(odd) {
				border-right: 1px solid #fff;
			}	

		#header_rwd .gnavi .active ul.second,
		#header_rwd .gnavi .active > ul.third,
		#header_rwd .gnavi .active > ul.fourth {
			transform: translateY(0);
			opacity: 1;
			pointer-events: initial;
		}
		#header_rwd .gnavi ul li {
			width: 100%;
			box-sizing: border-box;
			display: flex;
			position: relative;
		}
		#header_rwd .gnavi ul li:nth-child(odd):last-child {
			width: 100%;
		}
		#header_rwd .second > li > a,
		#header_rwd .third > li > a,
		#header_rwd .fourth > li > a {
			width: 100%;
			box-sizing: border-box;
			padding: 25px 5px;
			color: #000;
			text-decoration: none;
			text-align: center;
			border-bottom: 1px solid #fff;
			font-size: 14px;
			background: #f4f4f4;
			position: relative;
		}
		#header_rwd .third > li > a {
			background: #f7e6e6;
		}
		#header_rwd .fourth > li > a {
			background: #f2d1d0;
		}
		#header_rwd .second > li.active > a {
			background: #f7e6e6;
		}
		#header_rwd .third > li.active > a {
			background: #f2d1d0;
		}
		#header_rwd .gnavi > li.active > a:after,
		#header_rwd .second > li.active > a:after,
		#header_rwd .third > li.active > a:after,
		#header_rwd .fourth > li.active > a:after {
			content: '';
			display: block;
			width: 0;
			height: 0;
			border: 6px solid transparent;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -6px;
		}
		#header_rwd .gnavi > li.active > a:after {
			border-bottom: 6px solid #f9504c;
		}
		#header_rwd .second > li.active > a:after,
		#header_rwd .third > li.active > a:after {
			border-bottom: 6px solid #fff;
		}
		#header_rwd .gnavi .member > a > img {
			vertical-align: middle;
		}
		
	#header_rwd .sp_member_login {
		background: #fff;
		padding: 15px 15px 0;
	}
	#header_rwd .sp_member_signup {
		background: #fff;
		border-bottom: 2px solid #F9504C;
		padding: 15px;
	}
		#header_rwd .sp_member_login .title {
			color: #F9504C;
			font-size: 14px;
			text-align: center;
		}
		#header_rwd .sp_member_login .title img {
			vertical-align: middle;
		}
		#header_rwd .sp_member_login .form_wrapper {
			display: flex;
			justify-content: space-between;
		}
		#header_rwd .sp_member_login .login_input {
			background: #f9eaea;
			width: 50%;
			border: none;
			border-top: 2px solid #e0d2d2;
			padding: 7px 13px;
			line-height: 100%;
			font-size: 14px;
			box-sizing: border-box;
			display: block;
		}
		#header_rwd .sp_member_login .login_input + .login_input {
			margin-left: 10px;
		}
		#header_rwd .sp_member_login .login_lang {
			font-size: 12px;
			margin-top: 10px;
			color: #F9504C;
			line-height: 1;
		}
		#header_rwd .sp_member_login .login_lang label + label {
			margin-left: 10px;
		}
		#header_rwd .sp_member_login .login_lang input {
			vertical-align: middle;
			margin-right: 5px;
		}
		#header_rwd .sp_member_login .btn,
		#header_rwd .sp_member_signup .btn {
			margin-top: 10px;
		}
		#header_rwd .sp_member_login .btn button,
		#header_rwd .sp_member_login .btn a,
		#header_rwd .sp_member_signup .btn button,
		#header_rwd .sp_member_signup .btn a {
			display: inline-block;
			width: 100%;
			background: #f9504c !important;
			border:none;
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			background: transparent;
			padding: 6px;
			box-sizing: border-box;
			cursor: pointer;
		}
		#header_rwd .sp_member_login .btn button:before,
		#header_rwd .sp_member_login .btn a:before,
		#header_rwd .sp_member_signup .btn button:before,
		#header_rwd .sp_member_signup .btn a:before {
			content: '';
			display: inline-block;
			width: 0;
			height: 0;
			border: 3px solid transparent;
			border-left: 3px solid #fff;
			margin-right: 14px;
		}

		#header_rwd .sp_member_signup .note {
			color: #f65151;
			font-size: 12px;
			text-align: center;
		}
		#header_rwd .sp_member_signup .btn + .note {
			margin-top: 10px;
		}
		#header_rwd .sp_member_signup .note a {
			color: #f65151;
		}

	#header_rwd .sp_social_navi {
		padding: 15px;
		color: #F9504C;
		text-align: center;
		border-bottom: 2px solid #f9504c;
		background: #fff;
	}
		#header_rwd .sp_social_navi .title {
			font-size: 14px;
		}
		#header_rwd .sp_social_navi ul {
			margin-top: 10px;
		}
		#header_rwd .sp_social_navi ul li {
			display: inline-block;
		}
		#header_rwd .sp_social_navi ul li + li {
			margin-left: 24px;
		}
		#header_rwd .sp_social_navi ul li img {
			width: 25px;
			height: 25px;
		}

	#header_rwd .sp_language_navi {
		text-align: center;
		padding: 15px;
		color: #F9504C;
		text-align: center;
		background: #fff;
		border-bottom: 2px solid #f9504c;
	}
		#header_rwd .sp_language_navi .title {
			font-size: 14px;
		}
		#header_rwd .sp_language_navi .title img {
			vertical-align: middle;
		}
		#header_rwd .sp_language_navi img {
			vertical-align: middle;
		}
		#header_rwd .sp_language_navi ul {
			margin-top: 10px;
		}
		#header_rwd .sp_language_navi ul img {
			margin-right: 6px;
		}
		#header_rwd .sp_language_navi ul li {
			display: inline-block;
			line-height: 100%;
			margin-bottom: 6px;
		}
		#header_rwd .sp_language_navi ul li + li {
			margin-left: 12px;
			padding-left: 12px;
			border-left: 1px solid #F9504C;
		}
		#header_rwd .sp_language_navi ul li a {
			color: #f9504c;
			text-decoration: none;
			font-size: 12px;
			letter-spacing: initial;
		}

	#header_rwd .sp_biznavi {
		text-align: center;
		padding: 15px 5px;
		color: #F9504C;
		text-align: center;
		background: #fff;
	}
	#header_rwd .sp_biznavi li {
		display: inline-block;
	}
	#header_rwd .sp_biznavi ul li + li {
		margin-left: 8px;
		padding-left: 8px;
		border-left: 1px solid #F9504C;
	}
		#header_rwd .sp_biznavi li a {
			font-size: 12px;
			color: #F9504C;
			text-decoration: none;
		}
		#header_rwd .sp_biznavi li a:before {
			content: "";
			display: inline-block;
			vertical-align: middle;
			background: url(/images/header_rwd/icn-blank.png) no-repeat center center;
			background-size: contain;
			width: 10px;
			height: 10px;
			margin-right: 6px;
		}

	#header_rwd .sp_footer_navi {
		color: #fff;
		background: #3e3a39;
		text-align: center;
		padding: 15px;
		font-weight: normal;
	}
		#header_rwd .sp_footer_navi .address{
			font-size: 10px;
		}
		#header_rwd .sp_footer_navi .logo {
			margin-top: 10px;
		}
		#header_rwd .sp_footer_navi .copy{
			margin-top: 15px;
			font-size: 10px;
		}
	
	#header_rwd .sp_layer > .search_list {
        font-size: 16px;
    }
		#header_rwd .sp_layer > .search_list .search_list_item,
		#header_rwd .sp_layer > .search_list .search_list_acordion {
			border-top: 1px solid #fff;
		}
		#header_rwd .sp_layer > .search_list .search_list_item a,
		#header_rwd .sp_layer > .search_list .search_list_acordion a {
			display: block;
			text-decoration: none;
			color: #231815;
			padding: 14px;
			position: relative;
    		display: flex;
    		align-items: center;
    		}
		#header_rwd .sp_layer > .search_list .search_list_item a:after,
		#header_rwd .sp_layer > .search_list .search_list_acordion a:after {
			content:'';
			display: block;
			position: absolute;
			right: 13px;
			top:50%;
			margin-top: -13px;
			width: 25px;
			height: 25px;
			border-radius: 2px;
			background: #3E3A39 url(/svg/sm/icn-arrow_right_navi.svg) no-repeat center center;
			background-size: 8px 11px;
		}
		#header_rwd .sp_layer > .search_list .search_list_acordion a:after {
			background: #3E3A39 url(/svg/sm/icn-plus_list_header.svg) no-repeat center center;
			background-size: 10px;
		}
		#header_rwd .sp_layer > .search_list .search_list_acordion.active a:after {
			background: #fff url(/svg/sm/icn-minus_list_header.svg) no-repeat center center;
			background-size: 10px;
		}
		#header_rwd .sp_layer > .search_list dt {
    		min-height: 70px;
		}
		#header_rwd .sp_layer > .search_list dd {
			display: none;
			padding: 0 13px;
		}
		#header_rwd .sp_layer > .search_list dd ul {
			border-radius: 2px;
			background: #fff;
			padding: 0 15px;
		}
		#header_rwd .sp_layer > .search_list dd ul li {
			border-top: 1px dotted #595757;
		}
		#header_rwd .sp_layer > .search_list dd ul li:first-child {
			border-top: none;
		}
		#header_rwd .sp_layer > .search_list dd ul li a {
			padding: 15px 0;
			display: block;
			text-decoration: none;
			color: #231815;
			position: relative;
    		display: flex;
    		align-items: center;
		}
		#header_rwd .sp_layer > .search_list dd ul li a:after {
			content:'';
			display: block;
			position: absolute;
			width: 7px;
			height: 10px;
			right: 0;
			top:50%;
			margin-top: -6px;
			background: url(/svg/sm/icn-arrow_right_list_black_header.svg) no-repeat center center;
			background-size: 7px 10px;
		}
	
	#header_rwd .sp_layer .btn_back {
		background: #efefef;
		padding: 14px;
	}
		#header_rwd .sp_layer .btn_back a {
			display: block;
			padding: 12px;
			line-height: 1;
			color: #fff;
			font-size: 16px;
			text-decoration: none;
		}
		#header_rwd .sp_search .btn_back a {
			text-align: left;
			padding-left: 34px;
			background: #3E3A39 url(/svg/sm/icn-arrow_left_navi.svg) no-repeat 17px center;
			background-size: 8px 13px;
		}
		#header_rwd .sp_menu .btn_back a {
			text-align: right;
			padding-right: 34px;
			background: #3E3A39 url(/svg/sm/icn-arrow_right_navi.svg) no-repeat right 17px center;
			background-size: 8px 13px;
		}

	#language {
		display: none;
	}
	
	#wrapper {
		transform: none;
	}
	#wrapper.slide {
		-webkit-transition: transform 0.3s;
		-webkit-transform: translateX(0);
		transition: transform 0.3s;
		transform: translateX(0);
	}

	#wrapper.sp_search {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	#wrapper.sp_menu {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	#content {
		padding-top: 49px;
	}

	/*add 20171222*/
	.search_list li a{
		min-height: 70px;
	}
	.gnavi li {
		min-height: 70px;
	}
	
	.gnavi li a{
		min-height: 70px;
	}
	
}




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

		 CSS SPRITE
			
=============================  */

.ico_icon_01, .ico_icon_02, .ico_icon_03, .ico_icon_04, .ico_icon_05, .ico_lang_icon, .ico_page_top_on, .ico_page_top_off{
  display: inline-block;
  background-image: url(/images/spritebox-sprite.png);
  background-repeat: no-repeat;
}

.ico_page_top_off {
  background-position: -64px -0px;
  height: 77px;
  width: 68px;
}

.ico_page_top_off:hover {
  background-position: -132px -0px;
}

.ico_lang_icon {
  background-position: -314px -45px;
  margin: 0 8px -3px 0;
  height: 16px;
  width: 15px;
}

.ico_icon_01 {
  background-position: -329px -45px;
  margin: 0 5px -1px 0;
  height: 13px;
  width: 16px;
}

.ico_icon_02 {
  background-position: -345px -45px;
  margin: 0 5px -1px 0;
  height: 13px;
  width: 16px;
}

.ico_icon_03 {
  background-position: -361px -45px;
  margin: 0 5px -1px 0;
  height: 13px;
  width: 16px;
}

.ico_icon_04 {
  background-position: -377px -45px;
  margin: 0 5px -1px 0;
  height: 13px;
  width: 16px;
}

.ico_icon_05 {
  background-position: -393px -45px;
  margin: 0 5px -1px 0;
  height: 13px;
  width: 16px;
}


#header_rwd .biznavi li a:before {
    content: "";
    display: inline-block;
    background-image: url(/images/spritebox-sprite.png);
    background-position: -459px -23px;
    width: 10px;
    height: 10px;
    margin-right: 6px;
}