/*!追加のCSS */
/*レスポンシブル対応*/

.footer-his{
	background: #11069f url("../images/noise.png") repeat;
}

@media (min-width: 768px)
and (max-width: 1199px) {
	.middle_none{
	display: none;
	}
}



/*スマホの下部メニュー*/
@media (max-width: 767px) {
/*-----------------------------------------
  固定メニュー
-----------------------------------------*/
.pagesidemenubox {
    position: fixed;
    bottom: 0px;
    z-index: 11;
    background: rgb(17 6 159);
    border-top: 1px dotted #f8f2e8;
    width: 100%;
    height: 60px;
}
ul.pagesidemenu {
    list-style-type: none;
    display: block;
    width: 290px;
    padding: 0;
    margin: 0 auto;
    z-index: 11;
}
ul.pagesidemenu li a:hover + .txts {
    opacity: 1;
}
ul.pagesidemenu li {
	float:left;
    padding: 8px 6px;
}
ul.pagesidemenu li a + .txts {
    position: absolute;
    left: -165px;
    top: 3px;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: .3s ease-in-out;
    background: url(../img/sideback.png) no-repeat;
    height: 32px;
    width: 160px;
    text-align: center;
    line-height: 32px;
    padding-right: 15px;
}

}

/*スマホココから*/
@media (max-width: 767px) {
	#his_logo{
		height: 40px;
	}
	#navbarSupportedContentSmt{
		
		background: #11069f;
		padding: 10px 0;
		text-align: center;
	}
	.smt_none{
		display: none!important;
	}
	.top_fixed{
		display: none;
	}
	.top_info{
		padding: 10px;
		font-size: 12px;
		text-align: center;
		/*background-image: url("../images/top_fixed01b.jpg");
		background-size: 110%;*/
	}
	.tw_height{
		height: 400px;
		overflow: hidden;
	}
	.nav-link-top{
    display: inline-block;
    border: 2px solid #FFFFFF;
    /* margin: 22px auto; */
    background: #ff7c00;
    width: 40%;
    border-radius: 3px;
    color: #ffffff;
    padding: 10px;
    font-size: 13px;
	}
	.p_date{
		font-size: 8px;
		color: #A0A0A0;
		text-align: right;
	}
	.card-body-2{
    clear: both;
    position: absolute;
    /*bottom: 0;*/
    color: #fff;
    background: linear-gradient(to top, rgba(40,40,40,0.8), rgba(255,255,255,0));
    width: 100%;
	}
	.card-body-3{
	
	}
	.right-card{
	
	}
	.media img{
		width: 80%;
		display: block;
		margin: 5px auto 0;
		border: 1px solid #ccc;
		border-radius: 3px;
	}

	.staff_box{
		background: #FFFFFF;
		margin: 5px;
	}
	/*共通*/
	.staff_01,
	.staff_02,
	.staff_03,
	.staff_04{
		padding: 5px;
	}
	.staff_box img{
		width: 100%;
	}
	.staff_01{
	}
	.staff_02{
		
	}
	.staff_03{
	}
	.staff_04{
		
	}
	.box_clear{
		clear: both;
	}
