#stella_header{width:100%;margin:0px auto;text-align: center;}
#stella_header > div{display:inline-block;padding:0px 20px;}
#stella_header_text{width:100%;margin:0px auto;font-size:1.2em;}
#stella_header_text > div{display:inline-block;}
#stella_header_text > div > span{background-color:#DD5391;color:#ffffff;border-radius:5px;padding:2px 5px;margin-right:5px;}
#stella_header_text > div > font{font-size:0.8em;margin-left:10px;margin-right:15px;}
#stella_header_text a{color:#333;}
#stella_catch{text-align:center;font-size:2.3em;color:#333;}
#stella_catch2{font-size:1.2em;}
div.stella_box{
	width:100%;
	margin-bottom:25px;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
div.stella_box > img{width:100%;}
h2.img_h2 {position:relative;display:block;}
h2.img_h2 > #stella_title_img{position:absolute;left:35%;bottom:1%;}
h2.img_h2 > #mapping{
	bottom: 1%;
	color: #ffffff;
	font-size: 0.5em;
	position: absolute;
	right: 1%;
	text-align:center;
	text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
}
h3.venus_title{margin:0px;font-size:2.5em;color:#DD5391;border-left:5px solid #CC9B68;padding-left:10px;padding-bottom:5px;}
h3.venus_title > font{font-size:0.6em;margin-left:20px;}
h3.mimosa_title{margin:0px;font-size:2.5em;color:#227FD1;border-left:5px solid #CC9B68;padding-left:10px;padding-bottom:5px;}
h3.mimosa_title > font{font-size:0.6em;margin-left:20px;}
h3.capella_title{margin:0px;font-size:2.5em;color:#8D0283;border-left:5px solid #CC9B68;padding-left:10px;padding-bottom:5px;}
h3.capella_title > font{font-size:0.6em;margin-left:20px;}
h3.orion_title{margin:0px;font-size:2.5em;color:#00AA2E;border-left:5px solid #CC9B68;padding-left:10px;padding-bottom:5px;}
h3.orion_title > font{font-size:0.6em;margin-left:20px;}
.footer-top {
	position:fixed;
	bottom:0;
	left:0;
	overflow:hidden;
	width:100%;
	height:60px;
	background-color:#ffffff;
}

.footer-top.static {
	position:static;
}

.footer-bottom {
	padding:5px 0;
}

.footer {
	height:100px;
	width:100%;
	overflow:hidden;
}
@media screen and (max-width: 768px){
	.pc_br{display:none;}
	div.main_box{padding:0px 10px;}
	#stella_header{width:100%;}
	#stella_header > div{width:100%;display:block;padding:0px;text-align:center;}
	#stella_header > .icon{
		width:58px;
		margin:auto;
	}
	#stella_header > .logo{
		width:75%;
		max-width:232px;
		margin:auto;
	}
	#stella_header > .stella{
		width:141px;
		margin:auto;
	}
	#stella_header > div > img{width:100%;}
	#stella_header_text{width:100%;margin:0px auto;font-size:0.9em;}
	#stella_header_text > div{padding:0px 0px 11px 0px}
	#stella_catch{text-align:center;font-size:18px;color:#333;}
	#stella_catch2{font-size:14px}
	h3.venus_title{font-size:18px}
	h3.venus_title > font{font-size:14px;margin-left:0px;display:block;}
	h3.mimosa_title{font-size:18px}
	h3.mimosa_title > font{font-size:14px;margin-left:0px;display:block;}
	h3.capella_title{font-size:18px;}
	h3.capella_title > font{font-size:14px;margin-left:0px;display:block;}
	h3.orion_title{font-size:18px;}
	h3.orion_title > font{font-size:14px;margin-left:0px;display:block;}
	h2.img_h2 {position:static;}
	h2.img_h2 > #stella_title_img{
		position:static;
		text-align:center;
	}
	h2.img_h2 > #mapping{
		position:static;
		text-shadow:none;
		color:#333;
	}
	h2.img_h2 > #mapping img{
		padding:0px 0px 7px 0px;
	}
	.footer-top {
		padding-top:15px;
		height:140px;
	}
    #stella_header_text > div > font{
        display: block;
        padding:0px 0px 0px 45px;
    }
    .footer{
        height:155px;
    }
}