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

  File name: style.css (/excludes/css/p/rev/common.css)
  Summary: コエタス
  Created: 2018-02-16 by -
  Last update: YYYY-MM-DD by -
  Author: -

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

.idea_wrap{
	position: relative;
	margin-bottom: 162px;
}
.idea_wrap .inner_con{
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align:left;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.idea_wrap #main_con{
	background:	url(/excludes/images/p/rev/common/bg_pattern.png) repeat-y center top,
	url(/excludes/images/p/rev/common/bg_repeat.png) repeat left top;
	padding:0;
}



/*-------------------------
	idealist
-------------------------*/
#main_con #list_con.idealist{
	margin-top:30px;
	overflow: hidden;
}
#main_con #list_con.idealist .inner_con{
	width: 1008px;
	overflow:hidden;
	margin-bottom:-18px;
}
#main_con #list_con.idealist .item{
	position:relative;
	float:left;
	width:476px;
	padding-top:30px;
	margin-bottom:18px;
	margin-right:14px;
	margin-left:14px;
}
#main_con #list_con.idealist .item .item_box_hd{
	border-bottom: 2px dotted #bfbfbf;
	padding-bottom:10px;
	margin-bottom:10px;
}
#main_con #list_con.idealist .item .cat_name{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:inline-block;
	min-width:226px;
	height:32px;
	border:2px solid #333;
	border-bottom:none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:5px 15px;
}
#main_con #list_con.idealist .item .item_name{
	font-size:20px;
	line-height:1.5;
	margin-bottom:5px;
}
#main_con #list_con.idealist .item .item_user{
	color:#ff57a0;
	font-size:16px;
}
#main_con #list_con.idealist .item .date{
	font-size:12px;
}

#main_con #list_con.idealist .item .item_box{
	position:relative;
	background:#fff;
	min-height:356px;
	border:2px solid #333;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:0px 4px 4px 4px;
	-webkit-border-radius:0px 4px 4px 4px;
	border-radius:0px 4px 4px 4px;
	padding:30px 30px 85px;
}
#main_con #list_con.idealist .item .item_box_text{
	padding:10px 0 0;
}

#main_con #list_con.idealist .item .item_box_text p{
	font-size:16px;
	line-height:1.7;
}
#main_con #list_con.idealist .item .btn_msg{
	position:absolute;
	right:30px;
	bottom:30px;
}
#main_con #list_con.idealist .item .btn_msg a{
	cursor:pointer;
}


/* idea */
#main_con #list_con.idealist .item.cat_idea .cat_name{
	background-color:#ff651c;
}

/* DDuet */
#main_con #list_con.idealist .item.cat_dduet .cat_name{
	background-color:#3c64a6;
}



/*-------------------------
	implist
-------------------------*/
#main_con #list_con.implist{
	overflow: hidden;
}
#main_con #list_con.implist .inner_con{
	width: 1008px;
	overflow:hidden;
	margin-bottom:-18px;
}
#main_con #list_con.implist .item{
	position:relative;
	float:left;
	width:224px;
	background:#fff;
	border:2px solid #333;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:8px 10px 85px;
	margin:0 14px 18px;
}
#main_con #list_con.implist .item:nth-of-type(4n+1){
	clear:left;
}
#main_con #list_con.implist .item .item_img{
	position:relative;
	background-color:#fff;
	border:1px solid #dcdcdc;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:24px;
}
#main_con #list_con.implist .item .item_img:before {
    content: "";
    display: block;
    padding-top: 100%;
}
#main_con #list_con.implist .item .item_img img{
	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
#main_con #list_con.implist .item .cat_name{
	display:block;
	margin-bottom:16px;
}
#main_con #list_con.implist .item .date{
	font-size:12px;
	margin-bottom:5px;
}
#main_con #list_con.implist .item .item_box_text{
	font-size:16px;
	line-height:1.7;
}
#main_con #list_con.implist .item .btn_detail img{
	display:block;
	position:absolute;
	right:8px;
	bottom:29px;
}
#main_con #list_con.implist .item .btn_detail a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	text-indent:-99999px;
	outline: none;
}

