@font-face {
    font-family:'HonokaMaruGo';
    src:url('./font/HonokaMaruGo.woff2') format('woff2'), url('./font/HonokaMaruGo.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{
	font-family:'メイリオ', Meiryo, YuGothic, "Yu Gothic medium", "Hiragino Sans", "sans-serif";
	font-size:10px; line-height:1.5; font-weight:500;
}
body{ -webkit-text-size-adjust:100%; }
body *,
body p{ max-width:999999px; }
img{ vertical-align:top; }
a{ color:#E50011; }


#header h1.logo a{
	display:block; background:url("./img/logo.gif") no-repeat center/auto 100%;
	font-size:0; line-height:0; text-decoration:-9999px;
}

.m01 #header .description{
	text-align:center; overflow:hidden;
}
#header .description h2{
	position:relative; z-index:1;
	font-size:0; line-height:0; text-decoration:-9999px;
}
.m01 #header .description .text{}
#header .description .days{
	display:flex; justify-content:center; align-items:center;
	font-family:"リュウミン M-KL", YuMincho, 'Yu Mincho', "游明朝体",  'YuMincho',"ＭＳ 明朝", "MS Mincho"; text-align:center;
	color:#000000; margin:0 auto;
}

/* pc */
@media (min-width: 750px){
	.sp{ display:none; }
	.inner{ width:720px; margin:0 auto; }
	
	#header{ margin-bottom:0; }
	#header h1.logo{ width:360px; margin:0 auto; }
	#header h1.logo a{ height:65px; }
	#header .description h2{
		background:url("./img/ttl.png") no-repeat center top;
		height:274px; margin:0 auto;
	}
	.m01 #header .description h2{
		background:url("./img/01/ttl_sub.png") no-repeat center top;
	}
	body.m01 #header .description{
		border-top:1px solid #9F9B8F;
	}
	body:not(.m01) #header .description{
		border-top:2px solid #ff6d7a;
	}
	body.m01.top #header .description h2{
		background:url("./img/01/ttl.png") no-repeat center;
		height:290px;
	}
	body.m01.top #header .description .text{
		font-size:2.2rem; line-height:1.75; letter-spacing:0.1em; margin-bottom:30px;
	}
	body:not(.m01) #header .description .text {
		font-size:2.4rem; line-height:1.75; text-align:center;
		letter-spacing:0.075em; margin-bottom:60px;
	}
	
	#header .description .days{ font-size:5.0rem; width:380px; height:77px; border-top:1px solid #000000; border-bottom:1px solid #000000; }
}

/* sp */
@media (max-width: 749px){
	.pc{ display:none; }
	
	#header .description{ border-top:1px solid #9F9B8F; }
	body.top:not(.m01) #header .description{ border-top:1px solid #ff6d7a; }
	body:not(.top):not(.m01) #header .description{ border-top:1px solid #ff6d7a; }
	#header h1.logo{ width:150px; margin:0 auto; }
	#header h1.logo a{ height:44px; }
	body:not(.top).m01 #header .description{ border-bottom:1px solid #9F9B8F; }
	body:not(.top) #header .description h2{
		background:url("./img/ttl_sp.png") no-repeat top/100% auto;
		max-width:375px; height:212px; margin:0 auto;
	}
	.m01 #header .description h2{
		background:url("./img/01/ttl_sub_sp.png") no-repeat top/100% auto;
	}
	body:not(.top) #header .description .text{
		font-size:1.4rem; line-height:1.79; font-weight:bold; text-align:center; letter-spacing:0.075em;
		padding:0 15px;
	}
	body.top.m01 #header .description h2{
		background:url("./img/01/ttl_sp.png") no-repeat center/100%;
		max-width:375px; margin:0 auto;
	}
	body.top.m01 #header .description h2::before{ display:block; content:""; padding-top:calc(100% * 431 / 750); }
	body.top:not(.m01) #header .description h2{
		background:url("./img/ttl_sp.png") no-repeat center/100%;
		max-width:375px; margin:0 auto;
	}
	body.top:not(.m01) #header .description h2::before{ display:block; content:""; padding-top:calc(100% * 416 / 750); }
	body.top #header .description .text{
		font-size:1.2rem; line-height:1.79; text-align:center;
		padding:0 15px 20px;
	}
	
	#header .description .days{ font-size:2.5rem; width:190px; height:40px; border-top:1px solid #000000; border-bottom:1px solid #000000; }
}

