@charset "utf-8";

/*=========================================================
Date: 2014/08/15
CSS Document ： Base Style

1.Reset
2.body
3.header
4.footer
5.page
6.overlay
7.parts

=========================================================*/


/*---------------------------------------------------------
1. Reset
---------------------------------------------------------*/

* {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
a img {
	border: none;
}
li {
	list-style: none;
}
strong {
	font-weight: bold;
}

a:link,
a:visited {
	color: #000000;
	text-decoration: none;
}

/*---------------------------------------------------------
2. body
---------------------------------------------------------*/

body {
    background-color: #f8f8f8 !important;
}
#main {  //body
	min-width: 960px;
	background-color: #f8f8f8;
	color: #707070;
	font-size: 13px;
	font-family: Meiryo, sans-serif;
	line-height: 1.6;
	word-break: break-all;
}
#main ul {
	margin: 0;
}

footer ul {
	margin: 0;
	padding: 0;
}
#copyright {
    box-sizing: content-box;
}

#main h3 {
	margin: 0;
}
p {
	font-size: 13px;
}

#main.container {
    max-width: 100%;
}

#main h4 {
	font-family: Meiryo, sans-serif;
}

/*---------------------------------------------------------
3. header
---------------------------------------------------------*/
/*
header {
	width: 100%;
	height: 101px;
	background: url("../images/common/header_bg.png") repeat-x 0 0;
}
*/

#isfw_page_top {
	display: none;
}

//header .center {
//	position: relative;
//	width: 960px;
//	margin: 0 auto;
//}
//
//header h1 {
//	position: absolute;
//	left: 0;
//	top: 0;
//}
//header h1 a {
//	display: block;
//	width: 150px;
//	height: 100px;
//	overflow: hidden;
//	background: url("../images/common/header_logo.png") no-repeat 0 0;
//	text-indent: -9999px;
//}
//header h2 {
//	position: absolute;
//	left: 172px;
//	top: 13px;
//}
//header h2 a {
//	display: block;
//	width: 222px;
//	height: 21px;
//	overflow: hidden;
//	background: url("../images/common/header_title.png") no-repeat 0 0;
//	text-indent: -9999px;
//}
//
//@media screen and (max-width: 768px) {
//	header .center {
//		width: 100%;
//	}
//	header h1 {
//    position: relative;
//  }
//  header h1 a {
//    display: block;
//    width: 75px;
//    height: 50px;
//    overflow: hidden;
//    background: url(../images/common/header_logo.png) no-repeat 0 0;
//    background-size: 100% 100%;
//    text-indent: -9999px;
//	}
//	header h2 {
//    position: absolute;
//    left: 0;
//    top: 0;
//	}
//	header h2 a {
//    display: block;
//    width: calc(100vw - 75px);
//    height: 50px;
//    margin: 0 0 0 50px;
//    overflow: hidden;
//    background: url(../images/common/header_title.png) no-repeat center top 15px;
//    background-size: 200px;
//    text-indent: -9999px;
//	}
//}

/*---------------------------
#header-login
---------------------------*/
#header-login {
	position: absolute;
	right: 0;
	top: 44px;
	width: 423px;
	height: 16px;
}
#header-login h3 {
	float: left;
	display: block;
	width: 124px;
	height: 14px;
	margin: 2px 8px 0 0;
	overflow: hidden;
	background: url("../images/common/header_login_title.png") no-repeat 0 0;
	text-indent: -9999px;
}
#header-login ul {
	float: left;
	display: block;
	width: 291px;
}
#header-login ul li {
	float: left;
	margin: 0 10px 0 0;
}
#header-login ul li.login-in {
	margin: 0;
}
#header-login ul li a {
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
}
#header-login ul li.login-fb a {
	width: 73px;
	background: url("../images/common/header_login_fb.png") no-repeat 0 0;
}
#header-login ul li.login-tw a {
	width: 56px;
	background: url("../images/common/header_login_tw.png") no-repeat 0 0;
}
#header-login ul li.login-go a {
	width: 58px;
	background: url("../images/common/header_login_go.png") no-repeat 0 0;
}
#header-login ul li.login-in a {
	width: 72px;
	background: url("../images/common/header_login_in.png") no-repeat 0 0;
}

/* beginning version */
.beginning #header-login {
	top: 45px;
	  width: 289px;
	height: 34px;
	  padding: 21px 5px 0 186px;
	border-right: 1px solid #e6e6e6;
	background: url("../images/common/header_login_bg.png") repeat-x 0 0;
}
.beginning #header-login ul {
	width: 157px;
}
.beginning #header-login ul li {
	margin: 0 14px 0 0;
}
.beginning #header-login ul li.login-in {
	margin: 0;
}

/*---------------------------
nav
---------------------------*/
//header nav {
//	position: absolute;
//	left: 150px;
//	top: 45px;
//	border-left: 1px solid #e6e6e6;
//}
//header nav ul {
//	display: block;
//	width: 535px;
//}
//header nav ul:after {
//	clear: both;
//	display: block;
//	content: "";
//}
//header nav ul li {
//	float: left;
//	display: block;
//	border-right: 1px solid #e6e6e6;
//}
//header nav ul li a {
//	display: block;
//	height: 70px;
//	overflow: hidden;
//	text-indent: -9999px;
//}
//header nav ul li.link-home a {
//	width: 124px;
//	height:54px;
//	background: url("../images/common/header_nav_top.jpg") no-repeat 0 0;
//}
//header nav ul li.link-faq a {
//	width: 156px;
//	background: url("../images/common/header_nav_faq.png") no-repeat 0 0;
//}
//header nav ul li.link-idea a {
//	width: 108px;
//	background: url("../images/common/header_nav_community.jpg") no-repeat 0 0;
//}
//header nav ul li.link-research a {
//	width: 164px;
//	background: url("../images/common/header_nav_research.png") no-repeat 0 0;
//}
//header nav ul li.link-fav a {
//	width: 118px;
//	background: url("../images/common/header_nav_mypage.jpg") no-repeat 0 0;
//}

/* beginning version */
header.beginning nav ul {
	width: auto;
	  border-top:1px solid #e6e6e6;
}
header.beginning nav ul li.link-idea a,
header.beginning nav ul li.link-fav a {
	width: 124px;
	height:54px;;
	background-position: center 0;
}

/*---------------------------
#header-search
---------------------------*/
#header-search {
	position: absolute;
	left: 535px;
	top: 100px;
	width: 415px;
	height: 67px;
	border-top: 4px solid #7a868c;
}

#header-search-smooth {
	width: 381px;
	height: 45px;
	padding: 7px 15px 15px 21px;
}
#header-search-smooth h3 {
	float: right;
	display: block;
	width: 144px;
	height: 45px;
}
#header-search-smooth h3 a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url("../images/common/header_search_smooth.png") no-repeat 0 0;
	text-indent: -9999px;
}
#header-search-smooth p {
	float: left;
	display: block;
	width: 224px;
	height: 14px;
	margin: 19px 0 0 0;
	overflow: hidden;
	background: url("../images/common/header_search_smooth_lead.png") no-repeat 0 0;
	text-indent: -9999px;
}

