@charset "utf-8";

/* Source Han Sans JPのかわり ―――――――*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/* Source Han Sans JPのかわり ―――――――*/



*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

input{
    -webkit-appearance:none;
  -moz-appearance: none;
 　appearance:none;
   }


html{
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
/*   font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;*/
  font-size: 62.5%
}

body{
    background: none;
    background-size: 100%;
  width:100%;
  margin: auto;
  font-size: 1.4rem;
  box-sizing: border-box;
  color: #333333;
}  


@media only screen and (max-width: 320px) {
body{
max-width: 320px;} }
@media only screen and (min-width:768px) {
body {
max-width: 768px;} }


/*

@media (min-width:768px){
body {
width: 768px;
}
}

@media (min-width:992px) {
body {
 width: 992px;
}
}  
  
@media (min-width: 1200px) {
body {
    width: 1200px;
  }  
  
} */




a:link {   color:#4a4a4a;
text-decoration: none; }
a:visited {   color:  #4a4a4a; }
a:hover {   color:  #4a4a4a;
text-decoration: none; }
a:active {   color: #4a4a4a; }


/* h1　〜　h3 */

h1{
padding:0;
margin:0;  
font-weight: bold;
font-size: 20px;
line-height: 26px;
}

h2{
padding:0;
margin:0;  
font-weight: bold;
font-size: 20px;
line-height: 28px;
}

@media only screen and (max-width: 374px) {
h2{
font-size: 18px; }
}  


h3{
padding:0;
margin:0;  
font-weight: bold;
font-size: 18px;
line-height: 24px;
}

/* h1　〜　h3 */



ul{
    display: block;
    list-style-type:  none;
    margin-block-start: 0px;
    margin-block-end:0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}


img{
max-width: 100%; 
}


/* 汎用　‐――――――――――――――――――‐―――――――――――――――――― */

/* 汎用　margin　padding ―――――――*/

.u-m0 {
margin: 0px !important; }


.u-m5 {
margin: 5px !important; }

.u-m10 {
margin: 10px !important; }

.u-m20 {
margin: 20px !important; }

.u-m30 {
margin: 30px !important; }

.u-m40 {
margin: 40px !important; }


/* 汎用　padding０　右　左　上　下―――――――*/

.u-p0-r {
padding-right: 0px !important; }

.u-p0-l {
padding-left: 0px !important; }


.u-p0-t{
padding-top: 0px !important; }

.u-p0-b{
padding-bottom: 0px !important; }

/* 汎用　padding０　右　左　上　下―――――――*/


/* 汎用　padding　上―――――――*/
.u-p0 {
padding: 0px !important; }

.u-pt10 {
padding-top: 10px !important; }

.u-pt60 {
padding-top: 60px !important; }


/* 汎用　padding　―――――――*/

.u-p5 {
padding: 5px !important; }

.u-p10 {
padding: 10px !important; }

.u-p20 {
padding: 20px !important; }

.u-p30 {
padding: 30px !important; }

.u-p40 {
padding: 40px !important; }

/* 汎用　margin-top　―――――――*/


.u-mt0 {
margin-top: 0 !important; }

.u-mt5 {
margin-top: 5px !important; }

.u-mt8 {
margin-top: 8px !important; }

.u-mt10 {
margin-top: 10px !important; }

.u-mt15 {
margin-top: 15px !important; }

.u-mt20 {
margin-top: 20px !important; }

.u-mt25 {
margin-top: 25px !important; }

.u-mt30 {
margin-top: 30px !important; }

.u-mt40 {
margin-top: 40px !important; }

.u-mt50 {
margin-top: 50px !important; }

.u-mt60 {
margin-top: 60px !important; }



/* 汎用　margin-bottom　―――――――*/

.u-mb0 {
margin-bottom: 0 !important; }

.u-mb5 {
margin-bottom: 5px !important; }


.u-mb8 {
margin-bottom: 8px !important; }

.u-mb10 {
margin-bottom: 10px !important; }

.u-mb12 {
margin-bottom: 12px !important; }


.u-mb15 {
margin-bottom: 15px !important; }

.u-mb20 {
margin-bottom: 20px !important; }

.u-mb24 {
margin-bottom: 24px !important; }

.u-mb25 {
margin-bottom: 25px !important; }

.u-mb30 {
margin-bottom: 30px !important; }

.u-mb40 {
margin-bottom: 40px !important; }

.u-mb50 {
margin-bottom: 50px !important; }

.u-mb60 {
margin-bottom: 60px !important; }



/* 汎用　margin-left　―――――――*/

.u-pl15 {
padding-left: 15px !important; }

/* 汎用　margin　左右　auto　―――――――*/

.u-mauto{
margin:auto !important; }


/* テキスト　寄せ　―――――――*/
.tex_left{
text-align: left !important;
}

.tex_right{
text-align: right !important;
}

.c{
text-align: center;
}

/* テキスト　太さ　―――――――*/

.b{
font-weight: bold;
} 

.fcolor_orenge{
color: #F37F5A;
}

/* テキスト　大きさ　―――――――*/

.fs10{
font-size: 10px !important;
}

.fs12{
font-size: 12px !important;
}

.fs13{
font-size: 13px !important;
}

.fs14{
font-size: 14px !important;
}

.fs15{
font-size: 15px !important;
}

.fs16{
font-size: 16px !important;
}

/* テキスト　line-height　―――――――*/

.l_h13{
line-height:1.3 !important;
}

.l_h15{
line-height:1.5 !important;
}

.l_h17{
line-height:1.7 !important;
}


/* フレックス　―――――――*/

.u-flex-center{
    display: flex;
    align-items: center;
}

.u-flex-top{
    display: flex;
    align-items: flex-start;
}


/* 汎用　‐――――――――――――――――――‐―――――――――――――――――― */


/* ページ部分指定　‐――――――――――――――――――‐―――――――――――――――――― */


/* ページ幅　指定　左右　11pt */
.article_page_width{
padding:0 16px;
} 


/* ぱんくず */
#article_topic_pass{
font-size:10px;
background: #FCF8F2;
/* width:100%;*/
display: flex;
flex-wrap: wrap;
align-items: center;
padding:0 14px 10px 14px;
}

/* ぱんくず　家画像 */
#article_topic_pass img{
max-width:12px;
margin:0 8px 0 0;
}