.article_box a{
/*display: block;*/
width: 100%;
margin: 0 auto;
text-decoration: none;
}
.article_box{
	background: #fff;
	padding: 10px;
	margin: 0 auto;
	box-shadow: 2px 2px 4px grey;
}
.article_box2{
	width: 90%;
	margin: 0 auto;
}
	.flowchart_box{
		width: 100%;
		margin: 0;
	}
	.flowchart_box_a{
		padding: 5px;
	}
	.flowchart_box_b{
		padding: 5px;
	}

	.osusume_box{
		width: 100%;
		margin: 0;
	}
	.osusume_box_a{
		padding: 5px;
	}
	.osusume_box_b{
		padding: 5px;
	}
	.osusume_box_c{
		padding: 5px;
	}
	.osusume_date{
		text-align:right;
		color: darkgray;
	}
	.osusume_img_mini{
		width:20%!important;
		display: block;
		margin: 0 auto;
	}
	.osusume_img_mini2{
		width:40%!important;
		display: block;
		margin: 0 auto;
	}
	.osusume_img_large{
		width: 100%;
	}
	.osusume_img_middle{
		width: 50%!important;
		display: block;
		margin: 0 auto;
	}
	.tehairei_img{
		width: 40%!important;
		display: block;
		margin: 0 auto;
	}
	.column_box{
		width: 100%;
		margin: 0;
	}
	.column_box_a{
		padding: 5px;
	}
	.column_box_b{
		padding: 5px;
	}
	.column_box_c{
		padding: 5px;
	}
	.column_date{
		text-align:right;
		color: darkgray;
	}
	.column_img_mini{
		width:20%;
	}
	.column_img_mini2{
		width:40%!important;
		display: block;
		margin: 0 auto;
	}
	.column_img_large{
		width: 100%;
	}
	.column_img_middle{
		width: 50%!important;
		display: block;
		margin: 0 auto;
	}
	.point h3{
		text-align: center;
		font-size: 24px;
		font-weight: 700;
	}
	.point2 h4{
		font-size: 16px;
		font-weight: 700;
		line-height: 1.5;
		margin: 10px;
		padding-left: 5px;
		border-left: #337ab7 10px solid;
		border-right: #337ab7 10px solid;
	}
	.point2 h4 span{
		background: linear-gradient(transparent 60%, #cbe7ff 60%);
	}
	.point h4{
		font-size: 16px;
		font-weight: 700;
		line-height: 1.5;
		margin: 10px;
		padding-left: 5px;
		border-left: #3aaabe 10px solid;
		border-right: #3aaabe 10px solid;
	}
	.point h4 span{
		background: linear-gradient(transparent 60%, #ffe0dc 60%);
	}
	.category{
		color: #fff;
		padding: 2px 4px;
		margin-right: 2px;
		font-size: 10px;
		border-radius: 3px;
	}
		img.point_img{
		width: 80%;
		display: block;
		margin: 0 auto;
	}
		table.honeymoon_ta {  
			font-size: 10px;
		}  
.article_box li.family_li{
    display: block;
    min-width: 50px;
    padding: 5px;
    vertical-align: middle;
    border: 3px dotted #2499e8;
    font-size: 14.5px;
    font-weight: 700;
    text-align: center;
    background: #fffbf6;
}
.article_box li.family_li2{
border-right: 3px dotted #2499e8;
}
.article_box li.family_li:hover{
color: #00203b;
border-bottom: 3px solid #e89c24;
}


.article_box ul.business_ui{
display: table;
margin: 0 auto 30px;
padding: 0 ;
width: 80%;
text-align: center;
}
.article_box li.business_li{
    display: block;
    width: 100%;
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #2499e8;
    margin-top: 2px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    background: #fffbf6;
}
.article_box li.business_li2{

}
.article_box li.business_li:hover{
color: #00203b;
border-bottom: 3px solid #e89c24;
}
.article_box ul.honeymoon_ui{
display: table;
margin: 0 auto 30px;
padding: 0 ;
width: 80%;
text-align: center;
}
.article_box li.honeymoon_li{
    display: flow-root;
    padding: 5px;
    border-bottom: 1px dotted #ccc;
    font-size: 14.5px;
    background: #fffbf6;
}
.article_box li.honeymoon_li2{
border-right: 3px solid #2499e8;
}
.article_box li.honeymoon_li:hover{
color: #00203b;
border-bottom: 1px solid #e89c24;
}
.article_box ul{
display: table;
margin: 0 auto 30px;
padding: 0 ;
width: 80%;
text-align: center;
}
.article_box li{
display: table-cell;
min-width: 50px;
padding: 5px;
border-left: 1px dotted #ccc;
background: #f0f0f0;
}
.article_box li.current{
border-bottom: 3px solid #000000;
}
.article_box li:hover{
color: #00203b;
border-bottom: 3px solid #00203b;
}
.article_box ul.family_ui{
display: table;
margin: 0 auto 30px;
padding: 0 ;
width: 80%;
text-align: center;
}

.hills_h1{
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
}
.hills_h2{
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 1px 2px 3px #808080;
}
}
/*スマホここまで*/


/*iPad対応*/
@media (min-width: 1091px) {

}



@media (min-width: 768px)
and (max-width: 1090px) {

}


/*iPad対応ここまで*/














/*PC*/
/*PCここから*/
@media (min-width: 768px) {
	#his_logo{
		height: 40px;
	}
	#navbarSupportedContentSmt{
		display: none;
	}
	.pc_none{
		display: none!important;
	}
	.top_fixed{
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: url("../images/top_fixed01.jpg");
		height: 140px;
	}
	.top_info{
		padding-top: 10px;
		text-align: center;
		/*background-image: url("../images/top_fixed01a.jpg");
		background-size: 100%;*/
	}
	.tw_height{
		height: 800px;
		overflow: hidden;
	}
	.p_date{
		font-size: 12px;
		color: #636363;
		text-align: right;
	}
	.card-body-2{
    clear: both;
    position: absolute;
    /*bottom: 0;*/
    color: #fff;
    background: linear-gradient(to top, rgba(40,40,40,0.8), rgba(255,255,255,0));
    width: 100%;
    /*text-shadow: 2px 2px 1px #000,
             -2px 2px 1px #000,
             2px -2px 1px #000,
             -2px -2px 1px #000;*/
	}
	.card-body-3{
	height: 180px;
	overflow: hidden;
	margin-bottom: 20px;
	}

	.card-body-3-imp{
	height: 220px;
	overflow: hidden;
	margin-bottom: 20px;
	}
	.right-card{
	height: 215px;
	background: #f8f2e8;
	}
	.media img{
		width: 100%;
		border: 1px solid #ccc;
		border-radius: 3px;
	}
	.staff_box{
		background: #FFFFFF;
		width: 800px;
		margin: 5px auto;
	}
	/*共通*/
	.staff_01,
	.staff_02,
	.staff_03,
	.staff_04{
		padding: 5px;
	}
	.staff_box img{
		width: 100%;
	}
	.staff_01{
		width: 60%;
		float: left;
	}
	.staff_02{
		width: 40%;
		float: right;
		
	}
	.staff_03{
		width: 48%;
		float: left;
	}
	.staff_04{
		width: 48%;
		float: right;
		
	}
	.box_clear{
		clear: both;
	}
