@charset "utf-8";
/* CSS レイアウト共通 */
#yogyakartat {
	width: 100%;
	color: #000;
	line-height: 1.6;
	background-color: #FFF;
	min-width: 1140px;
}
#yogyakartat * {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	word-break: break-all;
}
#yogyakartat img {
	border: 0px;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#yogyakartat li {
	list-style-type: none;
	text-decoration: none;
	padding: 0px;
}
#yogyakartat a {
	text-decoration: none;
}
#yogyakartat a:hover {
	opacity: 0.8;
}


/*対象コース*/
#targettour{
        margin: 40px 0 30px 0;
    }
.tour-contents {
    border: 3px solid #6d84a6;
    background-color: #fff;
    max-width: 1000px;
    margin: 0 auto;
}
.tour-contents * {
    box-sizing: border-box;
}
.tour-contents ul li {
    list-style-type: none;
    position: relative;
}
.tour-contents ul li a {
    display: flex;
    border-bottom: 1px dotted #ccc;
    padding: 10px;
    flex-wrap: wrap;
    text-decoration: none;
}
.tour-contents ul li a:hover {
    opacity: 0.8;
}
.tour-contents ul li:last-child a{
    border-bottom: none;
}
.tour-contents ul li .img img {
    object-fit: cover;
    width: 210px;
    height: 150px;
}
.tour-contents ul li .box {
    width: calc(100% - 210px);
    padding: 0 10px;
    position: relative;
}
.tour-contents ul li .box .item1 {
    text-decoration: underline;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;   
}
.tour-contents ul li .box .item3{
    color: #333;
    display: flex;
    justify-content: right;
    align-items: flex-start;
min-width: 314px;
}
.tour-contents ul li .box .item3 .midashi{
width: 20px;
}
.tour-contents ul li .box .item2 {
    color: #333;
    font-size: 15px;
}
.tour-contents ul li .box .item3 .t-item span{
display: block;
}
.tour-contents ul li .item3 .t-item span.per-person,
.tour-contents ul li .item3 .t-item span.nenyu{
font-size: 13px;

}
.tour-contents ul li .item3 .t-item span.per-person{
color: #f51b44;
}
.tour-contents ul li .item3 .t-item{
margin-left: 6px;
}

.tour-contents ul li .box .bottom_box{
display: flex;
justify-content: space-between;
}
.tour-contents ul li .bottom_box .hotel_item{
color: #333;
  font-size: 14px;
  background: url(../img/yogyakarta-new/hotel_icon.png) no-repeat;
  background-size: 20px;
  width: calc(100% - 220px);
  padding-left: 25px;
  padding-top: 30px;
  background-position: left 30px;
}
.tour-contents ul li .box .item3 .price,.tour-contents ul li .item3 .price{
    font-size: 25px;
    color: #f51b44;
line-height: 1;
}
.tab_menu ul.area li.on {
    background-color: #ce6681;
    color: #fff;
    border-color: #ce6681;
}
.tab_menu ul.area li:hover {
    background-color: #ce6681;
    color: #fff;
}
.tour-contents .link-button a {
    display: block;
    width: 770px;
    margin: 20px auto 30px;
    background: #0e345e;
    text-align: center;
    text-decoration: none;
    transition: 0.2s linear;
    padding: 1px;
    color: #fff;
    position: relative;
}
.tour-contents .link-button a span {
    display: inline-block;
    font-size: 22px;
    padding: 10px;
    font-weight: bold;
}
.tour-contents .link-button {
    margin: 20px 0;
}
.tour-contents .link-button a:hover {
    opacity: 0.8;
}
.tour-contents p.img {
    position: relative;
}
.tour-contents .area-name {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #676767;
    padding: 5px;
    color: #fff;
    font-size: 13px;
}
.tour-contents .link-button a span::before {
    content: '';
    position: absolute;
   top: 48%;
    right: 4%;
    transform: rotate(45deg) translateY(-50%);
    width: 11px;
    height: 11px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #FFF;
}
.genre_detail{

	height: auto;
    font-size: 0;
}
.genre_detail span{
border: 1px solid #bebebe;
border-radius: 15px;
  margin-right: 5px;
    font-size: 12px;
    line-height: 175%;
    display: inline-block;
    padding: 1px 7px;
    font-weight: bold;
    margin-bottom: 3px;

    color: #333;
      background-color: #fff;
}
.genre_detail .left_area{
	float:left;
	width:525px;
	padding:0px;
	margin:0px;
}
.genre_detail .right_area{
	float:right;
	width:326px;
}
.genre_detail .right_area .bt_detail a{
	background:url(../img/bt_detail_l.png) left top no-repeat;
	width:326px;		
	height:54px;
	padding:0px;
	display:block;
	margin:0px;
}
.genre_detail .right_area .bt_detail:hover{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
}

.genre_detail .right_area .bt_detail a span{
	display:none;
}

