@charset "utf-8";





#model_companion_box {
	padding-top: 50px;
}

#model_companion {
	max-width: 930px;
	margin: 0 auto;
	overflow: hidden;
}

#top_image {
	width: 100%;
	margin: 40px 0 25px;
}

#search_heading {
	color: #c92221;
	font-size: 130%;
	margin-bottom: 15px;
}

#search_form_sw {
	background-color: #c92221;
	display: none;
	padding: 8px 24px;
	text-align: center;
	line-height: 1.1;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	margin-bottom: 15px;
}

.active {
	background-color: #fbeded !important;
	color: #999!important;
}

#search_form_box {
	max-width: 890px;
	width: 96%;
	margin: 0 auto;
}

.search_form {
	padding: 5px 30px;
	margin: 0 auto 15px;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fbeded;
}

.search_form > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 2px #fff solid;
}

.search_form > ul:last-child {
	border: none;
}

input[type="radio"] {
	margin-right: 8px;
}

.font_red {
	width: 14%;
	color: #c92221;
	font-size: 110%;
	font-weight: 600;
}

#keyword_font_red {
	width: 20%;
	margin: 6px 0;
}

.search_span {
	display: inline-block;
	width: 3.5em;
	font-size: 105%;
}

.search_form select {
	padding: 6px;
	border: none;
	width: 6.2em;
}

.search_form ul li #search_contents > li {
	float: left;
	width: 27.5%;
}

.search_form ul li #search_contents > li:first-child, .search_form ul li #search_contents > li:nth-child(4) {
	float: left;
	width: 45%;
}

.search_form label {
	margin-left: 4%;
}

.search_form ul li label:first-child {
	margin-left: 0;
}

.forms {
	box-sizing: border-box;
	width: 88%;
	overflow: hidden;
}

#text_form {
	box-sizing: border-box;
	float: left;
	border-radius: 6px;
	padding: 6px;
	margin: 8px 0;
	width: 55%;
	border: 1px solid #eee;
}

#text_form_box {
	box-sizing: border-box;
	width: 80%;
}

.form_button {
	float: right;
	width: 11.5em;
	padding: 8px;
	background-color: #c92221;
	display: block;
	text-align: center;
	line-height: 1.1;
	border-radius: 10px;
	color: #fff;
}

.form_button_upper {
	font-weight: 500;
}

.form_button_lower {
	font-size: 80%;
}

#upper {
	float: right;
	margin-top: 15px;
}

#lower {
	float: left;
	margin-left: 25px;
}

.pagenav_box {
	max-width: 870px;
	overflow: hidden;
	margin: 0 auto 45px;
	width: 96%;
}

.pagenav {
	float: right;
}

.page_font {
	margin-right: 12px;
}

.pagenav li {
	display: inline-block;
}

.pagenav li a {
	display: block;
	padding: 2px 12.5px;
}

.pagenav li:hover {
	background-color: #ffc;
}

.pagenav .page_font:hover {
	background-color: transparent;
}

.pagenav_selected {
	background-color: #ffc;
}

.model_list {
	clear: right;
	max-width: 880px;
	overflow: hidden;
	margin: 0 auto;
}

.model {
	float: left;
	width: 17.16%;
	margin: 0 1.42% 60px;
}

.model img {
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
}

.model:nth-child(5n + 1) {
	clear: left;
}

.model a {
	display: inline-block;
	line-height: 0;
}

.safari .model a {
	display: block;
	line-height: 0;
}

.name {
	line-height: 1.0;
	color: #646363;
}

.name_bold {
	font-weight: 600;
	line-height: 1.2em;
}

.detail {
	font-size: 70%;
	font-weight: 400;
}

#not_found {
	text-align: center;
	padding: 60px 0 180px;
}

/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 768px){

#heading {
	font-size: 200%;
	padding: 10px 0;
}
	

#top_image {
	width: 100%;
	margin: 20px 0 5px;
}
	

.search_form ul li #search_contents > li:nth-child(odd) {
	width: 65%;
}
	
.search_form ul li #search_contents > li:nth-child(even) {
	width: 35%;
}
	
#text_form_box {
	width: 100%;
}
	
.safari #text_form_box, .safari3 #text_form_box {
	width: 80%;
}
	
.iphone #text_form_box {
	width: 100%;
}
	
.model {
	float: left;
	width: 21%;
	margin: 0 2% 40px;
}
	
.model:nth-child(5n + 1) {
	clear: none;
}
	
.model:nth-child(4n + 1) {
	clear: left;
}

}/* 768pxの閉じカッコ */


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 640px) {

#heading {
	line-height: 1.3;
	font-size: 200%;
	padding: 10px 0;
}

#search_form_sw {
	display: inline-block;
}

.search_form {
	display: none;
	padding: 5px 5% 5px;
}
	
.search_form label {
	margin-left: 0;
}
	
.search_form > ul {
	display: block;
}
	
.search_form ul li #search_contents > li {
	width: 100%;
}

.font_red, #keyword_font_red {
	width: 100%;
	margin: 0;
}
	
.forms {
	width: 100%;
}
	
.safari #text_form_box, .safari3 #text_form_box {
	width: 100%;
}
	
#text_form {
	width: 100%;
}
	
.form_button {
	clear: left;
	float: none;
	margin: 10px auto 0;
}
		
.model {
	float: left;
	width: 29.33%;
	margin: 0 2% 40px;
}
	
.model:nth-child(4n + 1) {
	clear: none;
}
	
.model:nth-child(3n + 1) {
	clear: left;
}
	

	
.name_bold {
	font-size: 85%;
}

}/* 640pxの閉じカッコ */


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 500px){
	
#heading {
	font-size: 170%;
}
	
.search_form ul li #search_contents > li:nth-child(odd), .search_form ul li #search_contents > li:nth-child(even) {
	width: 100%;
}
	
label {
	display: block;
}
	
	
.forms {
	width: 100%;
	padding-left: 0;
	line-height: 1.5;
}
	
.search_span {
	width: 100%;
}

}/* 540pxの閉じカッコ */