@charset "utf-8";

#wrapper a{
  text-decoration: underline;
}
.pt0{padding-top: 0!important;}

.mb0{margin-bottom: 0!important;}
.ta_r{text-align: right;
display: block;}

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



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

h3.member_ttl{
  display: block;
	font-size: 18px;
  font-weight: bold;
	color:#4d4d4d;
	background:#fff;
	border-bottom:#53bed9 solid 2px;
	border-top:#53bed9 solid 2px;
	margin: 0 0 20px;
  padding: 12px 0;
	text-align: center;
  position: relative;
}
h3.member_ttl::after{
content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 15px solid transparent;
  border-top: 15px solid #53bed9;
  border-bottom-width: 0;
}
h3.member_ttl span{
  background: url('/sp/staff/member/img/mai.png') no-repeat left 0px /contain;
  padding: 8px 0 5px 48px;
}

.ableBox{
  background: #fcfbf0;
  padding: 20px 10px;
}
.ableBox h4{
  font-size: 16px;
  color:#fff;
  padding: 8px 0;
  font-weight: bold;
  text-align: center;
}
.ableBox h4.pink{background: #fe8590;}
.ableBox h4.blue{background: #6eabe5; margin-top: 20px;}
.numbering {
   margin: 0;
   counter-reset: number 0;
 }
.ableBox h5{
  position: relative;
  padding:0 0 10px 25px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -0.8px;
}
 .numbering h5::before {
   counter-increment: number 1;
   content: "0" counter(number) ; 
   padding-right: 5px;
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 22px;
   color: #ffb8be;
   position: absolute;
   top:-5px;
   left: 0;
 }
.numbering h5.lines::before {
   top:5px;
   left: 0;
}

.ableBox .pink_box{
  border-right: 2px solid #dadada;
  border-bottom: 2px solid #dadada;
  border-radius: 10px;
  padding: 10px;
  background: #fff;
  margin-top: 10px;
  border-left: 2px solid #ffb8be;
  border-top: 2px solid #ffb8be;
}
.ableBox .contents{
  display: flex;
  /*justify-content: center;
  align-items: center;*/
  width: 100%;
}
.ableBox .contents .pict{
  margin-right: 10px;
  text-align: center;
  width: 25%;
}
.ableBox .contents .txt{
  width: 70%;
}
.ableBox .contents .txt span{
  display: block;
}
.ableBox .contents .txt span.astTxt{
  color: #999;
}

.ableBox .blue_box{
  border-right: 2px solid #dadada;
  border-bottom: 2px solid #dadada;
  border-radius: 10px;
  padding: 10px 10px 15px 10px;
  background: #fff;
  margin-top: 10px;
  border-left: 2px solid #abd5fd;
  border-top: 2px solid #abd5fd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ableBox .blue_box ul{
  width: 68%;
}
.ableBox .blue_box div{
  width: 32%;
}

.ableBox .blue_box ul li{
 position: relative;
margin-left: 15px;
  font-weight: bold;
  margin-bottom: 7px;
}
.ableBox .blue_box ul li:last-child{
  margin-bottom: 0;
}

.ableBox .blue_box ul li span{
  background: linear-gradient(transparent 80%, #fffbc3 80%);
  display: inline-block;
}

.ableBox .blue_box ul li::after{
  display: block;
  content: '';
  position: absolute;
  top: .3em;
  left: -1em;
  width: 8px;
  height: 3px;
  border-left: 3px solid #abd5fd;
  border-bottom: 3px solid #abd5fd;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.btn_area{
  margin: 30px 20px;
}
h3.memberQA_ttl{
  background: #5ec5ef;
  font-size: 16px;
  color:#fff;
  padding: 8px 0;
  font-weight: bold;
  text-align: center;
}

.btn_area02{
  border-top: 2px solid #f13d95;
  border-bottom: 2px solid #f13d95;
  padding: 10px 10px 20px 10px;
  text-align: center;
  background: #ffe3f0 url('/sp/staff/member/img/bg.gif') repeat;
  background-size:8px 8px;
  margin: 30px 0;
}
.btn_area02 h3{
  margin-bottom: 5px;
  font-weight: bold;
  color: #333;
}
.btn_area02 .cont{
  background: #fff;
  border-radius: 10px;
  padding: 5px 10px;
  position: relative;
  margin-top: 45px;
}
.btn_area02 .cont .maiko{
  position: absolute;
  left: 0;
  top: -50px;
}
.btn_area02 img{
  display: block;
}
.btn_area02 p.point{
  background: linear-gradient(transparent 60%, #f9fc9c 60%);
  display: inline-block;
  margin: 20px auto 10px;
  color: #f13d95;
}
.btn_area02 p.point span{
font-size: 20px;
}

.btArea_in{
}
.btArea_in li{
	width: 48%;
	overflow: hidden;
  font-size: 12px;
  line-height: 1.1;
  color: #333;
}
.btArea_in li:nth-child(odd){
	float: left;
}
.btArea_in li:nth-child(even){
	float: right;
}
.btArea_in li a{
	display: block;
	margin-top: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-indent: 100%;
	padding: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.btArea_in .btn01 a{
	background-color: #EC5486;
    border-bottom: 3px solid #C63265;
}
.btArea_in .btn02 a{
	background-color: #4BC7CF;
    border-bottom: 3px solid #369DA4;
}
.btArea_in .txt01{
	margin: 10px 0px;
	font-size: 12px;
  text-align: left;

}
.btArea_in.new li{
  float: none;
  width: 100%;
}
.btArea_in.new li a{
  padding: 10px;
}
.btn_area02 .cont.cont_n{
  padding: 5px 20px;
}
.btArea_in.new .btn01 a {
  background-color: #f77201;
  border-bottom: 3px solid #cd5e00;
}

.btArea_in.new .btn02 a {
  background-color: #4BC7CF;
  border-bottom: 3px solid #369DA4;
  margin: 0 30px;
}
@media screen and (max-width: 320px) {
   /* 表示領域が320px以下の場合に適用するスタイル */
}


.hakenqaBox ul li .archive{
	display:block;
	text-decoration:none;
	color:#333333;
	background-color: #e2f3fa;
}
.hakenqaBox ul li.answer{
	padding: 10px 15px 10px 44px;
	background: #ffffff;
}
.hakenqaBox ul li.answer div span{
  font-weight: bold;
}
/*SS_WEB_MNT-4991 2020.01.21 ここから修正*/
.hakenqaBox ul li.answer{
  background-position: 3% 10px!important;
  background-size: 27px 23px!important;
  background-repeat: no-repeat;
}

.hakenqaBox ul li.answer.a1{	background:url(/sp/haken/img_n/ico_a1.png) no-repeat;}
.hakenqaBox ul li.answer.a2{	background:url(/sp/haken/img_n/ico_a2.png) no-repeat ;}
.hakenqaBox ul li.answer.a3{	background:url(/sp/haken/img_n/ico_a3.png) no-repeat ;}
.hakenqaBox ul li.answer.a4{	background:url(/sp/haken/img_n/ico_a4.png) no-repeat ;}
.hakenqaBox ul li.answer.a5{	background:url(/sp/haken/img_n/ico_a5.png) no-repeat ;}
.hakenqaBox ul li.answer.a6{	background:url(/sp/haken/img_n/ico_a6.png) no-repeat ;}
.hakenqaBox ul li.answer.a7{	background:url(/sp/haken/img_n/ico_a7.png) no-repeat ;}
.hakenqaBox ul li.answer.a8{	background:url(/sp/haken/img_n/ico_a8.png) no-repeat ;}


.hakenqaBox li div div{
	display:block;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:10px 30px 10px 44px;
	color: #666;
  background-position: 97% 50% , 3% 50%!important;
  background-size: 15px 15px, 27px 23px!important;
}
.hakenqaBox li div div.q1{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat ,url(/sp/haken/img_n/ico_q1.png) no-repeat;}
.hakenqaBox li div.add div.q1{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat ,url(/sp/haken/img_n/ico_q1.png) no-repeat;}
.hakenqaBox li div div.q2{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat  ,url(/sp/haken/img_n/ico_q2.png) no-repeat;}
.hakenqaBox li div.add div.q2{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat ,url(/sp/haken/img_n/ico_q2.png) no-repeat;}
.hakenqaBox li div div.q3{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat  ,url(/sp/haken/img_n/ico_q3.png) no-repeat;}
.hakenqaBox li div.add div.q3{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat ,url(/sp/haken/img_n/ico_q3.png) no-repeat;}
.hakenqaBox li div div.q4{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat  ,url(/sp/haken/img_n/ico_q4.png) no-repeat;}
.hakenqaBox li div.add div.q4{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat ,url(/sp/haken/img_n/ico_q4.png) no-repeat;}
.hakenqaBox li div div.q5{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat  ,url(/sp/haken/img_n/ico_q5.png) no-repeat;}
.hakenqaBox li div.add div.q5{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat ,url(/sp/haken/img_n/ico_q5.png) no-repeat;}
.hakenqaBox li div div.q6{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat  ,url(/sp/haken/img_n/ico_q6.png) no-repeat;}
.hakenqaBox li div.add div.q6{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat ,url(/sp/haken/img_n/ico_q6.png) no-repeat;}
.hakenqaBox li div div.q7{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat  ,url(/sp/haken/img_n/ico_q7.png) no-repeat;}
.hakenqaBox li div.add div.q7{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat ,url(/sp/haken/img_n/ico_q7.png) no-repeat;}
.hakenqaBox li div div.q8{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat  ,url(/sp/haken/img_n/ico_q8.png) no-repeat;}
.hakenqaBox li div.add div.q8{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat ,url(/sp/haken/img_n/ico_q8.png) no-repeat;}

/*SS_WEB_MNT-4991 2020.01.21 ここまで修正*/

.hakenqaBox li div.add div{
	display:block;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:10px 30px 10px 44px;
	color: #666;
}
/*=============================
  パンくずリスト
  ================================*/
#bread_crumb {
	/*border-top: 1px #dddddd solid;*/
	padding: 10px;
	background-color: #f8f8f8;
}
#bread_crumb > ol {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
#bread_crumb li {
    display: inline;
    float: left;
}
#bread_crumb li + li::before {
    color: #ccc;
    content: "＞";
    display: inline-block;
    font-size: 10px;
    padding: 0 4px 0 6px;
}
#bread_crumb li:last-child {
    float: none;
}
.indent-1em{
  text-indent: -1em;
  padding-left: 1em;
  display: block;
}
.specialoffer .wrapper {
    margin: 0;
    line-height: 1.6;
  z-index: 100!important;
}
.specialoffer .spoffer{
  background:url(/staff/member/imgs/pink_bg.png) repeat;
  padding: 10px 0;
}
.specialoffer .spoffer .box{
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
}
.specialoffer .spoffer .box dl{
}
.specialoffer .spoffer .box dt{
    background: linear-gradient(transparent 75%, #fffbc3 75%);
  display: inline-block;
  font-weight: bold;
  font-size:16px;
  margin:  0 0 10px ;
}
.specialoffer .spoffer .box dd{
position: relative;
margin-left: 15px;
  margin-bottom: 7px;
}

.specialoffer .spoffer .box dd::after{
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 8px;
  height: 3px;
  border-left: 3px solid #abd5fd;
  border-bottom: 3px solid #abd5fd;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.specialoffer .spoffer .box dd.astTxt::after{
  display: none;
}
.specialoffer .so_box{
  background: #fdfcf3;
  padding: 20px;
  position: relative;
}
.specialoffer .batsu{
  border: 1px solid #42b0cb;
  padding: 4px 0 0;
  text-align: center;
  font-size: 13px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFFFFF;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F9F9F9));
  background: -webkit-linear-gradient(#FFFFFF, #F9F9F9);
  background: -moz-linear-gradient(#FFFFFF, #F9F9F9);
  background: -ms-linear-gradient(#FFFFFF, #F9F9F9);
  background: -o-linear-gradient(#FFFFFF, #F9F9F9);
  background: linear-gradient(#ffffff, #f9f9f9);
  display: inline-block;
  color: #666;
  width: 30px;
  height: 24px;
}

.mypage #header .inner{
	z-index:0;
}
.btArea_in .btn03 a{
  background-color: #fff;
  border-top:2px solid #369DA4;
  border-left:2px solid #369DA4;
  border-right:2px solid #369DA4;
  border-bottom:4px solid #369DA4;
  text-align: center;
  color: #369DA4;
  font-size: 18px;
  line-height: 24px;
  text-indent: 0;
  text-decoration: none!important;
}