@charset "utf-8";

/* ========================
【観光「sightseeing.html」専用】sightseeing.css
======================== */
/*-------     ★★ コンテンツヘッダー《contents header》 ★★     ------*/
/* ★☆ 《contents header》mv ☆★ */
/*== media：751px～ ==*/
@media (min-width:751px) {
.bali_conts.underlayer .mv {
	background-image: url("../img/sightseeing/mv_bg_pc.jpg");
}
.bali_conts.underlayer .mv .logo {
	width: 411px;
	height: 130px;
	background-image: url("../img/sightseeing/mv_logo_pc.png");
}
}

/*== media：～750px ==*/
@media (max-width:750px) {
.bali_conts.underlayer .mv {
	background-image: url("../img/sightseeing/mv_bg_sp.jpg");
}
.bali_conts.underlayer .mv .logo {
 width: calc((572 / 750) * 100%);
 padding-top: calc((176 / 634) * 100%);
	background-image: url("../img/sightseeing/mv_logo_sp.png");
}
}
/*-------     ★★ コンテンツメイン 共通《contents main common》 ★★     ------*/
/* ★☆ 《contents main common》main_conts ☆★ */


/*-------     ★★ コンテンツメイン ダミーテキスト《contents main index》 ★★     ------*/
/* ★☆ 《contents main index》conts_specialConts_activity ☆★ */
*[id*="conts_specialConts_"] .conts_detail .datail_main {
	max-width: 898px;
	margin: auto;
}
*[id*="conts_specialConts_"] .conts_detail + .conts_detail {
	border-top: 1px solid #c3cf74;
}
*[id*="conts_specialConts_"] .conts_detail .img_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
*[id*="conts_specialConts_"] .conts_detail .img .caption {
	text-align: left;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box {
	border: 1px solid #c3cf74;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_ttl {
	line-height: calc(22 / 16);
	color: #4d2b00;
	font-weight: bold;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_ttl > span {
	display: inline-block;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .txt {
	line-height: 1.4;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .txt > span {
	display: block;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .main_txt {
	color: #4d2b00;
}

/*== media：751px～ ==*/
@media (min-width:751px) {
*[id*="conts_specialConts_"] .conts_detail .datail_main::after {
	content: "";
	display: block;
	clear: both;
}
*[id*="conts_specialConts_"] .conts_detail + .conts_detail {
	padding-top: 40px;
	margin-top: 40px;
}
*[id*="conts_specialConts_"] .conts_detail .img_area {
 width: calc((520 / 898) * 100%);
	float: right;
}
*[id*="conts_specialConts_"] .conts_detail .img_list .img {
 width: calc((250 / 520) * 100%);
}
*[id*="conts_specialConts_"] .conts_detail .img .caption {
	font-size: calc(18rem / 14);
	font-weight: bold;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area {
 width: calc((360 / 898) * 100%);
	float: left;
}
*[id*="conts_specialConts_"]:not(#conts_specialConts_other) .conts_detail .txt_area {
	max-width: 340px;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area:not(:first-child) {
	margin-top: 30px;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area > *:not(:first-child) {
	margin-top: 20px;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box {
	padding: 11px;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_ttl {
	font-size: calc(16rem / 14);
	margin-bottom: 8px;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .txt {
	padding-top: 3px;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .sub_txt,  *[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .notes {
	font-size: calc(12rem / 14);
	margin-top: 5px;
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .txt .com_link.typeA {
	margin-top: 20px;
}
}

/*== media：751px～960px ==*/
@media (min-width:751px) and (max-width:960px) {
*[id*="conts_specialConts_"] .conts_detail .txt_area:not(:first-child) {
	width: 100% !important;
}
}

/*== media：～750px ==*/
@media (max-width:750px) {
*[id*="conts_specialConts_"] .conts_detail + .conts_detail {
	padding-top: calc(20rem / 13);
	margin-top: calc(25rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .img_area {
	margin-top: calc(16rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .img_list .img {
 width: calc((324 / 670) * 100%);
}
*[id*="conts_specialConts_"] .conts_detail .img .caption {
	font-size: calc(12rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .txt_area:not(:first-child) {
	margin-top: calc(14rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .txt_area > *:not(:first-child) {
	margin-top: calc(15rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .txt_area > .img {
	margin-bottom: calc(20rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box {
	padding: calc(7rem / 13) calc(10rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_ttl {
	font-size: calc(15rem / 13);
	margin-bottom: calc(7rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .txt {
	padding-top: calc(5rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .sub_txt,  *[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .notes {
	font-size: calc(11rem / 13);
	margin-top: calc(3rem / 13);
}
*[id*="conts_specialConts_"] .conts_detail .txt_area .branch_box .box_txt .txt .com_link.typeA {
	margin-top: calc(11rem / 13);
}
}
/* ★ 【conts_specialConts_activity】conts_activity_lembongan ★ */
#conts_activity_lembongan .more {
	border-bottom: 1px solid #c3cf74;
}
#conts_activity_lembongan .more_detail {
	border-top: 1px solid #c3cf74;
}
#conts_activity_lembongan .more_detail[data-num="1"] .more_ttl.com_ttl.typeB.icon {
	background-image: url("../img/icon_num_01.png");
}
#conts_activity_lembongan .more_detail[data-num="2"] .more_ttl.com_ttl.typeB.icon {
	background-image: url("../img/icon_num_02.png");
}
#conts_activity_lembongan .more_detail[data-num="3"] .more_ttl.com_ttl.typeB.icon {
	background-image: url("../img/icon_num_03.png");
}
#conts_activity_lembongan .more_detail[data-num="4"] .more_ttl.com_ttl.typeB.icon {
	background-image: url("../img/icon_num_04.png");
}
#conts_activity_lembongan .more_detail[data-num="5"] .more_ttl.com_ttl.typeB.icon {
	background-image: url("../img/icon_num_05.png");
}
#conts_activity_lembongan .more_detail[data-num="6"] .more_ttl.com_ttl.typeB.icon {
	background-image: url("../img/icon_num_06.png");
}
#conts_activity_lembongan .more_detail .more_subttl {
	text-align: left;
	line-height: calc(19 / 14);
}
#conts_activity_lembongan .more_detail .more_txt.col02 .more_subttl {
	background: no-repeat center top;
	background-size: 100%;
}
#conts_activity_lembongan .more_detail .more_txt.col02 .txt:nth-child(1) .more_subttl {
	background-image: url("../img/sightseeing/conts_lembongan_other_img_01.jpg");
}
#conts_activity_lembongan .more_detail .more_txt.col02 .txt:nth-child(2) .more_subttl {
	background-image: url("../img/sightseeing/conts_lembongan_other_img_02.jpg");
}
#conts_activity_lembongan .more_detail .more_subttl > span {
	display: block;
}

/*== media：751px～ ==*/
@media (min-width:751px) {
#conts_activity_lembongan .more {
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(35px - 23px);
}
#conts_activity_lembongan .more_detail {
 padding: calc(23px - 9px) calc((20 / 920) * 100%) 23px;
}
#conts_activity_lembongan .more_detail[data-size="L"] {
	width: 100%;
}
#conts_activity_lembongan .more_ttl.com_ttl.typeB.icon {
	padding-left: calc(67px + 16px);
 min-height: calc(67px + (9px * 2));
	background-size: 67px;
}
#conts_activity_lembongan .more_detail::after {
	content: "";
	display: block;
	clear: both;
}
#conts_activity_lembongan .more_detail.col02 .more_txt_box {
 width: calc((340 / 880) * 100%);
	float: left;
}
#conts_activity_lembongan .more_detail.col02 .more_img {
 width: calc((486 / 880) * 100%);
	float: right;
}
#conts_activity_lembongan .more_detail[data-num="3"] .more_img {
	margin-top: 24px;
}
#conts_activity_lembongan .more_detail[data-num="4"] .more_img {
	margin-top: 21px;
}
#conts_activity_lembongan .more_detail[data-num="5"] .more_img {
	margin-top: 6px;
}
#conts_activity_lembongan .more_detail .more_txt.col02 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
 padding: 0 calc((10 / 880) * 100%);
}
#conts_activity_lembongan .more_detail .more_txt.col02 .txt:nth-child(1) {
	width: calc(50% - 1px);
 padding-right: calc(((20 / 860) * 100%) - .5px);
}
#conts_activity_lembongan .more_detail .more_txt.col02 .txt:nth-child(2) {
	width: calc(50% + 1px);
	border-left: 1px dashed #c3cf74;
 padding-left: calc(((20 / 860) * 100%) + .5px);
}
#conts_activity_lembongan .more_detail .more_subttl {
	margin-bottom: 5px;
}
#conts_activity_lembongan .more_detail .more_txt.col02 .more_subttl {
 padding-top: calc(((164 + 10) / 409.5) * 100%);
}
#conts_activity_lembongan .more_detail .more_subttl .ttl_main_txt {
	font-size: calc(22rem / 14);
}
}

/*== media：961px～ ==*/
@media (min-width:961px) {
#conts_activity_lembongan .more_detail:not([data-size="L"]) {
	width: calc(100% / 3.0001);/*ie対策で細かく設定*/
}
#conts_activity_lembongan .more_detail:not([data-size="L"]) + .more_detail:not([data-size="L"]) {
	border-left: 1px solid #c3cf74;
}
}

/*== media：751px～960px ==*/
@media (min-width:751px) and (max-width:960px) {
#conts_activity_lembongan .more_detail[data-size="M"] {
	width: 100%;
}
#conts_activity_lembongan .more_detail[data-size="S"] {
	width: 50%;
}
#conts_activity_lembongan .more_detail:not([data-size="L"]) img {
	width: auto;
	max-width: 100%;
	text-align: center;
}
#conts_activity_lembongan .more_detail[data-size="S"] + .more_detail[data-size="S"] {
	border-left: 1px solid #c3cf74;
}
#conts_activity_lembongan .more_detail[data-size="M"] .more_txt_box {
 width: calc((500 / 880) * 100%);
	float: left;
}
#conts_activity_lembongan .more_detail[data-size="M"] .more_img {
 width: calc((326 / 880) * 100%);
	float: right;
}
}

