@charset "utf-8";
/* ===================================================================

CSS information

 style info :style CSS

=================================================================== */

#portal_main img{
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------
	#info
---------------------------------------------------- */
#info{
	padding: 10px 10px 5px;
}
#info li{
	overflow: hidden;
	margin: 0 0 10px 0;
}
#info span{
	width: 15%;
	text-align: center;
	display: block;
	font-size: 10px;
	padding: 2px 1px;
	float: left;
	margin: 0 2% 0 0;
	line-height: 1.0;
	position: relative;
	top: 1px;
}
#info a{
	width: 83%;
	font-size: 12px;
	float: left;
	color: #0088ff;
}
#info li .txt{
	width: 83%;
	font-size: 12px;
	float: left;
}

#info .icn01{
	background: #fdf6dc;
	border: 1px solid #7aa822;
	color: #7aa822;
}
#info .icn02{
	background: #ebecee;
	border: 1px solid #b2b2b2;
	color: #7e7f7f;
}
#info .icn03{
	background: #f8e7dd;
	border: 1px solid #ef8726;
	color: #ef8726;
}
/*すご得*/
#info .icn04{
	background: #e4007f;
	border: 1px solid #e4007f;
	color: #fff;
}


/* ----------------------------------------------------
	.toggle_box
---------------------------------------------------- */
.toggle_box{
	margin: 0 0 20px 0;
}
.toggle_box.cont_in{
	margin: 0 10px 20px;
}
.toggle_box .btn a{
	display: block;
	position: relative;
	background: #7fc4ff;
	color: #fff;
	font-size: 13px;
	padding: 10px;
}
.toggle_box.style03 .btn a{
	background: #0088ff;
}
.toggle_box .btn a .font{
	font-size: 25px;
	line-height: 1.0;
	position: absolute;
	top: 16%;
	right: 10px;
	color: #fff;
}
.toggle_box .box{
	display: none;
	width: 100%;
	position: relative;
	z-index: 10000;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
}
.toggle_box .box02{
	display: none;
	width: 100%;
	position: relative;
	z-index: 10000;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	padding: 15px 0;
}
.toggle_box .box ul{width: 100%;}

/*トップ用*/
.toggle_box .btn .welbox_top{
	font-size: 15px;
	font-weight: bold;
	padding: 10px 10px 8px 10px;
}



/* ----------------------------------------------------
	#search_area
---------------------------------------------------- */
#search_area{
	padding: 0 10px;
}
#search_area .form{
	width: 60%;
	overflow: hidden;
	float: right;
}

#search_area .position,
#search_area .genre,
#search_area .selectbox{
	width: 35%;
	overflow: hidden;
	float: left;
}

/* ----------------------------------------------------
	#genre_search
---------------------------------------------------- */
#genre_search{
	padding: 1px 0 0;
}
#genre_search .tit_01{
	margin: 0 0 5px 0;
}
#genre_search li{
	background: #d9edff;
}
#genre_search_portal li{
	background: #f6f1ee;
}
#genre_search .top{
	padding: 0 5px;
}
#genre_search .top li{
	margin: 0 0 5px 0;
}
#genre_search .top li a{
	min-height: 71px;
	padding: 5px 30px 5px 105px;
}
#genre_search .top li a .img{
	position: absolute;
	top: 5px;
	left: 5px;
}
#genre_search .top li a .title{
	font-weight: bold;
	font-size: 13px;
	margin: 3px 0 0 0;
}
#genre_search .top li a .title .icon{
	margin: 0 5px 0 0;
	font-size: 15px;
	position: relative;
	top: 2px;
}

#genre_search .list ul{
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
#genre_search .list li{
	width: 33%;
	display: table-cell;
	border: 5px solid #fff;
	border-top: none;
}
#genre_search .list li a{
	width: 100%;
	text-align: center;
	line-height: 1.2;
	vertical-align: bottom;
	height: 80px;
	padding: 50px 0 10px 0;
	vertical-align: middle;
}

#genre_search .list li a .icon{
	width: 100%;
	position: absolute;
	top: 15px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	display: block;
}
#genre_search .list li a .icon.icon-shopping_living{
	font-size: 32px;
}

#genre_search .list li a strong{
	position: absolute;
	bottom: 7px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}
#genre_search .list li a strong.lines{
	bottom: 3px;
}

/* ----------------------------------------------------
	#genre_search_portal
---------------------------------------------------- */
#genre_search_portal .arrow .font{
	color: #c9a276;
}
#genre_search_portal .arrow .icon{
	color: #887360;
}

#genre_search_portal .tit_01{
	margin: 0;
	background: #887360;
}
#genre_search_portal .tit_03{
	border-top: 2px solid #887360;
	background: #e6dcc3;
	color: #666;
}

#genre_search_portal li{
	background: #f6f1ee;
}
#genre_search_portal .top{
	padding: 0;
}
#genre_search_portal .top li{
	margin: 0;
	border-bottom: 1px solid #8c8c8c;
}
#genre_search_portal .top li a{
	min-height: 71px;
	padding: 5px 30px 5px 105px;
}
#genre_search_portal .top li a .img{
	position: absolute;
	top: 5px;
	left: 5px;
}
#genre_search_portal .top li a .title{
	font-weight: bold;
	font-size: 13px;
	margin: 3px 0 0 0;
}
#genre_search_portal .top li a .title .icon{
	margin: 0 5px 0 0;
	font-size: 15px;
	position: relative;
	top: 2px;
}
#genre_search_portal .list ul{
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
#genre_search_portal .list li{
	width: 50%;
	display: table-cell;
	border: 1px solid #bfbfbf;
	border-top: none;
}
#genre_search_portal .only_item{
	background: #f6f1ee;
	border-right: 1px solid #ccc;
}
#genre_search_portal .only_item li{
	width: 50%;
	display: block;
	border: 1px solid #bfbfbf;
	border-bottom: none;
	border-top: none;
}
#genre_search_portal .list li a{
	width: 100%;
	text-align: center;
	line-height: 1.2;
	vertical-align: bottom;
	height: 65px;
	padding: 11px 0 0 0;
	vertical-align: middle;
}

#genre_search_portal .list li a .icon{
	width: auto;
	position: relative;
	top: 0;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	display: block;
}

#genre_search_portal .list li a strong{
	position: absolute;
	bottom: 7px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}
#genre_search_portal .list li a strong.lines{
	bottom: 3px;
}

.dummy span{
	visibility: hidden;
}
.dummy a{
	cursor: default;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* ----------------------------------------------------
	#recommend #history スライダー
---------------------------------------------------- */
#recommend .bx-pager,
#history .bx-pager{
	display: none;
}
.slider{
	min-height: 104px;
}
.slider.img_txt li a{
	padding: 15px 30px;
	display: table;
	table-layout: fixed;
}
.slider.img_txt li a p{
	display: table-cell;
}
.slider.img_txt li .img{
	width: 40%;
}
.slider.img_txt li .txt{
	width: 55%;
	vertical-align: middle;
	padding: 10px;
}


/* ----------------------------------------------------
	#sale
---------------------------------------------------- */
#sale{
	position: relative;
}
#sale .tit_02{
	padding: 7px 5px 7px 60px;
}
#sale .badge{
	position: absolute;
	top: -8px;
	left: 0px;
}

