@charset "euc-jp";
/*----------------------------------------------------------------
 category
----------------------------------------------------------------*/

/*-----------------------------------------------------
 pagenation
-----------------------------------------------------*/
.pagenation{ text-align: center; }
.pagenation ul{ margin: 0 0 10px 0; }
.pagenation ul li{
	display				: inline-block;
	padding				: 5px;
	list-style			: none;
}
.pagenation .now{ font-size: 1.2rem; }

/*-----------------------------------------------------
 sort
-----------------------------------------------------*/
.sort{
	margin				: 30px 0 0 0;
	border-top			: 1px solid #CCC;
	padding				: 12px 0;
	text-align			: right;
}
@media screen and (min-width: 769px) {
.sort{
	margin				: 50px 0 0 0;
	padding				: 15px 0;
}
}

.sort a,
.sort span{
	display				: inline-block;
	border				: 1px solid #006084;
	border-radius		: 4px;
	padding				: 3px 9px;
	line-height			: 1;
	font-size			: 1.2rem;
	color				: #006084;
}
.sort a:hover,
.sort span{
	background			: #006084;
	text-decoration		: none;
	color				: #FFF;
}

/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/

/*-----------------------------------------------------
 outline
-----------------------------------------------------*/
/* list-title
-----------------------------------------------------*/
.outline .list-title{
	margin				: 5px 0 30px 0;
	text-align			: center;
	font-family			: "ÞâÌÀÄ«", YuMincho,  "Hiragino Mincho ProN W3", "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN","Sawarabi Mincho", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size			: 3rem;
	font-weight			: normal;
}
@media screen and (min-width: 769px) {
.outline .list-title{
	margin				: 25px 0 60px 0;
	font-size			: 5rem;
}
}

/*-----------------------------------------------------
 freespace01
-----------------------------------------------------*/
.freespace01{}

/* main-image
-----------------------------------------------------*/
@media screen and (max-width: 768px) {
.freespace01 .main-image{
	margin				: 0 0 0 -3vw;
	width				: 94vw;
}
}
.freespace01 .main-image>p{ margin: 0; }

/* main-text
-----------------------------------------------------*/
.freespace01 .main-text h3{
	text-align			: center;
	font-family			: "ÞâÌÀÄ«", YuMincho,  "Hiragino Mincho ProN W3", "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN","Sawarabi Mincho", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size			: 2rem;
	font-weight			: normal;
}
@media screen and (min-width: 769px) {
.freespace01 .main-text{
	margin				: 0 auto;
	max-width			: 700px;
}
.freespace01 .main-text h3{
	margin				: 50px 0 20px 0;
	font-size			: 2.6rem;
}
.freespace01 .main-text>p{ margin: 0 0 20px 0; }
}

@media screen and (max-width: 768px) {
.freespace01 .main-text>p{ font-size: 1.2rem; }
}

/*-----------------------------------------------------
 child-list
-----------------------------------------------------*/
.child-list{ margin: 20px 0 0 0; }
.child-list li{
	display				: inline-block;
	margin				: 0 10px 10px 0;
	list-style			: none;
}
.child-list li a{
	display				: inline-block;
	border-radius		: 5px;
	border				: 1px solid #006084;
	padding				: 8px 12px;
	background			: #FFF;
	font-size			: 1.2rem;
	color				: #006084;
}
.child-list li a svg{ margin: 0 0 0 5px; }
.child-list li a:hover{
	background			: #006084;
	text-decoration		: none;
	color				: #FFF;
}
@media screen and (min-width: 769px) {
.child-list{ margin: 50px 0 0 0; }
.child-list li a{
	padding				: 12px 23px;
	border-radius		: 10px;
	font-size			: 1.6rem;
}
.child-list li a svg{ margin: 0 0 0 10px; }
}


/*-----------------------------------------------------
 freespace02
-----------------------------------------------------*/
.freespace02{
	margin				: 0 0 -10px 0;
	padding				: 0;
}
@media screen and (min-width: 769px) {
.freespace02{
	margin				: 0 0 -10px 0;
	padding				: 20px 0 0 0;
}
}

/* banner-list
-----------------------------------------------------*/
.freespace02 .banner-list li{
	margin				: 0 0 10px 0;
	list-style			: none;
}
.freespace02 .banner-list li a{ display: block; }

@media screen and (min-width: 769px) {
.freespace02 .banner-list{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	justify-content		: space-between;
	flex-direction		: row;
}
.freespace02 .banner-list li{ flex: 0 0 47.5%; }
}

/*-----------------------------------------------------
 remind
-----------------------------------------------------*/
/* section-title
-----------------------------------------------------*/
#remind .container .inner .section-title{
	border-top			: 1px solid #CCC;
	padding-top			: 30px;
}