@charset "utf-8";

* {
	box-sizing: border-box;
}
body {
	margin: 0;
	color: #211713;
	line-height: 1.5;
}
a {
	text-decoration: none;
	color: inherit;
}
li {
	display: inline-block;
		<!-- ▼フッター -->
	list-style: none;
}
h1 {
	margin: 0;
}
h2 {
	padding: 0;
	color: #211713;
	line-height: 1.4;
	border: none;
}
.flex {
	display: flex;
}
p.body {
	margin: 0 0 10px;
	font-size: 13px;
}

/*font///////*/
.sub {
	font-weight: bold;
}
.aqua {
	color: #00A9C3;
}
.yellow {
	color: #FFF23F;
}
/*grid///////*/
.sp-w28 {
	width: 28%;
}
.sp-w30 {
	width: 30%;
}
.sp-w40 {
	width: 40%;
}
.sp-w60 {
	width: 60%;
}
.sp-w70 {
	width: 70%;
}
.sp-w80 {
	width: 80%;
}
.space {
	padding: 0 2%;
}
/*frame*/
.frame-gray {
	border: solid 10px #eee;
}
.frame-dot {
	position: relative;
	padding: 10px;
	border: solid 5px #eee;
}
.frame-dot::after {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	width: 101%;
	height: 100.5%;
	border: dotted 2px #fff;
}
/*photo layout*/
.content .img-wrap.flex .img-container {
	padding: 0 2%;
}
.content .img-wrap.flex .img-wrap.flex {
	padding: 0 0 0 2%;
	flex-direction: column;
	justify-content: space-between;
}

/*header,footer///////*/
#loadingWrap {
	display: none;
}
#header {
	display: none;
}
#loadingWrap + #header{
	display: block;
}
#spFooter {
	display: block;
}
#pcFooter {
	display: none;
}
.header-area {
	font-size: 16px;
}
.l-pan-list {
	display: flex;
	padding: 10px;
}
.l-pan-list .pan li {
	color: #336699;
	font-size: 13px;
}
.l-pan-list .pan li .pc-kix{
	display: none;
}
.pan li.current {
	font-weight: bold;
}
.pan li a {
	text-decoration: underline;
	color: #666;
}
.pan-sns {
	display: none;
}
#menuNav {
	display: none;
}
#footer .footer01 .body {
	width: 960px;
}
#pagetop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 10;
}
#pagetop a {
	bottom: 30px;
	opacity: .7;
	transition: all 0.8s ease;
}
#pagetop a:hover {
	opacity: 1;
}
#pagetop a img {
	width: 60px;
	height: 60px;
}


/*intro///////*/
.mainvisual {
	width: 100%;
	background: transparent url(../img/sp/mainvisual.jpg) 0 0 no-repeat;

}
/*.mainvisual .img-wrap.pc {
	display: none;
}*/
.mainvisual .img-wrap.sp img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.headline {
	padding: 3%;
	background-color: #c4fff7;
}
.headline > div {
	display: flex;
}
.headline .img-wrap {
	display: flex;
	width: 30%;
	order: 1;
	align-items: center;
}
.headline .img-wrap img {
	width: 100%;
	height: auto;
}
.headline .intro {
	width: 70%;
	padding: 0 0 0 3%;
	order: 2;
}
.headline .intro h2 img {
	width: 100%;
}
.halohalo {
	display: flex;
	padding: 6%;
	flex-wrap: wrap;
}
.halohalo .img-wrap {
	width: 70%;
	order: 1;
}
.halohalo .img-wrap img {
	width: 100%;
	height: auto;
}
/*.halohalo .container .img-wrap.pc {
	display: none;
}*/
.halohalo .container .main.sp {
	display: block;
	width: 100%;
}
.halohalo .img-wrap.flex {
	display: flex;
	width: 30%;
	flex-direction: column;
	order: 2;
}
.halohalo .img-wrap.flex img {
	width: 90%;
	height: auto;
	padding: 0 0 14%;
}
.halohalo .body-wrap {
	position: relative;
	order: 3;
}
.halohalo .body-wrap h3 {
	width: 50%;
	margin: 4px 0 10px;
}
.halohalo .body-wrap h3 img {
	width: 100%;
	height: auto;
}
.halohalo .body-wrap img.absolute {
	position: absolute;
	top: -26px;
	right: 0;
	width: 40%;
	height: auto;
	display: none;
}
.global-nav {
	position: relative;
	width: 100%;
	background-color: #c4fff7;
}
.global-nav ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.global-nav li {
	width: 50%;
	height: 100px;
}
/*.global-nav li:nth-child(odd) {
	background: transparent url(../img/navi/border_landscape.png) bottom left no-repeat;
}*/
.global-nav li:nth-child(even) {
	background-image: url(../img/navi/border.png);
	background-repeat: no-repeat,
		no-repeat;
	background-position: right center,
		bottom left;
}
.global-nav li.top {
	width: 100%;
	height: 110px;
}
.global-nav li a {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 10px 14px;
	align-items: center;
	font-weight: bold;
}
.global-nav li a::after {
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	color: #211713;
}
.global-nav li.top a {
	justify-content: center;
}
.global-nav li.top a::after {
	content: normal;
}
.global-nav li.nav-day2nd a {
	flex-wrap: wrap;
	align-content: center;
}
.global-nav li.nav-day2nd a span {
	font-size: 12px;
}
/* modelplan parts/////////////////*/
.day1st .head,
.day2nd .head,
.day3rd .head {
	position: relative;
    border-bottom: solid 7px #ffaa44;
}
.day1st .head img,
.day2nd .head img {
	width: 100%;
	height: auto;
	padding: 0 3%;
}
.itinerary .itinerary1,
.itinerary .itinerary2,
.itinerary .itinerary3,
.itinerary .itinerary4 {
	/* border-bottom: dotted 1px #666; */
}
/*.itinerary .timeline {
	display: flex;
	width: 14%;
	padding: 0 3%;
	background: transparent url(../img/timeline/bg-timeline.png) left 10px top 100px repeat-y;
	background-size: 100% auto;
	align-items: center;
	justify-content: center;
}*/
.itinerary .timeline .img-container {
	position: relative;
}
.itinerary .timeline .img-container::after {
	content: "頃";
	position: absolute;
	left: 50%;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
	color: #1F1713;
	transform: translateX(-10%);
}
.itinerary .timeline img {
	width: 60px;
	padding: 0 0 0 12px;
}
.itinerary .content {
	width: 86%;
	padding: 20px 3%;
}
.itinerary .content .img-wrap.flex img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.body-wrap .title {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: bold;
}
.body-wrap .sub {
	margin: 0 0 4px;
	font-size: 14px;
	color: #000035;
}
.shop p {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight:900;
}
.shop .shop-name {
	font-weight: bold;
}

