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

/* HEADER
-------------------------------------------------------------------------------*/

.st{font-style:normal;font-weight:bold;}
.sml{letter-spacing:0.1em;font-family: "park-lane"!important;font-style:italic;font-size:12px;}
.button-mg{margin:-40px 0 0 0;}


@media screen and (max-width: 800px) {
.button-mg{margin:-20px 0 40px 0;}	
	
}


h1{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
   position: fixed;
    top:45px;
    left:40px;
    z-index: 1;
	font-weight:normal;
font-style:normal!important;
font-size:18px!important;
}



@media screen and (max-width: 800px) {
	
		h1{
	width:auto;
	height:auto;
	margin:28px 0 25px 0px;
	padding:0;
   position:inherit;
   text-align:center;
    bottom:0;
    left:20px;
    z-index: 1;
			font-size:22px!important;
	font-weight:normal!important;
font-style:normal!important;
			font-size:19px!important;
}
	
}

/* NAV
-------------------------------------------------------------------------------*/

ul.page-main-nav {
    position: fixed;
    top:110px;
    right:40px;
    z-index: 1;
	margin:0 spx 0 0;
    padding:0;
	font-size:14px;
	text-align:right;
	font-family: "park-lane"!important;
	font-weight:normal!important;
}

@media screen and (max-width: 800px) {
	
	ul.page-main-nav {
 display:none;
}
}


ul.page-main-nav li{
width:auto;
height:auto;
margin:0 3px 10px 0;
padding:0;
font-style:italic;
	letter-spacing:0.1em;
}

ul.page-main-nav li a{
background-color: rgba(211,202,185,0.1);	
text-decoration:underline;
}

ul.page-main-nav li.current{
width:auto;
height:auto;
margin:0 3px 5px 0;
padding:0;
font-style:italic;
}

ul.page-main-nav li.current a{
color:#408741;
text-decoration:none;
}

ul.page-main-nav li a:hover{
text-decoration:none;
}


/* MAIN VISUAL
-------------------------------------------------------------------------------*/

.main-visual{
max-width:2000px;
min-width:290px;
margin:0 auto;
padding:0 8%;
text-align:center;
overflow:hidden;
position: relative;
top:0;
}

.copy{
	width:80%;
	margin:0 auto -130px auto;
	text-align: left;
	position: relative;
	top:-200px;
	mix-blend-mode: luminosity;
}



@media screen and (max-width: 800px) {
	
.main-visual{
max-width:2000px;
min-width:290px;
margin:0px -1px;
padding:0;
text-align:center;
overflow:hidden;	
position: relative;
top:0;
}	

.copy{
	width:90%;
	margin:0 auto -40px auto;
	text-align: center;
	position: relative;
	top:-70px;
	mix-blend-mode: luminosity;
}


	
}

.copyright-caption{
	margin:20px 0 0 0;
	padding:0;
	font-family: "park-lane"!important;
	font-style:italic;
	font-size:12px;
	letter-spacing:0.1em;
	position: relative;
	z-index:100;
}

.copyright-caption a{
	text-decoration:underline!important;
}
.copyright-caption a:hover{
	text-decoration:none!important;
}



/* CONTENTS */

.container-86{
max-width:860px;
min-width:290px;
margin:0 auto;
padding:0 2%;
text-align:center;
overflow:hidden;	
}

@media screen and (max-width: 800px) {
	
	.container-86{
max-width:860px;
min-width:290px;
margin:0 auto;
padding:20px 20px 0 20px;
text-align:center;
overflow:hidden;	
}
	
}


.main-visual-img{
width:50%;
height:auto;
margin:20px auto 40px auto;
padding:0;
text-align:center;
overflow:hidden;	
}

@media screen and (max-width: 800px) {
	
.main-visual-img{
width:80%;
height:auto;
margin:20px auto 0 auto;
padding:0;
text-align:center;
overflow:hidden;	
}
	
}


h4{
	width:auto;
	height:auto;
	margin:80px 0 20px 0;
	padding:0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	font-weight:normal;
	font-style:normal!important;
	letter-spacing:0.2em;
	font-size:20px;
	line-height:140%;
}

@media screen and (max-width: 800px) {
	
	h4{
	width:auto;
	height:auto;
	margin:40px 0;
	padding:0;
		font-style: normal!important;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	font-weight:normal;
	letter-spacing:0.2em;
	font-size:20px;
	line-height:140%;
}
	
}


