body {
color : #68431c;
background-color : #000000;
}

/* ===== body直下のbox ===== */
#box {
border : 0;
margin : 0 auto;
padding : 0;
/*width : 360px;*/
max-width:480px;
}

.st1{color:#d08103;}
.st2{color:#fff0c7;}
.st3{color:#f06518;}
.st4{color:#ac1f03;}


h1{color:#d08103;
font-size:20px;}
h2{color:#fff0c7;
font-size:20px;}
h3{color:#f06518;
font-size:20px;}
h4{color:#ac1f03;
font-size:20px;}

/* ■■■■ ベージュ切り返し ■■■■ */
.day_box {
background-color : #dbbf88;
color:#5a2900;
}

/* ■■■■ (MTOP)ナビゲーション ■■■■ */
.top_navi ul {
margin-top : auto;
margin-left : 5%;
margin-bottom : auto;
margin-right : auto;
padding-right : auto;
min-width : auto;
max-width : auto;
}

.top_navi ul li {
border: 1px solid #000;
border-right: 1px solid #353535;
border-bottom: 1px solid #353535;
border-right : none;
float : left;
list-style : none;
width : 32%;
text-align : center;
background: #1f1f1f;

box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.top_navi ul li:first-child{
border-top-left-radius : 8px;
border-bottom-left-radius : 8px;
}

.top_navi ul li:last-child{
border: 1px solid #000;
border-right: 1px solid #353535;
border-bottom: 1px solid #353535;
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
}

.top_navi ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow: rgba(245, 245, 255, 0.35) 0 0px 0px, rgba(0, 0, 30, 0.08) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 0.40) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;
text-decoration : none;
}

.top_navi .one ul li {
border: 1px solid #000;
border-right: 1px solid #353535;
border-bottom: 1px solid #353535;
border-right : none;
float : left;
list-style : none;
width : 96.2%;
text-align : center;
background: #1f1f1f;

box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.top_navi .one ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow: rgba(245, 245, 255, 0.35) 0 0px 0px, rgba(0, 0, 30, 0.08) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 0.40) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;
text-decoration : none;
}

/* ■■■■ リストリンク ■■■■ */
.mtop_link {
background: #000000;
border-radius : 5px;
-webkit-border-radius : 5px;
border: 2px solid #353535;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.mtop_link li {
position : relative;
display : block;
width : 100%;
padding : 5px;
border-bottom : 1px solid #353535;/*リスト内の区切り線の色*/
height : auto;
text-decoration : none;
-webkit-box-sizing : border-box;
overflow : hidden;
}

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

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

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

.mtop_link.nolink{
position : relative;
display : block;
width : 100%;
padding : 5px;
border-bottom : 1px solid #353535;/*リスト内の区切り線の色*/
height : auto;
text-decoration : none;
-webkit-box-sizing : border-box;
overflow : hidden;
}

/* ■■■■ リストリンク（個別課金用） ■■■■ */
.mtop_link_kobetsu {
border-radius : 5px;
-webkit-border-radius : 5px;
border: 2px solid #353535;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.mtop_link_kobetsu li {
position : relative;
display : block;
width : 100%;
padding : 5px;
border-bottom : 1px solid #353535;/*リスト内の区切り線の色*/
height : auto;
text-decoration : none;
-webkit-box-sizing : border-box;
overflow : hidden;
}

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

.mtop_link_kobetsu:last-child {
border-bottom : none;
}

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

/* ■■■■ ナビゲーション ■■■■ */
.navi ul {
margin-top : auto;
margin-left : 15%;
margin-bottom : auto;
margin-right : auto;
padding-right : auto;
min-width : auto;
max-width : auto;
}

.navi ul li {
border: 1px solid #000;
border-right: 1px solid #353535;
border-bottom: 1px solid #353535;
border-right : none;
float : left;
list-style : none;
width : 20%;
text-align : center;
background: #1f1f1f;

box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.navi ul li:first-child{
border-top-left-radius : 8px;
border-bottom-left-radius : 8px;
}

.navi ul li:last-child{
border: 1px solid #000;
border-right: 1px solid #353535;
border-bottom: 1px solid #353535;
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
}

.navi ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow: rgba(245, 245, 255, 0.35) 0 0px 0px, rgba(0, 0, 30, 0.08) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 0.40) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;
text-decoration : none;
}

/* ■■■■ コラムバックナンバー ■■■■ */
.bn_navi ul {
margin-top : auto;
margin-left : 8%;
margin-bottom : auto;
margin-right : auto;
padding-right : auto;
min-width : auto;
max-width : auto;
}

.bn_navi ul li {
border: 1px solid #000;
border-right: 1px solid #353535;
border-bottom: 1px solid #353535;
border-right : none;
float : left;
list-style : none;
width : 30%;
text-align : center;
background: #1f1f1f;

box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.bn_navi ul li:first-child{
border-top-left-radius : 8px;
border-bottom-left-radius : 8px;
}

.bn_navi ul li:last-child{
border: 1px solid #000;
border-right: 1px solid #353535;
border-bottom: 1px solid #353535;
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
}

.bn_navi ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow: rgba(245, 245, 255, 0.35) 0 0px 0px, rgba(0, 0, 30, 0.08) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 0.40) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;
text-decoration : none;
}

