/*----------------------------------------------------------------------------*/
/* 	Tranquwell  TOURS page								 	CSS      */
/*----------------------------------------------------------------------------*/
	main {
		background-color:#FFF;
	}
	#main-area {
		width:100%;
		margin:0 auto;
		position: relative;
	}
	#main-area>.particle {
		margin-top:0px;
	}
	#main-area>.circlesym {	/* ◎ */
		position:absolute;
		top:150px;
		right:8.5%;
		width:231px;
		height:231px;
		z-index:9;
	}
	#main-area>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:231px;
		height:231px;
		background: url( "../images/bg/csym03.png" ) no-repeat;
		background-size: 231px 231px;
		background-position:center 0;
		position:relative;
	}
	#main-area>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#main-area>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 8s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
			transform: rotateZ(360deg);
		}
	}
	#main-area>.circlesym .syml {
		position:absolute;
		top:28%;
		left:0;
		right:0;
		margin:auto;
		width:121px;
		height:88px;
		text-align:center;
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:140px;
			right:8.5%;
			width:192px;
			height:192px;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:192px;
			height:192px;
			background: url( "../images/bg/csym03.png" ) no-repeat;
			background-size: 192px 192px;	/* 70% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:28%;
			left:0;
			right:0;
			margin:auto;
			width:97px;
			height:70px;
		}
	}
	@media screen and (max-width:767px) {

		#main-area {
			width:100%;
			margin:0 auto;
			position: relative;
		}
		#main-area>.particle {
			margin-top:200px;
		}
		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:40px;
			top:360px;
			right:5%;
			width:137px;
			height:137px;
			z-index:999999;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:137px;
			height:137px;
			background: url( "../images/bg/csym03.png" ) no-repeat;
			background-size: 137px 137px;	/* 50% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:28%;
			left:0;
			right:0;
			margin:auto;
			width:73px;
			height:53px;
		}
	}

/* ■ introduction section -----------------------------------------------*/

	#introduction {
		margin:-10px auto 0 auto;
		width:100%;
		padding-bottom:50px;
		background-color:#FFF;
	}

	@media screen and (max-width:550px) {
		#introduction h2{
			margin:0 0 50px 0;
		}
	}
	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont {
		margin:0 auto 0 auto;
		width:100%;
	/*	height:480px; */
/*		background:linear-gradient(rgba(000, 000, 000, 0.4), rgba(000,000, 000, 0.4)),
		url("../images/tours/post/tit01.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; */
/*		background-color:#F0EDE4;	*/	/* tranquwell-beigegray */
		position:relative;
	}
	#introduction .cont img {
		display:block;
		margin:0 auto 0 auto;
		width:100%;
		filter: brightness(70%);	/* ◆ 明度調整 */
		z-index:0;
	}
	#introduction .cont>.textbox {
		position:absolute;
		/* top:15%;
		left:0;
		right:0;
		height:480px;
		padding:40px 30px 40px 30px; */
		margin:auto;
		width:60%;
		padding:0;
		z-index:1;
	}
	#introduction .cont>.textbox>h2{
		margin:0 auto 30px auto;
		font-size:30px;
		text-align:center;
		line-height:1.8em;
		color:#FFF;
	}
	#introduction .cont>.textbox>p.txt {
		margin:0 auto 0 auto;
		font-size:20px;
		text-align:left;
		line-height:2.2em;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#FFF;
		/* padding-left:3.5%; */
	}

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

		#introduction {
			margin:0 auto 0 auto;
			width:100%;
			height:350px;
			padding-bottom:0;
		}
		#introduction .cont {
			margin:0 auto 0 auto;   
			width:100%;
			height:auto;
/*			background:linear-gradient(rgba(000, 000, 000, 0.4), rgba(000,000, 000, 0.4)),
			url("../images/tours/post/tit01.jpg") no-repeat;
			background-size: cover;
			background-position: center top 0; 	*/
			position:relative;
		}
		#introduction .cont img {
			margin:0 auto 0 auto;
			width:auto;
			height:350px;
			object-fit: cover;		/* トリミング */
		}
		#introduction .cont>.textbox {
			position:absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			margin:auto;
			width:90%;
		}
		#introduction .cont>.textbox>h2{
			margin:0px auto 10px auto;
			width:100%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			line-height:1.8em;
			padding-top:15px;
		}
		#introduction .cont>.textbox>p.txt {
			margin:0 auto 0 auto;   
			width:100%;
			text-align:left;
			font-size:12px;
			line-height:2.0em;
		}
		#cource .schedule ul.dayitem.special li.left {
			background-color: #A4966A;
  			color: #fff;
			padding: 20px 0;
		}
		#cource .schedule ul.dayitem.special .left p.time,
		#cource .schedule ul.dayitem.special .left dt,
		#cource .schedule ul.dayitem.special .left dd {
			color: #fff;
			font-size: 1.1rem;
		}
		#cource .schedule ul.dayitem.special .right img {
			width: 100%;
			padding: 0;
		}
	}

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

	}

