@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700;900&family=Noto+Serif+JP:wght@300;400;600;700;900&display=swap');
/* @import url("https://use.typekit.net/xme0swb.css"); */

/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */

*,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}

::placeholder{
color: #AAAAAA;
font-size: 14px;
font-weight: 500;
line-height: 140%;
}

/* フォーカス時　アウトライン消し */
*:focus {
outline: none;
}

/* Document */
/* ============================================ */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/

/* アドビフォント 指定時こちらからコピペ */
/*

font-family: ten-mincho-text, serif;
font-style: normal;
font-weight: 400;

font-family: fot-tsukumin-pr6n, 'Noto Serif JP', serif;
font-style: normal;
font-weight: 300;


明朝指定
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;

font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Noto Sans JP', sans-serif;

font-family: 'Inter', sans-serif;
font-family: 'Mrs Saint Delafield', cursive;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;

font-family: 'Cinzel', serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;



*/




/* アドビフォント 指定時こちらからコピペ */




html { font-family: 'Noto Sans JP', sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }

html {
font-size: 14px;
line-height: 21px; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-webkit-tap-highlight-color: transparent; /* 3*/
color: #292929;
font-weight: 400;
}

/* Sections */
/* ============================================ */

/**
* Remove the margin in all browsers.
*/

body {
margin: 0 auto !important;
max-width:768px !important;
min-width: 320px !important;

}

/**
* Render the `main` element consistently in IE.
*/

main {
display: block;
}

/* Vertical rhythm */
/* ============================================ */

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}

/* Headings */
/* ============================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */

ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
ref
/* Lists (definition) */
/* ============================================ */

dt {
font-weight: bold;
}

dd {
margin-left: 0;
}

/* Grouping content */
/* ============================================ */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
font-family: monospace, monospace; /* 1 */
font-size: inherit; /* 2 */
}

address {
font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */

/**
* Remove the gray background on active links in IE 10.
*/

a {
background-color: transparent;
text-decoration: none;
color: inherit;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: inherit; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

/* Replaced content */
/* ============================================ */

/**
* Prevent vertical alignment issues.
*/

svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}



/* Forms */
/* ============================================ */

/**
* Reset form fields to make them styleable.
* 1. Make form elements stylable across systems iOS especially.
* 2. Inherit text-transform from parent.
*/

input[type="text"],
optgroup,
select,
textarea {
-webkit-appearance: none; /* 1 */
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 8px;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; /* 2 */
background: #FFFFFF;
font-family: 'Noto Sans JP', sans-serif;
}

button {
-webkit-appearance: none; /* 1 */
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; /* 2 */
border: none;

}

/**
* Reset radio and checkbox appearance to preserve their look in iOS.
*/

[type="checkbox"] {
-webkit-appearance: checkbox;
appearance: checkbox;
}

[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
}

/**
* Correct cursors for clickable elements.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
-webkit-appearance: none; /* 1 */
appearance: none;
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
cursor: default;
}

/**
* Improve outlines for Firefox and unify style with input elements & buttons.
*/

:-moz-focusring {
outline: auto;
}

select:disabled {
opacity: inherit;
}

/**
* Remove padding
*/

option {
padding: 0;
}

/**
* Reset to invisible
*/

fieldset {
margin: 0;
padding: 0;
min-width: 0;
}

legend {
padding: 0;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
overflow: auto;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}

/**
* 1. Correct the outline style in Safari.
*/

[type="search"] {
outline-offset: -2px; /* 1 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Fix font inheritance.
*/

::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}

/**
* Clickable labels
*/

label[for] {
cursor: pointer;
}

/* Interactive */
/* ============================================ */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
display: list-item;
}

/*
* Remove outline for editable content.
*/

[contenteditable]:focus {
outline: auto;
}

/* Tables */
/* ============================================ */

/**
1. Correct table border color inheritance in all Chrome and Safari.
*/

table {
border-color: inherit; /* 1 */
}

caption {
text-align: left;
}

td,
th {
vertical-align: top;
padding: 0;
}

th {
text-align: left;
font-weight: bold;
}

/* ============================================ 
汎用
/* ============================================ */

.w100{
width: 100%;
}

img{
width: 100%;
}


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

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


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

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

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

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

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

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


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

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

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


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

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

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


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

.u-p8 {
padding: 8px !important; }


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

.u-pt12 {
padding-top: 12px !important; }

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

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

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

.u-pt36 {
padding-top: 36px !important; }      

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


.u-pt48 {
padding-top: 48px !important; }


.u-pt50 {
padding-top: 50px !important; }

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


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

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

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


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

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

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

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

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

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

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

.u-p12-r {
padding-right: 12px !important; }

.u-p15-r {
padding-right: 15px !important; }

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

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

.u-pb4 {
padding-bottom: 4px !important; }

.u-pb6 {
padding-bottom: 6px !important; }

.u-pb8 {
padding-bottom: 8px !important; }

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

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

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


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


.u-pb48 {
padding-bottom: 48px !important; }

.u-pb60 {
padding-bottom: 60px !important; }


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

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

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

.u-pt6 {
padding-top: 6px !important; }


.u-pt8 {
padding-top: 8px !important; }


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

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


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

.u-p4 {
padding: 4px !important;  }

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

.u-p8 {
padding: 8px !important; }

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

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

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

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

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


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

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

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

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

.u-mt12 {
margin-top: 12px !important; }

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

.u-mt18 {
margin-top: 18px !important; }


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

.u-mt24 {
margin-top: 24px !important; }

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

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

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

.u-mt35 {
margin-top: 35px !important; }

.u-mt36 {
margin-top: 36px !important; }

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

.u-mt48 {
margin-top: 48px !important; }

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

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

.u-mt80 {
margin-top: 80px !important; }


.u-mt88 {
margin-top: 88px !important; }


/* 汎用　margin-top マイナス　―――――――*/

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

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

.u-mt_64 {
margin-top: -64px !important; }
/* 汎用　margin-bottom　―――――――*/

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

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


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


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

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

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


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

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

.u-mb18 {
margin-bottom: 18px !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-mb36 {
margin-bottom: 36px !important; }

.u-mb38 {
margin-bottom: 38px !important; }

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

.u-mb42 {
margin-bottom: 42px !important; }

.u-mb46 {
margin-bottom: 46px !important; }


.u-mb48 {
margin-bottom: 48px !important; }

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

.u-mb54 {
margin-bottom: 54px !important; }

.u-mb56 {
margin-bottom: 56px !important; }

.u-mb58 {
margin-bottom: 58px !important; }  


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


.u-mb64 {
margin-bottom: 64px !important; }

.u-mb70 {
margin-bottom: 70px !important; }


/* 汎用　margin-bottom　マイナスマージン ―――――――*/

.u-mb-70 {
margin-bottom: -70px !important; }





/* 汎用　margin-left　―――――――*/
.u-pl10 {
padding-left: 10px !important; }

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

.u-pl16 {
padding-left: 16px !important; }

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


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

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


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

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

.c{
text-align: center !important;
}


.flex-start{
justify-content:flex-start !important;
}


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

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

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

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


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

/* テキスト　色　―――――――*/

.fcolor_l_purple{
color: #E7CDFD !important;
}

.fcolor_orenge{
color: #FCA95D !important;
}

.fcolor_white{
color: #ffffff !important;
}

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

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

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

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

.fs18{
font-size: 18px !important;
}

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

.fs24{
font-size: 24px !important;
}

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

/* line-height 18px*/
.l_h12{
line-height:1.2 !important;
}

/* line-height 19.5px*/
.l_h13{
line-height:1.3 !important;
}

/* line-height 22px*/
.l_h14{
line-height:1.46666 !important;
}    

/* line-height 29px*/
.l_h19{
line-height:1.93333 !important;
}    

.l_h170{
line-height: 170% !important;
}

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




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

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

.marker_orange3_hoso {
background:linear-gradient(transparenw100t 60%, #FFAB6F 60%);
}


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

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

.underline{
  text-decoration: underline;
}

/* ============================================ 
header
/* ============================================ */

/* ヘッダー周り mtop */
.header_mtop {
box-sizing: border-box; 
width:100%;
position: relative;
padding-top:33.333%;
background-image: url(../image/rn2023/component/header.sp.480.png) ;
background-size: contain;
background-repeat: no-repeat;
background-color: #403F7D;
}

/* ヘッダー周り 下層ページ */
.header_under_page {
box-sizing: border-box; 
width:100%;
position: relative;
padding-top:32%;
background-image: url(../image/rn2023/component/header.sp.480.png) ;
background-size: contain;
background-repeat: no-repeat;
background-color: #FFD7E5;
}

/* ヘッダー周り 下層ページ黒 */
.header_under_page_black {
box-sizing: border-box; 
width:100%;
position: relative;
padding-top:32%;
background-image: url(../image/rn2023/component/header.sp.480.png) ;
background-size: contain;
background-repeat: no-repeat;
background-color: #403F7D;
}


/* ロゴ */ 
/* ロゴ */ 
.title_logo_mtop{
position: absolute;
font: 0/0 a;
width: 53%;
top: 10%;
left: 22%;
color: transparent;
background-size: contain;
padding-top: 18%;
background-size: contain;
background-repeat: no-repeat;
}

.title_logo{
position: absolute;
font: 0/0 a;
width: 53%;
top: 10%;
left: 22%;
color: transparent;
background-size: contain;
padding-top: 18%;
background-size: contain;
background-repeat: no-repeat;
}




/* menu 位置 */
.menu_box{
position:absolute;
top: 5%;
right: 2.5%;
}

.drawer_btn{
/*  border-radius: 50%;*/
width:40px;
height:40px;
position: relative;
}

.menu_btn_text{
position: absolute;
top: 30px;
left: 6px;
text-align: center;
font-size: 10px;
font-weight: 700;
}
.drawer-open .menu_btn_text{
display: none;
}
/* ============================================ 
footer
/* ============================================ */


.footer{
height:100px;
width:100%;
background: #9762D4;
padding:14px 0;
text-align: center;
}

#home_btn{
display: flex;
justify-content: center;
align-items: center;
width:45px;
height:45px;
background: #ffffff;
border-radius: 50%;
margin: auto;
}

#home_icon{
width:45px;
height:45px;
background: url(../image/rn2023/component/icon_home.sp.480.png);
background-size: cover;
}

footer .copy{
padding-top:8px;
font-weight: 500;
font-size: 10px;
line-height: 12px;
color: #ffffff;
}

/* ============================================ 
日運部分
/* ============================================ */


.daily{
background: linear-gradient(180deg, #FFD7E5 0%, #E6CCFF 100%);
}

.daily_bottom{
width:calc(100% + 60px); 
}

.daily_btn_box_parent{
/* width: calc(100% - 60px); */
}

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

}

}


@media screen and (min-width: 620px) {
.daily_bottom{

}

.daily_btn_box_parent{

}

}



.date_text_rn{
height:41px;
font-size: 28px;
font-family: ten-mincho-text, serif;
font-style: italic;
letter-spacing: 0.56px;
}


.date_text_rn .m_text{
font-size: 17px;
letter-spacing: 0.34px;
}


.date_text_rn .s_text{
font-size: 14px;
letter-spacing: 0.28px;
}



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

.daily_btn_box .normal_btn_rn,
.daily_btn_box .submit_btn_rn,
.daily_btn_box .submit_btn_rn_tall{
width:48.5%;
}


.square_btn a{
margin:0 20px;  
display:flex;
justify-content: center;
align-items: center;  
height:42px;
border: 1px solid #3E3E3E;
font-weight: 500;
font-size: 14px;}

/* ============================================ 
ページ共通
/* ============================================ */

/* ===== cocoloni-banner　===== */ 
.cocoloni-banner {
font: 0/0 a;
color: transparent;
border: 0;
background-color: #ffffff;
background-image: url(../image/common/cocoloni-brand_2.sp.480.png);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 68px 10px;
background-size: 68px 10px;
height: 24px;
border-bottom: 1px solid #ECECEC;
}


/* ===== pageTop用　===== */

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


#pageTop a {
position: relative;
display: block;
background-image: url(../image/rn2023/component/icon_toTop.sp.480.png);
width:46px;
height: 71px;
cursor: pointer;
background-size: cover;
/* opacity: 0.7;*/
}

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

#pageTop:after {
content: "";
display: block;
clear: both;
width: 22px;
height: 22px;
border-top: 3px solid #FFF;
border-left: 3px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
color: #fff;  
position: absolute;
top: 8px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}  
*/
/* ===== pageTop用　===== */


/* ===== コンテンツ幅　===== */ 
.l-contents{
padding-left:25px;
padding-right:25px;
}

/* ===== コンテンツ幅　===== */ 
.l-contents_result{
padding-left:25px;
padding-right:25px; 
}

