/***********************
 * marke_link.css           *
 ***********************/
/* marke_link（本番） */
.marke_waku {
margin : 5px auto;
width: 90%;
height: auto;
background-color: #ffffff; /*背景色*/
color: #959393; /*見出し文字色*/
padding: 5px 1px 1px;
text-align : center;
border: 1px solid #959393;
border-radius : 6px;
/* box-shadow : 0 0 2px #959393; */
/* -webkit-box-shadow : 0 0 2px #959393; */
/* box-shadow: 0px 0px 2px 2px #959393; */  
/* -webkit-box-shadow: 0px 0px 2px 2px #959393; */
}
.marke_waku .main {
width : auto;
height: auto;
background-color : #ffffff; /*枠内背景色*/
color : #959393; /*枠内テキスト色 【無料占い】などが入ってくる可能性があります*/
margin : 5px 0px 0px;
padding : 10px;
border-top: #959393 1px solid;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #959393;
-webkit-box-shadow : 0 0 2px #959393;
}
.marke_waku .main a{
text-decoration:none;
}

/* pattern1 */

p.marke_banner01 {
width:50%;
margin:auto;
}

/* pattern2 */

ul.marke_list{
background-color : #ffffff; /*枠内の背景色*/
border-radius : 6px;
border : none ; /*一番外の枠色*/
margin: auto;
width : auto;
height: auto;
list-style : none;
}

.marke_list li {
text-align:left;
position : relative;
border-bottom : solid 1px #959393; /*リスト内の区切り線の色*/
height :auto;
overflow : hidden;
padding: 5px;
}

.marke_list li a:not(.noListLink) {
position : relative;
display : block;
width: 100%;
height : 100%;
color : #959393; /*リスト内の文字色*/
-webkit-box-sizing : border-box;
}

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

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

/* pattern3 */

#marke_box{
border : solid 1px #959393;
border-radius : 4px;
width:100%;
height:auto;
margin:5px auto 0px;
padding:5px;
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: box;
-webkit-box-sizing : border-box;
}

#box1 {
width:80px;
margin-right:10px;
}
#box1 img{
width:80px;
}

#box2 {
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
box-flex:1.0;
text-align:left ;
}

/* pattern4 */

p.marke_banner02_l {
width:45%;
float:left ;
}

p.marke_banner02_r {
width:45%;
float:right ;
}

/* 補助 */

.marke_waku hr {
    border: 0;
    height: 1px;
    background: #959393;
    width : auto ;
    margin: 5px 0px 0px;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after {
	clear: both;
}

.link_catch{
color : #336699;
}


/* marke_over */
#marke_over_blank{height : 35px;}
#marke_over_android{
width: 100%;
background: rgba(252, 107, 0, 0.90);
position: fixed;
bottom: 0;
}
#marke_over_android a{
display: block;
height: 50px;
text-align: left;
text-decoration: none;
padding: 3px 20px;
position: relative;
font-size: 16px;
line-height: 22px;
color : #696969;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#marke_over_android a span{font-size: 15px;}
#marke_over_android a small{font-size: 14px;}
#marke_over_android a b{font-size: 17px;
font-weight: normal;
}
#marke_over_ios{
width: 100%;
background: rgba(252, 107, 0, 0.90);
position: fixed;
bottom: 0;
}
#marke_over_ios a{
display: block;
height: 50px;
text-align: left;
text-decoration: none;
padding: 7px 20px;
position: relative;
font-size: 14px;
line-height: 18px;
color : #696969;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#marke_over_ios a span{font-size: 13px;}
#marke_over_ios a small{font-size: 12px;}
#marke_over_ios a b{font-size: 15px;
font-weight: normal;
}

/* ■■■■ unreg-btn/txt ■■■■ */
.unreg-txt {
    margin: 15px 10px 10px;
    line-height: 1.6;
}

.unreg-btn{
    width:70%;
    margin:15px auto;
}

