/* ページの基本設定 */
body {
  width: 100%;
  padding: 0;
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  background: #FFFEFF;
  color: #000;
  overflow-x: hidden;
  z-index:0;
	line-height:1.7em;
	margin: 0 auto;
}

body a {
	color:#0044CC;
	font-weight: bold;
}

/* 共通のスタイル：親要素にflexboxを指定 */
#container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; /* 子要素の高さを揃えず内容に合わせる */
}

#item-left {
  height: auto; /* 自然な高さ */
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #eee;
  /* PC時の左列の幅 */
  flex-basis: 305px;
  min-width: 305px;
  max-width: 305px;
}

#item-right {
  height: auto; /* 自然な高さ */
  /* margin: 0 auto;  左右のマージンを自動にして中央寄せ */
  box-sizing: border-box;
  padding: 2px;
  border: 1px solid #eee;
  /* PC時の右列の幅 */
  flex-basis: 30%;
  flex-shrink: 1; 
  flex-grow: 1;    
  min-width: 30%;  
  max-width: 80%;
}

/* スマホ時は1列で幅100%に */
@media (max-width: 767px) {
  #item-left,
  #item-right {
    flex-basis: 100%;

    /* スマホ時に幅制約を解除 */
    min-width: auto !important;
    max-width: none !important;

    /* 中央寄せ解除 */
    margin: 0;
  }
}

.divMenuTitle{background:#FFFFFF url(https://ai-service.neoluxuk.com/static/ai_service/icons/Menu.gif); color:#103080; padding:0.2em 0 0.2em 0; margin:0;line-height:1.2em; font-weight:bold; text-align:center; font-size:120%; border:1px solid #1A0488;}

/*<h>タグ */
h1 {
	font-weight:bold;
	font-size:large;
	text-align: center;
	background: #0060F0;	/*トップメニューの背景*/
    color: #FFF;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: inline-block;
	width: 90%;
}
h2 {
	color:#FF0000; margin:0.3em 0 0.3em 0;padding:0.7em 0 0.5em 0;font-size:130%;font-weight:bold;line-height:1.2em;
 	background:url(https://astrology.neoluxuk.com/dream/m/Images/Green.gif); border:1px solid #88EE22; text-indent:5px;
	text-align: center;
	clear: both;width:100%;
}

/*<div>タグ */
/* フォントと背景の色とスタイルの設定 */
.divExpAdd {
	padding:0.2em 0;
	margin: 0.5em 0.2em;
	line-height:1.8em;
}

.divRight {
	margin:0 10px 0 0;
	padding:0;
	line-height:1.4em;
	float:right;
	color:#666;
}

.divDate {
	padding:0.4em 0.1em 0em 0.1em; line-height:1.5em; text-align:right; font-size:0.9em; color:#666;
}

.divCenter {
	padding: 0;
  margin: 3px auto;
	line-height: 1.2em;
	text-align:center;
	width: 100%;
  height: auto;
}

.youtube {
	margin: 3px auto;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.SNS{
	vertical-align:top; 
	margin:0;
	padding:0;
}

hr{ border:none; background-color:#E0E0E0; height:1px; width:70%; clear: both;}