.contents-txt{
margin:0;
padding:0;	
font-size:14px;
line-height:190%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
}

.contents-txt a{
text-decoration:underline!important;
}

.contents-txt a:hover{
text-decoration:none!important;
}


.contents-txt-br10{
margin:10px 0 0 0;
padding:0;	
font-size:14px;
line-height:190%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
}

.contents-txt-br20{
margin:30px 0 0 0;
padding:0;	
font-size:14px;
line-height:190%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
}


@media screen and (max-width: 800px) {
	
	.contents-txt{
margin:0;
padding:0;	
font-size:13px;
line-height:190%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
}

.contents-txt a{
text-decoration:underline!important;
}

.contents-txt a:hover{
text-decoration:none!important;
}


.contents-txt-br10{
margin:10px 0 0 0;
padding:0;	
font-size:13px;
line-height:190%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
}

.contents-txt-br20{
margin:30px 0 0 0;
padding:0;	
font-size:13px;
line-height:190%;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
}

	
	
}


/* BUTTON */


.button {
  display: inline-block;
  width: 200px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  outline: none;
  margin:40px 0 0 0;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  position: relative;
  z-index: 2;
  border: 1px solid #0b2925;
  color: #0b2925;
  font-family: "park-lane"!important;
	font-style:italic;
	font-weight:100;
	font-size:16px;
	letter-spacing:0.2em;
  line-height: 40px;
}
.button::after {
  opacity: 0;
}
.button:hover::after {
  opacity: 1;
}


/* FOOTER */

footer{
padding:60px 0 40px 0;
margin:0 auto;
text-align:center;	
}

.f-copyright{
	margin:0 auto;
	text-align:center;
	padding:0;
	font-family: "park-lane"!important;
	font-style:italic;
	font-size:14px;
	letter-spacing:0.2em;
}



.area{
	
	width:auto;
	height:auto;
	text-align:left;
	padding:0;
	margin:6% 0 0 -1.6%;
	overflow:hidden;
	
	}
	.item {
	width:31.5%;
	height: auto;
	margin: 0px 0 3.2% 1.6%;
     padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
	}
	
	
		
	@media screen and (max-width: 480px) {
		
		
		.area{
		width:auto;
	height:auto;
	text-align:left;
	padding:0;
	margin:0;
	overflow:hidden;
	}
	.item {
		width:100%;
		height: auto;
		text-align: center;
		margin:20px auto 0 auto;
		padding:0;
		overflow:hidden;
		float:none;
	}
	
		
	}



.arh-contents{
	max-width:1180px;
	min-width:290px;
	margin:0 auto 4% auto;
	padding:0 8%;
	text-align:center;
	overflow:hidden;	
}


.arh-contents-w{
    width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;	
}

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

	.arh-contents{
		max-width:1180px;
		min-width:290px;
		margin:0 auto 2% auto;
		padding:0 8%;
		text-align:center;
		overflow:hidden;	
	}

}


.arh-contents-ttl{
	width:auto;
	height:auto;
	margin:30px auto;
	padding:0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	font-weight:normal;
	font-style:normal!important;
	letter-spacing:0.08em;
	font-size:18px;
	line-height:180%;
	text-align:center;
}

.arh-contents-txt {
	font-size:14px;
	text-align:left;
	line-height:200%;
	margin:0;
	padding:0 0 30px 0;
}

.arh-contents-txt a{
	text-decoration: underline!important;
}

.arh-contents-txt a:hover{
	text-decoration: none!important;
}


.arh-contents-area2{
	width:auto;
	height:auto;
	text-align:left;
	padding:0;
	margin:1.4% 0 0 0;
	overflow:hidden;
	
	}



.arh-contents-area{
	width:auto;
	height:auto;
	text-align:left;
	padding:0;
	margin:1.6% 0 0 -1.6%;
	overflow:hidden;
	
	}
	.arh-contents-item {
	width:48.4%;
	height: auto;
	margin: 0px 0 0.8% 1.6%;
     padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
	}


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

	
			

	.arh-contents{
		max-width:1000px;
		min-width:290px;
		margin:-30px auto 20px auto;
		padding:10px 25px 20px 25px;
		text-align:center;
		overflow:hidden;	
		}

		.arh-contents-area2{
			width:auto;
			height:auto;
			text-align:left;
			padding:0;
			margin:3% 0 0 0;
			overflow:hidden;
			
			}
		

		.arh-contents-area{
			width:auto;
			height:auto;
			text-align:left;
			padding:0;
			margin:1% 0 0 0;
			overflow:hidden;
			
			}
			.arh-contents-item {
			width:auto;
			height: auto;
			margin: 2% 0;
			 padding:0;
			text-align:left;
			overflow:hidden;
			float:left;
			}
		
			.arh-contents-ttl{
font-size:16px;
			}

	}


