@charset 'utf-8';

/*

   TABIPLUSONE - スタイルシート

  Copyright J-LINE CORPORATION. All rights reserved.
  http://www.j-line.co.jp/

*/
/* ----------------------------------------------------------
	共通
------------------------------------------------------------- */
.content {
	width: 1000px!important;
	margin: 20px auto!important;
}
.price {
	margin: 5px 0;
	text-align: right;
	color: #f3981c;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.price span {
	font-size: 200%;
	font-weight: 700;
	margin: 0 0 0 20px;
	color: #f36a1c;
}
.video-txt,
.ranking-txt,
.special-txt {
	margin: 10px 0 0;
}
.video,
.box-spoffer,.guidance,.map, .new,.recom,.similar,.ranking,
.category  {
	position: relative;
}
.map .btn,.new .btn,.video .btn,.recom .btn,.similar .btn{
	font-size: 114.3%; /*16px*/
	position: absolute;
	top: 0;
	right: 0;
}
.map .ttl,.spof .ttl,.ranking .ttl,.video .ttl,.review .ttl,.category .ttl,.recom .ttl,.similar .ttl ,.find .ttl,.freespace .ttl ,.guidance .ttl,.aboutus .ttl,.new .ttl{/*takeda*/
	margin: 0 0 20px;
	padding: 0 0 0 45px;
}
.new .ttl {
    margin: 0 0 17px;
    padding: 0 0 0 45px;
}
.freespace .ttl {background: rgba(0, 0, 0, 0) url("../img/top/ico_free.png") no-repeat scroll left center;}
.guidance .ttl {background: rgba(0, 0, 0, 0) url("../img/top/ico_guidance.png") no-repeat scroll left center;}
.category .ttl {background: rgba(0, 0, 0, 0) url("../img/top/ico_popcate.png") no-repeat scroll left center;}
.map .ttl {background: url(../img/top/ico_map.png) center left no-repeat;}
.spof .ttl {background: url(../img/top/ico_spof.png) center left no-repeat;}
.ranking .ttl {background: url(../img/top/ico_ranking.png) center left no-repeat;}
.video .ttl {background: url(../img/top/ico_video.png) center left no-repeat;}
.video .ttl {background: url(../img/top/ico_video.png) center left no-repeat;}
.recom .ttl {background: url(../img/top/ico_recom.png) center left no-repeat;}
.similar .ttl {background: url(../img/top/ico_sim.png) center left no-repeat;}
.new .ttl {
    background: rgba(0, 0, 0, 0) url("../img/area/ico_new.png") no-repeat scroll left center;
}
.find .ttl {background: url(../img/area/ico_search.png) center left no-repeat;}
/* ----------------------------------------------------------
	topttl
------------------------------------------------------------- */
.topttl{
	background: #000 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 2.142rem;
    font-weight: normal !important;
    height: auto;
    padding: 8px;
    text-align: center;
	width:984px;
	margin: 20px auto;
}
.toptxt{
	width: 1000px;
	margin: 2px auto 0;
	font-size: 122.2%;
}


/* ----------------------------------------------------------
	topimg
------------------------------------------------------------- */
.mainvisual {
	position: relative;
}
.topimg {
	position: relative;
	background-size: cover;
	margin-top:10px;
}
.topimg div {
	position: absolute;
	z-index: 9999;
	bottom: 50px;
	left: 10%;
	right:10%;
	margin-left: -540px;
	margin: 0 0 5px;
	padding: 5px;
	color: #fff;
 	display: inline-block;
}
.topimg h1 {
	display: inline-block;
	margin: 0 0 5px;
	padding: 5px;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	font-size:300% !important;
	line-height: 1em;
	background: rgba(0, 0, 0, .8);
}
.topimg p{
  	display: inline-block;
	font-size: 128.6%;
    line-height: 1em;
    margin: 0 0 5px;
    padding: 2px;
	background: rgba(0, 0, 0, .8);
}
/* ----------------------------------------------------------
	Freespace
------------------------------------------------------------- */
.freespace {
	width: 1000px;
}
.freespace h2{
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
    font-weight: 400;
    line-height: 1.2;
	font-size: 200%;
    line-height: 1.2em;
    text-rendering: optimizelegibility;
}
.freespace h3 {
    font-size: 130%;
}
.freespace h3 a{
	color:#f3981c!important;
}
.freespace h3 small{
	display: block;
    line-height: 0.2em;
	font-size: 95%;
}
.freespace h3 img{
	margin-left:5px;
	
}
.freespace p{
	border-top: 1px solid #eee;
	padding-top:10px;
	font-size: 122.2%;
}
	
