@charset "UTF-8";

/************************************** Style*/

* {
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
}
*:before, *:after {
	-webkit-box-sizing:		border-box;
	-moz-box-sizing:		border-box;
	box-sizing:		border-box;
}

.container {
	margin-right:	auto;
	margin-left:	auto;
	padding:		30px;
}
.pd-top-05 {
	padding-top:	5px !important;
}

/*******************************************************************************
 * 余白設定
 *******************************************************************************/
.mg-top-10 {
	margin-top:		10px !important;
}
.mg-top-20 {
	margin-top:		20px !important;
}
.mg-top-30 {
	margin-top:		30px !important;
}
.mg-bottom-05 {
	margin-bottom:		5px !important;
}
.mg-bottom-10 {
	margin-bottom:		10px !important;
}
.mg-bottom-20 {
	margin-bottom:		20px !important;
}
.mg-bottom-30 {
	margin-bottom:		30px !important;
}
.mg-bottom-40 {
	margin-bottom:		40px !important;
}
.mg-bottom-50 {
	margin-bottom:		50px !important;
}
.mg-bottom-60 {
	margin-bottom:		60px !important;
}
.mg-right-05 {
	margin-right:		5px !important;
}
.mg-right-10 {
	margin-right:		10px !important;
}
.mg-left-10 {
	margin-left:		10px !important;
}
@media only screen and (max-width: 800px) {
}

/*******************************************************************************
 * フォント設定
 *******************************************************************************/
/*********************************************************************
 * カラー
 *********************************************************************/
.fo-green {
	color:				#2cba00 !important;
}
.fo-red {
	color:				#ed697c !important;
}
/*********************************************************************
 * サイズ
 *********************************************************************/
.fo-9 {
	font-size:			9px !important;
}
.fo-14 {
	font-size:			14px !important;
}
.fo-18 {
	font-size:			18px !important;
}
.fo-20 {
	font-size:			20px !important;
}
.fo-24 {
	font-size:			24px !important;
}
.fo-36 {
	font-size:			36px !important;
}
@media only screen and (max-width: 800px) {
	.fo-24 {
		font-size:		20px !important;
	}
	.fo-36 {
		font-size:		26px !important;
	}
}
/*********************************************************************
 * フォントファミリー
 *********************************************************************/
.font-type-01 {
	 font-family:		"Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	 font-weight:		bold;
}
/*********************************************************************
 * タイプ
 *********************************************************************/
.fo-bold {
	font-weight:		bold;
}
/*******************************************************************************
 * 背景カラー
 *******************************************************************************/
.base-white {
	background:			#fff !important;
}
.base-gray {
	background:			#f3f3f3 !important;
}
.base-red {
	background:			#ed697c !important;
}
.base-green {
	background:			#2cba00 !important;
}
.base-blue {
	background:			#15bbde !important;
}
.base-yellow {
	background:			#decd15 !important;
}
/*******************************************************************************
 * リンク(下線)
 *******************************************************************************/
a.underline {
	text-decoration:	underline;
}
a.underline:hover {
	text-decoration:	none;
}

/*******************************************************************************
 * テキスト位置
 *******************************************************************************/
.text-center {
	text-align:			center !important;
}
.text-right {
	text-align:			right !important;
}
.text-left {
	text-align:			left !important;
}
.text-top {
	vertical-align:		top !important;
}
.text-middle {
	vertical-align:		middle !important;
}
.text-lc {
	text-align:			left;
}
.text-rc {
	text-align:			right;
}
@media only screen and (max-width: 800px) {
	.text-lc {
		text-align:		center;
	}
	.text-rc {
		text-align:		center;
	}
}
/*******************************************************************************
 * 位置調整
 *******************************************************************************/