.genre_detail .right_area .tour_cd{
	margin:0px;
	padding:4px 0px 0px 0px;
	text-align:center;
}
.genre_detail span.icon_ebf{background:url(../img/yogyakarta-new/icon_ebf.png?00) no-repeat right center #fff; padding-right:25px;background-size: 30px;}
.genre_detail span.icon_car{background:url(../img/yogyakarta-new/icon_car.png?00) no-repeat right center #fff; padding-right:35px}

.data-box{
    display: flex;
    position: absolute;
  bottom: 70px;
  left: 225px;
  align-items: center;
}
.data-box .iconbox p.rank{
    width: auto;
    font-size: 11px;
    color: #fff;
    border-radius: 12px;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}
.data-box .iconbox p.rank.high{
    background: #a48700;
}
.data-box .iconbox p.rank.low {
    background: #213264;
}
.data-box p.kuchikomi .evaluation{
    font-weight: bold;
    padding-left: 4px;
    font-size: 13px;
}
.data-box p.kuchikomi{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.data-box p.kuchikomi .evaluation.ore{
    color: #ff4e00;
}
.data-box p.kuchikomi .evaluation.yellow{
   color: #ff9900;
}
.data-box p.kuchikomi .evaluation .comment{
font-size: 14px;
    padding-left: 0;
}
.data-box p.kuchikomi .number {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    padding: 0;
    margin: 0;
}
.data-box p.kuchikomi .number a{
      text-decoration: underline;
      display: inline;
}
.data-box p.kuchikomi .star {
    display: flex;
}
.data-box p.kuchikomi .evaluation.ore{
    color: #ff4e00;
}
.data-box p.kuchikomi .evaluation.yellow{
   color: #ff9900;
}
.box-left .data-box,.box-right .data-box{
    width: 100%;
}

.tour-contents ul li .data-box a{
border-bottom: none;
padding: 0;
}
.tour-contents ul li .data-box a:hover{
background-color: transparent;
color: #333;
}
.img_point{
    font-size: 0;
}

/* PCレイアウト */
@media (min-width: 768px) {
	.bt_pagetop {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 200;
}
	#main_content .pc_none{
		display: none;
	}
	
	#main_content p{
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	}
	
	#main_content .font_shippori{
		font-family: "Shippori Mincho", serif;
  		font-weight: normal;
  		font-style: normal;
	}
	
	#main_content{
		min-width:1030px;
	}
	
	/* コンテンツ幅 */
	#main_content .contents{
		max-width:1100px;
		width: 100%;
		margin:0 auto;
        margin-top: -35px;
	}
	
	#main_content .contents1{
		max-width:1000px;
		width: 100%;
		margin:0 auto;
	}
	
	#main_content .contents2{
		max-width:680px;
		width: 100%;
		margin:0 auto;
	}
	
	
	
	
	
	/* メインビジュアル */
	#main_content .main{
		width: 100%;
		height: auto;
		background-image:url("../img/yogyakarta-new/mainvisual.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
		padding: 20px 0px;
		padding-bottom: 60px;
	}
	
	#main_content .catchcopy{
		text-align: center;
		margin: 0 auto;
	}
	
	#main_content .catchcopy img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* メインテキスト */
	#main_content .main_text{
		text-align: center;
		color: #080f34;
		font-size: 19px;
		line-height: 30px;
	}
	
	#main_content .main_text_box{
		position: relative;
	}
	
	#main_content .icon_illust_01{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	#main_content .icon_illust_02{
		position: absolute;
		bottom: -30px;
		right: 0px;
	}
	
	#main_content .readmore-trigger,
	#main_content .readmore-close {
		display: none;
	}	
	#main_content .readmore-content{
		display: block;
	}

	
	
	
	/* 目次 */
	#main_content .index_box{
		width: 100%;
		height: auto;
		background-image:url("../img/yogyakarta-new/img_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		margin-top: 40px;
	}
	
	#main_content .index_box_01{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 30px 0px;
		padding-bottom: 0px;
	}
	
	#main_content .img_index{
		margin: 0px 60px;
	}
	
	#main_content .img_index_text{
		color: #ffffff;
		font-size: 22px;
		padding: 30px 0px;
	}
	
	#main_content .img_index_text li{
		margin: 8px 0px;
	}
	#main_content .img_index_text li a{
		text-decoration: none;
		color: #ffffff;
	}
	#main_content .img_index_text li a:hover{
		text-decoration: underline;
		color: #ffffff;
	}

	
	
	
	
	/* ツアー概要 */
	#main_content .tour{
		margin-top: 40px;
	}
	
	#main_content .box_title_01 {
		font-size: 33px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	#main_content .box_title_01::before,#main_content .box_title_01::after {
		content: "";
		height: 1px;
		width: 100px;
		background-color: #000066;
	}
	
	#main_content .box_title_01::before {
		margin-right: 15px;
	}
	
	#main_content .box_title_01::after {
		margin-left: 15px;
	}
	
	#main_content .box_title_02{
		text-align: center;
		margin-top: 20px;
		font-size: 18px;
	}
	
	
	
	
	
	/* タイトル */
	#main_content .box_title_03 {
		font-size: 28px;
		margin-top: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	#main_content .box_title_03::before,#main_content .box_title_03::after {
		content: "";
		height: 1px;
		width: 100px;
		background-color: #000066;
	}
	
	#main_content .box_title_03::before {
		margin-right: 40px;
	}
	
	#main_content .box_title_03::after {
		margin-left: 40px;
	}
	
	#main_content .box_title_03 span{
		font-size: 35px;
		background: linear-gradient(transparent 70%, #f5fa7a 70%);
		padding-right: 10px;
		padding-left: 15px;
	}
	
	
	
	
	
	/* オススメ */
	#main_content .osusume_box{
		background-color: #fcfaf1;
		border: 5px solid #f4d583;
		padding: 20px 80px;
		margin-top: 40px;
	}
	
	#main_content .osusume_title{
		text-align: center;
		font-size: 33px;
		margin-bottom: 15px;
		color: #3f3214;
	}
	
	#main_content .under{
		background: linear-gradient(transparent 70%, #f5fa7a 70%);
		padding-right: 10px;
		padding-left: 15px;
	}
	
	#main_content .osusume_text{
		display: flex;
		align-items: center;
		justify-content: flex-start;
        margin-bottom: 5px;
	}
	
	#main_content .osusume_text p{
		font-size: 20px;
		margin-left: 10px;
        font-weight: bold;
	}
	
	#main_content .osusume_text span{
		color: #cc1515;
	}
	
	#main_content .osusume_box_01{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-top: 15px;
	}
	
	#main_content .osusume_box_01 p{
		font-size: 18px;
	}
	
	#main_content .osusume_box_01_title{
		background-color: #6d6935;
		color: #ffffff;
		padding: 30px;
		margin-right: 15px;
	}
	
	
	
	
	
	/* ボタン */
	#main_content .btn{
		text-align: center;
		margin-top: auto;
	}

	#main_content .btn1{
		background-color: #0e345e;
		color: #ffffff;
		display: inline-block;
		width: 100%;
		padding:5px 0px 15px;
		max-width: 100%;
		height: auto;
		margin-top: 60px;
		position: relative;
		border-radius: 0px;
		border: 1px solid #0e345e;
		font-size: 28px;
	}
	
	#main_content .img_btn{
		position: absolute;
		top: -40px;
		left: 220px;
		z-index: 10;
	}
	
	#main_content .btn1 span{
		font-size: 20px;
	}

	#main_content .btn1::before{
		border-right: 2px solid #ffffff;
		border-top:2px solid #ffffff;
		bottom:0px;
		content:"";
		height:10px;
		margin: auto;
		right:20px;
		top:0px;
		transform: rotate(45deg);
		width: 10px;
		position: absolute;
	}

	#main_content .btn1:hover{
		opacity: 0.7;
	}
	
	
	
	
	
	/* バリ島・ジョグジャカルタ周遊ツアー6つのツアーポイント */
	#main_content .point_box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#main_content .point_item{
		width: 316px;
		height: auto;
		background-color: #ffffff;
		border: 2px solid #080f34;
		margin-top: 30px;
		padding-bottom: 10px;
	}
	
	#main_content .point_text_01{
		font-size: 18px;
		text-align: center;
		margin-top: 10px;
		color: #080f34;
	}
	
	#main_content .point_text_02{
		font-size: 15px;
		text-align: center;
		padding-top: 5px;
	}
	
	#main_content .point_text_box{
		padding: 0px 10px;
	}
	
	#main_content .point_text_03{
		margin-top: 25px;
	}
	
	
	
	
	
	/* モデル日程 */
	#main_content .model_box{
		margin-top: 60px;
		padding: 30px;
		border: 6px solid #4a5590;
	}
	
	#main_content .model_title_box{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#main_content .model_title_01{
		background-color: #080f34;
		color: #ffffff;
		font-size: 20px;
		padding: 5px 10px;
		margin-right: 20px;
	}
	
	#main_content .model_title_02{
		color: #080f34;
		font-size: 30px;
		margin-top: 5px;
	}
	
	#main_content .schedule_box{
		display: flex;
		align-items: center;
		margin-top: 20px;
		margin-left: 80px;
	}
	
	#main_content .schedule_title{
		background-color: #eaf1fb;
		font-size: 18px;
		padding: 2px 0px;
		width: 180px;
		text-align: center;
		color: #080f34;
	}
	
	#main_content .schedule_text{
		font-size: 18px;
		margin-left: 20px;
	}
	
	#main_content .schedule_box_01{
		position: relative;
	}
	
	#main_content .img_border{
		position: absolute;
		top: 20px;
		left: 165px;
		z-index: -1;
	}
	
	
	
	
	
	/* スケジュール */
	/* バリ島到着～2日目 */
	#main_content .course{
		background-color: #eaf1fb;
		padding: 40px 0px;
		padding-top: 60px;
		margin-top: 90px;
	}
	
	#main_content .course_box{
		display: flex;
		justify-content: center;
		margin-top: 30px;
	}
	
	#main_content .course_box p{
		margin-left: 20px;
	}
	
	#main_content .course_scroll{
		background-color: #ffffff;
		border: 1px solid #080f34;
		padding: 20px 0px;
		display: flex;
		justify-content: center;
		width: 800px;
		margin: 0 auto;
		margin-top: -90px;
		margin-bottom: 20px;
	}
	
	#main_content .course_scroll li{
		font-size: 23px;
		color: #080f34;
		border-right: 1px solid #080f34;
		padding: 0px 40px;
		list-style-type: none;
	}
	
	#main_content .course_scroll p{
		color: #080f34;
	}
	
	#main_content .course_scroll a{
		text-decoration: none;
	}
	
	#main_content .course_scroll li:last-of-type{
		border-right: none;
	}
	
	
	
	
	
	/* 3日目バリ島からジョグジャカルタへ */
	#main_content .course_01{
		margin-top: 40px;
	}
	
	#main_content .course_02{
		margin-top: 0px;
	}
	
	#main_content .box_a{
		background-color: #ffffff;
		border: 2px solid #313c73;
		padding: 30px 60px;
		margin-top: 30px;
	}
	
	#main_content .box_a_title{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	#main_content .box_a_title_01{
		background-color: #313c73;
		color: #ffffff;
		padding: 3px 10px;
		font-size: 18px;
		margin-right: 15px;
	}
	
	#main_content .box_a_title_02{
		color: #080f34;
		font-size: 25px;
	}
	
	#main_content .box_a_01{
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
	}
	
	#main_content .box_a_link{
		margin-top: 10px;
	}
	
	#main_content .link_box{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		background-color: #585522;
		color: #ffffff;
		width: 160px;
		padding: 5px 10px;
	}
	
	#main_content .icon_note{
		margin-right: 10px;
	}
	
	#main_content .link_box_01{
		background-color: #f5f4f3;
		border: 1px solid #585522;
		padding: 15px 20px;
	}
	
	#main_content .box_a_link a{
		color: #3f3214;
	}
	
	#main_content .link_box_01_text{
		margin-top: 5px;
	}
	
	
	/* 4日目ジョグジャカルタ観光巡り */
	#main_content .course4{
		background-color: #eaf1fb;
		padding: 40px 0px;
		padding-bottom: 140px;
		margin-top: 60px;
	}
	
	/* みどころ */
	#main_content .midokoro{
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
	}
	
	#main_content .midokoro_item{
		background-color: #ffffff;
		border: 1px solid #6d84a6;
		text-align: center;
	}
	
	#main_content .midokoro_title{
		background-color: #080f34;
		padding: 2px 5px;
		width: 100px;
		margin: 0 auto;
		color: #ffffff;
		margin-top: 15px;
	}
	
	#main_content .midokoro_title_01{
		font-size: 18px;
		color: #080f34;
		margin-top: 5px;
	}
	
	#main_content .midokoro_title_02{
		font-size: 18px;
		color: #080f34;
		margin-top: 22px;
		margin-bottom: 20px;
	}
	
	#main_content .midokoro_text{
		font-size: 15px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	
	#main_content .midokoro_text_01{
		font-size: 15px;
		margin-top: 15px;
	}
	
	#main_content .midokoro_text_02{
		text-align: center;
		font-size: 30px;
		color: #080f34;
		margin-top: 30px;
	}
	
	#main_content .course_finish{
		text-align: center;
		background-color: #ffffff;
		border: 1px solid #080f34;
		padding: 5px 0px;
		width: 450px;
		margin: 0 auto;
		margin-top: 30px;
	}
	
	#main_content .course_finish_text_01{
		font-size: 33px;
	}
	
	#main_content .course_finish_text_02{
		font-size: 25px;
	}
	
	#main_content .course4_btn{
		margin-top: -130px;
	}
	
	
	
	/* よくある質問 */
	#main_content .question{
		width: 100%;
		height: auto;
		margin-top: 50px;
	}
	#main_content .question .qa{
        margin-top: 30px;
    }
	#main_content .question .qa-1 .a_01 {
    max-height: 0;
    opacity: 0;
    transition: max-height .45s ease, opacity .35s ease;
}

