@charset "utf-8";

/*======== LINE@ BANNER ==========================*/

.line-banner__top
{
	text-align: center;
	margin: 50px 10px -20px;
}

.line-banner__top:hover
{
	opacity: 0.6;
}

/****** media query ******/
@media screen and (min-width: 820px)
{
	.line-banner__top
	{ margin: 50px 0 -40px; }
}
/*************************/


/* =======================================================
   contents
======================================================== */

.contents
	{
	line-height: 1.5;
	margin-bottom: 40px;
	}

.contents__list
	{
	margin: 0 0 20px;
	padding: 0;
	}

.contents__list::after
	{
	display: block;
	clear: both;
	content:'';
	}

.contents__list li
	{
	position: relative;
	padding: 0 2em 0 1em;
	}

.contents__list li::before
	{
	position: absolute;
	top: .5em;
	left: 0;
	content: '-';
	}

.contents__list a
	{
	display: block;
	max-width: 100%;
	padding: .5em 0;
	transition: opacity .2s;
	text-decoration: none;
	color: #333;
	}

.contents__list a:hover
	{ opacity: .66; }

.contents__list a:active
	{ opacity: 1; }

/****** media query ******/
@media screen and (min-width: 600px)
{
.contents__list li::before
	{ top: 0; }

.contents__list li
	{
	float: left;
	width: 50%;
	margin-bottom: 20px;
	}

.contents__list li:nth-child(2n + 1)
	{ clear: left; }

.contents__list a
	{
	display: inline-block;
	padding: 0;
	}
}
/*************************/