#main_con #list_con.implist .item_box_text:after{
	content:url(/excludes/images/p/rev/idea/implist/btn_detail_on.png);
	width:126px;
	height:30px;
	position:absolute;
	right:8px;
	bottom:29px;
}
#main_con #list_con.implist .item a:hover img{
	display:block;
	opacity:0!important;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■foot
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.idea_wrap #ft_con{
	position:fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width:100%;
	background:#ff79b3;
	padding: 5px 0 0 !important;
	z-index: 9999;
	transform: translate(0,0);
	transition: transform 0.25s linear;
}
#implist.idea_wrap #ft_con{
	padding:0;
}
.idea_wrap #ft_con.static{
	position: absolute;
	bottom: -162px;
}
#implist.idea_wrap #ft_con{
	padding:0;
	bottom: -228px !important;
}
#implist.idea_wrap #ft_con.static{
	position: absolute;
	bottom: -218px !important;
}
.idea_wrap #ft_con:before{
	content:"";
	position:absolute;
	top:-4px;
	left:0;
	display:block;
	width:100%;
	height:4px;
	background:url(/excludes/images/p/rev/common/bg_shadow.png) repeat-x left top;
}
.idea_wrap #ft_con .inner_con{
	width:100%;
}
.idea_wrap #ft_con h3{
	text-align: center;
	/*cursor: pointer;*/
	padding: 7px 0;
	margin-bottom: 5px;
	background: #fff;
}


.idea_wrap #ft_con.static h3{
	cursor: auto;
}
.idea_wrap #ft_con h3 img.ttlEntry{
	display:none;
}
.idea_wrap #ft_con h3.close img.ttlEntry{
	display:inline-block;
}
.idea_wrap #ft_con h3.close img.ttlClose{
	display:none;
}
.idea_wrap #ft_con.static h3 img.ttlEntry{
	display:inline-block;
}
.idea_wrap #ft_con.static h3 img.ttlClose{
	display:none;
}

.idea_wrap #ft_con ul{
	font-size:0;
	text-align:center;
	margin:12px -14px 0;
	padding-bottom: 15px;
}
.idea_wrap #ft_con ul li{
	display:inline-block;
	margin:0 14px;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■modal
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 打ち消し */
#cboxOverlay {
    background: #000 !important;
}
#cboxLoadedContent {
    background:none !important;
}
#cboxLoadedContent {
	padding: 0;
	overflow: auto;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxClose{
	display:none;
}
#cboxContent{
	background:none !important;
}

/* スタイル指定 */
.modalWrap{
	display: none;
}
.modal{
	position:relative;
	background:url(/excludes/images/p/rev/common/modal_fukidashi.png) no-repeat left top,
	url(/excludes/images/p/rev/common/modal_bg.png) repeat left top;
	border:2px solid #333;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-align:left;
}
.modal .close{
	position:absolute;
	top:-2px;
	right:-2px;
	cursor:pointer;
}

/*modal_imp*/
.modal.modal_imp{
	width:532px;
	padding:25px 25px;
}
.modal.modal_imp span.date{
	display:block;
	font-size:12px;
	margin-bottom:15px;
}
.modal.modal_imp h4{
	color:#ff57a0;
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;
}
.modal.modal_imp .text_box{
	overflow:hidden;
}
.modal.modal_imp .text_box .item_img{
	position:relative;
	float:left;
	display:block;
	height:auto;
	width:198px;
	background-color:#fff;
	border:1px solid #dcdcdc;
}
.modal.modal_imp .text_box .item_img:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.modal.modal_imp .text_box .item_img img{
	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.modal.modal_imp p{
	font-size:16px;
	line-height:1.7;
	padding-left:220px;
}


#page-top{z-index: 10000 !important;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■msgicon add:2018/04/25
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_con #list_con.idealist .item .msgicon .item_box_hd {
  background: url(/excludes/images/p/rev/idea/idealist/msgicon.png) no-repeat right bottom #fff;
  background-size: 55px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■「最新のみなさんの声」1つの場合 add:2022/06/29
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_con #list_con.idealist .inner_con{
	display: flex;
	justify-content: space-between;
}

#main_con #list_con.idealist .item{
	float: none;
	width:100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■ add:2022/07/14
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#main_con #list_con.implist .item .item_box_text_imp{
	font-size:16px;
	line-height:1.7;
}