#main_content .question .qa-1[open] .a_01 {
    max-height: 800px; 
    opacity: 1;
}

#main_content .question .qa-1[open] p {
    animation: fadeSlide .35s ease;
}

#main_content .question .qa-1 {
    max-width: 100%;
    margin-bottom: 15px;
    border: 1px solid #01406c;
    background: #FFF;
    transition: all .3s ease;
}

#main_content .question .qa-1 summary {
    position: relative;
    padding: 15px 20px 15px 70px; 
    font-size: 18px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    line-height: 1.4;  
    display: block; 
}

#main_content .question .qa-1 summary::before,
	#main_content .question .qa-1 p::before {
		position: absolute;
		left: 1em;
		font-weight: 600;
		font-size: 1.3em;
		position: absolute;
		left: 1em;
		font-weight: 600;
	}

#main_content .question .qa-1 summary::before {
    content: "Q";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: #080f34;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
}

#main_content .question .qa-1 summary::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    color: #080f34;
    transition: .2s ease;
    font-weight: normal;
}

#main_content .question .qa-1[open] summary::after {
    content: "-";
    font-size: 32px;
}

#main_content .question .qa-1 p {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 50px;
    padding-right: 20px;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
}

#main_content .question .qa-1 p::before {
    color: #ffffff;
        content: "A";
        background-color: #5e689c;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        font-size: 18px;
        line-height: 34px;
        text-align: center;
        margin-top: -4px;
        margin-left: -20px;
}