/*---------------------------
#search-smooth
---------------------------*/
#search-smooth .center:before {
	right: 54px;
}
#search-smooth .postarea-title h3 {
	width: 196px;
	height: 30px;
	background: url("../images/common/search_smooth_title.png") no-repeat 0 0;
}

/*---------------------------
#search-smooth-chat
---------------------------*/
#search-smooth-chat {
	width: 544px;
	height: 316px;
	overflow: hidden;
	border-radius: 4px;
	background-color: #ffffff;
}

/* #search-smooth-chat-comment */
#search-smooth-chat-comment {
	width: 496px;
	height: 208px;
	padding: 24px;
}
#search-smooth-chat-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#search-smooth-chat-scroll section {
	position: relative;
	margin: 10px 0 0 0;
}
#search-smooth-chat-scroll section:first-child {
	margin: 0;
}
#search-smooth-chat-scroll section.ico-nestle {
	position: relative;
	min-height: 88px;
	padding: 0 0 0 62px;
	background: url("../images/common/search_smooth_ico_nestle.png") no-repeat 0 0;
}
#search-smooth-chat-scroll section.ico-nestle:before {
	position: absolute;
	left: 51px;
	top: 9px;
	display: block;
	width: 12px;
	height: 9px;
	overflow: hidden;
	background: url("../images/common/search_smooth_pop_left.png") no-repeat 0 0;
	content: "";
}
#search-smooth-chat-scroll section.ico-nestle p {
	display: block;
	padding: 18px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	background-color: #f8f8f8;
}
#search-smooth-chat-scroll section.ico-user {
	position: relative;
	padding: 0 40px 0 0;
	/*
	background: url("../images/common/search_smooth_ico_nestle.png") no-repeat 0 0;
	*/
}
#search-smooth-chat-scroll section.ico-user:before {
	position: absolute;
	left: 455px;
	top: 9px;
	display: block;
	width: 12px;
	height: 9px;
	overflow: hidden;
	background: url("../images/common/search_smooth_pop_right.png") no-repeat 0 0;
	content: "";
}
#search-smooth-chat-scroll section.ico-user p {
	display: block;
	padding: 18px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	background-color: #f8f8f8;
}

/* #search-smooth-chat-input */
#search-smooth-chat-input {
	position: relative;
	padding: 14px 10px;
	border-top: 1px solid #e6e6e6;
	background-color: #f8f8f8;
}
#search-smooth-chat-input input[type=text] {
	display: block;
	width: 422px;
	height: 20px;
	padding: 4px;
	border: 1px solid #d6d6d6;
}
#search-smooth-chat-input input[type=image] {
	position: absolute;
	right: 10px;
	top: 12px;
}


/*---------------------------------------------------------
4. footer
---------------------------------------------------------*/
#fixed-footer {
	height: 30px;
}
@media screen and (max-width: 768px) {
	#fixed-footer {
		height: 36vw;
	}
}
#fixed-footer .warpper {
	width: 100%;
	background-color: #7a868c;
}
#fixed-footer .js-fixed.warpper {
	bottom: 0;
	position: fixed;
	z-index:99;
}
#fixed-footer .js-relative.warpper{

	position: relative;
}
#fixed-footer .warpper .center {
	width: 960px;
	padding: 30px 0 10px 0;
	margin: 0 auto;
}

footer {
	width: 100%;
	background-color: #7a868c;
	font-size: 13px;
}

footer .center {
	width: 960px;
	max-width: 100%;
	padding: 30px 0 26px 0;
	margin: 100px auto 0 auto;
}

.footer-nav-support_img {
  width: 100%;
}
.footer-nav-support_img img {
  width: 100%;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
	#fixed-footer .warpper .center {
		width: 100%;
		padding: 0;
	}
	#fixed-footer .warpper .center ul {
		padding: 10px 6px 10px 6px;
	}
	#footer-nav-support ul li {
		float: left;
    width: 50%;
    margin: 0 !important;
    margin-bottom: 10px !important;
	}
	#footer-nav-support ul li a {
		width: auto !important;
    height: 14vw !important;
    margin: 0 3px;
	}
	footer .center {
    width: 100%;
    margin: 0 auto;
  }
  .footer-nav-support_img {
    width: 100%;
	}
	.footer-nav-support_img img {
    width: 94%;
    margin-left: 3%;
	}
}

/*---------------------------
#footer-nav-support
---------------------------*/
#footer-nav-support {
	margin: 0 0 0 0;
}
#footer-nav-support ul:after {
	clear: both;
	display: block;
	content: "";
}
#footer-nav-support ul li {
	float: left;
	margin: 0 0 0 20px;
}
#footer-nav-support ul li:first-child {
	margin: 0;
}
#footer-nav-support ul li a {
	display: block;
	width: 225px;
	height: 67px;
	overflow: hidden;
	text-indent: -9999px;
}
#footer-nav-support ul li.link-tw a {
	background: url("../images/common/footer_nav_support_tw.png") no-repeat 0 0;
	background-size: 100% 100%;
}
#footer-nav-support ul li.link-chat a {
	background: url("../images/common/footer_nav_support_chat.png") no-repeat 0 0;
	background-size: 100% 100%;
}
#footer-nav-support ul li.link-mail a {
	background: url("../images/common/footer_nav_support_mail.png") no-repeat 0 0;
	background-size: 100% 100%;
}
#footer-nav-support ul li.link-tel a {
	width: 225px;
	background: url("../images/common/footer_nav_support_tel.png") no-repeat 0 0;
	background-size: 100% 100%;
}
#footer-nav-support .link-howto{
	margin-top:10px;
	margin-left:245px;
}
#footer-nav-support .link-howto a{
	color:white;
}
#footer-nav-support .link-howto a:before {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 6px 0 0;
	overflow: hidden;
	background: url("/faq/assets/images/common/footer_nav_support_ico.png") no-repeat 0 0;
	background-size: 100% 100%;
	text-indent: -9999px;
	vertical-align: middle;
	content: "";
}

/*---------------------------
#footer-nav-global
---------------------------*/
#footer-nav-global {
	margin: 0 0 24px 0;
	border-top: 1px solid #aaacaf;
	border-bottom: 1px solid #aaacaf;
}
#footer-nav-global ul:after {
	clear: both;
	display: block;
	content: "";
}
#footer-nav-global ul li {
	float: left;
}
#footer-nav-global ul li a {
	display: block;
	width: 160px;
	padding: 26px 0 22px 0;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-family: Meiryo, sans-serif;
}

/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 980px) {
	#footer-nav-global ul li {
		float: left;
		width: 50%;
	}
	#footer-nav-global ul li a {
		padding: 10px 0;
    border-right: 1px solid #c4c5c7;
    border-bottom: 1px solid #c4c5c7;
    color: #ffffff;
    width: 100%;
    text-indent: 1rem;
    text-align: left;
	}
	#footer-nav-global ul li a:before {
    content: "・ ";
	}
}