#sale ul{}
#sale ul li{
	border-bottom: 1px solid #ccc;
}
#sale ul li:last-child{
	border: none;
}
#sale ul li a{
	min-height: 80px;
	padding: 5px 30px 5px 105px;
}
#sale ul li a .img{
	position: absolute;
	top: 5px;
	left: 5px;
}
#sale ul li a .title{
	margin: 5px 0 0 0;
	font-size: 13px;
	font-weight: bold;
}
#sale ul li a .txt{
	font-weight: bold;
	font-size: 11px;
	margin: 2px 0;
}
#sale ul li a .price{
	font-size: 11px;
}
#sale ul li a .price .icn_arrow{
	margin: 0 5px;
}
#sale ul li a .price .sale{
	font-size: 14px;
	color: #ff0000;
}
/* ----------------------------------------------------
	#sacelebrationle
---------------------------------------------------- */
#celebration ul{}
#celebration ul li{
	border-bottom: 1px solid #ccc;
}
#celebration ul li:last-child{
	border: none;
}
#celebration ul li a{
	min-height: 80px;
	padding: 5px 30px 5px 105px;
}
#celebration ul li a .img{
	position: absolute;
	top: 5px;
	left: 5px;
}
#celebration ul li a .title{
	margin: 5px 0 0 0;
	font-size: 13px;
	font-weight: bold;
}
#celebration ul li a .price{
	font-size: 11px;
}
#celebration ul li a .price .icn_arrow{
	margin: 0 5px;
}
#celebration ul li a .price .sale{
	font-size: 14px;
	color: #ff0000;
}

/* ----------------------------------------------------
	#campaign
---------------------------------------------------- */
#campaign{
}
#campaign ul {
	padding: 10px;
	overflow: hidden;
}
#campaign ul li {
	width: 48%;
	float: left;
	margin: 0 0 3% 0;
}
#campaign ul li:nth-child(2n){
	margin: 0 0 3% 4%;
}
#campaign ul li img {
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
}
#campaign ul li p {
}
#campaign ul li a{
	color: #0088ff;
	font-size: 11px;
}
/* ----------------------------------------------------
	#special
---------------------------------------------------- */
#special{}
#special ul{
	padding: 10px 20px 5px 20px;
}
#special ul li {
	margin: 0 0 5px 0;
}
#special ul li img{
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
}

/* #special #search */

#special #search,
#campaign_list #search{
	border:none;
	margin: 0;
	padding: 20px 10px 20px;
}
#special #search dl,
#campaign_list #search dl{
	overflow: hidden;
	margin: 0;
}
#special #search dl dt,
#campaign_list #search dl dt{
	width: 50%;
	float: left;
	font-size: 15px;
	margin: 14px 0 0 0;
	line-height: 1.1;
}
#special #search dl dd,
#campaign_list #search dl dd{
	width: 50%;
	float: right;
}

/* ----------------------------------------------------
	#ranking
---------------------------------------------------- */
#ranking{}
#ranking li{
	border-bottom: 1px solid #ccc;
}
#ranking li a{
	font-weight: bold;
}
#ranking .rank01 a{background: #fff8cd;}
#ranking .rank02 a{background: #dee3e5;}
#ranking .rank03 a{background: #feebd9;}

#ranking li a table{
	width: 100%;
}
#ranking li a td{
	padding: 12px 5px;
	font-weight: bold;
	text-align: left;
}
#ranking li a td.icon{width: 42px;}
#ranking li a td.arrow{width: 22px;}
#ranking li a td.arrow .font{
	position: relative;
	top: 0px;
	left: 0px;
}


/* ----------------------------------------------------
	#quiz
---------------------------------------------------- */
#quiz{
	padding: 10px 5px;
}
#quiz img{
	width: 100%;
	height: auto;
}
#quiz p{
	padding: 0 5px;
	margin: 0 0 5px 0;
}
#quiz ul{
	display: table;
	table-layout: fixed;
	width: 100%;
}
#quiz ul li{
	display: table-cell;
	padding: 5px;
}
/* ----------------------------------------------------
	#topics
---------------------------------------------------- */
#topics{
	padding: 10px 10px;
	border-top: 2px solid #005bac;
}
#topics ul{
	margin: 8px 0 0 0;
}
#topics ul li{margin: 0 0 5px 0;}
#topics ul li a{
	color: #0088ff;
}
#topics .allview{
	text-align: right;
	overflow: hidden;
	position: relative;
	padding: 0 15px 0 0;
	margin: -22px 0 0 0;
}
#topics .allview .font{
	font-size: 21px;
	color: #a6a6a6;
	position: absolute;
	top: -6px;
	right: 3px;
}
#topics .allview a{
	color: #0088ff;
	font-weight: bold;
}


/* ----------------------------------------------------
	#bnr
---------------------------------------------------- */
#bnr{
	padding: 20px 10px;
	border-top: 2px solid #005bac;
}

#bnr img {
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------
	#features
---------------------------------------------------- */
#features{
}
#features .label{
	background: #ddd;
	display: inline-block;
	padding: 3px 5px;
	font-size: 11px;
	margin: 0 0 5px 10px;
	float: left;
}
#features .id{
	font-size: 11px;
	float: left;
	margin: 6px 0 0 5px;
}
#features ul{
	clear: both;
	margin: 0 8px 10px;
}
#features ul li{
	width: 33.333%;
	float: left;
	border: 4px solid #fff;
}
#features ul li span{
	display: block;
	background: #fff;
	border: 1px solid #8c8c8c;
	font-size: 11px;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
}
#features ul .size2{
	width: 50%;
}
/* ----------------------------------------------------
	.search_form
---------------------------------------------------- */
.search_form{}
.search_form .inner{
	border: 4px solid #005bac;
	border-top: none;
	margin: -20px 0 0 0;
	padding: 20px 10px 20px;
}


.search_form .inner .title{
	font-size: 17px;
	margin: 0 0 10px 0;
	border-left: 6px solid #005bac;
	line-height: 1.3;
	padding: 0 0 0 7px;
}

.search_form .inner dl{
	margin: 0 0 20px 0;
}
.search_form .inner dl dt{
	width: 20%;
	float: left;
	font-size: 15px;
	margin: 14px 0 0 0;
	line-height: 1.1;
}
.search_form .inner dl dd{
	width: 80%;
	float: right;
}
.search_form .inner dl dd ul{
	display: table;
	table-layout: fixed;
	width: 100%;
	background-color: #d9d9d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.search_form .inner dl dd ul li{
	display: table-cell;
	width: 33%;
	text-align: center;
	height: 44px;
	vertical-align: middle;
	line-height: 1.0;
	position: relative;
}
.search_form .inner dl dd ul li:after{
	content: "";
	width: 1px;
	height: 38px;
	background: #a6a6a6;
	position: absolute;
	top: 3px;
	right: 0;
}
.search_form .inner dl dd ul li:last-child:after{
	display: none;
}
.search_form .inner dl dd ul li small{
	display: block;
	font-size: 10px;
	line-height: 1.0;
}
.search_form .checkbox{
	font-size: 13px;
}
.search_form .option_list{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 20px 0;
}
.search_form .option_list li{
	width: 33%;
	display: table-cell;
}
.search_form .btn_02{
	width: 200px;
	margin: 0 auto;
}

/* /sp/info/ 用 */
.search_form .inner.style02{
	border: none;
	margin:10px 10px 20px 10px;
	padding: 20px 20px 0 20px;
	background:#deeaf6;
	border:1px solid #d7d8da;
}


/* /sp/09.psd 用 ボーダーなし*/
.search_form .inner.style03{
	border: none;
	margin:20px 15px;
	padding: 0;
}



/*未選択時テキストカラー*/
.search_form .none{
	color: #8c8c8c;
}


/*こだわり条件エリア*/
.option_form .top{
	padding: 10px;
	border-bottom: 2px dotted #ccc;
	margin: 0 0 10px 0;
}
.option_form .request{
	margin: 0 0 10px 0;
	padding: 0 0 0 40px;
	position: relative;
}
.option_form .request a{
	color: #0088ff;
}

.option_form .request .font{
	position: absolute;
	top: -4px;
	left: 23px;
	font-size: 17px;
}
.option_form .select .selectbox{
	width: 44%;
	float: left;
}
.option_form .select p{
	float: left;
	margin: 13px 5px 0;
}
.option_form .select_02 .selectbox{
	width: 48%;
	float: left;
}

.option_form dl{
	padding: 0 10px 5px;
	border-bottom: 2px dotted #ccc;
	margin: 0 0 15px 0!important;
}
.option_form dl:last-child{
	border-bottom: 1px solid #ccc;
}
.option_form dt{font-weight: bold;}

