/*===============================================
���^�e�m
===============================================*/

.wrapper {
	background: rgba(243,255,218,0.2);
 }

 .title img {
	display: block;
	margin: 0 auto;
 }

 .line {
	background: #f3ffda;
	padding: 15px 0;
    position: relative;
 }
 
 .line .line1, .line .line2 {
    width: 65%;
	height: 6px;
    content: "";
    position: relative;
 	background: #cccccc;
 }
 
 .line .line1 {
    top: 0px;
	margin-left: auto;
 }
 
 .line .line2 {
    top: 5px;
	margin-right: auto;
 }
 


@media screen and (min-width: 481px){ 

 .title {
	height: 60px;
	background: #f3ffda;
	padding: 5px 0;
    position: relative;
 }
 
 .title .line1, .title .line2 {
    width: 50%;
	height: 6px;
    content: "";
    position: relative;
 	background: #cccccc;
 }
 
 .title .line1 {
    top: 26px;
	margin-right: auto;
 }
 
 .title .line2 {
    top: 30px;
	margin-left: auto;
 }
 
 .title div.title-img {
    position: absolute;
	top: 0;
	left: 50%;
    margin-left: -190px;
	padding: 5px 0;
 }

}


@media screen and (max-width: 480px){ 

 .title {
	background: #f3ffda;
 }

}