/*---------------------------
#copyright
---------------------------*/
#copyright {
	width: 280px;
	height: 45px;
	padding: 25px 0 0 95px;
	margin: 0 auto;
	background: url("../images/common/footer_logo.png") no-repeat 0 0;
}
#copyright p {
	white-space: nowrap;
	color: #ffffff;
	font-size: 10px;
	line-height: 1;
	font-family: Meiryo, sans-serif;
}

@media screen and (max-width: 768px) {
	#copyright {
    padding: 94px 0 10px;
    /* background: url(../images/common/footer_log.png) no-repeat center 20px; */
    background-size: 80px 60px;
    width: 100%;
    height: auto;
    background-position: center 10px;
	}
	#copyright p {
		text-align: center;
	}
}

/*---------------------------
#chatCounselling
---------------------------*/
#lean_overlay{
  position: fixed; z-index:100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#chatCounselling{
box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
 display: none;
	width: 575px;
overflow: hidden;
border-radius: 4px;
background-color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
margin: -174px 0 0 -285px;
}
#chatCounselling  .chatCounselling-in{
	text-align: center;
	margin: 0 auto;
}
#chatCounselling  .chatCounselling-in h3{
	margin:40px 0 32px;
	font-size: 30px;
	color: #111;

}
#chatCounselling  .chatCounselling-in .chatLady{
  background: url("../images/common/chatCounselling_img_chatLady.png") no-repeat right bottom;
  width: 94%;
  height: 133px;
}
#chatCounselling  .chatCounselling-in .fukidashi:before{
  position: absolute;
  right: -22px;
  top: 36px;
  display: block;
  width: 22px;
  height: 11px;
  background: url("../images/common/search_smooth_pop_right.png") no-repeat 0 0;
  content: "";
}
#chatCounselling  .chatCounselling-in .fukidashi{
position: relative;
  padding: 20px;
  margin-left: 60px;
  background: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  width: 300px;
  color: #111;
}
#chatCounselling  .chatCounselling-in .btnArea{
	margin: 0 auto;
	padding: 30px 0;
	background: #f8f8f8;
}


#chatCounselling .chatCounselling-in .btnArea a img {
width: 360px;
}
#chatCounselling  .chatCounselling-in .modal_close{
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
width: 20px;
height: 20px;
  background: url("../images/common/btn_remove.png") no-repeat 0 0;
  z-index: 2;
  text-indent: -9999px;
  overflow: hidden;
}



/*---------------------------------------------------------
5. page
---------------------------------------------------------*/
.page {
}

/*---------------------------------------------------------
6. Overlay
---------------------------------------------------------*/
.overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.overlay-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	overflow: hidden;
	border-radius: 4px;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 3px solid #cfcfcf;
	background-color: #ffffff;
}



/*---------------------------------------------------------
7. Parts
---------------------------------------------------------*/

/*---------------------------
topicpath
---------------------------*/
.topicpath {
	width: 960px;
	max-width: 100%;
	padding: 20px 0 0 0;
	margin: 0 auto;
}
.topicpath ul {
	display: block;
	text-align: right;
}
.topicpath ul li {
	display: inline-block;
}
.topicpath ul li:before {
	content: "　/　";
}
.topicpath ul li:first-child:before {
	display: none;
	content: "";
}
.topicpath a.btn-topic{
	float:left;
	margin : -5px 0 -20px 0;
}

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

/*---------------------------
link
---------------------------*/

/* .link-arrow-r */
a.link-arrow-r {
	color: #5bac15;
}
a.link-arrow-r:after {
	content: " >";
}

/*---------------------------
ui-input
---------------------------*/

/* select */
.ui-input-select {
	position: relative;
}
.ui-input-select label {
	position: relative;
	display: block;
	/*
	width: 434px;
	*/
	height: 14px;
	overflow: hidden;
	border-radius: 5px;
	padding: 12px 12px 12px 54px;
	border: 1px solid #d5d5d5;
	background: url("../images/common/input_btn_select_bg.png") repeat-x 0 0;
}
.ui-input-select label:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/common/input_btn_select.png") no-repeat 0 0;
	content: "";
}
.ui-input-select select {
	position: absolute;
	left: 1px;
	top: 1px;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	-webkit-appearance: none;
}

/* radiogroup */
.ui-input-radiogroup {
	overflow: hidden;
	border: 1px solid #9acd41;
	border-radius: 5px;
}
.ui-input-radiogroup ul:after {
	clear: both;
	display: block;
	content: "";
}
.ui-input-radiogroup ul li {
	float: left;
	border-left: 1px solid #9acd41;
}
.ui-input-radiogroup ul li:first-child {
	border-left: 0;
}
.ui-input-radiogroup ul li label {
	display: block;
	overflow: hidden;
	padding: 12px 0;
	text-align: center;
	color: #000000;
	white-space: nowrap;
	cursor: pointer;
}
.ui-input-radiogroup ul li label input {
	display: none;
}
.ui-input-radiogroup ul li label.checked {
	background-color: #9acd41;
	color: #ffffff;
}

/* file */
.ui-input-file:after {
	clear: both;
	display: block;
	content: "";
}
.ui-input-file span {
	float: left;
	display: block;
	width: 306px;
	height: 13px;
	overflow: hidden;
	border: 1px solid #d5d5d5;
	padding: 12px 20px;
	line-height: 1;
	white-space: nowrap;
}
.ui-input-file label {
	float: right;
	position: relative;
	width: 142px;
	height: 40px;
	background: url("../images/common/input_btn_file.png") no-repeat 0 0;
	cursor: pointer;
}
.ui-input-file label input {
	display: none;
}

/* checkbox */
.ui-input-checkbox {
	position: relative;
	display: block;
	padding: 6px 0 6px 40px;
	background: url("../images/common/input_checkbox_off.png") no-repeat 2px 13px;
	line-height: 1;
	cursor: pointer;
}
.ui-input-checkbox.checked {
	background: url("../images/common/input_checkbox_on.png") no-repeat 2px 13px;
}
.ui-input-checkbox input {
	display: none;
}
.ui-input-checkbox span {
	display:block;
	margin: 14px 0 0 0;
}

/*---------------------------
error
---------------------------*/
.error-input {
	margin: 4px 0 0 0;
	color: #ff0000;
}

/*---------------------------
group
---------------------------*/
.group-base {
	width: 960px;
	margin: 0 auto;
}
.group-base:after {
	clear: both;
	display: block;
	content: "";
}

/*---------------------------
section
---------------------------*/

/* .section-base */
.section-base {
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
}
.section-base-inner {
	overflow: hidden;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	background-color: #ffffff;
}
.section-base-head {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-radius: 4px 4px 0 0;
	background-color: #ffffff;
}
.section-base-middle {
	position: relative;
/*	overflow: hidden;*/
	border: 1px solid #e6e6e6;
	background-color: #ffffff;
}
.section-base-body {
	position: relative;
/*	overflow: hidden;*/
	border: 1px solid #e6e6e6;
	border-radius: 0 0 4px 4px;
	background-color: #ffffff;
}