.option_form dl.style02{
	overflow: hidden;
	margin: 0 0 20px 0;
}
.option_form dl dt{
	width: 30%;
}
.option_form dl dd{
	width: 70%;
}
.option_form dl.style02 dt{
	width: auto;
	float: none;
	font-size: 15px;
	margin: 0 0 10px 0;
	line-height: 1.1;
}
.option_form dl.style02 dd{
	width: auto;
	float: none;
}
.option_form .checkbox{
	line-height: 1.5;
	margin: 0 0 10px 0;
	width: 33.33%;
}
.option_form .checkbox.line2{

}
.option_form dt.ltit{
	margin: -7px 0 0 0!important;
	width: 25%!important;
}
.option_form dd.ltit_box{
	width: 75%!important;
}
.option_form .checkbox.w50{width: 50%;}
.option_form .checkbox.w66{width: 66%;}
.option_form .checkbox.w100{width: 100%;}

/* ----------------------------------------------------
	#purpose
---------------------------------------------------- */
#purpose ul{
	display: table;
	table-layout: fixed;
	width: 100%;
}
#purpose ul li{
	display: table-cell;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
#purpose ul li a{
	padding: 10px;
	text-align: center;
	position: relative;
}
#purpose .plan a{
	font-size: 18px;
}
#purpose .plan a strong{
	background: url(../../img/shared/icn_hotel.png) no-repeat center left;
	background-size: 42px 41px;
	display: inline-block;
	padding: 12px 0 12px 48px;
}

#purpose .list li{
}
#purpose .list li a{
	height: 70px;
}

#purpose .list li a strong{
	display: inline-block;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
}

#purpose .disney,
#purpose .reflets{border-right: 1px solid #ccc;}


#purpose .disney a strong{
	background: url(../../img/shared/icn_disney.png) no-repeat center left;
	background-size: 20px 18px;
	padding: 0 0 0 25px;
	margin: -16px 0 0 -70px;
}


#purpose .usj a strong{
	background: url(../../img/shared/icn_film.png) no-repeat center left;
	background-size: 18px 18px;
	padding: 0 0 0 25px;
	margin: -16px 0 0 -70px;
}
#purpose .reflets a strong{
	background: url(../../img/shared/icn_reflets.png) no-repeat center left;
	background-size: 16px 16px;
	padding: 2px 0 0 20px;
	margin: -8px 0 0 -70px;
}
#purpose .harvest a strong{
	background: url(../../img/shared/icn_harvest.png) no-repeat center left;
	background-size: 21px 21px;
	padding: 2px 0 0 25px;
	margin: -8px 0 0 -70px;
}

/* ----------------------------------------------------
	#bottom_nav
---------------------------------------------------- */
#bottom_nav{}
#bottom_nav ul{}
#bottom_nav .top{
	border-bottom: 1px solid #ccc;
}
#bottom_nav .top li a{
	border-top: 1px solid #ccc;
	font-size: 11px;
	padding: 15px 0 15px 50px;
}
#bottom_nav .top li a .title{
	font-size: 13px;
}
#bottom_nav .family{
	background: url(../../img/shared/icn_family.png) no-repeat 10px 17px;
	background-size: 30px 29px;
}
#bottom_nav .familypage{
	background: url(../../img/shared/icn_familypage.png) no-repeat 10px 17px;
	background-size: 30px 29px;
}

#bottom_nav .list{
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
#bottom_nav .list li{
	width: 50%;
	display: table-cell;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
#bottom_nav .list li a{
	width: 100%;
	text-align: center;
	line-height: 1.2;
	vertical-align: bottom;
	height: 65px;
	padding:0px 0 10px 0;
	vertical-align: middle;
}
#bottom_nav .list li a strong{
	position: absolute;
	bottom: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}
#bottom_nav .list .convenience{
	background: url(../../img/shared/icn_convenience.png) no-repeat center 10px;
	background-size: 25px 25px;
	border-right: 1px solid #ccc;
}
#bottom_nav .list .welboxapp{
	background: url(../../img/shared/icn_weloboxapp.png) no-repeat center 10px;
	background-size: 25px 25px;
}
#bottom_nav .list .health{
	background: url(../../img/shared/icn_health.png) no-repeat center 10px;
	background-size: 25px 25px;
	border-right: 1px solid #ccc;
}
#bottom_nav .list .weltime{
	background: url(../../img/shared/icn_weltime.png) no-repeat center 10px;
	background-size: 25px 25px;
}

/* ----------------------------------------------------
	domestic_travel detail
---------------------------------------------------- */
.btn_back{
	display:block;
	width:100%;
	font-size:14px;
	font-weight:normal;
	position:relative;
	padding:10px 0 20px;
	text-align:center;
}
.btn_back .icon{
	font-size:16px;
	margin-right:5px;
	position: relative;
	top: 1px;
}
.btn_back a{
	color:#0088ff;
}

.btn_back  .font{
font-size: 30px;
color: #a6a6a6;
line-height: 0;
	position: relative;
	top: 5px;
	left: -5px;
}
.trip a{
	color:#0088ff;
}
.trip{
	margin: 0 0 10px 0;
}
.trip span{
	position: relative;
	top: 1px;
	margin: 0 10px 0 0;
}
.trip .font{
	font-size:18px;
	margin-right:5px;
	color:#005bac;
	position: relative;
	top: 2px;
}
.detail_hotel .label{
	background: #ddd;
	display: inline-block;
	padding: 3px 5px;
	font-size: 11px;
	margin: 0 0 5px 0;
	float: left;
}
.detail_hotel .id{
	font-size: 11px;
	float: left;
	margin: 6px 0 0 5px;
}
.detail_hotel li{
	width: 30%;
	float: left;
	display: block;
	background: #fff;
	border: 1px solid #8c8c8c;
	font-size: 11px;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
	margin:0 10px 0 0;
}
#detail .view{
	text-align:center;
	font-size:120%;
	margin:0 auto 10px auto;
}
#detail .view .icon{
	color:#0088ff;
	margin:0 5px 0 0;
}
#detail .view .font{
	font-size:25px;
	color:#a6a6a6;
	line-height: 1.0;
	position: relative;
	top: 3px;
	left:8px;
}
#detail .view a{
	color:#0088ff;
}
#detail .view .font{
	font-size: 20px;
	position: relative;
	top: 2px;
	color:#0088ff;
}
#detail .view .icon{
	position: relative;
	top: 0px;
	left: 5px;
	font-size: 18px;
}
#detail .search_form p{
	margin:0 10px;
}
#detail .access {
	padding:10px 10px 0 10px;
}
#detail .view_map a{
	color: #0088ff;
}
#detail .view_map a span{
	font-size: 17px;
	position: relative;
	top: 2px;
	margin: 0 5px;
}


.accordion .tit_03{
	position:relative;
}
.accordion .tit_03 > span{
	color:#0088ff;
	line-height: 1.0;
	position: absolute;
	top: -2px;
	right: 0;
	margin: 0;
	font-size: 13px;
	font-weight:normal;
	cursor: pointer;
	display:inline-block;
	padding: 0 9px 5px;
}
.accordion .tit_03 .font{
	font-size: 25px;
	position: relative;
	top: 4px;
	margin: 0 0 0 5px;
}
.accordion .tit_03 .all_close{display:none;}
.accordion.open .all_open{display:none;}
.accordion.open .all_close{display:inline-block;}

.accordion_box dt .icon_minus{display:none;}
.accordion_box dt.open .icon_plus{display:none;}
.accordion_box dt.open .icon_minus{display:inline-block;}
.accordion_box dt{
	display:block;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	position:relative;
	padding:10px;
	cursor: pointer;
}
.accordion_box dt .font{
	font-size: 25px;
	line-height: 1.0;
	position: absolute;
	top: 16%;
	right: 10px;
	color:#ccc;
}

.accordion_box dd{
	padding:10px;
	border-bottom:1px solid #ccc;
}

