@charset "UTF-8";

/* ======================================================================================
テンプレートとしておおよその配置を記します
====================================================================================== */

/* ===========================================
フォントの指定
=========================================== */
@import url('https://fonts.googleapis.com/css?family=Prociono');

/* ===========================================
タグへの上書き
=========================================== */
a{
	color:#d03167;
}
*{
	/*font-family: 'Lato', 'メイリオ', Meiryo, Osaka,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	word-wrap: break-word;
}
/* ===========================================
汎用的なclass
=========================================== */
.spOnly{
	display: none;
}
/* ===========================================
テンプレート
=========================================== */
html{
 line-height: 1 !important;
}
html,
body{
	font-size: 14px;
	color: #1c1b1b;
}
.bx-wrapper{
padding-top:80px;
}
#pageWrap{
	min-width:1025px;
}
#headerInner,
.wrap_limited{
	width:1025px;
	margin: auto;
}
#header {
	background: url(../images/template/bg_header_text.jpg) no-repeat center #0E005B;
	position: fixed;
	z-index: 999;
	width: 100%;
}
	#headerInner{
		height: 100px;
		position: relative;
	}
	#siteID {
		position: relative;
		max-width: 210px;
		top: 50%;
		transform: translateY(-50%);
	}
		#siteID a {
			display: block;
		}
		#siteID img{
			width: 100%;
		}
.logo_starNavigator img {
    position: relative;
    max-width: 300px;
    top: -70px !important;
}
	#gNaviSP{
		display: none;
	}
	#gNavi {
		position: absolute;
		right:0;
		bottom:0;
	}
		#gNavi-list a {
			vertical-align: bottom;
		}
		#gNavi-list img{
			vertical-align: middle;
		}

		/* 通常のメニュー */
		#gNavi-list > .gNavi-list-item{
			text-align: left;
			display: inline-block;
			border-left: 1px solid #273665;
			line-height: 1.4;
			vertical-align: middle;
		}
			#gNavi-list > .gNavi-list-item a{
				display: inline-block;
				padding: 20px 16px;
			}
		#gNavi-list > .gNavi-list-subitem{
			text-align: right;
			display: inline-block;
			width:140px;
			border-left: 1px solid #273665;
			vertical-align: bottom;
		}
			#gNavi-list > .gNavi-list-subitem a{
				display: inline-block;
				font-size: 0.75rem;
				text-align: center;
				background: #334c8d;
				width:100%;
				padding: 6px 3px;
				margin-bottom: 9px;
				white-space: nowrap;
			}
			#gNavi-list > .gNavi-list-subitem a:nth-child(2) , .gNaviSP-list-subitem-login{
				background: #e9702f!important;
			}

/* --- global navigation --- */
#gNavi-list > li a {
    display: block;
    color: #FFF;
}
#gNavi-list > li a:hover {
    color: #FFF;
}
	#gNavi-list > .gNavi-list-item .menu__second-level a, #gNavi-list > .gNavi-list-item .menu__second-level-ol a{
		padding: 17px 0;
		display: block;
		position: relative;
		z-index: 10;
	}
