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



/* ----------------------------------------------------------------------
   TOP
---------------------------------------------------------------------- */

#faq_wrap h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px;
}

#faq_wrap .txt_cnt h2.ttl_ecb{
	padding: 60px 0 60px;
    margin: 0;
    font-size: 28px;
    line-height: 1.0;
    box-sizing: content-box;
    background: url(/img/usr/ttl_bg2.png) bottom 35px center / 27px auto no-repeat;
    text-align: center;
}

#faq_wrap h3 {
	clear: both;
    font-size: 20px;
	font-weight: bold;
    line-height: 140%;
    padding: 3px 3px 3px 0;
}

#faq_wrap div.faqcate_box {
	margin-bottom: 30px;
}

#faq_wrap .faqcate {
	float: left;
	/*width: 171px;*/
	height: 220px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	margin: 0 12px 12px 0;
	padding: 10px 10px 0 10px;
	background-color: #fac3c6;
}

#faq_wrap .faqcate:nth-child(4n) {
	margin-right: 0;
}

#faq_wrap .faqcate p.catelink {
	display: table-cell;
	width: 164px;
	height: 70px;
	padding-right: 7px;
	vertical-align: middle;
	text-align: center;
	background: url(img/pc/faq/faq_arrow.gif) right center no-repeat;
	font-size: 16px;
	line-height: 140%;
}

#faq_wrap .faqcate p.faq_ico {
	background-color: #FFFFFF;
}


#faq_wrap .faqcate a {
	display: block;
}

#faq_wrap .faqcate a:link {
	color: #3E3E3E;
}

#faq_wrap .faqcate a:hover {
	color: #A0131A;
	text-decoration: underline;
}

#faq_wrap .faqcate a:visited {
	color: #3E3E3E;
}

#faq_wrap .faqcate a:active {
	color: #A0131A;
	text-decoration: underline;
}



/* ----------------------------------------------------------------------
   ANSWER PAGE
---------------------------------------------------------------------- */

#faqA_wrap h2 {
    font-size: 20px;
    margin: 0 0 14px;
	color:#666;
}

/* 質問一覧 */

#faqA_wrap ul.queslist {
	width: 750px;
	margin: 20px auto;
	list-style: none;
}

#faqA_wrap ul.queslist li {
	display: block;
	padding: 10px 5px 10px 30px;
	list-style: none;
	border-bottom: 1px dashed #777777;
}

/* Q&A */
#faqA_wrap h2 {
    border-bottom: 3px solid #a0131a;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 14px;
	text-align: left;
    padding: 0 0 0 10px;
}

.howto_use .goods-detail-description--faq {
	margin: 0 0 10px;
}
.howto_use .goods-detail-description--faq dt {
	position: relative;
	color: #3e3e3e;
	font-size: 15px;
	font-weight: normal;
	display: block;
	width: 100%;
	padding: 16px 60px 14px 20px;
	background:none;
}
.howto_use .goods-detail-description--faq dt:before,
.howto_use .goods-detail-description--faq dt:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background:none;
}
.howto_use .goods-detail-description--faq dt:before {
	right: 30px;
	width: 2px;
	height: 12px;
}
.howto_use .goods-detail-description--faq dt.open_:before {
	content: none;
}
.howto_use .goods-detail-description--faq dt:after {
	right: 25px;
	width: 12px;
	height: 2px;
}
.howto_use .goods-detail-description--faq dt span {
	padding-left: 0;
	background: none;
}
.howto_use .goods-detail-description--faq dt strong {
	color: #a30e0e;
	font-size: 20px;
}
.howto_use .goods-detail-description--faq dd {
	position: relative;
	display: none;
	font-size: 13px;
	line-height: 1.8;
	padding: 20px 58px;
	background: none;
}
.howto_use .goods-detail-description--faq dd:before {
	content: "";
	display: block;
	position: absolute;
	left: 21px;
	top: 20px;
	width: 20px;
	height: 17px;
	background: none;
}
.howto_use .goods-detail-description--faq dd:target {
	content: "";
	display: block;
	height: auto;
}
.howto_use .goods-detail-description--faq dd a {
	text-decoration: underline;
}

.answer_text p.otodoke_title{
	text-align:center; 
	margin-bottom:20px;
}

.answer_text p.otodoke_photo{
	text-align:center; 
}

.answer_text p.mypage_login{
	text-align: center;
	border: 1px solid #dc143c;
	padding: 10px;
}

.answer_text p.mypage_login img{
	margin:-30px 0 0 5px;
	width: 60px;
	float:right;
}

.answer_text p.otodoke_photo_b{
	text-align: center;
	margin:20px 0;; 
}

.answer_text span.u{
	text-decoration: underline;
}


#faqA_wrap #quesbox_wrap {
	padding: 10px;
	background-color: #F5F5F5;
}

#faqA_wrap #quesbox_wrap section.quesbox {
	margin-bottom: 10px;
}


#faqA_wrap #quesbox_wrap section.quesbox:last-child {
	margin-bottom: 0;
}