.option{
	overflow: hidden;
	margin: 0 0 20px 0;
}

.option .img{
	width: 20%;
	float: left;
	margin: 0 15px 0 0;
}
.option .img img{
	width: 100%;
	height: auto;
}
.option .txt{
	width: 75%;
	float: left;
	font-size: 11px;
}
.option .txt p{
	font-size: 17px;
	font-weight: bold;
	margin: 2px 0;
	line-height: 1.0;
}
.option .txt p span{
	font-weight: bold;
}




#detail .kuchikomi{
	background-color: #d9edff;
}
#detail .kuchikomi a{
	color:#0088ff;
}

#detail .trip_01{
	position: relative;
	text-align: right;
}
#detail .trip_01 img{
	position: absolute;
	top: 0px;
	left: 0px;
}
#detail .kuchikomi .trip_02{
	position: relative;
}
#detail .kuchikomi .trip_02 img{
	position: absolute;
	top: 0px;
	right: 0px;
}
#detail .kuchikomi .more .font{
	font-size: 18px;
	position: relative;
	top: 2px;
	margin: 0 0 0 5px;
}

/* ----------------------------------------------------
	domestic_travel gallery
---------------------------------------------------- */

#gallery .tit_01{
	text-align:center;
	padding: 7px 20px 7px 7px;
}
#gallery .tit_01 a{
	color: #fff;
	position: relative;
	display: block;
}
#gallery .tit_01 .back{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 14px;
	font-weight: normal;
	padding: 2px 0 0 20px;
}
#gallery .tit_01 .back .font{
	font-size: 25px;
	position: absolute;
	top: -7px;
	left: 0px;
}

#gallery ul{
	margin:0 0 3% 2%;
}
#gallery li{
	width: 31.3333%;
	margin:0 2% 2% 0;
	float:left;
}
#gallery li img{
	width: 100%;
	height: auto;
}
#gallery li a{
	position: relative;
	display: block;
}
#gallery li a:after{
	content: "";
	display: block;
	background: url(/sp/img/shared/icn_zoom.png) no-repeat top left;
	width: 17px;
	height: 17px;
	background-size: cover;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

/* ----------------------------------------------------
   プラン詳細
---------------------------------------------------- */
#plan_detail{}

#plan_detail .plan_name{}

#plan_detail .plan_name .img{
	width: 45px;
	float: left;
	margin: 0 10px 0 0;
}
#plan_detail .plan_name .txt{
	width: 80%;
	float: left;
}
#plan_detail .plan_name .name{
	font-size: 15px;
}
#plan_detail .plan_name .room_name{
	margin: 10px 0 0 0;
}


#plan_detail .room{
	font-size: 15px;
	text-align: center;
	border: 1px solid #c8c8c8;
	margin: 10px;
	padding: 15px;
}
#plan_detail .bgp{
	color: #e4007f;
	text-align: center;
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
}
.hotel_data {
	margin: 0 10px;
}
.hotel_data table{
	width:100%;
}
.hotel_data td{
	padding:5px 10px;
	border:1px solid #bfbfbf;
}
#plan_detail .view{
	text-align: center;
	margin: 0 0 7px 0;
}
#plan_detail .view a{
	color: #0088ff;
	font-size: 14px;
}
#plan_detail .view a .font{
	font-size: 25px;
	position: relative;
	top: 3px;
	margin: 0 0 0 5px;
}
#plan_detail .calendar{
	margin: 0 10px 20px;
	background: #d9edff;
	padding: 5px;
	position: relative;
}
.option_change{
	width: 94px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.option_change a{
	font-size: 12px;
	font-weight: normal;

}
#plan_detail .calendar .top{
	min-height: 48px;
	padding: 5px;
	margin: 0 110px 5px 0;
}
#plan_detail .calendar .top .btn_01{
}
#plan_detail .cal .font{
	font-size: 18px;
	margin: 0 5px 0 0;
}
#plan_detail .cal a{
	height: 40px;
	overflow: hidden;
	padding: 5px 0 0 0;
}

#plan_detail .list{
	background: #fff;
	padding: 10px 5px;
	margin: 0 0 10px 0;
}
#plan_detail .list table{
	width: 100%;
	background: #fff;
	margin: 10px 0;
}
#plan_detail .list table th{
	padding: 2px;
	text-align: center;
	border: 1px solid #bfbfbf;
	line-height: 1.2;
	background: #dadada;
}
#plan_detail .list table td{
	padding: 5px;
	text-align: center;
	border: 1px solid #bfbfbf;
	line-height: 1.2
}
#plan_detail .list table td span{
	display: block;
}
#plan_detail .list table .sun td{
	background: #ffe0e0;
}

#plan_detail .list table .sat td{
	background: #e0f5ff;
}
#plan_detail .list table .day{
	font-size: 13px;
}
#plan_detail .list table .sun .day span{color: #ff0000;}
#plan_detail .list table .sat .day span{color: #007eff;}


#plan_detail .list table .price{
	font-size: 14px;
	color: #e4007f;
	white-space: nowrap;
}
#plan_detail .list table .price b{
	font-size: 12px
}
#plan_detail .list table .price span{
	font-size: 12px;
	color: #333;
}
#plan_detail .list table .btn .reserve a{
	display: block;
	background: #f39a0d;
	color: #fff;
	font-size: 15px;
	padding: 7px 5px;
	line-height: 1.0;
	text-align: center;
}
#plan_detail .list table .btn .request a{
	display: block;
	background: #0088ff;
	color: #fff;
	font-size: 15px;
	padding: 7px 5px;
	line-height: 1.0;
	text-align: center;
}
#plan_detail .list table .btn .none{
	font-size: 15px;
}
#plan_detail .m_nav,
#plan_detail .w_nav{
	overflow: hidden;
}
#plan_detail .m_nav a,
#plan_detail .w_nav a{
	display: inline-block;
}
#plan_detail .m_nav .prev,
#plan_detail .w_nav .prev{
	float: left;
}
#plan_detail .m_nav .next,
#plan_detail .w_nav .next{
	float: right;
}

#plan_detail .m_nav .prev a{
	background: url(../../img/shared/btn_prev.png) no-repeat center left;
	background-size: 25px 25px;
	padding: 5px 5px 5px 30px;
}
#plan_detail .m_nav .next a{
	background: url(../../img/shared/btn_next.png) no-repeat center right;
	background-size: 25px 25px;
	padding: 5px 30px 5px 5px;
}
#plan_detail .w_nav .prev a{
	background: url(../../img/shared/btn_slide_prev.png) no-repeat center left;
	background-size: 25px 25px;
	padding: 5px 5px 5px 30px;
}
#plan_detail .w_nav .next a{
	background: url(../../img/shared/btn_slide_next.png) no-repeat center right;
	background-size: 25px 25px;
	padding: 5px 30px 5px 5px;
}

#plan_detail .reserve_area{
	margin: 0 10px 20px;
	background: #d9edff;
	padding: 5px;
	position: relative;
}
#plan_detail .reserve_area .top{
	padding: 5px 110px 0 5px;
}
#plan_detail .reserve_area .box{
	background: #fff;
	padding: 10px 5px;
}
#plan_detail .reserve_area .box .price01{
	color: #e4007f;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