/*---------------------------
postarea
---------------------------*/
.postarea {
	position: relative;
	display: none;
	width: 100%;
	background-color: #515961;
	transition: max-height .5s ease-in-out;
}
.postarea .btn-close {
	position:absolute;
	right: 10px;
	top: 10px;
}
.postarea.opened {
	display: block;
}
.postarea .center {
	position: relative;
	width: 544px; /* 960-416 */
	padding: 40px 0 40px 416px;
	margin: 0 auto;
}
.postarea .center:before {
	position: absolute;
	right: 114px;
	top: -11px;
	display: block;
	width: 22px;
	height: 11px;
	background: url("../images/common/search_smooth_pop_top.png") no-repeat 0 0;
	content: "";
}
.postarea-title {
	position: absolute;
	left: 40px;
	top: 50%;
	width: 300px;
	padding: 50px 0;
	margin: -98px 0 0 0;
	border-top: 1px solid #808182;
	border-bottom: 1px solid #808182;
}
.postarea-title h3 {
	display: block;
	margin: 0 auto 20px auto;
	overflow: hidden;
	text-indent: -9999px;
}
.postarea-title p {
	display: block;
	width: 248px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}

.postarea-post {
	width: 544px;
	overflow: hidden;
	border-radius: 4px;
	background-color: #ffffff;
}
.postarea-post-input {
	padding: 20px 25px 30px 20px;
}
.postarea-post-confirm {
	padding: 20px 20px 10px 20px;
}

.postarea-post-submit {
	padding: 12px;
	border-top: 1px solid #d5d5d5;
	background-color: #f8f8f8;
	text-align: center;
}
.postarea-post-submit .post-rule-link{
	color:#669900;
	margin-bottom:12px;
}
.postarea-post-submit .post-rule-link a{
	color:#669900;
}
.postarea-post-submit input {
	margin: 0 5px;
}


/*---------------------------
.postarea .center-1col
---------------------------*/
.postarea .center-1col {
	position: relative;
	width: 960px;
	padding: 40px 0 40px 0px;
	margin: 0 auto;
}
.postarea .center-1col:before {
	position: absolute;
	left: 114px;
	top: -11px;
	display: block;
	width: 22px;
	height: 11px;
	background: url("../images/common/search_smooth_pop_top.png") no-repeat 0 0;
	content: "";
}

.postarea .center-1col .postarea-post {
width: 960px;
overflow: hidden;
border-radius: 4px;
background-color: #ffffff;
}
.postarea .center-1col .postarea-post .postarea-answer{
	padding: 24px 48px 24px 48px;
	min-height:initial;
}
.postarea .center-1col .postarea-post .postarea-answer h3 {
padding: 0px 0 20px 0px;
color: #000000;
font-size: 16px;
font-weight: bold;
line-height: 1;
}

.postarea .center-1col .postarea-post .postarea-btn {
	background: #f8f8f8;
	border-top: 1px solid #d5d5d5;
	padding: 15px 0;
	margin: 0 auto;
}

.postarea .center-1col .postarea-post .postarea-btn .postarea-btn-inner{
	margin: 0 auto;
	width: 440px;

}
.postarea .center-1col .postarea-post .postarea-btn .btn_resolved{
	display: block;
	width: 200px;
	height: 40px;
	overflow: hidden;
	background: url("../images/common/btn_resolved.png") no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	margin-right: 38px;
}
.postarea .center-1col .postarea-post .postarea-btn .btn_unresolved{
	display: block;
	width: 200px;
	height: 40px;
	overflow: hidden;
	background: url("../images/common/btn_unresolved.png") no-repeat 0 0;
	text-indent: -9999px;
}


/*---------------------------
#idea-postarea
---------------------------*/
#idea-postarea .postarea-title h3 {
	width: 195px;
	height: 33px;
	background: url("../images/page-idea/postarea_idea_title.png") no-repeat 0 0;
}
#trial-postarea .postarea-title h3 {
	width: 195px;
	height: 33px;
	background: url("../images/page-idea/postarea_tiral_title.png") no-repeat 0 0;
}

/* user */
.postarea-post-input-user:after {
	clear: both;
	display: block;
	content: "";
}
.postarea-post-input-user img {
	float: left;
	margin: 0 18px 0 0;
}
.postarea-post-input-user strong {
	float: left;
	padding: 8px 0 0 0;
	color: #000000;
	font-weight: bold;
}

/*---------------------------
#idea-postarea input
---------------------------*/
/* title */
.postarea-post-input-title {
	margin: 12px 0 0 0;
}
.postarea-post-input-title input {
	display: block;
	width: 462px;
	padding: 10px 18px;
	border: 1px solid #d5d5d5;
}

/* product */
.postarea-post-input-product {
	margin: 10px 0 0 0;
}
.postarea-post-input-product label {
	width: 434px;
}

/* category */
.postarea-post-input-category {
	margin: 10px 0 0 0;
}
.postarea-post-input-category ul li {
	width: 123px;
}
.postarea-post-input-category ul li:first-child
,.postarea-post-input-category ul li:last-child {
	width: 124px;
}

/* comment */
.postarea-post-input-comment {
	margin: 10px 0 0 0;
}
.postarea-post-input-comment textarea {
	display: block;
	width: 478px;
	height: 102px;
	padding: 18px 0 18px 20px;
	border: 1px solid #d5d5d5;
	resize: none;
}

/* image */
.postarea-post-input-image {
	margin: 10px 0 0 0;
}

/* social */
.postarea-post-input-social {
	margin: 10px 0 0 0;
}
.postarea-post-input-social ul:after {
	clear: both;
	display: block;
	content: "";
}
.postarea-post-input-social ul li {
	float: left;
	margin: 0px 25px 0 0;
}
.postarea-post-input-social ul li span {
	font-size: 15px;
	color: black;
	padding : 15px 0px 0px 0px;
	display : block;
}
.postarea-post-input-social ul li:nth-child(1),
.postarea-post-input-social ul li:nth-child(2),
.postarea-post-input-social ul li:nth-child(3) {
}

/*---------------------------
#idea-postarea confirm
---------------------------*/
/* title */
.postarea-post-confirm-title {
	margin: 12px 0 0 0;
}
.postarea-post-confirm-title h4 {
	color: #5bac15;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.2;
}

/* category */
.postarea-post-confirm-category {
	margin: 20px 0 0 0;
}
.postarea-post-confirm-category ul:after {
	clear: both;
	display: block;
	content: "";
}
.postarea-post-confirm-category ul li {
	float: left;
	width: 114px;
	overflow: hidden;
	padding: 6px 0;
	margin: 0 0 0 10px;
	border-radius: 4px;
	background-color: #707070;
	color: #ffffff;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}
.postarea-post-confirm-category ul li.category-product {
	width: auto;
	background-color: transparent;
	color: #666666;
}
.postarea-post-confirm-category ul li:first-child {
	margin: 0;
}

/* comment */
.postarea-post-confirm-comment {
	margin: 20px 0 0 0;
}

/* image */
.postarea-post-confirm-image {
	margin: 20px 0 0 0;
	width: 100%;
	background-color: #f6f6f6;
	text-align: center;
}
.postarea-post-confirm-image img {
	vertical-align: bottom;
}

/* social */
.postarea-post-confirm-social {
	margin: 20px 0 0 0;
}
.postarea-post-confirm-social ul:after {
	clear: both;
	display: block;
	content: "";
}
.postarea-post-confirm-social ul li {
	float: left;
	width: 160px;
	padding: 8px 20px;
	margin: 8px 0 0 10px;
	overflow: hidden;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	background-color: #f8f8f8;
	line-height: 1;
}
.postarea-post-confirm-social ul li:nth-child(1),
.postarea-post-confirm-social ul li:nth-child(2) {
	margin-top: 0;
}
.postarea-post-confirm-social ul li:nth-child(2n+1) {
	margin-left: 0;
}


/*---------------------------
#comment-postarea
---------------------------*/
#comment-postarea .postarea-title h3 {
	width: 195px;
	height: 33px;
	background: url("../images/page-idea/postarea_comment_title.png") no-repeat 0 0;
}