#main_content .question .a_01 {
    border-top: 1px solid #a19f9f;
    margin: 0 20px;
}
	
	
	
	
	
	/* 総合評価 */
	#main_content .review{
		width: 100%;
		height: auto;
		background-image:url("../img/yogyakarta-new/img_review_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		margin-top: 60px;
		padding: 50px 0px;
	}
	
	#main_content .review_box{
		background-color: #ffffff;
		border: 7px solid #d8e5ec;
		padding: 30px 0px;
		width: 720px;
		margin: 0 auto;
	}
	
	#main_content .review_box_01{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#main_content .review_box_a{
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(transparent 60%, #fdf6bb 60%);
		width: 300px;
		margin: 0 auto;
		margin-top: 10px;
        font-weight: bold;
	}
	
	#main_content .review_title{
		background-color: #092259;
		color: #ffffff;
		padding: 5px 20px;
		font-size: 20px;
	}
	
	#main_content .review_title_01{
		color: #092259;
		font-size: 26px;
		margin-left: 15px;
	}
	
	#main_content .review_title_02{
		color: #092259;
		font-size: 22px;
		margin-right: 15px;
		margin-top: 10px;
	}
	
	#main_content .review_box_02{
		margin: 0 auto;
		margin-top: 10px;
		width: 450px;
	}
	
	#main_content .review_item{
		display: flex;
		justify-content: flex-start;
		border-bottom: 1px solid #092259;
		padding: 15px 15px;
        font-weight: bold;
	}
	
	#main_content .review_item:last-of-type{
		border-bottom: none;
	}
	
	#main_content .review_item p{
		font-size: 18px;
		color: #092259;
		width: 300px;
	}
	
	#main_content .review_text{
		text-align: center;
		font-size: 14px;
	}

	
	#main_content .course_slider_box {
		width:422px;
		margin: 0 auto;
	}
	#main_content .course_slider_box ul li {
		width: 422px;
		height: 270px;
	}
	#main_content .course_slider_box ul li img {
		width: 422px;
		height: 270px;
	}

	#main_content .point_slider_box {
		width: 316px;
		height:auto;
		margin: 0 auto;
	}
	#main_content .point_slider_box ul li {
		width: 316px;
	}
	#main_content .point_slider_box ul li img {
		width: 316px;
	}

	
	#main_content .bx-wrapper {
		background-color: transparent;
		margin: 0px auto;
		border: none;
		box-shadow: none;
	}
	#main_content .bx-wrapper .bx-viewport {
		-webkit-box-shadow: 0 0 0px #ccc !important;
		box-shadow: 0 0 0px #ccc !important;
		border: none !important;
		left: 0px !important;
		background: none !important;
	}
	#main_content .bx-wrapper .bx-pager,
	#main_content .bx-wrapper .bx-controls-auto {
		bottom: 10px;
	}
	#main_content .bx-wrapper .bx-pager.bx-default-pager a {
		background: #ffffff !important;
		width: 11px !important;
		height: 11px !important;
		border-radius: 50% !important;
		margin: 0px 5px !important;
	}
	#main_content .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#main_content .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #fff3c2 !important;
	}
	#main_content .bx-wrapper {
		width: 100%; /* 親の幅いっぱいに広げる */
		max-width: 100% !important; /* 不必要な幅制限を解除 */
		margin: 0 auto; /* 中央寄せ */
	}
	#main_content .bx-wrapper img {
		width: 100%;
		display: block; /* 下部の隙間をなくす */
	}
	#main_content .slider-item-wrapper {
		/* grow:0(伸びない), shrink:0(縮まない), basis:100%(幅) */
		flex: 0 0 100%;
		max-width: 100%;
	}		

}





