@charset "utf-8";
/***********Q&A***********/
#qa-area .ribon-title{
	width: 330px;
	height: 96px;
	top: -35px;
}
#qa-area .tag-ribon{
	left: 0;
	top: 0;
}
#qa-middle{
	padding-top: 15px;
	margin-bottom: 15px;
}
#qa-wrap{
	flex-wrap: wrap;
	padding: 0 20px;
	align-items: stretch;
}
#qa-wrap .qa-box{
	width: 31%;
	margin: 0 1% 25px;
	border-radius: 6px;
	padding: 34px 20px 5px;
	border: 4px solid #fbf7ee;
	font-size: 14px;
	line-height: 140%;
	position: relative;
	z-index: 20;
}
#qa-wrap .qa-box:before{
	height: 23px;
	left: -5px;
	right: -5px;
	top: -7px;
	z-index: 3;
}
#qa-wrap .qa-box:nth-child(odd){
	background: #f7f3e4;
}
#qa-wrap .qa-box:nth-child(even){
	background: #fbfaf6;
}
#qa-wrap .qa-box .title-area{
	position: initial;
	width: 100%;
	background: url(../../common/images/line-h3-bluegreen.png) repeat-x left bottom;
	background-size: auto 9px;
	padding: 0 0 15px;
	margin: 0 auto 10px;
	height: 58px;
}
#qa-wrap .qa-box .text-q{
	display: flex;
	background: url(../../common/images/required-tag.png) no-repeat center top;
	background-size: 100% auto;
	width: 55px;
	height: 52px;
	z-index: 100;
	padding: 0 3px 0 0;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 -7px;
	position: relative;
}
#qa-wrap .qa-box .text-q:after{
	content: "";
	display: block;
	background: url(../../common/images/icon-flower3.png) no-repeat center top;
	background-size: 100% auto;
	width: 32px;
	height: 24px;
	position: absolute;
	bottom: 3px;
	right: -9px;
	z-index: 10;
}
#qa-wrap .qa-box h3{
	font-size: 20px;
	line-height: 130%;
	flex: 2;
	margin: 0;
	padding: 0;
}
#qa-wrap .answer-area{
	margin: 0 auto 10px;
	padding: 0;
	position: relative;
}
#qa-wrap .qa-box .text-a{
	font-size: 24px;
	background: url(../../common/images/circle-orange.png) no-repeat left bottom;
	background-size: 30px auto;
	padding: 0 0 0 16px;
	flex-shrink: 0;
}
.answer-area h4{
	font-size: 17px;
	margin: 0 0 0 10px;
	line-height: 140% !important;
	flex: 2;
}
.answer-area h4 .min{font-size: 0.8em;}
#qa-area .ten5{
	top: -43px;
	right: 41px;	
}
#qa-area .illust-1{
	bottom: 0;
	right: 35px;
}
#qa-area-wrap .leaf-line16{
	top: -200px;
}
#qa-area-wrap .circle1{
	top: -90px;
}
#qa-area-wrap .circle2{
	bottom: -90px;
}
/***********最適シーズン***********/
#season-sec1,#season-sec2{
	max-width: 1040px;
	width: 94%;
	margin: 0 auto 0;	
}
#season-sec1{padding:40px 0 25px;}
#season-area .ribon-title{
	z-index: 200;
	top: -48px;
	padding: 0 0 23px;
}
.graph{
	max-width: 1140px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 50px;
	position: relative;
	z-index: 100;
}
#season-sec1 ul{
	max-width: 620px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 150%;
}
#season-sec1 ul.ul-brown li:before {
	position: relative;
	top: 7px;
}
#season-sec1 .flower-top5{
	position: initial;
	display: block;
	margin: 0 auto;
}
#season-sec2{
	margin-bottom: 30px;
	padding:20px 0 25px;
}
#season-sec2 .season-photo1{
	position: relative;
	z-index: 5;
}
#season-sec2 .season-photo2{
	right: -100px;
	bottom: -8px;
	z-index: 10;
}
#season-sec2 .leaf-right2{
	right: -87px;
	top: 34px;
	z-index: 0;
}
#season-sec2 .text-area{padding: 30px 0 0 70px;}

