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



/**/

/* .nsans {
	font-family: 'Noto Sans', serif;
} */

/* .sawarabi {
	font-family: "Sawarabi Mincho", serif;
} */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: 500;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
	/*font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	/*font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	/*font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", "HGMaruGothicMPRO";*/
	line-height: 160%;
	color: #000;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*フォント系*/

[data-element-id] h1 {
	position: initial;
	text-indent: initial;
}

h1 {
	width: 100%;
	/* 	position: absolute;
	bottom: 200%; */
	font-size: 12px;
	font-weight: normal;
}

h2 {
	font-size: 40px;
	font-weight: bold;
}

h3 {
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 50px;
}

h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}

h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.fs120 {
	font-size: 120%;
}

.fs140 {
	font-size: 140%;
}

.fs160 {
	font-size: 160%;
}

.fs180 {
	font-size: 180%;
}

.fs200 {
	font-size: 200%;
}

.fs220 {
	font-size: 220%;
}

.fs240 {
	font-size: 240%;
}

.fs260 {
	font-size: 260%;
}

.fs280 {
	font-size: 280%;
}

.fs300 {
	font-size: 300%;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}

.fs26 {
	font-size: 26px;
}

.fs28 {
	font-size: 28px;
}

.fs30 {
	font-size: 30px;
}

.fs32 {
	font-size: 32px;
}

.fs34 {
	font-size: 34px;
}

.fs36 {
	font-size: 36px;
}

.fs38 {
	font-size: 38px;
}

.fs40 {
	font-size: 40px;
}

.fs42 {
	font-size: 42px;
}

.fs44 {
	font-size: 44px;
}

.fs46 {
	font-size: 46px;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.white {
	color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
	display: block;
	content: "";
	clear: both;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}

.map {
	position: relative;
	overflow: hidden;
}

.map:after {
	display: block;
	content: "";
	padding-top: 50%;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: initial;
	width: 100%;
	height: 100%;
}

iframe {
	max-width: 100%;
}

img {
	vertical-align: top;
	border: none;
	max-width: 100% !important;
	height: auto !important;
}

img:not([src*="."]) {
	display: none;
}

.scale {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.scale:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

[data-element-id] .filter:before,
[data-element-id] .filterT:before,
[data-element-id] .filterR:before,
[data-element-id] .filterB:before,
[data-element-id] .filterL:before,
[data-element-id] .filterRad:before {
	display: none;
}

.filter,
.filterT,
.filterR,
.filterB,
.filterL,
.filterRad {
	position: relative;
}

.filter:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(255, 255, 255, 0.6);
}

.filterT:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterR:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterB:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterL:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterRad:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
}

.lb-outerContainer {
	width: 80% !important;
	max-width: 500px !important;
	height: auto !important;
}

.lightbox .lb-image {
	width: 100% !important;
	height: auto !important;
	border: none !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: initial !important;
}

.pic {
	text-align: center;
	width: 100%;
}

.pic img {
	width: 100%;
}