.freespace-img {
	position: relative;
}
.col-1of3 .freespace-img img {
	width: 100%;
	height: 200px;
}
.col-1of2 .freespace-img img {
	width: 100%;
	height: 300px;
}
.freespace #btn{
	background-image: none;
    cursor: pointer;
	-moz-user-select: none;
    border-radius: 3px;
    display: block;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.43;
    max-width: 100%;
    vertical-align: middle;
    white-space: nowrap;
	padding: 8px 100px 8px 110px;
	background-color: #F3981C;
    border-color: #F3981C #F3981C #BB7009;
    color: #fff;
    transition: all 0.2s ease 0s;
	margin:0 auto 15px!important;
	text-align:center;
	width: 300px;
}
/* ----------------------------------------------------------
	MAP
------------------------------------------------------------- */
.img_c {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/* ----------------------------------------------------------
	Guidance
------------------------------------------------------------- */
.guidance {
	width: 1000px;
}
.guidance h2{
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
    font-weight: 400;
    line-height: 1.2;
	font-size: 200%;
    line-height: 1.2em;
    padding: 0.5em 0;
    text-rendering: optimizelegibility;
}
.guidance h3 a{
	color: #f36a1c;
    font-size: 160%;
}
.guidance h3 small{
	display: block;
    line-height: 1em;
	font-size: 95%;
}
.guidance h3 img{
	margin-left:5px;
	
}
.guidance p{
	border-top: 1px solid #eee;
	padding-top:10px;
	font-size: 122.2%;
}
	
.guidance-img {
	position: relative;
}

.col-1of3 .guidance-img img {
	width: 100%;
	height: 200px;
}
.col-1of2 .guidance-img img {
	width: 100%;
	height: 300px;
}
.guidance #btn{
	background-image: none;
    cursor: pointer;
	-moz-user-select: none;
    border-radius: 3px;
    display: block;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.43;
    max-width: 100%;
    vertical-align: middle;
    white-space: nowrap;
	padding: 8px 100px 8px 110px;
	background-color: #F3981C;
    border-color: #F3981C #F3981C #BB7009;
    color: #fff;
    transition: all 0.2s ease 0s;
	margin:0 auto 45px!important;
	text-align:center;
	width: 300px;
}
/* ----------------------------------------------------------
	Guidance2
------------------------------------------------------------- */
.guidance2 .guidance2-ttl{
	color: #f36a1c;
    font-size: 180%;
}
.guidance2 .guidance2-txt p{
	border-top: 1px solid #eee;
    padding-top: 10px;
	font-size: 122.2%;
}
.guidance2 img {
	height: 200px;
	width: 100%;
}
.guidance2 iframe {
	height: 200px;
	width: 100%;
}
/* ----------------------------------------------------------
	Special Contents
------------------------------------------------------------- */
.spof {
	position: relative;
	width: 1000px;
}
.spof .price {
	color:#ff0000!important;
}
.spof .price span{
	color:#ff0000!important;	
}
.spof-item {
	display: block;
	float: left;
	width: 100%;
	margin: 0 20px 0 0;
}
.spof-pager {
	text-align: center;
}
.spof-pager a {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 40px 5px 0;
	text-indent: -9999px;
	border-radius: 10px;
	background: #eee;
}
.spof-pager a.selected {
	background: #f3981c;
}
.spof .sttl {
	color: #000;
}
.spof a:hover .sttl{
	color: #f36a1c;
}
.spof-img {
	position: relative;
	width: 240px;
	height:150px;
	float:left;
}
.spof-img img{
	height: 150px;
	width: 240px;
}
.spof-txt {	
	width: 230px;
	height: 150px;
	margin: 0 0 0 10px;
	float:left;
}
.spof-discount {
	font-size: 200%;
	font-weight: 700;
	line-height: 1em;
	position: absolute;
	top: 0;
	left: 10px;
	padding: 10px 10px 0;
	text-align: center;
	color: #fff;
	border: none;
	background: #f36a1c;
}
.spof-discount::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 25px solid #f36a1c;
	border-right: 50px solid transparent;
}
.spof-discount::after {
	position: absolute;
	top: 100%;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 25px solid #f36a1c;
	border-left: 50px solid transparent;
}
.spof-discount span {
	font-size: 142.9%;
}
.spof-prev,
.spof-next {
	position: absolute;
	z-index: 2;
	top: 50%;
	display: block;
	width: 20px;
	height: 32px;
}
.spof-prev {
	position: absolute;
	z-index: 9999;
	left: 50%;
	margin-left: -520px;
}
.spof-next {
	position: absolute;
	z-index: 9999;
	right: 50%;
	margin-right: -520px;
}
#specialoffers{
	width:1000px!important;
}
/* ----------------------------------------------------------
	Ranking
------------------------------------------------------------- */
.border{
	border-top:1px solid #ccc;
	padding-top:30px;
	margin-top:40px;
}
	