#season-area-wrap .bird3{
	top: -52px;
	left: 0;
	z-index: 20;
}
#season-area-wrap .leaf-line4{
	top: -200px;
	right: -100px;
	z-index: 100;
	opacity: 0.6;
}

#season-area-wrap .leaf-line14{
	top: 50%;
}
#season-area-wrap .circle1{
	top: 46%;
}
#season-area-wrap .circle2{
	bottom: -150px;
}
/**********モデルコース**********/
#model-titlearea{
	width: 90%;
	margin: auto;
}
#model-titlearea #title-board{
	width: 370px;
	height: 100px;
	padding: 7px 0 0 0;
	margin: 0 0 20px;
	position: relative;
}
#model-titlearea #title-board h2{
	line-height: 100% !important;
	margin: 0;
	padding: 0 0 8px;
	background-size: auto 13px;
	text-align: left;
}
#model-titlearea #title-board h2 .icon-flex{
	margin-right: 15px;
}
#model-titlearea .vertical-line-box {
	width: calc(50% - 180px);
	height: 8px;
	background: url(../../common/images/line-horizon.png) no-repeat center top;
	background-size: auto 100%;
	margin: 0 15px;
	flex: 2;
}
#model-titlearea .balloon-text{
	left: -50px;
	top: -46px;
}
#model-nav{
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
	
	position: relative;
}
#model-nav .inner{
	width: 100%;
	border: 6px solid #fbf7eb;
	border-radius: 6px;
	padding: 30px 25px 25px;
}
#model-nav .tiger10{
	bottom: 0;
	left: 10%;
}
#model-nav .photo1{
	top: -80px;
	left: -80px;
	z-index: 20;
}
#model-nav .photo2{
	bottom:  -50px;
	right: -80px;
	z-index: 20;
}
#model-nav li a{
	padding: 6px 0;
	position: relative;
	z-index: 200;
}
#model-nav .num{
	display: flex;
	background: url(../../common/images/required-tag.png) no-repeat center top;
	background-size: 100% auto;
	width: 40px;
	height: 38px;
	z-index: 100;
	padding: 2px 1px 0 0;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 0;
	position: relative;
	flex-shrink: 0;
}
#model-nav .text{
	text-decoration: underline;
	position: relative;
}
#model-nav .text:after{
	content: "";
	display: inline-block;
	background: url(../../common/images/arrow-down-brown.png) no-repeat center top;
	background-size: 100% auto;
	width: 18px;
	height: 18px;
	margin: 0 0 0 10px;
	position: relative;
	top: 4px;
}
.model-area{
	margin: 0 auto 50px;
}
.model-area .back-inner-box{padding: 35px 25px 0;}
.model-area .title-area{
	position: relative;
	z-index: 200;
}
.model-area .title-area h3{
	background: url(../../common/images/line-diag-brown.png) repeat-x center bottom;
	background-size: auto 10px;
	padding: 0 0 16px;
}
.model-area .title-area .num{
	display: flex;
	background: url(../../common/images/required-tag.png) no-repeat center top;
	background-size: 100% auto;
	width: 50px;
	height: 48px;
	z-index: 100;
	padding: 0 3px 0 0;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 0;
	position: relative;
	z-index: 10;
	flex-shrink: 0;
}
.model-area .title-area .num:before{
	content: "";
	display: block;
	background: url(../../common/images/leaf-left1.png) no-repeat center top;
	background-size: 100% auto;
	width: 30px;
	height: 33px;
	position: absolute;
	bottom: -8px;
	left: -20px;
	z-index: -1;
}
.model-phase-area{
	align-items: stretch;
	flex-wrap: wrap;
	position: relative;
	z-index: 200;
}
.model-phase-area .box{
	width: 22%;
	margin: 0 2% 30px 1%;
	text-align: center;
	font-size: 15px;
	line-height: 140%;
	position: relative;
}
.model-area .photo-box{position: relative;}
.model-phase-area .photo-box:before {
	content: "";
	display: block;
	background: url(../../common/images/arrow-flow.png) no-repeat center top;
	background-size: 100% 100%;
	width: 10%;
	height: 50px;
	position: absolute;
	top: calc(50% - 25px);
	right: -10%;
	margin: auto;
}
.model-phase-area .box:last-child .photo-box:before{content: none;}
.model-area-bottom{
	
	margin: 0 auto 30px;
	align-items: flex-start;
	position: relative;
	z-index: 200;
}

