@charset "UTF-8";
/* CSS Document */

/** reset **/
body{margin:0;padding:0;text-align:center;}dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}ul li, ol li{list-style:none;}
address, cite, dfn, em, strong, var, th, ins, del, samp {
  font-weight: normal;
  font-style: normal;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
img { border:none; }




#wrapper {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.yahHeader { background:#fff; height:50px;}
.yahHeader .inner { width:900px; margin:0 auto;}
.y_logo { margin-top:7px; float:left;}
.yahHeader ul { float:right;padding-top:20px;}
.yahHeader li { float:left;}

#contents { text-align:left;}
#contents h2 { margin:17px 0 20px 0;}


/*--------------- #contents .header ---------------*/
#contents .header { background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/head_bottom_img.png) repeat-x top center; height:560px; position:relative; w}
#contents .header .headerTopDeco { background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/head_top_img.png) repeat-x top center; height:153px; position:absolute; top:0; left:0; width:100%;}
.header .headerInner { width:950px; margin:0 auto; position:relative;}
.header .headerInner h1 { padding:25px 0 25px 10px;}
.header .headerInner p { color:#090909; font-size:107%; }

.header .headerInner .storeLinkBox { background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150728/head_store_btn_bg.png) no-repeat; width:415px; height:230px; padding:20px 30px 10px; margin-top:28px;}
.header .headerInner .storeLinkBox li { height:100px;}
.header .headerInner .storeLinkBox li:first-child { margin-bottom:20px;}
.header .headerInner .storeLinkBox dt { font-size:107%; float:left; text-align:center; line-height:1.2em; margin-top:9px; padding-top:10px;}
.header .headerInner .storeLinkBox dt span { font-size:69%; display:block; line-height:1.4em;}
.header .headerInner .storeLinkBox dd { float:left; margin-left:20px;}
.header .headerInner .storeLinkBox dd.btn { margin-top:9px; padding-top:10px;}
.header .headerInner .appImg { position:absolute; top:0; right:-65px;}


/*--------------- #contents .widget ---------------*/
#contents .widget { width:950px; margin:0 auto; position:relative;}
.widget .newIcon { float:left; margin-right:10px;}
.widget .secCatchCopy { margin-top:70px;}
.widget .secCatchCopy p { padding-top:15px;}
.widget .explanation p { padding-bottom:35px; font-size:113%;}
.widget .demoSlide {
	background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/widget_demo_smp.png) no-repeat;
	width:307px;
	height:369px;
	position:absolute;
	bottom:0;
	right:0;
}
.widget .demoSlide .inner {
	width: 277px;
	position: absolute;
	bottom: -7px;
	*bottom:-10px;
	left: 14px;
	overflow-x: hidden;
}
.widget .demoSlide .inner ul.list {
	width:1108px;
}
.widget .demoSlide li {
	float:left;
}
.widget .demoSlide .slidePosi {
	position:absolute;
	bottom:10px;
	left:112px;	
}
.widget .demoSlide .slidePosi span a {
	width:10px;
	height:10px;
	color:#666666;
	font-size:10px;
	text-decoration:none;
}
.widget .demoSlide .slidePosi span.current a {
	color:#8c58a3;
}



/*--------------- #contents .getters ---------------*/
#contents .getters {
	background: url(https://s.yimg.jp/images/fortune/app/promo/pc/img/161222/pc-02.jpg) bottom center no-repeat;
	margin:0 auto;
	padding-top:25px;
	width:100%;
}

.getters .gettersInner {
	width:950px;
	margin:0 auto;
	padding-top:25px;
	position:relative;
}

.getters .gettersInner .iida {
	bottom: -15px;
	position: absolute;
	right: 185px;
}

.getters .newIcon { float:left; margin-right:10px;}
.getters .secCatchCopy p { padding-top:15px;}
.getters .explanation p { padding-bottom:35px; font-size:113%;}
.getters .explanation p:last-child { font-size:85%;}


/*--------------- #contents .omikuji ---------------*/
#contents .omikuji { background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/omikuji_bg.png) repeat-x;}
.omikuji .omikujiInner { width:950px; height:400px; margin:0 auto; position:relative;}
.omikuji .omikujiInner .floatR { width:575px; margin-top:70px; float:right;}
.omikuji .omikujiInner .floatR p { font-size:113%;}
.omikuji .omikujiInner .appImg { position:absolute; bottom:0; left:20px;}
.omikuji .omikujiInner .hitsuji { position:absolute; right:0; bottom:-10px;}


/*--------------- #contents .astro ---------------*/
#contents .astro { width:950px; height:553px; margin:0 auto; position:relative; }
#contents .astro h2 { margin:30px 0 20px 0; }
.astro .floatL { width:405px; float:left; margin-top:70px; }
.astro .floatL .explanation p { padding-top:15px;}
.astro .floatR { padding:40px 20px 0 0; float:right; }
.astro .floatR img { margin-left:13px; float:left; }
.astro .astroDeco {
	background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/seiza_bg.png) no-repeat;
	height:553px;	
	width:879px;
	position:absolute;
	top:0;
	left:-500px;
	z-index:-1;
}


