@charset "UTF-8";
/* ======================================================================================
フロントページ
====================================================================================== */
/* ヘッダー関係 */
body {
	font-size: 14px !important;
	color: #333;
}
.spOnly, .sp, .gNavi-sublist, .gNaviSP-sublist {
	display: none !important;
}
/*input {
	cursor: pointer;
}*/
.globalheader {
    position: static !important;
}
#mainContent th, #mainContent td {
	padding-left : 6px !important;
	padding-right: 6px !important;
}
/* リセット */
#mainContent table {
	border-collapse: collapse;
}
    #mainContent table th, #mainContent table td {
        border: none;
        background: none;
    }
[data-titletype] {
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 15px;
	font-size: 1rem;
}
    [data-titletype="lv2"] {
        color: #141414;
        border: none;
        padding: 10px 0 10px 10px;
        position: relative;
        width: auto;
        text-indent: 0.5rem;
        background: none;
    }
        [data-titletype="lv2"]::before {
            content: '';
            vertical-align: middle;
            display: block;
            position: absolute;
            top: 5px;
            right: auto;
            left: 0px;
            width: 5px;
            height: calc( 100% - 10px );
            background: #c6c3dc;
            margin: 0 auto;
            transform: skewX(0deg);
        }
[data-titletype="groupaspect"] {
	font-family: 'メイリオ', Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 1px;
	font-size: 1rem;
	background-image: url(../images/common/bg_purple.png) !important;
	border: 1px solid #bfbfbf;
	padding: 10px 15px 8px 15px;
	margin-left: 0;
	margin-right: 0;
	cursor: pointer;
}
@keyframes fadeIn {
     from {
         opacity:0;
    }
     to {
         opacity:1;
    }
}
/* ローディングアニメーション */
#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #FFF;
	opacity: 0.8;
	z-index: 9999;
}
#loader {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -50px;
	margin-left: -100px;
	text-align: center;
	color: #334c8d;
	z-index: 99999;
}
/* ボーダー */
    #horoscope-userInfo::before, #horoscope-desc::before {
        content: '';
        background: url(../images/basis/bg_dots_p.png) repeat-x 0 0;
        height: 7px;
        display: block;
        margin: 0 auto 10px;
    }
    .horoscope-userInfo_doublechart #horoscope-userInfo::after {
        display: none;
    }
    #horoscope-userInfo::after, #horoscope-desc::after {
        content: '';
        background: url(../images/basis/bg_dots_gray.png) repeat-x 0 0;
        height: 7px;
        display: block;
        margin: 10px auto 0;
    }
/* margin */
#horoscope-position, #horoscope-house, #horoscope-aspect, #horoscope-orb, .horoscope-orb, .horoscope-groupaspect {
	margin-bottom: 60px;
}
/* 入力欄 */
#horoscope-inputData {
	overflow: hidden;
	margin-bottom: 50px;
}
#horoscope-image {
	width: 425px;
	float: left;
}
    #horoscope-image img {
        max-width: 100%;
    }
#horoscope-userInfo, #horoscope-submitBox {
	float: right;
	width: 500px;
}
#horoscope-userInfo {
	position: relative;
}
.horoscope-userInfo_doublechart {
	float: left;
	width: 480px !important;
	margin-left: 20px;
}
.horoscope-userInfo_cnt {
	float: none !important;
	margin: 0 auto !important;
	padding-top: 15px;
	clear: both;
}
.horoscope-position-table_doublechart {
	display: flex;
}
#horoscope-registerBox, #horoscope-resetBox, #horoscope-overwriteBox, #horoscope-deleteBox {
	display: inline-block;
	width: 320px;
}
#page_horoscope_setup #container #horoscope-registerBox input, #page_horoscope_setup #container #horoscope-resetBox input, #page_horoscope_setup #container #horoscope-overwriteBox input, #page_horoscope_setup #container #horoscope-deleteBox input {
	padding: 10px 5px;
	border: none;
	font-size: 1.5rem;
	margin-bottom: 10px;
	margin-right: 5px;
	text-align: center;
	width: 100%;
	max-width: 300px;
	cursor: pointer;
	border-radius: 5px;
}
#horoscope-submitBox {
	clear: both;
}
    #horoscope-userInfo tbody:not(:first-child) {
        border-top: 1px solid #b5b5b5;
    }
    #horoscope-userInfo tr:not(:last-child) {
        border-bottom: 1px solid #eee;
    }
#horoscope-userInfo .horoscope-data {
	padding: 12px 20px 7px;
	vertical-align: middle;
}
    #horoscope-userInfo .horoscope-data.birth_place_address label {
        width: 58px;
        display: inline-block;
        cursor: text;
    }
    #horoscope-userInfo .horoscope-data input[name="name"], #horoscope-userInfo .horoscope-data input[name="name2"]  {
        width: 100%;
        max-width: 350px;
    }
			#horoscope-userInfo .horoscope-data input#geosubmit, #horoscope-userInfo .horoscope-data input#geosubmit2 {
				width: 60px;
				font-size: 0.875rem;
			}
/* 無料版 生まれた場所/経過地入力 */
#horoscope-userInfo .horoscope-data.birth_place_address input[type=button] {
	font-size: 1.0rem;
	background: #334c8f;
	margin: 0 auto;
	color: #FFFFFF;
	width: 40%;
}
#horoscope-userInfo .horoscope-data.birth_place_address .place_fuser #geolat,
#horoscope-userInfo .horoscope-data.birth_place_address .place_fuser #geolon,
#horoscope-userInfo .horoscope-data.birth_place_address .place_fuser #geolat2,
#horoscope-userInfo .horoscope-data.birth_place_address .place_fuser #geolon2 {
	border: 1px solid #c9c9c9;
}
#horoscope-userInfo .horoscope-data.birth_place_address .place_fuser_result input {
	border: none;
	cursor: text;
}
#horoscope-userInfo .horoscope-data.birth_place_address #geotimezone,
#horoscope-userInfo .horoscope-data.birth_place_address #geotimezone2 {
	max-width: 50px !important;
}
/* サマータイムの意味表示 */
#horoscope-userInfo .horoscope-data.birth_place_address i,
#horoscope-userInfo .horoscope-label i {
	cursor: pointer;
}
#horoscope-userInfo .horoscope-data.birth_place_address i::after,
#horoscope-userInfo .horoscope-label i::after {
	content: "?";
	font-size: 12px;
	font-style: normal;
	text-align: center;
	color: #333;
	background: #eee;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	padding: 0px 6px;
	margin-left: 3px;
}
#horoscope-userInfo .horoscope-data select#setup_num {
	width: 100%;
}
#horoscope-userInfo .horoscope-data.birth_place_address #geolon,
#horoscope-userInfo .horoscope-data.birth_place_address #geolat,
#horoscope-userInfo .horoscope-data.birth_place_address #geolon2,
#horoscope-userInfo .horoscope-data.birth_place_address #geolat2 {
	background: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: default;
}
#horoscope-userInfo .horoscope-data.birth_place_address #geolon:focus,
#horoscope-userInfo .horoscope-data.birth_place_address #geolat:focus,
#horoscope-userInfo .horoscope-data.birth_place_address #geolon2:focus,
#horoscope-userInfo .horoscope-data.birth_place_address #geolat2:focus {
  outline:none;
}
#horoscope-userInfo .horoscope-aside {
	font-size: 0.8em;
}
#horoscope-userInfo .horoscope-label {
	border-right: 1px solid #b5b5b5;
	padding: 20px 20px 20px;
	vertical-align: middle;
	position: relative;
	white-space: nowrap;
}
#horoscope-userInfo tr:first-child .horoscope-label::after,
#horoscope-userInfo tr:last-child .horoscope-label::after {
	content: '';
	display: block;
	position: absolute;
	background: #b5b5b5;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	right: -3px;
}
    #horoscope-userInfo tr:first-child .horoscope-label::after {
        top: 0;
    }
    #horoscope-userInfo tr:last-child .horoscope-label::after {
        bottom: 0;
    }
#horoscope-userInfo .attention {
	color: red;
	display: block;
	font-size: 0.75rem;
	text-indent: -1em;
	margin-left: 1em;
}
#contents .attention {
	color: red;
	font-size: 0.75rem;
}
    #horoscope-userInfo .attention::before, #contents .attention::before {
        content: '※';
    }
#horoscope-userInfo input, #horoscope-userInfo select, #page_horoscope_setup #container input, #page_horoscope_setup #container select, #eventTable input, #eventTable select, #modal-main input, #modal-main select, #modal-main-second input, #modal-main-second select, #modal-main-third input, #modal-main-third select, #modal-main-fourth input, #modal-main-fourth select, #page_horoscope_setup #contents select {
    color: #333;
	font-size: 1rem;
    font-weight: normal;
	border: 1px solid #c9c9c9;
    border-radius: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
    padding: 5px;
}
#eventTable input, #eventTable select {
	font-size: 1rem;
}
#horoscope-userInfo .specifiedChangeBtn {
	font-size: 0.9em !important;
	background-color: #334c8d;
	color: #fff;
	padding: 5px 10px;
	letter-spacing: 1.5px;
}
#horoscope-userInfo .setting_targetBtn {
	font-size: 0.95em !important;
	background-color: #334c8d;
	color: #fff;
	padding: 5px 8px;
	border-radius: 5px;
	border: 1px solid #c9c9c9;
	position: relative;
	top: -5px;
	left: -5px;
}
#horoscope-userInfo .setting_targetBtn + input:placeholder-shown {
    color: #ccc;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
#horoscope-userInfo .setting_targetBtn + input::-webkit-input-placeholder {
    color: #ccc;
}
#horoscope-userInfo .horoscope-userInfo_data {
	margin: 20px auto;
}
#horoscope-submitBox, #horoscope-resetBox {
	margin-top: 30px;
}
.horoscope_setup .horoscope-Box {
	display: inline-block;
	width: 100%;
	text-align: center;
}
#horoscope-submitBox-btn, #horoscope-registerBox-btn {
	background: #e9702f;
	margin: auto !important;
	border: none !important;
	display: block;
	color: #fff !important;
	width: 100%;
	max-width: 260px;
	height: 50px;
	font-size: 1.275rem !important;
	box-shadow: 0px 0px 10px #d14913 inset;
	cursor: pointer;
	border-radius: 5px;
}
#horoscope-submitBox-btn:hover, #horoscope-registerBox-btn:hover {
		opacity: 0.8;
}
    #horoscope-registerBox-btn a {
        color: #fff;
        text-decoration: none;
    }
.re_barthdata_btn, .setup_btn, .delete_btn, .register_btn, .re_btn {
	margin: auto;
	border: none;
	display: block;
	color: #fff !important;
	width: 100%;
	max-width: 240px;
	height: 50px;
	font-size: 1.275rem;
	cursor: pointer;
	border-radius: 5px;
}
.re_barthdata_btn:hover, .setup_btn:hover, .delete_btn:hover, .register_btn:hover, .re_btn:hover {
		opacity: 0.8;
}
#horoscope-desc {
	max-width: 700px;
	margin: 35px auto;
}
    #horoscope-desc .lineListBox {
        padding: 5px 20px;
        line-height: 1.3;
    }
.horoscope-detail-aside {
	font-size: 0.7em;
	margin-right: 15px;
	white-space: nowrap;
}
#horoscope-position {
	width: 525px;
	float: left;
}
#horoscope-position-table {
	border: 1px solid #bfbfbf;
}
    #horoscope-house-table th, #horoscope-position-table th {
        height: 36px;
        text-align: left;
        background-image: url(../images/common/bg_Bluesky_border.gif) !important;
    }
#horoscope-house-table tr:not(:last-child), #horoscope-position-table tr:not(:last-child) {
	border-bottom: 1px solid #eee;
}
#horoscope-house-table th, #horoscope-position-table th, #horoscope-house-table td, #horoscope-position-table td {
	padding: 10px 5px;
}
.horoscope-house-table-lord {
	zoom: 0.8;
	line-height: 1;
}
    .horoscope-house-table-lord::before {
        content: "(";
    }
    .horoscope-house-table-lord::after {
        content: ")";
    }
#horoscope-house {
	width: 470px;
	float: right;
}
    #horoscope-house-table {
        border: 1px solid #bfbfbf;
    }
#horoscope-aspect {
	clear: both;
}
    #horoscope-aspect-table {
        border-left: 1px solid #bfbfbf !important;
        border-bottom: 1px solid #bfbfbf !important;
    }
        #horoscope-aspect-table th {
            background-image: url(../images/common/bg_Bluesky_border.gif) !important;
        }
            #horoscope-aspect-table th:not(.horoscope-aspect-none), #horoscope-aspect-table td:not(.horoscope-aspect-none) {
                border-top: 1px solid #bfbfbf !important;
                border-right: 1px solid #bfbfbf !important;
                min-width: 42px;
                text-align: center;
            }
