.honeymoon{
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", Georgia, "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size: 1.2em;
}
.col_g{color: #93720d !important;}

/*header -----------------------------------------------------------------*/
.swiper-slide img.slide_img01 {top: 50%;left: 50%;}
.swiper-slide img.slide_img02 {top: 50%;left: 50%;}
.swiper-slide img.slide_img03 {top: 50%;left: 50%;}

.title_wrap{
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
z-index: 1;
}
#abroad.country section.hm{padding: 4em 0;margin: 0;}

.reserve_wrap{
width: 100%;
text-align: center;
margin-top: 2.5em;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.reserve_wrap h3{
font-weight: bold;
font-size: 1.6em;
position: relative;
display: inline-block;
padding: 0 3em;
margin-bottom: 0.5em;
width: calc(100% - 24em);
}
.reserve_wrap h3::before, .reserve_wrap h3::after {
content: '';
position: absolute;
top: 47%;
display: inline-block;
width: 55px;
height: 1px;
background-color: #333;
}
.reserve_wrap h3::before {left: 0;}
.reserve_wrap h3::after {right: 0;}

.reserve_wrap .honeymoon_data{
font-size: 1.1em;
border: solid 1px;
background: #fff;
margin: 0 20em 0.5em;
color: #93720d;
width: calc(100% - 40em);
}
.reservebtn{
width: 800px;
margin: 0.5em auto;
justify-content: space-between;
}
.reservebtn_co{width: 49%;margin-bottom: 1em;}
.reservebtn_co a{
padding: 0.6em 1em 0.5em;
display: block;
position: relative;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.1em;
border-radius: 50px;
text-decoration: none;
background: #93720d;
}
.reservebtn_co a::after {
font-family: "Font Awesome 5 Free";
position: absolute;
color: #fff;
content: "\f054";
/*content: "\f072";*/
font-weight: bold;
right: 0.7em;
bottom: 0.6em;
}
.reservebtn_co2{
width: 49%;
margin-bottom: 0.5em;
}
.reservebtn_co2 a{
padding: 0.4em 1em 0.3em;
display: block;
position: relative;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.1em;
border-radius: 50px;
text-decoration: none;
background: #b1943b;
}
.reservebtn_co2 a::after {
font-family: "Font Awesome 5 Free";
position: absolute;
color: #fff;
content: "\f054";
font-weight: bold;
right: 0.7em;
bottom: 0.3em;
}
.reservebtn_co2 span{
font-size: 0.8em;
margin-left: -6px;
}
.reserve_info{
width: 800px;
text-align: left;
background: #fff;
padding: 0.5em;
font-size: 0.9em;
}
.h2bg{
width: 100%;
text-align: center;
margin-bottom: 1.5em;
}
.h2bg img{width: 100px;opacity: 0.4;}
.h2bg h2{
font-size: 1.6em;
font-weight: bold;
color: #93720d;
margin-bottom: 0.4em;
}
.h2bg h2 span{
margin-left: -0.4em;
margin-right: -0.4em;
font-size: 0.9em;
}
.hm_bg{background: #fffbf1;}

@media screen and (max-width: 767px) {
.swiper-slide img.slide_img01 {left: 87%;bottom: 0%; top: 0;}
.swiper-slide img.slide_img02 {left: 45%;bottom: 0%; top: 0;}
.swiper-slide img.slide_img03 {left: 30%;bottom: 0%; top: 0;}
.title_wrap{width: 100%;}
#abroad.country section.hm{padding: 2.5em 0;}
.honeymoon .flex_wrap{width: 96%;margin: 0 auto;}
.reserve_wrap{margin-top: 1.5em;}
.reserve_wrap h3{font-size: 1.2em;width: unset;}
.reserve_wrap h3::before, .reserve_wrap h3::after {width: 40px;}
.reserve_wrap .honeymoon_data{width: 90%;margin: 0 0 1em;}
.reservebtn{width: 98% !important;}
.reservebtn_co{width: 100%;margin-bottom: 0.8em;}
.reservebtn_co2{width: 100%;margin-bottom: 0.8em;}
.reservebtn_co2 a{font-size: 1em;}
.reserve_info{width: 100%;}
.h2bg{}
.h2bg img{width: 80px;}
.h2bg h2{font-size: 1.3em;}
}

/*3つのポイント -----------------------------------------------------------------*/
.hm_point{}
.point_top{
text-align: center;
width: 100%;
font-size: 1.1em;
line-height: 1.7;
}

@media screen and (max-width: 767px) {
.hm_point{}
.point_top{text-align: left;}
}

/*5大特典 -----------------------------------------------------------------*/
.h2_benefit{
text-align: center;
padding: 0.5em;
border-radius: 50px;
color: #f24437 !important;
border: solid 4px #f24437;
background: #fff;
box-shadow: 3px 6px 0 rgba(0,0,0,0.2);
display: flex;
justify-content: center;
width: 60%;
margin: 0 auto 1.0em !important;
}
h2 i.fa-gift{
color: #f24437;
margin: 0 0.5em;
font-size: 1.4em;
}
.hm_benefit{
align-items: flex-start;
justify-content: space-between;
}
.benefit_top{
text-align: center;
width: 100%;
margin-bottom: 2em;
font-size: 1.1em;
line-height: 1.7;
}
.benefit_co{
width: 100%;
background: #fff;  
display: flex;
flex-wrap: wrap;  
align-items: flex-start;
margin-bottom: 2em;
position: relative;
}
.benefit_co img{width: 30%;}
.icon_bene{
position: absolute;
width: 160px !important;
top: -3px;
left: -3px;
}
.benefit_text{
width: 68%;
padding-left: 2%;
}
.benefit_co h3{
font-weight: bold;
margin: 0 0 0.5em;
font-size: 1.2em;
border-bottom: solid 1px #dcdcdc;
color: #3e8bc2;
}
.benefit_co h3 span{font-size: 0.9em;margin: 0 -3px;}
.benefit_co h3 i{
margin-left: 0.3em;
font-size: 1.2em;
}
.benefit_co p{}
.benefit_co p a{text-decoration: underline;}
.benefit_co dl{
display: flex;
flex-wrap: wrap;
margin-top: 0.5em;
}
.benefit_co dt,.benefit_co dd{padding: 0.1em 0.2em;}
.benefit_co dt{
background: #c8b785;
font-weight: bold;
width: 73px;
text-align: center;
color: #fff;
}
.benefit_co dd{width: calc(100% - 73px);}
.benefit_co dd span{font-size: 0.9em;margin: 0 -5px;}
.benefit_co ul.kome{
font-size: 0.9em;
margin-top: 0.5em;
}
.benefit_co .kome li{
margin-left: 1.3em;
list-style: none;
}
.benefit_co .kome li span{font-size: 1.2em;font-weight: bold;}
.benefit_co .kome li::before {
content: "※";
margin-left: -1.3em;
padding-right: 0.2em;
}
ul.dec{padding-left: 1.5em;margin-top: 1em;}
.dec li{list-style: decimal;}

@media screen and (max-width: 767px) {
.h2_benefit{width: 96%;display: flex;align-items: center;line-height: 1.4;}
h2 i.fa-gift{margin: 0 0.6em;}
.benefit_co img{width: 96%;margin: 0 auto 0.7em;}
.icon_bene{left: 1%;}
.benefit_text{padding: 0;width: 96%;margin: 0 auto 1em;}
.benefit_co h3{font-size: 1.1em;text-align: center;}
.benefit_co dl{}
.benefit_co dt,.benefit_co dd{margin-bottom: 3px;}
.benefit_co dt{}
.benefit_co dd{}
.benefit_co dd span{}
.hm_benefit .reserve_wrap{}
ul.dec{}
}

/*ホテル紹介 -----------------------------------------------------------------*/
.hm_hotel{align-items: self-end;}
.hr_img_main{width: 40%;}
.hr_wrap{
width: 57%;
margin-left: 3%;
}
.hotel_top{
font-size: 1.1em;
margin-bottom: 2.5em;
}
.g_map {
width: 100%;
height: 350px;
}
.hr_room_wrap{
margin-top: 3em;
justify-content: space-between;
}
.hr_room_wrap h3{
width: 100%;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 0.5em;
text-align: center;
}
.hr_room_wrap h3 i{
margin-right: 0.5em;
color: #93720d;
font-size: 1.2em;
}
.room_co{
width: calc(100% / 3 - 1%);
background: #fff;
}
.room_co h4{
font-weight: bold;
text-align: center;
color: #fff;
background:#211551;
/*background: #3e8bc2;*/
padding: 0.3em 0;
}
.room_co img{}
.room_co p{
margin: 0.5em;
}

@media screen and (max-width: 767px) {
.hr_img_main{width: 60%;margin: 0 auto 1em;}
.hr_wrap{margin-bottom: 1em !important;}
.hotel_top{margin-bottom: 1em;}
.g_map{height: 300px;}
.hr_room_wrap h3{font-size: 1.2em;}
.room_co{width: 96%;margin: 1em auto;}
}


/*ハワイアン -----------------------------------------------------------------*/
.hm_hawaiian{}
.airtop_wrap{
margin-bottom: 3em;
}
.img_AlaHA{width: 52%;}
.airtop_text{
width: 45%;
margin-left: 3%;
}
.logo_AlaHA{
width: 80%;
margin-bottom: 2em;
}
.airtop_text p{font-size: 1.1em;}
.starlink_wrap{
align-items: center;
margin-bottom: 3em;
}
.starlink_wrap h3{
width: 100%;
text-align: center;
font-size: 1.2em;
font-weight: bold;
color: #fff;
background: #463c8f;
padding: 0.5em 0.8em;
margin-bottom: 0.5em;
}
.starlink_wrap h3 span{
margin-left: 0.5em;
font-size: 0.9em;
}
.starlink_wrap img{width: 40%;order: 2;}
.starlink_co{
width: 57%;
order: 1;
margin-right: 3%;
}
.starlink_co h4{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.5em;
}
.premium_wrap{
background: #f0eef9;
padding: 1.5em 2em 1em;
border-radius: 10px;
align-items: center;
justify-content: space-between;
}
.premium_wrap h3{
width: 100%;
font-size: 1.5em;
font-weight: bold;
color: #463c8f;
text-align: center;
margin-bottom: 0.4em;
}
.img_premium{
width: 50%;
margin-bottom: 2em;
}
.text_premium{
width: 47%;
margin-bottom: 2em;
}
.text_premium p{font-size: 1.1em;}
ul.text_premium2{
background: #fff7f6;
padding: 0.5em 1em 0.5em 1.5em;
border-radius: 6px;
margin: 1em 0em 0 0.5em;
border: solid 1px #f24437;
}
.text_premium li{margin-bottom: 0.3em;}
.point_co{
width: calc(100% /2 - 0.5em);
font-size: 1.1em;
margin: 0 0em 1em;
justify-content: space-between;
align-items: flex-start;
background-color: #fff;
padding: 0.5em;
}
.point_co img{width: 35%;}
.point_text{width: 63%;}
.point_text h4{
font-weight: bold;
color: #463c8f;
line-height: 1.4;
margin-bottom: 0.3em;
}
.point_text p{font-size: 0.9em;line-height: 1.4;}
.point_text p span{font-size: 0.8em;display: block;}

@media screen and (max-width: 767px) {
.img_AlaHA{width: 100%;}
.airtop_text{width: 100%;margin: 1em 0 2em;}
.logo_AlaHA{margin: 0 10% 1em;}
.starlink_wrap{margin-bottom: 2em !important;}
.starlink_wrap h3{padding: 0.3em 0.8em;font-size: 1.1em;}
.starlink_wrap img{width: 80%;margin: 0 auto 0.5em;order: 1;}
.starlink_co{width: 100%;margin: 0;order: 2;}
.starlink_co h4{font-size: 1.1em;margin-bottom: 0.2em;}
.premium_wrap{padding: 1em 0.8em 1em;}
.premium_wrap h3{font-size: 1.3em;}
.img_premium{width: 100%;margin-bottom: 0.5em;}
.text_premium{width: 100%;margin-bottom: 1em;}
.text_premium p{font-size: 1em;}
ul.text_premium2{margin: 1em 0em 0 0;padding: 0.5em 0.5em 0.5em 1.5em;}
.text_premium li{}
.point_co{width: 100% !important;margin: 0.5em 0 !important;font-size: 1em;}
.point_co img{width: 30%;}
.point_text{width: 67%;}
.point_text h4{margin-bottom: 0.5em;}
}

/*おすすめの理由 -----------------------------------------------------------------*/
.hm_recommen{}
.reco_co{
width: calc(100% / 4 - 1%);
margin: 0 0.5% 0;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
background: #fff;
padding: 0.5em;
}
.reco_co img{
width: 50%;
margin: 0 25% 0.5em;
opacity: 0.5;
}
.reco_co h3{
font-weight: bold;
font-size: 1em;
padding: 0.5em 0.5em 0;
}
.reco_co h3 span{
background: #93720d;
padding: 0.2em 0.6em;
margin-right: 0.3em;
color: #fff;
}
.reco_co p{padding: 0.5em;}

@media screen and (max-width: 767px) {
.hm_recommen{justify-content: space-between;}
.reco_co{margin: 0 0 1em;padding: 0.3em;width: 49%;}
.reco_co img{width: 40%;margin: 0 30% 0em;}
.reco_co h3{padding: 0.5em 0.3em 0;}
.reco_co h3 span{display: block;width: fit-content;}
.reco_co p{padding: 0.3em;}
}

/*ツアー -----------------------------------------------------------------*/
section.tour{background:#e7f4fd;}
.hm_tour{justify-content: space-between;}
.tour_co{
width: 48%;
margin: 0 0 1em;
}
.tour_co_dep{font-size: 1em;}
.tour_co_h3{
font-size: 1em;
font-weight: bold;
}
.tour_co_price{margin-bottom:0;}
.tour_co_arrow{right: 0px;}
.tour_co_arrow i{font-size: 2.5em;}

@media screen and (max-width: 767px) {
.tour_co{width: 100%;margin: 0 0 1.5em;}
.tour_co_img{
height: 150px;
width: 100%;
float: none;
margin: 0;
}
.tour_co_h3{line-height: 1.5;}
}