/* ■■■■ 命題リストリンク ■■■■ */
.day_result_link {
background: #ccb280;
border-radius : 5px;
-webkit-border-radius : 5px;
border: 2px solid #b29c70;
border-right: 2px solid #dbc599;
border-bottom: 2px solid #dbc599;
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.day_result_link li {
position : relative;
display : block;
width : 100%;
padding : 2px 5px 5px 5px;
border-bottom : 1px solid #b2a07c;/*リスト内の区切り線の色*/
height : auto;
text-decoration : none;
-webkit-box-sizing : border-box;
overflow : hidden;
}

.day_result_link img {
width : 10%;
vertical-align:-0.4em;
}

.day_result_link span {
font-size:18px;
color:#5a2900;
}

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

.day_result_link:last-child {
border-bottom : none;
}

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


/* ■■■■ リンク ■■■■ */
.link {
background: #ccb280;
border-radius : 5px;
-webkit-border-radius : 5px;
border: 2px solid #b29c70;
border-right: 2px solid #dbc599;
border-bottom: 2px solid #dbc599;
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.link li {
position : relative;
display : block;
width : 100%;
padding : 5px 5px 5px 5px;
border-bottom : 1px solid #b2a07c;/*リスト内の区切り線の色*/
height : auto;
text-decoration : none;
-webkit-box-sizing : border-box;
overflow : hidden;
}

.link span {
font-size:18px;
color:#5a2900;
}

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

.link:last-child {
border-bottom : none;
}

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

/* ■■■■ TOPに戻る ■■■■ */
#box_top {
border : solid 1px #332d20;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #4c4330;
font-size : 100%;
line-height : 30px;
width : 95%;
height : 30px;
margin-left : 1px;
margin-right : 1px;
text-align : left;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

#box_top a{
display : block;
padding : 2px 5px 5px 5px;
width : auto;
text-decoration : none;
color : #a9a9a9;
}

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

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



 /*――20200603　m/top　スマホのみ　リニューアル　――――――――*/

  .line-h{
    line-height:1.3;
  } 
  
  .line-h a:link{
    color:#7f430f;

  } 
  
  
 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
  
 .mtop_caption{
 font-size: 18px;
 font-weight: 500;
 line-height: 1.25em ;
 letter-spacing: 1.28px;
 text-align: center;
 font-family: 'Noto Serif JP', serif;
 }

 .mtop_caption_bl{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25em ;
  letter-spacing: 1.28px;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  color:#231507;
  }

  
  
 .box_width95{
  width:95%;
  margin:auto;
 }

 /* -- boxの角丸 ---*/ 
.lb_radius{
  border-radius:5px;
}  

.lb_radius_btm{
  border-radius:0 0 5px 5px;
}  
/* -- boxの色 ---*/ 
.box_bgcolor_a{
  background-color: #dbbf88 !important;
}
.box_bgcolor_b{
  background-color: #ecd4a6 !important;
}
.box_bgcolor_c{
  background-color: #e0b155 !important;
}

/* -- 汎用 ---*/ 

 .mg_btm5{
  margin-bottom: 5px !important;
  } 
  
  
.mg_btm10{
  margin-bottom: 10px !important;
  }

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

.mg_btm30{
  margin-bottom: 30px !important;
  }
/* -- 汎用 ---*/ 

/* -- フォント指定 ---*/  
  
  .f-colf {
   color:#ffffff !important;
  }
  
  .f-col7e {
   color:#7e4830 !important;
  }

  .f-col6e {
   color:#6e4a32 !important;
  }

  .f-colac1 {
   color:#ac1f03 !important;
  }
  
 .f-normal {
  font-weight:normal;
  display:inline-block;
  padding-right:15px;   
  }
  
   .f-bold {
  font-weight:bold;  
  }
  
  .f-line_h {
  line-height: 1.43;
  }
  
  .f-big{
   font-size:1.2em;
  }


  .f-small{
    font-size:0.9em;
    color:#604427;
  }
  
  
/* -- フォント指定 ---*/      
  
  

/* ページナビ部分 */

  section{
    width:95%;
    margin:auto;
  }
  
.top_navi_box{
    box-sizing : border-box;
    width:95%;
    margin:auto;
    border-radius: 5px;
    background-color: #dbbf88;
    border: solid 5px #dbbf88;
 color: #604427;
}  

.top_navi_box ul {
    display:flex;
}

.top_navi_box ul li {
    list-style : none;
    width : 33.33333%;
    padding:10px;
    text-align : center;
    }

.top_navi_box a{
    text-decoration: none;
    color:#604427;
    display: block;
}
.border_r{
  border-right:solid 1px #000000; 
}
.border_b{
  border-bottom:solid 1px #000000; 
}

/* ページナビ部分 */

/* ---一覧へリンク ---*/ 
.to_list{
  border-radius: 4px;  
color:#604427;  
display: inline-block;
padding:5px 20px;
font-size:0.8em;
background-color: #ffffff;
}


div{
  box-sizing: border-box;
}

 a{
  text-decoration: none;
  display: block;
}

/* -- 右寄せリンク ---*/ 
.link_right{
  text-align: right;
  width:95%;
  margin:auto;
  padding:10px 0;
}

.link_right_small{
  text-align: right;
  width:100%;
  margin:auto;
  padding:10px 0 0px 0;
  font-size:0.8em;
  color:#ffffff;
}
  
  
  a.link_right_small:link{
    color:#ffffff;  
  }
    
  
  a.link_right_small:visited{
    color:#ffffff;  
  }
  
  
  .link_right_small_kaidoku{
  text-align: right;
  width:100%;
  margin:auto;
  padding:0 0 10px 0;
  font-size:0.8em;
  color:#ffffff;
}
  
  
  a.link_right_small_kaidoku:link{
    color:#604427;  
  }

  a.link_right_small_kaidoku:visited{
    color:#604427;  
  }  

/* -- 右寄せリンク ---*/ 

/* -- リンクボックス ---*/ 
  
  .default_link_caption{
  color:#942e02;
  }  
  
  
.default_link_box{
  position: relative;
  width:95%;
  margin:auto;
padding: 15px 20px 15px 10px;
  border-radius: 5px;
  background-color: #ecd4a6;
 font-size: 16px;
}

.default_link_box a{
  font-weight:bold;
  font-size:16px;
}

.default_link_box a::after{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: solid 1px #604427;
    border-right: solid 1px #604427;
    -webkit-transform: rotate(45deg);
}
/* -- リンクボックス  ---*/   
  
/* -- リンクボックス日運 ---*/   
  
 .default_link_box_sougou{
  width:95%;
  margin:0 auto 5px auto;
  padding:20px 10px 30px 10px;
  border-radius: 5px;
  background-color: #ccb27f;
  font-weight:bold;  
  }
  
  .default_link_box_sougou span{
    display:inline-block;
    padding:10px;
    font-size: 16px;
    font-weight: normal;
  }
  
  
  .default_link_box_day{
  position: relative;
  width:95%;
  margin:0 auto 5px auto;
  padding:10px 10px;
  border-radius: 5px;
  background-color: #ecd4a6;
  display: flex;
  align-items: center;  
  font-weight:bold;
   font-size: 16px;  
}
  
  
 .default_link_box_day::after{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: solid 1px #604427;
    border-right: solid 1px #604427;
    -webkit-transform: rotate(45deg);
}
/* -- リンクボックス日運 ---*/     



/* -- リンクボックス　2列 ---*/ 
 .flex_box_2{
  width:95%;
  margin:auto;
  display:flex;
  justify-content: space-between;

}

.flex_box_2 div{
  width:50%;
  color:#604427;
  margin:5px 0;
  border-radius: 5px;
  background-color: #ecd4a6;
  text-align: center;
   font-size: 16px;

} 

.flex_box_2 div:first-of-type{
  margin-right: 5px;
} 
.flex_box_2 div:last-of-type{
  margin-left: 5px;
} 


.flex_box_2 div a{
  display: block;
  padding:10px;
  text-align: center;
      font-weight:bold;
} 
/* -- リンクボックス　2列 ---*/ 

/* -- リンクボックス　2列 noradius---*/ 
.fb_bb{
  border-bottom : 1px solid #444444;/*リスト内の区切り線の色*/
}

.fb_br{
  border-right : 1px solid #444444;/*リスト内の区切り線の色*/
}

.flex_box_2_nr{

  display:flex;
  justify-content: space-between;
  font-size: 16px;
}

.flex_box_2_nr div{
  width:50%;
  color:#604427;
} 


.flex_box_2_nr div a{
  display: block;
  padding:15px 10px 15px 20px;
  font-weight:bold;
} 

/* -- リンクボックス　2列 noradius ---*/ 

/* -- リスト ボックス ---*/ 

.list_box_caption{
  color:#942e02;
  font-size:0.8em;
  padding:15px 10px 0 10px;
  font-weight:bold;
}


.default_list_box {
  width:95%;
  margin:auto;
  padding :0px 10px;
  list-style : none;
  background-color: #ecd4a6;
   font-size: 16px;
  }

.default_list_box li {
  width:100%;
  border-bottom : 1px solid #444444;/*リスト内の区切り線の色*/
  text-decoration : none;
  overflow : hidden;
    font-weight:bold;
  }   

  .default_list_box li a{
    padding: 15px 20px 15px 10px;
    position: relative;
  } 

  .default_list_box li a.pa_t10{
    padding: 10px 20px 10px 10px;
    position: relative;
  } 


  .default_list_box li:last-of-type{
      border-radius: 0 0 5px 5px;
      border-bottom : 2px solid transparent;/*リスト内の区切り線の色*/
  } 


  .default_list_box li a::after{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: solid 1px #604427;
    border-right: solid 1px #604427;
    -webkit-transform: rotate(45deg);
}

/* -- リスト ボックス ---*/ 

/* --更新情報 リスト ボックス  リンクなし---*/   
  
  .no-link{
  width:100%;  
 box-sizing : border-box;  
  padding:10px;

  } 


/* --更新情報 リスト ボックス  リンクなし---*/     
  
/* -- リスト ボックス蓋つき ---*/ 


.list_box_top{
  display:flex;
  justify-content: space-between;
  align-items: center;
  width:95%;
  margin:auto;
  padding : 10px 10px 10px 20px;
  border-radius:5px 5px 0 0;
  list-style : none;
  background-color: #604427;
  color:#ffc147;
  font-size:16px;
  font-weight:bold;
}


.list_box_wrapper .default_list_box {
  width:95%;
  margin:auto;
  padding :0 10px;
  border-radius: 0 0 5px 5px;
  list-style : none;
  background-color: #ecd4a6;
  }

/* -- リスト ボックス蓋つき ---*/ 

  
/* --異性解析背景色 ---*/ 

.kaiseki_bg{
  background-image: linear-gradient(to top,#908a82 , #231507);padding: 20px 0px;
}
.kaiseki_box{
  background:#ecd4a6;
  width:66.66%;
  margin:20px auto;
  border-radius: 5px;
  min-width:300px;
  padding:20px;
  box-shadow: 4px 6.9px 9px 1px rgba(108, 105, 102, 0.6);
}
  
.kaiseki_box .c{
  text-decoration: underline;
  color:#604427;
  font-family: 'Noto Serif JP', serif;
} 
  
/* --異性解析背景色 ---*/ 
  
  
  
/* -- day_box　特別鑑定 背景色 ---*/ 
.day_box_bg{
  background-color: #175c8e;
  padding:0 0 30px 0;
}
/* -- day_box　特別鑑定 背景色 ---*/   
  
  
/* -- リスト ボックス蓋つき　色違い ---*/ 

.list_box_wrapper .default_list_box_a {
  width:95%;
  margin:auto;
  padding :0 10px;
  border-radius: 0 0 5px 5px;
  list-style : none;
  background-color: #fdf8ee;
    font-size:16px;
  }

.list_box_top_a{
  width:95%;
  margin:auto;
  padding : 10px 10px 10px 20px;
  border-radius:5px 5px 0 0;
  list-style : none;
  background-color: #e0b155;
  color:#604427;
    font-size:16px;
  font-weight:bold;
}

.default_list_box_a li {
  position: relative;
  border-bottom : 1px solid #444444;/*リスト内の区切り線の色*/
  text-decoration : none;
  overflow : hidden;
  color:#1e4064;
  }   

  .default_list_box_a a{
    padding: 10px 20px 10px 10px;
  font-weight:bold;
   color:#1e4064 ;
  } 

.default_list_box_a a:link{
     color:#1e4064;
} 


  .default_list_box_a li:last-of-type{
      border-radius: 0 0 5px 5px;
      border-bottom : 2px solid transparent;/*リスト内の区切り線の色*/
  } 

  .default_list_box_a a::after{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: solid 1px #979797;
    border-right: solid 1px #979797;
    -webkit-transform: rotate(45deg);
}
/* -- リスト ボックス蓋つき　色違い ---*/