@charset "utf8";

/* ▼common ********************************************************************/

	/* ▽tag */
	img											{ width:100%; }
	/* ▽parts */
	.category					{ width:17%; }
	/* ▽ISP header */
	.niftyHeader img,
	.niftyHeader table,
	.commonMenuBox{	width:100%;	height:auto;	background-size:contain;	margin:0 auto;}
	.category{	width:17%;	vertical-align: top;}
	.commonMenuBoxTop{	width:auto;	background-size:contain;	padding:0;}
	.commonMenuBoxBtm{	width:auto;	background-size:contain;	padding:0;}
	.commonMenuBoxInner{	padding:8% 7%;}
	.commonMenuBox .menuTitle{	font-size:1.3em;}
	.commonCaption .caption{	background-size: contain;	width:auto;	padding:0;}
	.commonCaption .captionInner{	padding:6% 12% 9%;}
	.commonCaption .captionBtm{	background-size: contain;}
	.commonCaption .captionTop{	background-size: contain;}
/*▼entry*/
.subMenuBox{
	width:auto;
	background-size:contain;
}
.subMenuBox2{
	width:auto;
	background-size:contain;
}
.subMenuBoxTop{
	background-size:contain;
	padding:0;
}
.subMenuBoxBtm{
	background-size:contain;
	padding-bottom:13%;
}

.subMenuBox2Top{
	background-size:contain;
	padding:0;
}
.subMenuBox2Btm{
	background-size:contain;
	padding:0 0 6% 0;
}
.subMenuBox2Inner{
	padding:57% 15% 0;
}
.subMenu{
	width:auto;
	margin:0 auto;
}
.subMenu ul li{
	padding-right:0;
}
.subMenu ul li img{
	width:auto;
}
.formBox{
	width:auto;
	background-size:contain;
	height:auto;
}
.formBoxTop{
	width:auto;
	background-size:contain;
	padding:0 0 0 0;
}
.formBoxBtm{
	width:100%;
	background-size:contain;
	margin:0 auto;
	padding-bottom:10%;
}
.myFormBox,
.targetFormBox{
	width:auto;
	margin: 0 auto;
}

.myFormBox .formBox2Top,
.targetFormBox .formBox2Top{
	width:auto;
	background-size:contain;
	padding:0% 3% 0;
	margin:0 5%;
}
.myFormBox .formBox2Btm,
.targetFormBox .formBox2Btm{
	width:auto;
	/*background-size:contain;*/
	background: none;
	padding:0%;
}
.myFormBox .formBox2Inner{
	padding:0;
}
.targetFormBox .formBox2Inner{
	padding:0;
}
.formBox2Btm td{
	vertical-align:top;
}

.formBox td{ padding:0; display:block;}
.formBox td.td01 { font-size:small;}

.formBoxInner{
	width:auto;
	margin:0 auto;
	padding:4% 13% 0;
}
.btnSpace{
	width:auto;
	margin:0;
	padding:4% 0;
}
.btnLeft,
.btnRight{
	float:none;
	width: auto;
}
.policy{
	width:auto;
	padding:3% 0;
}
.policyInner{
	padding:0 2%;
}
.ow_send_confirm_caution{
    text-align: left;
    width: 80%;
    margin: 1em auto 1em;
    padding-left: 1em;
}
.ow_send_confirm_caution li{
	list-style: disc none outside;
}

/* ▼wrap ********************************************************************/


	/* ▽wraps */
	.container				{ width:auto; }
	.main									{ width:auto; }
	.bodyBg1,.bodyBg2,.bodyBg3,.bodyBg4 { width:auto;  }


/* ▼header ********************************************************************/

	/* ▽header */
	.header						{ width:auto; background-size:contain; }
	.headerInner	{ width:auto; background-size:contain; }
	/* ▽header oku */
	.headerOku						{ width:auto; background-size:contain; }
	.headerOkuInner	{ width:auto; background-size:contain; }
	/* ▽top Flash */
	.flashBox{ background-size:contain; width:auto; padding-top:21%; }
	.flashBox img{ display:none }
	/* ▽top nav */
	.nav									{ width:auto; }
	.navInner				{ padding-top:0; }
	.navInner ul	{ width:100%; height:auto; padding:0; }
	.navInner ul li{ width:33.3%; margin:0; }
	/* ▽top link free */
	.linkFree				{ padding:0; display:none; }
	/* ▽oku header */
	/* ▽page nav */
	/* ▽pankuzu */
	.pankuzu 										{ padding:0.2em; min-height: 20px;}