/* ===== ピンク背景 ===== */
.mtop_pink_bg{
background: linear-gradient(180deg, #FFD7E5 0%, #E6CCFF 100%);
}



/* ===== コーナー result top line　　===== */ 
.corner_head_line{
width:100%;
padding-top:5px;
border-bottom: 2px solid #9762D4;

}

.corner_head_line h1{
width: 100%;
color: #6F43A5;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 19px;
line-height: 24px;
margin:0px 0 4px;
padding-bottom:12px;
border-bottom: 1px solid #9762D4;
font-family: ten-mincho-text, serif;
}

.corner_head_line span{
display: inline-block;
min-width: 66px;
max-width: 66px;
height:32px;
padding-right:10px;
background: url(../image/rn2023/component/result_menu_icon.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
border-right: 0.6px solid #787878;
}

.corner_head_line div{

}

/* ===== h2　上部点線　ダイヤ付き　　===== */ 
.corner_head_line_h2{
width:100%;
padding:12px 12px;
border-top: 1.5px dashed #9762D4;
border-bottom: 1.5px dashed #9762D4; 
}

.corner_head_line_h2 h2{
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 17px;
line-height: 170%;
padding:0 30px;
font-family: ten-mincho-text, serif;
}

.corner_head_line_h2 h2::before {
display: inline-block;
content:"";
background-image: url(../image/rn2023/component/icon_midashi_left.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
width:22px;
height:18px;
position: absolute;
left: 0;
}    


.corner_head_line_h2 h2::after {
display: inline-block;
content:"";
background-image: url(../image/rn2023/component/icon_midashi_right.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
width:22px;
height:18px;
position: absolute;
right: 0;
}    


/* ===== コーナー result top line　黒背景用 　===== */ 
.corner_head_line_black{
  width:100%;
  padding-top:5px;
  border-bottom: 2px solid #E7CDFD;
  
  }
  
  .corner_head_line_black h1{
  width: 100%;
  color: #E7CDFD;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  margin:0px 0 4px;
  padding-bottom:12px;
  border-bottom: 1px solid #E7CDFD;
  font-family: ten-mincho-text, serif;
  
  }
  
  .corner_head_line_black span{
  display: inline-block;
  min-width: 66px;
  max-width: 66px;
  height:32px;
  padding-right:10px;
  background: url(../image/rn2023/component/result_menu_icon.sp.480.png);
  background-size: contain;
  background-repeat: no-repeat;
  border-right: 0.6px solid #787878;
  }
  
  .corner_head_line div{
  
  }

/* ===== h3　見出し　ダイヤ付き　　===== */ 
.corner_head_line_h3{
width:100%;
}

.corner_head_line_h3 h3{
width: 100%;
position: relative;
display: flex;
align-items: center;
font-weight: 400;
font-size: 15px;
line-height: 170%;
padding:0 30px;
font-family: ten-mincho-text, serif;
}

.corner_head_line_h3 h3::before {
display: inline-block;
content:"";
background-image: url(../image/rn2023/component/icon_midashi_left.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
width:22px;
height:18px;
position: absolute;
left: 0;
}    



/* ===== コーナー result top line　　===== */ 

.corner_head_text h2{
font-weight: 700;
font-size: 17px;
line-height: 22px;
margin:16px 0 15px;
color: #99774D;
padding-bottom: 11px;
border-bottom: 1px solid #99774D;
}


/* ===== コーナー画像　dots&ハート　===== */ 
.corner_head_dots_heart::before{
width:100%;
padding-top: 6.116%;
content: '';
display: block;
text-align: center;
background: url(../image/dotsline_point.png);
background-repeat: no-repeat;
background-size:contain;
}
.corner_head_dots_heart::after{
width:100%;
height:5px;
content: '';
display: block;
text-align: center;
background: url(../image/dotsline.png);
background-repeat: no-repeat;
background-size:contain;
}
.corner_head_dots_heart h2{
font-weight: bold;
font-size: 16px;
line-height: 22px;
margin:16px 0 ;
}


/* ===== mtop　h2見出し　四角付き　===== */ 

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

.midashi_title_top{
position: relative;
} 

.midashi_title_top h2{
position: relative;  
background-color: #ffffff;
padding:10px;  
display: inline-block;
color: #6F43A5;  
font-weight: 400;
font-size: 18px;
font-family: ten-mincho-text, serif;
z-index: 10;
}

.midashi_title_top h2 span{
font-size: 24px;  
}  

.corner_head .icon{
position: absolute;
top: -12px;
left: -17px; 
width: 45px;
height: 30px;
background-color: #DAAEF5;
z-index: 1;
}

.midashi_en {
display: block;
text-align: right;
font-weight: 400;
font-size: 14px;
color: #C290FF;
font-family: 'Cinzel', serif;
}


/* ===== mtop　h2見出し　四角付き　===== */ 


/* ===== mtop　h3見出し　花アイコン付き　===== */  
.midashi_title_h3{
width:100%;
height: 30px;
}

.midashi_title_h3 h3{
width: 100%;
position: relative;
display: flex;
align-items: center;
font-weight: 400;
font-size: 15px;
line-height: 170%;
padding: 0 30px 0 38px;
font-family: ten-mincho-text, serif;
}

.midashi_title_h3 h3::before {
display: inline-block;
content:"";
background-image: url(../image/rn2023/component/m_midashi_icon.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
width:34px;
height:30px;
position: absolute;
left: 0;
}    


@media screen and (max-width: 374px) {
.midashi_title_h3 h3{
width: 100%;
position: relative;
display: flex;
align-items: center;
font-weight: 400;
font-size: 13px;
line-height: 170%;
padding: 0 0px 0 38px;
font-family: ten-mincho-text, serif;
}
  
}







/* ===== mtop　h3見出し　個別鑑定部分　花アイコン付き　===== */  
.midashi_title_kobetsu_h3 {
width:100%;
height: 30px;
}

.midashi_title_kobetsu_h3 h3{
color:#ffffff;  
width: 100%;
position: relative;
display: flex;
align-items: center;
font-weight: 400;
font-size: 15px;
line-height: 170%;
padding: 0 30px 0 38px;
font-family: ten-mincho-text, serif;
}

.midashi_title_kobetsu_h3  h3::before {
display: inline-block;
content:"";
background-image: url(../image/rn2023/kobetsu/icon_midashi_kobetsu.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
width:34px;
height:30px;
position: absolute;
left: 0;
}    


/* ===== コーナー見出し　===== */ 

.corner_head_b {
margin: 0 30px;
text-align: center;
}

.corner_head_b .icon{
width: 19px;
height:22px;
text-align: center;
background: url(../image/mtop_2023/icon_h1.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto 2px;
}


.head-border {
display: flex;
align-items: center;
font-weight: 400;
font-size: 19px;
line-height: 23px;
letter-spacing: 0.1em;
font-family: 'Cinzel', serif;
max-width: 500px;
margin: auto;
}

.head-border:before,
.head-border:after {
content: "";
height: 0.8px;
flex-grow: 1;
background-color: #413B46;
}

.head-border:before {
margin-right: 1rem;
}

.head-border:after {
margin-left: 1rem;
}

.corner_head_b span.title {
display: block;
text-align: center;
font-weight: 400;
font-size: 19px;
line-height: 140%;
letter-spacing: 0.1em;
color: #413B46;
font-family: ten-mincho-text, serif;
border-bottom: 0.8px solid #413B46;
padding:10px 0 19px;
max-width: 500px;
margin: auto;
}


/* ===== コーナー見出し ===== */


/* ===== コーナー見出し 真ん中星マーク　===== */ 

.corner_head_star {
margin: 0 30px;
text-align: center;
}

.corner_head_star .icon{
width: 11px;
height:10px;
text-align: center;
background: url(../image/rn2023/component/h2_icon_star.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto 2px;
}



.corner_head_star h2.title {
display: block;
text-align: center;
font-weight: 400;
font-size: 19px;
line-height: 140%;
letter-spacing: 0.1em;
color: #413B46;
font-family: ten-mincho-text, serif;
padding: 11px 0 11px;
max-width: 500px;
margin: auto;
}


/* ===== コーナー見出し 真ん中星マーク　===== */ 


/* ===== メニュー名 両脇星マーク　===== */ 



.corner_head_star .icon{
width: 11px;
height:10px;
text-align: center;
background: url(../image/rn2023/component/h2_icon_star.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto 2px;
}

h2.h2_menu {
display: block;
text-align: center;
font-weight: 400;
font-size: 16px;
line-height: 140%;
letter-spacing: 0.1em;
color: #413B46;
font-family: ten-mincho-text, serif;
padding: 9px 0;
margin: auto 15px;
}

.h2_menu_star{
margin: auto 15px;
border-bottom: 0.8px solid #413B46;
position: relative;
}

.h2_menu_star::before{
position: absolute;
content:"";
top: -6px;
left: -15px;
width: 11px;
height:10px;
text-align: center;
background: url(../image/rn2023/component/h2_icon_star.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}

.h2_menu_star::after{
position: absolute;
content:"";
top: -6px;
right: -15px;
width: 11px;
height:10px;
text-align: center;
background: url(../image/rn2023/component/h2_icon_star.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}


/* ===== コーナー見出し 真ん中星マーク　===== */ 





/* ===== コーナー見出し 両脇ダイヤ　===== */

h2.midashi span {
display: block;
text-align: center;
font-weight: 600;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.1em;
font-family: ten-mincho-text, serif;
}


h2.midashi span::before{
margin-right:10px; 
content: '';
display: inline-block;
background: url(../image/mtop_2023/komidashi_left.sp.480.png);  
width:42px;
height:20px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
} 

h2.midashi span::after{
margin-left:10px; 
content: '';
display: inline-block;
background: url(../image/mtop_2023/komidashi_right.sp.480.png);  
width:42px;
height:20px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
} 
/* ===== コーナー見出し 両脇ダイヤ　===== */

/* ===== コーナー小見出し 片側ダイヤ===== */

h2.midashi_sub {
text-align: left;
font-weight: 600;
font-size: 15px;
line-height: 140%;
letter-spacing: 0.1em;
color: #413B46;
display: flex;
justify-content: left;
align-items: center;
text-align: left;
font-family: ten-mincho-text, serif;
}

h2.midashi_sub::before {
margin-right: 12px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/h2_icon.sp.480.png);
min-width: 22px;
min-height: 22px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: center;
}
/* ===== コーナー小見出し 片側ダイヤ===== */

/* ===== コーナー見出し タイプ名_大　===== */

h3.tipe1 {
text-align: center;
font-weight: 600;
font-size: 19px;
line-height: 140%;
letter-spacing: 0.1em;
color: #674286;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
}

h3.tipe1::before {
margin-right: 15px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/tipe1_left.sp.480.png);
min-width: 26px;
min-height: 54px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.tipe1::after {
margin-left: 16px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/tipe1_right.sp.480.png);
min-width: 26px;
min-height: 54px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}


/* ===== コーナー見出し タイプ名_中　===== */

h3.tipe2 {
text-align: center;
font-weight: 700;
font-size: 15px;
line-height: 140%;
letter-spacing: 0.1em;
color: #A7516E;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
}

h3.tipe2::before {
margin-right: 8px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/tipe1_left.sp.480.png);
min-width: 26px;
min-height: 54px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.tipe2::after {
margin-left: 8px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/tipe1_right.sp.480.png);
min-width: 26px;
min-height: 54px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

/* ===== トピック メニュー名　上星　===== */

.topic_title h3 {
position: relative;
text-align: center;
font-weight: 600;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.1em;
color: #674286;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
padding-top:28px;

}

.topic_title h3::before {
position: absolute;
content:"";
top: 0px;
left: calc( 50% - 11px);
width: 21px;
height:21px;
text-align: center;
background: url(../image/rn2023/component/topic_icon_star.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}


/* ===== トピック ボーダー2重　上星　===== */

.topic_border h3 {
position: relative;
text-align: center;
font-weight: 600;
font-size: 15px;
line-height: 140%;
text-align: center;
letter-spacing: 0.1em;
color: #3E3E3E;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
padding-bottom:12px;
border-bottom: 0.6px solid #C36E8A;
}

.topic_border h3::after {
position: absolute;
content:"";
border: 0.6px solid #C36E8A;
bottom:-5px;
left:0;
width: 100%;
}



/* ===== 運命の翼　メニュー名　===== */

h3.title_tsubasa {
text-align: center;
font-weight: 400;
font-size: 19px;
line-height: 140%;
letter-spacing: 0.1em;
color: #413B46;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
}

h3.title_tsubasa::before {
margin-right: 15px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/title_tsubasa_left.sp.480.png);
min-width: 19px;
min-height: 22px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.title_tsubasa::after {
margin-left: 15px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/title_tsubasa_right.sp.480.png);
min-width: 19px;
min-height: 22px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}


/* ===== パーソン ランキング　===== */

h3.ranking1 {
text-align: center;
font-weight: 800;
font-size: 22px;
line-height: 140%;
color: #413B46;
letter-spacing: 0.1em;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
}

h3.ranking1::before {
margin-right: 10px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/rank1_left.sp.480.png);
min-width: 23px;
min-height: 41px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.ranking1::after {
margin-left: 10px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/rank1_right.sp.480.png);
min-width: 23px;
min-height: 41px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.ranking2 {
text-align: center;
font-weight: 800;
font-size: 22px;
line-height: 140%;
color: #413B46;
letter-spacing: 0.1em;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
}

h3.ranking2::before {
margin-right: 10px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/rank2_left.sp.480.png);
min-width: 23px;
min-height: 41px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.ranking2::after {
margin-left: 10px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/rank2_right.sp.480.png);
min-width: 23px;
min-height: 41px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.ranking3 {
text-align: center;
font-weight: 800;
font-size: 22px;
line-height: 140%;
color: #413B46;
letter-spacing: 0.1em;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
}

h3.ranking3::before {
margin-right: 10px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/rank3_left.sp.480.png);
min-width: 23px;
min-height: 41px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.ranking3::after {
margin-left: 10px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/rank3_right.sp.480.png);
min-width: 23px;
min-height: 41px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}


/* ===== コーナー見出し タイプ名_個別課金_大　===== */

h3.kobetsu_tipe {
text-align: center;
font-weight: 600;
font-size: 19px;
line-height: 140%;
letter-spacing: 0.1em;
color: #413B46;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: ten-mincho-text, serif;
}

h3.kobetsu_tipe::before {
margin-right: 15px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/kobetsu_tipe_left.sp.480.png);
min-width: 26px;
min-height: 54px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

h3.kobetsu_tipe::after {
margin-left: 16px;
content: '';
display: inline-block;
background: url(../image/rn2023/component/kobetsu_tipe_right.sp.480.png);
min-width: 26px;
min-height: 54px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}



/* ===== 特別鑑定コーナー見出し　 両脇ダイヤ===== */ 

h2.midashi_kobetsu span {
display: block;
text-align: center;
font-weight: 600;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.1em;
font-family: ten-mincho-text, serif;
}


h2.midashi_kobetsu span::before{
margin-right:10px; 
content: '';
display: inline-block;
background: url(../image/mtop_2023/komidashi_kobetsu_left.sp.480.png);  
width:42px;
height:20px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
} 

h2.midashi_kobetsu span::after{
margin-left:10px; 
content: '';
display: inline-block;
background: url(../image/mtop_2023/komidashi_kobetsu_right.sp.480.png);  
width:42px;
height:20px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
} 


/* ===== 特別鑑定コーナー見出し　 両脇ダイヤ===== */ 




/* ===== 特別鑑定　bg TOP用　===== */ 

.kobetsu_bg_rn{
background: url(../image/rn2023/kobetsu/kobetsu_bg.sp.480.png),
linear-gradient(90deg, rgba(164, 65, 101, 0.90) 0%, rgba(132, 69, 150, 0.90) 50.02%, rgba(35, 33, 130, 0.90) 100%);
background-size: 100%,contain;
}

/* ===== 特別鑑定　bg 下層用　===== */ 

.kobetsu_bg_under_rn {
background: url(../image/rn2023/kobetsu/kobetsu_bg.sp.480.png),
linear-gradient(90deg, rgba(164, 65, 101, 0.80) 0%, rgba(134, 65, 153, 0.80) 50.02%, rgba(36, 34, 137, 0.80) 100%);
background-size: 100%,contain;
}

.kobetsu_result_bg{
margin:0 -25px;
padding:0px 25px 40px;
background-color: #FFDDB7;
}

.kobetsu_result_text{
padding:20px 12px;
background-color: #ffffff;
}

.kobetsu_result_text .result_text_rn{
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 185%; 
}


.kobetsu_result_text .tip_box{
display: flex;
justify-content: flex-end;
font-size: 12px;
font-weight: 400;
line-height: 140%
}

.kobetsu_result_text span{
  font-weight: 500;
  color: #CF5984;
    display: inline-flex;
    margin-right: 10px;
    height: 21px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}

.kobetsu_result_text span:last-child{
margin-right:0px;  
}

.kobetsu_result_text .bought_y_tip{
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
height: 21px;  
background-color:#6563E0;
color:#ffffff;
padding:0 10px;
margin-right:10px;  
}



/* ===== 特別鑑定カテゴリ名　＃並び===== */
.category_list_kobetsu_rn{
font-weight: 500;
font-size: 14px;
line-height: 170%;
color: #ffffff;
}

.category_list_kobetsu_rn li{
background-color: #CF5984;
padding: 2px 8px;
margin-bottom:8px;
margin-right:10px;
display: inline-block;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);  
}

.category_list_kobetsu_rn .category_tip_act{
background-color: transparent;    
color: #FFFFFF;
border: solid 1px #FFFFFF;
box-shadow: 3px 3px 0px 0px transparent;  
}
/* ===== カテゴリ名　＃並び===== */



/* ===== 特別鑑定ヘッダー　　===== */ 

.kobetsu_header_mtop,
.kobetsu_footer_mtop{
margin-left:-25px;
margin-right: -25px;
}


.kobetsu_header,
.kobetsu_footer{
margin-left:-25px;
margin-right: -25px;
}

/* ===== m/kobetsu/top　　===== */ 

.kobetsu_text_box{
background:  rgba(255, 255, 255, 0.8);
border-radius: 5px;
padding:20px;
}


.kobetu_package_name{
font-weight: 600;
font-size: 15px;
line-height: 130%;
letter-spacing: 0.1em;
font-family: ten-mincho-text, serif;
display: flex;
align-items: center;
justify-content: flex-start;
}

.kobetu_package_name::before{
display: inline-block;
content: "";
background-image: url(../image/kobetsu_2023/icon_kobetsu_package.sp.480.png);
min-width:26px;
min-height:25px;
max-width:26px;
max-height:25px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 5px;
}  

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

.kobetsu_price_box .price,
.kobetsu_price_box .bought,
.kobetsu_price_box .bought_y{
font-weight: 400;
font-size: 12px;
color: #674286;
}

.kobetsu_price_box .price{
padding-right:10px;
}
.kobetsu_price_box .bought_y{
font-weight: 700;
}


.list_base_kobetsu_rn .bought_y{
position: absolute;
display: inline-block;
background: #6563E0;
color:#ffffff;
font-size: 12px;
font-weight: 400;
line-height: 140%;
}


/* ===== おすすめのスペシャル鑑定　　===== */ 

.sub_title_kobetsu{
display: flex;
align-items: flex-end;
font-weight: 600;
font-size: 16px;
line-height: 24px;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
}

.sub_title_kobetsu span.icon{
display: inline-block;
content: '';
background: url(../image/mtop/icon_komidashi.sp.480.png);  
width: 16px;
height: 30px;
margin-right:6px;
background-repeat: no-repeat;
background-size: contain;
}


/* ===== プレミアムコース　　===== */ 


.premium_bg{
margin:0 -25px;
padding:0px 25px 0px;
background-color: #CEF3C2;
}

.premium_header{
margin-left:-25px;
margin-right: -25px;
}

.premium_footer{
margin-left:-25px;
margin-right: -25px;    
}

.about_premium{
padding: 28px 17px 28px;
font-weight: 500;
font-size: 15px;
line-height: 29px;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
}


.sub_title_premium{
display: flex;
align-items: flex-end;
font-weight: 600;
font-size: 16px;
line-height: 24px;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
}

.sub_title_premium span.icon{
display: inline-block;
content: '';
background: url(../image/mtop/premium_icon_komidashi.sp.480.png);  
width: 16px;
height: 30px;
margin-right:6px;
background-repeat: no-repeat;
background-size: contain;
}

.premium_card{
padding:10px 10px 12px;
background-color: rgba(255, 255, 255, 0.9);
}

.premium_card div{
font-weight: 700;
font-size: 15px;
line-height: 22px;
border-bottom:1px solid #81C769;
color: #BA9C32;
padding-bottom: 10px;
}

.premium_card span{
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
font-weight: 800;
font-size: 16px;
color: #6C6C6C;
}


.premium_btn {
width: 77%;
margin: auto;
display: flex;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
height: 50px;
background:  #81C769;
box-shadow: 3px 3px 0px rgb(62 62 62 / 10%), inset 0px 0px 0px 4px  #81C769, inset 0px 0px 0px 5px rgb(255 255 255 / 80%);
border-radius: 25px 0px;
justify-content: center;
align-items: center;
letter-spacing: 0.15em;
}

.premium_btn a {
width:100%;
font-weight: 600;
font-size: 16px;
display: flex;
height: 50px;
align-items: center;
justify-content: center;
}

/* ===== おすすめの占い　　===== */ 
.sub_title_kobetsu span.red{
display: inline;
margin-right: -16px;
width: 27px;
height: 27px;
border-radius: 50%;
background: #F6D0AD;
font-family: 'Kaisei Opti', serif;
}



/* ===== そのほかの占い　　　===== */ 
.sub_title_more{
display: flex;
align-items: center;
font-weight: 700;
font-size: 14px;
}

.sub_title_more span.more_dots{
display: inline;
background: url(../image/mitsuri_icon.sp.480.png);
width: 30px;
height: 30px;
background-repeat: no-repeat;
margin-right: -10px;
background-size: contain;
}


/* ===== 相性占い　　　===== */ 

.aisho_kekka_text{
font-weight: 600;
text-align: center;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
}


.aisho_bg_box{

margin:auto;
max-width:325px;
max-height:204px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}

.aisho_kekka{
position: absolute;
font-weight: 600;
font-size: 15px;
color: #977044;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
}

.aisho_kekka span img{
width:120px;
height:20px;
display: inline;
}


.sub_title_aisho{
display: flex;
align-items: center;
font-weight: 700;
font-size: 16px;
font-family: 'Kaisei Opti', serif;
}


.sub_title_aisho span.aisho_dots{
display: inline;
background: url(../image/mitsuri_icon.sp.480.png);
width: 40px;
height: 40px;
background-repeat: no-repeat;
margin-right: -24px;
background-size: contain;
}



/* ===== コーナー見出し ハート　赤　===== */ 
h3.sub_title_rouge::before{
content: '';
display: block;
background: url(../image/rn2023/component/heart3_rouge.png);  
width: 44px;
height: 20px;
margin: 0 auto 5px;
background-repeat: no-repeat;
background-size: contain;
}


/* ===== コーナー見出し 相性　===== */ 

h3.sub_title_aisho{
text-align: center;
font-weight: bold;
font-size: 16px;
line-height: 22px;
}

h3.sub_title_aisho span{
display: block;
font-weight: normal;
font-size: 24px;
line-height: 24px;
font-family: caflisch-script-pro, sans-serif;
}

.aisho_heart{
width: 100px;
margin:auto;
text-align: center;

}

.aisho_heart img{
width:12px;
height:14px;
margin-right: 8px;
}

.aisho_heart img:last-child{
margin-right: 0px;
}






/* ===== ボタン ノーマル　青 ===== */ 

.normal_btn_rn{
display: flex;
background: #514FC8;
color: #FFFFFF;
width: auto;
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.20));

}

.normal_btn_rn a {
color: #FFFFFF;
width:100%;
font-weight: 400;
font-size: 14px;
line-height: 150%;
display: flex;
height: 40px;
align-items: center;
justify-content: center;
font-family: ten-mincho-text, serif;
}

/* ===== ボタン ノーマル 青　高さ違い ===== */ 

.normal_btn_rn_tall a{
height: 60px; 
text-align: center;
}


/* ===== ボタン ラインのみ　紫 ===== */ 

.normal_btn_rn_line{
display: flex;
background: #FFF4F6;
border: 1px solid #9164B8;
box-shadow: inset 0px 0px 0px 3px #FBE9EC, inset 0px 0px 0px 4px rgba(125, 92, 153, 0.7);
border-radius: 4px;
width: 57.3%;
margin:auto;
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.20));
}


.normal_btn_rn_line a{
color: #9164B8;
width:100%;
font-weight: 400;
font-size: 14px;
line-height: 150%;
display: flex;
height: 39px;
align-items: center;
justify-content: center;
}



/* ===== ボタン　濃い黄色 ===== */ 

.normal_btn_rn_ok{
width: 77%;
margin: auto;
display: flex;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
height:50px;
background: #F5D43B;
box-shadow: 3px 3px 0px rgba(62, 62, 62, 0.1), inset 0px 0px 0px 4px #F5D43B, inset 0px 0px 0px 5px rgba(255, 255, 255, 0.8);
border-radius: 25px 0px;
justify-content: center;
align-items: center;
letter-spacing: 0.15em;
}

.normal_btn_rn_ok a{
width:100%;
font-weight: 600;
font-size: 16px;
display: flex;
height: 50px;
align-items: center;
justify-content: center;
}


/* ===== ボタン　薄い黄色 ===== */ 


/* ===== ボタン　薄い黄色 ===== */ 

.normal_btn_rn_sub{
width: 77%;
margin: auto;
display: flex;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
height:50px;
background: #F8E79E;
box-shadow: 3px 3px 0px rgba(62, 62, 62, 0.1), inset 0px 0px 0px 4px #F8E79E, inset 0px 0px 0px 5px rgba(255, 255, 255, 0.8);
border-radius: 25px 0px;
justify-content: center;
align-items: center;
letter-spacing: 0.15em;
}

.normal_btn_rn_sub a{
width:100%;
font-weight: 600;
font-size: 16px;
display: flex;
height: 50px;
align-items: center;
justify-content: center;
}


/* ===== ボタン　薄い黄色 ===== */ 



/* ===== 送信ボタン　決定　濃いオレンジ　===== */

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

.submit_btn{
width: 77%;
margin: auto;
display: flex;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
height: 50px;
background: #F5D43B;
box-shadow: 3px 3px 0px rgba(62, 62, 62, 0.1), inset 0px 0px 0px 4px #F1D959, inset 0px 0px 0px 5px rgba(255, 255, 255, 0.8);
border-radius: 25px 0px;
justify-content: center;
align-items: center;
letter-spacing: 0.15em;
font-weight: 600;
font-size: 16px;
}


/* ===== 送信ボタン　薄いオレンジ　===== */

.submit_btn_normal{
width: 77%;
margin: auto;
display: flex;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
height: 50px;
background: #F2DE73;
box-shadow: 3px 3px 0px rgba(62, 62, 62, 0.1), inset 0px 0px 0px 4px #F1D959, inset 0px 0px 0px 5px rgba(255, 255, 255, 0.8);
border-radius: 25px 0px;
justify-content: center;
align-items: center;
letter-spacing: 0.15em;
font-weight: 600;
font-size: 16px;
}


/* ===== 修正ボタン　===== */

.submit_btn_sub{
width: 77%;
margin: auto;
display: flex;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
height: 50px;
background: #F8E79E;
box-shadow: 3px 3px 0px rgba(62, 62, 62, 0.1), inset 0px 0px 0px 4px #F8E79E, inset 0px 0px 0px 5px rgba(255, 255, 255, 0.8);
border-radius: 25px 0px;
justify-content: center;
align-items: center;
letter-spacing: 0.15em;
font-weight: 600;
font-size: 16px;
}

.submit_btn_sub span{
position: absolute;
width: 100%;
font-weight: 600;
font-size: 16px;
display: flex;
height: 50px;
align-items: center;
justify-content: center;
}


/* ===== ボタン 320px以下 ===== */ 


@media screen and (max-width: 320px){    
.normal_btn_rn a,
.normal_btn_rn_line a{
font-size: 12px;
letter-spacing: 0em;
}
}

/* ===== ボタン 320px以下 ===== */ 

/* ===== リスト　new　===== */ 


a .list_title::after {
position: absolute;
content: "";
right: 10px;
top: 45%;
width: 8px;
height: 8px;
    border-right: 1.5px solid #824BC2;
    border-bottom: 1.5px solid #824BC2;
-webkit-transform: rotate( -45deg);
}


.list_title_nolink{
padding:12px 20px 10px 0px;  
border-bottom: 1px solid #413B46;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 15px;
line-height: 140%;
margin: 0 0 12px;
}

.list_base_new li.nolink {
background-color: #ffffff; 
  margin-bottom: 12px;
  padding: 12px 20px 10px 10px;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
/* box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15); */ 
  width: calc(100% - 3px);
}

.list_base_new a{
background-color: #ffffff;  
margin-bottom: 12px;
padding: 12px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
width: calc(100% - 3px);  
}

.list_base_new .date_tip,
.list_base_kobetsu_rn .date_tip,
.list_base_kobetsu_rn .now_tip,
.list_base_new .cate_tip,
.list_base_new .people_tip,
.list_base_thumb_rn .date_tip{
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: #CF5984;
padding-right:10px;
}

.date_tip.purple_tip{
color: #824BC2;
}


/* ===== リスト　サムネイルあり　===== */ 



.list_base_thumb_rn a{
background-color: #ffffff;
margin-bottom: 12px;
padding: 12px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
}

.list_base_thumb_rn li.nolink{
background-color: rgba(255, 255, 255, 0.90);
margin-bottom: 12px;
padding: 12px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
}



.list_base_thumb_rn li.read{
background-color: rgba(255, 255, 255, 0.90);
margin-bottom: 12px;
padding: 12px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
}


.list_base_thumb_rn_nolink .list_title::after{
content: none;
}

.list_base_thumb_rn .date_tip.purple_tip{
color: #824BC2;
}


/* ===== 特別鑑定リスト　サムネイルあり カテゴリ画像　===== */

.thumb-icon {
min-width: 40px;
max-width: 40px;
margin-right: 8px;
}




/* ============================================ 
特別鑑定
/* ============================================ */


/* ===== リスト　特別鑑定　TOPページ用　===== */ 


.list_base_kobetsu_rn li:not(.nolink) a{
background-color: #ffffff;
margin-bottom: 12px;
padding: 10px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
width: calc(100% - 3px);  
}

.list_base_kobetsu_rn li.nolink{
background-color: rgba(255, 255, 255, 0.90);
margin-bottom: 12px;
padding: 12px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
width: calc(100% - 3px);  
}



.list_base_kobetsu_rn li.read{
background-color: rgba(255, 255, 255, 0.90);
margin-bottom: 12px;
padding: 12px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
width: calc(100% - 3px);  
}


.list_base_kobetsu_rn_nolink .list_title::after{
content: none;
}


.kobetsu_menu_rn{
font-size: 15px;  
font-weight: 400;
line-height: 170%;
font-family: ten-mincho-text, serif;  
padding-bottom:12px;
border-bottom:solid 1px #E983A8;
}

/* ============================================ 
セレクトパック
/* ============================================ */



.list_base_select_rn a{
background-color: rgba(255, 255, 255, 0.90);
margin-bottom: 12px;
padding: 12px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
}

.list_base_select_rn li.nolink{
background-color: rgba(255, 255, 255, 0.90);
margin-bottom: 12px;
padding: 12px 20px 10px 10px;
display: flex;
align-items: center;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
}




/* ===== セレクトパック　メニュー名ボックス ===== */ 
.kobetsu_select_menu_rn{
font-size: 15px;  
font-weight: 400;
line-height: 170%;
font-family: ten-mincho-text, serif;  
padding:12px 0;
border-top:solid 1px #E983A8;
border-bottom:solid 1px #E983A8;
}

.select_bg_pink_1{
background-color:#FFECF4;
}


.select_bg_pink{
background-color:#F6C4D6;
}


/* ===== リスト　特別鑑定　resultページ用 ===== */ 


/* ===== リンクあり ===== */ 
.list_base_kobetsu_result a .list_title{
padding:10px 20px 8px 8px ;  
background-color:rgba(255, 255, 255, 0.8);
border-bottom: 1px solid #9164B8;
display: flex;
align-items: center;
position: relative;
margin: 0 0 12px;
font-weight: 500;
font-size: 15px;
line-height: 140%;
border-radius: 4px 4px 0px 0px;
}

/* ===== リンクなし ===== */ 
.list_base_kobetsu_result .list_title{
padding:10px 20px 8px 8px ;  
background-color:rgba(255, 255, 255, 0.6);
border-bottom: 1px dashed #9164B8;
display: flex;
align-items: center;
position: relative;
margin: 0 0 12px;
font-weight: 500;
font-size: 15px;
line-height: 140%;
border-radius: 4px 4px 0px 0px;
}



/* ===== h2　上部点線　ダイヤ付き　　特別鑑定　===== */ 
.corner_head_line_h2_kobetsu{
width:100%;
padding:12px 12px;
border-top: 1.5px dashed #ffffff;
border-bottom: 1.5px dashed #ffffff; 
}

.corner_head_line_h2_kobetsu h2{
color:#ffffff;  
width: 100%;
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: 400;
font-size: 19px;
line-height: 170%;
padding:0 30px;
font-family: ten-mincho-text, serif;
}

.corner_head_line_h2_kobetsu h2::before {
display: inline-block;
content:"";
background-image: url(../image/rn2023/component/icon_midashi_left.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
width:22px;
height:18px;
position: absolute;
left: 0;
}    


.corner_head_line_h2_kobetsu h2::after {
display: inline-block;
content:"";
background-image: url(../image/rn2023/component/icon_midashi_right.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
width:22px;
height:18px;
position: absolute;
right: 0;
}    

/* ===== h2　上部点線　ダイヤ付き　　特別鑑定　===== */ 

/* ===== 特別鑑定 カテゴリ画像　===== */

.kobetsu-icon {
min-width: 58px;
max-width: 58px;
margin-right: 8px;
}



/* ===== 特別鑑定 データボックス　===== */ 

.list_base_kobetsu_rn .date_tip{
display: inline-flex;
align-items: center;
color: #CF5984;
font-weight: 500;
font-size: 12px;
line-height: 140%;
padding-right:10px;
}


.list_base_kobetsu_rn .price_tip{
display: inline-flex;
align-items: center;
color: #CF5984;
font-weight: 500;
font-size: 12px;
line-height: 140%;
padding-right:10px;
}

.list_base_kobetsu_rn .cate_tip{
display: inline-flex;
align-items: center;
color: #CF5984;
font-weight: 500;
font-size: 12px;
line-height: 140%;
padding-right:10px;
}

.list_base_kobetsu_rn .bought_tip{
position: absolute;  
width:56px;
height:21px;
top:-21px;
left:0;
display: inline-flex;
justify-content: center;
align-items: center;
color: #ffffff;
background-color: #6563E0;
font-weight: 500;
font-size: 12px;
line-height: 140%;
}

.list_base_kobetsu_rn .bought_y_tip{
position: absolute;
width:56px;
height:21px;
top:-21px;
left:0;
display: inline-flex;
justify-content: center;
align-items: center;
color: #ffffff;
background-color: #6563E0;
font-weight: 500;
font-size: 12px;
}

.date_tip_gray{
display: inline-flex;
align-items: center;
color: #787878;
font-weight: 500;
padding-right:10px;
}





/* ===== ボタン kobetsu ===== */ 

.normal_btn_rn_kobetsu{
display: flex;
background: #9164B8;
box-shadow: inset 0px 0px 0px 3px #9164B8, inset 0px 0px 0px 4px rgba(255, 255, 255, 0.7);
border-radius: 4px;
color: #FFFFFF;
width: auto%;
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.2));
}

.normal_btn_rn_kobetsu a{
color: #FFFFFF;
width:100%;
font-weight: 400;
font-size: 14px;
line-height: 150%;
display: flex;
height: 39px;
align-items: center;
justify-content: center;
}


/* ============================================ 
特別鑑定 特集
/* ============================================ */

.list_base_tokushu_rn li.nolink{
  color:#292929;  
  width:100%;
  display: inline-block;
  background-color: #ffffff;
  margin-bottom: 12px;
  padding: 16px 20px 16px 12px;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
  }

.list_base_tokushu_rn a{
width:100%;
display: inline-block;
background-color: #ffffff;
margin-bottom: 12px;
padding: 10px 20px 10px 12px;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 140%;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
}

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

.list_base_tokushu_rn .list_title{
padding-bottom:12px;
}

.tokushu_ex{
padding-top:12px;  
font-size: 12px;
font-weight: 400;
line-height: 140%; 
border-top:solid 1px #E983A8;
}

.list_base_tokushu_rn .tip_box{
font-size: 12px;
font-weight: 400;
line-height: 140%
}

.list_base_tokushu_rn span{
display: inline-block;
color:#CF5984;  
display: inline-block;
margin-right:10px;
}


/* ===== 特別鑑定 ランキング画像　===== */ 

.list_base_tokushu_rn .rank_1{
color:#A88325;
}
.list_base_tokushu_rn .rank_2{
color:#838383;
}
.list_base_tokushu_rn .rank_3{
color:#AA7638;
}

.list_base_tokushu_rn .rank_4,
.list_base_tokushu_rn .rank_5{
color:#292929;
}


/* ============================================ 
OKボタン kobetsu
/* ============================================ */



/* ===== OKボタン kobetsu ===== */ 

.normal_btn_rn_kobetsu_ok{
display: flex;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
width: 77%;
margin:auto;
height:50px;
background: #FF923E;
box-shadow: 3px 3px 0px rgb(62 62 62 / 20%), inset 0px 0px 0px 4px #FF923E, inset 0px 0px 0px 5px rgb(255 255 255 / 100%);
border-radius: 25px 0px;
justify-content: center;
align-items: center;
letter-spacing: 0.15em;
}

.normal_btn_rn_kobetsu_ok a{
width:100%;
font-weight: 600;
font-size: 16px;
line-height: 24px;
display: flex;
height: 50px;
align-items: center;
justify-content: center;
}

/* ===== ボタン kobetsu ===== */ 






/* ===== カテゴリ名　＃並び===== */
.category_list_rn{
font-weight: 500;
font-size: 14px;
line-height: 170%;
color: #ffffff;
}

.category_list_rn li{
background-color: #9762D4;
padding: 2px 8px;
margin-bottom:8px;
margin-right:10px;
display: inline-block;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);  
}

.category_list_rn .category_tip_act{
background-color: transparent;    
color: #9762D4;
border: solid 1px #824BC2;
box-shadow: 3px 3px 0px 0px transparent;    
}
/* ===== カテゴリ名　＃並び===== */


/* ===== 状況別占い===== */



/* ===== relut 用===== */

/* 文字間均等割り無し */
.ex_text{
font-weight: 500;
font-size: 15px;
line-height: 24px;
}


/* ===== ページャー　===== */

.pager_right_image{
display: inline-block;   
width:8px;}

.pager .grid-row {
position: relative;
width: 100%;
height: 56px;
display: flex;
align-items: center;
}

.col1-3{
width:33%;
}

.pager .grid-row > div {
text-align: center;
/* line-height: 48px; */
}

.pager .grid-row > div .item-page-size {
font-size: 14px;
line-height: 18px;
letter-spacing: 0.3em;
}

.pager .grid-row > div .item-paging a {
display: block;
/* font-size: 32px; */
padding: 0 24px;
}

.pager .grid-row > div .item-paging a.disabled {
visibility: hidden;
}

.pager .grid-row > div .item-paging.prev a {

}

.pager .grid-row > div .item-paging.next a {

}

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

.fa-angle-left{
content: "";
left: 0px;
top: 40%;
position: absolute;
width: 12px;
height: 12px;
border-right: 1px solid #1D1D1D;
border-bottom: 1px solid #1D1D1D;
-webkit-transform: rotate( 
-225deg);
}

.fa-angle-right{
content: "";
right: 0px;
top: 40%;
position: absolute;
width: 12px;
height: 12px;
border-right: 1px solid #1D1D1D;
border-bottom: 1px solid #1D1D1D;
-webkit-transform: rotate( 
-45deg);
}
/* ===== ページャー　===== */

/* ===== リクエストバナー　===== */
.area-request {
margin: 0 auto 2pc;
width: 3in;
}



/* ============================================ 
情報入力ページ
/* ============================================ */

/* ===== 確認画面　===== */


.comfirm_box{
background: #ffffff;
border-radius: 4px;
padding:0px;
}

.comfirm_box table{
border-collapse:  collapse; /* セルの線を重ねる */
width:100%;}


.comfirm_box td{
padding-top:20px;
padding-bottom:11px;  
border-bottom: 1px solid #787878;
}

.comfirm_content{
padding-left:10px;
font-weight: 700;
}


/* ===== エラーメッセージ　===== */

.error{
font-weight: 700;
font-size: 13px;
line-height: 17px;
color: #E76655;
}

/* ===== リンク横　矢印　===== */

.link_arrow{
width:7px;
height:14px;
margin-left:12px;  
content: '';
display: inline-block;
text-align: center;
background: url(../image/rn2023/component/icon_arrow_left.sp.480.png);
background-repeat: no-repeat;
background-size:contain;
}

.control-label{
font-weight: 500;
font-size: 15px;
line-height: 24px;
display: flex;
padding-bottom:10px;
color: #3E3E3E;
}

input[type="text"]{
height: 50px;
padding:8px;
border: 1px solid #787878;
border-radius: 1px;
}




.select-item{
position: relative;
width: 100%;
}


.select-item::after{
position: absolute;
content: "";
width: 10px;
height: 11px;
top: 15px;
right: 17px;
display: block;
text-align: center;
background: url(../image/rn2023/component/form_arrow.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}


#inputName{
width:100%;
}

.col-xs-9{
width:100%;
display: flex;
align-items:center;
margin-bottom: 8px;
}

.col-xs-2 {
width: 100%;
margin-bottom: 8px;
display: flex !important;
justify-content: space-between !important;
}

/* ===== 姓名　===== */
.col-xs-2 label{
width:48.8%;
}

#inputSei,
#inputMei{
width: 100%;
}
/* ===== 姓名　===== */


.col-birthday{
width:100%;
display: flex;
align-items:center;
justify-content: space-between;
margin-bottom: 8px;
}



.col-birthtime{
width: 47.7%;
display: flex;
align-items:center;
justify-content: space-between;    
margin-bottom: 8px;
}  

.inputkana{
width: 47.7%;
}

.birthtime-h,.birthtime-m{
width: 44.85%;
}

#birthday-y,#birthday-m,#birthday-d,#birthtime-h,#birthtime-m{
height: 40px;
padding:8px;
width: 100%;
border: 1px solid #787878;
border-radius: 4px;
}

.birthday-y{
width: 47.7%;
}

.birthday-m,.birthday-d{
width: 21.4%;
}

#inputGender,.select_fid{
height: 50px;
padding:8px;
width: 100%;
border: 1px solid #787878;
border-radius: 1px;
}