.horoscope-aspect-none {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.horoscope-grouping-table {
}
    .horoscope-grouping-table th {
        background-image: url(../images/common/bg_Bluesky_border.gif) !important;
    }
    .horoscope-grouping-table th, .horoscope-grouping-table td {
        border: 1px solid #bfbfbf !important;
    }
    .horoscope-grouping-table th:nth-child(1), .horoscope-grouping-table td:nth-child(1),
    .horoscope-grouping-table th:nth-child(2), .horoscope-grouping-table td:nth-child(2),
    .horoscope-grouping-table th:nth-child(3), .horoscope-grouping-table td:nth-child(3) {
        min-width: 50px;
        text-align: center !important;
    }
.horoscope-groupaspect {
	clear: both;
}
.horoscope-orb table {
	display: flex;
}
    #horoscope-orb td, .horoscope-orb td .horoscope-groupaspect td {
        font-size: 0.9rem;
    }
.horoscope-orb-data {
	border: 1px solid #bfbfbf !important;
}
.pageBack, .pagePrint, .pagePredict {
	margin: 50px 0;
	padding: 20px 0;
	clear: both;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	text-align: center;
}
    .pageBack a, .pagePrint a {
        display: inline-block;
        font-size: 1rem;
        background: #20225d;
        padding: 14px 28px;
        color: #fff;
        border-radius: 5px;
    }
        .pageBack a::before {
            content: '< ';
        }
#banner {
	text-align: center;
}
    #banner li {
        display: inline-block;
        margin: 0 30px;
    }
.horoscopeIcon {
	margin-right: 5px;
	width: 17px;
	height: 17px;
	content: '';
	vertical-align: middle;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
}
.horoscopeIcon_signAries {
	background-image: url(../images/horoscope/icon/sign/signAries.svg);
}
.horoscopeIcon_signTaurus {
	background-image: url(../images/horoscope/icon/sign/signTaurus.svg);
}
.horoscopeIcon_signGemini {
	background-image: url(../images/horoscope/icon/sign/signGemini.svg);
}
.horoscopeIcon_signCancer {
	background-image: url(../images/horoscope/icon/sign/signCancer.svg);
}
.horoscopeIcon_signLeo {
	background-image: url(../images/horoscope/icon/sign/signLeo.svg);
}
.horoscopeIcon_signVirgo {
	background-image: url(../images/horoscope/icon/sign/signVirgo.svg);
}
.horoscopeIcon_signLibra {
	background-image: url(../images/horoscope/icon/sign/signLibra.svg);
}
.horoscopeIcon_signScorpio {
	background-image: url(../images/horoscope/icon/sign/signScorpio.svg);
}
.horoscopeIcon_signSagittarius {
	background-image: url(../images/horoscope/icon/sign/signSagittarius.svg);
}
.horoscopeIcon_signCapricorn {
	background-image: url(../images/horoscope/icon/sign/signCapricorn.svg);
}
.horoscopeIcon_signAquarius {
	background-image: url(../images/horoscope/icon/sign/signAquarius.svg);
}
.horoscopeIcon_signPisces {
	background-image: url(../images/horoscope/icon/sign/signPisces.svg);
}
.horoscopeIcon_planetSun {
	background-image: url(../images/horoscope/icon/planet/planetSun.svg);
}
.horoscopeIcon_planetMoon {
	background-image: url(../images/horoscope/icon/planet/planetMoon.svg);
}
.horoscopeIcon_planetMercury {
	background-image: url(../images/horoscope/icon/planet/planetMercury.svg);
}
.horoscopeIcon_planetVenus {
	background-image: url(../images/horoscope/icon/planet/planetVenus.svg);
}
.horoscopeIcon_planetMars {
	background-image: url(../images/horoscope/icon/planet/planetMars.svg);
}
.horoscopeIcon_planetJupiter {
	background-image: url(../images/horoscope/icon/planet/planetJupiter.svg);
}
.horoscopeIcon_planetSaturn {
	background-image: url(../images/horoscope/icon/planet/planetSaturn.svg);
}
.horoscopeIcon_planetUranus {
	background-image: url(../images/horoscope/icon/planet/planetUranus.svg);
}
.horoscopeIcon_planetNeptune {
	background-image: url(../images/horoscope/icon/planet/planetNeptune.svg);
}
.horoscopeIcon_planetPluto {
	background-image: url(../images/horoscope/icon/planet/planetPluto.svg);
}
.horoscopeIcon_symbolDragonhead {
	background-image: url(../images/horoscope/icon/symbol/symbolDragonhead.svg);
}
.horoscopeIcon_symbolDragontail {
	background-image: url(../images/horoscope/icon/symbol/symbolDragontail.svg);
}
.horoscopeIcon_symbolASC {
	background-image: url(../images/horoscope/icon/symbol/symbolASC.svg);
}
.horoscopeIcon_symbolMC {
	background-image: url(../images/horoscope/icon/symbol/symbolMC.svg);
}
.horoscopeIcon_symbolRetrograde {
	background-image: url(../images/horoscope/icon/symbol/symbolRetrograde.svg);
}
.horoscopeIcon_symbolJuno {
	background-image: url(../images/horoscope/icon/symbol/symbolJuno.svg);
}
.horoscopeIcon_symbolCeres {
	background-image: url(../images/horoscope/icon/symbol/symbolCeres.svg);
}
.horoscopeIcon_symbolVesta {
	background-image: url(../images/horoscope/icon/symbol/symbolVesta.svg);
}
.horoscopeIcon_symbolChiron {
	background-image: url(../images/horoscope/icon/symbol/symbolCheiron.svg);
}
.horoscopeIcon_symbolPallas {
	background-image: url(../images/horoscope/icon/symbol/symbolPallas.svg);
}
.horoscopeIcon_symbolLilith {
	background-image: url(../images/horoscope/icon/symbol/symbolLilith.svg);
}
.horoscopeIcon_symbolVt {
	background-image: url(../images/horoscope/icon/symbol/symbolVt.svg);
}
.horoscopeIcon_symbolPof {
	background-image: url(../images/horoscope/icon/symbol/symbolPof.svg);
}
.horoscopeIcon_aspect0 {
	background-image: url(../images/horoscope/icon/aspect/aspect0.svg);
}
.horoscopeIcon_aspect60 {
	background-image: url(../images/horoscope/icon/aspect/aspect60.svg);
}
.horoscopeIcon_aspect90 {
	background-image: url(../images/horoscope/icon/aspect/aspect90.svg);
}
.horoscopeIcon_aspect120 {
	background-image: url(../images/horoscope/icon/aspect/aspect120.svg);
}
.horoscopeIcon_aspect180 {
	background-image: url(../images/horoscope/icon/aspect/aspect180.svg);
}
.horoscopeIcon_aspect30 {
	background-image: url(../images/horoscope/icon/aspect/aspect30.svg);
}
.horoscopeIcon_aspect45 {
	background-image: url(../images/horoscope/icon/aspect/aspect45.svg);
}
.horoscopeIcon_aspect72 {
	background-image: url(../images/horoscope/icon/aspect/aspect72.svg);
}
.horoscopeIcon_aspect135 {
	background-image: url(../images/horoscope/icon/aspect/aspect135.svg);
}
.horoscopeIcon_aspect144 {
	background-image: url(../images/horoscope/icon/aspect/aspect144.svg);
}
.horoscopeIcon_aspect150 {
	background-image: url(../images/horoscope/icon/aspect/aspect150.svg);
}
.horoscopeIcon_aspect165 {
	background-image: url(../images/horoscope/icon/aspect/aspect165.svg);
}
.horoscopeIcon_parallel {
	background-image: url(../images/horoscope/icon/other/parallel.svg);
}
.horoscopeIcon_contraparallel {
	background-image: url(../images/horoscope/icon/other/contraparallel.svg);
}
.btn_zoom {
	text-align: center;
	margin: 10px auto;
	padding: 8px 4px;
	font-size: 0.8em;
	width: 13em;
}
    .btn_zoom::before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        color: #00288f;
        margin-right: 4px;
        vertical-align: middle;
        background: url("../images/horoscope/icon_zoom.svg");
    }
/* 意味表示アイコン(ハウス関連)*/
.horoscope-house_info, .horoscope-grouping-table table td:nth-child(1) {
	cursor: pointer;
}
/* ツールチップ本体 */
.tooltip, .tooltip_menu {
	position: absolute;
	z-index: 999;
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 2;
}
/* ツールチップの内容 */
.tooltip__body {
	position: relative;
	top: -5px;
	display: block;
	width: 500px;
	padding: 10px 15px;
	background: #222;
	-webkit-border-radius : 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}
/* ツールチップの内容 （メニュー）*/
.tooltip__body_menu {
	position: relative;
	bottom: -10px;
	display: block;
	padding: 10px 15px;
	background: #222;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}
/* 矢印をつける（メニュー）*/
/*	.tooltip__body_menu:after {
		content:"";
		position:absolute;
		bottom:50px;
		left:50%;
		display:block;
		width:0;
		height:0;
		margin-left:-5px;
		border-width:0px 5px 5px 5px;
		border-style:solid;
		border-color:transparent transparent #222 transparent;
	}*/
/* 意味表示カラー */
.aspectColor_soft {
	color: #3498db !important;
}
.aspectColor_hard, .planetColor_malefic {
	color: #e74c3c !important;
}
.aspectColor_aspect0 {
	color: #249239 !important;
}
.aspectColor_good, #predict_result.preset_bigevents .aspectColor_good, .color_low, .selectColor {
	background-color: #bbd4f1 !important;
}
.aspectColor_bad, .color_high {
	background-color: #f6ae54 !important;
}
.aspectColor_danger {
	background-color: #ea5550 !important;
}
.color_emphasis {
	background-color: #ffec74 !important;
}
#predict_result.preset_bigevents .aspectColor_danger {
	background-color: #ffa6a3 !important;
}
#predict_result .aspectColor_good, #predict_result .aspectColor_danger, .preset_axis .aspectColor_good, .preset_axis .aspectColor_danger {
	background-color: #f6f6f6 !important;
}
.halfsumColor_default {
	font-weight: bold;
	background-color: #ffa6a3 !important;
}
.halfsumColor_defaultP {
    font-weight: bold;
/*    background: RGB(255,205,86,0.7) !important;*/
	background-color: #fcd986 !important;
}
.halfsumColor_defaultD {
    font-weight: bold;
/*    background: RGB(255,140,0,0.7) !important;*/
	background-color: #fcac49 !important;
}
.halfsumColor_defaultT {
    font-weight: bold;
/*    background: RGB(0,133,201,0.5) !important;*/
	background-color: #7bbddf !important;
}
/* ------------------------------
オーブの設定 / 複合アスペクト
------------------------------*/
.horoscope-groupaspect {
	margin-bottom: 30px;
}
.horoscope-groupaspect table {
	border: 1px solid #eee !important;
}
    .horoscope-groupaspect th, .horoscope-groupaspect td {
        border: 1px solid #eee !important;
    }
.horoscope-groupaspect_hide {
	display: none;
}
.horoscope-groupaspect_hide p {
	margin-bottom: 15px !important;
	padding: 0 20px;
}
/* ------------------------------
ホロスコ―プのみに反映させたい記述
------------------------------*/
#footer {
	margin-top: 100px;
}
/* ------------------------------
メッセージアラート
------------------------------*/
#update_text span {
	display: block;
	color: #334c8d;
	font-weight: normal;
	border-radius: 5px;
	background-image: url(../images/common/bg_Bluesky_border.gif);
	margin-bottom: 15px;
	padding: 10px;
}
    #update_text span.error {
        display: block;
        color: #FF0000;
        font-weight: normal;
        border-radius: 5px;
        background-image: url(../images/common/bg_pink_border.gif);
        margin-bottom: 15px;
        padding: 10px;
    }
.attention-msg {
	margin-top: 10px;
	color: red;
	font-size: 0.75rem;
}
/* ------------------------------
三重円(_npt)
------------------------------*/
.flex-container {
	margin-left: 10px;
}
.flex-container:nth-child(1) {
	margin-left: 0;
}
#horoscope-house-table_npt th, #horoscope-position-table_npt th {
	text-align: left;
	background-image: url(../images/common/bg_Bluesky_border.gif) !important;
}
    #horoscope-position-table_npt th br {
        display: none;
    }
    #horoscope-house-table_npt tr:not(:last-child), #horoscope-position-table_npt tr:not(:last-child) {
        border-bottom: 1px solid #eee;
    }
    #horoscope-house-table_npt th, #horoscope-position-table_npt th, #horoscope-house-table_npt td, #horoscope-position-table_npt td {
        padding: 8px 2px 8px 4px !important;
    }
#horoscope-position_npt {
	width: 100% !important;
	float: none !important;
	display: flex !important;
}
#horoscope-position-table_npt {
	border: 1px solid #bfbfbf;
}
	#horoscope-position-table_npt th {
		font-size: 0.8rem;
	}
	#horoscope-position-table_npt td, #horoscope-house-table th, #horoscope-house-table td {
		font-size: 0.9rem;
	}
