@charset "utf-8";

/* -----------------------------------------------------------------
 common
----------------------------------------------------------------- */
.g_ft {
	margin-top:0;
}

/* -----------------------------------------------------------------
 sightseeing_heading
----------------------------------------------------------------- */
.sightseeing_heading {
	position:relative;
	background:url(/special/sightseeing/img/heading_bg_pc.jpg) no-repeat center top;
	background-size:auto 345px;
  height: 345px;
}
.sightseeing_heading .breadcrumb {
	display:none;
}
/*イキ文字*/
.sightseeing_heading .box_text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  text-align: center;
  width: 94%;
  padding-bottom: 15px;
}

/*イキ文字*/
.sightseeing_heading .box_text .bt_ttl {
  color: #fff;
  width: 350px;
  margin: 0 auto 20px auto;;
  font-size: 2.4em; 
}
.sightseeing_heading .box_text .bt_ttl div {
  display:flex;
  justify-content: space-between;
  width: 350px;
  margin: 0 auto;
}
.sightseeing_heading .box_text .bt_ttl div span {
  font-weight: bold !important;
}
.sightseeing_heading .box_text .bt_copy {
  text-align: center;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
.sightseeing_heading {
	background:url(/special/sightseeing/img/heading_bg_sp.jpg) no-repeat center top;
  background-size: contain ;
  padding-top: 69.2%;
  height: auto
}

  /*イキ文字*/
.sightseeing_heading .box_text .bt_ttl {
  margin: 0 auto 10px auto;
  font-size: 2.2em; 
  line-height: 1.4;
}
.sightseeing_heading .box_text .bt_ttl div {
  display:flex;
  justify-content: space-between;
  max-width: 310px;
  width: 80%;
  margin: 0 auto;
}  
}


/* -----------------------------------------------------------------
 box_area
----------------------------------------------------------------- */
.box_area {
}
.box_area .box_layout >.ttl {
	width:94.66vw;
	margin:2em auto 0;
}
.box_area .box_layout .map {
	margin-top:2em;
}

@media screen and (min-width: 768px) {
.box_area {
	position:relative;
	margin-top:6.23%;
	background:url(/special/sightseeing/img/area_img_map_kagawa_pc.png) no-repeat center top;
	background-size: 118.8405%;
}
.box_area .box_layout >.ttl {
	position:absolute;
	width: 45.72%;
	margin-top:-2.39%;
	right:0;
}

.box_area .box_layout .map {
	width:62.53%;
	margin-top:0;
	margin-left:3.18%;
}
}

@media screen and (min-width: 1024px) {
.box_area {
	margin-top:6.23%;
}
.box_area .box_layout >.ttl {
	width: 45.72%;
	right:2.89%;
	margin-top:-2.39%;
}
.box_area .box_layout .map {
	width:62.53%;
	margin-left:3.18%;
}

}

@media screen and (min-width: 1660px) {
.box_area {
	margin-top:86px;
	background-size: 1640px;
}
.box_area .box_layout {
	max-width:1380px;
	margin:auto;
}
.box_area .box_layout >.ttl {
	width:631px;
	right:calc((100% - 1380px) / 2 + 40px);
	margin-top:-33px;
}
.box_area .box_layout .map {
	width:863px;
	margin-left:44px;
}
}

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


/* -----------------------------------------------------------------
 spot
----------------------------------------------------------------- */
.spot {
	padding-top:5.4em;
	background:url(/special/sightseeing/img/area_img_map_kagawa.png) no-repeat center top;
	background-size:100% auto;
}

@media screen and (min-width: 768px) {
.spot {
	padding-top:4em;
	background:none;
}
}

/* -----------------------------------------------------------------
 spot_list
----------------------------------------------------------------- */
.spot_list .item {
	margin:0 5vw;
}
.spot_list .item >.ttl {
	text-align:center;
	font-weight:bold;
	font-size:1.21em;
	color:#14559b;
}
.spot_list .item >.ttl .small {
	font-weight:bold;
	font-size:72.7%;
}
.spot_list .item >.img {
	margin-top:.6em;
}
.spot_list .item >.img img {
}
.spot_list .item >.img figcaption {
	margin-top:.5em;
	text-align:center;
	font-size:1.14em;
	color:#14559b;
}
.spot_list .item >.txt {
	margin-top:.3em;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size:1.07em;
}