/* 追加 */

.onlinetours_section{
	margin:0 0 10% 0;
	padding:0;
}


.onlinetours_section_ttl{
	display:table;
	padding:0;
	margin:0 0 30px 0;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	font-size:26px;
	letter-spacing: 0;
	border-bottom:3px solid #00322c;
}

.onlinetours_section_txt{
	padding:0;
	margin:0 0 100px 0;
	text-align: left;
	font-size: 14px!important;
}

.contents-time{
	width:auto;
	display: inline-block;
	border:1px solid #00322c;
	font-size:12px;
	padding:5px 10px;
	margin:0 0 20px 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
}


.onlinetours_section_box{
	background-color:#f2f2ea;
	padding:20px;
	margin:100px 0 0 0;
	font-size:14px!important;
	color:#00322c;
}

.onlinetours_section_box_txt02{
	font-size:16px;
	font-weight:bold;
}



/* CSS Document */
  .container_80{
	max-width:1050px;
	min-width:290px;
	margin:0 auto 5% auto;
	padding:2.5% 2%;
	text-align:center;
	overflow:hidden;	
	background-color:#00322c;
	text-align:center;
	overflow:hidden;	
	}


	.container_80_mi{
		max-width:1050px;
		min-width:290px;
		margin:0 auto 5% auto;
		padding:0 0 2.5% 0;
		text-align:center;
		overflow:hidden;	
		text-align:center;
		overflow:hidden;	
		}
	



	.container_120_jo{
		max-width:1050px;
		min-width:290px;
		margin:6% auto;
		padding:0 25px;
		text-align:center;
		overflow:hidden;	
		}


.container_120{
	max-width:1200px;
	min-width:290px;
	margin:6% auto;
	padding:0 4%;
	text-align:center;
	overflow:hidden;	
	}

	.container_120-th{
		max-width:1200px;
		min-width:290px;
		margin:6% auto;
		padding:0 4%;
		text-align:center;
		overflow:hidden;	
		}
		
	
	.container_60{
		max-width:1200px;
		min-width:290px;
		margin:-80px auto 6% auto;
		padding:0 4%;
		text-align:center;
		overflow:hidden;	
		}
		


.l-contents{
	width:75%;
	height:auto;
	margin:0 0 70px 0;
	padding:0;
	text-align:left;
}

.m-contents{
	width:auto;
	height:auto;
	margin:0 0 70px 0;
	padding:0;
	text-align:left;
}




.r-contents{
	width:60%;
	height:auto;
	margin:0 0 70px 40%;
	padding:0;
	text-align:left;
}


.contents-txt{
	font-size:16px;
}


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

	.contents-txt{
		font-size:14px;
	}
	

}

.mtop20{
	margin-top:20px!important;
}

.mbottom120{
	margin-bottom:150px!important;
}


.mbottom60{
	margin-bottom:60px!important;
}

.mbottom30{
	margin-bottom:30px!important;
}