.select_fid .select_border{
border: 1px solid #373737;
}

.birth_caution{
font-weight: 700;
font-size: 13px;
line-height: 17px;
padding:20px;
color: #977044;
background: #FFF8D8;
}


/* ===== 必須　tip　===== */
.must_black_tip {
display: inline-flex;
align-items: center;
font-weight: normal;
background: #FCA95D;
border-radius: 10px 0px;
margin-left:10px;
padding: 0px 8px 0px;
font-size: 12px;
line-height: 20px;
height: 21px;
color: #ffffff;

}
/* ===== 任意　tip　===== */
.must_white_tip {
display: inline-flex;
align-items: center;
font-weight: normal;
border: 1px solid #FCA95D;
background: #ffffff;
margin-left:10px;
border-radius: 10px 0px;
padding: 0px 8px 0px;
font-size: 12px;
line-height: 20px;
height: 20px;
color: #FCA95D;
}

.link_arrow {
width: 7px;
height: 14px;
margin-left: 12px;
content: '';
display: inline-block;
text-align: center;
background: url(../image/rn2023/component/icon_arrow_left.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}


/* ===== 送信ボタン　===== */

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

.submit_btn_ok {
width: 77%;
margin: auto;
display: flex;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
height: 50px;
background: #F2DE73;
box-shadow: 3px 3px 0px rgb(62 62 62 / 10%), inset 0px 0px 0px 4px #f1d959, inset 0px 0px 0px 5px rgb(255 255 255 / 80%);
border-radius: 25px 0px;
justify-content: center;
align-items: center;
letter-spacing: 0.15em;
}




/* =====セレクト　横　矢印　===== */  

#inputGender,.select_fid {
-webkit-appearance: none;
background-image: url(/image/rn2023/component/icon_arrow_bottom.png);
-webkit-background-size: auto 100%;
background-size:10px;
background-repeat: no-repeat;
background-position: right 27px;
padding-right: 2pc;
border: 1px solid #3E3E3E;
border-radius: 2px;
}  