/* スマホレイアウト */
@media (max-width: 767px) {

body {
  line-height: 1.5;
}
	#main_content .sp_none {
		display: none !important;
	}
	
	#main_content p{
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	}
	
	#main_content .font_shippori{
		font-family: "Shippori Mincho", serif;
  		font-weight: normal;
  		font-style: normal;
	}
	
	#main_content{
		min-width: auto;
	}
	
	/* コンテンツ幅 */
	#main_content .contents{
		max-width:1100px;
		width: 100%;
		margin:0 auto;
	}
	
	#main_content .contents1{
		max-width:1000px;
		width: 100%;
		margin:0 auto;
	}
	
	#main_content .contents2{
		max-width:680px;
		width: 100%;
		margin:0 auto;
	}
	
	
	
	
	
	/* メインビジュアル */
	#main_content .main{
		width: 100%;
		height: auto;
		background-image:url("../img/yogyakarta-new/mainvisual_sp.png?0");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
		padding: 2.4vw 0px;
		padding-bottom: 5vw;
	}
	
	#main_content .catchcopy{
		text-align: center;
		margin: 0 auto;
		padding: 0px 2.6vw;
	}
	
	#main_content .catchcopy img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* メインテキスト */
	#main_content .main_text{
		text-align: center;
		color: #080f34;
		font-size: 2.9vw;
		line-height: 4vw;
	}
	
	#main_content .main_text_box{
		position: relative;
	}
	
	#main_content .icon_illust_01{
		position: absolute;
		top: -1vw;
		left: 2.6vw;
		width: 10vw;
	}
	
	#main_content .icon_illust_01 img{
		max-width: 100%;
		height: auto;
	}
	
	#main_content .icon_illust_02{
		position: absolute;
		right: 2.6vw;
		bottom: -4vw;
		width: 10vw;
	}
	
	#main_content .icon_illust_02 img{
		max-width: 100%;
		height: auto;
	}
	
	#main_content .btn_more{
		text-align: center;
		font-size: 2.6vw;
		margin-top: 0.6vw;
		color: #090909;
	}
	#main_content .readmore-trigger{
		display:block;
	}
	#main_content .readmore-content{
		display: none;
	}
	#main_content .is-open .readmore-trigger{
		display:none !important;
	}
	#main_content .is-open .readmore-content{
		display:block !important;
	}
	#main_content .readmore-trigger,
	#main_content .readmore-close{
		text-decoration:underline;
		cursor:pointer;
	}
		
	
	/* 目次 */
	#main_content .index_box{
		width: 100%;
		height: auto;
		background-image:url("../img/yogyakarta-new/img_back_sp.png?0");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		margin-top: 0;
	}
	
	#main_content .index_box_01{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 4vw 1.3vw;
		padding-left: 0;
		padding-bottom: 0px;
	}
	
	#main_content .img_index{
		margin: 0px 8vw;
		margin-top: 2vw;
		width: 100%;
	}
	
	#main_content .img_index_text{
		color: #ffffff;
		font-size: 3vw;
		padding: 4vw 0px;
		padding-top: 1.3vw;
	}
	
	#main_content .img_index_text li{
		margin: 1vw 0px;
		list-style-type: disc;
		text-decoration: none;
	}
	#main_content .img_index_text li a{
		text-decoration: none;
		color: #ffffff;
	}
	#main_content .img_index_text li a:hover{
		text-decoration: underline;
		color: #ffffff;
	}
	
	#main_content .img_index p{
		font-size: 4.6vw;
		color: #ffffff;
		text-align: center;
	}
	
	
	
	
	
	/* ツアー概要 */
	#main_content .tour{
		margin-top: 3vw;
		padding: 0px 2.6vw;
	}
	
	/* タイトル */
	#main_content .box_title_01 {
		font-size: 5.5vw;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	#main_content .box_title_01::before,#main_content .box_title_01::after {
		content: "";
		height: 1px;
		width: 6vw;
		background-color: #000066;
	}
	
	#main_content .box_title_01::before {
		margin-right: 4vw;
	}
	
	#main_content .box_title_01::after {
		margin-left: 4vw;
	}
	
	#main_content .box_title_02{
		text-align: center;
		margin-top: 2.6vw;
		font-size: 2.9vw;
	}
	
	#main_content .box_title_02_a{
		text-align: left;
	}
	
	/* タイトル */
	#main_content .box_title_03 {
		font-size: 3.7vw;
		margin-top: 5.3vw;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-image: url("../img/yogyakarta-new/img_review_back.png?0");
		color: #ffffff;
		padding: 1.3vw 0px;
	}
	
	#main_content .box_title_03 span{
		font-size: 5vw;
		padding-right: 1.3vw;
		padding-left: 2vw;
	}
	
	/* タイトル */
	#main_content .box_title_sp p{
		font-size: 5.3vw;
		text-align: center;
	}
	
	
	
	
	
	/* オススメ */
	#main_content .osusume_box{
		background-color: #fcfaf1;
		border: 0.6vw solid #f4d583;
		padding: 2.6vw 0px;
		margin-top: 3vw;
	}
	
	#main_content .osusume_title{
		text-align: center;
		font-size: 4.6vw;
		margin-bottom: 1.3vw;
		color: #3f3214;
	}
	
	#main_content .under{
		background: linear-gradient(transparent 70%, #f5fa7a 70%);
		padding-right: 1.3vw;
		padding-left: 2vw;
	}
	
	#main_content .osusume_text{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin: 0px 6vw;
		margin-bottom: 1.3vw;
	}
	
	#main_content .osusume_text p{
		font-size: 3.2vw;
		font-weight: bold;
		margin-left: 1.3vw;
		margin-top: 0.6vw;
	}
	
	#main_content .osusume_text span{
		color: #cc1515;
	}
	
	#main_content .osusume_box_01{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin: 0px 6vw;
		margin-top: 2.6vw;
	}
	
	#main_content .osusume_box_01 p{
		font-size: 2.9vw;
	}
	
	#main_content .osusume_box_01_title{
		background-color: #6d6935;
		color: #ffffff;
		padding: 0.6vw;
		margin-right: 0px;
		margin-bottom: 2vw;
		text-align: center;
		width: 100%;
	}
	
	#main_content .osusume_box_01_title p{
		font-size: 3.2vw;
	}
	
	#main_content .icon_check{
		width: 6vw;
	}
	
	#main_content .icon_check img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* ボタン */
	#main_content .btn{
		text-align: center;
		margin-top: auto;
	}

	#main_content .btn1{
		background-color: #0e345e;
		color: #ffffff;
		display: inline-block;
		width: 100%;
		padding:1vw 0 2vw 0px;
		max-width: 100%;
		height: auto;
		margin-top: 8vw;
		position: relative;
		border-radius: 0px;
		border: 1px solid #0e345e;
		font-size: 3.7vw;
	}
	
	#main_content .img_btn{
		position: absolute;
		top: -5.3vw;
		left: 1.3vw;
		z-index: 10;
		width: 20vw;
	}
	
	#main_content .img_btn img{
		max-width: 100%;
		height: auto;
	}
	
	#main_content .btn1 span{
		font-size: 2.6vw;
	}

	#main_content .btn1::before{
		border-right: 2px solid #ffffff;
		border-top:2px solid #ffffff;
		bottom:0px;
		content:"";
		height:1.3vw;
		margin: auto;
		right:2.6vw;
		top:0px;
		transform: rotate(45deg);
		width: 1.3vw;
		position: absolute;
	}

	#main_content .btn1:hover{
		opacity: 0.7;
	}
	
	/* バリ島・ジョグジャカルタ周遊ツアー6つのツアーポイント */
	#main_content .point_box{
		display: block;
		padding: 0px 2.6vw;
		margin-top: 4vw;
	}
	/* 本文を隠す高さを指定 */
	#main_content .point_box {
		position: relative;
		height: 280px;
		overflow: hidden;
	}
	
	/* もっと見るボタンで高さを自動に */
	#main_content .point_box.active {
		height: auto;
	}
	
	/* 透過グラデーションをposition指定 */
	#main_content .point_box::before {
		content: ""; 
		width: 100%;
		height: 100%;
		display: block;
		background: linear-gradient(rgba(255, 255, 255, 0) 0, #ffffff 90%);
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/* もっと見るボタンで透過グラデーションを解除 */
	#main_content .point_box.active::before {
		background: none;
	}

	#main_content .point_item{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		border: 2px solid #080f34;
		margin-top: 2.6vw;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	#main_content .point_text_01{
		font-size: 3.2vw;
		text-align: left;
		margin-top: 1.3vw;
		color: #080f34;
	}
	
	#main_content .point_text_02{
		font-size: 2.6vw;
		text-align: left;
		padding-top: 0.6vw;
	}
	
	#main_content .point_text_box{
		padding: 0px 3vw;
	}
	
	#main_content .point_text_03{
		margin-top: 0px;
	}
	
	#main_content .img_point{
		width: 42vw;
	}
	
	#main_content .img_point img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* ボタン */
	#main_content .btn_point{
		text-align: center;
		margin-top: auto;
	}

	#main_content .btn1_point{
		background-color: #0e345e;
		color: #ffffff;
		display: inline-block;
		width: 67vw;
		padding:2vw 0px;
		max-width: 100%;
		height: auto;
		margin-top: 6vw;
		position: relative;
		border: 1px solid #0e345e;
		font-size: 3.7vw;
	}
	#main_content .btn1_point::before,#main_content .btn1_point::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
