@charset "utf-8";
/*====================================*\
 * TOC / BREAKPOINTS
 *------------------------------------
 * Foundation (base.css)
 * Layout
 * Object
 *  ├ Project
 *  ├ Components
 *  └ Utilities（原則編集禁止）
 *------------------------------------
 * ブレークポイント一覧（モバイルファースト）
 *   max-width: 30em  ･･･ スマホ
 * → min-width: 48em  ･･･ タブレット
 * → min-width: 64em  ･･･ PC・大型タブレット
 *   min-width: 80em  ･･･ PCワイドディスプレイ
\*====================================*/

/* Base Font Size */
html { font-size: 62.5%;}
body {
	background: #fff;
	color: #1a1a1a;
	font-family: -apple-system, BlinkMacSystemFont,  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.5em;
	line-height: 1.625;
}

a {
	color: #007ff5;
	text-decoration: none;
	word-break: break-all;
	transition: color .2s, opacity .2s;
	/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
a:focus,
a:hover { text-decoration: underline; }
a.hover:hover { opacity: .7;}
.external:after {
	display: inline-block;
	margin-left: 4px;
	font-family: "icomoon";
	content: "\e901";
}

/*20180904ukawa_added=========================================================*\
   reuse
\*============================================================================*/
.small {
	font-size: 1rem;
}

/*============================================================================*\
   $2. Layout
\*============================================================================*/

.wrapper {
	position: relative;
}
.wrapper:after {
	display: table;
	clear: both;
	content: "";
}
.content { padding: 0 16px; }
.content-fit {
	overflow: hidden;
	margin-right: -16px;
	margin-left: -16px;
}
@media screen and (min-width:48em) {
	.wrapper {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
	}
	.wrapper-wide {
		width: 100%;
		max-width: 1920px;
		margin: 0 auto;
	}
	.content { padding: 0 24px; }
	.content-fit {
		margin-right: -24px;
		margin-left: -24px;
	}
}



/*============================================================================*\
   $3-1. Object -- Project
\*============================================================================*/

/*------------------------------------*\
    ヘッダー
\*------------------------------------*/
.header {
	margin-bottom: 8px;
}
.site-title {
	width: 160px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}
.gnav-items li {
	position: relative;
	z-index: 0;
	border-top: 1px solid #fff;
	background: #97A8D5;
}
.gnav-items li:after {
	display: block;
	position: absolute;
	right: 0;
	bottom: 4px;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-top-color: #fff;
	color: transparent;
	transform: rotate(-45deg);
	content: "";
}
.gnav-items a {
	display: block;
	padding: 10px 8px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.2;
	text-decoration: none;
	transition: all .15s ease;
}
@media screen and (min-width:48em) {
	.site-title {
		width: 100%;
	}
	.gnav-items {
		display: -webkit-flex;
		display: flex;
		width: 100%;
		overflow: hidden;
	}
	.gnav-items li {
		display: -webkit-flex;
		display: flex;
		-webkit-flex: 0 1 14%;
		flex: 0 1 14%;
		border-top: none;
		border-left: 1px solid #fff;
	}
	.gnav-items li:last-child {
		-webkit-flex-basis: 16%;
		flex-basis: 16%;
	}
	.gnav-items a {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		padding: 8px 4px;
		font-size: 1rem;
		text-align: center;
	}
	.gnav-items a:hover {
		background: #B1C1E5;
	}
	.no-flexbox .gnav-items {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.no-flexbox .gnav-items li {
		display: table-cell;
		vertical-align: middle;
	}
}
@media (min-width:48em) {
	.spnav-btn { display: none; }
}
@media screen and (min-width:64em) {
	.header {
		margin-bottom: 0;
		padding-top: 35px;
		padding-bottom: 10px;
	}
	.site-title {
		float: left;
		width: 220px;
		padding: 0;
	}
	.gnav {
		margin-left: 232px;
		padding-top: 20px;
	}
}
@media print {
	.header { margin-bottom: 0; }
	.site-title { margin: 0; }
	.gnav { display: none; }
}

/* モバイル用ナビゲーション */
@media screen and (max-width:47.9375em) {
	.gnav {
		position: relative;
	}

	/* ナビ開閉ボタン */
	.spnav-btn {
		display: block;
		position: relative;
		z-index: 999;
		width: 100%;
		height: 50px;
		border: none;
		background: #97A8D5;
		color: #fff;
		text-align: left;
		font-weight: bold;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		outline: none;
		cursor: pointer;
	}
	.spnav-btn__icon {
		display: block;
		position: absolute;
		right: 8px;
		top: 7px;
		z-index: 1;
		width: 48px;
		height: 36px;
		padding: 0;
		border: none;
		border-radius: 4px;
		background: #fff;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		outline: none;
		cursor: pointer;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
	}
	.spnav-btn__icon i {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 24px;
		height: 3px;
		margin-top: -2px;
		margin-left: -12px;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
	}
	.spnav-btn__icon i,
	.spnav-btn__icon i:after,
	.spnav-btn__icon i:before {
		background-color: #666;
		-webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
		transition: all .4s cubic-bezier(.19,1,.22,1);
	}
	.spnav-btn__icon i:after,
	.spnav-btn__icon i:before {
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
	}
	.spnav-btn__icon i:before { top: -7px; }
	.spnav-btn__icon i:after { top: 7px; }
	.nav-opened .spnav-btn__icon i { background-color: transparent; }
	.nav-opened .spnav-btn__icon i:after,
	.nav-opened .spnav-btn__icon i:before { top: 0; }
	.nav-opened .spnav-btn__icon i:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
	.nav-opened .spnav-btn__icon i:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }

	/* ナビ開閉設定 */
	.spnav-panel {
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		top: 50px;
		width: 100%;
		z-index: 999;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
	}
	.nav-opened .spnav-panel {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
		box-shadow: 0 10px 15px rgba(33,33,33,.1);
		-webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
		transition: all .4s cubic-bezier(.19,1,.22,1);
	}
}


/*------------------------------------*\
    コンテンツ
\*------------------------------------*/

/* ページタイトル */
.page-header {
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
	background-position: center center;
	background-repeat: repeat;
}
.page-header__title {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.p2-plan .page-header { background-color: #354256; background-image: url(../../p2-plan/img/mv_bg.jpg); background-repeat: no-repeat; background-position: center top; }
.p6-sports .page-header { background-image: url(../../p6-sports/img/headerbg.png); background-size: cover; }
.p8-aiken .page-header { background-image: url(../../p8-aiken/img/headerbg.png); background-size: cover; }
.p7-gift .page-header { background-image: url(../../p7-gift/img/headerbg.png); background-size: cover; }
.p7-coupon .page-header { background-image: url(../../p7-coupon/img/headerbg.png); background-size: cover; }
.p10-teikei .page-header { background-image: url(../../p10-teikei/img/headerbg.png); background-size: cover; }

@media (max-width:47.9375em) {
	.p9-wanpara .page-header { background-size: 208px 138px; }
}
@media (min-width:48em) {
	.page-header {
		max-width: 1920px;
		margin: 0 auto 30px;
	}
}



/* 見出し */
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-size: inherit;
}
/* @note: line-heightをremで指定するとIEで崩れる */
.h1 {
	line-height: 1.4;
	color: #666;
	font-size: 4.5rem;
	font-weight: 100;
	letter-spacing: 0;
}
.h2 {
	line-height: 1.4117;
	color: #4d4d4d;
	font-size: 3.4rem;
	letter-spacing: 0;
}
.h3 {
	line-height: 1.416;
	font-size: 2.4rem;
	letter-spacing: 0;
}
.h4 {
	line-height: 1.7647;
	font-size: 2.1rem;
	font-weight: 700;
	letter-spacing: .005em;
}


/*------------------------------------*\
    フッター
\*------------------------------------*/
.footer {
	position: relative;
	margin-top: 60px;
	padding: 10px 0;
	background: #97A8D5;
	color: #fff;
	text-align: center;
}
.pagetop {
	display: block;
	position: fixed;
	bottom: 50px;
	right: 0;
	overflow: hidden;
	width: 54px;
	height: 54px;
	padding-top: 5px;
	background: rgba(96,76,63,.8);
	color: #fff;
	font-size: 11px;
	line-height: 1;
	text-decoration: none!important;
}
.pagetop:before {
	display: block;
	margin: 0 auto;
	font-family: "icomoon";
	font-size: 30px;
	content: "\f106";
}
.footer-links {
	list-style: none;
	margin: 0;
	padding: 0 10px;
}
.footer-links li {
	display: inline-block;
}
.footer-links a {
	color: #fff;
}
.footer-links a:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 2px;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-left-color: #fff;
	color: transparent;
	content: "";
}
.copyright {
	display: block;
	margin-top: 16px;
}
@media screen and (max-width:47.9375em) {
	.footer-links li {
		float: left;
		width: 50%;
		padding: 4px 0;
	}
	.footer-links a {
		display: block;
		padding: 2px 4px;
		font-size: 1.3rem;
		line-height: 1.4;
		text-align: left;
	}
	.footer-links:after {
		display: table;
		clear: both;
		content: "";
	}
}
@media (min-width:48em) {
	.footer-links li {
		margin: 4px 2px;
	}
	.footer-links a {
		font-size: 1.1rem;
	}
	.pagetop {
		right: 2%;
		bottom: 100px;
	}
}
@media (min-width:64em) {
	.footer {
		max-width: 2000px;
		margin: 80px auto 0;
		padding-top: 34px;
		background: url(../img/bg-footer.png) no-repeat center -34px;
	}
	.footer:before {
		display: block;
		height: 34px;
		/*margin-top: -68px;*/
		/*margin-bottom: 16px;*/
		background: url(../img/bg-footer.png) no-repeat center top;
		content: "";
	}
}




/*============================================================================*\
   $3-2. Object -- Components
\*============================================================================*/

/*------------------------------------*\
    記事スライダー
\*------------------------------------*/
.page-slider.slick-dotted.slick-slider {
	margin-bottom: 80px;
}
.page-slider .slick-slide {
	position: relative;
}
.page-slider figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px;
	background: rgba(255,255,255,.7);
	font-size: 1.2rem;
}
.page-slider img {
	width: 100%;
}
.page-slider .slick-dots {
	bottom: -40px;
}
.page-slider .slick-dots li {
	width: 26px;
	height: 26px;
}
.page-slider .slick-dots button {
	position: relative;
	width: 26px;
	height: 26px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid;
	background: #fff;
	color: #7c4e22;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.page-slider .slick-dots button:hover {
	border-color: #aaa;
	background: #aaa;
	color: #fff;
}
.page-slider .slick-dots .slick-active button {
	border-color: #7c4e22;
	background: #7c4e22;
	color: #fff;
	outline: none;
}
/*.page-slider .slick-dots button:before {
	display: block;
	position: absolute;
	top: -6px;
	left: 4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-bottom-color: transparent;
	color: transparent;
	content: "";
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.page-slider .slick-dots button:hover:before {
	border-bottom-color: #aaa;
}
.page-slider .slick-dots .slick-active button:before {
	border-bottom-color: #7c4e22;
}*/