/* ▼box ********************************************************************/

	/* ▽common */
	.menuTitle a{ font-size: large; }
	.menuTitleFree{ display: inline-block; padding: 2%; margin-bottom: 2%; font-size: 0.5em;}
	.menuListBoxInner{ width:auto; padding:16% 2% 8%;}
	.menuListBoxBtm{ width:auto; padding:0 0 3% 0; }
	.menuBox02{ float:none; padding:0; margin:0; width:auto; background-size:contain; }
	.cg_renai .menuBox02 .menuBox02Btm .menuBox02Inner{ width:auto; padding:5%; }
	.menuBox02Btm .category{ width:18%; }
	.menuBox02Top{ background-size:contain; }
	.menuBox02Btm{ background-size:contain; }
	/* ▽commonMenuBox */
	/* ▽spMenuBox */
	.spMenuBox									{ background-size:contain; width:100%; margin:0; position:relative; zoom:1; }
	.spMenuBoxBtm						{ background: none; position:relative; zoom:1; }
	.spMenuBoxTop						{ background: none; position:relative; zoom:1; }
	.spMenuBoxBtm td			{ text-indent:0; }
	.spMenuBoxInner				{ padding:0; }
	.spMenuBoxInnerBtm2{ background:url(img/top/newMenuBoxInner2_btm.jpg) bottom center no-repeat; padding:20px 90px 60px; }
	.spMenuBox2								{ width:80%; margin:0.2em auto; position:relative; zoom:1; }
	.spMenuBox2Btm					{ background: url(img/top/spMenuBox2Bg.gif) top center repeat-y; background-size:contain; position:relative; zoom:1; }
	.spMenuBox2Top					{ background: url(img/top/spMenuBox2Bg.gif) top center repeat-y; background-size:contain; position:relative; zoom:1; }
	.spMenuBox2Inner			{ padding:17px 50px 12px; }
	.spMenuBox2Inner .menuTitle a { color:#FFFF99; }
	.spMenuBox2Inner .caption { font-size:small; color:#fff; line-height:1.5em; }
	.spMenuBox .spHead img,.spMenuBox .spFoot img{ display:inline; }
	/* ▽freeMenuBox */
	.freeMenuBox								{ width:auto; background-size:contain; margin:0; padding:0; }
	.freeMenuBox .caption{ width:auto; }
	.freeMenuBoxTop					{ background-size:contain; padding:47% 5% 0; }
	.freeMenuBoxBtm					{ background-size:contain; padding-bottom:3%; }
	.freeMenuBoxInner			{ padding:0; }
	.freeMenuBoxInner .caption{ padding:0 10%; }
	.freeMenuBoxBtn					{ padding:3%; }
	/* ▽newMenuBox */
	.newMenuBox,.newMenuBoxTop,.newMenuBoxBtm{ width:auto; background-size:contain; }
	.newMenuBoxBtm						{ padding:0 0 0 0; }
	.newMenuBoxTop						{ padding:0 0; }
	.newMenuBoxInner				{ width:auto; background-size:contain; padding:10% 5% 1%; }
	.newMenuBox2								{ width:auto; background-size:contain; }
	.newMenuBox2Top,.newMenuBox2Btm{ width:auto; background-size:contain; padding:0; }
	.newMenuBox2Inner			{ width:auto; padding:5% 5% 6%; }
	.newMenuBox .category{ width:20%; }
	/* ▽pickupMenuBox */
	.pickupMenuBox 					{ margin-bottom:0;}
	.pickupMenuBox,.pickupMenuBoxTop,.pickupMenuBoxBtm{ width:auto; background-size:contain; }
	.pickupMenuBoxTop			{ padding:0; }
	.pickupMenuBoxBtm			{ padding:0; }
	.pickupMenuBoxInner	{ padding:19% 3% 3%; }
	.pickupMenuBox2					{ width:auto; background-size: contain; margin:0; }
	.pickupMenuBox2Top,.pickupMenuBox2Btm{ background-size: contain; padding:0; }
	.pickupMenuBox2Inner{ width:auto; padding:1% 7%; }
	.pickupMenuBoxBtm a { font-size: large; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}
	/* ▽menuList renai */
	.cg_renai										 { margin-bottom:0;}
	.cg_renai .menuListBoxBtm{ background-size:contain; padding-bottom:0%; }
	.cg_renai .menuBox02{ background-size:contain; width:92%; margin:0 auto; float:none; }
	.cg_renai .menuBox02 .menuBox02Top{ background-size:contain; padding:0; }
	.cg_renai .menuBox02 .menuBox02Btm{ background-size:contain; padding:0; }
	.menuListBox.cg_renai{ width:auto; background-size:contain; }
	.cg_renai .menuListBoxTop{ background-size:contain; padding:0; }
	/* ▽menuList jinsei */
	.cg_jinsei									 { margin-bottom:0;}
	.cg_jinsei .menuListBoxBtm{ background-size:contain; padding-bottom:5%; }
	.cg_jinsei .menuBox02{ background-size:contain; width:92%; margin:0 auto; float:none; }
	.cg_jinsei .menuBox02 .menuBox02Top{ background-size:contain; padding:0; }
	.cg_jinsei .menuBox02 .menuBox02Btm{ background-size:contain; padding:0; }
	.menuListBox.cg_jinsei{ width:auto; background-size:contain; }
	.cg_jinsei .menuListBoxTop{ width:auto; background-size:contain; padding:0; }
	.cg_jinsei .menuListBoxBtm{ width:auto; background-size:contain; padding:0; }
	.cg_jinsei .menuBox02 .menuBox02Btm .menuBox02Inner{ padding:5%; width:auto; }
	/* ▽profileBox */
	.profileBox									{ background: url(img/profile/profileBox_bg.jpg) top center repeat-y; background-size:contain; width:100%; margin:0 auto; position:relative; zoom:1; }
	.profileBoxBtm						{ background: url(img/profile/profileBox_btm.jpg) bottom center no-repeat; background-size:contain; width:100%; margin:0 auto; position:relative; zoom:1; }
	.profileBoxTop						{ background: url(img/profile/profileBox_top_sp.jpg) top center no-repeat; background-size:contain; position:relative; zoom:1; }
	.profileBoxInner				{ padding:0; width:80%; margin:0 auto; position:relative; zoom:1; }
	.profileTxtBox 					{ width:90%; margin:0 auto; padding:15% 0 8% 0; }
	.profileTxtBox img		{ width:100%; }
	.profileTxtBox span	{ color:#f00; font-weight:bold; }
	.profileTxtBox img		{ margin:0; width:100%; }
	.profileTxtBox .sp		{ display:inline; }
	.profileBox .profileHead img,.profileBox .profileFoot img{ display:none; }
	.profileTitle							{ width:100%; margin:0 auto; }
	.profileCaption					{ width:100%; text-align:center; margin:0; color:#fff; background-color:#283217; }
	/* ▽aboutBox */
	.aboutBox											{ background: url(img/profile/about_bg.jpg) top center repeat-y; width:100%; background-size:contain; margin:0 auto; position:relative; zoom:1; }
	.aboutBoxBtm								{ background: url(img/profile/about_btm.jpg) bottom center no-repeat; background-size:contain; position:relative; zoom:1; }
	.aboutBoxTop								{ background: url(img/profile/about_top.jpg) top center no-repeat; background-size:contain; position:relative; zoom:1; }
	.aboutBoxInner						{ padding:20% 0 10% 0; position:relative; zoom:1; }
	.aboutBoxInner h5			{ width:82%; margin:0 auto; text-align:center; font-size:larger; color:#ff0;}
	.aboutCaption							{ width:82%; margin:0 auto 15px auto; text-align:center; font-size:small; color:#fff; line-height:1.3em; }
	.aboutBox .aboutHead img,.aboutBox .aboutFoot img{ display:none; }
	.aboutPartsBox							{ width:80%; margin:0 auto; overflow:hidden; position: relative; zoom:1;}
	.aboutPartsWrap						{ width:100%; margin:2px; float:left;  position: relative; zoom:1; }
	.aboutPartsInner					{ width:100%; background: url(img/profile/aboutPartsBg.gif) top center repeat-y; background-size:contain; }
	.aboutPartsInner .txtBox{ padding:10px 26px; }
	.aboutPartsInner .txtBox span { color:#f00; font-weight:bold; }
	.aboutPartsWrap .head{}
	.aboutPartsWrap .foot{}
/* ▼result ********************************************************************/
	.resultCaption{width:auto; background-size:contain;margin:0 auto;}
	.resultCaptionTop{width:auto; background-size:contain;}
	.resultCaptionBtm{width:auto; background-size:contain;}
	.resultCaptionImg{width:50%;}
	.resultCaptionInner{padding:5% 5% 5% 30%}
	.resultCaption2 .resultCaptionInner{padding:5% 30% 5% 5%}
	.resultBox,.resultBoxTop,.resultBoxBtm,.subTitle,.subTitleTop,.subTitleBtm,.subBox,.subBoxTop,.subBoxBtm,.subBoxInner,.sessionBox,.sessionBoxTop,.sessionBoxBtm,.spMenu2 .commonMenuBoxTop,.spMenuBox .subMenuBox,.spMenuBox .resultBox,.spMenuBox .subMenuBoxTop,.spMenuBox .subMenuBoxBtm,.spMenuBox .resultBoxTop,.spMenuBox .resultBoxBtm{width:auto; margin:0 auto; background-size:contain;}

	.set03 .nc{padding:0; height:auto; background-size:contain;position:relative;}
	.set03 .nc div{padding:0;margin-bottom:30%;}

	.set03 .set03Nc img{width:100%;}
	.subBox{margin:0 auto 1em;}
	.subBoxInner{text-align:center;padding:5%;}
	.subBoxInner div{text-align:left; padding:5%;}
	.set01 img,.set02 img,.set03 img,.set05 img{float:none; padding:0; width:60%; margin:0 auto;}
	.set01 .nc,.set02 .nc{float:none;  padding:0 0 15% 0;width:auto; height:auto; background-image:url(img/nc/set03_nc.png); background-size:contain}
	.set01 .nc div,.set02 .nc div{padding:0 2%;}
	.set04{background: none; height:auto;}
	.set04 table{width:auto;}
	.set04 table td{color:#000; font-size:2em;height:auto;}
	.resultBoxInner{padding:13% 5% 13%;}
	.subTitle td{padding:5%;}
	.sessionBoxInner{padding:40% 10% 10%;position:relative;}
	.sessionBoxInner img{width:45%;height:10%;}
	.spMenu2 .commonMenuBoxInner{padding:5%;}
	.spMenu2 .commonMenuBoxTop{padding-top:5%;}
	.spMenuBox .subMenuBoxInner{padding:5%;}
	.spMenuBox .subMenu{width:90%;}
	.spMenuBox .resultBoxBtm{padding:0;}
	.spMenuBox .resultBoxInner{padding:5%;}
/* ▼base ********************************************************************/
	.baseBox{width:auto; background-size:contain;}
	.baseBoxInner{padding:16% 0 9%;}
	.userInfo{width:auto; background-size:contain;}
	.userInfoTop{width:auto; background-size:contain;}
	.userInfoBtm{width:auto; background-size:contain;}
	.userInfoInner{padding:5% 10%;}
	.userInfoInner div{padding-top:10px}

	.baseAInner{width:87%; margin:0 auto; background-size:contain;}
	.baseA{width:auto; background-size:contain;}
	.baseAInner2{width:auto; background-size:contain;width:80%; margin:0 auto; overflow:visible;}

	.baseAImg{width:auto; background-size:contain; float:none; margin:0;}
	.baseATxt{width:auto; background-size:contain; float:none; margin:0;}
	.baseB{width:87%; margin:0 auto 1em; background-size:contain;}
	.baseBInner{width:auto; background-size:contain;width:80%; margin:0 auto; overflow:visible;}
	.baseBImg{width:auto; background-size:contain; float:none; margin:0;}
	.baseBTxt{width:auto; background-size:contain; float:none; margin:0;}
	.baseC{width:87%; margin:0 auto; background-size:contain;}
	.baseCInner{width:auto; background-size:contain;width:80%; margin:0 auto; overflow:visible;}
	.baseCImg{width:auto; background-size:contain; float:none; margin:0;}
	.baseCTxt{width:auto; background-size:contain; float:none; margin:0;}
	.baseD{width:82%; margin:0 auto; background-size:contain;}
	.baseDTop{width:auto; background-size:contain;}
	.baseDBtm{width:auto; background-size:contain;}
	.baseDInner{width:auto; background-size:contain;padding:5% 5% 80%;}
	.baseDInner2{width:auto; background-size:contain;width:80%; margin:0 auto; overflow:visible;}
	.baseDImg{width:91%; background-size:contain; float:none; margin:0;}
	.baseDTxt{width:auto; background-size:contain; float:none; margin:0; padding:5px 14px 0 14px}

	.myBaseBox {margin-bottom:0}
	.myBaseBox{width:auto; background-size:contain;}
	.myBaseBox .baseBoxTop{width:auto; background-size:contain;}
	.myBaseBox .baseBoxBtm{width:auto; background-size:contain;}
	.myBaseBox .baseAImg{float:none; margin:0;padding:0; left:-15px}
	.myBaseBox .baseATxt{float:none; margin:0;padding:0;}
	.myBaseBox .baseBImg{float:none; margin:0;padding:0;}
	.myBaseBox .baseBTxt{float:none; margin:0;padding:0;}
	.myBaseBox .baseCImg{float:none; margin:0;padding:0; left:-10px}
	.myBaseBox .baseCTxt{float:none; margin:0;padding:0;}
	.targetBaseBox{width:auto; background-size:contain;}
	.targetBaseBox .baseBoxTop{width:auto; background-size:contain;}
	.targetBaseBox .baseBoxBtm{width:auto; background-size:contain;}
	.targetBaseBox .baseBoxInner{padding-top:5%;}

	.targetBaseBox .baseAImg{float:none; margin:0 auto;padding:0;width:auto;}
	.targetBaseBox .baseATxt{float:none; margin:0 auto;padding:0;width:auto;}
	.targetBaseBox .baseBImg{float:none; margin:0 auto;padding:0;}
	.targetBaseBox .baseBTxt{float:none; margin:0 auto;padding:0;}
	.targetBaseBox .baseC{margin:0 auto;}
	.targetBaseBox .baseCImg{float:none; margin:0 auto;padding:0;}
	.targetBaseBox .baseCTxt{float:none; margin:0 auto;padding:0;}


	.myBaseBox .baseAElm{width:20%; top:0; left:88%;}
	.myBaseBox .baseBElm{width:20%; top:0; right:88%;}
	.myBaseBox .baseCElm{width:20%; top:0; left:88%;}

	.targetBaseBox .baseAElm{width:20%; top:0; right:88%;}
	.targetBaseBox .baseBElm{width:20%; top:0; left:88%;}
	.targetBaseBox .baseCElm{width:20%; top:0; right:88%;}
	.targetBaseBox .baseAInner2{padding-left:15px;}

	.myBaseBNc {padding-left:0px;}

	.profData{display:block}

/* ▼footer ********************************************************************/

	/* ▽rule box */
	.ruleBox				{ margin-top:0; width:auto; word-break: break-all; }
	.ruleBox img{ width:auto; }
	/* ▽footer */
	.footer					{ width:auto; padding:5% 0; }
	.footer img	{ width:auto; }
	.footer .menu > *{ display: inline-block; margin: 0 2% 2% 0;}

	/* ▽▽▽おすすめ鑑定ページパーツ_サテライトサイト用に追記▽▽▽ */
	.rec_list {
		width: 94%;
		margin: 0 auto;
	}
	.rec_head {
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		padding: 2% 0;
		margin-bottom: 5%;
		text-align: center;
		font-size: 1.5em;
	}
	.rec_item {
		margin-bottom: 5%;
	}
	.rec_title {
		margin-bottom: 2%;
		font-size: 1.25em;
	}
	.rec_thm {
		text-align: center;
	}
	.rec_thm img {
		width: 100%;
	}
	.rec_text {
		margin-top: 2%;
	}
	.rec_list .c-contentsTitle {
		margin-top: 1%;
		font-size: 0.8em;
	}
	/* △△△おすすめ鑑定ページパーツ_サテライトサイト用に追記△△△ */

	/* ▽▽▽footerパーツ_サテライトサイト用に追記▽▽▽ */
	.footer_link {
		text-align: center;
		margin-top: 5%;
	}
	.footer_link_head {
		margin-bottom: 1%;
	}
	/* △△△footerパーツ_サテライトサイト用に追記△△△ */

	/* ▽▽▽その他ページ用_サテライトサイト用に追記_レスポンシブ仕様サイト用▽▽▽ */
	.ow_page {
		background: #FFF;
		width: 86%;
		margin: 3% auto;
		padding: 4%;
	}
	.heading {
		border-bottom: 1px solid #0208FB;
		padding-bottom: 2%;
		margin-bottom: 2%;
		font-size: 1.5em;
		color: #0208FB;
	}
	.info_list {
		border-bottom: 1px solid #E8E8E8;
		display: block;
		padding: 4% 0;
	}
	.info_list dt {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.link_arrow {
		background: url(./img/common/arrow.png) center left no-repeat;
		background-size: 4%;
		padding-left: 6%;
		margin-bottom: 2%;
	}
	/* △△△その他ページ用_サテライトサイト用に追記_レスポンシブ仕様サイト用△△△ */

	/* ▽▽▽dailyページ用_サテライトサイト用に追記▽▽▽ */
	.page_daily_sp {
		margin: 0 0 3%;
	}
	.block {
			width: 98%;
			margin: 0 auto;
			color: #333;
			background: #fff;
	    padding: 5%;
			font-size: 4.375vw;
	}
	.block ul {
			list-style-type: none;
	}
	.fortune_rank_head_catch {
	    display: flex;
	    justify-content: center;
	    align-items: flex-end;
	    margin-bottom: 2%;
	}
	.fortune_rank_head {
	    text-align: center;
	    margin-bottom: 4%;
	}
	.fortune_rank_head_title {
	    font-size: 0.9em;
	    line-height: 1;
	}
	.fortune_rank_head_icon {
	    width: 15%;
	}
	.fortune_rank_head_icon img {
	    border-style: none;
	    vertical-align: top;
	    max-width: 100%;
	    height: auto;
	}
	.fortune_rank_head_lead {
	    background: url(./img/horoscope/bg_lead.jpg) repeat-x left center;
	    background-size: contain;
	    display: inline-block;
	    padding: 1% 12%;
	    font-weight: bold;
	    color: #FFF;
			margin: 0 auto;
			font-size: 1.0em;
	}

	.tab {
	    border-bottom: 1px solid #EF9090;
	    text-align: center;
	    margin-bottom: 5%;
	    font-size: 0;
	}
	.tab_btn a {
	    text-decoration: none;
	    color: inherit;
	}
	.tab_btn a, .tab_btn span {
	    display: block;
	    padding: 8px 0;
	}
	.block_fortune_ranking .tab li {
	    width: 18.4%;
	}

	.tab_btn.active {
	    font-weight: bold;
	    background: #EF9090;
	    color: #fff;
	}
	.tab_btn {
	    color: #EF9090;
	    display: inline-block;
	    vertical-align: top;
	    width: 47%;
	    margin: 0 0.5% 0;
	    border-top: 1px solid #EF9090;
	    border-left: 1px solid #EF9090;
	    border-right: 1px solid #EF9090;
	    transition: .2s;
	    cursor: pointer;
	    font-size: 3.4375vw;
	}
	.tab .tab_renaiun {
	    color: #ffaca9;
	}
	.tab .tab_kinun {
	    color: #e4caa3;
	}
	.tab .tab_shigotoun {
	    color: #a3c2e6;
	}
	.tab .tab_taijinun {
	    color: #a3d7a7;
	}

	.holoscope_rank_item {
	    border-bottom: 1px solid #D8D8D8;
	    counter-increment: counter 1;
	}
	.holoscope_rank_head {
	    display: flex;
	}
	.holoscope_rank_item:nth-child(1) .holoscope_rank_head:before {
	    background: url(https://static-n.goodfortune.jp/files/img/horoscope/rank_1.svg) no-repeat left center;
	    background-size: contain;
	}
	.holoscope_rank_item:nth-child(2) .holoscope_rank_head:before {
	    background: url(https://static-n.goodfortune.jp/files/img/horoscope/rank_2.svg) no-repeat left center;
	    background-size: contain;
	}
	.holoscope_rank_item:nth-child(3) .holoscope_rank_head:before {
	    background: url(https://static-n.goodfortune.jp/files/img/horoscope/rank_3.svg) no-repeat left center;
	    background-size: contain;
	}
	.holoscope_rank_item:nth-child(1) .holoscope_rank_head:before, .holoscope_rank_item:nth-child(2) .holoscope_rank_head:before, .holoscope_rank_item:nth-child(3) .holoscope_rank_head:before {
	    content: "";
	    display: inline-block;
	    vertical-align: middle;
	    width: 20%;
	    margin-right: 2%;
	}
	*, *:before, *:after {
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.holoscope_rank_thm {
	    width: 25%;
	    margin-right: 2%;
	}
	.holoscope_rank_thm img {
	    width: 100%;
	}
	.holoscope_rank_item a {
	    display: block;
	    padding: 4% 0;
	    /* color: #000; */
	    text-decoration: none;
	}
	.holoscope_rank_item:nth-child(n+4) a {
	    display: flex;
	    padding: 4% 4% 4% 0;
	    position: relative;
	}
	.holoscope_rank_item:nth-child(n+4) a::after {
	    position: absolute;
	    font-family: "FontAwesome";
	    content: "\f105";
	    top: 50%;
	    right: 0;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	    /* color: #E0E1E3; */
	    color: #333;
			font-size: 2em;
	}
	.holoscope_rank_item:nth-child(n+4) .holoscope_rank_name:before {
	    content: counter(counter);
	    /* background: #AEAFAF; */
	    display: inline-block;
	    border-radius: 10px;
	    width: 1.8em;
	    margin-right: 0.5em;
	    text-align: center;
	    color: #FFF;
	}
	.holoscope_rank_item:nth-child(n+4):nth-child(-n+5) .holoscope_rank_name:before {
	    background: #D9C42E;
	}
	.holoscope_rank_item:nth-child(n+6):nth-child(-n+9) .holoscope_rank_name:before {
	    background: #67BF51;
	}
	.holoscope_rank_item:nth-child(n+10):nth-child(-n+11) .holoscope_rank_name:before {
	    background: #66AAC4;
	}
	.holoscope_rank_item:nth-child(12) .holoscope_rank_name:before {
	    background: #AEAFAF;
	}
	.holoscope_rank_info {
	    display: flex;
	    align-items: center;
			margin-bottom: 5%;
	}
	.holoscope_rank_item:nth-child(1) .holoscope_rank_name, .holoscope_rank_item:nth-child(2) .holoscope_rank_name, .holoscope_rank_item:nth-child(3) .holoscope_rank_name {
	    font-size: 1.5em;
	    line-height: 1.3;
	}
	.holoscope_rank_name {
	    font-size: 1.4em;
	}
	.holoscope_rank_date {
	    margin-left: auto;
			margin-right: 4%;
	    font-size: 0.8em;
	    color: #9E9E9E;
	}
	.holoscope_rank_text {
	    margin-top: 2%;
	    font-size: 0.8em;
	}
	.holoscope_rank_lucky {
	    border-top: 1px solid #D8D8D8;
	    padding-top: 0.8em;
	    margin-top: 0.8em;
	    font-size: 0.7em;
	}
	.holoscope_rank_contents {
	    flex: 1;
	}
	/* △△△dailyページ用_サテライトサイト用に追記△△△ */

	/* ▽▽▽daily_detailページ用_サテライトサイト用に追記▽▽▽ */
	/* *, *:before, *:after {
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	} */
	.block_title_01 h2,.block_title_02 h2 {
		font-size: 1.0em;
	}

	.page_icon {
	    position: relative;
	    margin-top: 5%;
	    text-align: center;
	    font-size: 1.25em;
	}
	.page_icon img {
	    width: 53%;
	}
	.fortune_daily_rank {
	    margin-right: 5%;
	    font-size: 0.8em;
	}
	.fortune_daily_name {
	    text-align: center;
	    font-size: 2em;
	    font-weight: bold;
	}
	.fortune_daily_head {
	    margin-bottom: 5%;
	}
	.fortune_daily_icon {
	    float: left;
	    width: 45%;
			margin-right: 5%;
	}
	.fortune_daily_icon img {
		width: 100%;
	}
	.fortune_daily_info {
	    float: right;
	    width: 50%;
	}
	.clearfix::after, .cf::after {
	    content: "";
	    display: block;
	    clear: both;
	}
	.fortune_daily_subject {
	    border-top: 1px solid #b2b2b2;
	    padding-top: 5%;
	    margin-top: 5%;
	}
	.fortune_daily_subject dt {
	    color: #8c8c8c;
	    font-size: 1.0em;
	    font-weight: bold;
			line-height: 1.6;
	}
	.fortune_daily_subject dd {
	    font-size: 0.6em;
	}

	.fortune_daily_celebrity {
	    background: #8c8c8c;
	    border: 1px solid #8c8c8c;
	    border-radius: 10px;
	    display: table;
	    width: 100%;
	    table-layout: fixed;
	    overflow: hidden;
	}
	.fortune_daily_celebrity dt {
	    width: 25%;
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	    color: #FFF;
	    line-height: 1.3;
	    font-size: 1.4em;
	    font-weight: bold;
	}
	.fortune_daily_celebrity dd {
	    background: #FFF;
	    width: 75%;
	    display: table-cell;
	    vertical-align: middle;
			color: #333;
	    padding: 2% 3%;
	    font-size: 1.2em;
	}
	.fortune_daily_celebrity dd a,.mt_4 a {
	    color: #2b6b9f;
	    text-decoration: underline;
	}

	.fortune_daily_button_wrap {
	    text-align: center;
	    font-size: 0;
	    padding-top: 3%;
	}
	.fortune_daily_button {
	    display: inline-block;
	    vertical-align: top;
	    text-align: center;
	    width: 33.3%;
	    padding: 0 2% 2% 0;
	    font-size: 16px;
	    font-weight: bold;
	}
	.fortune_daily_button:nth-child(3n) {
			padding-right: 0;
	}
	.fortune_daily_button a {
	    position: relative;
	    display: block;
	    background: #f8f8f8;
	    border: 1px solid #b2b2b2;
	    color: #333;
	    padding: 5% 0 10% 0;
	    text-decoration: none;
	}
	.fortune_daily_button a::after {
	    position: absolute;
			font-family: "FontAwesome";
	    content: "\f107";
	    bottom: -3px;
	    left: 0;
	    right: 0;
	}
	.mb_4 {
	    margin-bottom: 4% !important;
			font-size: 0.8em;
	}

	.mt_4 {
	    margin-top: 4% !important;
			font-size: 20px;
	}


	.fortune_daily_item_title {
	    padding: 2% 0;
	    margin-bottom: 3%;
	    font-size: 1.2em;
	}
	.fortune_daily_item_title_deai{
		  font-size: 1.0em;
	}
	.fortune_daily_item_title_job {
	    font-size: 1.2em;
	}
	.fortune_daily_item_title span {
		  margin-left: 2%;
	}
	.fortune_daily_item_title span img {
	    width: 6%;
	}
	.f_color_sougouun {
	    color: #ffaa95;
	    margin: 1.2rem 0 0.5rem 0;
	}
	.f_color_renaiun {
	    color: #ff3023;
	    margin: 1.2rem 0 0.5rem 0;
	}
	.f_color_kinun {
	    color: #c88a00;
	    margin: 1.2rem 0 0.5rem 0;
	}
	.f_color_shigotoun {
	    color: #0076cb;
	    margin: 1.2rem 0 0.5rem 0;
	}
	.f_color_taijinun {
	    color: #00aa1b;
	    margin: 1.2rem 0 0.5rem 0;
	}
	.fortune_daily_item_sougouun .fortune_daily_item_title {
	    border-bottom: 1px solid #ffaa95;
	}
	.fortune_daily_item_renaiun .fortune_daily_item_title {
	    border-bottom: 1px solid #ff3023;
	}
	.fortune_daily_item_kinun .fortune_daily_item_title {
	    border-bottom: 1px solid #c88a00;
	}
	.fortune_daily_item_shigotoun .fortune_daily_item_title {
	    border-bottom: 1px solid #0076cb;
	}
	.fortune_daily_item_taijinun .fortune_daily_item_title {
	    border-bottom: 1px solid #00aa1b;
	}
	.fortune_daily_item_body {
	    font-size: 0.8em;
	}

	.lucky_list {
	    background: #f8f8f8;
			color: #333;
	    padding: 5%;
	    margin-top: 3%;
	    text-align: center;
	    font-size: 0.8em;
	}
	.lucky_list dt {
	    display: inline-block;
	    border: 1px solid #ffaa95;
	    background: #FFF;
	    padding: 0 5%;
	    border-radius: 12px;
	    color: #ffaa95;
	    font-weight: bold;
	    text-align: center;
	    min-width: 56%;
	}
	.lucky_list dd {
	    padding: 2% 0;
	}
	.link_button_wrap {
	    text-align: center;
	    font-size: 0;
	    padding: 3% 0;
	}
	.link_button_01 {
	    font-size: 20px;
	    font-weight: bold;
	    width: 48%;
			margin-right:2%;
	}
	.link_button_01:nth-child(even) {
			margin-right:0;
	}
	.link_button {
	    display: inline-block;
	    vertical-align: top;
	    text-align: center;
	}
	.link_button_01 a {
	    position: relative;
	    background: #f8f8f8;
	    border: solid 1px #b2b2b2;
	    color: #333;
	    padding: 5% 12% 5% 5%;
	}
	.link_button a {
	    display: block;
	    background: #f8f8f8;
	    /* color: inherit; */
	    text-decoration: none;
	}
	.link_button_01 a::after {
	    position: absolute;
	    font-family: "FontAwesome";
	    content: "\f105";
	    top: 50%;
	    right: 5%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.block_title {
	    text-align: center;
	    font-weight: bold;
	    margin-bottom: 2%;
	    padding: 2%;
	}
	.block_title_01 {
	    background: url(//static-n.goodfortune.jp/files/img/heading_underline.png) no-repeat center bottom;
	    -webkit-background-size: 100%;
	    background-size: 100%;
	    padding-bottom: 6%;
	    font-size: 1.16em;
	}
	.block_txt {
		font-size: 0.8em;
		line-height: 1.6;
	}
	.block_txt.align_center {
		text-align: center;
	}
	.horo_item {
	    display: inline-block;
	    vertical-align: top;
	    width: 32.2%;
	    text-align: center;
	    margin-bottom: 3%;
	}
	.horo_icon {
	    padding: 0 4%;
	}
	.horo_icon img {
	    width: 100%;
	}
	.horo_name {
	    font-size: 22px;
	    font-weight: bold;
	}
	.appeal_title::before {
	    margin-right: 5%;
	    transform: rotate(-35deg);
	}
	.appeal_title {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    font-size: 0.8em;
	    line-height: 1.4;
	}
	.appeal_title::after {
	    margin-left: 5%;
	    transform: rotate(35deg);
	}
	.appeal_title::before, .appeal_title::after {
	    content: '';
	    width: 3px;
	    height: 60px;
	    background: #e0e1e3;
	}

	.f26 {
	    font-size: 1.0em;
	}
	.mb_2 {
	    margin-bottom: 2% !important;
	}
	.relate_item {
	    border-bottom: 1px solid #848484;
	    padding-bottom: 3%;
	    margin-bottom: 3%;
	    display: flex;
	}
	.relate_thm {
	    width: 15%;
	    margin-right: 2%;
	}
	.relate_thm_bg {
	    width: 100%;
	    padding-top: 100%;
	    position: relative;
	}
	.relate_thm_bg img {
	    border-radius: 10px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    object-position: top;
	}
	.relate_contents {
	    flex: 1;
	}
	.bg_gray {
			width:98%;
			margin: 0 auto;
	    background: #f8f8f8;
			color: #333;
	}
	.link_list_01 .link_list_item {
	    padding: 0 2% 2% 2%;
	    margin-bottom: 4%;
	    border-left: 6px solid #ddd;
	    border-bottom: 1px solid #ddd;
	    font-size: 1.3em;
	    line-height: 1.3;
	}
	.link_list_item a {
	    display: block;
	    color: inherit;
	    text-decoration: none;
	}


	.menu_list {
	    margin-bottom: 3%;
	}
	.menu_item {
	    overflow: hidden;
	    padding: 4% 0;
	    border-bottom: 1px solid #dddddd;
	}
	.menu_thm {
	    float: left;
	    width: 28%;
	    margin-right: 2%;
	}
	.thm_cat {
	    border-top: 3px solid #d667d6;
	    color: #d667d6;
	    text-align: center;
	    font-size: 0.6em;
	    font-weight: bold;
	}
	.thm_cat_uranai_seimei {
	    color: #b25900;
	    border-color: #b25900;
	}

	.thm_img_num {
	    position: relative;
	}
	.thm_img_num img {
	    border-style: none;
	    vertical-align: top;
	    max-width: 100%;
	    height: auto;
	}
	.menu_contents {
	    float: left;
	    width: 70%;
	}
	.menu_title {
	    font-weight: bold;
	    line-height: 1.3;
	    padding-bottom: 3%;
	}
	.menu_cat {
	    font-size: 0.8em;
	    color: #2b6b9f;
	    line-height: 1.4;
	}
	.menu_item a {
	    text-decoration: none;
	    color: inherit;
	}
	.more{
		display: block;
		text-align: right;
		text-decoration: underline;
		margin-top: 5%;
	}

	/* △△△daily_detailページ用_サテライトサイト用に追記△△△ */