@charset "utf-8";

/* ======================

 [brake-point]
 min-width:768px
 max-width:767px

====================== */

#wrapMainTtl {
	background-image: url(/sp/led/img/message/bg_ttl_sp.png);
}

/* °¤ÞÙ°üÀ¨ */
#wrapMainTopGreeting {}

#wrapMainTopGreeting .innerContainer{
	padding: 20px;
}

#wrapMainTopGreeting .innerContainer .message{
    height: 100%;
	padding-top: 10px;
}


#wrapMainTopGreeting .innerContainer .message h2{
	display: table;
	width: 100%;
	margin-bottom: 2px;
	height: 50px;
}

#wrapMainTopGreeting .innerContainer .message h2 .t{
	display: table-cell;
	background-color: #094475;
	padding: 5px;
	font-size: 1.8rem;
	color: #fff;
	vertical-align: middle;
}

#wrapMainTopGreeting .innerContainer .message h2 .b{
	display: table-cell;
	background-color: #32dcea;
	border-left: 2px solid #262829;
	width: 50px;
	vertical-align: middle;
	background-image: url(/sp/led/img/message/btn_puls.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

#wrapMainTopGreeting .innerContainer .message h2.active .b{
	background-image: url(/sp/led/img/message/btn_minus.png);
}

#wrapMainTopGreeting .innerContainer .message .mesInner{
	background-color: #5c7891;
	padding: 20px;
	line-height: 1.6em;
	color: #fff;
}

#wrapMainTopGreeting .innerContainer .message .non{
	display: none;
}



#wrapMainTopGreeting .innerContainer .photo img{
	vertical-align: bottom;
}

#wrapMainTopGreeting .innerContainer .name{
	margin: 10px;
	font-size: 1.9rem;
	line-height: 1.2em;
	text-align: left;
}

#wrapMainTopGreeting .innerContainer .name span{
	font-size: 1.2rem;
}

#wrapMainTopGreeting .innerContainer .profile {
	background-color: #676767;
	padding: 15px;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.4em;
	font-size /*\**/: 90%\9; /* for IE8 */
	line-height: /*\**/: 1.2em\9; /* for IE8 */
}

#wrapMainTopGreeting .innerContainer .profile dt {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

#wrapMainTopGreeting .innerContainer .profile dd {
	padding-top: 10px;
}



#wrapMainTopGreeting .innerContainer .message{}




#wrapMainTopGreeting .innerContainer #greeting01,
#wrapMainTopGreeting .innerContainer #greeting02,
#wrapMainTopGreeting .innerContainer #greeting03 {
	margin-bottom: 50px;
}

#wrapMainTopGreeting .innerContainer .btnl{
	padding-top:10px;
	clear: both;
	width: 100%;
	text-align: center;
}