#main_content .btn1_point::after {
    transform: translateY(-50%) rotate(90deg);
}
#main_content .btn1_point.active::before {
	opacity: 0;
}

#main_content .btn1_point.active::after {
	transform: translateY(-50%) rotate(180deg);
}


	/* モデル日程 */
	#main_content .model_box{
		margin-top: 5.3vw;
		padding: 0px;
	}
	
	#main_content .model_title_box{
		display: block;
	}
	
	#main_content .model_title_01{
		background-color: #ffffff;
		color: #080f34;
		font-size: 3vw;
		padding: 2px 10px;
		width: 21vw;
		margin: 0 auto;
	}
	
	#main_content .model_title_02{
		color: #ffffff;
		font-size: 5.3vw;
		margin-top: 0.6vw;
	}
	
	#main_content .schedule_box{
		display: flex;
		align-items: center;
		margin-top: 2.6vw;
		margin-left: 0px;
		padding: 0px 2.6vw;
	}
	
	#main_content .schedule_title{
		background-color: #3a4e7a;
		font-size: 3.2vw;
		padding: 0.5vw 0px;
		width: 34vw;
		text-align: center;
		color: #ffffff;
	}
	
	#main_content .schedule_text{
		font-size: 2.6vw;
		margin-left: 3vw;
	}
	
	#main_content .schedule_box_01{
		position: relative;
	}
	
	#main_content .img_border_sp{
		height: 36vw;
		border-right: 1px solid #3f3214;
		position: absolute;
		top: 5.3vw;
		left: 20vw;
		z-index: -1;
	}
	
	
	
	
	
	/* スケジュール */
	/* バリ島到着～2日目 */
	#main_content .course{
		background-color: #eaf1fb;
		padding: 2.6vw 2.6vw;
		margin-top: 5.3vw;
	}
	
	#main_content .course_box{
		display: block;
		justify-content: center;
		margin-top: 4vw;
	}
	
	#main_content .course_box p{
		margin-left: 0px;
		margin-top: 2vw;
		font-size: 2.9vw;
	}
	
	#main_content .course_scroll{
		padding: 2.6vw 0px;
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#main_content .course_scroll li{
		font-size: 3.7vw;
		padding: 1.3vw 4.6vw;
		list-style-type: none;
		background-color: #3a4e7a;
		margin: 0px 0px;
		text-align: center;
		display: flex;
		align-items: center;
	}
	
	#main_content .course_scroll p{
		color: #ffffff;
	}
	
	#main_content .course_scroll a{
		text-decoration: none;
	}
	
	#main_content .img_course_01{
		text-align: center;
	}
	
	#main_content .img_course_01 img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* 3日目バリ島からジョグジャカルタへ */
	#main_content .course_01{
		margin-top: 5.3vw;
		padding: 0px 2.6vw;
	}
	
	#main_content .course_02{
		margin-top: 0px;
	}
	
	#main_content .box_a{
		background-color: #ffffff;
		border: 2px solid #313c73;
		padding: 4.6vw;
		margin-top: 4vw;
	}
	
	#main_content .box_a_title{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	
	#main_content .box_a_title_01{
		background-color: #313c73;
		color: #ffffff;
		padding: 0.4vw 1.3vw;
		font-size: 3.2vw;
		margin-right: 2vw;
	}
	
	#main_content .box_a_title_02{
		color: #080f34;
		font-size: 4.6vw;
	}
	
	#main_content .box_a_01{
		display: flex;
		flex-wrap: wrap-reverse;
		justify-content: center;
		margin-top: 2vw;
	}
	
	#main_content .box_a_01 p{
		font-size: 2.9vw;
		margin-top: 1.3vw;
	}
	
	#main_content .box_a_link{
		margin-top: 2.6vw;
	}
	
	#main_content .link_box{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		background-color: #585522;
		color: #ffffff;
		width: 35vw;
		padding: 0.6vw 1.3vw;
	}
	
	#main_content .icon_note{
		margin-right: 1.3vw;
		margin-top: 0.4vw;
		width: 5vw;
	}
	
	#main_content .icon_note img{
		max-width: 100%;
		height: auto;
	}
	
	#main_content .link_box_01{
		background-color: #fcfaf0;
		border: 1px solid #585522;
		padding: 2vw 2.6vw;
	}
	
	#main_content .box_a_link a{
		color: #3f3214;
	}
	
	#main_content .link_box_01_text{
		margin-top: 0.6vw;
	}
	
	#main_content .box_a_link p{
		font-size: 2.9vw;
	}
	
	#main_content .img_01 img{
		max-width: 100%;
		height: auto;
	}
	
	
	
	
	
	/* 4日目ジョグジャカルタ観光巡り */
	#main_content .course4{
		background-color: #eaf1fb;
		padding: 5.3vw 2.6vw;
		padding-bottom: 18vw;
		margin-top: 5.3vw;
	}
	
	/* みどころ */
	#main_content .midokoro{
		display: flex;
		justify-content: space-between;
		margin-top: 4vw;
		overflow-x: scroll;
		padding-bottom: 2.6vw;
	}

	
	#main_content .midokoro_item{
		width:80%;
		height: auto;
		background-color: #ffffff;
		border: 1px solid #6d84a6;
		text-align: center;
		flex-shrink: 0;
		margin: 0px;
		margin-right: 2.6vw;
	}
	
	#main_content .midokoro_title{
		background-color: #080f34;
		padding: 0.2vw 0.6vw;
		width: 18vw;
		margin: 0 auto;
		color: #ffffff;
		margin-top: 2vw;
		font-size: 3.2vw;
	}
	
	#main_content .midokoro_title_01{
		font-size: 3.2vw;
		color: #080f34;
		margin-top: 2vw;
	}
	
	#main_content .midokoro_title_02{
		font-size: 3.2vw;
		color: #080f34;
		margin-top: 2vw;
	}
	
	#main_content .midokoro_text{
		font-size: 2.9vw;
		margin-top: 1.3vw;
		margin-bottom: 1.3vw;
		padding: 0px 2.6vw;
	}
	
	#main_content .midokoro_text_01{
		font-size: 2.9vw;
		margin-top: 2vw;
	}
	
	#main_content .midokoro_text_02{
		text-align: center;
		font-size: 4.6vw;
		color: #080f34;
		margin-top: 2.6vw;
	}
	
	#main_content .img_midokoro img{
		max-width: 100%;
		height: auto;
	}
	
	#main_content .course_finish{
		text-align: center;
		background-color: #ffffff;
		border: 1px solid #080f34;
		padding: 1.3vw 0px;
		width: 48vw;
		margin: 0 auto;
		margin-top: 2.6vw;
	}
	
	#main_content .course_finish_text_01{
		font-size: 5vw;
	}
	
	#main_content .course_finish_text_02{
		font-size: 3.2vw;
		margin-top: 0.6vw;
		margin-bottom: 0.6vw;
	}
	
	#main_content .course4_btn{
		margin-top: -17vw;
		padding: 0px 2.6vw;
	}
	
	#main_content .img_02 img{
		max-width: 100%;
		height: auto;
	}
	
	#main_content .course_slider {
		margin-bottom: 3vw;
	}
	#main_content .course_slider ul li {
		width: 100%;
		height: 36.11vw;
	}
	#main_content .course_slider ul li img {
		width: 100%;
		object-fit: cover;
	}
	#main_content .course_slider .bx-wrapper {
		background-color: transparent;
		margin: 0px auto;
		border: none;
		box-shadow: none;
	}
	#main_content .course_slider .bx-wrapper .bx-viewport {
		-webkit-box-shadow: 0 0 0px #ccc !important;
		box-shadow: 0 0 0px #ccc !important;
		border: none !important;
		left: 0px !important;
		background: none !important;
	}
	#main_content .course_slider .bx-wrapper .bx-pager,
	#main_content .course_slider .bx-wrapper .bx-controls-auto {
		bottom: 2px;
	}
	#main_content .course_slider .bx-wrapper .bx-pager.bx-default-pager a {
		background: #ffffff !important;
		width: 2vw !important;
		height: 2vw !important;
		border-radius: 50% !important;
		margin: 0px 5px !important;
	}
	#main_content .course_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#main_content .course_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #fff3c2 !important;
	}
	
	
	
	/* よくある質問 */
	#main_content .question{
		width: 100%;
		height: auto;
		margin-top: 5.3vw;
	}
    
    	#main_content .question .qa{
		margin-top: 4vw;
		padding: 0px 2.6vw;
	}    
    #main_content .question .qa-1 .a_01 {
    max-height: 0;
    opacity: 0;
    transition: max-height .45s ease, opacity .35s ease;
}