/*---------------------------
form-search-keyword
---------------------------*/
.form-search-keyword {
	width: 269px;
}
.form-search-keyword input[type=text] {
	float: left;
	display: block;
	/*
	width: 143px;
	*/
	width: 231px;
	height: 22px;
	padding: 3px;
	border: 1px solid #d6d6d6;
	font-size: 16px;
}
.form-search-keyword .search-option {
	float: left;
}
.form-search-keyword .search-option a {
	display: block;
	width: 88px;
	height: 30px;
	overflow: hidden;
	background: url("../images/common/header_search_keyword_opt.png") no-repeat 0 0;
	text-indent: -9999px;
}


/*---------------------------
list-article
---------------------------*/
.list-article-idea {
}
.list-article-idea article {
	position: relative;
	display: none;
	padding: 36px 320px 36px 40px;
	border-top: 1px solid #e6e6e6;
}
.list-article-idea article:first-child {
	border-top: 0;
}
.list-article-idea article.visible {
	display: block;
}
.list-article-idea article .btn-remove {
	position: absolute;
	right: 10px;
	top: 10px;
}
.list-article-idea article.admin {
	background-color:#f6ffee;
}

.list-article-idea a{
	color:#5bac15;
}
.list-article-idea time{
	color : #909090;
}

/*---------------------------
list-idea-list-comment
---------------------------*/
.list-idea-list-comment {
	border-top: 1px solid #d5d5d5;
	margin : 35px 0px 0px;
	padding : 15px 0px 5px 112px;
/*	border: 1px solid #d5d5d5;
	background-color: #f8f8f8;*/
}
.list-idea-list-comment .more-comment{
	padding : 5px 0px 5px 133px;
	font-weight: bold;
}

/*---------------------------
idea-idea-comment
---------------------------*/
.list-idea-comment{
	margin : 5px 25px 15px 0px;
	position: relative;
	min-height : 60px;
/*	color: #999999;*/
}
.list-idea-comment dt{
}
.list-idea-comment dd{
}
.list-idea-comment-post{
	margin-left :54px;
	width:540px;
	background: url("../images/page-idea/comment_btn_move.png") no-repeat 0 0;
}
.list-idea-comment-post a {
	display: block;
	width: 540px;
	height: 51px;
	overflow: hidden;
	text-indent: -9999px;
}
.list-idea-comment img.user-pic {
	width:42px;
	top:0px;
	left: -56px;
	position:absolute;
}
.list-idea-comment img.return {
	top:12px;
	left: -90px;
	position:absolute;
}
.list-idea-comment .idea-feedback {
	top:0px;
	left:508px;
	padding: 6px 12px 18px 20px;
}
.list-idea-comment a.btn-remove {
	top:0px;
	right:-20px;
}