/*== media：～750px ==*/
@media (max-width:750px) {
#conts_activity_lembongan .more {
	margin-top: calc(25rem / 13);
}
#conts_activity_lembongan .more_detail {
 padding: calc(4.5rem / 13) calc((20 / 670) * 100%) calc(20rem / 13);
}
#conts_activity_lembongan .more_ttl.com_ttl.typeB.icon {
	padding-left: calc((53rem + 11rem) / 13);
 min-height: calc((53rem / 13) + ((10rem / 13) * 2));
	background-size: calc(53rem / 13);
}
#conts_activity_lembongan .more_detail .more_img {
	margin: calc(4rem / 13) auto 0;
}
#conts_activity_lembongan .more_detail[data-num="1"] .more_img {
 width: calc((603 / 630) * 100%);
}
#conts_activity_lembongan .more_detail[data-num="2"] .more_img {
 width: calc((550 / 630) * 100%);
}
#conts_activity_lembongan .more_detail[data-num="3"] .more_img {
 width: calc((430 / 630) * 100%);
}
#conts_activity_lembongan .more_detail[data-num="4"] .more_img {
 width: calc((541 / 630) * 100%);
}
#conts_activity_lembongan .more_detail[data-num="5"] .more_img {
 width: calc((502 / 630) * 100%);
}
#conts_activity_lembongan .more_detail .more_subttl {
	margin-bottom: calc(10rem / 13);
}
#conts_activity_lembongan .more_detail .more_txt.col02 .more_subttl {
 padding-bottom: calc(((242 / 630) * 100%) + (15rem / 13));
	background-position: center bottom;
}
#conts_activity_lembongan .more_detail .more_subttl .ttl_sub_txt {
	font-size: calc(12rem / 13);
	font-weight: normal;
}
#conts_activity_lembongan .more_detail .more_subttl .ttl_main_txt {
	font-size: calc(17rem / 13);
}
#conts_activity_lembongan .more_detail .more_txt.col02 .txt + .txt {
	border-top: 1px solid #c3cf74;
	margin-top: calc(25rem / 13);
	padding-top: calc(20rem / 13);
}
}