.bkimg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.bkimg img {
	width: 100%;
	min-width: 1200px;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

[data-element-id] .fead-mv {
	opacity: 1;
}

.fead-mv {
	opacity: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
}

.mv {
	opacity: 1;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	opacity: 0.6;
	color: inherit;
	text-decoration: none;
}

a[href*="tel"] {
	pointer-events: none;
}

ul,
li {
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

dl,
dt,
dd {
	text-align: left;
	padding: 0;
	margin: 0;
}

p {
	text-align: left;
}

/*フレックス*/

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.columnreverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.rowreverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*align-item*/

.itemstart {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.itemcenter {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.itemend {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/*align-content*/

.contentstart {
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.contentcenter {
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.contentend {
	-webkit-align-content: flex-end;
	-ms-flex-line-pack: end;
	align-content: flex-end;
}

/*align-self*/

.selfstart {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.selfcenter {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.selfend {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

/* 見たまま編集バリデーション */

.flex>div[data-collection-list-content],
.flexc>div[data-collection-list-content],
.flexs>div[data-collection-list-content],
.flexb>div[data-collection-list-content] {
	width: 100%;
}

.flex>div[data-recommend-collection-list-content],
.flexc>div[data-recommend-collection-list-content],
.flexs>div[data-recommend-collection-list-content],
.flexb>div[data-recommend-collection-list-content] {
	width: 100%;
}

.flex>div[data-collection-filtered-content],
.flexc>div[data-collection-filtered-content],
.flexs>div[data-collection-filtered-content],
.flexb>div[data-collection-filtered-content] {
	width: 100%;
}

.flex>div[data-collection-archive-content],
.flexc>div[data-collection-archive-content],
.flexs>div[data-collection-archive-content],
.flexb>div[data-collection-archive-content] {
	width: 100%;
}

.flex>div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs>div[data-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-filtered-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -ms-flexsbox;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb>div[data-collection-archive-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexsbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

[data-element-id] [class*="heightLine"] {
	height: auto !important;
}

[data-element-id] .imgalt {
	position: relative;
	color: orange;
	font-size: 14px;
	background: #333;
	padding: 2px 4px;
	text-align: left;
	max-height: 70px;
	overflow: hidden;
	z-index: 50;
}

[data-element-id] .altcolor {
	color: red;
}

[data-common-area] {
	position: relative;
}

[data-common-area]:hover:before {
	content: "共通要素です。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: #FDC44F;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a[data-href="#"] {
	border: solid red 5px !important;
	display: block;
	position: relative !important;
	opacity: 1;
}

a[data-href="#"]:hover:before {
	content: "リンクが設定されていない可能性があります。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: red;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a[data-href*="."] {
	border: solid red 5px !important;
	display: block;
	position: relative !important;
	opacity: 1;
}

a[data-href*="."]:hover:before {
	content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: red;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
	content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
	display: block;
	line-height: 1.8;
	font-weight: bold;
	color: red;
	clear: both;
	background: #4c4c4c;
	padding: 5px;
	text-align: left;
	position: absolute;
	letter-spacing: 1px;
	z-index: 1000;
	font-size: 12px;
	width: 100%;
}

[data-collection-list-content]:hover:before {
	content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
	display: block;
	line-height: 1.8;
	font-weight: bold;
	color: red;
	clear: both;
	background: #4c4c4c;
	padding: 5px;
	text-align: left;
	position: absolute;
	letter-spacing: 1px;
	z-index: 1000;
	font-size: 12px;
	width: 100%;
}

/*カラム*/

/* ##### pcで6分割のグリッド ##### */
.gr666,
.gr665,
.gr664,
.gr663,
.gr662,
.gr661,
.gr655,
.gr654,
.gr653,
.gr652,
.gr651,
.gr644,
.gr643,
.gr642,
.gr641,
.gr633,
.gr632,
.gr631,
.gr622,
.gr621,
.gr611 {
	width: 12%;
	margin: 0 2% 6% 2%;
}

/* ##### pcで5分割のグリッド ##### */
.gr555,
.gr554,
.gr553,
.gr552,
.gr551,
.gr544,
.gr543,
.gr542,
.gr541,
.gr533,
.gr532,
.gr531,
.gr522,
.gr521,
.gr511 {
	width: 16%;
	margin: 0 2% 6% 2%;
}

/* ##### pcで4分割のグリッド ##### */
.gr444,
.gr443,
.gr442,
.gr441,
.gr433,
.gr432,
.gr431,
.gr422,
.gr421,
.gr411 {
	width: 21%;
	margin: 0 2% 6% 2%;
}

/* ##### pcで3分割のグリッド ##### */
.gr333,
.gr332,
.gr331,
.gr322,
.gr321,
.gr311 {
	width: 29%;
	margin: 0 2% 6% 2%;
}

/* ##### pcで2分割のグリッド ##### */
.gr222,
.gr221,
.gr211 {
	width: 46%;
	margin: 0 2% 6% 2%;
}

.w100 {
	width: 100%;
}

.w70 {
	width: 70%;
}

.w65 {
	width: 65%;
}

.w60 {
	width: 60%;
}

.w55 {
	width: 55%;
}

.w50 {
	width: 50%;
}

.w48 {
	width: 48%;
}

.w45 {
	width: 45%;
}

.w40 {
	width: 40%;
}

.w35 {
	width: 35%;
}

.w30 {
	width: 30%;
}

.w25 {
	width: 25%;
}

[data-element-id] #wrapper {
	opacity: 1;
}

#wrapper {
	overflow: visible;
}



.inner {
	width: 92%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}

.subtit {
	position: relative;
	overflow: hidden;
}

.subtit h2 {
	text-align: center;
	width: 100%;
}

.subtit img {
	width: 100%;
}

.more {
	text-align: center;
	margin: 50px auto 0 auto;
	width: 80%;
	max-width: 200px;
}

.more a {
	display: block;
	background: #000;
	color: #fff;
	padding: 10px 20px;
}

@media only screen and (max-width: 1024px) {
	.bkimg {
		position: relative;
	}

	.bkimg img {
		min-width: initial !important;
	}

	h2 {
		font-size: 34px;
	}

	h3 {
		font-size: 28px;
		margin-bottom: 40px;
	}

	h4 {
		font-size: 20px;
	}

	.fs20 {
		font-size: 18px;
	}

	.fs22 {
		font-size: 20px;
	}

	.fs24 {
		font-size: 20px;
	}

	.fs26 {
		font-size: 22px;
	}

	.fs28 {
		font-size: 22px;
	}

	.fs30 {
		font-size: 24px;
	}

	.fs32 {
		font-size: 24px;
	}

	.fs34 {
		font-size: 26px;
	}

	.fs36 {
		font-size: 26px;
	}

	.fs38 {
		font-size: 28px;
	}

	.fs40 {
		font-size: 28px;
	}

	.fs42 {
		font-size: 30px;
	}

	.fs44 {
		font-size: 30px;
	}

	.fs46 {
		font-size: 32px;
	}

	a[href*="tel"] {
		pointer-events: initial !important;
	}

	.flex {
		max-width: 768px;
		margin: 0 auto;
	}

	.flexc {
		max-width: 768px;
		margin: 0 auto;
	}

	.flexs {
		max-width: 768px;
		margin: 0 auto;
	}

	.flexb {
		max-width: 768px;
		margin: 0 auto;
	}

	/* カラム */

	/* ##### タブレッドで5分割のグリッド ##### */
	.gr655,
	.gr654,
	.gr653,
	.gr652,
	.gr651 {
		width: 16%;
	}

	/* ##### タブレッドで4分割のグリッド ##### */
	.gr644,
	.gr643,
	.gr642,
	.gr641,
	.gr544,
	.gr543,
	.gr542,
	.gr541 {
		width: 21%;
	}

	/* ##### タブレッドで3分割のグリッド ##### */
	.gr633,
	.gr632,
	.gr631,
	.gr533,
	.gr532,
	.gr531,
	.gr433,
	.gr432,
	.gr431 {
		width: 29%;
	}

	/* ##### タブレッドで2分割のグリッド ##### */
	.gr622,
	.gr621,
	.gr522,
	.gr521,
	.gr422,
	.gr421,
	.gr322,
	.gr321 {
		width: 46%;
	}

	/* ##### タブレッドで1分割のグリッド ##### */
	.gr611,
	.gr511,
	.gr411,
	.gr311,
	.gr211 {
		width: 96%;
	}

	.inner {
		width: 93%;
		max-width: 768px;
		padding: 40px 0;
	}

	.more {
		margin: 40px auto 0 auto;
	}
}

@media only screen and (max-width: 599px) {
	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
		margin-bottom: 30px;
	}

	h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	h5 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.fs18 {
		font-size: 16px;
	}

	.fs20 {
		font-size: 18px;
	}

	.fs22 {
		font-size: 18px;
	}

	.fs24 {
		font-size: 20px;
	}

	.fs26 {
		font-size: 20px;
	}

	.fs28 {
		font-size: 22px;
	}

	.fs30 {
		font-size: 22px;
	}

	.fs32 {
		font-size: 24px;
	}

	.fs34 {
		font-size: 24px;
	}

	.fs36 {
		font-size: 26px;
	}

	.fs38 {
		font-size: 26px;
	}

	.fs40 {
		font-size: 28px;
	}

	.fs42 {
		font-size: 28px;
	}

	.fs44 {
		font-size: 30px;
	}

	.fs46 {
		font-size: 32px;
	}

	.flex {
		max-width: 450px;
	}

	.flexc {
		max-width: 450px;
	}

	.flexs {
		max-width: 450px;
	}

	.flexb {
		max-width: 450px;
	}

	/* カラム */

	/* ##### スマホで5分割のグリッド ##### */
	.gr665 {
		width: 16%;
	}

	/* ##### スマホで4分割のグリッド ##### */
	.gr664,
	.gr654,
	.gr554 {
		width: 21%;
	}

	/* ##### スマホで3分割のグリッド ##### */
	.gr663,
	.gr653,
	.gr643,
	.gr633,
	.gr553,
	.gr543,
	.gr533,
	.gr443,
	.gr433 {
		width: 29%;
	}

	/* ##### スマホで2分割のグリッド ##### */
	.gr662,
	.gr652,
	.gr642,
	.gr632,
	.gr622,
	.gr552,
	.gr542,
	.gr532,
	.gr522,
	.gr442,
	.gr432,
	.gr422,
	.gr332,
	.gr322 {
		width: 46%;
	}

	/* ##### スマホで1分割のグリッド ##### */
	.gr661,
	.gr651,
	.gr641,
	.gr631,
	.gr621,
	.gr611,
	.gr551,
	.gr541,
	.gr531,
	.gr521,
	.gr511,
	.gr441,
	.gr431,
	.gr421,
	.gr411,
	.gr331,
	.gr321,
	.gr311,
	.gr221,
	.gr211 {
		width: 96%;
	}

	.w70 {
		width: 100%;
		margin: 2% 0;
	}

	.w65 {
		width: 100%;
		margin: 2% 0;
	}

	.w60 {
		width: 100%;
		margin: 2% 0;
	}

	.w55 {
		width: 100%;
		margin: 2% 0;
	}

	.w50 {
		width: 100%;
		margin: 2% 0;
	}

	.w48 {
		width: 100%;
		margin: 2% 0;
	}

	.w45 {
		width: 100%;
		margin: 2% 0;
	}

	.w40 {
		width: 100%;
		margin: 2% 0;
	}

	.w35 {
		width: 100%;
		margin: 2% 0;
	}

	.w30 {
		width: 100%;
		margin: 2% 0;
	}

	.w25 {
		width: 100%;
		margin: 2% 0;
	}

	.pic {
		width: 80%;
		margin: 0 auto;
	}

	.inner {
		width: 94%;
		max-width: 450px;
		padding: 30px 0;
	}

	.more {
		margin: 30px auto 0 auto;
	}
}

/* ハンバーガー */

@media only screen and (max-width: 1024px) {
	#gnav .toggle {
		display: block !important;
		position: fixed !important;
		width: 42px;
		height: 42px;
		top: 0px;
		right: 0px;
		background: #170302;
		cursor: pointer;
		opacity: 0.8;
		z-index: 251;
	}

	#gnav .toggle .bar {
		display: block;
		background: #fff;
		height: 2px;
		width: 28px;
		text-indent: 9999px;
		padding: 0;
		top: 50%;
		left: 7px;
		margin-top: -1px;
		position: absolute;
		-webkit-transition: ease .40s;
		transition: ease .40s;
	}

	#gnav .toggle .bar:before {
		display: block;
		content: "";
		background: #fff;
		height: 2px;
		width: 28px;
		position: absolute;
		top: -10px;
		left: 0;
	}

	#gnav .toggle .bar:after {
		display: block;
		content: "";
		background: #fff;
		height: 2px;
		width: 28px;
		position: absolute;
		top: 10px;
		left: 0;
	}

	#gnav.action .toggle .bar {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#gnav.action .toggle .bar:after,
	#gnav.action .toggle .bar:before {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
		left: 0;
	}

	#gnav .accordion-body {
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		opacity: 0;
		-webkit-transition: height ease .1s, opacity ease .4s;
		transition: height ease .1s, opacity ease .4s;
		background: rgba(255, 255, 255, 0.8);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
		z-index: -10;
	}

	#gnav.action .accordion-body {
		height: 100vh;
		opacity: 1;
		z-index: 250;
	}

	#gnav .accordion-inner {
		width: 100%;
		padding: 60px 10px 100px 10px;
	}

	#gnav li {
		display: block;
		width: 100%;
		border: none;
		border-bottom: 1px solid #ddd;
		padding: 0;
		margin: 0;
	}

	#gnav ul li a {
		display: block;
		color: #000;
		text-align: left;
		padding: 10px 15px;
		border: none;
	}

	.overlay:after {
		content: "";
		width: 100%;
		height: 100vh;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0.3;
		z-index: 150;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
}

