@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
*{box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {
  line-height: 140% !important;
  font-weight: normal;
  font-family: 'mplus_round';
}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
img{height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;position: relative;}
html {-webkit-text-size-adjust: 100%}
body{
	font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  ,"メイリオ" , Meiryo, "Meiryo UI" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
	line-height: 170%;
	color:#5f422f;
	-webkit-text-size-adjust:100%;
	background:url(../images/background.jpg) repeat center top;
	font-weight: normal;
	width: 100%;
	position: relative;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
@font-face{ 
	font-family: 'mplus_round';
	src: url('../font/MPLUSRounded1c-Regular.woff2') format('woff2'); 
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.web-font{font-family: 'mplus_round';}
@font-face{ 
	font-family: 'font-tc';
	src: url('../font/GenSenRounded2TC-R.woff2') format('woff2'); 
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.font-taiwan{
	font-family: 'font-tc';
}
@font-face{ 
	font-family: 'font-tc-bold';
	src: url('../font/GenSenRounded2TC-M.woff2') format('woff2'); 
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.font-taiwan-bold,
.font-taiwan.bold,
.bold .font-taiwan{
	font-family: 'font-tc-bold';
}

/* リンク設定
------------------------------------------------------------*/
a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	color:#5f422f;
	transition: .2s;
}
a:hover, a:active{
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s; 
	outline: none;
	color:#ccc;
	transition: .2s;
}
a.post-link{text-decoration: underline;}
/* フォーム
------------------------------------------------------------*/
input[type="text"], 
textarea,
input[type="tel"],
input[type="email"],
select,
input[type="date"]{
	vertical-align:middle;
	max-width:99%;
	width: 99%;
	line-height:46px;
	height:46px;
	padding:5px 10px;
	border:1px solid #d4d4d7;
	border-radius:6px;
	font-size:100%;
	background:#fcfcfc;
}
input[type="date"]{width: auto;}
textarea{
	height:auto;
	line-height:1.5;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
.button{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'mplus_round';
	background: url(../images/back-brown.jpg) repeat center top;
	border-radius:30px;
	border: 2px solid #efe9e1;
	color: #fff;
	padding:0 15px;
	font-weight: normal !important;
	font-size: 15px;
	min-width: 100px;
	min-height: 50px;
	width: 200px;
	text-decoration: none !important;
	cursor: pointer;
	transition: .2s;
}
.button-min{
	
}
.button-white{
	background: #fbf7ee;
	border: 2px solid #efe9e1;
	color: #705f4a;
}
.button:after{
	content: "";
	display: block;
	background: url(../images/arrow-circle-white.png) no-repeat center top;
	background-size: 100% 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 8px;
	margin: auto;
	top: 0;
	bottom: 0;
}
.button-white:after{
	background: url(../images/arrow-circle-brown.png) no-repeat center top;
	background-size: 100% 100%;
}
.button-center{margin: 0 auto;}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover{
	text-decoration: none;
	color: #726656;
	transition: .2s;
	background: #ede1d0;
}
.button:active {box-shadow: none !important;}
.link-a{
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/* 共通レイアウト
------------------------------------------------------------*/
#overlay{
	width: 100%;
	overflow-x: hidden !important;
	margin-top: -38px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#header {
	width: 100%;
	position: relative;
	z-index: 1000;
	background: url(../images/header-back.png) no-repeat center bottom;
	background-size: 105% auto;
	padding-bottom: 20px;
}
.wrapper{
	margin:0 auto;
	width:1140px;
	position: relative;
}
.wrapper700{
	margin:0 auto;
	max-width:700px;
	width: 100%;
	position: relative;
}
.wrapper800{
	margin:0 auto;
	max-width:800px;
	width: 100%;
	position: relative;
}
.wrapper900{
	margin:0 auto;
	max-width:900px;
	width: 100%;
	position: relative;
}
#footer{
	background: url(../images/footer-back.png) no-repeat center top;
	background-size: 105% 100%;
	margin-top: 120px;
	padding-top: 70px;
	z-index: 1000;
} 
.cont-box{
	clear: both;
	margin: 0 auto 50px auto;
	display: block;
	padding: 1px;
}
.flex-area{
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.flex-area-left{
	display: flex;
	justify-content:flex-start;
	align-items: center;
}
.flex-area-center{
	display: flex;
	justify-content:center;
	align-items: center;
}
.sec-wrapper{
	width: 100%;
	position: relative;
}
.section-area{
	position: relative;
	padding: 0;
	z-index: 10;
	margin-bottom: 40px;
}
.round{border-radius:6px;}
.back-bluegreen{
	background: url(../images/back-bluegreen.jpg) repeat center top;
	border-radius:6px;
}
.back-l-bluegreen{
	background: url(../images/back-l-bluegreen.png) repeat center top;
	border-radius:6px;
}
.back-l-brown{
	background: url(../images/back-l-brown.png) repeat center top;
	border-radius:6px;
}
.back-white{
	background: #fbfaf6;
	border-radius:6px;
}
.back-l-white{
	background: rgba(251, 250, 246, 0.6);
	border-radius:6px;
}
.back-yellow{
	background: #f5eecf;
	border-radius:6px;
}
.has-inner-box{
	padding:10px;
	position: relative;
}
.back-inner-box{
	border-radius: 6px;
}
.back-l-bluegreen .back-inner-box{
	border: 2px solid #f1f1db;
}

.back-l-brown .back-inner-box,
.back-white .back-inner-box,
.back-l-white .back-inner-box{
	border: 2px solid #e9d8c6;
}
.box-beige{
	background: #f7f3e4;
	border-radius: 6px;
}
.box-white{
	background: #fbfaf6;
	border: 3px solid #fbf7ee;
	border-radius: 6px;
}

.padding10{padding: 10px;}
.padding5{padding: 5px;}
.spacer{display: block;}
.spacer25{height: 25px;}
.spacer50{height: 50px;}
.spacer100{height: 100px;}
.spacer200{height: 200px;}
.column-box{
	display: flex;
	justify-content: center;
	align-content: center;
}
.column-box .text-area{flex: 2}
.column-right .photo-area{
	order: 2;
	flex-shrink: 0;
	margin-left: 50px;
}
.column-right .text-area{order: 1;}
.column-left .photo-area{
	flex-shrink: 0;
	margin-right: 50px;
	order: 1;
}
.column-left .text-area{order: 2;}
.title-head:before{
	content: "";
	display: block;
	background-size: auto 100% !important;
	width: auto;
	min-width: 100%;
	z-index: 1;
	position: absolute;
	top: -3px;
	left: 0;
	right: 0;
	
}
.title-head-bluegreen:before{
	background: url(../images/title-head-bluegreen.png) repeat-x left top;
	height: 28px;
}
.title-head-bluegreen2:before{
	background: url(../images/title-head-bluegreen2.png) repeat-x left top;
	height: 36px;
}
.title-head-bluegreen3:before{
	background: url(../images/title-head-bluegreen3.png) repeat-x left top;
	height: 22px;
}

.title-head-brown1:before{
	background: url(../images/title-head-brown1.png) repeat-x left top;
	height: 28px;
}
.title-head-brown2:before{
	background: url(../images/title-head-brown2.png) repeat-x left top;
	height: 36px;
}
.title-head-orange:before{
	background: url(../images/title-head-orange.png) repeat-x left top;
	height: 36px;
}
.title-head-min:before{
	height: 20px;
}
.absolute-img{
	display: block;
	position: absolute;	
}
/**animate***/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@keyframes fadeIn {
  0% {
	opacity: 0
  }
  to {
	opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
	opacity: 0
  }
  to {
	opacity: 1
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 2s;
}
/* タイポグラフィ
------------------------------------------------------------*/
h2{font-size:30px;}
h2.title{
	margin:30px auto 20px auto;
	font-size:24px;
}
h2.title-brown {
	background: url(../images/line-h2-brown.png) no-repeat center bottom;
	background-size: auto 16px;
	margin: 0 auto 20px;
	text-align: center;
	padding-bottom: 18px;
}
h2.title-yellow {
	background: url(../images/line-h2-yellow.png) no-repeat center bottom;
	background-size: auto 16px;
	margin: 0 auto 20px;
	text-align: center;
	padding-bottom: 18px;
}
h2.title-dark-brown {
	background: url(../images/line-h2-darkbrown.png) no-repeat center bottom;
	background-size: auto 16px;
	margin: 0 auto 20px;
	text-align: center;
	padding-bottom: 18px;
}

h3{
	margin-bottom: 30px;
	font-size: 24px;
}
h3.title,
.line-diag-green{
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 150%;
	background: url(../images/line-diag-green.png) repeat-x left bottom;
	background-size: auto 10px;
	padding: 0 0 10px;
}
.line-diag-orange{
	margin-bottom: 20px;
	line-height: 150%;
	background: url(../images/line-diag-orange.png) repeat-x left bottom;
	background-size: auto 10px;
	padding: 0 0 10px;
}
.line-diag-white{
	margin-bottom: 20px;
	line-height: 150%;
	background: url(../images/line-diag-white.png) repeat-x left bottom;
	background-size: auto 10px;
	padding: 0 0 10px;
}

h3.line-diag-brown{
	background: url(../images/line-diag-brown.png) repeat-x center bottom;
	background-size: auto 10px;
	padding: 0 0 16px;
}
h3.title-beige,
.post h3.title,
#flow-page .section-article h4{
	background: url(../images/line-h3-beige.png) no-repeat center bottom;
	background-size: auto 8px;
	padding-bottom: 12px;
}
h3.line-h3-orange{
	background: url(../images/line-h3-orange.png) no-repeat center bottom;
	background-size: auto 15px;
	padding-bottom: 20px;
}
.line-h3-bluegreen{
	background: url(../images/line-h3-bluegreen.png) repeat-x left bottom;
	background-size: auto 8px;
	padding-bottom: 12px;
}
.post h2.title,
#flow-page .section-article h3{
	font-size: 24px;
	position: relative;
	display: flex;
	margin-top: 20px;
	margin-bottom: 25px;
	line-height: 150%;
	background: url(../images/line-diag-green.png) repeat-x left bottom;
	background-size: auto 10px;
	padding: 20px 0 10px;
}
#flow-page .section-article h3{padding-top: 0;}
.post h2.title:before,
#flow-page .section-article h3:before{
	content: "";
	display: inline-block;
	background: url(../images/icon-lump1.png) no-repeat center top;
	background-size: 100% auto;
	width: 60px;
	height: 48px;
	margin-right: 10px;
	flex-shrink: 0;
}
.post h3.title,
#flow-page .section-article h4{
	padding-top: 20px;
	position: relative;
	display: flex;
	font-size: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.post h3.title:before,
#flow-page .section-article h4:before{
	content: "";
	display: inline-block;
	background: url(../images/icon-h4.png) no-repeat center top;
	background-size: 100% auto;
	width: 13px;
	height: 16px;
	margin-right: 10px;
	flex-shrink: 0;
	top: 0.3em;
	position: relative;
}

.post h3.title span,
.post h2.title span,
#flow-page .section-article h3 span,
#flow-page .section-article h4 span{
	flex: 2;
}
h4{font-size: 20px;}
h4.title{
	margin:15px 0 10px;
	padding:15px 0;
	font-size:20px;
	position: relative;
}

.post h4.title span,.article-box h4.title span{flex: 2;}
h2.first,h3.first,h4.first{margin-top: 0;}
p{padding-bottom: 15px;}
.post,.article-box{
	margin: 0 auto 25px;
	max-width: 1040px;
}
.article-box .post{margin: 0;}
.post p,.post ul,
.article-box p,.article-box ul,.article-box ol{
	padding-left: 20px;
	padding-right: 20px;
}
.post ol{padding-left: 30px;}
.post ol ol{
	padding-right: 0;
	padding-left: 0;
}
.article-box{padding: 20px 30px 25px;}
table{
	width: 100%;
	box-sizing:border-box;
	border-collapse: separate;
	border-spacing: 2px;
}

table thead th{
	/* vertical-align: middle;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	border-radius: 6px;
	font-family: 'mplus_round'; */
}
table td{
	background: #fff;
	vertical-align: middle;
	font-size: 15px;
	line-height: 140%;
	padding:20px 20px 20px 25px;
	border-bottom: 1px solid #e5dfd6;
}
table tbody th{
	background:#faf5ce url(../images/back-l-bluegreen.png) repeat center top;
	position: relative;
	font-size: 16px;
	line-height: 140%;
	width: 25%;
	min-width: 250px;
	padding: 20px 10px 20px 60px;
	font-family: 'mplus_round';
	min-height: 52px;
	border-bottom:1px solid #e5dfd6;
}
table th .text {position: relative;}
table th .text:before {
	content: "";
	position: absolute;
	display: block;
	background: url(../images/icon-th.png) no-repeat center top;
	background-size: 100% auto;
	width: 42px;
	height: 32px;
	left: -44px;
	top: -7px;
}
table tr:last-child th,
table tr:last-child td{
	border-bottom: none;
}

ul.ul-brown,
ul.ul-green{
	margin-bottom: 20px;	
}

ul.ul-brown li,
ul.ul-green li{
	position: relative;
	padding: 0 0 12px 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
ul.ul-brown li .text,
ul.ul-green li .text{flex: 2;}
ul.ul-brown li:before,
ul.ul-green li:before{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	flex-shrink: 0;
	top: 8px;
	position: relative;
}
ul.ul-brown li:before{
	background: url(../images/icon-list-brown.png) no-repeat center top;
	background-size: 100% auto;
}
ul.ul-green li:before{
	background: url(../images/icon-list-green.png) no-repeat center top;
	background-size: 100% auto;
}
ol{
  counter-reset:list;
  list-style-type:none;
  margin-bottom: 20px;
}
ol li{
  position:relative;
  padding: 0 0 10px 25px;
  transition: 0.3s;
}
ol li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -10px;
  width: 24px;
  font-size: 14px;
  height: 24px;
  text-align: center;
  color: #4e3b2e;
  line-height: 24px;
  background: #ead2ab;
  border-radius: 100%;
  top: 3px;
}
ol  ol li:before{content: none;}
.icon-flex{margin-right: 5px;}
.icon-top{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.line-photo{
	border-radius: 6px;
	border: 6px solid #fcfbf4;
}
.line-photo-thin{
	border-radius: 6px;
	border: 3px solid #fcfbf4;
}
.circle-photo{
	border: 6px solid #fcfbf4;
	border-radius: 100% !important;
}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.relative{position: relative;}
.bold{font-weight: bold;}
.textbox-shadow{
	color: #fff;
	text-shadow: #533f2d 1px 1px 10px, #533f2d -1px 1px 10px, #533f2d 1px -1px 10px, #533f2d -1px -1px 10px;
}
.textbox-shadow-light{
	color: #fff;
	text-shadow: rgb(55 38 25 / 30%) 1px 1px 10px, rgb(55 38 25 / 30%) -1px 1px 10px, rgb(55 38 25 / 30%) 1px -1px 10px, rgb(55 38 25 / 30%) -1px -1px 10px;
}
.ribon-title{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
}
.board-white1{
	background: url(../images/board-white1.png) no-repeat center top;
	background-size: 100% 100%;
}
.ribon-white1{
	background: url(../images/ribon-white1.png) no-repeat center top;
	background-size: 100% 100%;
 }

.ribon-yellow1{
	background: url(../images/ribon-yellow1.png) no-repeat center top;
	background-size: 100% 100%;
	width: 360px;
	height:100px;
 }
.ribon-yellow2{
	background: url(../images/ribon-yellow2.png) no-repeat center top;
	background-size: 100% 100%;
	width: 320px;
	height: 100px;
	align-items: flex-end;
}
.ribon-yellow3{
	background: url(../images/ribon-yellow3.png) no-repeat center top;
	background-size: 100% 100%;
	width: 400px;
	height: 110px;
	align-items: flex-end;
}
.ribon-yellow4{
	background: url(../images/ribon-yellow4.png) no-repeat center top;
	background-size: 100% 100%;
}
.ribon-yellow5{
	background: url(../images/ribon-yellow5.png) no-repeat center top;
	background-size: 100% 100%;
	width: 280px;
	height: 100px;
}
.ribon-bulegreen1{
	background: url(../images/ribon-bulegreen1.png) no-repeat center top;
	background-size: 100% 100%;
	width: 360px;
	height:100px;
}
.ribon-bulegreen2{
	background: url(../images/ribon-bulegreen2.png) no-repeat center top;
	background-size: 100% 100%;
	width: 280px;
	height:110px;
}
.ribon-bulegreen3{
	background: url(../images/ribon-bulegreen3.png) no-repeat center top;
	background-size: 100% 100%;
	width: 320px;
	height: 100px;
}
.ribon-orange{
	background: url(../images/ribon-orange.png) no-repeat center top;
	background-size: 100% 100%;
}
.ribon-orange2{
	background: url(../images/ribon-orange2.png) no-repeat center top;
	background-size: 100% 100%;
}

.board-line-brown{
	background: url(../images/board-line.png) no-repeat center top;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.board-line-green{
	background: url(../images/board-line-green.png) no-repeat center top;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tag-yellow{
	background: url(../images/circle-tag-yellow.png) no-repeat center top;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.balloon-text{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 120%;
	font-size: 14px;
	padding: 0;
}
.balloon-right{
	background: url(../images/balloon-right.png) no-repeat center top;
	background-size: 100% 100%;
	width: 120px;
	height: 90px;
}
.balloon-right span{transform: rotate( 10deg );}
.balloon-left{
	background: url(../images/balloon-left.png) no-repeat center top;
	background-size: 100% 100%;
	width: 130px;
	height: 90px;
}
.balloon-left span,.balloon-right-bottom span{transform: rotate( -3deg );}


img.photo{
	border: 4px solid #fcfbf4;
	border-radius: 8px;
}
.photo-box img,
.photo-box-min img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	position: relative;
	z-index: 1;
	border-radius: 4px;
	display: block;
}
.photo-box:after {
	content: "";
	display: block;
	background: url(../images/photo-frame.png) no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	top: -10px;
	bottom: -10px;
	right: -10px;
	left: -10px;
	z-index: 5;
}
.photo-box-min:after {
	content: "";
	display: block;
	background: url(../images/photo-frame-min.png) no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -6px;
	z-index: 5;
}
.photo-box-big:after {
	content: "";
	display: block;
	background: url(../images/photo-frame-big.png) no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	top: -8px;
	bottom: -8px;
	left: -8px;
	right: -8px;
	z-index: 5;
}
.photo-box-vertical img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	position: relative;
	z-index: 1;
	border-radius: 4px;
	display: block;
}
.photo-box-vertical:after {
	content: "";
	display: block;
	background: url(../images/photo-frame-tate.png) no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	top: -10px;
	bottom: -10px;
	right: -10px;
	left: -10px;
	z-index: 5;
}

img.photo-fit{
	width: 100%;
	height:100%;
	object-fit: cover;
}
.vertical-line{
	display: block;
	margin: 0 auto 40px;
}
.graze-line-brown{
	display: block;
	background: url(../images/line-brown.png) no-repeat center top;
	width: 100%;
	height: 3px;
	background-size: 100% 3px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 0;
}

.back-circle{
	display: block;
	z-index: -1;
	position: absolute;
}
.back-circle-left{
	left: -50px;
}
.back-circle-right{
	right: -50px;
}
.leaf-line {
	display: block;
	z-index: 0;
	position: absolute;
}
.leaf-left{
	left: -50px;
}
.leaf-right{
	right: -50px;
}
.line-bouquet{opacity: 0.8;}
.font-min{
	font-size: 0.8em;
	line-height: 130%;
}
.font18{font-size: 18px !important;line-height: 1em;}
.font20{font-size: 20px !important;line-height: 1em;}
.font24{font-size: 24px !important;line-height: 1em;}
.font30{font-size: 30px !important;line-height: 1em;}
.font40{font-size: 40px !important;line-height: 1em;}
.font44{font-size: 44px !important;line-height: 1em;}
.font46{font-size: 46px !important;}
/* .marker-yellow{background: linear-gradient(transparent 60%, #fbefaf 40%);padding-bottom: 5px;} */
br.br1140,br.br789,br.br589,br.br489,br.br389{display: none !important;}
/* ---       ヘッダー
----------------------------------------------------------------------*/
#header:after{
	content: "";
	display: block;
	background: url(../images/line-brown.png) no-repeat center top;
	width: 100%;
	height: 3px;
	background-size: 100% 3px;
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	z-index: 0;
}
#site-description {
	font-size: 12px !important;
	padding: 10px 0 0 0;
	font-weight: bold;
}
#header-inner-bottom{
	padding: 7px 0 5px;
	align-items: flex-end;
}
#header-logo{
	width: 160px;
	flex-shrink: 0;
	margin: 0 30px 0 0;
}
#header-info{
	background: url(../images/back-telarea.png) no-repeat center bottom;
	background-size: 100% auto;
	position: absolute;
	top: -8px;
	right: 0;
	width: 320px;
	height: 80px;
	padding: 5px 10px 5px;
	z-index:20;
}
.tel-area{
	margin:0;
	position: relative;
	z-index: 100;
}
.tel-number{
	font-size: 18px;
	padding: 0;
	color: #574d3b;
	font-weight: bold;
}
/*********************トップページ*************************/
/*--------------メインイメージ--------------*/
#mainimage{
	position: relative;
	z-index: 1;
	height: 650px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}
