@charset "utf-8";

section {
	margin:0 auto !important;
	display:inline-block;}

/* �L���z�u�̒��� */
.ad_pc,
.ad_sp {
	margin-top:0 !important;}

.ad_space {
	display:block;
	height:50px;}

.ad_bottomspace {
	margin-bottom:50px !important;}
		
/* �C���g���_�N�V���� */

#intro_c h1:before {
	content:"";
	background:url(../img/title_mooncalendar.png) no-repeat center center;
    display:block;
    height:22px;
	width:auto;
	background-size:contain;
	margin-bottom:5px;}

#intro_c h1 {
	font-size:0.8em;
	font-weight:600;
	margin:0px auto 60px auto;}

#intro_c h2:before {
	content:"";
    background:url(../img/moon_cycle_calendar.png) no-repeat center center;
    width:188px;
    height:24px;
	display:block;
    background-size:contain;
	margin:0 auto 8px auto;}

#intro_c h2 {
	font-size:1.6em;
	padding-bottom:5px !important;
	font-weight:600;
	margin:0 auto 30px auto;}

#intro_c h2 span {
	border-bottom:2px solid #FDDF01;}

#intro_c h3 {
	color:#630;
	font-size:1em;}

#intro_c .this_month {
	width:400px;
	height:60px;
	border-radius:5px;
	background:#FDDF01;
	margin:20px auto;
	transition: background-color 1.5s;}

#intro_c .this_month:hover {
	background:#EBEDEE;
	cursor:pointer;}

#intro_c .this_month b:before {
	content:"CALENDAR FOR THIS MONTH";
	display:block;
	font-family: 'Roboto Slab', serif;
	font-size:1.7em;
	font-weight:400;
	padding-top:11px;
	margin-bottom:0;}

#intro_c .this_month b {
	font-size:0.8em;}

#intro_c .this_month b:hover {
	cursor:pointer;}

#intro_c .this_month a {
	color:#555;
	line-height:1em;}

#intro_c .select {
	font-size:0.9em;
	margin:30px auto 0 auto;}

#intro_c select {
	background-color:#EBEDEE;
	width:150px;}

#intro .this_month_title {
	width:100%;
	position:relative;
	display:table;}

/* 599px�ȉ��̏ꍇ */
@media screen and (max-width: 599px) {

#intro_c h3 {
	line-height:1.5em;}

#intro_c .description {
	text-align:left;}

#intro_c .link_center  {
	text-align:center;
	position;relative;
	bottom:10px;}

#intro_c p br {
	display: none;}

#intro_c .this_month {
	width:90% !important;}

#intro_c .select {
	text-align:center;
	margin:0 auto;}
}

/* ����X���C�_�[�S�� */

.swiper-container {
	margin:30px auto 0 auto !important;
	padding:0 !important;}

.swiper-wrapper {
	margin:0 auto !important;
	padding:0 !important;}

/* �V���Ɩ��� */
.n_f {
	width:80%;
	margin:0 auto ;
	font-size:1em;
	display:inline-block;}

.n_f .box1,
.n_f .box2 {
	float:left;
	background:#EBEDEE;
	width:45%;
	margin:10px;
	padding:8px;}

.n_f a {
	border-bottom:1px dashed #630 !important;
	color:#630;
	padding-bottom:1px;}


/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {


.n_f {
	width:97%;
	font-size:0.8em;}

.n_f .box1,
.n_f .box2 {
	margin:10px 0;
	padding:8px 0;
	width:48%;}

.n_f .box2 {
	float:right;}
}

.n_f .box_l {
	float:left;
	width:50%;
	border-right:1px dashed #999;
	padding-top:10px;
	padding-bottom:10px;}

.n_f .box_r {
	float:left;
	width:50%;
	line-height:1.5em;
	padding-top:15px;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
.n_f .box_l {
	float:none;
	border-right:none;
	width:100%;
	line-height:1.1em;
	padding-top:5px;}

.n_f .box_r {
	float:none;
	width:100%;
	padding-top:0;
	font-size:0.9em;}
}

.n_f .sign_m {
	font-size:0.8em;
	display:block;}

