@charset "utf-8";

.contents{
	font-size:14px;
	color:#333;
	line-height:1.8;
	text-align:left;
	overflow:hidden;
}
.contents .contents_inner{
	width:980px;
	margin:0 auto;
}
.contents .ro:hover{
	opacity: 0.8;
	}

.contents .main{
	background:url(/excludes/images/p/rev/index02/bg.png) repeat-x top center;
	text-align:center;
	line-height:1.0;
	padding:30px 0 26px 0;
	margin-bottom:19px;
}
.contents .main h2{
	margin-bottom:18px;
}
.contents .main ul{
	font-size:0;
}
.contents .main ul li{
	display:inline-block;
	padding:0 8px;
}
.contents .main ul li:first-of-type{
	padding-left:0;
}
.contents .main ul li:last-of-type{
	padding-right:0;
}

/*about----*/
.contents .about{
	text-align:center;
	line-height:1.0;
	margin-bottom:55px;
}
.contents .about p.kome{
	font-size:13px;
	margin-top:25px;
}

/*use---*/
.contents .use{
	margin-bottom:55px;
}
.contents .use h3{
	display:block;
	line-height:1.0;
	background:url(/excludes/images/p/rev/index02/ico_plus.png) no-repeat 111px center #fff2fb;
	text-align:center;
	border:1px solid #eb5081;
	border-radius:3px;
	padding:16px 0 16px 33px;
	color:#eb5081;
	font-size:16px;
	width:342px;
	margin:0 auto 56px auto;
	cursor:pointer;
	font-weight:normal;
}
.contents .use h3:hover{
	background-color:#ffdef5;
}
.contents .use h3.open{
	background-image:url(/excludes/images/p/rev/index02/ico_minus.png);
}
.contents .use ul{
	background:url(/excludes/images/p/rev/index02/use_line.png) repeat-y;
	padding-bottom:8px;
	overflow:hidden;
	display:none;
}
.contents .use ul p.icon{
	text-align:center;
	margin-bottom:25px;
	line-height:1.0;
}
.contents .use ul h4{
	text-align:center;
	margin-bottom:30px;
	line-height:1.0;
}
.contents .use ul p.txt{
	font-size:16px;
	margin-bottom:9px;
	height:7.5em;
}
.contents .use ul p.img_txt{
	text-align:center;
	margin-top:6px;
	line-height:1.0;
}
.contents .use ul li{
	width:280px;
	float:left;
	padding-right:70px;
	background:url(/excludes/images/p/rev/index02/step_arrow.png) no-repeat 300px 82px;
}
.contents .use ul li:last-of-type{
	padding-right:0;
	background:none;
}

/*message---*/
.contents .message{
	margin-bottom:55px;
}
.contents .message h3{
	text-align:center;
	background-color:#dedecc;
	margin-bottom:0;
	font-size:18px;
	padding:6px 0;
	font-weight:normal;
}
.contents .message .inner{
	padding:38px 38px 0 38px;
	border:2px solid #dedecc;
	border-right:none;
	width:900px;
	height:600px;
	overflow:auto;
	margin-bottom:55px;
	background:url(/excludes/images/p/rev/index02/message_bg.png);
}
.contents .message .hd{
	overflow:hidden;
	margin-bottom:23px;
}
.contents .message .hd h4{
	float:left;
}
.contents .message .hd p.txt{
	padding-left:390px;
	font-size:18px;
	line-height:1.7;
}
.contents .message .box{
	overflow:hidden;
	border:1px solid #dedecc;
	border-radius:10px;
	padding:35px 58px;
	margin-bottom:35px;
	background-color:#fff;
}
.contents .message .box .f_left{
	float:left;
}
.contents .message .box p.cat{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#ff651c;
	border:2px solid #ff651c;
	line-height:1.0;
	padding:7px 14px;
	margin-bottom:30px;
}
.contents .message .box p.cat02{
	color:#3c64a6;
	border-color:#3c64a6;
}
.contents .message .box p.cat03{
	color:#00b48f;
	border-color:#00b48f;
}
.contents .message .box p.cat04{
	color:#ff57a0;
	border-color:#ff57a0;
}
.contents .message .box .f_right{
	float:right;
	margin-top:10px;
}
.contents .message .box .f_right p{
	padding-left:88px;
}
.contents .message .box .user{
	background:url(/excludes/images/p/rev/index02/ico_user.png) no-repeat left top;
	min-height:64px;
	margin-bottom:21px;
	padding-left:90px;
}
.contents .message .box .dduet{
	background:url(/excludes/images/p/rev/index02/ico_dduet.png) no-repeat left top;
	min-height:64px;
	padding-left:90px;
}