@media (min-width:48em) {
	.page-slider .slick-slide {
		margin: 0 8px;
	}
	.page-slider .slick-slide:before {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(255,255,255,.5);
		content: "";
	}
	.page-slider .slick-slide.slick-active:before {
		display: none;
	}
	.page-slider figcaption {
		padding: 16px;
		font-size: 1.4rem;
	}
}
@media screen and (min-width:64em) {
	.page-slider .slick-prev {
		left: 50%;
		margin-left: -520px;
	}
	.page-slider .slick-next {
		right: 50%;
		margin-right: -520px;
	}
}
@media print {
	.page-slider img {
		max-width: 100vw;
	}
	.page-slider .slick-list,
	.page-slider .slick-slide {
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}
	.page-slider .slick-prev,
	.page-slider .slick-next,
	.page-slider .slick-dots,
	.page-slider .slick-slide:not(:first-child),
	.page-slider .slick-slide:before {
		display: none !important;
	}
	.page-slider .slick-track {
		width: 100vw !important;
		transform: none !important;
	}
}


/*------------------------------------*\
    次階層用ナビゲーション
\*------------------------------------*/
.mod-subnav {
	list-style: none;
	margin: 8px 0;
	padding: 0;
}
.mod-subnav:after {
	display: table;
	clear: both;
	content: "";
}
.mod-subnav a {
	display: block;
	position: relative;
	margin: 3px 0;
	padding: 10px 5px;
	border-radius: 8px;
	border: 1px solid;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	transition: all .2s ease-out;
}
.mod-subnav a:after {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -.5em;
	font-family: "icomoon";
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
	content: "\f13a";
}
.mod-subnav a:hover {
	opacity: .6;
}