.thumbnail-img{
	width:80%;
}



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

	.container_80{
		max-width:1050px;
		min-width:290px;
		margin:0 auto 5% auto;
		padding:2.5%;
		text-align:center;
		overflow:hidden;	
		background-color:#00322c;
		}

	.container_120{
		max-width:1000px;
		min-width:290px;
		margin:10% auto 0 auto;
		padding:0 4%;
		text-align:center;
		overflow:hidden;	
		}

		.container_120_jo{
			max-width:1050px;
			min-width:290px;
			margin:10% auto 0 auto;
			padding:0 4%;
			text-align:center;
			overflow:hidden;	
			}

		.container_120-th{
			max-width:1000px;
			min-width:290px;
			margin:0px auto -40px auto;
			padding:0 4%;
			text-align:center;
			overflow:hidden;	
			}

		.container_60{
			max-width:1000px;
			min-width:290px;
			margin:5% auto;
			padding:0 4%;
			text-align:center;
			overflow:hidden;	
			}

		.l-contents{
			width:auto;
			height:auto;
			margin:0 0 70px 0;
			padding:0;
			text-align:left;
		}
		
		.r-contents{
			width:auto;
			height:auto;
			margin:0 0 70px 0;
			padding:0;
			text-align:left;
		}

		.thumbnail-img{
			width:auto;
		}
		

		.mtop20{
			margin-top:20px!important;
		}
		
		.mbottom120{
			margin-bottom:70px!important;
		}
		
		
		.mbottom60{
			margin-bottom:30px!important;
		}
		
		.mbottom30{
			margin-bottom:15px!important;
		}

	}

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


		.container_120{
			max-width:1000px;
			min-width:290px;
			margin:60px auto;
			padding:0 25px;
			text-align:center;
			overflow:hidden;	
			}

			.container_120-th{
				max-width:1000px;
				min-width:290px;
				margin:-60px auto;
				padding:0 25px;
				text-align:center;
				overflow:hidden;	
				}

			.container_60{
				max-width:1000px;
				min-width:290px;
				margin:0px auto 30px auto;
				padding:0 25px;
				text-align:center;
				overflow:hidden;	
				}

			

		}
	


h4{
	margin:0 0 2% 0;
	padding:0;
	font-size:30px;
	font-weight:bold;
}




.small_ttl {
	position: relative;
	text-align: left;
	font-size:18px;
	margin:0px 0 10px 0;
	padding:0;
	}

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

		h4{
			margin:0 0 20px 0;
			padding:0;
			font-size:16px;
		}

		.small_ttl {
			position: relative;
			text-align: left;
			font-size:14px;
			margin:0px 0 10px 0;
			padding:0;
			}
		
	
	}



	.wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:space-between;
		margin:0 0 60px 0;
		margin:0 0 0 -1%;
		align-items: flex-end;
	}

	.element{
		width:48%;
	}



	.m-wrapper{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:space-between;
		margin:0 0 120px -2%;
		overflow:hidden;
		align-items: flex-end;
	}

	.m-element{
		width:49%;
		margin:0 0 0 2%;
	}





	.blend img{ 
		background-blend-mode: multiply;
		mix-blend-mode: overlay;
	}


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


		.wrapper{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display:block;
			justify-content:space-between;
			margin:0 0 30px 0;
			align-items: flex-end;
		}
	
		.element{
			width:100%;
			margin:0 0 30px 0;
		}
	
	
		.blend img{ 
			background-blend-mode: multiply;
			mix-blend-mode: overlay;
		}

		.element .contents-txt-br10{
			margin:-25px 0 0 0;
		}
	

		.m-wrapper{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display:block;
			justify-content:space-between;
			margin:0 0 30px 0;
			align-items: flex-end;
		}
	
		.m-element{
			width:100%;
			margin:0 0 15px 0;
		}
	
	



	}