ul.menu__second-level, ul.menu__second-level-ol {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
#gNavi-list > li:nth-child(3):hover ,#gNavi-list > li:nth-child(4):hover {
    background: #334c8d;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.menu__second-level li, .menu__second-level-ol li {
    border-top: 1px solid #334c8d;
}
/* floatクリア */
#gNavi-list:before,
#gNavi-list:after {
    content: " ";
    display: table;
}
#gNavi-list:after {
    clear: both;
}
#gNavi-list {
    *zoom: 1;
	position: relative;
}
/* グローバルメニュー*/
	#gNavi {
		display: block;
		position: relative;
		z-index: 9999;
		width: 100%;
	}
		#gNavi-menu-btn {
			position: absolute;
			top: -35px;
			right: 0;
			cursor: pointer;
			display: flex;
			justify-content: flex-end;
			align-items: flex-end;
		}
			#gNavi-menu-btn a {
					margin-left: 10px;
				}
			#gNavi-menu-btn .gNavi-menu-icon_mail img {
				width: 80%;
			}
			#gNavi-menu-btn .gNavi-menu-icon_facebook img {
				width: 80%;
			}
			#gNavi-menu-btn .gNavi-menu-btn_horofree img {
				width: 100%;
			}
		#gNavi-list {
				position: relative;
				top: 10px;
		}
			#gNavi-list > ul {
				color:#fff;
				display: flex;
				justify-content: flex-end;
				align-items: flex-end;
			}
				#gNavi-list > ul > li {
					font-size: 0.9rem;
					width: 120px;
					text-align: center;
					margin-left: 20px;
				}
				.gNavi-list-item a,
				.gNavi-list-item span {
					color: inherit;
					cursor: pointer;
				}
				#gNavi-list > ul > li > .gNavi-list-school::before, #gNavi-list > ul > li > .gNavi-list-seminar::before, #gNavi-list > ul > li > .gNavi-list-basis::before, #gNavi-list > ul > li > .gNavi-list-login::before, #gNavi-list > ul > li > .gNavi-list-beginner::before,
				#gNaviSP-list > ul > li > .gNaviSP-list-school::before, #gNaviSP-list > ul > li > .gNaviSP-list-seminar::before, #gNaviSP-list > ul > li > .gNaviSP-list-basis::before, #gNaviSP-list > ul > li > .gNaviSP-list-login::before, #gNaviSP-list > ul > li > .gNaviSP-list-beginner::before{
					content: "";
					display: inline-block;
					width: 120px;
					height: 4px;
					position: relative;
					top: -6px;
				}
				#gNaviSP-list > ul > li > .gNaviSP-list-school::before, #gNaviSP-list > ul > li > .gNaviSP-list-seminar::before, #gNaviSP-list > ul > li > .gNaviSP-list-basis::before, #gNaviSP-list > ul > li > .gNaviSP-list-login::before, #gNaviSP-list > ul > li > .gNaviSP-list-beginner::before{
					width: 100%;
					height: 3px;
				}
				.gNavi-list-school::before, .gNaviSP-list-school::before {
					background-color: #00a3e2;
				}
				.gNavi-list-seminar::before, .gNaviSP-list-seminar::before {
					background-color: #1aa548;
				}
				.gNavi-list-basis::before, .gNaviSP-list-basis::before {
					background-color: #fdc800;
				}
				.gNavi-list-login::before, .gNaviSP-list-login::before {
					background-color: #f0860e;
				}
				.gNavi-list-beginner::before, .gNaviSP-list-beginner::before {
					background-color: #d6007c;
				}
		.gNavi-sublist {
			position: fixed;
			top: 100px;
			left: 0;
			width: 100%;
			color: #FFF;
		}
			.gNavi-sublist .current, .gNaviSP-sublist .current {
				position: relative;
			}
				.gNavi-sublist .current::after, .gNaviSP-sublist .current::after {
					content: "";
					position: absolute;
					bottom: 4px;
					left: 6px;
					width: 98%;
					height: 2px;
					background: #FFF;
				}
			.gNavi-sublist > ul {
				width: 1025px;
				text-align: left;
				margin: 0 auto;
			}
			.gNavi-sublist > ul > li {
				float: left;
				font-size: 1rem;
				margin-right: 10px;
				padding: 12px 5px;
			}
				.gNavi-sublist a, .gNaviSP-sublist a {
					color: #FFF;
					border-left: 1px solid #FFF;
					padding-left: 10px;
					cursor: pointer;
				}
				.gNavi-sublist-basis a, .gNaviSP-sublist-basis a, .gNaviSP-sublist__second a {
					color: #0c1000;
					border-left: 1px solid #0c1000;
				}
			.gNavi-sublist > ul > li:nth-child(1) div > a, .gNavi-sublist > ul > li:nth-child(1) > a, .gNavi-sublist__second > ul > li:nth-child(1) > a {
				border-left: none; 
				padding-left: 0;
			}
				.gNavi-sublist-school, .gNaviSP-sublist-school, .gNavi-sublist__second-school .current::after, .gNaviSP-sublist__second-school .current::after {
					background-color: #00a3e2;
				}
				.gNavi-sublist-seminar, .gNaviSP-sublist-seminar {
					background-color: #1aa548;
				}
				.gNavi-sublist-basis, .gNaviSP-sublist-basis, .gNavi-sublist__second-basis .current::after, .gNaviSP-sublist__second-basis .current::after {
					background-color: #fdc800;
				}
				.gNavi-sublist-beginner, .gNaviSP-sublist-beginner, .gNavi-sublist__second-beginner .current::after, .gNaviSP-sublist__second-beginner .current::after {
					background-color: #d6007c;
				}
	.gNavi-list-item__second {
	}
		.gNavi-sublist__second {
			position: fixed;
			top: 138px;
			left: 0;
			width: 100%;
			color: #FFF;
			text-align: left;
			margin: 0 auto;
		}
			.gNavi-sublist__second ul {
				width: 1025px;
				text-align: left;
				margin: 0 auto;
			}
			.gNavi-sublist__second li {
				float: left;
				font-size: 1rem;
				margin-right: 1px;
				padding: 12px 5px;
			}
				.gNavi-sublist__second a {
					color: #0c1000;
					border-left: 1px solid #0c1000;
					padding-left: 10px;
					cursor: pointer;
				}
				.gNavi-sublist__second-school, .gNaviSP-sublist__second-school{
					background-color: #f3f8fe;
				}
				.gNavi-sublist__second-seminar, .gNaviSP-sublist__second-seminar {
					background-color: #e0f8be;
				}
				.gNavi-sublist__second-basis, .gNaviSP-sublist__second-basis {
					background-color: #fff8c2;
				}
				.gNavi-sublist__second-beginner, .gNaviSP-sublist__second-beginner {
					background-color: #ffe9ff;
				}