@media screen and (min-width: 768px) {
.spot_list .item {
	margin:0 .7em;
}
.spot_list .item >.ttl {
	font-size:15px;
	font-size:.83em;
}

.spot_list .item >.img figcaption {
	font-size:15px;
	font-size:.83em;
}
.spot_list .item >.txt {
	font-size:14px;
	font-size:.77em;
}
}

@media screen and (min-width: 1024px) {
.spot_list .item {
	margin:0 1.1em;
}
.spot_list .item >.ttl {
	font-size:17px;
	font-size:.94em;
}

.spot_list .item >.img figcaption {
	font-size:16px;
	font-size:.88em;
}
.spot_list .item >.txt {
	font-size:15px;
	font-size:.83em;
}
}

@media screen and (min-width: 1400px) {
.spot_list .item {
	margin:0 1.1em;
}
.spot_list .item >.ttl {
	font-size:20px;
	font-size:1.11em;
}
.spot_list .item >.img figcaption {
	font-size:1em;
}
.spot_list .item >.txt {
	font-size:15px;
	font-size:.83em;
}
}

@media screen and (min-width: 1600px) {
.spot_list .item {
	margin:0 1.1em;
}
.spot_list .item >.ttl {
	font-size:22px;
	font-size:1.22em;
}
.spot_list .item >.img figcaption {
	font-size:1em;
}
.spot_list .item >.txt {
	font-size:15px;
	font-size:.83em;
}
}

/* -----------------------------------------------------------------
 spot_list/swiper
----------------------------------------------------------------- */
.swiper_spot .ttl {
  font-size: 1.22em;
  text-align: center;
  font-weight: bold;
  color: #14559b;  
}
.swiper_spot .ttl .small {
  font-weight: bold;
  font-size: 72.7%;
}
.swiper_spot .img {
  text-align: center;
}
.swiper_spot .img img {
  width: 100%;
}
.swiper_spot .img figcaption {
  margin-top: 5px;
  text-align: center;
  font-size: 1.14em;
  color: #14559b;
}
.swiper_spot .txt {
  font-size: .83em;
  margin-top: 5px;
}

@media screen and (min-width: 769px) {
  .swiper_spot .swiper-slide {
    width: 280px !important;
  }  
}
@media screen and (max-width: 768px) {
  .swiper_spot .txt {
    font-size: 1em;
  } 
}


/* -----------------------------------------------------------------
 box_recommend
----------------------------------------------------------------- */
.box_recommend {
	margin-top:3.14em;
}
.box_recommend >.ttl {
	text-align:center;
	font-weight:bold;
	font-size:1.60em;
	color:#14559b;
}
.box_recommend >.img,
.box_recommend >.img02 {
	margin-top:.6em;
}
.box_recommend >.img img,
.box_recommend >.img02 img {
	margin:auto;
}
.box_recommend >.img figcaption {
	margin-top:.5em;
	text-align:center;
	font-size:1.14em;
	color:#14559b;
}
.box_recommend >.txt {
	margin-top:.3em;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size:1.07em;
}
.box_recommend >.add {
	margin-top:.8em;
	padding-top:.8em;
	border-top:#14559b 1px dotted;
	color:#14559b;
}

@media screen and (min-width: 768px) {
.box_recommend >.ttl {
	line-height:1.4;
	font-size:1.33em;
}
.box_recommend >.ttl {
	font-size:1.33em;
}
.box_recommend >.name {
	margin-top:.5em;
	font-size:1em;
	color:#14559b;
}
.box_recommend >.txt {
	font-size:.83em;
}
.box_recommend >.add {
	font-size:.83em;
}
}

