.color_earth{
	color: #004cff;
}
.color_mars{
	color: #df8800;
}

.bg_image_ooguma{
	background-image: url(/star/special/20090401_oogumaza/images/ooguma_illust.png);
	margin-left: 65px;
	margin-right: 65px;
	background-repeat: no-repeat;
	padding: 172px 60px;
}
.subHead{
	font-size: 3rem;
	color: #002E4B;
	text-align: left
}

#special .innerBoxR480 {
	float: right;
    width: 480px;
}
#special .innerBoxR480L {
	float: left;
    width: 432px;
}
#special .innerBoxR520 {
	float: right;
    width: 520px;
}
#special .innerBoxR520L {
	float: left;
    width: 392px;
}
#special .innerBoxR540 {
	float: right;
    width: 540px;
}
#special .innerBoxR540L {
	float: left;
    width: 372px;
}
#special .innerBoxLmenu {
	float: left;
    width: 220px;
}
#special .innerBoxLmenuR {
	float: right;
    width: 692px;
}
#special .innerBoxLlongmenu {
	float: left;
    width: 440px;
}
#special .innerBoxLlongmenuR {
	float: right;
    width: 472px;
}

#special .innerBoxR480 img, #special .innerBoxR480L img, #special .innerBoxR520 img, #special .innerBoxR520L img, #special .innerBoxR540 img, #special .innerBoxR540L img, #special .innerBoxLmenu img, #special .innerBoxLmenuR img, #special .innerBoxLlongmenu img, #special .innerBoxLlongmenuR img {
    width: 100%;
}

.balloon_half{
	border-top-left-radius:1em;
	border-top-right-radius:1em;
	-webkit-border-top-left-radius:1em;
	-webkit-border-top-right-radius:1em;
	-moz-border-top-left-radius:1em;
	-moz-border-top-right-radius:1em;
	background-color: #bbffdd;
	padding: 1em 1em 0em 1em;
}
.blackboard{
	background-color: #0a2d00;
	color: #ffffff;
	font-weight: bold;
}
.quiz{
	padding: 1em;
}
.quiz p{
	padding-left: 1em;
	text-indent: -1em;
}
.mars_table {
	background-color: #bbffdd;
	margin: 0 auto;
	padding: 1em;
}
.mars_table th, .mars_table td{
	padding: 0.5em;
	border-collapse: collapse;
	border: 1px solid #333333;
}
.mars_table td{
	text-align: right;
}
.mars_table_title{
	font-size: 125%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	color: #ff0000;
	background-color: #bbffdd;
	border-top-left-radius:1em;
	border-top-right-radius:1em;
	-webkit-border-top-left-radius:1em;
	-webkit-border-top-right-radius:1em;
	-moz-border-top-left-radius:1em;
	-moz-border-top-right-radius:1em;
}