/* サブメニュー（ページ内リンク）*/
#subMenu > #subMenu-list{
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 30px;
}
	#subMenu > #subMenu-list li{
		padding: 5px 5px 5px 14px;
    text-indent: -12px;
	}
	#subMenu > #subMenu-list li a{
		font-size: 1.1rem;
		text-decoration: underline;
	}
	#subMenu > #subMenu-list time::before{
    content: '▸';
	}
	#subMenu > #subMenu-list time {
		padding-right:15px; 
	}
/* サブメニュー（ページ内リンク枠付き）*/
#subMenu_bdr > #subMenu-list{
	display: flex;
	width: 100%;
	padding: 10px;
	margin-bottom: 30px;
}
	#subMenu_bdr > #subMenu-list li{
		width: 100%;
		;overflow: hidden;
		border: 1px solid #ccc;
	}
	#subMenu_bdr > #subMenu-list li:nth-child(n+2){
		border-left: none;
	}
	#subMenu_bdr > #subMenu-list li a{
		display: block;
		height: 100%;
		font-size: 1.1rem;
		padding: 10px 5px 10px 15px;
		text-decoration: none;
	}	
	#subMenu_bdr > #subMenu-list li a:hover{
		background: #ebecf0;
	}
#pageTit {
	display: flex;
	justify-content: center;
	align-items: center;
	clear: both;
	color: #675223;
	min-height: 110px;
	font-size: 2.14285713rem;
	line-height: 1.46;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 170px; 
	position: relative;
}
_:-ms-lang(x)::-ms-backdrop, #pageTit {
  /* IE11 のみ適用される */
	padding-top: 200px !important;
}
	#pageTit::before {
			content: "";
			position: absolute !important;
			top: 170px;
			left: 0;
			width: 100%;
			height: 1px;
			border-top: 1px solid #b3a891;
			border-bottom: 2px solid #b3a891;
			padding-bottom:3px; 
	}
	#pageTit::after {
			content: "";
			position: absolute !important;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			border-top: 2px solid #b3a891;
			border-bottom: 1px solid #b3a891;
			padding-top:3px; 
	}