.article_box a{
/*display: block;
width: 50%;
margin: 0 auto;
text-decoration: none;*/
}
.article_box{
	width: 1024px;
	background: #fff;
	padding: 10px;
	margin: 0 auto;
	box-shadow: 2px 2px 4px grey;
}
.article_box2{
	width: 80%;
	margin: 0 auto;
}
	.flowchart_box{
		width: 100%;
		margin: 0;
	}
	.flowchart_box_a{
		width: 32%;
		margin-right: 1%;
		float: left;
	}
	.flowchart_box_b{
		width: 32%;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}
	.flowchart_box_c{
		width: 32%;
		margin-left: 1%;
		float: left;
	}
	
	.osusume_box{
		width: 100%;
		margin: 0;
	}
	.osusume_box_a{
		width: 29%;
		margin-right: 1%;
		padding: 10px;
		margin-bottom: 20px;
		float: left;
	}
	.osusume_box_b{
		width: 65%;
		margin-left: 1%;
		margin-top: 45px;
		margin-bottom: 20px;
		float: left;
	}
	.osusume_date{
		text-align:right;
		color: darkgray;
	}
	.osusume_img_mini{
		width:20%;
	}
	.osusume_img_mini2{
		width:20%!important;
		display: block;
		margin: 0 auto;
	}
	.osusume_img_large{
		width: 100%;
	}
	.osusume_img_middle{
		width: 50%!important;
		display: block;
		margin: 0 auto;
	}
	.tehairei_img{
		width: 30%!important;
		display: block;
		margin: 0 auto;
	}
	.column_box{
		width: 100%;
		margin: 0;
	}
	.column_box_a{
		width: 49%;
		margin-right: 1%;
		margin-bottom: 30px;
		float: left;
	}
	.column_box_b{
		width: 49%;
		margin-left: 1%;
		margin-bottom: 30px;
		float: left;
	}
	.column_date{
		text-align:right;
		color: darkgray;
	}
	.column_img_mini{
		width:20%;
	}
	.column_img_mini2{
		width:20%!important;
		display: block;
		margin: 0 auto;
	}
	.column_img_large{
		width: 100%;
	}
	.column_img_middle{
		width: 50%!important;
		display: block;
		margin: 0 auto;
	}
	.margin_0{
		margin: 0!important;
	}
	.btn_height{
	/*height: 68px;*/
	}
	.btn_padding_1line{
		padding-top: 20px!important;
	}
	img.point_img{
		width: 100%;
		margin-bottom: 25px;
	}
	p.point_text{
		line-height: 2.0;
		margin-right: 16px;
	}
	p.point_text:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
	.point h4{
	font-size: 22px;
	font-weight: 700;
	padding: 15px;
	height: 121px;
	border-left: #3aaabe 17px solid;
}
	.point h4 span{
	background: linear-gradient(transparent 60%, #ffe0dc 60%);
}
	.point2 h4{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
}
	.point2 h4 span{
	background: linear-gradient(transparent 60%, #cbe7ff 60%);
}

.article_box li.family_li{
    display: table-cell;
    min-width: 50px;
    padding: 5px;
    vertical-align: middle;
    border-left: 3px dotted #2499e8;
    border-top: 3px dotted #2499e8;
    border-bottom: 3px dotted #2499e8;
    font-size: 14.5px;
    font-weight: 700;
    text-align: center;
    background: #fffbf6;
}
.article_box li.family_li2{
border-right: 3px dotted #2499e8;
}
.article_box li.family_li:hover{
color: #00203b;
border-bottom: 3px solid #e89c24;
}


.article_box ul.business_ui{
display: table;
margin: 0 auto 30px;
padding: 0 ;
width: 80%;
text-align: center;
}
.article_box li.business_li{
    display: table-cell;
    width: 15%;
    padding: 5px;
    vertical-align: middle;
    border: 2px solid #2499e8;
    font-size: 13.5px;
    font-weight: 700;
    text-align: center;
    background: #fffbf6;
}
.article_box li.business_li2{
border-right: 3px solid #2499e8;
}
.article_box li.business_li:hover{
color: #00203b;
border-bottom: 3px solid #e89c24;
}
.article_box ul.honeymoon_ui{
display: table;
margin: 0 auto 30px;
padding: 0 ;
width: 80%;
text-align: center;
}
.article_box li.honeymoon_li{
    display: flow-root;
    padding: 5px;
    border-bottom: 1px dotted #ccc;
    font-size: 14.5px;
    background: #fffbf6;
}
.article_box li.honeymoon_li2{
border-right: 3px solid #2499e8;
}
.article_box li.honeymoon_li:hover{
color: #00203b;
border-bottom: 1px solid #e89c24;
}
.article_box ul{
display: table;
margin: 0 auto 30px;
padding: 0 ;
width: 80%;
text-align: center;
}
.article_box li{
display: table-cell;
min-width: 50px;
padding: 5px;
border-left: 1px dotted #ccc;
background: #f0f0f0;
}
.article_box li.current{
border-bottom: 3px solid #000000;
}
.article_box li:hover{
color: #00203b;
border-bottom: 3px solid #00203b;
}
.article_box ul.family_ui{
display: table;
margin: 0 auto 30px;
padding: 0 ;
width: 80%;
text-align: center;
}

.hills_h1{
	text-align: center;
	font-size: 20px;
}
.hills_h2{
	text-align: center;
	font-size: 14px;
}
}
/*PCここまで*/




















.staff_box h3 {
  position: relative;
  text-align: center;
  border: 2px solid #000;
  background: #fff;
  margin-top: 50px;
}

.staff_box h3:before,
.staff_box h3:after {
  position: absolute;
  content: '';
}

.staff_box h3:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
}