.flipperBox {
	width: 100%;
	margin-top: 0.5em;
	font-size: 2rem;
	color: #002E4B;
	line-height: 1em;
	overflow: hidden;
}
.flipperBox a{
	font-family: "繝偵Λ繧ｮ繝取�譛� ProN W6", "Hiragino Mincho ProN", "貂ｸ譏取悃", YuMincho, "�ｭ�ｳ 譏取悃", 'Noto Serif', "Sawarabi Mincho", serif!important;
	font-weight: bold;
	display: inline-block;
	text-decoration: none!important;
}
.flipperBox a:hover{
	color: rgba(0,0,0,.6)!important;
}
.flipperBox a:link { color: #002E4B;}
.flipperBox a:visited { color: #002E4B;}
.prevBtn{
	float: left;
}
.nextBtn{
	float: right;
}
.link_underline{
	text-decoration: underline!important;
}

.mainTitleSubAreaL, .mainTitleSubAreaR {
    margin-bottom: 30px;
    margin-top: -35px;
    font-weight: 700;
    overflow: hidden
}
.mainTitleSubAreaL {
    text-align: left
}
.mainTitleSubAreaR {
    text-align: right
}
@media only screen and (max-width:768px) {
	.full_box img {
		width: 100%
	}
	.mainTitleSubAreaL, .mainTitleSubAreaR {
		margin-bottom: 4vw;
		margin-top: -3.33vw;
		text-align: left
	}
}

ul.specialNavi2 {
    letter-spacing: -.4em;
    line-height: 1
}
ul.specialNavi2 li {
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
    margin-left: 10px;
    border: 1px solid #ffffff;
	color: #ffffff;
    line-height: 1;
    letter-spacing: normal;
    word-wrap: break-word
}
ul.specialNavi2 li a{
	color: #fff;
}
ul.specialNavi2 li.on {
    pointer-events: none
}
ul.specialNavi2 li.hoverClass, ul.specialNavi2 li.on {
    background: #fff;
    color: #002E4B;
}
ul.specialNavi2 li span.nav {
    padding: 5px 14px;
    display: inline-block;
}
ul.specialNavi2 li.on a:active,
ul.specialNavi2 li.on a:link,
ul.specialNavi2 li.on a:visited,
ul.specialNavi2 li:hover a:active,
ul.specialNavi2 li:hover a:link,
ul.specialNavi2 li:hover a:visited {
    color: #002E4B;
	opacity: .7;
}

.moonState{
    position: relative;
    font-weight: normal;
    font-size: 1.2rem;
    color: #000;
    width: 109px;
}
@media only screen and (max-width:768px) {
    .moonState {
        font-size: 2.6vw;
        transform: scale(.85);
        transform-origin: left top;
        width: 120%;
        margin-bottom: -.25em;
    }
    .android .moonState { margin-bottom: 0;}
    @media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
        .moonState {
            width:11.4vw
        }
    }
}

@media only screen and (max-width:768px){
	.bg_image_ooguma{
		background-image: url(/star/special/20090401_oogumaza/images/ooguma_illust.png);
		margin: 0px;
		background-repeat: no-repeat;
		padding: 0.5rem 1rem;
	}
	.subHead{
		font-size: 5.55vw;

	}
	#special .innerBoxR480, #special .innerBoxR480L, #special .innerBoxR520, #special .innerBoxR520L, #special .innerBoxR540, #special .innerBoxR540L, #special .innerBoxLmenu, #special .innerBoxLmenuR, #special .innerBoxLlongmenu, #special .innerBoxLlongmenuR {
		width: 100%;
		float: none;
		overflow: hidden;
	}

	.flipperBox{
		margin-top: 5%;
		font-size: 3.4rem;
		font-size: 6.4vw;
	}
	ul.specialNavi2 {
		margin-top: -8px
	}
	ul.specialNavi2 li {
		margin-top: 8px
	}
	ul.specialNavi2 li:hover {
		background: #fff;
		color: #002E4B!important;
		opacity: .7;
		cursor: pointer
	}
	ul.specialNavi2 li.hoverClass {
		opacity: .7
	}

}


#orion2019 .select_btn ul li:nth-child(1) {
    background: url(/star/2020/02/selector/select_orion2019_on.png) top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #orion2019 .select_btn ul li:nth-child(1) {
        background-size: 100% 100%
    }
    #orion2019 .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#taiyou_to_kage .select_btn ul li:nth-child(2) {
    background: url(/star/2020/01/selector/select_10_on.png) top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #taiyou_to_kage .select_btn ul li:nth-child(2) {
        background-size: 100% 100%
    }
    #taiyou_to_kage .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#neowise .select_btn ul li:nth-child(2) {
	background: url("/star/2020/09/selector/select_50mm_on.png") top left no-repeat;
	background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #neowise .select_btn ul li:nth-child(2) {
        background-size: 100% 100%
    }
    #neowise .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#geturei6_7 .select_btn ul li:nth-child(3) {
    background: url(/star/2016/06/selector/select_star03_on.png) top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #geturei6_7 .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #geturei6_7 .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}
