body {
width:1440px;
margin: 0 auto;
}

h1 {
line-height: normal;
}

h1 a {
font-size: 24px;
color: #000;
margin-left: 15px;
}

.tri {
float:left;
margin: 3px 5px 0 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10px solid #DA291C;
}

a {
color: #000;
}

ul.bxslider li {
  width: 1440px;
  height: 400px;
  position: relative;
}

.form-control {
border: none;
background-color: #fff !important;
}

label {
font-size:18px;
}

#footer {
background-image: url(https://ms-tourism.jp/wp-content/themes/ms-tourism/images/logo_footer.png);
background-repeat: no-repeat;
background-size: 249px 202px;
background-position: 0px 15px;
height: 243px;
position: relative;
color:#fff;
}

#footer div {
position: absolute;
bottom: 0;
height: 60px;
width: 100%;
}

#footer a {
color:#fff;
}

#button_login {
background-color: #0E63A4;
color: #fff;
border: none;
padding: 20px 25px 20px 25px;
border-radius: 15px;
font-size: 24px;
width: 100%;
}

#button_reg {
background-color: #DA291C;
color: #fff;
border: none;
padding: 20px 25px 20px 25px;
border-radius: 15px;
font-size: 24px;
width: 100%;
}

.maru {
background-color: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
padding: 2px 0px 0px 0px;
float: right;
}

.f18 {
font-size:18px;
}

.user_name {
font-size: 22px;
color: #fff;
padding: 5px 0 0 0;
}

.label_area {
    color: #fff;
    width: 100%;
    text-align: center;
    height: 30px;
    padding-top: 5px;
}

.label_area2 {
    color: #fff;
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
    width: 7%;
    height: 25px;
}

.kanto {
background-color: #E74291;
}

.list_price {
border: solid 1px #C4C4C4;
height: 30px;
padding-top: 3px;
padding-left: 10px;
font-size: 12px;
}

.list_price span {
color: #DB291B;
font-weight: 800;
}

.list_ribbon {
background-color: #DA291C;
color: #fff;
width: 50px;
text-align: center;
padding: 10px 0 5px 0;
font-size: 18px;
font-weight: 600;
}

.list_ribbon2 {
width: 0;
height: 0;
border-style: solid;
border-width: 0 25px 10px 25px;
border-color: #DA291C #DA291C transparent #DA291C;
}

.text_midashi {
font-size: 24px!important;
font-weight: 700!important;
}

.list_icon_waku {
margin: 0 5px 5px 0;
width: 23.6%;
border: 1px solid #C4C4C4;
border-radius: 7px;
font-size: 12px;
text-align: center;
height: 50px;
}

.list_icon {
display: table-cell;
vertical-align: middle;
height: 50px;
width: 23.6%;
}

.detail_tab div {
padding:0;
font-size:14px;
}

.detail_tab_icon {
float: left;
}

.detail_tab_title {
float: left;
padding: 7px 0 0 7px!important;
}

.tab_active {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #0E63A4 transparent transparent transparent;
margin-left: 7.3%;
}

.amenity1 {
background-color: #EBF2F8;
margin-right: 3px;
font-size: 11px;
padding: 5px;
width: 6%;
text-align: center;
}

.amenity2 {
background-color: #EEEEEE;
font-size: 11px;
margin-right: 3px;
padding: 5px;
}

.detail_img {
width:20%;
padding: 0 5px 0 0;
}

.detail_img_title {
background-color: #E74291;
color: #fff;
font-size: 12px;
border-radius: 5px;
text-align: center;
padding: 5px 0 5px 0;
height: 44px;
}

.detail_img_title2 {
font-size: 12px;
border-radius: 5px;
text-align: center;
padding: 5px 0 5px 0;
border: 1px solid #C4C4C4;
}
.detail_room {
width:20%;
padding: 0;
}

.datail_room_title {
background-color: #E74291;
color: #fff;
font-size: 12px;
text-align: center;
padding: 5px 0 5px 0;
}

.detail_room2 {
width:25%;
padding: 0;
}

.detail_room3 {
width:25%;
padding: 0 5px 0 0;
}

.detail_title2 {
margin-top: 5px;
background-color: #fff;
z-index: 100;
position: absolute;
font-size:20px!important;
}

.detail_line {
border-top: solid 2px #0E63A4;
margin-top: 23px;
z-index: 50;
}

.detail_shiharai_label {
font-size:10px;
padding:0;
margin: 5px 0 0 0;
}

.detail_shiharai {
border: 1px solid #C4C4C4;
text-align: center;
height: 40px;
padding: 9px 0 0 0;
margin: 0 3px 0 0;
width: 23%;
}

.detail_plan {
width: 12%;
background-color: #EEEEEE;
border-top: 1px solid #0E63A4;
padding: 10px 2px 10px 10px;
font-size: 14px;
border-right: 2px solid #fff;
}