/* メインビジュアル */

.mainimg {
	position: relative;
	overflow: hidden;
}

.mainimg img {
	width: 100%;
}

.mainimg .uk-slidenav-position {
	position: relative;
	overflow: hidden;
}

.mainimg .uk-slidenav-position:after {
	padding-top: 45%;
	content: '';
	display: block;
}

.mainimg .uk-slideshow {
	position: absolute;
	top: 0;
}


[data-element-id] a[data-href='#'] {
  outline: solid #f00 5px !important;
  opacity: 1;
  position: relative;
}
[data-element-id] a[data-href='#']:hover::before {
  content: '未設定リンク';
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 90px;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #f00;
  background: #9e9e9e;
  position: absolute !important;
  bottom: 100%;
  left: 0;
}
[data-element-id] a[data-href*='.'] {
  outline: solid #ff7c4d 5px !important;
  opacity: 1;
}
[data-element-id] a[data-href*='.']:hover::before {
  content: '外部リンク';
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 90px;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #ff7c4d;
  position: absolute !important;
  bottom: 100%;
  left: 0;
}
[data-element-id] [data-uk-slideshow]:hover::before {
  content: 'スライドショーです。ダブルクリックで画像変更ができます。';
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0.5em;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  background-color: #00f;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
[data-element-id] .uk-slideshow > li {
  opacity: 1;
}
[data-element-id] .wrapper {
  opacity: 1;
}
[data-element-id] .imgalt {
  outline: 5px solid #000;
  clear: both;
  position: relative;
}
[data-element-id] .imgalt::before {
  content: 'バリデーションjsコメントアウト';
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0.5em;
  font-size: 10px;
  color: #f00;
  line-height: 1.2;
  text-align: center;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
[data-ab-test-block] [data-ab-test-contents] +[data-ab-test-contents] {
  display: none;
}
[data-element-id] [data-ab-test-contents] {
  padding: 1.5em 0.2em 0.2em;
  outline: 2px solid #8b008b;
  position: relative;
}
[data-element-id] [data-ab-test-contents]::before {
  content: "Aパターン";
  width: 100%;
  display: block;
  padding: 0.5em 0.2em;
  font-size: 10px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  background-color: #8b008b;
  position: absolute;
  top: 0;
  left: 0;
}
[data-element-id] [data-ab-test-contents]+[data-ab-test-contents] {
  outline: 2px solid #556b2f;
}
[data-element-id] [data-ab-test-contents]+[data-ab-test-contents]::before {
  content: "Bパターン";
  background-color: #556b2f;
}
[data-hide-element] {
  padding-top: 1em;
  position: relative !important;
}
[data-hide-element]::before {
  content: '非表示' !important;
  font-size: 10px !important;
  line-height: inherit !important;
  -webkit-transform: unset !important;
          transform: unset !important;
}
[data-hide-element] >* {
  width: 100% !important;
}
[data-recommend-collection-list-content]::after {
  content: '「' attr(data-recommend-type) '」のレコメンドです。記事数は' attr(data-recommend-number) '件です。';
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4b0082;
  z-index: 1000;
}
[data-collection-list-content] {
  position: relative;
  padding-top: 1.5em;
}
[data-collection-list-content]::after {
  content: 'カスタムコンテンツ（編集不可）　' attr(data-list_number) '件表示　' attr(data-sort_column) 'の' attr(data-sort);
  bottom: 0;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #000080;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-collection-list-content][data-collection-list-filtering="[]"]::before {
  content: 'フィルタリング無し';
  background: #000080;
}
[data-collection-list-content][data-collection-list-filtering="[]"]:hover::before {
  content: 'フィルタリング無し';
  background: #000080;
}
[data-collection-list-content]::before {
  content: 'フィルタリング：「' attr(data-value1) '」' attr(data-condition1);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4682b4;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-collection-list-content]:hover::before {
  content: 'フィルタリング：「' attr(data-value1) '」' attr(data-condition1);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4682b4;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-collection-list-content][data-collection-list-filtering="[]"][data-ccalt]::before {
  content: 'フィルタリング無し　' attr(data-ccalt);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4169e1;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-collection-list-content][data-collection-list-filtering="[]"][data-ccalt]:hover::before {
  content: 'フィルタリング無し　' attr(data-ccalt);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4169e1;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-collection-list-content][data-ccalt]::before {
  content: 'フィルタリング：「' attr(data-value1) '」' attr(data-condition1) '　' attr(data-ccalt);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4169e1;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-collection-list-content][data-ccalt]:hover::before {
  content: 'フィルタリング：「' attr(data-value1) '」' attr(data-condition1) '　' attr(data-ccalt);
  top: 0;
  bottom: auto;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: left;
  background: #4169e1;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-collection-list-content][data-pagination="1"]::after {
  content: 'カスタムコンテンツ（編集不可）　' attr(data-list_number) '件表示　' attr(data-sort_column) 'の' attr(data-sort) '　ページネーション設定済';
}
[data-collection-filtered-content] {
  position: relative;
  padding-top: 1.5em;
}
[data-collection-filtered-content]::before {
  content: '動的リンク';
  min-width: 100px;
  max-width: 100%;
  width: 100%;
  display: block;
  padding: 0.5em;
  font-size: 10px;
  color: #fff;
  line-height: 1.2;
  text-align: left;
  background-color: #c71585;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
[data-collection-archive-content] {
  position: relative;
  padding-top: 1.5em;
}
[data-collection-archive-content]::before {
  content: 'アーカイブ　表示件数：' attr(data-list_number) '件　0件の月' attr(data-hide_none_contents);
  top: 0;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  text-align: left;
  background: #008000;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-collection-archive-content]:not([data-hide_none_contents])::before {
  content: 'アーカイブ　表示件数：' attr(data-list_number) '件　0件の月も表示';
  top: 0;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  text-align: left;
  background: #808000;
  z-index: 1000;
  position: absolute;
  left: 0;
}
[data-max_page_link_number] {
  position: relative;
  padding-top: 1.5em;
}
[data-max_page_link_number]::before {
  content: 'ページネーションの表示件数：' attr(data-max_page_link_number) '件';
  top: 0;
  width: 100%;
  display: block;
  clear: both;
  padding: 5px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  text-align: left;
  background: #ff4500;
  z-index: 1000;
  position: absolute;
  left: 0;
}
mark.filtering-link-text {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: -999;
}
[data-category-search-content] +mark.filtering-link-text {
  display: block;
  background-color: #db7093;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2em;
  margin: 0.5em;
  padding: 0.5em 1em;
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
[data-element-id] .uk-gird,
[data-element-id] .uk-width-1-1 {
  border: 1px solid #c0c0c0;
  background-color: rgba(245,245,245,0.2);
}