/***********************
 * marke_link.css           *
 ***********************/
/* marke_link */


.marke_waku {
margin : 5px auto;
width: 100%;
height: auto;
background-color:#aaaaaa; /*背景色*/
color : #000000; /*見出し文字色*/
padding: 0;
font-size: 80%;
text-align : center;
border-radius: 0px;
/* box-shadow : 0 0 2px #666666; */
/* -webkit-box-shadow : 0 0 2px #666666; */
/* box-shadow: 0px 0px 2px 2px #666666; */  
/* -webkit-box-shadow: 0px 0px 2px 2px #666666; */
}

ul.marke_list {
padding : 0;
margin: 0;
}




.marke_waku .main {
width : auto;
height: auto;
background-color : #ffffff; /*枠内背景色*/
color : #000000; /*枠内テキスト色 【無料占い】などが入ってくる可能性があります*/
margin : 0px 0px 0px;
padding: 0px 0;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
box-shadow : 0 0 2px #fdf4d4;
-webkit-box-shadow : 0 0 2px #fdf4d4;
}
.marke_waku .main a{
text-decoration:none;
}

/* pattern1 */

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

/* pattern2 */

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

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

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

.marke_list li:last-child {
border-bottom: solid 1px #e8e8e8;
}

.marke_list li:hover {background :#fcfcfc;}

.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 2px #ccc; /*右端　>　の色*/
border-right : solid 2px #ccc; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

/* pattern3 */

.marke_box{
border:0;
border-bottom: solid 1px #e8e8e8;
border-right: 0;
border-left: 0;
width:100%;
border-radius: 0;
height:auto;
margin: 0px auto 0px;
padding: 10px;
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: box;
-webkit-box-sizing : border-box;
}

.box1 {
width: 60px;
margin-right:10px;
}
.box1 img{
width: 100%;
}

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

.box2 span {
	float: right;
	display: block;
	font-size: 80%;
	color: #d1d1d1;
	font-weight: bold;
}

.box2 span:first-child {
float: left;
color: #FFA135;
font-size: 80%;
font-weight: normal;
}

.box2 span:last-child {
	clear: both;
	font-size: 100%;
	margin-top: 5px;
	color: #959595;
        float:left;
}

/* pattern4 */

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

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

p.marke_banner03 {
width: 90%;
max-width:320px;
margin: 10px auto;
border: 0;
}

p.marke_banner03 img {
	width: 100%;
	border: 0;
}


/* 補助 */

.marke_waku hr {
    border: 0;
    height: 1px;
    background: #a0a0a0;
    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;
}

.link_textLink {
	color:#d1d1d1;
	font-size: 80%;
	display: block;
	font-weight: bold;
	margin-top: 3px;
}

.marke_list_2 {
	width: 90%;
	margin: 0 auto 10px;
	padding: 0;
}

.marke_list_2 li {
	width: 47.5%;
	margin-right:5%;
	float: left;
	list-style-type: none;
}

.marke_list_2 li:last-child {
	margin-right:0;
}

.marke_list_2 .listImg img {
	width: 100%;
}

.marke_list_2 .listText {
text-align: left;
color: #959595;
margin: 2px 0 10px;
font-size: 88%;
}

.marke_title {
	padding:5px 0;
	background: #c3c3c3; /*タイトルのバックグラウンド*/
	color: #000000;　/*タイトルの文字色*/
}

/*clearfix*/
.marke_list_2:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}

.marke_list_2 {display: inline-block;position: relative;} 

/* Hides from IE Mac \*/
.marke_list_2 {height: 1%;}
.marke_list_2 {display:block;}
/* End Hack */
/*clearfix*/


/* オーバーレイ */
/* marke_over */
#marke_over_blank{height : 35px;}
#marke_over_android{
width: 100%;
background: rgba(68,34,0,0.9);
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 : #fff;
-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(68,34,0,0.9);
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 : #fff;
-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;
    color : #7b6249;
}

.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 #7b6249;
	border-left:1px solid #7b6249;
background : #7b6249;
box-shadow:1px 1px 2px #000;
    color:#fff;
    font-size:15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

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

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