/*f_bnr----*/
.contents .f_bnr{
	background:url(/excludes/images/p/rev/index02/bg.png) repeat-x top center;
	text-align:center;
	line-height:1.0;
	padding:46px 0 40px 0;
}
.contents .f_bnr ul{
	font-size:0;
}
.contents .f_bnr ul li{
	display:inline-block;
	padding:0 8px;
	width:233px;
}
.contents .f_bnr ul li a{
	margin-top:14px;
	display:inline-block;
}


/*-----------------------------------------------------------------------
	バックナンバー
-----------------------------------------------------------------------*/
.contents .ideacomment .main{
	padding:39px 0 32px 0;
	margin-bottom:12px;
}
.contents .ideacomment .main h2{
	margin-bottom:0;
}
.contents .ideacomment p.top_link{
	text-align:right;
	font-size:15px;
	line-height:1.0;
	margin-bottom:15px;
}
.contents .ideacomment .message{
	margin-bottom:50px;
}
.contents .ideacomment .message .inner{
	height:1450px;
	margin-bottom:30px;
	padding-top:30px;
}
.contents .ideacomment .message p.link{
	text-align:right;
	font-size:15px;
	line-height:1.0;
}

.contents .ideacomment .select{
	margin-bottom:23px;
}
.contents .ideacomment .select h3{
	font-weight:bold;
	color:#e95080;
	font-size:18px;
	margin-bottom:24px;
}
.contents .ideacomment .select ul{
	overflow:hidden;
}
.contents .ideacomment .select ul li{
	float:left;
	margin-bottom:23px;
	font-size:16px;
	width:283px;
	position:relative;
}
.contents .ideacomment .select ul li:nth-of-type(2n+1){
	clear:left;
}
.contents .ideacomment .select input[type="checkbox"]{
	display:none;
}
.contents .ideacomment .select label{
	cursor:pointer;
	display: block;
	padding-left:33px;
}
.contents .ideacomment .select label:after {
	content: " ";
	width: 20px;
	height: 20px;
	background:url(/excludes/images/p/rev/ideacomment/cb_off.png) no-repeat left center;
	position: absolute;
	top: 50%;
	left:0;
	margin-top:-10px;
}
.contents .ideacomment .select input[type="checkbox"]:checked + label:after {
	background-image:url(/excludes/images/p/rev/ideacomment/cb_on.png);
}

/*-----------------------------------------------------------------------
	2017/7/21 追記
-----------------------------------------------------------------------*/
#loginBefore{
width:980px;
margin:25px auto 15px;
font-size:15px;
line-height:1.4;
}

#loginBefore p{
padding-bottom:5px;
}

#loginBefore02{
margin:10px 0;
font-size:12px;
}

/* お取り寄せバナー*/
.otoriyose{
	width: 895px;
	height: 95px;
	margin:0 auto;
	padding:20px 0 50px;
}
.otoriyose li{
	float: left;
}
.otoriyose li:first-child{
	padding-right: 15px;
}
.otoriyose li a:hover img{
	opacity:0.8;
}


/*-----------------------------------------------------------------------
	2018/2/19 改修
-----------------------------------------------------------------------*/
#page-top{
	z-index:9999;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■hd_con
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.idea_wrap #hd_con{
	z-index:100;
	position:relative;
	overflow:hidden;
	width:100%;
	height:292px;
	background:none;
	padding:0;
	margin-bottom:-44px;
}
.idea_wrap #hd_con:before{
	content:"";
	position:absolute;
	left:-5%;
	bottom:26px;
	display:block;
	width:110%;
	height:500px;
	background:#ff79b3;
	transform: rotate(-1.6deg);
	-webkit-transform: rotate(-1.6deg);
}
.idea_wrap #hd_con .inner_con{
	width:auto;
	height:292px;
	background:url(/excludes/images/p/rev/index03/hd_bg.png) no-repeat center top;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto;
}
.idea_wrap #hd_con .inner_con h2{
	text-align:center;
}

/*-------------------------
	use
-------------------------*/
.idea_wrap #hd_con .inner_con .btn_use{
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	width:980px;
	margin:0 auto;
}
.idea_wrap #hd_con .inner_con .btn_use a{
	position:absolute;
	top:180px;
	left:215px;
	display:block;
	cursor:pointer;
}
.modal.modal_use{
	width:1100px;
	background:#fff;
}

