@charset "utf-8";

/* [マージン制御]常にアイテムに対して下マージン規則 */
.ad-mb-line,.ad-mb-item,.ad-mb-box,.ad-mb-lbox{
	display: block
}

.ad-mb-line			{margin-bottom: 1em}
.ad-mb-item			{margin-bottom: 20px}
.ad-mb-box			{margin-bottom: 40px}
.ad-mb-lbox			{margin-bottom: 80px}

@media screen and (max-width: 767px) {
	.ad-mb-line-xs	{margin-bottom: 1em}
	.ad-mb-item-xs	{margin-bottom: 20px}
	.ad-mb-box-xs	{margin-bottom: 40px}
	.ad-mb-lbox-xs	{margin-bottom: 80px}
	}
@media screen and (min-width: 767px) {
	.ad-mb-item		{margin-bottom: 30px }
	.ad-mb-box		{margin-bottom: 50px }
	.ad-mb-lbox		{margin-bottom: 100px}
	.ad-mb-line-sm	{margin-bottom: 1.5em}
	.ad-mb-item-sm	{margin-bottom: 30px }
	.ad-mb-box-sm 	{margin-bottom: 50px }
	.ad-mb-lbox-sm	{margin-bottom: 100px}
}
@media screen and (min-width: 992px) {
	.ad-mb-item		{margin-bottom: 30px }
	.ad-mb-box		{margin-bottom: 60px }
	.ad-mb-lbox		{margin-bottom: 120px}
	.ad-mb-line-md	{margin-bottom: 1.5em}
	.ad-mb-item-md	{margin-bottom: 30px }
	.ad-mb-box-md 	{margin-bottom: 60px }
	.ad-mb-lbox-md	{margin-bottom: 120px}
}
@media screen and (min-width: 992px) {
	.no-box-mb{
		margin-bottom: 0
	}
}

.ad-outline-default{	border:1px #ccc solid}

/* [ヘディング要素] */

.h-level-1,
.h-level-2,
.h-level-3,
.h-level-4,
.title-subhead{
	line-height: 1.3;
	margin-top: 0;
}

.h-level-1		{font-size: 26px}
.h-level-2		{font-size: 22px}
.h-level-3		{font-size: 18px}
.h-level-4		{font-size: 18px;	font-weight: bold}
.overall-title	{
	font-size: .6em;
	display: block;
	margin-bottom: 1em}
.lead-text {
	font-size: 16px;
	color: #333
}
@media screen and (min-width: 767px) {
	.h-level-1 	{font-size: 28px}
	.h-level-2	{font-size: 24px}
	.lead-text	{font-size: 18px}
}
@media screen and (min-width: 992px) {
	.h-level-1	{font-size: 38px}
	.h-level-2	{font-size: 30px}
	.h-level-3	{font-size: 20px}
}
.h-bt-border{
	border-bottom: dashed 1px #a9a9a9;
	padding-bottom: .5em;
}
.t-line-dash{
	padding-bottom: .5em;
	border-bottom: dashed 1px #a9a9a9;
}
p{
	margin: 0 0 0 0;
}
ul{
	padding-left: 20px;
	margin-bottom: 0
}
.note-block,
.caption{
	font-size: 12px;
	padding-top:1em;
	color: #6b6b6b;
	padding-left:1em;
	padding-right: 1em
}
.note-block{
	border-top: 1px #ccc dashed;
}
.note-text{
	padding-left:1em;
	text-indent:-1em;
}

.subbtn-block {
	white-space:normal;
	position: relative;
	margin-bottom: .5em
}
.subbtn-block-cont{
	display: inline-block;
	padding-right: .5em
}
.arrow-right-side{
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -.5em
}
.box-block{
	display: block
	}

/* ラベル用class */
.label {
	margin-right: .5em;
}
.label-new {
	background-color: #e00b44;
	padding: .1em .4em;
}
.label-update {
	background-color: #ff8b00;
	padding: .1em 1em;
}
.label-limitation {
	background-color: #008C00;
	padding: .1em .8em;
}
.label-l{
	padding: .3em;
	font-size: 1em
}

/* リンクイメージ */
a:hover img{	opacity:0.5}

/* ページ内アンカー */
@media screen and (min-width: 992px){
.c-container {
	    margin-right: 209px;
	}
}
.c-nav-anchor .navbar-collapse {
    padding-top: 10px;
    padding-bottom: 10px;
}
.c-nav-anchor .navbar-btn {
    text-align: left;
}
.c-nav-anchor .btn {
    border: none;
    position: relative;
}
.c-nav-anchor .glyphicon {
    color: #ddd;
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -.5em;
}
.c-container .navbar-default,
.c-container .navbar{
	margin-bottom: 0
}
.c-nav-anchor .navbar-btn{
	margin-top: 4px;
	margin-bottom: 4px;
	min-height: 3em
}
.c-nav-anchor a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: .3em
}
.c-nav-anchor .ad-ic-item-box{
	display: block
}
.c-nav-anchor span.ad-ic-item{
	float: left;
}