/*--------------- #contents .ochibi ---------------*/
#contents .ochibi { background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/ochibi_bg.png) repeat-x; height:541px; }
.ochibi .ochibiInner { width:950px; margin:0 auto; position:relative; }
.ochibi .ochibiInner .appImg { float:left; margin:40px 30px 0 0; }
.ochibi .ochibiInner .textBox { float:left; margin-top:60px; }
.ochibi .ochibiInner .textBox p { padding-top:20px;}
.ochibi .ochibiInner .textBox .profile {
	background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/ochibi_author_bg.png) no-repeat;
	width:606px;
	height:70px;
	margin-top:80px;
	padding:20px 25px;
	font-size:88%;	
	line-height:1.7em;
	position:relative;
}
.ochibi .ochibiInner .textBox .profile img { position:absolute; bottom:10px; right:25px; }
.ochibi .ochibiInner .card { position:absolute; top:-22px; right:-45px; }


/*--------------- #contents .other ---------------*/
#contents .other { width:950px; margin:0 auto; padding:50px 0 0; }
.other ul { margin-top:28px; font-size:88%; }
.other li {
	background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/other_bg.png) no-repeat;
	width:261px;
	height:391px;
	float:left;
	margin-left:23px;
	padding:0 20px;
	position:relative;
}
.other li:first-child { margin-left:0; }
.other li h3 { text-align:center; margin:30px 0 25px 0; }
.other li span { position:absolute; bottom:25px; left:23px; }


/*--------------- .download ---------------*/
#contents .download {
	background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/download_bg.png) no-repeat;
	width:950px;
	height:100px;
	margin:35px auto;
}
.download li:first-child { margin-left:65px;}
.download li { margin-left:45px;}
.download li, .download dt, .download dd { float:left; }
.download dt { width:100px; text-align:center; line-height:1.2em; padding-top:23px; }
.download dt span { font-size:69%; line-height:1.1em; }
.download dd { padding-top:10px; margin-left:20px; }
.download dd.btn { padding-top:20px; }


/*--------------- .introduce ---------------*/
#contents .introduce {
	background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/introduce_bg.png) repeat-x;
	height:400px;
}
.introduce .introduceInner { width:950px; margin:0 auto; padding:40px 0 50px 0; }
.introduce .introduceInner ul { margin:20px 0; }
.introduce .introduceInner li {
	background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150525/introduce_li_bg.png) no-repeat;
	width:466px;
	height:121px;
	margin:0 18px 15px 0;
	float:left;
}
.introduce .introduceInner li .inner { padding:15px; }
.introduce .introduceInner li.right { margin:0 0 15px 0; }
.introduce .introduceInner li a { display:block; height:121px; }
.introduce .introduceInner li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
}
.introduce .introduceInner li .icon { float:left; margin-right:8px; }
.introduce .introduceInner li .iconText {
	float:left;
	width:360px;
	height:80px;
	color:#000000;
}
.introduce .introduceInner li .iconText h4 { font-size:113%; color:#016ea2; }
.introduce .introduceInner li .iconText span { font-size:88%; }
.introduce .introduceInner li .iconText p { font-size:88%; line-height:1.3em; }


/*--------------- .attention ---------------*/
.attention{ width:654px; margin:45px auto 25px; padding:18px; text-align:left; }
.attention h4{ margin-bottom:5px; font-weight:bold; font-size:88%; }
.attention li{ font-size:63%; }


/*--------------- #footer ---------------*/
#footer {
	font-size:13px;	
	padding:20px 0;
	border-top:1px solid #999999;
}/*--------------- /#footer ---------------*/



/*--------------- #contents .free_shindan---------------*/
.free_shindan .newIcon { float:left; margin-right:10px;}
.free_shindan .secCatchCopy { margin-top:70px;}
.free_shindan .secCatchCopy p { padding-top:15px;}

#contents .free_shindan { background:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150728/sindan_bg.jpg) repeat; }
.free_shindan .free_shindanInner { width:950px; height:500px; margin:0 auto; position:relative;}
.free_shindan .free_shindanInner .floatR { width:575px; float:right;}
.free_shindan .free_shindanInner .floatR p { font-size:113%;}
.free_shindan .free_shindanInner .appImg { position:absolute; bottom:0; left:40px;}
.free_shindan .free_shindanInner .hitsuji { position:absolute; right:0; bottom:-10px;}
.newIcon{
	float:left;
}
.newtitle{
	padding-top:15px;
	padding-left:10px;
	float:left;
	width:153px;
}

.contentsImg{
	width:100%;
	height:100%;
	background-image:url(https://s.yimg.jp/images/fortune/app/promo/pc/img/150728/daily_contents.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

/*--20161222--*/
.kantanBox { background-image: url(https://s.yimg.jp/images/fortune/app/promo/pc/img/161222/kantan_pc.jpg);
		background-repeat:no-repeat;
	width: 950px;
	height: 190px;
	display: block;
	margin: 0 auto;
}
p.kantanTxt{width:620px; padding-top: 90px; padding-left: 20px; font-size: 88%;}
p.kantanTxt a{ color:blue; margin-top: 10px; display: block;}