#main_content .question .qa-1[open] .a_01 {
    max-height: 800px; 
    opacity: 1;
}

#main_content .question .qa-1[open] p {
    animation: fadeSlide .35s ease;
}

#main_content .question .qa-1 {
    max-width: 100%;
		margin-bottom: 2vw;
		border: 1px solid #01406c;
    background: #FFF;
    transition: all .3s ease;
}

#main_content .question .qa-1 summary {
    position: relative;
    padding: 2vw 0px;
    padding-left: 9.3vw;
		padding-right: 2.6vw;
		color: #333333;
		font-size: 3.2vw;
		font-weight: 600;
		cursor: pointer;
    line-height: 1.4;  
    display: block;
    
}

#main_content .question .qa-1 summary::before,
	#main_content .question .qa-1 p::before {
		position: absolute;
		left: 1em;
		font-weight: 600;
		font-size: 1.3em;
	}

#main_content .question .qa-1 summary::before {
    color: #ffffff;
		content: "Q";
		background-color: #080f34;
		border-radius: 50%;
		width: 5.3vw;
		height: 5.3vw;
		font-size: 2.9vw;
		line-height: 4.6vw;
		text-align: center;
		font-family: "Shippori Mincho", serif;
}

#main_content .question .qa-1 summary::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 4.6vw;
    color: #080f34;
    transition: .2s ease;
    font-weight: normal;
}

#main_content .question .qa-1[open] summary::after {
    content: "-";
}

#main_content .question .qa-1 p {
    position: relative;
		padding-top: 2vw;
		padding-bottom: 2vw;
		padding-left: 6.5vw;
		padding-right: 2.6vw;
		font-size: 2.9vw;
    display: flex;
    flex-wrap: wrap;
}

#main_content .question .qa-1 p::before {
    color: #ffffff;
        content: "A";
        background-color: #5e689c;
        border-radius: 50%;
        width: 5.3vw;
		height: 5.3vw;
		font-size: 2.9vw;
		line-height: 4.6vw;
        text-align: center;
        margin-top: 0px;
		margin-left: -2.6vw;
}

