/* * * * * * * * * * * * * * * * * * * *
* shiuma custom.css
* * * * * * * * * * * * * * * * * * * */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@700&display=swap');

/* ■■■■ body設定 ■■■■ */
body {
color:#959393;
background-color:#ffffff;
margin: 0 auto;
min-width: 320px;  
max-width: 768px;
/* 20200817追加 */  
color:#333333;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",  "メイリオ",'Noto Sans JP' , sans-serif;
font-weight: 500;
-webkit-font-smoothing: antialiased;
vertical-align: baseline;
}




/* ■■■■ リンク周り ■■■■ */
a:link{color:#3C3C3C;}
a:visited{color:#333333;}

img{
vertical-align: bottom;}

.b{
font-weight: bold !important;
} 


/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* 強調するとき用　赤 */
.st_1 {color : #ff0000;}

/* 強調するとき用　白 */
.st_2 {color : #ffffff;}

/* 強調するとき用　黒 */
.st_3 {color : #000000;}

/* 強調するとき用 */
.st_4 {color : #008CE9;}

/* 強調するとき用 */
.st_5 {color : #008db7;}

/* 強調するとき用 */
.st_6 {color : #41affe;}

/* 強調するとき用 */
.st_7 {color : #7f1184;}

/* 強調するとき用 */
.st_8 {color : #959393;}

/* 強調するとき用 */
.st_9 {color : #99945d;}

/* 強調するとき用 */
.st_10 {color : #9cbb1c;}

/* 強調するとき用 */
.st_11 {color : #b3b59a;}

/* 強調するとき用 */
.st_12 {color : #ea5532;}

/* 強調するとき用 */
.st_13 {color : #f90882;}

/* 強調するとき用 */
.st_14 {color : #FC6B00;}

/* 強調するとき用 */
.st_15 {color : #fcc800;}

/* 強調するとき用 */
.st_16 {color : #ff1493;}

/* 強調するとき用 */
.st_17 {color : #fffacd;}

/* 強調するとき用 */
.st_18 {color : #ff3333;}


.st_ot_1 {color : #00a3ff;}
.st_ot_2 {color : #0000ff;}
.st_ot_3 {color : #008ce9;}
.st_ot_4 {color : #6e5e15;}
.st_ot_5 {color : #8a2be2;}
.st_ot_6 {color : #406c7e;}
.st_ot_7 {color : #666666;}
.st_ot_8 {color : #696969;}
.st_ot_9 {color : #728509;}
.st_ot_10 {color : #747474;}
.st_ot_11 {color : #920055;}
.st_ot_12 {color : #949494;}
.st_ot_13 {color : #ac9b80;}
.st_ot_14 {color : #b18c1c;}
.st_ot_15 {color : #b1002e;}
.st_ot_16 {color : #dc143c;}
.st_ot_17 {color : #de2015;}
.st_ot_18 {color : #e96e00;}
.st_ot_19 {color : #ec3592;}
.st_ot_20 {color : #ee3800;}
.st_ot_21 {color : #fc6b00;}
.st_ot_22 {color : #ff0081;}
.st_ot_23 {color : #ffff99;}
.st_red {color : red;}

/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #454d5a;
background : -webkit-gradient(linear, left top, left bottom, from(#454d5a), to(#454d5a));
font-size : 0;
line-height : 0;
width : 100%;
height : 1px;
margin : 10px auto;
}



/* ■■■■ マーキー設定 ■■■■ */
.marquee {
border : none;
background-color : #ffffff;
width : 100%;
overflow : hidden;
overflow : -webkit-marquee;
display : -wap-marquee;
-wap-marquee-loop : infinite;
white-space : nowrap;
}



/* ■■■■ TOPに戻る ■■■■ */
#box_top {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffb501;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));

font-size : 100%;
line-height : 30px;
width : 95%;
height : 30px;
margin-left : 1px;
margin-right : 1px;
text-align : left;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

#box_top a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}



/* ■■■■ 登録する ■■■■ */
.box_reg {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #f30101;
background : -webkit-gradient(linear, left top, left bottom, from(#fff6dd), to(#f30101));

font-size : 150%;
line-height : 30px;
width : 60%;
height : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

.box_reg a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}



/* ■■■■ 角丸ボックス　影つき ■■■■ */
.box_tokubetu {
padding : 5px;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 10px #000000;
border : solid 3px #f76700;
border-radius : 10px;
-webkit-border-radius : 10px;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.waku {
border : solid 1px #ffffff; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}



/* ■■■■ 汎用リスト01 ■■■■ */
.list_01 {
border-radius : 10px;
-webkit-border-radius : 10px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.list_01 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : 30px;
overflow : hidden;
}

.list_01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #000000; /*リスト内の文字色*/
text-decoration : none;
-webkit-box-sizing : border-box;
}

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

.list_01 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}



/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン ■■■■ */
.list_02 {
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
list-style : none;
}

.list_02 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : auto;
}

.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

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

.list_02 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}




/* ■■■■　右下で常駐する会員登録ボタン　■■■■ */
.reg_btn_free {
position:fixed;
bottom: 3%;
right: 3px;
width: 145px;
height: 60px;
text-align : center;
border-color: rgb(255, 255, 255);

border-radius: 100px;

-webkit-border-radius: 100px;

background-image : -webkit-gradient(linear,left top,left bottom, from(#ff943d), to(#f27911));
-webkit-box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;

}


.reg_btn_free a:link{
padding: 13px 5px 5px 5px;
line-height: 1.3em;
font-size: 16px;
font-weight : bold;
border: 2px rgb(0 0 0);
letter-spacing : 2px;
color: rgb(255, 255, 255);

text-decoration : none;
display : block;
text-shadow: -1px -1px 1px rgb(34, 34, 34), 1px 1px 1px rgb(162, 162, 162);
}
/* ■■■■　追加　■■■■ */
.up_down_info{
font-size : 90%;
margin-bottom : 15px;
}
.up_down_info a{
color : #FC6B00;
}

.emg {
border-radius: 4px;     
background: rgb(242, 120, 120);  
border: 1px solid rgb(226, 15, 15);  
margin: 8px;  
padding: 4px;
font-size: 12px;
}

.emg a{
color:#fff;
text-decoration:none;
display:block;
width:100%;
}

/*2017/09/06追記*/
.nav.nav-first ul li.col1-4 {
width: 25%;
}

.nav-first li.col1-4 a {
padding: 8px 0;
}

/*フォームページ用　20190828↓ ------------------------------------------------------*/


/* ※文字消す */
.common-form .form-control label span:after, .common-form .form-control .label span:after{
content:none !important;
} 

.common-form .form-control label span{
padding:0;
}

.custom-form input,.custom-form form, .custom-form select, .custom-form textarea{
margin:0;
}

.content-body{
width: 90.66666% !important;
margin: 16px auto 12px auto !important;
}

/* .form-group {
width:90.66666% !important;
margin:16px auto 12px auto !important;}*/

/* ボタン　submit指定*/

input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
border:1px solid #CBC9C9;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
/* ボタン指定*/


.form-horizontal .form-group{
margin:0;
}


.form-fontColor{
color:#242729 !important;
font-weight:normal ;} 


.common-form {
padding:0 !important;}


/* placeholder色 */
::-webkit-input-placeholder {
color: #D8D8D8;
}

::-moz-placeholder {
color: #D8D8D8; opacity: 1;
}
:-ms-input-placeholder {
color: #D8D8D8;
}


.meiPaddingRight{
padding:0 6% 0 0 ;
}



/* フレックスボックス */
.cell {
width:100%;
margin:8px auto 0px auto !important;
display:flex !important;
align-items: center;
}

/* フレックスボックス*/
.cell_2 {
width:100% !important;
margin:8px auto 0px auto !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
}

/* フレックスボックス化 */
.cell_3 {
width:100%;
margin:8px auto 0px auto;  
display:flex !important;
flex-wrap: wrap;
}



/* 必須をアイコン化 */
.must_icon{
display:block;
margin:0 0 0 8px !important;
width: 35px;
height:17px;
font-size:10px;
padding:2px 7px;
color: #ffffff !important;
text-align: center;
border-radius: 8px;	/* 角丸を指定する */     
background-color: #F37F5A !important;
box-sizing: border-box;
}

.arbitrary_icon{
display:block;
margin:0 0 0 8px !important;
width: 35px;
height:17px;
font-size:10px;
font-weight:bold;
padding:2px 7px;
color: #F37F5A !important;
text-align: center;
border-radius: 8px;	/* 角丸を指定する */     
background-color: #ffffff !important;
box-sizing: border-box;
}



/* 100%に戻す */
label{
width:100%;
margin:0 !important;
padding:0 !important;
}

input{ 
width:100%;
padding:0 8px;
box-sizing: border-box;
margin:0 auto 0 auto;
border: 1px solid #AEAEAD !important;/* ボックスの境界線を実線で指定する */
border-radius: 2px;	/* 角丸を指定する */
height:40px !important;
font-size: 16px !important;
}  


/* 姓名幅 */
.inputboxDef{
width:100% !important;
margin:0 0 0 0;
}

#inputNickname,#cf-lname,#cf-sei_hiragana{
width:100% !important;
margin:0 0 0 0;
}

#cf-fname,#cf-mei_hiragana{
width:94% !important;
margin:0 0 0 6%;
}


/* width　100% */

.fullWi{
width:100% !important;
}    


/* せれクト指定 */
select{
width: 100%;
-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */ 
padding:0 8px;
box-sizing: border-box;
min-height:40px !important; 
margin:0 0 10px 0;
border: 1px solid #AEAEAD !important;/* ボックスの境界線を実線で指定する */
border-radius: 2px;	/* 角丸を指定する */
background-color: #ffffff; 
font-size: 16px !important;
color: #333333 !important;
} 
::-ms-expand { /* select要素のデザインを無効にする（IE用） */
display: none;
}


/* せれクト 矢印指定 */          
label.arrow {
position: relative; /* 選択ボックスの位置指定 */
display: block; /* ブロックレベル要素化にする */
}

label.arrow:before {
position: absolute; /* 矢印の位置を指定する */
content: ""; /* 矢印のコンテンツ */
top: 13px; /* 下部から配置の基準位置を決める */
right: 18px;
width: 8px;
height: 8px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
-webkit-transform: rotate(45deg);
}


/* せれクト 矢印指定　width53% */             
label.arrow_small {
width:53%!important;
position: relative; /* 選択ボックスの位置指定 */
display: block; /* ブロックレベル要素化にする */
}

label.arrow_small:before {
position: absolute; /* 矢印の位置を指定する */
content: ""; /* 矢印のコンテンツ */
top: 13px; /* 下部から配置の基準位置を決める */
right: 18px;
width: 8px;
height: 8px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
-webkit-transform: rotate(45deg);
}          

/*　ラジオボタンbox */     
.genderBox{
width:47%;
}

/* 性別ラジオボタンとる指定 */
input[type="radio"]{
display: none;
}
/* 性別ラジオボタン＋div指定 */
input[type="radio"]:checked + div{
width: 100%!important;
color: #ffffff !important;
text-align: center;
background-color: #F37F5A !important;
margin:0 0 10px 0 !important;
}

/* 性別ラジオボタン */
.label_gender  {
background-color: #CBC9C9;
display: block;	/* ブロックレベル要素化する */ 
width: 100%!important;/* ボックスの横幅を指定する */
height: 36px;	/* ボックスの高さを指定する */
line-height:40px;
color: #333333;	/* フォントの色を指定 */
text-align: center;	/* テキストのセンタリングを指定する */
border-radius: 5px;	/* 角丸を指定する */
margin:0 0 10px 0 !important;
}

#birthday-y{
width:35% !important;
height:40px;
word-break: break-all;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#birthday-m,#birthday-d{
width:26.2% !important;
height:40px;
word-break: break-all;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#birthtime-h,#birthtime-m{
width:26.2%  !important;
height:40px;
word-break: break-all;
font-size: 16px;

}


/*出生地 */ /*血液型 */
.inputdetails{
width:53%  !important;
height:40px !important;
font-size: 16px !important;
}

.error {
color:#ff0000;
background: none !important;
border-color: #ff0000 !important;
margin:0;

}

.caption{
font-size:0.8em;
}   

/* 結婚注意書き */
.bridecution{
font-size:0.8em;
margin:8px auto 0 auto;
padding:0 0 10px 0;
line-height:1.3em;

}
.bridecution p{
margin:0;
padding:0;
}

.cution_text{
color:#616161;
font-size:0.8em;
margin:-10px auto 0 auto;
padding:0 0 18px 0;
line-height:1.3em;

}
.cution_text p{
margin:0;
padding:0;
}

li{
list-style: none;
}





.inputButtonStyle{
margin:0 10px 0 0 ;
}




/* css checkbox01 */
.checkbox01-input{
display: none;
}
.checkbox01-parts{
padding-left: 20px;
position:relative;
/*  margin-right: 20px; */
}
.checkbox01-parts::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #F37F5A;
border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts{
color: #F37F5A;
font-weight: bold;
}
.checkbox01-input:checked + .checkbox01-parts::after{
content: "";
display: block;
position: absolute;
top: -5px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #F37F5A;
border-right: 3px solid #F37F5A;
}

.normal_btn{
border: 1px solid #ECECEC !important;
width:100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height:40px;
background: #ffffff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border:none;
margin-bottom:10px;
text-align: center;
    color: #333333;
}




.green_btn{
width:100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height:40px;
background: #D7EFEC;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border:none !important;
margin-bottom:10px;
text-align: center;
     color: #333333; 
}

.yellow_btn{
width:100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height:40px;
background: #F5C41A;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border:none !important;
margin-bottom:10px;
text-align: center;  
}

.paleyellow_btn{
width:100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height:40px;
background: #FFEEB1;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border:none !important;
margin-bottom:10px;
}

#paleyellow {
background: #FFEEB1;
}

.btn_radius{
border-radius: 20px !important;
}

.btn_radius_40{
border-radius: 40px !important;
}

.botton_box a{
width:100%;
text-decoration: none;
text-align:center;
min-height:40px;
display:flex;
justify-content: center;
align-items: center;
}


/* 確認ページ用↓ ------------------------------------------------------*/

/* 確認ページ用フレックスボックス */
.cell_conf {
width:100%;
margin:0 auto 0px auto !important;
display:flex !important;
align-items: top;
padding:25px 0 5px 0;
border-bottom: 1px solid #ECECEC;
}

.item_box{
width:40%;
}
.value_box{
width:60%;
font-size: 15px;
font-weight:bold;
line-height:1.7;

}

.cell_btn_box{
width:100%;
margin:0 auto 0px auto !important;
display:flex !important;
justify-content:space-between;
align-items: top;   
}

.cell_btn_box div{
width:48%;
} 


.confPaddingTop{
padding-top:10px;
display: block;
}

.confPaddingTop8{
padding-top:8px;
display: block;
}

.PaddingBttom8{
padding-bottom:8px;
display: block;
}


.MarginBttom18{
margin-bottom:18px;
}


.content-body-parent{

margin:auto !important;
}



.container{
width:100%;
margin:auto;}

.btn-wrap{
width:100% !important;
margin:auto;}


ul.list-check-switch div.text-box{
padding:18px 0 0 0 !important;
}

.confContentBox{
/* width:100%!important; */
color:#333333;
height:36px;
margin:0 auto 10px auto;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);/*#CBC9C9の60％*/
border-radius: 5px;	/* 角丸を指定する */
}


.confContentBox_a{
color:#333333;
width:94% !important;
margin:0 auto !important;
min-height:36px;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);
border-radius: 5px;	/* 角丸を指定する */
}

.confContentBox_b{
color:#333333;      
width:94% !important;
margin:0 0 0 6% !important;
min-height:36px;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);
border-radius: 5px;	/* 角丸を指定する */
}

.confContentBox_c{
color:#333333; 
width:33% !important;
margin:0 0 0 6% !important;
margin:0 auto 10px auto;
height:36px;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);
border-radius: 5px;	/* 角丸を指定する */
margin:0 0 10px 0;      
}


#birthday-y-conf{
color:#333333; 
width:32% !important;
height:36px;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);
border-radius: 5px;	/* 角丸を指定する */
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#birthday-m-conf,#birthday-d-conf{
color:#333333; 
width:24% !important;
height:36px;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);
border-radius: 5px;	/* 角丸を指定する */
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#birthtime-h-conf{
color:#333333;   
width:26.2%  !important;
height:36px;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);
border-radius: 5px;	/* 角丸を指定する */
}

#birthtime-m-conf{
color:#333333;  
width:26.2%  !important;
margin-left:6%;
height:36px;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);
border-radius: 5px;	/* 角丸を指定する */
}

/*出生地・血液型 */
.details-conf{
color:#333333;  
width:53%  !important;
height:36px;
font-size: 16px;
line-height: 2;
padding: 0 8px;
word-break: break-all;
background-color: rgba(203, 201, 201,0.6);
border-radius: 5px;	/* 角丸を指定する */
margin:0 0 18px 0;
}


/* 性別ラジオボタン */
div.label_genderConf {
background-color: #F90882;
display: block;	/* ブロックレベル要素化する */ 
width: 47%;	/* ボックスの横幅を指定する */
height: 36px;	/* ボックスの高さを指定する */
line-height:40px;
color: #ffffff;	/* フォントの色を指定 */
text-align: center;	/* テキストのセンタリングを指定する */
border-radius: 5px;	/* 角丸を指定する */
margin:0 0 10px 0;
}

　/* テーマ別開運デザイン変更 以下20200612くらふじ追加*/
　/*   .tabs .tabs-selector li a {
background: #BD7311 !important;
}  

.tabs .tabs-selector li.active a {
background: #ef8f0f !important;
color: #FFF !important;
}*/

.easy_luck_top {
display: flex;
margin: 10px 10px -14px 20px;
border-bottom: solid 0.5px #3C3C3C;
}

#money {
margin-top: 30px;
padding: 0.5em 0 0.5em 0;
}

.easy_luck {
padding-bottom: 55px;
}

.easy_luck_discription {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 23px;
align-items: center;
text-align: center;
}

.luck_title {
position: absolute;
width: 144px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
text-align: center;
color: #F8208D;
margin: 10px 0 0 40px;
}

.luck_content_ul {
margin: 15px 10px 15px 20px;
}

.luck_content {
padding: 1.3em 0 1.3em 0 !important;
text-align: left;
border-bottom: solid 0.5px #3C3C3C !important;
}


.luck_content a {
text-decoration:none;
}

.luck_content ::after {
float: right;
line-height: 1;
display: block;
content: "";
right: 15px;
width: 7px;
height: 7px;
margin-top: 10px;
border-right: 3px solid #3C3C3C;
border-bottom: 3px solid #3C3C3C;
-webkit-transform: rotate(-45deg);
}

#device ::after {
margin-top: -5px;
}

.new_reg {
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 10px;
height: auto;
width: 200px;
height: auto;
text-align: center;
border: solid 1px #d66f1a;
border-radius: 8px;
-webkit-border-radius: 8px;
background-image: -webkit-gradient(linear,left top,left bottom, from(#ff943d), to(#f27911));
-webkit-box-shadow: 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
box-shadow: 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

#more {
width: 149px;
height: 36px;
border-radius: 0px;
float: right;
margin-right: 20px;
}

.new_reg a{
padding: 3px 5px 8px 5px;
font-weight: bold;
letter-spacing: 2px;
color: #eeeeee;
text-decoration: none;
display: block;
text-shadow: -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;  
}
/* ここまで 20200612くらふじ追加*/

/* ここから　20200619くらふじ追加*/
.kobetsu {
background: #DEBB78;
}

.kobetsu-header {
background:linear-gradient(0deg, #DEBB78 0%,#DEBB78 70%,#FFF 50%,#FFF 100%);
}

.white-border-new{
margin: 0 5px;
background: #FFF;
border-radius: 5px;
padding: 3px;
}  

.white-border-menu{
margin: 0 5px;
background: #FFF;
border-radius: 5px;
padding: 3px;
}  

.white-border{
margin: 25px 25px 0 25px;
padding-top: 1px;
padding-bottom: 1px;
background: #FFF;
height: 43px;
border-radius: 5px;
}    


li:first-child .rank-tip{
text-align:center;
color: #333333;
background: #E8DF94;
border-radius: 2px;
width: 42px;
font-size: 11px;
font-weight:700;
padding: 1px;
margin-bottom:3px;
}

li:nth-child(2) .rank-tip{
text-align:center;
color: #333333;
background: #DCDBD0;
border-radius: 2px;
width: 42px;
font-size: 11px;
font-weight:700;
padding:1px;
margin-bottom:3px;
} 

li:last-child .rank-tip{
text-align:center;
color: #333333;
background: #E4D3A8;
border-radius: 2px;
width: 42px;
font-size: 11px;
font-weight:700;
padding:1px;
margin-bottom:3px;
}


.list-group {
padding: 0.5em 0;
background: #fff;
border: solid 1px #f88405;
border-radius: 10px;
color: #3C3C3C;
}

.thumb-text li{
list-style: none;
position: relative;
border-bottom: dotted 1px #e92d16;
height: auto;
overflow: hidden;
}

a .list-group-target thumb {
display: block;
}

.menu-name {
margin-top: 10px;
}

h4.menu-name::after {
float: right;
line-height: 1;
display: block;
content: "";
width: 10px;
height: 10px;
margin-top: 2px;
border-right: 3px solid #f88405;
border-bottom: 3px solid #f88405;
-webkit-transform: rotate(-45deg);
}

li.list-group-item.list-group-item-secondary {
padding: 5px;
list-style: none;
position: relative;
border-bottom: dotted 1px #e92d16;
height: auto;
overflow: hidden;
}

li.list-group-item.list-group-item-secondary:last-child {
border-bottom: 0;
}
/* ここまで　20200619くらふじ追加*/

/* ここから　20200811 くらふじ追加*/
.kaiun_action {
text-align: center;
color: #3C3C3C;
font-weight: bold;
font-size: 18px;
}


#honne_menu {
background: #AFE76F;
height: 30px;
margin: 10px 0;
font-size: 16px;
border-radius: 4px;
border-bottom: none;
display: flex;
align-items: center;
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 23px;
padding: unset;
position: relative;
}
#honne_menu a{
margin-left: 20px;
margin-right: 20px;
}
#honne_menu ::after {
line-height: 1;
display: block;
content: "";
width: 7px;
height: 7px;
margin-top: -1%;
border-right: 3px solid #F88405;
border-bottom: 3px solid #F88405;
position: absolute;
top: 50%;
}

#dust_box {
height: 30px;
margin: 10px 0;
font-size: 16px;
display: flex;
align-items: center;
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 23px;
padding: unset;
position: relative;
}
#dust_box a{
margin-left: 20px;
margin-right: 20px;
font-size: 16px;
}
#dust_box ::after {
line-height: 1;
display: block;
content: "";
width: 7px;
height: 7px;
margin-top: -1%;
border-right: 3px solid #3C3C3C;
border-bottom: 3px solid #3C3C3C;
position: absolute;
top: 50%;
}
#dust_box ::before{
content:url(/image/ic/02.096.gif);
margin-right: 10px;
position: absolute;
left: 0;
display: block;
}

/* ここまで　20200811 くらふじ追加*/

/* cocoloni */
.cocoloni-banner {
font: 0/0 a;
color: transparent;
text-shadow: none;
border: 0;
background-color: #89CD00;
background-image: url(https://ukj5v0yd2m.user-space.cdn.idcfcloud.net/image/common/cocoloni-brand.sp.480.png);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 4pc 10px;
background-size: 4pc 10px;
height: 24px;
}


/* 汎用　margin　padding */
.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; }

.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; }

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

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

.u-mt5 {
margin-top: 5px !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-mt28 {
margin-top: 28px !important; }

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

.u-mt32 {
margin-top: 32px !important; }

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

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

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

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

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

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

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

.u-mb16 {
margin-bottom: 16px !important; }

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

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

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

.u-mb28 {
margin-bottom: 28px !important; }

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

.u-mb32 {
margin-bottom: 32px !important; }

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

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

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

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

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

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

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

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

.u-pt16 {
padding-top: 16px !important; }

.u-pt24 {
padding-top: 24px !important; }

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

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

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

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

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

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


.fl_box{
display: flex;
}

.fl_box_end{
display: flex;  
justify-content: flex-end;
}

.fl_box_center{
display: flex;  
justify-content: center;
}


.fcolor_orenge{
color: #F37F5A;
}

.fcolor_blue{
color: #2F399A;
}

.fcolor_red{
color: #E73232;
}

.fs10{
font-size: 10px !important;
line-height: 130%;
}   


.fs10{
font-size: 10px !important;
line-height: 130%;
}   


.fs11{
font-size: 11px !important; 
} 


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

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

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

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

.fs17{
font-size: 17px !important;
}

.fs20{
font-size: 20px !important;
}

.fs23{
font-size: 23px !important;
}


.f-normal{
font-weight: normal !important;
}

.fw500{
font-weight: 500 !important;
}

.fw700{
font-weight: 700 !important;
}

.v-align_bottom img{
vertical-align: bottom;
}

.l-hight130{
line-height:130% !important;
}

/* ===== body直下のbox ===== */
#box_renew {
border : none;
margin : 0;
padding :40px 20px 0px ;
margin-bottom:60px;
}

#box_renew p,.bg_dotted p,
.bg_dotted_kobetsu p{
font-size: 14px;
font-weight: bold;
line-height: 170%;
color: #333333;
text-align: justify;
}


.bg_dotted{
padding : 30px 20px 60px !important;
background-color   : #ffffff;
background-image   : radial-gradient(#e4f3f1 18%, transparent 25%),
radial-gradient(#e4f3f1 18%, transparent 25%);
background-position: 0 0, 3px 3px;
background-size    : 6px 6px;
}

.bg_dotted_kobetsu{
padding : 30px 20px 60px !important;
background-color   : #ffffff;
background: url(/image/kobetsu/kobetsu_bg.sp.480.png);
}

.bg_dotted_rank{
padding : 30px 20px 60px !important;
background-image   : radial-gradient(#D1EEE0 18%, transparent 25%),
radial-gradient(#D1EEE0 18%, transparent 25%),
#E1F3F1;
background-position: 0 0, 3px 3px;
background-size    : 6px 6px;
background-repeat: no-repeat
}


.bg_green{
background: #E1F3F1;
padding-bottom:60px !important;
}


#box_delete_comp {
border : none;
margin : 0;
padding :40px 20px 0px ;
margin-bottom:40px;
}

.bg_green_top{
background: #F0FCF6;
padding-bottom:60px !important;
}

/* ===== body直下のbox ===== */


/* cocoloni */
.cocoloni-banner {
font: 0/0 a;
color: transparent;
text-shadow: none;
border: 0;
background-color: #89CD00;
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/cocoloni-brand.sp.480.png);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 68px 10px;
background-size: 68px 10px;
height: 24px;
}

/* ヘッダー周り */
.header {
box-sizing: border-box; 
width:100%;
padding:11px 20px 10px 30px;
height: 60px;
background: #C9E8E4;
display: flex;
justify-content: space-between;
align-items: center;
}

.title_logo{
font: 0/0 a;
color: transparent;
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/new_logo.sp.480.png);
height:39px;
width:120px;
background-size:contain;
}

.drawer_btn{
background-color: #ffffff;
border-radius: 50%;
width:40px;
height:40px;

}


/* タイトル */
.title_box h1{
font-family: Yu Gothic;
font-style: normal;
font-weight: bold;
/* identical to box height, or 100% */
display: flex;
align-items: center;
color: #333333;

}

.title_text_box{
display: flex;
justify-content: center;
color: #333333;
}

/* 波画像 */

.title_text_box h3.tokushu {
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/svg/line.svg);
background-repeat: repeat-x;
background-position:left bottom;
padding-bottom:10px;
font-size: 20px;
letter-spacing: 5px;
}

.title_text_box h3 {
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/svg/line.svg);
background-repeat: repeat-x;
background-position:left bottom;
padding-bottom:10px;
font-size: 20px;

}

/* 波画像 */

.pege_title {
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
padding-bottom:5px;
align-items: center;
color: #333333;
border-bottom: solid 3px #C9E8E4;
}

.pege_title2 {
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
padding-bottom:5px;
align-items: center;
color: #333333; 
border-bottom: solid 3px #F5C41A;
}

.pege_title3 {	
font-style: normal;	
font-weight: bold;	
font-size: 17px;	
line-height: 27px;	
padding-bottom:5px;	
align-items: center;	
color: #333333;	
border-bottom: solid 3px #FFBBA6;	
}	
.pege_title4 {	
font-style: normal;	
font-weight: bold;	
font-size: 17px;	
line-height: 27px;	
padding-bottom:5px;	
align-items: center;	
color: #333333;	
border-bottom: solid 3px #FAE497;	
}

.pege_title3 {
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
padding-bottom:5px;
align-items: center;
color: #333333; 
border-bottom: solid 3px #FFBBA6;
}


.pege_title4 {
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
padding-bottom:5px;
align-items: center;
color: #333333; 
border-bottom: solid 3px #FAE497;
}

.pege_title_kobetsu {
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
padding-bottom:5px;
align-items: center;
color: #333333;
border: 3px solid #F5C41A;
}


.pege_title_noBoder{
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
padding-bottom:5px;
align-items: center;
color: #333333;
}




.result_title {
height: 17px;
font-family: Yu Gothic;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
display: flex;
align-items: center;
color: #333333;
border-bottom: solid 3px #C9E8E4;
}

.result_text {
padding:40px 7px;
}

.result_text .max_he45{
max-height:45px;
}

.result_text_30 {
padding:30px 7px;
}

.reco_text_box h4,
.cate_text_box h4 {
display: inline-block;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 19px;
align-items: center;
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/wave-line3.sp.480.png);
background-repeat: repeat-x;
background-position: left bottom;
padding:0 5px 10px;
color: #333333; 
}

.reco_text_box.hybrid h4{
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/wave-line-blue.sp.480.png);
background-repeat: repeat-x;
background-position: left bottom;
}

.honne_text_box h4 {
display: inline-block;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 19px;
align-items: center;
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/top/slice_1.svg);
background-repeat: repeat-x;
background-position: left bottom;
background-size: 12px 9px;  
padding:0 5px 10px;
color: #333333;
}

.reco_text_box,
.cate_text_box,
.honne_text_box {
margin:0 0 10px 0;
}

/*携帯番号下4ケタページ */
.color_box{
border: 2px solid #E1F3F1;
box-sizing: border-box;
border-radius: 2px;
padding:16px 20px;
background: #ffffff;  
}


.boBottom{
border-bottom:solid 2px #E1F3F1;
margin-bottom:12px;
padding:5px;
}

.colorBall_1{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #FF0000;
}

.colorBall_2{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #0000FF;
}

.colorBall_3{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}


.colorBall_4{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}
.colorBall_5{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}  
.colorBall_6{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #0000FF;
}  

.colorBall_7{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}  

.colorBall_8{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}  

.colorBall_9{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}  

.colorBall_10{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #ffffff;
}  

.colorBall_11{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}  
.colorBall_12{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}    
.colorBall_13{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
} 
.colorBall_14{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}
.colorBall_15{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
} 
.colorBall_16{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
} 
.colorBall_17{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: #00FF00;
}                    
.colorBall_18{
display: inline-block;
width: 66px;
height: 66px;
border-radius:50%;
background: transparent;
border:solid 1px #333333;
}

.number_box_parent{
display: flex;
align-items: center;

}

.number_box_parent p{
font-size: 13px !important;
line-height: 145% !important;
padding:10px 0px;

}

.number_box span{
font-family: 'Quicksand', sans-serif;
font-size: 40px !important;
font-style: italic;
font-weight: normal;
color: #2F399A;
padding-right:20px;  
}



.colorBall_60{
width: 60px !important;
height: 60px !important;
}


.colorBall_60_text{
padding-left: 20px !important;
}

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

.number_boxb span{
font-family: 'Quicksand', sans-serif;
font-size: 20px !important;
font-style: italic;
font-weight: normal;
color: #2F399A;
padding-right:5px;
}


/*携帯番号下4ケタページ */


/*リスト */
.list_renew li{
margin-bottom:10px;
display: flex;
justify-content:space-between;
align-items: center;
}

.list_renew li:nth-last-of-type(1){
margin-bottom:0px;
}

.list_renew li a{
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
position: relative;

text-decoration: none;
display: block;
width:100%;
padding:15px 25px 15px 11px;
background: #FFFFFF;
border: 1px solid #AEAEAD;
box-sizing: border-box;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
}


/*リスト　top用padding */
.list_renew li a.padding_10{
padding:10px 25px 10px 11px !important; 
}

.list_renew li a::after{
position: absolute;
top: 45%;
display: block;
content: "";
right: 18px;
width: 7px;
height: 7px;
border-right: 1px solid #2F399A;
border-bottom: 1px solid #2F399A;
-webkit-transform: rotate(-45deg);
}


/* 個別課金用矢印位置調整20211110 */
.kobetsu-arrow{
text-align: center;
margin-bottom: 8px;
}

.kobetsu-arrow img{
height: 24px;
width: 26px;
}

.kantei-notification{
margin: 30px 22px 10px 23px;
background: #FFF5D3;
border-radius: 2px;
padding: 16px;
font-family: YuGothic,sans-serif;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 145%;
align-items: center;
color: #000000;
}
.notice-highlight{
font-weight: bold;
}

/* m/kobetsu/basic3/result20211110 見ている占い */
.no-shadow p{
font-size:12px !important;
font-weight:300;
color:#000 !important;
}

/* 個別課金無料メニュー改修20211112 */  
.other_menu{
border-radius: 40px !important;
}
.other_menu span{
font-family: Yu Gothic, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 19px;
align-items: center;
text-align: center;
color: #000000;
display: block;
}  

.other_menu a{
display: block !important;
padding-top:10px;
height:50px;
}
/* 個別課金無料メニュー改修20211112 */  

/* m/kobetsu/top 無料占い20211115 */
/*  .free-kantei{
padding:0 25px 0 11px !important;
}*/

.free-kantei {
padding: 0 2% 0 11px !important;
}

/*  .free-kantei a{
border: none !important;
box-shadow: none !important;
display: block !important;
padding-left: 10px !important;
padding-right: 0 !important;
width: 103% !important;
left: -10px !important;
}
.free-kantei a ::after{
right: 0;
}*/

.free-kantei a {
border: none !important;
box-shadow: none !important;
display: block !important;
padding-left: 10px !important;
padding-right: 5px !important;
width: 103% !important;
left: -10px !important;
}

/* 無料占い見出し20211110 */
.free-kantei-head{
font-family: YuGothic, sans-serif;
font-size: 9px !important;
font-weight: 700 !important;
line-height: 140%;
display: flex;
align-items: center;
background: linear-gradient(270deg, #164439 0%, #006D53 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* m/situ/listのlist */
.free-sp-kantei a{
background: #FFF5D3 !important;
}
.free-sp-kantei-head{
font-family: YuGothic, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 11px !important;
line-height: 16px !important;
display: flex;
align-items: center;
color: #2F399A !important;
}

/*リスト個別 */
.list_renew_kobetsu li{
margin-bottom:10px;
display: flex;
justify-content:space-between;
align-items: center;
}

.list_renew_kobetsu li:nth-last-of-type(1){
margin-bottom:0px;
}

.list_renew_kobetsu li a{
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
position: relative;
text-decoration: none;
display: block;
width:100%;
padding: 12px 16px 12px 12px;
background: #E4FFE3;
border: 1px solid #AEAEAD;
box-sizing: border-box;
box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.15);
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}

/*リスト　top用padding */
.list_renew_kobetsu li a.padding_10{
padding:10px 25px 10px 11px !important; 
}


.list_renew_kobetsu li a::after{
position: absolute;
top: 45%;
display: block;
content: "";
right: 16px;
width: 7px;
height: 7px;
border-right: 1px solid #2F399A;
border-bottom: 1px solid #2F399A;
-webkit-transform: rotate(-45deg);
}


.list_renew_kobetsu li.no-shadow{
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
position: relative;
text-decoration: none;
display: block;
width:100%;
padding: 12px 16px 12px 12px;
background: #E4FFE3;
border: 1px solid #AEAEAD;
box-sizing: border-box;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
}


/*リスト運気 */
.list_renew_unki li{
height:10%;
margin-bottom:10px;
display: flex;
justify-content:space-between;
align-items: center;
}

.list_renew_unki li:nth-last-of-type(1){
margin-bottom:0px;
}

.list_renew_unki li a{
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
position: relative;
text-decoration: none;
display: block;
width:100%;
padding:10px 25px 10px 11px;
background: #FFFFFF;
border: 1px solid #AEAEAD;
box-sizing: border-box;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
}

.list_renew_unki li a::after{
position: absolute;
top: 45%;
display: block;
content: "";
right: 18px;
width: 7px;
height: 7px;
border-right: 1px solid #2F399A;
border-bottom: 1px solid #2F399A;
-webkit-transform: rotate(-45deg);
}

/* リンクなし */
.list_renew_unki .list_nolink{
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
position: relative;
text-decoration: none;
display: block;
width:100%;
padding:10px 25px 10px 11px;
background: #FFFFFF;
border: 1px solid #AEAEAD;
box-sizing: border-box;
box-shadow: none!important; 
font-family: Yu Gothic;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
}

.list_renew .list_nolink{
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
position: relative;
text-decoration: none;
display: block;
width:100%;
padding:10px 25px 10px 11px;
background: #FFFFFF;
border: 1px solid #AEAEAD;
box-sizing: border-box;
box-shadow: none!important; 
font-family: Yu Gothic;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
}

/* ハッシュタグ */


.hashtag{
flex-wrap: wrap;
align-content: flex-start;
margin: 10px 0px 0 0px;
}


.hashtag a{
text-decoration: none;
}

.hashtag span::before {
content: "#";
}

.hashtag-btn {
min-width: 65px;
text-align: center;
display: inline-block;
padding: 12px 15px;
text-decoration: none;
background: #FFFFFF;
border: 1px solid #AEAEAD;
border-radius:20px;
margin: 0 10px 15px 0px;
color: #333333;
align-items: center;
font-weight: bold;
font-size: 14px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);   
}

.hashtag-btn_active {
min-width: 65px;
text-align: center;
display: inline-block;
padding: 12px 15px;
text-decoration: none;
background: #D7EFEC;
border: 1px solid #AEAEAD;
border-radius:20px;
margin: 0 10px 15px 0px;
color: #333333;
align-items: center;
font-size: 14px;
font-weight: bold;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);   
}

.delete_comp,
.register_comp {
margin-bottom: 20px;
padding: 0px 7px 20px 7px;
}

/* ===== week　部分===== */ 
.fortune_box{
padding:30px 0;
border-bottom: 1px solid #C9E8E4;
}


.fortune_box img {
max-height:45px;
}

.fortune_box:nth-last-of-type(1){
border-bottom: none;
}

.fortune_title{
display: flex;
align-items: center;
font-size: 15px;
line-height: 22px;
font-weight: bold;
margin-bottom:15px;
}

.fortune_title span{
display:block;
margin-left:50px;
font-weight:normal;
}

/* ===== 六角形===== */ 
.hexagonA {
margin-right:6px;
width: 20px;
height: 10px;
display: block;
position: relative;
background: #C9E8E4;
transition: all 0.2s linear;
}

.hexagonA span,
.hexagonB span,
.hexagonC span {
height: 10px;
line-height: 10px;
color: #000;
text-align: center;
display: block;
position: relative;
z-index: 1;
}

.hexagonA:before,
.hexagonA:after,
.result-hexA:before,
.result-hexA:after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #C9E8E4;
transition: all 0.2s linear;
z-index: 0;
}

.hexagonA:before,
.hexagonB:before,
.hexagonC:before,
.hexagonD:before,
.hexagonE:before,
.result-hexA:before,
.result-hexB:before,
.result-hexC:before,
.result-hexD:before{
transform: rotate(60deg);
}

.hexagonA:after,
.hexagonB:after,
.hexagonC:after,
.hexagonD:after,
.hexagonE:after,
.result-hexA:after,
.result-hexB:after,
.result-hexC:after,
.result-hexD:after{
transform: rotate(-60deg);
}

.hexagonA:hover,
.hexagonA:hover:before,
.hexagonA:hover:after,
.result-hexA:hover,
.result-hexA:hover:before,
.result-hexA:hover:after {
background: #C9E8E4;
}

/* m/basic/listの六角形 */
.hexagonB {
margin-right:6px;
width: 20px;
height: 10px;
display: block;
position: relative;
background: #FFBBA6;
transition: all 0.2s linear;
}

.hexagonB span {
height: 10px;
line-height: 10px;
color: #000;
text-align: center;
display: block;
position: relative;
z-index: 1;
}

.hexagonB:before,
.hexagonB:after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #FFBBA6;
transition: all 0.2s linear;
z-index: 0;
}

.hexagonB:before {
transform: rotate(60deg);
}

.hexagonA:after {
transform: rotate(-60deg);
}

.hexagonA:hover,
.hexagonA:hover:before,
.hexagonA:hover:after {
background: #C9E8E4;
}

.hexagonC {
margin-right:6px;
width: 20px;
height: 10px;
display: block;
position: relative;
background: #FAE497;
transition: all 0.2s linear;
}

.hexagonC span {
height: 10px;
line-height: 10px;
color: #000;
text-align: center;
display: block;
position: relative;
z-index: 1;
}

.hexagonC:before,
.hexagonC:after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #FAE497;
transition: all 0.2s linear;
z-index: 0;
}

.hexagonC {	
margin-right:6px;	
width: 20px;	
height: 10px;	
display: block;	
position: relative;	
background: #FAE497;	
transition: all 0.2s linear;	
}	
.hexagonC span {	
height: 10px;	
line-height: 10px;	
color: #000;	
text-align: center;	
display: block;	
position: relative;	
z-index: 1;	
}	
.hexagonC:before,	
.hexagonC:after {	
content: '';	
top: 0;	
left: 0;	
width: 100%;	
height: 100%;	
position: absolute;	
background: #FAE497;	
transition: all 0.2s linear;	
z-index: 0;	
}


.hexagonD {
margin-right:6px;
width: 20px;
height: 10px;
display: block;
position: relative;
background: #5780B0;
transition: all 0.2s linear;
}

.hexagonD span {
height: 10px;
line-height: 10px;
color: #000;
text-align: center;
display: block;
position: relative;
z-index: 1;
}

.hexagonD:before,
.hexagonD:after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #5780B0;
transition: all 0.2s linear;
z-index: 0;
}


.hexagonE {
margin-right:6px;
width: 20px;
height: 10px;
display: block;
position: relative;
background: #FF7C93;
transition: all 0.2s linear;
}

.hexagonE span {
height: 10px;
line-height: 10px;
color: #000;
text-align: center;
display: block;
position: relative;
z-index: 1;
}

.hexagonE:before,
.hexagonE:after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #FF7C93;
transition: all 0.2s linear;
z-index: 0;
}



/* m/basic/resultの六角形 */
.result-hexA {
width: 60px;
height: 35px;
display: block;
position: relative;
background: #C9E8E4;
transition: all 0.2s linear;
margin: auto;
}

.result-hexA span {
height: 10px;
line-height: 10px;
color: #000;
text-align: center;
display: block;
position: relative;
z-index: 1;
padding-top: 12px;
padding-left: 2px;
font-size:25px;
font-weight:bold;
}


.result-hexB {
width: 60px;
height: 35px;
display: block;
position: relative;
background: #FFBBA6;
transition: all 0.2s linear;
margin: auto;
}

.result-hexB span {
height: 10px;
line-height: 10px;
color: #000;
text-align: center;
display: block;
position: relative;
z-index: 1;
padding-top: 12px;
padding-left: 2px;
font-size:25px;
font-weight:bold;
}

.result-hexB:before,
.result-hexB:after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #FFBBA6;
transition: all 0.2s linear;
z-index: 0;
}

.result-hexB:hover,
.result-hexB:hover:before,
.result-hexB:hover:after {
background: #FFBBA6;
}

.result-hexC {
width: 60px;
height: 35px;
display: block;
position: relative;
background: #FAE497;
transition: all 0.2s linear;
margin: auto;
}

.result-hexC span {
height: 10px;
line-height: 10px;
color: #000;
text-align: center;
display: block;
position: relative;
z-index: 1;
padding-top: 12px;
padding-left: 2px;
font-size:25px;
font-weight:bold;
}

.result-hexC:before,
.result-hexC:after {
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #FAE497;
transition: all 0.2s linear;
z-index: 0;
}

.result-hexC:hover,
.result-hexC:hover:before,
.result-hexC:hover:after {
background: #FAE497;
}

.hex-inner1,.hex-inner2,.hex-inner3{
position: absolute;
top: 1px;
right: 1px;
left: 2px;
width: 48px;
height: 28px;
margin: 2.7px 3.2px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.hex-inner1 {
z-index: 1;
}

.hex-inner2 {
transform: rotate(60deg);
z-index: 2;
}
.hex-inner3 {
transform: rotate(120deg);
z-index: 3;
}

/* ===== 六角形===== */

/* ネームナンバーリスト */
.number-list-head{
font-weight:normal;
padding-bottom:3px;
display: block;
font-size: 12px;
color: #333333;
}

/* ===== 運気===== */ 


.unki_day{
font-weight:normal;
padding-bottom:3px;
display: block;
font-size: 11px;
color: #2F399A;
}

.unki_now{
display:inline-block;
color: #333333 !important;
padding-left:15px;
}

.unki_now_bg{
background: #E1F3F1 !important;
}

/* ===== 矢印画像===== */ 

.backArrow_box a,.nextArrow_box a{
text-decoration: none;
}

.backArrow_box{
}

.nextArrow_box{
text-align: right;
}

.backArrow_box img{
width:30px;
margin:0 5px 0 0 ;
}


.nextArrow_box img{
width:30px;
margin:0 0 0 5px;
}

.nn_arrow{
font-size: 14px;
}

/* ===== 矢印画像===== */ 

/* ===== マーカー===== */ 
.marker_orange_hoso {
background:linear-gradient(transparent 60%, #F5C41A 60%);
}

.marker_yellow_hoso {
background:linear-gradient(transparent 60%, #F0FF06 60%);
}


.marker_green_hoso {
background:linear-gradient(transparent 50%, #D1EEE0 50%);
}

/* ===== マーカー=====

/* ===== footer===== */ 
footer{
width:100%;
background: #C9E8E4;
padding:14px 0;
}

footer a{
display: block;
width:50px;
height:50px;
margin:auto;
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/home.sp.480.png);
background-size:contain;
}

footer .copy{
padding-top:12px;
font-size: 10px;
line-height: 14px;
color: #686868;
}

/* ===== footer===== */ 

img.kobetsu-icon {
position: relative;
margin-right: 5px;
background-size: contain;
height: 45px;
width: 45px;
display: block;
flex: 0 0 auto;
background-repeat: no-repeat;
float: left;
}

.kobetsu-icon-box{
display: -webkit-flex;
display: flex;
}
.kobetsu-icon-box img{
height: 45px;
width: 45px;
}  

#pageTop {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 1;
}

#pageTop a {
position: relative;
display: block;
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/pagetop_1.sp.480.png);
background-size:contain;

color: #E2C08D;
width: 58px;
height: 90px;
cursor: pointer;
}

#pageTop a::before, #pageTop a::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

/*#pageTop a::after {
width: 9px;
height: 9px;
border-top: 2px solid #eac46d;
border-left: 2px solid #eac46d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} */ 


a {
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
color: #eac46d;
text-decoration: none;
}

/* qanda 吹き出し*/
#qanda_comment_up {
margin: 40px 13px 20px 13px;
}

#qanda_comment_down {
margin: 20px 13px;
}

#qanda_text {
margin: 0 20px;
}

/* 個別課金ページのボックス */ 

.kobetsu_menu_box{
padding:20px 18px;
border-radius: 5px;
background: rgba(255, 255, 255, 0.90);
}


/* 個別課金ページのボックス の値段とかのチップ*/ 

.tip_trans,.tip_yellow,.tip_white{
padding:2px 5px;
display: inline-block;
font-weight: normal;  
margin-left:5px;
font-size: 12px;
margin-top: 3px;
border-radius: 2px;  
}

.tip_trans{
background-color: transparente;
} 

.tip_yellow{
background-color: #ffffff;
} 

.tip_white{
background-color: #ffffff;
}

.tip_red{
color:#F37F5A;
}

/* 個別課金ページのボックス の値段とかのチップ*/ 

/* 「今見ている占い」に疑似要素を付与しないクラス */
a.current_fortune:after{
content: none !important;
}

/* hrのオレンジ線 */
div#hr_orange {
background: #F5C41A !important;
}

/* 見出しのオレンジ〇 */
h3.package_head:before,
h3.subhead:before {
content: '●';
color: #164439;
}

/*あげさげ相性ランキング表示内容*/
.agesage_content{
text-align:center;
}

.rank_card {
background: #FFFFFF;
padding: 1em;
margin: 10px 0px 10px 0px;
}

/*個別TOP　セレクトパックで購入済　チップ用*/
.tip_select_buy{
font-size: 12px;
text-align:right;
margin-bottom:10px;
color:#F37F5A;
font-weight:bold;
}

/*1分開運アクション　result用　――――――――*/
.favorit_box{
width:100%;
position: relative;

}
.ajax-btn-components{
width:30px;
position:absolute;
right:0;
top:-5px;
}  

/*これイヤ　回数表示box*/        
.normal_btn_50{
border: 1px solid #AEAEAD !important;
width:50%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height:40px;
margin-left:auto;    
background: #ffffff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border:none;
margin-bottom:10px;
color: #333333;
}

/*アクションbox*/   
.border_box_green_action{
padding:16px 16px;
background: #ffffff;
border: 3px solid #C9E8E4;
border-radius: 2px;
line-height: 130%   
}


/*説明文box*/   
.border_box_green{
padding:20px 18px;
background: #ffffff;
border: 1px solid #C9E8E4;
border-radius: 2px;
line-height: 130%   

}
/*上限達成文box*/   
.no_no_box{
width:50%;
margin-left:auto;    
}

/*1分開運アクション　result用　――――――――*/   

/*1分開運アクション　edit用　――――――――*/  

/*タブ切り替え色指定*/ 
.tabs .tabs-selector-edit li.active a {
background: #C9E8E4 !important;
color: #333333 !important;
font-size:15px !important;
border-bottom:solid 2px #57B0A5;

}
/*タブ切り替え色指定*/ 
.tabs .tabs-selector-edit li a {
background:  #ECECEC !important;
color: #AEAEAD !important;
font-size:15px !important;
border-bottom:solid 2px #57B0A5;
}  


/*タブ内用リスト*/ 
.list_renew_tab li{
margin-bottom:10px;
display: flex;
justify-content:space-between;
align-items: center;
}

.list_renew_tab li:nth-last-of-type(1){
margin-bottom:0px;
}

/*タブ内用リスト幅*/ 
.nemu_box80{
width:80%;}

.list_renew_tab li a.link_arrow{
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
position: relative;
text-decoration: none;
display: block;
width:100%;
padding:20px 25px 20px 11px;
background: #FFFFFF;
border: 1px solid #AEAEAD;
box-sizing: border-box;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
}

.list_renew_tab li a.link_arrow::after{
position: absolute;
top: 45%;
display: block;
content: "";
right: 18px;
width: 7px;
height: 7px;
border-right: 1px solid #2F399A;
border-bottom: 1px solid #2F399A;
-webkit-transform: rotate(-45deg);
}

.list_renew_tab li .link_arrow{
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
position: relative;
text-decoration: none;
display: block;
padding:20px 25px 20px 11px;
background: #FFFFFF;
border: 1px solid #AEAEAD;
box-sizing: border-box;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
}  

/*ゴミ箱画像*/ 
.trash_box img{
width:23px;
height:auto;
margin-right:15px;}

/*1分開運アクション　edit用　――――――――*/   

/*top用　――――――――――――――――――――――――――――――――*/    

/*navi　――――――――*/  
.nav-first_box{
box-sizing: border-box;
max-width:768px;
width:100%;
display: flex;
justify-items: auto;
align-items: center;
/*position: fixed;*/   
background: #ffffff;
z-index: 50;
border:5px solid #ffffff;
}
.nav-first_box li{
list-style: none;
} 
.nav-first_box a{
display:block;
color: #57B0A5;

}    

.nav-first_box .col1-5 img{
max-height:26px;
margin:5px auto;;  

}

.nav-first_box .col1-5{
box-sizing: border-box;
width:20%; 
font-weight: bold;
font-size: 8px;
font-family:YuGothic, "YuGothic",'Noto Sans JP' !important; 
color: #57B0A5;
text-align: center;
border-right:solid 1px #57B0A5;  
}

.nav-first_box .col1-5:nth-last-of-type(1){
border-right:none; 
}

/*navi　――――――――*/     


/*日運　――――――――*/       
.max_he45 img{
max-height:45px;
}

#slick-dates{
background: #ffffff;
font-size: 17px;
font-weight: bold;
width:60%;
margin:auto;
padding:10px; 
}
.daybox_border{
margin-top:-18px;
background: #FFFFFF;
border: 3px solid #C9E8E4;
box-sizing: border-box;
border-radius: 6px;
padding:25px 23px;  
}

.daybox_test{
font-size: 14px;
line-height: 21px;
}

.day_btn_box{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 14px;
}

.day_btn_box div{
padding-top:18px;}    




/* 日運　日にちボタン */
/*
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
　color:#FFFFFF;
　outline: none; 
background: #ECECEC;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity:  1; }   



.slick-prev{
width: 36px;
height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #C8ECDA;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);  }    


.slick-prev:before {
position: absolute;
top: 40%;
display: block;
content: "";
right: 10px;
width: 7px;
height: 7px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-transform: rotate(135deg);

}

.slick-next{
width: 36px;
height: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #C8ECDA;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);  }        


.slick-next:before {
position: absolute;
top: 40%;
display: block;
content: "";
right: 15px;
width: 7px;
height: 7px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
-webkit-transform: rotate(-45deg);

}    
*/

/* 日運　日にちボタン */





#slick-dates { text-align: center }
.radiobutton {
display: none;
}

.day_btn_box label {
display: block;
text-align:center;
width:52px;
height:58px;
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/top/day_cate_2.sp.480.png);
background-size: cover;
margin: 0 4px 5px 4px!important;
/*   background-color: skyblue;
padding: 10px 20px;*/    
}

.radiobutton:checked + label {
/*  background-color: pink;*/
display: block;
width:52px;
height:58px;
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/top/day_cate_1.sp.480.png);
background-size: cover;
margin: 0 4px 5px 4px!important;
}


@media screen and (max-width: 320px) {
.day_btn_box label{
margin: 0 2px 15px 2px!important;
}

.radiobutton:checked + label {
margin: 0 2px 15px 2px!important;

}
}    



.green_btn_day {
width: 100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height: 40px;
background: #c9e8e4;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border: none !important;
margin-bottom: 10px;
text-align: center;
}

.botton_box_day a {
box-sizing: border-box;
/* width: 100%; */
text-decoration: none;
text-align: center;
min-height: 40px;
display: flex;
justify-content: center;
align-items: center;
}


.fl_box_between .green_btn_day{
box-sizing: border-box;  
width:31%}


.fl_box_between .green_btn_day a{
margin:3px;
border:solid 1px #ffffff;}


.fl_box_between{
display: flex;  
justify-content:space-between;
}    


@media screen and (max-width: 320px) {
.fl_box_between .green_btn_day{
box-sizing: border-box;  
font-size: 12px !important;
}
}    


/*日運　――――――――*/    

/*運気　――――――――*/        
.sora_box{
width:100%;
padding:20px 30px 5px 30px; 
background: #ffffff;
border:solid 1px  #D1EEE0;
box-sizing: border-box;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
line-height: 22px;  
}  


.shisa_box{
box-sizing: border-box;
display: flex;
justify-content: center; 
align-items: center;
}

.shisa_box img{
max-width:46px;
}    

.fukidshi_box{
box-sizing: border-box;
padding: 13px 20px 20px 20px;
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/top/speach.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
}

.nn_shisa img{
width: 90%;
margin: -10px 5% 20px 5%;
}


/*特集　――――――――*/  

.tokusyu_renew_list li a{
width:100%;
margin:0 0 10px 0;
display: block;
padding:20px 11px 20px 11px;  
background: #FFFFFF;
border: 1px solid #AEAEAD;
box-sizing: border-box;
border-radius: 2px;
box-shadow: 4px 4px 0px #aeaead;
}

.border_dash{
display:inline-block;
border-bottom: 2px dashed #AEAEAD;
padding-bottom:6px;  
}

.shisa_bg img{
max-width:53px;

}    

/*特集　――――――――*/  

/*携帯占い　――――――――*/ 

.bg_dotted_green{
padding : 40px 20px 60px !important;
background-color   : #F8FDFC;
background-image   : radial-gradient(#d1eee0 18%, transparent 25%),
radial-gradient(#d1eee0 18%, transparent 25%);
background-position: 0 0, 3px 3px;
background-size    : 6px 6px;
}


.nunber_box_top{
padding : 20px 0 0px 0 !important;
background: #FFFFFF;
border: 2px solid #AEAEAD;
box-sizing: border-box;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 4px;    
}

.nunber_box_top img{
max-width:90px;}  


.border-shadow2{
border-top: 2px solid #AEAEAD;
}    


/*携帯占い　――――――――*/ 

/*開運アクション　――――――――*/ 

.action_box{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.action_box div{
box-sizing: border-box;
width:80px;
height:80px;

text-align: center;
margin:10px;
font-size:15px;
font-weight:bold;
}

.action_box a{
display:block;
padding:30px 0; 
width:80px;
height:20px;  
}    

.action_bg1{
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/top/btn_1.sp.480.png);
background-size: cover;
}
.action_bg2{
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/top/btn_2.sp.480.png);
background-size: cover;
}
.action_bg3{
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/top/btn_3.sp.480.png);
background-size: cover;
}




/*開運アクション　――――――――*/     

/*テーマ別　――――――――*/ 

.teme_image_box{
display: flex;
justify-content: flex-start;
align-items: center; 
}    



.teme_image{
width:34px;
height:34px;
background: #E1F3F1;
border-radius: 50%;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;

}

.teme_image img{
max-width:80%;
}

.teme_image_box span{
padding-left:10px;}

/*テーマ別　――――――――*/     

/*ストライプ　――――――――*/ 
.marker5a-orange {
position: relative;
z-index:10;
background: #F0FCF6;
}
.marker5a-orange:before{
background: repeating-linear-gradient(35deg, #F0FCF6, #F0FCF6 3px, #F5C41A 0, #F5C41A 6px);
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -2;
}
.marker5a-orange:after{
background: linear-gradient(rgba(240,252,246,1) 70%, rgba(240,252,246,0) 0%);
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;	
}

/*ストライプ　――――――――*/     



/*名前で占う基本性格　――――――――*/ 


.normal_btn_kihon{
border: 1px solid #C9E8E4 !important;
width:100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height:40px;
margin-left:auto;    
background: #ffffff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border:none;
margin-bottom:10px;
color: #333333;
}

.normal_btn_48{
border: 1px solid #C9E8E4 !important;
width:48%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height:40px;   
background: #ffffff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border:none;
margin-bottom:10px;
color: #333333;
}

/*名前で占う基本性格　――――――――*/ 

/*タブ切り替え色指定*/ 
.tabs .tabs-selector-top li.active a {
background: #C9E8E4 !important;
color: #333333 !important;
font-size:15px !important;
border-bottom:solid 2px #57B0A5;

}
/*タブ切り替え色指定*/ 
.tabs .tabs-selector-top li a {
background:  #ECECEC !important;
color: #AEAEAD !important;
font-size:15px !important;
border-bottom:solid 2px #57B0A5;
}     

/*セレパページ内CSS*/
.selepa_info {
padding: 10px 10px;
margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
font-size: 12px;
}
.selepa_section {
margin: 10px;
}
.subhead {
font-size: 15px;
font-weight: bold;
color: #000000;
}
.subhead_text{
margin: 10px 0 20px 0;
}
.selepa_frame {
text-align:right;
}
#selepa_price{
font-weight:bold;
text-align:right;
}
.package_head {
color: #333;
font-size: 14px;
font-weight: 700;
line-height: 140%;

font-weight: bold;
padding-top:5px;
}
.selectpack-box {
padding: 20px 18px;
border-radius: 5px;
background: rgba(255, 255, 255, 0.90);
}
.single_package {
margin-top:-60px; 
padding-top:25px;
font-size: 15px;
margin-bottom: 8px;
font-weight:bold;
text-align:center;
background: #FFF5D3;
height: 40px;
}
.single_package_text{
font-size:14px;
margin: 10px 0 10px 0;
}
.package_frame {
margin:0px 20px
}
.selepa_link {
margin-right: 5px;
}
#package_buy {

}
#selepa_buy {
margin-bottom:30px;
}
/*あげさげ相性CSS*/
.bg_dotted_rank {
padding: 30px 20px 60px !important;
background-color: #ffffff;
background-image: radial-gradient(#D1EEE0 18%, transparent 25%), radial-gradient(#D1EEE0 18%, transparent 25%),radial-gradient(#E1F3F1 100%, transparent 100%);
background-position: 0 0, 3px 3px;
background-size: 6px 6px;
margin-bottom: 100px;
}

.rank_card_top,
.aisho_content {
display:flex;
margin-bottom: 12px;
}
.rank_circle {
background: #57B0A5;
border-radius: 80%;
width: 42px;
height: 34.83px;
padding-top: 7px;
text-align: center;
}
.rank_number {
line-height:28.6px;
font-size:16px;
color:#FFFFFF;
text-align:center;
width:50px;
font-weight: bold;
}
.rank_font {
line-height:28.6px;
font-size:12px;
color:#FFFFFF;
text-align:center;
width:50px;
font-weight: bold;
font-family: "Noto Sans";
}
.rank_title {
margin:4px 0 0 15px;
}
.rank_name_number {
font-size:13px;
font-weight: bold;
}
.rank_summary {
font-size:16px;
font-weight: bold;
}
.age_card_aisho {
display:flex; 
margin-top:16px;
}
.aisho_title {
font-size:12px;
margin-bottom: 6px;
}
.aisho_heart{
margin-right:30px;
}
.aisho_heart img,
.ai_heart img {
width:90%;
}
.aisho_text {
margin-top:17.25px;
font-size: 14px;
}
.age_friends {
font-size:12px;
margin-top:14px;
}
.age_add_button {
text-align:right;
margin-bottom: -60px;
}
.name_number {
font-size: 15px !important;
font-weight: bold;
margin-bottom: 15px;
}

/* あげさげ恋愛相性の見出し上の表示 */
.pnm-h4{
text-align: center;
margin-bottom: 2px;
}

/* いろいろ相性のナンバー表示 */
.aisho-number{
font-weight: normal;
display: block;
font-size: 10px;
color: #333333;
margin-top: -10px;
text-align: center;
padding-bottom: 5px;
}
.aisho-btn {
line-height: inherit;
}


/*ftop用　――――――――――――――――――――――――――――――――*/    

.ftop_aria01{
background-repeat:repeat;
background: linear-gradient(#BCE5E0 60%, #fff 65%);
}

.ftop_aria02{
background-color:#34A5A9;
padding-bottom: 10px;
}

.ftop_aria03{
background-color:#9DDAD3;
padding-bottom: 10px;
}

.ftop_reg_btn{
margin-top:20px;
margin-bottom:30px;
}

.inc_f_top{
background: #89cd00;
color: #FFF;
margin-top: 24px;
font-size: 10px;
line-height: 24px;
text-align: center;
letter-spacing: 2px;  
}

.movie_title{
background-color: #32a3a7;
color: #ffffff;
margin: 0 20px 20px 20px;
padding: 10px 0px;
font-size: 15px;
font-weight: bold;
margin-top: -20px;
border-radius: 4px;
}

.movie_waku{
border:2px solid #32a3a7;
margin:50px 10px 30px 10px;
border-radius: 20px;
}

.movie_text{
color:#2f399a;
font-size:15px;
font-weight:bold;
}

/* 20210201 f/topグラフ追加 */
.geino-head{
font-weight: bold;
}

.geino-head span{
line-height: 28px;
}

.geino-name{
font-size: 20px;
color: #ff7c93;
}

.graph-text {
display: flex;
margin: -7% 4% 0%;
}

.left{
background: #f7fffe;
}

.right{
background: #fff7da;
}

.graph-result {
border: 4px solid #2f399a;
margin: 0 1% 0;
width: 49%;
padding: 10px 0;
}

.graph-result-geino {
border: 4px solid #2f399a;
margin: -3% auto 5% auto;
width: 84%;
padding: 10px 0;
background: #fff7da;
z-index: 1;
}  

.result-year {
font-size: 17px;
line-height: 1.57;
margin: 1% auto 3% auto;
background: #2f399a;
color: #fff;
border-radius: 6px;
width: 32%;
}

.geino-year {
font-size: 17px;
line-height: 1.57;
margin: 5% 19% 7% 19%;
background: #2f399a;
color: #fff;
border-radius: 6px;    
width: 15%;
margin: 1% auto;
display: inline-block;
}  

.marriage-luck-r,
.marriage-luck-l,  
.percent-l,
.percent-r{
font-size: 35px;
font-weight: bold;
}

.marriage{
color:  #2f399a;
font-weight: bold;
display: inline-block;
}

.marriage-luck-r{
color:  #fe6e87;
}

.marriage-luck-l{
color: #467ebf;
}

.percent-l{
color: #467ebf;
font-size: 15px;
}

.percent-r{
color: #fe6e87;
font-size: 15px;  
}

.result-text{
font-weight: bold;
line-height: 21px;
margin: 0 5px;
text-align: justify;
}

.under-l{
background: linear-gradient(transparent 60%, #4c8bd58c 60%);
}

.under-r{
background: linear-gradient(transparent 60%, #fe6e8799 60%);
}


@media screen and (max-width: 415px){
.graph-result-geino {
margin: -5.5% auto 5% auto;
}

.geino-year{
width: 75px;
}

.result-year {
width: 60%;
}
}

@media screen and (max-width: 376px){
.graph-result-geino {
margin: -6% auto 5% auto;
}

.result-text{
letter-spacing: -1px;
}
}

@media screen and (max-width: 321px){
.graph-result-geino {
margin: -7.1% auto 5% auto;
}

.result-year {
width: 70%;
}

.geino-year {
width: 75px;
}
}


/*ftop用　――――――――――――――――――――――――――――――――*/    

/* 31daysカレンダー改修20210323 くらふじ*/
#birth_31{
text-align: center;
}

#birth_31 img{
width: 20%;
}

.day_31{
width: 24%;
margin: auto;
}

.day_31 span{
background: linear-gradient(transparent 52%, #D1EEE0 0%);
}

.calender{
font-family: Titillium Web;
font-style: normal;
font-weight: bold;
font-size: 46px;
line-height: 70px;
align-items: center;
color: #2F399A;
margin-top: -14%;
}

@media screen and (max-width: 1101px){
.day_31{
width: 31%;
}
}

@media screen and (max-width: 737px){
.day_31{
width: 32%;
}
}

@media screen and (max-width: 568px){
#birth img{
width: 30%;
}

.calender{
margin-top: -19%;
}
}
@media screen and (max-width: 416px){
.day_31{
width: 60%;
}

#birth_31 img{
width: 35%;
}
.calender{
margin-top: -27%;
}
}

@media screen and (max-width: 321px){
.calender{
margin-top: -32%;
}

#birth_31 img {
width: 40%;
}
}
/* 31daysカレンダー改修20210323 くらふじ*/

/* 特別鑑定　ソート   */   
.category_block_box {
flex-wrap: wrap;
align-content: flex-start;
}    

.category_tip a {
min-width: 65px;
text-align: center;
display: inline-block;
padding: 8px 3px;
border-radius: 20px;
margin: 5px 5px 5px 0px;
color: #333333;
border: 1px solid #FAE497;
background-color: #ffffff;
font-size: 12px;
font-weight: bold;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.category_tip_act {
min-width: 65px;
text-align: center;
display: inline-block;
padding: 8px 3px;
border-radius: 20px;
margin: 5px 5px 5px 0px;
color: #333333;
border: 1px solid #FAE497;
background: #FFEEB1;
font-size: 12px;
font-weight: bold;
}

/* 特別鑑定　ソート 320px以下  

@media screen and (max-width: 320px) {
.category_tip a {
min-width: 65px;
text-align: center;
display: inline-block;
padding: 12px 10px;
border-radius: 20px;
margin: 5px 6px 5px 0px;
color: #333333;
border: 1px solid #FAE497;
background-color: #ffffff;
font-size: 14px;
font-weight: bold;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}  

.category_tip_act {
min-width: 65px;
text-align: center;
display: inline-block;
padding: 12px 10px;
border-radius: 20px;
margin: 5px 6px 5px 0px;
color: #333333;
border: 1px solid #FAE497;
background: #FFEEB1;
font-size: 14px;
font-weight: bold;
}    

}    

/* 特別鑑定　ソート   */

/* 20200107運気グラフ */

.unki_year, .unki_year_result {
/*    margin: -17% 0 20% 16%;*/
/*  margin: -17% 0 20% 15%;*/
position: absolute;
width: 80% !important;
top: 73%;
left: 15%;
}

.unki_year span,
.unki_year_result span {
/*    margin: 0 2%;*/
/*  margin: 0 2.15%;*/
margin: 0 20.5px;
color: #686868;
/*  font-size: 25px;*/
font-size: 14px;
font-style: normal;
font-weight: bold;
align-items: center;
text-align: center;
}

.font-year2{
/*    font-size: 190% !important;*/
font-size: 20px !important;
}

.swiper-pagination {
margin-top: 2.5rem;
}

:root {
/*     --swiper-navigation-size: 55%;*/
}

.swiper-button-next, 
.swiper-button-prev{
color: #000 !important;
/*      top: 70% !important; */
}

.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 50px !important;
/*      margin-bottom: 6rem !important; */
}

.swiper-button-next:after{
/*      margin-right: 17rem !important; */
}
.swiper-button-prev:after{
/*       margin-left: 10rem !important; */
}  

.swiper-pagination-bullet-active {
background: #333333 !important
}
.swiper-pagination-bullet {
margin: 1px !important;
}

@media screen and (max-width: 1101px) {
.swiper-button-next:after,
.swiper-button-prev:after{
/*      margin-top: -2.5rem; */
}

.swiper-button-prev:after{
/*      margin-left: 13rem; */
}

.swiper-button-next:after {
/*     margin-right: 11rem !important;  */
}
}

/*@media screen and (max-width: 1081px) {
.unki_year, .unki_year_result {
margin: -17% 0 20% 14.5%;
}
}

@media screen and (max-width: 927px) {
.unki_year span,
.unki_year_result span {
margin: 0 2.2%;
}
}

@media screen and (max-width: 845px) {
.unki_year span, .unki_year_result span {
margin: 0 2.2%;
}
}*/

@media screen and (max-width: 810px) {
/*  .unki_year, .unki_year_result {
margin: -17% 0 20% 14.6%;
}

.unki_year span,
.unki_year_result span {
margin: 0 1.75%;
}

.unki_year_result span {
margin: 0 1.8%;
}*/

.swiper-button-next:after,
.swiper-button-prev:after{
}  

.swiper-button-next:after, 
.swiper-button-prev:after {
font-size: 26px !important;
}

.swiper-button-next:after{
margin-right: -0.5rem !important;
}
}

@media screen and (max-width: 897px) {
.unki_year span,
.unki_year_result span {
margin: 0 2.8%;
}
}
/*@media screen and (max-width: 769px) {
.unki_year span,
.unki_year_result span {
margin: 0 2.2%;
}
}*/

@media screen and (max-width: 737px) {
/*  .unki_year, .unki_year_result {
margin: -17% 0 20% 15%;
}*/
.unki_year span{
margin: 0 2%;
}

.unki_year_result span{
/* margin: 0 1.6%;*/
margin: 0 2.5%;
}
}  

@media screen and (max-width: 668px) {  
.unki_year span,
.unki_year_result span {
margin: 0 2.5%;
}    
}
/*
@media screen and (max-width: 568px) {
.unki_year span, .unki_year_result span {
margin: 0 1%;
}
}
*/

@media screen and (max-width: 429px) {
.unki_year_result span{
margin: 0 1%;
/*        font-size: 22px;*/
}
.unki_year span{
/*        margin: 0 -0.5%;*/
margin: 0 1.4%;
}
}    

@media screen and (max-width: 415px) {
.unki_year, .unki_year_result {
/*    margin: -18% 0 20% 15%;*/
}

.unki_year span{
margin: 0 1.4%;
}
.unki_year_result span{
/*    margin: 0 0.6%;*/
margin: 0 1.2%;
/*    font-size: 19px;*/
}

/*  .unki_year_result span{
margin: 0px 1%;
/*    margin: 0px 0.45%;*/
/*    font-size: 19px;*/
/*  }*/

/*  .font-year2{
font-size: 150% !important;
}*/
}
@media screen and (max-width: 391px) {
.unki_year_result span{
/*margin: 0 0.12%;*/
margin: 0 1%;
}
.unki_year span {
/* margin: 0 0.2%;*/
margin: 0 1%;
}
}


@media screen and (max-width: 376px) {
.unki_year,
.unki_year_result {
width: 90% !important;
}
.unki_year span{
margin: 0 0.9%;
}

.unki_year_result span{
margin:0 0.9%;
}
}    




@media screen and (max-width: 320px){

.unki_year span{
margin: 0 0.5%;
}
.unki_year_result span{
margin:0;
}

} 

/* m/graph/resultのページネーション */
.swiper-pagination{
margin-top:40px;
}


/* 汎用float */
.u-flo-r{
float:reight;
}

.u-flo-l{
float:left;
}

.u-cb{
clear: both;
}

/*―――――――――――　20220421追加　ハイブリッド鑑定用　bg色指定 ―――――――――――　*/
.list_renew_kobetsu li.hybrid a{
background: #E2F5FF !important;
}


/*　20220512追加 スーパー開運日ブロック　テキスト　*/

.ftop_aria_skaiun_date{
position:absolute;
top: 19%;
width: 61.8%;
left:19.2%;
font-size: 6vw;
font-weight: 900;
font-stretch: normal;
font-style: normal;
letter-spacing: 1.68px;
text-align: center;
color: #2f399a;
font-family: 'Noto Sans JP', sans-serif;
}

/* キラキラ画像 */    
.skaiun_date_kirakira::after{  
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/ftop/202205/kirakira.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
width: 28px;
height: 33px;
position: absolute;
right: -5px;
top: -20px;
} 


.skaiun_date_small{
font-size: 3.5vw;
padding-bottom: 5px;
}

.skaiun_border{  
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/svg/line.svg);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 10px; 
} 

@media only screen and (min-width:768px) {
.ftop_aria_skaiun_date {
font-size: 40px;
}

.skaiun_date_small{
font-size: 30px;
}  
}  
/*　20220512追加　 スーパー開運日ブロック　テキスト　*/   



/* 20220517追加　 バナー　きらりんの指定　*/

.reflection-img{
width       :100%;
height      :100%;
position    :relative;
overflow    :hidden;
}

.reflection {
height      :100%;
width       :30px;
position    :absolute;
top         :-180px;
left        :0;
background-color: #fff;
opacity     :0;
transform: rotate(45deg);
animation: reflection 2s ease-in-out infinite;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
-moz-transform: rotate(45deg);
-moz-animation: reflection 2s ease-in-out infinite;
-ms-transform: rotate(45deg);
-ms-animation: reflection 2s ease-in-out infinite;
-o-transform: rotate(45deg);
-o-animation: reflection 2s ease-in-out infinite;
}

/* バナー　きらりんのアニメーション指定　*/
@keyframes reflection {
0% { transform: scale(0) rotate(45deg); opacity: 0; }
80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { transform: scale(4) rotate(45deg); opacity: 1; }
100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* 20220517追加　 バナー　きらりんの指定　*/ 

/*　20220512追加 スーパー開運日ブロック　テキスト　*/

.ftop_aria_skaiun_date{
position:absolute;
top: 19%;
width: 61.8%;
left:19.2%;
font-size: 6vw;
font-weight: 900;
font-stretch: normal;
font-style: normal;
letter-spacing: 1.68px;
text-align: center;
color: #2f399a;
font-family: 'Noto Sans JP', sans-serif;
}

/* キラキラ画像 */    
.skaiun_date_kirakira::after{  
background-image: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/ftop/202205/kirakira.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
width: 28px;
height: 33px;
position: absolute;
right: -5px;
top: -20px;
} 


.skaiun_date_small{
font-size: 3.5vw;
padding-bottom: 5px;
}

.skaiun_border{  
background: url(https://pkvuha8zor.user-space.cdn.idcfcloud.net/image/svg/line.svg);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 10px; 
} 

@media only screen and (min-width:768px) {
.ftop_aria_skaiun_date {
font-size: 40px;
}

.skaiun_date_small{
font-size: 30px;
}  
}  
/*　20220512追加　 スーパー開運日ブロック　テキスト　*/     

/* 50％バナー　きらり　アニメーション指定*/
@keyframes shiny_big {
0% { left: -20%; }
10% { left: 120%;opacity: 0; }
100% { left: 120%;opacity: 0; }
}

.kobetsu_quarter_box {
display: flex;
width: 100%;
margin: 0 auto 0%;
justify-content: space-between;
box-sizing: border-box;  
}    

.kobetsu_quarter_box > div {
width: 49%;
}

.quarter_img {
width: 100%;
box-shadow: 0 0 4px #999999;
}  

.cam_bnr_box {
position: relative;
width: 100%;
}    

.shiny-btn_bnr {
position: relative;
display: block;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
}


.shiny-btn_bnr::after {
content: '';
position: absolute;
top: -50%;
left: -20%;
width: 100%;
height: 100%;
transform: scale(2) rotate(45deg);
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
animation-name: shiny_big;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
/* 50％バナー　きらり　アニメーション指定*/    

/* 20220810 m/topネームナンバー前出し */
.name-number-head{
font-family: 'YuGothic', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 100%;
text-align: center !important;
color: #333333;
}

.name-number-bg{
width:300px;
height:300px;  
background: url('/image/202208/name_num_bg.sp.480.png');
background-size: cover;
margin:0 auto 132px;
background-size: contain;
background-repeat: no-repeat;    
background-position: center center;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.personal-num-head{
font-family: 'YuGothic', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px !important;
line-height: 18px !important;
color: #333333;
text-align: center !important;
}

.personal-num{
width: 80px;
}

.personal-summary{
font-family: 'YuGothic', sans-serif;
font-style: normal;
font-weight: 500;
align-items: center;/
margin: auto;
line-height: 100% !important;
font-size: 19px !important;
line-height: 19px !important;
background: linear-gradient(transparent 85%, #C9E8E4 0%);
}
.name-num-desc{
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10px !important;
line-height: 12px !important;
text-align: right !important;
color: #AEAEAD !important;
padding-top: 70px;
}

.namenum-luck{
font-family: 'YuGothic', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 16px;
text-align: center;
color: #333333
}

.num-parts-top{
width:110px;position:absolute;left: -7%;top: -4%;
}

.money-num-area{
width:110px;position:absolute;right: -6%;top: -8%;
}

.personal-area{
width: 210px;
position: absolute;
left: 16%;
top: 21%;
}

.com-num-area{
width:110px; position: absolute;bottom: -16%;left:0%;
}

.marigge-num-area{
width:121px;position: absolute;bottom: -12%;right: 0%;  
}


.skill-cmt,.money-cmt{
font-weight: 500;font-size: 11px;line-height: 16px;padding-bottom: 20px;text-align: center;
}

.comu-cmt,.marigge-cmt{
font-weight: 500;font-size: 11px;line-height: 16px;padding-top: 20px;text-align: center;
}

.name-num-desc{
position: absolute;bottom: -30%;right: 0%;   
}

@media screen and (max-width: 927px) {
.personal-area {
width: 240px;
left: 0;
padding-right: 30px;
padding-left: 30px;
}
}
/* 20220810 m/topネームナンバー前出し */

/* 20221031 m/graph/top,result改修 */
.list-icon{
text-align: right;
zoom: 0.5;
}
.unki-list-menu{
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 10px;
}    
.unki-graph{
padding: 40px 20px 0px;
}
.current-year-tip{
background: #F5C41A;
border-radius: 20px;
align-items: center;
width: 84px;
height: 18px;
}
.current-year-tip span{
font-family: 'YuGothic', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 12px;
color: #FFFFFF;
padding: 3px 6px;
}
/* 20221031 m/graph/top,result改修 */

/* 20230303 個別list　カテゴリ画像あり */    
.kobetsu_cate_image{
padding-right:8px;} 

.kobetsu_cate_image img{
max-width:55px;  
} 

.list_renew_kobetsu_cate li a {
font-family: YuGothic, "YuGothic",'Noto Sans JP' !important;
position: relative;
text-decoration: none;
display: block;
width: 100%;
background: #E1FCDE;
padding: 12px 24px 12px 12px;
border-radius: 2px;
border: 1px solid #589D95;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
border-radius: 2px;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 140%;
margin-bottom:10px;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: center;
}

.list_renew_kobetsu_cate li a::after {
position: absolute;
top: 45%;
display: block;
content: "";
right: 12px;
width: 7px;
height: 7px;
border-right: 1px solid #276D64;
border-bottom: 1px solid #276D64;
-webkit-transform: rotate(-45deg);
}

.list_renew_kobetsu_cate li.hybrid a::after {
position: absolute;
top: 45%;
display: block;
content: "";
right: 12px;
width: 7px;
height: 7px;
border-right: 1px solid #2F399A;
border-bottom: 1px solid #2F399A;
-webkit-transform: rotate(-45deg);
}


.list_renew_kobetsu_cate li .fl_box{
align-items: baseline;
}

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

.u-ml_0{
margin-left:0;
}

/*―――ハイブリッド鑑定用　bg色指定 ――　*/
.list_renew_kobetsu_cate li.hybrid a{
background: #E2F5FF !important;
border: 1px solid  #AEAEAD !important;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15) !important;
}

/* 20230303 個別list　カテゴリ画像あり */  


/* 毎月月運 */    
.kobetsu_sale_box {
width: auto;
position: relative;
text-align: center;
box-sizing: border-box;
}  



.kobetsu_sale_text p {
width: 93%;
text-align:center !important;
position: absolute;
top: 60%;
left: 51%;
transform: translate(-50%, -56%);
font-size: clamp(18px, 5vw, 41px) !important;
/*    letter-spacing: 1px; */    
display: flex;
justify-content: center !important;
align-items: center;
line-height: 1.34 !important;
font-weight: bold;
}
/* 毎月月運 */    



/*―――202406　特別鑑定部分リニューアル ――　*/

/* 特別鑑定ボタン */  

.kobetsu_unki_day{
font-weight:normal;
padding-bottom:3px;
display: block;
font-size: 11px;
color: #276D64;
}

.kobetsu_btn {
width: 100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height: 40px;
background: #ffffff;
border: 1px solid #056C53 !important;
background: #FFF;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border: none;
text-align: center;
}

.kobetsu_btn span,
.kobetsu_btn a{
background: linear-gradient(270deg, #164439 0%, #006D53 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* 特別鑑定　OKボタン */  
.kobetsu_ok_btn {
width: 100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height: 40px;
background: linear-gradient(270deg, #164439 0%, #006D53 100%);
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border: none !important;
text-align: center;
}
.kobetsu_ok_btn span {
color:  #FFFFFF !important;
}

/* 見出し */  
.pege_title_menu {
font-weight: bold;
font-size: 15px;
font-weight: 700;
line-height: 16px;
align-items: center;
background:linear-gradient(270deg, #164439 0%, #006D53 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* 特別鑑定パッケージの名前 */  
.kobetsu_package_name{
font-size: 15px;
font-weight: 700;
line-height: 19px;
padding-bottom:12px;
border-bottom: 1px solid;
border-image: linear-gradient(to right, #006D53, #164439) 1;
}
/* 特別鑑定パッケージの名前　リザルトページ用 */
.kobetsu_package_name_result{
font-size: 15px;
font-weight: 700;
line-height: 19px;
padding-bottom:12px;

border-bottom: 1px solid;
border-image: linear-gradient(to right, #006D53, #164439) 1;
border-top: 1px solid;
border-image: linear-gradient(to right, #006D53, #164439) 1;
padding-top: 12px;
}


.kobetsu_caption_text{
font-size: 14px;
font-weight: 500;
line-height: 160%;
}
/* 見出し　特別鑑定用　緑　 */
.reco_kpbetsu_text_box h4{
position:relative;
margin: 0 0 8px 25px;
color: #181818;
font-size: 13px;
font-weight: 700;
line-height: normal;
}

.reco_kpbetsu_text_box h4::before{
position: absolute;
display: block;
content: "";
background:url(/image/kobetsu/icon_kobetsu_sel.sp.480.png);
width: 19px;
height: 21px;
background-repeat: no-repeat;
background-size: contain;
left: -25px;
}  
/* 見出し　ハイブリッド特別鑑定用　青　 */
.reco_hybrid_text_box h4{
position:relative;
margin: 0 0 8px 25px;
color: #181818;
font-size: 13px;
font-weight: 700;
line-height: normal;
}

.reco_hybrid_text_box h4::before{
position: absolute;
display: block;
content: "";
background:url(/image/kobetsu/icon_kobetsu_hibrid_sel.sp.480.png);
width: 19px;
height: 21px;
background-repeat: no-repeat;
background-size: contain;
left: -25px;
}  
/* ボタン　ハイブリッド鑑定用　青　 */
.hybrid_btn {
border: 1px solid #305DAB !important;
width: 100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height: 40px;
background: #FFF !important;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
border-radius: 20px;
border: none;
text-align: center;
}  

.hybrid_btn span,
.hybrid_btn a{
background: linear-gradient(90deg, #305DAB 0%, #1E1864 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} 

.kobetsu_menu_part {
margin-left: -20px;
margin-right: -20px;
padding: 28px 20px 48px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.18) 100%);
} 
/* selページ　特別鑑定用　 */
.pege_title_sel{
border-radius: 2px;
border: 1px solid  #AEAEAD;
background: #E1FCDE;
padding: 14px 16px 16px 12px;  
font-size: 14px;
font-weight: 700;
line-height: 16px;  
}


.pege_title_hybrid_sel{
border-radius: 2px;
border: 1px solid  #AEAEAD;
background: #E2F5FF;
padding: 14px 16px 16px 12px;  
font-size: 14px;
font-weight: 700;
line-height: 16px;  
}

.select_title_inner_box{
border-radius: 4px;
background: #D5EFDE;
padding: 16px;}


.kobetsu_category_tip a {
min-width: 65px;
box-sizing: border-box;
height: 28px;
text-align: center;
border-radius: 20px;
margin: 3px 1px 3px 0px;
background: linear-gradient(270deg, #164439 0%, #006D53 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: 1px solid #056C53;
background: rgba(255, 255, 255, 0.95);
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
font-size: 13px; 
font-weight: bold;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px 12px;

}


.kobetsu_category_tip a span {    
background: linear-gradient(270deg, #164439 0%, #006D53 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.kobetsu_category_tip_act {
min-width: 65px;
box-sizing: border-box;
height: 28px;
text-align: center;
border-radius: 20px;
margin: 5px 5px 5px 0px;
color: #ffffff;
border: 1px solid #ffffff;
background: transparent;
font-size: 13px;
font-weight: bold;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px 12px;
}

/* selページ　特別鑑定用　 */
.u-pt0 {
padding-top: 0px !important; }

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

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

.u-mt32 {
margin-top: 32px !important; }


.u-mb4 {
margin-bottom: 4px !important; }

.u-mb16 {
margin-bottom: 16px !important; }

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


.u-mb36 {
margin-bottom: 36px !important; }


.c {
text-align: center !important;
}
/*―――202406　特別鑑定部分リニューアル ――　*/

/*―――2024930　mtop金運用黄色ボタン ――　*/

.kinun_botton_box{
    padding-bottom: 8px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.kinun_botton_box span{
content:"";
display:block;
background:url(/image/mtop/new_icon.sp.480.png);
width: 38px;
height: 33px;
background-repeat: no-repeat;
background-size: contain;
margin-right: 9px;  
}


.kinun_yellow_btn{
width:100%;
font-weight: bold;
font-size: 14px !important;
line-height: 21px;
min-height:40px;
background: #FAE497;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
border-radius: 2px;
border:none !important;
margin-bottom:10px;
}

/*―――20250327　m/tokushu/202503用 ――　*/

h4.tokushu_obi_202503{ 
color: #181818;
font-size: 13px;
font-weight: 700;
display:flex;
justify-content: flex-start;
align-items: center;
}


 h4.tokushu_obi_202503 span{ 
display: inline-block;
width: 23px;
height: 20px;
background-image: url(/image/tokushu/202503/icon_blue.sp.480.png);
background-size: cover;
margin: 0 4px 0 0;
}  

.tokusyu_202503_catch{
border-radius: 4px;
background: #FFF;
padding: 20px 12px;
font-size: 14px;
line-height: 170%;
color: #333333;
  }  


@media (max-width:320px) {  
.tokusyu_202503_catch{
font-size: 12px !important;
padding: 16px 8px;
}
} 
/*―――20250327　m/tokushu/202503用 ――　*/