#mainimage:before{
	content: "";
	display: block;
	background: url(../images/mainimage-circle.png) no-repeat center top;
	background-size: auto 100%;
	width: 525px;
	height: 530px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 90;
	
}
#mainimage .text-area{
	position: relative;
	z-index: 100;
}
#mainimage #main-chatch-top{
	padding: 0 0 23px 24px;
	margin:0 auto;
	background: url(../images/ribon-orange1.png) no-repeat center top;
	background-size: 100% 100%;
	width: 268px;
	height: 107px;
	text-align: center;
	position: relative;
	z-index: 10;
	
}
#mainimage #main-chatch-top .flowers1{
	z-index:10;
	top: -50px;
	left: -100px;
}
#mainimage #main-chatch-top .flowers2{
	z-index:10;
	top: 0;
	right: 0;
}
#mainimage .text-area #main-chatch{
	margin: 0 auto 20px;
	font-weight: bold !important; 
	position: relative;
	z-index: 30;
}
#mainimage .text-area #main-chatch-bottom{
	line-height: 160% !important;
	padding: 0 0 20px;
	margin: 0;
}

#mainimage #main-chatch-top .textbox-shadow-light{
	color: #fff;
	text-shadow: rgb(55 38 25 / 35%) 1px 1px 10px, rgb(55 38 25 / 35%) -1px 1px 10px, rgb(55 38 25 / 35%) 1px -1px 10px, rgb(55 38 25 / 35%) -1px -1px 10px;
}
#mainimage .text-area #main-chatch{
	color: #fff;
	text-shadow: rgb(55 38 25 / 30%) 1px 1px 10px, rgb(55 38 25 / 30%) -1px 1px 10px, rgb(55 38 25 / 30%) 1px -1px 10px, rgb(55 38 25 / 30%) -1px -1px 10px;
}
#mainimage .text-area #main-chatch-bottom{
	color: #fff;
	text-shadow: rgb(55 38 25 / 40%) 1px 1px 10px, rgb(55 38 25 / 40%) -1px 1px 10px, rgb(55 38 25 / 40%) 1px -1px 10px, rgb(55 38 25 / 40%) -1px -1px 10px;

}

#mainimage:after{
	content: "";
	display: block;
	background: url(../images/arch-under-line.png) no-repeat center bottom;
	width: 100%;
	height: 70px;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -35px;
	z-index: -1;
}
#mainimage-slide{
	width: 100%;
	height: 100%;
	position: absolute;
	margin: auto;
	left: 0; 
	right: 0;
}
#mainimage-slide .slider-box{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#mainimage-slide .slider-box .slider-back{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}
#mainimage-slide .slider-photo{z-index: 5;}
#mainimage-slide .slider-box .slider-sp{display: none;}

@media only screen and (min-width:1365px){
	#mainimage-slide .slider-box .slider-back{height: 100%;}
}
@media only screen and (min-width:1501px){
	.slider-box .slider-pc-long{display: block;}
	.slider-box .slider-pc-short{display: none;}
}
@media only screen and (max-width:1500px){
	.slider-box .slider-pc-long{display: none;}
	.slider-box .slider-pc-short{display:block;}
}
#slider1 .slider-photo{
	bottom: -50px;
	right: -100px;
}
#slider2 .slider-photo{
	bottom: -50px;
	left: -120px;

}
#slider3 .slider-photo{
	bottom: -50px;
	right: -100px;
}
#slider4 .slider-photo{
	bottom: -50px;
	left: -120px;
}
#slider5 .slider-photo{
	top: -20px;
	right: -100px;
	
}
/*--------------3つのバナー--------------*/
#top-banner-area{
	z-index: 100;
	margin-top: -50px;
}
#top-banner-area .ribon-white1{
	width: 330px;
	height: 78px;
	bottom: -35px;
	line-height: 1em !important;
	z-index: 20;
	font-size: 22px;
	text-align: left;
}
#top-banner-area .ribon-white1 .min{
	font-size: 0.8em;
	display: inline-block;
	line-height: 1em;
}
#top-banner-area .tour-banner{
	width: 31%;
	max-width: 360px;
	position: relative;
	z-index: 100;
	transition: .2s;
	color: #4d3a2e !important;
}
#top-banner-area .tour-banner:hover{
	opacity: 0.7;
}
#top-banner-area .tour-banner .banner-photo{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
	border: 6px solid #b3967e;
}
#top-banner-area .banner-photo img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 4px;
}
#top-banner-area .top-banner-flower{
	z-index: 0;
	top: -50px
}
#top-banner-area .top-banner-flower1{left: -126px;}
#top-banner-area .top-banner-flower2{right: -120px;}



/*--------------新着情報エリア--------------*/
#news-area{align-items: stretch;}
#news-area .news-area-box{width: 31%;}
#facebook{
	position: relative;
	overflow: hidden;
	max-height: 400px;
	z-index: 200;
}
#facebook .fb-page,
#facebook .fb-page span,
#facebook iframe{
  width: 100% !important;
}
#facebook-fallback{
	background: url(../images/back-facebook.jpg) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
	max-width: 360px;
	height: 125px;
	margin: 0 auto 30px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
#facebook-fallback .button{
	background: #fff;
	color: #4d3a2e ;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12px;
	margin: auto !important;
}
#facebook-fallback .button .icon-flex{margin-right: 8px;} 

#news-area .title-head-orange:before{
	position: absolute;
	top: -6px;
	left: -4px;
	right: -4px;
	height: 32px;
	width: auto;
}
#news-area .news-area-box h3{
	margin: 42px 20px 15px;
}
#news-area .news-area-box .inner{padding: 0 20px 5px;}
#news-box .inner{height: 280px;}
#blog-box .inner #rss{
	overflow: scroll;
	height: 180px;
	margin-bottom: 20px;
}
.news-area-box iframe{
	overflow: scroll;
	height: 100%;
	width: 100%;
}
.news-area-box .arthicle-box{padding: 10px 0 15px;}
.news-area-box .up_ymd{
	font-size: 12px;
	display: block;
	line-height: 1em;
	padding: 0 0 3px;
}
#news-area .news-area-box .article-scroll-area a{
	font-size: 15px;
	line-height: 130% !important;
	padding: 0 0 15px;
	border-bottom: dashed 1px #ae9b8f;
	display: block;
	margin-bottom: 16px;
	text-decoration: underline;
	position: relative;
	z-index: 20;
}
#news-area #news-box h3{margin-bottom: 5px;}
#blog-box .button{
	padding: 0 !important;
	position: relative;
	z-index: 20;
}
#news-area-area .leaf-line1{
	top: -15px;
}
#news-area-area .leaf-line2{
	bottom: -110px;
	right: -7%;
}
/*--------------観光スポットが目白押し-------------*/
#top-about .ribon-title{
	width: 450px;
	height: 120px;
	top: -50px;
}
#top-about .ribon-title .tag-ribon{
	top: -5px;
	left: 0;
	z-index: 10;
}
#top-about .ribon-title .balloon-text{
	top: -50px;
	right: 0;
	z-index: 10;
}
#top-about .ribon-title .icon-flower1{
	bottom: 0;
	right: -11px;
	z-index: 11;
}
#top-about .ribon-title .point-speech{
	top: 0;
	right: 0;
	z-index: 11;
}
#top-about .photo-main{
	display: block;
	max-width: 100%;
	margin: 18px auto 0;
	z-index: 0;
	overflow: hidden;
	border-radius: 8px;
}
#top-about .photo2{
	bottom: -60px;
	left: -80px;
	z-index: 10;
}
#top-about .photo3{
	top: 12%;
	left: -94px;
	z-index: 5;
}
#top-about .bottom-area{
	margin: -80px auto 20px;
	padding: 0 20px 0 50px;
}
#top-about .photo-area{
	margin-left: 200px;
}
#top-about .photo4{
	z-index: 10;
	left: -150px;
	bottom: 5px;
}

#top-about .photo5{
	z-index: 5;
}
#top-about .flowers3{
	z-index: 1;
	bottom: 36%;
	left: -100px;
}
#top-about .text-area{
	padding: 150px 0 0 0;
}
#top-about .illust-1{
	right: 20px;
	bottom: 10px;
	z-index: 2;
}
#top-about .tiger1{
	top:-58px;
	left: 0;
}
#top-about .circle-yellow1{
	right: 12px;
	bottom: 0;
	z-index: 0;
}
#top-about-area .circle-bluegreen1{
	top: 50%;
}
#top-about-area .leaf-line3{
	top: 57%;
	z-index: 1;
	left: -10%;
	/* left: 0; */
}
/*--------------タロコ国立公園-------------*/
#top-taroko .left{
	margin: 0;
	padding: 0 0 0 50px;
}
#top-taroko .photo1{
	z-index: 1;
}
#top-taroko .photo2{
	z-index: 10;
	left: 12px;
	bottom: 12px;
}
#top-taroko .ribon-title{
	position: relative;
	z-index: 10;
	padding: 0 0 16px;
}
#top-taroko .ribon-title .min{
	font-size: 16px;
	line-height: 1em;
	display:block;
}
#top-taroko .ribon-title .icon-top{
	top:0;
}
#top-taroko .right{
	padding: 30px 40px 0 0;
}
#top-taroko .right .photo-area{
	z-index: 5;
	margin: -30px auto 0;
}
#top-taroko .right .photo-area img.photo{
	width: 48%;
	position: relative;
	z-index: 5;
}
#top-taroko .text-area{
	padding: 30px 0 0 20px;
}
#top-taroko .line-bouquet{
	width: 115px !important;
	height: 125px;
	z-index: 1;
	top: -70px;
}
#top-taroko .line-bouquet1{left: 6%;}
#top-taroko .line-bouquet2{right: 6%;}
#top-taroko-area .illust-3{
	bottom: -30px;
	right: -20px;
	z-index: 1;
}
#top-taroko-area .circle-yellow1{
	right: -100px;
	bottom: -60px;
	
}
#top-taroko-area .leaf-line4{
	top: auto;
	width: 380px;
	bottom: 0;
	opacity: 0.7;
}
/*--------------温泉のエリア-------------*/
#top-onsen-area .title-area{
	background: url(../images/yellow-tag-circle.png) no-repeat center top;
	background-size: auto 100%;
	width: 100%;
	height: 150px;
	top: -62px;
	text-align: center;
	display: block;
	padding: 34px 0 0 0;
	z-index: 100;
}
#top-onsen-area .title-area .icon-onsen{
	display: block;
	margin: 0 auto 5px;
}
#top-onsen-area .back-inner-box{
	padding: 50px 30px 30px;
}

#top-onsen-area .photo-area{
	width: 600px;
	margin: 0 auto 40px;
}
#top-onsen-area .photo1{
	position: relative;
	z-index: 10;
	width: 100%;
}

#top-onsen-area .photo2{
	position: absolute;
	bottom: 0;
	right: -180px;
	z-index: 20;
	width: 300px;
	transform: rotate(9deg);
}
#top-onsen-area .photo3 {
	position: absolute;
	top: 47px;
	right: -143px;
	z-index: 20;
	width: 230px;
	transform: rotate(-7deg);
}

#top-onsen-area .flowers {
	width: 240px;
	left: -134px;
	bottom: -18px;
	z-index: 0;
}
#top-onsen-area .text-area{
	max-width: 800px;
	margin: 0 auto;
	width: 94%;
}
#top-onsen-area .tiger5 {
	right: 11%;
	bottom: 0;
	opacity: 0.8;
}
#top-onsen-wrapper .leaf-line1{
	top: -50px;
}

#top-onsen-wrapper .leaf-line5{
	right: -150px;
	bottom: 3%;
}
#top-onsen-wrapper .circle1{
	bottom: -100px;
}