.content .img-wrap .title {
	font-size: 14px;
	font-weight: bold;
}
.content .img-container img {
	width: 100%;
}
.content .img-container.space {
	padding: 0 2%;
}
/*caption*/
.caption {
	margin: 0 0 10px;
}
.caption .title {
	font-size: 14px;
	font-weight: bold;
}
.caption .label {
	padding: 0 6px;
	color: #FFF23F;
	background-color: #000;
	border: solid 1px #333;
}
.caption .label-heritage {
	padding: 0 6px;
	border: solid 1px #333;
}
.caption li {
	margin: 4px 0;
}
.caption .title p {
	margin: 6px 0;
	color: #000035;
}
/*optional-tour*/
.optional-tour {
	position: relative;
	margin: 0 0 20px;
	padding: 10% 3% 3%;
	background-color: #F0F0EC;
	border: solid 1px #333;
	font-size: 12px;
}
.optional-tour .title {
	position: absolute;
	display: flex;
	top: -20px;
	width: 100%;
	height: 40px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	background: transparent url(../img/common/ribbon.png) 0 0 no-repeat;
	background-size: 100% auto;
	align-items: center;
	justify-content: center;
}
.optional-tour .tour-name {
	position: relative;
	width: 100%;
	margin: 0 auto 10px;
	font-size: 14px;
	font-weight: bold;
	color: #000035;
	text-align: center;
	border-bottom: solid 1px #333;
}
.optional-tour .tour-name::before,
.optional-tour .tour-name::after {
	position: absolute;
	display: block;
	content: "";
	top: 100%;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
	border: solid 1px #333;
	transform: translateY(-50%);
}
.optional-tour .tour-name::after {
	left: auto;
	right: 0;
}
.optional-tour > .flex {
	flex-direction: column;
}
.optional-tour p {
	margin: 0 0 10px;
}
.optional-tour dt,
.optional-tour dd {
	display: inline-block;
}
.optional-tour .schedule {
	position: relative;
	width: 100%;
	margin: 10px 0;
	padding: 6% 4% 2%;
	background-color: #DBEFF4;
}
.optional-tour .schedule::before {
	content: "Schedule";
	position: absolute;
	top: -6px;
	right: 6px;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 13px;
	color: #00A9C3;
	font-weight: bold;
}
.optional-tour .schedule dt {
	width: 20%;
	vertical-align: top;
}
.optional-tour .schedule dd {
	width: 78%;
}
.optional-tour .schedule .note {
	display: block;
	font-size: 10px;
}
.optional-tour.short {
	margin: 30px 0 20px;
	padding: 0 3% 3%;
}
.optional-tour.short .title-short {
	position: relative;
	display: inline-block;
	top: -10px;
	margin: 0;
	padding: 0 10px;
	background-color: #fff;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}

/* tour/////////////////*/

.tour {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    font-size: 14px;
    position: relative;
}

.tour_btn2 {
    display: inline-block;
    padding: 1.1em 0;
    text-decoration: none;
    margin: 10px 2px 5px 10px;
    background-image: url(https://www.his-j.com/hokkaido/smart/img/icon_next01_wh.png);
    background-position: right 1px center;
    background-size: 30px;
    background-repeat: no-repeat;
    width: 48%;
    text-align: center;
    background-color: #E35B00;
    border-radius: 5px;
    font-size: 20px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.tour_btn2 a{
    font-weight: bold;
    color: #ffffff;
	line-height: 2.2;
	display: block;
}

.tour_btn1 {
    display: inline-block;
    padding: 1.1em 0;
    text-decoration: none;
    margin: 10px 2px 40px 120px;
    background-image: url(https://www.his-j.com/hokkaido/smart/img/icon_next01_wh.png);
    background-position: right 1px center;
    background-size: 30px;
    background-repeat: no-repeat;
    width: 80%;
    text-align: center;
    background-color: #9C1512;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.tour_btn1 a{
    font-weight: bold;
    color: #ffffff;
	line-height: 1.2;
	display: block;
}


/* htl/////////////////*/

.maincnt {
    width: 930px;
    margin: 0 auto;
    padding: 0 0 30px;
    font-size: 14px;
    position: relative;
}

.maincnt .ttl {
    font-size: 26px;
    font-weight: bold;
    padding-top: 10px;
	border-bottom: dotted 2px #79341e;
}

.clearfix {
    zoom: 100%;
    overflow: hidden;
}

.frontImage {
    /*z-index: 1000;*/
    position: relative;
}

figure {
    width: 100%;
    margin: 0;
}



.ds {
    position: absolute;
    color: #FFF;
    /* z-index: 1000; */
    text-shadow: 1px 2px 5px #000f26;
    left: 10px;
    top: 15px;
    font-size: 200%;
}

/*.ds.small.spa, .ds.room {
    right: 10px;
    bottom: 22px;
}

.ds.small {
    font-size: 90%;
    right: 0;
}
*/

figcaption {
    float: right;
    font-size: 12px;
}



.room {
	color: #79341e;
	background-image: url(../img/hotel/cnt_02_bg.gif);
}

.room .title {
    text-align: center;
	padding-top: 20px;
	margin-bottom: 5px;
}

.room .left01{
	width: 650px;
	float: left;
}
.room .left01 img{
	width: 100%;
}
.room .right01{
	width: 258px;
	float: right;
}
.room .right01 .pic{
	margin: 10px 0;
}
.room .left02{
	width: 420px;
	float: left;
}
.room .right02{
	width: 490px;
	float: right;
}
.room .room_icon{
	margin-top: 5px;
	margin: 0 5px 0 0;
	padding: 2px 5px;
	font-size: 12px;
	background: #fff;
	display: inline;
	border: 1px solid #a0776b;
	border-radius: 6px;
}

.icon_room01{
    position: absolute;
    top: 250px;
    right: -130px;
}
.icon_room02{
    position: absolute;
    top: 440px;
    left: -130px;
}
.icon_room03{
    position: absolute;
	width: 60px;
    top: 680px;
    right: 0px;
}
.icon_room04{
    position: absolute;
	width: 220px;
    top: 875px;
    left: 361px;
}




/* item_box/////////////////*/


.item_box{
	/*width: 31.3%;*/
	margin: 0 1% 25px;
	/*float: left;*/
	background: #fff;
	transition:all 0.4s ease;
	cursor: pointer;
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
	background-image: url(https://www.his-j.com/hokkaido/smart/img/icon_next01_blue.png);
    background-position: right 1px center;
    background-size: 35px;
    background-repeat: no-repeat;
}
.item_box_inner{
	/*padding-bottom: 5px;*/
	position:relative;
}

.item_box:hover{
	display: block;
	transition:all 0.4s ease;
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
	/*background-color: #fff4e9;*/
}
.item_box_pic{
	width: 20%;
    text-align: center;
    overflow: hidden;
    padding: 5px 5px 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.item_box_pic img{
	width: 100%;
}
.item_box_link{
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.item_box_link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 1.2em;
	color: #777;
	text-align: right;
}



/*.tourBox .item_box_link:after {
	position: absolute;
	display: block;
	bottom: 2%;
	right: 2%;
	content: "\25E2";
	color: #704820;
	font-size: 14px;
}*/
.item_area_icon {
	display: inline-block;
	margin: 0 3% 0;
	padding: 1% 2% 0.5%;
	background-color: #704820;
	color: #fff;
	font-size: 12px;
}
.item_box_ttl{
	display: block;
    width: 76%;
    min-height: 54px;
    padding: 3% 2%;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    float: left;
    margin: 0;
}
.item_box_price{
	display: block;
	width: 100%;
	padding: 1% 4%;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2em;
	color: red;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item_box_txt {
	border-top: 1px solid #EEE;
	width: 96%;
	padding: 4% 0;
	font-size: 12px;
	line-height: 1.2em;
	color: #777;
	margin: 2% 2% 0;
}
.item_box_note {
	width: 94%;
	font-size: 12px;
	line-height: 1.2em;
	color: #777;
	text-align: right;
}
.item_box_hotel {
    font-size: 15px;
    line-height: 1.4;
    color: #834f23;
    width: 100%;
    padding: 2% 2% 0 0;
    display: block;
}
.item_box a,
.item_box_ttl a,
.item_box_price a,
.item_box_txt a{
	text-decoration: none;
}

.item_box_text{
	margin: 5px;
}

.item_box_text .ttl {
    font-size: 26px;
    font-weight: bold;
    padding: 5px 0 0 10px;
    margin: 5px 0;
}

.item_box_text .txt {
    margin: 5px 10px;
}

.hotel_bnr{
    margin: 20px 10px 5px;
    padding: 7px 0 5px 10px;
    font-weight: bold;
    border-left: solid 10px #79341e;
    border-bottom: solid 1px #79341e;
    font-size: 20px;
}

/*info////////////////////*/

.info_bnr{
    margin: 20px 10px 5px;
    padding: 7px 0 5px 10px;
    font-weight: bold;
    border-left: solid 10px #79341e;
    font-size: 20px;
}

#info .left02 {
    width: 440px;
    float: left;
	margin: 0 0 0 15px;
	line-height: 1.7;
}

#info .right02 {
    width: 460px;
    float: right;
}

#info img{
	width: 450px;
}

#info .txt{
	margin-top:30px;
}

/*tabiburo////////////////////*/

#tabiburo img{
	width: 100%;
	padding:15px;
}

/*tokuten////////////////////*/
#tokuten img {
    width: 100%;
    padding: 0;
}


/*day1////////////////////*/
.day1st,
.day2nd,
.day3rd {
	margin: 0 0 3%;
	padding: 3% 0 0;
}
.day1st .head .girl{
	position: absolute;
	bottom: -42px;
	right: 6px;
	width: 50px;
	padding: 0;
	z-index: 10;
}
.day1st .head .board{
	position: absolute;
	bottom: -40px;
	left: 50%;
	width: 70%;
	transform: translateX(-50%);
}
/*.day1st .itinerary1 {
	background: transparent url(../img/day1st/bg-timeline01.png) 5% 0 no-repeat;
	background-size: 130px auto;
}*/
.day1st .itinerary1 .timeline {
	position: relative;
	margin: 40% 0 0;
}
.day1st .itinerary1 .timeline img.pc {
	display: none;
}
.day1st .itinerary1 .timeline img.sp {
	position: absolute;
	top: -30%;
	left: 8px;
	width: 86px;
	padding: 0;
}
.day1st .itinerary1 .content {
	padding: 60px 3% 30px;
}
.day1st .itinerary1 .body-wrap {
	margin: 20px 0 0;
}
.day1st .itinerary1 .content .img-wrap{
	position: relative;
	padding: 0 0 0 46px;
}
.day1st .itinerary1 .content .img-wrap img.tag {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
}
.day1st .itinerary2 .content-right {
	flex-direction: column;
}
.day1st .itinerary2 .content-right > .img-wrap {
	flex-wrap: wrap;
	order: 3;
}
.day1st .itinerary2 .content-right > .img-wrap .title {

}
.day1st .itinerary2 .content-right .optional-tour {
	order: 2;
}
.day1st .itinerary2 .content-right .caption {
	order: 1;
}
.day1st .itinerary3 .content {
	flex-direction: column;
}
.day1st .itinerary3 .body-wrap {
	order: 2;
}
.day1st .itinerary3 > .img-wrap {
	order: 1;
}
/*day2////////////////////*/

#plan01 img{
	margin-top:15px;
}

