h3 {
	background:#FFF; color:rgb(155, 55, 185); margin:0.8em 0 0 0; padding:0.4em 0 0.2em 0; font-size:130%; font-weight:bold; line-height:1.2em; border:none;text-align: center;width:100%; 
}
h4 {
	color:#621; background:#FFFEFF; margin:0.2em 0 0.2em 0; padding:0.6em 0 0.4em 0; ; font-size:110%; text-align:center; border:none; clear: both; width:100%;
}	
h5 {
	color:#421; background:#FFFEFF; margin:0 ; padding:0.2em ; font-size:100%; text-align:center; border:none; clear: both; width:100%;
}	

.link {
	width: 100%;
	height: 40px;
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	/*text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;*/
	text-overflow: ellipsis;
    -webkit-text-overflow: hidden;
    -o-text-overflow: hidden;
	white-space: nowrap;
}

.link ul {
    margin: 0;
    padding: 0;
	text-align: center;
	clear:both;
}

.link ul li {
    list-style: none;
    float:left;
	line-height: 40px;
	font-weight: bold;
    text-align: center;
	margin: 1px 0 1px 0;
	padding: 0;
	color:#C11;
	background : #CCEEFF;
}

.link ul li a {
    color: #FFFFFF;
    text-shadow: 0 2px 2px rgba(0,0,0,0.4);
    text-decoration:none;
    text-align: center;
    display: block;
	line-height: 40px;
	border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
	background : #108080;
	overflow: hidden;
    text-overflow: ellipsis;
}

.link ul li.expand a {
	background : #A01010;
}

.link ul.menu1 li {
	width:25%;
}

.link ul.menu2 li {
	width:25%;
}

.link ul.menu3 li {
	width:19.5%;
}

.link ul.menu4 li {
	width:49.9%;
}

.link ul.menuReturn li {
	width:33.2%;
}

.link ul.menuFull li {
	width:99.9%;
}

.link ul.page li {
	width:20%;
}

.box {
	width: 220px; /* ボックスの幅を設定 */
	padding: 0 5px;
	margin: auto 5px;	/* 上下auto、左右5pxで中央に配置 */
	line-height: 1.8em;
	text-align:left;
}

.box_narrow {
	width: 180px; /* ボックスの幅を設定 */
	padding: 0 5px;
	margin: auto 5px;	/* 上下auto、左右5pxで中央に配置 */
	line-height: 1.8em;
	text-align:center;
}

.box_wide {
	width: 300px; /* ボックスの幅を設定 */
	padding: 0 5px;
	margin: auto 5px;	/* 上下auto、左右5pxで中央に配置 */
	line-height: 1.8em;
	text-align:left;
}

.line-it-button{
	vertical-align:top; 
	width: 150px; /* ボックスの幅を設定 */
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;	/* 上下auto、左右5pxで中央に配置 */
}

.boxCenter {
	width: 360px; /* ボックスの幅を設定 */
	padding: 0;
	margin: 3px 3px;
	line-height: 1.8em;
	text-align:center;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/*<table>タグ */
table.center{ vertical-align:top; margin:0 ; padding:2px; border:2px solid #557755; margin-left:auto; margin-right:auto; width:100%}
table.noborder{ vertical-align:top; margin:0 ; padding:1px; margin-left:auto; margin-right:auto; border:none; }
th{ line-height:1.2em; margin:0; padding:0.3em; vertical-align:middle; border:1px solid #557755; text-align:center;}
th.small{ font-size:medium; }
td{ line-height:1.2em; margin:0; padding:0.3em; vertical-align:middle; border:1px solid #557755; text-align:center; font-size:medium;
	font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro'; }
td.small{ font-size:medium; }
td.small a{ text-decoration: none; font-weight:bold; }
td.left{ text-align:left; }
td.noborder{ line-height:1.2em; margin:0; padding:7px 4px 7px 4px; vertical-align:middle; text-align:center; border:none; }
td.width70{ width: 70px; }
td.width50{ width: 50px; }

/* top_menu */
#top_menu {  
	width: 100%;
	height: 45px;
	position: relative;
	padding: 0;
	margin: 0 0 5px 0;
	text-overflow: ellipsis;
    -webkit-text-overflow: hidden;
    -o-text-overflow: hidden;
	white-space: nowrap;
}

#top_menu ul {
    margin: 0;
    padding: 0;
	text-align: center;
}

#top_menu ul li {
    list-style: none;
    float:left;
    height: 45px;
	line-height: 45px;
    text-align: center;
	width:100%;
	background : #77AAEE;
}

#top_menu ul li a {
    color: #FFFFFF;
    text-shadow: 0 2px 2px rgba(0,0,0,0.4);
    font-weight: bold;
    text-decoration:none;
    text-align: center;
    display: block;
	background : -webkit-gradient(linear, left top, left bottom, from(rgb(120,170,200)), to(rgb(15,70,150)));
    background : -moz-linear-gradient(top, rgb(120,170,200), rgb(15,70,150));
	background : linear-gradient( to bottom, rgb(120,170,200), rgb(15,70,150) );     /* IE11 */
	border-left: 1px solid rgba(255,255,255,0.5);
    border-right: 1px solid rgba(255,255,255,0.5);
}

