@charset "utf-8";


/* 上下のライン青 */
.line_b_t:before,.line_b_b:before{
    content:"";
    background:#005bab;
    position:absolute;
    display:block;
    z-index:9999;
}
.line_b_t:before{
    height:20px;
    left:0;
    right:0;
    top:0;
}
.line_b_b:before{
    height:20px;
    right:0;
    bottom:0;
    left:0;
}

/* 左右のライン青 */
.line_b_l:after,.line_b_r:after{
    content:"";
    background:#005bab;
    position:fixed;
    display:block;
    z-index:9999;
}
.line_b_l:after{
    width:20px;
    top:0;
    bottom:0;
    left:0;
}
.line_b_r:after{
    width:20px;
    top:0;
    bottom:0;
    right:0;
}

/* 上右のライン紫 */
.line_p_t:before{
    content:"";
    background:#9e005d;
    position:absolute;
    display:block;
    z-index:9998;
}
.line_p_r:after{
    content:"";
    background:#9e005d;
    position:fixed;
    display:block;
    z-index:9998;
}
.line_p_t:before{
    height:20px;
    left:0;
    right:0;
    top:0;
}
.line_p_r:after{
    width:20px;
    top:0;
    bottom:0;
    right:0;
}

/* 上下のライン橙 */
.line_o_t:before,.line_o_b:before{
    content:"";
    background:#ff7811;
    position:absolute;
    display:block;
    z-index:9999;
}
.line_o_t:before{
    height:20px;
    left:0;
    right:0;
    top:0;
}
.line_o_b:before{
    height:20px;
    right:0;
    bottom:0;
    left:0;
}

/* 左右のライン橙 */
.line_o_l:after,.line_o_r:after{
    content:"";
    background:#ff7811;
    position:fixed;
    display:block;
    z-index:9999;
}
.line_o_l:after{
    width:20px;
    top:0;
    bottom:0;
    left:0;
}
.line_o_r:after{
    width:20px;
    top:0;
    bottom:0;
    right:0;
}








/* ### スマートフォン ### */
/* -------------------------------------------------------------------------------- */


@media (max-width: 768px) {


	/* 上下のライン青 */
	.line_b_t:before{
		height:10px;
		left:0;
		right:0;
		top:0;
	}
	.line_b_b:before{
		height:10px;
		right:0;
		bottom:0;
		left:0;
	}

	/* 左右のライン青 */
	.line_b_l:after{
		width:10px;
		top:0;
		bottom:0;
		left:0;
	}
	.line_b_r:after{
		width:10px;
		top:0;
		right:0;
		bottom:0;
	}

	/* 上右のライン紫 */
	.line_p_t:before{
		height:10px;
		left:0;
		right:0;
		top:0;
	}
	.line_p_r:after{
		width:10px;
		top:0;
		bottom:0;
		right:0;
	}

	/* 上下のライン橙 */
	.line_o_t:before{
		height:10px;
		left:0;
		right:0;
		top:0;
	}
	.line_o_b:before{
		height:10px;
		right:0;
		bottom:0;
		left:0;
	}

	/* 左右のライン橙 */
	.line_o_l:after{
		width:10px;
		top:0;
		bottom:0;
		left:0;
	}
	.line_o_r:after{
		width:10px;
		top:0;
		bottom:0;
		right:0;
	}

	
	
	
}