#main_content .question .a_01 {
    border-top: 1px solid #a19f9f;
    margin: 0px 2.6vw;
}
	

	
	
	
	/* 総合評価 */
	#main_content .review{
		width: 100%;
		height: auto;
		background-image:url("../img/yogyakarta-new/img_review_back.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		margin-top: 5.3vw;
		padding: 4vw 0px;
	}
	
	#main_content .review_box{
		background-color: #ffffff;
		border: 0.9vw solid #d8e5ec;
		padding: 4vw 5.3vw;
		margin: 0px 2.6vw;
	}
	
	#main_content .review_box_01{
		display: block;
	}
	
	#main_content .review_box_a{
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(transparent 60%, #fdf6bb 60%);
		width: 53vw;
		margin: 0 auto;
		margin-top: 1.3vw;
	}
	
	#main_content .review_title{
		background-color: #092259;
		color: #ffffff;
		padding: 0.6vw 2.6vw;
		font-size: 3.2vw;
		width: 13vw;
		margin: 0 auto;
		text-align: center;
	}
	
	#main_content .review_title_01{
		color: #092259;
		font-size: 4.8vw;
		text-align: center;
	}
	
	#main_content .review_title_02{
		color: #092259;
		font-size: 4vw;
		font-weight: bold;
		margin-right: 2vw;
		margin-top: 0px;
	}
	
	#main_content .review_box_02{
		margin: 0 auto;
		margin-top: 1.3vw;
	}
	
	#main_content .review_item{
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #092259;
		padding: 2vw 2vw;
		padding-left: 1.3vw;
	}
	
	#main_content .review_item:last-of-type{
		border-bottom: none;
	}
	
	#main_content .review_item p{
		font-size: 3.5vw;
		font-weight: bold;
		color: #092259;
	}
	
	#main_content .review_text{
		text-align: center;
		font-size: 2.9vw;
	}
	
	#main_content .img_review_star{
		width: 25vw;
	}
	
	#main_content .img_review_star img{
		max-width: 100%;
		height: auto;
	}
	
	#main_content .img_review_star_01{
		width: 30vw;
	}
	
	#main_content .img_review_star_01 img{
		max-width: 100%;
		height: auto;
	}

	#main_content .point_slider_box {
		width: 100%;
		height:auto;
		margin: 0 auto;
	}
	#main_content .point_slider_box ul li {
		width: 100%;
	}
	#main_content .point_slider_box ul li img {
		width: 100%;
		height: auto;
	}

	#main_content .course_slider_box {
		width:82vw;
		margin: 0 auto;
	}
	#main_content .course_slider_box ul li {
		width: 100%;
		height: 195px;
	}
	#main_content .course_slider_box ul li img {
		width: 100%;
		height: 195px;
        object-fit: cover;
	}



	#main_content .bx-wrapper {
		background-color: transparent;
		margin: 0px auto;
		border: none;
		box-shadow: none;
	}
	#main_content .bx-wrapper .bx-viewport {
		-webkit-box-shadow: 0 0 0px #ccc !important;
		box-shadow: 0 0 0px #ccc !important;
		border: none !important;
		left: 0px !important;
		background: none !important;
	}
	#main_content .bx-wrapper .bx-pager,
	#main_content .bx-wrapper .bx-controls-auto {
		bottom: 10px;
	}
	#main_content .bx-wrapper .bx-pager.bx-default-pager a {
		background: #ffffff !important;
		width: 11px !important;
		height: 11px !important;
		border-radius: 50% !important;
		margin: 0px 5px !important;
	}
	#main_content .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#main_content .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #fff3c2 !important;
	}
	
	/* bxSliderのラッパーに対する設定 */
	#main_content .bx-wrapper {
		width: 100%; /* 親の幅いっぱいに広げる */
		max-width: 100% !important; /* 不必要な幅制限を解除 */
		margin: 0 auto; /* 中央寄せ */
	}
	
	/* スライド画像に対する設定 */
	#main_content .bx-wrapper img {
		width: 100%;
		display: block; /* 下部の隙間をなくす */
	}
	#main_content .slider-item-wrapper {
		/* grow:0(伸びない), shrink:0(縮まない), basis:100%(幅) */
		flex: 0 0 100%;
		max-width: 100%;
	}		
    
    /*対象コース*/
    #targettour{
        margin: 5vw 0 4vw 0;
    }
    .tour-contents{
        margin: 0 10px;
    }
    .tour-contents ul li a{
        position: relative;
        padding: 5px;
        padding-bottom: 12vw;
    }
    .tour-contents p.img{
        height: 80px;
    }
    .tour-contents ul li .img img{
        width: 100px;
        height: 70px;
    }
    .tour-contents .area-name{
        font-size: 3.3vw;
        bottom: -8px;
        padding: 0 5px;
        width: 100px;
        text-align: center;
        top: auto;
    }
    .tour-contents ul li .box {
        width: calc(100% - 100px);
        position: static;
        min-height: 94px;
    }
    .genre_detail{
        display: none;
    }
    .tour_tab .tour-contents ul li .bottom_box{
        display: block;
    }
    .tour-contents ul li .box .item1{
        font-size: 3.5vw;
    }
    .tour-contents ul li .box .item2{
        font-size: 3vw;
    }
    .tour_tab .tour-contents ul li .item3 .t-item{
        display: flex;
        flex-wrap: wrap;
        margin-top: 6px;
    }
    .tour-contents ul li .box .item3{
        font-size: 5vw;
        right: auto;
        position: absolute;
        min-width: 0;
        left: 0;
        width: 100%;
        display: block;
        bottom: 0;
    }
    .tour-contents ul li .bottom_box .hotel_item{
        width: auto;
        font-size: 3vw;
        line-height: 1.3;
        padding-top: 43px;
        background-position: left 40px;
    }
    .data-box{
        bottom: auto;
        left: 110px;
        top: 12vw;
        font-feature-settings: "palt";
        flex-wrap: wrap;
    }
    .data-box .iconbox p.rank{
        font-size: 2.5vw;
        padding: 0 2px;
        width: 85px;
    }
    .data-box p.kuchikomi .star{
        position: relative;
        width: 55px;
        height: 15px;
    }
    .data-box p.kuchikomi .star img{
        width: 15px;
        height: auto;
        position: absolute;
    }
    .data-box p.kuchikomi .star img:nth-child(1){
        left: 0px;
        z-index: 14;
    }
    .data-box p.kuchikomi .star img:nth-child(2){
        left: 10px;
        z-index: 13;
    }
    .data-box p.kuchikomi .star img:nth-child(3){
        left: 20px;
        z-index: 12;
    }
    .data-box p.kuchikomi .star img:nth-child(4){
        left: 30px;
        z-index: 11;
    }
    .data-box p.kuchikomi .star img:nth-child(5){
        left: 40px;
        z-index: 10;
    }
    .tour-contents ul li .item3 .t-item{
        display: flex;
        flex-wrap: wrap;
        margin-top: 6px;
    }
    .data-box p.kuchikomi .number a,.data-box p.kuchikomi .number{
        font-size: 2.8vw;
    }
    .data-box p.kuchikomi .evaluation .comment{
        font-size: 3vw;
    }
    .data-box .data{
        width: 100%;
    }
    .data-box p.kuchikomi{
        justify-content: flex-start;
    }
    .tour-contents ul li .item3 .t-item span.per-person,.tour-contents ul li .item3 .t-item span.nenyu{
        font-size: 3vw;
    }
    .tour-contents ul li .box .item3 .price{
        font-size: 5vw;
    }
    .tour-contents ul li .item3 .t-item span.nenyu{
        width: 100%;
        color: #333;
    }
    .tour-contents .link-button a{
        width: auto;
        margin: 10px 20px;
    }
    .tour-contents .link-button a span{
        font-size: 3.3vw;
    }
    .tour-contents .link-button a span::before{
        width: 7px;
        height: 7px;
    }

}