/*---------------------------
idea-post
---------------------------*/
.idea-post {
	position: relative;
	padding: 65px 0 0 0;
	min-height: 100px;
}
.idea-post h3 {
	color: #5bac15;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
}
.idea-post h3 a {
	color: #5bac15;
	font-weight: bold;
}
.idea-post .idea-status {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.idea-post .idea-status small.status {
	display: inline-block;
	width: 100px;
	padding: 6px;
	margin: 0 4px 0 0;
	border-radius: 4px;
	background-color: #E0E0E0;
	color: #707070;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowra;
}
.idea-post .idea-status small.category {
	display: inline-block;
	width: 100px;
	padding: 6px;
	margin: 0 4px 0 0;
	border-radius: 4px;
	background-color: #707070;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowra;
}
.idea-post .idea-status .btn-resolve {
	display: inline-block;
	width: 143px;
	height: 25px;
	overflow: hidden;
	background: url("../images/page-idea/idea_btn_resolve.png") no-repeat 0 0;
	text-indent: -9999px;
	vertical-align: middle;
}
.idea-post .idea-content {
	position: relative;
	padding: 0 0 0 56px;
	margin: 10px 0 10px 0;
}
.idea-post .idea-content img.user-pic {
	position: absolute;
	left: 0;
	top: 0;
}
.idea-post .idea-content p {
	display: block;
	margin: 4px 0 0 0;
}
.idea-post .idea-image {
	margin: 15px 0 0 0px;
	background-color: #f6f6f6;
	text-align: center;
}
.idea-post .idea-image img {
	vertical-align: bottom;
	max-width: 500px;
	max-height: 300px;
}
.idea-post .idea-category {
	margin-top : 20px;
}
.idea-post time{
	color : #909090;
}

/*---------------------------
comment-post
---------------------------*/
.comment-post {
	position: relative;
	min-height: 145px;
}
.comment-post h3 {
	color: #5bac15;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
}
.comment-post .comment-content {
	position: relative;
	padding: 0 0 0 56px;
	margin: 20px 0 0 0;
}
.comment-post .comment-content img {
	position: absolute;
	left: 0;
	top: 0;
}
.comment-post .comment-content p {
	display: block;
	margin: 4px 0 0 0;
}
.comment-post .comment-image {
	margin: 40px 0 0 60px;
	background-color: #f6f6f6;
	text-align: center;
}
.comment-post .comment-image img {
	vertical-align: bottom;
	max-width: 500px;
	max-height: 300px;
}

/*---------------------------
idea-feedback
---------------------------*/
.idea-feedback {
	position: absolute;
	right: 24px;
	top: 48px;
	width: 247px;
	padding: 35px 12px 35px 20px;
	border: 1px solid #d5d5d5;
	background-color: #f8f8f8;
}
.idea-feedback:before {
	position: absolute;
	left: -18px;
	top: 50%;
	display: block;
	width: 18px;
	height: 20px;
	margin: -10px 0 0 0;
	background: url("../images/page-idea/idea_feedback_pop_left.png") no-repeat 0 0;
	content: "";
}
.idea-feedback h4 {
	margin: 0 0 26px 0;
	font-size: 15px;
	text-align: center;
}
.idea-feedback dl {
	font-size: 10px;
}
.idea-feedback dl:after {
	clear: both;
	display: block;
	content: "";
}
.idea-feedback dl.idea-feedback-like {
	margin: 12px 0 0 0;
}
.idea-feedback dl dt,
.idea-feedback dl dd {
	float: left;
}
.idea-feedback dl dt {
	width: 58px;
	padding: 0 0 0 18px;
	color: #000000;
	font-weight: bold;
}
.idea-feedback dl.idea-feedback-comment dt {
	background: url("../images/page-idea/idea_feedback_ico_comment.png") no-repeat 0 0;
}
.idea-feedback dl.idea-feedback-like dt {
	background: url("../images/page-idea/idea_feedback_ico_like.png") no-repeat 0 0;
}
.idea-feedback dl.idea-feedback-comment dt.btn-comment,
.idea-feedback dl.idea-feedback-like dt.btn-like {
	width: 76px;
	padding: 0;
	background-image: none;
}
.idea-feedback dl.idea-feedback-comment dt.btn-comment a,
.idea-feedback dl.idea-feedback-like dt.btn-like a {
	display: block;
	width: 70px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
}
.idea-feedback dl.idea-feedback-comment dt.btn-comment a {
	background: url("../images/page-idea/idea_feedback_btn_comment.png") no-repeat 0 0;
}
.idea-feedback dl.idea-feedback-comment dt.btn-comment a.commented {
	background: url("../images/page-idea/idea_feedback_btn_commented.png") no-repeat 0 0;
}
.idea-feedback dl.idea-feedback-like dt.btn-like a {
	background: url("../images/page-idea/idea_feedback_btn_like.png") no-repeat 0 0;
}
.idea-feedback dl.idea-feedback-like dt.btn-like a.dislike {
	background: url("../images/page-idea/idea_feedback_btn_dislike.png") no-repeat 0 0;
}
.idea-feedback dl dd {
	position: relative;
	width: 40px;
	padding: 0 0 0 130px;
	background: url("../images/page-idea/idea_feedback_bg_num.png") no-repeat 0 0;
}
.idea-feedback dl.idea-feedback-comment dd {
	margin: 6px 0 0 0;
}
.idea-feedback dl.idea-feedback-like dd {
	margin: 6px 0 0 0;
}
.idea-feedback dl dd span a{
	font-weight: bold;
}
.idea-feedback dl.idea-feedback-comment dd span a{
	color: #fe9001;
}
.idea-feedback dl.idea-feedback-like dd span a{
	color: #6db122;
}
.idea-feedback dl dd .bar {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	max-width: 127px;
	height: 15px;
	overflow: hidden;
	border-radius: 7px;
}
.idea-feedback dl.idea-feedback-comment dd .bar {
	background: url("../images/page-idea/idea_feedback_bg_bar_comment.png") repeat-x 0 0;
}
.idea-feedback dl.idea-feedback-like dd .bar {
	background: url("../images/page-idea/idea_feedback_bg_bar_like.png") repeat-x 0 0;
}

/*---------------------------
user-list
---------------------------*/
.user-list:before {
	position: absolute;
	left: 75%;
	top: -12px;
	display: block;
	width: 16px;
	height: 12px;
	margin: 0 0 0 -8px;
	background: url("/faq/assets/images/page-idea/like_list_pop_up.png") no-repeat 0 0;
	content: "";
}
.user-list {
	background-color:#666666;
	position:absolute;
	top : 29px;
	left : -33px;
	color:white;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: px;
	padding : 10px;
	z-index :1;
	display:none;
}
.user-list div{
	width : 200px;
	max-height : 225px;
	overflow : hidden;
}
.user-list ul{
	width : 225px;
	max-height : 225px;
	overflow-y:scroll;
	padding-right : 10px;
}
.user-list li{
	width : 200px;
}
.user-list li:first-child{
	font-weight: bold;
}

.user-list .btn-close {
	display:block;
	position:absolute;
	top : 10px;
	right : 10px;
}

/*---------------------------
slider
---------------------------*/
.ui-slider {
	position: relative;
	width: auto;
	padding: 0 48px 0 47px;
}
.ui-slider-container {
	position: relative;
	width: 100%;
	height: 210px;
	overflow: hidden;
}
.ui-slider-list {
	position: absolute;
	width: auto;
	height: 210px;
}
.ui-slider-list article {
	float: left;
	position: relative;
	width: 140px;
	padding: 146px 16px 0 17px;
	background: url("../images/common/slider-article-bg.png") no-repeat 0 49px;
}
.ui-slider-list article:first-child {
	padding: 146px 16px 0 17px;
	background-image: none;
}
.ui-slider-list article .pic {
	position: absolute;
	left: 16px;
	top: 0;
	display: block;
	background-color: #9acd41;
}
.ui-slider-list article .pic img {
	display: block;
}
.ui-slider-list article.selected .pic img {
	opacity: 0.6;
}
.ui-slider-list article h4 {
	text-align: center;
	color: #669900;
}
.ui-slider-nav{
	height: 20px;
}
.ui-slider-nav ul {
	display: block;
	text-align: center;
}
.ui-slider-nav ul li {
	display: inline-block;
	margin: 0 6px;
}
.ui-slider-nav ul li a {
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	background: url("../images/common/slider-nav-off.png") no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}
.ui-slider-nav ul li a.selected {
	background: url("../images/common/slider-nav-on.png") no-repeat 0 0;
}

.ui-slider-prev,
.ui-slider-next {
	position: absolute;
	top: 58px;
	display: block;
	width: 12px;
	height: 34px;
	overflow: hidden;
	text-indent: -9999px;
}
.ui-slider-prev {
	left: 27px;
	background: url("../images/common/slider-prev.png") no-repeat 0 0;
}
.ui-slider-next {
	right: 27px;
	background: url("../images/common/slider-next.png") no-repeat 0 0;
}



/*---------------------------
tab
---------------------------*/

/* tab-category */
.tab-category {
	padding: 8px 20px 0 20px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #d9d9d9;
}
.tab-category ul {
	font-size: 15px;
	line-height: 1;
}
.tab-category ul:after {
	clear: both;
	display: block;
	content: "";
}
.tab-category ul li {
	float: left;
}
.tab-category ul.num3 li {
	width: 306px;
}
.tab-category ul.num4 li {
	width: 229px;
}
.tab-category ul li a {
	position: relative;
	display: block;
	padding: 18px 0 14px 0;
	overflow: hidden;
	background: url("../images/common/tab-category-split.png") no-repeat right 10px;
	color: #000000;
	text-align: center;
}
.tab-category ul li:last-child a {
	background-image: none;
}
.tab-category ul li.selected a {
	top: 1px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #ffffff;
	border-radius: 5px 5px 0 0;
	background-image: none;
	background-color: #ffffff;
	color: #669900;
	font-weight: bold;
}


/* tab-status */
.tab-status {
	margin: 40px 30px 0 30px;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #9acd41;
}
.tab-status ul {
	font-size: 12px;
	line-height: 1;
}
.tab-status ul:after {
	clear: both;
	display: block;
	content: "";
}
.tab-status ul li {
	float: left;
	width: 179px;
	border-left: 1px solid #9acd41;
}
.tab-status ul li:first-child {
	width: 178px;
	border-left: 0;
}
.tab-status.midium ul li {
	width: 298px;
}
.tab-status.midium ul li:first-child {
	width: 300px;
}
.tab-status ul li a {
	display: block;
	padding: 12px 0;
	text-align: center;
}
.tab-status ul li.selected a {
	background-color: #9acd41;
	color: #ffffff;
}


/* tab-sort */
.tab-sort {
	width: 900px;
	margin: 60px auto 0 auto;
}
.tab-sort ul {
	font-size: 15px;
	line-height: 1;
	text-align: right;
}
.tab-sort ul li {
	display: inline-block;
	padding: 0 0 0 24px;
	margin: 0 24px 0 0;
	border-left: 1px solid #e6e6e6;
}
.tab-sort ul li:first-child {
	padding: 0;
}
.tab-sort ul li:last-child {
	margin: 0;
}
.tab-sort ul li a {
	color: #000000;
}
.tab-sort ul li.selected a {
	color: #5bac15;
}


/*---------------------------
btn-more
---------------------------*/
.btn-more {
	border-top: 1px solid #e6e6e6;
}
.btn-more a {
	display: block;
	padding: 12px;
	background: url("../images/page-idea/idea_more_bg.png") repeat-x 0 0;
	text-align: center;
}
.btn-more a:before {
	display: inline-block;
	width: 35px;
	height: 30px;
	margin: 0 10px 0 0;
	background: url("../images/page-idea/idea_more_ico_update.png") repeat-x 0 0;
	content: "";
	vertical-align: middle;
}
.btn-more a span {
	color: #5bac15;
	vertical-align: middle;
}

/*---------------------------
btn-remove
---------------------------*/
.btn-remove {
	display: block;
	width: 19px;
	height: 19px;
	overflow: hidden;
	background: url("../images/common/btn_remove.png") no-repeat 0 0;
	text-indent: -9999px;
}

/*---------------------------
btn-close
---------------------------*/
.btn-close {
	display: block;
	width: 19px;
	height: 19px;
	overflow: hidden;
	background: url("../images/common/btn_remove.png") no-repeat 0 0;
	text-indent: -9999px;
}

/*ここから変更--------------------------*/
.tab-category-barista {
    padding: 8px 0px 0px 0px;
    height: 60px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d9d9d9;
}

.tab-category-barista ul {
	font-size: 11px;
	line-height: 1.2;
}
.tab-category-barista ul:after {
	clear: both;
	display: block;
	content: "";
}
.tab-category-barista ul li {
	float: left;
	vertical-align: middle;

}
.tab-category-barista ul.num3 li {
	width: 306px;
}
.tab-category-barista ul.num4 li {
	width: 229px;
}
.tab-category-barista ul li a span{
	color:#fd8989;
}
.tab-category-barista ul li a {
	position: relative;
	display: block;
	padding: 23px 0 23px 0;
	overflow: hidden;
	background: url("../images/common/tab-category-barista-i-split.png") no-repeat right 29px;
	color: #000000;
	text-align: center;
}
.tab-category-barista ul li.category1 a {
	position: relative;
	display: block;
	padding: 23px 0 23px 0;
	overflow: hidden;
	background: url("../images/common/tab-category-barista-split.png") no-repeat right 6px;
	color: #000000;
	text-align: center;
}
.tab-category-barista ul li.barista_i a {
	position: relative;
	display: block;
	padding: 12px 0 12px 0;
	overflow: hidden;
	background: url("../images/common/tab-category-barista-i-split.png") no-repeat right 7px;
	color: #000000;
	text-align: center;
}
.tab-category-barista ul li:last-child a {
	background-image: none;
}
.tab-category-barista ul li.selected a {
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #ffffff;
	border-radius: 5px 5px 0 0;
	background-image: none;
	background-color: #ffffff;
	color: #669900;
	font-weight: bold;
}
.tab-category-barista ul li.selected2 a{
	top: 1px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #ffffff;
	border-radius: 5px 5px 0 0;
	background-image: none;
	background-color: #ffffff;
	color: #ff4a4a;
	font-weight: bold;
}
.tab-category-barista ul li.selected2 a span{
	color: #ff4a4a;
	font-weight: bold;
}

.tab-category-barista .category-barista_i{
    position: relative;
    width: 636px;
    float: right;
    background-color:#fde6e6;
    color:#ff4a4a;
    margin-bottom:2px;
}
.tab-category-barista .category-barista_i p{
	font-weight: bold;
	text-align:center;

}

/*ここまで--------------------------------------*/



header nav ul li.link-research a {
	width: 108px;
	background: url("../images/common/header_nav_research.png") no-repeat 0 0;
}
header nav ul li.link-research a {
	width: 164px;
	background: url("../images/common/header_nav_member.jpg") no-repeat 0 0;
}
header.beginning nav ul li.link-research a,
header.beginning nav ul li.link-fav a {
	width: 124px;
	height:54px;
	background-position: center 0;
}

/*---------------------------
#research-postarea
---------------------------*/
#research-postarea .postarea-title h3 {
	width: 195px;
	height: 33px;
	background: url("../images/page-research/postarea_research_title.png") no-repeat 0 0;
}
#trial-postarea .postarea-title h3 {
	width: 195px;
	height: 33px;
	background: url("../images/page-research/postarea_tiral_title.png") no-repeat 0 0;
}