.unreg-btn > .btn {
    display: inline-block;
    margin: 0;
    padding: 7px 0;
    width:100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border-radius:5px;
    border-top: 1px solid #2B2B2B;
	border-left:1px solid #2B2B2B;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.00, #171c19));
background: -webkit-linear-gradient(#171c19, #000);
background: linear-gradient(#171c19, #000);
box-shadow:1px 1px 2px #000;
    color:#fff;
    font-size:15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/* ■■■■ 小見出し設定 ■■■■ */

.unreg-title img{
width: 100%;
}

.unreg-heading {
position : relative;
color : #A0522D;
background-color : #ffffff;
border-bottom : ridge 2px #A0522D;
padding : 5px 5px 5px 10px;
margin-top: 15px;
}
.unreg-heading:after{
content : "";
position : absolute;
left : -15px;
top : 50%;
display : block;
width : 20px;
height : 20px;
margin-top : -13px;
border-top : solid 3px #A0522D; 
-webkit-transform : rotate(90deg);
}

/* ■■■■ コンテナー ■■■■ */
#unreg-marke{
position : relative;
margin : 0 auto;
max-width : 380px;
background: #FFF;
}



/* ■■■■ ランキング部分 ■■■■ */
.unreg-rank{ui
width: 100%;
box-sizing: border-box ;
margin: 0 auto;
padding: 0 5px;
}
.unreg-rank ul{
width: 100%;
box-sizing: border-box ;
margin: 0 auto;
display: table;
list-style: none;
}
.unreg-rank li{
width: 33%;
font-size: 90%;
display: table-cell;
vertical-align: middle;
padding: 2px;
}
.unreg-rank li a{
text-decoration: none;
display: block;
height: 170px;
padding: 5px;
font-size: 80%;
color: #664b33;
border: solid 1px #cccccc;
box-shadow : 2px 2px 3px rgba(200,200,200,3), 0px 1px 1px rgba(255,255,255,1) inset;
letter-spacing: -1px;
}
.unreg-rank li a b{
font-size: 14px;
}
.unreg-rank li a b img{
width: 20%;
vertical-align: bottom;
padding-right: 5px;
}
.unreg-rank li a img{
width: 100%;
}

/* ■■■■ ランキング設定 ■■■■ */
#rank {
width : 100%;
color : #664b33;
background-color : #ffffff;
}

#unreg-menu{
width:100%;
margin-left: 0.5%;
}

#unreg-menu a{
display: block;
text-decoration: none;
text-align: center;
width: 31%;
height: 27px;
padding: 8px 0 0 0;
margin-left: 5px;
float: left;
font-weight : bold;
font-size :110%;
}

.unreg-waku00{
width: 100%;

}
.unreg-sen01 {
border-top :solid 4px #fc9474;
}
.unreg-sen02 {
border-top :solid 4px #ffb914;
}

.unreg-sen03 {
border-top :solid 4px #94EB3E;
}

#unreg-menu1{
background-color: #ed593b;
background-image : -webkit-gradient(linear,left top,left bottom, from(#ed593b), to(#fc9474));
border-top-right-radius : 6px;
border-top-left-radius : 6px;
color: #ffffff;
border: solid 1px #fc9474;
}
#unreg-menu2{
background-color: #ed593b;
background-image : -webkit-gradient(linear,left top,left bottom, from(#ff9305), to(#ffb914));
border-top-right-radius : 6px;
border-top-left-radius : 6px;
color: #ffffff;
border: solid 1px #ffb914;
}
#unreg-menu3{
background-color: #ed593b;
background-image : -webkit-gradient(linear,left top,left bottom, from(#80E12A), to(#94EB3E));
border-top-right-radius : 6px;
border-top-left-radius : 6px;
color: #ffffff;
border: solid 1px #94EB3E;
}

/* ■■■■ 画像部分 ■■■■ */
.unreg-kakoi{
box-sizing: border-box ;
margin: 0 auto;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
display: table;
}
#unreg-section .article1 {
box-sizing: border-box ;
border: solid 1px #cccccc;
padding: 10px 10px 5px;
font-size: 80%;
margin: 0 auto;
}
.unreg-kakoi .article2 {
width: 46%;
font-size: 70%;
padding: 5px ;
border-right: solid 1px #cccccc ;
display: table-cell;
}
.unreg-kakoi .article2:nth-child(3) {
border-right: none;
padding-left: 6px;
}
#unreg-section .article1 a, .unreg-kakoi .article2 a {
display: block;
text-decoration: none;
color: #A0522D;
}
#unreg-section .article1 img{
width: 100%;
margin: 0px 0 5px;
}
.unreg-kakoi .article2 img{
width: 100%;
margin: 0 auto 5px;
vertical-align: middle;
}

