/* 	個別課金2016.11.22 */

.kobetsu-body {
/*   background-image: url(/image/kobetsu/bg.sp.480.png);
  background-size: 100%;*/
  background: linear-gradient(134.23deg, #FBECFD 21.56%, #EAEDFD 68.46%);
  margin: 0 -12px;
}
.kobetsu-foot-bg {
/*   background-image: url(/image/kobetsu/footer.sp.480.png);*/
  background-repeat: no-repeat;
  padding-bottom: 12%;
  background-size: 100%;
  margin-left: -12px;
  margin-right: -12px;
}
.kobetsu-body .title {
  background-image: url(/image/rn/site/layout/bg/dot.sp.480.png);
  background-size: 15px;
  background-color: #fff;
}
.kobetsu-pack-name {
  background-color: #fff;
  margin: 0 -12px 24px;
  border: 2px solid #000;
  border-left: 0;
  border-right: 0;
  padding: 16px;
}

.kobetsu-pack-name img {
  width: 50px;
  height: 50px;
}

.flex{
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: -webkit-flex;
  display: flex;
}

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-1.pack-name {
  margin-left: 12px;
  font-size: 16px;
  font-weight: bold;
}


/*margin/padding*/
.mg-t8{
  margin-top: 8px;
}
.mg-t12{
  margin-top: 12px;
}
.mg-t24{
  margin-top: 24px;
}
.mg-b8{
  margin-bottom: 8px;
}
.mg-b12{
  margin-bottom: 12px;
}
.mg-b24{
  margin-bottom: 24px;
}
.mg-l8{
  margin-left: 12px;
}
.mg-l12{
  margin-left: 12px;
}
.mg-l24{
  margin-left: 24px;
}
.mg-r8{
  margin-right: 12px;
}
.mg-r12{
  margin-right: 12px;
}
.mg-r24{
  margin-right: 24px;
}

.pd-t12{
  padding-top: 12px;
}
.pd-t24{
  padding-top: 24px;
}
.pd-b12{
  padding-bottom: 12px;
}
.pd-b24{
  padding-bottom: 24px;
}
.pd-l12{
  padding-left: 12px;
}
.pd-l24{
  padding-left: 24px;
}
.pd-r12{
  padding-right: 12px;
}
.pd-r24{
  padding-right: 24px;
}

/*textŠÖŒW*/
.text-red{
  color: #ff0000;
}

.kobetsu-body p.basic-text {
  font-size: 1.1em;
  text-align: justify;
  line-height: 1.5;
}

/*listŠÖŒW*/
ul.flex-list {
  padding: 0px;
}

ul.flex-list.container {
  padding: 0 12px;
  margin-top: 24px;
}

ul.flex-list li {
  border-radius: 8px;
  position: relative;
  display: block;
  padding: 10px 8px;
  margin: 6px 0 12px;
  background-color: #fff;
  border: 1px solid #6ecddd;
  box-shadow: 0px 0px 10px #6ecddd;
}

.premium-list {
  border-radius: 0px !important;
  position: relative !important;
  display: block !important;
  padding: 10px !important;
  margin: 6px 0 12px !important;
  background-color: #fff !important;
  border: 1px solid #BC71D6 !important;
  box-shadow:none !important;
  border: 0.5px solid #BC71D6 !important;
}

.tip-box {
  padding-top: 8px;
  display: flex;
  flex-wrap: wrap;
}

ul.flex-list li .flex-box {
  display: -webkit-box;
  -webkit-box-pack: justify;
  display: -webkit-flex;
  display: flex;
}

ul.flex-list li a {
  text-decoration: none;
  position: relative;
  flex-wrap: wrap;
}

.mtop-premium-link{
  display: flex;
  flex-direction: column;
}

.kobetsu-tip {
  padding: 2px 4px 1px;
  margin: 0 5px 5px 0;
  background: #DD78D9;
  font-family: 'YuGothic', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
}

.kobetsu-tip.rank-1{
  background: #EBC564;
  width: 38px;
}

.kobetsu-tip.rank-2{
  background: #B4B4B4;
  width: 38px;
}

.kobetsu-tip.rank-3{
  background: #CB8E56;
  width: 38px;
}

.mtop-premium-link::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border-top: solid 1px #BC71D6;
  border-right: solid 1px #BC71D6;
  -webkit-transform: rotate(45deg);
}

ul.flex-list li a.flex-box::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border-top: solid 2px #555;
  border-right: solid 2px #555;
  -webkit-transform: rotate(45deg);
}

ul.flex-list li .flex-box span {
  display: inline-block;
}

ul.flex-list li .flex-box .flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 3%;
  padding-right: 6%;
}

ul.flex-list li span.menu-name {
  margin-top: .3em;
  margin-bottom: .2em;  
  font-family: 'YuGothic', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  align-items: center;
  color: #333333;
  width: 95%;
}
span.caption {
  margin-top: .2em;
  margin-bottom: .2em;
  font-size: 12px;
}

.flex-img{
  margin-right: 4px;
  min-width: 49px;
  height: 50px;
  flex: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
}