/* ■Category guide section ------------------------------------------*/

	#guide {
		margin:30px auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:0;
	}
	#guide .left {
		width:90%;
	}
	#guide .left dl {
		margin:0 auto 20px auto;
		width:85%;
		border-left: 3px solid #555;	/* sopv-brown03 */
	}
	#guide .left dt {
		font-size:14px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		padding-left:15px;
	}
	#guide .left dd {
		margin:0 auto 0 auto;   
		font-size:12px;
		line-height:1.7em;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#444;
		padding-left:15px;
	}
	#guide .right {
		width:100%;
		height:auto;
		padding-bottom:20px;
	}
	#guide .right ul {
		margin: 0 auto 0 auto;
		width:90%;
	}
	#guide .right ul li {
		float:left;
		margin:0 1% 7px 1%;
		width:48%;
	}
	#guide .right ul li a {
		display:block;
		padding:10px;
		padding-left:35px;
		text-align:center;
		font-weight:bold;
		font-size:12px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		padding:10px 0px 10px 10px;
		background:url("../images/icon/logo-icon01.svg") no-repeat;
		background-size:25px 27px;
		background-size:14px 15px;	/* 55% */
		background-position: left 10px center;
		background-color:#FFF;
		border:1px solid #BDC3C7;	/* Siver */
	}
	#guide .right ul li a:hover {
		display:block;
		padding:10px;
		padding-left:35px;
		text-align:center;
		font-weight:bold;
		font-size:12px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		padding:10px 0px 10px 10px;
		background:url("../images/icon/logo-icon01.svg") no-repeat;
		background-size:25px 27px;
		background-size:14px 15px;	/* 55% */
		background-position: left 10px center;
		background-color:#E7DDD2;
		border:1px solid #BDC3C7;	/* Siver */
	}
	#guide .right ul li a.active {
		display:block;
		padding:10px;
		padding-left:35px;
		text-align:center;
		font-weight:bold;
		font-size:12px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		padding:10px 0px 10px 10px;
		background:url("../images/icon/logo-icon01.svg") no-repeat;
		background-size:25px 27px;
		background-size:14px 15px;	/* 55% */
		background-position: left 10px center;
		background-color:#E7DDD2;
		border:1px solid #BDC3C7;	/* Siver */
	}

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

		#guide {
			margin:0 auto 0 auto;
			display: flex;
			flex-wrap:wrap;
			justify-content: center;
/*			align-items: top;	*/
			width:80%;
			padding-top:0;
			padding-bottom:50px;
		}
		#guide .left {
			width:22%;
		}
		#guide .left dl {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:30px;
			border-left: 5px solid #555;	/* sopv-brown03 */
		}
		#guide .left dt {
			font-size:26px;
			font-weight:bold;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			color: #555;		/* sopv-brown03 */
			padding-top:0px;
			padding-left:30px;
		}
		#guide .left dd {
			margin:0px auto 0 auto;   
			width:100%;
			font-size:16px;
			line-height:1.8em;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			color:#666;
			padding-left:30px;
		}
		#guide .right {
			width:78%;
		}
		#guide .right ul {
			margin: 0 auto 0 10%;
			width:90%;
		}
		#guide .right ul li {
			float:left;
			margin:0 20px 20px auto;
			width:auto;
		}
		#guide .right ul li a {
			display:block;
			width:auto;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			padding:7px 30px 7px 40px;
			background:url("../images/icon/logo-icon01.svg") no-repeat;
			background-size:15px 16px;
			background-position: left 10px center;
			background-color:#FFF;
			border:1px solid #BDC3C7;	/* Siver */
		}
		#guide .right ul li a:hover {
			display:block;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			padding:7px 30px 7px 40px;
			background:url("../images/icon/logo-icon01.svg") no-repeat;
			background-size:15px 16px;
			background-position: left 10px center;
			background-color:#E7DDD2;
			border:1px solid #BDC3C7;	/* Siver */
		}
		#guide .right ul li a.active {
			display:block;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			padding:7px 30px 7px 40px;
			background:url("../images/icon/logo-icon01.svg") no-repeat;
			background-size:15px 16px;
			background-position: left 10px center;
			background-color:#E7DDD2;
			border:1px solid #BDC3C7;	/* Siver */
		}
		p.main_catchcopy {
			text-align: center;
			font-size: 1.4rem;
			margin: 20px auto 50px;
			font-weight: bold;
		}
		#cource .schedule ul.dayitem.special {
			display: flex;
  			flex-wrap: wrap;
		}
		#cource .schedule ul.dayitem.special li.left {
			padding: 2% 2% 2% 0;
			background-color: #A4966A;
  			color: #fff;
		}
		#cource .schedule ul.dayitem.special .left p.time,
		#cource .schedule ul.dayitem.special .left dt,
		#cource .schedule ul.dayitem.special .left dd {
			color: #fff;
			font-size: 1.1rem;
		}
		#cource .schedule ul.dayitem.special .right img {
			width: 100%;
			height: 100%;
    		object-fit: cover;
		}
	}
	@media screen and (min-width:1700px) {

		#guide {
			margin:100px auto 0 auto;
			padding-top:0;
			padding-bottom:50px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#guide {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:0;
		}
		#guide .left {
			width:90%;
		}
		#guide .left dl {
			margin:0 auto 20px auto;
			width:90%;
			padding-top:0;
			padding-bottom:10px;
			border-left: 3px solid #555;	/* sopv-brown03 */
		}
		#guide .left dt {
			font-size:17px;
			font-weight:bold;
			color: #555;		/* sopv-brown03 */
			padding-left:20px;
			padding-bottom:0;
		}
		#guide .left dd {
			margin:0 auto 0 auto;   
			font-size:14px;
			line-height:1.7em;
			color:#333;
			padding-left:15px;
		}
		#guide .right {
			width:100%;
			height:auto;
			padding-bottom:10px;
		}
		#guide .right ul {
			margin: 0 auto 0 auto;
			width:80%;
		}
		#guide .right ul li {
			float:left;
			margin:0px 0 10px 0;
			width:50%;
			padding-right:20px;
		}
		#guide .right ul li a {
			display:block;
			padding:10px;
			padding-left:35px;
			text-align:center;
			font-weight:bold;
			font-size:14px;
			color: #555;		/* sopv-brown03 */
			padding:10px 0px 10px 10px;
			background:url("../images/icon/logo-icon01.svg") no-repeat;
			background-size:25px 27px;
			background-size:14px 15px;	/* 55% */
			background-position: left 15px center;
			background-color:#FFF;
			border:1px solid #BDC3C7;	/* Siver */
		}
		#guide ul li a:hover {
			padding:5px 0px 5px 10px;
			background-color:#D3CCC1;		/* sopv-beige */
			color: #1E0F00;		/* sopv-brown01 */
		}
	}