#article_topic_pass li{
margin-top:10px;
}

#article_topic_pass li span{
padding:10px 8px;
}
/* ぱんくず */


/* アイキャッチ部分 */
.article_eyecatch_image{
width:100%;
text-align: center;
}

.article_eyecatch_text{
font-weight: bold;
font-size: 20px;
line-height: 26px;
}

.article_eyecatch_caption{
font-size: 14px;
line-height: 22px;
text-align: justify;
font-weight: 400;
}

/* アイキャッチ部分 */

/* ソーシャルボタン */

#article_social_box{
display: flex;
align-items: center;
}

#article_social_box img{
max-width:28px;
margin: 0  0  0 12px;
}

#article_social_box li:first-child{
margin-right: auto;
color:#a7a7a7;
font-size:12px;  
}

/* ソーシャルボタン */

/* URLコピーボタン */
img.urlcopy {
    max-width: 98px !important;
}

/* ヘッダー */
.article_site-header{
/* box-sizing: border-box;
    width: 100%;
    position: relative;
   align-items: center;
    padding-top: 18.666%;
    background-image: url(../image/header_bg.sp.480.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; */
}

.article_header_bg_box{
width:100%;
}


.article_brand{
position: absolute;
    font: 0 / 0 a;
    width: 33.3%;
    content: "";
    display: block;
    background-image: url(../image/common/logo.sp.480.png);
    padding-top: 10.5%;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: transparent;
}

/* ロゴ */
.article_brand img{
}
/* ヘッダー */