/*--------------周遊のススメ-------------*/
#top-round .ribon-title{
	top: -15px;
	z-index: 20;
}
#top-round .ribon-title .icon-top{
	top: -20px;
}
#top-round .back-inner-box{
	padding: 50px 30px 30px;
}
#top-round .text-area{
	padding: 50px 0 0 0;
	position: relative;
	z-index: 10;
}
#top-round .photo1{
	z-index: 10;
}
#top-round .leaf-min{
	right: 0;
	bottom: 0;
}
#top-round .illust-4{
	left: -100px;
	bottom: 0;
	z-index: 1;
}
#top-round .circle-yellow1{
	left: -100px;
	bottom: 15px;
	z-index: 0;
}
#top-round .bottom-area img{
	width: 24.5%;
}
#top-round-area .leaf-line16{
	top: -250px;
}
#top-round-area .circle-bluegreen1{
	top: -150px;
}
#top-round-area .circle-bluegreen2{
	bottom: -100px;
}
/*--------------人気ツアー--------------*/
#top-popular-tour .ribon-title{
	/* width: 390px;
	height: 120px; */
	top: -50px;
	z-index: 20;
	padding: 0 0 18px;
	line-height: 1em !important;
}
#top-popular-tour .ribon-title .icon-top{
	top: -13px;
}
#top-popular-tour .ribon-title .min{
	font-size: 0.5em;
	display: block;
	line-height: 1em;
}
#top-popular-tour .back-inner-box{
	align-items: stretch;
	padding: 40px 25px 25px;
}
#top-popular-tour .top-tour-box{
	width: 49%;
	padding: 5px;
	position: relative;
}
#top-popular-tour .main-photo{
	width: 100%;
	height: auto;
	aspect-ratio:3/2;
	margin:25px auto 20px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
}
#top-popular-tour .photo-box{
	width: 260px;
	z-index: 10;
}
#popular-tour1 .photo-box{
	transform: rotate(-7deg);
	top: 220px;
	left: -80px;
}
#popular-tour1 .flowers5{
	left: -122px;
	top: 180px;
	z-index: 10;
}
#popular-tour2 .photo-box{
	transform: rotate(7deg);
	top: -10px;
	right: -80px;
}
#popular-tour2 .flowers6{
	right: -122px;
	top: 100px;
	z-index: 1;
}
#top-popular-tour h3.top-tour-name{
	text-align: left;
	padding: 0 5px;
	background: url(../images/line-h2-brown.png) no-repeat center bottom;
	background-size: auto 16px;
	margin: 0 auto 20px;
	text-align: center;
	padding-bottom: 23px;
}
#top-popular-tour h3.top-tour-name .min{
	font-size: 0.6em;
	display: block;
	line-height: 1em;
	text-align: left;
}
#top-popular-tour .text-area {
	margin: 0 25px 20px;
	line-height: 150%;
	font-size: 14px;
	position: relative;
	z-index: 20;
}
#top-popular-tour .sub-title{
	line-height: 150%;
}
#top-popular-tour .leaf-left2{
	left: -130px;
	top: 280px;
	z-index: 0;
}
#top-popular-tour .tiger3{
	top: -61px;
	left: 0;
}
#top-popular-tour .ten1{
	top: 0px;
	left: -24px;
	z-index: 10;
}

#top-popular-tour-area .leaf-line5{
	top: -250px;
}
#top-popular-tour-area .leaf-line6{
	bottom: -82px;
}
#top-popular-tour-area .circle-bluegreen1{bottom: -100px;}
/*--------------完全ガイドバナー--------------*/
.taiwan-banner{
	height: 380px;
	transition: .2s;
	position: relative;
	z-index: 20;
}
.taiwan-banner:hover{
	opacity: 0.6;
	transition: .2s;
}
.taiwan-banner-area .main-photo{
	position: absolute;
	z-index: 1;
	margin: auto;
	left: 0;
	right: 0;
	width:100%;
	height: 380px;
}
.taiwan-banner .text-area{
	position: relative;
	z-index: 100;
}
.taiwan-banner .ribon-title{
	position: initial;
	color: #5f422f !important;
}
.taiwan-banner .button{margin: 50px auto 0;}
.taiwan-banner .flowers7{
	margin: auto;
	left: 0;
	right: 0;
	top: -30px;
	z-index: 10;
}
.taiwan-banner .photo1{
	left: -80px;
	bottom: -50px;
	z-index: 5;
}
.taiwan-banner .photo2{
	right: -76px;
	top: -48px;
	z-index: 4;
}
.taiwan-banner .flower-bouquet{
	top: 20%;
	left: -100px;
	z-index: 0;
	opacity: 0.7;
}
.taiwan-banner .tiger2{
	right: -110px;
	bottom: -46px;
	z-index: 0;
}
#top-taiwan-banner-area .circle-bluegreen1{
	bottom: -100px;
}
.taiwan-banner-area .tiger-sp{display: none;}
/*--------------ホテル情報--------------*/
.column-box .sp-title-borad{display: none;}
#top-hotel .photo-area{
	z-index: 10;
}
/* #top-hotel .line-photo{
	z-index: 30;
} */
#top-hotel .ten2{
	top: -35px;
	left: -26px;
	z-index: 20;
}
#top-hotel .flowers4{
	left: -78px;
	bottom: -17px;
	z-index: 0;
}

#top-hotel .board-line-brown{
	width: 320px;
	height: 94px;
	margin: 20px auto ;
}
#top-hotel .board-line-brown h3{
	width: 70%;
	margin: 0 auto;
}
#top-hotel .board-line-brown .icon-top{top: -30px;}
#top-hotel .text-area{
	font-size: 14px;
	line-height: 150%;
	width: 410px;
	flex: 1;
	max-width: 410px;
}
#top-hotel .title-borad h3,
#top-hotel .text-area p{
	padding: 0 0 25px;
}
#top-hotel .leaf-line8{
	top: -250px;
	right: -15%;
}
#top-hotel .circle-bluegreen1{
	top:0;
}


/*--------------ツアーバナー--------------*/
#tour-banner-area .tour-banner{
	width: 31%;
	margin: 0 1.5%;
	max-width: 300px;
	transition: .2s;
	position: relative;
	z-index: 30;
}
#tour-banner-area .tour-banner:hover{
	transition: .2s;
	opacity: 0.7;
}
#tour-banner-area .ribon-title{
	height: 68px;
	max-width: 270px;
	width: 98%;
	bottom: 2px;
	line-height: 1em !important;
	text-align: left;
}
#tour-banner-area .ribon-title .min{
	font-size: 0.7em;
}
#tour-banner-area .flower1{
	left: 0;
	bottom: -20px;
}
#tour-banner-area .flower2{
	right: 0;
	bottom: -20px;
}
#tour-banner-area .lamp1{
	top: 0;
	right: 50px;
}
#tour-banner-area .leaf-line7{
	top: -180px;
	z-index: 25;
}
#tour-banner-area .leaf-line8{
	bottom: -50px;
}
#tour-banner-area .circle-bluegreen1{
	top: -100px;
}


/*--------------コラム読みこみエリア-------------*/
#top-column{padding: 5px;}
#top-column .left{
	width: 330px;
	flex-shrink: 0;
	position: relative;
	z-index: 10;
}
#top-column .ribon-title{
	position: relative;
	margin: 0 auto 30px;
	padding: 0 0 30px;
}
#top-column .ribon-title .icon-column{top:-30px;}
#top-column .back-inner-box{
	padding: 10px;
}
#top-column .left p{
	font-size: 14px;
	line-height: 140%;
	padding:0 20px 15px ;
}
#top-column .right{
	background: #f5eecf;
	border-radius: 6px;
	padding: 22px 10px 0;
	flex: 2;
}
#iframe-container {
	width: 100%;
	height: 380px;
	overflow:scroll;
	position: relative;
}
#iframe-container .column-wrap{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: scroll;
	align-items: stretch;
	flex-wrap: wrap;
}
#iframe-container .column{
	width:47%;
	margin: 0 1.5% 15px;
	background: #fff;
	border: 3px solid #fbf7ee;
	border-radius: 6px;
	background-size: 100% 100%;
	padding: 30px 20px 20px;
	position: relative;
	transition: .2s;
	display: flex;
	flex-wrap: wrap;
}
#iframe-container .column:before{
	position: absolute;
	content: "";
	display: block;
	top: -6px;
	left: -4px;
	right: -4px;
	width: auto;
	background: url(../images/title-head-brown2.png) repeat-x left top;
	background-size: auto 100%;
	height: 19px;
}
#iframe-container .column:hover{
	opacity: 0.6;
	transition: .2s;
}
#iframe-container .box-upper{
	order: 2;
	width: 100%;
}
#iframe-container .column .photo-box{
	order: 1;
	width: 80%;
	height: auto;
	margin: 0 auto 15px;
	position: relative;
}
#iframe-container .column h3{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 auto 5px;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	width: 100%;
	color: #5f422f;
	background: url(../images/line-h3-beige.png) no-repeat center bottom;
	background-size: auto 8px;
	padding-bottom: 12px;
}
#iframe-container .column h3:before{
	content: "";
	display: block;
	background: url(../images/arrow-circle-brown.png) no-repeat center top;
	background-size: 100% 100%;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin: 4px 4px 0 0;
}
#iframe-container .text-num,
#iframe-container .button,
#iframe-container .column .date,
#iframe-container .column .text-area{
	display: none;
}




#top-column-area .leaf-line9{
	bottom: -50px;
}
#top-column-area .circle-bluegreen1{
	top: -20px;
}

/*--------------旅の情報バナー-------------*/
#top-info-banner .inner{align-items: stretch;}
#top-info-banner .center{
	width: 40%;
	background-size: 100% 100%;
	padding: 35px 45px 15px;
}
#top-info-banner p{
	font-size: 14px;
	line-height: 140%;
}
#top-info-banner .balloon-text{
	top: -35px;
	left: -20px;
}
#top-info-banner .pc-photoarea{width: 30%;}
#top-info-banner .pc-photoarea img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
#top-info-banner .button{
	position: relative;
	z-index: 200;
}
#top-info-banner .photo-sp{display: none;}
#top-info-banner .flowers8{
	top: -28px;
	margin: auto;
	left: 0;
	right: 0;
}
/*     footer
------------------------------------------------------------*/
#footer-logo{
	left: 0;
	right: 0;
	margin: auto;
	top: -40px;
	width: 130px;
}
#footer-discription{
	font-size: 12px;
	text-align: center;
	line-height: 130%;
	padding: 0 0 24px;
}
#footer-tel-area{
	margin: 0 auto 30px;
	width: 420px;
}
#footer-borad{
	width: 430px;
	height: 120px;
	padding: 25px 20px 13px;
	position: relative;
	z-index: 20;
	font-size: 15px;
	background: url(../images/back-telarea-footer.png) no-repeat center center;
	background-size: 100% 100%;
	
}
#footer-borad p{
	line-height: 1em;
	padding: 0;
}
#footer-borad .tel-number{line-height: 150%;}
#footer-borad .bird1{
	top: -22px;
	right: -4px;
}
#footer-button-area{
	margin: 0 auto 20px;
	width: 420px;
}
#footer .footer-button{
	position: relative;
	width: 48%;
	
}
#footer .footer-button:hover{
	opacity: 0.7;
	transition: .2s;
}
#footer .footer-button .inner{
	background: url(../images/footer-button-back.png) no-repeat center center;
	background-size: 100% auto;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 102px;
	text-align: center;
	padding: 11px 0 0 0;
	transition: .2s;
	position: relative;
	z-index: 10;
}
#footer .footer-button .inner:after {
	content: "";
	display: block;
	background: url(../images/arrow-circle-brown.png) no-repeat center top;
	background-size: 100% 100%;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 15px;
	margin: auto;
	bottom: 24px;
}
#footer .footer-button .fotter-button-icon{
	display: block;
	margin: 0 auto 5px;
}
#copyright{font-size: 10px;}






#footer-sp-area{display: none;}
#footer-sp-area-inner {
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	bottom: 0;
	opacity: 0.9;
	z-index: 10000;
	align-items: stretch;
	justify-content:space-around;
	background: url(../images/back-bluegreen.jpg) repeat center top;
	padding: 7px 0 1px;
}
#footer-sp-area .button{
	text-align: left;
	height: 54px;
	width: 70%;
	padding: 0;
	margin: 5px auto;
	font-size:16px;
}
#footer-sp-area .button:after {
	background: url(../images/arrow-circle-white.png) no-repeat center top;
	background-size: 100% 100%;
	width: 14px;
	height: 14px;
}
#footer-sp-area .graze-line-brown{
	top: 5px;
}
#footer-sp-area .leaf{
	bottom: -10px;
	z-index: 10;
	width: 90px;
	height: auto;
}
#footer-sp-area .flower-left{left: -30px;}
#footer-sp-area .flower-right{right: -30px;}


#footer-banner-area{
	margin: 80px auto 10px;
	max-width: 1140px
}
.fotter-banner{
	display: block;
	max-width: 420px;
	width: 48%;
	margin: 0 15px;
	transition: .2s;
	text-align: center;
	border-radius: 6px;	
}
#footer-banner-area .fotter-banner:hover{
	transition: .2s;
	opacity: 0.6;
}
#footer-banner-area .fotter-banner .text{
	text-align: center;
	font-size: 13px;
}
#footer-banner-area .fotter-banner img{
	padding: 3px;
	background: #fff;
	border-radius: 6px;
	width: 100%;
	height: auto;
	display: block;
}
#footer .tiger9{
	left: 1%;
	bottom: 0;
	width: 80px;
	height: auto;
	
}
#footer .graze-line-bottom{
	bottom: 5px;
}


/*--------------------　　ページ共通　------------------------------*/
#page-title{
	height: 340px;
	margin-bottom: 15px;
}
#page-title:after{
	content: "";
	display: block;
	background: url(../images/pagetitle-underline.png) repeat-x center bottom;
	background-size: auto 100%;
	width: 100%;
	height: 8px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -13px;
}
#pagetite-inner{
	z-index: 100;
	position: relative;
	padding-top: 40px;
}
#page-title .page-title-img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 0;
	max-width: initial;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#page-title .page-title-photo{
	left: -50px;
	bottom: -20px;
	z-index: 10;
}
#page-title .page-title-leaf{
	bottom: -90px;
	z-index: 1;
}
#page-title .page-title-leaf1{left: -65px;}
#page-title .page-title-leaf2{right: -110px;}
#pan{
	opacity: 0;
	justify-content: flex-end;
	font-size:13px;
	margin-bottom: 50px;
}
#pagetop{
	position: fixed;
	right: -3px;
	bottom: 10px;
	z-index: 1003;
}
#pagetop.active a{display: block;}
#pagetop a{
	font-size: 16px;
	opacity: 0.8;
	color: #5a503b;
	background: url(../images/pagetop.png) no-repeat center top;
	background-size: 100% auto;
	width: 145px;
	height: 102px;
	padding: 12px 0 0 9px;
}
/*--------------------　　サイドボタン　------------------------------*/
#side-button-right{
	position: fixed;
	right: 0px;
	top: 180px;
	z-index: 1001;
}
#top #side-button-right{
	top: 200px;
}

#side-button-right .side-button{
	background: url(../images/side-button-back.png) no-repeat center top;
	background-size: 100% 100%;
	
	height: 100px;
	line-height: 1em;
	transition: .2s;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	margin-bottom: 10px;
}
#side-button-right #side-button1{
	margin-left: 25px;
	width: 150px;
	padding-left: 25px;
}
#side-button-right #side-button2{
	margin-left: 15px;
	width: 160px;
	padding-left: 30px;
}
#side-button-right .side-button:hover{
	transition: .2s;
	opacity: 0.7;
	color: #625041;
}


/*--------------------　下層ページ-------------------------*/
/***********ページナビ***********/
#page-nav{
	position: relative;
	z-index: 20;
	align-items: stretch;
	flex-wrap: wrap;
}
#page-nav .button{
	width: 24%;
	font-size: 15px;
	line-height: 1em;
	height: 56px;
	margin: 0 0.5%;
	
}
#page-nav .button:after {
	content: "";
	display: block;
	background: url(../images/arrow-down-white.png) no-repeat center top;
	background-size: 100% 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 12px;
	margin: auto;
	bottom: 0;
	top: 0;
}
#page-nav .button:hover:after {
	background: url(../images/arrow-down-brown.png) no-repeat center top;
	background-size: 100% 100%;
}
#page-nav .button .icon-flex{
	margin-left: -16px;
}
.page-news-area{
	padding-bottom: 20px;
	margin: 0 auto 30px;
	background: #fff;
}
.page-news-area.title-head-brown:before {
	background: url(../images/title-head-brown.png) repeat-x center top;
	opacity: 0.7;
	background-size: auto 100%;
	width: 100%;
	height:24px;
}
.page-news-area h3{
	margin: 20px 30px 10px;
	font-size: 18px;
}
.page-news-area .inner{
	width: 90%;
	margin: 0 auto 20px;
	height: 150px;
	overflow: scroll;
	font-size: 14px;
	line-height: 140%;
	margin: 0 auto;
}
.page-news-area dl{
	border-bottom: dashed 1px #ae9b8f;
	padding: 10px 0 2px;
}
.page-news-area dl .data{
	font-size: 0.7em;
	display: block;
	line-height: 130%;
	padding-bottom: 5px;
}
.page-news-area dl dt{
	font-size: 16px;
	padding-bottom: 14px;
}