/*---------------------------
#research-postarea input
---------------------------*/

/*---------------------------
#research-postarea confirm
---------------------------*/

/*---------------------------
#comment-postarea
---------------------------*/
#comment-postarea .postarea-title h3 {
	width: 195px;
	height: 33px;
	background: url("../images/page-research/postarea_comment_title.png") no-repeat 0 0;
}

/*---------------------------
list-article
---------------------------*/
.list-article-research {
}
.list-article-research article {
	position: relative;
	display: none;
	padding: 36px 320px 36px 40px;
	border-top: 1px solid #e6e6e6;
}
.list-article-research article:first-child {
	border-top: 0;
}
.list-article-research article.visible {
	display: block;
}
.list-article-research article .btn-remove {
	position: absolute;
	right: 10px;
	top: 10px;
}
.list-article-research article.admin {
	background-color:#f6ffee;
}

.list-article-research a{
	color:#5bac15;
}
.list-article-research time{
	color : #909090;
}

/*---------------------------
list-research-list-comment
---------------------------*/
.list-research-list-comment {
	border-top: 1px solid #d5d5d5;
	margin : 35px 0px 0px;
	padding : 15px 0px 5px 112px;
/*	border: 1px solid #d5d5d5;
	background-color: #f8f8f8;*/
}
.list-research-list-comment .more-comment{
	padding : 5px 0px 5px 133px;
	font-weight: bold;
}

/*---------------------------
research-research-comment
---------------------------*/
.list-research-comment{
	margin : 5px 25px 15px 0px;
	position: relative;
	min-height : 60px;
/*	color: #999999;*/
}
.list-research-comment dt{
}
.list-research-comment dd{
}
.list-research-comment-post{
	margin-left :54px;
	width:540px;
	background: url("../images/page-research/comment_btn_move.png") no-repeat 0 0;
}
.list-research-comment-post a {
	display: block;
	width: 540px;
	height: 51px;
	overflow: hidden;
	text-indent: -9999px;
}
.list-research-comment img.user-pic {
	width:42px;
	top:0px;
	left: -56px;
	position:absolute;
}
.list-research-comment img.return {
	top:12px;
	left: -90px;
	position:absolute;
}
.list-research-comment .research-feedback {
	top:0px;
	left:508px;
	padding: 6px 12px 18px 20px;
}
.list-research-comment a.btn-remove {
	top:0px;
	right:-20px;
}