#kagennotuki .select_btn ul li:nth-child(1) {
    background: url("/star/2025/05/images/selector/select_crater_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #kagennotuki .select_btn ul li:nth-child(1) {
        background-size: 100% 100%
    }
    #kagennotuki .select_btn ul li:nth-child(1n) {
        margin-right: 0
    }
}
#kagennotuki .select_btn ul li:nth-child(2) {
    background: url("/star/2025/05/images/selector/select_umi_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #kagennotuki .select_btn ul li:nth-child(2) {
        background-size: 100% 100%
    }
    #kagennotuki .select_btn ul li:nth-child(2n) {
        margin-right: 0
    }
}
#wamei .select_btn ul li:nth-child(1) {
    background: url("/star/images/select_seiza_on.png") top left no-repeat;
    background-size: 102px 42px
}
#wamei .select_btn ul li:nth-child(2) {
    background: url("/star/images/select_wamei_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #wamei .select_btn ul li:nth-child(1), #wamei .select_btn ul li:nth-child(2), #wamei .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #wamei .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#nanto .select_btn ul li:nth-child(1) {
    background: url("/star/2005/09/selector/select_nanto_on.png") top left no-repeat;
    background-size: 102px 42px
}
#nanto .select_btn ul li:nth-child(2) {
    background: url("/star/2005/09/selector/select_mibosi_on.png") top left no-repeat;
    background-size: 102px 42px
}
#nanto .select_btn ul li:nth-child(3) {
    background: url("/star/2005/09/selector/select_iteza_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #nanto .select_btn ul li:nth-child(1), #nanto .select_btn ul li:nth-child(2), #nanto .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #nanto .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#orihime .select_btn ul li:nth-child(1) {
    background: url("/star/2005/08/selector/select_tanabata_on.png") top left no-repeat;
    background-size: 102px 42px
}
#orihime .select_btn ul li:nth-child(2) {
    background: url("/star/2005/08/selector/select_uribatake_on.png") top left no-repeat;
    background-size: 102px 42px
}
#orihime .select_btn ul li:nth-child(3) {
    background: url("/star/2005/08/selector/select_kotoza_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #orihime .select_btn ul li:nth-child(1), #orihime .select_btn ul li:nth-child(2), #orihime .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #orihime .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#kagokatugi .select_btn ul li:nth-child(1) {
    background: url("/star/images/select_seiza_on.png") top left no-repeat;
    background-size: 102px 42px
}
#kagokatugi .select_btn ul li:nth-child(2) {
    background: url("/star/2005/06/selector/select_kagokatugi_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #kagokatugi .select_btn ul li:nth-child(1), #kagokatugi .select_btn ul li:nth-child(2), #kagokatugi .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #kagokatugi .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#ooguma .select_btn ul li:nth-child(1) {
    background: url("/star/images/select_seiza_on.png") top left no-repeat;
    background-size: 102px 42px
}
#ooguma .select_btn ul li:nth-child(2) {
    background: url("/star/2004/03/selector/select_hokuto_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #ooguma .select_btn ul li:nth-child(1), #ooguma .select_btn ul li:nth-child(2), #ooguma .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #ooguma .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#nisyokukeika .select_btn ul li:nth-child(1) {
    background: url("/star/2020/08/selector/select_frame_on.png") top left no-repeat;
    background-size: 102px 42px
}
#nisyokukeika .select_btn ul li:nth-child(2) {
    background: url("/star/2020/08/selector/select_time_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #nisyokukeika .select_btn ul li:nth-child(1), #nisyokukeika .select_btn ul li:nth-child(2), #nisyokukeika .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #nisyokukeika .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#lovejoy .select_btn ul li:nth-child(2) {
    background: url("/star/2015/02/selector/select_Lovejoy_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #lovejoy .select_btn ul li:nth-child(2) {
        background-size: 100% 100%
    }
    #lovejoy .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}
#gessyoku .select_btn ul li:nth-child(2) {
    background: url("/star/2014/10/selector/select_gessyoku_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #gessyoku .select_btn ul li:nth-child(2) {
        background-size: 100% 100%
    }
    #gessyoku .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}
#zoom .select_btn ul li:nth-child(2) {
    background: url("/star/2014/05/selector/select_zoom_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #zoom .select_btn ul li:nth-child(2) {
        background-size: 100% 100%
    }
    #zoom .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}
#kinsei_to_mokusei .select_btn ul li:nth-child(1) {
    background: url("/star/2020/08/selector/select_time_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #kinsei_to_mokusei .select_btn ul li:nth-child(1), #kinsei_to_mokusei .select_btn ul li:nth-child(2), #kinsei_to_mokusei .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #kinsei_to_mokusei .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}
#tenbinza .select_btn ul li:nth-child(3) {
    background: url("/star/2023/07/selector/select_sasori_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #tenbinza .select_btn ul li:nth-child(1), #tenbinza .select_btn ul li:nth-child(2), #tenbinza .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #tenbinza .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}
#iteza_to_tateza .select_btn ul li:nth-child(3) {
    background: url("c") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #iteza_to_tateza .select_btn ul li:nth-child(1), #iteza_to_tateza .select_btn ul li:nth-child(2), #iteza_to_tateza .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #iteza_to_tateza .select_btn ul li:nth-child(3n) {
        margin-right: 0
    }
}

#akinoshihennkei .select_btn ul li:nth-child(1) {
    background: url("/star/images/select_akinoshihennkei_on.png") top left no-repeat;
    background-size: 102px 42px
}
@media only screen and (max-width:768px) {
    #akinoshihennkei .select_btn ul li:nth-child(1), #akinoshihennkei .select_btn ul li:nth-child(2), #akinoshihennkei .select_btn ul li:nth-child(3) {
        background-size: 100% 100%
    }
    #akinoshihennkei .select_btn ul li:nth-child(1n) {
        margin-right: 0
    }
}


