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

.sub_main_img,
.tour_main_img,
.shukuhaku_main_img{
	background: url(../img/main.jpg);
    width: 100%;
    background-size: cover;
}

.title01 {
position: absolute;
    left: 17%;
    width: 66%;
    top: 120px;
    text-align: center;
}
.title01 img{
	width:100%;
	height:auto;
}
.sub_title_box_f {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-left:5px;
	background-color: #f9f9f9;
}
.sub_title_box_txt_f {
  padding-left: 5px;
	cursor:pointer;
	font-size: 13px;
}
.sub_title_box_txt_f:hover {
	text-decoration:underline
}
.qaBloc .sub_txt02{
	padding-left: 12px;
	display:none;
	margin-bottom:25px;
	line-height:22px;
}
p.Plan{
	width:100%;
	text-align:center;
	margin-top:12px;
}
p.Plan img{
	max-width:100%;
	height:auto
}
.sub_txt{
	font-size: 13px;
}
.subTbl{ width:100%}
.subTbl td{ 
	padding:5px;
	text-align:center;
	border: 1px solid #eee
}
.mBloc{
	width:98%;
	margin-left:1.2%;
	margin-right:1.2%;
	display:inline-block;
	vertical-align: top;
}
.mBloc .mTitle{
    padding: 5px;
    width: 100%;
    background-color: #0b70fc;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 10;
}
.mBloc .mTitle .Icn{
	width: 25px;
    height: 26px;
    float: left;
    background-image: url(../img/iconBag.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 12px;
    margin-top: 3px;
}

.mBloc.Tour .mTitle{ 
	background-color: #f37514;
	background-image: -webkit-gradient( linear, left top, left bottom, from(#f5b17c), color-stop(0.30, #f37514), to(#f37514));
	border:1px solid #f37514;
}
.mBloc.Shukuhaku .mTitle{ 
	background-color: #0163bc;
	background-image: -webkit-gradient( linear, left top, left bottom, from(#3a93e4), color-stop(0.30, #0163bc), to(#0163bc));
	border:1px solid #0163bc;
}
.mBloc.Ohenro .mTitle{ 
	background-color: #0f820f; 
	background-image: -webkit-gradient( linear, left top, left bottom, from(#3fa63f), color-stop(0.30, #0f820f), to(#0f820f));
	border:1px solid #0f820f;
}
.mBloc .mInner{
    border: 1px solid #ccc;
    min-height: 130px;
    width: 96%;
    border-radius: 5px;
    margin-top: -5px;
    padding: 2%;
    text-align: center;
    box-shadow: 0 0 6px rgba(153, 153, 153, 0.36);
}
.mBloc .mBtn{
	padding: 5px;
    border: 2px solid #fff;
    box-shadow: 0 0 6px rgba(153, 153, 153, 0.36);
    width: 41%;
    display: inline-block;
    margin: 1%;
    border: 3px double #ccc;
    border-radius: 6px;
    text-align: center;
    margin-top: 1%;
    font-size: 18px;
    font-weight: bold;
}
.mBloc.Tour .mBtn{
	border-color: #f37514;
	background-color: #f3751417;
}
.mBloc.Shukuhaku .mBtn{
	border-color: #0163bc;
	background-color: #0163bc14;
	width: 20%;
}
.mBloc.Ohenro .mBtn{
	border-color: #0f820f;
	background-color: #0f820f0f;
}
.mBloc .mBtn a{
	display:block;
}
.mBloc .mBtn:hover {
	text-decoration:underline;
	background-color:#f9f9f9;
}


/* iPhone X 
@media only screen and (min-width: 375px) and (max-width: 811px) {
  .mBloc.Shukuhaku .mBtn {
			width: 18%;
			font-size: 12px;
	}
}
*/

/* iPhone SE */
@media only screen and (min-width: 320px) and (max-width: 567px) {
	.mBloc.Shukuhaku .mBtn{
    width: 18%;
    font-size: 12px;
		
	}
}

/*スマホ*/
@media screen and (max-width: 640px) and (orientation:portrait){
	.title01{
		display: block;
        top: 157px;
        width: 86%;
        left: 7%;
	}
	.title01 img{
		max-width:100%;
		height:auto;
	}
	.mBloc{
		width:97%;
		margin-bottom: 15px;
	}
	.mBloc.Shukuhaku .mInner{
		min-height:auto;
		
		border: 1px solid #ccc;
    width: 98%;
    border-radius: 5px;
    margin-top: -5px;
    padding: 1%;
    padding-bottom: 2%;
		padding-top: 2%;
		min-height: 103px;
	}
	
	.mBloc.Shukuhaku .mBtn{
		margin: 0.35%;
    margin-top: 2.5%;
    width: 19%;
    font-size: 14px;
		
	}


}



/*横*/
@media only screen
and (min-device-width:320px)
and (max-device-width:640px)
and (orientation:landscape) {
	
}



/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (min-width: 320px) and (max-width: 374px){
}

/* iPhone6のみ */
@media screen and (min-width: 375px) and (max-width: 413px){
}
@media only screen
and (min-device-width:569px)
and (max-device-width:667px)
and (orientation:landscape) {
	
}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 414px) and (max-width: 500px){
}

/* tablet(iPad)  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
	.mBloc .mBtn{
		width:39%
	}
	.mBloc.Shukuhaku .mBtn {
    width: 20%;
	}
	.title01 {
    display: block;
    top: 250px;
	}
	
}
/* tablet(iPad Pro)  */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.mBloc.Shukuhaku .mBtn {
			width: 20%;
  }
	.title01 {
    display: block;
    top: 250px;
	}
	
}