@charset "shift_jis";

/* 詳細ページ全体
--------------------------------------------------------------- */
.detail_tool_base {
	font-size: 13px;
}
/* スマホ専用詳細ヘッダーフッター
--------------------------------------------------------------- */
.detail_tool_header_box {
	display: block;
	width: 100%;
}
.detail_tool_header_btn {
	display: block;
	text-align: right;
	vertical-align: middle;
}
.header_clip_btn {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin: 5px;
	background: #FFE97B;
	border: 2px solid #FFD30B;
	color: #85642E!important;
	font-size: 12px;
	line-height: 1;
	text-decoration: none!important;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
.header_clip_btn span {
	display: inline-block;
	padding: 3px 0 3px 20px;
	line-height: 12px;
	background: url(../images/favorite_title_icon.png) no-repeat 0 center;
	background-size: 16px 16px;
}
.header_clip_btn span:nth-child(2) {
	display: none;
}
.header_clip_btn.na span:nth-child(1) {
	display: none;
}
.header_clip_btn.na span:nth-child(2) {
	display: inline-block;
}
.header_clip_btn.na {
    background: #ccc;
    border-color: #666;
}
.header_clip_btn.na span {
    background-image: url(../images/favorite_title_icon_add.png);
    color: #666;
}
.detail_tool_header_pan {
	display: block;
	padding: 5px 10px;
	font-size: 12px;
	vertical-align: middle;
	line-height: 1.2;
	border-bottom: 1px solid #eee;
}
.detail_tool_header_pan a,
.detail_tool_header_pan span {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 5px;
}
/* 共通ツール
--------------------------------------------------------------- */
.sort_tool {
	margin: 0 5px;
}
.sort_tool dl {
	width: 100%;
	background: #999;
	display: table;
	margin: 0 0 5px 0;
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.sort_tool dt {
	display: table-cell;
	padding: 5px;
	color: #fff;
	text-align: center;
}
.sort_tool dd {
	display: table-cell;
	text-align: center;
	cursor: pointer;
}
.sort_tool dd a,
.sort_tool dd span {
	display: block;
	padding: 5px 10px;
	color: #333!important;
	background: #fff;
	text-decoration: none!important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.sort_tool dd span.na{
	background: #999;
}
.sort_tool dd a:hover,
.sort_tool dd span.sel {
	color: #333!important;
	background: #FFC926;
}
.text_str {
	color: #cc0000;
}
.text_em {
	color: #f35f8f;
}
.text_lsize {
	font-size: 120%;
}
.text_ssize {
	font-size: 85%;
}
.text_center {
	text-align: center;
}
.text_left {
	text-align: center;
}
.text_right {
	text-align: right;
}
.forcia_logo {
	clear: both;
	text-align: center;
}
/* 詳細
--------------------------------------------------------------- */
.detail_tool_box {
	clear: both;
	margin: 0 5px 10px 5px;
	background: #ddd;
	border: 5px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.detail_tool_box_in {
}
.detail_tool_box_title {
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-radius: 3px 3px 0 0 / 3px 3px 0 0;
}
.detail_tool_box_title:before,.detail_tool_box_title:after { content:""; display:table;}
.detail_tool_box_title:after { clear:both;}
.detail_tool_box_title { zoom:1;}
.detail_tool_box_title .icon {
	float: left;
	width: 32px;
	margin: 0;
	margin-right: -32px;
}
.detail_tool_box_title .icon img {
	width: 32px;
	height: 32px;
}
.detail_tool_box_title .title {
	width: 100%;
	float: right;
}
.detail_tool_box_title .title a {
	font-size: 13px;
	line-height: 1.2;
	color: #397D1A;
	font-weight: bold;
}
.detail_tool_box_title .title_in {
	margin: 0 0 0 42px;
}
.detail_tool_box_item {
	width: 100%;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
.detail_tool_box_item:before,.detail_tool_box_item:after { content:""; display:table;}
.detail_tool_box_item:after { clear:both;}
.detail_tool_box_item { zoom:1;}
.detail_tool_box_item_in {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px 5px 5px;
	padding: 5px;
}
.detail_tool_box_photo {
	text-align: center;
	border-top: 1px dotted #ccc;
	padding-top: 5px;
	border-bottom: 1px dotted #ccc;
}
.detail_tool_box_photo img {
	width: 100%;
	max-width: 160px;
}
.detail_touricon {
	clear: both;
}
.detail_touricon:before,.detail_touricon:after { content:""; display:table;}
.detail_touricon:after { clear:both;}
.detail_touricon { zoom:1;}
.detail_touricon li {
	float: left;
	color: #fff;
	font-size: 11px;
	background: #F35F8F;
	margin: 0 5px 5px 0;
	padding: 5px 5px 3px 5px;
	line-height: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	letter-spacing: 0;
}
.detail_touricon li.tokubetsuplan {
	background-color: #666;
}
.detail_tool_box_item dl {
	margin: 0 0 5px 0;
}
.detail_tool_box_item dl.price {
}
.detail_tool_box_item dt {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding: 3px;
	line-height: 1;
	background: #E7E7E7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
}
.detail_tool_box_item dd {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding: 3px;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	color: #CC0000;
	vertical-align: middle;
	letter-spacing: 0;
}
.detail_tool_box_item.type2 {
	display: block;
}
.detail_tool_box_item.type2 .detail_tool_box_item_in {
	display: block;
}
.detail_tool_box_item.type2 .detail_tool_box_item_in:before { content:""; display:table;}
.detail_tool_box_item.type2 .detail_tool_box_item_in:after { content:""; display:table; clear:both;}
.detail_tool_box_item.type2 .detail_tool_box_item_in { zoom:1;}
.detail_tool_box_item.type2 dl {
	clear: both;
}
.detail_tool_box_item.type2 dl.price,
.detail_tool_box_item.type2 dl.days,
.detail_tool_box_item.type2 dl.departure {
	margin-bottom: 0;
}
.detail_tool_box_item.type2 dl.departure dd span {
	font-size: 90%;
}
.detail_tool_box_item.type2 dl.col2 {
	clear: none;
	width: auto;
	margin-right: 10px;
	float: left;
}
.detail_tool_box_item.type2 dt {
	font-size: 95%;
	color: #666;
	background-color: #eee;
}
.detail_tool_box_item.type2 dt b {
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
.detail_tool_box_item.type2 .period dd,
.detail_tool_box_item.type2 .pamphlet dd,
.detail_tool_box_item.type2 .tourcode dd,
.detail_tool_box_item.type2 .tourid dd {
	display: inline;
	padding: 0px;
	margin: 0;
	font-size: 90%;
	font-weight: normal;
	color: #333;
	vertical-align: middle;
	letter-spacing: 0;
}
/* 詳細タブ以下
--------------------------------------------------------------- */
.detail_box {
	background: #fff;
}
.detail_box_in {
}
.detail_contents_box {
}
.detail_tab_nav {
}
.detail_tab_nav ul:before { content:""; display:table;}
.detail_tab_nav ul:after { content:""; display:table; clear:both;}
.detail_tab_nav ul { zoom:1;}
.detail_tab_nav li {
	float: left;
	width: 50%;
}
.detail_tab_nav li a {
	display: block;
	text-align: center;
	color: #fff;
	background: #f35f8f;
	margin: 10px 5px 0 5px;
	padding: 5px;
	cursor: pointer;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	line-height: 1.2;
}
.detail_tab_nav li.sel a {
	background: #20208c;
	color: #fff;
}
.detail_tab_nav li a span {
	display: block;
}
.detail_tab_contents {
	display: none;
	border-top: 1px solid #ccc;
	padding: 5px;
}
.detail_tab_contents.sel {
	display: block;
}
.detail_tab_contents_in {
}
/* 詳細フロー以下
--------------------------------------------------------------- */
.detail_page {
}
.detail_page_in {
}
.detail_page_nav {
	background: #fafafa;
	padding: 5px 5px 0 5px;
}
.detail_page_nav ul:before { content:""; display:table;}
.detail_page_nav ul:after { content:""; display:table; clear:both;}
.detail_page_nav ul { zoom:1;}
.detail_page_nav li {
	float: none;
}
.detail_page_nav li a {
	position: relative;
	display: block;
	padding: 5px;
	font-size: 90%;
	line-height: 1;
	margin: 2px 1px 0 1px;
	background: #fff;
	border: 2px solid #20208c;
	color: #20208c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.detail_page_nav li.sel a {
	background: #20208c;
	color: #fff;
}
.detail_page_nav li.na span,
.detail_page_nav li.invalid span {
	position: relative;
	display: block;
	padding: 5px;
	font-size: 90%;
	line-height: 1;
	margin: 2px 1px 0 1px;
	background: #fff;
	border: 2px solid #ddd;
	color: #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.detail_page_nav li.na a,
.detail_page_nav li.invalid a {
	display:none;
}
.detail_page_nav li span {
	display:none;
}

.detail_page_contents {
	border-top: 2px solid #fafafa;
	display: none;
	background: #f8f8f8;
	padding: 5px;
}
.detail_page_contents.sel {
	display: block;
}
.detail_page_contents_in {
	background: #fff;
	padding: 5px;
	border: 1px solid #eee;
}
/* 詳細共通パーツ（ライン・タイトル・テキスト）
--------------------------------------------------------------- */
hr.detail_line {
	border: none;
	border-bottom: 1px dotted #ccc;
	font-size: 1px;
	margin: 1em 0;
}
.detail_title01 {
	margin-bottom: 10px;
	font-size: 16px;
	background: url(../images/kokunaitour_search_title_bg01.png) repeat-x left bottom;
}
.detail_title01:before { content:""; display:table;}
.detail_title01:after { content:""; display:table; clear:both;}
.detail_title01 { zoom:1;}
.detail_title01 span {
	float: left;
	padding: 5px 10px 10px 0;
	background: url(../images/kokunaitour_search_title_bg02.png) repeat-x left bottom;
}
.detail_title02 {
	background: #FF85AE;
	padding: 5px;
	margin-bottom: 10px;
	color: #fff;
}
.detail_title03 {
	background: #898989;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}
.detail_text01 {
	word-wrap: break-word;
	margin-bottom: 1em;
}
.detail_point_text {
	border: 2px dotted #f35f8f;
	color: #f35f8f;
	padding: 3px;
	margin-bottom: 1em;
	background: #fff;
	line-height: 1.2;
	font-size: 95%;
}
/* 詳細共通パーツ（ボタン大）
--------------------------------------------------------------- */
.detail_btn {
	margin-bottom: 10px;
}
.detail_btn a {
	display: block;
	margin: 0;
	font-size: 16px;
	color: #fff;
	background: #f14880;
	border: 2px solid #f14880;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.detail_btn a span {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background: url(../images/btn_icon_arrow_r.png) no-repeat left center;
	padding: 8px 10px 8px 15px;
}
.detail_btn.type2 a {
	background-color: #fff;
	color: #f14880;
}
.detail_btn.type2 a span {
	background-image: url(../images/kokunaitour_btn_icon_arrow_r.png);
}
.detail_btn.na a{
	background: #D3D3D3;
	border: 2px solid #D3D3D3;
}

/* 詳細共通パーツ（ボタン小）
--------------------------------------------------------------- */
.detail_text_btn_list {
	margin-bottom: 10px;
}
.detail_text_btn_list ul {
}
.detail_text_btn_list ul:before { content:""; display:table;}
.detail_text_btn_list ul:after { content:""; display:table; clear:both;}
.detail_text_btn_list ul { zoom:1;}
.detail_text_btn_list li {
	float: left;
}
.detail_text_btn {
	background: #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 2px;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 10px;
	cursor: pointer;
}
.detail_text_btn span {
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
/* 詳細共通パーツ（詳細を開くボタン）
--------------------------------------------------------------- */
.next_slide_btn {
}
.next_slide_btn .detail_text_btn {
	background-color: #20208c;
	color: #fff;
	font-size: 80%;
}
.next_slide_btn .detail_text_btn span {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 15px;
	background: url(../images/search_btn_icon_minus.png) no-repeat 0 center;
}
.next_slide_btn .detail_text_btn span.open {
	background: url(../images/search_btn_icon_plus.png) no-repeat 0 center;
}
.next_slide_btn .detail_text_btn .open {
	display: block;
}
.next_slide_btn .detail_text_btn .close {
	display: none;
}
.next_slide_btn.slide_open .detail_text_btn .open {
	display: none;
}
.next_slide_btn.slide_open .detail_text_btn .close {
	display: block;
}
/* 詳細共通パーツ（テーブル）
--------------------------------------------------------------- */
.detail_dl01 {
	padding-bottom: 10px;
}
.detail_dl01 dl {
}
.detail_dl01 dt {
	border: 1px solid #ccc;
	border-bottom: none;
	background: #fafafa;
	padding: 5px;
}
.detail_dl01 dd {
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 5px;
	vertical-align: middle;
}
.detail_dl01 dl:last-child{
	border-bottom: 1px solid #ccc;
}
/* 詳細共通パーツ（写真一覧）
--------------------------------------------------------------- */
.detail_image_list ul {
	width: 100%;
}
.detail_image_list ul:before { content:""; display:table;}
.detail_image_list ul:after { content:""; display:table; clear:both;}
.detail_image_list ul { zoom:1;}
.detail_image_list li {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 90%;
	line-height: 1.2;
}
.detail_image_list.col2 li {
	width: 50%;
}
.detail_image_list.col3 li {
	width: 33.33%;
}
.detail_image_list li p {
	padding: 5px;
	line-height: 1.1;
}
.detail_image_list li span {
	display: block;
	margin-top: 5px;
	height: 2.2em;
	overflow: hidden;	 
}
.detail_image_list li img {
	width: 100%;
	max-width: 120px;
}
/* 詳細共通パーツ（テーブル）
--------------------------------------------------------------- */
.detail_flick_table {
	width: 100%;
	overflow-x: auto;
	margin-bottom: 1em;
}
.detail_flick_table table {
	width: 100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	font-size: 90%;
}
.detail_flick_table.w600 table { width: 600px;}
.detail_flick_table.w700 table { width: 700px;}
.detail_flick_table.w800 table { width: 800px;}
.detail_flick_table.w900 table { width: 900px;}
.detail_flick_table.w1000 table { width: 1000px;}
.detail_flick_table th{
	border: 1px solid #aaa;
	background: #fafafa;
	padding: 5px 2px;
	text-align: left;
	vertical-align: middle;
}
.detail_flick_table.th_left th { text-align: left;}
.detail_flick_table.th_center th { text-align: center;}
.detail_flick_table.th_right th { text-align: right;}
.detail_flick_table td{
	border: 1px solid #aaa;
	padding: 5px 2px;
}
.detail_flick_table.td_left td { text-align: left;}
.detail_flick_table.td_center td { text-align: center;}
.detail_flick_table.td_right td { text-align: right;}
/* 詳細共通パーツ（カレンダー）
--------------------------------------------------------------- */
.detail_calender_G {
	color: red;
}
.detail_calendar th {
	width: 14.28%;
}
.detail_calendar td a {
	font-weight: bold;
	color: #333;
}
.detail_calendar td.sel {
	border: 3px solid #f35f8f;
}
.detail_flick_table td.A {
	background-color : #99ffff;
	cursor: default;
}
.detail_flick_table td.B {
	background-color : #ffff33;
	cursor: default;
}
.detail_flick_table td.C {
	background-color : #ff99ff;
	cursor: default;
}
.detail_flick_table td.D {
	background-color : #66ff99;
	cursor: default;
}
.detail_flick_table td.E {
	background-color : #ff9966;
	cursor: default;
}
.detail_flick_table td.F {
	background-color : #cc99ff;
	cursor: default;
}
.detail_flick_table td.G {
	background-color : #ff6600;
	cursor: default;
}
.detail_flick_table td.H {
	background-color : #ffff99;
	cursor: default;
}
.detail_flick_table td.I {
	background-color : #cc9999;
	cursor: default;
}
.detail_flick_table td.J {
	background-color : #cccc00;
	cursor: default;
}
.detail_flick_table td.K {
	background-color : #cc3366;
	cursor: default;
}
.detail_flick_table td.L {
	background-color : #ff66ff;
	cursor: default;
}
.detail_flick_table td.M {
	background-color : #00ff33;
	cursor: default;
}
.detail_flick_table td.N {
	background-color : #00ccff;
	cursor: default;
}
.detail_flick_table td.O {
	background-color : #ffcc00;
	cursor: default;
}
.detail_flick_table td.P {
	background-color : #ff66cc;
	cursor: default;
}
.detail_flick_table td.Q {
	background-color : #66cc66;
	cursor: default;
}
.detail_flick_table td.R {
	background-color : #cc9933;
	cursor: default;
}
.detail_flick_table td.S {
	background-color : #cc66cc;
	cursor: default;
}
.detail_flick_table td.T {
	background-color : #ffcc99;
	cursor: default;
}
.detail_flick_table td.U {
	background-color : #cccccc;
	cursor: default;
}
.detail_flick_table td.V {
	background-color : #996633;
	cursor: default;
}
.detail_flick_table td.W {
	background-color : #cc9966;
	cursor: default;
}
.detail_flick_table td.X {
	background-color : #996666;
	cursor: default;
}
.detail_flick_table td.Y {
	background-color : #ff99cc;
	cursor: default;
}
.detail_flick_table td.Z {
	background-color : #00cc00;
	cursor: default;
}
.detail_flick_table td span.guarantee {
	color: #FF0000;
	background: #FFFFFF;
}

/* 詳細共通パーツ（フォーム）
--------------------------------------------------------------- */
.detail_select01 {
	border: 1px solid #ccc;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width: 90%;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 5px 0 0;
	padding: 3px 5px;
	cursor: pointer;
	line-height: 1;
	height: auto;
}
.detail_button01 {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	line-height: 1;
}
.detail_button01 span {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	background: #20208c;
	background: #666;
	font-size: 90%;
	padding: 5px;
	cursor: pointer;
}
.detail_label01 {
	display: block;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding: 10px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.1s linear 0;
	-moz-transition: background 0.1s linear 0;
	-webkit-transition: background 0.1s linear 0;
	-o-transition: background 0.1s linear 0;
	-ms-transition: background 0.1s linear 0;
}
ul li:last-child .detail_label01{
	margin-bottom: 0;
}
.detail_label01.na,
.detail_label01.na:hover {
	font-weight: normal;
	background: #fff;
	cursor: default;
	color: #ccc;
}
.detail_label01.sel {
	background: #ffc926;
}
.detail_label01:hover {
	background: #ffc926;
}
.detail_label01 input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 5px;
	cursor: pointer;
}
.detail_label01 input[disabled] {
	cursor: default;
}
.detail_radio_table {
	display: block;
}
.detail_radio_table_in {
	display: table;
	width: 100%;
    border: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.detail_radio_table .radio {
	display: table-cell;
	width: 20px;
	padding: 5px;
	text-align: center;
	border: 1px solid #ccc;
}
.detail_radio_table .info {
	display: table-cell;
	vertical-align: top;
}
.detail_radio_table dl {
}
.detail_radio_table dt {
    background: rgba(0,0,0,0.05) ;
	border-bottom: 1px solid #ccc;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
	font-size: 90%;
}
.detail_radio_table dd {
    padding: 5px;
	border-bottom: 1px solid #ccc;
}
.detail_radio_table dl:last-child dd {
	border: none;
}

.detail_radio_table.na {
	font-weight: normal;
	background: #fff;
	cursor: default;
	color: #ccc;
}
.detail_radio_table.sel {
	background: #EDFF81;
}
.detail_radio_table input[type="radio"] {
	vertical-align: middle;
	margin-right: 5px;
	cursor: pointer;
}
.detail_radio_table input[disabled] {
	cursor: default;
}
.boxShisetsu {
	width: 97%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top: 1px solid #B2AEA9;
	border-bottom: 1px solid #B2AEA9;
}
.titShisetsu {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin: 0px;
	border-bottom: 1px solid #D6D4D1;
	cursor: pointer;
	background: #9FB0C3;
	color: #FFFFFF;
}
.boxShisetsu .shisetsuContent {
	font-size: 12px;
	background: #FFF4E9;
}

#online_condition.offline div.offline,
#online_condition.online div.online{
	display: block;
}

#online_condition.offline div.online,
#online_condition.online div.offline{
	display: none;
}

/* 海外用・国内用デザイン切替
--------------------------------------------------------------- */

#attention_message {
	border : 2px solid red;
	margin : 3px 0;
	padding : 6px;
	color:red;
	font-size: 13px;
}
#attention_message span {
	font-weight : bold;
}