#plan02 {
	margin-top:40px;
}

#plan03 {
	margin-top:40px;
}


.day2nd .head {
	position: relative;
}
.day2nd .head .pc {
	display: none;
}
.day2nd .head .girl {
	position: absolute;
	bottom: -40px;
	right: 0;
	width: 100px;
}
.nav-day2nd-plan {
	margin: 10px 0 0;
	padding: 0 3%;
	border-bottom: solid 5px #000;
}
.nav-day2nd-plan li {
	padding: 4px 10px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
}
.nav-day2nd-plan li.active {
	border: solid 2px #ddd;
	border-bottom: none;
	background: linear-gradient(#fff, #f1f1f1)
}
.nav-day2nd-plan li.hide {
	color: #fff;
	border: solid 1px #aaa;
	border-bottom: none;
	background-color: #aaa;
}
.day2nd .itinerary .itinerary1,
.day2nd .itinerary .itinerary2,
.day2nd .itinerary .itinerary3 {
	width: 100%;
}
.day2nd .itinerary .itinerary1 .content {
	padding: 0 3% 20px;
}
.day2nd .itinerary1 .content .img-container {
	text-align: center;
}
.day2nd .itinerary1 .content .img-container img.board {
	width: 70%;
	height: auto;
}
.day2nd .timeline {
	position: relative;
}
.day2nd .timeline .mark {
	position: absolute;
	top: 10px;
	left: 0;
	width: 90px;
	z-index: 10;
}
.day2nd .itinerary1 .content > .img-wrap {
	position: relative;
	margin: 0 0 70px;
}
.day2nd .itinerary1 .content > .img-wrap .absolute {
	position: absolute;
	bottom: -40px;
	width: 80%;
}
.day2nd .organic {
	flex-direction: column;
}
.day2nd .organic .itinerary1 .body-wrap > .flex .content-right img,
.day2nd .organic .itinerary2 .content img {
	width: 100%;
	height: auto;
}
.day2nd .organic .itinerary2 .restrant {
	flex-wrap: wrap;
}
.day2nd .organic .itinerary2 .restrant > .img-wrap {
	width: 70%;
	flex-direction: column;
}
.day2nd .organic .itinerary2 .restrant .img-wrap .img-wrap {
	flex-direction: row;
	justify-content: flex-start;
}
.day2nd .organic .itinerary2 .caption .title p {
	display: inline;
}
.day2nd .organic .itinerary2 .caption .title p.body {
	display: inline;
	font-weight: normal;
}
.day2nd .organic .itinerary3 .content-right {
	position: relative;
}
.day2nd .organic .itinerary3 .content-right .absolute {
	position: relative;
	top: -20px;
	width: 100%;
}
.day2nd .organic .itinerary3 .content .flex + .flex {
		justify-content: space-between;
}
.day2nd .instagram {
	flex-direction: column;
}
/*insta*/
.day2nd .instagram .itinerary1 .content > .img-wrap {
	position: relative;
	padding: 0 0 0 40px;
	margin: 0;
	z-index: 10;
}
.day2nd .instagram .itinerary1 .frame-gray {
	position: relative;
	top: -20px;
	padding: 10px;

}
.day2nd .instagram .itinerary1 .sunday {
	position: absolute;
	top: -46px;
	left: -36px;
	width: 70px;
}
.day2nd .instagram .itinerary1 .tag01 {
	position: absolute;
	bottom: -14px;
	right: -12px;
}
.day2nd .instagram .itinerary2 .body-wrap {
	position: relative;
	margin: 10px 0 0;
}
.day2nd .instagram .itinerary2 .content-left {
	padding: 0 2% 0 0;
}
.day2nd .instagram .itinerary2 .bakery02 {
	position: absolute;
	bottom: -12px;
	right: 10px;
	width: 70px;
}
.day2nd .instagram .itinerary3 .tag01 {
	position: absolute;
	top: -10px;
	right: -8px;
	width: 50%;
	z-index: 10;
}
.day2nd .instagram .itinerary3 .frame-dot .body-wrap + .body-wrap {
	position: relative;
	margin: 20px 0 0;
}
.day2nd .instagram .itinerary3 .frame-dot .body-wrap + .body-wrap .title {
	width: 80%;
}
.day2nd .instagram .itinerary3 .frame-dot .body-wrap + .body-wrap .body {
	padding: 0 0 0 4%;
}
.day2nd .instagram .itinerary3 .tag02 {
	position: absolute;
	top: 23px;
	right: -4px;
	width: 30%;
	z-index: 10;
}
.day2nd .instagram .itinerary4 .img-wrap img {
	width: 100%;
	height: auto;
}
.day2nd .instagram .itinerary4 .body-wrap {
	position: relative;
	margin: 10px 0 0;
}
.day2nd .instagram .itinerary4 .tag01 {
	position: absolute;
	top: -14px;
	right: -4px;
	width: 40%;
	z-index: 10;
}

.day2nd .head-wrap img{
		padding: 0 3%;
	}

.day3rd .head img {
	display: inline-block;
	width: 76%;
	height: auto;
	margin: 0 0 6px;
	padding: 0 0 0 3%;
}
.day3rd .head img.board {
	width: 18%;
	height: auto;
	padding: 0;
	vertical-align: bottom;
}
.day3rd .itinerary1 > .content {
	flex-direction: column;
}
.day3rd .itinerary1 > .content .img-wrap {
	position: relative;
	order: 1;
}
.day3rd .itinerary1 > .content .img-wrap .tag1 {
	position: absolute;
	bottom: 14px;
	left: -20px;
}
.day3rd .itinerary1 > .content .img-wrap .tag2 {
	position: absolute;
	top: 12px;
	width: 30%;
	right: 0;
}
.day3rd .itinerary1 > .content .img-wrap .img {
	position: absolute;
	top: auto;
	right: -80px;
	bottom: -34px;
}
.day3rd .itinerary2 > .content {
	position: relative;
	flex-direction: column;
	/*background: transparent url(../img/sp/day3rd/day3rd-1-img10.png) bottom right no-repeat;*/
	background-size: 40% auto;
}
.day3rd .itinerary2 .img-wrap {
	position: relative;
}
.day3rd .itinerary2 > .content .body-wrap + .body-wrap {
	order: 3;
}
.day3rd .itinerary2 > .content .img-wrap {
	order: 2;
	margin: 0 0 34px;
}
.day3rd .itinerary2 > .content .absolute {
	position: absolute;
	top: 68px;
	right: 0;
	width: 26%;
}
.day3rd .itinerary2 .img-wrap.flex .jollibee {
	position: absolute;
	width: 90px;
	bottom: -20px;
	right: 0;
}
.day3rd .itinerary2 > .content .body {
	order: 2;
	width: 66%;
}
/*recommend-hotel*/
.recommend-hotel {
	margin: 50px 0 0;
	padding: 0 3%;
	background-color: #FEFCDA;
}
.recommend-hotel h2 {
	height: 50px;
	margin: 40px 0 0;
}
.recommend-hotel h2 img {
	position: relative;
	top: -30px;
	left: 50%;
	width: 60%;
	transform: translateX(-54%);
}
.hotels > li {
	padding: 10px 0;
	margin: 0 0 10px;
}
.hotels .label {
	position: relative;
	width: 100%;
	height: 30px;
	/*background: transparent url(../img/sp/hotel/hotel-label.png) top center no-repeat;*/
	background-size: 100% auto;
}
.hotels .category {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.hotels .area {
	position: absolute;
	right: 0;
	top: 30px;
	padding: 0 4px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #000;
	border: solid 1px #000;
	background-color: #fff;
}
.hotels .name {
	color: #5F2A81;
	font-weight: bold;
	font-size: 12px;
}
.hotels .name.en {
	color: #000;
	font-size: 16px;
	font-style: italic;
}
.hotels .img-wrap {
	display: flex;
}
.hotels .img-wrap img {
	width: 48%;
	height: auto;
	margin: 0 1%;
}
.hotels .privelege {
	width: 100%;
	margin: 10px 0;
}
.hotels .privelege .title {
	display: flex;
	padding: 0 4px;
	font-size: 14px;
	font-weight: bold;
	align-items: center;
	background-color: #FFFF99;
}
.hotels .privelege ul {
	padding: 6px;
	font-size: 13px;
	background-color: #fff;
}
.hotels .privelege li {
	margin: 0 0 4px;
}
.hotels .privelege .point {
	position: relative;
	padding: 0 0 0 16px;
	color: #5F277F;
	font-weight: bold;
}
.hotels .privelege .point::before {
	content: "\f111";
	display: inline-block;
	left: 0;
	font-family: 'FontAwesome';
	position: absolute;
	font-size: 13px;
	color: #5F277F;
}
.hotels .privelege .note {
	font-size: 12px;
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.hotels .catch {
	margin: 4px 0;
	color: #5F277F;
	font-size: 14px;
	font-weight: bold;
}
.hotels .btn-search-wrap {
	margin: 20px 0;
	text-align: center;
}
.hotels .btn-search {
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-color: #1A7BAA;
	border-radius: 20px;
	transition: opacity .25s ease;
}
.hotels .btn-search:hover {
	opacity: .7;
}

/*recommend-tour*/
.recommend-tour {
	padding: 20px 3%;
	background: transparent url(../img/bg/bg-tour.jpg) 0 0 repeat;
}
.recommend-tour h2 {
	position: relative;
	display: flex;
	padding: 4px 10px;
	font-size: 15px;
	background-color: #FEF49A;
	align-items: center;
	justify-content: center;
}
.recommend-tour h2::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #FEF49A transparent transparent transparent;
}
.recommend-tour .tours {
	margin: 20px 0;
}
.tours .tour-item {
	margin: 10px 0;
}
.tours .tour-item a {
	display: block;
	transition: opacity .25s ease;
}
.tours .tour-item a:hover {
	opacity: .7;
}
.tours .tour-item .catch {
	width: 100%;
	padding: 4px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-color: #000;
}
.tours .tour-item .content {
	padding: 6px;
	background-color: #fff;
}
.tours .tour-item .content img {
	width: 100%;
	height: auto;
}
.tours .tour-item .content .title {
	margin: 0 0 4px;
	font-size: 14px;
}
.tours .tour-item .content .price {
	margin: 0 0 4px;
	text-align: right;
	color: red;
	font-size: 14px;
	font-weight: bold;
}
.tours .btn-other-wrap {
	margin: 10px 0;
}
.tours .btn-other-wrap a {
	transition: opacity .25s ease;
}
.tours .btn-other-wrap a:hover {
	opacity: .6;
}
.tours .btn-other {
	width: 70%;
	margin: 0 auto;
	padding: 4px 20px 2px;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #FEF49A;
	border-radius: 20px;
}
.recommend-tour .btn-search-wrap {
	margin: 20px 0;
	text-align: center;
	transition: opacity .25s ease;
}
.recommend-tour .btn-search-wrap:hover {
	opacity: .7;
}
.recommend-tour .btn-search {
	position: relative;
	display: inline-block;
	padding: 12px 40px 10px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-color: #1A7BAA;
}
.recommend-tour .btn-search::after {
	content: "\f105";
	font-family: 'FontAwesome';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #fff;
}
/*gallery*/
.gallery {
	padding: 20px 3%;
	background: transparent url(../img/sp/gallery/bg.jpg) top center repeat-y;
	background-size: 100% auto;
}
.gallery h2 {
	position: relative;
}
.gallery h2 img {
	width: 100%;
	height: auto;
}
/*.gallery h2 .pc {
	display: none;
}*/
.gallery h2 span {
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translateX(-52%);
}
.gallery ul {
	width: 98%;
	margin: 10px auto;
	flex-wrap: wrap;
}
.gallery li {
	width: 46%;
	margin: 2%;
	border: solid 4px #fff;
}
.gallery li img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.end {
	flex-direction: column
}
.end .end-wrap {
	position: relative;

}
.end .end-wrap .content-wrap {
	display: flex;
	position: relative;
	padding: 6px 0;
	flex-direction: column;
	/*background: transparent url(../img/sp/bg/bg-dot-04.png) top right no-repeat;*/
	background-size: 60% auto;

}
.end .content-left {
	order: 2;
}
.end .end-wrap .content-wrap::before,
.end .end-wrap .content-wrap::after {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 8px;
	/*background: transparent url(../img/end/end-border.jpg) 0 0 repeat-x;*/
}
.end .end-wrap .content-wrap::after {
	top: auto;
	bottom: 0;
}
.end .content-right {
	position: relative;
	width: 100%;
	height: 300px;
	margin: 0 0 20px;
	/*background: transparent url(../img/end/model-img07.png) top 140px right -14px no-repeat;*/
	background-size: 80% auto;
	overflow: hidden;
}
.end .content-right .balloon {
	position: absolute;
	top: -20px;
	width: 50%;
	left: 24px;
}
.end .content-right .body-wrap {
	width: 58%;
	padding: 135px 0 0 10px;
}
.end .content-right .model,
.end .content-right .name {
	font-size: 12px;
	font-weight: bold;
}
.end .content-right .account {
	font-size: 11px;
	font-weight: normal;
}
.end .content-right .body-wrap .body {
	font-size: 11px;
	margin: 0;
}
.end .content-left {
	position: relative;
	padding: 0 3%;
	/*background: transparent url(../img/sp/bg/bg-dot-03.png) bottom left no-repeat;*/
	background-size: 40% auto;
}
.end .content-left .img-wrap {
	display: none;
}
.end .content-left .body-wrap {
	padding: 0 0 0 24%;
}
.end .content-left .body-wrap img {
	width: 100%;
}
.end .content-left .absolute {
	position: absolute;
	bottom: 20px;
	left: 6px;
	width: 22%;
}
.end .content-left .absolute img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 375px){
	.end .content-right {
		height: 330px;
	}
	.end .content-right .body-wrap {
		width: 54%;
		padding: 160px 0 0 10px;
	}
	
	.day2nd .head-wrap img{
		padding: 0 3%;
	}
	
	.gallery {
		padding: 0;
		background: transparent url(../img/gallery/bg.jpg) top center;
	}
	.gallery .pc-w960 {
		padding: 10px 0 40px;
	}
	.gallery h2 .pc {
		display: block;
		width: auto;
	}
	.gallery h2 span {
		top: 90px;
		transform: translateX(-50%);
	}
	.gallery ul {
		width: 100%;
		margin: 0;
		padding: 0;
		justify-content: center;
	}
	.gallery li {
		/*width: 18%;*/
		width: 20%;
		margin: 1%;
		border: solid 6px #fff;
	}
	/*mainvisual////////////////*/
	.mainvisual {
		background: transparent url(../img/mainvisual.jpg) top center no-repeat;
	}
	.mainvisual .img-wrap.pc {
		display: block;
		position: relative;
		width: 1024px;
		height: 600px;
		margin: 0 auto;
	}
	/*.mainvisual .img-wrap.sp {
		display: none;
	}*/
	.mainvisual .img-wrap .title {
		position: absolute;
    	top: 60px;
    	right: 50px;
    	margin-bottom: 15px;
	}
	.mainvisual .img-wrap .catch {
		position: absolute;
		top: 245px;
		right: 90px;
	}
	.mainvisual .img-wrap .text {
		position: absolute;
		bottom: 0;
		right: 50px;
		margin-bottom: 15px;
	}
	
}
@media screen and (min-width: 414px){
	.end .content-right {
		height: 280px;
		/*background: transparent url(../img/end/model-img07.png) top 70px right -14px no-repeat;*/
		background-size: 80% auto;
	}
	.end .content-right .balloon {
		width: 40%;
	}
	.end .content-right .body-wrap {
		width: 54%;
		padding: 150px 0 0 10px;
	}
	
	.day2nd .head-wrap img{
		padding: 0 3%;
	}
	
	.gallery {
		padding: 0;
		background: transparent url(../img/gallery/bg.jpg) top center;
	}
	.gallery .pc-w960 {
		padding: 10px 0 40px;
	}
	.gallery h2 .pc {
		display: block;
		width: auto;
	}
	.gallery h2 span {
		top: 90px;
		transform: translateX(-50%);
	}
	.gallery ul {
		width: 100%;
		margin: 0;
		padding: 0;
		justify-content: center;
	}
	.gallery li {
		/*width: 18%;*/
		width: 20%;
		margin: 1%;
		border: solid 6px #fff;
	}
	/*mainvisual////////////////*/
	.mainvisual {
		background: transparent url(../img/mainvisual.jpg) top center no-repeat;
	}
	.mainvisual .img-wrap.pc {
		display: block;
		position: relative;
		width: 1024px;
		height: 600px;
		margin: 0 auto;
	}
	/*.mainvisual .img-wrap.sp {
		display: none;
	}*/
	.mainvisual .img-wrap .title {
		position: absolute;
    	top: 0;
    	right: 50px;
    	margin-bottom: 15px;
	}
	.mainvisual .img-wrap .catch {
		position: absolute;
		top: 245px;
		right: 90px;
	}
	.mainvisual .img-wrap .text {
		position: absolute;
		bottom: 60px;
		right: 50px;
		margin-bottom: 15px;
	}

}

/*pc////////////////////////////////////////////////*/
@media screen and (min-width: 640px){
	#loadingWrap + #header{
		display: none;
	}
	#header {
		display: block;
	}
	#spFooter {
		display: none;
	}
	#pcFooter {
		display: block;
	}
	#header #header_Right #accountMenu {
		overflow: visible;
	}
	.content .img-wrap.flex .img-container {
		padding: 0 1%;
	}
	.content .img-wrap.flex .img-wrap.flex {
		padding: 0 0 0 1%;
	}
	p.body {
		font-size: 14px;
		margin: 0 0 14px;
	}
	.body-wrap .title {
		width: 100%;
		font-size: 20px;
	}
	.body-wrap.frame-gray .title {
		width: 100%;
	}
	.space {
		padding: 0 3%;
	}
