@charset "utf-8";
/*------------------------------------
 CSS Information

  Site URL: /rev/idea/s_idealist.html
  File name: style.css (/excludes/css/sp/rev/idea/s_idealist5.css)
  Summary: コエタス みなさんの声
  Created: 2018-02-14 by -
  Last update: 2020-05-13 by DDuet iwai(検索機能追加)
  Author: -

  Order of description
------------------------------------*/



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*-------------------------
	tab
-------------------------*/
#idealist #main_con #tab_con{
	background:#fff;
	text-align:left;
	padding:5%;
}
#idealist #main_con #tab_con ul.sort_box{
	overflow:hidden;
	margin-bottom:-3%;
}
#idealist #main_con #tab_con ul.sort_box li{
	float:left;
	width:48%;
	margin-bottom:3%;
}
#idealist #main_con #tab_con ul.sort_box li:nth-of-type(2n+1){
	clear:left;
	margin-right:4%;
}
#idealist #main_con #tab_con ul.sort_box li a{
	position:relative;
	display:block;
	background:no-repeat left top;
}
#idealist #main_con #tab_con #pl_menu{
  width:100%;
  margin:6% auto;
}

#idealist #main_con #tab_con #pl_menu .txt {
 font-size: 120%;
}

#idealist #main_con #tab_con #pl_menu select{
	width:100%
}

#idealist #main_con #tab_con ul.sort_box li a img{
	width:100%;
	height:auto;
}
#idealist #main_con #tab_con ul.sort_box li a img.checked{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
}
#idealist #main_con #tab_con ul.sort_box li a.checked img.checked{
	opacity:1;
}

.note01{
	text-align:center;
	font-size:15px;
	margin-top:5%;
}/* add 20190327 */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■pn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pgn1,
.pgn2 {
	margin: 0 0 10px;
	padding: 5px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pgn2 {
	padding-top: 20px;
}
.pgn1 p,
.pgn2 p {
	float: left;
}

.pgn1 p:last-child,
.pgn2 p:last-child {
	margin-right: 0
}

.pgn1 p button,
.pgn2 p button {
	line-height: 0 !important;
}

.pgn1 p.disabled a,
.pgn1 p.disabled button,
.pgn2 p.disabled a,
.pgn2 p.disabled button {
	opacity: .3;
	cursor: default;
}

.pgn1 ul,
.pgn2 ul {
	margin: 0;
	float: left;
	padding: 0;
}

.pgn1 ul li,
.pgn2 ul li {
	list-style: none;
	float: left;
}

.pgn1 p button,
.pgn1 ul li a,
.pgn2 p button,
.pgn2 ul li a {
	letter-spacing: 0;
	text-align: center;
	background: #fff;
	color: #666;
	text-decoration: none;
	font-size: 12px;
	display: inline-block;
	margin: 0 1px 6px;
	height: 30px;
	min-width: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #ccc;
	line-height: 30px;
	padding: 0;
	font-weight: bold;
}

.pgn1 ul li.current a,
.pgn2 ul li.current a {
	background-color: #ff79b3;
	cursor: text;
	color: #fff;
}

.pgn1 p.disabled button,
.pgn2 p.disabled button {
	opacity: .5;
	background-color: #fff;
	color: #666;
}
.ellipsis{
	font-weight:bold;
	padding: 5px 2px 0;
	margin:0 !important;
	font-size: 0.8em;
}

@media (max-width:365px) {
	.pgn1 p button,
	.pgn1 ul li a,
	.pgn2 p button,
	.pgn2 ul li a {
		height: 28px;
		min-width: 28px;
		-webkit-border-radius: 28px;
		-moz-border-radius: 28px;
		border-radius: 28px;
		line-height: 28px;
	}
}
@media (max-width:345px) {
	.pgn1 p button,
	.pgn1 ul li a,
	.pgn2 p button,
	.pgn2 ul li a {
		height: 25px;
		min-width: 25px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		line-height: 25px;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■検索機能追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.koe_kensaku input[type=text], .koe_kensaku select {
  background: #fff;
  border: 1px solid #999999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  padding: 0px;
  height: 30px;
  width: 75%;
  margin: 0px 10px 10px;
    border-radius: 6px;      
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
}

a.kensaku_btn {
    font-size: 16px;
    position: relative;
    display: inline-block;
    padding: 0.25em 1em;
    text-decoration: none;
    color: #FFF;
    background: #ff651c;
    border-radius: 4px;
    font-weight: normal;
    cursor: pointer;
    font-size: 15px;
    border: none;
    line-height: 2em;
}

.kensaku_btn:active {
}

a.kensaku_btn_glay {
    position: relative;
    display: inline-block;
    padding: 0.25em 1em;
    text-decoration: none;
    color: #FFF;
    background: #949393;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
    border:none;
    line-height: 2em;
}

.koe_box{
	text-align: left;
    width: 100%;
    margin: 0px auto;
    border: solid 1px #ddd;
    background-color: #efefef;
    padding: 0px;
    font-size: 16px;
}

.koe_kensaku{
    width: 100%;
    text-align: center;
    height: auto;
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    line-height: 45px;
}

.koe_box_s{
    text-align: left;
    border: solid #e8e8e8 1px !important;
    background: #fff;
    padding: 10px;
}
.koe_box_t{
  padding-left: 10px;
}

#kekka{
    display: block;
    background: #fff;
    margin: 20px auto;
    padding: 10px;
    font-size: 16px;
    width: 80%;
    border: solid 1px #999;

}

.note01 {
    text-align: left;
}
#koe_button,#koe_button2{
    text-align: center;
    display:block;
    width:100%;
    color:#000;
    text-decoration: none;
    border: solid 1px #ddd;
    background-color: #efefef;
    padding: 0px;
    font-size: 12px;
}