/* ■ TOUR list explain  section ---------------------*/

	#listexp {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:0;
	}
	#listexp>section {
		margin:0 auto 80px auto;
		width:100%;
		 margin-top:-90px;		/* ◆アンカー先位置補正 */
		 padding-top:90px;
			background-image:
				url("../images/bg/brline02.svg"),
				url("../images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 46%,
				center top 46%;
			background-repeat:
				no-repeat,
				no-repeat;
	}
	#listexp h2 {
		margin:0 auto 40px auto;
		width:80%;
		text-align: center;
		font-size:30px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		letter-spacing: 0.1em;
		padding-bottom:30px;
		border-bottom: 3px solid #555;	/* sopv-brown03 */
	}
	#listexp img {
		display:block;
		margin:0 auto 30px auto;
		width:70%;
	}
	#listexp .material {
		margin:0 auto 30px 20%;
		width:70%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;		/* 左揃え */
	}
	#listexp .material li {
		margin:0 20px 20px 20px;
		padding:7px 20px 7px 20px;
		text-align:center;
		font-size:14px;
		color: #555;			/* sopv-brown03 */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		background-color:#FFF;
		border: 1px solid #555;	/* sopv-brown03 */
			border-radius:30px;
			-moz-border-radius:30px;
			-webkit-border-radius:30px;
	}
	#listexp .cont {
		margin:0 auto 50px auto;
		width:80%;
	}
	#listexp .cont .left {
		float:left;
		width:40%;
	}
	#listexp .cont .left img {
		display:block;
		margin:0 auto 0 auto;
		width:70%;
	}
	#listexp .cont .right {
		float:left;
		width:60%;
	}
	#listexp .cont .right .txt01 {
		margin:0 auto 30px auto;
		width:90%;
		font-size:17px;
		line-height:1.8em;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #444;
	}
	#listexp .cont .right dl {
		margin:0 auto 0 auto;
		width:90%;
		font-size:16px;
		padding-bottom:20px;
	}
	#listexp .cont .right dt {
		float:left;
		width:20%;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;				/* sopv-brown03 */
	}
	#listexp .cont .right dd {
		float:left;
		width:80%;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #444;
	}
	#listexp #detail {
		margin: 50px auto 0 auto;
		width:100%;
		text-align: center;
		padding:50px 0 30px 0;
		background-color:#F0EDE4;		/* tranquwell-beigegray */
	}
	#listexp #detail #detail-btn {
		margin: 0 auto 0 auto;
		width:20%;
		border:1px solid #8d6d2b;		/* tranquwell01 */
	}
	#listexp #detail #detail-btn a {
		display:block;
		padding:15px 30px 15px 30px; 
		text-align:center;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#FFF;
		background-color: #8d6d2b;		/* tranquwell01 */
	}
	#listexp #detail #detail-btn a:hover {
		display:block;
		color: #8d6d2b;		/* tranquwell01 */
		background-color: #F0EDE4;		/* tranquwell-beigegray */
	}
	#listexp #detail p.tailtxt {
		width:100%;
		text-align:center;
		font-size:18px;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
		padding-top:30px;
		padding-bottom:30px;
	}

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

		#listexp {
			margin:0 auto 0 auto;
			width:100%;
		}
		#listexp>section {
			margin:0 auto 20px auto;
			width:100%;
			 margin-top:-70px;		/* ◆アンカー先位置補正 */
			 padding-top:70px;
				background-image:
					url("../images/bg/brline02.svg"),
					url("../images/bg/brline01.svg");
				background-size:
					:cover,
					:cover;
				background-position:
					center top 44%,
					center top 47%;
				background-repeat:
					no-repeat,
					no-repeat;
		}
		#listexp h2 {
			margin:0 auto 10px auto;
			font-size:16px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
			letter-spacing: 0.1em;
		}
		#listexp img {
			display:block;
			margin:0 auto 20px auto;
			width:90%;
		}
		#listexp .material {
			margin:10px auto 0 auto;
			width:95%;
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			justify-content: flex-start;		/* 左揃え */
		}
		#listexp .material li {
			margin:0 auto 10px 10px;
			font-size:13px;
			padding:5px 10px 5px 10px;
				border-radius:25px;
				-moz-border-radius:25px;
				-webkit-border-radius:25px;
		}
		#listexp .cont {
			margin:0 auto 0 auto;
			width:80%;
		}
		#listexp .cont .left {
			clear:both;
			width:90%;
		}
		#listexp .cont .left img {
			display:block;
			margin:5px auto 10px 10%;
			width:100%;
		}
		#listexp .cont .right {
			clear:both;
			width:100%;
		}
		#listexp .cont .right .txt01 {
			margin:0 0 15px 5%;
			width:100%;
			font-size:13px;
			font-weight:bold;
			line-height:1.7em;
			color: #333;
		}
		#listexp .cont .right dl {
			margin:0 auto 0 auto;
			width:90%;
			font-size:13px;
			padding-bottom:10px;
		}
		#listexp .cont .right dt {
			clear:both;
			width:100%;
			font-weight:bold;
			padding-bottom:5px;
		}
		#listexp .cont .right dd {
			clear:both;
			width:100%;
			color: #333;
		}
		#listexp #detail #detail-btn {
			margin: 0 auto 0 auto;
			width:50%;
		}
		#listexp #detail #detail-btn a {
			display:block;
			padding:7px 15px 7px 15px; 
			text-align:center;
			font-weight:bold;
		}
		#listexp #detail p.tailtxt {
			font-size:11px;
			padding-top:10px;
			padding-bottom:10px;
		}
		p.main_catchcopy {
			text-align: center;
			font-size: 1.2rem;
			margin: 20px auto 50px;
			font-weight: bold;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 992px) {

		#listexp .cont .right dl {
			margin:0 auto 0 auto;
			width:100%;
			font-size:16px;
			padding-bottom:20px;
		}
		#listexp .cont .right dt {
			float:left;
			width:25%;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			color: #555;				/* sopv-brown03 */
		}
		#listexp .cont .right dd {
			float:left;
			width:75%;
			font-family: "Lora", "Noto Serif JP", serif;
			font-display: swap;
			color: #444;
		}
		#listexp #detail #detail-btn {
			margin: 0 auto 0 auto;
			width:40%;
			border:1px solid #8d6d2b;		/* tranquwell01 */
		}
	}