@media screen and (min-width: 1024px) {
.box_recommend {
	overflow:hidden;
	margin-top:6.5em;
}

.box_recommend >.ttl {
	float:right;
	width:42%;
	text-align:left;
	font-size:calc(1.333rem + 11 * (100vw - 1024px) / 376); /* w1024のとき24px → w1400のとき35px */ 

}
.box_recommend >.name,
.box_recommend >.txt,
.box_recommend >.add,
.box_recommend >.img02 {
	margin-left: 58%;
}
.box_recommend >.img {
	float:left;
	width:55%;
}

}

@media screen and (min-width: 1400px) {
.box_recommend >.ttl {
	font-size:1.94em;
}
}

/* -----------------------------------------------------------------
 box_pickup
----------------------------------------------------------------- */
.box_pickup {
	margin-top:4.67em;
}
.box_pickup >.ttl {
	width:58.4vw;
	margin:0 auto;
}

@media screen and (min-width: 768px) {
.box_pickup >.ttl {
	width:38%;
	max-width:243px;
}
}

/* -----------------------------------------------------------------
 pickup_list
----------------------------------------------------------------- */
.pickup_list {
	margin-top:1.5em;
}
.pickup_list .item {
	margin:0 2vw;
}
.pickup_list .item >.ttl {
	text-align:center;
}
.pickup_list .item >.img {
	margin-top:.8em;
}
.pickup_list .item >.img figcaption {
	text-align:center;
	font-size:1.14em;
}
.pickup_list .item.collar01 >.img figcaption {
	color:#ef5d16;
}
.pickup_list .item.collar02 >.img figcaption {
	color:#ffa800;
}
.pickup_list .item.collar03 >.img figcaption {
	color:#0baf92;
}
.pickup_list .item >.img .label {
	width:23.44%;
	margin-top:-15.5vw;
	margin-left:3%;
}
.pickup_list .item >.txt {
	margin-top:.3em;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size:1.07em;
}

@media screen and (min-width: 768px) {
.pickup_list .item {
	margin:0 .5em;
}
.pickup_list .item >.ttl {
	max-width:390px;
	margin:auto;
}

.pickup_list .item >.img figcaption {
	font-size:calc(0.944rem + 3 * (100vw - 768px) / 632); /* w768のとき17px → w1400のとき20px */ 
}
.pickup_list .item >.img .label {
	max-width:75px;
	margin-top:-10%;
}
.pickup_list .item >.txt {
	font-size:calc(0.778rem + 1 * (100vw - 768px) / 632); /* w768のとき14px → w1400のとき15px */ 
}
}

@media screen and (min-width: 1400px) {
.pickup_list .item {
	margin:0 1.4em;
}
.pickup_list .item >.img figcaption {
	font-size:1.11em;
}
.pickup_list .item >.txt {
	font-size:.83em;
}

}

/* -----------------------------------------------------------------
 box_pickup_kagawa
----------------------------------------------------------------- */
.box_pickup_kagawa {
	margin-top:4.67em;
}
.box_pickup_kagawa .box_ttl {
  width: 243px;
  margin: 0 auto 30px auto;
}
/*swiper---------------*/
.box_pickup_kagawa  {
  padding: 0 30px;
}
.box_pickup_kagawa .pickup_kagawa_list .ttl {
  margin: 0 0 15px 0;
  text-align: center;
}
.box_pickup_kagawa .pickup_kagawa_list .img .label {
  width: 75px;
  margin: -35px 0 0 15px;
}
.box_pickup_kagawa .pickup_kagawa_list .img figcaption {
  font-size: 1.11em;
  margin: 0 0 5px 0;
  text-align: center;
	color:#ef5d16;  
}
.box_pickup_kagawa .pickup_kagawa_list .collar02 .img figcaption {
	color:#ffa800;
}
.box_pickup_kagawa .pickup_kagawa_list .collar03 .img figcaption {
	color:#0baf92;
}
.box_pickup_kagawa .pickup_kagawa_list .txt {
  font-size: 0.83em;
}