/*---------------------------
research-post
---------------------------*/
.research-post {
	position: relative;
	padding: 65px 0 0 0;
	min-height: 100px;
}
.research-post h3 {
	color: #5bac15;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
}
.research-post h3 a {
	color: #5bac15;
	font-weight: bold;
}
.research-post .research-status {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.research-post .research-status small.status {
	display: inline-block;
	width: 100px;
	padding: 6px;
	margin: 0 4px 0 0;
	border-radius: 4px;
	background-color: #E0E0E0;
	color: #707070;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowra;
}
.research-post .research-status small.category {
	display: inline-block;
	width: 100px;
	padding: 6px;
	margin: 0 4px 0 0;
	border-radius: 4px;
	background-color: #707070;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowra;
}
.research-post .research-status .btn-resolve {
	display: inline-block;
	width: 143px;
	height: 25px;
	overflow: hidden;
	background: url("../images/page-research/research_btn_resolve.png") no-repeat 0 0;
	text-indent: -9999px;
	vertical-align: middle;
}
.research-post .research-content {
	position: relative;
	padding: 0 0 0 56px;
	margin: 10px 0 10px 0;
}
.research-post .research-content img.user-pic {
	position: absolute;
	left: 0;
	top: 0;
}
.research-post .research-content p {
	display: block;
	margin: 4px 0 0 0;
}
.research-post .research-image {
	margin: 15px 0 0 0px;
	background-color: #f6f6f6;
	text-align: center;
}
.research-post .research-image img {
	vertical-align: bottom;
	max-width: 500px;
	max-height: 300px;
}
.research-post .research-category {
	margin-top : 20px;
}
.research-post time{
	color : #909090;
}

/*---------------------------
comment-post
---------------------------*/
.comment-post {
	position: relative;
	min-height: 145px;
}
.comment-post h3 {
	color: #5bac15;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
}
.comment-post .comment-content {
	position: relative;
	padding: 0 0 0 56px;
	margin: 20px 0 0 0;
}
.comment-post .comment-content img {
	position: absolute;
	left: 0;
	top: 0;
}
.comment-post .comment-content p {
	display: block;
	margin: 4px 0 0 0;
}
.comment-post .comment-image {
	margin: 40px 0 0 60px;
	background-color: #f6f6f6;
	text-align: center;
}
.comment-post .comment-image img {
	vertical-align: bottom;
	max-width: 500px;
	max-height: 300px;
}

/*---------------------------
research-feedback
---------------------------*/
.research-feedback {
	position: absolute;
	right: 24px;
	top: 48px;
	width: 247px;
	padding: 35px 12px 35px 20px;
	border: 1px solid #d5d5d5;
	background-color: #f8f8f8;
}
.research-feedback:before {
	position: absolute;
	left: -18px;
	top: 50%;
	display: block;
	width: 18px;
	height: 20px;
	margin: -10px 0 0 0;
	background: url("../images/page-research/research_feedback_pop_left.png") no-repeat 0 0;
	content: "";
}
.research-feedback h4 {
	margin: 0 0 26px 0;
	font-size: 15px;
	text-align: center;
}
.research-feedback dl {
	font-size: 10px;
}
.research-feedback dl:after {
	clear: both;
	display: block;
	content: "";
}
.research-feedback dl.research-feedback-like {
	margin: 12px 0 0 0;
}
.research-feedback dl dt,
.research-feedback dl dd {
	float: left;
}
.research-feedback dl dt {
	width: 58px;
	padding: 0 0 0 18px;
	color: #000000;
	font-weight: bold;
}
.research-feedback dl.research-feedback-comment dt {
	background: url("../images/page-research/research_feedback_ico_comment.png") no-repeat 0 0;
}
.research-feedback dl.research-feedback-like dt {
	background: url("../images/page-research/research_feedback_ico_like.png") no-repeat 0 0;
}
.research-feedback dl.research-feedback-comment dt.btn-comment,
.research-feedback dl.research-feedback-like dt.btn-like {
	width: 76px;
	padding: 0;
	background-image: none;
}
.research-feedback dl.research-feedback-comment dt.btn-comment a,
.research-feedback dl.research-feedback-like dt.btn-like a {
	display: block;
	width: 70px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
}
.research-feedback dl.research-feedback-comment dt.btn-comment a {
	background: url("../images/page-research/research_feedback_btn_comment.png") no-repeat 0 0;
}
.research-feedback dl.research-feedback-comment dt.btn-comment a.commented {
	background: url("../images/page-research/research_feedback_btn_commented.png") no-repeat 0 0;
}
.research-feedback dl.research-feedback-like dt.btn-like a {
	background: url("../images/page-research/research_feedback_btn_like.png") no-repeat 0 0;
}
.research-feedback dl.research-feedback-like dt.btn-like a.dislike {
	background: url("../images/page-research/research_feedback_btn_dislike.png") no-repeat 0 0;
}
.research-feedback dl dd {
	position: relative;
	width: 40px;
	padding: 0 0 0 130px;
	background: url("../images/page-research/research_feedback_bg_num.png") no-repeat 0 0;
}
.research-feedback dl.research-feedback-comment dd {
	margin: 6px 0 0 0;
}
.research-feedback dl.research-feedback-like dd {
	margin: 6px 0 0 0;
}
.research-feedback dl dd span a{
	font-weight: bold;
}
.research-feedback dl.research-feedback-comment dd span a{
	color: #fe9001;
}
.research-feedback dl.research-feedback-like dd span a{
	color: #6db122;
}
.research-feedback dl dd .bar {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	max-width: 127px;
	height: 15px;
	overflow: hidden;
	border-radius: 7px;
}
.research-feedback dl.research-feedback-comment dd .bar {
	background: url("../images/page-research/research_feedback_bg_bar_comment.png") repeat-x 0 0;
}
.research-feedback dl.research-feedback-like dd .bar {
	background: url("../images/page-research/research_feedback_bg_bar_like.png") repeat-x 0 0;
}

/*---------------------------
user-list
---------------------------*/
.user-list:before {
	position: absolute;
	left: 75%;
	top: -12px;
	display: block;
	width: 16px;
	height: 12px;
	margin: 0 0 0 -8px;
	background: url("/faq/assets/images/page-research/like_list_pop_up.png") no-repeat 0 0;
	content: "";
}

/*---------------------------
20230519 chatbot 
---------------------------*/
.wrapper_chatbot {
	position: relative;
	z-index: 9999;
}
.chatbot_img {
	position: fixed;
	right: 18px;
	bottom: 12px;
}
.chatbot_close {
	display: block;
	position: fixed;
	width: 16px;
	height: 16px;
	bottom: 200px;
	right: 0;
	z-index: 9999;
}
.chatbot_close:hover {
	cursor: pointer;
}
.chatbot_close::before, .chatbot_close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 16px;
	background: #333;
}
.chatbot_close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.chatbot_close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.sp-only {
  display: none !important;
}