.kobetsu-body h4.subhead {
  position: relative;
  padding: 8px 8px 8px 12px;
  margin: 12px 6px 0px;
  color: #fff;
  border-left: 2px solid #fff;
  border-radius: 0;
  line-height: 1.4;
  font-weight: normal;
  font-size: 16px;
}

.kobetsu-body h4.subhead::before {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #fff;
}

span.kobetsu-settled.k-label,
#section-premium .kobetsu-settled{
  width: 100%;
}


/*2018/11/15佐々木追記*/

.icon-1 {background-image: url(/image/kobetsu/icon/1.sp.480.png);}
.icon-2 {background-image: url(/image/kobetsu/icon/2.sp.480.png);}
.icon-3 {background-image: url(/image/kobetsu/icon/3.sp.480.png);}
.icon-4 {background-image: url(/image/kobetsu/icon/4.sp.480.png);}
.icon-5 {background-image: url(/image/kobetsu/icon/5.sp.480.png);}
.icon-6 {background-image: url(/image/kobetsu/icon/6.sp.480.png);}
.icon-7 {background-image: url(/image/kobetsu/icon/7.sp.480.png);}
.icon-8 {background-image: url(/image/kobetsu/icon/8.sp.480.png);}
.icon-9 {background-image: url(/image/kobetsu/icon/9.sp.480.png);}
.icon-10 {background-image: url(/image/kobetsu/icon/10.sp.480.png);}
.icon-11 {background-image: url(/image/kobetsu/icon/11.sp.480.png);}
.icon-12 {background-image: url(/image/kobetsu/icon/12.sp.480.png);}

.tip{
  display: block;
  width: fit-content;
  border: 1px solid;
  padding: 3px;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 12px;
}

.tip.free{
  color: #fa108d;
}

.kobetsu-top .flex-list a.on:after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border: solid rgba(0,0,0,.3);
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.kobetsu-top .flex-list li a {
  display:block;
  position:relative;
}
.kobetsu-top .flex-list li {
  margin: 25px 10px;
}


.menu-links.menu-title.off {
  border: 1px solid #ccc;
  box-shadow: 0 0;
  padding: 10px;
}
.menu-links.menu-title.off span {
  color: #ccc;
}


/*2019/06/19　知覧追記*/
ul.flex-list li .flex-box .flex-1 span.kobetsu-open-date{
  font-size: 12px;
}

.section-header .title{
  font-size: 16px;
}  

.section-basic .title, .section-aisho .title, .section-timing .title, .section-recommend .title, .section-adviser .title, .section-situation .title, .section-destiny .title {
  font-size: 16px;
}

/* 2020/03/12 くらふじ追記 未購入チップ表記*/
.no-bought-tip{
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
  color: #fff;
  border: 1px solid #c1c7fe;
  background: #c1c7fe;
  font-size: 8px;
  line-height: 1;
  padding: 4px 8px;
}

/* 2020/03/12 くらふじ追記 購入チップ済みチップ表記*/
.bought-tip{
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
  color: #fff;
  border: 1px solid #d9766f;
  background: #d9766f;
  font-size: 8px;
  line-height: 1;
  padding: 4px 8px;
}

/*ーーーーーーーーーーーーー 2023/02/16 個別鑑定ページ　ーーーーーーーーーーーーーーーーーー*/

.kobetsu_page_width{
padding: 0 16px;}  

.kobetsu_cate_list{
margin:0 0 14px;}


.tip {
width: auto;
border: none;
padding: 0 6px;
margin-bottom: 3px;
font-size: 11px;
height: 19px;
/* line-height: 19px; */
display: inline-flex;
justify-content: center;
align-items: center;
}

ul.flex-list_kobetsu a{
position:relative;
width:100%;
display:block;
}

ul.flex-list_kobetsu  a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
display: block;
width: 12px;
height: 12px;
margin-top: -4px;
border-top: solid 1px #BC71D6;
border-right: solid 1px #BC71D6;
-webkit-transform: rotate(45deg);
}

.kobetsu-price{
display:inline-flex;

}
/* 
.page-body{
background-image:none;
-webkit-background-size: 100% 100%;
background-size: 100%;
background-image: linear-gradient(134.23deg, #FBECFD 21.56%, #EAEDFD 68.46%),
url(/image/site/layout/bg_pattern/bg_main.480.jpg);
background-repeat: repeat-y,repeat-y;  
background-blend-mode: lighten;} 


.kobetsu-body{
background-image:none;  
}
 */

.kobetsu_cate_list span{
display:inline-flex;
height: 25px;
background: #FFFFFF;
border: 1px solid #DD78D9;
display: inline-flex;
align-items: center;
justify-content: center;
padding:0 8px;
margin:0 8px 8px 0;
font-weight: 500;
}

.kobetsu_cate_list span:not([class]) a{
color: #DD78D9;
}

.kobetsu_cate_list span.active{
display:inline-flex;
height: 25px;
background: #DD78D9;
border: 1px solid #DD78D9;
color: #ffffff !important;
display: inline-flex;
align-items: center;
justify-content: center;
padding:0 8px;
margin:0 8px 8px 0;
font-weight: 500;
}