/* ■ TOUR list  section -----------------------------*/

	#list {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:30px;
		padding-bottom:50px;
		background-color:#F0EDE4;		/* Beige-gray02 */
	}

	@media screen and (max-width:550px) {
		#list h2{
			margin:0 0 50px 0;
		}
	}
	#list h2 span.bgLRextend::before{
		background:#333;
	}
	#list #wkinf-area {
		margin:0px auto 0px auto;
		width:90%;
		padding:30px 2.5% 50px 2.5%;
	}
	#list .work-area {
		margin:0 auto 0 auto;
		width:100%;
	}
	#list .work-area h2{
		margin:10px auto 50px auto;
		width:100%;
		text-align: center;
		font-size:30px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		letter-spacing: 0.1em;
		padding-bottom:30px;
		border-bottom: 3px solid #555;	/* sopv-brown03 */
	}
	#list .work-area h3{
		margin:0 auto 50px auto;
		text-align: center;
		font-size:24px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #777;
	}
	#list .work-area .guidetxt {
		margin:30px auto 0 30%; 
		width:45%;
		font-size:18px;
		line-height:2.0em;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:333;
		padding-bottom:30px;
	}

	@media screen and (max-width:590px) {
		#list .work-area{
			margin:0 auto 20px auto;   
		}
	}
	#list .work-area .cont01 {
		margin: 0 auto 0 auto;
		width:100%;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