/* =====　チェックボックス　===== */  

.scmUpdateFlg{
display:flex;
align-items:cwnter;}  

/* =====　チェックボックス　オン　===== */  
.form-button-group .item input[type=checkbox]:checked {
background: url(../image/rn2023/component/checkbox_on.sp.480.pngg);
background-size: contain;
background-repeat: no-repeat;
} 

/* =====　チェックボックス　オフ　===== */  
.form-button-group .item input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-right:10px;
display: block;
width: 24px;
height: 19px;
background: url(../image/rn2023/component/checkbox_off.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
/* =====　チェックボックス　===== */  





/* ============================================ 
前・次スライドボタン共通スタイル
/* ============================================ */


.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: '';
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: '';
}  

/* 前・次スライドボタン共通スタイル */
.swiper-button-prev, .swiper-button-next {
transform: rotate(90deg);	/* 元のボタンを90度回転 */
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
margin: 0 auto;	/* 以下、横方向の中央配置用 */
left: 50%;
margin-left: -22px;
}
/* 前ページボタン */
.swiper-button-prev {
width: 100%;
transform: rotate(0deg);
left: 20px; 
position: relative;
}
/* 次ページボタン */
.swiper-button-next {
top: auto;
width: 100%;
transform: rotate(0deg);
left: 20px;
position: relative;
}  