#horoscope-position-table_npt .horoscopeIcon {
	display: block !important;
}
#horoscope-house_npt {
	width: 495px !important;
	float: none !important;
}
#horoscope-house-table_npt {
	border: 1px solid #bfbfbf;
}
#horoscope-house-table_npt br {
	display: none;
}
#horoscope-house-table_npt td:nth-child(2) {
	width: 30px;
}
/* 月相 */
#mainContent table.table1 {
	min-width: 410px;
}
#mainContent table.table2, #mainContent table.table3 {
	min-width: 280px;
}
#mainContent .lunarPhase table {
	border: 1px solid #bfbfbf;
}
#mainContent .lunarPhase table.table1 {
}
#mainContent .lunarPhase table th {
	white-space: nowrap;
	padding: 0 0 0 5px;
}
#mainContent .lunarPhase table td:nth-child(2)::after {
	content: "°";
}
#mainContent .lunarPhase table td:nth-child(3)::after {
	content: "／28";
}
/*-------------------------
未来予測
-------------------------*/

/* ------------------------------
プチ未来予測とお知らせ
------------------------------*/
/* モーダル コンテンツエリア */
#modal-main_info {
	display: none;
    width: 54%;
	background-color: rgba(45,45,45,1);
	border-radius: 15px;
	margin: 0 auto !important;
	padding: 30px 30px 50px;
	position: fixed;
	left: 20% !important;
    z-index: 9999;
}
#modal-main-predict_love, #modal-main-predict_money {
    width: 700px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 15px;
	margin: 0 auto !important;
	padding: 30px 30px 50px;
}
    #modal-main_info p, #modal-main-predict_love p, #modal-main-predict_money p {
        margin-bottom: 30px;
    }
    #modal-main-predict_love p, #modal-main-predict_money p {
        margin-top: 20px;
    }
/* モーダル 背景エリア */
#modal-bg_info, #modal-bg-predict_love, #modal-bg-predict_money {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.2);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.modal-main-predictInner {
	color: #FFF;
	text-align: center;
	line-height: 1.6;
}
.predict_info_tit {
	color: #64e3ff;
	font-size: 2rem;
}
.petitepredict_date {
	font-size: 1.375rem;
}
    .petitepredict_eventMoney, .petitepredict_eventLove {
        font-size: 1.8rem;
        font-weight: bold;
    }
    .petitepredict_eventMoney {
        color: #fff000;
    }
    .petitepredict_eventLove {
        color: #ff6ac9;
    }
.petitepredict_result {
}
.petitepredict_result .petitepredict_date_result {
	color: #64e3ff;
	font-size: 1.8rem;
	text-align: center;
	margin: 15px 0 25px;
}
.petitepredict_result .petitepredict_text {
	width: auto;
	font-size: 1.375rem;
	text-align: left;
	vertical-align: top;
	border: 1px solid #FFF;
	margin-left: 10px;
	padding: 15px;
}
    .petitepredict_result .petitepredict_text ul {
        margin-top: 15px;
    }
        .petitepredict_result .petitepredict_text li {
            display: inline-block !important;
            width: 47%;
            color: #FFF;
            font-size: 1rem;
            text-align: left;
            padding-left: 10px;
            text-indent: -14px;
        }
        .petitepredict_result .petitepredict_text li::before {
            content: "・";
        }
.predict_info_list {
	text-align: left;
    max-height: 480px;
    overflow-y: scroll;
}
	.predict_info_list dl {
		width:  98%;
	}
		.predict_info_list dt {
			float: left;
			min-height: 12px;
			height: auto!important;
		}
		.predict_info_list dd {
			padding: 0 0 0 90px;
			margin: 0 10px 30px 20px;
			text-indent: 0px;
		}
			.predict_info_list dd a {
				color: #ffdc01;
			}
/* ------------------------------
ログインページ
------------------------------*/
#page_horoscope_login #pageTit {
	min-height: 110px;
    margin-top: 25px;
	margin-bottom: 30px;
	padding-top: 0;
}
#page_horoscope_login #pageTit::before {
    content: "";
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #b3a891;
    border-bottom: 2px solid #b3a891;
    padding-bottom: 3px;
}
#page_horoscope_free #container {
	overflow: hidden;
	padding: 50px 0px !important;
	margin: auto;
}
.loginarea-conts {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	width: 100%;
}
.loginarea {
	width: 380px;
	background: url(../images/login/bg_login.png);
	border: 2px solid #c6c3dc;
	padding: 10px 30px;
	margin: 0 auto;
}
    .loginarea input {
        padding: 10px 5px;
        border-radius: 5px;
        border: 1px solid #c9c9c9;
        font-size: 1.2rem;
        width: 100%;
    }
    .loginarea p {
        text-align: right;
        margin: 0 !important;
    }
        .loginarea p a {
            text-decoration: underline;
        }
.loginarea div {
	text-align: center;
	margin: 10px auto;
}
.loginarea_tit {
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	background: #c6c3dc;
	padding: 10px;
}
.login_btn {
	width: 300px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
}
    .login_btn a {
        background: #334c8f;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3) inset;
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 15px 0;
        font-size: 21px;
    }
        .login_btn a:hover {
            background: #385297;
        }
.login_btn input {
	background: #334c8f;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3) inset;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	font-size: 21px;
}
    .login_btn input:hover {
        background: #385297;
    }
    .login_btn a {
        background: #334c8f;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3) inset;
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 15px 0;
        font-size: 21px;
    }
input.error {
	border: 1px solid rgba(198, 0, 0, 0.5);
	background: #f4e1e1;
}
div.error_txt {
	color: #e40000;
	border: 1px solid #e40000;
	text-align: center;
	padding: 8px;
	margin-bottom: 30px;
	line-height: 1.4;
}
.login_back {
	text-align: center;
	margin-top: 30px;
}
.category.egist_barthdata_btn {
}
		.category.head_barthdata_btn a {
			display: block;
			color: #FFF;
			font-size: 0.85rem;
			text-align: center;
			border-radius: 5px;
			background: #e9702f;
			box-shadow: 0px 0px 10px #d14913 inset;
			margin: 0 auto;
			padding: 10px;
			cursor: pointer;
		}
.loginmenu li {
	border: 1px solid #e9702f;
	background-color: #fcfeb800;
	padding: 10px 0;
	margin-bottom: 2px;
}
		.loginmenu li a {
			color: #e9702f;
		}
/* ------------------------------
　出生データの一覧
------------------------------*/
/* ボタンの共通設定 */
.btn {
	font-size: 1.125rem;
	text-align: center;
	width: 100%;
	max-width: 240px;
	height: 50px;
	display: block;
	border: 0;
	cursor: pointer;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3) inset;
	border-radius: 5px;
	box-sizing: border-box;
}
input.btn, a.btn {
	color: #fff !important;
}
/* ボタンのカラー指定 */
.re_barthdata_btn, .re_btn {
	background: #334c8f;
	margin: 0 auto;
}
.del_barthdata_btn, .del_btn {
	background: #c60606;
	margin: 0 auto;
}
.egist_barthdata_btn, .register_btn {
	background: #e9702f !important;
	margin: 0 auto;
}
	.egist_barthdata_btn a, .halfsum_btn a, .return_btn a {
		display: block;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		padding: 15px 0;
	}
.setup_btn, .dl_btn {
	background: #249239;
	margin: 0 auto;
}
.new_barthdata_btn {
	background: #249239;
	margin: 15px 0;
	margin-left: auto;
}
.new_category_btn, .sorting_btn {
	background: #249239;
	margin: 15px 0;
	margin-right: 5px;
	max-width: 220px;
}
/* ハーフサム・リターン図 */
.halfsum_btn, .return_btn {
	display: block;
	color: #fff;
	font-size: 1.275rem;
	text-align: center;
	background: #334c8f;
	border: 1px solid #caaf67;
	border-radius: 5px;
	margin-top: 30px;
	cursor: pointer;
}
		.halfsum_btn.disabled {
			background: #cccccc;
			border: 1px solid #cccccc;
			box-shadow: 0px 0px 10px #adadad inset;
			pointer-events: none;
		}
.halfsum_menu {
	display: flex;
}
    .halfsum_menu li {
     	width: 100%;
        border-top: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
    }
        .halfsum_menu li:first-child {
            border-left: 1px solid #c9c9c9;
        }
        .halfsum_menu li input {
            color: #333!important;
            background: #FFF;
            font-size: 1rem;
            font-weight: normal;
            padding: 10px;
            display: block;
            cursor: pointer;
            width: 100%;
            text-align: left;
        }
            .halfsum_menu li input:hover {
                background-color: #eee;
            }
        .halfsum_menu li input::-moz-focus-inner{
            border :0px;
        }
        .halfsum_menu li input:disabled {
            background: #CCC;
            color: #fff;
            pointer-events: none;
        }
/* テーブルの体裁 */
#horoscope-position-table_birthdata th, #horoscope-position-table_birthdata td {
	padding: 5px 10px;
}
#horoscope-position-table_birthdatalist tbody th, #horoscope-position-table_birthdatalist tbody td {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#horoscope-position-table_birthdata th, #horoscope-position-table_birthdatalist th {
	background: #c6c3dc !important;
	box-sizing: border-box;
}
#horoscope-position-table_birthdatalist td:first-child {
	padding-top: 0px !important;
}
#horoscope-position-table_birthdata tr {
	background: #fff;
}
#horoscope-position-table_birthdata tr:nth-child(even) {
	background: #f1f1f1;
}
input.birthdata_btn, button.birthdata_btn, input.predict_btn {
	display: inline-block;
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	padding: 4px 12px;
	color: #fff !important;
	text-align: center;
	cursor: pointer;
}
input.correction, button.correction, input.categoryadd, input.categoryadd_parentList, input.categoryadd_childList, input.categoryadd_grandchildList, input.move, input.namechange {
	background: #334c8d;
}
input.cancel {
	background: #aaa;
}
input.delete, input.add {
	background: #c60606;
}
#horoscope-position-table_birthdata td.operation_btn_area {
	text-align: center;
	white-space: nowrap;
}
#horoscope-position-table_birthdata tbody td a {
	text-decoration: underline;
}
/* メニュー（出生データ/絞り込み） */
select#setting_target_sel, select#targetOptions, select.targetOptions, 
select#shrinking, select#shrinkingB, select#shrinking_birthdata, select#shrinking_birthdataB, select.shrinkingB_data,
select#shrinkingA, select#shrinking_birthdataA, select.shrinkingA_data {
	max-width: 180px;
    color: #333;
	font-size: 0.875rem !important;
    font-weight: normal;
    vertical-align: middle;
	border-radius: 5px !important;
	border: 1px solid #c9c9c9 !important;
	margin: 5px;
    padding: 6px 0 6px 5px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
select#shrinking, select#shrinking_birthdata, select.targetOptions {
	max-width: 160px !important;
}
	.shrinking_birthdataB {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 490px;
		background: #eee;
		padding: 2px 0px 6px 10px;
		box-sizing: border-box;
	}
		.shrinking_birthdataB label {
			font-size: 0.8125rem;
		}
			.shrinking_birthdataB > input.categoryadd {
				display: inline-block;
				width: 80px !important;
				height: 46px;
				font-size: 0.875rem;
			}
		select#shrinking_birthdataB {
			min-width: 240px;
		}
/* 検索する */
input#targetText {
	max-width: 160px;
	padding: 7px 5px;
	border-radius: 5px;
	border: 1px solid #c9c9c9;
	font-size: 0.875rem;
	margin: 5px;
	vertical-align: middle;
}
/* ------------------------------
 出生データの登録
------------------------------*/
#barthdata_add {
	width: 500px;
	margin: 0 auto;
}
.no_image {
	display: none;
}
/* ------------------------------
 出生データの検索条件・ボタンを並列
------------------------------*/
#new_barthdata{
	margin-bottom: 15px;
}
/* ------------------------------
　出生データのカテゴリ一覧
------------------------------*/
.open_category {
	display: block;
}
#new_barthdata input {
	width: 100%;
	float: right;
	margin: 6px 6px 0 0;
}
    #new_barthdata::after {
        content: "";
        clear: both;
        display: block;
    }
