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

@media (max-width: 768px) {
.row{
	margin:0;
}

.container-fluid{
	padding:0;
}

.mt-6{
	padding:0;
}	

.pd-4{
	padding:0;
}

.flow-box{
	height:300px;
	max-width: 100%;
}

.box-line{
    border:none;
}
	
.flow-arrow img{
	display: none;
}

.pd-top{ padding-top:0;}

.flow-line::after{
	border:none;
}

.init-op-box{
	min-height:inherit;
}


.sb-ttl {
    font-size: 20px;
    padding-bottom: 8px;
    margin-bottom: 0px;
}

.plan-name {
	min-height:28px;
}


	
	
	

	
.slider{
	background-color:#666;
	}

.slider-img{
	}

.slider-text{
    min-height: 100px;
    margin-left: 100px;
    background-color: #FFF;
    padding: 10px;
    font-size: 13px;
    line-height: 1.5em;
	}




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

.flow-s-list li{

	padding:10px;
	}

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

.flow-s-img{
	position:relative;
	z-index:2;
	float:right;
	}

.flow-s-img img{
	width:50px;
	    margin-left: 10px;
	}

.flow-s-text p{
    top: 0px;
    left: 0;
    font-size: 14px;
	font-weight:bold;
	display:block;
	padding-bottom: 12px;
	}

.flow-s-text p span.cur-num{
	color:#069;
	font-size:18px;
	}

.flow-s-text p span.all-num{
	color:#999;
	font-size:12px;
	}


.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: 8px;
    text-align: center;
    font-size: 15px;
    display: block;
	border-radius:5px;
}
	
	
.rsv-flow-ttl{
	background:#efefef;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	}
	
#option-area .option-box {
    border: solid #56aad1 4px;
    height: 180px;
}

#option-area .option-img-box {
    height: 100px;
    margin: 4px 0;
}
#option-area .col-xs-4, #option-area .col-sm-4, #option-area .col-sm-8 {
    padding: 0 5px;
}
#option-area .option-ttl {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 6px;
    margin-top: 0px;
    min-height: 30px;
}

#option-area .option-txt {
    display: none;
}
#option-area .option-plice {
    font-size: 100%;
    line-height: 0.4;
}
#three-pran-area table{
	width: 90%;
}

#three-pran-area table th{
	border-right: 1px solid #2e5263;
	text-align: center;
	line-height: 1.5;
	font-weight: normal;
	font-size: 14px;
	width: 80px;

}


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

#three-pran-area table td .modal-footer{
	font-size: 22px;
}

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

/*#three-pran-area .flow-area .box-1 {
    width:110px;
}
#three-pran-area .flow-area .box-2 {
    margin-left: 120px;
}*/
#three-pran-area table td .modal-body span {
	font-size:16px;
	    width: 100%;

}
#three-pran-area .modal-body {
    padding: 28px;
}
#three-pran-area table th img {
    width: 42px;
}

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


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

#weight-area table{
	width: 90%;
}

#weight-area table th{
	font-size: 14px;
}

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

#weight-area table th,
#weight-area table td{
	padding: 8px 4px;
}

#option-area .option-box{
	border: solid #56aad1 4px;
	height: 180px;
}

#option-area .col-xs-4,
#option-area .col-sm-4,
#option-area .col-sm-8{
	padding: 0 5px;
}

#option-area .option-img-box{
	height: 100px;
	margin: 4px 0;
}

#option-area .option-ttl{
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 6px;
	margin-top: 0px;
	    min-height: 30px;
}

#option-area .option-txt{
	display: none;
}

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

#option-area .modal .option-img-box{
	height: 200px;
}
#option-area .option-plice {
    font-size: 100%;
    line-height: 0.4;
}

}
@media (max-width: 444px) {

#three-pran-area .flow-area .box-1 {
    width:70px;
}
#three-pran-area .flow-area .box-2 {
    margin-left: 80px;
}

}