.normal_btn_rn.swiper-button-prev a{
color: #1D1D1D;
}
.normal_btn_rn.swiper-button-next a{
color: #1D1D1D;
}

.hide1 { display: none; }
.hide2 { display: none; }


/* ============================================ 
監修者紹介
/* ============================================ */


h2.sv_name{
font-weight: 400;
font-size: 19px;
line-height: 140%;
font-family: ten-mincho-text, serif;
}

.sv_taxt{
background-color: #F8F3FD;
padding:12px 20px;
font-size: 14px;
font-weight: 400;
line-height: 170%;
font-family: ten-mincho-text, serif;
}

.sv_image{
text-align: center;
margin: auto;
}

.sv_image img{
max-width:538px;
}

/* ============================================ 
タロット
/* ============================================ */


.mtop_trot_box{
display:flex;
width:64.61%;
margin: 0 0 0 18%;
justify-content: space-around;
}

.mtop_trot_box div{
width:28%;
min-width:91px;
max-width:183px;
}

.mtop_trot_box div:first-child{
margin-right:28px;
}



.tarot_card{
width:133.3333px;
height:224px;
margin: auto;
}

.tarot_card img{
width:133.3333px;
height:224px;
}


.tarot_input_name{
display: flex;
justify-content: center;
align-items: center;
min-width:36px;
height:40px;
color: #FFF;
font-family: ten-mincho-text, serif;
font-size: 19px;
font-weight: 400;
background-color: #9762D4;
}


/* ============================================ 
友達選択
/* ============================================ */

.frend_serect_image{
display: flex;
justify-content: center;
align-items: center;
min-width:36px;
height:40px;
color: #FFF;
font-family: ten-mincho-text, serif;
font-size: 19px;
font-weight: 400;
background-color: #9762D4;
}

.frend_serect_image img{
width:28px;
height:28px;
}

/* ============================================ 
もっと見る
/* ============================================ */

.more_link_rn{
text-align: right;
font-weight: 500;
font-size: 12px;
}

.more_link_rn a{
position:relative;  
border: 1px solid #824BC2;
display: inline-flex;
padding: 6px 12px;
justify-content: center;
align-items: center;
font-family: ten-mincho-text, serif;
font-size: 12px;
font-weight: 400;
line-height: 170%;
z-index: 2;
}

.more_link_rn a::after{
position:absolute;
content: "";
display: inline-flex;
width:100%;
height:100%;
top: 4px;
left: 4px;
z-index: 1;
border-right: 1px solid #824BC2;
border-bottom: 1px solid #824BC2;
}


/* ============================================ 
もっと見る 特別鑑定
/* ============================================ */

.more_link_rn_kobetsu{
text-align: right;
font-weight: 500;
font-size: 12px;
color: #FFF;
}

.more_link_rn_kobetsu a{
position:relative;  
border: 1px solid #CF5984;
display: inline-flex;
padding: 6px 12px;
justify-content: center;
align-items: center;
font-family: ten-mincho-text, serif;
font-size: 12px;
font-weight: 400;
line-height: 170%;
z-index: 2;
}

.more_link_rn_kobetsu a::after{
position:absolute;
content: "";
display: inline-flex;
width:100%;
height:100%;
top: 4px;
left: 4px;
z-index: 1;
border-right: 1px solid #CF5984;
border-bottom: 1px solid #CF5984;
}


/* ============================================ 
コーナーバナー
/* ============================================ */

.corner_bn_rn img{
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.20));
}

/* ============================================ 
コーナー説明文部分
/* ============================================ */

.corner_explan{
font-size: 14px;
font-weight: 300;
line-height: 170%; 
padding:12px 0;
border-top:solid 1px #C1B3FB;
border-bottom:solid 1px #C1B3FB;
font-family: fot-tsukumin-pr6n, 'Noto Serif JP', serif;
}


/* ============================================ 
タブ切り替え全体のスタイル
/* ============================================ */


.tab-wrap_mtop_tarot {
margin-top: 50px;
width: 100%;
margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
width: calc(100% / 3);
height: 35px;
background: #FFF4F6;
cursor: pointer;
font-weight: 500;
font-size: 14px;
line-height: 21px;
border-top:1px solid #D698AD;
border-bottom:   1px solid #D698AD;
color: #C46E8A;
transition: all 0.2s ease;
display: flex;
justify-content: center;
align-items: center;
float: left;  
}

.tab_item:hover {
opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 20px 0px 0px;
clear: both;
overflow: hidden;
background: #FDEFF3;
}


/*選択されているタブのコンテンツのみを表示*/
#you:checked ~ #you_content,
#love:checked ~ #love_content,
#other:checked ~ #other_content{
display: block;
transition: all 0.2s ease;
}

/*選択されているタブのスタイルを変える*/
.tab-wrap_mtop_tarot input:checked + .tab_item {
background: #D698AD;
color: #FFFFFF;
border-top:1px solid #D698AD;
border-bottom:1px solid #D698AD;
}


/* ============================================ 
m_top下層ページ全体用
/* ============================================ */


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

.l-contents-mtop{
padding-left:25px;
padding-right:25px;
padding-top:20px;
/*padding-bottom:20px;*/

}


.l-contents-mtop_under{
padding-left:25px;
padding-right:25px;
padding-top:20px;
padding-bottom:20px;
background: linear-gradient(180deg, #FFD7E5 0%, #E6CCFF 100%);
}


.l-contents-mtop_under_black{
padding-left:25px;
padding-right:25px;
padding-top:20px;
padding-bottom:20px;
background: linear-gradient(180deg, #403F7D 0%, #3A2A4D 100%);
}



/* ============================================ 
結果ページ テキスト文
/* ============================================ */

.result_summary_box_rn{
padding: 12px;
background: #F8F3FD;
display: block;
}

.result_summary_rn{
font-weight: 700;
font-size: 15px;
line-height: 24px;
}

.result_text_rn{
font-weight: 300;
font-size: 15px;
line-height: 185%;
text-align:justify;
font-family: fot-tsukumin-pr6n, 'Noto Serif JP', serif;
}

.result_text_sun{
  font-weight: 400;
  font-size: 15px;
  line-height: 185%;
  text-align:justify;
  font-family: 'Noto Sans JP', sans-serif;
  }
  

.result_border{
padding-bottom:20px;
border-bottom: 1.5px dashed #9762D4;
}


.result_text_pink_rn{
color: #C36E8A;
font-weight: 500;
font-size: 19px;
text-align:center;
}

/* ===== 黒ページ用　テキストボックス ===== */ 

.result_box_black{
background-color: #E7DAF1;
padding:30px 25px;
margin:0 -25px;
}

.result_box_black .result_text_rn{
font-weight: 300;
font-size: 15px;
line-height: 170%;
text-align:justify;
font-family: fot-tsukumin-pr6n, 'Noto Serif JP', serif;
}


/* ============================================ 
あなたの運命の人の特徴
/* ============================================ */


.result_summary_box_rn .chara{
display: flex;
align-items: center;
justify-content: space-between;
font-family: ten-mincho-text, serif;
}

.chara div{
min-width: 78px;
height:24px;
background-color: #E7CDFD;
text-align: center;
}

.chara p{
width:calc(100% - 86px);
margin-bottom:8px;
}

.result_summary_num {
font-size: 15px;
line-height: 170%; 
font-family: ten-mincho-text, serif;
text-align: center;
}

.result_summary_num img{
width:55px;
height:50px;
}

.result_summary_num h3{
padding:8px 0 12px;
}

/* ===== ボタン ノーマル　紫（横100%） ===== */ 

.normal_btn_rn_rn{
display: flex;
background: #9164B8;
box-shadow: inset 0px 0px 0px 3px #9164B8, inset 0px 0px 0px 4px rgba(255, 255, 255, 0.7);
border-radius: 4px;
color: #FFFFFF;
width: auto;
padding-left: 15px;
padding-right: 15px;
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.2));
}

.normal_btn_rn_rn a {
color: #FFFFFF;
width:100%;
font-weight: 500;
font-size: 14px;
line-height: 150%;
display: flex;
height: 39px;
align-items: center;
justify-content: center;
}

/* ===== ボタン ノーマル　紫　高さ違い ===== */ 

.normal_btn_rn_tall_rn a{
height: 54px; 
text-align: center;
padding-left: 15px;
padding-right: 15px;
}




/* ===== ボタン ノーマル ピンク（横100%）　===== */


.normal_btn_rn_line_rn{
display: flex;
background: #FFF4F6;
border: 1px solid #9164B8;
box-shadow: inset 0px 0px 0px 3px #FBE9EC, inset 0px 0px 0px 4px rgba(125, 92, 153, 0.7);
border-radius: 4px;
padding-left: 15px;
padding-right: 15px;
width: auto;
margin:auto;
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.2));
}
.normal_btn_rn_line_rn a{
color: #9164B8;
width:100%;
font-weight: 500;
font-size: 14px;
line-height: 150%;
display: flex;
height: 39px;
align-items: center;
justify-content: center;
}

/* ===== ボタン 320px以下 ===== */ 


@media screen and (max-width: 320px){    
.normal_btn_rn_rn a,
.normal_btn_rn_line_rn a{
font-size: 12px;
letter-spacing: 0em;
}
}
/* ===== メニューリスト ===== */ 
.list_base_new_rn{
padding:12px 20px 10px 0px;  
border-bottom: 1px solid #413B46;
display: flex;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 140%;
display: block;
}

.list_base_new_rn a{
position: relative;
}
.list_base_new_rn_none a{
position: none;!important
}

/* ===== リスト用アイコンmtop下層ページ メニューリスト用===== */


/* ===== メニューリスト　公開予定　===== */ 


.open{
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #A7516E;
padding-right:10px;
}
.upcoming{
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #999999;
padding-right:10px;
}
/* ===== リスト　アイコン囲み線紫　===== */  

.tips_pink_rn{
display: inline-flex;
align-items: center;
font-weight: normal;

border: 1px solid #9762D4;
background-color: #ffffff;
margin-right:10px;
border-radius: 27px;
padding: 0px 8px 0px;
font-size: 12px;
line-height: 20px;
height: 20px;
color: #9762D4;
}
/* ===== リスト　アイコンベタ赤系　===== */  
.tips_red_rn{  
display: inline-flex;
align-items: center;
font-weight: normal;
background: #9762D4;
border-radius: 10px;
margin-right:10px;
padding: 0px 8px 0px;
font-size: 12px;
line-height: 20px;
height: 20px;
color: #ffffff;
}
/* ===== リスト　アイコン囲み線紫　===== */  

.tips_purple_rn{
display: inline-flex;
align-items: center;
font-weight: normal;
border: 1px solid #9164B8;
background: #FFFFFF;
margin-right:10px;
border-radius: 27px;
padding: 0px 8px 0px;
font-size: 12px;
line-height: 20px;
height: 20px;
color: #9164B8;
}


.list_base_menu_rn li{
padding:12px 10px 10px 0px;  
line-height: 20px;
border-bottom: 1px solid #413B46;
}

.list_base_menu_rn li a{
padding-right: 16px;
position: relative;
display: block;
display: flex;
align-items: center;
}

.list_rireki_menu_rn li a{
padding-right: 16px;
position: relative;
display: block;
align-items: center;
}

.list_base_menu_rn li a::after{
position: absolute;
content: "";
right: 0px;
width: 6px;
height: 6px;
border-right: 1px solid #413B46;
border-bottom: 1px solid #413B46;
-webkit-transform: rotate(
-45deg);
}


/* ============================================ 
情報入力ページ
/* ============================================ */

/* =====下層ページコーナー小見出し　 片側ダイヤ===== */ 

h2.midashi_sub_s{
display: block;
text-align: left;
font-weight: 600;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.1em;
padding-left: 32px;
background: url(../image/rn2023/component/h2_icon.sp.480.png) no-repeat left center;
vertical-align: middle;
background-size: contain;
font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP',serif;
} 

/* ============================================ 
/* 確認画面　*/
/* ============================================ */

.comfirm_box_rn{
background: #ffffff;
padding:20px;
}

.comfirm_box_rn table{
border-collapse:  collapse; /* セルの線を重ねる */
width:100%;}


.comfirm_box_rn td{
padding-top:25px;
padding-bottom:11px;  
border-bottom: 1px solid #999999;

}

.comfirm_content_rn{
padding-left:10px;
font-weight: 700;
}


/* ===== エラーメッセージ　===== */

.error_rn{
font-weight: 700;
font-size: 13px;
line-height: 17px;
color: #D7051F;
}

/* ===== リンク横　矢印　===== */

.link_arrow_rn{
width:7px;
height:14px;
margin-left:12px;  
content: '';
display: inline-block;
text-align: center;
background: url(../image/rn2023/component/icon_arrow_left.sp.480.png);
background-repeat: no-repeat;
background-size:contain;
}

.control-label_rn{
font-weight: 400;
font-size: 14px;
line-height: 185%; 
display: flex;
align-items: center;
padding-bottom:8px;
}

input[type="text"]{
height: 40px;
padding:8px;
border: 1px solid #999999;
border-radius: 4px;
}




.submit_btn_rn.select-item_rn{
position: relative;
width: 100%;
}

.select-item_rn{
position: relative;
width: 100%;
}


.select-item_rn::after{
position: absolute;
content: "";
width: 10px;
height: 6px;
top: 16px;
right: 15px;
display: block;
text-align: center;
background: url(../image/rn2023/component/form_arrow.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}


#inputName_rn{
width:100%;
border-radius: 4px;
border: 1px solid #8B8B8B;
height: 40px;
padding:10px 20px;
}


#inputTarot_rn{
width:100%;
border-radius:unset;
border: 1px solid transparent;
height: 40px;
padding:10px 20px;
}


#formGroupInputLarge1,
#formGroupInputLarge2{
width:100%;
border-radius:unset;
border: 1px solid transparent;
height: 40px;
padding:10px 20px;
}

#inputFrend_rn{
width:100%;
border-radius:unset;
border: 1px solid transparent;
height: 40px;
padding:10px 20px;
}

#inputFrend_aisho_rn{
  width:100%;
  border-radius:unset;
  border: 1px solid transparent;
  height: 40px;
  padding:10px 20px;
  }

.col-xs-9_rn{
width:100%;
display: flex;
align-items:center;
margin-bottom: 8px;
}



/* ===== 出生時間　===== */
.col-birthtime_rn{
width: 55%;
display: flex;
align-items:center;
justify-content: space-between;    
margin-bottom: 8px;
}  

.birthtime-h_rn,.birthtime-m_rn{
width: 47.8%;
}
/* ===== 出生時間　===== */

/* ===== 生年月日　===== */


.col-birthday_rn{
width:100%;
display: flex;
align-items:center;
justify-content: space-between;
margin-bottom: 8px;
}