.model-phase-area .photo-box{
	margin: 0 auto 20px;
	width: 100%;
	
}

.model-phase-area .date{
	width: fit-content;
	padding:2px 15px;
	font-size: 13px;
	margin: 0 auto 5px;
}
.model-area-bottom .circle-photo{
	width: 340px;
	height: 340px;
	object-fit: cover;
	position: relative;
	z-index: 1;
}
.model-area-bottom .photo-area{
	width: 350px;
	position: relative;
}
.model-area-bottom .photo-box{
	width: 200px;
	transform: rotate(10deg);
	bottom: 0;
	right: -20px;
	position: absolute;
	z-index: 10;
}
.model-area-bottom .photo-area:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
}
.model-area-bottom.column-left .photo-area:before{
	background: url(../../common/images/flowers3.png) no-repeat center top;
	background-size: 100% auto;
	width: 136px;
	height: 144px;
	left: -75px;
	bottom: 0;
}
.model-area-bottom.column-right .photo-area:before{
	background: url(../../common/images/flowers10.png) no-repeat center top;
	background-size: 100% auto;
	width: 136px;
	height: 110px;
	right: -70px;
	top: 32%;
}
.model-area-bottom .text-area{
	padding: 0 20px;
	position: relative;
}
.model-area-bottom .text-area:after{
	content: "";
	display: block;
	position: absolute;
	background: url(../../common/images/back-circle-yellow1.png) no-repeat center top;
	background-size: 100% auto;
	width: 300px;
	height: 300px;
	z-index: -1;
}
.model-area-bottom.column-left .text-area:after{
	right: -150px;
	bottom: -80px;
}
.model-area-bottom.column-right .text-area:after{
	left: -150px;
	bottom: -70px;
}


.model-area .bird1{
	bottom: 6px;
	right: 20px;
}
.model-area .ten4{
	bottom: 6px;
	right: 20px;
}

#model-area-wrap .leaf-line13{
	top: -200px;
	opacity: 0.8;
}
#model-area-wrap .leaf-line14{
	top:42%;
}
#model-area-wrap .leaf-line5 {
	top: 75%;
}

#model-area-wrap .circle1{
	top: 30%;
}
#model-area-wrap .circle2{
	top: 50%;
}



/**********台湾の歴史**********/
#history-area-wrap {
	
}


#history-area{

}
#history-area .history-box{
	align-items: flex-start;
	max-width: 1040px;
	margin: 0 auto 60px;
	width: 94%;
	z-index: 200;
}
#history-area .history-box .photo-area{
	width: 500px;
	margin-top: 30px;
}
#history-box1 .photo-area,
#history-box3 .photo-area{transform: rotate(-7deg);}
#history-box2 .photo-area{transform: rotate(7deg);}
#history-area .history-box .flower{
	width: 240px;
	height: auto;
	aspect-ratio:initial;
	position: absolute;
	display: block;
	z-index: 0;
}
#history-box1 .flower,
#history-box3 .flower{
	left: -100px;
	bottom: -27px;
}
#history-box2 .flower{
	right: -100px;
	bottom: -20px;
}
#history-area .history-box h3{
	position: relative;
	width: fit-content;
	min-height: 74px;
	margin: 0 0 20px 0;
	padding: 0 40px 3px 26px;
}
#history-area .history-box h3 .ten3{
	top: -30px;
	left: 0;
}
#history-bottom{
	max-width: 700px;
	width: 90%;
	margin: 0 auto;
}
#history-area .tiger3{
	top: -62px;
	left: 6px;
}
#history-area .illust-3{
	bottom: -20px;
	right: -10px;
	width: 180px;
	opacity: 0.8;
}
#history-area-wrap .leaf-line5{
	top: -180px;
}
#history-area-wrap .leaf-long3{
	top: 10%;
	opacity: 0.6;
	left: -200px;
}
#history-area-wrap .leaf-long2{
	top:50%;
	opacity: 0.8;
	right: -50px;
}
#history-area-wrap .leaf-line4{
	bottom:120px;
}
#history-area-wrap .circle1{
	top: -150px;
}
#history-area-wrap .circle2{
	top: 40%;
}
#history-area-wrap .circle3{
	bottom: -100px;
}
@media only screen and (min-width:1501px){



}
@media only screen and (min-width:1701px){



}

