@charset "utf-8";

@media screen and (min-width: 0px) and (max-width: 750px) {
#obj_fade_slider_box_phone {
	margin-bottom: 6em;
}
.ranking_base {
	margin-bottom: -.5em;
}
#furisode {
	margin-top: 60px;
	padding-top: 60px;
}
#rental {
	margin-top: -20px;
	padding-top: 20px;
}
.rental_box .title_text {
	margin-top: 1.5em;
}
.buy {
	background: #ECEDEF;
}
.buy p {
	color: #ED7979;
}
.rental {
	background: #C6827F;
	position: relative;
}
.rental p {
	color: #ffffff;
}
.rental::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #CC8583;
}
.ruby2 {
	margin-top: -1em;
	font-size: 3.5vw;
	text-align: center;
}
.border_h50 {
	margin-bottom: 0.5em
}
.serect_navi {
	width: 100%;
	display: inline-block;
	font-size: 4vw;
	margin: 1em 0 0;
	font-family: "source-han-serif-japanese", serif;
	font-style: normal;
	font-weight: 400;
}
.serect_navi p {
	font-size: 4.5vw
}
.serect_navi li {
	display: block;
	float: left;
	width: 100%;
	padding: 1em 0;
	text-align: center;
}
}

@media screen and (min-width:751px) and (max-width: 1024px) {
.slider_box_base {
	margin-bottom: 60px;
}
.hair_btn {
	bottom: 25%;
	left: 52.5% !important;
}
.hair_btn_text {
	left: 62%;
	bottom: 28%;
}
.photo_title {
	top: 35%;
	left: 14%;
}
.photo_btn {
	left: 6%;
	bottom: 17%;
}
.ranking_base {
	display: grid;
	width: 100%;
	max-width: 1024px;
	margin: 2.5em auto 0;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.header_img_lead {
	font-size: 15px;
	font-family: "source-han-serif-japanese", serif;
	font-style: normal;
	color: #4d4d4d;
	line-height: 2.0rem;
}
.border_h50::after {
	position: absolute;
	background: #4d4d4d;
	content: "";
	width: 1px;
	height: 50px;
	left: 50%;
}
.serect_navi {
	width: 100%;
	font-size: 15px;
	display: inline-block;
	margin: 0 0 20px;
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	color: #4D4D4D;
}
.serect_navi ul {
	width: 100%;
	margin: 0 auto;
}
.serect_navi li {
	justify-content: center;
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
}
.serect_navi li:first-child {
	border-right: none;
}
.rental {
	background: #CC8583;
	position: relative;
}
.rental::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #CC8583;
}
.rental p {
	font-size: 22px;
	color: #ffffff;
	letter-spacing: 2px;
	position: relative;
}
.buy {
	background: #edeff0;
}
.buy p {
	font-size: 22px;
	color: #ed7979;
	letter-spacing: 2px;
	position: relative;
	;
}
.serect_navi a {
	display: block;
	padding: 1.2em 0;
	position: relative;
	font-family: "source-han-serif-japanese", serif;
	font-style: normal;
	font-weight: 500;
}
.ruby2 {
	font-size: 14px;
	position: relative;
	margin-top: -20px;
	margin-bottom: 8px;
	text-align: center!important;
}
.title_text {
	margin-top: 100px;
}
.link_title {
	font-size: 25px;
	letter-spacing: 10px;
	margin-bottom: 25px;
	font-family: "source-han-serif-japanese", serif;
	font-style: normal;
	font-weight: 500;
}
.lead {
	text-align: left;
	font-size: 13px;
	line-height: 2.5;
}
.position_text_r {
	display: inline-block;
	position: absolute;
	top: 180px;
	right: 15%
}
.position_text_l {
	display: inline-block;
	position: absolute;
	top: 180px;
	left: 15%;
}
}

@media screen and (min-width:1025px), print, tv {
.slider_box_base {
	margin-bottom: 100px;
}
.ranking_base {
	margin-top: 70px;
}
.review {
	margin-top: -100px;
}
.hair_btn {
	bottom: 25%;
	left: 52.5% !important;
}
.hair_btn_text {
	left: 60.5% !important;
}
.photo_title {
	top: 35%;
	left: 10%;
}
.photo_btn {
	left: 6%;
}
.border_h50::after {
	position: absolute;
	background: #4d4d4d;
	content: "";
	width: 1px;
	height: 50px;
	left: 50%;
}
.serect_navi {
	width: 100%;
	font-size: 15px;
	display: inline-block;
	margin: 0 0 20px;
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	color: #4D4D4D;
}
.serect_navi ul {
	width: 100%;
	margin: 0 auto;
}
.serect_navi li {
	justify-content: center;
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
}
.serect_navi li:first-child {
	border-right: none;
}
.rental {
	background: #083449;
	position: relative;
}
.rental::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 60%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #083449;
}
.rental p {
	font-size: 25px;

	color: #ffffff;
	letter-spacing: 2px;
	position: relative;
	right: -10%;
}
.buy {
	background: #edeff0;
}
.buy p {
	font-size: 25px;
	color: #083449;
	letter-spacing: 2px;
	position: relative;
	left: -10%;
}
.serect_navi a {
	display: block;
	padding: 1.5em 0;
	position: relative;
	font-family: "source-han-serif-japanese", serif;
	font-style: normal;
	font-weight: 500;
}
.ruby2 {
	font-size: 14px;
	position: relative;
	margin-top: -20px;
	margin-bottom: 8px;
	text-align: center!important;
}
}