/* 目次 */

#article_mokuji_box{
background: #FFFFFF;
border: 1px solid #EFE8EB;
box-sizing: border-box;
border-radius: 8px;
padding:16px 20px;
}

/* 目次 */


/* 見出し */
.midashi,.komidashi{
margin-top:8px;
}

.midashi a{
display: flex;
align-items: center;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}

/* 見出し　●画像　*/
.article_index_point1{
display: inline-block;
margin-right:8px;
width: 7px;
height: 7px;
background-image: url(/image/article/index_point1.sp.480.png);
background-repeat: no-repeat;
    background-size: contain;
}

.komidashi{
padding-left:20px;
}

.komidashi a{
display: flex;
align-items: center;
font-size: 13px;
line-height: 20px;

}

/* 子見出し　〇画像　*/

.article_index_point2 {
display: inline-block;
margin-right:12px;
width: 7px;
height: 7px;
background-image: url(/image/article/index_point2.sp.480.png);
background-repeat: no-repeat;
    background-size: contain;
}


.midashi_title{
display: flex;
align-items: flex-start;
font-weight: bold;
font-size: 20px;
line-height: 28px;  
}


.midashi_title span{
display: inline-block;
font-weight: bold;
    font-size: 20px;
    width: 6px;
  margin-right: 12px;
    line-height: 28px;
    background: #FF923E;
    border-radius: 3px;
}

.midashi_title img{
max-height:28px;
margin-right:12px;
}


.article_title_caption{
font-weight: bold;
font-size: 16px;
line-height: 24px;
}


/* 見出しテキスト指定 */
li.article_modashi_text{
margin-top:12px;  
font-size: 15px;
line-height: 26px;
text-align: justify;
display: flex;
align-items: top;  
}

/* 破線 */
.article_modashi_text_dashed{
padding-left:12px;
padding-bottom:3px;
text-decoration:underline #FFCFA3 dotted;
text-underline-offset: 0.3em;
-webkit-text-decoration:underline #FFCFA3 dotted;
-webkit-text-underline-offset: 0.3em;
text-align: justify;
}

/* チェック画像 */
.ic_checked{
position: relative;
top:5px;  
display: inline-block;
padding-right:12px;
/* width: 12px !important;*/
height:12px !important;
background-image: url(/image/article/ic_checked.sp.480.png);
background-repeat: no-repeat;
background-size: cover;
} 

/* 見出し　四角画像 */ 