#faqA_wrap #quesbox_wrap section.quesbox h4 {
	display: block;
	padding: 10px 5px 10px 62px;
	font-size: 16px;
	color: #8a3d22;
	background-color: #ffe1e2;
	background-repeat: no-repeat, no-repeat;
	background-position: 14px center, center left;
	background-size: auto, 52px 100%;
    border-top-left-radius: 5px;  
    border-top-right-radius: 5px; 
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text {
	padding: 17px 15px 17px 62px;
	background-color: #FFFFFF;
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text p {
	margin-bottom: 5px;
	font-size: 14px;
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text p.answersubttl {
	display: block;
	margin: 20px 0 10px;
	padding: 3px;
	background-color: #F5F5F5;
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text p.answersubttl span {
	padding: 3px 5px;
	border-left: 3px solid #a0131a;
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text p.answersubttl_mt0 {
	display: block;
	margin: 0 0 10px;
	padding: 3px;
	background-color: #F5F5F5;
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text p.answersubttl_mt0 span {
	padding: 3px 5px;
	border-left: 3px solid #a0131a;
}


#faqA_wrap #quesbox_wrap section.quesbox .answer_text p.rlink {
	margin-top: 25px;
}

#faqA_wrap .fasterisk {
	vertical-align: super;
	font-size: 60%;
}

.red {
	color: #a0131b;
}

/* カスタマーなど */	

#faqA_wrap #quesbox_wrap section.quesbox .answer_text .infobox {
	width: 550px;
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #d4d4d4;
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text .infobox_l {
	width: 48%;
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #d4d4d4;
	float: left;
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text .infobox_r {
	width: 48%;
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #d4d4d4;
	float: right;
}

#border {
	border: dashed 2px #9e9f9e;
	padding: 5px;
}


#faqA_wrap #quesbox_wrap section.quesbox .answer_text .infobox p.info_ttl {
	margin-bottom: 10px;
	padding: 3px 10px;
	background-color: #F5F5F5;
}

#faqA_wrap #quesbox_wrap section.quesbox .answer_text .infobox p.info_text {
	margin-left: 10px;
}


/* 問いあわせ */

#faqlist_wrap .contactform {
	margin: 30px auto 45px;
	text-align: center;
}

#faqlist_wrap .contactform p {
	margin-bottom: 10px;
}


/* その他の質問一覧 */

#faqlist_wrap #faqmenu {
}

#faqlist_wrap #faqmenu .faqmenu_l {
	float: left;
	width: 390px;
}

#faqlist_wrap #faqmenu .faqmenu_r {
	float: right;
	width: 390px;
}

#faqlist_wrap #faqmenu h4 {
	padding: 5px 5px;
	background-color: #F5F5F5;
	border-left: 5px solid #a0131a;
	font-weight: normal;
}

#faqlist_wrap #faqmenu ul.faqmenulist {
	margin: 5px 0 25px;
}

#faqlist_wrap #faqmenu ul.faqmenulist li {
	padding: 5px 0;
	list-style-image: url("/wp/wp-content/themes/pc_design/images/side_nav/member_list_icon.png");
	list-style-position: inside;
	border-bottom: 1px dashed #e4e4e4;
}

#faqlist_wrap #faqmenu p.faqtop {
	clear:both;
	margin: 0 auto;
	text-align: center;
}
/*追加*/
.main_area .txt_cnt{
	text-align:center;
	}
	
.main_area .l_ttl_wp {
padding:10px 18px;
margin: 40px 0 0 0 ;
border-top: 2px solid #a0291c;
}
.main_area #faqA_wrap .l_ttl_wp h3{
margin:0;
padding:0;
font-size: 20px;
}
.howto_use .goods-detail-description--faq {
	margin: 0;
	padding:6px 0;
	border-top: 1px solid #c9c9c9;
}
.howto_use .goods-detail-description--faq dt {
	position: relative;
	color: #3e3e3e;
	font-size: 15px;
	font-weight: normal;
	display: block;
	width: 100%;
	padding: 16px 60px 14px 20px;
}
.howto_use .goods-detail-description--faq dt:before,
.howto_use .goods-detail-description--faq dt:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #a30e0e;
}
.howto_use .goods-detail-description--faq dt:before {
	right: 30px;
	width: 2px;
	height: 12px;
}
.howto_use .goods-detail-description--faq dt.open_:before {
	content: none;
}
.howto_use .goods-detail-description--faq dt:after {
	right: 25px;
	width: 12px;
	height: 2px;
}

.howto_use .goods-detail-description--faq dt strong {
	color: #a30e0e;
	font-size: 20px;
}
.howto_use .goods-detail-description--faq dd {
	position: relative;
	display: none;
	font-size: 14px;
	line-height: 1.9;
	padding: 20px 58px;
	background: none;
}
.howto_use .goods-detail-description--faq dd:before {
	content: "";
	display: block;
	position: absolute;
	left: 21px;
	top: 20px;
	width: 20px;
	height: 17px;
}
.howto_use .goods-detail-description--faq dd a {
	text-decoration: underline;
}
/* howto 追加分 end */

/* karturaスタイル */
.goods-detail-description--movie .mv_style_b{
	width: 100%;
	height: 361px;
}

/* 使い方画像 */
.mypage-step-ss-wrap{
  overflow-x: scroll;
}
table.mypage-step-ss{
  width: 100%;
  border-collapse: collapse;
  /* white-space: nowrap; */
}
table.mypage-step-ss td{
  vertical-align: top;
}
.main_area{
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
table.mypage-step-ss .sp-only{
  display: none;
}
table.mypage-step-ss td{
  min-width: 520px;
  max-width: 520px;
  padding: 0 1em;
}

.link__inner{
      padding-top: 2.5rem;
      margin-top: -2.5rem;
}
.link__inner div.answer_text{
    padding-top: 35px;
}
#faq_wrap .note {
  font-size: 10px;
}