.detail_plan_top {
width: 40%;
background-color: #EBF2F8;
padding: 10px 2px 6px 10px;
border-top: 1px solid #0E63A4;
border-right: 2px solid #fff;
}

.detail_plan_icon {
float: left;
background-color: #fff;
border: 1px solid #C4C4C4;
border-radius: 5px;
font-size: 12px;
padding: 3px 10px 3px 10px;
margin: -1px 0 0px 0;
}

.detail_plan_line2_1 {
border:none;
padding: 10px 2px 10px 10px;
border-right: 2px solid #fff;
}

.detail_plan_line2_2 {
border-top: 2px solid #fff;
}

.detail_plan_entry {
padding: 7px 0px 3px 4px;
}

.modal-open {
  padding-right: 0px !important;
  overflow: auto;
}
.modal {
  padding-right: 0px !important;
}

.modal-header-hosei {
border-bottom: 2px solid #0E63A4;
margin: 10px 20px;
padding: 15px 0px 15px 0;
}

.pc {
	display:block;
}

.sp {
	display:none;
}

@media (max-width:991px) {
	.pc {
		display:none;
	}

	.sp {
		display:block;
	}

	body {
		width:100%;
	}

	.container-fluid {
		margin: 0;
		padding: 0;
	}

	#img_logo {
		margin:5% 0!important;
	}

	h1 a {
		margin: 0 0 0 3%;
		font-size: 6vw;
	}

	#h1_title {
		margin: 3% 0!important;
		width: 60%;
	}

	#head_content1, #head_content2, #head_content2_2 {
		padding: 10px 0 10px 30px!important;
		height:100%!important;
		clear: both;
		background-color:#fff!important;
		width: 100%!important;
    	}

	#head_content3 {
		margin: 10px 0 0 0!important;
	}

	.login_waku {
		padding: 15px;
	}

	.news_line {
		display:none!important;
	}

	#footer {
		background-size: 35%;
		padding: 0;
		margin: 0 0 15px 0;
	}

	.row {
		margin: 0px;
	}

	#login_slide {
		margin: 0px!important;
	}

	#ol_news ol {
		margin: 20px 0 0 0;
	}

	#news_line_bottom {
		width:100%!important;
	}

	#header_width {
		width:100%!important;
	}

	.search_box {
		padding:0;
	}

	.search_box_inner {
		padding: 2%;
	}

	.map_view {
		width:100%;
		height: 100%;
	}

	.info_line, .list_block {
		width:100%!important;
	}

	.osusume_block {
		width:100%!important;
		margin: 0 0px 20px 0px!important;
	}

	.search_list {
		padding:0 2% 0 2%;;
	}

	.list_icon_waku {
		float: left;
	}

	.search_icon_box {
		margin-top:3%;
	}

	.list_icon {
		font-size: 2vw;
	}

	.list_icon_waku {
		width: 23%;
	}

	.amenity1 {
		float: left;
		width: 16%;
	}

	.amenity2 {
		float: left;
		width: 82%;
	}

	.detail_img {
		width: 100%;
		margin-bottom: 3vw;
	}

	.detail_room {
		float: left!important;
	}

	.room_count {
		width: 20%;
		float: left;
	}

	.room_div {
		margin-bottom:0px!important;
	}

	.detail_room2, .detail_room3 {
		float:left;
	}

	.detail_img_sp {
		width: 20%;
		float: left;
	}

	.detail_img_title {
		font-size: 2vw;
		height: 35px;
		padding: 3px 0 3px 0!important;
	}

	.label_area2 {
		width: 25%;
	}

	.detail_tab div {
		border: none;
		float: left;
		margin: 5px 5px 5px 0;
	}

	#tab2 {
		float: left;
	}

	.col-md-60 {
		float: left;
		width: 100%;
		/*background-color: transparent!important;*/
		padding: 10px 2px 6px 0px;
	}

	.col-md-60 div {
	}

	.col-md-100 {
		float: left;
	}

	.col-md-30 {
		float: left;
	}

	.detail_plan {
		width: 34%;
		background-color: transparent;
	}

	.detail_plan_entry {
		width: 32%;
	}

	.detail_shiharai {
		float:left;
		width: 15%;
	}

	.detail_shiharai_title {
		float:left;
		width: 15%;
		font-size:2vw;
		padding:0 0px 0 5px;
		margin: 0 3px 0 0;
	}

	.dialog_sp {
		width: 95%!important;
	}

	.modal-body {
		padding: 15px 0px!important;
	}

	.sp_padding {
		padding: 0px!important;
	}

	.cal_prev {
		float: left;
	}

	table.calendar th, table.calendar td {
	    font-size: 2vw!important;
	}
}