@media screen and (max-width: 1280px) {
  .box_pickup_kagawa  {
    padding: 0 0 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .box_pickup_kagawa .pickup_kagawa_list .img figcaption {
   font-size: 1.14em; 
  }
  .box_pickup_kagawa .pickup_kagawa_list .txt {
    font-size: 1.07em;
  }
}
@media(min-width: 1281px){
  .swiper_pickup .swiper-wrapper .swiper-slide {
    width: calc( (100% - 60px ) / 3);
  }
  .swiper_pickup .swiper-wrapper {
    justify-content: space-between;
  }
  .swiper_pickup .swiper-wrapper li {
    margin: 0 15px;
  }
}
@media screen and (min-width: 768px) and  (max-width: 1280px) {
  .swiper_pickup .swiper-wrapper .swiper-slide{
    width: 400px ;
  }  
}

/* -----------------------------------------------------------------
 box_konpira
----------------------------------------------------------------- */
.box_konpira {
	padding-top:5.147em;
	padding-bottom:6em;
	background:#fffdf3 url(/special/sightseeing/img/konpira_bg_hd_sp.png) no-repeat center top;
	background-size:100% auto;
}
.box_konpira >.ttl {
	width:84vw;
	margin:0 auto;
}
.box_konpira >.txt {
	font-size:1.07em;
	width:84vw;
	margin:1.2em auto 0;
}
.box_konpira >.txt br {
	display:none;
}
.box_konpira .access_car {
	width:82.66vw;
	margin:1em auto 0;
}

@media screen and (min-width: 768px) {
.box_konpira {
	margin-top:5.22em;
	background:#fffdf3 url(/special/sightseeing/img/konpira_bg_hd_pc.png) no-repeat center top;
	background-size:100% auto;
}
.box_konpira >.ttl {
	width:40%;
	max-width:424px;
}
.box_konpira >.txt {
	width:90%;
	font-size:.83em;
}
.box_konpira .access_car {
	width:50%;
	max-width:262px;
}
}

@media screen and (min-width: 768px) {
.box_konpira >.txt {
	text-align:center;
}
.box_konpira >.txt br {
	display:block;
}
}








/*---------- step ----------*/
.box_konpira .step {
	position:relative;
	margin-top:2em;
}
.box_konpira .step:before {
	content:"";
	position:absolute;
	display:block;
	top:10vw;
	left:4.533vw;
	bottom:0;
	width:6.13vw;
	background:#fffdf3 url(/special/sightseeing/img/konpira_bg_step.png) repeat-y left top;
	background-size:6.13vw auto;
}

.box_konpira .step >.item {
	overflow:hidden;
	padding-left:15.2vw;
	padding-right:4vw;
}
.box_konpira .step >.item >.ttl {
	position:relative;
	height:15.733vw;
	padding-bottom:4vw;
	background:#fffdf3 url(/special/sightseeing/img/konpira_bg_rope.png) repeat-x left bottom;
	background-size:auto 1.3vw;

}
.box_konpira .step >.item >.ttl:before {
	content:"";
	position:absolute;
	display:block;
	top:4vw;
	left:-11.9vw;
	width:8.53vw;
	height:8.53vw;
	background:url(/special/sightseeing/img/konpira_img_circle.png) no-repeat center center;
	background-size:contain;

}
.box_konpira .step >.item >.ttl >img {
	max-height: 100%;
}
.box_konpira .step >.item >.txt {
	margin-top:1em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.box_konpira .step >.item >.photo {
	margin:1em auto 0;
}

@media screen and (min-width: 768px) {
.box_konpira .step:before {
	top: 40px;
	left:4vw;
	width:20px;
	background:#fffdf3 url(/special/sightseeing/img/konpira_bg_step.png) repeat-y left top;
	background-size:20px auto;
}
.box_konpira .step >.item {
	padding-left:10vw;
	padding-right:3vw;
}
.box_konpira .step >.item >.ttl {
	height:64px;
	padding-bottom:16px;
	background:#fffdf3 url(/special/sightseeing/img/konpira_bg_rope.png) repeat-x left bottom;
	background-size:auto 5px

}
.box_konpira .step >.item >.ttl:before {
	left:calc(-10vw + 4vw - 5px);
	width:30px;
	height:30px;
	top:18px;

}
}

@media screen and (min-width: 1024px) {
.box_konpira .step {
	max-width:1300px;
	margin:2em auto 0;
}
.box_konpira .step:before {
	left:40px;
}
.box_konpira .step >.item {
	padding-left:100px;
	padding-right:40px;
}

.box_konpira .step >.item >.ttl {
	float:left;
	width:50%;
}
.box_konpira .step >.item >.ttl:before {
	left:-65px;
}

.box_konpira .step >.item >.photo {
	float:right;
	width:49%;
}

}


/*----- step785 -----*/
.box_konpira .step >.item.step785 >.ttl {
	margin-top:1.5em;
}

@media screen and (min-width: 1024px) {
.box_konpira .step >.item.step785 >.txt {
	display:none;
}
.box_konpira .step >.item.step785 >.txt.for_1024 {
	display:block;
	float:left;
	width:50%;
	margin-top:.8em;
	font-size:.83em;
}
}


/*----- step365 -----*/
.box_konpira .step >.item.step365 >.ttl {
	margin-top:2.7em;
}
.box_konpira .step >.item.step365 >.photo {
	width:58.66vw;
}

@media screen and (min-width: 768px) {
.box_konpira .step >.item.step365 >.photo {
	width:65%;
	max-width:440px;
}
}
@media screen and (min-width: 1024px) {
.box_konpira .step >.item.step365 >.ttl {
	width:23%;
}
.box_konpira .step >.item.step365 >.photo {
	float:left;
	width:25%;
	margin-left:.5%;
}
}

/*----- step113 -----*/
.box_konpira .step >.item.step113 >.ttl {
	margin-top:3em;
}

@media screen and (min-width: 1024px) {
.box_konpira .step >.item.step113 >.ttl {
	margin-top:0;
}
.box_konpira .step >.item.step113 >.txt {
	display:none;
}
.box_konpira .step >.item.step113 >.txt.for_1024 {
	display:block;
	float:left;
	width:50%;
	margin-top:.8em;
	font-size:.83em;
}
}

/*----- step0 -----*/
.box_konpira .step >.item.step0 {
	position:relative;
	top:6vw;
}

@media screen and (min-width: 768px) {
.box_konpira .step >.item.step0 {
	top:25px;
}
}

@media screen and (min-width: 1024px) {
.box_konpira .step >.item.step0 {
	width:67%;
	margin-top:-8em;
}
.box_konpira .step >.item.step0 >.ttl {
	width:30%;
}
}



/*----- info_xxxx common -----*/
.box_konpira .step >.item .info_ttl {
	font-weight:bold;
}
.box_konpira .step >.item .info_txt {
	margin-top:.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

@media screen and (min-width: 1024px) {
.box_konpira .step >.item .info_ttl {
	font-size:.88em;
}
.box_konpira .step >.item .info_txt {
	font-size:.77em;
}
}
@media screen and (min-width: 1400px) {
.box_konpira .step >.item .info_ttl {
	font-size:1.11em;
}
.box_konpira .step >.item .info_txt {
	font-size:.83em;
}
}

/*----- info_tengu -----*/
.box_konpira .step >.item .info_tengu {
	float:left;
	width:41.66vw;
	margin-top:6.93vw;
}
.box_konpira .step >.item .info_tengu >img {
	width:26.66vw;
	margin:0 0 0 auto;
}
.box_konpira .step >.item .info_tengu .info_ttl {
	margin-top:-.5em;
}
.box_konpira .step >.item .info_tengu .info_txt {
}
@media screen and (min-width: 768px) {
.box_konpira .step >.item .info_tengu {
	width:52%;
	margin-top:1em;
}
.box_konpira .step >.item .info_tengu >img {
	width:62%;
}
}

@media screen and (min-width: 1024px) {
.box_konpira .step >.item .info_tengu {
	width:25%;
}
}


/*----- info_ishidan -----*/
.box_konpira .step >.item .info_ishidan {
	float:right;
	width:35.13vw;
	margin-top:19.46vw;
}
.box_konpira .step >.item .info_ishidan .info_ttl {
	text-align:center;
}
.box_konpira .step >.item .info_ishidan .info_txt {
}

@media screen and (min-width: 768px) {
.box_konpira .step >.item .info_ishidan {
	width:46%;
}
.box_konpira .step >.item .info_ishidan img {
	margin-left:auto;
	margin-right:auto;
}
}

@media screen and (min-width: 1024px) {
.box_konpira .step >.item .info_ishidan {
	width:21%;
	margin-top:1em;
	margin-right:3%;
}
}

/*----- info_ame -----*/
.box_konpira .step >.item .info_ame {
	overflow:hidden;
	margin-top:2em;
}
.box_konpira .step >.item .info_ame >img {
	float:left;
	width:43%;
}
.box_konpira .step >.item .info_ame .info_ttl {
	float:left;
	width:53%;
	margin-left:3%;
}
.box_konpira .step >.item .info_ame .info_txt {
	float:left;
	width:53%;
	margin-top:.5em;
	margin-left:3%;
}

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

@media screen and (min-width: 1024px) {
.box_konpira .step >.item .info_ame {
	float:left;
	width:46%;
}
}


/*----- info_view -----*/
.box_konpira .step >.item .info_view {
	margin-top:1em;
}

@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
.box_konpira .step >.item .info_view {
	display:none;
}
.box_konpira .step >.item .info_view.for_1024 {
	display:block;
	float:right;
	width:49%;
}
}

/*----- info_koma -----*/
.box_konpira .step >.item .info_koma {
	overflow:hidden;
	margin-top:1em;
}
.box_konpira .step >.item .info_koma.for_1024 {
	display:none;
}

.box_konpira .step >.item .info_koma >img {
	float:left;
	width:30.35vw;
}
.box_konpira .step >.item .info_koma .info_ttl {
	margin-top:18.66vw;
	margin-left:32vw;
}
.box_konpira .step >.item .info_koma .info_txt {
	margin-left:32vw;
}

@media screen and (min-width: 768px) {
.box_konpira .step >.item .info_koma >img {
	width:38%;
}
.box_konpira .step >.item .info_koma .info_ttl {
	margin-top:5em;
	margin-left:40%;
}
.box_konpira .step >.item .info_koma .info_txt {
	margin-left:40%;
}
}

@media screen and (min-width: 1024px) {
.box_konpira .step >.item .info_koma {
	display:none;
}
.box_konpira .step >.item .info_koma.for_1024 {
	display:block;
	float:right;
	width:30%;
	margin-right:10%;
}
.box_konpira .step >.item .info_koma .info_ttl {
	margin-top:2em;
}

}


/*----- info_oiri -----*/
.box_konpira .step >.item .info_oiri {
	position:relative;
	padding-bottom: 2em;
}
.box_konpira .step >.item .info_oiri >img {
	position:absolute;
	right:3vw;
	bottom:0;
	width:20.45vw;
	height:44vw;
}
.box_konpira .step >.item .info_oiri .info_ttl {
	width:53vw;
	margin-top:11.73vw;
	margin-left:4vw;
}
.box_konpira .step >.item .info_oiri .info_txt {
	width:53vw;
	margin-left:4vw;
}

@media screen and (min-width: 768px) {
.box_konpira .step >.item .info_oiri >img {
	right:3vw;
	width:20.45%;
	height:auto;
}
.box_konpira .step >.item .info_oiri .info_ttl {
	width:68%;
	margin-top:2em;
	margin-left:1em;
}
.box_konpira .step >.item .info_oiri .info_txt {
	width:68%;
	margin-left:1em;
}
}
@media screen and (min-width: 1024px) {
.box_konpira .step >.item .info_oiri {
	overflow:hidden;
	position:static;
	float:left;
	width:30%;
	margin-left:18%;
}
.box_konpira .step >.item .info_oiri >img {
	position:static;
	float:left;
	width:27%;
	height:auto;
	margin-top:-4em;
}
.box_konpira .step >.item .info_oiri .info_ttl {
	float:right;
	width:64%;
	margin-top:4em;
}
.box_konpira .step >.item .info_oiri .info_txt {
	float:right;
	width:64%;
}
}