#plan_detail .reserve_area .box .price01 strong{
	font-size: 20px;
}
#plan_detail .reserve_area .box .price02{
	color: #e4007f;
	text-align: center;
}
#plan_detail .reserve_area .box .price03{
	text-align: center;
	margin: 0 0 15px 0;
}
#plan_detail .reserve_area .box .label{
	margin: 0 auto 15px;
}
#plan_detail .reserve_area .box .checkbox{
	margin: 0 0 5px 0;
}
#plan_detail .reserve_area .box .btn_02{
	margin: 0 0 10px 0;
}
.indent{
padding-left: 1em; /*1em（1文字）分、右に動かす*/
text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.indent2{
padding-left: 2.5em; /*1em（1文字）分、右に動かす*/
text-indent: -2.5em; /*最初の行だけ1em（1文字）分、左に動かす*/
}

/* ----------------------------------------------------
   よくある質問
---------------------------------------------------- */

#question .q{
	border-top:1px solid #cbcbcb;
	background:url(../../img/shared/icn_q.png) no-repeat 0 50%;
	background-color:#ececec;
	padding:12px 30px 12px 40px;
	font-size:14px;
	font-weight:bold;
	background-size: 34px 23px;
	position:relative;
}
#question .q:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -10px 0 0 0;
/*	background: url(../../img/shared/icn_arrow_down.png) no-repeat top left;*/
	width: 15px;
	height: 15px;
	background-size: cover;
}
#question .q.active:after{
	background: url(../../img/shared/icn_arrow_up.png) no-repeat top left;
	width: 15px;
	height: 15px;
	background-size: cover;
}
#question .a{display: none;}
#question .a p{
	background:url(../../img/shared/icn_a.png) no-repeat left 10px;
	background-color:#fff;
	padding:12px 30px 5px 40px;
	font-size:14px;
	font-weight:bold;
	background-size: 34px 23px;
	position:relative;
}
#question .a div{
	margin: 0 10px 10px 40px;
}

#question .q .font, #question .a .font{
	font-size: 48px;
	line-height: 1.0;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -25px 0 0 0;
	color:#005bac;
}
#question .telarea{
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
	padding:10px;
	margin:0 10px 40px 10px;
}
#question .tel_l{
	font-size: 13px;
	font-weight: bold;
}
#question .tel_l a{
	color: #0088ff;
	font-size: 15px;
	font-weight: bold;
}

#question .tel{
	border:1px solid #ececec;
	padding:3px 10px;
	margin:10px 0;
	font-size: 13px;
	font-weight: bold;
}
#question .tel a{
	color: #0088ff;
	font-size: 15px;
	font-weight: bold;
}



/* ----------------------------------------------------
 お知らせ
---------------------------------------------------- */
#news dl{
	margin:0 10px 30px 10px;
}
#news dt{
	font-size:12px;
	margin:10px 0 0 0;
}
#news dd a{
	color:#005bac;
}
#news .txt{
	font-size:14px;
}
#news .dl_01 .txt{
	padding:0 0 10px 0;
	border-bottom:1px dotted #000;
}
#news .dl_02 .txt{
	margin:0 0 3px 0;
}
#news .dl_02 .btn{
	border-bottom:1px dotted #000;
}
#news .btn li{
	background:#6c9bd1;
	padding:1px 3px;
	margin:0 10px 10px 0;
	color:#fff;
	float:left;
	font-size:11px;
}
#news .data{
	font-size:12px;
	margin:0 10px 10px 0;
	text-align:right;
}
.news_table{
	margin:0 10px 20px 10px;
}

.news_table table {
	width:100%;
	border-top:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	font-size:14px;
}
.news_table table tr{
	width:100%;
	border-bottom:1px solid #d5d5d5;
	padding:10px;
}
.news_table table  th,
.news_table table  td {
	padding:10px 15px;
}
#news .btn_01 a {
margin:0 20px 20px;
}

/* ----------------------------------------------------
	#w_event
---------------------------------------------------- */

#w_event #event ul{
	padding: 10px 20px 0px 20px;
}
#w_event #event ul li {
	margin: 0 0 10px 0;
}
#w_event #event ul li img{
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	padding:0 30px;
}
#w_event #event ul li a{
	color: #0088ff;
	font-size: 11px;
}
#w_event .note{
	margin:0 20px 10px 20px;
    padding-left:1em;
}
#w_event .note li{
    text-indent:-1em;
    list-style-type:none;
}
#w_event #event .tit_03{
	position:relative;
}
#w_event #event .tit_03 .font{
	font-size: 25px;
	line-height: 1.0;
	position: absolute;
	top: 3px;
	right: 10px;
}
#w_event #event .tit_03 a{
	color: #005bac;
}

/* ----------------------------------------------------
	#guidebook
---------------------------------------------------- */
#guidebook{
	margin: 15px 0 0 0;
}
#guidebook ul{

}
#guidebook li{
	display:block;
	width:100%;
	border-top:1px solid #ccc;
	font-weight:normal;
	position:relative;
}
#guidebook li a{
	display: block;
	padding: 10px;
}
#guidebook li .font{
	font-size: 25px;
	line-height: 1.0;
	position: absolute;
	top: 6px;
	right: 10px;
	color:#ccc;
}
#guidebook li ul li{
	background:#d9edff;
}



/* ----------------------------------------------------
	#bookmark
---------------------------------------------------- */

#bookmark{
	margin: 15px 0 0 0;
}
#bookmark li{
	margin: 0 10px 10px;
	position: relative;
	background: #d9edff;
}

#bookmark li a{
	padding: 5px 30px 5px 5px;
	overflow: hidden;
}
#bookmark li a .img{
	width: 92px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
#bookmark li a .title{
	width: 60%;
	font-weight: bold;
	font-size: 13px;
	display: block;
	float: left;
}
#bookmark li a .title .icon{
	margin: 0 5px 0 0;
	font-size: 15px;
	position: relative;
	top: 2px;
}

#bookmark li .txt_area{
	clear: both;
	display: inline-block;
	margin:0 0 0px;
}
#bookmark li .txt_area .txt{
	padding:5px;
	background: #fff;
	margin: 0 0 5px 0;
}
#bookmark li .delete{
	display: table-cell;
	color:#0088ff;
	font-size:14px;
	font-weight:bold;
	position: relative;
	z-index: 100;
	cursor: pointer;
	padding: 0 0 0 5px;
	margin: -10px 0 0 0;
}
#bookmark li .delete .font{
	position: relative;
	top: 3px;
	left: 0;
	margin: 0 5px 0 0;
	color: #0088ff;
	font-size: 25px;
}
#bookmark li.close{
}
#bookmark li.close:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/shared/txt_close.png) no-repeat center center,rgba(255,255,255,0.7);
	background-size: 81px 17px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	text-align: center;
	border: 2px solid #d9edff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}






/* #pagenav */

.pagenav{
	text-align: center;
}

.pagenav{
	border-top:1px solid #ccc;
}

.pagenav ul{
	padding: 0;
}
.pagenav li{
	display: inline-block;
	margin: 0 2px;
}
.pagenav li a,
.pagenav li.active span{
	width: 30px;
	display: inline-block;
	padding: 5px 3px;
	vertical-align: middle;
	text-decoration: none;
	background: #d9d9d9;
}
.pagenav li a:hover{
	background: #005bac;
	color:#fff;
}
.pagenav li.active span{
	background: #005bac;
	color:#fff;
}
.pagenav .font{
	font-size: 10px;
	color: #a6a6a6;
}
.pagenav .next .font,
.pagenav .before .font{
	font-size:25px;
}
.pagenav li.next a,
.pagenav li.before a{
	background: none;
}



/* ----------------------------------------------------
	#campaign
---------------------------------------------------- */
#campaign_list{margin: 15px 0 0 0;}
#campaign_list .tit_03{
	position:relative;
}
#campaign_list .tit_03 .text{
	float:right;
	font-size:12px;
	position: absolute;
	top: 20%;
	right: 10px;
}
#campaign_list .box{
	position: relative;
	padding: 5px 0 5px 5px;
}
#campaign_list .box .img {
	position: absolute;
	top: 5px;
	left: 5px;
}
#campaign_list .box ul li a{
	min-height: 71px;
	padding: 5px 30px 5px 105px;
}

/* ----------------------------------------------------
	アイコン調整
---------------------------------------------------- */
.tit_03 .icon-shopping_living{
	font-size: 20px;
}



/* ----------------------------------------------------
	#result
---------------------------------------------------- */