#horoscope-position_birthdata {
	clear: both;
}
.birthdata_category_tit {
	color: #FFF;
	background: #7872a4 !important;
	padding: 5px 10px;
}
.birthdata_category_parentList ul {
/*    display: flex;
    align-items: center;*/
}
.birthdata_category_tit li, .birthdata_category_parentList li {
	display: inline-block;
}
.birthdata_category_tit li:nth-child(1), .birthdata_category_parentList li:nth-child(1), .birthdata_category_childList li:nth-child(1), .birthdata_category_grandchildList li:nth-child(1), .birthdata_category_otherList li:nth-child(1) {
	position: relative;
	width: 460px;
}
.birthdata_category_tit li:nth-child(1) {
	width: 500px;
}
.birthdata_category_tit li:nth-child(2){
/*	width: 270px;*/
}
.birthdata_category_childList li:nth-child(1) {
	width: 436px;
}
.birthdata_category_grandchildList li:nth-child(1), .birthdata_category_otherList li:nth-child(1) {
	width: 412px;
}
.birthdata_category_parentList li:nth-child(2), .birthdata_category_childList li:nth-child(2), .birthdata_category_grandchildList li:nth-child(2), .birthdata_category_otherList li:nth-child(2) {
	width: 100px;
    padding-left: 1rem;
}
.table_birthdata_categoryList div li:nth-child(1) {
	cursor: pointer;
}
/* ------------------------------
　出生データの親カテゴリ一覧
------------------------------*/
#horoscope-position_birthdata .li_birthdataList {
	display: table;
	background: #fff;
	min-height: 40px;
	vertical-align: middle;
	width: 100%;
	border-bottom: 1px solid #eee;/*	cursor: move;*/
}
#horoscope-position_birthdata .li_birthdataList:hover {
/*		background: #FFFF99;
		cursor: move;*/
}
#horoscope-position_birthdata .li_birthdataList:last-child {
	border-bottom: none;
}
#horoscope-position_birthdata .li_birthdataList span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	box-sizing: border-box;
}
#horoscope-position_birthdata .li_birthdataList .operation_btn_area {
	text-align: center;
	white-space: nowrap;
	padding-top: 5px;
	box-sizing: border-box;
}
#horoscope-position-table_birthdatalist th:nth-child(1),
#horoscope-position_birthdata .li_birthdataList > span:nth-child(1) {
	width: 300px !important;
}
		#horoscope-position_birthdata .li_birthdataList a {
			display: block;
			color: #00288f;
			text-decoration: underline;
		}
#horoscope-position-table_birthdatalist th:nth-child(2) ,
#horoscope-position_birthdata .li_birthdataList > span:nth-child(2) {
	white-space: nowrap;
	width: 200px !important;
}
#horoscope-position-table_birthdatalist th:nth-child(3),
#horoscope-position_birthdata .li_birthdataList > span:nth-child(3) {
	width: 230px !important;
}
#horoscope-position-table_birthdatalist th:nth-child(4),
#horoscope-position_birthdata .li_birthdataList > span:nth-child(4) {
	width: 145px !important;
}
.birthdata_category_parentList, .birthdata_category_childList, .birthdata_category_grandchildList, .birthdata_category_otherList {
	position: relative;
}
.birthdata_category_parentList {
	background: #dedcef;
	border-top: 1px solid #eee;
}
.birthdata_category_parentList li:nth-child(1) {
	padding-left: 2.5rem;
}
.birthdata_category_parentList li:nth-child(2) {
/*	padding-left: 1rem;*/
}
.birthdata_category_childList {
	background: #d2def3;
	border-top: 1px solid #eee;
}
.birthdata_category_childList li:nth-child(1) {
	padding-left: 4rem;
}
.birthdata_category_childList li .accordion_show_category {
	left: 2rem;
}
.birthdata_category_grandchildList {
	background: #d6edf8;
	border-top: 1px solid #eee;
}
.birthdata_category_grandchildList li:nth-child(1) {
	padding-left: 5.5rem;
}
.birthdata_category_grandchildList li .accordion_show_category, .birthdata_category_otherList li .accordion_show_category {
	left: 3.5rem;
}
.birthdata_category_otherList {
	background: #eee;
	border-top: 1px solid #fefefe;
}
.birthdata_category_otherList li:nth-child(1) {
	padding-left: 5.5rem;
}
.birthdata_category_parentList li, .birthdata_category_childList li, .birthdata_category_grandchildList li, .birthdata_category_otherList li {
	display: table-cell;
	vertical-align: middle;
	height: 38px;
}
.btn_controller {
	animation-name: fadeIn;
	animation-duration: 2s;
}
#horoscope-position-table_birthdata_category .sec {
	display: none;
}
.btn_controller input.birthdata_btn {
	display: inline-block;
	border: none;
	border-radius: 4px;
	padding: 4px 12px 5px;
	color: #fff;
	text-align: center;
	margin-left: 8px;
}
.btn_controller_delete {
	position: absolute;
	right: 5px;
	top: 4px;
}
#horoscope-position-table_birthdata_category .horoscope-data input[type="text"], 
#horoscope-position-table_birthdata_category .horoscope-data select, 
#horoscope-userInfo .horoscope-data select#category_name {
	min-width: 285px;
	max-width: 285px;
	margin-bottom: 15px;
}
#horoscope-userInfo label {
	font-size: 0.75rem;
}
/* ------------------------------
　設定
------------------------------*/
.horoscope-submitBox-btn {
	background: #e9702f;
	margin: 0 auto;
}
/* モーダル コンテンツエリア */
#modal-main, #modal-main-second, #modal-main-third, #modal-main-fourth {
	display: none;
    max-width: 300px;
	margin: 0 auto !important;
	padding: 50px 30px;
	background-color: #ffffff;
	border: 1px solid #FFF;
	border-radius: 5px;
	position: fixed;
	top: 35%;
	left: 35%;
	z-index: 9999;
}
#modal-main input, #modal-main select, #modal-main-second input, #modal-main-second select, #modal-main-third input, #modal-main-third select, #modal-main-fourth input, #modal-main-fourth select {
	width: 286px;
	height: 40px;
	margin-bottom: 10px !important;
}
#modal-main p, #modal-main-second p, #modal-main-third p, #modal-main-fourth p {
	font-size: 1.2rem;
	margin-bottom: 20px;
}
#modal-main input.birthdata_btn, #modal-main-second input.birthdata_btn, #modal-main-third input.birthdata_btn, #modal-main-fourth input.birthdata_btn, #modal-main input.predict_btn, #modal-main-second input.predict_btn, #modal-main-third input.predict_btn, #modal-main-fourth input.predict_btn {
	display: inline-block;
	width: 138px;
	height: auto !important;
	font-size: 1.2rem;
	padding: 20px !important;
}
/* モーダル 背景エリア */
#modal-bg, #modal-bg-second, #modal-bg-third, #modal-bg-fourth {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.predict_text_add {
	width: 280px !important;
	margin-bottom: 10px;
}
/* ------------------------------
　年表
------------------------------*/
.horoscope-userInfo-chronology {
	float: none !important;
	width: 100% !important;
}
#eventTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
#eventTable thead th {
	background: #c6c3dc !important;
}
#eventTable thead th span {
	display: flex;
	font-size: 0.75rem;
	font-weight: normal;
}
#eventTable thead th:nth-child(1) {
	width: 15px;
}
#eventTable thead td {
	background: #e2e0f3;
	font-weight: normal;
}
#eventTable tbody tr:nth-child(even), #eventTable tfoot td {
	background: #eee;
}
#eventTable th, #eventTable td {
	border: 1px solid #eee;
	padding: 5px;
	padding-bottom: 1px;
	white-space: nowrap;
}
#template_eventLine {
	display: none;
}
#eventTable .horoscopeIcon {
	margin: 0 3px 5px 0;
}
#show_eventLine span {
	color: #FFF;
	background: #c60606;
	padding: 2px 4px;
}
#mainContent .text_npt {
	text-align: right;
	white-space: nowrap;
}
.chronology_pagePrint {
	display: flex;
	justify-content: space-around;
}
.chronology_pagePrint span {
	text-align: left;
	width: 100%;
	padding-top: 20px;
	padding-left: 15px;
}
.chronology_pagePrint a, .predict_result_pagePrint a, .predict_result_csvDl a {
	display: block;
	color: #fff;
	width: 100%;
	max-width: 200px;
	font-size: 1.125rem;
	text-align: center;
	background: #20225d;
	box-shadow: 0px 0px 10px #20225d inset;
	margin: auto;
	padding: 14px 0;
	cursor: pointer;
	border-radius: 5px;
}
.predict_result_csvDl a {
	max-width: 310px;
	background: #249239;
	box-shadow: 0px 0px 10px #249239 inset;
}
#showWhenSelectChangeYear + span {
	color: #FFF;
	background: #334c8d;
	padding: 3px 10px 2px;
	cursor: pointer;
	border-radius: 5px;
}
/* ------------------------------
メニュー
------------------------------*/
#container {
	overflow: hidden;
	padding: 0;
	margin: 0 auto 60px;
	position: relative;
}
#horoscopemenu {
	width: 100%;
	z-index: 99;
	margin: 0 auto 50px;
}
#horoscopemenuMember {
	background: #e8e8e8;
	overflow: hidden;
	position: relative;
}
#horoscopemenuInner {
	background: #334c8d;
	overflow: hidden;
}
#horoscopemenuMember .birthdata_list, #horoscopemenuInner ul {
	width: 1000px;
	margin: auto;
}
#horoscopemenuMember .birthdata_list {
	display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
	align-items: center;
}
#horoscopemenuMember::after {
	content: "";
	clear: both;
	display: block;
}
#horoscopemenuInner li {
	margin: 5px;
	display: inline-block;
}
#horoscopemenuInner input, #horoscopemenuInner a {
	background: #334c8d;
	padding: 10px 20px;
	display: block;
	color: #fff;
	border: 1px solid #caaf67;
	border-radius: 5px;
}
#horoscopemenuInner input:hover, #horoscopemenuInner a:hover {
	background-color: #5a6b99;
}
#horoscopemenuInner input.current, #horoscopemenuInner a.current {
	color: #334c8d !important;
	background-color: #caaf67 !important;
}
#horoscopemenuInner .settei {
	float: right;
}
#horoscopemenuInner .logout input, #horoscopemenuInner .logout a {
	background: #bbb;
	padding: 12px 25px;
	display: block;
	color: #334c8d;
	border: 1px solid #bbb;
	border-radius: 5px;
}
#horoscopemenuMember .barthdata span {
/*	display: inline-block;
	max-width: 250px;
	vertical-align: middle;
	background-color: #f3f3f3;
	padding: 5px 0 5px 10px;
	box-sizing: border-box;
	overflow: hidden;*/
}
		#horoscopemenuMember .barthdata span label, 
		#horoscopemenuMember .barthdata label:nth-child(2), 
		#horoscopemenuMember .barthdata label:nth-child(4) {
			font-size: 0.75rem;
		}
		#horoscopemenuMember .barthdata label:nth-child(2) {
			margin-left: 15px;
			margin-right: -8px;
		}
		#horoscopemenuMember .barthdata label:nth-child(4) {
			margin: 0 -6px;
		}
#horoscopemenuMember .barthdata form {
	margin-bottom: 0;
}
#horoscopemenuMember .contractor_name {
	min-width: 480px;
	text-align: right;
	padding: 12px 0 6px;
    box-sizing: border-box;
}
		#horoscopemenuMember .contractor_name ul {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		#horoscopemenuMember .contractor_name li img {
			height: 25px;
			opacity: 0.7;
		}
#horoscopemenuMember .contractor_name input.login_barthdata_btn {
	display: inline-block;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	background: #e9702f;
	box-shadow: 0px 0px 10px #d14913 inset;
	padding: 6px 10px 7px;
	cursor: pointer;
}
#horoscopemenuMember .contractor_name #loginmenu {
	display: inline-block;
}