.ranking-img {
	position: relative;
}
.ranking-mark {
	font-family: 'Oswald', sans-serif;
	font-size: 171.4%;
	line-height: 1;
	position: absolute;
	top: 10px;
	left: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 36px;
	height: 36px;
	padding: 5px 0 0 0;
	text-align: center;
	color: #fff;
	border: none;
	border-radius: 50%;
	background: #222;
}
.rank01,
.rank02,
.rank03 {
	width: 60px;
	height: 64px;
	padding: 14px 0 0 0;
	border-radius: 0;
}
.rank01 {
	background: url(../img/top/lab_rank01.png) no-repeat ;
}
.rank02 {
	background: url(../img/top/lab_rank02.png) no-repeat ;
}
.rank03 {
	background: url(../img/top/lab_rank03.png) no-repeat ;
}
.ranking-review {
	margin: 10px 0 0 0;
	padding: 15px;
	background: #eee;
}
.username {
	display: block;
	text-align: right;
	color: #999;
}
.col-1of3 .ranking-img img {
	width: 100%;
	height: 200px;
}
.col-1of4 .ranking-img img {
	width: 100%;
	height: 150px;
}
/* ----------------------------------------------------------
	Recommended
------------------------------------------------------------- */
.recom-img {
	position: relative;
}
.col-1of3 .recom-txt {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
	min-height:80px;
	margin-top:-80px;
}
.col-1of2 .recom-txt {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
	min-height:80px;
	margin-top:-80px;
}
.col-1of3 .recom-txt img{
	position:absolute;
	margin-top:-60px;
	margin-left:122px;
	height: 30px;
	width:18px;
    margin-bottom: 8px;
    padding: 8px;
}
.col-1of2 .recom-txt img{
	position:absolute;
	margin-top:-60px;
	margin-left:230px;
	height: 30px;
	width:18px;
    margin-bottom: 8px;
    padding: 8px;
}
.col-1of3 .recom-img img {
	width: 100%;
	height: 200px;
}
.col-1of2 .recom-img img {
	width: 100%;
	height: 300px;
}
.col-1of3 .recom-txt h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
    padding: 20px 40px 20px 20px;
	color: #fff;
	height:40px;
}
.col-1of2 .recom-txt h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
    padding: 30px 40px 30px 20px;
	color: #fff;
	height:20px;
}
/* ----------------------------------------------------------
	Advanced Search
------------------------------------------------------------- */
.area-search {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 1000px;
	height: 72px;
	padding: 10px 10px;
	color: #fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); 
	background: rgba(0, 0, 0, .8);
	letter-spacing: -0.07em;
}
.area-search:not(:target){
    filter: none;
}
.area-search .sttl {
	margin: 0 0 20px;
	text-align: center;
}
.area-search .item {
	margin:  5px 10px ;
	float:left;
}
.area-search .item span{
	margin-right:10px;
	font-size: 22px;
}
.area-search .item input{
	margin-top:-5px;
}
.area-search .select {
	float:left;
}