.birthday-y_rn,
.birthday-m_rn,
.birthday-d_rn{
width: 31.7333%;
}
/* ===== 生年月日　===== */

#inputGender_rn,.select_fid_rn{
height: 50px;
padding:8px;
width: 100%;
border: 1px solid #787878;
border-radius: 1px;
}

.select_fid_rn .select_border_rn{
border: 1px solid #373737;
}

.birth_caution_rn{
font-weight: 700;
font-size: 13px;
line-height: 17px;
padding:20px;
color: #977044;
background: #FFF8D8;
}


/* ===== 必須　tip　===== */
.must_black_tip_rn {
display: inline-flex;
align-items: center;
font-weight: normal;
background: #9762D4;
border-radius: 10px;
margin-left:10px;
padding: 0px 8px 0px;
font-size: 12px;
line-height: 20px;
height: 20px;
color: #ffffff;
min-width: 40px;
}
/* ===== 任意　tip　===== */
.must_white_tip_rn {
display: inline-flex;
align-items: center;
font-weight: normal;
border: 1px solid #9762D4;

margin-left:10px;
border-radius: 27px;
padding: 0px 8px 0px;
font-size: 12px;
line-height: 20px;
height: 20px;
color: #9762D4;
    min-width: 40px;
}

.link_arrow_rn {
width: 7px;
height: 14px;
margin-left: 12px;
content: '';
display: inline-block;
text-align: center;
background: url(../image/rn2023/component/icon_arrow_left.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}

/* ===== 性別　===== */

input[type="radio"] {
display: none;
}

label.gender_rn{
display: inline-block;
width: 100%;
}
div.label_gender {
background-color: #F8F3FD;
display: block;
width: 48%!important;
height: 40px;
line-height: 40px;
color: #333333;
text-align: center;
border-radius:unset;
margin: 0 0 10px 0;
border:solid 1px #824BC2;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
}


input[type="radio"]:checked + div {
width: 48%!important;
color: #ffffff !important;
text-align: center;
background-color: #824BC2 !important;
margin: 0 0 10px 0;
box-shadow: none;
}

/* ===== 血液型　===== */

.col-bloodType_rn{
width:38.46%;
}

.bloodType_rn {
-webkit-appearance: none;
border: 1px solid #999999;
height: 40px;
border-radius: 4px;
width:100%;
}






/* =====セレクト　横　矢印　===== */  

#inputGender_rn,.select_fid_rn {
-webkit-appearance: none;
background-image: url(../image/rn2023/component/icon_arrow_bottom.sp.480.png);
-webkit-background-size: auto 100%;
background-size:15px;
background-repeat: no-repeat;
background-position: right 15px top 12px;
padding-right: 2pc;
border: 1px solid #999999;
height: 40px;
border-radius: 4px;
}  

/* =====　チェックボックス　===== */  

.scmUpdateFlg_rn{
display:flex;
align-items:cwnter;}  

/* =====　チェックボックス　オン　===== */  
.form-button-group_rn .item_rn input[type=checkbox]:checked {
background: url(../image/rn2023/component/check_on.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
} 

/* =====　チェックボックス　オフ　===== */  
.form-button-group_rn .item_rn input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-right:10px;
display: block;
width: 24px;
height: 19px;
background: url(../image/rn2023/component/check_off.sp.480.png);
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
/* =====　チェックボックス　===== */  




/* ===== 戻るボタン　薄紫 ===== */

input.submit_btn_return_rn{
height: 46px;
}

button.submit_btn_return_rn{
height: 46px;
}

.submit_btn_return_rn{
display: flex;
background: #E7CDFD;
border: solid 1px #C290FF;
box-shadow: inset 0px 0px 0px 3px #E7CDFD, inset 0px 0px 0px 4px #C290FF;
color: #333;
font-size: 14px;
font-weight: 400;
justify-content: center;
align-items: center;
width: 85%;
margin: auto;
filter: drop-shadow(3px 3px 0px rgba(41, 41, 41, 0.15));
border-radius: unset;
font-family: 'Noto Sans JP', sans-serif;
}


.submit_btn_return_rn a{
width: 100%;
display: flex;
height: 46px;
align-items: center;
justify-content: center;
}

.submit_btn_return_rn span{
position: absolute;
width: 100%;
font-weight: 600;
font-size: 16px;
display: flex;
height: 50px;
align-items: center;
justify-content: center;
}


/* ===== 送信ボタン　決定　紫　===== */

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


input.submit_btn_rn{
height: 46px;  
}

button.submit_btn_rn{
  height: 46px;  
  }


.submit_btn_rn{
display: flex;
background: #C290FF;
box-shadow: inset 0px 0px 0px 5px #C290FF, inset 0px 0px 0px 6px rgba(255, 255, 255,1);
color: #333;
font-size: 14px;
font-weight: 400;
line-height: 150%;
justify-content: center;
align-items: center;
width: 85%;
margin: auto;
filter: drop-shadow(3px 3px 0px rgba(41, 41, 41, 0.15));
border-radius: unset;
font-family: 'Noto Sans JP', sans-serif;
}

.submit_btn_rn a {
width:100%;
display: flex;
height: 46px;
align-items: center;
justify-content: center;
padding: 0 10px;  
}

/* ===== 送信ボタン　決定tall　height　60px;===== */

.submit_btn_rn_tall{
  display: flex;
  background: #C290FF;
  box-shadow: inset 0px 0px 0px 5px #C290FF, inset 0px 0px 0px 6px rgba(255, 255, 255,1);
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  justify-content: center;
  align-items: center;
  width: 85%;
  margin: auto;
  filter: drop-shadow(3px 3px 0px rgba(41, 41, 41, 0.15));
  border-radius: unset;
  font-family: 'Noto Sans JP', sans-serif;
  }


.submit_btn_rn_tall a{
width:100%;
display: flex;
height: 60px;
align-items: center;
justify-content: center;
padding: 0 10px;  
}

button.submit_btn_rn_tall{
  width:100%;
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: center;
  }


/* ===== 送信ボタン　紫　===== */

.submit_btn_normal_rn{
display: flex;
background: #9164B8;
box-shadow: inset 0px 0px 0px 3px #9164B8, inset 0px 0px 0px 4px rgba(255, 255, 255, 0.7);
border-radius: 4px;
color: #FFFFFF;
justify-content: center;
width: 100%;
height: 39px;
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.2));
font-family: 'Noto Sans JP', sans-serif;
}



/* ===== 修正ボタン　薄ピンク ===== */

.submit_btn_sub_rn{
display: flex;
background: #FFF4F6;
box-shadow: inset 0px 0px 0px 3px #FFF4F6, inset 0px 0px 0px 4px rgba(145, 100, 184, 0.7);
border-radius: 4px;
color: #9164B8;
justify-content: center;
width: 100%;
height: 39px;
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.2));
font-family: 'Noto Sans JP', sans-serif;
}

.submit_btn_sub_rn span{
position: absolute;
width: 100%;
font-weight: 600;
font-size: 16px;
display: flex;
height: 50px;
align-items: center;
justify-content: center;
}


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



.reflection-img{
width: auto;
position    :relative;
overflow    :hidden;
margin:0px 0px 10px 0px;
}

.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追加　 バナー　きらりんの指定　*/

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

.kobetsu_quarter_box {
display: flex;
justify-content: space-between;
box-sizing: border-box;  
}    

.kobetsu_quarter_box > div {
width: 49%;
filter: drop-shadow(3px 3px 0px rgba(61, 61, 61, 0.2));

}

.quarter_img {
width: 100%;
}    

.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;
}
/* 20220630　50％バナー　きらり　アニメーション指定*/    


/* ============================================ 
/* 元々のタブの指定　*/
/* ============================================ */

#tab-today, #tab-prev, #tab-next {
background: #FDEFF3;
}

.ui-tabs_rn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style-type: none;
padding: 0;
margin: 0 0 15px;
}

.ui-tabs_rn li{
width: 20%;
height: 35px;}

.ui-tabs_rn::before, .ui-tabs_rn::after {
display: none;
}

.tab-text {
padding-top: 0px;
width: 100%;
display: inline-block;
}

.ui-tabs_rn .item {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
background: #FFF4F6;
cursor: pointer;
font-weight: 500;
font-size: 14px;
line-height: 21px;
border-top: 1px solid #D698AD;
border-bottom: 1px solid #D698AD;
color: #C46E8A;
/* margin: 0 4px 20px 4px!important; */
transform: scale(1,1);
transition: all 150ms ease;
display: flex;
justify-content: center;
align-items: center;
}

.ui-tabs_rn .item a {
position: relative;
color: #C46E8A;
display: block;
text-align: center;

}

.ui-tabs_rn .item a.icon {
display: block;
text-align: center;
}

.ui-tabs_rn .item a.icon:hover, .ui-tabs_rn .item a.icon:focus {
text-decoration: none;
}

.ui-tabs_rn .item a.icon i {
display: block;
width: 20px;
height: 20px;
font-size: 20px;
line-height: 20px;
text-align: center;
margin: 0 auto 2px;
}

.ui-tabs_rn .item a.icon span {
font-size: 10px;
display: block;
}

.ui-tabs_rn .item a:hover, .ui-tabs_rn .item a:active, .ui-tabs_rn .item a:focus {
text-decoration: none;
}

.ui-tabs_rn .item.active a {
background: #D698AD;
color: #FFFFFF;
border-bottom: 1px solid #D698AD;
width: 100%;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
}

.ui-tabs_rn .item.active a::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}

.ui-tabs_rn .item.disabled {
pointer-events: none;
}

.ui-tabs_rn .item.disabled a {
opacity: 0.4;
}

.ui-tabs-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.ui-tabs-container.ui-tabs-horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}

.ui-tabs-horizontal .ui-tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 10px;
}

.ui-tabs-horizontal .ui-tabs .item {
-webkit-flex-basis: 96px;
-ms-flex-preferred-size: 96px;
flex-basis: 96px;
}

.ui-tabs-horizontal .ui-tabs .item a::after {
width: 4px;
height: 100%;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}

.ui-tabs-horizontal .ui-tabs .item.active a::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}

.ui-tabs-horizontal .tab-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

.ui-tabs-horizontal .ui-tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 10px;
}

.syuku_box_rn{
display: flex;
width: 100%;
justify-content: flex-start;
align-items: flex-start;
font-size: 15px;
line-height: 165%;
text-align: justify;
font-weight: bold;
}

.syuku_box_rn_image{
min-width: 90px;
min-height:75px;
text-align: center;
left:0;
margin-right: 10px;
} 

.yesterday_rn_image a,.tomorrow_rn_image a{
width: 40px;
height:30px;
display: inline-block;
text-align: center;


}

.yesterday_rn_image a{
position:absolute;
top: -55px;
left: 20%;
}

.tomorrow_rn_image a{
position: absolute;
top: -55px;
right: 20%;
}

.yesterday_rn_image img,.tomorrow_rn_image img{
width:16px;
height:7px;
}


/* ============================================ 
formページ　指定
/* ============================================ */

.form-button-group {
margin-right: 0px;
margin-left: 0px;
list-style: none;
padding: 0;
margin-bottom: 20px;
}

.form-button-group .item {
border-bottom:none;
}

.form-button-group .item label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: flex-start;
padding: 8px 0px;
}

.form-button-group .item input[type="checkbox"],
.form-button-group .item input[type="radio"] {
border: none;
}

button.normal_btn_rn_rn{
color: #FFFFFF;
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 150%;
display: flex;
height: 39px;
align-items: center;
justify-content: center;
}


/* ============================================ 
相性ページ　指定
/* ============================================ */

.midashi_point{
position: relative;
margin: 0 45px;
}

.midashi_point .text{
font-weight: 600;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.1em;  
color: #A7516E;
font-family: ten-mincho-text, serif;
}


.midashi_point::before {
position: absolute;
content: "";
top: 6px;
left: -15px;
width: 11px;
height: 10px;
text-align: center;
background: url(../image/rn2023/component/h2_icon_star.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}

.midashi_point::after {
position: absolute;
content: "";
top: 6px;
right: -15px;
width: 11px;
height: 10px;
text-align: center;
background: url(../image/rn2023/component/h2_icon_star.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}

/* ============================================ 
myページ　指定
/* ============================================ */

.switch-mode {
border-bottom: none;
}

.switch-mode .item {
padding: 0;
}

.switch-mode .item.active {
background: #03A9F4;
color: #FFF;

}

.switch-mode .item .menu-icon {
color: inherit;
padding: 0px 0;
height:35px;
color: #C36E8A;
font-weight: 500;
font-size: 14px;
}

.switch-mode .item:not(:last-child) {
border-right: 1px solid #ddd;
}

.nav-mypage {
list-style: none;
}

.nav-mypage .item {
padding: 4px 0;
text-align: center;
}

.nav-mypage .item:not(:last-child) {
border-right: 1px solid #ddd;
}

.nav-mypage a {
display: block;
text-align: center;
}

.nav-mypage a:hover, .nav-mypage a:focus {
text-decoration: none;
}

.nav-mypage a i {
display: block;
width: 28px;
height: 28px;
font-size: 28px;
line-height: 28px;
text-align: center;
margin: 0 auto 2px;
}

.nav-mypage a span {
font-size: 10px;
display: block;
}

.nav-mypage a:hover, .nav-mypage a:focus {
text-decoration: none;
}

.menu-icon {
display: block;
text-align: center;
}

.menu-icon:hover, .menu-icon:focus {
text-decoration: none;
}

.menu-icon i {
display: block;
width: 24px;
height: 24px;
font-size: 24px;
line-height: 24px;
text-align: center;
margin: 0 auto 2px;
float: left;
}

.menu-icon span {
font-size: 10px;
display: block;
}

.menu-list.mypage {
overflow: hidden;
margin-bottom: 16px;
}

.menu-list.mypage .area-edit {
display: block;
}

.m-list-mypage .switch-mode .item.active {
background: transparent;
color: inherit;
border-bottom: 1px solid #2E3156;
background: #D698AD;
}


/* ===== 日運 日付 ===== */


#slick-dates{
width: 100%;
margin:0 auto 0px;
padding:0px 10px 25px;
font-weight: 500;
font-size: 16px;
line-height: 1;
}

#slick-dates span{
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 30px;
letter-spacing: 0.1em;
line-height: 1;
font-family: ten-mincho-text, serif;
}

/* ============================================ 
あなたの運命とあの人との相性
/* ============================================ */

.destiny_btn_box_parent{
width:100%;
}