#horoscopemenuMember .contractor_name:hover {
	cursor: pointer;
}
.icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-repeat: no-repeat;
}
#horoscopemenuMember .contractor_name span i {
	background-image: url(../images/common/icon_beginner.svg);
	width: 14px;
	height: 14px;
	margin-left: 3px;
}
#horoscopemenuMember .contractor_name span a {
	color: #333;
}
#horoscopemenuMember .contractor_name .love input,
#horoscopemenuMember .contractor_name .money input,
#horoscopemenuMember .contractor_name .logout_btn input {
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	opacity: 0.7;
	cursor: pointer;
}
#horoscopemenuMember .contractor_name .love input {
	background: url(../images/common/icon_predict_love.png) no-repeat 0 0; 
	background-size: contain;
}
#horoscopemenuMember .contractor_name .money input {
	background: url(../images/common/icon_predict_money.png) no-repeat 0 0; 
	background-size: contain;
}
#horoscopemenuMember .contractor_name .logout_btn input {
	background: url(../../file/images/common/icon_signout.png) no-repeat 0 0;
	background-size: contain;
}
#horoscopemenuMember .contractor_name .love input:hover,
#horoscopemenuMember .contractor_name .money input:hover,
#horoscopemenuMember .contractor_name .logout_btn input:hover {
	opacity: 0.4;
}
.category_hide {
	display: none;
}
.category_show {
	display: inline-block;
}
/* select2 */
.select2-dropdown {
	min-width: 320px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-top: 2px solid #3f3a34 !important;
	border-right: 2px solid #3f3a34 !important;
	border-bottom: 2px solid transparent !important;
	border-left: 2px solid transparent !important;
	height: 4px !important;
	width: 4px !important;
	transform: rotate(135deg) !important;
	position: absolute;
	left: 6px !important;
	top: 7px !important;
	margin: auto !important;
}
.select2-container {
	width: 160px !important;
}
	.select2-container .select2-selection--single {
		height: 32px !important;
	}
		.select2-container--default .select2-selection--single .select2-selection__rendered {
			line-height: 32px !important;
		}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #c9c9c9 ;
    border-radius: 5px;
}
/* ------------------------------
スターナビLP
------------------------------*/
.starNavi_mainimg_lp {
	background-size: contain;
    margin-top: 0;
	margin-bottom: -5px;
}
.starNavi_mainimg {
	height: 445px;
	background: url(../images/horoscope/header_pc.png) center no-repeat;
	padding: 6% 0 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-size: contain;
}
.starNavi_body {
	background: url(../images/horoscope/bg_lp.jpg) center center;
	background-size: cover;
	position: relative;
	z-index: 0;
}
.starNavi_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}
    .starNavi_body h1, .starNavi_body h2 {
        font-weight: bold;
        line-height: 1.2;
    }
    .starNavi_body h1, .starNavi_body h3 {
        font-size: 2.625rem;
        color: #FFF;
        padding-bottom: 30px;
        text-align: center;
    }
    .starNavi_body h2 {
        font-size: 2.625rem;
        color: #ffdc01;
    }
.starNavi_point {
	background: rgba(255, 255, 255, 0.15);
	margin-top: 5px;
	margin-bottom: 100px;
	padding: 30px;/*	display: flex;
	justify-content: center;*/
}
.starNavi_point_title {
	border: 1px solid #fff;
	padding: 20px;
	text-align: center;
}
.starNavi_point span {
	color: #fff885;
}
.starNavi_point_top {
	background: url("../images/horoscope/img_lp_horoscorp.png") no-repeat right center;
	height: 300px;
}
    .starNavi_wrap li {
        font-size: 1.75rem;
        font-weight: bold;
        color: #FFF;
        line-height: 1.8;
        background-image: url("../images/horoscope/icon_moonlp.png");
        background-repeat: no-repeat;
        background-position: 0px 20px;
        padding-left: 25px;
        padding-bottom: 15px;
    }
    .starNavi_wrap li.new {
        font-size: 1.75rem;
        font-weight: bold;
        color: #FFF;
        line-height: 1.8;
        background-image: url("../images/horoscope/icon_lp_new.png");
        background-repeat: no-repeat;
        background-position: 0px 3px;
        padding-left: 70px;
    }
    li.starNavi_list_noimage {
        background-image: none;
        text-align: center;
        padding: 10px;
    }
    li.starNavi_list_col {
        background-image: none;
        display: flex;
        justify-content: space-around;
        padding-left: 0;
        margin-left: -20px;
    }
        li.starNavi_list_col .btn_dl {
            width: 32%;
            margin: 30px 0 0;
        }
.btn_mypage {
	margin: 30px auto 60px;
}
    .btn_dl a, .btn_mypage a {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 70px;
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.4;
        font-weight: bold;
        background: #ffdc01;
        border-radius: 10px;
        text-align: center;
        margin: 0 auto;
        padding: 10px;
    }
        .btn_dl span, .btn_mypage span {
            color: #024379 !important;
        }
        .btn_dl span.note {
            display: block;
            color: #fff !important;
            font-size: 0.9rem;
            font-weight: normal;
            padding-top: 10px;
            text-indent: -1em;
            margin-left: 1em;
        }
            .btn_dl span.note::before {
                content: '※';
            }
.btn_mypage .btn_mypage-text {
	color: #024379;
	font-size: 1.2rem;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 15px;
}
.btn_dl span.note_color {
	color: #666 !important;
	line-height: 1.6;
	padding-left: 50px;
}
.starNavi_dl {
	width: 1000px;
	margin: 30px auto;
}
    .starNavi_dl .btn_dl a, .btn_mypage a {
        padding: 20px 0;
    }
.btn_plan {
	margin-top: auto;
	padding-top: 15px;
}
    .btn_plan a {
        display: block;
        width: 98%;
        color: #024379;
        font-size: 1.1rem;
        font-weight: bold;
        background: #ffdc01;
        border-radius: 5px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 16px;
        padding: 15px 0;
    }
ul.text_disc {
	margin-top: 15px;
}
    ul.text_disc > li {
        color: #fff;
        font-size: 1.5rem;
        font-weight: normal;
        line-height: 1.4;
        background: none;
        padding-left: 0;
    }
        ul.text_disc > li a {
            color: #fff;
            text-decoration: underline;
        }