/* 上部リスト */
#result .list1 li a,
#result .list2 li a{
	display:block;
	width:100%;
	font-weight:normal;
	position:relative;
	padding:17px 30px 20px 10px;
}
#result .list1 li{
	border-bottom:1px solid #ccc;
}
#result .icon_mobile,
#result .icon_monitor{
	color: #005bac;
	position: relative;
	top: 0!important;
	right: 0!important;
	font-size: 15px;
	margin: 0 0 0 5px;
}

#result .list2 {
	font-size:15px;
}
#result .list2 .icon{
	margin: 0 5px 0 0;
}

/* タブ */
#result .tab{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
}
#result .tab li{
	display: table-cell;
	border-right: 1px solid #fff;
}
#result .tab li{
	width: 33.33%;
}

#result .tab li:last-child{
	border: none;
}
#result .tab li a{
	background: #d9d9d9;
	color: #333;
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
}
#result .tab li a.active{
	background: #005bac;
	position: relative;
	color: #fff;
}
.sort_tab{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
}
.sort_tab li{
	display: table-cell;
	border-right: 1px solid #fff;
}
.sort_tab li{
	width: 33.33%;
}

.sort_tab li:last-child{
	border: none;
}
.sort_tab li a{
	background: #d9d9d9;
	color: #333;
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
}
.sort_tab li a.active{
	background: #005bac;
	position: relative;
	color: #fff;
}



/* box*/
#result .box{
	position: relative;
	padding: 15px 5px 15px 10px;
	border-top:1px solid #ccc;
}
#result .box a{
	display: block;
}
#result .box .top{
	margin: 0 0 10px 0;
}
#result .box .top .img{
	float: left;
	width: 30%;
	margin: 0 10px 0 0;
}

#result .box.nonebg .top{
	margin: 0;
}
#result .box.nonebg .font{
	top: 55%;
}
#result .box .top .txt_area{
	float: left;
	width: 65%;
}
#result .box .top .txt{
	font-size: 15px;
}

#result .box .top .place{
	display: inline-block;
	background-color: #ddd;
	padding: 2px 5px;
	font-size: 11px;
}
#result .box .bottom{
	background: #d9edff;
}
#result .box .bottom a{
	display: block;
	padding: 10px 30px 10px 10px;
	position: relative;
}
#result .box .arrow .font{
	right: 5px;
}

#result .box2{
	position: relative;
	padding: 10px 5px 0 10px;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
}

#result .box.plan .top{
	margin: 0;
}

#result .box.plan .title{
	margin: 0 0 10px 0;
}
#result .box.plan .title .img{
	width: 45px;
	float: left;
	margin: 0 10px 0 0;
}
#result .box.plan .title .txt{
	width: 80%;
	float: left;
}

#result .box.plan .top .img_area{
	width: 92px;
	float: left;
	margin: 0 20px 0 0;
}
#result .box.plan .top .btn_area{
	width: 55%;
	float: left;
}
#result .box.plan .top .btn_area p{
	margin: 0 0 5px 0;
}
.plan_list li{
	margin: 10px 0 0 0;
}
.plan_list li > a{
	background: #d9edff;
	padding: 8px;
}

#result .box.plan .top .btn_area .added a{
	background: #aaa;
}



.icon{
	position: relative;
	top: 2px;
	margin: 0 5px 0 0;
}


.result_txt{
	text-align: center;
	font-size: 11px;
}
.result_txt strong{
	font-size: 15px;
	margin: 0 5px 0 0;
}

.result_item{
	margin: 0 10px 20px;
}

.result_item .name{
	margin: 0 0 5px 0;
}
.result_item .name .tit_txt_02{
	margin: 0 0 5px 0;
}

.result_item .info{
	padding: 10px;
	background: #d9d9d9;
	position: relative;
	margin: 0 0 10px 0;
}
.result_item > a{
	display: block;
}
.block{
	display: block;
}
.result_item .info .comment{
	background: #fff;
	padding: 2px 5px;
	margin: 0 0 10px 0;
	position: relative;
}
.result_item .info .comment:before{
	content: "▼";
	color: #fff;
	position: absolute;
	bottom: -10px;
	right: 20px;
}
.result_item .info .top{
	margin: 0 0 10px 0;
}
.result_item .info .top .img{
	width: 92px;
	float: left;
	margin: 0 10px 0 0;
}
.result_item .info .top .txt{
	width: 57%;
	float: left;
}
.result_item .info .arrow{
	font-size: 25px;
	position: absolute;
	top: 50%;
	right: 0px;
	margin: -25px 10px 0 0;
	padding: 0 0 0 0;
	color: #a6a6a6
}
.result_item .btn_01{
	margin: 0 10px;
}
.result_item .btn_01 a{
	padding: 2px 0 7px 0;
}

.result_item .btn_01 .font{
	font-size: 20px;
	position: relative;
	top: 1px;
}
.result_plan{
	padding: 0 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.result_plan .top{
	margin: 0 0 5px 0;
}
.result_plan .top .txt a{
	color: #0088ff;
	font-weight: bold;
}
.result_plan .top .img_area{
	float: left;
	margin: 0 5px 0 0;
}
.result_plan .top .img_area .img{
	margin: 0 5px 0 0;
}
.result_plan .top .img_area .icon{
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
.result_plan .btn_01{
	margin: 0 10px 20px;
}
.grey_box{
	margin: 0 10px 20px;
}
.grey_box p{
	background: #d9d9d9;
}

.grey_box .caution{
	font-size: 11px;
	margin: 0 0 1px 0;
	padding: 10px;
}
.grey_box .btn_03 a{padding: 3px 5px 7px;}
.grey_box .btn_03 .font{
	position: relative;
	font-size: 25px;
	top: 4px;
}

.label01,
.label02,
.label03{
	display: inline-block;
	color:#fff;
	font-size: 12px;
	padding: 0 5px;
	margin:0 0 5px 0;
}
.label01{background: #df141d;}
.label02{background: #ef8624;}
.label03{background: #e4007e;}

.label04{
	float: left;
	background: #fff;
	border: 1px solid #8c8c8c;
	font-size: 10px;
	padding: 2px;
	margin: 0 5px 0 0;
	line-height: 1.0;
}

.label05{
	float: left;
	background: #fff;
	border: 1px solid #8c8c8c;
	font-size: 10px;
	padding: 1px 2px;
	margin: 0 5px 0 0;
	line-height: 1.0;
}


#result .box .right{
	width:60%;
	float:left;
}

/* アイコン*/
.icn_result{
	position:relative;
	color:#005bac;
}
.box.plan .del_btn{
	margin: 20px 10px 0;
}
.del_btn a{
	display: block;
	background: #737373;
	color: #fff;
	text-align: center;
	padding: 1px 0 4px 0;
}
.del_btn a .font{
	font-size: 18px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
.compare_top{
	padding: 10px;
}

/* ----------------------------------------------------
	ヘルプ＆お問い合わせ
---------------------------------------------------- */

#help{margin: 15px 0 0 0;}

/* 上部リスト */
#help .list li{
	border-top:1px solid #ccc;
	font-weight:normal;
	position:relative;
	overflow: hidden;
}
#help .list li a{
	padding: 8px 30px 10px 10px;
	font-size: 13px;
}
#help .list li .font{

}
#help .list li .head{
	color:#005bac;
	font-size: 20px;
	margin: 0 10px 0 0;
	position: relative;
	top: 1px;
}
#help .list li .blank{
	position: relative;
	top: 0;
	line-height: 1.0;
	color:#737373;
	margin: 0 0 0 5px;
	font-size: 15px;
}
#help .list li .icon_first{
	margin: 0 10px 0 0;
	position: relative;
	top: 5px;
}

/* 問い合わせボタン */
#help .btns li{
	display:block;
	margin:0 10px 10px 10px;
	position:relative;
}
#help .btns li a{
	background: #0088ff;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	padding: 3px 0 9px 0;
}
#help .btns li .font{
	font-size:25px;
	color:#fff;
	position: relative;
	top: 4px;
	margin: 0 10px 0 0;
}