/* ============================================ 
お気に入り登録ボタン
/* ============================================ */
.favorite_btn_rn{
width:44px;
height:44px;
margin-left: auto;
}  


  .js-btn-favorite {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(/image/rn2023/component/favorite_on.sp.480.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 20px;
}
  
  .js-btn-favorite.active {
display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(/image/rn2023/component/favorite_off.sp.480.png);
    background-size: contain;
    background-repeat: no-repeat;
}
  
  .favorite_box{
  display: flex;
    justify-content: flex-end;
  }


/* ============================================ 
m/first h1
/* ============================================ */

  
.corner_head_line_first{
  width: 100%;
   padding-top: 5px;
   border-bottom: 2px solid #9762D4;
   border-top: 2px solid #9762D4;}
 
 .corner_head_line_first h1 {
   width: 100%;
   color: #6F43A5;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 400;
   font-size: 19px;
   line-height: 24px;
   margin: 0px 0 4px;
   padding: 12px;
   border-bottom: 1px solid #9762D4;
   border-top: 1px solid #9762D4;
   font-family: ten-mincho-text, serif;
 }

/* ============================================ 
m/first h1
/* ============================================ */

  
.corner_head_line_first{
  width: 100%;
   padding-top: 5px;
   border-bottom: 2px solid #9762D4;
   border-top: 2px solid #9762D4;}
 
 .corner_head_line_first h1 {
   width: 100%;
   color: #6F43A5;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 400;
   font-size: 19px;
   line-height: 24px;
   margin: 0px 0 4px;
   padding: 12px;
   border-bottom: 1px solid #9762D4;
   border-top: 1px solid #9762D4;
   font-family: ten-mincho-text, serif;
 }



 /* ===== リスト　m/first用　ボーダーあり　===== */ 

.list_base_new_mfirst a{
  background-color: #ffffff;  
  margin-bottom: 12px;
  padding: 12px 20px 10px 10px;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
  width: calc(100% - 3px);
  border: 1px solid #8B8B8B;
  }


/* ============================================ 
select　ボーダーなし
/* ============================================ */

  .select_fid_noborder_rn {
  height: 50px;
    padding: 8px;
    width: 100%;
    box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
}
  
  
  .select_fid_noborder_rn {
    -webkit-appearance: none;
    -webkit-background-size: auto 100%;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 15px top 12px;
    padding-right: 2pc;
    /* border: 1px solid #999999; */
    height: 40px;
    /* border-radius: 4px; */
}
  
  .select_noborder_rn {
    position: relative;
    width: 100%;
}
  
  
  .select_noborder_rn::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 6px;
    top: 16px;
    right: 15px;
    display: block;
    text-align: center;
    background: url(/image/rn2023/component/form_arrow.sp.480.png);
    background-repeat: no-repeat;
    background-size: contain;
}
 




/* ============================================ 
メニュー
/* ============================================ */

/* jQuery.mmenu CSS */
/* jQuery.mmenu oncanvas CSS */
.mm-hidden { display: none !important; }

.mm-wrapper { overflow-x: hidden; position: relative; }

.mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }

.mm-menu { -webkit-box-sizing: border-box; box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; }

.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }

.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }

.mm-panel.mm-highest { z-index: 1; }

.mm-menu > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }

.mm-menu > .mm-panel.mm-hasnavbar { padding-top: 40px; }

.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; }

.mm-vertical .mm-panel { -webkit-transform: none !important; transform: none !important; }

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }

.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; }

.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; }

.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; }

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; }

.mm-navbar > * { display: block; padding: 10px 0; }

.mm-navbar a, .mm-navbar a:hover { text-decoration: none; }

.mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.mm-navbar .mm-btn { -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; }

.mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; }

.mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; }

.mm-panel .mm-navbar { display: none; }

.mm-panel.mm-hasnavbar .mm-navbar { display: block; }

.mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }

.mm-listview { font: inherit; font-size: 14px; line-height: 20px; }

.mm-listview a, .mm-listview a:hover { text-decoration: none; }

.mm-listview > li { position: relative; }

.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; }

.mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; }

.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; }

.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }

.mm-listview > li:not(.mm-divider):after { left: 20px; }

.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }

.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }

.mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; }

.mm-listview .mm-next.mm-fullsubopen { width: 100%; }

.mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }

.mm-menu > .mm-panel > .mm-listview { margin: 20px -20px; }

.mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; }

.mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; }

.mm-listview .mm-inset > li { padding: 5px 0; }

.mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }

.mm-listview .mm-spacer { padding-top: 40px; }

.mm-listview .mm-spacer > .mm-next { top: 40px; }

.mm-listview .mm-spacer.mm-divider { padding-top: 25px; }

.mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.mm-prev:before { border-right: none; border-bottom: none; left: 20px; }

.mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 20px; }

.mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); }

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); }

.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); }

.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); }

/* jQuery.mmenu offcanvas addon CSS */
.mm-page { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; }

html.mm-opened { overflow: hidden; position: relative; }

html.mm-opened body { overflow: hidden; }

html.mm-background .mm-page { background: inherit; }

#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; }

.mm-menu.mm-offcanvas { display: none; position: fixed; }

.mm-menu.mm-current { display: block; }

.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }

html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); transform: translate(80%, 0); }

@media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } }

@media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); transform: translate(440px, 0); } }

/* jQuery.mmenu position extension CSS */
.mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; }

.mm-menu.mm-right { left: auto; right: 0; }

.mm-menu.mm-bottom { top: auto; bottom: 0; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); transform: translate(-80%, 0); }

@media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } }

@media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); transform: translate(-440px, 0); } }

/* jQuery.mmenu z-position extension CSS */
html.mm-front .mm-slideout { -webkit-transform: none !important; transform: none !important; z-index: 0 !important; }

.mm-menu.mm-front { z-index: 1; }

.mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

.mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; }

.icon-btn { background-image: url("/image/icon/all/mylist_icon.sp.480.png"); -webkit-background-size: 40px 40px; background-size: 40px; background-position: 5px; background-repeat: no-repeat; }

.icon-btn i { display: none; }
  
.site-header {
    margin-bottom: 0;
    padding: 12px;
    background-image: url(/image/header/header-title.sp.480.png), url(/image/header/bg-header.480.jpg);
    -webkit-background-size: 100%,100% 100%,100%;
    background-size: 100%,100%;
    background-repeat: no-repeat,no-repeat;
}

.col-xs-2 {
    width: 100%;
    margin-bottom: 8px;
    display: flex !important;
    justify-content: space-between !important;
}

/* ============================================ 
タロットシャッフル画面
/* ============================================ */

 .card { background: #FDFDFD; margin-top: 16px; margin-bottom: 16px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.card [class^="card-"]:not(:last-child) { border-bottom: 1px solid #ddd; }

.card .card-text { padding: 12px; }

.card .card-action { padding: 8px; }

.ta-wrapper { overflow: hidden; }

.ta-wrapper .ta-btn-card-shuffle { display: block; margin-top: 8px; margin-bottom: 8px; }

.ta-card-container { width: 280px; overflow: hidden; height: 180px; margin: 0 auto 20px; position: relative; }

.ta-card-container .ta-tarot-card-item { position: absolute; width: 200px; left: 50%; margin-left: -100px; }

.ta-card-container .ta-tarot-card-item img { width: 100%; }

  
  .ta-btn-card-shuffle{
    background: #C290FF;
    box-shadow: inset 0px 0px 0px 5px #C290FF, inset 0px 0px 0px 6px rgba(255, 255, 255,1);
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: auto;
    filter: drop-shadow(3px 3px 0px rgba(41, 41, 41, 0.15));
    border-radius: unset;
    font-family: 'Noto Sans JP', sans-serif;
    display: flex;
    height: 46px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 13px 0;
  }  


/* ============================================ 
オーラ画面
/* ============================================ */


/* 20220824 m/now_aura/result改修 */
.corner-bg{
  background: rgba(255, 255, 255, 0.9);
  margin: 16px 0;
  padding-bottom: 16px;
}
.aura-txt{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #676767;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  margin-bottom: 24px;
}

.arrow_box{
  width:215px;
  height:31px;
  background:#FB93C5;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;  
  text-align: center;
  color: #FFFFFF;
  border-radius: 40px;
  padding: 7px;
  margin: -15px auto auto auto;
  position: relative;
}
.arrow_box:after{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  border-color: rgba(251, 147, 197, 0);
  border-top-width:10px;
  border-bottom-width:10px;
  border-left-width:5px;
  border-right-width:5px;
  margin-left: -5px;
  border-top-color:#FB93C5;
  top:100%;
  left:50%;
}
.aura-area{
position: relative;
    height: 70px;
    width:166px;
  margin:auto;
}

.aura-img-area img{
  zoom: 0.5;
  
}

.central-img{
 max-width:87px;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.outer-img{
   max-width:166px;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.14));
  
}

.img-desc{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;  
  text-align: center;
  color: #676767;

  margin-top: 120px;
}

.img-subdesc{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 150%;  
  color: #424242;
}

.aura-desc{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #424242;
}

.cental-aura-1, .outer-aura-1,
.cental-aura-2, .outer-aura-2,
.cental-aura-3, .outer-aura-3,
.cental-aura-4, .outer-aura-4,
.cental-aura-5, .outer-aura-5,
.cental-aura-6, .outer-aura-6,
.cental-aura-7, .outer-aura-7,
.cental-aura-8, .outer-aura-8,  
.cental-aura-9, .outer-aura-9,
.cental-aura-10, .outer-aura-10,
.cental-aura-11, .outer-aura-11,
.cental-aura-12, .outer-aura-12{
  padding: 12px;
  border-radius: 0px;
  text-align: center;
}

.cental-aura-1 p, .outer-aura-1 p,
.cental-aura-2 p, .outer-aura-2 p,
.cental-aura-3 p, .outer-aura-3 p,
.cental-aura-4 p, .outer-aura-4 p,
.cental-aura-5 p, .outer-aura-5 p,
.cental-aura-6 p, .outer-aura-6 p,
.cental-aura-7 p, .outer-aura-7 p,
.cental-aura-8 p, .outer-aura-8 p,  
.cental-aura-9 p, .outer-aura-9 p,
.cental-aura-10 p, .outer-aura-10 p,
.cental-aura-11 p, .outer-aura-11 p,
.cental-aura-12 p, .outer-aura-12 p{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;  
  align-items: center;
  text-align: center;
  color: #424242;
    margin-bottom: 0px;
}

.cental-aura-1 .aura-period, .outer-aura-1 .aura-period,
.cental-aura-2 .aura-period, .outer-aura-2 .aura-period,
.cental-aura-3 .aura-period, .outer-aura-3 .aura-period,
.cental-aura-4 .aura-period, .outer-aura-4 .aura-period,
.cental-aura-5 .aura-period, .outer-aura-5 .aura-period,
.cental-aura-6 .aura-period, .outer-aura-6 .aura-period,
.cental-aura-7 .aura-period, .outer-aura-7 .aura-period,
.cental-aura-8 .aura-period, .outer-aura-8 .aura-period,
.cental-aura-9 .aura-period, .outer-aura-9 .aura-period,
.cental-aura-10 .aura-period, .outer-aura-10 .aura-period,
.cental-aura-11 .aura-period, .outer-aura-11 .aura-period,
.cental-aura-12 .aura-period, .outer-aura-12 .aura-period{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 150%;  
  align-items: center;
  text-align: center;
}

.cental-aura-1, .outer-aura-1{
  background: #ffffff;
  border: 1px solid #F46E6E;
}
.cental-aura-1 .aura-period, .outer-aura-1 .aura-period{
  color: #F46E6E;
}
.cental-aura-2, .outer-aura-2{
  background: #ffffff;
  border: 1px solid #D0A714;
}
.cental-aura-2 .aura-period, .outer-aura-2 .aura-period{
  color: #D0A714;
}
.cental-aura-3, .outer-aura-3{
  background: #ffffff;
  border: 1px solid #31BC1A;
}
.cental-aura-3 .aura-period, .outer-aura-3 .aura-period{
  color: #31BC1A;
}  
.cental-aura-4, .outer-aura-4{
  background: #ffffff;
  border: 1px solid #F58839;
}
.cental-aura-4 .aura-period, .outer-aura-4 .aura-period{
  color: #F58839;
}    
.cental-aura-5, .outer-aura-5{
  background: #ffffff;
  border: 1px solid #F36C9C;
}
.cental-aura-5 .aura-period, .outer-aura-5 .aura-period{
  color: #F36C9C;
}  
.cental-aura-6, .outer-aura-6{
  background: #ffffff;
  border: 1px solid #5771F5;
}
.cental-aura-6 .aura-period, .outer-aura-6 .aura-period{
  color: #5771F5;
}  
.cental-aura-7, .outer-aura-7{
  background: #ffffff;
  border: 1px solid #45B8DD;
}
.cental-aura-7 .aura-period, .outer-aura-7 .aura-period{
  color: #45B8DD;
}    
.cental-aura-8, .outer-aura-8{
  background: #ffffff;
  border: 1px solid #BA5FE6;
}
.cental-aura-8 .aura-period, .outer-aura-8 .aura-period{
  color: #BA5FE6;
}      
.cental-aura-9, .outer-aura-9{
  background: #ffffff;
  border: 1px solid #A9A9A9;
}
.cental-aura-9 .aura-period, .outer-aura-9 .aura-period{
  color: #A9A9A9;
}        
.cental-aura-10, .outer-aura-10{
  background: #ffffff;
  border: 1px solid #888888;
}
.cental-aura-10 .aura-period, .outer-aura-10 .aura-period{
  color: #888888;
}         
.cental-aura-11, .outer-aura-11{
  background: #ffffff;
  border: 1px solid #F0C208;
}
.cental-aura-11 .aura-period, .outer-aura-11 .aura-period{
  color: #F0C208;
}           
.cental-aura-12, .outer-aura-12{
  background: #ffffff;
  border: 1px solid #353535;
}
.cental-aura-12 .aura-period, .outer-aura-12 .aura-period{
  color: 353535;
}



.central-area{
  margin-top: 24px;
}
.outer-area{
  margin: 12px auto;
}

.aura_text {
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
}


/* 20220824 m/now_aura/result改修 */  
  
 /* 20220824 m/destiny/result改修 */
.destiny-txt {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #676767;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  margin-bottom: 24px;
}

.destiny-txt span{
  color: #F23A7A;
}
.destiny-summary{
  margin-top: -15px;
  margin-right: 16px;
  margin-left: 16px;
  padding: 41px 16px 14px 16px;
  background: #FFF0FC;
  border-radius: 8px;
}
.destiny-feature{
  display: flex;
  justify-content: flex-end;
}
.feature-head{
  background: #F23A7A;
  border-radius: 40px;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  width: 90px;  
  height: 21px;
  padding: 3px 10px;
  margin-right: 8px;
}
.feature-desc{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #676767;
  overflow-wrap: break-word;
  width: 70%;
}

.result-txt{
  margin: 32px 16px 56px 16px;
}
.result-txt p{
  font-family: 'YuGothic', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #676767;
}
.destiny-head-num{
  font-family: 'YuGothic', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 150%;
  align-items: center;
  text-align: center;
  color: #676767;
  border-bottom: 1px solid #F2397A;
  width: 49px;
  margin: auto;
}