@media only screen and (max-width:1140px){
	#page-nav-info .balloon-text {
		font-size: 12px;
		width: 90px;
		height: 65px;
		/* left: -20px; */
		top: -54px;
	}
	/***********最適シーズン***********/
	#season-sec2{
		font-size: 14px;
		line-height: 140%;
	}
	#season-sec2 .season-photo2 {
		right: auto;
		bottom: -12px;
		left: 54%;
	}
	/**********モデルコース**********/
	.model-area-bottom {
		display: flex;
		width: 100%;
	}
	.model-area-bottom .photo-area {
		width: 300px;
		position: relative;
		
	}
	.model-area-bottom.column-left .photo-area{margin: 0 30px 0 0;}
	.model-area-bottom.column-right .photo-area{margin: 0 0 0 30px;}
	.model-area-bottom .circle-photo{
		margin:0 !important;
	}
	.model-area-bottom .photo-box {
		width: 150px;
		bottom: 0;
	}
	


	/**********台湾の歴史**********/
	#history-area .history-box .photo-area {
		width: 420px;
	}
	#history-box1 .photo-area, 
	#history-box3 .photo-area {
		transform: rotate(-4deg);
	}
	#history-box2 .photo-area {
		transform: rotate(4deg);
	}
	#history-area .history-box h3 {
		margin: 0 auto 20px;
	}
	#history-area-wrap .leaf-line5 {
		top: -50px;
	}
	#history-area .tiger3 {
		width: 120px;
		height: auto;
		top: -47px;
	}
	#history-area .illust-3 {
		bottom: -20px;
		right: 0;
		width: 140px;
		opacity: 0.8;
	}
	#history-area-wrap .leaf-long3 {
		top: 33%;
	}
	#history-area-wrap .leaf-long2 {
		top: 62%;
	}
	#history-area-wrap .leaf-line4 {
		bottom: -160px;
		opacity: 0.7;
	}

}
@media only screen and (max-width: 989px){
	#page-nav-info .button{
		font-size: 14px;
		padding: 0 10px 0 0;
	}
	#page-nav-info .button .icon-flex{
		width: 40px;
		height: auto;
	}
	/***********Q&A***********/
	#qa-wrap {padding: 0 10px 50px;}
	#qa-wrap .qa-box {
		width: 48%;
		margin: 0 1% 20px;
		padding: 26px 18px 12px;
		position: relative;
		z-index: 1;
	}
	#qa-wrap .qa-box{background: #f7f3e4 !important;}
	#qa-wrap .qa-box:nth-child(2),
	#qa-wrap .qa-box:nth-child(3),
	#qa-wrap .qa-box:nth-child(6),
	#qa-wrap .qa-box:nth-child(7),
	#qa-wrap .qa-box:nth-child(10),
	#qa-wrap .qa-box:nth-child(11),
	#qa-wrap .qa-box:nth-child(14),
	#qa-wrap .qa-box:nth-child(15),
	#qa-wrap .qa-box:nth-child(18),
	#qa-wrap .qa-box:nth-child(19),
	#qa-wrap .qa-box:nth-child(22),
	#qa-wrap .qa-box:nth-child(23){
		background: #fbfaf6 !important;
	}
	#qa-wrap .qa-box:before {
		background: url(../../common/images/title-head-brown2.png) repeat-x left top !important;
		background-size: auto 100% !important;
	}
	#qa-wrap .qa-box:nth-child(2):before,
	#qa-wrap .qa-box:nth-child(3):before,
	#qa-wrap .qa-box:nth-child(6):before,
	#qa-wrap .qa-box:nth-child(7):before,
	#qa-wrap .qa-box:nth-child(10):before,
	#qa-wrap .qa-box:nth-child(11):before,
	#qa-wrap .qa-box:nth-child(14):before,
	#qa-wrap .qa-box:nth-child(15):before,
	#qa-wrap .qa-box:nth-child(18):before,
	#qa-wrap .qa-box:nth-child(19):before,
	#qa-wrap .qa-box:nth-child(22):before,
	#qa-wrap .qa-box:nth-child(23):before{
		background: url(../../common/images/title-head-orange.png) repeat-x left top !important;
		background-size: auto 100% !important;
	}
	#qa-wrap .qa-box .title-area {
		height: auto;
		min-height: 50px;
	}
	#qa-area-wrap .manta {
		width: 150px;
		right: -20px;
		top: -80px;
	}
	#qa-area-wrap .fish-blue3 {
		right: -30px;
		top: 19%;
	}
	/**********最適シーズン**********/
	#season-sec2 {
		display: flex;
		align-items: flex-start;
	}
	#season-sec2 .season-photo1{
		width: 220px;
		height: auto;
	}
	#season-sec2 .season-photo2 {
		width: 160px;
		height: auto;
		bottom: -20px;
	}
	#season-sec2 .leaf-right2 {
		width: 90px;
		height: auto;
		right: -68px;
		top: 59px;
		z-index: 0;
	}
	#season-sec2 .text-area {padding: 0 0 0 84px;}
	
	#season-area-wrap .leaf-line4 {
		width: 400px;
		top: -150px;
	}
	#season-area-wrap .leaf-line14 {
		width: 300px;
		top: 38%;
	}
	
	/**********モデルコース***********/
	.model-area-bottom .photo-area {
		width: 260px;
	}
	.model-area-bottom .circle-photo {
		width: 200px;
		height: 200px;
	}
	.model-area-bottom .photo-box {
		width: 120px;
	}
	.model-area-bottom .text-area {
		font-size: 15px;
	}

	/**********台湾の歴史**********/



}
@media only screen and (max-width: 789px){
	#page-nav-info {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	#page-nav-info .button {
		width: 49%;
		margin-bottom: 16px;
	}
	/***********Q&A***********/
	#qa-area .ribon-title {
		width: 280px;
		height: 89px;
		top: -23px;
	}
	#qa-middle {
		width: 300px;
		padding-top: 42px;
		margin: 0 auto 10px;
	}	
	#qa-wrap {
		padding: 0 10px;
	}
	#qa-wrap .qa-box:before {
		height: 23px !important;
	}

	#qa-wrap .qa-box .text-q {
		width: 46px;
		height: 45px;
		z-index: 100;
		padding: 0;
		margin: 0 10px 0 -10px;
	}
	#qa-wrap .qa-box .text-q:after {
		width: 24px;
		height: 21px;
		bottom: 3px;
		right: -5px;
	}
	#qa-wrap .qa-box h3 {font-size: 18px;}
	#qa-wrap .answer-area {margin: 0 auto 18px;}
	#qa-wrap .qa-box .text-a {
		margin: 0 0 0 -3px;
		background-size: 24px auto;
	}
	.answer-area h4 {font-size: 15px;}
	#qa-area .ten5 {
		width: 110px;
		height: auto;
		top: -32px;
		right: 0;
	}
	#qa-area .illust-1 {
		width: 90px;
		height: auto;
	}
	
	
	/**********気候***********/
	#season-area .ribon-title {
		width: 320px;
		height: 100px;
		top: -43px;
		padding: 0 0 14px;
	}
	#season-area .ribon-title h2{
		line-height: 120% !important;
	}
	#season-sec1 ul{font-size: 16px;}
	#season-sec2 {
		padding: 0 10px 5px;
		display: block;
		position: relative;
	}
	#season-sec2 .left{
		width: 200px;
		position: relative;
	}
	#season-sec2 .season-photo1 {width: 100%;}
	#season-sec2 .text-area {padding: 20px 0 0 0;}
	
	#season-area-wrap .bird3 {
		width: 48px;
		height: auto;
		top: -39px;
	}
	#season-area-wrap .leaf-line14 {
		width: 240px;
		top: 54%;
	}
	/**********モデルコース***********/
	#model-titlearea #title-board {
		width: 320px;
		height: 94px;
	}
	#model-titlearea #title-board h2 .icon-flex {
		width: 60px;
		margin-right: 0;
		height: auto;
	}
	#model-titlearea .balloon-text {
		font-size: 12px;
		width: 115px;
		height: 80px;
		left: -34px;
		top: -36px;
	}
	#model-nav .photo1 {
		width: 180px;
		top: -100px;
	}
	#model-nav .photo2 {
		width: 180px;
		bottom: -84px;
	}
	#model-nav .tiger10 {
		width: 77px;
		left:-30px;
	}
	#model-nav .inner {
		border-width: 4px ;
		padding: 22px 25px 16px;
	}
	#model-nav li a {
		padding: 3px 0;
		font-size: 14px;
	}
	#model-nav .num {
		width: 32px;
		height: 31px;
		padding: 2px 1px 0 0;
		margin: 0 6px 0 0;
	}
	.model-area .title-area h3{
		margin: 0 auto 10px;
		background-size: auto 7px;
	}
	.model-phase-area .box {
		width: 30%;
		margin: 0 2% 5px 1%;
		font-size: 13px;
	}
	.model-phase-area .photo-box {
		margin: 0 auto 15px;
	}
	.model-phase-area .photo-box:before {
		width: 8%;
		height: 50px;
		right: -8%;
	}
	.model-phase-area .date {
		padding: 2px 13px;
		font-size: 12px;
	}
	
	.model-area-bottom {
		display: block;
		width: 98%;
	}
	.model-area-bottom .photo-area {
		margin: -10px auto 25px !important;
		width: 250px;
	}
	
	.model-area-bottom.column-left .photo-area:before {
		width: 120px;
		height: 125px;
		left: -75px;
		bottom: 0;
	}
	.model-area-bottom.column-right .photo-area:before {
		right: -37px;
	}
	.model-area .title-area{position: initial;}
	
	
	
	.model-area .bird1 {
		width: 44px;
		bottom: auto;
		right: 0;
		top: -25px;
		z-index: 20;
	}
	.model-area .ten4 {
		width: 60px;
		bottom: auto;
		right: auto;
		top: -30px;
		z-index: 10;
		left: 0;
	}
	
	#model-area-wrap .leaf-line13 {
		top: -100px;
	}
	/**********台湾の歴史**********/
	#history-area h2.title-yellow .icon-flex{
		width: 60px;
		height: auto;
	}
	#history-area .history-box{
		width: 90%;
		margin: 0 auto 30px;
	}
	#history-area .history-box .photo-area {
		width: 340px;
	}
	#history-area .history-box .flower {
		width: 200px;
	}
	
	#history-area .history-box h3 {
		margin: 0 auto 20px;
		width: 320px;
		justify-content: center;
	}
	#history-bottom {
		padding-top: 30px;
	}
	#history-area-wrap .leaf-long3 {
		top: 32%;
		width: 800px;
		left: auto;
		right: -80px;
	}
	#history-area-wrap .leaf-long2 {
		top: 60%;
		width: 800px;
		right: auto;
		left: -80px;
	}
	#history-area-wrap .leaf-line4 {
		bottom: 9%;
		opacity: 0.7;
	}


}
@media only screen and (max-width: 589px){
	#page-nav-info {margin-bottom: 0;}
	#info-spacer1{display: none;}
	/***********Q&A***********/
	#qa-area .ribon-title {
		width: 250px;
		height: 83px;
		top: -32px;
		z-index: 100;
	}
	#qa-area .tag-ribon {
		width: 28px;
		height: auto;
	}
	
	#qa-middle {
		width: initial;
		padding: 15px 0 10px;
		margin: 0 auto;
	}
	#qa-wrap {padding: 0 4px ;}
	#qa-wrap .qa-box {padding: 24px 12px 5px;}
	#qa-wrap .qa-box:before {
		height: 21px !important;
	}
	#qa-wrap .qa-box .title-area {
		background-size: auto 7px;
		padding-bottom: 10px;
	}
	#qa-area .ten5 {
		width: 82px;
		top: -23px;
		right: 0;
	}
	#qa-area .illust-1 {
		width: 70px;
		height: auto;
		right: 20px;
	}
	#qa-area-wrap .leaf-line16 {
		top: -156px;
		z-index: -1;
	}
	
	/**********最適シーズン**********/
	#season-area .ribon-title {
		width: 280px;
		height: 95px;
		top: -37px;
		padding: 0 0 14px;
	}
	#season-sec1 {padding: 40px 0 0;}
	#season-sec1 h3.line-h3-orange{
		background-size: auto 11px;
	}

	#season-sec2 {display: block;}
	#season-sec2 .left {width: 180px;}
	#season-sec2 .season-photo2 {
		width: 130px;
		height: auto;
		bottom: -14px;
	}
	#season-sec2 .text-area {padding: 18px 0 0;}
	
	
	#season-area-wrap .leaf-line4 {
		width: 300px;
		top: -120px;
		z-index: 0;
	}
	/**********モデルコース**********/
	#model-titlearea #title-board {
		width: 290px;
		height: 88px;
		margin-bottom: 0;
	}
	
	#model-titlearea .balloon-text {
		font-size: 10px;
		width: 92px;
		height: 70px;
	}
	#model-nav .photo1 {
		width: 120px;
		top: -40px;
		left: -57px;
	}
	#model-nav .photo2 {
		width: 120px;
		right: -50px;
		z-index: 50;
		bottom: -22px;
	}
	#model-nav .tiger10 {
		width: 60px;
	}
	.model-area {
		margin: 0 auto 30px;
	}
	.model-area .back-inner-box {
		padding: 25px 15px 0;
	}
	.model-area .title-area .num {
		width: 42px;
		height: 40px;
		flex-shrink: 0;
	}
	.model-area .title-area .num:before {
		width: 25px;
	}
	.model-area .title-area h3 {
		padding: 0 0 8px;
	}
	.model-phase-area .box {
		width: 45%;
		margin: 0 3% 20px 2%;
		font-size: 13px;
	}
	.model-area-bottom .text-area {
		font-size: 14px;
	}
	.model-area .ten4 {
		width: 46px;
		top: -25px;
	}
	.model-area-bottom.column-left .photo-area:before {
		width: 90px;
		height: 91px;
		left: -52px;
		bottom: 0;
	}
	
	#model-area-wrap .leaf-line13 {
		top: -80px;
		width: 260px;
	}
	#model-area-wrap .leaf-line5 {
		top: 82%;
	}
	.model-area-bottom .text-area:after {
		width: 200px;
		height: 200px;
	}

	/**********台湾の歴史**********/
	#history-area .history-box .photo-area {
		width: 320px;
		margin: 0 auto;
	}
	#history-box1 .flower, 
	#history-box3 .flower {
		left: -80px;
		bottom: -17px;
	}
	#history-box2 .flower {
		right: -87px;
	}
	#history-area .history-box h3 {
		width: 280px;
	}
	#history-area .illust-3 {
		bottom: -25px;
		right: -10px;
		width: 120px;
		opacity: 0.8;
	}
	#history-area .tiger3 {
		width: 100px;
		height: auto;
		top: -38px;
	}
	#history-area-wrap .leaf-long3 {
		top: 30%;
	}
	#history-area-wrap .leaf-long2 {
		top: 56%;
	}
	
	


}
@media only screen and (max-width: 489px){
	#page-nav-info .button{
		font-size: 13px;
		padding-left: 5px;
	}
	#page-nav-info .button .icon-flex{
		width: 34px;
		height: auto;
	}
	/***********Q&A***********/
	#qa-wrap{display: block;}
	#qa-wrap .qa-box {
		padding: 24px 20px 8px;
		width: 100%;
		margin: 0 auto 20px;
		max-width: 360px;
		width: 94%;
	}
	#qa-wrap .qa-box:nth-child(odd){background: #fbfaf6 !important;}
	#qa-wrap .qa-box:nth-child(even){background: #f7f3e4 !important;}
	#qa-wrap .qa-box:nth-child(odd):before{
		background: url(../../common/images/title-head-orange.png) repeat-x left top !important;
		background-size: auto 100% !important;
	}
	#qa-wrap .qa-box:nth-child(even):before{
		background: url(../../common/images/title-head-brown2.png) repeat-x left top !important;
		background-size: auto 100% !important;
	}
	
	
	
	
	
	#qa-wrap .answer-area {
		align-items: center;
		min-height: 40px;
	}
	/**********最適シーズン**********/
	#season-area .ribon-title {
		width: 262px;
		height: 93px;
	}
	#season-sec1 h3.line-h3-orange .icon-flex {
		width: 44px;
		height: auto;
	}
	#season-area-wrap .leaf-line4 {
		width: 220px;
		top: -154px;
		z-index: 0;
	}
	#season-area-wrap .leaf-line14 {
		width: 200px;
	}

	/**********モデルコース**********/
	#info-spacer6{display: none;}
	#model-titlearea{
		display: block;
	}
	#model-titlearea #title-board {
		margin: 0 auto;
		width: 260px;
		height: 79px;
		padding: 8px 0 0 0;
	}
	#model-titlearea #title-board h2 {
		font-size: 20px !important;
		background-size: auto 11px;
	}
	#model-titlearea #title-board h2 .icon-flex {width: 50px;}
	#model-titlearea .vertical-line1{
		margin: 0 auto 30px;
		width: 80%;
	}
	#model-titlearea .vertical-line2{display: none !important;}
	#info-spacer7{height: 20px !important;}
	#model-nav li a {
		align-items: flex-start;
	}
	#model-nav .photo1 {
		width: 110px;
		top: -30px;
		left: -46px;
	}
	#model-nav .photo2 {
		width: 110px;
		bottom: -16px;
	}
	#info-spacer8{height: 10px !important;}
	.model-area {
		margin: 40px auto 0 !important;
	}
	.model-area .title-area{
		position: initial;
	}
	.model-area .bird1 {
		width: 44px;
		bottom: auto;
		top: -27px;
		z-index: 20;
	}
	.model-area .ten4 {
		width:54px;
		bottom: auto;
		top: -31px;
		z-index: 20;
	}
	.model-area-bottom.column-right .photo-area:before {
		right: -14px;
		width: 110px;
		height: 90px;
		top: 17%;
	}
	.model-area-bottom .photo-area {
		width: 220px;
	}
	.model-area-bottom .circle-photo {
		width: 180px;
		height: 180px;
		max-width: 100% !important;
	}
	.model-area-bottom .photo-box {
		width: 100px;
	}
	.model-area-bottom .text-area{position: initial;}
	.model-area-bottom .text-area:after {
		width: 200px;
		height: 200px;
		bottom: -80px !important;
		right: auto !important;
		left: -100px;
	}
	#model-area-wrap .leaf-line13 {
		top: -33px;
		width: 220px;
	}
	#model-area-wrap .leaf-line14 {
		width: 200px;
		top: 20%;
	}
	#model-area-wrap .leaf-line5 {
		top: 79%;
		width: 250px;
	}
	/**********台湾の歴史**********/
	#history-area .history-box .photo-area {
		width: 280px;
	}
	#history-area .history-box .flower {
		width: 180px;
	}
	#history-box1 .flower, #history-box3 .flower {
		left: -66px;
		bottom: -17px;
	}
	#history-area-wrap .leaf-long3 {
		top: 28%;
	}
	#history-area-wrap .circle1 {
		display: none;
	}

}
@media only screen and (max-width: 389px){
	#page-nav-info .button .icon-flex {width: 28px;}
	#page-nav-info .balloon-text {font-size: 11px;}
	/***********Q&A***********/
	#qa-area .ribon-title {
		width: 225px;
		height: 77px;
		top: -27px;
	}
	#qa-middle {
		font-size: 15px !important;
	}
	#qa-wrap .qa-box {
		padding: 24px 12px 8px;
	}
	#qa-area-wrap .leaf-line16 {
		top: -166px;
	}
	
	/**********最適シーズン**********/
	.graph {margin: 0 auto 30px;}
	#season-sec1 ul {font-size: 15px;}
	#season-area-wrap .bird3 {
		width: 42px;
		height: auto;
		top: -38px;
		margin: auto;
		left: 0;
		right: 0;
	}
	#season-area-wrap .leaf-line14 {
		width: 180px;
		top: 45%;
		z-index: 0;
	}
	/**********モデルコース**********/
	#model-nav li a {
		font-size: 13px;
	}
	#model-nav .tiger10 {
		width: 52px;
		left: -11px;
	}
	.model-area .title-area .num {
		width: 36px;
		height: 35px;
	}
	.model-area .title-area h3 {
		padding: 0 0 8px;
		align-items: flex-start;
	}
	
	
	
	
	/**********台湾の歴史**********/

	#history-area .history-box .photo-area {width: 240px;}
	#history-area .history-box h3 .ten3 {
		width: 90px;
		top: -25px;
	}





}