/*		justify-content: space-between;	*/	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		justify-content: flex-start;		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
/*		border: 1px solid #BDC3C7;*/	/* Siver */
	}
	#list .work-area .cont01>dl,dt,dd {
	}
	#list .work-area .cont01>dl {
		margin: 0 auto 20px auto;
		width:32%;
		padding-bottom:60px;
		background-color:#FFF;
		position:relative;
		border: 1px solid #BDC3C7;	/* Siver */
	}
	#list .work-area .cont01>dl dt {
		margin: 20px 0 20px 5%;
		width:90%;
		text-align:center;
		font-size: 20px;
		line-height:1.5em;
		letter-spacing:1.2px;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* fujiken-brown01 */
		padding-left:0;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#list .work-area .cont01>dl dt .ltsub {
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		font-size: 13px;
	}
	#list .work-area .cont01>dl:first-child dt {
		background-image:url("../images/top/sec02n01.png");
		background-size:	125px 41px;
		background-size:	81px 27px;	/* 65% */
		background-position:	left 0 top 0;
		background-repeat:no-repeat;
	}
	#list .work-area .cont01>dl dd {
		margin:0 auto 0 auto;   
		width:85%;
		font-size:13px;
		line-height:1.7em;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:333;
		padding-bottom:10px;
	}
	#list .work-area .cont01>dl dd.btn {
		position:absolute;
		bottom:10px;
		left:0;
		right:0;
		margin:auto;
		text-align: center;
		padding-top:30px;
	}
	div.tours_notification {
		background-color: #F0EDE4;
		padding: 20px 40px;
		margin: 10px auto 40px;
	}
	div.tours_notification.detail {
		margin: 10px auto 40px;
	}
	div.tours_notification p {
		color: #8d6d2b;
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#list {
			margin:30px auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:0;
			background-color:transparent;
			background:linear-gradient(90deg,#F0EDE4 0%,#F0EDE4 30%,white 30%,white 100%);	/* ★ */
		}
		#list #wkinf-area{
			margin:0 auto 0 auto;   
			width:95%;
			padding:15px 2.5% 20px 2.5%;
		}
		#list .work-area{
			margin:0 auto 0 auto;
			width:100%;
		}
		#list .work-area h2{
			display:block;
			margin:0 auto 30px auto;
			font-size:17px;
			font-weight:bold;
			padding-top:10px;
			padding-bottom:20px;
			color:#444;
			letter-spacing: 0.1em;
		}
		#list .work-area h3{
			margin:0 auto 25px auto;
			text-align: center;
			font-weight:bold;
			font-size:13px;
			line-height:1.7em;
		}
		#list .work-area .cont01>dl {
			margin: 0 auto 20px auto;
			width:32%;
		}
		#list .work-area .cont01>dl dt {
			margin: 20px 0 20px auto;
			width:100%;
			font-weight:bold;
			font-size: 15px;
			line-height:1.7em;
		}
	}

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

		#list {
			margin:0 auto 0 auto;
			width:100%;
			background-image:
				url("../images/bg/brline02.svg"),
				url("../images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 12%,
				center top 12%;
			background-repeat:
				no-repeat,
				no-repeat;
			padding-top:10px;
			padding-bottom:0;
			background-color:transparent;
		}
		#list #wkinf-area{
			margin:0 auto 0 auto;   
			width:90%;
			padding:15px 2.5% 20px 2.5%;
		}
		#list .work-area{
			margin:0 auto 0 auto;
			width:100%;
		}
		#list .work-area h2{
			display:block;
			margin:0 auto 10px auto;
			font-size:16px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
			color:#444;
			letter-spacing: 0.1em;
		}
		#list .work-area h3{
			margin:0 auto 25px auto;
			text-align: center;
			font-weight:bold;
			font-size:13px;
			line-height:1.7em;
		}
		#list .work-area .guidetxt {
			margin:10px auto 0 auto;   
			width:85%;
			font-size:13px;
			font-weight:bold;
			line-height:1.7em;
			padding-bottom:15px;
		}
		#list .work-area .cont01 {
			margin: 20px auto 0 auto;
			width:100%;
			display:block;
			border:none;
		}
		#list .work-area .cont01>dl {
			margin: 0 auto 20px auto;
			width:100%;
			padding-bottom:30px;
			border: 1px solid #BDC3C7;	/* Siver */
		}
		#list .work-area .cont01>dl dt {
			margin: 20px auto 15px auto;
			width:90%;
			text-align:center;
			font-size: 15px;
			line-height:1.0em;
			font-weight:bold;
			padding-left:0px;
			padding-top:5px;
			padding-bottom:10px;
		}
		#list .work-area .cont01>dl:first-child dt {
			background-size:	125px 41px;
			background-size:	63px 21px;	/* 50% */
			background-position:	left 0 top 0;
			background-repeat:no-repeat;
		}
		#list .work-area .cont01>dl:nth-child(2) dt {
			background-image:url("../images/top/sec02n02.png");
			background-size:	126px 41px;
			background-size:	63px 21px;	/* 50% */
			background-position:	left 0 top 0;
			background-repeat:no-repeat;
		}
		#list .work-area .cont01>dl:nth-child(3) dt {
			background-image:url("../images/top/sec02n03.png");
			background-size:	126px 41px;
			background-size:	63px 21px;	/* 50% */
			background-position:	left 0 top 0;
			background-repeat:no-repeat;
		}
		#list .work-area .cont01>dl dd {
			margin:0 auto 0 auto;   
			width:90%;
			font-size:12px;
			line-height:1.6em;
			padding-bottom:20px;
			color:333;
		}
		#list .work-area .cont01>dl dd img {
			padding-bottom:10px;
		}
		#list .work-area .cont01>dl dd.btn {
			position:absolute;
			bottom:0;
			left:0;
			right:0;
			margin:auto;
			text-align: center;
		}
	}

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

		#list .work-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#list .work-area .img img {

			width:85%;
			padding-left:5%;
		}
		#list .work-area .content{
			width:100%;
			top:-10px;
			top:-10px;
			animation:none;
			opacity: 1;
			z-index: 1;
		}
		#list .work-area:nth-of-type(2n) .content {
			margin-left:5%;
		}
	}