#tour-banner-area.page-banner-area .tour-banner {
	width: 250px;
	max-width: initial;
	margin: 0 12px;
	padding: 0;
}
#tour-banner-area.page-banner-area .circle-photo {
	width: 100%;
}
#tour-banner-area.page-banner-area .ribon-title{font-size: 18px !important;}
#tour-banner-area.page-banner-area .sp-flower{display: none;}
#tour-banner-area.page-banner-area .flower1 {
	left: 5%;
	bottom: 0;
}
#tour-banner-area.page-banner-area .flower2 {
	right: 5%;
	bottom: 0;
}
#tour-banner-area.page-banner-area .leaf-line7{
	z-index:1;
}

#tour-banner-area.page-banner-area .leaf-line11{
	bottom: -50px;
	z-index: -1;
}
#tour-banner-area.page-banner-area .circle-bluegreen1{
	right: auto;
	left: -50px;
	z-index: -1;
}
#tour-banner-area.page-banner-area .tiger5{
	top: -50px;
	left: 0;
	z-index: 10;
	opacity: 0.9;
}


#page-taiwan-banner-area:hover{
	opacity: 0.6;
	transition: .2s;
}
#page-taiwan-banner-area .taiwan-banner {
	margin: 0 auto;
	position: relative;
	z-index: 10;
	display: block;
	height: auto;
	background: #faf7e9;
}
#page-taiwan-banner-area .title-head-bluegreen2:before{
	height: 28px;
}
#page-taiwan-banner-area .taiwan-banner .back-inner-box{
	align-items: stretch;
	padding: 15px 5px 5px;
}
#page-taiwan-banner-area .right{
	order: 2;
	width: 360px;
	flex-shrink: 0;
	position: relative;
}
#page-taiwan-banner-area .ribon-title {
	font-size: 16px;
	width: 215px;
	height: 98px;
}
#page-taiwan-banner-area .ribon-title .icon-top{top: -4px;}
#page-taiwan-banner-area .button {
	margin: 24px auto 0;

}
#page-taiwan-banner-area .left{
	order: 1;
	flex: 2;
	height: 270px;
	border: none;
	border-radius: 6px;
}
#page-taiwan-banner-area .photo1 {
	left: -55px;
	bottom: auto;
	width: 220px;
	top: -20px;
}
#page-taiwan-banner-area .photo2 {
	left: auto;
	top: auto;
	width: 280px;
	bottom: -46px;
	z-index: 0;
	right: 27%;
}
#page-taiwan-banner-area .ten4{
	bottom: -13px;
	left: -16px;
}
#page-taiwan-banner-area .line-bouquet{
	right: -100px;
	bottom: -30px;
	opacity: 0.6;
}
#page-taiwan-banner-area .circle-yellow1{
	right: -100px;
	bottom: -30px;
}
/******おすすめツアー******/
.recommend-box{
	background: #f7f3e4;
	border-radius: 6px;
	border:3px solid #fbf7ee;
	padding: 22px 25px 22px;
	max-width: 1040px;
	width: 100%;
	margin: 0 auto;
}
.recommend-box-long{
	display: flex;
	justify-content: center;
	align-content: flex-start;
	padding: 35px 20px 30px;
	width: 94%;
}
.recommend-box-white{
	background: #ffffff;
}
.recommend-box h3{
	background: url(../../common/images/line-h3-orange.png) no-repeat center bottom;
	background-size: auto 10px;
	padding: 0 0 10px;
	width: 300px; 
	margin: 0 auto 10px;
	font-size: 18px;
}
.recommend-box h3 .font-min{
	font-size: 0.6em;
	display: block;
}

.recommend-box-long h3{
	margin: 8px 50px 0 0;
	width: 300px;
	font-size: 24px;
}
.recommend-box li a{
	display: block;
	text-decoration: underline;
	position: relative;
	padding: 5px 0;
	font-size: 15px;
}
.recommend-box li a:before{
	content: "";
	display: inline-block;
	background: url(../../common/images/arrow-circle-brown.png) no-repeat center top;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
	position: relative;
	top: 4px;
}



/*****アコーディオン******/
.accordion-title,
.tab-under-arrow{display: none;}