.read{}
.read h3{ text-align:center; }

/* pc */
@media (min-width: 750px){
	.read{ margin-bottom:90px; }
	.read h3{ margin-bottom:45px; }
	.read p{ font-size:2.4rem; line-height:1.83; padding:0 45px; }
}
/* sp */
@media (max-width: 749px){
	.read{ max-width:350px; margin:0 auto 50px; }
	.read p{ font-size:1.3rem; line-height:1.85; padding:0 20px; }
}

.page{}
.page .thum{ font-size:0; line-height:0; background-repeat:no-repeat; background-size:cover; background-position:center; }
.page .thum::before{ display:block; content:""; }
.page .t1{ font-family:'HonokaMaruGo'; color:#FF6774; text-align:center; }
.page .info>div{ display:flex; align-items:center; justify-content:space-between; width:100%; }
.page .info h4{ font-family:'HonokaMaruGo','新丸ゴ R', 'Shin Maru Go Regular'; color:#FF6774; }
.page .info .btns a{ display:block; font-size:0; line-height:0; }
.page .info .btns a:hover{ opacity:0.6; }

/* pc */
@media (min-width: 750px){
	.page{ padding:0 10px 95px; }
	.page .thum{ max-width:620px; margin:0 auto; }
	.page .thum::before{ padding-top:calc(100% * 310 / 620); }
	.page .aries      { background-image:url("./img/page/01.png"); }
	.page .taurus     { background-image:url("./img/page/02.png"); }
	.page .gemini     { background-image:url("./img/page/03.png"); }
	.page .cancer     { background-image:url("./img/page/04.png"); }
	.page .leo        { background-image:url("./img/page/05.png"); }
	.page .virgo      { background-image:url("./img/page/06.png"); }
	.page .libra      { background-image:url("./img/page/07.png"); }
	.page .scorpio    { background-image:url("./img/page/08.png"); }
	.page .sagittarius{ background-image:url("./img/page/09.png"); }
	.page .capricorn  { background-image:url("./img/page/10.png"); }
	.page .aquarius   { background-image:url("./img/page/11.png"); }
	.page .pisces     { background-image:url("./img/page/12.png"); }
	
	.page .t1{ padding:0; font-size:4.0rem; line-height:1.2; letter-spacing:0.100em; text-align:center; margin-bottom:20px; }
	.page .t2{ padding:0 60px; font-size:2.6rem; line-height:1.6; letter-spacing:0.075em; margin-bottom:60px; }
	
	.page .info{ border-top:1px solid #9F9B8F; }
	.page .info>div{ border-bottom:1px solid #9F9B8F; }
	.page .info>div>*:nth-child(1){ padding:40px 10px 35px 45px; }
	.page .info>div>*:nth-child(2){ padding:20px 0; }
	.page .info .item img{ width:200px; }
	.page .info h4{ margin-bottom:25px; font-size:4.2rem; line-height:1.2; }
	.page .info p{ font-size:2.2rem; line-height:1.82; }
	.page .info .btns{ margin-top:30px; }
	.page .info .btns a{ width:289px; height:47px; background:url("./img/page/btns.png"); }
}
/* sp */
@media (max-width: 749px){
	.page{ padding:0 10px 40px; }
	.page .thum{ max-width:325px; margin:0 auto 0; }
	.page .thum::before{ padding-top:calc(100% * 390 / 650); }
	.page .aries      { background-image:url("./img/page/sp/01.png"); }
	.page .taurus     { background-image:url("./img/page/sp/02.png"); }
	.page .gemini     { background-image:url("./img/page/sp/03.png"); }
	.page .cancer     { background-image:url("./img/page/sp/04.png"); }
	.page .leo        { background-image:url("./img/page/sp/05.png"); }
	.page .virgo      { background-image:url("./img/page/sp/06.png"); }
	.page .libra      { background-image:url("./img/page/sp/07.png"); }
	.page .scorpio    { background-image:url("./img/page/sp/08.png"); }
	.page .sagittarius{ background-image:url("./img/page/sp/09.png"); }
	.page .capricorn  { background-image:url("./img/page/sp/10.png"); }
	.page .aquarius   { background-image:url("./img/page/sp/11.png"); }
	.page .pisces     { background-image:url("./img/page/sp/12.png"); }
	
	.page .t1{ font-size:2.2rem; line-height:1.2; text-align:center; margin-bottom:10px; }
	.page .t2{ padding:0 20px; font-size:1.6rem; line-height:1.6; margin-bottom:35px; }
	
	.page .info{ border-top:1px solid #9F9B8F; }
	.page .info>div{ border-bottom:1px solid #9F9B8F; }
	.page .info>div>*:nth-child(1){ padding:20px 10px 15px 20px; }
	.page .info>div>*:nth-child(2){ padding:10px 0; }
	.page .info .item img{ width:120px; }
	.page .info h4{ margin-bottom:15px; font-size:2.2rem; line-height:1.2; }
	.page .info h4 .sp_150{ width:150px; }
	.page .info p{ font-size:1.3rem; line-height:1.77; }
	.page .info .btns{ margin-top:20px; }
	.page .info .btns a{ width:145px; height:23px; background:url("./img/page/sp/btns.png") no-repeat left top/145px 23px; }
}

.list{}
.list h3.ttl{ font-size:0; line-height:0; color:rgba(0,0,0,0); }
.list h3.ttl::before{ display:block; content:""; }
.list ul{ display:flex; flex-wrap:wrap; list-style:none; justify-content:center; }
.list ul li a{ display:block; background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; transition:opacity 300ms 0s ease; }
.list ul li a:hover{ opacity:0.6; }
.list .top{ text-align:center; }
.list .top a{ color:#000000; text-decoration:underline; font-weight:bold; }
.list .top a::before{ display:inline-block; content:"▼"; transform:rotate(-90deg); color:#FF6D79; margin-right:0.25em; }

/* pc */
@media (min-width: 750px){
	.list h3.ttl{ background:url("./img/horoscope/ttl.png") no-repeat center; margin-bottom:20px; }
	.list h3.ttl::before{ height:146px; }
	.list h3.sub{ background:url("./img/horoscope/sub.png") no-repeat center; }
	.list ul{ gap:55px 75px; padding:45px 0 110px; }
	.list ul li{ width:142px; height:210px; }
	.list ul li a{ width:142px; height:210px; }
	.list ul li:nth-child(1) a{ background-image:url("./img/horoscope/01.png"); }
	.list ul li:nth-child(2) a{ background-image:url("./img/horoscope/02.png"); }
	.list ul li:nth-child(3) a{ background-image:url("./img/horoscope/03.png"); }
	.list ul li:nth-child(4) a{ background-image:url("./img/horoscope/04.png"); }
	.list ul li:nth-child(5) a{ background-image:url("./img/horoscope/05.png"); }
	.list ul li:nth-child(6) a{ background-image:url("./img/horoscope/06.png"); }
	.list ul li:nth-child(7) a{ background-image:url("./img/horoscope/07.png"); }
	.list ul li:nth-child(8) a{ background-image:url("./img/horoscope/08.png"); }
	.list ul li:nth-child(9) a{ background-image:url("./img/horoscope/09.png"); }
	.list ul li:nth-child(10) a{ background-image:url("./img/horoscope/10.png"); }
	.list ul li:nth-child(11) a{ background-image:url("./img/horoscope/11.png"); }
	.list ul li:nth-child(12) a{ background-image:url("./img/horoscope/12.png"); }
	
	.list .top{ font-size:3.0rem; line-height:1.0; }
}
/* sp */
@media (max-width: 749px){
	.list h3.ttl{ background:url("./img/horoscope/sp/ttl.png") no-repeat center/100% auto; max-width:350px; margin:0 auto 35px; }
	.list h3.ttl::before{ padding-top:calc(100% * 73 / 350px); }
	.list h3.sub{ background:url("./img/horoscope/sp/sub.png") no-repeat center/100% auto; max-width:350px; }
	.list h3.ttl::before{ padding-top:calc(100% * 73 / 350); }
	.list ul{ padding-bottom:10px; }
	.list ul li{ max-width:150px; width:50%; padding:0 0 40px; }
	.list ul li a{ max-width:93px; width:100%; margin:auto; padding-top:calc(100% / 150 * 135); background-size:cover; }
	.list ul li:nth-child(1) a{ background-image:url("./img/horoscope/sp/01.png"); }
	.list ul li:nth-child(2) a{ background-image:url("./img/horoscope/sp/02.png"); }
	.list ul li:nth-child(3) a{ background-image:url("./img/horoscope/sp/03.png"); }
	.list ul li:nth-child(4) a{ background-image:url("./img/horoscope/sp/04.png"); }
	.list ul li:nth-child(5) a{ background-image:url("./img/horoscope/sp/05.png"); }
	.list ul li:nth-child(6) a{ background-image:url("./img/horoscope/sp/06.png"); }
	.list ul li:nth-child(7) a{ background-image:url("./img/horoscope/sp/07.png"); }
	.list ul li:nth-child(8) a{ background-image:url("./img/horoscope/sp/08.png"); }
	.list ul li:nth-child(9) a{ background-image:url("./img/horoscope/sp/09.png"); }
	.list ul li:nth-child(10) a{ background-image:url("./img/horoscope/sp/10.png"); }
	.list ul li:nth-child(11) a{ background-image:url("./img/horoscope/sp/11.png"); }
	.list ul li:nth-child(12) a{ background-image:url("./img/horoscope/sp/12.png"); }
	
	.list .top{ font-size:1.5rem; line-height:1.0; padding:0 10px; }
}

.archive{ display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto; }
.archive a,
.archive span{
	display:flex; align-items:center;
	font-weight:bold; text-decoration:none;
}
.archive .y{ color:#FFFFFF; justify-content:center; }
.archive .m{ color:#000000; }
.archive a:hover{ opacity:0.6; }

body:not(.top) .archive .m{ display:none !important; }

/* pc */
@media (min-width: 750px){
	.archive{ width:635px; padding-bottom:10px; }
	.archive a{ margin-bottom:25px; }
	.archive .y{ background:url("./img/btn_y.png"); width:634px; height:72px; font-size:3.0rem; padding-top:5px; }
	.archive .m{ background:url("./img/btn_m.png"); width:308px; height:60px; font-size:2.6rem; padding-top:3px; padding-left:30px; }
}
/* sp */
@media (max-width: 749px){
	.archive{ width:317px; padding-bottom:50px; }
	.archive a{ padding-top:2px; }
	.archive .y{ background:url("./img/btn_y_sp.png") no-repeat center/337px; width:317px; height:38px; font-size:1.5rem; margin-bottom:15px; }
	.archive .m{ background:url("./img/btn_m_sp.png") no-repeat center/164px; width:154px; height:32px; font-size:1.3rem; padding-left:15px; margin-bottom:5px; }
}

body.m01 .profile{ background:url("img/01/profile_bg.jpg") no-repeat center right/cover; }
body:not(.m01) .profile{ background:#fdf0f1; }
.profile a{ color:inherit; }
.profile .person{ float:right; }
.profile .person::before{ display:block; content:""; }
body.m01 .profile h3{ color:#9F6D05; }
body:not(.m01) .profile h3{ color:#ff6d7a; }
.profile .site2 .link strong{
	display:inline-flex; justify-content:center; align-items:center;
	line-height:1.0; font-weight:bold;
}
body.m01 .profile .site2 .link strong{ color:#FFFFFF; background:#9F6D05; }
body:not(.m01) .profile .site2 .link strong{ color:#FFFFFF; background:#ff6d7a; }
.profile .site2 .link a{ font-weight:bold; }
.profile .site2 .link .twitter{ vertical-align:middle; margin-left:1em; }

/* pc */
@media (min-width: 750px){
	.profile{ padding:0 0 1px; }
	.profile .inner{ width:760px; padding:40px 30px 0; }
	.profile .person{ font-size:2.4rem; line-height:1.6; font-weight:bold; text-align:center; margin-top:70px; }
	.profile .person::before{ background:url("./img/f/p.png") no-repeat center top/100%; width:225px; height:258px; margin:0 -25px 29px 0; }
	.profile .person span{ font-size:2.2rem; }
	.profile h3{
		position:relative; float:left; width:calc(100% - 264px);
		font-size:3.8rem; line-height:1.0; font-weight:bold;
		padding:35px 0;
	}
	.profile .text{ margin-right:264px; }
	.profile .text p{ font-size:1.8rem; line-height:1.67; margin-bottom:1.67em; }
	.profile .site1{ border-bottom:1px solid #CCCCCC; font-size:2.0rem; line-height:1.35; font-weight:bold; padding-bottom:30px; }
	.profile .site2 .link{ font-size:2.0rem; line-height:1.35; margin-bottom:20px; }
	.profile .site2 .link strong{ width:133px; height:34px; font-size:1.8rem; border-radius:12px; }
	.profile .site2 .link .twitter{ width:46px; height:46px; }
	.profile .site2 .t{ font-size:1.8rem; line-height:1.67; }
}
/* sp */
@media (max-width: 749px){
	.profile{ padding:12px 15px 1px; }
	.profile .person{ font-size:1.0rem; line-height:1.6; font-weight:bold; text-align:center; margin-bottom:15px; }
	.profile .person::before{ background:url("./img/f/p_sp.png") no-repeat center top/100%; width:84px; height:102px; margin:0 0 5px; }
	.profile .person span{ font-size:0.9rem; }
	.profile h3{ font-size:2.2rem; line-height:1.0; font-weight:bold; float:left; padding:50px 0 60px; }
	.profile .text{ clear:left; }
	.profile .text p{ font-size:1.1rem; line-height:1.9; margin-bottom:0.45em; }
	.profile .site1{ border-bottom:1px solid #CCCCCC; font-size:1.1rem; line-height:1.35; font-weight:bold; padding-bottom:15px; }
	.profile .site2 .link{ font-size:0.95rem; line-height:1.35; margin-bottom:35px; }
	.profile .site2 .link strong{ width:66px; height:17px; font-size:0.9rem; border-radius:6px; }
	.profile .site2 .link a{ display:inline-block; }
	.profile .site2 .link .twitter{ width:35px; height:35px; }
	.profile .site2 .t{ font-size:1.1rem; line-height:1.64; }
}

.online{ margin:0 auto; }
.online a{ display:block; font-size:0; line-height:0; color:rgba(0,0,0,0); }
.online a::before{ display:block; content:""; }
#footer{}

body.top #footer .online{ display:none; }
#footer .copy{ background:#9F9B8F; color:#FFFFFF; text-align:center; }

/* pc */
@media (min-width: 750px){
	.online{ width:720px; margin:90px auto 50px; }
	body.m01 .online a{ background:url("./img/f/online_m1.png") no-repeat center/100%; }
	body:not(.m01) .online a{ background:url("./img/f/online.png") no-repeat center/100%; }
	.online a::before{ padding-top:calc(100% * 70 / 720); }
	#footer .copy{ font-size:1.2rem; line-height:1.0; padding:15px 0; }
}
/* sp */
@media (max-width: 749px){
	.online{ max-width:342px; margin:30px auto 13px; }
	body.m01 .online a{ background:url("./img/f/online_m1_sp.png") no-repeat center/100%; }
	body:not(.m01) .online a{ background:url("./img/f/online_sp.png") no-repeat center/100%; }
	.online a::before{ padding-top:calc(100% * 33.5 / 342); }
	#footer .copy{ font-size:1.4rem; line-height:1.0; padding:15px 0; }
}

/* end */