@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : experience.css
 author     : Ability Consultant
 style info : 体験型ツアー情報
=================================================================== */
.con_search, .con_sort, .con_hit, .con_list, .con_pager, .con_item_title, .con_item_main, .con_item_info, .con_calendar, .con_concern, .btn_list {
  max-width: 1260px;
  margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_search, .con_sort, .con_hit, .con_list, .con_pager, .con_item_title, .con_item_main, .con_item_info, .con_calendar, .con_concern, .btn_list {
    width: 95%;
  }
}

.con_list ul li a:after, .con_pager:after, .con_item_main:after, .con_item_main .box_txt .price:after, .con_item_info:after {
  content: "";
  display: table;
  clear: both;
}

/* Animation */
/* Fonts responsive */
/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
/* -----------------------------------------------------------
	Setting gnav active (Change class and value below)
	map			camera		home		res			bicycle		bag			car
	#588fe3		#047e51		#ba3964		#f18e00		#d239ee 	#edd900		#02b7de
----------------------------------------------------------- */
.con_title {
  background: url(../experience/images/bg_title.jpg) center center no-repeat;
  background-size: cover;
}

/* -----------------------------------------------------------
	.wrp_list
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_search
----------------------------------------------------------- */
.con_search .box_search {
  margin-bottom: 10px;
}
.con_search .box_search h4 {
  cursor: pointer;
  padding: 1.2em;
  font-weight: normal;
  background: #222;
  color: #fff;
  text-align: center;
  font-size: 124%;
  position: relative;
}
.con_search .box_search h4 span {
  position: absolute;
  top: 30%;
  right: 1em;
  font-size: 125%;
}
.con_search .box_search .search {
  background: #f1f1f1;
  padding: 30px 20px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_search .box_search .search {
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .box_search .search {
    padding: 20px 10px;
  }
}
.con_search .box_search .search input, .con_search .box_search .search button {
  background: #fff url(../images/common/ic_ca.png) no-repeat 95% center;
  border: 0;
  width: 100%;
  font-size: 124%;
  padding: .85em 1em;
  max-width: 265px;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .con_search .box_search .search input, .con_search .box_search .search button {
    max-width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .box_search .search input, .con_search .box_search .search button {
    max-width: 100%;
  }
}
.con_search .box_search .search button {
  color: #fff;
  background: #f06316;
}
.con_search .box_search .search p {
  display: inline-block;
  vertical-align: middle;
}
.con_search .box_search .search p.start, .con_search .box_search .search p.end {
  width: 265px;
}
@media only screen and (max-width: 1024px) {
  .con_search .box_search .search p.start, .con_search .box_search .search p.end {
    width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .box_search .search p.start, .con_search .box_search .search p.end {
    width: 100%;
  }
}
.con_search .box_search .search p.txt {
  font-size: 154%;
  padding: 0 1em;
}
@media only screen and (max-width: 767px) {
  .con_search .box_search .search p.txt {
    margin: .5em 0;
    font-size: 124%;
  }
}

.con_sort {
  background: #f1f1f1;
  border: 1px dotted #ccc;
  padding: 30px 30px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sort {
    padding: 25px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sort {
    padding: 25px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sort {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sort {
    margin-bottom: 50px;
  }
}
.con_sort .box_sort {
  margin-top: 20px;
}
.con_sort .box_sort:first-child {
  margin-top: 0;
}
.con_sort .box_sort .st_sort {
  font-size: 139%;
  color: #F06316;
  font-weight: normal;
  padding-left: 2em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_sort .box_sort .st_sort {
    font-size: 108%;
    font-weight: bold;
    margin-bottom: 10px;
  }
}
.con_sort .box_sort .st_sort:before {
  content: "\f375";
  font-family: "ionicons";
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -0.5em;
  color: #F06316;
  line-height: 1;
  font-size: 160%;
}
@media only screen and (max-width: 767px) {
  .con_sort .box_sort .st_sort:before {
    font-weight: normal;
  }
}
.con_sort .box_sort ul li {
  display: inline-block;
  padding-right: 18px;
  line-height: 2;
  padding: 6px;
}
.con_sort .box_sort ul li input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}
.con_sort .box_sort ul li input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}
@media (min-width: 1px) {
  .con_sort .box_sort ul li input[type=checkbox] {
    display: none;
    margin: 0;
  }
  .con_sort .box_sort ul li input[type=checkbox] + label {
    padding: 0 0 0 24px;
  }
  .con_sort .box_sort ul li input[type=checkbox] + label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .con_sort .box_sort ul li input[type=checkbox] + label:after {
    opacity: 0;
  }
  .con_sort .box_sort ul li input[type=checkbox]:checked + label:before {
    background: #F06316;
  }
  .con_sort .box_sort ul li input[type=checkbox]:checked + label:after {
    opacity: 1;
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 3px;
    width: 12px;
    height: 7px;
    margin-top: -5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

/* -----------------------------------------------------------
	.con_hit
----------------------------------------------------------- */
.con_hit {
  text-align: center;
  margin-bottom: 5%;
  margin-top: 5%;
}
@media only screen and (max-width: 767px) {
  .con_hit {
   margin-bottom: 15%;
  }
}
.con_hit p {
  font-size: 170%;
  margin-left: 10px;
}
.con_hit p em {
  color: #F06316;
  font-size: 128%;
}

/* -----------------------------------------------------------
	.con_list
----------------------------------------------------------- */
.con_list {
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_list {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_list {
    margin-bottom: 40px;
  }
}
.con_list ul li {
  border-bottom: 1px dotted #ccc;
}
.con_list ul li:first-child {
  border-top: 1px dotted #ccc;
}
.con_list ul li a {
  display: block;
  border: 3px solid #fff;
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_list ul li a {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_list ul li a {
    padding: 10px;
  }
}
.con_list ul li a .img {
  width: 30%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .img {
    width: 20%;
  }
}
.con_list ul li a .txtarea {
  width: 70%;
  float: right;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea {
    width: 80%;
    padding-left: 10px;
  }
}
.con_list ul li a .txtarea .category {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_list ul li a .txtarea .category {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .category {
    margin-bottom: 5px;
  }
}
.con_list ul li a .txtarea .category span {
  display: inline-block;
  padding: 2px 10px;
  margin-bottom: 2px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .category span {
    font-size: 77%;
  }
}
.con_list ul li a .txtarea .category span.kagawa {
  background: #af1a25;
}
.con_list ul li a .txtarea .category span.ehime {
  background: #b78809;
}
.con_list ul li a .txtarea .category span.tokushima {
  background: #1a5d13;
}
.con_list ul li a .txtarea .category span.kochi {
  background: #133e5d;
}
.con_list ul li a .txtarea .category span.col_1 {
  background: #588fe3;
}
.con_list ul li a .txtarea .category span.col_2 {
  background: #047e51;
}
.con_list ul li a .txtarea .category span.col_3 {
  background: #ba3964;
}
.con_list ul li a .txtarea .category span.col_4 {
  background: #f18e00;
}
.con_list ul li a .txtarea .category span.col_5 {
  background: #d239ee;
}
.con_list ul li a .txtarea .category span.col_6 {
  background: #edd900;
}
.con_list ul li a .txtarea .category span.col_7 {
  background: #02b7de;
}
.con_list ul li a .txtarea .st_item {
  font-size: 154%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_list ul li a .txtarea .st_item {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .st_item {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .st_item {
    font-size: 108%;
  }
}
.con_list ul li a .txtarea .txt {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_list ul li a .txtarea .txt {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .txt {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .txt {
    font-size: 100%;
  }
}
.con_list ul li a .txtarea .price {
  font-size: 139%;
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .price {
    font-size: 108%;
  }
}
.con_list ul li a .txtarea .price .sub {
  font-size: 78%;
  margin-right: 1em;
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .price .sub {
    font-size: 86%;
  }
}
.con_list ul li a .txtarea .price .through {
  text-decoration: line-through;
}
.con_list ul li a .txtarea .price .tax {
  font-size: 67%;
}
@media only screen and (max-width: 767px) {
  .con_list ul li a .txtarea .price .tax {
    font-size: 86%;
  }
}
.con_list ul li a .txtarea .price .color {
  color: #F06316;
  font-weight: bold;
}
.con_list ul li a .txtarea .price .ion-ios-arrow-thin-right {
  margin: 0 1em;
}
.con_list ul li a:hover {
  background: #fafafa;
  border: 3px solid #F06316;
}

/* -----------------------------------------------------------
	.con_pager
----------------------------------------------------------- */
.con_pager {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .con_pager {
    margin-top: 40px;
  }
}
.con_pager ul {
  text-align: right;
}
@media only screen and (max-width: 1024px) {
  .con_pager ul {
    text-align: center;
  }
}
.con_pager ul li {
  display: inline-block;
  border: 1px solid #ccc;
  background: #fff;
  vertical-align: top;
}
.con_pager ul li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #F06316;
  text-align: center;
}
.touch .con_pager ul li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_pager ul li a.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
.con_pager ul li a:hover, .con_pager ul li a.active {
  background: #F06316;
  color: #fff;
}
.con_pager ul li.prev i {
  margin-right: 0.5em;
}
.con_pager ul li.next i {
  margin-left: 0.5em;
}
.con_pager ul li.back i {
  margin-right: 0.5em;
}
.con_pager ul li.index i {
  margin-right: 0.5em;
}

/* -----------------------------------------------------------
	.wrp_item　▼▼▼▼▼▼ここから下が詳細ページ用▼▼▼▼▼▼
----------------------------------------------------------- */
.wrp_item {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_item {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_item {
    margin-top: 10px;
  }
}
.wrp_item .slick-slide img {
  width: 100% !important;
}

/* -----------------------------------------------------------
	.con_item_title
----------------------------------------------------------- */
.con_item_title {
  margin-bottom: 50px;
  padding-bottom: 10px;
  border-bottom: 2px solid #F06316;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_title {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_title {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_title {
    padding-bottom: 10px;
  }
}
.con_item_title ul.category {
  margin-bottom: 15px;
}
.con_item_title ul.category li {
  display: inline-block;
  margin-bottom: 2px;
  padding: 2px 10px;
  color: #fff;
}
.con_item_title ul.category li.kagawa {
  background: #af1a25;
}
.con_item_title ul.category li.ehime {
  background: #b78809;
}
.con_item_title ul.category li.tokushima {
  background: #1a5d13;
}
.con_item_title ul.category li.kochi {
  background: #133e5d;
}
.con_item_title ul.category li.col_1 {
  background: #588fe3;
}
.con_item_title ul.category li.col_2 {
  background: #047e51;
}
.con_item_title ul.category li.col_3 {
  background: #ba3964;
}
.con_item_title ul.category li.col_4 {
  background: #f18e00;
}
.con_item_title ul.category li.col_5 {
  background: #d239ee;
}
.con_item_title ul.category li.col_6 {
  background: #edd900;
}
.con_item_title ul.category li.col_7 {
  background: #02b7de;
}
@media only screen and (max-width: 767px) {
  .con_item_title ul.category li {
    font-size: 77%;
  }
}
.con_item_title .st_item {
  font-size: 193%;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_title .st_item {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_title .st_item {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_title .st_item {
    font-size: 139%;
  }
}

/* -----------------------------------------------------------
	.con_item_main
----------------------------------------------------------- */
.con_item_main {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_main {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_main {
    margin-bottom: 20px;
  }
}
.con_item_main .box_photo {
  width: 49%;
  float: left;
}
@media only screen and (max-width: 1024px) {
  .con_item_main .box_photo {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
.con_item_main .box_photo .slick-arrow {
  display: none !important;
}
.con_item_main .box_photo .slick-dots {
  margin-top: 10px;
}
.con_item_main .box_txt {
  width: 49%;
  float: right;
}
@media only screen and (max-width: 1024px) {
  .con_item_main .box_txt {
    width: 100%;
    float: none;
  }
}
.con_item_main .box_txt .introduction {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_main .box_txt .introduction {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_main .box_txt .introduction {
    margin-bottom: 20px;
  }
}
.con_item_main .box_txt .price {
  background: #f1f1f1;
  padding: 20px;
  display: table;
  width: 100%;
  border: 1px dotted #ccc;
  margin-top: 3em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_main .box_txt .price {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_main .box_txt .price {
    padding: 10px;
  }
}
.con_item_main .box_txt .price .box {
  display: table-cell;
  text-align: center;
}
.con_item_main .box_txt .price .box.before .main {
  position: relative;
  color: #999;
  text-decoration: line-through;
}
.con_item_main .box_txt .price .box.before .main:after {
  content: "\f3d6";
  font-family: "ionicons";
  font-weight: normal;
  font-size: 231%;
  position: absolute;
  color: #F06316;
  right: -0.3em;
  top: 50%;
  line-height: 1;
  margin-top: -0.5em;
}
.con_item_main .box_txt .price .box.after {
  position: relative;
  color: #F06316;
}
.con_item_main .box_txt .price .box .main {
  font-size: 170%;
}
@media only screen and (max-width: 1200px) {
  .con_item_main .box_txt .price .box .main {
    font-size: 139%;
  }
}
@media print {
  .con_item_main .box_txt .price .box .main {
    font-size: 139%;
  }
}
.ie8 .con_item_main .box_txt .price .box .main {
  font-size: 139%;
}
@media only screen and (max-width: 767px) {
  .con_item_main .box_txt .price .box .main {
    font-size: 124%;
  }
}
.con_item_main .box_txt .price .box .main span {
  font-size: 55%;
}
@media only screen and (max-width: 1200px) {
  .con_item_main .box_txt .price .box .main span {
    font-size: 67%;
  }
}
@media print {
  .con_item_main .box_txt .price .box .main span {
    font-size: 67%;
  }
}
.ie8 .con_item_main .box_txt .price .box .main span {
  font-size: 67%;
}
@media only screen and (max-width: 767px) {
  .con_item_main .box_txt .price .box .main span {
    font-size: 75%;
  }
}

/* -----------------------------------------------------------
	.con_item_info
----------------------------------------------------------- */
.con_item_info {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_info {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_info {
    margin-bottom: 20px;
  }
}
.con_item_info .box_table {
  width: 49%;
  float: left;
}
@media only screen and (max-width: 1024px) {
  .con_item_info .box_table {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
.con_item_info .box_table .st_icon {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_info .box_table .st_icon {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_info .box_table .st_icon {
    margin-bottom: 10px;
  }
}
.con_item_info .box_table .st_icon:before {
  content: "\f127";
  font-family: "ionicons";
}
.con_item_info .box_table .tbl_primary th {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .con_item_info .box_table .tbl_primary th {
    width: 100%;
  }
}
.con_item_info .box_map {
  width: 49%;
  float: right;
}
@media only screen and (max-width: 1024px) {
  .con_item_info .box_map {
    width: 100%;
    float: none;
  }
}
.con_item_info .box_map .st_icon {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_item_info .box_map .st_icon {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_item_info .box_map .st_icon {
    margin-bottom: 10px;
  }
}
.con_item_info .box_map .st_icon:before {
  content: "\f203";
  font-family: "ionicons";
}
.con_item_info .box_map #gmap {
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .con_item_info .box_map #gmap {
    height: 300px;
  }
}

/*----------------------------------------------------
	.con_calendar
----------------------------------------------------*/
.con_calendar .txt_intro {
  text-align: center;
}
.con_calendar .txt_intro span {
  color: #c42733;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calendar {
    width: 96%;
  }
}
.con_calendar .wrp_calendar {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  padding: 20px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calendar .wrp_calendar {
    width: 100%;
  }
}

/*
.con_month_nav	イベントカレンダー
----------------------------------------------------*/
.con_month_nav {
  text-align: center;
  margin-bottom: 25px;
}
.con_month_nav div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.con_month_nav div.this_month {
  color: #2e0a02;
  font-size: 150%;
}
@media only screen and (max-width: 767px) {
  .con_month_nav div.this_month {
    font-size: 180%;
  }
}
.con_month_nav div.this_month .month {
  font-size: 200%;
}
@media only screen and (max-width: 767px) {
  .con_month_nav div.this_month .month {
    font-size: 180%;
  }
}
.con_month_nav div.this_month .english {
  display: block;
  font-size: 50%;
  font-weight: normal;
  line-height: 1;
}
.con_month_nav div.prev_month a, .con_month_nav div.next_month a {
  display: block;
  padding: 7px 20px;
  margin: 0 20px;
  color: #222;
  font-size: 130%;
  text-decoration: none;
  border: 1px dotted #ccc;
}
@media only screen and (max-width: 767px) {
  .con_month_nav div.prev_month a, .con_month_nav div.next_month a {
    font-size: 120%;
  }
}
.con_month_nav div.prev_month a:hover, .con_month_nav div.next_month a:hover {
  background: #f1f1f1;
}

/*
.eventcalendar	イベントカレンダー
----------------------------------------------------*/
.eventcalendar {
  border-collapse: collapse;
  font-size: 90%;
  width: 100%;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-bottom: 25px;
}
.eventcalendar th, .eventcalendar td {
  width: 14.285%;
  border: 1px solid #ccc;
  border-top: none;
  text-align: left;
  vertical-align: top;
}
.eventcalendar th {
  padding: 2px 0;
  background: #f3f4f2;
  font-weight: normal;
  font-weight: bold;
  font-size: 130%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .eventcalendar th {
    font-size: 80%;
  }
}
.eventcalendar th.weekday1 {
  background: #d7d7d7;
}
.eventcalendar th.weekday2 {
  background: #c3c3c3;
}
.eventcalendar th.saturday {
  background: #61c2d4;
  color: #fff;
}
.eventcalendar th.sunday {
  background: #c42733;
  color: #fff;
}
.eventcalendar td {
  padding: 10px 13px;
  background: #fff;
  font-size: 110%;
}
@media only screen and (max-width: 767px) {
  .eventcalendar td {
    font-size: 60%;
    padding: 10px 0px;
  }
}
.eventcalendar td.past {
  background: #f1f1f1;
}
.eventcalendar td.today {
  background: #F06316;
}
.eventcalendar td.day_none {
  background: #f1f1f1;
}
.eventcalendar td.saturday .date {
  color: #61c2d4;
}
.eventcalendar td.sunday .date {
  color: #c42733;
}
.eventcalendar td .date {
  text-align: center;
  margin-bottom: 15px;
}
.eventcalendar td .date p {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 140%;
  font-weight: bold;
  padding: 0 0.4em 0;
  border-bottom: 1px dotted #000;
}
.eventcalendar td .detail a {
  display: block;
  text-align: center;
  font-size: 193%;
}
.eventcalendar td .detail a span {
  text-decoration: underline;
  color: #F06316;
}
.eventcalendar td .detail a:hover {
  background: #F06316;
}
.eventcalendar td .detail a:hover span {
  text-decoration: none;
  color: #fff;
}

/*----------------------------------------------------
	.con_attention
----------------------------------------------------*/
.con_concern {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concern {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concern {
    margin-bottom: 20px;
  }
}
.con_concern .st_icon {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concern .st_icon {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concern .st_icon {
    margin-bottom: 10px;
  }
}
.con_concern .st_icon:before {
  content: "\f100";
  font-family: "ionicons";
}
.con_concern .concern li {
  text-indent: -1em;
  margin-left: 1em;
}

.btn_list {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .btn_list {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .btn_list {
    margin-bottom: 40px;
  }
}
.btn_list .btn_basic {
  max-width: 500px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  table {
    font-size: 70%;
  }
}

/*----------------------------------------------------
	Additional by Kakihara Tatsunori
----------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .btn_basic a span {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .box_search h4 {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .box_search .search p.txt {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_search .box_search .search button {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hit p {
    font-size: 120%;
  }
}
.no_pege_ex {
    margin: 2% auto 5%;
    font-size: 120%;
    color: black;
    text-align: center;
    background-color: #f06316;
    padding: 3%;
    color: white;
}
@media only screen and (max-width: 767px) {
  .no_pege_ex {
       margin: 10% auto 10%;
       text-align: center;
       font-size: 80%;
       color: black;
       background-color: white;
  }
}
.google_ad {
       margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.google_ad {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
.google_ad {
    margin-bottom: 30px;
  }
}
p.sponsor{
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 100%;
    text-align: center;
    color: gray;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
p.sponsor{
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 90%;
    text-align: center;
    color: gray;
  }
}
@media only screen and (max-width: 767px) {
p.sponsor {
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 80%;
    text-align: center;
    color: gray;
  }
}
.google_ad_list {
    margin-top: 10px;
  }
@media only screen and (max-width: 767px) {
.google_ad_list {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.google_ad_list {
    margin-top: 10px;
    margin-bottom: 15px;
  }
}
.con_map {
    margin-top: 3%;
}
.con_addition .main .con_addition_detail01 .st_l{
     margin-top: 3%;
}
div.sponsored{
    text-align: center;
    margin-bottom: 0.5%;
}
@media only screen and (max-width: 767px) {
table {
  font-size: 70%;
 }
}
@media only screen and (max-width: 767px) {
.con_addition .main .con_addition_detail .txt{
  font-size: 90%;
 }
}
@media only screen and (max-width: 1024px)
.con_item_info .box_map {
    margin-top: 10%;
    margin-bottom: 10%;
}
}
@media only screen and (max-width: 1024px)
.box_st {
    margin-top: 12%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.con_item_main .box_txt .price{
    margin-bottom: 5%;
}
}
@media only screen and (max-width: 767px){
.con_item_main .box_txt .price {
    margin-bottom: 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.con_item_info .box_map {
    margin-top: 8%;
    margin-bottom: 8%;
}
}
@media only screen and (max-width: 767px)  {
.con_item_info .box_map {
    margin-top: 10%;
    margin-bottom: 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
div.con_calendar{
    margin-top: 8%;
}
}
@media only screen and (max-width: 767px)  {
div.con_calendar{
    margin-top: 15%;
}
}
@media only screen and (max-width: 767px)  {
.btn_list .btn_basic{
    margin-top: 10%;
}
}
.experience_japan {
    margin-top: 3%;
    text-align: left;
    font-size: 110%;
    color: #222;
}
@media only screen and (max-width: 767px) {
.experience_japan {
    margin-top: 10%;
    text-align: left;
    font-size: 90%;
    color: #222;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.experience_japan {
    margin-top: 6%;
    text-align: left;
    font-size: 100%;
    color: #222;
}
}
.experience_japan_box {
    margin-bottom: 5%;
}
@media only screen and (max-width: 767px) {
.experience_japan_box {
    margin-bottom: 12%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.experience_japan_box {
    margin-bottom: 8%;
}
}

.con_misc {
	max-width: 1260px;
	margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_misc {
		width: 95%;
  }
}

.con_misc:after {
	content: "";
	display: table;
	clear: both;
}
.con_misc {
	margin: 8% auto 8%;
	text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_misc {
       margin: 15% auto 15%;
       text-align: center;
       font-size: 80%;
}
}
.con_misc h3 {
	font-size: 139%;
	color: #f06316;
	margin-bottom: 1em;
}
.title-box2{
    margin: 2em 0;
    padding: 3em 1em 1.5em;
    position: relative;
    border: 1px solid #f06316;
    background-color: #f0631608;
    margin-bottom: 3em;
    font-size: 108%;
}

.title-box2-title{
    position: absolute;
    top: -0.8em;
    left: 20px;
    font-weight: normal;
    background-color: #f06316;
    color: #fff;
    padding: 0.3em 1em;
}

.title-box2 p{
    margin: 1em 0 0;
    padding: 0;
}

.title-box4-title{
    position: absolute;
    top: -0.8em;
    left: 20px;
    font-weight: normal;
    background-color: #f06316;
    color: #fff;
    padding: 0.3em 1em;
}

.title-box4{
    margin: 2em 0;
    padding: 3em 1em 1.5em;
    position: relative;
    border: 1px solid #f06316;
    background-color: #f0631608;
    margin-bottom: 3em;
    font-size: 108%;
}

.title-box5-title{
    text-align: center;
    background: #99cc33;
    padding: 10px;
    margin-top: 20px;
    color: white;
}

.title-box5-title:hover{
    opacity: 0.5;
}

.title-box3-title{
   position: relative;
    font-weight: normal;
    background-color: #ff0000b8;
    color: #fff;
    padding: 0.3em 1em;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    margin-top: 1.5em;
}
p.concern {
font-size: 108%;
}
@media only screen and (max-width: 767px){
p.concern {
    font-size: 100%!important;
}
}
.tour_text_title {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 10px;
    color: #F06316;
}
@media only screen and (max-width: 767px){
.tour_text_title {
    font-size: 115%!important;
}
}
@media only screen and (max-width: 767px){
.introduction span {
    font-size: 100%!important;
}
}
@media only screen and (max-width: 767px){
.title-box2 {
    font-size: 100%!important;
}
}
@media only screen and (max-width: 767px){
table.tbl_primary {
    font-size: 100%!important;
}
}
@media only screen and (max-width: 767px){
p.txt_intro {
    font-size: 95%!important;
}
}
.cautionbox{
  margin: 0 0 3em 0;
  background-color: #ffebee;
  padding: 1em;
  border: 1px solid #fb9d9d;
}
.cautionbox-title{
  color: red;
  font-size: 125%;
}
.cautionbox-title:before{
  font-family: FontAwesome;
  content: "\f028";
  font-size: 17px;
  margin-right: 5px;
}
.cautionbox p{
  margin: 0;
  padding: 10px 0;
  color: red;
  font-size: 108%;
}
.cautionbox2{
  margin: 3em 0 3em 0;
  background-color: #ffebee;
  padding: 1em;
  border: 1px solid #fb9d9d;
}
.cautionbox2 p{
  margin: 0;
  padding: 10px 0;
  color: red;
  font-size: 108%;
}
.more-image{
  margin: 0 0 1.5em 0;
  padding: 1em 0;
}
.more-image-title{
  color: #f06316;
  font-size: 125%;
}
.more-image-title a{
  color: #f06316;
}
.more-image-title a:hover{
  color: #f06316!important;
}
.more-image-title:before{
  font-family: FontAwesome;
  content: "\f030";
  font-size: 17px;
  margin-right: 5px;
}
@media only screen and (max-width: 767px){
.cautionbox-title {
    font-size: 115%!important;
}
}
@media only screen and (max-width: 767px){
.cautionbox p {
    font-size: 100%!important;
}
}
.datesbox{
  margin: 2em 0 3em 0;
  padding: 1em;
  border: 1px solid gray;
}
.datesbox-title{
  font-size: 125%;
}
.datesbox-title:before{
  font-family: FontAwesome;
  content: "\f274";
  font-size: 17px;
  margin-right: 5px;
}
.datesbox p{
  margin: 0;
  padding: 10px 0;
  font-size: 120%;
}
@media only screen and (max-width: 767px){
.datesbox-title {
    font-size: 115%!important;
}
}
@media only screen and (max-width: 767px){
.datesbox p {
    font-size: 100%!important;
}
}
.jnto-line{
    border-top: 1px solid #eee;
    margin-top: 40px;
}
p.asterisk{
   margin-top: 0;
   padding-left: 0.8em;
   text-indent: -0.8em;
}
@media only screen and (max-width: 767px){
p.asterisk{
   margin-top: 0;
   padding-left: 0.8em;
   text-indent: -0.6em;
}
}
.golf-plan{
    padding: 1em;
    font-size: 108%;
    border: 1px solid #ccc;
    margin-bottom: 3em;
    line-height: 2em;
    border-radius: 15px;
    background: #f1f1f1;
}
@media only screen and (max-width: 767px){
.golf-plan{
    line-height: 1.5em;
}
}
.experience-content {
    background: #fafafa;
    padding: 25px 10px 10px 10px;
    margin-top: 15px;
}
@media only screen and (max-width: 767px){
.experience-content {
    margin-top: 0;
}
}
.experience-box{
    margin-bottom: 20px;
    font-size: 108%;
}
.experience-rmks{
    font-weight: bold;
    display: block;
    padding: 5px 5px 5px 10px;
    text-align: left;
    border-left: 3px solid #a7a3a3;
    margin-bottom: 15px;
    font-size: 110%;
}
.experience-rmks2{
    font-weight: bold;
    display: block;
    padding: 5px 5px 5px 10px;
    width: 30%;
    text-align: left;
    border-left: 3px solid #ff0000;
    margin-bottom: 15px;
    color: #ff0000b8;
    font-size: 110%;
}
.apo-taxi {
    text-align: center;
    background: #99cc33;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 108%;
    color: white;
}
@media only screen and (max-width: 767px){
.experience-box{
    font-size: 100%;
}
.experience-rmks{
    width: 45%;
}
.experience-rmks2{
    width: 45%;
}
.experience-rmks-long{
    width: 55%;
}
.apo-taxi {
    font-size: 100%;
}
}