_:-ms-lang(x)::-ms-backdrop, #pageTit::after {
  /* IE11 のみ適用される */
	bottom: 35px !important;
}
	#pageTit span {
	}
	#pageTit i {
		display: block;
		font-size: 1.142857136rem;
		font-style:normal;
	}
/* ------------------------------
スタナビログインページ（IE11 のみ適用される）
------------------------------*/
_:-ms-lang(x)::-ms-backdrop, #page_horoscope_login #pageTit {
  /* IE11 のみ適用される */
	min-heigtt: 110px !important;
	padding-top: 80px !important;
}
_:-ms-lang(x)::-ms-backdrop, #page_horoscope_login #pageTit::after {
  /* IE11 のみ適用される */
	bottom: 20px !important;
}
@-webkit-keyframes pageTitAnime {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}
@-moz-keyframes pageTitAnime {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}
@keyframes pageTitAnime {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}

#container {
	overflow: hidden;
	padding: 0 0 50px;
	margin: auto;
}
#mainContent {
/*	padding-left: 20px;
	padding-right: 20px;*/
}
#subNavi {
	line-height: 1.5;
}
[data-maincnts-colname="pc2_main"]{
	width: 705px;
	float: left;
}
[data-maincnts-colname="pc2_sub"]{
	width: 260px;
	float: right;
}
#footer {
	background-color: #0f005b;
	clear: both;
	color:#fff;
	position: relative;
	margin-top: 30px;
	padding: 10px 0 20px;
}
	#footer::before, #footer::after {
		content: "";
		display: inline-block;
		width: 100%;
		height: 2px;
		position: absolute;
	}
	#footer::before {
		background: #0f005b;
		top: -10px;
	}
	#footer::after {
		background: #FFF;
		bottom: 10px;
	}
	#footer-nav, #footer-nav_starnavi, #footer-nav_icon, #footer-nav_online {
		text-align: center;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}
		#footer-nav li, #footer-nav_starnavi li, #footer-nav_icon li, #footer-nav_online li {
			display: inline;
			margin-left: 1em;
			margin-right: 1em;
		}
		#footer-nav a, #footer-nav_starnavi a, #footer-nav_icon a, #footer-nav_online a {
			color: inherit;
		}
	#copyright{
		display: block;
		text-align: center;
		font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		margin-top: 30px;
	}

.back-top {
	width: 1025px;
	text-align: right;
  margin: auto;
	padding: 10px;
}

/*--------------------------------
 パソコン用　未來予報2020のバナー 
----------------------------------*/
.bnr_cal77_horoscope_pc {
	padding-top: 5px;
	text-align: left;
	float: left;
	clear: both;
	line-height: 0;
	margin-right: 20px;
}
.bnr_cal77_horoscope_sp, .bnr_cal77_sp {
	display: none;
}
/*--------------------------------
 WP用セミナー個別記事のボタン(残し)
----------------------------------*/
.wp_seminar {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp_seminar .wp_btn_entry {
    width: 400px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    margin: 50px 5px;
}
.wp_seminar .wp_btn_entry:hover {
    opacity: 0.6;
}
.wp_seminar .wp_btn_entry.commute {
    background: rgb(85, 174, 240, 1);
}
.wp_seminar .wp_btn_entry.live {
    background: rgb(185, 105, 204, 1);
}
.wp_seminar .wp_btn_entry.redord {
    background: rgb(255, 51, 255, 1);
}
.wp_seminar .wp_btn_entry.other {
    background: rgb(255, 136, 136, 1);
}
    .wp_seminar .wp_btn_entry a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: 100%;
        color: #FFF;
        font-size: 1rem;
        opacity: 1;
    }