/* [ 詳しく見るボタン] */
.go-feature a {
	background-image: url(/jp/lib/images/arrow_right-white.png);
	border: none;
	color: #fff;
}
.go-feature a:hover {
	opacity: 0.5;
}
/*このスタイルはbgカラーが入る場合使用しない----------------------------*/
.b-line:after{
	content: "";
    clear: both;
    display: block;
    width: 70%;
	height: 1px;
	padding-top: 60px;
	margin: 0 auto 0;
	border-bottom: solid 1px rgba(58, 58, 58, 0.5)
}
@media screen and (min-width: 768px) {
.b-line:after{
	padding-top: 120px;

	}
}
/*----------------------------/このスタイルはbgカラーが入る場合使用しない*/

/* [ アイコンフォント関連] */
.as-ic-box:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.ad-ic-inner-box{
	display: inline-block;
  	vertical-align: middle;
}
.ad-ic-item-box{
	display: table;
	width: 100%
}
.ad-ic-item{
	display: table-cell;
	vertical-align: middle;
}
.ad-icon-list .ad-ic-item,
.ad-icon-list .ad-ic-inner-box{
	vertical-align: top
}
@media screen and (min-width: 767px) {
	.ad-icon-list .ad-ic-item,
	.ad-icon-list .ad-ic-inner-box{
		vertical-align: middle;
	}
}
.ad-ic-item:nth-child(2){
	padding-left: .5em;
}
.ad-icon-list li{
	margin-bottom: .5em
}
.c-nav-anchor span.ic{width: 2em}
.ic{width: 1em}
.ic:before{
	font-size: 2em;
	width: 1em;
	height: 1em;
	line-height: 1
}
.c-nav-anchor span.ic:before{
	font-size:28px;/*IEバグのためpx指定*/
}




.icon-ic-new:before{	color: #e00b44}
.icon-ic-up:before{	color: #ff8b00}
.icon-ic-amenity:before{	color: #3284ce}
.icon-ic-limitation:before{	color: #008c00}

.clear-float{	float: none}
.bg-secondary-block {	background: #fafafa}  /*ブロック背景薄いグレー*/
.bg-f{
	background-color: #fff;
}

/* [センタリングパーツ] */
.middle-box{
	display: table;
	width: 100%
}
.middle-item{
	display: table-cell;
	vertical-align: middle;
}
@media screen and (min-width: 767px) {
	.middle-box-md{
	display: table;
	width: 100%
	}
	.middle-item-md{
		display: table-cell;
		vertical-align: middle;
	}
}

.thum-list{
	padding:0;
	clear: both;
}
.thum-list .thum-item img{
			background: #fff;
			z-index: 1000
		}
.thum-list .thum-item{
	list-style: none;
	margin-bottom: 30px;
}
.ad-thum-line .thum-item img{
	border:2px rgba(0, 0, 0, 0.2) solid;
}
@media screen and (min-width: 992px){
	.item-zoom-block li, .item-zoom{
	    -moz-transition: -moz-transform 0.1s linear;
	    -webkit-transition: -webkit-transform 0.1s linear;
	    -o-transition: -o-transform 0.1s linear;
	    -ms-transition: -ms-transform 0.1s linear;
	    transition: transform 0.1s linear;
	    cursor: pointer;
	    }

	.item-zoom-block li:hover, .item-zoom:hover{
	    -webkit-transform: scale(2);
		-moz-transform: scale(2);
		-o-transform: scale(2);
		-ms-transform: scale(2);
		transform: scale(2);
		position:relative;
		z-index:1;
		cursor: pointer;
	    }
}

/*index.html
-------------------------------------*/
.page-index .product-image {
	position: relative;
}
.page-index .product-image .reservation {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 10px 20px;
	width: 150px;
	text-align: center;
	color: #FFF;
	border:solid #FFF 1px;
	z-index: 10
}



/*featureXX.html
-------------------------------------*/
.ad-label-text{
	line-height: 1.6
}
.comparison-box .well,
.comparison-box table{
	margin-bottom: 0;
	font-size: 14px
}
.comparison-box em{
	font-weight: bold
}
.comparison-box .label {
	padding: .5em;
    display: block;
    font-size: 85%;
    margin:
    0;
}


/*tooltip
-------------------------------------*/
.tooltip {
    position: relative;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 1;
}
.tooltip-inner {
    max-width: 1000px;
    width: 100%;
    background-color: #eee;
    color: #333;
    border: 1px #666 solid;
    padding: .5em;
    font-size: 16px;

}


/*slider
-------------------------------------*/

[id^="swiperslide"],.sslide{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin:0 auto;
}

.swiper-wrapper .bg-f{
	background-color: #fff;
}
.swiper-wrapper .bg-fa{
	background: #fafafa
}

.swiper-pagination .swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet{
	background-color: gray
}
.swiper-pagination{
	position: relative;
	padding-top: 1em
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background: url(/jp/products/lib/images/right-arrow.svg) no-repeat;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background: url(/jp/products/lib/images/left-arrow.svg) no-repeat;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: 0
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: 0
}
/*.sslide .swiper-slide{
	padding-left:20px;
	padding-right: 20px
}*/
/*@media screen and (min-width: 992px) {
	.sslide .swiper-slide{
	padding-left:35px;
	padding-right: 35px
	}
}*/


/*spec
-------------------------------------*/
.mark-dawnload {
	position: absolute;
	top: -18px;
	left: 64%;
	background-color: #299941;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 50px;
}
.block-spec .note-text{
	text-indent: 0;
	border-top: dotted 1px rgba(94, 94, 94, 0.8);
    margin-top: 24px;
    padding-top: 12px;
    font-size: 12px;
    color: rgba(94, 94, 94, 0.8);
}