@charset "utf-8";
/* CSS Document */


h3 img{
	width:100%;
}


.plan{
	
	position:relative;
	padding:9px 16px;
	}
.plan1{
	background-color:#56aad1;
	position:relative;
	}
.plan2{
	background-color:#5294b2;
	position:relative;
	}
.plan3{
	background-color:#2e7da2;
	position:relative;
	}

.p-icon{
	position:absolute;
	left:0px;
	top:0px;
	}



.plan-item{
	text-align:center;
	}
.plan-item li{
	display:inline-block;
	font-size:90%;
	padding:8px;
	border-radius:5px;
	background-color:#fff;
	line-height:1em;
	margin-bottom:8px;
	position:relative;
	margin-right:8px;
	}
.plan-item li.no-style{
	background-color:inherit !important;
	color:#fff;
	}

.plan-item li.arw:after{
	 content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
    height: 0;
    position: absolute;
    top: 50%;
    right: -5px;
	margin-top:-5px;
    width: 0;
}

.plan-plice{
	color:#fff;
	font-size:116%;
	}
.plan-plice span{
	font-size:150%;
	font-weight:700;
	}

.init-op-box {
    /* border: solid #666 2px; */
    /* background-color: #FFF; */
    /* width: 80%; */
    color: #fff;
    /* margin: -16px auto 0; */
    z-index: 0;
    position: relative;
    /* border-radius: 10px; */
    min-height: 236px;
	padding:16px 16px 32px;;
}

.init-op-ttl{
	color:#FFF;
	background:#666;
	}
	
.init-op-txt{
	font-size: 90%;
}

.p-1{
	/*
	position:absolute;
	top: -98px;
    right: 76px;
	*/
}

.p-2{
	/*
	position:absolute;
	top:-68px;
	right: 76px;
	*/
}

.p-3{
	/*
	position:absolute;
	top:-31px;
	right: 76px;
	*/
}


.sb-ttl{
	    font-size: 32px;
    font-weight: normal;
    border-bottom: solid #666 2px;
    display: inline-block;
    padding-bottom: 16px;
    margin-bottom: 32px;
}

.bg-color-price{
background-color:#666;
}

.price-box{
}

.price-lt{
	border-left:solid #666 1px;
}

.bg-white{
	background-color:#FFF;
}

.price-bdr{
	border:solid #666 1px;
}

.price-bdr .price{
	text-align:center;
	padding:0 16px 16px;
	    font-weight: bold;
	}

.price-ttl{
	    padding: 16px 16px 0;
    font-size: 22px;
    text-align: center;
    font-weight: normal;
}

.price-ttl span{
	margin-left: 8px;
}

.plan-name{
	font-size:10px;
	color:#FFF;
	margin:4px;
	border-radius:5px;
	text-align:center;
	line-height:1.0em;
	padding:4px;
	}
.price-item{
	padding-top:4px;
	}

.price-ex{
	padding:0px 16px 16px;
	text-align:center;
	}

.price-ttl span{
	font-size:14px;
}


.option-box{
	border:solid #56aad1 16px;
}

.option-box .img-box{
	padding:16px 0;
	}

.option-ttl{
	    font-size: 140%;
    font-weight: normal;
	}
.option-txt{
	line-height:1.6em;
	}


.option-plice{
	color:#56aad1;
	font-size:150%;
	padding-bottom:16px;
	}

.option-img-box{
	height:150px;
	margin-top:15px;
	margin-bottom:15px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}

.plan-time{
    display: block;
    font-size: 12px;
    color: #FFF;
    line-height: 1.4em;

	}
	
.w-bdr{
	border-bottom: solid 1px #FFFFFF;
    font-size: 13px;
    line-height: 2em;
	}

.flow-list{
	background-color:#666;
	}

.flow-list li{
	padding:10px;
	position:relative;	
	}

.flow-list li:nth-child(even){
	background-color:#999;
	}

.flow-img{
	float:left;
	position:relative;
	}

.flow-img img{
	width:100px;
	}

.flow-img p{
	position: absolute;
    padding:0px 11px;
    background: rgba(0,0,0,0.7);
    top: 0px;
    left: 0;
    font-size: 12px;
    color: #fff;
	}

.flow-text{
	
	min-height:100px;
	margin-left:100px;
	background-color:#FFF;
	padding:10px;
	font-size:13px;
	line-height:1.5em;
	}
	
.pd-32{
	padding-left:10px;
	}
	
	
	
.slider{
	display:none;
	}
	
	
.flow-text span{
	display:block;
	font-weight:bold;
	}


.flow-list li:after {
    content: ' ';
    position: absolute;
    border: 15px solid transparent;
    border-top-color: #ffffff;
    top: 92%;
    left: 50%;
    z-index: 2;
}
.flow-list li:last-child:after {
    content: ' ';
    border:none;
}