.area-search .item-cate {
	display: block;
}
.area-search .btn-search2{
	float:right;
}
.area-search .keyword{
	width:320px;
}
.ico_calender {
	margin: 0 0 0 10px;
}
/* ----------------------------------------------------------
	Video
------------------------------------------------------------- */
.video-item {
	margin: 0 0 20px;
}
.video iframe{
	width: 100%;
	height: 200px;
}
.cboth {
    clear: both;
}
.btn2 {
    background: #f3981c none repeat scroll 0 0;
    color: #fff !important;
    display: inherit;
    font-family: sans-serif
    font-size: 142.9%;
    line-height: 1.6;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease 0s;
	width:100px;
	float:right;
}
/* ----------------------------------------------------------
	About Us
------------------------------------------------------------- */
.aboutus .ttl{/*takeda*/
	margin: 0 0 20px;
	padding: 0 0 0 45px;
}
.aboutus .ttl {background: url(../img/area/ico_us.png) center left no-repeat;}
/* ----------------------------------------------------------
	Category
------------------------------------------------------------- */
#cate_btn2{
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
/*	background-color:#454545;*/
  padding: 8px;
  height:40px;
  margin-bottom:18px;
}
#cate_btn2 div p {
    color: #fff;
    font-size: 14px;
 /*   font-weight: bold;*/
    padding-bottom: 5px;
    margin-top:6px;
/*    font-family: sans-serif*/
}
#cate_btn2 .txt_right {
    color: #fff;
    font-size: 14px;
 /*   font-weight: bold;*/
    padding-bottom: 5px;
    margin-top:-27px;
/*    font-family: sans-serif*/
	text-align:right;
}
.row2 {
    margin: 0 0 20px;
}

.row2::before, .row2::after, .clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}
.row2::after, .clearfix::after {
    clear: both;
}
.row2::before, .row2::after, .clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}
#cate2{
	width:240px;
}
#date-txt{
	width:100px;
}
/* ----------------------------------------------------------
	Similar
------------------------------------------------------------- */
.similar-img {
	position: relative;
}
.col-1of2 .similar-txt {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
	min-height:80px;
	margin-top:-80px;
}
.col-1of2 .similar-txt img{
	position:absolute;
	margin-top:-60px;
	margin-left:200px;
	height: 30px;
	width:18px;
    margin-bottom: 8px;
    padding: 8px;
}
.col-1of2 .similar-img img {
	width: 100%;
	height: 300px;
}
.col-1of2 .similar-txt h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
    padding: 30px 40px 30px 20px;
	color: #fff;
	height:20px;
}

/* ----------------------------------------------------------
	SEE ALL PLANS ボタン　2016.05.12追加
------------------------------------------------------------- */

.btnAllplan .btn{
	background-image: none;
    cursor: pointer;
	-moz-user-select: none;
    border-radius: 3px;
    display: block;
    font-size: 17px;
    line-height: 1.43;
    max-width: 100%;
    vertical-align: middle;
    white-space: nowrap;
	padding: 15px auto!important;
	background-color: #F3981C;
    border-color: #F3981C #F3981C #BB7009;
    color: #fff;
    transition: all 0.2s ease 0s;
	margin:0 auto 30px!important;
	text-align:center;
	width: 300px;
	height:50px;
}

.btnAllplan .btn:hover{
filter: alpha(opacity=50);
-ms-filter: alpha(opacity=50);
opacity: 0.5;