.starNavi_point_last {
	border: 1px solid #fff;
	padding: 40px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.starNavi_point_left {
	float: left;
}
h2.starNavi_point_left {
	font-size: 2rem;
	line-height: 1.3;
}
.starNavi_point_right {
	margin: 0 0 0 110px;
	text-align: left;
	color: #FFF;
}
.starNavi_mintxt {
	color: #FFF;
	font-size: 1.8rem;
}
.starNavi_mintxt_2 {
	font-size: 1.4rem;
}
    .starNavi_point_right p {
        margin-bottom: 0px!important;
        line-height: 1.57em;
    }
.starNavi_form {
	display: flex;
	justify-content: center;
	padding: 50px 0;
}
.starNavi_info {
	background: #f3f3f3;
	display: flex;
	justify-content: center;
	padding: 30px 0;
}
    .starNavi_info li {
        line-height: 1.5;
        text-indent: -25px;
    }
        .starNavi_info li::before {
            content: "・";
            padding-right: 5px;
        }
.starNavi_plan {
	margin-top: 40px;
	margin-bottom: 100px;
}
.starNavi_plan .starNavi_plan-inner {
	display: flex;
	justify-content: space-between;
}
.starNavi_plan .starNavi_free, .starNavi_plan .starNavi_basic, .starNavi_plan .starNavi_plus, .starNavi_plan .starNavi_pro {
	width: 22.0%;
	color: #00163a;
	background: rgba(255, 255, 255, 0.6);
	margin-top: 5px;
	padding: 10px;
}
.starNavi_plan .starNavi_basic {
	color: #00163a;
	background: rgba(255, 255, 255, 0.8);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.starNavi_plan .starNavi_plus {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
}
    .starNavi_plan .starNavi_plus::before {
        content: "";
        width: 248px;
        height: 1140px;
        box-shadow: 0px 0px 0px 4px #ff3b56;
        border-radius: 3px;
        position: absolute;
        top: -40px;
        left: -4px;
    }
    .starNavi_plan .starNavi_plus::after {
        content: "オススメ";
        color: #ff3b56;
        font-size: 1.2rem;
        font-weight: bold;
        letter-spacing: 0.2rem;
        position: absolute;
        top: -27px;
        left: 80px;
    }
    .starNavi_plan .starNavi_plus::before {
        content: "";
        box-shadow: 0px 0px 0px 4px #ff3b56;
        border-radius: 3px;
        height: 1413px;
        position: absolute;
        width: 248px;
        top: -40px;
        left: -4px;
        z-index: -1;
    }
.starNavi_plan .starNavi_pro {
	background: rgba(255, 255, 255, 0.8);
}
.starNavi_plan .starNavi_plan-name {
	font-size: 1.65rem;
	border: 1px solid #00163a;
	padding: 20px;
}
.starNavi_plan .starNavi_pro .starNavi_plan-name {
	border: 1px solid #FFF;
}
    .starNavi_plan .starNavi_plus .starNavi_plan-name span {
        font-size: 1.2rem;
        padding-left: 15px;
        font-weight: bold;
        color: #ffdc01;
    }
    .starNavi_plan .starNavi_pro .starNavi_plan-name span {
        font-size: 0.8rem;
        padding-left: 15px;
    }
.starNavi_plan .starNavi_plan-price {
	line-height: 1.4;
	padding: 20px 0;
	min-height: 100px;
	border-bottom: 1px solid #00163a;
}
.starNavi_plan .starNavi_pro .starNavi_plan-price {
	border-bottom: 1px solid #FFF;
}
    .starNavi_plan .starNavi_plan-price span {
        font-size: 2.35rem;
        letter-spacing: initial;
        width: 130px;
        text-align: right;
        display: inline-block;
    }
    .starNavi_plan .starNavi_free .starNavi_plan-price span {
        text-align: left;
    }
    .starNavi_wrap .starNavi_plan li {
        font-size: 1rem;
        font-weight: normal;
        color: #00163a;
        line-height: 1.4;
        background: none;
        padding-top: 15px;
        padding-left: 0;
        padding-bottom: 0;
    }
.starNavi_plan .starNavi_plan-none {
	color: #FFF !important;
}
.starNavi_plan .starNavi_plan-add {
	font-weight: bold !important;
}
    .starNavi_plan .starNavi_plan-add::after {
        content: "new!";
        color: #ff0024;
		margin-left: 5px;
    }
.starNavi_plus-text {
	color: #FFF;
	font-size: 0.9rem;
	margin-top: 15px;
	display: inline-block;
}
/* 吹き出し */
.balloon-top {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 68px;
		line-height: 1.2;
		background: #FFF;
		border: solid 3px #024379;
		border-radius: 6px;
		box-sizing: border-box;
		padding: 0 10px;
		position: relative;
}
    .balloon-top:before {
        content: "";
        position: absolute;
        top: -23px;
        left: 50%;
        margin-left: -15px;
        border: 12px solid transparent;
        border-bottom: 12px solid #FFF;
        z-index: 2;
    }
    .balloon-top:after {
        content: "";
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -17px;
        border: 14px solid transparent;
        border-bottom: 14px solid #024379;
        z-index: 1;
    }
    .balloon-top p {
        margin: 0;
        padding: 0;
    }
/* ------------------------------
運を呼び込む幸せレシピLP
------------------------------*/
.MoonVenus_mainimg {
	height: 526px;
	background: url(../images/horoscope/header_mv_pc.png) center bottom no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.MoonVenus_body {
	background: url(../images/horoscope/bg_MoonVenus.jpg) center center;
	background-size: cover;
}
.MoonVenus_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 1px;
}
.MoonVenus_body h2 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.2;
	color: #024379;
}
.MoonVenus_point {
	background: rgba(255, 255, 255, 0.5);
	text-align: center;
	margin-top: 5px;
	margin-bottom: 100px;
	padding: 45px;
}
.MoonVenus_point_title {
	padding: 20px;
	text-align: center;
}
.MoonVenus_wrap li {
	font-size: 2.1rem;
	font-weight: bold;
	color: #024379;
	line-height: 2;
	padding-left: 25px;
}
.MoonVenus_wrap li.referenceMark {
	font-size: 1.75rem;
	font-weight: normal;
	line-height: 1.4;
	text-align: left;
	padding-left: 120px;
	padding-bottom: 30px;
}
.btn_starNavigator {
	margin: 30px auto 60px;
	text-align: center;
}
.btn_starNavigator a {
	background: #ffdc01;
	font-size: 2rem;
	padding: 20px 40px;
	color: #024379;
	border: none;
	border-radius: 10px;
	font-weight: bold;
	width: 500px;
}
.btn_starNavigator:hover {
	opacity: .8;
}
.MoonVenus_pdf {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.MoonVenus_pdf h3 {
	color: #024379;
	font-size: 2.25rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 30px auto;
	border: solid 1px #024379;
	padding: 22px 0 20px;
}
.MoonVenus_pdf p {
	font-size: 1.35rem;
}
 @supports (-ms-ime-align: auto) {
  /* Edge のみ適用される */
.horoscopeIcon {
     margin-right: 5px;
     width: 20px;
     height:17px;
     content:'';
     vertical-align: middle;
     display: inline-block;
     background-repeat:no-repeat;
     background-position: 50%;
     cursor: pointer;
}
.horoscopeIcon_signAries {
 background-image:url(../images/horoscope/icon/sign/signAries.svg);
}
.horoscopeIcon_signTaurus {
 background-image:url(../images/horoscope/icon/sign/signTaurus.svg);
}
.horoscopeIcon_signGemini {
 background-image:url(../images/horoscope/icon/sign/signGemini.svg);
}
.horoscopeIcon_signCancer {
 background-image:url(../images/horoscope/icon/sign/signCancer.svg);
}
.horoscopeIcon_signLeo {
 background-image:url(../images/horoscope/icon/sign/signLeo.svg);
}
.horoscopeIcon_signVirgo {
 background-image:url(../images/horoscope/icon/sign/signVirgo.svg);
}
.horoscopeIcon_signLibra {
 background-image:url(../images/horoscope/icon/sign/signLibra.svg);
}
.horoscopeIcon_signScorpio {
 background-image:url(../images/horoscope/icon/sign/signScorpio.svg);
}
.horoscopeIcon_signSagittarius {
 background-image:url(../images/horoscope/icon/sign/signSagittarius.svg);
}
.horoscopeIcon_signCapricorn {
 background-image:url(../images/horoscope/icon/sign/signCapricorn.svg);
}
.horoscopeIcon_signAquarius {
 background-image:url(../images/horoscope/icon/sign/signAquarius.svg);
}
.horoscopeIcon_signPisces {
 background-image:url(../images/horoscope/icon/sign/signPisces.svg);
}
.horoscopeIcon_planetSun {
 background-image:url(../images/horoscope/icon/planet/planetSun.svg);
}
.horoscopeIcon_planetMoon {
 background-image:url(../images/horoscope/icon/planet/planetMoon.svg);
 width: 21px;
 height: 21px;
 background-position: 10%;
}
.horoscopeIcon_planetMercury {
 background-image:url(../images/horoscope/icon/planet/planetMercury.svg);
}
.horoscopeIcon_planetVenus {
 background-image:url(../images/horoscope/icon/planet/planetVenus.svg);
 width: 19px;
 height:19px;
}
.horoscopeIcon_planetMars {
 background-image:url(../images/horoscope/icon/planet/planetMars.svg);
}
.horoscopeIcon_planetJupiter {
 background-image:url(../images/horoscope/icon/planet/planetJupiter.svg);
}
.horoscopeIcon_planetSaturn {
 background-image:url(../images/horoscope/icon/planet/planetSaturn.svg);
 height: 21px;
}
.horoscopeIcon_planetUranus {
 background-image:url(../images/horoscope/icon/planet/planetUranus.svg);
 height:19px;
}
.horoscopeIcon_planetNeptune {
 background-image:url(../images/horoscope/icon/planet/planetNeptune.svg);
}
.horoscopeIcon_planetPluto {
 background-image:url(../images/horoscope/icon/planet/planetPluto.svg);
}
.horoscopeIcon_symbolDragonhead {
 background-image:url(../images/horoscope/icon/symbol/symbolDragonhead.svg);
 background-position: 10%;
}
.horoscopeIcon_symbolDragontail {
 background-image:url(../images/horoscope/icon/symbol/symbolDragontail.svg);
 background-position: 10%;
}
.horoscopeIcon_symbolASC {
 background-image:url(../images/horoscope/icon/symbol/symbolASC.svg);
}
.horoscopeIcon_symbolMC {
 background-image:url(../images/horoscope/icon/symbol/symbolMC.svg);
}
.horoscopeIcon_symbolRetrograde {
 background-image:url(../images/horoscope/icon/symbol/symbolRetrograde.svg);
}
.horoscopeIcon_symbolJuno {
 background-image:url(../images/horoscope/icon/symbol/symbolJuno.svg);
 background-position: 10%;
}
.horoscopeIcon_symbolCeres {
 background-image:url(../images/horoscope/icon/symbol/symbolCeres.svg);
 width: 17px;
}
.horoscopeIcon_symbolVesta {
 background-image:url(../images/horoscope/icon/symbol/symbolVesta.svg);
}
.horoscopeIcon_symbolChiron {
 background-image:url(../images/horoscope/icon/symbol/symbolCheiron.svg);
 height: 20px;
 background-position: 5%;
}
.horoscopeIcon_symbolPallas {
 background-image:url(../images/horoscope/icon/symbol/symbolPallas.svg);
}
.horoscopeIcon_symbolLilith {
 background-image:url(../images/horoscope/icon/symbol/symbolLilith.svg);
}
.horoscopeIcon_symbolVt {
 background-image:url(../images/horoscope/icon/symbol/symbolVt.svg);
}
.horoscopeIcon_symbolPof {
 background-image:url(../images/horoscope/icon/symbol/symbolPof.svg);
}
.horoscopeIcon_aspect0 {
 background-image:url(../images/horoscope/icon/aspect/aspect0.svg);
}
.horoscopeIcon_aspect60 {
 background-image:url(../images/horoscope/icon/aspect/aspect60.svg);
}
.horoscopeIcon_aspect90 {
 background-image:url(../images/horoscope/icon/aspect/aspect90.svg);
}
.horoscopeIcon_aspect120 {
 background-image:url(../images/horoscope/icon/aspect/aspect120.svg);
}
.horoscopeIcon_aspect180 {
 background-image:url(../images/horoscope/icon/aspect/aspect180.svg);
}
.horoscopeIcon_aspect30 {
 background-image:url(../images/horoscope/icon/aspect/aspect30.svg);
}
.horoscopeIcon_aspect45 {
 background-image:url(../images/horoscope/icon/aspect/aspect45.svg);
}
.horoscopeIcon_aspect72 {
 background-image:url(../images/horoscope/icon/aspect/aspect72.svg);
}
.horoscopeIcon_aspect135 {
 background-image:url(../images/horoscope/icon/aspect/aspect135.svg);
}
.horoscopeIcon_aspect144 {
 background-image:url(../images/horoscope/icon/aspect/aspect144.svg);
}
.horoscopeIcon_aspect150 {
 background-image:url(../images/horoscope/icon/aspect/aspect150.svg);
}
.horoscopeIcon_aspect165 {
 background-image:url(../images/horoscope/icon/aspect/aspect165.svg);
}
.horoscopeIcon_parallel {
 background-image:url(../images/horoscope/icon/other/parallel.svg);
}
.horoscopeIcon_contraparallel {
 background-image:url(../images/horoscope/icon/other/contraparallel.svg);
}
}
/*------------------------------------------
 出生図解析レポート（natalchart_report）
------------------------------------------*/
#mainContent strong, #mainContent b {
    color: #1c1b1b !important;
}
.report-table, .report-table-border, .report-grouping-table {
	margin-bottom: 60px;
}
.report-table table, .report-table-border table, .report-grouping-table table {
	border: 1px solid #bfbfbf;
}
.report-table table th {
	width: 150px;
}
.report-table table td:nth-child(2) {
	white-space: nowrap;
}
	.report-table table th, .report-table-border table th, .report-grouping-table table th {
		background: #f5f5f5 !important;
	}
	.report-grouping-table table th, .report-grouping-table table td {
		border-left: 1px solid #bfbfbf !important;
		}
	.report-grouping-table table td {
		border: none;
		background: none;
	}
.report-table-border table th {
	border: 1px solid #bfbfbf !important;
}
.report-table-border table td {
	border-top: 1px solid #eee !important;
	border-left: 1px solid #eee !important;
}
.report-table-border table td:first-child {
	border-left: 1px solid #bfbfbf !important;
}
.report-table-border table td:last-child {
	border-right: 1px solid #bfbfbf !important;
}
.report-table-border tr:last-child {
	border-bottom: 1px solid #bfbfbf !important;
}
	.report-grouping-table table tr:last-child th, .report-grouping-table table tr:last-child td {
		border-top: 2px solid #bfbfbf !important;
	}
	.report-grouping-table table th:nth-child(6), .report-grouping-table table td:nth-child(6) {
		border-left: 2px solid #bfbfbf !important;
	}
	.report-table tr:not(:last-child), .report-grouping-table tr:not(:last-child) {
		border-bottom: 1px solid #eee;
	}
.report-table_img {
	text-align: center;
	margin-bottom: 15px;
}
.report-table_img img {
	width: 460px;
}
.report-grouping-col {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}
	.report-grouping-col div {
		width: 48%;
	}
	.report-grouping-col div:nth-child(2) table th {
		padding: 13px 10px 14px !important;
	}
	.report-grouping-table dt {
			font-weight: bold;
		}
	.report-grouping-table span {
			float: right;
		}
		.report-grouping-table::after {
			content: "";
			clear: both;
			display: block;
		}
/*	.report-grouping-table strong.colorMarker_low {
		background: linear-gradient(transparent 60%, #bbd4f1 60%);
	}
	.report-grouping-table strong.colorMarker_high {
		background: linear-gradient(transparent 60%, #ffb762 60%);
	}*/
	.report-grouping-table dt{
    float: left;
    height: auto !important;
	}
	.report-grouping-table dd {
		padding: 0 0 0 32px;
		margin: 0 10px 10px 54px;
	}
#horoscope-result div.report-table:nth-child(2) table td {
	white-space: nowrap;
}
/*------------------------------------------
 ハーフサム
------------------------------------------*/
#halfsum_result.tree_style {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	flex-direction: row;
	width: auto;
	height: auto;
	padding: 30px;
}
		#halfsum_result.tree_style ul.halfsum_tree {
			width: 118px;
			height: auto;
			border: 1px solid #CCC;
			margin: 5px;
			max-height: inherit;
		}
				#halfsum_result.tree_style ul.halfsum_tree li {
					margin: 3px 4px;
					padding: 2px;
					text-align: center;
					box-sizing: border-box;
				}
						#halfsum_result.tree_style ul.halfsum_tree li span:last-child {
							float: none;
						}
						#halfsum_result .star-type {
							padding: 0 4px;
						}
						#halfsum_result .error-msg {
							padding-left: 20px;
							color: red;
						}
/*------------------------------------------
 未来予測/グラフィックエフェメリス共通
------------------------------------------*/
#mainContent .loading {
	display: none;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}
#mainContent .loading.ge_loading {
	display: inline;
}
    #mainContent .loading img {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -20px;
        margin-left: -20px;
    }
/*------------------------------------------
 グラフィックエフェメリス
------------------------------------------*/
#chartData,#chartData div:first-child {
	width: 1000px;
}
@media only screen and (max-width: 999px) {
    #chartData {
        width: 100% !important;
        overflow-x: scroll;
    }
    #chartData canvas.chartjs-render-monitor {
        width: 97% !important;
    }
}
/*-------------------------------------------------------------------------
 スマホ
-------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
.pcOnly {
	display: none !important;
}
.spOnly {
	display: inherit !important;
}
#header {
	position: relative;
}
    #mainContent .pageBack table th {
		background-color: #cbc9d4;
    }
[data-titletype="lv2"] {
	padding: 10px 0 10px 15px;
}
input[type="radio"] {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	margin-right: 0.5em;
}
input:not([type="checkbox"]) {
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	max-width: 100% !important;
	box-sizing: border-box;
}
input[type="radio"] {
	-webkit-appearance: radio;
}
#horoscope-image, #horoscope-userInfo, #horoscope-submitBox, #horoscope-resetBox, #horoscope-position, #horoscope-house, #horoscope-aspect, #horoscope-orb, .horoscope-orb, .horoscope-groupaspect, #horoscope-position_npt, #horoscope-house_npt, #horoscope-registerBox, #horoscope-resetBox, #eventTable {
	width: auto;
	float: none;
}
#horoscope-image {
	margin-bottom: 30px;
}
    #horoscope-userInfo tbody:not(:first-child), #horoscope-userInfo tr:not(:last-child)  {
        border-top: none;
    }
#horoscope-userInfo .horoscope-label, #horoscope-userInfo .horoscope-data {
	padding: 5px 10px;
}
    #horoscope-userInfo .horoscope-data.birth_place_address label {
        width: 50px;
    }
#horoscope-userInfo .horoscope-label {
	background: #3b375c;
	box-shadow: 0px 0px 0px 2px #373356;
	border: 1px solid #7f7d93;
	color: #fff;
	padding: 5px 5px 5px 20px;
	margin-bottom: 15px;
}
#horoscope-userInfo tr:first-child .horoscope-label::after, #horoscope-userInfo tr:last-child .horoscope-label::after {
	content: none;
}
#horoscope-userInfo .horoscope-data.birth_place_address i::after,
#horoscope-userInfo .horoscope-label i::after {
	content: "?";
	font-size: 14px;
	font-style: normal;
	text-align: center;
	color: #333;
	background: #eee;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 3px 7px;
	margin-left: 3px;
}
		#horoscope-userInfo #a label, #horoscope-userInfo #b label  {
				font-size: 1rem;
		}
#contents .attention {
	display: block;
}
#horoscope-detail th, #horoscope-detail td {
	display: table-cell;
	text-align: center;
	padding: 5px 0;
	letter-spacing: -0.2px;
}
#horoscope-detail .horoscopeIcon {
	display: block;
	margin: 5px auto;
}
.horoscope-detail-aside {
	font-size: 0.5em;
}
.horoscope-house-table-lord::before {
	content: "(";
	transform: rotate(90deg);
	display: block;
}
.horoscope-house-table-lord::after {
	content: ")";
	transform: rotate(90deg);
	display: block;
}
.tablesSroll {
	overflow: scroll;
}
#banner li {
	margin: 10px 10px;
}
    #banner li img {
        max-width: 100%
    }
.print {
	margin-top: 10px;
}
.pageBack .horoscope-Box {
	display: flex !important;
	justify-content: space-around;
}
/* 新しく登録するボタン 上書きボタン   */
.register_btn, #horoscope-registerBox .register_btn, .setup_btn {
	font-size: 1rem !important;
    padding: 0 15px;
}
/* 意味表示アイコン(四区分・三区分・二区分)*/
span.horoscope-div4_info::before {
	padding: 3px 6px;
}
/* ツールチップ本体 */
#page_horoscope .tooltip, #page_horoscope_setup .tooltip {
	left: 1% !important;
}
/* ツールチップの内容 */
#page_horoscope .tooltip__body, #page_horoscope_setup .tooltip__body {
	top: -15px;
	width: auto;
}
/* 月相 */
#mainContent table.table1 {
	min-width: 280px;
}
/* ------------------------------
未来予測（スマホ）
------------------------------*/

