@charset "utf-8";

/*
GLOBAL
***************************************************************************/
body {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 13px;
	color: #1a1a1a;
	line-height: 1.5;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	background: #ffffff;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(208,208,208,0.5);
	word-break: break-all;
	/*-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;*/
}

#container {
	margin: 0 auto;
	text-align: left;
}

#container.OnMenu {
	display: none;
}

/*
DEFAULT
***************************************************************************/
* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}

/* ▼LINK▼ */
a {
	color: #0000ff;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/* ▼IMG▼ */
img {
	max-width: 100%;
	border: none;
}



/*
HEADER
***************************************************************************/
#bg_h1 {
	margin-bottom: 8px;
	padding: 2px 0;
	background: -moz-linear-gradient(top, #06305e 0%, #065d98 50%, #05558c 51%, #0b75b6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06305e), color-stop(50%,#065d98), color-stop(51%,#05558c), color-stop(100%,#0b75b6));
}


h1 {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	border-top: solid 1px #4a7496;
	border-bottom: solid 1px #2f88bf;
	background: transparent;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#h_info {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 13px;
}

#logo {
	margin-left: 6px;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	margin-top: 1px;
}

#btn_pc {
	margin: 1px 10px 0 0;
	text-align: right;
}




.h_txt {
	color: #004ea2;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

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

	#logo img { width:180px; }
	#btn_pc img { width:55px; }

}

@media screen and (max-width: 479px){

	#logo img {
	width: 150px;
}
	#btn_pc img {
	width: 55px;
}

}

/*
SLIDE MENU
***************************************************************************/
#dnavi {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	text-align: left;
	background: #ffffff;
	z-index: 0;
	-webkit-transition-duration: 300ms;
	-webkit-transition-property: -webkit-transform;
	-webkit-transform: translateX(0%);
}

#dnavi[selected="true"] {
	display: block;
	z-index: 1000;
}

.dnavi_close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 3px 20px 2px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	background: #4372cc;
	border-radius: 15px;
	text-decoration: none;
}

#dnavi_tel {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	text-align: left;
	background: #ffffff;
	z-index: 0;
	-webkit-transition-duration: 300ms;
	-webkit-transition-property: -webkit-transform;
	-webkit-transform: translateX(0%);
}

#dnavi_tel[selected="true"] {
	display: block;
	z-index: 1000;
}

.dnavi_close_tel {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 3px 20px 2px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	background: #4372cc;
	border-radius: 15px;
	text-decoration: none;
}


ul#dnavi_list li a {
	display: block;
	position: relative;
	padding: 12px 30px 10px 15px;
	font-size: 20px;
	color: #25468a;
	background: #ffffff;
	border-bottom: solid 1px #d1d5db;
	text-decoration: none;
}

ul#dnavi_list li .dnavi_slide_inner a {
	background: #ecf3ff;
}

ul#dnavi_list li a .dnavi_arrow {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	z-index: 1001;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow01.png) center center no-repeat;
	background-size: 20px 20px;
}

ul#dnavi_list li .dnavi_slide_inner a .dnavi_arrow {
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow02.png) center center no-repeat;
	background-size: 24px 24px;
}

/* ▼slide▼ */
.dnavi_slide_title .btn_dnavi_slide {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	z-index: 1001;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/slide_down.png) center center no-repeat;
	background-size: 20px 20px;
}

.dnavi_slide_title.opened .btn_dnavi_slide {
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/slide_up.png) center center no-repeat;
	background-size: 20px 20px;
}


/*
FOOTER NAVI
***************************************************************************/
/* ▼fnavi▼ */
ul#fnavi {
	margin: 0 auto 10px;
}

ul#fnavi li {
	float: left;
	width: 150px;
	margin: 0 2px 5px;
	list-style-type: none;
}