.staff_box h3:after {
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px dashed #000;
  background: #fff;
}

.staff_box h3 i {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 60px;
  position: absolute;
  z-index: 2;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
}

.staff_box h3 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1.5rem;
}

.staff_box h3 span:before,
.staff_box h3 span:after {
  position: absolute;
  content: '';
}

.staff_box h3 span:before {
  top: -34px;
  left: calc(50% - 34px);
  width: 68px;
  height: 40px;
  border: 2px dashed #000;
  border-radius: 50vw 50vw 0 0;
}

.staff_box h3 span:after {
  position: absolute;
  top: 4px;
  left: calc(50% - 32px);
  width: 64px;
  height: 10px;
  background: #fff;
}

.staff_03 dt {
  padding: 1rem;
  border-left: 7px solid #00203b;
  background: #e0e1e3;
}
.staff_04 figcaption{
	text-align: center;
	background: #00203b;
	color: #FFFFFF!important;
}

.support dt {
  padding: 1rem;
  border-left: 7px solid #00203b;
  background: #f1f1f1;
}

.article_date{
	font-size: 14px;
	text-align: right;
}
.sentence{
	margin-top: 10px;
	line-height: 1.8;
}
.s_tag{
	display: inline-block;
	background: #3D3D3D;
	color: #FFFFFF;
	margin: 1px 3px;
	padding: 2px 6px;
	border-radius: 2px;
}
.article_box img{
	width: 100%;
	/*display: block;
	margin: 0 auto;*/
}