@media (max-width:47.9375em) {
	.mod-subnav li {
		float: left;
		width: 48%;
	}
	.mod-subnav li:nth-of-type(odd) {
		clear: left;
		margin-right: 3%;
	}
}
@media (min-width:48em) {
	.mod-subnav--grid3 li {
		float: left;
		width: 32%;
		margin-left: 2%;
	}
	.mod-subnav--grid3 li:nth-of-type(3n+1) {
		clear: left;
		margin-left: 0;
	}
	body:not(.p7-gift):not(.p7-coupon) .mod-subnav--grid4 li {
		float: left;
		width: 24.2%;
		margin-left: 1%;
	}
	.p7-gift .mod-subnav--grid4 li,
	.p7-coupon .mod-subnav--grid4 li {
		float: left;
		width: 32.6%;
		margin-left: 1%;
	}
	body:not(.p7-gift):not(.p7-coupon) .mod-subnav--grid4 li:nth-of-type(4n+1) {
		clear: left;
		margin-left: 0;
	}
	.p7-gift .mod-subnav--grid4 li:nth-of-type(3n+1),
	.p7-coupon .mod-subnav--grid4 li:nth-of-type(3n+1) {
		clear: left;
		margin-left: 0;
	}
	.mod-subnav a {
		padding: 16px 8px;
	}
}
@media print {
	.mod-subnav { display: none; }
}