/* jojoni
-------------------------------------------------------------------------------*/

	
	.ws-ttl{
		padding:0;
		margin:0 0 100px 0;
		position: relative;
		top: 0;
		left: 0;
		text-align: left;
		font-size:40px;
	}
	
	@media screen and (max-width: 800px) {
	
	
	.ws-ttl{
		padding:0;
		margin:0 0 30px 0;
		position: relative;
		top: 0;
		left: 0;
		text-align: left;
		font-size:20px;
	}
	
	
	}
	

	
	
	dl.ws-list{
		width:auto;
		margin:30px 0 0 0;
		padding:0;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
	}
	
	dl.ws-list dt{
		width:auto;
		margin:0 0 5px 0;
		padding:0;
	}
	
	dl.ws-list dd{
		width:auto;
		margin:0 0 30px 0;
		padding:0;
	}
	
	@media screen and (max-width: 600px) {
	
		dl.ws-list{
			width:auto;
			margin:30px 0 0 0;
			padding:0;
			font-size:14px;
			font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
		}
	
	}
	

	
	#tab{
		height:auto;	
		text-align:left;	
		margin:0 auto;
		padding:0 0 20px 0;
		overflow:hidden;
		}
		
		#tab li {
		  width:auto;
			height:auto;
			overflow:hidden;
			line-height:30px;
		 display:inline-block;
		  margin:0 15px 0 0;
		  padding: 0 2.5%;
		  cursor: pointer;
		  text-align:center;
		  color:#193531;
		  letter-spacing:0.1em;
		  font-style:italic;
		border:1px solid #193531;
		}
		
		@media screen and (max-width: 600px) {
	
			#tab{
				height:auto;	
				text-align:left;	
				margin:0 auto;
				padding:0 0 0px 0;
				overflow:hidden;
				}
			
			#tab li {
		  width:auto;
			height:auto;
			overflow:hidden;
			line-height:30px;
		 display:inline-block;
		  margin:0 3px 10px 0;
		  padding: 0 2.5%;
		  cursor: pointer;
		  text-align:center;
		  color:#193531;
		  letter-spacing:0.1em;
		  font-style:italic;
		border:1px solid #193531;
		}
			
		}
		
		
		#tab li.select {
			color:#d1c6b6;
			background-color:#193531;
			text-decoration:none;
		}
		.disnon {
		  display: none;
		}
		.content_wrap {
		  clear: left;
		  width: auto;
		  height:auto;
		
		}
	
	
	
	/* BUTTON */
	
	
	.ws-button {
		display: inline-block;
		width: 260px;
		height: 40px;
		text-align: center;
		text-decoration: none;
		line-height:40px;
		outline: none;
		margin:40px 0 0 0;
	  }
	
		
	  @media screen and (max-width: 600px) {
	
	
	
		.ws-button {
			display: inline-block;
			width: 260px;
			height: 40px;
			text-align: center;
			text-decoration: none;
			line-height:40px;
			outline: none;
			margin:10px 0 0 0;
		  }
		
		
	
	}
	
	
	  .ws-button::before,
	  .ws-button::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	  }
	  .ws-button,
	  .ws-button::before,
	  .ws-button::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	  }
	  
	  .ws-button {
		position: relative;
		z-index: 2;
		color:#d1c6b6;
		background-color:#193531;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
		  font-style:italic;
		  font-weight:100;
		  font-size:16px;
		  letter-spacing:0.2em;
		line-height: 40px;
	  }
	  .ws-button::after {
		opacity: 0;
	  }
	  .ws-button:hover::after {
		opacity: 1;
	  }
	

	  ul.form-button{
		width:auto;
		height:auto;
		text-align:left;
		margin:20px 0 0 -35px;
	}
	
	ul.form-button li{
		width:auto;
		height:auto;
		text-align:left;
		margin:0 20px 0 0;
		display:inline-block;
	}
	
		
	@media screen and (max-width: 600px) {
	
	
	
		ul.form-button{
			width:auto;
			height:auto;
			text-align:left;
			margin:20px 0 0 -35px;
		}
		
		ul.form-button li{
			width:auto;
			height:auto;
			text-align:left;
			margin:0;
			padding:0;
			display:inline-block;
		}
		
	
	}




	/* tinycottage */

	.tinycottage-box-w{
		clear:left;
		margin:80px  0 -100px 0;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	}


	.tinycottage-box-w .contents-txt{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	}

	.tinycottage-box-w a{
		color:#408741;
	}
	
	.tinycottage-box-w a:hover{
	}
	

	.f-box-left{
		width:30%;
		height:auto;
		margin:40px 0;
		padding:0;
		text-align:left;
		overflow:hidden;
		float:left;	
		}
		
		.f-box-right{
		width:70%;
		height:auto;
		margin:40px 0;
		padding:0;
		text-align:left;
		overflow:hidden;
		float:left;	
		}
		
.tinycottage-ttl{
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

ul.tinycottage-list{
	margin:0;
	padding:0;
	list-style-type: disc!important;
}

ul.tinycottage-list li{
	margin:0 0 10px 17px;

}

		
		@media screen and (max-width: 800px) {
			
			
			.mm{margin:-50px 0 0 0!important;}
			
			
		.f-box-left{
		width:auto;
		height:auto;
		margin:20px 0;
		padding:0;
		text-align:center;
		overflow:hidden;
		float:none;	
		}
		
		.f-box-right{
		width:auto;
		height:auto;
		margin:0px 0 60px 0;
		padding:0;
		text-align:left;
		overflow:hidden;
		float:none;	
		}

		ul.tinycottage-list{
			font-size:14px;
		}
			
		}


		.st-caption{font-size:9px;}