/* * * * * * * * * * * * * * * * * * * *
 * darling result.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #ffe4e1;
background-color : #4e454a;
background-image : url("/i.cgi?n=/back/01");
}

/* ■■■■ リンク周り ■■■■ */
a:link{color : #dcd3b2;}
a:visited{color : #c0c0c0;}

.bgc1{ background-color:#eae5e3;
 color:#4e454a;}


/* ■■■■ 日付 ■■■■ */
.result_day {
text-align : center;
color : #ffffff;
margin-top : 2px;
}

/* ■■■■ メニュータイトル ■■■■ */
.result_title {
text-align : center;
color : #da81b2;
margin-top : 2px;
font-size : 120%;
}

/* ■■■■ 結果テキスト ■■■■ */
.result_text {
text-align : left;
color : #ffe4e1;
}

/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* 強調するとき用　黄色 */
.st_1 {color : #f8b500;}

/* 強調するとき用　薄い紫 */
.st_2 {color : #e0b5d3;}

/* 強調するとき用　薄いピンク */
.st_3 {color : #da81b2;}

/* 強調するとき用　薄い灰色 */
.st_4 {color : #eae5e3;}

/* 強調するとき用　濃い灰色 */
.st_5 {color : #4e454a;}

/* 強調するとき用　濃いピンク */
.st_6 {color : #d0576b;}

/* 強調するとき用　灰色 */
.st_7 {color : #808080;}

/* 強調するとき用　青紫 */
.st_8 {color : #cc99ff;}

/* 強調するとき用　白 */
.st_9 {color : #ffffff;}

/* 強調するとき用　濃い灰色 */
.st_10 {color : #505050;}

/* 強調するとき用　濃いオレンジ */
.st_11 {color : #FF8C00;}


/* ■■■■ 結果テキスト枠（ブロック） ■■■■ */
.result_text {
margin : 8px 15px 8px 15px;
}

/* ■■■■ 結果テキスト枠（ノート風） ■■■■ */
.result_waku {
margin : 10px;
margin-right : 10px;
margin-left : 10px;
width : 85%;
padding : 10px;
position : relative;
color : #45413c;
background : #ffffff;
background : -webkit-gradient(linear, 100% 100%, 50% 10%, from(#ffffff), to(#f9f6ed), color-stop(.1,#ffffff));
background : -moz-linear-gradient(100% 50%, #ffffff, #ffffff 10%, #f9f6ed);
border : 1px solid #cccccc;
-webkit-box-shadow : 1px 1px 4px rgba(0,0,0, 0.1);
-moz-box-shadow : 1px 1px 4px rgba(0,0,0, 0.1);
box-shadow : 1px 1px 4px rgba(0,0,0, 0.1);
-webkit-border-bottom-right-radius : 60px 5px;
-moz-border-radius-bottomright : 60px 5px;
border-bottom-right-radius : 60px 5px;
}
 
.result_waku:before{
content : '';
width : 98%;
z-index : -1;
height : 100%;
padding : 0 0 1px 0;
position : absolute;
bottom : 0; right:0;
background : #fff;
background : -webkit-gradient(linear, 0% 20%, 0% 92%, from(#ffffff), to(#f9f9f9), color-stop(.1,#ffffff));
background : -moz-linear-gradient(0 0 270deg, #ffffff, #ffffff 10%, #f9f9f9);
border : 1px solid #ccc;
-webkit-box-shadow : 1px 1px 8px rgba(0,0,0, 0.1);
-moz-box-shadow : 1px 1px 8px rgba(0,0,0,0.1);
box-shadow : 1px 1px 8px rgba(0,0,0,0.1);
-webkit-border-bottom-right-radius : 60px 5px;
-moz-border-radius-bottomright : 60px 5px;
border-bottom-right-radius : 60px 5px;
-webkit-transform : skew(2deg,2deg)
translate(3px,8px);
-moz-transform : skew(2deg,2deg)
translate(3px,8px);
-o-transform : skew(2deg,2deg)
translate(3px,8px);
transform : skew(2deg,2deg)
translate(3px,8px);
}
 
.result_waku:after{
content : '';
width : 98%;
z-index : -1;
height : 98%;
padding : 0 0 1px 0;
position : absolute;
bottom : 0; right:0;
background : #fff;
background : -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
background : -moz-linear-gradient(0 0 360deg, #f3f3f3, #fff 10%, #f6f6f6);
border : 1px solid #ccc;
-webkit-box-shadow : 0px 0px 8px rgba(0,0,0, 0.1);
-moz-box-shadow : 0px 0px 8px rgba(0,0,0, 0.1);
box-shadow : 0px 0px 8px rgba(0,0,0, 0.1);
-webkit-transform : skew(2deg,2deg)
translate(-1px,2px);
-moz-transform : skew(2deg,2deg)
translate(-1px,2px) ;
-o-transform : skew(2deg,2deg)
translate(-1px,2px) ;
transform : skew(2deg,2deg)
translate(-1px,2px) ;
}

/* ■■■■ リスト ■■■■ */
.result_list {
border-radius : 8px;
-webkit-border-radius : 8px;
margin : 15px;
padding : 5px;
width : 95%;
text-align : left;
height: auto;
background : #c2c2c2;
margin-left : auto;
margin-right : auto;
border : solid 0px #333333; /*一番外の枠色*/
box-shadow : 2px 2px 2px 0 #333;
-webkit-box-shadow : 2px 2px 2px 0 #333;
list-style : none;
}

.result_list li {
position : relative;
border-bottom : dashed 1px #888888; /*リスト内の区切り線の色*/
height : auto;
}

.result_list li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.result_list li:first-child {
border-top : none;
}

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

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

.result_list a {
color : #000000;
text-decoration : none;
}

/* ■■■■ 戻るボタン ■■■■ */
.result_back {
margin : 15px;
padding : 5px;
border : solid 1px #e6c16b;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #e6c16b;
background : -webkit-gradient(linear, left top, left bottom, from(#fefdfc), to(#e6c16b));

font-size : 100%;
line-height : 28px;
width : 95%;
height : 28px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : 0 1px 1px #e6c16b;
box-shadow : 0px 0px 10px #e6c16b;
-webkit-box-shadow : 0px 0px 5px #e6c16b;
}

.result_back a{
color : #000000;
display : block;
width : auto;
text-decoration : none;
}


/* ■■■■ ページ送り ■■■■ */
.list_page{
text-align : center;
line-height : 35px;
margin : 15px;
font-size : 20px;
letter-spacing : 10px;
-ms-word-wrap : break-word;
word-wrap : break-word;
}

.list_page a{
text-decoration : none;
}

.list_page a:nth-child(5n+1):before {
content:"\A";
}