@charset "utf-8";
/* CSS Document */

h3 { background: #000; color: #FFF; text-align: left; padding: 5px 5px 5px 15px; font-weight: normal; letter-spacing: 0.05em; margin-bottom: 20px; font-family: "Sawarabi Gothic"; }

.guide { text-align: left; margin-bottom: 80px; }
.guide dt { font-size: 16px; margin: 50px 0 10px; }
.guide dd { margin-bottom: 10px; line-height: 1.6; padding-left: 1.5em; background: url(../img/common/icon3.svg) no-repeat 0 2px; background-size: 1.3em; }

.goosList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.goosList li { width: 32.5%; background: #000; padding: 10px; text-align: left; color: #FFF; margin-bottom: 15px; font-size: 12px; border-radius: 5px; }
.goosList img { border-radius: 5px; }
.goosList h4 { font-size: 16px; font-weight: bold; font-family: "Sawarabi Gothic"; text-align: center; padding-bottom: 5px; border-bottom: 1px dotted #CCC; margin-bottom: 5px; }
.kome { color: #FF0; font-size: 10px; }
.goosList li strong { color: #F00; }
.goosList li p:last-child { margin-bottom: 0; }
.goosList a { display: block; width: 100%; text-align: center; background: #0C0; color: #000; transition: 0.5s; border-radius: 2px; text-decoration: none; padding: 5px 0; }
.goosList a:hover { background: #FFF; }

.sp { display: none; }

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; 	color: #F69; padding-top: 10px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px;	margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; 	border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #FFF; }


@media screen and (max-width: 720px) {
	.goosList li { width: 100%; }
	
	.sp { display: block; }
	.pc { display: none; }
}