.modal.modal_use ul{
	width:980px;
	background:url(/excludes/images/p/rev/index03/use_line.png) repeat-y;
	padding-bottom:8px;
	overflow:hidden;
}
.modal.modal_use ul p.icon{
	text-align:center;
	margin-bottom:25px;
	line-height:1.0;
}
.modal.modal_use ul h4{
	text-align:center;
	margin-bottom:30px;
	line-height:1.0;
}
.modal.modal_use ul p{
	text-align:center;
}
.modal.modal_use ul p.txt{
	font-size:16px;
	margin-bottom:9px;
	height:7.5em;
	text-align:left;
}
.modal.modal_use ul p.img_txt{
	text-align:center;
	margin-top:6px;
	line-height:1.0;
}
.modal.modal_use ul li{
	float:left;
	background:url(/excludes/images/p/rev/index03/step_arrow.png) no-repeat 300px 82px;
}
.modal.modal_use ul li.step01{
	width:251px;
	padding-right:58px;
	background-position:270px 65px;
}
.modal.modal_use ul li.step02{
	width:362px;
	padding-right:57px;
	background-position:368px 65px;
}
.modal.modal_use ul li.step03{
	width:252px;
}
.modal.modal_use ul li:last-of-type{
	padding-right:0;
	background:none;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■modal
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.modalWrap{
	display: none;
}
.modal{
	width:532px;
	padding:55px 58px;
}
.modal h4{
	color:#ff57a0;
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;
}
.modal p{
	font-size:16px;
	line-height:1.7;
	word-break: break-all;
}
.modal p .fzr{
    color: #db3269;
}


/*-------------------------
	modal.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 img{
	float:left;
	max-width:198px;
	border:1px solid #dcdcdc;
}
.modal.modal_imp p,.modal.modal_imp .itemTxt{
	font-size:16px;
	line-height:1.7;
	padding-left:220px;
}








/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■main_con
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.idea_wrap #main_con{
	padding:44px 0 90px;
}
.idea_wrap #main_con .title{
	text-align:center;
}
.idea_wrap #main_con .clear{
	overflow:hidden;
}
.idea_wrap #main_con .clear .left_box{
	float:left;
}
.idea_wrap #main_con .clear .right_box{
	float:right;
	width:476px;
}

/*-------------------------
	bnr_area
-------------------------*/
#bnr_area{
	background:rgba(255, 255, 255, 0.7);
	-webkit-transform: rotate(1.6deg);
    -moz-transform: rotate(1.6deg);
    -o-transform: rotate(1.6deg);
    -ms-transform: rotate(1.6deg);
    transform: rotate(1.6deg);
	
	text-align:center;
	padding:115px 0 50px;
	margin:-100px -50% 25px;
}
#bnr_area ul{
	-webkit-transform: rotate(-1.6deg);
    -moz-transform: rotate(-1.6deg);
    -o-transform: rotate(-1.6deg);
    -ms-transform: rotate(-1.6deg);
    transform: rotate(-1.6deg);
	
	font-size:0;
	text-align:center;
}
#bnr_area ul li{
	display:inline-block;
}


/*-------------------------
	sec01
-------------------------*/
.idea_wrap #main_con #sec01{
	margin-bottom:55px;
}
.idea_wrap #main_con #sec01 ul{
	font-size:0;
	margin:0 -14px;
}
.idea_wrap #main_con #sec01 ul li{
	display:inline-block;
	margin:0 14px;
}

/*-------------------------
	sec02
-------------------------*/
.idea_wrap #main_con #sec02{
	margin-bottom:70px;
}
.idea_wrap #main_con #sec02 .btn01{
	display:block;
	text-align:center;
	margin-top:36px;
}
.idea_wrap #main_con #sec02 #list_con.idealist .item .cat_name{
	line-height:32px;
	padding-top:0;
	padding-bottom:0;
}

/*-------------------------
	sec03
-------------------------*/
.idea_wrap #main_con #sec03{
	width:476px;
	padding:12px 12px 0;
	background:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.idea_wrap #main_con #sec03 .title{
	margin-bottom:22px;
}
.idea_wrap #main_con #sec03 .btn02{
	display:block;
	text-align:center;
	padding:37px 0;
}
#main_con #list_con.implist{
	width:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:0 5px;
	margin:0 0 -30px;
}
.idea_wrap #main_con #sec03 #list_con.implist .item{
	width:214px;
	border:none;
	border-bottom:2px dotted #bfbfbf;
	padding:8px 5px 85px;
	margin:0 0 30px;
}
.idea_wrap #main_con #sec03 #list_con.implist .item:nth-of-type(2n+1){
	clear:left;
	margin-right:14px;
}