/* ■ TOUR detail section ---------------------*/

	#detailexp {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:0;
	}
	#detailexp>section {
		margin:0 auto 80px auto;
		width:100%;
		 margin-top:-90px;		/* ◆アンカー先位置補正 */
		 padding-top:90px;
			background-image:
				url("../images/bg/brline02.svg"),
				url("../images/bg/brline01.svg");
			background-size:
				:cover,
				:cover;
			background-position:
				center top 46%,
				center top 46%;
			background-repeat:
				no-repeat,
				no-repeat;
	}
	#detailexp .explain {
		margin:0 auto 40px auto;
		width:70%;
		font-size:17px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		padding:0 5% 30px 5%;
		border-bottom: 3px solid #555;	/* sopv-brown03 */
	}
	#detailexp .explain h2 {
		font-size: 1.3rem;
		font-weight: bold;
		margin-bottom: 2em;
	}
	#detailexp .explain h3 {
		font-size: 1.1rem;
		font-weight: bold;
		margin-top: 2em;
		margin-bottom: 1em;
	}
	#detailexp .explain p {
		margin-bottom: 1em;
	}
	#detailexp .explain p span {
		margin-bottom: .8em;
	}

	#detailexp img {
		display:block;
		margin:0 auto 30px auto;
		width:70%;
	}
	#detailexp .material {
		margin:0 auto 30px 20%;
		width:70%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;		/* 左揃え */
	}
	#detailexp .material li {
		margin:0 20px 20px 20px;
		padding:7px 20px 7px 20px;
		text-align:center;
		font-size:14px;
		color: #555;			/* sopv-brown03 */
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		background-color:#FFF;
		border: 1px solid #555;	/* sopv-brown03 */
			border-radius:30px;
			-moz-border-radius:30px;
			-webkit-border-radius:30px;
	}
	#detailexp .cont {
		margin:0 auto 50px auto;
		width:80%;
	}
	#detailexp .cont .left {
		float:left;
		width:40%;
	}
	#detailexp .cont .left img {
		display:block;
		margin:0 auto 0 auto;
		width:70%;
	}
	#detailexp .cont .right {
		float:left;
		width:60%;
	}
	#detailexp .cont .right .txt01 {
		margin:0 auto 30px auto;
		width:90%;
		font-size:17px;
		line-height:1.8em;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #444;
	}
	#detailexp .cont .right dl {
		margin:0 auto 0 auto;
		width:90%;
		font-size:16px;
		padding-bottom:20px;
	}
	#detailexp .cont .right dt {
		float:left;
		width:20%;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;				/* sopv-brown03 */
	}
	#detailexp .cont .right dd {
		float:left;
		width:80%;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #444;
	}
	#detailexp #detail {
		margin: 50px auto 0 auto;
		width:100%;
		text-align: center;
		padding:50px 0 30px 0;
		background-color:#F0EDE4;		/* tranquwell-beigegray */
	}
	#detailexp #detail #detail-btn {
		margin: 0 auto 0 auto;
		width:20%;
		border:1px solid #8d6d2b;		/* tranquwell01 */
	}
	#detailexp #detail #detail-btn a {
		display:block;
		padding:15px 30px 15px 30px; 
		text-align:center;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#FFF;
		background-color: #8d6d2b;		/* tranquwell01 */
	}
	#detailexp #detail #detail-btn a:hover {
		display:block;
		color: #8d6d2b;		/* tranquwell01 */
		background-color: #F0EDE4;		/* tranquwell-beigegray */
	}
	#detailexp #detail p.tailtxt {
		width:100%;
		text-align:center;
		font-size:18px;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
		padding-top:30px;
		padding-bottom:30px;
	}

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

		#detailexp {
			margin:30px auto 0 auto;
			width:100%;
		}
		#detailexp .explain {
			margin:0 auto 20px auto;
			width:90%;
			font-size:14px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
			padding:0 0 10px 0;
		}
		#detailexp img {
			display:block;
			margin:0 auto 0 auto;
			width:90%;
		}
		#detailexp .material {
			margin:10px auto 0 auto;
			width:95%;
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			justify-content: flex-start;		/* 左揃え */
		}
		#detailexp .material li {
			margin:0 auto 10px 10px;
			font-size:13px;
			padding:5px 10px 5px 10px;
				border-radius:25px;
				-moz-border-radius:25px;
				-webkit-border-radius:25px;
		}
		#detailexp .cont {
			margin:0 auto 20px auto;
			width:80%;
		}
		#detailexp .cont .left {
			clear:both;
			width:90%;
		}
		#detailexp .cont .left img {
			display:block;
			margin:0 auto 20px auto;
			width:100%;
		}
		#detailexp .cont .right {
			clear:both;
			width:100%;
		}
		#detailexp .cont .right .txt01 {
			margin:0 0 15px 5%;
			width:100%;
			font-size:13px;
			font-weight:bold;
			line-height:1.7em;
			color: #333;
		}
		#detailexp .cont .right dl {
			margin:0 auto 20px auto;
			width:90%;
			font-size:12px;
			padding-bottom:10px;
		}
		#detailexp .cont .right dt {
			clear:both;
			width:100%;
			font-weight:bold;
			padding-bottom:5px;
		}
		#detailexp .cont .right dd {
			clear:both;
			width:100%;
			color: #333;
		}
		#detailexp #detail #detail-btn {
			margin: 0 auto 0 auto;
			width:50%;
		}
		#detailexp #detail #detail-btn a {
			display:block;
			padding:7px 15px 7px 15px; 
			text-align:center;
			font-weight:bold;
		}
		#detailexp #detail p.tailtxt {
			font-size:12px;
			padding-top:10px;
			padding-bottom:10px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#detailexp .explain {
			margin:30px auto 40px auto;
			width:90%;
		}
		#detailexp .material {
			margin:0 auto 30px 15%;
			width:85%;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;		/* 左揃え */
		}
		#detailexp .cont .right dl {
			margin:0 auto 0 auto;
			width:100%;
			font-size:16px;
			padding-bottom:20px;
		}
		#detailexp .cont .right dt {
			float:left;
			width:25%;
			color: #555;				/* sopv-brown03 */
		}
		#detailexp .cont .right dd {
			float:left;
			width:75%;
			color: #333;
		}
	}