/* ★☆ 《contents main index》conts_specialConts_other ☆★ */

/*== media：751px～ ==*/
@media (min-width:751px) {
#conts_specialConts_other .conts_detail .txt_area {
 width: calc((370 / 898) * 100%);
}
#conts_specialConts_other .conts_detail .txt_area .branch_box .box_txt .img {
 width: calc((113 / 346) * 100%);
}
#conts_specialConts_other .conts_detail .txt_area .branch_box .box_txt .txt {
 width: calc((217 / 346) * 100%);
}
#conts_specialConts_other .conts_detail .img_area {
 width: calc((488 / 898) * 100%);
}
#conts_other_komodo .img_area + .img_area {
 margin-top: calc((29 / 898) * 100%);
}
#conts_other_borobudur .img_area + .img_area {
 margin-top: calc((25 / 898) * 100%);
}
#conts_other_komodo .img_area .img_sub {
 width: calc((470 / 488) * 100%);
}
#conts_other_borobudur .img_area .img_sub {
 width: calc((463 / 488) * 100%);
}
}

/*== media：～750px ==*/
@media (max-width:750px) {
#conts_specialConts_other .conts_detail .txt_area .branch_box .box_txt .img {
 width: calc((200 / 648) * 100%);
}
#conts_specialConts_other .conts_detail .txt_area .branch_box .box_txt .txt {
 width: calc((428 / 648) * 100%);
}
#conts_other_komodo .img_area + .img_area {
 margin-top: calc((26 / 672) * 100%);
}
#conts_other_borobudur .img_area + .img_area {
 margin-top: calc((42 / 672) * 100%);
}
#conts_other_komodo .img_area .img_sub {
 width: calc((600 / 648) * 100%);
}
#conts_other_borobudur .img_area .img_sub {
 width: calc((595 / 648) * 100%);
}
}