.idea_wrap #main_con #sec03 #list_con.implist .item.new:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    z-index: 100;
    background: url(/excludes/images/rev/implist/new.png) no-repeat;
    background-size: contain;
    width: 55px;
    height: 55px;
}


/*-------------------------
	sec04
-------------------------*/
.idea_wrap #main_con #sec04{
	position:relative;
	background:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:14px;
	padding:100px 18px 20px;
	margin-top:24px;
	margin-bottom:40px;
}
.idea_wrap #main_con #sec04 .title{
	position:absolute;
	top:-24px;
	left:-10px;
}
.idea_wrap #main_con #sec04 .box{
	overflow:hidden;
	
}
.idea_wrap #main_con #sec04 .box h3{
	float:left;
	display:block;
	width:98px;
	text-align:center;
}
.idea_wrap #main_con #sec04 .box h3 span{
	display:block;
	color:#ff57a0;
	font-size:14px;
	font-weight:normal;
}
.idea_wrap #main_con #sec04 .box p.text{
	font-size:16px;
	line-height:1.7;
	padding-top:5px;
	padding-left:120px;
}
.idea_wrap #main_con #sec04 .pickup_item{
	overflow:hidden;
	background:#fff7fa;
	border:4px solid #ffddec;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:17px 10px 17px 30px;
	margin-top:25px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.idea_wrap #main_con #sec04 .pickup_item > img{
	float:left;
	width:70px;
	height:70px;
	border:1px solid #ccc;
}
.idea_wrap #main_con #sec04 .pickup_item .text{
	font-size:16px;
	line-height:1.7;
	padding:8px 0 8px 30px;
}
.idea_wrap #main_con #sec04 .pickup_item .text form{
display: inline;
}
.idea_wrap #main_con #sec04 .pickup_item .text .itemName{
	text-indent:-3.0em;
	margin-left:3.0em
}


/*-------------------------
	sec05
-------------------------*/
.idea_wrap #main_con #sec05{
	position:relative;
	background:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:14px;
	padding:82px 30px 25px;
	margin-top:24px;
}
.idea_wrap #main_con #sec05 .title{
	position:absolute;
	top:-24px;
	left:-10px;
}
.idea_wrap #main_con #sec05 .date{
	font-size:18px;
	padding:0;
	margin-left:-8px;
	margin-bottom:-5px;
}
.idea_wrap #main_con #sec05 .ranking > li{
	clear:both;
	position:relative;
	border-top:2px dotted #bfbfbf;
	padding:18px 0 20px 43px;
}
.idea_wrap #main_con #sec05 .ranking > li:first-child{
	border-top:none;
}
.idea_wrap #main_con #sec05 .ranking > li .rank{
	position:absolute;
	top:18px;
	left:-8px;
	padding-bottom:25px;
}
.idea_wrap #main_con #sec05 .ranking > li .rank{
	background: no-repeat left bottom;
}
.idea_wrap #main_con #sec05 .ranking > li .img{
	float:left;
	width: 100px;
    border: 1px solid #ccc;
}
.idea_wrap #main_con #sec05 .ranking > li .text{
	min-height:53px;
	font-weight:bold;
	font-size:18px;
	line-height:1.4;
	padding-left:117px;
}
.idea_wrap #main_con #sec05 .ranking > li .btn03{
	overflow:hidden;
	font-size:0;
	padding:0 0 20px;
	margin-top:10px;
	float: right;
}
.idea_wrap #main_con #sec05 .ranking > li .btn03 li{
	float:left;
}
.idea_wrap #main_con #sec05 .ranking > li .btn03 li:nth-of-type(2n+1){
	clear:left;
	margin-right:4px;
}



/* icon */
.idea_wrap #main_con #sec05 .ranking > li.up .rank{
	background-image:url(/excludes/images/p/rev/index03/rank_up.png);
}
.idea_wrap #main_con #sec05 .ranking > li.down .rank{
	background-image:url(/excludes/images/p/rev/index03/rank_down.png);
}
.idea_wrap #main_con #sec05 .ranking > li.stay .rank{
	background-image:url(/excludes/images/p/rev/index03/rank_stay.png);
}
.idea_wrap #main_con #sec05 .ranking > li.new .rank{
	background-image:url(/excludes/images/p/rev/index03/rank_new.png);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■ft_con
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.idea_wrap #ft_con.hide{
	display: block;
	transform: translate(0,100%);
	-webkit-transform: translate(0,100%);
}


.clearfix::after{
  content: "";
  display: block;
  clear: both;
}