#ew .select_direction_btn ul li:nth-child(1) {
    background: url(/star/images/select_direction_east_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#ew .select_direction_btn ul li:nth-child(2) {
    background: url(/star/images/select_direction_west_off_pc.png) right bottom no-repeat;
    background-size: contain
}
@media only screen and (max-width:768px) {
    #ew .select_direction_btn ul li:nth-child(3n) {
        margin-right: 0
    }
    #ew .select_direction_btn ul li:nth-child(1) {
        background: url(/star/images/select_direction_east_off_sp.png) left bottom no-repeat;
        background-size: cover
    }
    #ew .select_direction_btn ul li:nth-child(2) {
        background: url(/star/images/select_direction_west_off_sp.png) left bottom no-repeat;
        background-size: cover
    }
}


#ane .select_direction_btn ul li:nth-child(1) {
    background: url(/star/images/select_direction_all_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#ane .select_direction_btn ul li:nth-child(2) {
    background: url(/star/images/select_direction_north_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#ane .select_direction_btn ul li:nth-child(3) {
    background: url("/star/images/select_direction_east_off_pc.png") right bottom no-repeat;
    background-size: contain
}
@media only screen and (max-width:768px) {
    #ane .select_direction_btn ul li:nth-child(3n) {
        margin-right: 0
    }
    #ane .select_direction_btn ul li:nth-child(1) {
        background: url(/star/images/select_direction_all_off_sp.png) left bottom no-repeat;
        background-size: cover
    }
    #ane .select_direction_btn ul li:nth-child(2) {
        background: url(/star/images/select_direction_north_off_sp.png) left bottom no-repeat;
        background-size: cover
    }
    #ane .select_direction_btn ul li:nth-child(3) {
        background: url("/star/images/select_direction_east_off_sp.png") left bottom no-repeat;
        background-size: cover
    }
}


#asw .select_direction_btn ul li:nth-child(1) {
    background: url(/star/images/select_direction_all_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#asw .select_direction_btn ul li:nth-child(2) {
    background: url(/star/images/select_direction_south_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#asw .select_direction_btn ul li:nth-child(3) {
    background: url("/star/images/select_direction_west_off_pc.png") right bottom no-repeat;
    background-size: contain
}
@media only screen and (max-width:768px) {
    #asw .select_direction_btn ul li:nth-child(3n) {
        margin-right: 0
    }
    #asw .select_direction_btn ul li:nth-child(1) {
        background: url(/star/images/select_direction_all_off_sp.png) left bottom no-repeat;
        background-size: cover
    }
    #asw .select_direction_btn ul li:nth-child(2) {
        background: url("/star/images/select_direction_south_off_sp.png") left bottom no-repeat;
        background-size: cover
    }
    #asw .select_direction_btn ul li:nth-child(3) {
        background: url("/star/images/select_direction_west_off_sp.png") left bottom no-repeat;
        background-size: cover
    }
}

#aew .select_direction_btn ul li:nth-child(1) {
    background: url(/star/images/select_direction_all_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#aew .select_direction_btn ul li:nth-child(2) {
    background: url(/star/images/select_direction_east_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#aew .select_direction_btn ul li:nth-child(3) {
    background: url("/star/images/select_direction_west_off_pc.png") right bottom no-repeat;
    background-size: contain
}
@media only screen and (max-width:768px) {
    #aew .select_direction_btn ul li:nth-child(3n) {
        margin-right: 0
    }
    #aew .select_direction_btn ul li:nth-child(1) {
        background: url(/star/images/select_direction_all_off_sp.png) left bottom no-repeat;
        background-size: cover
    }
    #aew .select_direction_btn ul li:nth-child(2) {
        background: url("/star/images/select_direction_east_off_sp.png") left bottom no-repeat;
        background-size: cover
    }
    #aew .select_direction_btn ul li:nth-child(3) {
        background: url("/star/images/select_direction_west_off_sp.png") left bottom no-repeat;
        background-size: cover
    }
}