.destiny-head{
  margin: 16px auto;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #676767;
}
.destiny-result{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #676767;
  padding-right: 16px;
  padding-left: 16px;  
  margin-bottom: 40px;
}

@media screen and (max-width: 429px) {
  .central-img{
    top: 13%;
  }

  .outer-img{
    top: 13%;
  }

  .img-desc{
    margin-top: 110px;
  }
}

@media screen and (max-width: 376px) {
  .central-img {
    top: 12%;
  }
  .outer-img{
    top: 12%;
  }
}
/* 20220824 m/destiny/result改修 */ 



/* ============================================ 
kobetsu/top,listなど　下層ページははこちら↓
/* ============================================ */

  .submit_btn_kobetsu_under_rn {
    display: flex;
    background: #B77DFF;
    box-shadow: inset  0px 0px 0px 4px #B77DFF, inset 0px 0px 0px 5px rgba(255, 255, 255,1);
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: auto;
    filter: drop-shadow(3px 3px 0px rgba(41, 41, 41, 0.25));
    border-radius: unset;
    font-family: 'Noto Sans JP', sans-serif;
}
  
  .submit_btn_kobetsu_under_rn a {
    width: 100%;
    display: flex;
    height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
  

  .submit_btn_return_kobetsu_under_rn {
    display: flex;
    background: #E7CDFD;
    border: solid 1px #C290FF;
    box-shadow: inset 0px 0px 0px 4px #E7CDFD, inset 0px 0px 0px 5px #C290FF;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    width: 85%;
    margin: auto;
    filter: drop-shadow(3px 3px 0px rgba(41, 41, 41, 0.15));
    border-radius: unset;
    font-family: 'Noto Sans JP', sans-serif;
}
  
  
  .submit_btn_return_kobetsu_under_rn a {
    width: 100%;
    display: flex;
    height: 46px;
    align-items: center;
    justify-content: center;
}


/*　20200614　読み込みローダー表示を画面全体に変更　*/

.ajax-loader {
    position: fixed;
    background-color: rgba(255,255,255,.3);
    width: 100% !important;
    margin: auto;
    height: 100vh;
    top: 50% !important;
    left: 50% !important;
    border-radius: 8px;
    -webkit-background-size: 2pc 2pc;
    z-index: 100;
    transform: translate(-50%, -50%);
}

.ajax-loader{
    width: 100% !important;
    background-repeat: no-repeat;
    background-position: center;
}  
/*　20200614　読み込みローダー表示を画面全体に変更　*/

/*　20240319 mtop　オーラ画像　*/
.m_top_auraimg img {
  zoom: 0.5;
    max-width: 166px;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.14));
}

/* ============================================ 
毎月月運
/* ============================================ */

  .kobetsu_sale_text {
    width: 100%;
    position: absolute;
    /* top: 25%; */
    font-size: clamp(18px, 5vw, 47px);
    letter-spacing: 1px;
}
  
.kobetsu_sale_box {    -webkit-text-stroke: 0px #fff;
width: 100%;
color: rgba(62, 62, 62, 1);
position: relative;
font-weight: bold;
font-stretch: normal;
font-style: normal;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.4;
font-family: ten-mincho-text, serif !important;
}

.kobetsu_sale_text_title_box{
position: absolute;
top: 10%;
left: 50%;
width: 100%;
transform: translate(-50%, -10%);
-webkit-transform: translate(-50%, -10%);
padding: 0 0 10% 0;
}

.kobetsu_sale_text_title{
position:relative;
-webkit-text-stroke: 3px #fff;
font-family: ten-mincho-text, serif !important;
font-size: clamp(14.5px, 3vw, 29px) !important;
letter-spacing: 1.02px;
font-weight: 400;
color: #02724e;
}

.kobetsu_sale_text_title::after{
position: absolute;
top: 50%;
left: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
content: "プレミアム霊視鑑定";
font-size: clamp(14.5px, 3vw, 29px) !important;
color: #02724e;
letter-spacing: 1.02px;
font-family: ten-mincho-text, serif !important;
display: inline-block;
font-weight: 400;
-webkit-text-stroke: 0px #fff;   
}


.kobetsu_month_title_main_box{
position: relative;
width:100%;
padding: 0 0 16% 0;
}

.kobetsu_month_title_main1{
position: absolute;
width:100%;
left: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-family: ten-mincho-text, serif !important;
font-size: clamp(25px, 3vw, 50px);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 150%;
letter-spacing: 1px;
color: #ffffff;
-webkit-text-stroke: 3.5px #fff;
}

.kobetsu_month_title_main2{
position: absolute;
width:100%;
left: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-image: linear-gradient(to top, #242424, #626161, #242424), linear-gradient(to bottom, #242424, #242424);
font-family: ten-mincho-text, serif !important;
font-size: clamp(25px, 3vw, 50px);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 150%;
letter-spacing: 1px;
color: #242424;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}



.kobetsu_month_title_main span{
font-size: clamp(20.5px, 3vw, 41.5px);
letter-spacing: 0.83px;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}    


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

.kobetsu_month_title_sub1{
position: absolute;
width:100%;
left: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-text-stroke: 3px #fff;
font-family: ten-mincho-text, serif !important;
font-size: clamp(12px, 3vw, 27px) !important;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
}

.kobetsu_month_title_sub2{
position: absolute;
width:100%;
left: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-image: linear-gradient(to top, #242424, #626161, #242424), linear-gradient(to bottom, #242424, #242424);
font-family: ten-mincho-text, serif !important;
font-size: clamp(12px, 3vw, 27px) !important;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #242424;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}  

@media screen and (max-width: 320px) {
/*  320pxまでの幅の場合に適応される */

.kobetsu_sale_text_title,
.kobetsu_sale_text_title::after{
font-size:12px !important;
}

.kobetsu_month_title_main1,
.kobetsu_month_title_main2{
font-size:20px;
}

.kobetsu_month_title_main1 span,
.kobetsu_month_title_main2 span{
font-size:16px;
}

.kobetsu_month_title_sub1,
.kobetsu_month_title_sub2{
font-size: 10px !important; 
} 

}  

/*　----- 月運バナー　----- */
/*　----- 一番ご縁の強い人選択　20250408 m/goen/sel　----- */
.goen_image{
width:102px;}

.goen_image img{
width:88px;
margin-right: 14px;}  

.goen_sel_table td{
vertical-align: middle;
}
/*　----- 一番ご縁の強い人選択　20250408 m/goen/sel　----- */

/*　----- 一番ご縁の強い人　20250408 m/goen/top　----- */
.ff_mincho {
font-family: ten-mincho-text, serif;
}

select.form-control {
background-image: none;
}
.select_fid_noborder_rn {
height: 50px;
padding: 8px;
width: 100%;
box-shadow: 3px 3px 0px 0px rgba(41, 41, 41, 0.15);
  position: relative;
}
.select_fid_noborder_rn {
-webkit-appearance: none;
-webkit-background-size: auto 100%;
background-size: 15px;
background-repeat: no-repeat;
background-position: right 15px top 12px;
padding-right: 2pc;
height: 40px;
}
.select_noborder_rn {
position: relative;
width: 100%;
}
.select_noborder_rn::after {
position: absolute;
content: "";
width: 10px;
height: 6px;
top: 16px;
right: 15px;
display: block;
text-align: center;
background: url(/image/rn2023/component/form_arrow.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
}

.goen_top_image{
width:88px;
max-width: 88px;
}

.goen_top_image img{
width:88px;
}  

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

.goen_icon_box span{
margin-right:2px; }

.goen_icon_box span:last-child{
margin-right:0px;}

.goen_icon img{
max-width:28px;
min-width:28px;  
}  


.goen_star img{
max-width:111px;
min-width:111px;  
}

.goen_star{ 
margin: 0 auto 12px;
padding-bottom: 12px;
border-bottom: 1px solid #E983A8;
  text-align: center;
}

.goen_parson_parent{
background: #FFF;
box-shadow: 5px 5px 0px 0px rgba(41, 41, 41, 0.15);
padding: 16px 0 0;
}

.goen_parson{
display: flex;
align-items: flex-start;
justify-content: center;
border-radius: 4px;
padding: 0 16px 16px;
}

.goen_parson .text_box{
border-radius: 4px;
background: #F8F3FD;
padding: 12px;
}

.goen_saikyo{
padding: 4px 12px;
border-radius: 30px;
background: #6F43A5;
color: #F2F2F2;
text-align: center;
/* font-family: "Ten Mincho Text"; */
font-size: 15px;
/* font-style: italic; */
font-weight: 400;
line-height: 170%;  
font-family: fot-tsukumin-pr6n, 'Noto Serif JP', serif;
display: inline-flex;
align-items: center;
justify-content: center;
}
.goen_saikyo span{ 
display: inline-block;
width: 22px;
height: 18px;
background: url(/image/rn2023/component/icon_midashi_left.sp.480.png);
background-repeat: no-repeat;
background-size: contain;
margin-right: 8px;
}


.goen_table span{
margin-right:4px;
}  

.goen_table div{ 
display: flex;
align-items: center;
padding-right: 10px;
}

.goen_icon_q{
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;}

.goen_icon_q span img{
width: 17px;
min-width: 17px;
max-width: 17px;
margin-right: 2px;
margin-bottom: 2px;
}

.goen_icon_q a{
padding-bottom:3px;
font-size: 12px;
font-weight: 500;
border-bottom: 1px solid #9762D4;
}
/*　----- 一番ご縁の強い人　20250408 m/goen/top　----- */

/*　----- 一番ご縁の強い人結果　20250408 m/goen/result　----- */

.goen_result_parson_parent{
background: #FFF;
padding: 16px 0 0;
} 

.goen_result_icon_box{
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
font-weight: 700;
line-height: 140%;
border-bottom: 1px solid #9762D4;
margin: 0 auto 12px;
padding-bottom: 12px;}

.goen_result_icon_box span{
margin-right:12px;
}

.goen_result_star img{
max-width:131px;
min-width:131px;  
}

.goen_result_star{ 
margin: 0 auto 16px;
padding-bottom: 16px;
border-bottom: 1px solid #E983A8;
text-align: center;
display: inline-block;
}

.goen_result_bg1,
.goen_result_bg2{
background: url(/image/goen/result_bg2.sp.480.png);  
}

.goen_result_bg3{
background: url(/image/goen/result_bg3.sp.480.png);  
}

.goen_result_bg4{
background: url(/image/goen/result_bg4.sp.480.png);  
}

.goen_result_bg5{
background: url(/image/goen/result_bg5.sp.480.png);  
}  


.goen_result_bg1,
.goen_result_bg2,
.goen_result_bg3,
.goen_result_bg4,
.goen_result_bg5{
background-repeat: no-repeat;
background-size: contain;
width: 293px;
max-width:293px;
min-width:293px;
height: 102px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}

/*　----- 一番ご縁の強い人結果　20250408 m/goen/result　----- */

/* ============================================ 
汎用バナー
/* ============================================ */

  .kobetsu_sale_text_han {
    width: 100%;
    position: absolute;
    /* top: 25%; */
    font-size: clamp(18px, 5vw, 47px);
    letter-spacing: 1px;
}
  
.kobetsu_sale_box_han {    -webkit-text-stroke: 0px #fff;
width: 100%;
color: rgba(62, 62, 62, 1);
position: relative;
font-weight: bold;
font-stretch: normal;
font-style: normal;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.4;
font-family: ten-mincho-text, serif !important;
}

.kobetsu_sale_text_title_box_han{
position: absolute;
top: 5%;
left: 50%;
width: 100%;
transform: translate(-50%, -10%);
-webkit-transform: translate(-50%, -10%);
padding: 0 0 10% 0;
}

.kobetsu_sale_text_title_han{
position:relative;
/*-webkit-text-stroke: 3px #fff;*/
font-family: ten-mincho-text, serif !important;
font-size: clamp(14.5px, 3vw, 29px) !important;
letter-spacing: 1.02px;
font-weight: 400;
color: #7c670e;
}

.kobetsu_sale_text_title_han::after{
position: absolute;
top: 50%;
left: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
/*content: "プレミアム霊視鑑定";*/
font-size: clamp(14.5px, 3vw, 29px) !important;
color: #7F6700;
letter-spacing: 1.02px;
font-family: ten-mincho-text, serif !important;
display: inline-block;
font-weight: 400;
-webkit-text-stroke: 0px #fff;   
}


.kobetsu_month_title_main_box_han{
position: relative;
width:100%;
padding: 0 0 16% 0;
}

.kobetsu_month_title_main1_han{
position: absolute;
width:100%;
left: 50%;
top: 48%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-family: ten-mincho-text, serif !important;
font-size: clamp(20px, 3vw, 30px);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 120%;
letter-spacing: -1px;
color: #3b0974;
/*-webkit-text-stroke: 3.5px #3b0974;*/
text-shadow: #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px, #3b0974 0 0 2px;
}

.kobetsu_month_title_main2_han{
position: absolute;
width:100%;
left: 50%;
top: 48%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-image: linear-gradient(to top, #FFFFFF, #FFFFFF, #FFFFFF), linear-gradient(to bottom, #FFFFFF, #FFFFFF);
font-family: ten-mincho-text, serif !important;
font-size: clamp(20px, 3vw, 30px);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 120%;
letter-spacing: -1px;
color: #242424;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}



.kobetsu_month_title_main_han span{
font-size: clamp(20.5px, 3vw, 41.5px);
letter-spacing: 0.83px;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}    


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

.kobetsu_month_title_sub1_han{
position: absolute;
width:100%;
left: 50%;
top: 8px;
left: 45%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-text-stroke: 2px #fff;
font-family: ten-mincho-text, serif !important;
font-size: clamp(10px, 2vw, 22px) !important;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
text-align: right;
}

.kobetsu_month_title_sub2_han{
position: absolute;
width:100%;
left: 50%;
top: 8px;
left: 45%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-image: linear-gradient(to top, #242424, #242424, #242424), linear-gradient(to bottom, #242424, #242424);
font-family: ten-mincho-text, serif !important;
font-size: clamp(10px, 2vw, 22px);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #242424;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-align: right;
}
  
.discount{
  background-image: linear-gradient(to top, #BF2D00, #BF2D00, #BF2D00), linear-gradient(to bottom, #BF2D00, #BF2D00);
  font-size:14px;
  -webkit-background-clip: text;
  }

@media screen and (max-width: 320px) {
/*  320pxまでの幅の場合に適応される */

.kobetsu_sale_text_title_han,
.kobetsu_sale_text_title_han::after{
font-size:12px !important;
}

.kobetsu_month_title_main1_han,
.kobetsu_month_title_main2_han{
font-size:20px;
}

.kobetsu_month_title_main1_han span,
.kobetsu_month_title_main2_han span{
font-size:16px;
}

.kobetsu_month_title_sub1_han,
.kobetsu_month_title_sub2_han{
font-size: 10px !important; 
} 

}  

/*　----- 汎用バナー　----- */