@media only screen and (min-width:1366px){
	#top-about-area .leaf-line3 {
		left: 0;
	}
	
}
@media only screen and (min-width:1501px){
	.leaf-left {
		left: -10px;
	}
	.leaf-right {
		right: 0;
	}
	
	#news-area-area .leaf-line1{
		width: 260px;
	}
	#news-area-area .leaf-line2 {
		right: 0;
	}
	#top-taroko-area .leaf-line4 {
		top: -200px;
	}
	
}
@media only screen and (min-width:1701px){
	.back-circle {
		width: 440px;
	}
	
	#top-about-area .leaf-line3 {
		left:0;
	}
	#top-about-area .leaf-line3 {
		left: 0;
		width: 270px;
		opacity: 0.6;
	}
	#top-taroko-area .circle-yellow1 {
		right: -300px;
		bottom: -100px;
	}
	#top-round-area .leaf-line16 {
		top: -333px;
		width: 420px;
		opacity: 0.8;
	}
	#top-popular-tour-area .leaf-line5 {
		width: 540px;
		top: -300px;
	}
	#top-popular-tour-area .leaf-line6 {
		width: 380px;
		opacity: 0.7;
	}
	#top-hotel .leaf-line8 {
		right: -300px;
	}
	#top-column-area .leaf-line9 {
		width: 420px;
		opacity: 0.7;
	}
	

	
}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width:1141px){
	nav#global-nav{
		z-index: 1000;
		flex: 2;
		margin: 0 0 10px;
	}
	#global-nav.fixed {
		margin-top: 0;
		top: 0;
		position: fixed;
		transition: top 0.65s ease-in;
		z-index: 9999;
		background: #fff;
	}
	#nav-button-area{display: none;}
	/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 12px;
		top: 14px;
		width: 34px;
		height: 36px;
		cursor: pointer;
		z-index: 101;
	}
	#panel{display: block;}
	#nav-toggle div {position: relative;}
	nav#global-nav ul{
		margin: 0px auto;
		align-items:stretch;
		padding: 5px 0 5px 2px;
	}
	nav#global-nav ul li{
		text-align: center;
		line-height: 130%;
		display: block;
		position: relative;
		transition: .2s;
	}
	nav#global-nav ul li.current:after,nav#global-nav ul li:hover:after{
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -10px;
		background: url(../images/nav-line.png) no-repeat center bottom;
		background-size: auto 8px;
		margin: auto;
		height: 8px;
		width: 100%;
		transition: .2s;
	}
	nav#global-nav ul li a,
	nav#global-nav ul li .tour-nav{
		color:#5a503b;
		position: relative;
		height: 100%;
		font-size: 16px;
		font-weight: normal;
		cursor: pointer;
		line-height: 130%;
	}
	nav#global-nav ul li .min{
		font-size: 13px;
		display: block;
		line-height: 34px;
	}
	nav#global-nav ul li .icon-nav,
	nav#global-nav ul li.current .min,
	nav#global-nav ul li:hover .min{
		transition: .5s;
		display: none;
	}
	nav#global-nav ul li.current .icon-nav,
	nav#global-nav ul li:hover .icon-nav{
		transition: .5s;
		display: block;
		margin: 0 auto;
		height: 34px;
	}
	nav#global-nav ul ul.sub{
		display: none;
		transition: .2s;
	}
	nav#global-nav ul li.has-sub:hover ul.sub{
		transition: .2s;
		display: block;
		background: #f7f5ed;
		border-radius: 7px;
		padding: 5px;
		position: absolute;
		top: 100%;
		left: 0;
		width: 260px;
		z-index: 500;
		border: 4px solid #b4e9d7;
	}
	nav#global-nav ul ul.sub li a{
		font-size: 15px;
		text-align: left;
		display:flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		padding: 15px 5px;
		border-bottom: dashed 1px #ae9b8f;
		transition: .2s;
	}
	nav#global-nav ul ul.sub li a:before{
		content: "";
		display: inline-block;
		background: url(../images/icon-flower2.png) no-repeat center top;
		background-size: 100% auto;
		width:30px;
		height: 20px;
		margin: 0 4px 0 0;
		flex-shrink: 0;
	}
	nav#global-nav ul ul.sub li.current-sub a,
	nav#global-nav ul ul.sub li a:hover{
		transition: .2s;
		background: url(../images/back-l-brown.png) no-repeat center top;
		border-radius: 4px;
	}
	nav#global-nav ul ul.sub li:hover:after{content: none;}
	#sp-nav,
	img.sp-img{display:none;}
}
/* iPadサイズ以下（1140px）からアコーディオンメニュー
------------------------------------------------------------*/
@media only screen and (max-width:1140px){
	br.br1140{display: inline !important;}
	.font24{font-size: 22px !important;}
	.font30{font-size: 28px !important;}
	.font40{font-size: 36px !important;}
	.font44{
		line-height: 130% !important;
		font-size: 38px !important;
	}
	.font46{font-size: 39px !important;}
	table th {
		font-size: 15px;
		width: 20%;
		min-width: 230px;
		padding-left: 44px;
	}
	.photo-box:after {
		top: -5px;
		bottom: -5px;
		right: -5px;
		left: -5px;
	}
	.overlay-none{position:static;}
	.overlay-menu-open{z-index: 1;}
	.is-fixed{border: none;}
	.height100{background: rgb(246 244 204 / 90%);}
	#side-button-right,	
	#header-info,
	#header .pnav ul,
	#global-nav ul#pc-nav{
		display:none;
	}
	#site-description{
		position: absolute;
		left: 165px;
		width: calc(100% - 350px);
		padding-top: 38px;
	}
	#header-logo{
		position: relative;
		z-index: 20;
		width: 150px;
	}
	#header-logo img{
		width: 100%;
		height: auto;
	}
	/****nav***/
	#sp-nav,
	img.sp-img{display:block;}
	
	#sp-nav{position: relative;}
	#global-nav{
		width:100%;
		position: fixed;
		top: 0;left: 0;right: 0;
		margin: auto;
		z-index: 1000;
		height: auto;
		text-align: right;
	}
	.height100{height: 100% !important;}
	#nav-toggle{
		position: absolute;
		top:25px;
		right: 20px;
		width:125px;
		height: 56px;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: .2s;
		background: url(../images/back-brown.jpg) repeat center top;
		border-radius: 30px;
		color: #fff;
		border: 2px solid #f5f3ef;
		z-index: 1000;
		font-size: 14px;
	}
	.open #nav-toggle{
		transition: .2s;
		background: #f0eae2;
		color: #605546;
	}
	#nav-toggle div{width: 20px;position: relative;height: 50%;margin: 0 3px;}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background:#fff;
		left: 0;
		-webkit-transition: 0.35s ease-in-out;
		-moz-transition: 0.35s ease-in-out;
		transition: 0.35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {top: 0;}
	#nav-toggle span:nth-child(2) {top: 11px;}
	#nav-toggle span:nth-child(3) {top: 22px;}
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
		background: #605546;
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
		background: #605546;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
		background: #605546;
	}
	#nav-toggle p{padding: 0;}
	
	#global-nav.open{height: 100%;z-index:999;}
	#panel.none{display: none;}
	#panel {
		display: none;
		height: 0;
		width: 90%;
		padding: 35px 50px 50px;
		position: absolute;
		background: #FFFFF8;
		border-radius: 6px;
		border: 6px solid #b3967e;
		top: 75px;
		overflow-x: hidden !important;
		overflow-y: scroll !important;
		
		max-height: calc(100vh - 100px);
		height: 90vh;
		width:90%;
		margin: 0 auto;
		left: 0;right: 0;
	}
	.open #panel{
		height: auto;
		display: block;
	}
	#sp-nav .button{
		margin: 0 auto 20px;
		background: url(../images/back-sp-contact.png) no-repeat center top;
		background-size: 100% 100%;
		width: 100%;
		max-width: 320px;
		height: 100px;
		border: none;
		color: #5f422f;
		font-size: 18px;
		border-radius: 0;
	}
	#sp-nav .button:after {
		background: url(../images/arrow-circle-brown.png) no-repeat center top;
		background-size: 100% 100%;
		width: 16px;
		height: 16px;
		right: 26px;
	}
	#spnav-tour-banner{
		width: 550px;
		margin: 0 auto 80px;
	}
	#spnav-tour-banner .tour-banner{
		position: relative;
		width: 32%;
		position: relative;
		z-index: 20;
	}
	#spnav-tour-banner .circle-photo{
		width: 150px;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	#spnav-tour-banner .tour-banner .ribon-title{
		width: 94%;
		height: 50px;
		bottom: -30px;
		font-size: 16px;
		z-index: 10;
		display: flex;
		line-height: 1em;
		padding: 0 15px;
	}
	#spnav-tour-banner .tour-banner .ribon-title .min{
		font-size: 0.7em;
	}
	#spnav-tour-banner .flower{
		width: 145px;
		height: auto;
		z-index: 1;
		bottom: 0;
	}
	#spnav-tour-banner .flower1{left: -50px;}
	#spnav-tour-banner .flower2{right: -50px;}
	#sp-nav .bird2{
		bottom: -53px;
		left: -30px;
		transform: scale(-1, 1);
	}
	#taiwan-sp-banner{
		max-width: 550px;
		margin: 0 auto 15px;
		width:100%;
		position: relative;
		z-index: 100;
		color: #4d3a2e !important;
		border:none;
		transition: .2s;
		position: relative;
	}
	#taiwan-sp-banner .text-center{
		z-index: 10;
		padding: 25px 0 15px;
	}
	#taiwan-sp-banner h2{
		color: #fff;
		text-shadow: #372619 1px 1px 10px, #372619 -1px 1px 10px, #372619 1px -1px 10px, #372619 -1px -1px 10px;
		padding: 0 0 5px 0;
		margin: 0;
		font-size: 24px;
	}
	#taiwan-sp-banner .ribon-title{
		position: initial;
		display: block;
		width: 192px;
		height: 70px;
		font-size: 14px !important;
		padding: 26px 0 0 0;
		margin: 0 auto;
	}
	#taiwan-sp-banner .back-photo{
		position: absolute;
		object-fit: cover;
		width: 100%;
		height: 100%;
		z-index: 5;
	}
	#taiwan-sp-banner .flowers7{
		top: -20px;
		z-index: 20;
	}
	#taiwan-sp-banner .line-bouquet{
		width: 100px;
		height: auto;
		bottom: -20px;
		z-index: 1;
	}
	#taiwan-sp-banner .line-bouquet1{left: -50px;}
	#taiwan-sp-banner .line-bouquet2{right: -50px;}
	#global-nav ul{
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
		text-align:left;
		height: auto;
		padding-bottom: 50px;
		position: relative;
		z-index: 1000;
	
	}
	#global-nav li{
		width: 47%;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}
	#global-nav li a{
		position: relative;
		padding: 15px 25px;
		border-bottom: 2px dashed #eae0d7;
		color: #664f3d;
		font-weight: normal;
		font-size:15px;
		line-height: 140%;
		height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#global-nav li a:after {
		content: "";
		display: block;
		background: url(../images/arrow-circle-brown.png) no-repeat center top;
		background-size: 100% 100%;
		width: 14px;
		height: 14px;
		position: absolute;
		right: 5px;
		margin: auto;
		top: 0;
		bottom: 0;
	}
	#global-nav .fish-red1{
		top: 30%;
	}
	#global-nav .turtle1{
		top: 28%;
	}
	#global-nav .dragon-left2{
		bottom: 0;
		right: 10px;
	}

	.wrapper{width:96%;}
	.column-box{display: block;}
	.column-box .photo-area{margin: 0 auto;}
	.column-box .photo-area img{
		max-width: 540px;
		margin: 0 auto;
		display: block;
	}
	.column-box .text-area {
		margin: 0 auto;
		padding-top: 30px;
	}
	.leaf-line2{
		max-width: 320px;
		height: auto;
	}
	.leaf-line5 {
		max-width: 400px;
		height: auto;
	}
	.leaf-line16 {
		max-width: 300px;
		height: auto;
	}
	.leaf-line7 {
		max-width: 360px;
		height: auto;
	}
	.leaf-line7 {
		max-width: 350px;
		height: auto;
	}
	#top-column-area .leaf-line9 {
		max-width: 340px;
		height: auto;
	}


	/********トップページ********/
	#mainimage #main-chatch-top{
		width: 280px;
		line-height: 120%;
		padding: 0 0 23px 30px;
	}
	#mainimage #main-chatch-top .flowers1 {
		width: 140px;
		z-index: 10;
		top: -42px;
		left: -93px;
	}
	#mainimage #main-chatch-top .flowers2 {
		z-index: 10;
		top: 31px;
		right: -30px;
	}
	
	#mainimage .text-area #main-chatch-bottom {	line-height: 180% !important;}
	#mainimage-slide .slider-box .slider-back {height: 100%;}
	#mainimage-slide .slider-photo{
		width: 450px;
		height: auto;
	}
	#slider1 .slider-photo{
		bottom: -80px;
		right: -50px;
	}
	#slider2 .slider-photo{
		bottom: -80px;
		left: -30px;
	}
	#slider3 .slider-photo{
		bottom: -80px;
		right: -50px;
	}
	#slider4 .slider-photo{
		bottom: -80px;
		left: -30px;
	}
	#slider5 .slider-photo{
		right: -30px;
		top: 0;
	}
	#top-banner-area {
		z-index: 100;
		margin-top: -30px;
	}
	#top-banner-area .tour-banner {width:32.5%;}
	#top-banner-area .tour-banner .banner-photo{border-width: 4px;}
	#top-banner-area .ribon-white1{
		font-size: 20px;
		width: 100%;
	}
	
	#top-about .photo2 {
		width: 340px;
		height: auto;
		bottom: -60px;
		left: -44px;

	}
	#top-about .photo3 {
		width: 200px;
		height: auto;
		left: -40px;
		top: 18%;
	}
	#top-about .bottom-area {
		margin: -30px auto 20px;
		padding: 0;
	}
	#top-about .photo-area {
		margin: 0 auto;
		padding-left: 150px;
	}
	#top-about .photo4 {
		z-index: 10;
		left: auto;
		bottom: 0;
		right: 50%;
		width: 220px;
		height: auto;
	}
	#top-about .photo5 {
		width: 300px;
	}
	#top-about .flowers3 {
		width: 110px;
		left: auto;
		bottom: 36%;
		right: 55%;
	}
	#top-about .text-area {
		padding: 20px 40px 0;
	}
	#top-about-area .leaf-line3 {
		top: 38%;
		z-index: 1;
		left:0;
		opacity: 0.6;
	}
	#top-about .illust-1 {
		width: 110px;
		height: auto;
	}
	#top-about .circle-yellow1 {
		right: -30px;
		bottom: -30px;
		z-index: -1;
	}
	
	#top-about .tiger1 {
		width: 80px;
		height: auto;
		top: -40px;
	}
	#top-taroko .left {
		margin: 0 auto 20px;
		padding: 30px 100px 0 0;
		position: relative;
		z-index: 10;
	}
	#top-taroko .photo1 {
		width: 360px;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	#top-taroko .photo2 {
		right: auto;
		left: 54%;
	}
	#top-taroko .right{
		display: flex;
		flex-wrap: wrap;
		position: initial;
	}
	#top-taroko .ribon-title {
		position: absolute;
		top: -38px;
		padding: 0 0 16px;
	}
	#top-taroko .right .photo-area {
		order: 2;
		max-width: 500px;
		z-index: 5;
		margin: 0 auto 20px;
		position: initial;
	}
	#top-taroko .text-area {
		padding: 0 40px;
		width: 100%;
		display: block;
		flex: none;
	}
	#top-taroko .line-bouquet1 {
		left: auto;
		right: 66%;
		top: 300px;
	}
	#top-taroko .line-bouquet2 {
		right: auto;
		left: 57%;
		top: 160px;
	}
	
	#top-taroko-area .leaf-line4 {
		top: -90px;
		width: 380px;
	}
	#top-taroko-bottom-spacer{height: 20px !important;}
	#top-onsen-area .photo-area {
		width: 420px;
	}
	
	#top-onsen-area .photo2 {
		bottom: -6px;
		right: -165px;
		width: 240px;
	}
	#top-onsen-area .photo3 {
		top: 30px;
		right: -156px;
		width: 200px;
	}
	
	
	
	
	
	
	#top-round .leaf-min {
		right: auto;
		left: 67%;
	}
	#top-round .illust-4 {
		left: auto;
		right: 74%;
		width: 140px;
	}
	#top-round .circle-yellow1 {
		left: 100px;
		bottom: -15px;
	}
	#top-round .text-area {padding: 18px 0 0 0;}
	#top-round-area .leaf-line16 {
		top: -150px;
		z-index: 5;
	}
	#top-popular-tour .ribon-title {
		width: 295px;
		height: 100px;
		padding-top: 10px;
		top: -50px;
	}
	#top-popular-tour .back-inner-box {
		padding: 40px 16px 25px;
	}
	#popular-tour1 .photo-box {
		width: 200px;
		left: -74px;
		top: 200px;
	}
	#popular-tour2 .photo-box {
		width: 200px;
		right: -58px;
	}
	#top-popular-tour h3.top-tour-name{
		font-size: 20px;
		padding: 0 0 22px;
		background-size: auto 14px;
	}
	#top-popular-tour-area .leaf-line6 {
		max-width: 260px;
	}
	#top-popular-tour .text-area .button{margin: 0 auto;}

	#top-tour-bottom-spacer{height: 20px !important;}
	.taiwan-banner-area .main-photo {
		width: 90%;
		height: 350px;
	}
	
	.taiwan-banner .photo1 {
		width: 220px;
		left: -30px;
		bottom: -33px;
	}
	.taiwan-banner .photo2 {
		width: 220px;
		right: -30px;
		top: -12px;
	}

	.taiwan-banner .flowers7 {
		width: 180px;
		height: auto;
		top: -7px;
	}
	.taiwan-banner .flower-bouquet {
		width: 160px;
		top: 30%;
		left: -36px;
	}
	.taiwan-banner .tiger2 {
		width: 80px;
		height: auto;
		right: -28px;
		bottom: -18px;
	}
	.column-box .sp-title-borad {
		background: url(../images/board-line.png) no-repeat center top;
		background-size: 100% 100%;
		max-width: 300px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 6px 15px 0;
		margin: 0 auto 20px;
	}
	.column-box .sp-title-borad span{
		background: url(../images/line-diag-green.png) repeat-x left bottom;
		background-size: auto 10px;
		padding: 0 0 10px;
		width: 90%;
		text-align: center;
	}
	#top-hotel .board-line-brown .icon-top {
		top: 0;
		width: auto;
		height: 40px !important;
	}
	#top-hotel .title-borad h3{display: none;}
	#top-hotel .pc-title-board{display: none;}
	#top-hotel .photo-area{
		max-width: 480px;
		width: 90%;
	}
	#top-hotel .flowers4 {
		transform: scale(-1, 1);
		left: auto;
		right: -70px;
	}
	#tour-banner-area .circle-photo{
		width: 100%;
		height: auto;
	}
	#top-hotel .text-area{padding-top: 18px;}
	#top-banners-bottom-spacer{height: 50px ;}
	#top-column .back-inner-box {
		padding: 10px;
		display: block;
	}
	#top-column .left {
		position: initial;
		width: 100%;
		padding: 66px 0 18px;
	}
	#top-column .ribon-title {
		position: absolute;
		margin: 0 auto 10px;
		left: 0;
		right: 0;
		top: -28px;
	}
	#top-column .left p{
		display: block;
		max-width: 400px;
		margin: 0 auto;
	}
	#top-column-area .leaf-line9 {
		bottom: auto;
		top: -50px;
	}
	#top-info-banner .balloon-text {
		width: 110px;
		height: 80px;
	}
	#top-info-banner .center {
		padding: 23px 25px 20px;
	}
	#top-info-banner .flowers8 {
		width: 90px;
		height: auto;
		top: -24px;
	}
	/****下層ページ共通****/
	#pan {margin-bottom: 40px;}
	#page-title .page-title-photo {
		left: -30px;
		width: 300px;
		height: auto;
	}
	#page-title .page-title-leaf {width: 200px;}
	#page-title .page-title-leaf2 {
		right: -98px;
	}

	#page-nav .button .icon-flex{
		width: 36px;
		height: auto;
	}

	.post,.article-box{margin: 0 20px 25px;}
	.article-box {padding: 10px 20px 15px;}
	#flow-page .section-article h2.title-brown {
		padding-top: 25px;
		margin-bottom: 10px;
	}
	#page-taiwan-banner-area .taiwan-banner{padding: 5px;}
	#page-taiwan-banner-area .taiwan-banner .back-inner-box{
		justify-content: center;
		padding: 5px;
		position: relative;
	}
	#page-taiwan-banner-area .left {
		padding: 0;
		width: 100%;
		margin: 10px 0 3px;
	}
	#page-taiwan-banner-area .right{
		position: absolute;
		z-index: 1;
		width: 100%;
		left: 0;
		top: 0;
		
	}
	#page-taiwan-banner-area .ribon-title {
		margin: 30px auto 0;
	}
	#page-taiwan-banner-area .ribon-title .icon-top {
		top: 29px;
		width: 68px;
	}
	#page-taiwan-banner-area .taiwan-banner-h2{
		background: none;
		color: #fff;
		text-shadow: #533f2d 1px 1px 10px, #533f2d -1px 1px 10px, #533f2d 1px -1px 10px, #533f2d -1px -1px 10px;
		font-size: 34px !important;
		padding: 0;
	}
	#page-taiwan-banner-area .photo1 {
		top: -36px;
	}
	#page-taiwan-banner-area .photo2 {
		right: -80px;
		z-index: 
	}
	#page-taiwan-banner-area .ten4 {
		bottom: auto;
		left: auto;
		top: -42px;
		right: -6px;
		width: 64px;
	}
	#page-taiwan-banner-area .line-bouquet {
		width: 150px;
		right: -72px;
	}
	#page-banner-bottom-spacer{height: 50px;}
	/******おすすめツアー******/
	.recommend-box-long h3 {
		margin: 8px 50px 0 0;
		width: 260px;
		font-size: 22px;
	}
	.recommend-box li a {
		font-size: 16px;
	}
}
/* 幅928px以下から 
------------------------------------------------------------*/
@media only screen and (max-width:928px){
	.leaf-line8 {
		max-width: 360px;
		height: auto;
	}
	.leaf-line9,
	.leaf-line13 {
		max-width: 300px;
	}
	
	#header {padding-bottom: 10px;}
	#mainimage:after {
		height: 40px;
		bottom: -30px;
	}
	#top-banner-area{display: block;}
	#top-banner-area .tour-banner {
		display: block;
		width: 350px;
		margin: 0 auto 50px;
	}
	#top-banner-area .ribon-white1 {
		width: 290px;
		height: 76px;
		padding-bottom: 0;
	}
	#top-banner-area .icon-flex{
		width: 60px;
		height: auto;
	}
	#top-banner-area .top-banner-flower {
		top: -110px;
	}
	#top-banner-bottom-spacer{display: none;}
	#news-area{display: block;}
	#facebook-plugin{height: 300px;}
	#news-area .news-area-box {
		width: 500px;
		margin: 0 auto 20px;
	}
	#news-box .inner {height: 220px;}
	#blog-box .button {
		padding: 0 !important;
		margin: 0 auto 20px;
	}
	#news-area-area .leaf-line1 {
		left: -12%;
		top: -30px;
		width: 280px;
		z-index: 20;
	}
	#top-about .ribon-title {
		width: 380px;
		height: 110px;
	}
	#top-about .ribon-title h2{
		font-size: 24px;
		
	}
	#top-about .ribon-title .tag-ribon {
		width: 36px;
		height: auto;
		top: -2px;
	}
	#top-about .ribon-title .balloon-text {
		width: 100px;
		height: 82px;
		top: -46px;
		right: -27px;
		font-size: 13px;
		z-index: 10;
	}
	#top-about .ribon-title .icon-flower1 {
		width: 40px;
		height: auto;
	}
	
	#top-about .photo2 {width: 260px;}
	#top-about .photo3 {
		width: 160px;
		top: 25%;
	}
	#top-popular-tour .photo-box {width: 180px;}
	#popular-tour1 .photo-box {
		left: -50px;
		top: 150px;
	}
	#popular-tour2 .photo-box {
	}
	#popular-tour1 .flowers5 {
		width: 100px;
		left: -82px;
		top: 147px;
		z-index: 10;
	}
	#popular-tour2 .flowers6 {
		width: 100px;
		right: -83px;
		top: 84px;
	}
	#top-popular-tour h3.top-tour-name .icon-flex{
		width: 58px;
		height: auto;
	}
	#top-tour-bottom-spacer {
		display: none;
	}
	.taiwan-banner-area .main-photo {
		height: 300px;
	}
	.taiwan-banner .button {
		margin: 20px auto 0;
	}
	.taiwan-banner .ribon-title {
		font-size: 16px !important;
		width: 230px;
		height: 94px;
	}
	.taiwan-banner .flowers7 {
		width: 140px;
		height: auto;
		top: 12px;
	}
	.taiwan-banner .tiger2 {
		bottom: 0;
	}
	#tour-banner-area .lamp1 {
		width: 72px;
		height: auto;
		right: 26px;
	}
	#tour-banner-area .ribon-title{padding: 0 5px;}
	#tour-banner-area .ribon-title .icon-flex{
		width: 36px;
		height: auto;
	}
	#tour-banner-area .ribon-title br{display: none;}
	#tour-banner-area .flower{
		width: 200px;
		height: auto;
	}
	#tour-banner-area .flower1 {
		left: -50px;
	}
	#tour-banner-area .flower2 {
		right: -50px;
	}
	#top-info-banner{
		border: 4px solid #cebb99;
	}
	#top-info-banner .center {
		width: 100%;
	}
	#top-info-banner h3{
		max-width: 300px;
		margin: 0 auto 15px;
	}
	#top-info-banner .balloon-text {left: 20%;}
	#top-info-banner .pc-photoarea{display: none;}
	#top-info-banner .photo-sp{
		display: block;
	}
	#top-info-banner .photo-left{
		left: -20px;
		bottom: -30px;
	}
	#top-info-banner .photo-right{
		right: -20px;
		bottom: -40px;
	}
	
	/*****下層共通*****/
	#tour-banner-area.page-banner-area .tour-banner {
		width: 30%;
		margin: 0 1.5%;
	}
	#tour-banner-area.page-banner-area .flower1 {left: -50px;}
	#tour-banner-area.page-banner-area .flower2 {right: -50px;}
	/******おすすめツアー*****/
	.recommend-box-long {
		padding: 22px 12px 18px;
	}
	.recommend-box h3 {
		background-size: auto 9px;
		width: 100%;
		max-width: 240px;
		font-size: 17px;
	}
	.recommend-box-long h3 {
		margin: 8px 30px 0 0;
		width: 240px;
		font-size: 20px;
	}
	/*****アコーディオン******/
	.none-accordion-spacer{display: none !important;}
	.accordion-title{
		background: url(../../common/images/back-l-bluegreen.png) no-repeat center top;
		border-radius: 6px;
		display: flex;
		position: relative;
		z-index: 100;
		width: 600px;
		margin: 0 auto 15px;
		transition: .4s;
		height: 70px;
	}
	.accordion-title:after{
		content: "";
		display: block;
		border: 2px solid #f1f1db;
		position: absolute;
		z-index: 1;
		top: 5px;
		bottom: 5px;
		right: 5px;
		left: 5px;
		border-radius: 6px;
	}
	.accordion-title:before {
		font-size: 12px;
		content: "ひらく";
		background: rgb(255 255 255 / 50%);
		border-radius: 100%;
		text-align: center;
		line-height: 40px;
		display: block;
		width: 40px;
		height: 40px;
		margin: auto;
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		transition: transform .4s ease-in-out,top .4s ease-in-out;
	}
	.accordion-title.active{
		background: #fff;
		transition: .2s;
		margin-bottom: 0;
	}
	.accordion-title.active:before {
		font-size: 12px;
		content: "閉じる";
		background: url(../../common/images/back-blue.jpg) no-repeat center top;
		border-radius: 100%;
		text-align: center;
		line-height:40px;
		display: block;
		width: 40px;
		height: 40px;
		margin: auto;
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		transition: transform .3s ease-in-out,top .3s ease-in-out;
	}
	.accordion-title .font-min {font-size: 16px;}
	.accordion-area-bottom .tab-under-arrow{
		display: block;
		margin:0 auto;
		transition: .2s;
	}
	.accordion-title .circle-photo{
		width: 80px;
		height: auto;
		margin: -5px 0 -5px 40px;  
		z-index: 200;
		border-width: 2px;
	}
	.accordion-title h3{margin: 0 0 0 20px;}
	.accordion-title h3 .min{font-size: 15px;}
	.accordion-area-bottom{
		transition: .4s;
		opacity: 0;
		overflow: hidden;
		height: 0;
		margin: 0;
	}
	.accordion-area-bottom.active{
		opacity: 1;
		display: block;
		height: auto;
		transition: .4s;
		padding-bottom: 40px;
		overflow: visible;
	}

}
/* 幅789px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 789px){
	br.br789{display: inline !important;}
	.font20{font-size: 18px !important;}
	.font24{font-size: 20px !important;}
	.font30{font-size: 26px !important;}
	.font40{font-size: 28px !important;}
	.font44{font-size: 32px !important;}
	.font46{font-size: 34px !important;}
	h2.title,h2{font-size: 26px;}
	h3.title,h3{font-size: 20px;}
	.post h4.title, .article-box h4.title{font-size: 18px;}
	
	.post h3.title:before{
		content: "";
		width: 42px;
		height: 27px;
	}
	.post h2.title{
		display: block;
		text-align: center;
		font-size: 22px;
	}
	.post h2.title:before{
		display: block;
		margin: 0 auto ;
		width: 50px;
		height: 40px;
	}
	#flow-page .section-article h3:before{
		width: 50px;
		height: 40px;
	}
	h3.title, 
	.line-diag-green, 
	.post h2.title ,
	#flow-page .section-article h3,
	.line-diag-white{
		background-size: auto 8px;
		padding: 0 0 13px;
	}
	ul.ul-brown li,
	ul.ul-green li {
		padding: 0 0 10px 0;
	}
	ul.ul-brown li:before, ul.ul-green li:before {
		width: 10px;
		height: 10px;
		margin-right: 6px;
		top: 9px;
	}
	.post ol {
		padding-left: 18px;
	}
	
	
	ol li:before {
		position: absolute;
		left: -2px;
		width: 20px;
		font-size: 13px;
		height: 20px;
		line-height: 20px;
		top: 3px;
	}
	table tr{display: block;}
	table th,table tbody th,table td{
		display: block;
		width: 100%;
	}
	table th .text:before {
		width: 35px;
		height: 26px;
		left: -39px;
		top: 0;
	}

	table th br{display: none;}
	table td{padding: 20px;}
	input[type="submit"],
	input[type="reset"], 
	input[type="button"], 
	.button,
	#news-area .news-area-box a{font-size: 14px;}
	.spacer25{height: 15px;}
	.spacer50{height: 35px;}
	.spacer100{height: 60px;}
	.spacer200{height: 100px;}
	.wrapper800 {max-width: 600px;}
	.title-head-bluegreen:before,
	.title-head-brown1:before{
		height: 22px !important;
	}
	.title-head-bluegreen2:before,
	.title-head-brown2:before,
	.title-head-orange:before{
		height: 30px !important;
	}
	.photo-box-big:after{
		background: url(../images/photo-frame.png) no-repeat center top;
		background-size: 100% 100%;
	}
	
	#header{z-index: 10001;}
	#header-logo {width: 130px;}
	#site-description {
		width: calc(100% - 250px);
		left: 140px;
		padding-top: 30px;
	}
	#nav-toggle{
		width: 100px;
		right: 10px;
	}
	.open #panel {
		display: block;
		padding: 30px 30px 0;
	}
	#spnav-tour-banner {width: 100%;}
	/* #spnav-tour-banner .circle-photo {width: 120px;} */
	
	#footer{
		margin-top: 80px;
		padding-bottom: 70px;
		background-size: auto 100%;
	}
	#footer-tel-area{display: none;}
	
	#footer-banner-area {
		margin: 40px auto 10px;
		display: block;
	}
	#footer-banner-area .fotter-banner{
		width: 360px;
		margin: 0 auto 25px;
		font-size: 12px;
	}
	#footer .tiger9 {
		left: 2%;
		bottom: 63px;
	}
	#footer-sp-area{display: block;}
	#footer-button-area{position: relative;}
	#footer .footer-button{
		position: relative;
		z-index: 10;
	}
	

	#pagetop {bottom: 70px;}
	.vertical-line {
		max-width: 80%;
		object-fit: cover;
		width: auto;
		height: 100%;
		height: 7px;
	}
	.line-photo,
	.circle-photo {
		border: 4px solid #fcfbf4;
	}
	.leaf-line2 {
		max-width: 280px;
	}
	.leaf-line3{
		max-width: 190px;
	}
	.leaf-line4 {
		max-width: 320px;
		height: auto;
	}
	.leaf-line9,
	.leaf-line16{
		max-width: 260px;
	}
	.leaf-line7,
	.leaf-line8 ,
	.leaf-line11,
	.leaf-line14{
		max-width: 300px;
	}
	.leaf-line12{
		max-width: 200px;
	}
	.back-circle {
		max-width: 280px;
	}
	.back-circle-left {
		left: -100px;
	}
	.back-circle-right {
		right: -100px;
	}
	
	
	/********トップページ********/
	#mainimage{height: 500px;}
	#mainimage .text-area{width: 100%;}
	#mainimage .text-area #main-chatch-bottom {
		line-height: 150% !important;
		font-size: 16px !important;
	}
	#mainimage #main-chatch-top {
		background-position: right top;
		background-size: 210px 100%;
		font-size: 14px !important;
		margin: 30px auto -20px;
		width: 240px;
		padding: 0 0 20px 50px;
		height: 94px;
	}
	#mainimage #main-chatch-top .font20{font-size: 16px !important;}
	#mainimage #main-chatch-top .flowers1 {
		width: 100px;
		top: -26px;
		left: -78px;
	}
	#mainimage #main-chatch-top .flowers2 {
		width: 62px;
		top: 18px;
		right: -9px;
	}
	#mainimage .text-area #main-chatch {
		margin: 0 auto 15px;
	}
	#mainimage #main-chatch-top .textbox-shadow-light {
		text-shadow: rgb(55 38 25 / 20%) 1px 1px 6px, rgb(55 38 25 / 20%) -1px 1px 6px, rgb(55 38 25 / 20%) 1px -1px 6px, rgb(55 38 25 / 20%) -1px -1px 6px;
	}
	#mainimage .text-area #main-chatch{
		text-shadow: rgb(55 38 25 / 15%) 1px 1px 6px, rgb(55 38 25 / 15%) -1px 1px 6px, rgb(55 38 25 / 15%) 1px -1px 6px, rgb(55 38 25 / 15%) -1px -1px 6px;
	}
	#mainimage .text-area #main-chatch-bottom {
		text-shadow: rgb(55 38 25 / 50%) 1px 1px 10px, rgb(55 38 25 / 50%) -1px 1px 10px, rgb(55 38 25 / 50%) 1px -1px 10px, rgb(55 38 25 / 50%) -1px -1px 10px;
	}
	#mainimage-slide .slider-photo{
		width: 300px;
		height: auto;
	}
	#slider1 .slider-photo{
		right: -20px;
		bottom: -35px;
	}
	#slider2 .slider-phot,
	#slider3 .slider-photo,
	#slider4 .slider-photo{
		bottom: -23px;
	}

	#mainimage:after {
		height: 30px;
		bottom: -23px;
	}
	#mainimage:before {
		width: 400px;
		height: 400px;
	}
	#top-banner-area .top-banner-flower {
		top: -30px;
		width: 240px;
	}

	#news-area .news-area-box a{margin: 0 auto 20px;}
	#news-area-area .leaf-line2 {
		bottom: 38%;
		right: -10%;
		z-index: 20;
	}
	#top-about .ribon-title .font20{
		display: block;
		line-height: 1em;
	}
	
	#top-about .ribon-title {
		width: 340px;
		height: 110px;
	}
	#top-about .ribon-title .balloon-text {
		width: 90px;
		height: 75px;
		top: -32px;
		right: -27px;
	}
	#top-about .ribon-title .point-speech {width: 24px;}
	#top-about .ribon-title .icon-flower1 {
		width: 36px;
	}
	#top-about .ribon-title .tag-ribon {width: 32px;}
	#top-about .tiger1 {
		width: 70px;
		top: -38px;
	}
	#top-about .photo-main {
		aspect-ratio: 5 / 3;
		object-fit: cover;
	}
	#top-about .photo2 {
		width: 240px;
		bottom: -42px;
	}
	#top-about .photo3 {
		width: 160px;
		top: auto;
		bottom: 36%;
	}
	#top-about .bottom-area {
		margin: 30px auto 20px;
	}
	#top-about .photo5 {
		width: 260px;
	}
	#top-about .photo4 {
		bottom: -17px;
		right: 47%;
		width: 180px;
	}
	#top-about .flowers3 {
		bottom: 27%;
	}
	#top-about .illust-1 {width: 80px;}
	#top-taroko .ribon-title {
		width: 300px;
		height: 102px;
	}
	#top-taroko .ribon-title .icon-top {
		top: 5px;
		width: 72px;
		height: auto;
	}
	#top-taroko .photo1 {width: 280px;}
	#top-taroko .photo2 {width: 160px;}
	#top-taroko .line-bouquet1 {
		right: 69%;
		top: 250px;
	}
	#top-taroko .line-bouquet2 {
		top: 124px;
	}
	#top-taroko .right {
		padding: 0;
	}
	#top-taroko-area .illust-3 {
		width: 130px;
		bottom: -28px;
		right: -12px;
		opacity: 0.7;
		z-index: 1;
	}
	#top-taroko-area .leaf-line4 {
		bottom: auto;
		top: -62px;
		width: 280px;
	}
	#top-onsen-area .title-area {
		width: 100%;
		height: 120px;
		top: -28px;
		padding: 24px 0 0 0;
	}
	#top-onsen-area .title-area .icon-onsen {
		width: 40px;
		margin: 0 auto 8px;
	}
	#top-onsen-area .photo-area {
		width: 320px;
	}
	
	#top-onsen-area .photo2 {
		width: 165px;
		right: -100px;
	}
	#top-onsen-area .photo3 {
		top: 30px;
		right: -90px;
		width: 140px;
	}
	#top-onsen-area .flowers {
		width: 180px;
		left: -100px;
	}
	#top-onsen-area .tiger5 {
		width: 140px;
	}
	
	#top-round-area .leaf-line16 {
		top: -40px;
		z-index: 0;
	}
	#top-round .photo1 {
		width: 330px;
		position: relative;
	}
	#top-round .leaf-min {
		width: 50px;
		left: 74%;
	}
	#top-round .illust-4 {
		left: 0;
		right: auto;
		width: 120px;
		opacity: 0.7;
	}
	#top-round .circle-yellow1 {
		left: -17px;
		bottom: -15px;
	}
	#top-round .bottom-area{flex-wrap: wrap;}
	#top-round .bottom-area img {
		width: 48%;
		margin-bottom: 15px;
	}
	#top-popular-tour .back-inner-box {
		padding: 40px 16px 4px;
		display: block;
	}
	#top-popular-tour .top-tour-box {
		width: 100%;
		max-width: 400px;
		padding: 5px;
		margin: 0 auto 30px;
		position: relative;
		z-index: 30;
	}
	#top-popular-tour .ribon-title {
		width: 260px;
		height: 93px;
		padding-top: 10px;
		top: -43px;
	}
	#top-popular-tour .ribon-title .icon-top {
		top: -6px;
		width: 64px;
		height: auto;
	}
	#top-popular-tour .main-photo {
		margin: 20px auto 5px;
	}
	
	#popular-tour1 .photo-box {
		left: -70px;
		top: 174px;
	}

	#top-popular-tour h3.top-tour-name{
		font-size: 20px;
	}
	#top-popular-tour h3.top-tour-name img{
		width: 46px;
		height: auto;
	}
	/* #top-popular-tour .tiger3 {
		width: 100px;
		top: -39px;
	} */
	#top-popular-tour .ten1 {
		width: 114px;
		top: -41px;
		left: -12px;
	}
	#top-popular-tour-area .leaf-line5 {
		top: -170px;
	}
	#top-popular-tour-area .leaf-line6 {
		bottom: -27px;
	}
	.taiwan-banner,
	.taiwan-banner-area .main-photo {height: 270px;}
	.taiwan-banner-area .main-photo {
		width: 80%;
	}
	.taiwan-banner .ribon-title {
		font-size: 14px !important;
		height: 85px;
		width: 200px;
		margin: -20px auto 0;
	}
	.taiwan-banner .button {margin: 25px auto 0;}
	.taiwan-banner .photo1 {
		width: 150px;
		left: -10px;
	}
	.taiwan-banner .photo2 {
		width: 160px;
		right: -15px;
	}
	.taiwan-banner .flowers7 {
		top: -19px;
		width: 120px;
	}
	.taiwan-banner .leaf-left6 {
		width: 110px;
		left: -53px;
		bottom: 110px;
	}
	.taiwan-banner .flower-bouquet {
		width: 120px;
		top: 30%;
		left: -9px;
	}
	.taiwan-banner .tiger2 {
		bottom: -18px;
		right: -8px;
		width: 70px;
	}

	.taiwan-banner .photo-area img{
		object-fit: cover;
		aspect-ratio: 5 / 3;
		max-width: 340px;
	}
	#top-hotel .flowers4 {

	}
	#banners-flex{
		display: block;
	}
	#tour-banner-area .tour-banner {
		margin: 0 auto 10px;
		width: 260px;
		display: block;
		
	}
	#tour-banner-area .circle-photo{
		z-index: 10;
		position: relative;
	}
	#tour-banner-area .tour-banner:after,
	#tour-banner-area .tour-banner:before{
		content: "";
		display: block;
		background-size: 100% auto !important;
		position: absolute;
		z-index: 0;
		width: 120px;
		height: 130px;
	}
	#tour-banner-area .tour-banner:after{
		background: url(../images/line-bouquet1.png) no-repeat top center;
		right: 80%;
		opacity: 0.7;
	}
	#tour-banner-area .tour-banner:before{
		background: url(../images/line-bouquet2.png) no-repeat top center;
		left: 80%;
		opacity: 0.7;
	}
	#tour-banner1:after,
	#tour-banner3:after{
		top: 10%;
	}
	#tour-banner2:after{
		top: 30%;
	}
	#tour-banner1:before,
	#tour-banner3:before{
		top: 50%;
	}
	#tour-banner2:before{
		top:10%;
	}
	#tour-banner-area .flower{display: none;}
	#tour-banner-area .leaf-line7 {
		top: 150px;
		z-index: 0;
	}
	#tour-banner-area .ribon-title br {
		display: block;
	}
	#top-column .ribon-title {
		width: 220px;
		height: 84px;
	}
	#top-column .ribon-title .icon-column {
		top: -25px;
		width: 68px;
		height: auto;
	}
	#top-column .left {
		padding: 42px 0 18px;
	}
	#top-column-area .leaf-line9 {
		top: 9px;
		width: 200px;
	}
	#top-info-banner .photo-sp {
		width: 150px;
	}
	#top-info-banner .photo-left {
		left: auto;
		bottom: -42px;
		right: -32px;
	}
	#top-info-banner .photo-right {
		right: auto;
		left: -30px;
		bottom: -40px;
	}
	#top-info-banner .balloon-text {
		left: 13%;
		width: 110px;
		height: 80px;
	}
	/****下層ページ共通****/
	#page-title {height: 250px;}
	#page-title p{padding-bottom: 6px;}
	#page-title .font40 {
		font-size: 34px !important;
	}
	#page-title .page-title-photo {
		left: -30px;
		bottom: -33px;
		width: 230px;
	}
	#page-title .page-title-leaf {
		bottom: -60px;
		width: 160px;
	}
	#page-title .page-title-leaf1 {
		left: -53px;
	}
	#page-title .page-title-leaf2 {
		right: -80px;
	}
	#page-nav .button {
		width: 45% !important;
		height: 50px;
		line-height: 120%;
		font-size: 14px;
		margin-bottom: 15px;
	}
	#page-nav .button:after {
		width: 14px;
		height: 14px;
		right: 10px;
	}
	
	#flow-page .section-article h2.title-brown {
		background-size: auto 13px;
		width: 94%;
	}
	
	#tour-banner-area.page-banner-area h2{
		display: block;
		text-align: center;
	}
	#tour-banner-area.page-banner-area h2 .icon-flex{
		display: block;
		margin: 20px auto 0;
		width: 64px;
		height: auto;
	}
	#tour-banner-area.page-banner-area .tour-banner:after,
	#tour-banner-area.page-banner-area .tour-banner:before{
		content: none !important;
	}
	#tour-banner-area.page-banner-area .tour-banner {
		width: 90%;
		max-width: 400px;
		margin: 0 auto 20px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#tour-banner-area.page-banner-area .circle-photo {
		width: 38%;
	}
	#tour-banner-area.page-banner-area .ribon-title {
		position: relative;
		z-index: 1;
		bottom: 0;
		top: 0;
		left: auto;
		right: auto;
		max-width: 100%;
		justify-content: flex-start;
		padding: 20px 20px 20px 60px;
		margin: 0 0 0 -50px;
		height: 80px;
	}
	#tour-banner-area.page-banner-area .sp-flower {
		display: block;
		z-index: 0;
		left: -37px;
		top: -12px;
		width: 100px;
	}
	#tour-banner-area.page-banner-area .tiger5 {
		width: 150px;
		top: -34px;
		left: auto;
		right: 0;
	}
	#tour-banner-area.page-banner-area .leaf-line7 {
		z-index: 1;
		top: -180px;
	}
	#tour-banner-area.page-banner-area .circle-bluegreen1 {
		left: -100px;
	}
	#tour-banner-area.page-banner-area .leaf-line11 {
		bottom: 50px;
	}
	.page-news-area h3 .icon-flex {
		height: auto;
		width: 44px;
	}
	/******おすすめツアー******/
	.recommend-box-long {
		display: block;
		padding: 22px 25px 22px;
	}
	.recommend-box-long h3 {
		margin: 0 auto 10px;
		width: 100%;
		max-width: 240px;
		font-size: 18px;
	}
	.recommend-box h3{font-size: 18px;}
	.recommend-box h3 .font-min {
		font-size: 0.8em;
		display: block;
	}
	/******アコーディオン******/
	.accordion-title {
		width: 96%;
		max-width: 600px;
	}
	.accordion-title .circle-photo {
		width: 70px;
		height: auto;
		margin: -5px 0 -5px 22px;
	}
	.accordion-title h3 {margin: 0 0 0 12px;}

	
	
}
/* 幅589px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 589px){
	body{font-size: 14px;}
	br.br589{display: inline !important;}
	.font18{font-size: 15px !important;}
	.font20{font-size: 17px !important;}
	.font24,
	#flow-page .section-article h4{font-size: 18px !important;}
	h2,
	.font30{font-size: 24px !important;}
	.font40{font-size: 28px !important;}
	.font44{font-size: 28px !important;}
	.font46{font-size: 30px !important;}
	h2.title-yellow,
	h2.title-brown{
		background-size: auto 13px;
	}
	.post h2.title,
	#flow-page .section-article h3{
		text-align: left;
		font-size: 20px !important;
	}
	h3.title,
	h3{
		font-size: 18px !important;
	}
	h3.title, 
	.line-diag-green, 
	.post h2.title ,
	#flow-page .section-article h3,
	.line-diag-white{
		background-size: auto 6px;
		padding: 0 0 13px;
	}
	.post h3.title:before,
	#flow-page .section-article h4:before {
		width: 11px;
		height: 14px;
	}
	
	input[type="submit"], 
	input[type="reset"], 
	input[type="button"],
	.button, 
	#news-area .news-area-box a {
		font-size: 13px;
	}
	ul.ul-brown li:before, ul.ul-green li:before {
		width: 8px;
		height: 8px;
		margin-right: 6px;
		top: 8px;
	}
	table tbody th{padding-left: 42px;}
	.title-head-bluegreen:before,
	.title-head-brown1:before{
		height: 20px !important;
	}
	.title-head-bluegreen2:before,
	.title-head-brown2:before,
	.title-head-orange:before{
		height: 28px !important;
	} 
	img.photo,
	.line-photo, 
	.circle-photo {
		border: 3px solid #fcfbf4;
	}
	input[type="submit"], 
	input[type="reset"], input[type="button"], 
	.button{
		min-height: 46px;
	}
	#header{padding-bottom: 0;}
	#header-logo {
		position: relative;
		z-index: 20;
		width: 130px;
		margin: 5px 0;
	}
	#site-description {
		width: calc(100% - 240px);
		left: 140px;
	}
	#site-description .sp-none{display: none;}
	#nav-toggle {
		top: 28px;
		right: 5px;
		font-size: 12px;
		text-align: center;
		padding-left:2px;
	}
	#nav-toggle div {
		width: 14px;
		height: 32%;
	}
	.open #nav-toggle span:nth-child(1),.open #nav-toggle span:nth-child(3) {top: 8px;}
	#nav-toggle span:nth-child(2) {top: 48%;}
	#nav-toggle span:nth-child(3) {top: auto;bottom: 0;}
	#nav-button-area a {padding: 0;}
	#panel{
		width: 96%;
		height: calc(100% - 150px);
		top:70px;
		padding: 20px 14px 0;
	}
	#sp-nav .button {
		margin: 0 auto 10px;
		max-width: 280px;
		height: 90px;
		font-size: 17px;
	}
	#spnav-tour-banner .tour-banner .ribon-title {
		background: url(../images/ribon-white1.png) no-repeat center top;
		background-size: 100% 100%;
		bottom: -20px;
		font-size: 15px;
		width: 100%;
		padding: 0 8px 2px;
		height: 56px;
	}
	#spnav-tour-banner {margin: 0 auto 50px;}
	#spnav-tour-banner .flower {width: 100px;}
	#spnav-tour-banner .flower1 {left: -30px;}
	#spnav-tour-banner .flower2 {right: -30px;}
	#taiwan-sp-banner .text-center {padding: 12px 0 15px;}
	#taiwan-sp-banner h2{font-size: 20px;}
	#taiwan-sp-banner .ribon-title {
		width: 160px;
		height: 66px;
		font-size: 12px !important;
	}
	#spnav-tour-banner .circle-photo{
		width: 100%;
	}
	#footer-discription{
		font-size: 12px !important;
	}
	
	#pagetop {
		bottom: 71px;
		right: -10px;
	}
	#pagetop a {
		font-size: 13px;
		width: 115px;
		height: 82px;
		padding: 8px 0 0 7px;
	}
	.balloon-text{font-size: 13px;}
	.balloon-right {
		width: 130px;
		height: 94px;
	}
	.balloon-left {
		width: 120px;
		height: 80px;
	}
	.leaf-line1 {
		max-width: 190px;
	}
	.leaf-line2 ,
	.leaf-line6, 
	.leaf-line9,
	.leaf-line16 {
		max-width: 220px;
	}
	.leaf-line3 {
		max-width: 140px;
	}
	.leaf-line5 {
		max-width: 350px;
	}
	.leaf-line7, 
	.leaf-line8 {
		max-width: 260px;
	}
	.circle-yellow1{
		max-width: 220px !important;
	}
	/********トップページ********/
	#mainimage {height: 580px;}
	#mainimage-slide .slider-box .slider-pc{display: none;}
	#mainimage-slide .slider-box .slider-sp{display: block;}
	#slider1 .slider-photo{
		top: -20px;
		bottom: auto;
	}
	#slider2 .slider-photo{
		bottom: -20px;
	}
	#slider4 .slider-photo{
		bottom: auto;
		top: -15px;;
		left: auto;
		right: -35px;
	}
	#mainimage:before {
		width: 360px;
		height: 360px;
	}
	#mainimage #main-chatch-top {
		margin: 30px auto -16px;
		background-size: 192px 100%;
		padding: 0 0 20px 38px;
		width: 212px;
		font-size: 13px !important;
	}
	#mainimage #main-chatch-top .flowers2 {
		width: 56px;
		top: 17px;
	}
	#top-banner-area {
		margin-top: -8px;
	}
	#top-banner-area .top-banner-flower {
		top: -62px;
		width: 270px;
	}
	#news-area .news-area-box {width: 90%;}
	#news-area-area .leaf-line1 {top: 28px;}
	#news-area h3 .icon-flex{
		width: auto;
		height: 28px;
	}
	#top-about .ribon-title h2 {
		font-size: 22px;
	}
	#top-about .ribon-title {
		width: 320px;
		height: 105px;
	}
	#top-about .ribon-title .balloon-text {
		right: -38px;
		font-size: 12px;
	}
	#top-about .ribon-title .tag-ribon {
		width: 26px;
		top: 1px;
		left: 5px;
	}
	#top-about .photo2 {
		width: 200px;
		right: -39px;
	}
	#top-about .photo3 {
		width: 140px;
		bottom: 38%;
	}
	#top-about .photo-area {padding-left: 50px;}
	#top-about .flowers3 {
		bottom: -10px;
		width: 90px;
		right: auto;
		left: 75%;
	}
	#top-about-area .leaf-line3 {left: 0;}
	#top-taroko .ribon-title {
		width: 280px;
		height: 97px;
	}
	#top-taroko .ribon-title .icon-top {width: 65px;}
	#top-taroko .photo1 {
		width: 260px;
	}
	#top-taroko .photo2 {
		width: 155px;
	}
	#top-taroko .line-bouquet {
		width: 100px !important;
		height: auto;
	}
	#top-taroko .text-area {padding: 0 25px;}
	#top-taroko .right .photo-area {
		display: block;
		width: 90%;
	}
	#top-taroko .right .photo-area img.photo {
		width: 100%;
		max-width: 240px;
		margin: 0 auto 17px;
	}
	#top-taroko-area .illust-3 {
		width: 100px;
		right: 0;
	}
	
	#top-onsen-area .title-area {
		width: 130px;
		height: 120px;
		top: -36px;
		padding: 25px 0 0 0;
	}
	#top-onsen-area .photo-area {
		width: 290px;
	}
	#top-onsen-area .photo2 {
		width: 140px;
		right: -78px;
	}
	#top-onsen-area .photo3 {
		top: 36px;
		right: -67px;
		width: 110px;
	}
	#top-onsen-area .flowers {
		width: 150px;
		left: -82px;
	}
	#top-onsen-area .text-area {
		width: 100%;
	}
	
	#top-onsen-area .tiger5 {
		width: 145px;
		right: auto;
		bottom: 0;
		opacity: 0.8;
		left: 5%;
	}
	
	
	#top-round .ribon-bulegreen1 {
		width: 280px;
		height: 88px;
	}
	#top-round .ribon-title .icon-top {
		top: -14px;
		width: 68px;
		height: auto;
	}
	

	#top-round .photo1 {width: 300px;}
	#top-round .leaf-min {
		left: 77%;
	}
	#top-round .illust-4 {
		left: -19px;
		width: 100px;
	}
	#top-round-area .circle-bluegreen1 {
		top: -80px;
	}
	
	
	
	#top-popular-tour .main-photo {
		margin-bottom: 12px;
		aspect-ratio: 5 / 3;}
	

	#top-popular-tour .photo-box {
		width: 155px;
	}
	#popular-tour1 .photo-box {
		left: -57px;
	}
	#popular-tour2 .photo-box {
		right: -51px;
	}
	#popular-tour1 .flowers5 {
		width: 80px;
		left: -76px;
	}
	#popular-tour2 .flowers6 {
		width: 80px;
		right: -64px;
		top: 84px;

	}
	#top-popular-tour .text-area {margin: 0 18px 20px;}
	#top-popular-tour-area .leaf-line6 {
		z-index: 50;
	}
	#top-tour-bottom-spacer {
		display: block;
		height: 30px !important;
	}
	.taiwan-banner,
	.taiwan-banner-area .main-photo {
		height: 240px;
	}
	.taiwan-banner-area .main-photo {
		width: 94%;
	}
	.taiwan-banner .ribon-title {
		font-size: 13px !important;
		width: 186px;
		height: 72px;
	}
	.taiwan-banner .flowers7 {
		top: -19px;
		width: 103px;
	}
	.taiwan-banner-area .tiger-sp{
		display:block;
		bottom: auto;
		right: auto;
		width: auto;
		height: 80px;
		top: -60px;
		left: 22px;
		z-index: 20;
	}
	.taiwan-banner .photo2 {
		top: -34px;
	}
	.taiwan-banner-area .tiger-pc,
	.taiwan-banner .flower-bouquet {
		display: none;
	}
	#top-hotel .board-line-brown {
		width: 240px;
		height: 80px;
		margin: 20px auto 30px;
	}
	.column-box .sp-title-borad span {background-size: auto 6px;}
	#top-hotel .photo-area{
		max-width: 300px;
	}
	#top-hotel .photo-area .line-photo{
		width: 100%;
		height: auto;
	}
	
	#top-hotel .ten2{
		width: 60px;
		height: auto;
		left: -22px;
		top: -29px;
	}
	#top-hotel .flowers4 {
		right: -40px;
		width: 90px;
	}
	#tour-banner-area h2 .icon-flex{
		width: 65px;
		height: auto;
		margin-right: 0;
	}
	#tour-banner-area .ribon-title {
		font-size: 19px !important;
	}

	#top-column .ribon-title {
		width: 215px;
		height: 78px;
	}
	#top-column .ribon-title .icon-column {
		top: -22px;
		width: 60px;
		height: auto;
	}
	#iframe-container .column {
		padding: 26px 10px 12px;
	}
	#iframe-container .column h3{
		font-size: 15px !important;
	}
	#iframe-container .column h3:before {
		width: 12px;
		height: 12px;
	}
	
	#top-info-banner .balloon-text {
		left: 13%;
		width: 92px;
		height: 72px;
		font-size: 12px;
	}
	#top-info-banner .icon-flex {
		margin-right: 5px;
		width: 58px;
		height: auto;
	}
	#top-info-banner .photo-left,#top-info-banner .photo-right{
		width: 150px;
		height: auto;
	}
	
	/****下層ページ共通****/
	#page-title {height: 250px;}
	#page-title .page-title-photo {
		width: 200px;
	}
	
	#page-nav .button{	padding: 0 25px 0 15px;}
	#pan {
		margin-bottom: 20px;
	}
	.page-news-area h3 {margin: 10px 15px 10px;}
	
	#tour-banner-area.page-banner-area .tour-banner {
		max-width: 380px;
	}
	#tour-banner-area.page-banner-area .ribon-title {
		font-size: 20px !important;
		height: 88px;
	}
	#tour-banner-area.page-banner-area .ribon-title br{display: none;}
	#tour-banner-area.page-banner-area .tiger6 {
		bottom: auto;
		left: -10px;
		top: -54px;
		width: 64px;
	}
	#tour-banner-area.page-banner-area .leaf-line11 {
		bottom: -20px;
	}
	#page-taiwan-banner-area .taiwan-banner .back-inner-box {
		padding: 5px 5px 2px;
	}
	#page-taiwan-banner-area .ribon-title {
		margin: 25px auto -7px;
		width: 200px;
		font-size: 14px !important;
		height: 92px;
	}
	#page-taiwan-banner-area .title-head-bluegreen2:before{height: 21px !important;}
	#page-taiwan-banner-area .photo1 {
		width: 160px;
		top: -35px;
	}
	#page-taiwan-banner-area .photo2 {
		width: 180px;
		bottom: -34px;
	}

}
/* 幅489px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 489px){
	br.br489{display: inline !important;}
	.font46{font-size:29px !important;}
	.post h2.title,
	#flow-page .section-article h3{
		font-size: 19px !important;
	}
	#flow-page .section-article h3{margin-bottom:15px; }
	.post h4.title, 
	.article-box h4.title {
		font-size: 17px;
	}
	.post, .article-box {margin: 0 10px 20px;}
	.graze-line-brown{height: 2px;}
	input[type="submit"],
	input[type="reset"], 
	input[type="button"],
	.button{
		border-width: 2px;
	}
	img.photo {
		border-radius: 6px;
	}
	.has-inner-box {padding: 5px;}
	.article-box {padding: 10px 15px 10px;}
	.post p, .post ul, .post ol, 
	.article-box p, .article-box ul, .article-box ol {
		padding-left: 15px;
		padding-right: 15px;
	}
	.post ol ol{padding-top: 15px;}
	.post ol ol li{
		padding-left:0;
	}
	.photo-box:after{
		top: -3px;
		bottom: -3px;
		right: -3px;
		left: -3px;
	}
	.title-head-bluegreen2:before,
	.title-head-brown2:before,
	.title-head-orange:before {
		height: 24px !important;
	}
	
	#nav-toggle{
		top: 25px;
		width: 90px;
		height: 50px;
	}
	.open #panel {padding: 30px 10px 0;}
	#spnav-tour-banner .circle-photo {
		width: 100%;
	}
	#spnav-tour-banner .tour-banner .ribon-title .min {
		font-size: 0.6em;
	}
	#global-nav li a {
		padding: 12px 25px 12px 15px;
		height: 100%;
		display: flex;
		align-items: center;
	}
	#sp-nav .bird2{
		left: 0;
	}
	#taiwan-sp-banner .text-center {padding: 5px 0;}
	#taiwan-sp-banner .ribon-title {
		width: 160px;
		height: 58px;
		padding: 22px 0 0 0;
		font-size: 12px !important;
	}
	#taiwan-sp-banner .line-bouquet {width: 80px;}
	#global-nav li a {
		padding: 15px 5px;
		font-size: 14px;
	}
	
	#header-logo {width: 115px;}
	#site-description {
		width: calc(100% - 210px);
		left: 119px;
		padding-top: 32px;
		font-size: 11px !important;
	}
	#pan {margin-bottom: 25px;}
	.button:after, #global-nav li a:after {
		width: 12px;
		height: 12px;
		right: 7px;
	}
	.title-head-green:before,.title-head-brown:before {height: 32px;}
	.archtitle-head-pink ,.archtitle-head-brown{
		background-size: auto 94px;
		height: 94px;
		padding-bottom: 8px;
	}
	.column-box .photo-area img {max-width: 98%;}
	#footer-button-area {
		margin: 0 auto 20px;
		width: 320px;
	}
	#footer .footer-button {
		background-size: 100% 100%;
		min-height: 86px;
	}
	#footer .footer-button .inner {min-height: 90px;}
	#footer .footer-button .fotter-button-icon {
		display: block;
		margin: 0 auto 10px;
		width: auto;
		height: 30px;
	}
	#footer .footer-button .inner:after {
		width: 12px;
		height: 12px;
		bottom: 22px;
	}
	#footer-sp-area .leaf {width: 76px;}
	.leaf-line6 {
		max-width: 200px;
	}
	.back-circle {width: 250px;}
	
	
	/********トップページ********/
	#mainimage #main-chatch-top {
		margin: 30px auto -16px;
		background-size: 180px 100%;
		padding: 0 0 17px 32px;
		width: 194px;
		height: 86px;
		font-size: 12px !important;
	}
	#mainimage .text-area #main-chatch-bottom {font-size: 15px !important;}
	#mainimage #main-chatch-top .flowers1 {
		width: 100px;
	}
	#mainimage #main-chatch-top .flowers2 {
		width: 56px;
		top: 9px;
		right: -20px;
	}
	#top-banner-area .tour-banner .banner-photo {
		aspect-ratio: 16 / 9;
	}
	#top-banner-area .ribon-white1 {
		width: 260px;
	}
	#top-banner-area .icon-flex {width: 52px;}
	#top-banner-area .top-banner-flower {
		width: 240px;
	}
	#top-about .ribon-title h2 {
		font-size: 20px !important;
	}
	#top-about .ribon-title {width: 280px;}
	#top-about .photo-main {margin: 11px auto 0;}
	#top-about .tiger1 {
		width: 65px;
		top: -78px;
		left: 14%;
		z-index: 20;
	}

	#top-about .text-area {
		padding: 20px 21px 0;
	}
	#top-taroko .photo2 {
		width: 155px;
	}
	#top-onsen-area .back-inner-box {
		padding: 50px 20px 15px;
	}
	#top-onsen-area .photo-area {
		width: 250px;
	}
	#top-onsen-area .photo2 {
		width: 120px;
		right: -63px;
	}
	#top-onsen-area .photo3 {
		top: 28px;
		right: -58px;
		width: 100px;
	}
	#top-onsen-area .tiger5 {
		width: 115px;
	}
	#top-onsen-wrapper .leaf-line5 {
		bottom: -38px;
	}
	#top-round .back-inner-box {
		padding: 50px 20px 5px;
	}
	#top-popular-tour .ribon-title {
		top: -38px;
	}
	#top-popular-tour .back-inner-box{padding: 80px 15px 4px;}
	#top-popular-tour .text-area {margin: 0 10px 20px;}
	#top-popular-tour h3.top-tour-name {
		font-size: 18px;
		margin: 0 auto 15px;
		display: block;
		text-align: center;
	}
	#top-popular-tour h3.top-tour-name .icon-flex{
		display: block;
		margin: 0 auto;
	}
	#top-popular-tour h3.top-tour-name .min {
		font-size: 0.8em;
		display: block;
		line-height: 150%;
		text-align: center;
	}
	#top-popular-tour .main-photo {height: 220px;}
	#popular-tour1 .photo-box {
		left: -24px;
		top: 160px;
	}
	/* #top-popular-tour .tiger3 {
		width: 100px;
		top: 45px;
		z-index: 30;
	} */
	#top-popular-tour .ten1 {
		width: 100px;
		top: 46px;
		left: -9px;
		z-index: 200;
	} 
	#top-popular-tour-area .leaf-line6 {
		z-index: -1;
	}
	.taiwan-banner .button {
		height: 40px;
		min-height: initial;
	}
	
	.taiwan-banner .leaf-left6 {
		width: 90px;
		left: -53px;
		bottom: 49px;
	}
	#top-hotel .board-line-brown {
		height: 70px;
		padding: 10px 10px 0;
	}
	#top-hotel .text-area{width: 94%;}
	#top-hotel .flowers4 {
		width: 82px;
	}
	#tour-banners h2{
		display: block;
		width: 85%;
	}
	#tour-banners h2 .icon-flex{
		display: block;
		margin: 0 auto;
		width: 52px;
		height: auto;
	}
	#tour-banner-area .lamp1 {
		width: 50px;
		height: auto;
		right: 17px;
	}
	#tour-banner-area .tour-banner:after,
	#tour-banner-area .tour-banner:before {
		width: 100px;
		height: 110px;
	}
	#top-column-area .leaf-line9 {
		top: 86px;
		width: 160px;
	}
	#iframe-container .column {
		padding: 0;
		width: 100%;
		max-width: 280px;
		margin: 0 auto 20px;
		background: none;
		border: none;
		border-bottom: 1px dashed #b89e86;
	}
	#iframe-container .column:before{content: none;}
	#iframe-container .column h3{background: none;}
	#top-info-banner {
		margin-bottom: 120px !important;
	}
	#top-info-banner .balloon-text {
		font-size: 12px;
		left: 10px;
		width: 95px;
		height: 70px;
	}
	#top-info-banner h3 .icon-flex{
		width: 52px;
		height: auto;
	}
	#top-info-banner .photo-right {
		right: -40px;
		left: auto;
		bottom: -40px;
	}
	#top-info-banner .photo-left {
		left: -30px;
		bottom: -60px;
		right: auto;
	}
	
	
	
	
	
	/****下層ページ共通****/
	#page-title {height: 220px;}
	#page-title .font40 {
		font-size: 30px !important;
	}
	#page-title:after{height: 6px;}
	#pagetite-inner {padding-top: 8px;}
	#page-title p{
		display: block;
		padding: 35px 0 5px 0;
		line-height: 1em;
	}
	#page-title .page-title-photo {
		width:160px;
		bottom: -20px;
	}
	#page-title .page-title-leaf {
		bottom: -50px;
		width: 140px;
	}
	#page-title .page-title-leaf1 {left: -28px;}
	#page-title .page-title-leaf2 {right: -51px;}
	
	#page-nav .button {
		width: 48% !important;
		height: 48px;
		line-height: 120%;
		font-size: 12px;
		margin-bottom: 10px;
	}
	#page-nav .button .icon-flex {width: 32px;}

	
	
	.page-news-area h3 {font-size: 17px;}
	.page-news-area h3 img{width: 40px;height: auto;}
	.page-news-area dl dt {font-size: 15px;}
	.page-news-area dl dd{
		font-size: 14px;
		line-height: 150%;
	}
	
	#tour-banner-area.page-banner-area h2 .icon-flex {
		margin: 10px auto -4px;
		width: 57px;
	}
	#tour-banner-area.page-banner-area .tour-banner {
		width: 96%;
	}
	#tour-banner-area.page-banner-area .ribon-title {
		padding: 14px 15px 14px 51px;
	}
	#tour-banner-area.page-banner-area .sp-flower {
		left: -26px;
		top: -12px;
		width: 78px;
	}
	#tour-banner-area.page-banner-area .leaf-line11 {
		bottom: -40px;
		z-index: -1;
		width: 240px;
	}
	#page-taiwan-banner-area .ribon-title .icon-top {
		top: 22px;
		width: 62px;
	}
	/******アコーディオン*****/
	.accordion-title {
		margin: 0 auto 10px;
		height: 62px;
	}
	.accordion-title .circle-photo {
		width: 66px;
		height: auto;
		margin: -5px 0 -5px 12px;
	}
	.accordion-title:before,.accordion-title.active:before {
		font-size: 10px;
		line-height: 34px;
		width: 34px;
		height: 34px;
		right: 12px;
	}
	.accordion-title h3{font-size: 18px !important;}
	.accordion-title .font-min {
		font-size: 11px;
		display: block;
		line-height: 1em;
		padding: 5px 0 2px;
	}
	
	

}
/* 幅389px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 389px){
	br.br389{display: inline !important;}
	.font44 {font-size: 26px !important;}
	.font46{font-size: 27px !important;}
	h2.title,h2{font-size: 24px;}
	h2.title-brown {background-size: auto 13px;}
	.post h2.title,
	#flow-page .section-article h3{
		font-size: 18px;
	}
	.post h2.title:before {
		display: block;
		margin: 0 auto;
		width: 42px;
		height: 36px;
	}
	#flow-page .section-article h3:before{
		width: 42px;
		height: 36px;
	}
	.post h3.title ,
	#flow-page .section-article h4{
		font-size: 17px !important;
		margin-left: 8px;
		margin-right: 8px;
	}
	.post p, .post ul, .post ol,
	.article-box p, .article-box ul, .article-box ol {
		padding-left: 10px;
		padding-right: 5px;
	}
	table td {padding: 20px 10px;}
	.graze-line-brown {background-size: 100% 1.5px;}
	#header {background-size: 105% 100%;}
	#header:after {background-size: 100% 1px;}
	#header-logo {
		width: 100px;
		margin: 0;
	}
	#site-description {
		width: calc(100% - 188px);
		left: 105px;
		font-size: 10px !important;
		padding-top: 23px;
	}
	#nav-toggle {
		top: 16px;
		width: 84px;
		height: 47px;
	}
	.open #nav-toggle span:nth-child(1),
	.open #nav-toggle span:nth-child(3) {
		top: 6px;
	}
	#panel{width: 98%;}
	#sp-nav .button {
		margin: 0 auto 15px;
		max-width: 260px;
		height: 80px;
		font-size: 15px;
	}
	#sp-nav .button .icon-flex {
		width: 34px;
		height: auto;
		margin-left: -10px;
	}
	#spnav-tour-banner {
		align-items: stretch;
	}
	#spnav-tour-banner .tour-banner{width: 33%;}
	#spnav-tour-banner .tour-banner .ribon-title {
		bottom: -25px;
		font-size: 13px;
		padding: 0 4px 2px;
		height: 50px;
	}
	#spnav-tour-banner .tour-banner .ribon-title .min {
		font-size: 0.8em;
	}
	#spnav-tour-banner .flower {
		bottom: 30%;
	}
	#taiwan-sp-banner {margin: 0 auto 10px;}
	#taiwan-sp-banner .text-center {padding: 7px 0 18px;}
	#taiwan-sp-banner h2{
		padding: 0;
		font-size: 18px !important;
		margin-top: -5px !important;
	}
	#global-nav li a {
		font-size: 14px;
		padding: 15px 15px 15px 5px;
	}
	#pan {margin-bottom: 20px;}
	#footer-button-area {margin: 0 auto 20px;}
	#footer-banner-area {margin: 30px auto 26px;}
	#footer-banner-area .fotter-banner {
		width: 300px;
		margin: 0 auto 15px;
	}
	#footer-banner-area .fotter-banner .text{font-size: 11px;}
	#footer .tiger9 {
		width: 60px;
		left: 2%;
		bottom: 68px;
	}
	#footer-sp-area .button{font-size: 14px;}
	.title-head-green:before,.title-head-brown:before {height: 28px;}
	.balloon-text,#top-info-banner p {font-size: 12px;}
	.balloon-right {
		width: 116px;
		height: 87px;
	}
	ul.ul-flower-pink li .text, ul.ul-brown li .text, ul.ul-green li .text {
		flex: 2;
		line-height: 140%;
	}
	.section-area {margin-bottom: 34px;}
	#pagetop a {
	}

	/********トップページ********/
	#mainimage {height: 470px;}
	#mainimage .text-area #main-chatch {
		margin: 0 auto 15px;
		background-size: auto 20px;
	}
	#mainimage .text-area #main-chatch-bottom {
		line-height: 150% !important;
		font-size: 14px !important;
		text-shadow: rgb(55 38 25 / 60%) 1px 1px 10px, rgb(55 38 25 / 60%) -1px 1px 10px, rgb(55 38 25 / 60%) 1px -1px 10px, rgb(55 38 25 / 60%) -1px -1px 10px;
	}
	#mainimage-slide .slider-photo {width: 220px;}	
	#mainimage:before {
		width: 300px;
		height: 300px;
	}
	#top-banner-area .tour-banner {
		display: block;
		width: 96%;
		margin: 0 auto 36px;
	}
	#top-banner-area .ribon-white1 {
		width: 260px;
	}
	#top-banner-area .top-banner-flower {
		width: 220px;
		top: -55px;
	}
	#top-banner-area .top-banner-flower1 {
		left: -80px;
	}
	#top-banner-area .top-banner-flower2 {
		right: -80px;
	}
	
	#news-area .news-area-box .inner {
		padding: 0 12px 5px;
	}
	#top-about .ribon-title .balloon-text {
		right: -14px;
		font-size: 10px;
		width: 80px;
		height: 60px;
	}
	#top-about .photo2 {
		width: 160px;
		right: -39px;
		bottom: -30px;
	}
	#top-about .photo3 {
		width: 112px;
		bottom: 39%;
	}
	#top-about .photo4 {
		width: 140px;
	}
	
	#top-taroko .photo2 {
		width: 140px;
	}
	#top-onsen-area .photo-area {
		margin: 0 auto 20px;
	}
	#top-onsen-area .photo2 {
		width: 120px;
		right: -31px;
	}
	#top-onsen-area .photo3 {
		top: 33px;
		right: -28px;
		width: 100px;
	}
	
	#top-popular-tour .back-inner-box {
		padding: 55px 8px 10px;
	}
	#top-popular-tour .ten1 {
		top: 37px;
	}
	#top-popular-tour .top-tour-box {
		margin: 15px auto 0;
	}
	#top-popular-tour .main-photo {	height: 180px;}
	#top-popular-tour .photo-box {width: 140px;}
	#popular-tour1 .photo-box {top: 140px;}
	#popular-tour2 .photo-box {top: 114px;}
	#top-popular-tour .leaf-left2 {top: 185px;}
	#top-popular-tour .leaf-right2 {top: 56px;}
	#top-popular-tour .sub-title {font-size: 15px !important;}
	.taiwan-banner .photo1{
		left: -30px;
	}
	.taiwan-banner .photo2{
		right: -40px;
	}	
	#top-hotel .ten2 {
		width: 48px;
		left: -13px;
		top: -24px;
	}
	#top-column .left p {
		font-size: 13px;
		padding: 0 15px 12px;
	}
	#top-info-banner .photo-left, #top-info-banner .photo-right {
		width: 140px;
		height: auto;
		
	}
	#top-info-banner .photo-left{
		bottom: -70px;
	}
	#top-info-banner .photo-right {
		bottom: -60px;
	}
	#top-info-banner .center {padding: 35px 20px 15px;}
	#top-info-banner h3 {
		display: block;
		padding-bottom: 18px;
	}
	#top-info-banner h3 .icon-flex{
		display: block;
		margin: 0 auto;
		width: 70px;
		height: auto;
	}
	/****下層ページ共通****/
	#page-title{height: 200px;}
	#page-title:after{height: 10px;}
	#page-title .page-title-photo {
		width:140px;
		bottom: -20px;
	}
	#page-title .page-title-photo {left: -15px;}
	#page-nav .button {
		font-size: 12px;
	}

	#tour-banner-area.page-banner-area .tiger5 {
		width: 120px;
		top: -28px;
	}
	#tour-banner-area.page-banner-area .leaf-line7 {
		z-index: 1;
		top: -150px;
		width: 220px;
	}
	#tour-banner-area.page-banner-area .ribon-title {
		padding: 14px 15px 14px 43px;
	}
	#page-taiwan-banner-area .photo1 {
		width: 130px;
		top: -20px;
		left: -31px;
	}
	#page-taiwan-banner-area .photo2 {
		width: 150px;
		bottom: -23px;
		right: -55px;
	}
	#page-taiwan-banner-area .taiwan-banner-h2 {
		font-size: 28px !important;
		padding: 0;
		margin-bottom: 0 !important;
	}
	#page-taiwan-banner-area .ten4 {
		width: 55px;
		height: auto;
		top: -38px;
	}
	/******アコーディオン******/
	.accordion-title .circle-photo {
		width: 60px;
		height: auto;
		margin: 0px 0 0 14px;
	}
	.accordion-title h3 {margin: 0 0 0 6px;}


}