#aes .select_direction_btn ul li:nth-child(1) {
    background: url(/star/images/select_direction_all_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#aes .select_direction_btn ul li:nth-child(2) {
    background: url(/star/images/select_direction_east_off_pc.png) right bottom no-repeat;
    background-size: contain
}
#aes .select_direction_btn ul li:nth-child(3) {
    background: url("/star/images/select_direction_south_off_pc.png") right bottom no-repeat;
    background-size: contain
}
@media only screen and (max-width:768px) {
    #aes .select_direction_btn ul li:nth-child(3n) {
        margin-right: 0
    }
    #aes .select_direction_btn ul li:nth-child(1) {
        background: url(/star/images/select_direction_all_off_sp.png) left bottom no-repeat;
        background-size: cover
    }
    #aes .select_direction_btn ul li:nth-child(2) {
        background: url("/star/images/select_direction_east_off_sp.png") left bottom no-repeat;
        background-size: cover
    }
    #aes .select_direction_btn ul li:nth-child(3) {
        background: url("/star/images/select_direction_south_off_sp.png") left bottom no-repeat;
        background-size: cover
    }
}



/* vimeo 縺ｮ谺｡縺ｫ譚･繧九→縺咲畑 */
.vimeo_caption{
	width: 800px;
}
@media only screen and (max-width: 768px) {
	.vimeo_caption{
		width: calc(100% - 1em);
		margin: 0 auto;
	}
}

/* vimeo */
.vimeo_box {
	position: relative;
	padding: calc(360 / 640 * 800px) 0 0; /* 鬮倥＆縺ｨ讓ｪ蟷��謨ｰ蟄励↓縺ｯ蜊倅ｽ阪�蜈･繧後∪縺帙ｓ縲� */
}
.vimeo_box_3by2{
	position: relative;
	padding: calc(2 / 3 * 800px) 0 0;
}
.vimeo_box_4by3{
	position: relative;
	padding: calc(3 / 4 * 800px) 0 0;
}
.vimeo_box_139by90{	/* 202105iss */
	position: relative;
	padding: calc(90 / 139 * 800px) 0 0;
}
.vimeo_box_2by3{
	position: relative;
	padding: calc(3 / 2 * 540px) 0 0;
}
.vimeo_box_1by1{
	position: relative;
	padding: calc(1 / 1 * 800px) 0 0;
}

.vimeo_box iframe,
.vimeo_box_3by2 iframe,
.vimeo_box_4by3 iframe,
.vimeo_box_139by90 iframe,
.vimeo_box_2by3 iframe,
.vimeo_box_1by1 iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 768px) {
	.vimeo_box {
		float: none;
		width: 100%;
		padding: calc(360 / 640 * 100%) 0 0; /* 鬮倥＆縺ｨ讓ｪ蟷��謨ｰ蟄励↓縺ｯ蜊倅ｽ阪�蜈･繧後∪縺帙ｓ縲� */
		margin: 0em auto 1em auto;
	}
	.vimeo_box_3by2{
		float: none;
		width: 100%;
		padding: calc(2 / 3 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_4by3{
		float: none;
		width: 100%;
		padding: calc(3 / 4 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_139by90{
		float: none;
		width: 100%;
		padding: calc(90 / 139 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_2by3{
		float: none;
		width: 100%;
		padding: calc(3 / 2 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_1by1{
		float: none;
		width: 100%;
		padding: calc(1 / 1 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
}

/* color */
.yellowColor {
	color: yellow;
}

/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ蠑上そ繝ｬ繧ｯ繧ｿ繝ｼ */
input.selector{
	display: none;
}
.item1, .item2{
	display: none;
}
#item1:checked ~ .contents_area > .item1{
	display: block;
}
#item2:checked ~ .contents_area > .item2{
	display: block;
}

.pic_box_16by9{
    width: 800px;
    height: 450px;
}
.pic_box_3by2{
    width: 800px;
    height: calc(1600px / 3); /* vimeo縺ｮ3by2縺ｨ蜷後§縺ｫ縺吶ｋ */
}
.pic_box_16by9 img, .pic_box_3by2 img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}


.label_area{
	display: flex;
	justify-content: space-around;
}
.label_area li{
	margin-top: 1em;
	width: 108px;
	height: 44px;
	background-image: url("/star/images/select_bg_off.png");
	background-size: contain;
	text-align: center;
	line-height: 2.75em;
}
#item1:checked ~ .label_area li.button1, #item2:checked ~ .label_area li.button2{
	background-image: url("/star/images/select_bg_on.png");
}
@media only screen and (max-width: 768px) {
	.label_area li{
		margin-top: .5em;
		width: 27vw;
		height: 11vw;
	}
}

.moon_source p{
	margin-top: 0.5em;
	text-align: right;
}