/* 下部問い合わせ部分 */
#help .center{
	text-align:center;
}
#help .big{
	font-size:20px;
	font-weight:bold;
}
#help .tit_tel{
	font-size:15px;
	background:#d9edff;
	padding:8px 0 3px 10px;
	margin:0 20px 0 20px;
}
#help .box_tel{
	background:#fff;
	border:5px solid #d9edff;
	margin:0 20px 20px 20px;
	padding:10px;
}
#help .name{
	font-size:14px;
}
#help .tel a{
	font-size:20px;
	color:#0088ff;
}
/* ----------------------------------------------------
	#membership_card
---------------------------------------------------- */

#membership_card .title{
	font-size: 17px;
	color: #005bac;
	text-align: center;
	padding: 10px 15px;
}
#membership_card .txt{
	font-size: 12px;
	color: #005bac;
	text-align: center;
	padding: 10px 15px;
}
#membership_card .id_area{
	background: #7ccfff;
	text-align: center;
	padding: 20px 20px 5px;
        margin: 0px 15px;
}
#membership_card .id_area dt{
	margin: 0 0 10px 0;
}
#membership_card .id_area dd{
	font-size: 14px;
}
#membership_card .id_area .day{
	width: 190px;
	margin: 0 auto 10px;
	background: #0066b3;
	color: #fff;
	padding: 2px 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
#membership_card .id_area .no{
	background: #fff;
	margin: 0 0 10px 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	padding: 2px 5px;
}
#membership_card .id_area .name{
	background: #fff;
	margin: 0 0 10px 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	padding: 2px 5px;
}

#membership_card .box_tel{
	margin:20px 20px 20px;
	padding:10px;
	border: 1px solid #8c8c8c;
}
#membership_card .box_tel .name{
	font-size:14px;
}
#membership_card .box_tel .tel a{
	font-size:20px;
	color:#0088ff;
}

/* ----------------------------------------------------
	#modal_area
---------------------------------------------------- */
#modal_area{
}
#modal_area .inner li{
	display:block;
	width:100%;
	border-top:1px solid #ccc;
	font-weight:normal;
	position:relative;
	background: #fff;
}
#modal_area .inner li:last-child{
	border-bottom:1px solid #ccc;
}
#modal_area .inner li a{
	display: block;
	padding: 10px;
}
#modal_area .inner li .font{
	font-size: 25px;
	line-height: 1.0;
	position: absolute;
	top: 16%;
	right: 10px;
	color:#ccc;
}
#modal_area .inner li ul li{
	background:#d9edff;
}
#modal_area .btn_01{
	margin: 20px 10px 20px;
	padding: 0 0 20px 0;
}

/* ----------------------------------------------------
	#modal_cal
---------------------------------------------------- */
#modal_cal .inner{
	padding: 0 15px 10px;
}
#modal_cal .inner table{
	width: 100%;
	border: 1px solid #bfbfbf;
	margin: 0 0 20px 0;
}
#modal_cal .inner table th{
	text-align: center;
	padding: 4px 0;
	font-size: 17px;
}
#modal_cal .inner table td{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	border: 1px solid #bfbfbf;
	font-size: 17px;
	padding: 3px 0;
}
#modal_cal .inner table td.active{
	background: #005bac;
}
#modal_cal .inner table td.active a{
	color: #fff;
}
#modal_cal .inner table td a{
	display: block;
	padding: 5px;
}
#modal_cal .inner table .week td{
	font-size: 15px;
}
#modal_cal .inner table .sun{
	color: #ff0000;
	background-color: #ffe0e0;
}

#modal_cal .inner table .sat{
	color: #007eff;
	background-color: #e0f5ff;
}
#modal_cal .inner table .pass{
	background-color: #ebebeb;
}
#modal_cal .inner table .pass,
#modal_cal .inner table .pass a{
	color: #a6a6a6;
}
#modal_cal .inner .option{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 0 0;
}
#modal_cal .inner .option > p,
#modal_cal .inner .option > div{
	display: table-cell;
	vertical-align: top;
}
#modal_cal .inner .option .txt{
	font-size: 15px;
	text-align: center;
	padding: 8px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#modal_cal .inner .option .plus_minus{
	padding: 0 0 0 15px;
}
#modal_cal .inner .option .plus_minus .btns{
	padding: 0;
}

#modal_cal .inner .option .plus_minus a{
	background: #d9d9d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
	overflow: hidden;
}
#modal_cal .inner .option .plus_minus a .font{
	font-size: 20px;
	color: #737373;
	position: relative;
	top: -4px;
}


#modal_cal2 .inner{padding: 0 15px 10px; } #modal_cal2 .inner table{width: 100%; border: 1px solid #bfbfbf; margin: 0 0 20px 0; } #modal_cal2 .inner table th{text-align: center; padding: 4px 0; font-size: 17px; } #modal_cal2 .inner table td{text-align: center; vertical-align: middle; font-weight: bold; border: 1px solid #bfbfbf; font-size: 17px; padding: 3px 0; } #modal_cal2 .inner table td.active{background: #005bac; } #modal_cal2 .inner table td.active a{color: #fff; } #modal_cal2 .inner table td a{display: block; padding: 5px; } #modal_cal2 .inner table .week td{font-size: 15px; } #modal_cal2 .inner table .sun{color: #ff0000; background-color: #ffe0e0; } #modal_cal2 .inner table .sat{color: #007eff; background-color: #e0f5ff; } #modal_cal2 .inner table .pass{background-color: #ebebeb; } #modal_cal2 .inner table .pass, #modal_cal2 .inner table .pass a{color: #a6a6a6; } #modal_cal2 .inner .option{display: table; table-layout: fixed; width: 100%; margin: 0 0 0 0; } #modal_cal2 .inner .option > p, #modal_cal2 .inner .option > div{display: table-cell; vertical-align: top; } #modal_cal2 .inner .option .txt{font-size: 15px; text-align: center; padding: 8px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #modal_cal2 .inner .option .plus_minus{padding: 0 0 0 15px; } #modal_cal2 .inner .option .plus_minus .btns{padding: 0; } #modal_cal2 .inner .option .plus_minus a{background: #d9d9d9; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; height: 40px; overflow: hidden; } #modal_cal2 .inner .option .plus_minus a .font{font-size: 20px; color: #737373; position: relative; top: -4px; }
/* ----------------------------------------------------
	#modal_change
---------------------------------------------------- */
#modal_change .inner{
	padding: 0 10px 10px;
}
#modal_change .inner ul li{
	width: 50%;
	float: left;
	margin: 20px 0 0;
	font-size: 11px;
}

/* ----------------------------------------------------
	#modal_modify
---------------------------------------------------- */
/* ----------------------------------------------------
	#modal_modify
---------------------------------------------------- */
#modal_modify2 .search_form .inner{
	border: none;
	padding: 20px 10px 5px;
}
#modal_modify2 .toggle_list li a{
	font-size: 14px;
}
#modal_modify2 > .btns{
	border-top: 1px solid #ccc;
}

#modal_search .search_form .inner{
	border: none;
}
#modal_search .btns{
	padding: 0 10px 15px!important;
}






/* ----------------------------------------------------
	2014.04.13追加　汎用クラス
---------------------------------------------------- */