/*--------------------------------
 WP用セミナーのカテゴリー配色(残し)
----------------------------------*/
.schedule_search .cat-astrology a, .date_col .cat-astrology, .tag_col .cat-astrology {
    border-bottom: 2px solid #4f49ab; 
}
.schedule_search .cat-ninestar a, .date_col .cat-ninestar, .tag_col .cat-ninestar {
    border-bottom: 2px solid #3b4c2c; 
}
.schedule_search .cat-tarot a, .date_col .cat-tarot, .tag_col .cat-tarot {
    border-bottom: 2px solid #006699; 
}
.schedule_search .cat-spiritual a, .date_col .cat-spiritual, .tag_col .cat-spiritual {
    border-bottom: 2px solid #ff6633; 
}
.schedule_search .cat-commute a, .date_col .cat-commute, .tag_col .cat-commute {
    border-bottom: 2px solid #55aef0; 
}
.schedule_search .cat-live a, .date_col .cat-live, .tag_col .cat-live {
    border-bottom: 2px solid #b969cc; 
}
.schedule_search .cat-record a, .date_col .cat-record, .tag_col .cat-record {
    border-bottom: 2px solid #ff33ff; 
}
.schedule_search .cat-beginnerok a, .date_col .cat-beginnerok, .tag_col .cat-beginnerok {
    border-bottom: 2px solid #ff64a0; 
}
.schedule_search .cat-beginner a, .date_col .cat-beginner, .tag_col .cat-beginner {
    border-bottom: 2px solid #e0306c; 
}
.schedule_search .cat-intermediate a, .date_col .cat-intermediate, .tag_col .cat-intermediate {
    border-bottom: 2px solid #405de5; 
}
.schedule_search .cat-all a, .date_col .cat-all, .tag_col .cat-all {
    border-bottom: 2px solid #ffe133; 
}
/* ======================================================================================
スマホ
====================================================================================== */
@media only screen and (max-width: 768px){
.logo_starNavigator img {
    width: 38%;
    top: -28px !important;
}
.bx-wrapper{
	padding-top:0;
}
	#container{
	}
	#pageWrap{
		min-width: auto;
	}
	#header {
	background: #0E005B !important;
}
	#headerInner,
	.wrap_limited{
		width:auto;
	}
	#headerInner {
		height: 110px;
		padding-left: 5px;
		padding-right :5px;
	}
	#siteID {
		position: relative;
		max-width: 150px;
		top: 35px;
		left: 10px;
	}
/* グローバルメニュー（スマホ）*/
	#gNavi {
		display: none;
	}
	#gNaviSP {
		display: block;
		position: relative;
		z-index: 9999;
		width: 100%;
	}
		#gNaviSP-menu-btn {
			position: absolute;
			top: -30px;
			right: 0;
			cursor: pointer;
			display: flex;
			justify-content: flex-end;
			align-items: flex-end;
		}
			#gNaviSP-menu-btn a {
					text-align: center;
				}
			#gNaviSP-menu-btn .gNaviSP-menu-icon_mail img {
				width: 70%;
                margin-right: 10px;
			}
			#gNaviSP-menu-btn .gNaviSP-menu-icon_facebook img {
				width: 82%;
			}
			#gNaviSP-menu-btn .gNaviSP-menu-btn_horofree img {
				width: 80%;
			}
		#gNaviSP-list {
				position: relative;
				top: 30px;
		}
			#gNaviSP-list > ul {
				color:#fff;
				display: flex;
				justify-content: flex-end;
				align-items: flex-end;
			}
				#gNaviSP-list > ul > li {
					font-size: 0.8rem;
/*   					width: 16%;*/
					min-width: 15%;
					text-align: center;
					margin-left: 5px;
				}
				.gNaviSP-list-item a,
				.gNaviSP-list-item span {
					color: inherit;
				}
				#gNaviSP-list > ul > li:last-child {
   /*				 width: 26%;*/
				}
		.gNaviSP-sublist {
				position: absolute;
				top: 36px;
				left: -2%;
				width: 104%;
				color: #FFF;
				overflow-y: hidden;
		}
			.gNaviSP-sublist > ul {
				overflow-x: auto;
				overflow-y: hidden;
				white-space: nowrap;
				margin: 0;
				-webkit-overflow-scrolling: touch;
				display: table;
			}
			.gNaviSP-sublist > ul > li {
				display: table-cell;
				height: 50px;
				vertical-align: middle;
				font-size: 1rem;
				margin-right: 10px;
				padding: 0 5px;
			}
			.gNaviSP-sublist > ul > li:nth-child(1) div > a, .gNaviSP-sublist > ul > li:nth-child(1) > a, .gNaviSP-sublist__second > ul > li:nth-child(1) > a {
				border-left: none; 
				padding-left: 10px;
			}
		.gNaviSP-sublist a {
				padding-right: 10px;
		}
	.gNaviSP-list-item__second, .gNaviSP-sublist__second {
		display: inherit;
	}
		.gNaviSP-sublist__second li {
			display: inline-block;
			font-size: 1rem;
			margin-right: 10px;
			padding: 10px 5px;
		}