/* ■■■■　ボックス　■■■■ */
.unreg-box_1{
background-color: #ffffff;
box-shadow : 0px 0px 3px gray;
 -webkit-box-shadow : 0px 0px 3px #8a8a8a;
overflow : hidden;
height : auto;
width : 88%;
margin-left: auto;
margin-right: auto;
padding :10px 15px 5px 10px;
}
.unreg-box_1 img{
float: left;
margin-right : 10px;
margin-bottom : 5px;
}
.unreg-box_1 a {
position : relative;
display : block;
text-decoration:none;
-webkit-box-sizing : border-box;
}
.unreg-box_1 a:after { /*＞の作成*/
content : "";
position : absolute;
right : -8px;
top : 55px;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #dedede; 
border-right : solid 2px #dedede; 
-webkit-transform : rotate(45deg);
}
.unreg-box_a{
clear : left;
color : #b47551;
font-size : 100%;
}
.unreg-box_b{
clear : left;
color : #b47551;
font-size : 100%;
}

.unreg-box_1 .unreg-box_b img{margin-bottom: 0;}

/* ■■■■ span色設定 ■■■■ */
.red {color : #ff0000;}
.blue {color : #0000ff;}
.yellow {color : #ffff00;}
.orange {color : #ffa500;}
.pink {color : #FF0080;}
.purple {color : #b541f9;}
.lblue {color : #67d7f3;}
.green {color : #7a870b;}
.white {color : #ffffff;}
.black {color : #000000;}
.gray {color : #3a1604;}
.lpurple {color :#d45617;}
.lgreen {color: #596e03 ;}
.lyellow {color: #CC9900;padding: 10px 0;}

/* ■■■■ 小見出し設定 ■■■■ */

.unreg-title {
    position: relative;
    margin: 0;
}

.unreg-title img{
width: 100%;
}

.unreg-heading {
position : relative;
color : #A0522D;
background-color : #ffffff;
border-bottom : ridge 2px #A0522D;
padding : 5px 5px 5px 10px;
margin-top: 15px;
font-size:16px;
}
.unreg-heading:after{
content : "";
position : absolute;
left : -15px;
top : 50%;
display : block;
width : 20px;
height : 20px;
margin-top : -13px;
border-top : solid 3px #A0522D; 
-webkit-transform : rotate(90deg);
}

/* ■■■■ コンテナー ■■■■ */
#unreg-marke{
position : relative;
margin : 0 auto;
max-width : 380px;
background: #FFF;
}



/* ■■■■ ランキング部分 ■■■■ */
.unreg-rank{ui
width: 100%;
box-sizing: border-box ;
margin: 0 auto;
padding: 0 5px;
}
.unreg-rank ul{
width: 100%;
box-sizing: border-box ;
margin: 0 auto;
display: table;
list-style: none;
}
.unreg-rank li{
width: 33%;
font-size: 90%;
display: table-cell;
vertical-align: middle;
padding: 2px;
}
.unreg-rank li a{
text-decoration: none;
display: block;
height: 180px;
padding: 5px;
font-size: 80%;
color: #664b33;
border: solid 1px #cccccc;
box-shadow : 2px 2px 3px rgba(200,200,200,3), 0px 1px 1px rgba(255,255,255,1) inset;
letter-spacing: -1px;
line-height: 1.2;
font-size: 11px;
}
.unreg-rank li a b{
font-size: 14px;
}
.unreg-rank li a b img{
width: 20%;
vertical-align: bottom;
padding-right: 5px;
}
.unreg-rank li a img{
width: 100%;
display: inline;
}

/* ■■■■ ランキング設定 ■■■■ */
#rank {
width : 100%;
color : #664b33;
background-color : #ffffff;
}

#unreg-menu{
width:100%;
margin-left: 0.5%;
}

#unreg-menu a{
display: block;
text-decoration: none;
text-align: center;
width: 31%;
height: 30px;
padding: 8px 0 0 0;
margin-left: 5px;
float: left;
font-weight : bold;
line-height: 1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

#unreg-menu a span {
    font-size: 14px;
}

.unreg-waku00{
width: 100%;

}
.unreg-sen01 {
border-top :solid 4px #fc9474;
}
.unreg-sen02 {
border-top :solid 4px #ffb914;
}

.unreg-sen03 {
border-top :solid 4px #94EB3E;
}

#unreg-menu1{
background-color: #ed593b;
background-image : -webkit-gradient(linear,left top,left bottom, from(#ed593b), to(#fc9474));
border-top-right-radius : 6px;
border-top-left-radius : 6px;
color: #ffffff;
border: solid 1px #fc9474;
}
#unreg-menu2{
background-color: #ed593b;
background-image : -webkit-gradient(linear,left top,left bottom, from(#ff9305), to(#ffb914));
border-top-right-radius : 6px;
border-top-left-radius : 6px;
color: #ffffff;
border: solid 1px #ffb914;
}
#unreg-menu3{
background-color: #ed593b;
background-image : -webkit-gradient(linear,left top,left bottom, from(#80E12A), to(#94EB3E));
border-top-right-radius : 6px;
border-top-left-radius : 6px;
color: #ffffff;
border: solid 1px #94EB3E;
}

/* ■■■■ 画像部分 ■■■■ */
.unreg-kakoi{
box-sizing: border-box ;
margin: 0 auto;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
display: table;
}
#unreg-section .article1 {
box-sizing: border-box ;
border: solid 1px #cccccc;
padding: 10px 10px 5px;
font-size: 80%;
margin: 0 auto;
}
.unreg-kakoi .article2 {
width: 46%;
font-size: 70%;
padding: 5px ;
border-right: solid 1px #cccccc ;
display: table-cell;
}
.unreg-kakoi .article2:nth-child(3) {
border-right: none;
padding-left: 6px;
}
#unreg-section .article1 a, .unreg-kakoi .article2 a {
display: block;
text-decoration: none;
color: #A0522D;
}
#unreg-section .article1 img{
width: 100%;
margin: 0px 0 5px;
}
.unreg-kakoi .article2 img{
width: 100%;
margin: 0 auto 5px;
vertical-align: middle;
}

/* ■■■■　ボックス　■■■■ */
.unreg-box_1{
background-color: #ffffff;
box-shadow : 0px 0px 3px gray;
 -webkit-box-shadow : 0px 0px 3px #8a8a8a;
overflow : hidden;
height : auto;
width : 88%;
margin-left: auto;
margin-right: auto;
padding :10px 15px 5px 10px;
}
.unreg-box_1 img{
float: left;
margin-right : 10px;
margin-bottom : 5px;
}
.unreg-box_1 a {
position : relative;
display : block;
text-decoration:none;
-webkit-box-sizing : border-box;
}
.unreg-box_1 a:after { /*＞の作成*/
content : "";
position : absolute;
right : -8px;
top : 55px;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #dedede; 
border-right : solid 2px #dedede; 
-webkit-transform : rotate(45deg);
}
.unreg-box_a{
clear : left;
color : #b47551;
font-size : 100%;
}
.unreg-box_b{
clear : left;
color : #b47551;
font-size : 100%;
}

.unreg-box_1 .unreg-box_b img{margin-bottom: 0;}

/* ■■■■ span色設定 ■■■■ */
.red {color : #ff0000;}
.blue {color : #0000ff;}
.yellow {color : #ffff00;}
.orange {color : #ffa500;}
.pink {color : #FF0080;}
.purple {color : #b541f9;}
.lblue {color : #67d7f3;}
.green {color : #7a870b;}
.white {color : #ffffff;}
.black {color : #000000;}
.gray {color : #3a1604;}
.lpurple {color :#d45617;}
.lgreen {color: #596e03 ;}
.lyellow {color: #CC9900;padding: 10px 0;}



/* 20210329 追加分ーーーーーーーーーーーーーーーーーーー */

.mark-thumb-non-50-box{
padding-bottom: 8px;
background-color: #ccc;
font-size: 100%;
} 


.mark-thumb-non-50{
margin: 0;
padding:8px 8px 0  ;
list-style-type: none;
}
.mark-thumb-non-50 a{
  box-sizing: border-box;
color: #464646;
    width: 100%;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    min-height: 56px;
    display: flex;
    align-items: center;
    padding: 12px 8px;
    font-size: 13px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 #ada19d, 0 1px 1px 0 #ada19d;
} 

.mark-thumb-non-50 img{
max-width:60px;
padding-right:8px;    
}

.mark-thumb-non-50{
display:flex;justify-content:space-between;
}

.mark-thumb-non-50 li{
width:49%;
}

@media screen and (max-width:414px){
.mark-thumb-non-50 img{
max-width:40px;
padding-right:8px;  
}
}



@media screen and (min-width:768px){
.mark-thumb-non-50 li{
width:49.5%;
}

} 
/* 20210329 追加分ーーーーーーーーーーーーーーーーーーー */