@charset "utf-8";

body{
	font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "Hiragino Sans", "Yu Gothic Medium", Meiryo, sans-serif;
background-image: linear-gradient(-225deg, #57DDD6 0%, #C5C1FF 56%, #FFBAC3 100%);
}

img{
max-width:auto;
max-width:100%;
vertical-align:top;
pointer-events: none; 
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
}

figure,h2{
margin:0;
padding:0;
}
a{
text-decoration: none;
}


/* ヘッダー */
header{
margin:0;
padding:.5rem 1rem;
background:#ffffff;
}

header h1{
margin:0 auto;
max-width:760px;
}
header h1 a{display:block;}

header h3{
margin:.5rem auto;
text-align: center;
}

header h3 span{
background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);
padding:.5rem 1rem;
display:inline-block;
border-radius: 50vh;
}

/* レイアウト */

.container{
margin:0 auto;
padding: 1em;
}

.container p{
margin: 0 auto;
padding: 0;
}


/* トップぺージ */

.rank-list{
margin:0 auto;
padding:0;
max-width:900px;
box-sizing: border-box;
}

.rank-list ol{
margin:0;
padding:1em 0;
list-style:none;
box-sizing: border-box;
}
.rank-list li{
margin-bottom:1em;
background: #ffffff;
border-radius: 21px;
box-sizing: border-box;
font-size:14px;
}


.rank-list a {
padding:.5em;
color:#333;
}

a.rank-inner{
display: flex;
align-items: center;
}

.seiza-img{width:40%;order: 1;padding:.5em;}
.seiza-item{width:60%;padding:0 1em;order: 2;}

.rank{
padding:.5em 0;
margin-bottom:.5em;
font-weight:700;
font-size:18px;
}
.rank .circle{
margin-right:.5em;
padding:0;
background: #22D7E0;
color:#fff;
width: 50px;
height: 50px;
display: inline-block;
border-radius: 50%;
line-height: 50px;
text-align: center;
font-size:18px;
}

/*.sougou-lank img{max-width:120px;}*/
.sougou-lank{font-weight:700;}

.rank-inner p {text-align: left;}

.rank-inner p.sougou {
margin-top:.5em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}



@media print, screen and (min-width:769px) {
.rank-list li{font-size:1.05em;}
.seiza-img{width:20%;}
.seiza-item{width:80%;}
.rank{font-size:1.25em;}
.sougou-lank{font-size:1.05em;}
}


/* 個別ページ */
.uranai-main{
margin:0 auto;
padding:1em;
max-width:900px;
}

.daily-inbox{
margin:2em auto;
padding:1em;
background: #ffffff;
border-radius: 21px;
box-sizing: border-box;
}

.daily-inbox-top{
text-align: center;
}

.daily-inbox-top .seiza-img{
width: 60%;
margin:0 20%;
}

.daily-inbox-top .sougou{
margin:1em auto;
}

.daily-inbox-top .onepoint{
/*
margin:1em 0 0 0;
padding: 60px 0 0 0;
background: url(/uranai/img/onepoint.png) no-repeat center top;
text-align: left;
*/
display:none;}

.daily-inbox-top .seiza-item{
padding:0;
width: 100%;
}

.daily-inbox-item{
margin:1em auto 0 auto;
padding:0;
}

.daily-inbox-item ul{
margin:0;
padding:1em;
list-style:none;
border:3px dotted #FFC200;
border-radius: 10px;
}

.daily-inbox-item h3{
margin:0;
padding:0;
text-align: center;
}
.daily-inbox-item h4{
margin:.5em 0;
padding: 0 0 0 25px;
background-image: url(/uranai/img/item.png);
background-position: left center;
background-size: 20px 20px;
background-repeat: no-repeat;
color:#333;
}

.daily-inbox-un{
padding:1em 0;
}
.daily-inbox-un h4{
margin:1.5em 0 .5em 0;
padding: .6em 1em;
background:#ECD3F2;
border-radius: 10px;
}


@media print, screen and (min-width:769px) {
.uranai-main{
font-size:1.1em;
}
.daily-inbox-top{
margin:.5em auto;
max-width:600px;
display: flex;
align-items: center;
text-align: left;
}
.daily-inbox-top .seiza-img{margin:0;}
.daily-inbox-top .seiza-item{max-width:320px;margin-left:20px;}
.daily-inbox-item ul{display: flex;-ms-flex-wrap : wrap;flex-wrap: wrap;}
.daily-inbox-item li{width:50%;}


}


/* リンクボタン */

.button a {
display: flex;
justify-content: space-between;
align-items: center;
margin: 1em auto;
padding: .6em 1.5em;
width: 200px;
color: #333;
font-size: 16px;
font-weight: 700;
background-color: #ffffff;
box-shadow: 0 5px 0 #e79df0;
transition: 0.3s;
border-radius: 50vh;
}

.button a::after {
content: '';
width: 5px;
height: 5px;
border-top: 3px solid #333333;
border-right: 3px solid #333333;
transform: rotate(45deg);
}

.button a:hover {
transform: translateY(3px);
text-decoration: none;
box-shadow: 0 2px 0 #e79df0;
}



.button_asu a {
display: flex;
align-items: center;
margin: 1em auto;
padding: .6em 1.5em;
width: 235px;
color: #333;
font-size: 16px;
font-weight: 700;
background-color: #ffffff;
box-shadow: 0 5px 0 #e79df0;
transition: 0.3s;
border-radius: 50vh;
}

.button_asu a::before {
content: '';
margin-right: 2em;
width: 5px;
height: 5px;
border-bottom: 3px solid #333333;
border-left: 3px solid #333333;
transform: rotate(45deg);
}

.button_asu a:hover {
transform: translateY(3px);
text-decoration: none;
box-shadow: 0 2px 0 #e79df0;
}


@media print, screen and (min-width:769px) {
.button a {width: 240px;font-size: 18px;}
.button_asu a {width: 240px;font-size: 18px;}
}


/* 提供 */
.teikyou{
margin: 0 auto;
padding: 0;
text-align: right;
font-size:.9em;
}



/*footer*/
.footer{
	margin: 0;
    padding: 1rem 0;
    margin-bottom: 70px;
    text-align: center;
    justify-content: center;
}
.copyright{
padding: .2rem;
font-size: .75rem;
}