/* ■ TOUR cource explain section ---------------------*/

	#cource {
		margin:50px auto 0 auto;
		width:100%;
		padding-bottom:0px;
		background-color:#F0EDE4;		/* tranquwell-beigegray */
		background:#f3f3f3 url(../images/bg/bg_washi.png);
		background-size:48px 48px;
	}
	#cource h2 {
		margin:0 auto 50px auto;
		width:80%;
		text-align: center;
		font-size:30px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #555;		/* sopv-brown03 */
		letter-spacing: 0.1em;
		padding-top:50px;
		padding-bottom:20px;
		border-bottom: 3px solid #555;	/* sopv-brown03 */
	}
	#cource .schedule {
		margin: 0 auto 0 auto;
		width:70%;
		padding-bottom:20px;
		background-color:rgba( 255,255,255,0.97 );	/*  White  透過97% */
		box-shadow: 0 0 5px #ccc;
		display: grid;
	}
	#cource h3 {
		margin:0 auto 0 auto;
		width:100%;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #8d6d2b;
		letter-spacing: 0.1em;
		padding: 10px 0 10px 0;
		background-color: #FAF8F1;			/* tranquwell01 */
	}
	#cource h3 .day {
		padding-left:10px;
	}
	#cource .schedule ul.dayitem {
		margin: 0 auto 0 auto;
		width:100%;
		padding-bottom:30px;
	}
	#cource .schedule ul.dayitem:nth-child(2) {
		padding-top:30px;
	}
	#cource .schedule ul.dayitem .left {
		float:left;
		width:60%;
	}
	#cource .schedule ul.dayitem .left p.time {
		margin: 0 auto 0 10%;
		width:90%;
		font-size:15px;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #A4966A;		/* Gold01 */
		padding-bottom:10px;
		padding-left:5%;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#cource .schedule ul.dayitem .left dl {
		display:block;
		margin: 0 auto 0 auto;
		width:90%;
	}
	#cource .schedule ul.dayitem .left dt {
		margin: 10px auto 0 auto;
		width:100%;
		font-size:18px;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#555;			/* tranquwell01 */
		padding-bottom:10px;
		padding-left:10%;
	}
	#cource .schedule ul.dayitem .left dd {
		margin: 0 auto 0 auto;
		width:100%;
		font-size:15px;
		line-height:1.8em;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color: #333;
		padding-left:10%;
	}
	#cource .schedule ul.dayitem .right {
		float:left;
		width:40%;
		text-align:center;
	}
	#cource .schedule ul.dayitem .right img {
		width:70%;
	}
	#cource #connect {
		margin: 50px auto 0 auto;
		width:100%;
		text-align: center;
		padding:80px 0 80px 0;
		background-color:#F0EDE4;		/* tranquwell-beigegray */
		background-color:#FFF;
		position: relative;
	}
	#cource #connect #sym01 {
		display:block;
		position: absolute;
		top:20%;
		left:5%;
		z-index:0;
	}
	#cource #connect #sym01 img {
		width:302px;
	}
	#cource #connect #connect-btn {
		margin: 0 auto 0 auto;
		width:20%;
		border:1px solid #8d6d2b;		/* tranquwell01 */
	}
	p.contact_btn {
		margin: 0 auto 0 auto;
		width: auto;
		display: inline-block;
		border:1px solid #8d6d2b;
	}
	#cource #connect #connect-btn a,
	p.contact_btn a {
		display:block;
		padding:15px 30px 15px 30px; 
		text-align:center;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#FFF;
		background-color: #8d6d2b;		/* tranquwell01 */
	}
	#cource #connect #connect-btn a:hover,
	p.contact_btn a:hover {
		display:block;
		color: #8d6d2b;		/* tranquwell01 */
		background-color: #F0EDE4;		/* tranquwell-beigegray */
	}
	#cource #connect p.tailtxt {
		width:100%;
		text-align:center;
		font-size:18px;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#333;
		padding-top:30px;
		padding-bottom:30px;
	}
	#cource #connect #list-btn {
		margin: 30px auto 0 auto;
		width:20%;
		border:1px solid #8d6d2b;		/* tranquwell01 */
	}
	#cource #connect #list-btn a {
		display:block;
		padding:15px 30px 15px 30px; 
		text-align:center;
		font-weight:bold;
		font-family: "Lora", "Noto Serif JP", serif;
		font-display: swap;
		color:#8d6d2b;		/* tranquwell01 */
		background-color: #F0EDE4;		/* tranquwell-beigegray */
	}
	#cource #connect #list-btn a:hover {
		display:block;
		color: #FFF;
		background-color: #8d6d2b;		/* tranquwell01 */
	}

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

		#cource {
			margin:30px auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:20px;
		}
		#cource h2 {
			margin:0 auto 20px auto;
			width:90%;
			font-size:16px;
			font-weight:bold;
			padding-top:30px;
			padding-bottom:10px;
			letter-spacing: 0.1em;
			border-bottom: 2px solid #555;	/* sopv-brown03 */
		}
		#cource .schedule {
			margin: 0 auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:15px;
			box-shadow: 0 0 2px #ccc;
		}
		#cource h3 {
			margin:0 auto 0 auto;
			width:90%;
			font-size:12px;
			color: #8d6d2b;
			letter-spacing: 0.1em;
			padding:5px 0 5px 0;
		}
		#cource h3 .day {
			padding-left:5px;
		}
		#cource .schedule ul.dayitem {
			margin: 0 auto 0 auto;
			width:90%;
			padding-bottom:20px;
		}
		#cource .schedule ul.dayitem:nth-child(2) {
			padding-top:15px;
		}
		#cource .schedule ul.dayitem .left {
			clear:both;
			width:100%;
		}
		#cource .schedule ul.dayitem .left p.time {
			margin: 0 auto 0 auto;
			width:90%;
			font-size:12px;
			color: #A4966A;		/* Gold01 */
			padding-bottom:5px;
		}
		#cource .schedule ul.dayitem .left dl {
			margin: 0 auto 0 auto;
			width:100%;
		}
		#cource .schedule ul.dayitem .left dt {
			margin: 10px auto 0 auto;
			width:100%;
			font-size:14px;
			font-weight:bold;
			padding-bottom:5px;
		}
		#cource .schedule ul.dayitem .left dd {
			margin: 0 auto 0 auto;
			width:100%;
			font-size:12px;
			line-height:1.7em;
		}
		#cource .schedule ul.dayitem .right {
			clear:both;
			width:100%;
		}
		#cource .schedule ul.dayitem .right img {
			width:60%;
			padding-top:15px;
		}
		#cource #connect {
			margin: 20px auto 0 auto;
			padding:30px 0 30px 0;
			background-color:#F0EDE4;		/* tranquwell-beigegray */
		}
		#cource #connect #sym01 {
			display:none;
			position: absolute;
			top:10%;
			left:5%;
		}
		#cource #connect #sym01 img {
			width:50%;
		}
		#cource #connect #connect-btn {
			margin: 0 auto 0 auto;
			width:50%;
		}
		p.contact_btn {
			margin: 0 auto 0 auto;
			width:50%;
			display: block;
		}
		#cource #connect #connect-btn a,
		p.contact_btn a {
			display:block;
			padding:7px 15px 7px 15px; 
			text-align:center;
			font-weight:bold;
		}
		#cource #connect #connect-btn a:hover,
		p.contact_btn a:hover {
			display:block;
			color: #8d6d2b;		/* tranquwell01 */
			background-color: #F0EDE4;		/* tranquwell-beigegray */
		}
		#cource #connect p.tailtxt {
			font-size:12px;
			padding-top:10px;
			padding-bottom:10px;
		}
		#cource #connect #list-btn {
			margin: 20px auto 0 auto;
			width:50%;
		}
		#cource #connect #list-btn a {
			display:block;
			padding:7px 15px 7px 15px; 
			text-align:center;
			font-weight:bold;
		}
		#cource #connect #list-btn a:hover {
			font-size:12px;
			padding-top:10px;
			padding-bottom:10px;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#cource h2 {
			font-size:20px;
		}
		#cource .schedule {
			margin: 0 auto 0 auto;
			width:90%;
		}
		#cource #connect #connect-btn,
		p.contact_btn {
			margin: 0 auto 0 auto;
			width:40%;
		}
		#cource #connect #list-btn {
			margin: 30px auto 0 auto;
			width:40%;
		}
		#cource #connect #sym01 {
			display:block;
			position: absolute;
			top:2%;
			left:2%;
			z-index:0;
		}
		#cource #connect #sym01 img {
			width:180px;
		}

	}

/* waves 背景透過 0 */

	#waveCanvas {
		background-image:none;
		background-color:#fff;
	}
	@media screen and (max-width:767px) {

		#waveCanvas{
			margin:0 auto 0 auto;
		}
	}