.n_f h2 span {
	border-bottom:2px solid #FDDF01;}

.n_f .box1 h2:before {
	content:"";
	background:url(../img/new_moon.png) no-repeat center center;
    display:block;
    height:11px;
	width:72px;
	background-size:contain;
	margin:0px auto 3px auto;}

.n_f .box2 h2:before {
	content:"";
	background:url(../img/full_moon.png) no-repeat center center;
    display:block;
    height:11px;
	width:70px;
	background-size:contain;
	margin:0px auto 3px auto;}


/* �� */

.this_month_title {
	width:100%:}

.this_month_title h2 {
	display:table-cell;
	position:absolute;
	left:0;
	right:0;}

.this_month_title .link_prev {
	display:table-cell;
	position:absolute;
	left:260px;
	top:20px;
	bottom:0;}

.this_month_title .link_next {
	display:table-cell;
	position:absolute;
	right:260px;
	top:20px;
	bottom:0;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
	.this_month_title .link_prev {
		position:absolute;
		left:10px;}

	.this_month_title .link_next {
		position:absolute;
		right:10px;}
}

.this_month_title .link_prev img,
.this_month_title .link_next img {
	zoom:85%;
	-moz-transform:
	scale(0.85,0.85);
	position:relative;
	top:30px;}

.month .nov_2016:before {
	content:"";
	background:url(../img/nov_2016.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .dec_2016:before {
	content:"";
	background:url(../img/dec_2016.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .jan_2017:before {
	content:"";
	background:url(../img/jan_2017.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .feb_2017:before {
	content:"";
	background:url(../img/feb_2017.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .march_2017:before {
	content:"";
	background:url(../img/march_2017.png) no-repeat;
	display:block;
	height:33px;
	width:178px;
	background-size:contain;
	margin:0 auto;}

.month .apr_2017:before {
	content:"";
	background:url(../img/apr_2017.png) no-repeat;
	display:block;
	height:33px;
	width:152px;
	background-size:contain;
	margin:0 auto;}

.month .may_2017:before {
	content:"";
	background:url(../img/may_2017.png) no-repeat;
	display:block;
	height:33px;
	width:137px;
	background-size:contain;
	margin:0 auto;}

.month .jun_2017:before {
	content:"";
	background:url(../img/june_2017.png) no-repeat;
	display:block;
	height:33px;
	width:142px;
	background-size:contain;
	margin:0 auto;}

.month .july_2017:before {
	content:"";
	background:url(../img/july_2017.png) no-repeat;
	display:block;
	height:33px;
	width:141px;
	background-size:contain;
	margin:0 auto;}

.month .aug_2017:before {
	content:"";
	background:url(../img/aug_2017.png) no-repeat;
	display:block;
	height:33px;
	width:186px;
	background-size:contain;
	margin:0 auto;}

.month .sep_2017:before {
	content:"";
	background:url(../img/sep_2017.png) no-repeat;
	display:block;
	height:33px;
	width:236px;
	background-size:contain;
	margin:0 auto;}

.month .oct_2017:before {
	content:"";
	background:url(../img/oct_2017.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .nov_2017:before {
	content:"";
	background:url(../img/nov_2017.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .dec_2017:before {
	content:"";
	background:url(../img/dec_2017.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .jan_2018:before {
	content:"";
	background:url(../img/jan_2018.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .feb_2018:before {
	content:"";
	background:url(../img/feb_2018.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .march_2018:before {
	content:"";
	background:url(../img/march_2018.png) no-repeat;
	display:block;
	height:33px;
	width:178px;
	background-size:contain;
	margin:0 auto;}

.month .apr_2018:before {
	content:"";
	background:url(../img/apr_2018.png) no-repeat;
	display:block;
	height:33px;
	width:152px;
	background-size:contain;
	margin:0 auto;}

.month .may_2018:before {
	content:"";
	background:url(../img/may_2018.png) no-repeat;
	display:block;
	height:33px;
	width:137px;
	background-size:contain;
	margin:0 auto;}

.month .jun_2018:before {
	content:"";
	background:url(../img/june_2018.png) no-repeat;
	display:block;
	height:33px;
	width:142px;
	background-size:contain;
	margin:0 auto;}

.month .july_2018:before {
	content:"";
	background:url(../img/july_2018.png) no-repeat;
	display:block;
	height:33px;
	width:141px;
	background-size:contain;
	margin:0 auto;}

.month .aug_2018:before {
	content:"";
	background:url(../img/aug_2018.png) no-repeat;
	display:block;
	height:33px;
	width:186px;
	background-size:contain;
	margin:0 auto;}

.month .sep_2018:before {
	content:"";
	background:url(../img/sep_2018.png) no-repeat;
	display:block;
	height:33px;
	width:236px;
	background-size:contain;
	margin:0 auto;}

.month .oct_2018:before {
	content:"";
	background:url(../img/oct_2018.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .nov_2018:before {
	content:"";
	background:url(../img/nov_2018.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .dec_2018:before {
	content:"";
	background:url(../img/dec_2018.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .jan_2019:before {
	content:"";
	background:url(../img/jan_2019.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .feb_2019:before {
	content:"";
	background:url(../img/feb_2019.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .march_2019:before {
	content:"";
	background:url(../img/march_2019.png) no-repeat;
	display:block;
	height:33px;
	width:178px;
	background-size:contain;
	margin:0 auto;}

.month .apr_2019:before {
	content:"";
	background:url(../img/apr_2019.png) no-repeat;
	display:block;
	height:33px;
	width:152px;
	background-size:contain;
	margin:0 auto;}

.month .may_2019:before {
	content:"";
	background:url(../img/may_2019.png) no-repeat;
	display:block;
	height:33px;
	width:137px;
	background-size:contain;
	margin:0 auto;}

.month .jun_2019:before {
	content:"";
	background:url(../img/june_2019.png) no-repeat;
	display:block;
	height:33px;
	width:142px;
	background-size:contain;
	margin:0 auto;}

.month .july_2019:before {
	content:"";
	background:url(../img/july_2019.png) no-repeat;
	display:block;
	height:33px;
	width:141px;
	background-size:contain;
	margin:0 auto;}

.month .aug_2019:before {
	content:"";
	background:url(../img/aug_2019.png) no-repeat;
	display:block;
	height:33px;
	width:186px;
	background-size:contain;
	margin:0 auto;}

.month .sep_2019:before {
	content:"";
	background:url(../img/sep_2019.png) no-repeat;
	display:block;
	height:33px;
	width:236px;
	background-size:contain;
	margin:0 auto;}

.month .oct_2019:before {
	content:"";
	background:url(../img/oct_2019.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .nov_2019:before {
	content:"";
	background:url(../img/nov_2019.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .dec_2019:before {
	content:"";
	background:url(../img/dec_2019.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .jan_2020:before {
	content:"";
	background:url(../img/jan_2020.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .feb_2020:before {
	content:"";
	background:url(../img/feb_2020.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .march_2020:before {
	content:"";
	background:url(../img/march_2020.png) no-repeat;
	display:block;
	height:33px;
	width:178px;
	background-size:contain;
	margin:0 auto;}

.month .apr_2020:before {
	content:"";
	background:url(../img/apr_2020.png) no-repeat;
	display:block;
	height:33px;
	width:152px;
	background-size:contain;
	margin:0 auto;}

.month .may_2020:before {
	content:"";
	background:url(../img/may_2020.png) no-repeat;
	display:block;
	height:33px;
	width:137px;
	background-size:contain;
	margin:0 auto;}

.month .jun_2020:before {
	content:"";
	background:url(../img/june_2020.png) no-repeat;
	display:block;
	height:33px;
	width:142px;
	background-size:contain;
	margin:0 auto;}

.month .july_2020:before {
	content:"";
	background:url(../img/july_2020.png) no-repeat;
	display:block;
	height:33px;
	width:141px;
	background-size:contain;
	margin:0 auto;}

.month .aug_2020:before {
	content:"";
	background:url(../img/aug_2020.png) no-repeat;
	display:block;
	height:33px;
	width:186px;
	background-size:contain;
	margin:0 auto;}

.month .sep_2020:before {
	content:"";
	background:url(../img/sep_2020.png) no-repeat;
	display:block;
	height:33px;
	width:236px;
	background-size:contain;
	margin:0 auto;}

.month .oct_2020:before {
	content:"";
	background:url(../img/oct_2020.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .nov_2020:before {
	content:"";
	background:url(../img/nov_2020.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .dec_2020:before {
	content:"";
	background:url(../img/dec_2020.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .jan_2021:before {
	content:"";
	background:url(../img/jan_2021.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .feb_2021:before {
	content:"";
	background:url(../img/feb_2021.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .march_2021:before {
	content:"";
	background:url(../img/march_2021.png) no-repeat;
	display:block;
	height:33px;
	width:178px;
	background-size:contain;
	margin:0 auto;}

.month .apr_2021:before {
	content:"";
	background:url(../img/apr_2021.png) no-repeat;
	display:block;
	height:33px;
	width:152px;
	background-size:contain;
	margin:0 auto;}

.month .may_2021:before {
	content:"";
	background:url(../img/may_2021.png) no-repeat;
	display:block;
	height:33px;
	width:137px;
	background-size:contain;
	margin:0 auto;}

.month .jun_2021:before {
	content:"";
	background:url(../img/june_2021.png) no-repeat;
	display:block;
	height:33px;
	width:142px;
	background-size:contain;
	margin:0 auto;}

.month .july_2021:before {
	content:"";
	background:url(../img/july_2021.png) no-repeat;
	display:block;
	height:33px;
	width:141px;
	background-size:contain;
	margin:0 auto;}

.month .aug_2021:before {
	content:"";
	background:url(../img/aug_2021.png) no-repeat;
	display:block;
	height:33px;
	width:186px;
	background-size:contain;
	margin:0 auto;}

.month .sep_2021:before {
	content:"";
	background:url(../img/sep_2021.png) no-repeat;
	display:block;
	height:33px;
	width:236px;
	background-size:contain;
	margin:0 auto;}

.month .oct_2021:before {
	content:"";
	background:url(../img/oct_2021.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .nov_2021:before {
	content:"";
	background:url(../img/nov_2021.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .dec_2021:before {
	content:"";
	background:url(../img/dec_2021.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .jan_2022:before {
	content:"";
	background:url(../img/jan_2022.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .feb_2022:before {
	content:"";
	background:url(../img/feb_2022.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .march_2022:before {
	content:"";
	background:url(../img/march_2022.png) no-repeat;
	display:block;
	height:33px;
	width:178px;
	background-size:contain;
	margin:0 auto;}

.month .apr_2022:before {
	content:"";
	background:url(../img/apr_2022.png) no-repeat;
	display:block;
	height:33px;
	width:152px;
	background-size:contain;
	margin:0 auto;}

.month .may_2022:before {
	content:"";
	background:url(../img/may_2022.png) no-repeat;
	display:block;
	height:33px;
	width:137px;
	background-size:contain;
	margin:0 auto;}

.month .jun_2022:before {
	content:"";
	background:url(../img/june_2022.png) no-repeat;
	display:block;
	height:33px;
	width:142px;
	background-size:contain;
	margin:0 auto;}

.month .july_2022:before {
	content:"";
	background:url(../img/july_2022.png) no-repeat;
	display:block;
	height:33px;
	width:141px;
	background-size:contain;
	margin:0 auto;}

.month .aug_2022:before {
	content:"";
	background:url(../img/aug_2022.png) no-repeat;
	display:block;
	height:33px;
	width:186px;
	background-size:contain;
	margin:0 auto;}

.month .sep_2022:before {
	content:"";
	background:url(../img/sep_2022.png) no-repeat;
	display:block;
	height:33px;
	width:236px;
	background-size:contain;
	margin:0 auto;}

.month .oct_2022:before {
	content:"";
	background:url(../img/oct_2022.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .nov_2022:before {
	content:"";
	background:url(../img/nov_2022.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

.month .dec_2022:before {
	content:"";
	background:url(../img/dec_2022.png) no-repeat;
	display:block;
	height:33px;
	width:235px;
	background-size:contain;
	margin:0 auto;}

h1::before {
	font-size:2.3em;
	color:#333;
	display:block;
	font-family: 'Roboto Slab', serif;}

h1.jan_2023:before {
	content:"JANUARY 2023";}

h1.feb_2023:before {
	content:"FEBRUARY 2023";}

h1.mar_2023:before {
	content:"MARCH 2023";}

/* �J�����_�[ */

.month {
	margin:0 auto 40px auto;
	display:inline-block;}

.month h1 {
	font-size:0.85em;
	margin:0 auto 10px auto;}

.calendar_box {
	border-top: 3px solid #333;
    position: relative;
    z-index: 1;
	padding-top:10px;
	clear:left;}

.calendar_box:before{
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    border-top: 1px solid #333;
    width: 100%;
    padding-bottom: 2px;
    min-height: 100%;
    z-index: 10;}

.calendar_box .box50 {
	width:50%;}

.calendar_box .left {
	border-right:1px solid #333;
	float:left;}

.calendar_box .right {
	float:right;}

.calendar_box .right .block {
	float:right;}

.calendar_box .block {
	display:table;
	border-bottom:1px solid #333;
	width:98%;
	font-size:0.75em;
	padding-top:6px;}

.block:hover .hover_text{
	opacity: 1;}

.hover_text {
	opacity: 0;
	color: red;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:50%;
    height:60px;
    text-align:center;
	background-color: rgba(204,204,204,0.8);
	border-radius:3px;}

.hover_text a {
	font-size:1.2em;
	color:#630;
	position:relative;
	top:15px;
	right:5px;
	border-bottom:1px dashed #630;
	padding-bottom:1px;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
.calendar_box .box50 {
	width:100%;}

.calendar_box .left {
	border-right:none;
	float:none;}

.calendar_box .right {
	float:none;}

.calendar_box .right .block {
	float:none;}

.calendar_box .block {
	width:100%;
	font-size:0.65em;}
}

.calendar_box .block div{
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	position:relative;}

.date {
	border-right:1px dashed #999;
	font-family: 'Roboto Slab', sans-serif;
	font-weight:light;
	font-size:2.5em;
	width:15%;}

.day {
	display:block;
	font-size:0.6em;
	color:#869398;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
.date {
	font-size:2em;}
}

.moon_name {
	font-size:0.4em;
	display:block;
	line-height:1em;
	margin:0 auto 6px auto;
	font-family: 'Noto Sans Japanese', sans-serif;}

.moon_name b {
	border-bottom:2px solid #FDDF01;}

.sat {
	color:#336699 !important;}

.sun {
	color:#990000!important;}

.moon {
	border-right:1px dashed #999;
	width:21%;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
.moon {
	width:20%;}
}

.new_full {
	background:#FFFAD9;
	position:relative;}

.moon img {
	zoom:0.35 !important;
	-moz-transform:
	scale(0.35,0.35);
	display:block;
	margin:0 auto;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
.moon img {
	zoom:0.3 !important;
	-moz-transform:
	scale(0.3,0.3);}

.moon_sign  {
	width:49%;}

.one_sign {
	width:46%;}
}

.moon_sign {
	width:46%;}

.sign {
	width:calc(100% / 2) ;
	position:relative;}

.allow {
	text-align:center;}

.one {
	margin:0 auto;
	width:calc(100% / 1) ;}

.sign p {
	position:absolute;
	left:0;
	right:0;
	bottom:-5px;
	margin:0 auto;}

.sign img {
	position:relative;
	bottom:18px;}

.sign img,
.one_sign img {
	zoom:0.5 !important;
	-moz-transform:
	scale(0.5,0.5);
	display:block;
	margin:0 auto;}

.allow img,
.void img {
	zoom:0.6 !important;
	-moz-transform:
	scale(0.6,0.6);
	display:block;
	margin:0 auto;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
.sign img,
.one_sign img {
	zoom:0.4 !important;
	-moz-transform:
	scale(0.4,0.4);
	display:block;
	margin:0 auto;}
}

.sign p,
.one_sign p,
.allow p {
	line-height:1em;
	margin:7px auto 0 auto;}

.allow p {
	position:relative;
	top:15px;}

.void {
	border-left:1px dashed #999;
	width:18%;
	vertical-align:top !important;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
.void {
	width:15%;}
}

.void p {
	line-height:1em;
	margin:0;}

.vd {
	padding:4px 0!important;
	background:#D8DCDF;
	font-family: 'Roboto Slab', sans-serif;
	font-size:0.9em;
	font-weight:bold;
	width:95%;}

p.time {
	line-height:2em !important;
	margin-top:5px;}

/* �O��̌��ւ̃����N */
.prev_next {
	width:100%;
	margin:30px auto;
	clear:both;
	display:inline-block;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
.prev_next {
	width:97%;}
}

.prev_next a {
	border-bottom:dashed 1px #630;
	color:#630;
	font-size:0.9em;
	font-weight:500;
	line-height:1.3em;}

.prev_next a:first-child {
	float:left;}

.prev_next a:last-child {
	float:right;}

.prev_next a:first-child:before {
	content:"";
    background:url(../img/cal_prev.png) no-repeat center center;
	width:-webkit-calc(11px / 2) ;
	height: calc(21px /2) ;
	background-size:contain;
	display:inline-block;
	margin-right:5px;
	margin-top:4px;}

.prev_next a:last-child:after {
	content:"";
    background:url(../img/cal_next.png) no-repeat center center;
	width:-webkit-calc(11px / 2) ;
	height: calc(21px /2) ;
	background-size:contain;
	display:inline-block;
	margin-left:5px;
	margin-top:4px;}

.swiper-pagination {
	position:relative;
	bottom:50px !important;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
	.swiper-pagination {
		display:none !important;}

	ul#month_nav  {
	display:table !important;
	width:90% !important;}

	ul#month_nav2  {
	display:none !important;}
}

ul#month_nav  {
	width:540px;
	margin:0 auto;
	padding:0;
	position:relative;
	bottom:35px;
	display:none;}

ul#month_nav2  {
	display:table;
	width:540px;
	margin:0 auto;
	padding:0;
	position:relative;
	bottom:35px;}

#month_nav li,
ul#month_nav2 li {
	display:table-cell;
	font-size:0.8em;
	width : 8% ; /* IE8�ȉ���Android4.3�ȉ��p�t�H�[���o�b�N */
	width : -webkit-calc(100% / 12) !important;
	width : calc(100% / 12)  !important;
	margin:0;
	padding:0;}

/* �V���Ɩ����ꗗ */

#list_moon {
	width:100%;
	margin:0 auto;
	background:url(../img/triangle1.png) no-repeat;
	background-position:center top;
	backgrond-size:contain;
	width:100%;
	height:auto;
	display:block;
	padding-top:200px;
    margin:0 auto !important;}

.inner_g {
	 background-color:#EBEDEE;
	 overflow:hidden;
	 position:relative;
	 bottom:35px;}

#list_moon h2:before {
	content:"";
    background:url(../img/newmonn_fullmoon.png) no-repeat center center;
    width:241spx;
    height:16px;
	display:block;
    background-size:contain;
	margin:0 auto 8px auto;}

#list_moon h2 {
	font-size:1.6em;
	font-weight:400 !important;
	padding-bottom:5px !important;
	font-weight:300;
	margin:0 auto 30px auto;}

ul#month_list {
	width:95% !important;
	margin:0 auto;
	padding:0;}

ul#month_list li {
	float:left;
	width : 33% ; /* IE8�ȉ���Android4.3�ȉ��p�t�H�[���o�b�N */
	width : -webkit-calc(100% / 3);
	width : calc(100% / 3) ;
	margin:0 auto 20px auto;
	padding:0;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {

	ul#month_list li {
		width : 50%;}
}

#list_moon .box_m {
	width:95%;
	margin:0 auto;
	background:#fff;
	height:420px;}

#list_moon img.month {
	zoom:0.5 !important;
	-moz-transform:
	scale(0.5,0.5);
	margin:30px auto 0 auto;}

#list_moon h3 {
	font-size:0.9em;
	margin-bottom:10px;}

#list_moon h2 span ,
#list_moon h3 span ,
#list_moon h4 span{
	border-bottom:2px solid #FDDF01;}

#list_moon .inner_box {
	width : 49% ; /* IE8�ȉ���Android4.3�ȉ��p�t�H�[���o�b�N */
	width : -webkit-calc(50% - 0.5px) ;
	width : calc(50% - 0.5px) ;
	float:left;}

#list_moon .left {
	border-right:1px dotted #ccc;}

#list_moon h4 {
	font-size:0.8em;
	color:#630;
	font-weight:500;
	line-height:1.7em;
	margin-top:15px;}

#list_moon h4.new:before {
	content:"";
	background:url(../img/new_moon.png) no-repeat center center;
    display:block;
    height:11px;
	width:72px;
	background-size:contain;
	margin:0px auto;}

#list_moon h4.full:before {
	content:"";
	background:url(../img/full_moon.png) no-repeat center center;
    display:block;
    height:11px;
	width:70px;
	background-size:contain;
	margin:0px auto;}

#list_moon p {
	font-size:0.8em;
	line-height:1.5em;
	margin:15px auto 0 auto;}

#list_moon p.sign {
	font-size:0.7em;
	margin:0 auto;}

#list_moon .sign_img {
	height:80px;
	position:relative;}

#list_moon img.sign_m {
	max-width:70px !important;
	max-height:80px !important;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
	#list_moon img.sign_m {
	max-width:60px !important;
	max-height:70px !important;}
}

#list_moon .wish_link {
	clear:left;
	font-weight:500;
	font-size:0.7em;
	margin:20px auto 0 auto !important;
	display:inline-block;}

#list_moon .wish_link a {
	color:#630;
	border-bottom:dotted 1px #630;}

#list_moon .link {
	padding:30px auto;
	font-size:0.9em;}

/* �����̌��� */
#moon_today {
	width:100%;
	margin:0 auto;
	background:url(../img/triangle_g2.png) no-repeat;
	background-position:center top;
	backgrond-size:contain;
	width:100%;
	height:auto;
	display:block;
	padding-top:200px;
    margin:0 auto !important;}

.inner_g2 {
	 background:#C6CCCF;
	 overflow:hidden;
	 position:relative;
	 bottom:35px;}

#moon_today h2:before {
	content:"";
    background:url(../img/moonphase_today.png) no-repeat center center;
    width:180px;
    height:24px;
	display:block;
    background-size:contain;
	margin:0 auto 8px auto;}

#moon_today h2 {
	font-size:1.6em;
	font-weight:400 !important;
	padding-bottom:5px !important;
	font-weight:300;
	margin:0 auto;}

#moon_today h2 span {
	border-bottom:2px solid #fff;}

#moon_today .date_today {
	font-size:1.65em;
	font-family: 'Roboto Slab', sans-serif;
	font-weight:400;
	color:#4D575A;
	margin-top:30px;}

#moon_today .moonphase img {
	zoom:0.6 !important;
	-moz-transform:
	scale(0.6,0.6);
	margin:30px auto 0 auto;
	position:relative;
	bottom:25px;}

#moon_today b {
	font-size:0.9em;
	position:relative;
	bottom:45px;}

#moon_today h3 {
	background:url(../img/keep_in_touch2.png) no-repeat top center;
	width:438px;
	height:56px;
	background-size:cover;
	font-size:0.8em;
	padding-top:35px;
	margin:0 auto;
	font-weight:400;}

#moon_today ul {
	overflow:hidden;
	display:table;
	margin:15px auto 35px auto;}

#moon_today li {
	float:left;
	display:table;
	margin-right:30px;}

#moon_today li:last-child {
	margin-right:0px;}

#moon_today li div {
    width:50px;
	height:50px;
	cursor: pointer;
	background:#FDDF01;
	border-radius:50%;
	transition: background-color 1.5s;
	display:table-cell;
	vertical-align:middle;}

#moon_today li div:hover {
	background:#EBEDEE;}

#moon_today li img {
	zoom:0.6 !important;
	-moz-transform:
	scale(0.6,0.6);
	position:relative;
	top:5px;}

/* �����̌����^����e�� */
#moon_affection {
	width:100%;
	margin:50px auto 0 auto;}

#moon_affection h2:before {
	content:"";
    background:url(../img/todays_power.png) no-repeat center center;
    width:177px;
    height:24px;
	display:block;
    background-size:contain;
	margin:0 auto 8px auto;}

#moon_affection h2 {
	font-size:1.6em;
	font-weight:400 !important;
	padding-bottom:5px !important;
	font-weight:300;
	margin:0 auto;}

#moon_affection h2 span {
	border-bottom:2px solid #FDDF01;}

#moon_affection .date_today {
	font-family: 'Roboto Slab', serif;
	font-size:1.2em;
	margin:30px auto 0 auto;}

#moon_affection h3 {
	background:url(../img/todays_advice_back2.png) no-repeat bottom center;
	background-size:contain;
	width:515px;
	height:58px;
	margin:15px auto 0px auto;
	font-size:0.9em;
	color:#630;
	font-weight:500;
	line-height:1em;}

#moon_affection ul {
	position:relative;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	width : 93% ;
	display:table;}

#moon_affection li {
	float:left;
	margin-bottom:30px;
	width : 25% ;
    display: table;
	paddig:0;}

#moon_affection li img {
	zoom:0.5;}

/* 768px�ȉ��̏ꍇ */
@media only screen and (max-width: 768px) {
	#moon_affection h2 {
		line-height:1.8em;}

	#moon_affection h3 {
		background:none;
		width:auto;
		height:auto;
		margin:0;}

	#moon_affection ul {
		text-align:center;
		width : 98% ;}

	#moon_affection li {
		width : 50% ;}
}

#moon_affection li h4 {
	color:#630;
	font-size:0.9em;
	display:block;}

#moon_affection li p {
	font-size:0.8em;
	line-height:1.6em;
	font-weight:300;
	width:80%;
	margin:0 auto;}