.h1_point2{
    position: relative;
    top: 5px;
    display: inline-block;
    padding-right: 12px;
min-width: 17px !important;
    min-height: 18px !important;
    background-image: url(/image/article/hl_point2.sp.480.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.point2_text{
    padding-left: 12px;
}




/* 開運チップ */
.article_kaiun_tip{
display: inline-block;
background: #F7F4F4;
border-radius: 15px;
padding:6px 12px 6px;
font-weight: bold;
font-size: 15px;
line-height: 20px;
margin-bottom:8px;
}

/* article_page_width　内　ｐ指定 */
.article_page_width p{
font-size: 15px;
line-height: 24px;
text-align: justify;
font-weight: 400;
}

/* article_page_width　内　kiji指定 */
.article_page_width .kiji{
font-size: 15px;
line-height: 24px;
text-align: justify;
}



/* もっと画像 */
.article_more img{
max-width: 92px;
height:auto;
margin:20px 0 10px;  
}


/* もっとリスト*/
.article_list_image img{
max-width:64px;
min-width: 64px;
height: 64px;
border-radius: 6px;
margin-right:12px;
border: 1px solid #EFE8EB;
box-sizing: border-box;  
}  

/* もっとリスト　画像調整*/
.article_list_image_relation{
overflow: hidden;  
width: 64px;
height: 64px;
margin-right: 12px;    
border:1px solid #F0EDF3;  
border-radius: 6px;
object-fit: cover;   
}  

.article_list_image_relation img{
width: 35%;
position: absolute;
overflow: hidden;
left: -20px;
border-radius: 6px;
clip: rect(1px, 80px, 80px,21px);
object-fit: cover;
}


@media screen and (min-width: 768px){  
.article_list_image_relation img{
width: 15%;
position: absolute;
overflow: hidden;
left: -20px;
border-radius: 6px;
clip: rect(1px, 80px, 80px,21px);
object-fit: cover;
}  
}  

/* もっとリスト　画像調整*/

.article_list_name{
font-weight: bold;
font-size: 14px;
line-height: 20px;
}

.article_list_renew_1 li{
margin-bottom:20px;
}


.article_list_renew_1 span{
font-size: 11px;
line-height: 16px;
color: #A7A7A7;
display: inline-block;
padding-right:8px;
}

.article_list_renew_1 td{
vertical-align: top;
}

.article_list_renew_1 li a{
position: relative;
text-decoration: none;
display: block;
width:100%;
padding:0px 15px 0px 0px;
background: #FFFFFF;
box-sizing: border-box;
display: flex;
justify-content: normal;
align-items: center;
color:#333333;
line-height: 1.6 !important; 
}  

.article_list_renew_1 li a::after{
position: absolute;
display: block;
content: "";
right: 0px;
width: 7px;
height: 7px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
-webkit-transform: rotate(-45deg);
}


.article_list_renew_1 li a.article_list_arrow::after{
position: absolute;
display: block;
content: "";
right: 0px;
width: 7px;
height: 7px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
-webkit-transform: rotate(-45deg);
}


.article_list_name{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

/* マーカー　orenge*/
.marker_orenge {
background: linear-gradient(transparent 50%, #FFDAD7 50%);
}

/* マーカー　pink*/
.marker_pink {
background: linear-gradient(transparent 50%, #FFDAE6 50%);
}


/* マーカー　水色*/
.marker_blue {
background: linear-gradient(transparent 50%, #D2EFFF 50%);
}

/* マーカー　オレンジ*/
.marker_orenge {
background: linear-gradient(transparent 50%, #fae497 50%);
}

/* マーカー　吉*/
.article_marker_good {
display:inline-block;
padding:0 5px;  
background: linear-gradient(transparent 50%, #FFDAE6 50%);
}
/* マーカー　凶*/
.article_marker_bad {
display:inline-block;
padding:0 5px;  
background: linear-gradient(transparent 50%, #ADC0FC 50%);
}


/* フォント　orenge*/
.fc_orenge{
color:#FBA29B;
}

/* フォント　pink*/
.fc_pink{
color:#FF7CA7;
}


/* モチーフ画像*/
.article_motif_image{
max-width: 150px;
margin: auto;  
text-align: center;

}

/* サポートナンバーボックス*/
.article_support_box{
    background: #FFFFFF;
    border: 1px solid #DFECEA;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 20px 18px;
}

/* サポートナンバー*/

.article_support_no{
    color: #2F399A;
    font-style: italic;
    font-weight: 500;
	font-size: 45px;
    line-height: 1;
}

.article_support_text{
font-size: 15px;
line-height: 24px;
}

/* サポートナンバー*/


/* モチーフ画像*/
.article_love_work_image{
max-width: 768px;
margin:0 -11pt;
text-align: center;
}



/* ナンバー　リスト*/

.article_number_box{
    position: relative;  
width:100%; 
font-size:15px;
line-height:24px;
margin-bottom:20px;
 
} 

.article_mind_image{
padding-right:16px;
border: 1px solid #DFECEA;
box-sizing: border-box;
border-radius: 6px;   
  
} 

.article_number_image img{
min-width: 64px;  
max-width: 64px;  
margin-right:12px;  
} 

.article_number_box a{
  display:flex;
align-items:center; 
}

.article_number_box a::after {
    position: absolute;
    display: block;
    content: "";
    right: 0px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -webkit-transform: rotate(
-45deg
);
}


/* マインドナンバー　リスト*/


/* テーブル 通常*/
.article_table{
width:100%;
border-collapse: separate;
border-spacing:6px;
}

table tbody tr:last-child th,
table tbody tr:last-child td {
border-bottom: none;
}

.article_table th{
border-radius: 4px;
background: #FFF8D8;
}

.article_table th:first-child{
border-left:none;
}

.article_table td{
text-align: left; 
min-height: 44px;
vertical-align:top;  
padding:0px 0 0 10px;
font-size: 14px;
line-height: 20px;  
}

.article_table td :first-child{
}

.article_table th{
text-align: left;
padding:8px 0 16px 12px;
width:33%;
font-weight: bold;
font-size: 14px;
line-height: 20px;
min-height:44px;  
}

.td_border_r{
} 

.td_bg_gray{
padding:8px 0;
text-align: center;
font-weight: bold;
font-size: 13px;
line-height: 20px;
background: #F6F4F4;
border-right: 1px solid #E0D9D9;
}
/* テーブル*/



/* テーブル カラー指定*/

.article_table th[class^="color"]{
border-radius: 4px;
color:#ffffff;  
}


.article_table th.color1{
background: #E65E5E;
}

.article_table th.color2{
background: #F4A158;
}

.article_table th.color3{
background: #F7DF66;
}

.article_table th.color4{
background: #6DC07A;
}

.article_table th.color5{
background: #8FD7D7;
}

.article_table th.color6{
background: #666BE4;
}

.article_table th.color7{
background: #A86ECB;
}

.article_table th.color8{
background: #DD6EB7;
}

/* テーブル 開運アドバイス用*/
.article_table_kaiun{
width:100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 8px;
overflow: hidden;
border: 1px solid #E0D9D9;
}

table tbody tr:last-child th,
table tbody tr:last-child td {
border-bottom: none;
}

.article_table_kaiun th{
border-left: 1px solid #E0D9D9;
border-right: 1px solid #E0D9D9;  
border-bottom: 1px solid #E0D9D9;  
}

.article_table_kaiun th:first-child{
border-left:none;
}

.article_table_kaiun td{
vertical-align:top;
padding:8px 16px;  
border-bottom: 1px solid #E0D9D9;
font-size: 14px;
line-height: 18px;  
}

.article_table_kaiun td :first-child{
border-left: 1px solid #E0D9D9;
}

.article_table_kaiun th{
vertical-align:top;
text-align: left;  
padding:8px 16px;
width:35%;
font-weight: bold;
font-size: 14px;
line-height: 20px;
background: #F7F4F4;
}

/* テーブル 開運アドバイス用*/



/* キーワード*/
.article_keyword_tip{
display: flex;
flex-wrap: wrap;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}

.article_keyword_tip a{
margin:0 8px 8px 0;
color: #A7A7A7 ;
padding:8px 16px;
display: block;
border: 1px solid #A7A7A7;
box-sizing: border-box;
border-radius: 18px;
}


/* カテゴリーリスト*/
.article_category_list{
border: 1px solid #EFE8EB;
box-sizing: border-box;
border-radius: 12px;
}

.article_list_renew_2 li{
border: 1px solid #EFE8EB;
}


.article_list_renew_2 li:last-child{
border-bottom: none;
}

.article_list_renew_2 li a{
font-size: 14px;
line-height: 20px;
position: relative;
text-decoration: none;
display: block;
width:100%;
height: 52px;
padding:0px 25px 0px 20px;
box-sizing: border-box;
display: flex;
justify-content: normal;
align-items: center;
color:#333333;
}

.article_list_renew_2 span{
width: 8px;
height: 8px;
margin-right:12px;
border-bottom: 1px solid #EFE8EB;
border-left: 1px solid #EFE8EB;
box-sizing: border-box;
border-radius: 2px;
}  


.article_list_renew_2 li a::after{
position: absolute;
display: block;
content: "";
right: 22px;
width: 7px;
height: 7px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
-webkit-transform: rotate(-45deg);
}  

/* カテゴリーリスト*/  



/* タグ*/
.article_tag_tip{
display: flex;
flex-wrap: wrap;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}

.article_tag_tip a{
margin:0 8px 8px 0;
padding:8px 16px;
display: block;
border: 1px solid #A7A7A7;
box-sizing: border-box;
border-radius: 18px;
color: #A7A7A7 !important;
}
/* タグ*/


/* topボタン*/
a.article_top_btn{
color: #ffffff;  
font-size: 14px;
line-height: 20px;
border: 1px solid #E14574;
background-color:#E14574;
box-sizing: border-box;
border-radius: 20px;
display: flex;
align-items: center;
justify-content:center;
padding:10px;
}  


/* 入会ボタン*/
a.article_join_btn {
    color: #FF923E;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #FF923E;
    box-sizing: border-box;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}


/* もっと見るボタン*/
.js-more {
width:100%;
font-weight: bold;
font-size: 14px;
line-height: 20px;
    border: 1px solid #D6CCCF;
background:#ffffff;
box-sizing: border-box;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}      



/* 無料占い--------------------------------------------*/
.ngmark { border: 1px solid red; display: none; }
.tensei-image { display: none; width: 34%;}

.jsT128{
background: #F4F0EA;
    padding: 24px 26px 40px;
}

/* 矢印　*/
.ic_arrow_box{
padding:10px;}

.ic_arrow_box img{
width:26px;
height:26px;}
/* 矢印　*/

.tensei{
margin-left: 35%;
font-size: 14px;
text-align: left;
margin-top: -20%;
}

.tensei-text{
margin-top: 10px;
text-align: center;
}
.input-part, .free-result {
/* margin: 16px 0 16px 26%;*/
}

/* 電話番号欄　*/
.article_input-no{
width: 100%;  
box-sizing: border-box;  
font-size: 18px; 
height: 42px;
text-align: center;
background: #FFFFFF;
border-radius: 3px;   
border: #fff;
margin-right:13px;  
}

.article_input-no::placeholder{
font-size: 18px;
color: #A7A7A7;  
}



/* 占うボタン　*/
.article_input-submit{
box-sizing: border-box;
height: 42px;
color:#ffffff;  
text-align: center;
background: #FF7CA7;
border-radius:4px 21px 21px 4px;
border:solid 1px #FF7CA7;
width:25%;
font-weight: bold;
font-size: 16px;  
}

.birthday{
box-sizing: border-box;  
font-size: 18px;   
border-radius: 8px;
height: 42px;
text-align: center;
background: #FFFFFF;
border-radius: 21px 0px 0px 21px;   
border: #fff;
width: 75%;
}

.birthday:focus,
.ok:focus,
.detail:focus{
outline: none;
}

.birthday::placeholder{
font-size: 18px;
color: #A7A7A7;  
}

.image-frame{
display: flex;
}

.ok{
color: #fff;
    /* position: absolute; */
    width: 73%;
    margin:auto 13.5%;
    box-sizing: border-box;
    height: 42px;
    /* background: #57B0A5; */
    background: #E14574;
border-radius: 35px;
    /* border: #FF7CA7; */
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.detail{
color: #fff;
width: 159px;
height: 34px;
background: #CDB7F1;
border-radius: 19px;
border: #cdb7f1;
margin-top: 16px;
}

/* もっと詳しくボタン　*/
.article_btn_kihon {
    width: 100%;
    font-weight: bold;
    font-size: 14px !important;
  　color:#ffffff;　
    line-height: 20px;
    min-height: 34px;
    margin: auto;
    background: #FF923E;
/*   box-shadow: 1px 1px 3px rgb(0 0 0 / 15%);　*/
    border-radius: 19px;
}

.article_botton_box a {
    width: 100%;
  color: #ffffff;
    text-decoration: none;
    text-align: center;
    min-height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*

@media screen and (max-width: 811px){
.tensei{
margin-left: 42%;
}
}   


@media screen and (max-width: 737px){ 
.tensei{
margin-left: 34%;
margin-top: -22%;
}

.birthday{
width: 55%;
}

.detail{
width: 185px;
}
}

@media screen and (max-width: 667px){
.tensei{ 
margin-left: 37%;
margin-top: -24%;
}

.detail {
width: 180px;
}
}
@media screen and (max-width: 416px){
.tensei{
margin-left: 45%;
margin-top: -30%;
}
.input-part,
.free-result{
margin: 16px 0 16px 7%;
}



.birthday{
width: 70%;
}

.tensei-image{
width: 40% !important;
}

.detail {
width: 170px;
}
}

@media screen and (max-width: 376px){
.input-part{
margin: 16px 0 16px 6%;
}

.tensei-image {
width: 35% !important;
}
.detail{
width: 155px;
}
}
@media screen and (max-width: 321px){
.input-part, .free-result {
margin: 16px 0 16px 0;
}
.birthday{
margin-left: 2%;
}

.tensei-image{
margin-left: 3%;
}

.tensei {
margin-left: 45%;
margin-top: -34%;
}
}  

*/

/* 天星占い */  

/* ページャー */  


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(https://ukj5v0yd2m.user-space.cdn.idcfcloud.net/css/fonts/glyphicons-halflings-regular.eot);
  src: url(https://ukj5v0yd2m.user-space.cdn.idcfcloud.net/css/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://ukj5v0yd2m.user-space.cdn.idcfcloud.net/css/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://ukj5v0yd2m.user-space.cdn.idcfcloud.net/css/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://ukj5v0yd2m.user-space.cdn.idcfcloud.net/css/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://ukj5v0yd2m.user-space.cdn.idcfcloud.net/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
 font-style: normal;   
}


.glyphicon-subscript:before {
  content: "\e256"
}

.glyphicon-menu-left:before {
  content: "\e257"
}

.glyphicon-menu-right:before {
  content: "\e258"
}


.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-8 {
    width: 66.6666666667%;
}


 .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 9pt;
    padding-right: 9pt;
}


.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}


:after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pager:after, .pager:before {
  content: " ";
  display: table
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center
}



.pager li {
  display: inline
}

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px
}

.pager li>a:focus, .pager li>a:hover {
  text-decoration: none;
  background-color: #eee
}

.pager .next>a, .pager .next>span {
  float: right
}

.pager .previous>a, .pager .previous>span {
  float: left
}

.close, .list-group-item>.badge {
  float: right
}

.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span {
  color: #888;
  background-color: #fff;
  cursor: not-allowed
}



.pager {
    margin-right: 0pt;
    margin-left: 0pt;
    height: 3pc;
    border-top: 1px solid rgba(0,0,0,.2);
}

.pager{
    border-bottom: 1px solid rgba(0,0,0,.2);
}





.pager>div {
  padding: 0;
  line-height: 3pc
}

.pager>div .item-page-size {
  font-size: 9pt
}

.pager>div .item-paging {
  text-align: center
}

.pager>div .item-paging a {
  float: none;
  color: #333;
  display: block;
  font-size: 24px
}

.pager>div .item-paging a.disabled {
  opacity: .2
}

.pager .pager-aside {
  font-size: 10px;
  text-align: center;
  margin-top: 6px;
  line-height: 1
}


/* ページャー */  


/*---性格占い紹介　-------*/
  
  .article_personality_box{
  padding:0 2pt;  
  width:100%;
  display:flex;
  justify-content: space-between;  
 }   
  
  .personality_image_box{
  width:47% !important;}
  
  .personality_image_box p{
  display: -webkit-box;
  -webkit-box-orient:
  vertical;-webkit-line-clamp: 2;
  overflow: hidden;}
  
/*---性格占い紹介　-------*/  


.article_rank {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
} 

  .article_icon_rank1,.article_icon_rank2,.article_icon_rank3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
} 



  /*------ランク画像　-------*/
  .article_icon_rank1::before {
    position: relative;
    top: 0%;
    left:0px;
    content: "";
    display: inline-block;
    width: 18px;
    height: 13px;
    margin:0 8px 0 0; 
    background: url(/image/article/ic_rank1.sp.480.png) no-repeat 100%;
    background-size: contain;
  } 

  
    .article_icon_rank2::before {
    position: relative;
    top: 0%;
    left:0px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin:0 8px 0 0; 
    background: url(/image/article/ic_rank2.sp.480.png) no-repeat 100%;
    background-size: contain;
    }


    .article_icon_rank3::before {
    position: relative;
    top: 0%;
    left:0px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin:0 8px 0 0; 
    background: url(/image/article/ic_rank3.sp.480.png) no-repeat 100%;
    background-size: contain;
    }   


   /*------ランク画像　-------*/   
  

  /*------ダイヤ画像　-------*/
.article_icon_dia::before{
    position: relative;
    top: 0%;
    left:0px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin:0 8px 0 0; 
    background: url(/image/article/hl_point1.sp.480.png) no-repeat 100%;
    background-size: contain;
}

  
  #article_social_box img {
    max-width: 28px;
    margin: 0 0 0 12px;
}

img.urlcopy {
    min-width: 98px !important;
}
  
/*------footer　-------*/
footer {
    width: 100%;
    background: #C9E8E4;
    padding: 14px 0;
}

footer .copy {
    padding-top: 12px;
    font-size: 10px;
    line-height: 14px;
    color: #686868;
}
/*
footer a {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    background: url(/image/home.sp.480.png);
    background-size: contain;
}
-*/

#pageTop {
position: fixed;
    bottom: 25px;
    right: 12px;
    z-index: 100000;
}  
  
  
 #pageTop a {
position: relative;
    display: block;
    background-image: url(../image/common/ic_scrollTop.sp.480.png);
    color: #e2c08d;
    width: 56px;
    height: 75px;
    cursor: pointer;
    background-size: cover;
/*    opacity: 0.7;*/
  }
/*  
  #pageTop a:after {
    width: 9px;
    height: 9px;
    border-top: 2px solid #eac46d;
    border-left: 2px solid #eac46d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #fff;
  }  
  
#pageTop:after {
    content: "";
    display: block;
    clear: both;
    width: 9px;
    height: 9px;
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #fff;  
  position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}  

-*/

/*------footer　-------*/

/*------携帯下4桁占い部分　-------*/

.article_birthday_box {
  margin-top:12px;
}

.article_form-profile_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}


.article_element_box_parent {
  display: flex;
  justify-content: center;
  align-items: center;
    margin-top: 24px;
}

.article_element_box_parent img{
max-width: 300px;
margin:auto;  
vertical-align: bottom;  
}


.article_element_box {
max-width:360px;
  margin:0 20px;
  box-sizing: border-box;
  text-align: center;
}

#msg2 {
  padding-top:6px;
  color:#F20074;
  font-size:12px;
  text-align:center;
}

#kiji-el-text2, #kiji-mn-text2 {
  padding-bottom:12px;
}


.section-header .title {
display: inline-block;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    align-items: center;
    background: url(/image/wave-line3.sp.480.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 5px 10px;
    color: #333333;
}

.article_number_text{
 width: 250px;
}

      
      /* =====　チェックボックス　オン　===== */
      .time_check input[type="checkbox"]:checked {
        background: url(/image/common/checkbox_on.sp.480.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
      }

      /* =====　チェックボックス　オフ　===== */
      .time_check input[type="checkbox"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0px;
        display: block;
        width: 20px;
        height: 20px;
        background: url(/image/common/checkbox.sp.480.png);
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
      }
      /* =====　チェックボックス　===== */