.flow-s-text{
	position:relative;

	background-color:#FFF;
	padding:10px;
	font-size:12px;
	line-height:1.5em;
	border:4px solid #666;
	margin:-30px auto 0;
	width:80%;
	bor
	}
	
.bc-1{
	background-color:#56aad1;
	}
	
.bc-2{
	background-color:#5294b2;
	}

.bc-3{
	background-color:#2e7da2;
	}
	
.flow-plan-rsv,.flow-tel-rsv{

    background: #d33302;
    color: #fff;
    padding: 16px;
    text-align: center;
    font-size: 20px;
    display: block;
	border-radius:5px;
	
	
}

.flow-plan-rsv:hover,.flow-tel-rsv:hover{
	color:#fff;
	background:#F60;
	}

	
.rsv-flow-ttl{
	background:#efefef;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	}
	
.ex-text {
	font-size:14px;
	margin-top:10px;
	}

.plan-flow .bg-plan {
    background-image: url(../../../style/img/plan-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 32px;
    padding-bottom: 32px;
}

#three-pran-area .slick-dots{
	position:static;
	line-height: 0.1;
    margin-top: 10px;
}

#three-pran-area .slick-slider {
	position:static;
	
}

#three-pran-area .slick-dotted.slick-slider {
    margin-bottom: 0;
}



#three-pran-area table{
	margin: 0 auto 20px auto;
	border: 1px solid #2e5263;
	width: 80%;
	background-color: #fff;
}

#three-pran-area table th.no-br,
#three-pran-area table td.no-br{
	border-right: 0;
}

#three-pran-area table th,
#three-pran-area table td{
	border-bottom: 1px solid #2e5263;
	padding: 6px 0;
	vertical-align: middle;
}

#three-pran-area table td{
	font-size:20px;
}


#three-pran-area table .plan-dot{
	font-size: 54px;
}

#three-pran-area table thead th{
	background-color:#5294b2;
	color: #fff;
}

#three-pran-area table th{
	border-right: 1px solid #2e5263;
	text-align: center;
	line-height: 1.5;
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
#three-pran-area table th img{
    width: 30%;
}
#three-pran-area table td{
	border-right: 1px solid #2e5263;
	text-align: center;
	line-height: 1.5;
}

#three-pran-area table td .btn{
	padding: 4px 8px;
	font-size: 14px;
}

#three-pran-area table td .modal-title{
	font-size: 20px;
	font-weight: normal;
	color: #56aad1;
}

#three-pran-area table td .modal-footer{
	text-align: left;
}

#three-pran-area table td .modal-footer .total{
	display: block;
	padding-bottom: 4px;
	border-bottom: 1px solid #000;
}

#three-pran-area table td .modal-footer .price{
	display: block;
	padding-bottom: 16px;
	text-align: right;
	font-size: 20px;
	color: #56aad1;
}

#three-pran-area .modal-body{
	padding: 45px;
}


#three-pran-area table td .modal-body p {
    padding: 4px;
    border-bottom: solid 3px #56aad1;
       width: 200px;
    text-align: left;
}

#three-pran-area .flow-area .box-1 {
	width:200px;
	float:left;
}

#three-pran-area .flow-area .box-1 img {
	width:100%;
}


#three-pran-area .flow-area .box-2 {
	margin-left:220px;
}



#three-pran-area table td .modal-body .arrow {
    padding: 20px;

}


#three-pran-area #premium-plan .slick-dots{
	line-height: 0.1;
    margin-top: 10px;
}




#weight-area .sb-ttl{
	font-size: 32px;
}

#weight-area table{
	margin: 40px auto 20px auto;
	border: 1px solid #2e5263;
	width: 80%;
	background-color: #fff;
}

#weight-area table th.no-br,
#weight-area table td.no-br{
	border-right: 0;
}

#weight-area table th,
#weight-area table td{
	border-bottom: 1px solid #2e5263;
	padding: 8px 0;
	vertical-align: middle;
}

#weight-area table td{
	font-size: 20px;
}

#weight-area table thead th{
	background-color:#5294b2;color: #fff;
}

#weight-area table th{
	border-right: 1px solid #2e5263;
	background-color: #ccc;
	text-align: center;
	line-height: 1.5;
	font-weight: normal;
	font-size: 16px;
	color: #333;
}

#weight-area table td{
	border-right: 1px solid #2e5263;
	text-align: center;
	line-height: 1.5;
}

.ex-th{
	background-color: #666 !important;
}

#option-area .col-sm-4,
#option-area .col-sm-8{
	width: 100%;
}

#option-area .modal-body .option-txt{
	display: block;
}

#option-area .modal-body .option-img-box{
	width: 100%;
	height: 300px;
	background-size: contain;
}


}
@media (min-width: 768px) {

.plan-plice {
    font-size: 96%;
}

}

@media (min-width: 992px){


}

@media (max-width: 992px){
	

}