/* * * * * * * * * * * * * * * * * * * *
 * yumelog custom.css
 * * * * * * * * * * * * * * * * * * * */

/* 薄紫 #754A85
 濃紺 #080026
 薄紺 #18083A
 黄 #D6AC0E
 茶・ベージュ #A18240*/

ul,ol,li {
	list-style:none;
}

/* ■■■■ body設定 ■■■■ */
body {
color : #ffffff;
background-color : #0d012a;
line-height: 1.6;
}

.box_wrapper {
	padding: 0 20px;
}

input::-webkit-input-placeholder,
input:-moz-placeholder {
	color: #999;
}

/* ■■■■ リンク周り ■■■■ */
a {
	text-decoration: none;
}
a:link{color : #A066A0;}
a:visited{color : #A066A0;}

a.link_text {
	text-decoration:none;
}
a.link_text::after {
	content:'';
	display:inline-block;
	width: 10px;
	height: 10px;
	border-top: 3px solid #A066A0;
	border-right: 3px solid #A066A0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

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

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

/* 強調するとき用　黒 */
.st_3 {color : #000000;}

.st_4 {color : #ff3366;}
.st_5 {color : #3366ff;}
.st_6 {color : #ffe600;}
.st_7 {color : #003dba;}
.st_8 {color : #a066a0;}
.st_9 {color : #336699;}
.st_10 {color : #fafafa;}
.st_11 {color : #0d012a;}
.st_12 {color : #ff9900;}
.st_13 {color : #6699ff;}
.st_14 {color : #ff6600;}
.st_15 {color : #d3073c;}
.st_16 {color : #ff6699;}
.st_17 {color : #FF6633;}

.st_bold {
	font-weight: bold;
}

/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #454d5a;
background : -webkit-gradient(linear, left top, left bottom, from(#454d5a), to(#454d5a));
font-size : 0;
line-height : 0;
width : 100%;
height : 1px;
margin : 10px auto;
}



/* ■■■■ マーキー設定 ■■■■ */
#marquee {
border : none;
background-color : #000d42;
color : #6a87ff;
width : 100%;
overflow : hidden;
overflow : -webkit-marquee;
display : -wap-marquee;
-wap-marquee-loop : infinite;
white-space : nowrap;
}



/* ■■■■ TOPに戻る ■■■■ */
#box_top {
	margin-top:20px;
	padding:20px 0;
	border-top:1px dotted #666;
}
#box_top a {
	display :inline-block;
}



/* ■■■■ 登録する ■■■■ */
.box_reg {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #f30101;
background : -webkit-gradient(linear, left top, left bottom, from(#fff6dd), to(#f30101));

font-size : 150%;
line-height : 30px;
width : 60%;
height : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

.box_reg a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}



/* ■■■■ 角丸ボックス　影つき ■■■■ */
.box_tokubetu {
padding : 5px;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 10px #000000;
border : solid 3px #f76700;
border-radius : 10px;
-webkit-border-radius : 10px;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.waku {
border : solid 1px #ffffff; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}



/* ■■■■ 汎用リスト01 ■■■■ */
.list_01 {
border-radius : 10px;
-webkit-border-radius : 10px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.list_01 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
overflow : hidden;
}

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

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

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



/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン ■■■■ */
.list_02 {
width : 100%;
list-style : none;
}

.list_02 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : auto;
}
.list_02 li:last-child {
border-bottom : 0;
}

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

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

.list_02.line {
border-top: solid 1px #cccccc; /*一番外の枠色*/
}
.list_02.line li:last-child {
border-bottom : solid 1px #dddddd;
}

/* ■■■■ わーど検索 ■■■■ */
form.search_dictionary {
	margin-bottom: 30px;
}
form.search_dictionary input[name="word"],
form.search_dictionary input[name="line_1"] {
	margin: 3px auto 8px;
	padding:8px 4px;
	border: none;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	display: block;
	width: 100%;
	line-height: 1;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(0,0,0,0.4) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(0,0,0,0.4) 0 1px 1px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(0,0,0,0.4) 0 1px 1px;
	font-size: 1.2rem;
}
form.search_dictionary input[type="submit"] {
	margin: 0 auto 10px;
	padding: 8px 20px 8px 30px;
	border: 1px solid #833D90;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	display: block;
	width: 6em;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
	        box-shadow: 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
	background: #A066A0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAC7ElEQVR4nO1awbHjIAx1BykhJaSElJASUkJKSAkpIXcuOdl+nFyCS0gJLmH38OGPP19gYyPEZnkzXDIZS3pIQgI1TUVFRSoAuAB4ABi01pPW+g+1AAzmfxdpnXejbdsjgGfI4IU1AXi2bXuUtiUKM8O3GO3zjNc/QYTW+p7ScGLdpW0koZQ6mPhecumX1voO4NJ13dkuABfz+2spZAAMSqmDtM3faNv2qLUeQwr3fX+N+Wbf99cFQkcAJy6bVkMpdQjs2Nh13XnP97uuOwfInUTzgjHep1zSWA3kllEsHEy8/lIq1t3Xou/7K+VtAF4c8tYoQ8U7a1wCOHlIuHHK/QFf3HPtvAsP+VO2UKDiEcAji3ADAA8RHajdB/DOnYhM3fF2SWDXA8BNyvVdUKHAngvcYw/Am1XgAlwvYNXHVHxy2ZcA5ZFsxRHlctIdWtZNITLvyCIoEkRYPlkEuc0Jm6BIuBsDYGARRNT9RfTmbl3ClghLOf5cmLuEH7qxCHKF7G11U8G0zPkJKOXmNhsBROlZZA7QWk8sgohTIGsD5EO2U4C46i6iDsh2PFNlp/TtrOlOs1WCp9KOQk9HyHcrRSRC0TAg3J+3OyUyrlg9QB1/7ImZ6r6kvIAozfN0p56Hz6w1AZWQszVnHi9gvxK3oJJxtt23oHKB/nr8FHkXEKlKqRjkJCFgvMxJZEKBUmhKXR/4nsW09ANpYFeSTHWYaRPyDdLKSGXLZoRIsNk5loiYMRsAT/NQ8hSbKTIkeIckbKzaCTA3TwA42UmyFd+h1nwD2JMxCbsLG5RfvdaM0IiS0DRfJSr1brfT8LctuZdCbu5xot3qijmfNYaT80VUH1AkCU3zndBuS1OiM9cdANxCySwyT8iTMIdS6jAfkbMrRskN3lQWCXsR6QGfR8LChFoloZJQSagkVBIqCXGriHfOJNhCgvQDT3LEkFDKqE9yrCHhY423CJHw8cZbUCT8N8ZbzEkoZbCjoqJw/AUxTI+82DMJIwAAAABJRU5ErkJggg==) no-repeat;
	background-origin: content-box;
	-webkit-background-size: contain;
	        background-size: contain;
	color: #ccc;
	font-size: 18px;
	-webkit-transition: background-color .5s ease;
	   -moz-transition: background-color .5s ease;
	        transition: background-color .5s ease;
}
form.search_dictionary input[type="submit"]:hover {
	background-color: #833D90;
}

/* ■■■■ ボタン ■■■■ */
.buttonBox {
 margin-bottom: 30px;
 display:table;
 table-layout: fixed;
 border-spacing: 5px;
 width: 100%;
}
.buttonBox a {
 padding: 8px 4px;
 -webkit-border-radius: 4px;
     	 border-radius: 4px;
 display:table-cell;
 color: #fffdf8;
 text-align: center;
}
.buttonBox a.colorYellow {
 background: #D6AC0E;
}
.buttonBox a.colorPurple {
 background: #754A85;
}


/* ■■■■ ランキング表 ■■■■ */
.tableRanking {
	width: 100%;
}
.tableRanking tr {
	background-color: #26134E;
}
.tableRanking tr:nth-child(even) {
	background-color: #18083A;
}
.tableRanking td,
.tableRanking th {
	padding: 8px;
	border-bottom: 1px solid #080026;
}
.tableRanking th {
	width: 3em;
	font-weight: normal;
	text-align: right;
}
.tableRanking td {
}

/* 夢辞典検索結果 */
ul.resultList li a {
	padding:6px 0 6px 1.5em;
	display:block;
	line-height: 1.4;
	background:url(/i.cgi?n=02/icon/05) no-repeat 0 .4em;
	-webkit-background-size: 1.2em auto;
			background-size: 1.2em auto;
}
ul.resultList li a span {
	font-size: .75em;
	color: #A18240;
}

/* ■■■■対応機種のお知らせ(2015/07/27追加)■■■■ */
.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%;
}

/* ■■■■電話占いのお知らせ(2016/11/11追加)■■■■ */

.tokubetsu_c {
display: block;
text-decoration: none;
margin: 0 0 50px;;
padding: 10px;
text-align: left;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #332b3a), color-stop(1.00, #221a2b), color-stop(0.00, #583b6d), color-stop(0.00,  #170d1f));
background: -webkit-linear-gradient(top, #332b3a 0%, #221a2b 0%, #583b6d 100%, #170d1f 100%);
background: -moz-linear-gradient(top, #332b3a 0%, #221a2b 0%, #583b6d 100%,  #170d1f 100%);
background: -ms-linear-gradient(top,#332b3a 0%, #221a2b 0%, #583b6d 100%,  #170d1f 100%);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 5px rgb(55, 83, 91);
box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 5px rgb(55, 83, 91);
}

.ma02 a {
margin: -1px 10px 20px 10px;
text-align: center;
color: #fefefe;
}


.ma02 {
display: inline-block;
width: 100%;
}

.tel {
    margin: 20px 10px 0px 10px;
    border: solid 1px #1B3A49;
    padding: 15px 0px 0px 0px;
    border-bottom: none;
}

.tel_p {
text-align: center;
font-weight: bold;
padding-bottom: 10px;
}