.article_box figcaption{
	text-align: center;
	color: #00203b;
}

		table.honeymoon_ta {  
			border-collapse: collapse;  
			width: 100%;  
			margin-bottom: 20px;  
		}  
		table.honeymoon_ta th, table.honeymoon_ta td {  
			border: 1px solid #ddd;  
			padding: 8px;  
			text-align: center;  
			vertical-align: middle;  
		}  
		table.honeymoon_ta th {  
			background-color: #f2f2f2;  
		}  
		.h_bg{
			background: #ffdede;
		}

.reservation_bt{
    background: #e7f4ff;
    color: #00203b;
    border-radius: 3px;
    padding: 5px 10px;
}

.anchor_box{
	text-decoration: none;
	color: #00203B;
}
.anchor_box:hover{
	text-decoration:underline;
	color: #333333;
}
.sns_btn{
	width: 30px!important;
}

h3.column_h3 {
  position: relative;
  padding: 1rem .5rem;
  text-align: center;
  margin-top: 60px;
}

h3.column_h3:before,
h3.column_h3:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#330867));
  background-image: -webkit-linear-gradient(right, #30cfd0 0%, #330867 100%);
  background-image: linear-gradient(to left, #30cfd0 0%, #330867 100%);
}

h3.column_h3:before {
  top: 0;
}

h3.column_h3:after {
  bottom: 0;
}
.sns_icon_box{
	text-align: right;
}
.btn-link a{
	color: #f8f2e8;
}
	.air_dept{
		font-size: 18px;
		color: cornflowerblue;
	}
	.price{
		font-size: 23px;
		font-weight: 700;
		color: crimson;
	}
	.price_detail{
		font-size: 12px;
		color: grey;
	}
.tour_recommend{
	background: #f8f2e8;
	padding: 5px;
}
.hawaii_now{
	background: #0A172E;
	padding: 5px;
	border-radius: 3px 3px 0 0;
	text-align: center;
	color: #FFFFFF;
}
.hawaii_now_img{
	width: 100%;
	border-radius: 3px;
}
.red{
	color: red;
}
.blue{
	color: darkblue
}
.column_guest{
	border-left: 5px solid #3d93b0;
	padding-left: 5px;
}

.column_hotel{
    border-top: 6px solid #3d93b0;
    background: #e9f9ff;
    font-weight: 700;
    font-size: 17px;
    display: block;
    padding: 10px;
}
.osusume_point{
    color: #FF6600;
    font-weight: 700;
    padding-bottom: 4px;
    border-bottom: 3px solid #feddc8;
}
.hotel-box-list {
    width: 100%;
    margin: 0 0 8px;
    border-collapse: collapse;
    table-layout: fixed;
}
.hotel-box-list th {
    width: 5em;
}
.hotel-box-list th {
    background: #f2f2f2;
    border: none;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
.hotel-box-list td {
    border: 1px solid #d7d7d7;
}
.hotel-box-list th, .hotel-box-list td {
    box-sizing: border-box;
    font-size: 16px;
    padding: 10px;
    text-align: left;
    line-height: 1.6;
}
.column_h2{
	font-weight: 700;
	text-align: center;
	line-height: 2.0;
	background: #edf7ff;
	margin: 20px;
}
.plan{
	font-weight: 700;
	font-size: 20px;
	color: #fff;
	padding: 10px 20px;
	background: #3a357c;
}
.square_mini{
	background: #5ebedc;
	color: #fff;
	padding: 3px 10px;
	display: block;
}
.episode_hawaii th{
	font-weight: 700;
	text-align: center;
	background: #edf7ff;
	border-top: 1px solid #afbdc7;
}
.episode_hawaii td{
	border-top: 1px dotted #afbdc7;
}