@charset "utf-8";

/*
GLOBAL
***************************************************************************/
body {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 12px;
	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(0, 0, 0, 0);
	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: #2284ee;
	text-decoration: none;
}

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

/*
HEADER
***************************************************************************/
#bg_h1 {
	margin-bottom: 8px;
	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));
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}

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: 3px;
}

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

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

#btn_pc {
	margin: 5px 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:211px;
}
 #btn_pc img {
width:120px;
}
}
 @media screen and (max-width: 479px) {
 #logo img {
width:152px;
}
 #btn_pc img {
width:90px;
}
}

/*
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;
}

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-size: 20px 20px;
}

ul#dnavi_list li .dnavi_slide_inner a .dnavi_arrow {
	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-size: 20px 20px;
}

.dnavi_slide_title.opened .btn_dnavi_slide {
	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;
}

.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;
}
 @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;
	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: 4px 0 4px 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: 8px 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: 14px;
	background-image: -moz-linear-gradient(bottom, #a7070b 0%, #d4191c 75%, #e41a1c 100%);
	background-image: -webkit-linear-gradient(bottom, #a7070b 0%, #d4191c 75%, #e41a1c 100%);
	background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0, #a7070b),  color-stop(0.75, #d4191c),  color-stop(1, #e41a1c)  );
	text-shadow: 0px 1px 1px #000000;
	border-radius: 5px;
	text-decoration: none;
}

.btn04 {
	display: block;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	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 0 3px 0 #ffffff;
	-webkit-box-shadow: inset 0 0 3px 0 #ffffff;
	border: solid 1px #ff6c00;
	border-radius: 4px;
	text-decoration: none;
}

.btn05 {
	display: block;
	padding: 10px 5px;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	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;
}

.btn06 {
	display: block;
	padding: 10px 5px;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	background-image: -moz-linear-gradient(bottom, #ffc579 0%, #fb9d23 100%);
	background-image: -webkit-linear-gradient(bottom, #ffc579 0%, #fb9d23 100%);
	background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0, #ff5500),  color-stop(1, #ff8c00)  );
	-moz-box-shadow: inset 0 0 3px 0 #fb9d23;
	-webkit-box-shadow: inset 0 0 3px 0 #fb9d23;
	border: solid 1px #ff8c00;
	border-radius: 4px;
	text-decoration: none;
}

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

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

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

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

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

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

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

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

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

/* ▼icon▼ */
.icon01 {
	padding-left: 18px;
	background: url(/eyeswork/ranran_smart/image/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;
}

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: 5px;
	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: 98%;
	margin: 0 1% 10px;
	color: #ffffff;
	border-collapse: collapse;
}

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

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_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 th.cell_red {
	background-image: -moz-linear-gradient(bottom, #dd0000 0%, #ff4200 100%);
	background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0, #dd0000),  color-stop(1, #ff4200)  );
	border: solid 1px #9f0000;
}

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

.tour_box_inner {
	margin: 0 10px;
	font-size: 16px;
}

.tour_img {
	margin-right: 10px;
}

.tour_price {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
}

.price_txt {
	font-size: 32px;
	color: #e60012;
	line-height: 40px;
}
 @media screen and (min-width: 480px) {
 .tour_img img {
width:180px;
}
}
 @media screen and (max-width: 479px) {
 .tour_img img {
width:100px;
}
}

/* ▼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: 65px;
	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: 5px;
}

ul.hotel_feature li {
	display: inline;
	margin: 0 5px -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;
	margin-bottom:10px;
}

.align_l {
	text-align:left!important;
	font-size:14px;
s
}

.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;
}

.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;
}

.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:14px!important;
}

.size10 {
	font-size:10px!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:17%;
}

th.w25,
td.w25 {
	width:24%;
}

th.w25,
td.w25 {
	width:24%;
}

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;
	background-image: url(/eyeswork/ranran_smart/image/icon_required.png);
	background-repeat: no-repeat;
	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 8px;
	vertical-align: middle;
	border: solid 1px #cfcfcf;
}

.error_msg {
	padding-left: 35px;
	color: #e41515;
	text-decoration: underline;
	background: url(/eyeswork/ranran_smart/image/icon_excla.png) left 5px no-repeat;
	background-size: 30px 26px;
}

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;
}

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"].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%;
}

.ol-price {
	margin-left: 22px;
}

.rentcar_choice {
	margin: 0;
}

.rentcar_choicel {
	margin-left: 8px!important;
	width: 46%;
	float: left;
}

.rentcar_choicer {
	width: 46%;
	float: right;
	margin-right: 8px;
}

/*2014/04/21 Yoshimi Aono add*/
select w70 {
	width : 70px
}

select w100 {
	width : 100px
}


.newiit_attention {
    width: 97%;
    border: 1px solid #888;
    padding: 1.5%;
    font-weight: bold;
    font-size: 12.5px;
    margin:5% 0 0;
}

.newiit_indent{text-indent:1em;line-height:1.7em}
.newiit_indent span {color: #f00}