@charset "UTF-8";

/*************************************************************
パーパスジャパン
[css/sp.css]
17.12.19
*************************************************************/

/* 目次
-------------------------------------------------------------
01) グローバルナビゲーション・ヘッダ
02) フッタ
03) SNS
04) 相談方法
05) 電話で相談する
06) パーパスの旅とは
07) 旅行記から探す
08) 注目の旅・ツアー一覧・旅行記一覧
09) カルーセルスライダー
10) ツアーを探す
11) バナー
12) 下層ページタイトルまわり
13) 国別専門店
14) 目的別専門店
15) 目的別ツアー一覧
16) 旅のエッセンス リンク集
17) お問い合わせページ
18) フォーム
-------------------------------------------------------------*/


/* 01) グローバルナビゲーション・ヘッダ
-------------------------------------------------------------*/
/*---------- グローバルナビゲーション ----------*/
/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
	content: '';
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 3;
}
.side-open .overlay {
	visibility: visible;
	background: rgba(0,0,0,.6);
	-webkit-transform: translate3d(-260px, 0, 0);
	transform: translate3d(-260px, 0, 0);
}
.side-open .overlay::after {
	visibility: visible;
	color: rgba(255,255,255,.8);
}

/* ドロワーメニュー */
.side-menu {
	position: fixed;
	top: 0;
	right: 0;
	box-sizing: border-box;
	width: 260px;
	height: 100%;
	padding-top: 60px;
	text-align: left;
	font-size: 18px;
	background: #fff;
	z-index: 1;
}
.side-menu_ul {
	width: 100%;
	height: 100%;
	display: block;
	overflow: auto;
}
.side-menu_ul li a {
	position: relative;
	display: block;
	padding: 11px 0 11px 55px;
	color: #000;
}
.side-menu_ul li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 14px;
	left: 22px;
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	background-size: 17px 17px;
}
.side-menu_ul li:nth-child(1) a:before { background-image: url(../images/icon_home.png); }
.side-menu_ul li:nth-child(2) a:before { background-image: url(../images/icon_area.png); }
.side-menu_ul li:nth-child(3) a:before { background-image: url(../images/icon_theme.png); }
.side-menu_ul li:nth-child(4) a:before { background-image: url(../images/icon_tour.png); }
.side-menu_ul li:nth-child(5) a:before { background-image: url(../images/icon_report.png); }
.side-menu_ul li:nth-child(6) a:before { background-image: url(../images/icon_consult.png); }
.side-menu_ul li:nth-child(7) a:before { background-image: url(../images/icon_corp.png); }
.side-menu_ul li:nth-child(8) a:before { background-image: url(../images/icon_PC.png); }