/* ------------------------------
プチ未来予測（スマホ）
------------------------------*/
/* モーダル コンテンツエリア */
#modal-main_info {
	padding: 20px;
	top: 28% !important;
	right: 1% !important;
	left: 1% !important;
	width: auto;
}
#modal-main-predict_love, #modal-main-predict_money {
	padding: 20px 10px;
	width: auto;
}
#modal-main_info p, #modal-main-predict_love p, #modal-main-predict_money p {
	line-height: 1.4;
	margin-bottom: 30px;
}
/* モーダル 背景エリア */
#modal-bg_info, #modal-bg-predict_love, #modal-bg-predict_money {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.2);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.petitepredict_date {
	font-size: 1.6rem;
}
.petitepredict_eventMoney, .petitepredict_eventLove {
	font-size: 1.375rem;
}
.petitepredict_result {
	display: block;
}
.petitepredict_result .petitepredict_date_result {
	width: auto;
	/*    height: 120px;
		overflow-y: scroll;
		overflow-x: hidden;*/
	margin-bottom: 25px;
}
.petitepredict_result .petitepredict_text {
	width: auto;
	font-size: 1rem;
	margin-left: 0;
}
.petitepredict_result .petitepredict_text li {
	width: 100%;
}
.petitepredict_result .petitepredict_date_result li {
	text-align: center;
}
.petitepredict_result .petitepredict_date_result li, .petitepredict_result .petitepredict_text li {
	font-size: 1rem;
	margin-bottom: 10px;
}
.petitepredict_result .petitepredict_text li {
	text-align: left;
}
.predict_info_list {
	height: 200px;
	margin-bottom: 15px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.predict_info_list dt {
	float: none;
	min-height: 12px;
	height: auto!important;
}
.predict_info_list dd {
	padding: 0;
	margin: 0 0 30px 0;
	text-indent: 0px;
	line-height: 1.6;
}
/* ------------------------------
ログインページ（スマホ）
------------------------------*/
#page_horoscope_login #pageTit {
}
#page_horoscope_login #pageTit::before {
    content: "";
    position: absolute;
    top: 0 !important;
    width: 90%;
    height: 1px;
    border-top: 1px solid #675223;
    border-bottom: none;
    left: 50%;
    margin-left: -45%;
}
#page_horoscope_free #container {
	overflow: hidden;
	padding: 50px 0px !important;
	margin: auto;
}
.loginarea-conts {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	width: 100%;
}
.loginarea {
	width: 380px;
	background: url(../images/login/bg_login.png);
	border: 2px solid #c6c3dc;
	padding: 10px 30px;
	margin: 0 auto;
}
.loginarea input {
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #c9c9c9;
	font-size: 1.2rem;
	width: 100%;
}
.loginarea p {
	text-align: right;
	margin: 0 !important;
}
.loginarea p a {
	text-decoration: underline;
}
.loginarea div {
	line-height: 1.8;
	text-align: center;
	margin: 10px auto;
}
.loginarea_tit {
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
	background: #c6c3dc;
	padding: 10px;
}
.login_btn {
	width: 300px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
}
.login_btn a {
	background: #334c8f;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3) inset;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	font-size: 21px;
}
.login_btn a:hover {
	background: #385297;
}
.login_btn input {
	background: #334c8f;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3) inset;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	font-size: 21px;
}
.login_btn input:hover {
	background: #385297;
}
.login_btn a {
	background: #334c8f;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3) inset;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px 0;
	font-size: 21px;
}
input.error {
	border: 1px solid rgba(198, 0, 0, 0.5);
	background: #f4e1e1;
}
div.error_txt {
	color: #e40000;
	border: 1px solid #e40000;
	text-align: center;
	padding: 8px;
	margin-bottom: 30px;
	line-height: 1.4;
}
.login_back {
	text-align: center;
	margin-top: 30px;
}
		.category.head_barthdata_btn a {
			padding: 8px;
		}
/* ------------------------------
オーブの設定 / 複合アスペクト（スマホ）
------------------------------*/
.horoscope-groupaspect table {
	white-space: nowrap;
}
.horoscope-groupaspect th, .horoscope-groupaspect td {
	display: block !important;
	text-align: left !important;
}
/* ------------------------------
二重円(スマホ)
------------------------------*/
.horoscope-userInfo_doublechart {
	float: none;
	width: 100% !important;
	margin-left: 0;
}
/* ------------------------------
三重円(_npt)(スマホ)
------------------------------*/
.flex-container {
	margin-left: 0;
}
#horoscope-position_npt {
	display: block!important;
	width: 100% !important;
}
#horoscope-house_npt {
	width: 100% !important;
}
#horoscope-position-table_npt {
	width: 100% !important;
	border: 1px solid #bfbfbf;
}
/* ------------------------------
ログインページ（スマホ）
------------------------------*/
.loginarea-conts {
	display: block;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	width: 100%;
}
.loginarea div {
	line-height: 1.4;
}
.loginarea p {
	text-align: left;
}
.loginarea {
	width: 90%;
	border: 2px solid #c6c3dc;
	padding: 0 10px 10px 10px;
	margin: 0 auto 30px;
}
.loginarea td {
	padding: 0 !important;
}
.login_btn {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-top: 5%;
}
div.error_txt {
	padding: 8px;
	margin-bottom: 15px;
	line-height: 1.4;
}
/* ------------------------------
グロナビ（スマホ）
------------------------------*/

/* ------------------------------
メニュー（スマホ）
------------------------------*/
#horoscopemenu {
	position: static !important;/* 固定止める */
	width: 100%;
	z-index: 99;
	margin: 0 auto 50px;
}
#horoscopemenuMember .birthdata_list, #horoscopemenuMember ul, #horoscopemenuInner ul {
	width: 100% !important;
	margin: auto;
	text-align: center;
}
#horoscopemenuMember .birthdata_list {
	display: flex;
    flex-flow: column;
    justify-content: space-between;
	align-items: flex-start;
}
		#horoscopemenuInner input, #horoscopemenuInner a {
			padding: 10px 0;
		}
#horoscopemenuInner li {
	margin: 5px 3px 0;
	width: 23.1%;
}
#horoscopemenuInner li:nth-child(n+4) {
	margin-bottom: 5px;
}
#horoscopemenuInner li input {
	width: 100%;
}
#horoscopemenuInner .settei {
	float: none;
}
#horoscopemenuMember .contractor_name {
	min-width: 100%;
	margin: 15px 0px 10px;
    padding: 0 10px;
    box-sizing: border-box;
}
		#horoscopemenuMember .contractor_name ul {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
		}
				#horoscopemenuMember .contractor_name li img {
					height: 38px;
					opacity: 0.7;
				}
				#horoscopemenuMember .contractor_name .love input,
				#horoscopemenuMember .contractor_name .money input,
				#horoscopemenuMember .contractor_name .logout_btn input {
					width: 31px;
					height: 38px;
				}
		#horoscopemenuMember .contractor_name .love input {
			background: url(../images/common/icon_predict_love_s.png) no-repeat 0 0; 
			background-size: contain;
		}
		#horoscopemenuMember .contractor_name .money input {
			height: 50px;
			background: url(../images/common/icon_predict_money_s.png) no-repeat 0 0; 
			background-size: contain;
		}
		#horoscopemenuMember .contractor_name .logout_btn input {
			width: 40px;
			background: url(../../file/images/common/icon_signout_s.png) no-repeat 0 0;
			background-size: contain;
		}
#horoscopemenuMember .barthdata {
	width: 100%;
	padding: 0 0 10px;
}
		#horoscopemenuMember .barthdata span {
/*			padding: 0;*/
		}
		#horoscopemenuMember .barthdata label {
/*			margin-left: 10px !important;
			margin-right: -8px !important;*/
		}
#horoscopemenuMember .barthdata label:nth-child(2) {
	margin-left: 5px;
	margin-right: 0px;
}
select#setting_target_sel, select#targetOptions {
	max-width: 200px;
	padding: 8px 5px;
}
input#targetText {
	max-width: 120px !important;
	padding: 10px 5px;
}
#horoscopemenuMember .contractor_name::after {
	content: "";
	clear: both;
	display: block;
}
#horoscopemenuMember .contractor_name input.login_barthdata_btn {
	padding: 8px 10px 7px;
}
/* select2 */
.select2-dropdown {
}
.select2-container {
	width: 112px !important;
}
	.select2-container .select2-selection--single {
		text-align: left;
	}
		.select2-container--open .select2-dropdown {
			left: -50%;
		}
		.select2-container--default .select2-search--dropdown .select2-search__field {
			font-size: 1.25rem;
		}
		.select2-results__option {
			font-size: 1rem;
			padding: 12px 6px;
		}

/* ------------------------------
出生データの一覧（スマホ）
------------------------------*/
.sp {
	display: inline-block !important;
}
/* ボタンの共通設定 */
.btn {
	max-width: 100%;
}
.halfsum_btn, .return_btn {
	font-size: 1rem;
	margin-top: 0;
}
.return_btn {
	margin-top: 15px;
}
#horoscope-position_birthdata h3 {
	white-space: inherit;
}
#horoscope-position-table_birthdata th {
	display: none;
}
#horoscope-position-table_birthdata td {
	line-height: 1.2 !important;
	padding: 3px 5px;
	white-space: normal;
}
	#horoscope-position-table_birthdata tbody td:first-child {
		display: none;
	}
	#horoscope-position-table_birthdata tbody td:nth-child(4) {
		background: #c6c3dc !important;
		font-weight: bold;
	}
	#horoscope-position-table_birthdata tbody td:nth-child(7), #horoscope-position-table_birthdata tbody td:nth-child(8) {
		display: inline-block;
	}
		#horoscope-position-table_birthdata td a {
			display: block;
			background: #c6c3dc !important;
			font-weight: bold;
			padding: 8px 5px;
		}
	input.birthdata_btn, buttom.birthdata_btn, input.predict_btn {
		width: 120px !important;
		display: inline-block !important;
		border: 1px solid #c9c9c9;
		border-radius: 5px;
		padding: 12px 0 !important;
		color: #fff;
		text-align: center;
	}
	#horoscope-position-table_birthdata td.operation_btn_area {
		text-align: center;
		white-space: nowrap;
	}
		#horoscope-position-table_birthdata td.operation_btn_area input {
			width: 40%;
			margin-bottom: 10px;
			padding: 15px 0;
		}
		#mainContent .lunarPhase table, #mainContent .lunarPhase table.table1 {
			width: 100%;
		}
			#mainContent .lunarPhase table th {
				padding: 0 0 15px 10px;
				display: flex;
			}
				#mainContent .lunarPhase table th .horoscopeIcon {
					margin: 0 auto !important;
				}
/* ------------------------------
　出生データのカテゴリ一覧（スマホ）
------------------------------*/
.birthdata_category_tit {
	color: #FFF;
	background: #7872a4 !important;
	padding: 5px 10px;
}
.table_birthdata_categoryList div li:nth-child(1), .table_birthdata_categoryList div li:nth-child(2) {
	display: inline-block;
	vertical-align: middle;
}
.table_birthdata_categoryList div li {
	height: auto;
	line-height: 1.4;
    padding: 16px 0 14px;
    box-sizing: border-box;
}
    .birthdata_category_tit li {
        display: inline-block;
    }
    .birthdata_category_tit li:nth-child(1) {
        width: auto;
    }
.birthdata_category_parentList li .accordion_show_category, .birthdata_category_childList li .accordion_show_category, .birthdata_category_grandchildList li .accordion_show_category, .birthdata_category_otherList li .accordion_show_category {
	top: 14px;
	left: 5px; 
}
		.birthdata_category_parentList li:nth-child(1),
		.birthdata_category_childList li:nth-child(1),
		.birthdata_category_grandchildList li:nth-child(1), .birthdata_category_otherList li:nth-child(1) {
			width: 80%;
			white-space: initial;
			padding-left: 2rem;
		}