/*------------------------------------*\
    次階層用4カラムグリッド
\*------------------------------------*/
.mod-grid {
	list-style: none;
	margin: 10px;
	padding: 0;
}
.mod-grid__box {
	display: block;
	margin: 20px 10px;
	padding: 8px;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	background: #fff;
}
@media (min-width:30.0625em) {
	.mod-grid:after {
		display: table;
		clear: both;
		content: "";
	}
	.mod-grid__item {
		float: left;
		width: 50%;
	}
	.mod-grid__box {
		margin: 10px;
	}
}
@media print, (min-width:64em) {
	.mod-grid__item {
		width: 240px;
	}
}

/*------------------------------------*\
    写真コピーライト等
\*------------------------------------*/
figure {
	position: relative;
}
figcaption {
	font-size: 1.2rem;
	lilne-height: 1.3;
}
figcaption.copy {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 4px 8px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 3px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,.5), 0 0 8px rgba(0,0,0,.3);
}
figcaption.caption {
	padding: 4px;
	text-align: right;
}
@media (min-width:48em) {
	figcaption.caption {
		position: absolute;
		right: 0;
		left: 0;
		top: 100%;
	}
}


/*------------------------------------*\
    注意事項
\*------------------------------------*/
.mod-notice {
	padding: 10px;
	border: 2px solid #857131;
	font-size: 1.2rem;
	overflow: hidden;
}
.mod-notice__title {
	/*color: #c71c11;*/
	color: #354256;
	font-size: 1.3rem;
	font-weight: bold;
}
.notice_block {
	width: 50%;
	padding: 0 10px;
	float: left;
}
.notice_block ul {
	padding: 0;
}
.notice_block li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
.notice_block li:before {
	content: "\25CF";
}
.mod-notice__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mod-notice__list > li:before {
	color: #f00;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	content: "\25A0";
}
@media (min-width:48em) {
	.mod-notice {
		font-size: 1.3rem;
	}
}

