@charset "utf-8";

/*--------------------------------------------------------------------
	font color
--------------------------------------------------------------------*/

.fcWhite { color: #FFF !important; }
.fcWhite a         {text-decoration: none; color: #FFF; }
.fcWhite a:link    {text-decoration: none; color: #FFF; }
.fcWhite a:visited {text-decoration: none; color: #FFF; }
.fcWhite a:hover   {text-decoration: underline; color: #FFF; }
.fcWhite a:active  {text-decoration: underline; color: #FFF; }

.fcGray01 { color: #999 !important; }
.fcGray01 a         {text-decoration: none; color: #999; }
.fcGray01 a:link    {text-decoration: none; color: #999; }
.fcGray01 a:visited {text-decoration: none; color: #999; }
.fcGray01 a:hover   {text-decoration: underline; color: #999; }
.fcGray01 a:active  {text-decoration: underline; color: #999; }

.fcGray02 { color: #646464 !important; }
.fcGray02 a         {text-decoration: none; color: #646464; }
.fcGray02 a:link    {text-decoration: none; color: #646464; }
.fcGray02 a:visited {text-decoration: none; color: #646464; }
.fcGray02 a:hover   {text-decoration: underline; color: #646464; }
.fcGray02 a:active  {text-decoration: underline; color: #646464; }

.fcRed01 { color: #FF0000 !important; }
.fcRed01 a         {text-decoration: none; color: #FF0000; }
.fcRed01 a:link    {text-decoration: none; color: #FF0000; }
.fcRed01 a:visited {text-decoration: none; color: #FF0000; }
.fcRed01 a:hover   {text-decoration: underline; color: #FF0000; }
.fcRed01 a:active  {text-decoration: underline; color: #FF0000; }

.fcRed02 { color: #D90000 !important; }
.fcRed02 a         {text-decoration: none; color: #D90000; }
.fcRed02 a:link    {text-decoration: none; color: #D90000; }
.fcRed02 a:visited {text-decoration: none; color: #D90000; }
.fcRed02 a:hover   {text-decoration: underline; color: #D90000; }
.fcRed02 a:active  {text-decoration: underline; color: #D90000; }

.fcDarkRed01 { color: #ad7326 !important; }
.fcDarkRed01 a         {text-decoration: none; color: #ad7326; }
.fcDarkRed01 a:link    {text-decoration: none; color: #ad7326; }
.fcDarkRed01 a:visited {text-decoration: none; color: #ad7326; }
.fcDarkRed01 a:hover   {text-decoration: underline; color: #ad7326; }
.fcDarkRed01 a:active  {text-decoration: underline; color: #ad7326; }

.fcOrange01 { color: #ECAD1C !important; }
.fcOrange01 a         {text-decoration: none; color: #ECAD1C; }
.fcOrange01 a:link    {text-decoration: none; color: #ECAD1C; }
.fcOrange01 a:visited {text-decoration: none; color: #ECAD1C; }
.fcOrange01 a:hover   {text-decoration: underline; color: #ECAD1C; }
.fcOrange01 a:active  {text-decoration: underline; color: #ECAD1C; }

.fcYellow01 { color: #EFCF6C !important; }
.fcYellow01 a         {text-decoration: none; color: #EFCF6C; }
.fcYellow01 a:link    {text-decoration: none; color: #EFCF6C; }
.fcYellow01 a:visited {text-decoration: none; color: #EFCF6C; }
.fcYellow01 a:hover   {text-decoration: underline; color: #EFCF6C; }
.fcYellow01 a:active  {text-decoration: underline; color: #EFCF6C; }

.fcBrown01 { color: #3A1B00 !important; }
.fcBrown01 a         {text-decoration: none; color: #3A1B00; }
.fcBrown01 a:link    {text-decoration: none; color: #3A1B00; }
.fcBrown01 a:visited {text-decoration: none; color: #3A1B00; }
.fcBrown01 a:hover   {text-decoration: underline; color: #3A1B00; }
.fcBrown01 a:active  {text-decoration: underline; color: #3A1B00; }

.fcGreen01 { color: #3b5700 !important; }
.fcGreen01 a         {text-decoration: none; color: #3b5700; }
.fcGreen01 a:link    {text-decoration: none; color: #3b5700; }
.fcGreen01 a:visited {text-decoration: none; color: #3b5700; }
.fcGreen01 a:hover   {text-decoration: underline; color: #3b5700; }
.fcGreen01 a:active  {text-decoration: underline; color: #3b5700; }

.fcGreen02 { color: #96CA8C !important; }
.fcGreen02 a         {text-decoration: none; color: #96CA8C; }
.fcGreen02 a:link    {text-decoration: none; color: #96CA8C; }
.fcGreen02 a:visited {text-decoration: none; color: #96CA8C; }
.fcGreen02 a:hover   {text-decoration: underline; color: #96CA8C; }
.fcGreen02 a:active  {text-decoration: underline; color: #96CA8C; }

.fcGreen03 { color: #3b5700 !important; }
.fcGreen03 a         {text-decoration: none; color: #3b5700; }
.fcGreen03 a:link    {text-decoration: none; color: #3b5700; }
.fcGreen03 a:visited {text-decoration: none; color: #3b5700; }
.fcGreen03 a:hover   {text-decoration: underline; color: #3b5700; }
.fcGreen03 a:active  {text-decoration: underline; color: #3b5700; }

.fcBlue01 { color: #6ec0e5 !important; }
.fcBlue01 a         {text-decoration: none; color: #6ec0e5; }
.fcBlue01 a:link    {text-decoration: none; color: #6ec0e5; }
.fcBlue01 a:visited {text-decoration: none; color: #6ec0e5; }
.fcBlue01 a:hover   {text-decoration: underline; color: #6ec0e5; }
.fcBlue01 a:active  {text-decoration: underline; color: #6ec0e5; }

.fcNavy01 { color: #33405a !important; }
.fcNavy01 a         {text-decoration: none; color: #33405a; }
.fcNavy01 a:link    {text-decoration: none; color: #33405a; }
.fcNavy01 a:visited {text-decoration: none; color: #33405a; }
.fcNavy01 a:hover   {text-decoration: underline; color: #33405a; }
.fcNavy01 a:active  {text-decoration: underline; color: #33405a; }

/*--------------------------------------------------------------------
	bg color
--------------------------------------------------------------------*/

.bgWhite { background-color: #FFF !important; }
.bgBlack { background-color: #000000 !important; color: #ffffff; }
.bgGray01 { background-color: #F8F8F8 !important; }
.bgGray02 { background-color: #DDD !important; }
.bgBlue01 { background-color: #D5EDFF !important; }
.bgGreen01 { background-color: #F9FFF3 !important; }
.bgRed01 { background-color: #FFF7F7 !important; }
.bgRed02 { background-color: #CC0000 !important; }
.bgDarkRed01 { background-color: #ad7326 !important; }
.bgYellow01 { background-color: #FEF76B !important; }
.bgYellow02 { background-color: #EFCF6C !important; }
.bgGreen01 { background-color: #3b5700 !important; }
.bgNavy01 { background-color: #33405a !important; }

/*--------------------------------------------------------------------
	border
--------------------------------------------------------------------*/

.borderCommon01 { border: 1px solid #DDD; }
.borderGray01 { border-color: #DDD; }

/*--------------------------------------------------------------------
	size
--------------------------------------------------------------------*/

@media screen and (min-width: 1251px) {

[class*="sizeCommon"] { line-height: 1.6em; }

.sizeCommon01 { font-size: 1.2em; }
.sizeCommon02 { font-size: 1.6em; }
.sizeCommon03 { font-size: 2.0em; }
.sizeCommon04 { font-size: 3.0em; }
.sizeCommon05 { font-size: 5.0em; }
.sizeCommon06 { font-size: 0.9em; }

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

[class*="sizeCommon"] { line-height: 1.6em; }

.sizeCommon01 { font-size: 1.1em; }
.sizeCommon02 { font-size: 1.3em; }
.sizeCommon03 { font-size: 1.6em; }
.sizeCommon04 { font-size: 2.0em; }
.sizeCommon05 { font-size: 3.3em; }
.sizeCommon06 { font-size: 0.9em; }

}

@media screen and (max-width: 767px) {

[class*="sizeCommon"] { line-height: 1.6em; }

.sizeCommon01 { font-size: 1.06em; }
.sizeCommon02 { font-size: 1.16em; }
.sizeCommon03 { font-size: 1.4em; }
.sizeCommon04 { font-size: 1.6em; }
.sizeCommon05 { font-size: 2.0em; }
.sizeCommon06 { font-size: 0.8em; }

}


/*--------------------------------------------------------------------
	padding
--------------------------------------------------------------------*/

@media screen and (min-width: 1251px) {

.paddingCommon30A { padding: 30px; }
.paddingCommon20A { padding: 20px; }
.paddingCommon20B { padding: 40px 20px; }
.paddingCommon15A { padding: 15px; }
.paddingCommon10A { padding: 10px; }
.paddingCommon05A { padding: 5px; }

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.paddingCommon30A { padding: 25px; }
.paddingCommon20A { padding: 15px; }
.paddingCommon20B { padding: 30px 15px; }
.paddingCommon15A { padding: 15px; }
.paddingCommon10A { padding: 10px; }
.paddingCommon05A { padding: 5px; }

}

@media screen and (max-width: 767px) {

.paddingCommon30A { padding: 15px; }
.paddingCommon20A { padding: 10px; }
.paddingCommon20B { padding: 20px 10px; }
.paddingCommon15A { padding: 10px; }
.paddingCommon10A { padding: 5px; }
.paddingCommon05A { padding: 5px; }

}

/*--------------------------------------------------------------------
	space
--------------------------------------------------------------------*/

.spaceCommon01 {

}

@media screen and (min-width: 1251px) {

.spaceCommonA50 { margin-bottom: 50px; }
.spaceCommonA40 { margin-bottom: 40px; }
.spaceCommonA30 { margin-bottom: 30px; }
.spaceCommonA20 { margin-bottom: 20px; }
.spaceCommonA15 { margin-bottom: 15px; }

.spaceCommonB50 { margin-bottom: 50px; }
.spaceCommonB40 { margin-bottom: 40px; }
.spaceCommonB30 { margin-bottom: 30px; }
.spaceCommonB20 { margin-bottom: 20px; }
.spaceCommonB15 { margin-bottom: 15px; }

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.spaceCommonA50 { margin-bottom: 40px; }
.spaceCommonA40 { margin-bottom: 30px; }
.spaceCommonA30 { margin-bottom: 20px; }
.spaceCommonA20 { margin-bottom: 15px; }
.spaceCommonA15 { margin-bottom: 10px; }

.spaceCommonB50 { margin-bottom: 40px; }
.spaceCommonB40 { margin-bottom: 30px; }
.spaceCommonB30 { margin-bottom: 20px; }
.spaceCommonB20 { margin-bottom: 15px; }
.spaceCommonB15 { margin-bottom: 10px; }

}

@media screen and (max-width: 767px) {

.spaceCommonA50 { margin-bottom: 25px; }
.spaceCommonA40 { margin-bottom: 20px; }
.spaceCommonA30 { margin-bottom: 15px; }
.spaceCommonA20 { margin-bottom: 10px; }
.spaceCommonA15 { margin-bottom: 7px; }

.spaceCommonB50 { margin-bottom: 0; }
.spaceCommonB40 { margin-bottom: 0; }
.spaceCommonB30 { margin-bottom: 0; }
.spaceCommonB20 { margin-bottom: 0; }
.spaceCommonB15 { margin-bottom: 0; }

}

/*--------------------------------------------------------------------
	structure
--------------------------------------------------------------------*/

.structureCommon01 > li > div,
.structureCommon01Box > div,
.structureCommon01a > li > div,
.structureCommon01aBox > div { z-index: 2; }

.structureCommonA05 > div:nth-child(n+2),
.structureCommonA05 > li:nth-child(n+2) { margin-top: 5px; }

.structureCommonA10 > div:nth-child(n+2),
.structureCommonA10 > li:nth-child(n+2) { margin-top: 10px; }

@media screen and (min-width: 1251px) {

.structureCommonA40 > div:nth-child(n+2),
.structureCommonA40 > li:nth-child(n+2) { margin-top: 40px; }
.structureCommonA30 > div:nth-child(n+2),
.structureCommonA30 > li:nth-child(n+2) { margin-top: 30px; }
.structureCommonA20 > div:nth-child(n+2),
.structureCommonA20 > li:nth-child(n+2) { margin-top: 20px; }

}

@media screen and (max-width: 1250px) {

.structureCommon01 > li,
.structureCommon01Box,
.structureCommon01a > li,
.structureCommon01aBox {
	margin-top: -55px;
	padding-top: 55px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px) {

.structureCommonA40 > div:nth-child(n+2),
.structureCommonA40 > li:nth-child(n+2) { margin-top: 30px; }
.structureCommonA30 > div:nth-child(n+2),
.structureCommonA30 > li:nth-child(n+2) { margin-top: 25px; }
.structureCommonA20 > div:nth-child(n+2),
.structureCommonA20 > li:nth-child(n+2) { margin-top: 15px; }

}

@media screen and (max-width: 767px) {

.structureCommonA40 > div:nth-child(n+2),
.structureCommonA40 > li:nth-child(n+2) { margin-top: 25px; }
.structureCommonA30 > div:nth-child(n+2),
.structureCommonA30 > li:nth-child(n+2) { margin-top: 20px; }
.structureCommonA20 > div:nth-child(n+2),
.structureCommonA20 > li:nth-child(n+2) { margin-top: 10px; }

}

/*--------------------------------------------------------------------
	breadcrumb
--------------------------------------------------------------------*/

.breadcrumbBarCommon01 { background-color: #091800; }

.breadcrumbCommon01 { padding: 4px 20px; color: #FFF; letter-spacing: 0.1em; }
.breadcrumbCommon01 ol { display: flex; flex-wrap: wrap; align-items: center; }
.breadcrumbCommon01 li { display: flex; align-items: center; }
.breadcrumbCommon01 li:not(:last-child)::after { content: "›"; margin: 0 8px; }
.breadcrumbCommon01 .fa-home { margin-right: 5px; }

.breadcrumbCommon01 a         { color: #FFF; }
.breadcrumbCommon01 a:link    { color: #FFF; }
.breadcrumbCommon01 a:visited { color: #FFF; }
.breadcrumbCommon01 a:hover   { color: #FFF; }
.breadcrumbCommon01 a:active  { color: #FFF; }

/*--------------------------------------------------------------------
	title
--------------------------------------------------------------------*/

.titleCommon01 { margin-left: auto; margin-right: auto; }
.titleCommon01Txt01 h2 { font-weight: bold !important; line-height: 1.4em; }

@media screen and (min-width: 1251px) {

.titleCommon01Icon01,
.titleCommon01Icon01 img { width: 63px; }
.titleCommon01Txt01 { font-size: 2.4em; padding-left: 20px; }


}

@media screen and (min-width: 768px) and (max-width: 1250px) {

.titleCommon01Icon01,
.titleCommon01Icon01 img { width: 46px; }
.titleCommon01Txt01 { font-size: 2.0em; padding-left: 20px; }

}

@media screen and (max-width: 767px) {

.titleCommon01 > div { vertical-align: top; }
.titleCommon01Icon01,
.titleCommon01Icon01 img { width: 30px; }
.titleCommon01Txt01 { font-size: 1.5em; padding: 3px 0 0 15px; }

}

@media all and (-ms-high-contrast: none) {

.titleCommon01Txt01 { padding-top: 8px; }

}

/*--------------------------------------------------------------------
	full img
--------------------------------------------------------------------*/

.fullImgCommon01 {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.fullImg01 {
  width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.fullImg02 {
  width: 100%;
 	background-image: url('../../f-all/bg_common02.jpg');
	background-repeat: repeat;
	background-position: center center;
}

.fullImg01Title01 { position: absolute; }

.fullImgIndexSuffolk01 { background-image: url('../../f-index/suffolk_photo01.webp'); }
/*.fullImgIndexSuffolk01:before {
	content: "Suffolk";
	color: rgba(255,255,255,0.4);
	line-height: 1.0em;
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}*/
.fullImgIndexHotspa01 { background-image: url('../../f-index/hotspa_photo01.webp'); }
.fullImgIndexActivities01 { background-image: url('../../f-index/activities_photo01.webp'); }
.fullImgIndexMeals01 { background-image: url('../../f-index/meals_photo01.jpg'); }
.fullImgIndexMeals02 { background-image: url('../../f-index/meals_photo02.jpg'); }
.fullImgIndexMeals03 { background-image: url('../../f-index/meals_photo03.jpg'); }
.fullImgIndexMeals04 { background-image: url('../../f-index/meals_photo04.jpg'); }
.fullImgIndexBanquet01 { background-image: url('../../f-index/banquet_photo01.webp'); }

.fullImgSuffolkPoint01 { background-image: url('../../f-suffolk/point_photo01.jpg'); }
.fullImgSuffolkPoint02 { background-image: url('../../f-suffolk/point_photo02.jpg'); }
.fullImgSuffolkPoint03 { background-image: url('../../f-suffolk/point_photo03.jpg'); }

.fullImgSuffolkParts01 { background-image: url('../../f-suffolk/parts_photo01.webp'); }
.fullImgSuffolkParts02 { background-image: url('../../f-suffolk/parts_photo02.webp'); }
.fullImgSuffolkParts03 { background-image: url('../../f-suffolk/parts_photo03.webp'); }
.fullImgSuffolkParts04 { background-image: url('../../f-suffolk/parts_photo04.webp'); }

.fullImgMealsPoint01 { background-image: url('../../f-meals/point_photo01.jpg'); }
.fullImgMealsPoint02 { background-image: url('../../f-meals/point_photo02.jpg'); }
.fullImgMealsPoint03 { background-image: url('../../f-meals/point_photo03.jpg'); }

.fullImgMealsRestaurant01 { background-image: url('../../f-meals/restaurant_meat_photo01.webp'); }
.fullImgMealsRestaurant02 { background-image: url('../../f-meals/restaurant_noodle_photo01.jpg'); }
.fullImgMealsRestaurant03 { background-image: url('../../f-meals/restaurant_set_photo01.jpg'); }
.fullImgMealsRestaurant04 { background-image: url('../../f-meals/restaurant_alacarte_photo01.jpg'); }
.fullImgMealsRestaurant05 { background-image: url('../../f-meals/restaurant_banquet_photo01.jpg'); }

.fullImgHotspa01 { background-image: url('../../f-hotspa/hotspa_photo01.webp'); }

.fullImgFacilities01 { background-image: url('../../f-facilities/information_photo01.webp'); background-position: left center; }
.fullImgFacilities02 { background-image: url('../../f-facilities/information_photo08.webp'); }
.fullImgFacilities03 { background-image: url('../../f-facilities/information_photo09.webp'); }

.fullImgRooms01 { background-image: url('../../f-rooms/rooms_photo01.webp'); }

.fullImgActivitiesFishing01 { background-image: url('../../f-activities/fishing_photo01.webp'); background-position: right bottom; }
.fullImgActivitiesFishing02 { background-image: url('../../f-activities/fishing_photo02.webp'); background-position: left bottom; }
.fullImgActivitiesFishing03 { background-image: url('../../f-activities/fishing_photo03.webp'); background-position: right bottom; }
.fullImgActivitiesFishing04 { background-image: url('../../f-activities/fishing_photo04.webp'); }
.fullImgActivitiesRafting01 { background-image: url('../../f-activities/rafting_photo01.webp'); }
.fullImgActivitiesRafting02 { background-image: url('../../f-activities/rafting_photo02.webp'); }
.fullImgActivitiesSup01 { background-image: url('../../f-activities/sup_photo01.webp'); }
.fullImgActivitiesKayak01 { background-image: url('../../f-activities/kayak_photo01.webp'); }

@media screen and (min-width: 1251px) {

.fullImg01.sizeA { height: 780px; }
.fullImg01Title01.sizeA { left: calc(50% - 111px); top: calc(50% - 209px); }
.fullImg01Title01.sizeB { left: calc(50% - 111px); top: calc(50% - 235px); }
.fullImg01Title01.sizeC { left: calc(50% - 78px); top: calc(50% - 130px); }

.fullImg02.sizeA,
.fullImgCommon01.sizeA { min-height: 780px; }

/*.fullImgIndexSuffolk01:before { font-size: 8.0em; }
.fullImgIndexActivities01:before,
.fullImgIndexActivities01:after {
	color: rgba(255,255,255,0.4);
	font-size: 6.0em;
	line-height: 1.0em;
	position: absolute;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fullImgIndexActivities01:before { content: "アクティビティ"; top: 15px; left: 0; }
.fullImgIndexActivities01:after { content: "釣り"; bottom: 15px; right: 0; }*/

.fullImgHeight400 { min-height: 400px; }

}

@media screen and (min-width: 768px) and (max-width: 1250px) {

.fullImg01.sizeA { height: 400px; }
.fullImg01Title01.sizeA { width: 150px; left: calc(50% - 75px); top: calc(50% - 141px); }
.fullImg01Title01.sizeB { width: 150px; left: calc(50% - 75px); top: calc(50% - 159px); }
.fullImg01Title01.sizeC { width: 110px; left: calc(50% - 55px); top: calc(50% - 92px); }

.fullImg02.sizeA,
.fullImgCommon01.sizeA { min-height: 400px; }

.fullImgIndexSuffolk01:before { font-size: 4.0em; }

.fullImgHeight400 { min-height: 300px; }

}

@media screen and (max-width: 767px) {

.fullImg01.sizeA { height: 250px; }
.fullImg01Title01.sizeA { width: 110px; left: calc(50% - 55px); top: calc(50% - 103px); }
.fullImg01Title01.sizeB { width: 110px; left: calc(50% - 55px); top: calc(50% - 116px); }
.fullImg01Title01.sizeC { width: 90px; left: calc(50% - 45px); top: calc(50% - 76px); }

.fullImg02.sizeA,
.fullImgCommon01.sizeA { min-height: 250px; }

.fullImgHeight400 { min-height: 200px; }

}

/*--------------------------------------------------------------------
	icon
--------------------------------------------------------------------*/

.iconCommon01 { border-radius: 50%; text-align: center; font-weight: bold; }
.iconCommon01.sizeA { width: 70px; height: 70px; line-height: 74px; font-size: 3.0em; }
.iconCommon01.typeA { background-color: #EFCF6C; }

@media all and (-ms-high-contrast: none) {

.iconCommon01.sizeA { line-height: 84px;}

}

@media screen and (min-width: 1251px) {

}

@media screen and (min-width: 768px) and (max-width: 1250px) {

}

@media screen and (max-width: 767px) {

}

/*--------------------------------------------------------------------
	chapter
--------------------------------------------------------------------*/

.chapterCommon01 {
  text-align: center;
  border-top: 2px solid #3b5700;
  border-bottom: 2px solid #3b5700;
  font-weight: bold;
	line-height: 1.4em;
}

.chapterCommon01.typeA { border-color: #FFF; }
.chapterCommon01.typeB { border-color: #111; }

@media screen and (min-width: 1251px) {

.chapterCommon01 { font-size: 1.8em;  padding: 15px 10px; }

}

@media screen and (min-width: 768px) and (max-width: 1250px) {

.chapterCommon01 { font-size: 1.6em;  padding: 10px; }

}

@media screen and (max-width: 767px) {

.chapterCommon01 { font-size: 1.3em;  padding: 7px; }

}

@media all and (-ms-high-contrast: none) {

.chapterCommon01 { padding: 20px 10px 10px; }

}


/*--------------------------------------------------------------------
	shadow
--------------------------------------------------------------------*/

.textShadow01,.textShadow01 a { color: #FFF; text-shadow: 0 0 10px #000; }

/*--------------------------------------------------------------------
	hr
--------------------------------------------------------------------*/

.hrCommon01 {
  display: block;
  height: 1px;
  border: 0;
  margin: 0 auto;
  padding: 0;
}

.hrGray01 { border-top: 1px dotted #CCC; }
.hrNavy01 { border-top: 1px solid #DF5E00; }

/*--------------------------------------------------------------------
	img
--------------------------------------------------------------------*/

.imgCommon01 {
  padding: 2px;
  background-color: #3b5700;
}

.imgCover {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
/*--------------------------------------------------------------------
	box
--------------------------------------------------------------------*/

.boxCommon01 { background-color: #111; }
.boxCommon02 { background-color: #FFF; }
.boxCommon03 { background: url('../../f-all/bg_common02.jpg') center center repeat; }
.boxCommon04 { background-color: rgba(255,255,255,0.6); }
.boxCommon05 { background-color: #5B4A3F; }
.boxCommon06 { background-color: #241C19; }
.boxCommon07 { background-color: #332625; }
.boxCommon08 { background-color: #F4EFE9; }

/*--------------------------------------------------------------------
	movie
--------------------------------------------------------------------*/

.movieCommon01 { height: 0; padding-bottom: 56.25%; }

/*--------------------------------------------------------------------
	table
--------------------------------------------------------------------*/

.tableCommon01 { border-collapse: collapse; }
.tableCommon01 th,.tableCommon01 td { padding: 10px 15px; border: 1px solid #3b5700; vertical-align: middle; font-weight: normal; text-align: left; }
.tableCommon01 th { text-align: center; background-color: #E4EEDB; }
.tableCommon01 td { background-color: #FFF; }

.tableCommon02 { border-collapse: collapse; }
.tableCommon02 th,.tableCommon02 td { padding: 5px 5px; border: 1px solid #3b5700; vertical-align: middle; font-weight: normal; text-align: center;  }
.tableCommon02 th { text-align: center; background-color: #E4EEDB; }
.tableCommon02 td { background-color: #FFF; }

@media screen and (min-width: 768px) {


}

@media screen and (max-width: 767px) {
.tableCommon02 td { padding: 2px 1px; font-size: 0.7em; }

}

/*--------------------------------------------------------------------
	layout
--------------------------------------------------------------------*/

.textLayout03>*:nth-child(n+2) {
	margin-top: 0.3em;
  }
  
  .textLayout05>*:nth-child(n+2) {
	margin-top: 0.6em;
  }
  
  .textLayout08>*:nth-child(n+2) {
	margin-top: 0.9em;
  }
  
  .textLayout10>*:nth-child(n+2) {
	margin-top: 1.2em;
  }
  
  .textLayout15>*:nth-child(n+2) {
	margin-top: 1.6em;
  }
  
  .textLayout25>*:nth-child(n+2) {
	margin-top: 2.6em;
  }
  
  .textLayout35>*:nth-child(n+2) {
	margin-top: 3.6em;
  }
  

/*--------------------------------------------------------------------
	button
--------------------------------------------------------------------*/

.buttonCommon01 {
	padding: 0 5px;
	transition-property: all;
	transition: 0.1s linear;
	box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
}

.buttonCommon02 {
	padding: 0 5px;
	transition-property: all;
	transition: 0.1s linear;
	box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
    border-radius: 5px;
    border: 1px solid #FFF;
}

.buttonCommon01,.buttonCommon02.size40 { height: 40px; line-height: 40px; }
.buttonCommon01,.buttonCommon02.size50 { height: 50px; line-height: 50px; font-size: 1.1em; }

.buttonYellow01 { background-color: #EFCF6C; color: #111 !important; }
.buttonGreen01 { background-color: #091800; color: #FFF !important; }
.buttonGreen02 { background-color: #6d8000; color: #FFF !important; }
.buttonDarkBrown01 { background-color: #5b4a3f; color: #FFF !important; }

@media screen and (min-width: 1251px) {

.buttonCommon01:hover,
.buttonCommon02:hover,
a:hover .buttonCommon01 {	opacity: 0.8; }

}

/*--------------------------------------------------------------------
	ul
--------------------------------------------------------------------*/

.ulCommon01 { list-style: disc outside; padding-left: 1.5em; }
.ulCommon01 li:nth-child(n+2) { margin-top: 3px; }
.ulCommon02 > li { padding-left: 1.5em; }
.ulCommon02 > li:before { content: "●"; position: absolute; left: 0; }
.ulCommon02 > li:nth-child(n+2) { margin-top: 3px; }

/*----------------
	radius
----------------*/

.radius05 {
	border-radius: 5px;
	overflow: hidden;
  }

  .radius10 {
	border-radius: 10px;
	overflow: hidden;
  }
  
  .radius20 {
	border-radius: 20px;
	overflow: hidden;
  }
  
  .radius50p {
	border-radius: 50%;
	overflow: hidden;
  }

/*--------------------------------------------------------------------
	mark
--------------------------------------------------------------------*/

.textMark01 { padding-left: 1.2em; }
.textMark01:before { content: '※'; position: absolute; left: 0; }
.textMark02 { counter-reset: number; list-style: none; }
.textMark02 li { padding-left: 1.8em; text-indent: -1.5em; position: relative; }
.textMark02 li:nth-child(n+2) { margin-top: 3px; }
.textMark02 li:before { display: inline; counter-increment: number; content: "※"counter(number)""; }

p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

.ffs { font-feature-settings: "palt"; }

/*--------------------------------------------------------------------
	toggle
--------------------------------------------------------------------*/

.toggleCommon01Contents { display: none; }

/*--------------------------------------------------------------------
	flex
--------------------------------------------------------------------*/

@media screen and (min-width: 1251px) {

.flex2ColumnA > li,.flex2ColumnA > div { width: calc((100% - 20.1px) / 2); }
.flex2ColumnA > li:not(:nth-child(2n)),.flex2ColumnA > div:not(:nth-child(2n)) { margin-right: 20px; }
.flex2ColumnA > li:nth-child(n+3),.flex2ColumnA > div:nth-child(n+3) { margin-top: 20px; }

.flex2ColumnB > li,.flex2ColumnB > div { width: calc((100% - 15.1px) / 2); }
.flex2ColumnB > li:not(:nth-child(2n)),.flex2ColumnB > div:not(:nth-child(2n)) { margin-right: 15px; }
.flex2ColumnB > li:nth-child(n+3),.flex2ColumnB > div:nth-child(n+3) { margin-top: 15px; }

.flex2ColumnC > li,.flex2ColumnC > div { width: calc((100% - 20.1px) / 2); }
.flex2ColumnC > li:not(:nth-child(2n)),.flex2ColumnC > div:not(:nth-child(2n)) { margin-right: 20px; }
.flex2ColumnC > li:nth-child(n+3),.flex2ColumnC > div:nth-child(n+3) { margin-top: 20px; }

.flex2ColumnD > li,.flex2ColumnD > div { width: calc((100% - 40.1px) / 2); }
.flex2ColumnD > li:not(:nth-child(2n)),.flex2ColumnD > div:not(:nth-child(2n)) { margin-right: 40px; }
.flex2ColumnD > li:nth-child(n+3),.flex2ColumnD > div:nth-child(n+3) { margin-top: 20px; }

.flex2ColumnE > li,.flex2ColumnE > div { width: calc((100% - 40.1px) / 2); }
.flex2ColumnE > li:not(:nth-child(2n)),.flex2ColumnE > div:not(:nth-child(2n)) { margin-right: 40px; }
.flex2ColumnE > li:nth-child(n+3),.flex2ColumnE > div:nth-child(n+3) { margin-top: 20px; }
    
.flex2ColumnF > li,.flex2ColumnF > div { width: calc((100% - 20.1px) / 2); }
.flex2ColumnF > li:not(:nth-child(2n)),.flex2ColumnF > div:not(:nth-child(2n)) { margin-right: 20px; border-right: 1px dotted #7a7a7a; padding-right: 20px; }
.flex2ColumnF > li:nth-child(n+3),.flex2ColumnF > div:nth-child(n+3) { margin-top: 10px; }

.flex2ColumnG > li,.flex2ColumnG > div { width: calc((100% - 2.1px) / 2); }
.flex2ColumnG > li:not(:nth-child(odd)),.flex2ColumnG > div:not(:nth-child(odd)) { border-left: 1px solid #3b5700; }
.flex2ColumnG > li:not(:nth-child(2n)),.flex2ColumnG > div:not(:nth-child(2n)) { border-right: 1px solid #3b5700; }
.flex2ColumnG > li:nth-child(n+3),.flex2ColumnG > div:nth-child(n+3) { margin-top: 30px; }

.flex2ColumnGa > li,.flex2ColumnGa > div { width: calc((100% - 2.1px) / 2); }
.flex2ColumnGa > li:not(:nth-child(odd)),.flex2ColumnGa > div:not(:nth-child(odd)) { border-left: 5px solid #3b5700; }
.flex2ColumnGa > li:not(:nth-child(2n)),.flex2ColumnGa > div:not(:nth-child(2n)) { border-right: 5px solid #3b5700; }
.flex2ColumnGa > li:nth-child(n+3),.flex2ColumnGa > div:nth-child(n+3) { margin-top: 30px; }

.flex2ColumnH > li,.flex2ColumnH > div { width: calc((100% - 15.1px) / 2); }
.flex2ColumnH > li:not(:nth-child(2n)),.flex2ColumnH > div:not(:nth-child(2n)) { margin-right: 15px; }
.flex2ColumnH > li:nth-child(n+3),.flex2ColumnH > div:nth-child(n+3) { margin-top: 15px; }

.flex3ColumnA > li,.flex3ColumnA > div { width: calc((100% - 40.1px) / 3); }
.flex3ColumnA > li:not(:nth-child(3n)),.flex3ColumnA > div:not(:nth-child(3n)) { margin-right: 20px; }
.flex3ColumnA > li:nth-child(n+4),.flex3ColumnA > div:nth-child(n+4) { margin-top: 20px; }

.flex4ColumnA > li,.flex4ColumnA > div { width: calc((100% - 60.1px) / 4); }
.flex4ColumnA > li:not(:nth-child(4n)),.flex4ColumnA > div:not(:nth-child(4n)) { margin-right: 20px; }
.flex4ColumnA > li:nth-child(n+5),.flex4ColumnA > div:nth-child(n+5) { margin-top: 20px; }

}

@media screen and (max-width: 1250px) and (min-width: 960px)  {

.flex2ColumnB > li,.flex2ColumnB > div { width: calc((100% - 15.1px) / 2); }
.flex2ColumnB > li:not(:nth-child(2n)),.flex2ColumnB > div:not(:nth-child(2n)) { margin-right: 15px; }
.flex2ColumnB > li:nth-child(n+3),.flex2ColumnB > div:nth-child(n+3) { margin-top: 15px; }

.flex2ColumnD > li,.flex2ColumnD > div { width: calc((100% - 30.1px) / 2); }
.flex2ColumnD > li:not(:nth-child(2n)),.flex2ColumnD > div:not(:nth-child(2n)) { margin-right: 30px; }
.flex2ColumnD > li:nth-child(n+3),.flex2ColumnD > div:nth-child(n+3) { margin-top: 20px; }

.flex2ColumnE > li,.flex2ColumnE > div { width: calc((100% - 30.1px) / 2); }
.flex2ColumnE > li:not(:nth-child(2n)),.flex2ColumnE > div:not(:nth-child(2n)) { margin-right: 30px; }
.flex2ColumnE > li:nth-child(n+3),.flex2ColumnE > div:nth-child(n+3) { margin-top: 20px; }

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.flex2ColumnA > li,.flex2ColumnA > div { width: calc((100% - 15.1px) / 2); }
.flex2ColumnA > li:not(:nth-child(2n)),.flex2ColumnA > div:not(:nth-child(2n)) { margin-right: 15px; }
.flex2ColumnA > li:nth-child(n+3),.flex2ColumnA > div:nth-child(n+3) { margin-top: 15px; }

.flex2ColumnC > li,.flex2ColumnC > div { width: calc((100% - 15.1px) / 2); }
.flex2ColumnC > li:not(:nth-child(2n)),.flex2ColumnC > div:not(:nth-child(2n)) { margin-right: 15px; }
.flex2ColumnC > li:nth-child(n+3),.flex2ColumnC > div:nth-child(n+3) { margin-top: 15px; }
    
.flex2ColumnF > li,.flex2ColumnF > div { width: calc((100% - 30.1px) / 2); }
.flex2ColumnF > li:not(:nth-child(2n)),.flex2ColumnF > div:not(:nth-child(2n)) { margin-right: 20px; border-right: 1px dotted #7a7a7a; padding-right: 20px; }
.flex2ColumnF > li:nth-child(n+3),.flex2ColumnF > div:nth-child(n+3) { margin-top: 30px; }

.flex2ColumnG > li,.flex2ColumnG > div { width: calc((100% - 2.1px) / 2); }
.flex2ColumnG > li:not(:nth-child(odd)),.flex2ColumnG > div:not(:nth-child(odd)) { border-left: 1px solid #3b5700; }
.flex2ColumnG > li:not(:nth-child(2n)),.flex2ColumnG > div:not(:nth-child(2n)) { border-right: 1px solid #3b5700; }
.flex2ColumnG > li:nth-child(n+3),.flex2ColumnG > div:nth-child(n+3) { margin-top: 30px; }

.flex2ColumnGa > li,.flex2ColumnGa > div { width: calc((100% - 2.1px) / 2); }
.flex2ColumnGa > li:not(:nth-child(odd)),.flex2ColumnGa > div:not(:nth-child(odd)) { border-left: 5px solid #3b5700; }
.flex2ColumnGa > li:not(:nth-child(2n)),.flex2ColumnGa > div:not(:nth-child(2n)) { border-right: 5px solid #3b5700; }
.flex2ColumnGa > li:nth-child(n+3),.flex2ColumnGa > div:nth-child(n+3) { margin-top: 30px; }

.flex2ColumnH > li,.flex2ColumnH > div { width: 100%; }
.flex2ColumnH > li:nth-child(n+2),.flex2ColumnH > div:nth-child(n+2) { margin-top: 25px; }

.flex3ColumnA > li,.flex3ColumnA > div { width: calc((100% - 30.1px) / 3); }
.flex3ColumnA > li:not(:nth-child(3n)),.flex3ColumnA > div:not(:nth-child(3n)) { margin-right: 15px; }
.flex3ColumnA > li:nth-child(n+4),.flex3ColumnA > div:nth-child(n+4) { margin-top: 15px; }

.flex4ColumnA > li,.flex4ColumnA > div { width: calc((100% - 45.1px) / 4); }
.flex4ColumnA > li:not(:nth-child(4n)),.flex4ColumnA > div:not(:nth-child(4n)) { margin-right: 15px; }
.flex4ColumnA > li:nth-child(n+5),.flex4ColumnA > div:nth-child(n+5) { margin-top: 15px; }

}

@media screen and (max-width: 959px) {

.flex2ColumnB > li,.flex2ColumnB > div { width: 100%; }
.flex2ColumnB > li:nth-child(n+2),.flex2ColumnB > div:nth-child(n+2) { margin-top: 10px; }

.flex2ColumnD > li,.flex2ColumnD > div { width: 100%; }
.flex2ColumnD > li:nth-child(n+2),.flex2ColumnD > div:nth-child(n+2) { margin-top: 5px; }

.flex2ColumnE > li,.flex2ColumnE > div { width: 100%; }
.flex2ColumnE > li:nth-child(n+2),.flex2ColumnE > div:nth-child(n+2) { margin-top: 15px; }

}

@media screen and (max-width: 767px) {

.flex2ColumnA > li,.flex2ColumnA > div { width: 100%; }
.flex2ColumnA > li:nth-child(n+2),.flex2ColumnA > div:nth-child(n+2) { margin-top: 25px; }

.flex2ColumnC > li,.flex2ColumnC > div { width: calc((100% - 10.1px) / 2); }
.flex2ColumnC > li:not(:nth-child(2n)),.flex2ColumnC > div:not(:nth-child(2n)) { margin-right: 10px; }
.flex2ColumnC > li:nth-child(n+3),.flex2ColumnC > div:nth-child(n+3) { margin-top: 10px; }
    
.flex2ColumnF > li,.flex2ColumnF > div { width: 100%; }
.flex2ColumnF > li:nth-child(n+2),.flex2ColumnF > div:nth-child(n+2) { margin-top: 25px; }

.flex2ColumnG > li,.flex2ColumnG > div { width: 100%; }
.flex2ColumnG > li:nth-child(n+2),.flex2ColumnG > div:nth-child(n+2) { margin-top: 25px; }

.flex2ColumnGa > li,.flex2ColumnGa > div { width: 100%; }
.flex2ColumnGa > li:nth-child(n+2),.flex2ColumnGa > div:nth-child(n+2) { margin-top: 25px; }

.flex2ColumnH > li,.flex2ColumnH > div { width: 100%; }
.flex2ColumnH > li:nth-child(n+2),.flex2ColumnH > div:nth-child(n+2) { margin-top: 25px; }

.flex3ColumnA > li,.flex3ColumnA > div { width: 100%; }
.flex3ColumnA > li:nth-child(n+2),.flex3ColumnA > div:nth-child(n+2) { margin-top: 15px; }

.flex4ColumnA > li,.flex4ColumnA > div { width: 100%; }
.flex4ColumnA > li:nth-child(n+2),.flex4ColumnA > div:nth-child(n+2) { margin-top: 15px; }

}