.birthdata_category_tit li:nth-child(2) {
	width: auto;
	float: right;
}
.birthdata_category_parentList li:nth-child(2), .birthdata_category_childList li:nth-child(2), .birthdata_category_grandchildList li:nth-child(2), .birthdata_category_otherList li:nth-child(2) {
	width: 8%;
	float: right;
	text-align: right;
    padding-right: 1.5rem;
}
#horoscope-position-table_birthdata_category .btn_controller {
    display: inline-block;
    width: 100%;
}
	#horoscope-position-table_birthdata_category .btn_controller input.birthdata_btn {
		padding: 10px !important;
		margin-left: 5px;
		width: auto !important;
		margin-bottom: 5px;
	}
	#horoscope-position-table_birthdata_category .birthdata_category_childList .btn_controller input:nth-child(n+2),
	#horoscope-position-table_birthdata_category .birthdata_category_grandchildList .btn_controller input:nth-child(n+2),
	#horoscope-position-table_birthdata_category .birthdata_category_otherList .btn_controller input:nth-child(n+2) {
		margin-left: 10px;
	}
/* ------------------------------
　出生データの親カテゴリ一覧（スマホ）
------------------------------*/
	#horoscope-position-table_birthdatalist th, #horoscope-position-table_birthdatalist td {
		display: table-cell;
		white-space: nowrap;
	}
        #horoscope-position-table_birthdatalist .li_birthdataList span {
            display: inline-block;
            white-space: initial;
        }
/*        #horoscope-position-table_birthdatalist .li_birthdataList span:nth-child(1) {
            width: 230px !important;
        }*/
/*            #horoscope-position-table_birthdatalist .li_birthdataList a {
                width: 200px;
                text-decoration: underline;
                background: #FFF !important;
            }*/
.birthdata_category_parentList .btn_controller_delete {
	position: absolute;
	right: 5px;
	top: 1px;
}
.btn_controller_delete input.birthdata_btn {
	padding: 8px 0 !important;
}
.li_birthdataList .operation_btn_area input.birthdata_btn {
	width: 50px !important;
	padding: 9px 0 7px !important;
}
/* メニュー（出生データ/絞り込み） */
select#shrinking, select#shrinking_birthdata, select.targetOptions {
	max-width: 112px !important;
}
/* メニュー（二重円：絞り込み） */
select#shrinkingB, select#shrinking_birthdataB, select.shrinkingB_data,
select#shrinkingA, select#shrinking_birthdataA, select.shrinkingA_data {
	max-width: 110px;
	margin: 0;
}
.shrinking_birthdataB {
    display: flex;
	flex-wrap: wrap;
    width: 100%;
    padding: 10px 10px 0;
}
	.shrinking_birthdataB > input.categoryadd {
	}
		.shrinking_birthdataB label {
			width: 100%;
		}
		#new_barthdata input {
			width: 100%;
			float: initial;
			margin: 0 0 15px;
		}
select#shrinking_birthdataB {
	max-width: 230px;
	margin: 0 0 10px 0;
}
/* ------------------------------
 出生データの登録（スマホ）
------------------------------*/
#barthdata_add {
	width: 100%;
}
/* ------------------------------
 出生データの検索条件・ボタンを並列
------------------------------*/
/* ------------------------------
 年表（スマホ）
------------------------------*/
#mainContent #eventTable th, #mainContent #eventTable td {
	display: table-cell !important;
}
#template_eventLine {
	display: none;
}
#show_eventLine span {
	color: #FFF;
	background: #c60606;
	padding: 5px 8px;
}
.chronology_pagePrint, .chronology_pagePrint span {
	display: block;
}
.chronology_pagePrint a {
	margin-top: 20px;
}
/* ------------------------------
　設定（スマホ）
------------------------------*/
.horoscope-submitBox-btn {
	width: 90%;
}
/* モーダル コンテンツエリア */
#mainContent .text_npt {
	text-align: left;
}
#modal-main, #modal-main-second, #modal-main-third, #modal-main-fourth {
	left: auto;
}
#modal-main div, #modal-main-second div, #modal-main-third div, #modal-main-fourth div {
	white-space: normal;
}
#modal-main input, #modal-main select, #modal-main-second input, #modal-main-second select, #modal-main-third input, #modal-main-third select, #modal-main-fourth input, #modal-main-fourth select {
	width: 98% !important;
}
.predict_text_add {
	margin-bottom: 10px;
}
/* ------------------------------
　スターナビLP（スマホ）
------------------------------*/
.starNavi_mainimg_lp {
	background-size: contain;
    margin-top: 0;
	margin-bottom: -3px;
}
.starNavi_body h1, .starNavi_body h3 {
	font-size: 1.6rem;
	line-height: 1.6;
}
.starNavi_body h2 {
	font-size: 3rem;
	color: #ffdc01;
}
.starNavi_point_top {
	background: none;
	height: auto;
}
.starNavi_wrap li.new {
	font-size: 1.2rem;
	padding-left: 40px;
	background-size: 10%;
}
li.starNavi_list_noimage {
	background-image: none;
	text-align: center;
	padding: 10px;
}
li.starNavi_list_col {
	background-image: none;
	display: block;
	padding-left: 0;
	margin-left: 0px;
}
li.starNavi_list_col img {
	width: 100%;
}
li.starNavi_list_col .btn_dl {
	width: 100%;
	margin: auto;
}
.btn_mypage {
	margin: 30px auto 60px;
}
.btn_dl a, .btn_mypage a {
    width: 90%;
    font-size: 1.3125rem;
    margin: 20px auto 5px;
    min-height: 50px;
}
.btn_dl span.note {
	font-size: 0.9rem;
	padding-top: 0;
}
.btn_mypage .btn_mypage-text {
	font-size: 1.2rem;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 15px;
}
.btn_dl span.note_color {
	color: #666 !important;
	line-height: 1.6;
	padding-left: 50px;
}
.starNavi_dl {
	width: 100%;
	margin: 30px auto;
}
.starNavi_dl .btn_dl a, .btn_mypage a {
	padding: 20px 0;
}
ul.text_disc > li {
	font-size: 1.2rem;
}
.starNavi_plan .starNavi_plan-inner {
	display: block;
}
.starNavi_plan .starNavi_free, .starNavi_plan .starNavi_basic, .starNavi_plan .starNavi_plus, .starNavi_plan .starNavi_pro {
	width: auto;
}
.starNavi_plan .starNavi_free, .starNavi_plan .starNavi_basic, .starNavi_plan .starNavi_plus {
	margin-bottom: 60px;
}
.starNavi_plan .starNavi_plus::before {
	content: "";
	width: 100%;
	height: 36px;
	background: #ff3b56;
	box-shadow: 0px 0px 0px 4px #ff3b56 inset;
	position: absolute;
	top: -36px;
	left: 0px;
}
    .starNavi_plan .starNavi_plus::after {
        color: #00163a;
        left: 10px;
    }
.starNavi_plan .starNavi_plan-name {
	font-size: 1.65rem;
	border: 1px solid #00163a;
	padding: 20px;
}
.starNavi_wrap .starNavi_plan li {
	font-size: 1.2rem;
	line-height: 1.4;
	background: none;
	padding-top: 10px;
}
.starNavi_plan .starNavi_pro .starNavi_plan-name {
	border: 1px solid #FFF;
}
    .starNavi_plan .starNavi_pro .starNavi_plan-name span {
        font-size: 0.8rem;
        padding-left: 15px;
    }
.starNavi_plan .starNavi_plan-price {
	min-height: auto;
	text-align: right;
	padding: 10px 0;
}
    .starNavi_plan .starNavi_plan-price span {
        width: auto;
        text-align: right;
    }
.starNavi {
	width: 100% !important;
}
.starNavi_mainimg {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	padding-top: 84%;
	background: url('../images/horoscope/header_sp.png') 0 60px no-repeat;
	background-size: contain;
}
.starNavi_wrap {
	width: 95%;
	padding: 30px 0;
}
.starNavi_point_title {
	padding: 15px;
}
.starNavi_point {
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 15px;
}
    .starNavi_wrap li {
        font-size: 1.2rem;
        background-position: 0px 8px;
    }
.starNavi_mintxt, .starNavi_mintxt_2 {
	font-size: 1rem;
}
li.starNavi_list_noimage img {
	width: 100%;
}
.starNavi_point_last {
	padding: 20px;
	flex-flow: column nowrap;
}
    .starNavi_body h2 {
        font-size: 1.5rem;
    }
.starNavi_point_right {
	margin: 10px 0 0 0px;
	text-align: left;
	color: #FFF;
}
.starNavi_form {
	padding: 30px 20px;
}
.starNavi_form th, .starNavi_form td {
	display: block;
	text-align: left;
}
.starNavi_info {
	padding: 30px 20px 30px 30px;
}
    .starNavi_point_right p {
        font-size: 0.7rem;
    }
#horoscope-submitBox-btn_setup {
	max-width: inherit;
}
#horoscopemenuInner .logout input, #horoscopemenuInner .logout a {
	padding: 12px 0;
}
/* ------------------------------
運を呼び込む幸せレシピLP（スマホ）
------------------------------*/
.MoonVenus_mainimg {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 0;
	padding-top: 60%;
	background: url(../images/horoscope/header_mv_sp.png) 0 72px no-repeat;
	background-size: contain;
}
.MoonVenus_wrap {
	width: 95%;
	padding: 30px 0 1px;
}
    .MoonVenus_body h2 {
        font-size: 1.5rem;
        line-height: 1.2;
    }
.MoonVenus_point {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 50px;
	padding: 15px;
}
.MoonVenus_point img {
	width: 100%;
}
.MoonVenus_point_title {
	padding: 0 10px;
}
    .MoonVenus_wrap li {
        font-size: 1.2rem;
        line-height: 1.6;
        padding-left: 0;
    }
.MoonVenus_wrap li.referenceMark {
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.4;
	text-align: left;
	padding-left: 30px;
	padding-bottom: 30px;
}
.MoonVenus_pdf {
	width: 100%;
}
    .MoonVenus_pdf h3 {
        width: 90%;
        font-size: 1.2rem;
    }
    .MoonVenus_pdf p, .starNavi_form .MoonVenus_btn_dl {
        font-size: 1.2rem;
    }
.btn_starNavigator {
	margin: 60px auto;
}
    .btn_starNavigator a {
        font-size: 1.5rem;
    }
/*------------------------------------------
 出生図解析レポート（natalchart_report）(スマホ)
------------------------------------------*/
#horoscope-result div.report-table:last-child {
	margin-bottom: -30px !important;
}
	.report-grouping-table th, .report-grouping-table td {
		display: table-cell !important;
		white-space: nowrap;
	}
	.report-table table th {
		width: auto;
		border-top: 1px solid #bfbfbf !important;
		margin: 0 auto !important;
	}
	.report-table table tr:nth-child(1) th {
		border-top: none !important;
	}
	.report-table [data-titletype="lv1w50"] {
		width: auto;
		text-indent: 0rem;
		padding: 10px;
	}
		.report-table [data-titletype="lv1w50"]::after {
			display: none;
		}
.report-table-border table {
	border: none;
}
	.report-table-border table th {
		width: auto;
		margin: 0 auto !important;
	}
		.report-table_img img {
			width: 80%;
		}
	.report-grouping-table span {
			float: none;
	}
	.report-table_img img {
		width: 100%;
	}
.report-grouping-col table {
	  margin-bottom: 0 !important;
}
	.report-grouping-col div:nth-child(2) table th {
		padding: 10px !important;
	}
	#mainContent p {
        padding-left: 0;
    }
/*------------------------------------------
 ハーフサム(スマホ)
------------------------------------------*/
#halfsum_result.tree_style {
    padding: 15px;
}
		#halfsum_result.tree_style ul.halfsum_tree {
			width: 45%;
		}
				#halfsum_result.tree_style ul.halfsum_tree li {
					width: 94%;
				}
	}
/*-------------------------------------------------------------------------
 スマホ(iPhone5/SE)
-------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
#horoscopemenuMember .barthdata {
	margin-bottom: 5px;
}
	#horoscopemenuMember .barthdata span {
		display: block !important;
		max-width: initial !important;
	}
		select.targetOptions,
		select#shrinking {
			max-width: 220px !important;
			min-width: 220px !important;
	}
	#horoscopemenuInner .settei {
    	width: 26.5% !important;
	}
		#horoscopemenuMember .barthdata label:nth-child(2) {
			margin-left: 8px !important;
			margin-right: 0 !important;
	}
	#horoscope-predictBox-btn,
	#horoscope-GgraphicEphemeris_btn { /*オレンジのボタン */
		font-size: 0.9rem !important;
	}
	#aspect_setup ul li a { /*未来予測の緑の切り替えボタン */
  	  font-size: 0.9rem;
	}
/* TOPページ（page_index.css） */
		#standOut-banner-cnts .standOut-banner-cnts-2col img,
		#standOut-banner-cnts .standOut-banner-cnts-3col img {
			width: 300px !important;
		}
	
/* 設定 */
	#page_horoscope_setup #container input, #page_horoscope_setup #container select {
		font-size: 1rem !important;
	}
	.orb select.red, .orb select.RoyalBlue, .orb select.pink {
		width: 50px !important;
	}

}