/*	pan-navi////////////////*/
	.l-pan-list {
		width: 100%;
		padding: 7px 0 10px;
		background-color: #FFF;
		border-bottom: 1px solid #EEE;
		border-top: 1px solid #EEE;
	}
	.pan-box {
		width: 960px;
		height: 20px;
		margin: 0 auto;
	}
	.pan {
		width: 70%;
		height: 20px;
		margin: 0;
		float: left;
		padding-left: 10px;
	}
	.pan li {
		float: left;
		padding: 2px 5px 2px 0;
		font-size: 12px;
		line-height: 20px;
		list-style: none;
	}
	.l-pan-list .pan li .pc-kix{
		display: inline-block;
	}
	.pan-sns {
		display: block;
		width: 30%;
		height: 20px;
		float: right;
		top: -14px;
		position: relative;
	}
	.pan-twitter {
		float: right;
		width: 80px;
		height: 20px;
		margin: 0 5px 0 10px;
	}
	.pan-facebook {
		float: right;
		width: 100px;
		height: 20px;
		margin: 0 0;
	}
	/*gnavi////////////////*/
	.global-nav {
		/*position: fixed;*/
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		align-items: center;
		justify-content: center;
		background-color: #336699;
		color: #FFFFFF;
		transition: all .25s ease;
		z-index: 10;
	}
	.global-nav.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
	.global-nav ul {
		display: flex;
		width: 1024px;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}
	.global-nav li,
	.global-nav li:nth-child(odd),
	.global-nav li:nth-child(even) {
		height: 100%;
		padding: 0;
		background: transparent url(../img/navi/border.png) right top 27px no-repeat;
	}
	.global-nav li.top {
		width: 50%;
	}
	.global-nav li a {
		justify-content: center;
		transition: opacity .25s ease;
	}
	.global-nav li a::after {
		content: normal;
	}
	.global-nav li a:hover {
		opacity: .5;
	}
	/*mainvisual////////////////*/
	.mainvisual {
		background: transparent url(../img/mainvisual.jpg) top center no-repeat;
	}
	.mainvisual .img-wrap.pc {
		display: block;
		position: relative;
		width: 1024px;
		height: 600px;
		margin: 0 auto;
	}
	/*.mainvisual .img-wrap.sp {
		display: none;
	}*/
	.mainvisual .img-wrap .title {
		position: absolute;
    	top: 60px;
    	right: 20px;
    	margin-bottom: 15px;
	}
	.mainvisual .img-wrap .catch {
		position: absolute;
		top: 245px;
		right: 90px;
	}
	.mainvisual .img-wrap .text {
		position: absolute;
		bottom: 0;
		right: 20px;
		margin-bottom: 15px;
	}
	.headline {
		padding: 0;
	}
	.headline > div {
		display: flex;
		width: 1100px;
		margin: 0 auto;
		padding: 30px 0;
	}
	.headline .intro {
		display: flex;
		order: 1;
	}
	.headline h2 {
		display: flex;
		width: 50%;
		align-items: center;
	}
	.headline .body {
		display: flex;
		width: 50%;
		margin: 0;
		padding: 0 0 0 40px;
		align-items: center;
		line-height: 1.8;
		font-weight: bold;
	}
	.headline .img-wrap {
		position: relative;
		width: 210px;
	}
	.headline .img-wrap img {
		position: absolute;
		top: 50%;
		left: 30px;
		transform: translateY(-50%);
		width: 100%;
		height: auto;
	}
	/*layout*/
	.pc-w100 {
		width: 100%;
	}
	.pc-w1200 {
		width: 1200px;
		margin: 0 auto;
		padding: 50px;
	}
	.pc-w960 {
		position: relative;
		width: 960px;
		margin: 0 auto;
		padding: 0 20px 10px;
	}
	.halohalo {
		display: block;
		padding: 0;
		background-color: transparent;
		/*background-image: url(../img/bg/bg-dot-02.png), url(../img/bg/bg-dot-01.png);*/
		background-position: top right, bottom left;
		background-repeat: no-repeat;
	}
	.halohalo .container {
		display: flex;
		flex-wrap: wrap;
	}
	.halohalo .body-wrap {
		order: 2;
		width: 40%;
		padding: 90px 0 0 30px;
	}
	.halohalo .body-wrap h3 {
		width: 60%;
	}
	.halohalo .body-wrap img.absolute {
		display: block;
		position: absolute;
		top: 266px;
		right: -10px;
		 width: 60%;
		height: auto;
	}
	.halohalo .body {
		margin: 20px 0 114px;
		line-height: 1.8;
		font-size: 14px;
		font-weight: bold;
	}
	.halohalo .img-wrap {
		width: 60%;
	}
	.halohalo .container .main.pc {
		display: block;
	}
	/*.halohalo .container .main.sp {
		display: none;
	}*/
	.halohalo .img-wrap.flex {
		order: 3;
	}
	.halohalo .container .sub.pc {
		display: flex;
		width: 100%;
		flex-direction: row;
	}
	.halohalo .container .sub img {
		padding: 0;
		vertical-align: bottom;
	}
	.day1st,
	.day2nd{
		margin: 0;
		padding: 20px 0 0;
	}
	.day3rd {
		margin: 0;
		padding: 20px 0 0;
		background-image: url(../img/bg_point.jpg);
	}
	.day1st .head,
	.day3rd .head {
		margin: 0;
		padding: 0 0 10px;
	}
	.day1st .head-wrap,
	.day2nd .head-wrap,
	.day3rd .head-wrap {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	.day2nd .head-wrap img{
		padding: 0 3%;
	}
	
	.day1st .head .title,
	.day2nd .head .title,
	.day3rd .head .title {
		width: auto;
	}
	.day1st .head .title img,
	.day2nd .head .title img,
	.day3rd .head .title img {
		vertical-align: bottom;
	}
	.day1st .head .girl {
		bottom: -16px;
		right: 40px;
		width: 100px;
	}
	.day1st .itinerary,
	.day2nd .itinerary,
	.day3rd .itinerary {
		width: 1024px;
		margin: 0 auto;
		/*adding: 0 138px;*/
		/* background: transparent url(../img/bg/bg-banana.png) 0 0 repeat-y; */
		background-size: 1300px auto;
	}
	.itinerary .timeline {
		width: 7%;
		padding: 0;
	}
	.itinerary .timeline img {
	width: 70px;
	padding: 0 0 0 8px;
	}
	.day1st .itinerary1 .content {
		width: 93%;
		padding: 60px 3% 30px;
	}
	.day1st .itinerary2 .content,
	.day1st .itinerary3 .content,
	.day2nd .itinerary .itinerary2 .content,
	.day2nd .itinerary .itinerary3 .content,
	.day2nd .itinerary .itinerary4 .content,
	.day3rd .itinerary .content {
		width: 93%;
		padding: 20px 0 20px 50px;
	}
	.day2nd .itinerary .organic .itinerary2 .content,
	.day2nd .itinerary .organic .itinerary3 .content {
		padding: 30px 0 30px 50px;
	}
	.day2nd .itinerary .organic .itinerary4 .content {
		position: relative;
		padding: 30px 0 44px 50px;
	}
	.day2nd .itinerary .organic .itinerary4 .content .star {
		position: absolute;
		top: -40px;
		right: 0;
		opacity: .5;
	}
	.day1st .head .board {
		position: absolute;
		bottom: -65px;
		left: 50%;
		width: 299px;
		padding: 0;
		transform: translateX(-50%);
	}
	.day1st .itinerary1 {
		/*background: transparent url(../img/day1st/bg-timeline01.png) 10px 0 no-repeat;*/
		background-size: 200px auto;
	}
	.day1st .itinerary1 .content {
		display: flex;
	}
	.day1st .itinerary1 .content .img-wrap {
		width: 60%;
		padding: 0 0 0 90px;
	}
	.day1st .itinerary1 .content .img-wrap img.tag {
		width: auto;
		bottom: -20px;
		right: auto;
		left: 150px;
	}
	.day1st .itinerary1 .content .body-wrap {
		width: 40%;
		margin: 0 0 0 10px;
	}
	.day1st .itinerary1 .timeline {
		margin: 234px 0 0;
	}
	/*.day1st .itinerary1 .timeline img.sp {
		display: none;
	}*/
	.day1st .itinerary1 .timeline img.pc {
		display: block;
		position: absolute;
		top: -210px;
		left: -4px;
		width: 180px;
		padding: 0;
	}
	.day1st .itinerary2 .content {
		display: flex;
	}
	.day1st .itinerary2 .content-left {
		width: 40%;
	}
	.day1st .itinerary2 .content-left > .img-wrap  {
		width: 100%;
		flex-direction: column;
	}
	.day1st .itinerary2 .content-left .img-wrap .img-wrap {
		width: 100%;
		padding: 2% 0 0 0;
		flex-direction: row;
	}

	.day1st .itinerary2 .content-right {
		width: 60%;
		padding: 0 0 0 3%;
	}
	.day1st .itinerary2 .content-right > .img-wrap {
		order: 1;
	}
	.day1st .itinerary2 .content-right .body {
		margin: 0 0 36px;
	}
	.day1st .itinerary2 .content-right .optional-tour {
		order: 2;
	}
	.day1st .itinerary2 .content-right .caption {
		order: 3;
		margin: 0;
		padding: 0;
	}
	.day1st .itinerary2 .content-right .caption .body {
		margin: 0 0 6px;
	}
	.caption .title p {
		margin: 6px 0 4px;
	}
	.optional-tour {
		padding: 26px 10px 10px;
	}
	.optional-tour dt,
	.optional-tour dd {
		margin: 0;
	}
	.optional-tour .title {
		width: 80%;
		height: 58px;
		top: -30px;
		left: 50%;
		padding: 6px 0 0;
		transform: translateX(-50%);
		font-size: 14px;
	}
	.optional-tour .tour-name {
		font-size: 16px;
	}
	.optional-tour > .flex {
		flex-direction: row;
	}
	.optional-tour .schedule dl {
		margin: 0;
	}
	.optional-tour .flex .content-left {
		width: 50%;
	}
	.optional-tour .flex .content-left dl {
		margin: 6px 0 0;
	}
	.optional-tour .flex .content-right {
		width: 50%;
		padding: 0 0 0 3%;
	}
	.optional-tour .flex .schedule {
		margin: 10px 0 0;
	}
	.optional-tour .flex .schedule dt {
		width: 22%;
	}
	.optional-tour .flex .schedule dd {
		width: 76%;
		margin: 0;
	}
	.recommend-hotel {
		padding: 0;
	}
	.recommend-hotel h2 {
		position: absolute;
		display: inline-block;
		top: -30px;
		left: 50%;
		margin: 0;
		transform: translateX(-50%);
	}
	.recommend-hotel h2 img {
		top: auto;
		left: auto;
		width: auto;
		transform: none;
		vertical-align: bottom;
	}
	.recommend-hotel .hotels {
		display: flex;
		margin: 0;
		padding: 50px 0 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.recommend-hotel .hotels > li {
		width: 48%;
		border-bottom: dotted 1px #000;
	}
	.recommend-hotel .hotels > li:nth-child(n + 3) {
		border: none;
	}
	.hotels .label {
		height: 40px;
		/*background: transparent url(../img/sp/hotel/hotel-label.png) top center no-repeat;*/
		background-size: 100% auto;
	}
	.hotels .category {
		padding: 2px 0 0;
		font-size: 14px;
	}
	.hotels .area {
		top: 26px;
		right: 0px;
		padding: 2px 10px;
		font-size: 13px;
	}
	.hotels .name {
		font-size: 14px;
		margin: 10px 0 0;
	}
	.hotels .name.en {
		margin: 4px 0;
		font-size: 20px;
	}
	.hotels .img-wrap {
		justify-content: space-between;
	}
	.hotels .img-wrap img {
		margin: 0;
	}
	.hotels .privelege {
		margin: 14px 0;
	}
	.hotels .privelege .title {
		margin: 0;
		font-size: 16px;
		text-align: center;
	}
	.hotels .privelege ul {
		width: 100%;
		padding: 10px;
	}
	.hotels .privelege li {
		width: 100%;
	}
	.hotels .privelege .point {
		margin: 2px 0;
		font-size: 14px;
	}
	.hotels .catch {
		font-size: 16px;
	}
	.recommend-tour {
		padding: 20px 0;
	}
	.recommend-tour h2 {
		margin: 0;
		padding: 10px 10px 6px;
		font-size: 22px;
	}
	.recommend-tour .pc-w960 {
		padding: 30px 0 10px;
	}
	.recommend-tour .tours {
		display: flex;
		margin: 0;
		padding: 20px 0 0;
	}
	.tours .tour-item {
		width: 24%;
		margin: 0 .5%;
	}
	.tours .tour-item .catch {
		margin: 10px 0 0;
		padding: 6px;
	}
	.tours .tour-item .content {
		padding: 0;
	}
	.tours .tour-item .content .body-wrap {
		padding: 10px;
	}
	.tours .tour-item .content .title,
	.tours .tour-item .content .price {
		font-size: 16px;
	}
	.tours .btn-other {
		font-size: 14px;
	}
	.recommend-tour .btn-search {
		font-size: 16px;
	}
	.gallery {
		padding: 0;
		background: transparent url(../img/gallery/bg.jpg) top center;
	}
	.gallery .pc-w960 {
		padding: 10px 0 40px;
	}
	.gallery h2 .pc {
		display: block;
		width: auto;
	}
	.gallery h2 span {
		top: 90px;
		transform: translateX(-50%);
	}
	.gallery ul {
		width: 100%;
		margin: 0;
		padding: 0;
		justify-content: center;
	}
	.gallery li {
		/*width: 18%;*/
		width: 20%;
		margin: 1%;
		border: solid 6px #fff;
	}
	.end {
		height: 433px;
		/*background: #fff url(../img/end/bg.png) top center;*/

	}
	.end .end-wrap .content-wrap {
		flex-direction: row;
		background: transparent;
	}
	.end .content-left {
		order: 1;
	}
	.end .content-right {
		order: 2;
	}
	.end .end-wrap .content-wrap::before,
	.end .end-wrap .content-wrap::after {
		content: normal;
	}
	.end .content-left {
		width: 50%;
		padding: 100px 10px 30px;
		background: transparent;
	}
	.end .content-left .img-wrap {
		display: flex;
		margin: 0 0 20px;
		padding: 0 0 0 120px;
		justify-content: space-between;
	}
	.end .content-right {
		width: 50%;
		height: auto;
		padding: 0 10px 30px;
	}
	.end .content-right .balloon {
		top: -12px;
	}
	.end .content-right .body-wrap {
		width: 50%;
		padding: 190px 0 0 30px;
	}
	.end .content-right {
		/*background: transparent url(../img/end/model-img07.png) top 140px right 10px no-repeat;*/
		background-size: 80% auto;
	}
	.end .content-right .model,
	.end .content-right .name {
		width: 50%;
		margin: 0;
		font-size: 15px;
		line-height: 1.2;
	}
	.end .content-right .body-wrap .body {
		line-height: 1.6;
	}
	.day1st .itinerary3 .content {
		flex-direction: row;
	}
	.day1st .itinerary3 .body-wrap {
		position: relative;
		order: 1;
		width: 40%;
		padding: 0 20px 0 0;
	}
	.day1st .itinerary3 .body-wrap .star {
		position: absolute;
		top: -130px;
		left: -40px;
	}
	.day1st .itinerary3 .img-wrap {
		order: 2;
		width: 60%;
	}
	.day2nd .itinerary {
		display: flex;
		flex-direction: row;
	}
	.day2nd .head {
		margin: 0;
		padding: 0;
	}
	.day2nd .head img {
		vertical-align: bottom;
	}
	.day2nd .itinerary .itinerary1 .content {
		width: 93%;
		padding: 0 0 20px 50px;
	}
	.day2nd .organic {
		width: 50%;
	}
	.day2nd .instagram {
		width: 50%;
	}
	.day2nd .timeline {
		width: 72px;
	}
	.day2nd .itinerary1 .timeline .img-container {
		margin: 50px 0 0;
	}
	.day2nd .timeline .mark {
		left: -14px;
		width: 120px;
	}
	.day2nd .itinerary1 .content .img-container img.board {
		width: auto;
		margin: 0 0 10px;
	}
	.day2nd .itinerary1 .content > .img-wrap .absolute {
		width: auto;
		left: -78px;
	}
	.day2nd .organic .content-right {
	    padding: 0 0 0 10px;
	}
	.day2nd .organic .itinerary2 .restrant > .img-wrap {
		width: 100%;
	}
	.day2nd .organicrestrant {
		display: flex;
		margin: 10px 0 0;
		padding: 0 0 0 4px;
	}
	.day2nd .organicrestrant .caption {
		width: 60%;
		padding: 0 0 0 4px;
	}
	.day2nd .organicrestrant .caption .body {
		margin: 0;
	}
	.day2nd .organic .itinerary2 .optional-tour {
		margin: 30px 0 0;
	}
	.day2nd .organic .itinerary2 .optional-tour .title {
		width: 90%;
		height: 60px;
		padding: 0 0 6px;
	}
	.day2nd .organic .itinerary2 .optional-tour .content-left {
		width: 40%;
	}
	.day2nd .organic .itinerary2 .optional-tour .content-right {
		width: 60%;
	}
	.day2nd .organic .itinerary2 .optional-tour dl {
		margin: 0;
	}
	.day2nd .organic .itinerary2 .optional-tour .marker {
		font-weight: bold;
		text-align: center;
		background-color: #FFF14A;
	}
	.day2nd .organic .itinerary2 .optional-tour .schedule dt {
		display: inline-block;
		width: 24%;
	}
	.day2nd .organic .itinerary2 .optional-tour .schedule dd {
		width: 73%;
	}
	.day2nd .organic .itinerary3 .content-right .absolute {
		position: absolute;
		top: auto;
		bottom: -12px;
		right: -4px;
		width: 70%;
	}
	.day2nd .organic .itinerary3 .shop {
		margin: 10px 0 0 0;
	}
	.day2nd .instagram .itinerary1 .content {
		padding: 0 0 0 20px;
	}
	.day2nd .instagram .itinerary1 .tag01 {
		right: auto;
		left: 0;
	}
	.day2nd .instagram .itinerary1 .content > .img-wrap {
		padding: 0 0 0 50px;
	}
	.day2nd .instagram .itinerary1 .frame-gray {
		padding: 20px 20px 10px;
	}
	.day2nd .instagram .itinerary1 .frame-gray {
			padding: 20px 20px 10px;
		}
	.day2nd .instagram .itinerary2 .bakery {
		padding: 70px 0 0;
	}
	.day2nd .instagram .itinerary2 .content .title {
		width: 70%;
	}
	.day2nd .instagram .itinerary2 .bakery02 {
		position: absolute;
		bottom: 140px;
		right: 40px;
		width: 60px;
	}
	.day2nd .instagram .itinerary3 .optional-tour.short {
		position: relative;
	}
	.day2nd .instagram .itinerary3 .optional-tour.short .absolute {
		position: absolute;
		top: -20px;
		right: 10px;
		width: 70px;
	}
	.day2nd .instagram .itinerary3 .optional-tour .content-left {
		width: 40%;
	}
	.day2nd .instagram .itinerary3 .optional-tour .content-right {
		width: 60%;
	}
	.day2nd .instagram .itinerary3 .optional-tour dl {
		margin: 0;
	}
	.day2nd .instagram .itinerary3 .optional-tour .schedule dd {
		width: 75%;
	}
	.day2nd .instagram .itinerary3 .tag01,
	.day2nd .instagram .itinerary3 .tag02 {
		width: auto;
	}
	.day2nd .instagram .itinerary3 .frame-dot .body-wrap + .body-wrap .body {
		margin: 0;
	}
	.day2nd .instagram .itinerary4 .tag01 {
		width: auto;
	}
	.day3rd .head {
		padding: 0;
	}
	.day3rd .head img {
		vertical-align: bottom;
	}
	.day3rd .head img.board {
		width: auto;
		margin: 10px 0 0 100px;
	}
	.day3rd .head img.title {
		width: auto;
		/* margin: 0 0 20px; */
	}
	.day3rd .itinerary1 .content {
		flex-direction: row;
	}
	.day3rd .itinerary1 .content .img-wrap {
		width: 70%;
		order: 1;
	}
	.day3rd .itinerary1 .content .body-wrap {
		width: 30%;
		padding: 0 0 0 20px;
		order: 2;
	}
	.day3rd .itinerary2 > .content {
		flex-direction: row;
		/*background: transparent url(../img/day3rd/day3rd-1-img10.png) bottom right no-repeat;*/
		background-size: auto;
	}
	.day3rd .itinerary2 > .content .body-wrap {
		width: 34%;
		padding: 0 20px 0 0;
	}
	.day3rd .itinerary2 > .content .body {
		width: 100%;
	}
	.day3rd .itinerary2 .jollibee {
		width: 90px;
		bottom: -20px;
		left: 0;
	}
	.day3rd .itinerary2 > .content .absolute {
		position: absolute;
		top: -80px;
		right: 30px;
		width: auto;
	}


}
/*ie*/
.is-ie11 .day3rd .itinerary2 .flex.img-wrap .jollibee {
	bottom: -6px;
}
.contact-tel-box {
	margin: 50px auto;
}
#contact-box {
	width: 800px;
}
.is-firefox .itinerary .timeline .img-container::after {
	top: 56px;
}