.pos-rel {
	position:			relative !important;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .col_wrap:before, .col_wrap:after, .pager:before, .pager:after {
	content:			" ";
	display:			table;
}
.clearfix:after, .container:after, .col_wrap:after, .pager:after  {
	clear:				both;
}

/*******************************************************************************
 * 非表示設定
 *******************************************************************************/
@media (max-width: 800px) {
	.no-disp-s {
    	display:		none !important;
	}
}
@media (min-width: 801px) {
	.no-disp-l {
    	display:		none !important;
	}
}

/*******************************************************************************
 * 折り返し調整
 *******************************************************************************/
.col_wrap {
	margin-left:		-15px;
	margin-right:		-15px;
}

/*******************************************************************************
 * カラム設定
 *******************************************************************************/
.cols-1, .coll-1, .cols-2, .coll-2, .cols-3, .coll-3, .cols-4, .coll-4, .cols-5, .coll-5, .cols-6, .coll-6, .cols-7, .coll-7, .cols-8, .coll-8, .cols-9, .coll-9, .cols-10, .coll-10, .cols-11, .coll-11, .cols-12, .coll-12, .cols-user01, .coll-user01, .cols-user02, .coll-user02, .cols-user03, .coll-user03 {
	position:			relative;
	min-height:			1px;
	padding-left:		15px;
	padding-right:		15px;
}
.cols-1, .cols-2, .cols-3, .cols-4, .cols-5, .cols-6, .cols-7, .cols-8, .cols-9, .cols-10, .cols-11, .cols-12, .cols-user01, .cols-user02, .cols-user03 {
	float:				left;
}

/*******************************************************************************
 * 幅調整
 *******************************************************************************/
.w-100 {
	width:				100% !important;
}
.w-90-per {
	width:				90% !important;
}
.w-80-per {
	width:				80% !important;
}
.w-60-per {
	width:				60% !important;
}
.w-50-per {
	width:				50% !important;
}
.w-auto {
	width:				auto !important;
}

.cols-12 {
	width:				100%;
}
.cols-11 {
	width:				91.66666667%;
}
.cols-10 {
	width:				83.33333333%;
}
.cols-9 {
	width:				75%;
}
.cols-8 {
	width:				66.66666667%;
}
.cols-7 {
	width:				58.33333333%;
}
.cols-6 {
	width:				50%;
}
.cols-5 {
	width:				41.66666667%;
}
.cols-4 {
	width:				33.33333333%;
}
.cols-3 {
	width:				25%;
}
.cols-2 {
	width:				16.66666667%;
}
.cols-1 {
	width:				8.33333333%;
}
.cols-user01{
	width:				20%;
}
.cols-user02{
	width:				20%;
}
.cols-user03{
	width:				20%;
}
.cols-pull-12 {
	right:				100%;
}
.cols-pull-11 {
	right:				91.66666667%;
}
.cols-pull-10 {
	right:				83.33333333%;
}
.cols-pull-9 {
	right:				75%;
}
.cols-pull-8 {
	right:				66.66666667%;
}
.cols-pull-7 {
	right:				58.33333333%;
}
.cols-pull-6 {
	right:				50%;
}
.cols-pull-5 {
	right:				41.66666667%;
}
.cols-pull-4 {
	right:				33.33333333%;
}
.cols-pull-3 {
	right:				25%;
}
.cols-pull-2 {
	right:				16.66666667%;
}
.cols-pull-1 {
	right:				8.33333333%;
}
.cols-pull-0 {
	right:				auto;
}
.cols-push-12 {
	left:				100%;
}
.cols-push-11 {
	left:				91.66666667%;
}
.cols-push-10 {
	left:				83.33333333%;
}
.cols-push-9 {
	left:				75%;
}
.cols-push-8 {
	left:				66.66666667%;
}
.cols-push-7 {
	left:				58.33333333%;
}
.cols-push-6 {
	left:				50%;
}
.cols-push-5 {
	left:				41.66666667%;
}
.cols-push-4 {
	left:				33.33333333%;
}
.cols-push-3 {
	left:				25%;
}
.cols-push-2 {
	left:				16.66666667%;
}
.cols-push-1 {
	left:				8.33333333%;
}
.cols-push-0 {
	left:				auto;
}
.cols-offset-12 {
	margin-left:		100%;
}
.cols-offset-11 {
	margin-left:		91.66666667%;
}
.cols-offset-10 {
	margin-left:		83.33333333%;
}
.cols-offset-9 {
	margin-left:		75%;
}
.cols-offset-8 {
	margin-left:		66.66666667%;
}
.cols-offset-7 {
	margin-left:		58.33333333%;
}
.cols-offset-6 {
	margin-left:		50%;
}
.cols-offset-5 {
	margin-left:		41.66666667%;
}
.cols-offset-4 {
	margin-left:		33.33333333%;
}
.cols-offset-3 {
	margin-left:		25%;
}
.cols-offset-2 {
	margin-left:		16.66666667%;
}
.cols-offset-1 {
	margin-left:		8.33333333%;
}
.cols-offset-0 {
	margin-left:		0%;
}

@media (min-width: 800px) {
	.coll-1, .coll-2, .coll-3, .coll-4, .coll-5, .coll-6, .coll-7, .coll-8, .coll-9, .coll-10, .coll-11, .coll-12, .coll-user01 {
		float:			left;
	}
	.coll-12 {
		width:			100%;
	}
	.coll-11 {
		width:			91.66666667%;
	}
	.coll-10 {
		width:			83.33333333%;
	}
	.coll-9 {
		width:			75%;
	}
	.coll-8 {
		width:			66.66666667%;
	}
	.coll-7 {
		width:			58.33333333%;
	}
	.coll-6 {
		width:			50%;
	}
	.coll-5 {
		width:			41.66666667%;
	}
	.coll-4 {
		width:			33.33333333%;
	}
	.coll-3 {
		width:			25%;
	}
	.coll-2 {
		width:			16.66666667%;
	}
	.coll-1 {
		width:			8.33333333%;
	}
	.coll-user01{
		width:			20%;
	}
	.coll-pull-12 {
		right:			100%;
	}
	.coll-pull-11 {
		right:			91.66666667%;
	}
	.coll-pull-10 {
		right:			83.33333333%;
	}
	.coll-pull-9 {
		right:			75%;
	}
	.coll-pull-8 {
		right:			66.66666667%;
	}
	.coll-pull-7 {
		right:			58.33333333%;
	}
	.coll-pull-6 {
		right:			50%;
	}
	.coll-pull-5 {
		right:			41.66666667%;
	}
	.coll-pull-4 {
		right:			33.33333333%;
	}
	.coll-pull-3 {
		right:			25%;
	}
	.coll-pull-2 {
		right:			16.66666667%;
	}
	.coll-pull-1 {
		right:			8.33333333%;
	}
	.coll-pull-0 {
		right:			auto;
	}
	.coll-push-12 {
		left:			100%;
	}
	.coll-push-11 {
		left:			91.66666667%;
	}
	.coll-push-10 {
		left:			83.33333333%;
	}
	.coll-push-9 {
		left:			75%;
	}
	.coll-push-8 {
		left:			66.66666667%;
	}
	.coll-push-7 {
		left:			58.33333333%;
	}
	.coll-push-6 {
		left:			50%;
	}
	.coll-push-5 {
		left:			41.66666667%;
	}
	.coll-push-4 {
		left:			33.33333333%;
	}
	.coll-push-3 {
		left:			25%;
	}
	.coll-push-2 {
		left:			16.66666667%;
	}
	.coll-push-1 {
		left:			8.33333333%;
	}
	.coll-push-0 {
		left:			auto;
	}
	.coll-offset-12 {
		margin-left:	100%;
	}
	.coll-offset-11 {
		margin-left:	91.66666667%;
	}
	.coll-offset-10 {
		margin-left:	83.33333333%;
	}
	.coll-offset-9 {
		margin-left:	75%;
	}
	.coll-offset-8 {
		margin-left:	66.66666667%;
	}
	.coll-offset-7 {
		margin-left:	58.33333333%;
	}
	.coll-offset-6 {
		margin-left:	50%;
	}
	.coll-offset-5 {
		margin-left:	41.66666667%;
	}
	.coll-offset-4 {
		margin-left:	33.33333333%;
	}
	.coll-offset-3 {
		margin-left:	25%;
	}
	.coll-offset-2 {
		margin-left:	16.66666667%;
	}
	.coll-offset-1-2 {
		margin-left:	12.49999999%;
	}
	.coll-offset-1 {
		margin-left:	8.33333333%;
	}
	.coll-offset-0 {
		margin-left:	0%;
	}
}

.not-before:before {
    content:			none !important;
}

.not-after:after {
    content:			none !important;
}

/*******************************************************************************
 * 地図
 *******************************************************************************/
#ZMap img{
	max-width:			none;
}