.btn_fnavi {
	display: block;
	padding: 10px 0 8px;
	text-align: center;
	color: #26478d;
	font-size: 14px;
	background-image: -moz-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 18%, #ececec 19%, #fdfdfd 100%);
	background-image: -webkit-linear-gradient(bottom, #e8e8e8 0%, #e8e8e8 18%, #ececec 19%, #fdfdfd 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #e8e8e8),
		color-stop(0.18, #e8e8e8),
		color-stop(0.19, #ececec),
		color-stop(1, #fdfdfd)
	);
	-moz-box-shadow: inset 0 0px 1px 1px #ffffff;
	-webkit-box-shadow: inset 0 0px 1px 1px #ffffff;
	border: solid 1px #c2c2c2;
	border-radius: 5px;
	text-decoration: none;
}

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

	ul#fnavi { width:462px; }

}

@media screen and (max-width: 479px){

	ul#fnavi { width:308px; }
	.btn_fnavi { font-size:12px; }

}

/* ▼f box▼ */
.f_box {
	margin: 0 0 15px;
	padding: 15px 10px 0;
	border-top: solid 3px #284b92;
	font-size: 11px;
}

.veri_box {
	display: none;
	/*display: -webkit-box;*/
	padding: 10px 0;
	border-top: dotted 1px #8f8f8f;
	border-bottom: dotted 1px #8f8f8f;
}

.veri_txt {
	margin-left: 3px;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	font-size: 11px;
}

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

	.veri_img img { width:80px; }

}

@media screen and (max-width: 479px){

	.veri_img img { width:68px; }

}

/*
FOOTER
***************************************************************************/
footer {
	width: 100%;
	padding: 2px 0 0 0;
	background-image: -moz-linear-gradient(bottom, #0A73B4 0%, #013865 82%, #014073 82%, #003669 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #0A73B4),
		color-stop(0.82, #013865),
		color-stop(0.82, #014073),
		color-stop(1, #003669)
	);
	-moz-box-shadow: inset 0px 0px 1px #4797c8;
	-webkit-box-shadow: inset 0px 0px 1px #4797c8;
}

#footer_inner {
	display: -moz-box;
	display: -webkit-box;
	border-top: solid 1px #346289;
	border-bottom: solid 1px #4797c8;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#copyright {
	font-size: 90%;
	color: #ffffff;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 14px;
}

#btn_toppage {
	margin-right: 5px;
	text-align: right;
	margin-top: 3px;
}

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

	#copyright { width:64%; }
	#btn_toppage { width:30%; }
	#btn_toppage img { width:90px; }

}

@media screen and (max-width: 479px){

	#copyright { width:60%; }
	#btn_toppage { width:30%; }
	#btn_toppage img { width:80px; }

}

/*
COMMON PARTS
***************************************************************************/
/* ▼title▼ */
.title {
	position: relative;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	background-image: -moz-linear-gradient(bottom, #244386 0%, #2C549E 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #244386),
		color-stop(1, #2C549E)
	);
	border-top: solid 1px #00236f;
	border-bottom: solid 1px 00236f;
}

.title2 {
	position: relative;
	padding: 10px 10px;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	background-image: -moz-linear-gradient(bottom, #244386 0%, #2C549E 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #244386),
		color-stop(1, #2C549E)
	);
	border-top: solid 1px #00236f;
	border-bottom: solid 1px 00236f;
}


.title_lblue {
	padding: 8px 10px 6px;
	font-size: 15px;
	/*font-size: 14px;*/
	font-weight: normal;
	color: #ffffff;
	background: #389edd;
}

/* ▼subtitle▼ */
.subtitle {
	padding: 5px 10px;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	background-image: -moz-linear-gradient(bottom, #244386 0%, #2C549E 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #244386),
		color-stop(1, #2C549E)
	);
	border-top: solid 1px #00236f;
	border-bottom: solid 1px 00236f;
}

.subtitle_blue {
	position: relative;
	padding: 8px 10px 6px;
	font-size: 16px;
	/* font-size: 14px; */
	color: #274a90;
	background: #4dd1ff;
}

.subtitle_pink {
	position: relative;
	padding: 8px 10px 6px;
	font-size: 14px;
	color: #ff4c4c;
	background: #ffbfbf;
}

.subtitle_green {
	position: relative;
	padding: 8px 10px 6px;
	font-size: 12px;
	color: #ffffff;
	background-image: -moz-linear-gradient(left, #0f8000 0%, #43af0f100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #0f8000),
		color-stop(1, #43af0f)
	);
}

.subtitle_dlblue {
	position: relative;
	padding: 8px 10px 6px;
	color: #ffffff;
	background: #7eb3d4;
}

.subtitle_cap {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 2px 6px;
	background: #ffffff;
}

@media screen and (max-width: 479px){

	.subtitle_blue, .subtitle_pink { font-size:12px; }
}

/* ▼btn▼ */
a.btn_tour_detail {
	display: block;
	width: 98%;
	margin: 0 auto;
	padding: 6px 0 4px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	background-image: -moz-linear-gradient(bottom, #F57B00 49%, #F79736 50%, #F79736 100%);background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.49, #F57B00),
		color-stop(0.5, #F79736),
		color-stop(1, #F79736)
	);
	-moz-box-shadow: inset 0px 0px 5px #fbab49;
	-webkit-box-shadow: inset 0px 0px 5px #fbab49;
	border: solid 2px #914900;
	border-radius: 6px;
}

.btn01 {
	display: block;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	background-image: -moz-linear-gradient(bottom, #00a9e0 0%, #7bddfd 100%);
	background-image: -webkit-linear-gradient(bottom, #00a9e0 0%, #7bddfd 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #00a9e0),
		color-stop(1, #7bddfd)
	);
	-moz-box-shadow: inset 0 0 3px 0 #ffffff;
	-webkit-box-shadow: inset 0 0 3px 0 #ffffff;
	border: solid 1px #0195c5;
	border-radius: 4px;
	text-decoration: none;
}

.btn02 {
	display: block;
	padding: 5px 0 3px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	background-image: -moz-linear-gradient(bottom, #ff7b01 0%, #ffad0d 100%);
	background-image: -webkit-linear-gradient(bottom, #ff7b01 0%, #ffad0d 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ff7b01),
		color-stop(1, #ffad0d)
	);
	-moz-box-shadow: inset 0 1px 1px 0 #ffffff;
	-webkit-box-shadow: inset 0 1px 1px 0 #ffffff;
	border: solid 1px #ff6c00;
	border-radius: 5px;
	text-decoration: none;
}

.btn03 {
	display: block;
	padding: 10px 0 6px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	font-size: 16px;
	background-image: -moz-linear-gradient(bottom, #f0474b 0%, #f0474b 75%, #f0474b 100%);
	background-image: -webkit-linear-gradient(bottom, #e4373b 0%, #e4373b 75%, #e4373b 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #c92025),
		color-stop(0.75, #e4373b),
		color-stop(1, #ee4549)
	);
	border-radius: 5px;
	text-decoration: none;
}

.btn03, .btn02, .btn01, .btn_search a:hover {
	-webkit-tap-highlight-color: rgba(208,208,208,0.5);
}

/* ▼arrow▼ */
.arrow_r01 {
	padding-left: 14px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r01.png) left center no-repeat;
	background-size: 6px 8px;
}

.arrow_r02 {
	padding-right: 18px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r02.png) right center no-repeat;
	background-size: 10px 10px;
}

.arrow_r03 {
	padding-left: 20px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r03.png) left center no-repeat;
	background-size: 13px 13px;
}

.arrow_r04 {
	padding-right: 24px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r04.png) right center no-repeat;
	background-size: 16px 16px;
}

.arrow_r05 {
	padding-right: 15px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r05.png) right center no-repeat;
	background-size: 10px 10px;
}

.arrow_r06 {
	padding-left: 15px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r06.png) left center no-repeat;
	background-size: 9px 9px;
}

.arrow_r07 {
	padding-left: 10px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r07.png) left 6px no-repeat;
	background-size: 6px 6px;
}

.arrow_r08 {
	padding-right: 15px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r08.png) right center no-repeat;
	background-size: 12px 12px;
}

.arrow_r09 {
	padding-right: 20px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r09.png) right 3px no-repeat;
	background-size: 16px 16px;
}

/* ▼icon▼ */
.icon01 {
	padding-left: 20px;
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/icon01.png) left center no-repeat;
	background-size: 15px 15px;
}

.title .icon_quest {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
}


/* ▼box▼ */
.box01 {
	margin: 0 10px 20px;
	padding: 10px;
	background: #f0f3f5;
	border-radius: 5px;
}

.box02 {
	margin: 0 10px 20px;
	padding: 20px;
	background: #aedfff;
	border-radius: 5px;
}

.box03 {
	padding: 15px;
	background: #f0f3f5;
	border-radius: 5px;
}

.box_lblue {
	display: block;
	padding: 5px 0;
	text-align: center;
	background-image: -moz-linear-gradient(bottom, #279bd8 0%, #6ec8ff 100%);
	background-image: -webkit-linear-gradient(bottom, #279bd8 0%, #6ec8ff 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #279bd8),
		color-stop(1, #6ec8ff)
	);
	-moz-box-shadow: inset 0 0 3px 0 #ffffff;
	-webkit-box-shadow: inset 0 0 3px 0 #ffffff;
	border: solid 1px #0195c5;
	text-decoration: none;
}

.box_blue {
	padding: 3px 10px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	background-image: -moz-linear-gradient(bottom, #009ec3 0%, #00b7ea 100%);
	background-image: -webkit-linear-gradient(bottom, #009ec3 0%, #00b7ea 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #009ec3),
		color-stop(1, #00b7ea)
	);
	border: solid 1px #0087ae;
	text-decoration: none;
}

.box_dorange {
	padding: 3px 10px 1px;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	vertical-align: 1px;
	background-image: -moz-linear-gradient(bottom, #ff7b01 0%, #ffad0d 100%);
	background-image: -webkit-linear-gradient(bottom, #ff7b01 0%, #ffad0d 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ff7b01),
		color-stop(1, #ffad0d)
	);
	-moz-box-shadow: inset 0 1px 1px 0 #ffffff;
	-webkit-box-shadow: inset 0 1px 1px 0 #ffffff;
	border: solid 1px #d07300;
	text-decoration: none;
}

.box_silver {
	display: block;
	padding: 5px 0;
	text-align: center;
	background-image: -moz-linear-gradient(bottom, #ededed 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #ededed 0%, #ffffff 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ededed),
		color-stop(1, #ffffff)
	);
	-moz-box-shadow: inset 0 0 3px 0 #ffffff;
	-webkit-box-shadow: inset 0 0 3px 0 #ffffff;
	border: solid 1px #cfcfcf;
	text-decoration: none;
}

.box_orange {
	padding: 2px 8px;
	text-align: center;
	color: #ffffff;
	background-image: -moz-linear-gradient(bottom, #ff920a 0%, #ffaf4b 100%);
	background-image: -webkit-linear-gradient(bottom, #ff920a 0%, #ffaf4b 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ff920a),
		color-stop(1, #ffaf4b)
	);
	-moz-box-shadow: inset 0 0 3px 0 #ffffff;
	-webkit-box-shadow: inset 0 0 3px 0 #ffffff;
	border: solid 1px #d07300;
	text-decoration: none;
}

.box_ygreen {
	padding: 2px 8px;
	text-align: center;
	color: #ffffff;
	background-image: -moz-linear-gradient(bottom, #8ac000 0%, #91cb00 100%);
	background-image: -webkit-linear-gradient(bottom, #8ac000 0%, #91cb00 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #8ac000),
		color-stop(1, #91cb00)
	);
	-moz-box-shadow: inset 0 0 3px 0 #ffffff;
	-webkit-box-shadow: inset 0 0 3px 0 #ffffff;
	border: solid 1px #5b9400;
	text-decoration: none;
}

/* ▼PAGENATION▼ */
ul.pagenation {
	text-align: center;
}

ul.pagenation li {
	display: inline;
	list-style-type: none;
	font-size: 16px;
}

ul.pagenation li a {
	display: inline-block;
	color: #5f5f5f;
	text-align: center;
	text-decoration: none;
}

ul.pagenation li.arrow a {
	color: #ffffff;
	background: #26478d;
}

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

	ul.pagenation li a {
		margin: 0 2px;
		padding: 8px 14px;
		border: solid 2px #5f5f5f;
		border-radius: 5px;
	}

	ul.pagenation li.arrow a {
		padding: 8px 13px;
		border: solid 2px #26478d;
	}

}

@media screen and (max-width: 479px){

	ul.pagenation li a {
		margin: 0 0;
		padding: 2px 7px;
		font-size: 80%;
		border: solid 1px #5f5f5f;
		border-radius: 4px;
	}

	ul.pagenation li.arrow a {
		padding: 2px 6px;
		border: solid 1px #26478d;
	}

}


ul.facility_list li {
	margin-bottom: 0px;
	list-style-type: none;
}

/* ▼tour box▼ */
#tour_block .tour_box {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #5784a2;
}

#tour_block .tour_box:last-child {
	margin-bottom: 15px;
	padding-bottom: 0;
	border-bottom: none;
}

table.tour_title {
	width: 100%;
	color: #ffffff;
	border-collapse: collapse;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 0%;
}

table.tour_title th {
	width: 20px;
	padding: 3px 10px 3px 10px;
	font-size: 14px;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
}

table.tour_title th.cell_blue {
	background-image: -moz-linear-gradient(bottom, #0E5FCD 0%, #0E8AFF 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #0E5FCD),
		color-stop(1, #0E8AFF)
	);
	border: solid 1px #0033CC;
}

table.tour_title th.cell_green {
	background-image: -moz-linear-gradient(bottom, #008c00 0%, #4ba614 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #008c00),
		color-stop(1, #4ba614)
	);
	border: solid 1px #047700;
}

table.tour_title th.cell_red {
	background-image: -moz-linear-gradient(bottom, #E11E55 0%, #BE192D 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #E11E55),
		color-stop(1, #BE192D)
	);
	border: solid 1px #9f0000;
}

table.tour_title th.cell_purple {
	background-image: -moz-linear-gradient(bottom, #994C99 0%, #832C8C 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #994C99),
		color-stop(1, #832C8C)
	);
	border: solid 1px #330033;
}

table.tour_title th.cell_orange {
	background-image: -moz-linear-gradient(bottom, #FF6000 0%, #FF2900 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #FF6000),
		color-stop(1, #FF2900)
	);
	border: solid 1px #FF3300;
}

table.tour_title th.cell_dblue {
	background-image: -moz-linear-gradient(bottom, #141A8C 0%, #003DA3 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #141A8C),
		color-stop(1, #003DA3)
	);
	border: solid 1px #0033FF;
}

table.tour_title th.cell_pink {
	background-image: -moz-linear-gradient(bottom, #FC26A8 0%, #FC67F7 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #FC26A8),
		color-stop(1, #FC67F7)
	);
	border: solid 1px #FF00FF;
}

table.tour_title th.cell_ygreen {
	background-image: -moz-linear-gradient(bottom, #8cc306 0%, #a7db17 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #8cc306),
		color-stop(1, #a7db17)
	);
	border: solid 1px #84c008;
}

table.tour_title td {
	padding: 5px;
	font-size: 16px;
	line-height: 1.4;
	vertical-align: middle;
	background: #272727;
	border: solid 1px #272727;
}

.tour_box_inner {
	font-size: 14px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 8px;
}

.tour_img {
	margin-right: 10px;
}

.tour_price {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	line-height: 24px;
}

.tour_price2 {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	line-height: 24px;
}

.price_txt {
	font-size: 17px;
	color: #e60012;
	line-height: 24px;
}

.price_txt2 {
	font-size: 16px;
	color: #e60012;
	line-height: 24px;
}

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

	.tour_img img  { width:210px; }

}

@media screen and (max-width: 479px){

	.tour_img img  { width:130px; }

}
/* ▼tour detail▼ */
table.tour_detail {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #cdd7dd;
}

table.tour_detail th, table.tour_detail td {
	padding: 5px 10px;
	vertical-align: middle;
	border: solid 1px #cdd7dd;
}

table.tour_detail th {
	width: 62px;
	text-align: center;
	color: #070707;
	background: #cdd7dd;
	border-bottom: solid 1px #fffdeb;
}

table.tour_detail th.last {
	border: solid 1px #cdd7dd;
}

table.tour_detail td {
	color: #2b509a;
	background: #fffdeb;
}

ul.hotel_feature {
	padding-top: 3px;
}

ul.hotel_feature li {
	display: inline;
	margin: 0 0 -10px 0;
	list-style-type: none;
}

ul.hotel_feature li img { width:36px; }

/* ▼display▼ */
.disp_box { display:-moz-box; display:-webkit-box; display:box; }
.column3 { -moz-column-count:3; -webkit-column-count:3; }
.column2 { -moz-column-count:2; -webkit-column-count:2; }
.gap5 { -moz-column-gap:5px; -webkit-column-gap:5px; }

.block { display:block!important; }
.inline { display:inline!important; }
.none { display:none!important; }
.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }
.disp_l { float:left!important; }
.disp_r { float:right!important; }
.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

/* ▼width▼ */
.w48per { width:48%!important; }
.w32per { width:32%!important; }

.w200 { width:200px!important; }
.w100 { width:100px!important; }
.w70 { width:70px!important; }

/* ▼area▼ */
.mb60 { margin-bottom:60px!important; }
.mb50 { margin-bottom:50px!important; }
.mb40 { margin-bottom:40px!important; }
.mb30 { margin-bottom:30px!important; }
.mb25 { margin-bottom:25px!important; }
.mb20 { margin-bottom:20px!important; }
.mb15 { margin-bottom:15px!important; }
.mb10 { margin-bottom:10px!important; }
.mb6 { margin-bottom:6px!important; }
.mb5 { margin-bottom:5px!important; }
.mb5_2 {
	margin-bottom: 5px!important;
	text-align: right!important;
	margin-right: 5px;
}
.mb4 { margin-bottom:4px!important; }

.mr20 { margin-right:20px!important; }
.mr15 { margin-right:15px!important; }
.mr10 { margin-right:10px!important; }
.mr5 { margin-right:5px!important; }
.mr3 { margin-right:3px!important; }

.ml50 { margin-left:50px!important; }
.ml30 { margin-left:30px!important; }
.ml25 { margin-left:25px!important; }
.ml10 { margin-left:10px!important; }
.ml5 { margin-left:5px!important; }
.ml-2 { margin-left:-2px!important; }

.mt35 { margin-top:35px!important; }
.mt15 { margin-top:15px!important; }
.mt10 { margin-top:10px!important; }
.mt-5 { margin-top:-5px!important; }

.mlr40 { margin-left:40px!important; margin-right:40px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr35 { margin-left:35px!important; margin-right:35px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr12 { margin-left:12px!important; margin-right:12px!important; }
.mlr10 {
	margin-left: 10px!important;
	margin-right: 10px!important;
}
.mlr5 { margin-left:5px!important; margin-right:5px!important; }
.mlr3 { margin-left:3px!important; margin-right:3px!important; }

.mlr1per { margin-left:1%!important; margin-right:1%!important; }

.ml_just01 { margin-left:20px!important; }
.ml_just02 { margin-left:12px!important; }

.plr15 { padding-left:15px!important; padding-right:15px!important; }
.plr5 { padding-left:5px!important; padding-right:5px!important; }

.p20 { padding:20px!important; }
.p15 { padding:15px!important; }
.p10 { padding:10px!important; }
.p5 { padding:5px!important; }
.pt20 { padding-top:20px!important; }
.pt10 { padding-top:10px!important; }

.pb20 { padding-bottom:20px!important; }
.pb10 { padding-bottom:10px!important; }
.pb5 { padding-bottom:5px!important; }

/* ▼img frame▼ */
img.frame01 {
	border: solid 2px #2284ee;
}


/* ▼font disp▼ */
.line { text-decoration:underline!important; }
.non_line { text-decoration:none!important; }
.txt_indent { margin-left:13px; text-indent:-13px; }
.square_indent { margin-left:13px; text-indent:-16px; }
.radio_indent { margin-left:20px; text-indent:-20px; }
.chk_indent { margin-left:20px; text-indent:-22px; }

/* ▼font size▼ */
.bold { font-size:120%!important; }
.size80 { font-size:80%!important; }
.size20 { font-size:20px!important; }
.size17 { font-size:17px!important; }
.size14 {
	font-size: 15px!important;
}
.size10 { font-size:10px!important; }
.size11 { font-size:11px!important; }
.size13 {  font-size:13px!important; }

/* ▼font color▼ */
.orange { color:#ff6000!important; }
.white { color:#ffffff!important; }
.black { color:#000000!important; }
.red { color:#e41515!important; }
.blue { color:#0000ff!important; }
.dblue { color:#2b509a!important; }
.sblue { color:#004ea2!important; }
.lblue { color:#0092ec!important; }
.lpurple { color:#db49d9!important; }
.lorange { color:#ff7e00!important; }
.lgreen { color:#00b52f!important; }
.lpink { color:#ff4d4d!important; }

/* ▼link color▼ */
a.red { color:#c40000; }

/* ▼line height▼ */
.lh26 { line-height:26px; }

/* ▼bgcolor▼ */
.bg_white { background:#ffffff!important; }
.bg_blue { background:#2284ee!important; }
.bg_pblue { background:#d8e5f5!important; }
.bg_mgray { background:#e4e4e4!important; }
.bg_gray { background:#f0f3f5!important; }
.bg_pink { background:#fef3f3!important; }
.bg_yellow { background:#fffce2!important; }
.bg_dlblue { background:#7eb3d4!important; }
.bg_lgblue { background:#f2f7f7!important; }

/* ▼border▼ */
.line_all { border: solid 1px #cfcfcf; }
.line_btm { border-bottom: solid 1px #cecece; }
.line_btm_dot { border-bottom: dotted 1px #5784a2; }
.line_btm_gdot { border-bottom: dotted 1px #e1e1e1; }
.line_btm_bold { border-bottom: solid 2px #000000; }

/* ▼list▼ */
ul.decimal li { margin:0 0 5px 20px; list-style-type:decimal; }
ul.disc li { margin:0 0 5px 20px; list-style-type:disc; }
ul.lower-alpha li { margin-bottom:5px; list-style-type:lower-alpha; }

/* ▼table▼ */
table.tbl_list01 {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #cfcfcf;
}

table.tbl_list01 th, table.tbl_list01 td {
	padding: 10px;
	vertical-align: middle;
	border: solid 1px #cfcfcf;
}

table.tbl_list01 th {
	text-align: center;
	background: #f2f7f7;
}

th.w5, td.w5 { width:5%; }
th.w10, td.w10 { width:10%; }
th.w15, td.w15 { width:15%; }
th.w20, td.w20 { width:20%; }
th.w25, td.w25 { width:25%; }
th.w25, td.w25 { width:25%; }
th.w30, td.w30 { width:30%; }
th.w35, td.w35 { width:35%; }
th.w40, td.w40 { width:40%; }
th.w43, td.w43 { width:43%; }
th.w45, td.w45 { width:45%; }
th.w50, td.w50 { width:50%; }
th.w55, td.w55 { width:55%; }
th.w60, td.w60 { width:60%; }
th.w65, td.w65 { width:65%; }
th.w70, td.w70 { width:70%; }
th.w75, td.w75 { width:75%; }
th.w80, td.w80 { width:80%; }
th.w85, td.w85 { width:85%; }
/* ▼form▼ */
table.form_tbl01 {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #d6d6d6;
}

table.form_tbl01 th, table.form_tbl01 td {
	padding: 10px;
	vertical-align: middle;
	border: solid 1px #d6d6d6;
}

table.form_tbl01 th {
	color: #004ea2;
	background: #f0f3f5;
}

table.form_tbl01 th.required {
	background-position: left top;
	background-size: 36px 18px;
	background-color: #f0f3f5;
	padding-top: 22px;
}

table.conf_tbl01 {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #cfcfcf;
}

table.conf_tbl01 th, table.conf_tbl01 td {
	padding: 5px 10px;
	vertical-align: middle;
	border: solid 1px #cfcfcf;
}




.error_msg {
	padding-left: 40px;
	color: #e41515;
	text-decoration: underline;
}

input[type="text"],
input[type="email"],
input[type="telephone"],
input[type="password"],
input[type="number"],
input[type="tel"] {
	width: 100%;
	height: 20px;
	padding: 3px 0;
	vertical-align: -1px;
	border: solid 1px #c2c2c2;
	border-radius: 4px;
	font-size:14px;
	-webkit-appearance: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 3px;
	vertical-align: -1px;
	font-size:14px;
}

select {
	width: 100%;
	height: 35px;
	font-size:12px;
	vertical-align: middle;
	-webkit-tap-highlight-color: rgba(208, 208, 208, 0.5);
	text-indent:6px;
	font-size:14px;
    -webkit-appearance: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#EEE url(/eyeswork/ranran_smart/image/underarrow.png) no-repeat;
	background-position: right center;
	display: block;
}

textarea {
	width: 100%;
	height: 150px;
	padding: 3px 0;
	border: solid 1px #c2c2c2;
	border-radius: 4px;
	font-size:14px;
	-webkit-appearance: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input[type="text"] {
	width: 100%;
	height: 25px;
	font-size:12px;
	vertical-align: middle;
	-webkit-tap-highlight-color: rgba(208,208,208,0.5);
	text-indent:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   }


input[type="text"].box95per, select.box95per { width:95%!important; }
input[type="text"].box90per, select.box90per { width:90%!important; }
input[type="text"].box85per, select.box85per { width:85%!important; }
input[type="text"].box65per, select.box65per { width:65%!important; }

input[type="text"].box200, select.box200 { width:200px!important; }
input.box100, input[type="text"].box100, select.box100 { width:100px!important; }
input.box80, input[type="text"].box80, select.box80 { width:80px!important; }
input.box60, input[type="text"].box60, select.box60 { width:60px!important; }

input.btn_send { max-width:100%; }

/* 20130502追加ソース */

.hotel-name {
	margin:0 5px 5px 5px;
}

.hotelimage1{
	margin:0 5px 5px 5px;
}

.p-h-info {
	padding: 5px 10px;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	background-image: -moz-linear-gradient(bottom, #244386 0%, #2C549E 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #244386),
		color-stop(1, #2C549E)
	);
	border-top: solid 1px #00236f;
	border-bottom: solid 1px 00236f;
}

.p-h-info2{
	margin:10px 15px 10px 15px;
}

.ul-hotelinfo {
	margin: 10px 10px 0 10px;
}

.li-hotelinfo {
	background: url(/eyeswork/ranran_smart/searchdetail/image/basic/top/arrow_r01.png) left 5px no-repeat;
	margin-left: 0px;
	list-style: none;
	padding-left: 15px;
	line-height: 26px;
}

.ol-price {
	margin:5px 0 3px 25px;
}

.p_include {
	margin: 5px 0 3px 12px;
}
.mb5_3 {
	margin-bottom: 8px!important;
	background-repeat: no-repeat;
	padding-left: 22px;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
 }

.mb5_4 {
	margin-bottom: 8px!important;
	background-repeat: no-repeat;
	padding-left: 22px;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	margin-left: 6px;
 }
.mb5_5 {
	margin-bottom: 8px!important;
	background-repeat: no-repeat;
	padding-left: 21px;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	margin-left: 16px;
 }

.share2 {
	width: 54px;
	height: 27px;
	font-size: 12px;
	float: left;
}
.share3 {
	line-height: 17px;
	float: left;
	width: 92px;


}
.share4 {
	height: 34px;
}
.share5 {
	height: 34px;
	float: left;
	width: 69px;
}
.subtitle_dlblue2 {
	padding: 5px 5px;
	color: #ffffff;
	background-color: #008080;
}



.planbox_new {
	width: 758px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 10px 0 0 10px;
	border: 1px solid #ccc;
	float: left;
}
.planbox_new ul {
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
	width: 510px;
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
}
.planbox_new li.point2 {
	display: inline-block;
	padding: 2px 6px;
	margin: 0 1px 5px 0;
	color: #4ad;
	border: 1px solid #4ad;
	border-radius: 3px;
	background-color: #edfcff;
}
.planbox_new li.hotel2 {
	display: inline-block;
	padding: 2px 6px;
	margin: 0 1px 5px 0;
	color: #ff66a7;
	border: 1px solid #ff66a7;
	border-radius: 3px;
	background-color: #fef7ff;
}
.div-contents_new {
	width: 510px;
	height: auto;
	margin: 0 18px 18px 0;
	float: right;
}
.dl-content_new {
	width: 510px;
	height: auto;
	float: left;
	margin: 5px 0 3px;
	border: 1px solid #CCC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.dt-content_new {
	width: 54px;
	margin: 0;
	padding: 12px 0 12px 5px;
	float: left;
	background-color: #CCC;
}
.dd-content_new {
	width: 90px;
	margin: 0;
	padding: 12px 0 12px 5px;
	float: left;
	background-color: #ffe;
}
.dd-content2_new {
	width: 290px;
	margin: 0;
	padding: 12px 0 12px 5px;
	float: left;
	background-color: #ffe;
}
.mainprice3 {
	font: bold 20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #f00;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	width: 510px;
	float: left;
}
.mainprice3 span{
	font-size:12px;
}
.under_new {
	background-color: #f5f5f5;
	clear: both;
	margin: 0 10px 10px 0;
	padding: 12px;
}
.under_new p.cc {
	margin: 0;
	padding: 0;
	font: 14px /36px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.under_new p.button {
	margin: 0;
	padding: 0;
	float: right;
}
.under_new p.button a {
	display: block;
	background-color: #ff8f00;
	width: 240px;
	text-align: center;

	font-size: 16px;
	border-radius: 3px;
	padding: 0 10px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	line-height: 36px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	border: solid 2px #d27d00;
	position: relative;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.under_new p.button a:after {
	content: "";
	padding: 0;
	position: absolute;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	z-index: 1;
	right: 20px;
	top: 50%;
	margin: -6px;
	width: 9px;
	height: 9px;
}
.under_new p.button a:active {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	color: #FFFD00;
}
.under_new p.button a:hover {
	background-color: #ffaf00
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	font-size: 0px;
	line-height: 0px;
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


.disp_box_new {
	display: -webkit-flex;
	display: -moz-flex;
	margin: 0 0 5px;
}
.disp_box_new_inner {
	display: -webkit-flex;
	display: -moz-flex;
	flex-direction: column;
}
.disp_box_new_inner dd.mainprice_sp {
	font: bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #f00;
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: none;
}
.disp_box_new_inner dd.mainplace_sp {
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	margin: 0 0 12px 0;
	padding: 0 10px 0 0;
	list-style-type: none;
	height: 16px;
	white-space: nowrap;
}

ul.sp_list{margin: 0 0 5px 0;padding: 0;font-size:0;}
ul.sp_list li.sp_point {
	display: inline-block;
	padding: 1px 5px;
	margin: 0 5px 5px 0;
	color: #4ad;
	border: 1px solid #4ad;
	border-radius: 3px;
	background-color: #edfcff;
	font-size: 11px;
}
ul.sp_list li.sp_hotel {
	display: inline-block;
	padding: 1px 5px;
	margin: 0 5px 5px 0;
	color: #ff66a7;
	border: 1px solid #ff66a7;
	border-radius: 3px;
	background-color: #fef7ff;
	font-size: 11px;
}

/* 2019/10/18 new_iit okita */
#tour_block .tour_box {position:relative}
.tour_type {
    margin-bottom: 4%;
    display: inline-block;
    letter-spacing: 2px;
    width: 47px;
    position: absolute;
    right: 10px;
    top: 84px;
}
.type_change {
    border: 1px solid #277612;
    color: #277612;
    padding: 1px 3px 5px 27px;
}
.type_fix {
    border: 1px solid #E91E63;
    color: #E91E63;
    padding:1px 3px 5px 27px;
}
.type_change:before {
    content: "";
    width: 77px;
    border-bottom: 2px solid #277612;
    position: absolute;
    top: 19px;
    left: 0;
}
.type_fix:before {
    content: "";
    width:77px;
    border-bottom: 2px solid #E91E63;
    position: absolute;
    top:19px;
    left:0;
}
.type_change:after {
    background-image: url(/img/new_iit/top/type_change2.gif);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    background-size: contain;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 3px;
    top: 1px;
    z-index:99;
}
.type_fix:after {
    background-image: url(/img/new_iit/top/type_fix2.gif);
    background-repeat: no-repeat;
    content: "";
    display:inline-block;
    background-size:contain;
    width:19px;
    height:19px;
    position:absolute;
    left:3px;
    top:1px;
}