.kobetsu_cate_list span.active a{
color: #ffffff !important;
}

ul.flex-list_kobetsu li {
padding: 15px;
margin:16px 0 ;
background: #FFFFFF;
border: 0.5px solid #BC71D6;
display:flex;
}


ul.flex-list_kobetsu li a{  
display: flex;

}

  .kobetsu_title_box{
}

  .kobetsu_title_box_list{
  padding-left:12px;}


.flex-list_kobetsu .flex-img {
min-width: 50px;
height: 50px;
background-repeat: no-repeat;
background-size: contain;
background-position: 50%;
border-radius: 8px;
position: relative;
}

.kobetxu_image_box{
position:relative;}


.kobetsu_title_box_top .menu-name,
a .kobetsu_title_box .menu-name,
a .kobetsu_title_box_list .menu-name {
color: #333333;
font-weight: 500;
font-size: 14px;
line-height: 18px;
padding-right:12px;
display: inline-block;  }


/* 個別リストのタグ */

.tip.free0{
color: #FFF;
background-color:#C140BC;
}  


.tip.free1{
color: #DD78D9;
background: #FFFFFF;
border: 1px solid #DD78D9;

}
.tip.free2{
font-weight: 700;
color: #DD78D9;
background: #F9E3F8;
}
.tip.free3{
font-weight: 700;
color: #DD78D9;
background: #F9E3F8;
}



.tip.free4{
font-weight: 700;
color: #DD78D9;
background: #ffffff;
} 
.tip.free5{
color: #FFF;
background: #DD78D9;
}  
.tip.kobetsu_price{
font-weight: 700;
color: #DD78D9;
background: #ffffff;
} 

h4.cate_name{
font-size: 14px;
line-height: 21px;
font-weight: 700;
display:flex;
align-items: center;
margin: 0 0 12px 0;
} 

h4.cate_name::before{
content: "";
display: inline-flex;
width:15px;
height:15px;
border-radius:50%;
background:#BC71D6;
margin-right:5px;
}

.btn-primary_kobetsu {
color: #fff;
background-color: #DD78D9;
border-color: #DD78D9;
font-weight: 700;
font-size: 14px;
}
.btn-primary_kobetsu.btn-block {
width: 90%;
margin: 10px auto;
}

.btn-line_kobetsu {
background: #FFFFFF;
border: 1px solid #DD78D9;
color: #DD78D9;
font-weight: 700;
font-size: 14px;
}  

.btn-line_kobetsu.btn-block {
width: 90%;
margin: 10px auto;
} 

.package-title_kobetsu {
background: #FFFFFF;
border-radius: 8px;
margin: 20px 0 32px;
padding:20px;
} 

p.package-title{
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #333333;
padding-bottom:12px;  
border-bottom: 1px solid #BC71D6;  }

.free-kobetsu-icon {
min-width: 32px;
min-height: 32px;
max-width: 32px;
max-height: 32px;  
color: #FFFFFF;
background: #C140BC;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 11px;
line-height: 12px;
margin-right: 8px;
}  

.package-caption_kobetsu{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #333333;}  


  .kobetsu_result_box{
  background: #FFFFFF;
  padding:16px;
  }
  


 .kobetsu_result_box_bg{
    padding:42px 24px ;
    background-image:url(../image/kobetsu_2023/result_top_left.sp.480.png),
    url(../image/kobetsu_2023/result_top_center.sp.480.png),
        url(../image/kobetsu_2023/result_top_right.sp.480.png),
        url(../image/kobetsu_2023/result_btm_left.sp.480.png),
        url(../image/kobetsu_2023/result_btm_right.sp.480.png);
    background-repeat: no-repeat;
    background-position: left top,center top,right top,left bottom,right bottom;  
    background-size:60px,52px,60px,60px,60px;
  }
  
  .kobetsu_result-text{
  font-weight: 500;
font-size: 15px;
line-height: 180%;
color: #333333;
text-align: justify;  }
  
  
  .kobetsu_now{
  color: #DD78D9;
  font-weight: 500;
font-size: 12px;}
  
.flex-list_kobetsu li.off{
       border: 0.5px solid transparent !important;
  }
  

  .touroku_ninzu{
    font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #333333;
  }  
  .touroku_ninzu span{
  font-weight:700;}
  

  .kobetsu-caption{
  margin-right:12px;}

.free_icon_box{
display: flex;
    width: 100%;
    justify-content: flex-start;
}

select.form-control {
    -webkit-appearance: none;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 97%;
    background-image: url(/image/select_arrow.sp.480.png);
}

  p.package-title_sel {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}
  
  .select_fid{
  height: 48px;  
  background: #FFFFFF;
border: 0.5px solid #BC71D6;
  background-image:url(/image/select_arrow.sp.480.png);
  
  }

/* レコメンドの背景色 */
.area-recomend {
    background: transparent;
}

a.btn-line_kobetsu:link {
color: #DD78D9;
}  

a.btn-line_kobetsu:hover {
color: #DD78D9;
}