#top_menu ul.menu0 li {
	width:75%;
}
#top_menu ul.menu1 li {
	width:25%;
}

p.shop{
	padding:0; margin:0;
	height: 45px;
	line-height: 45px;
	background : #E02020;
	/* 角丸　*/
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
}

p.shop a{
	font-weight: bold;
    text-decoration:none;
	color: #FFFFFF;
}

/* キーワードの入力方法など、折りたたむボックス */
div.CollapsibleBoxTitle {font-weight: bold;margin: 0 0 0 20px; padding: 0; background:url(https://astrology.neoluxuk.com/m/Images/RedTriangle.gif) left no-repeat;}
div.CollapsibleBoxBody {margin: 0 0 0 10px; padding:0 0 0 10px; background-color: #FFFFEE; color: #111111;  border:1px solid #AADDFF;}
div.CollapsibleBoxBody {display: none;}

hr{color:#A0A0A0; height:1px; width:70%;}
/* Foot note */
.foot{font-size:0.8em;text-align:left; margin:0; padding:0;}

img.VerticalMiddle { 
	vertical-align: middle;
}

.nodecoration {
	text-decoration:none;
}

.ButtonReturn {
	margin:0px;
	padding:5px;
	color:#2222BB;
	font-weight: bold;
	height:35px;
}

.ButtonEdit {
	margin:0px;
	padding:5px;
	color:#33AA22;
	font-weight: bold;
	width:60px;
	height:35px;
}

.ButtonDelete {
	margin:0px;
	padding:5px;
	color:#FF0000;
	font-weight: bold;
	width:60px;
	height:35px;
}

.InputPassword {
	margin:0px;
	padding:5px 0 5px 0;
	width:100px;
	height:35px;
}

iframe.twitter-share-button {
    width: 120px !important;
}

input, button, textarea, select {
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}

/*色の指定*/
.red{ color: #AA0000; }
.red2{ color: #DD0000; font-weight: bold; }
.redred{ color: #FF0000; }
.purple{ color: #FF00A0; }
.goldred{ color: #AA4F19; }
.green{ color: #008000; }
.blue{ color: #0000FF; }
.yellow{ color: #907000; }
.azure{ color: #342659; }
.darkazure{ color: #1F1E47; }
.purple{ color: #800080; }
.pink{ color: #AA1473; }
.magenta{ color: #E50076; }
.navyblue{ color: #342679; }
.gray{ color: #555555; }
.black{ color: #000000; }
.white{ color:#FFFFFF; background:#000000; }
.silver{ color:#444444; }
.brown{ color:#853E3E; }
.lightpurple{ color: #000000; background:#FAF7FF; }
.bold{ font-weight: bold; }


input[type=text] {
	width: 100%;
	height:48px;
	box-sizing: border-box;
	font-size:120%;
}
input[type=password] {
	width: 100%;
	height:48px;
	box-sizing: border-box;
	font-size:120%;
}
input[type=email] {
	width: 100%;
	height:48px;
	box-sizing: border-box;
	font-size:120%;
}
textarea{
	width: 100%;
	box-sizing: border-box;
	font-size:130%;
}
input[type=submit] {
	width: 80%;
	height:50px;
	font-size:120%;
	font-weight:bold;
}
input[type=file] {
	width: 80%;
	height:50px;
	font-size:100%;
	font-weight:bold;
}
select {
	width: 100px;
	height:40px;
	font-size:120%;
}

.errorlist{
  color: red;
}

.form-group{
  margin: 10px 0;	/* 上下auto、左右5pxで中央に配置 */
	line-height: 1.8em;
  text-align:center;
}

.container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}

.divLeft {
	margin:0 0.2em 0.2em 0;
	padding:0;
	line-height:1.5em;
	text-align:center;
	float:left;
	background: #FFFAFE;
}

.divRightImage {
	margin:0 0 0.1em 0.1em;
	padding:0;
	line-height:1.4em;
	text-align:center;
	border:1px solid #AADDFF;
	float:right;
	background: #FFFAFE;
}

.divExpAdd ul {
    margin: 0.2em 0 0.2em 0;
	padding: 0 0 0 1.4em;
}

.divExpAdd li{
	margin: 0.2em 0 0.2em 0;
	padding: 0;
}

.divCenter img {
    max-width: 100%; /* 画像の幅を親要素に合わせる */
    height: auto; /* 縦横比を維持 */
}

.sticky { 
	position: sticky;
	position: -webkit-sticky; /* Safari */
	top: 20px;
	height: 600px;
	width: 300px;
  	z-index: 1;
	background-color: #F9FFFF;
	margin: 0 auto;
}

.divItemDescription {
	padding:0.2em 0.2em 0.2em 0.2em; line-height:1.5em; font-size:0.9em; margin-left:auto; margin-right:auto;
}


.divCenterPadding {
	padding:4px 0 4px 0;
	line-height: 1.4em;
	text-align:center;
}

.divCenter2 {
	padding:0 0 7px 0;
	line-height: 1.8em;
	text-align:center;
	vertical-align: middle;
}

.divCenterAdd {
	padding:15px 0;
	line-height: 1.4em;
	text-align:center;
	width: 100%;
  min-height: 350px;
}

.divExpAddCenter {
	padding:5px 0;
  margin: 0 auto;
	line-height: 1.8em;
	text-align:center;
	width: 100%;
  height: auto;
}
.divExpAddCenterWidthMaxWidth {
	padding:5px 0;
	line-height: 1.8em;
	text-align:center;
	max-width: 420px;
	margin-left:auto; margin-right:auto;
}

.divLarge {
	padding:10px 0;
  font-size:120%;
	line-height: 1.8em;
	text-align:left;
}


.boldError {
  font-weight: bold;
  font-size: 100%;
  line-height:1.2em;
  clear: both;
	color: red;
}

img.divExpAddCenter { 
	width: 100%; 
	height: auto; 
}

.SearchInputShort {
	font-size:140%;
	margin:0px;
	padding:0;
	width:170px;
	height:35px;
}

.SearchInputBottom {
	font-size:130%;
	margin:0px;
	padding:0px;
	width:70px;
	height:40px;
	color:#FFF;
	background:#D00;
	font-weight:bold;
}


.topmenuforh1 {
	text-align: center;
	background: #0060F0;	/*h1と同じ*/
	color: #fff;
	font-weight:bold;
	font-size:large;
	padding: 10px;
}

.topmenuforh1 h1{
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	line-height: 22px;
	margin:0;
	padding: 0;
	color: #FFF070;
}

.topmenuforh1 h1 a{
	text-decoration: none;
	color: #FFF;
}

.catmenu {
	font-weight:bold;
	font-size:large;
	text-align: center;
	background: #2040FF;	/*カテゴリーmenuメニューの背景*/
    color: #fff;
}

.topreturn {
	background: #2040FF;
	text-align: center;
	font-weight:bold;
	font-size:large;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border: none;
	margin:0px;
	padding:0px;
}

.topreturn a{
	text-decoration: none;
	color: #fff;
	display: block;
}

/*関連コンテンツ*/
.relatedcontents {
	text-align: center;
	background: #5030FF;	
    color: #FFF;
}

.relatedcontents a {
	font-weight:bold;
	font-size:large;
  	text-decoration: none;
	color: #FFF;
	display: inline-block;
	width: 90%;
}

.cat0Menu {
	background: #5030FF;	/*cat0メニューの背景*/
	color: #FFF;
	line-height: 1.4em;
}

.cat0Menu a{
	font-weight:bold;
	font-size:large;
  	text-decoration: none;
	color: #FFF;
	display: inline-block;
	width: 90%;
}

.AIchat {
	background: #B020B0;	/*cat0メニューの背景*/
	color: #FFF;
	line-height: 1.4em;
	height: 20px;
	text-align: center;
	padding: 11px 0
}

.AIchat a{
	font-weight:bold;
	font-size:large;
  	text-decoration: none;
	color: #FFF;
	display: inline-block;
	width: 90%;
}

.cat1Menu {
	background: #10A0A0;	/*cat1メニューの背景*/
	color: #FFF;
}

.cat1Menu a{
	font-weight:bold;
	font-size:large;
  	text-decoration: none;
	color: #FFF;
	display: inline-block;
	width: 90%;
}

.cat2Menu {
	background: #D03070;	/*cat2メニューの背景*/
	color: #FFF;
}

.cat2Menu a{
	font-weight:bold;
	font-size:large;
  	text-decoration: none;
	color: #FFF;
	display: inline-block;
	width: 90%;
}

.cat3Menu {
	background: #50A030;	/*cat3メニューの背景*/
	color: #fff;
}

.cat3Menu a{
	font-weight:bold;
	font-size:large;
  	text-decoration: none;
	color: #FFF;
	display: inline-block;
	width: 90%;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

img.center { 
    width: 100%;
    height:auto;
	max-width: 640px;
}


/*! TopMenu CategoryMenuを表示するためのCSS
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.
 */

/* Requirements */

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

/* Basic Theme */

[data-accordion] {
    line-height: 1;
}

[data-control],
[data-content] > * {
    border-bottom: 1px solid #AAA;
    padding: 12px; 
}

[data-content] [data-content] {
    padding: 0 0 0 13px;		/*インデントの下がり*/
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px;
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;			/*dropmenu.pngの右端からの距離*/
    font-weight: bold;
    height: 20px;
    width: 24px;
    background: url('https://astrology.neoluxuk.com/m/Images/dropmenu.png') right no-repeat;
   	background-size: 29px 20px;
}

[data-accordion].open > [data-control]:after {
    -webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
}

/* 追尾広告の設定 */
:root {
--LeftAds-height: 1000px;
}
.LeftAds {
	position: relative;
	height: var(--LeftAds-height);
	width:305px;
	float:left;
	background-color: #FCFCFC;
}