/* 開閉ボタン */
.side-menu-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 48px;
	z-index: 4;
	background: #000 url(../images/menu.png) no-repeat center 34px;
	background-size: 36px auto;
}
.toggle {
	position: relative;
	width: 26px;
	height: 21px;
	margin: 9px 17px 0;
}
.toggle span {
	position: absolute;
	display: block;
	width: 100%;
	border-bottom: #fff solid 3px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.toggle span:nth-child(1) {top:0}
.toggle span:nth-child(2) {top:9px}
.toggle span:nth-child(3) {top:18px}
.side-open span:nth-child(1) {
	top: 9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.side-open span:nth-child(2) ,
.side-open span:nth-child(3) {
	top: 9px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}
.side-open { position: fixed; }

/*---------- コンテナ ----------*/
.container {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 2;
}
.side-open .container {
	-webkit-transform: translate3d(-260px, 0, 0);
	transform: translate3d(-260px, 0, 0);
}

/*---------- ヘッダ ----------*/
header {
	width: 100%;
	height: 48px;
	background: #fff;
}
header h1 {
	width: 165px;
	padding: 8px 0 0 20px;
}

/* 02) フッタ
-------------------------------------------------------------*/
footer {
	background: #ddd;
	padding-bottom: 15px;
}
footer h2 {
	font-size: 19px;
	text-align: center;
	color: #777;
	padding: 15px 0;
	text-shadow: 1px 1px 0 #fff;
}
footer ul.ftNav > li {
	border-top: #8ba1c5 solid 3px;
	padding: 0 10px 0 20px;
}
footer ul.ftNav > li h3 {
	position: relative;
	font-size: 18px;
	padding: 12px 0;
}
footer ul.ftNav > li h3.main:after {
	position: absolute;
	content: "\f13a";
	font-family: FontAwesome;
	right: 10px;
	color: #3a65ae;
}
footer ul.ftNav > li h3.open:after {
	content: "\f139";
}
footer ul.ftNav > li ul.subs,
footer ul.ftNav > li ul.menu
 {
	line-height: 1.2;
	padding-bottom: 9px;
}
footer ul.ftNav > li:last-child {
	padding-top: 18px;
}
footer ul.ftNav > li ul.col2 > li.col,
footer ul.ftNav > li ul.col3 > li.col,
footer ul.ftNav > li ul.col4 > li.col
 {
	float: left;
}
footer ul.ftNav > li ul.col2 > li.col {
	width: 50%;
}
footer ul.ftNav > li ul.col3 > li.col {
	width: 33.333%;
}
footer ul.ftNav > li ul.col4 > li.col {
	width: 25%;
}
footer ul.ftNav > li ul.subs > li.col > ul > li,
footer ul.ftNav > li ul.menu > li.col > ul > li {
	padding: 5px 0;
}
footer ul.ftNav > li ul.subs > li.col > ul > li:first-child,
footer ul.ftNav > li ul.menu > li.col > ul > li:first-child {
	padding-top: 0;
}
footer ul.ftNav > li ul.subs > li.col > ul > li > ul.child > li {
	padding: 5px 0 5px 7px;
	background: url(../images/child_line.png) no-repeat left center;
	background-size: 5px auto;
}
footer ul.ftNav > li ul.subs > li.col > ul > li > ul.child > li.grandson {
	padding-left: 14px;
	background-position: 7px center;
}
footer ul.ftNav > li ul.subs > li.col > ul > li > ul.child > li:last-child,
footer ul.ftNav > li ul.subs > li.col > ul > li > ul.child > li:nth-child(6) {
	background-image: url(../images/child_line_last.png);
}
footer ul.ftNav > li ul.subs > li.col > ul > li.parent {
	padding-bottom: 0;
}
footer ul.ftNav > li ul.subs > li.col > ul > li span {
	display: block;
	padding-bottom: 5px;
}
footer ul.ftNav li.bn {
	text-align: center;
	margin-right: 10px;
}
footer p.cr {
	font-size: 10px;
	text-align: center;
	color: #777;
	margin-top: 15px;
}

/* 03) SNS
-------------------------------------------------------------*/
.sns ul {
	display: flex;
	justify-content: center;
}
.sns ul li {
	width: 33.333%;
}
.sns ul li a {
	display: block;
	width: 65px;
	height: 65px;
	margin: 20px auto 0;
}

/* 04) 相談方法
-------------------------------------------------------------*/
.sodan {
	padding-top: 0;
}
.sodan > div {
	border: #ccc solid 1px;
}
.sodan h3 {
	font-size: 18px;
	text-align: center;
	background: #eee;
	border-bottom: #ccc dotted 1px;
}
.sodan .item {
	padding: 14px 15px;
}
.sodan .item {
	border-bottom: #ccc dotted 1px;
}
.sodan .item h4 {
	font-size: 19px;
	color: #888;
	margin-bottom: 7px;
}
.sodan .item h4 i {
	margin-right: 6px;
}
.sodan .item p.btn_form {
	margin-top: 11px;
	margin-bottom: 16px;
}
.sodan .item ul.note li {
	font-size: 13px;
	line-height: 1.4;
	margin-top: 10px;
	text-indent: -11px;
	padding-left: 11px;
}
.sodan .item ul.tel li {
	position: relative;
	font-size: 13px;
	line-height: 1.2;
	padding-left: 5%;
	margin-bottom: 8px;
}
.sodan .item ul.tel li:after {
	position: absolute;
	content: "\f138";
	font-size: 18px;
	font-family: FontAwesome;
	top: 6px;
	right: 0;
	color: #89a3ce;
}
.sodan .item ul.tel li strong {
	font-size: 18px;
}
.sodan .item ul.tel li strong a {
	font-size: 29px;
	padding-left: 10px;
}
.sodan .reserve {
	background: #eee;
	padding: 11px 15px;
	font-size: 13px;
}

@media screen and (max-width:369px){
	.sodan .item h4 { font-size: 18px; }
	.sodan .item ul.tel li { padding-left: 0; }
	.sodan .item ul.tel li:after { content: ""; }
	.sodan .item ul.tel li strong a { font-size: 26px; padding-left: 7px; }
}

/* 05) 電話で相談する
-------------------------------------------------------------*/
.telephone li a {
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 1.3;
	color: #fff;
	background-color: #3a65ae;
	border-radius: 5px;
	padding: 8px 15px;
	margin-top: 10px;
}
.telephone li a span {
	font-size: 18px;
	font-weight: bold;
}
.telephone li a strong {
	font-size: 24px;
	padding-left: 10px;
}
.telephone li a:after {
	position: absolute;
	content: "\f105";
	font-size: 18px;
	font-family: FontAwesome;
	top: 20px;
	right: 12px;
	color: #fff;
}

/* 06) パーパスの旅とは
-------------------------------------------------------------*/
.whats {
	background-color: #edf2fa;
}
.whats h2.tl {
	margin-bottom: 8px;
}
.whats p.txt {
	font-size: 17px;
	line-height: 1.4;
	text-align: center;
	color: #e46a38;
	margin-bottom: 8px;
	padding-top: 29px;
	background: url(../images/arrow01.png) no-repeat center top;
	background-size: 104px auto;
}

/* 07) 旅行記から探す
-------------------------------------------------------------*/
.ryokokikara h2.tl span {
	display: inline-block;
	padding-bottom: 6px;
}
.ryokokikara figure {
	margin-top: -8px;
	margin-bottom: 10px;
}
.ryokokikara h3 {
	font-size: 17px;
	line-height: 1.4;
	text-align: center;
}
.ryokokikara p.txt {
	margin-top: 6px;
	margin-bottom: 18px;
}

@media screen and (max-width:349px){
	.ryokokikara h3 { text-align: left; }
	.ryokokikara h3 br { display: none; }
}

/* 08) 注目の旅・ツアー一覧・旅行記一覧
-------------------------------------------------------------*/
.tlist {
	padding: 0;
}
.tlist h2.tl {
	margin: 0 20px 15px;
}
.tlist ul.item {
	border-top: #eee solid 3px;
}
.tlist ul.item li {
	border-bottom: #eee solid 3px;
	padding: 10px 15px 10px 20px;
	background-color: #fff;
}
.tlist ul.item li a {
	position: relative;
	display: table;
	width: 100%;
}
.tlist ul.item li a:after {
	position: absolute;
	content: "\f138";
	font-size: 18px;
	font-family: FontAwesome;
	top: 18px;
	right: 0;
	color: #89a3ce;
}
.tlist ul.item li a h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.4;
	color: #000;
	padding-right: 18px;
}
.tlist ul.item li a figure {
	display: table-cell;
	vertical-align: middle;
	width: 90px;
	padding-right: 10px;
}

/* 専門店　注目の旅 */
.tlist ul.item.bg_gray li { border-color: #fff; }

/* 過去のツアー */
.tlist .pastTour {
	background: #eee;
}
.tlist .pastTour .txtset {
	color: #fff;
	padding: 8px 20px;
	background: url(../images/balloon.png) no-repeat 60px bottom;
	background-size: auto 8px;
}
.tlist .pastTour .txtset h4 {
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	border-bottom: #f2b59c solid 1px;
	background-color: #e46a38;
	border-radius: 6px 6px 0 0;
}
.tlist .pastTour .txtset p.txt {
	line-height: 1.5;
	padding: 10px 14px;
	background-color: #e46a38;
	border-radius: 0 0 6px 6px;
}
.tlist .pastTour ul.item li {
	border-color: #fff;
}

/* ページネーション */
ol.pagenate {
	display: flex;
	font-size: 16px;
	justify-content: center;
	padding: 10px 20px 25px;
}
ol.pagenate li {
	margin: 0 3px;
}
ol.pagenate li.prev { margin: 0 auto 0 0; }
ol.pagenate li.next { margin: 0 0 0 auto; }
ol.pagenate li a {
	display: inline-block;
	width: 38px;
	line-height: 38px;
	text-align: center;
	color: #000;
	background-color: #fff;
	border: #aaa solid 1px;
	box-shadow: 1px 1px 1px #aaa;
	white-space: nowrap;
	overflow: hidden;
}
ol.pagenate li a.current {
	color: #fff;
	background-color: #444;
	border-color: #444;
}

/* 旅行記 */
.tlist dl {
	font-size: 13px;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: -4px;
}
.tlist dt {
	float: left;
	clear: left;
	width: 48px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4px;
	background-color: #cbdced;
}
.tlist dd {
	margin-left: 56px;
	margin-bottom: 4px;
}

/* 専門店の旅行記 */
.senmonReport p.subtl {
	font-size: 11px;
	margin: -12px 0 10px 20px;
}
.senmonReport ul.item {
	padding: 0 20px;
}
.senmonReport ul.item li {
	padding-left: 3%;
	padding-right: 2%;
}
.senmonReport ul.item li a h3 {
	padding-right: 6%;
}
.senmonReport ul.item li a figure {
	padding-right: 3%;
}

/* 09) カルーセルスライダー
-------------------------------------------------------------*/
/* reset*/ 
.flex-slider a:hover,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}

/* basic style */
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* default theme */
.flexslider {
  margin: 0 0 25px;
  background: #ffffff;
  position: relative;
  zoom: 1;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  display: none;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -30px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 8px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  background: #aaa;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a.flex-active {
  background: #e46a38;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* 10) ツアーを探す
-------------------------------------------------------------*/
.underlink ul.topNav {
	margin-bottom: -10px;
}
.underlink ul.topNav li a {
	display: block;
	width: 48.5%;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	padding: 42px 0 5px;
	margin-bottom: 10px;
	background-color: #3a65ae;
	background-repeat: no-repeat;
	background-position: center 9px;
	background-size: 30px 30px;
}
.underlink ul.topNav li:nth-child(odd) a { float: left; }
.underlink ul.topNav li:nth-child(even) a { float: right; }
.underlink ul.topNav li:nth-child(1) a {
	background-image: url(../images/icon_area2.png);
}
.underlink ul.topNav li:nth-child(2) a {
	background-image: url(../images/icon_theme2.png);
}
.underlink ul.topNav li:nth-child(3) a {
	background-image: url(../images/icon_tour2.png);
}
.underlink ul.topNav li:nth-child(4) a {
	background-image: url(../images/icon_report2.png);
}

/* 11) バナー
-------------------------------------------------------------*/
.banner { 
	padding-bottom: 0;
}
.banner ul.bnCol2 { 
	margin-bottom: -10px;
}
.banner ul.bnCol2 li {
	width: 48%;
	margin-bottom: 10px;
}
.banner ul.bnCol2 li:nth-child(odd) { float: left; }
.banner ul.bnCol2 li:nth-child(even) { float: right; }

/* 12) 下層ページタイトルまわり
-------------------------------------------------------------*/
.hd {
	padding: 0;
}

/* 専門店名 */
.hd h1 {
	display: table;
	width: 100%;
	font-size: 20px;
	line-height: 1.3;
	padding: 7px 0 3px;
	color: #fff;
	background-color: #000;
}
.hd h1 span {
	display: table-cell;
	vertical-align: top;
}
.hd h1 .flag {
	width: 30px;
	padding: 2px 10px 0 20px;
}
.hd h1 .flag img {
	vertical-align: top;
}
.hd h1 .title {
	padding-right: 20px;
}

/* キービジュアル */
.hd .kv {  }

/* リードコピー */
.hd .lead {
	padding: 18px 20px;
	font-size: 15px;
}
.hd .lead p.link {
	line-height: 2.2;
	text-align: right;
	margin-top: 11px;
	margin-bottom: 4px;
}
.hd .lead p.link a {
	position: relative;
	display: inline-block;
	background-color: #d8e0ef;
	padding: 0 40px;
	border-radius: 20px;
}
.hd .lead p.link a:before {
	position: absolute;
	content: '';
	display: block;
	top: 8px;
	left: 18px;
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	background-size: 17px 17px;
}
.hd .lead p.linkTheme a:before {
	background-image: url(../images/icon_theme3.png);
}
.hd .lead p.linkArea a:before {
	background-image: url(../images/icon_area3.png);
}
.hd .lead p.link a:after {
	position: absolute;
	content: "\f105";
	font-size: 18px;
	font-family: FontAwesome;
	top: -2px;
	right: 10px;
}

/* 13) 国別専門店
-------------------------------------------------------------*/
.selectArea {
	padding: 0;
}
.selectArea ul.areaNav > li {
	border-top: #eee solid 3px;
}
.selectArea ul.areaNav > li h3.main {
	position: relative;
	font-size: 18px;
	line-height: 50px;
	padding-left: 38%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100px 50px;
}
.selectArea ul.areaNav > li h3.europe {
	background-image: url(../images/fig_europe.jpg);
}
.selectArea ul.areaNav > li h3.africa {
	background-image: url(../images/fig_africa.jpg);
}
.selectArea ul.areaNav > li h3.pacific {
	background-image: url(../images/fig_pacific.jpg);
}
.selectArea ul.areaNav > li h3.america {
	background-image: url(../images/fig_america.jpg);
}
.selectArea ul.areaNav > li h3.asia {
	background-image: url(../images/fig_asia.jpg);
}
.selectArea ul.areaNav > li h3.main:after {
	position: absolute;
	content: "\f13a";
	font-family: FontAwesome;
	right: 20px;
	color: #89a3ce;
}
.selectArea ul.areaNav > li h3.open:after {
	content: "\f139";
}
.selectArea ul.areaNav > li ul.subs {
	font-size: 15px;
	line-height: 1.2;
	padding: 10px 10px 7px 20px;
	background-color: #eee;
}
.selectArea ul.areaNav > li ul.subs > li.col {
	float: left;
	width: 50%;
}
.selectArea ul.areaNav > li ul.subs > li.col > ul li {
	padding: 5px 0;
}
.selectArea ul.areaNav > li ul.subs > li.col > ul > li:first-child {
	padding-top: 0;
}
.selectArea ul.areaNav > li ul.subs > li.col > ul > li > ul.child > li {
	padding: 5px 0 5px 10px;
	background: url(../images/child_line.png) no-repeat left center;
	background-size: 5px auto;
}
.selectArea ul.areaNav > li ul.subs > li.col > ul > li > ul.child > li.grandson {
	padding-left: 14px;
	background-position: 10px center;
}
.selectArea ul.areaNav > li ul.subs > li.col > ul > li > ul.child > li:last-child,
.selectArea ul.areaNav > li ul.subs > li.col > ul > li > ul.child > li:nth-child(6) {
	background-image: url(../images/child_line_last.png);
}
.selectArea ul.areaNav > li ul.subs > li.col > ul > li.parent {
	padding-bottom: 0;
}
.selectArea ul.areaNav > li ul.subs > li.col > ul > li span {
	display: block;
	padding-bottom: 5px;
}

/* 14) 目的別専門店
-------------------------------------------------------------*/
.selectTheme ul {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.selectTheme ul li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 8px;
	box-sizing: border-box;
	border: #ccc solid 1px;
	background-color: #fff;
}
.selectTheme ul li:nth-child(3n) {
	margin-right: 0;
}
.selectTheme ul li a {
	display: block;
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.selectTheme ul li a h3 {
	margin: 6px 0;
}
.selectTheme .inspection {
	border: #ccc solid 1px;
	background-color: #fff;
	padding: 5px;
}
.selectTheme .inspection a {
	display: block;
	overflow: hidden;
}
.selectTheme .inspection figure {
	float: left;
	width: 85px;
}
.selectTheme .inspection .wrap {
	float: right;
	width: 100%;
	margin-left: -85px;
}
.selectTheme .inspection .txtset {
	margin-left: 95px;
}
.selectTheme .inspection h3 {
	font-size: 15px;
	line-height: 2;
	font-weight: bold;
	color: #000;
}
.selectTheme .inspection p.txt {
	font-size: 13px;
	line-height: 1.5;
	color: #444;
}

/* 15) 目的別ツアー一覧
-------------------------------------------------------------*/
.tourTheme li {
	margin-top: 5px;
}
.tourTheme li:first-child {
	margin-top: 0;
}
.tourTheme li a {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 1.21;
	font-weight: bold;
	text-align: center;
	color: #000;
	background-color: #fff;
	border: #ccc solid 1px;
	padding: 8px 0;
}
.tourTheme li a:after {
	position: absolute;
	content: "\f138";
	font-family: FontAwesome;
	right: 10px;
	color: #89a3ce;
}

/* 16) 旅のエッセンス リンク集
-------------------------------------------------------------*/
.essence li {
	line-height: 1.85;
}

/* 17) お問い合わせページ
-------------------------------------------------------------*/
.contact + .contact {
	padding-top: 5px;
	padding-bottom: 0;
}
.contact h2 {
	font-size: 19px;
	line-height: 1.3;
	padding-left: 10px;
	padding-bottom: 4px;
	border-left: #3a65ae solid 4px;
	border-bottom: #9cb2d6 solid 1px;
}
.contact h2 i {
	width: 16px;
	text-align: center;
	color: #3a65ae;
}
.contact h2 i.f16 {
	font-size: 16px;
}
.contact p.txt {
	font-size: 15px;
	font-weight: bold;
	color: #777;
	margin: 15px 0 6px;
}
.contact ul.btn_form li {
	margin: 15px 0 17px;
}
.contact ul.note li {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 7px;
	text-indent: -11px;
	padding-left: 11px;
}
.contact .customer {
	font-size: 13px;
	line-height: 1.5;
	background-color: #eee;
	padding: 15px;
}
.contact p.link a {
	position: relative;
	display: block;
	width: 240px;
	font-size: 16px;
	line-height: 34px;
	font-weight: bold;
	text-align: center;
	color: #3a65ae;
	background-color: #fff;
	border: #3a65ae solid 1px;
	border-radius: 20px;
	margin: 10px auto 0;
}
.contact p.link a:after {
	position: absolute;
	content: "\f105";
	font-family: FontAwesome;
	top: 50;
	right: 12px;
}
.contact ul.note + .place {
	margin-top: 15px;
}
.contact .place {
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px;
	background-color: #eee;
}
.contact .place h3 {
	font-size: 18px;
	text-align: center;
	color: #fff;
	background-color: #777;
}
.contact .place p.tel {
	font-size: 28px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.contact .place p.tel span {
	font-size: 26px;
}
.contact .place dl {
	line-height: 1.4;
	margin-bottom: 12px;
}
.contact .place dt {
	float: left;
	clear: left;
	width: 4em;
	font-weight: bold;
	color: #777;
	margin-bottom: 6px;
}
.contact .place dd {
	position: relative;
	margin-bottom: 6px;
	margin-left: 4em;
	padding-left: 1em;
}
.contact .place dd:before {
	position: absolute;
	content: "：";
	font-weight: bold;
	color: #777;
	left: 0;
}
.contact .place p.map {
	border: #fff solid 3px;
}

/* 18) フォーム
-------------------------------------------------------------*/
input, select {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 4px;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
input[type="search"]:focus {
  outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: searchfield-decoration;
  display: inline-block;
}
input[type="search"],
input[type="text"] {
	width: 100%;
	font-size: 15px;
	padding: 10px 8px;
	border: #888 solid 1px;
	box-sizing: border-box;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 15px;
	padding: 8px;
	border: #888 solid 1px;
	background: #fff url(../images/bg_select.png) no-repeat right center;
	background-size: 16px auto;
}
fieldset {
	margin-bottom: 10px;
}
legend, label {
	font-size: 16px;
	font-weight: bold;
}
input.btn {
	margin-top: 20px;
}
.bg_white input[type="search"],
.bg_white input[type="text"],
.bg_white select {
	background-color: #eee;
}
.bg_white input[type="search"]:focus,
.bg_white input[type="text"]:focus,
.bg_white select:focus {
	background-color: #fff;
}

/* 入力枠と検索ボタンが横並び */
.parallel {
	display: flex;
	justify-content: space-between;
}
.parallel input[type="search"] {
	width: 74%;
	align-self: center;
	margin: 0;
}
input.miniBtn {
	width: 66px;
	align-self: center;
	margin: 0;
}

/* 旅行記・専門店の旅行記 */
.reportForm {
	padding-top: 10px;
	padding-bottom: 10px;
}
.senmonReportForm {
	padding: 0 20px 10px;
}
.reportForm input.btn,
.senmonReportForm input.btn {
	margin-top: 0;
}