@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;
}
.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: #2ac278 !important;
}
.fo-red {
	color: #ed697c !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: #2ac278 !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;
}
/*消去*/
@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;
}
.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:;
}
.cols-user03{
	width:;
}
.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%;
}
}
.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;
}