.border_t{border-top:1px solid #ccc!important;}
.border_b{border-bottom:1px solid #ccc!important;}
.border_r{border-right:1px solid #ccc!important;}
.border_n{border:none!important;}

.col_orange{color:#e17104!important;}
.col_666{color:#666!important;}

.bgb2{background-color:#ecf6ff!important;}
.bgp2{background-color:#fef2fb!important;}

.mw100{}
.mw100 img{max-width:100%!important;}


/* ----------------------------------------------------
	2014.04.13追加　その他スタイル
---------------------------------------------------- */

.googlemap{
	margin:5px;
	background:#ccc;
	color:#fff;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	padding:100px 0;
}
.cercle_pink{
	display:block;
	background-image:url(../../img/shared/bg_cercle_pink.png);
	background-size: contain;
	color:#fff;
	text-align:center;
	width:60px;
	height: 60px;
	padding-top:15px;
	font-size:10px;
	font-weight:bold;
	margin-bottom:10px;
}

.sale_box{
	border-top: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 20px 0;
	position: relative;
}
.sale_box a.arrow{
	display: block;
	overflow: hidden;
	position: relative;
	padding: 0 10px 0 0;
}
.sale_box .img{
	width: 92px;
	float: left;
	margin: 0 10px 0 0;
}
.sale_box .txt{
	width: 62%;
	float: left;
}
.sale_box .font{
	font-size: 25px;
	color: #a6a6a6;
	line-height: 1.0;
	position: absolute;
	top: 50%;
	right: 0px;
	margin: -20px 0 0 0;
}
.more a .toggle_txt{
	color: #0088ff;
}
.sale_box .label{
	float: left;
	margin: 0 5px 0 0;
	position: relative;
	top: 1px;
}

.sale_box.close:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/shared/txt_close.png) no-repeat center center,rgba(255,255,255,0.8);
	background-size: 81px 17px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.sale_box.soldout:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/shared/txt_soldout.png) no-repeat center center,rgba(255,255,255,0.9);
	background-size: 81px 17px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



.error_box{
	color: #e4007f!important;
	background: #fef2fb!important;
	text-align: center;
	padding: 10px;
}



/* ----------------------------------------------------
	2014.04.24追加
---------------------------------------------------- */
.box_ticket{
	padding:0 10px 15px 10px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
.box_ticket img{
	max-width:100%;
}
.box_ticket .label01,
.box_ticket .label02{
	display: inline-block;
	color:#fff;
	font-size: 12px;
	padding: 0 5px;
	margin-bottom:10px;
}
.box_ticket .label01{background: #df141d;}
.box_ticket .label02{background: #000080;}

.box_ticket .title{
	font-size: 15px;
	color: #0088ff;
	margin-bottom:15px;
}
.box_ticket .left{
	width: 110px;
	float:left;
	margin:0 10px 10px 0;
}
.box_ticket .copy{
	font-size:10px;
	margin:5px 0 15px;
}

.box_ticket .right{
	width: 60%;
	float:left;
	margin:0 0 10px 0;
}
/* --- 最後のbox  --- */
.noborder{
	border:none!important;
	margin-bottom:0!important;
}

/* --- table  --- */
.box_ticket table{
	margin-bottom:10px;
}
.box_ticket table tr{
	border-bottom:1px solid #fff;
	}
.box_ticket table th{
	padding:5px;
	background-color:#ecf6ff;
	border-right:1px solid #fff;
	font-weight:bold;
	width:20%;
	}
.box_ticket table td{
	padding:5px;
	background-color:#ecf6ff;
	}

/* --- tab  --- */
.tab6{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
}
.tab6 li{
	display: block;
	float:left;
	width: 25%;
	border-right: 1px solid #fff;
}
.tab6 li:last-child{
	border: none;
}
.tab6 li a{
	color: #fff;
	font-size: 13px;
	text-align: center;
	padding: 10px 0;
}

.active_01.top{border-bottom: 4px solid #64cad4;}
.active_02.top{border-bottom: 4px solid #e5553e;}
.active_03.top{border-bottom: 4px solid #ab75c8;}
.active_04.top{border-bottom: 4px solid #e9ad41;}


.active_01.bottom{border-top: 4px solid #64cad4;}
.active_02.bottom{border-top: 4px solid #e5553e;}
.active_03.bottom{border-top: 4px solid #ab75c8;}
.active_04.bottom{border-top: 4px solid #e9ad41;}


.tab6 li.tab6_01{background: #64cad4;}
.tab6 li.tab6_02{background: #e5553e;}
.tab6 li.tab6_03{background: #ab75c8;}
.tab6 li.tab6_04{background: #e9ad41;}

.tab6 li a.active{
	position: relative;
}
.active_01 li.tab6_01 a:after,
.active_02 li.tab6_02 a:after,
.active_03 li.tab6_03 a:after,
.active_04 li.tab6_04 a:after{
	font-family: 'entypo';
	content: '\2B07';
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin: 0 0 0 -10px;
	font-size: 30px;
}


.active_01 li.tab6_01 a:after{color: #64cad4;}
.active_02 li.tab6_02 a:after{color: #e5553e;}
.active_03 li.tab6_03 a:after{color: #ab75c8;}
.active_04 li.tab6_04 a:after{color: #e9ad41;}



.tab6.bottom li a.active:after{
	font-family: 'entypo';
	content: '\2B06';
	position: absolute;
	top: -25px;
	left: 50%;
	margin: 0 0 0 -10px;
	color: #64cad4;
	font-size: 30px;
}
.left_box{
	width: 60%;
	float: left;
}

/* ----------------------------------------------------
	2014.04.24追加　14.psd おふぃすと用
---------------------------------------------------- */
.h_officeto{
	margin:20px 0;
	text-align:center;
}

/* --  nav  --- */
#nav_officeto{
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#nav_officeto li{
	width: 33%;
	float: left;
	display: table;
	border-right: 1px solid #fff;
}
#nav_officeto li:nth-child(2n){
	width: 34%;
}
#nav_officeto li:last-child{
	border: none;
}
#nav_officeto li a{
	color: #fff;
	font-size: 10px;
	text-align: center;
	display: table-cell;
	height: 60px;
	vertical-align: bottom;
	padding: 0 0 5px 0;
}
#nav_officeto li#nav01 a{line-height:120%;}
/*申し込み確認*/
#nav_officeto #nav01{
	background: #107208 url(../../img/shared/icn_pencil.png) no-repeat center 8px;
	background-size: 18px 18px;
}
/*お気に入り*/
#nav_officeto #nav02{
	background: #107208url(../../img/shared/icn_star.png) no-repeat center 10px;
	background-size: 33px 24px;
}
/*会員証*/
#nav_officeto #nav03{
	background: #107208url(../../img/shared/icn_card.png) no-repeat center 10px;
	background-size: 33px 24px;
}

/* --  box  --- */
.box_officeto{
	padding:15px 10px;
	overflow: hidden;
}
.box_officeto a{
	display: block;
}
.box_officeto .label01{
	display: inline-block;
	color:#fff;
	font-size: 12px;
	padding: 0 5px;
	margin-bottom:10px;
	background: #df141d;
}
.box_officeto .img{
	width: 50px;
	margin-right:10px;
	float:left;
}
.box_officeto .txt{
	width: 80%;
	float: left;
}
.box_officeto .title{
	font-size: 15px;
	color: #0088ff;
	margin-bottom:5px;
}

/* --  news  -- */
.news_officeto{
	padding:0 10px;
	border-bottom:2px solid #3eb034;
	margin-bottom:15px;
}
.news_officeto .title{
	font-size: 17px;
	font-weight: bold;
	color: #3eb034;
	margin-bottom:10px;
}
.news_officeto ul{
}
.news_officeto li a{
	margin-bottom:10px;
	color:#0088ff;
}

.news_officeto .link{
	text-align:right;
	margin-bottom:15px;
	font-size:14px;
}

/* -- 下部問い合わせ部分 -- */
.help_officeto .title{
	font-size:15px;
	background:#e2f3e1;
	padding:8px 0 3px 10px;
	margin:0 20px 0 20px;
}
.help_officeto .box_tel{
	background:#fff;
	border:5px solid #e2f3e1;
	margin:0 20px 20px 20px;
	padding:10px;
}
.help_officeto .name{
	font-size:14px;
}
.help_officeto .tel a{
	font-size:20px;
	color:#0088ff;
}
.help_officeto .link{
	text-align:center;
	margin:5px 0;
	font-size:14px;
}
.box_link{

}
.box_link .label{
	float: left;
	position: relative;
	top: 1px;
	margin: 0 5px 0 0;
}
.block_link_w.officeto{
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #3eb034;
}

footer.officeto #copy{
	text-align: center;
	background: #3eb034;
	padding: 10px;
	color: #fff;
	line-height: 2.0;
}