#container {
	padding: 0px;
}
#mainContent {
	padding-bottom: 30px;
}
	.wrap_limited{
		padding-left: 7px;
		padding-right: 7px;
	}
#pageTit {
	min-height: 80px;
	margin-bottom: 30px;
	font-size: 1.714285704rem;
	line-height: 1.4;
	position: relative;
}
#pageTit::before {
    content: "";
    position: absolute;
    top: 170px;
    width: 90%;
    height: 1px;
    border-top: 1px solid #675223;
	border-bottom: none;
	left: 50%;
    margin-left: -45%;
}
#pageTit::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 1px;
    border-top: none;
    border-bottom: 1px solid #675223;
	margin: 0 auto;
	left: 50%;
    margin-left: -45%;
}
	#subNavi{
		padding-left: 7px;
		padding-right: 7px;
	}
	[data-titletype]{
		margin-left: 0px;
		margin-right: 0px;
	}

	/* タイトルの左右の余白潰し */
	#blog-article-tit_sp{
		margin-left: -7px;
		margin-right: -7px;
	}

	[data-mainCnts-colName="pc2_main"],
	[data-mainCnts-colName="pc2_sub"]{
		clear:both !important;
		width: auto !important;
		float:none !important;
	}
	#footer-nav li, #footer-nav_starnavi li, #footer-nav_online li {
		display: block;
		text-align: right;
		padding: 10px 0;
	}
	#footer-nav_icon li {
		display: inline-block;
		padding: 10px 0;
	}
	
.back-top {
	width: 90%;
	text-align: right;
}
/* サブメニュー（ページ内リンク）*/
	#subMenu > #subMenu-list {
    padding: 10px 10px 10px 5px;
}
/* サブメニュー（ページ内リンク枠付き）*/
#subMenu_bdr {
	margin: 0;
}
#subMenu_bdr > #subMenu-list{
	display: initial;
	width: 100%;
	padding: 10px;
	margin-bottom: 0;
}
	#subMenu_bdr > #subMenu-list li:nth-child(n+2){
		border-left: 1px solid #ccc;
	}
	#subMenu_bdr > #subMenu-list li:nth-child(n+2){
		border-top: none;
	}

/*--------------------------------
 スマホ用　未來予報2020のバナー 
----------------------------------*/
.bnr_cal77_sp {
	display: block !important;
	position: fixed;
	left: 0px;
	bottom: -3px;
	z-index: 9999;
	text-align: center;
	margin: 0;
}
#horoscopemenuMember .contractor_name li.change {
	float: none !important;
	display: flex !important;
	justify-content: space-between;
}
.bnr_cal77_horoscope_sp {
	display: inline-block;
}
	.bnr_cal77_horoscope_sp img {
		height: 32px;
	}
.bnr_cal77_horoscope_pc {
	display: none;
}
/*--------------------------------
 WP用ボタン
----------------------------------*/
.wp_seminar {
    display: block;
    justify-content: center;
    align-items: center;
}
.wp_seminar .wp_btn_entry  {
    width: 100%;
    height: 50px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    margin: 50px auto;
}
    .wp_seminar .wp_btn_entry a {
        font-size: 1.125rem;
    }
}
/*-------------------------------------------------------------------------
 スマホ(iPhone5/SE)
-------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
.gNaviSP-menu-icon_facebook {
	display: none;
}
	#mainImg .chartDate-cnts {
    	bottom: 45px !important;
}
	#horoscopemenuMember .contractor_name li {
		padding: 0px !important;
	}
}