/*------------------------------------*\
    Tables
\*------------------------------------*/
table {
	width: 100%;
	max-width: 100%;
	margin: 16px 0 24px;
}
th,
td {
	padding: 8px 16px;
	text-align: inherit;
}
thead {
	border-bottom: 2px solid;
	color: #808080;
	font-size: .9375em;
	font-size: calc(1em - 1px);
}

/* テーブルキャプション */
caption { padding: 8px 0; font-size: .875em; font-size: calc(1em - 2px); }
caption[data-position="top"] { caption-side: top; }
caption[data-position="bottom"] { caption-side: bottom; }
caption[data-align="center"] { text-align: center; }
caption:before { content: attr(data-prefix); font-weight: bold; }

/* レスポンシブ */
@media only screen and (max-width:47.9375em) {
	.table-scroller {
		overflow-x: scroll;
		position: relative;
		width: 100%;
	}
	.table-scroller::-webkit-scrollbar{ height: 5px;}
	.table-scroller::-webkit-scrollbar-track{ box-shadow: inset 0 1px rgba(0,0,0,.2); background: rgba(153,153,153,.2);}
	.table-scroller::-webkit-scrollbar-thumb { background: #666;}
	.table-scroller table {
		margin: 0 0 4px !important;
		min-width: 100%;
	}
	.table-scroller th,
	.table-scroller td {
		white-space: nowrap;
	}

	.table-responsive,
	.table-responsive tbody,
	.table-responsive tbody tr {
		display: block;
	}
	.table-responsive caption {
		display: block;
		background: #4d4d4d;
	}
	.table-responsive thead {
		display: none;
	}
	.table-responsive tbody th,
	.table-responsive tbody td {
		display: block;
		width: 100%;
	}
	.no-flexbox .table-responsive tbody th,
	.no-flexbox .table-responsive tbody td {
		float: left;
		clear: both;
	}
}
@media screen and (max-width:47.7935em) and (-ms-high-contrast:none) {
	.no-flexbox .table-responsive tbody th,
	.no-flexbox .table-responsive tbody td {
		float: none; /* IE10用 */
	}
}

/* イベント情報 */
.table-event {
	border-collapse: separate;
	border-spacing: 1px 0;
	border-top: 1px dashed #1e3d6e;
}
.table-event th,
.table-event td {
	border-bottom: 1px dashed #1e3d6e;
	line-height: 1.4;
}
.table-event th {
	color: #042d6f;
}
@media (max-width:47.9375em) {
	.table-event.table-responsive {
		border-top: none;
		border-bottom: 1px solid #1e3d6e;
	}
	.table-event.table-responsive tbody tr + tr {
		margin-top: 1em;
	}
	.table-event.table-responsive tbody th {
		padding: 4px 8px;
		border-top: 1px solid #1e3d6e;
		border-bottom: 1px dashed #1e3d6e;
	}
	.table-event.table-responsive tbody td {
		padding: 8px;
		border-top: none;
		border-bottom: none;
	}
}
@media (min-width:48em) {
	.table-event th {
		width: 10em;
		text-align: center;
	}
}


/*------------------------------------*\
    Buttons
\*------------------------------------*/
.btn {
	display: inline-block;
	overflow: visible;
	position: relative;
	max-width: 100%;
	min-width: 240px;
	margin: 2px 0;
	padding: .6em 1.2em;
	border: .2rem solid rgba(0,0,0,0);
	border-radius: 8px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0 !important;
	transition: all .15s ease;

	/* base theme */
	background-color: #3f82fc;
	color: #fff;
}
.btn:not(:disabled) { cursor: pointer; }

.btn:focus,
.btn:hover { background-color: #2d6de3; }

/* Sizes */
.btn--large { font-size: 1.8rem; }
.btn--small { font-size: 1.2rem; }

/* Theme */
.btn--secondary {
	background-color: #464a5a;
	color: #fff;
}
.btn--secondary:focus,
.btn--secondary:hover { background-color: #3b3d43; }

.btn--outline {
	border-color: #3f82fc;
	background-color: transparent;
	color: #2d6de3;
}
.btn--outline.btn--secondary {
	border-color: #464a5a;
	color: #3b3d43;
}
.btn--outline:focus,
.btn--outline:hover {
	border-color: transparent!important;
	color: #fff!important;
}

.btn--clear {
	background-color: transparent !important;
	color: #2d6de3;
}
.btn--clear:focus,
.btn--clear:hover { background-color: rgba(63,130,252,.15) !important; }

.btn.disabled,
.btn:disabled {
	background-color: #e1e1e1;
	color: #aaa;
	pointer-events: none;
}
.btn.disabled:focus,
.btn.disabled:hover { background-color: #e1e1e1;}



/*============================================================================*\
    $Flex
\*============================================================================*/
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
*/
.row { position: relative; box-sizing: border-box; }
.clear-after:after,.row:after { display: table; content: ""; clear: both;}
.col { float: left; box-sizing: border-box; width: 100%; }

@media (min-width:48em) {
.col{margin-left:4%}.col:first-child{margin-left:0}.col.one{width:4.66666666667%}.col.two{width:13.3333333333%}.col.three{width:22%}.col.four{width:30.6666666667%}.col.five{width:39.3333333333%}.col.six{width:48%}.col.seven{width:56.6666666667%}.col.eight{width:65.3333333333%}.col.nine{width:74.0%}.col.ten{width:82.6666666667%}.col.eleven{width:91.3333333333%}.col.twelve,.col.full{width:100%;margin-left:0}.col.third{width:30.6666666667%}.col.twothirds{width:65.3333333333%}.col.half{width:48%}
.col.push-one{margin-left:12.66666666667%}.col.push-two{margin-left:21.3333333333%}.col.push-three{margin-left:30%}.col.push-four{margin-left:38.6666666667%}.col.push-five{margin-left:47.3333333333%}.col.push-six{margin-left:56%}.col.push-seven{margin-left:64.6666666667%}.col.push-eight{margin-left:73.3333333333%}.col.push-nine{margin-left:82%}.col.push-ten{margin-left:90.6666666667%}.col.push-eleven{margin-left:95.3333333333%}.col.push-third{margin-left:38.6666666667%}.col.push-twothirds{margin-left:73.3333333333%}.col.push-half{margin-left:56%}
}


/*============================================================================*\
    #3 Utilities（原則編集禁止）
\*============================================================================*/

/*------------------------------------*\
    Clearing
\*------------------------------------*/
.clr { clear: both;}
.clearfix:after { content: ""; display: block; clear: both; }


/*------------------------------------*\
    Float
\*------------------------------------*/
.u-left { float: left;}
.u-right { float: right;}
.u-center { margin-right: auto; margin-left: auto; }

/*------------------------------------*\
    widths
\*------------------------------------*/
.u-w100 { width: 100%; }
.u-w80 { width: 80%; }
.u-w75 { width: 75%; }
.u-w66 { width: 66%; }
.u-w60 { width: 60%; }
.u-w50 { width: 50%; }
.u-w40 { width: 40%; }
.u-w33 { width: 33%; }
.u-w25 { width: 25%;}
.u-w20 { width: 20%; }
.u-w10 { width: 10%; }
 
/*------------------------------------*\
    Lists
\*------------------------------------*/
/*ul,ol*/.list-flat,
/*ul,ol*/.list-inline { list-style: none; padding-left: 0; }
/*ul,ol*/.list-inline li { display: inline; margin-right: .5em; }
/*dl*/.list-flat dt { font-weight: normal; }
/*dl*/.list-flat dd { margin-left: 0; }

/*------------------------------------*\
    Text Indents
\*------------------------------------*/
.u-indent1,
li.u-indent1,
ul.u-indent1 > li { padding-left: 1em; text-indent: -1em; }
ul.u-indent1 { list-style: none; padding-left: 0; text-indent: 0; }

/*------------------------------------*\
    Text Align & Font style
\*------------------------------------*/
.u-text-left   { text-align: left; }
.u-text-center { text-align: center; }
.u-text-right  { text-align: right; }
.u-text-justify { text-align: justify; }
.u-bold { font-weight: 700; }
.u-thin { font-weight: 400; }
.u-font-italic { font-style: italic; }
.u-font-normal { font-style: normal; }

/*------------------------------------*\
    Text Styles
\*------------------------------------*/
.u-size-l {
	font-size: 2em;
	letter-spacing: 0;
	line-height: 1.41;
}
.u-size-m { font-size: 1.33em; }
.u-size-s { font-size: 1.2rem; }

/*------------------------------------*\
    Margins
\*------------------------------------*/
.mt5 { margin-top:    5px!important; }
.mb5 { margin-bottom: 5px!important; }
.mts { margin-top:    16px!important; }
.mrs { margin-right:  16px!important; }
.mbs { margin-bottom: 16px!important; }
.mls { margin-left:   16px!important; }
.mtm { margin-top:    32px!important; }
.mrm { margin-right:  32px!important; }
.mbm { margin-bottom: 32px!important; }
.mlm { margin-left:   32px!important; }
.mtl { margin-top:    64px!important; }
.mrl { margin-right:  64px!important; }
.mbl { margin-bottom: 64px!important; }
.mll { margin-left:   64px!important; }
.m0,.mt0,.mv0 { margin-top:    0!important; }
.m0,.mr0,.mh0 { margin-right:  0!important; }
.m0,.mb0,.mv0 { margin-bottom: 0!important; }
.m0,.ml0,.mh0 { margin-left:   0!important; }

/*------------------------------------*\
    Paddings
\*------------------------------------*/
.pt0 { padding-top:    0!important; }
.pb0 { padding-bottom: 0!important; }

/*------------------------------------*\
    Display Utility
\*------------------------------------*/
.u-hidden { display: none; }
[class^="u-visible"] { display: none; }
.u-inline { display: inline; }
.u-ib     { display: inline-block; }
.u-block  { display: block; }

@media (min-width:30em) {
	.u-hidden-sm  { display: none!important; }
	.u-visible-sm { display: block!important; }
	.u-visible-sm--inline { display: inline!important; }
	.u-visible-sm--ib { display: inline-block!important; }
}
@media (min-width:48em) {
	.u-hidden-md  { display: none!important; }
	.u-visible-md { display: block!important; }
	.u-visible-md--inline { display: inline!important; }
	.u-visible-md--ib { display: inline-block !important; }
}
@media (min-width:64em) {
	.u-hidden-lg  { display: none!important; }
	.u-visible-lg { display: block!important; }
	.u-visible-lg--inline { display: inline!important; }
	.u-visible-lg--ib { display: inline-block!important; }
}
@media (min-width:80em) {
	.u-hidden-xl  { display: none!important; }
	.u-visible-xl { display: block!important; }
	.u-visible-xl--inline { display: inline!important; }
	.u-visible-xl--ib { display: inline-block!important; }
}
@media print {
	.u-hidden-print  { display: none!important; }
	.u-visible-print { display: inline!important; }
	.u-visible-print--inline { display: inline!important; }
	.u-visible-print--ib { display: inline-block!important; }
}

/*------------------------------------*\
    Only for screen readers
\*------------------------------------*/
.u-sr {
	overflow: hidden;
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
}
.u-sr:focus {
	display: block;
	top: 5px;
	left: 5px;
	clip: auto !important;
	z-index: 100000; /* Above WP toolbar. */
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	background-color: #f1f1f1;
	color: #21759b;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}