@charset "UTF-8";
/* Language */
#head_logo a img:last-child {
width: 196px;
margin: 8px auto 0;
}
.header_hitcan {
display: block;
font-size: 1.2rem;
font-weight: bold;
line-height: 40px;
padding: 0 20px;
/*border-left: solid 1px #d4d4d4;*/
}
.mainmenu_li_lang {
width: 220px;
}
.mainmenu_li_lang a {
display: block;
height: 100px;
padding-top: 20px;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
transition: all 0.3s ease 0s;
}
.mainmenu_li_lang a:hover {
background-color: #f9f7f5;
color: #2ea7e0;
opacity: 1;
}
.mainmenu_li_lang i {
width: 30px;
height: 30px;
display: block;
margin: 0px auto 6px; 
}
#home_mainimg_wrap {
height: 566px;
position: relative;
}
#home_mainimg_wrap .main_mark {
display: block;
width: 408px;
height: 238px;
margin: auto;
padding-top: 150px;
}
.langtop main {
background-color: #fff;
}
#lang_pubnr_wrap {
padding: 60px 0;
}
.lang_pubnr {
background-color: #f9f7f5;
background-image: linear-gradient(-45deg, #f5f1ed 60px, transparent 0);
}
.lang_pubnr a {
display: flex;
position: relative;
align-items: center;
}
.lang_pubnr .img_wrap {
display: block;
width: 480px;
}
.lang_pubnr .txt_wrap {
width: 616px;
padding: 30px 0 30px 40px;
}
.lang_pubnr .txt_wrap h3 {
font-size: 1.8rem;
color: #2ea7e0;
}
.lang_pubnr:not(:last-child) {
margin-bottom: 40px;
}
#lang_abouthkd_ol {
margin-bottom: 50px;
}
#lang_abouthkd_ol .ttl26 {
margin-bottom: 40px;
}
#lang_abouthkd_ol p {
font-size: 1.5rem;
}
#lang_basicinfo_con {
width: 616px;
background-repeat: no-repeat;
background-position: left bottom;
background-size: 606px 538px;
padding-right: 52px;
}
#lang_basicinfo_con h3 {
font-size: 1.8rem;
color: #ad9276;
font-weight: bold;
line-height: 1;
padding: 14px 20px;
border: solid 1px #ad9276;
}
#lang_basicinfo_con dl {
font-size: 1.5rem;
display: flex;
border-bottom: solid 1px #d4d4d4;
padding: 16px 0px 16px 10px;
}
#lang_basicinfo_con dt {
width: 50px;
font-weight: bold;
}
#lang_access_con {
width: 564px;
padding: 50px 50px 30px;
background-color: #fff;
}
#lang_access_con h2 {
margin-bottom: 30px;
}
#lang_access_con h2 i {
    width: 20px;
    height: 20px;
    vertical-align: 0px;
}
.langaccs_item_con {
margin-bottom: 20px;
}
.langaccs_item_ol {
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
background-color: #ad9276;
font-size: 1.6rem;
font-weight: bold;
line-height: 50px;
padding: 0 10px 0 26px;
}
.langaccs_tpt {
display: flex;
justify-content: flex-end;
}
.langaccs_tpt span {
display: block;
width: 36px;
height: 36px;
background-color: #c9b6a4;
border-radius: 5px;
margin-left: 8px;
position: relative;
}
.langaccs_tpt span i {
width: 22px;
height: 22px;
margin-right: 0px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.langaccs_item_con dl {
display: flex;
justify-content: space-between;
border-bottom: solid 1px #d4d4d4;
padding: 14px 10px;
}
.langaccs_item_con dt {
font-weight: bold;
font-size: 1.5rem;
letter-spacing: 0em;
}
.langaccs_item_con dd {
text-align: right;
}
#lang_spot_wrap {
padding-bottom: 20px;
}
#lang_spot_header {
background-image: url(/asset/img/home/hello_hako_back_left.png), url(/asset/img/home/hello_hako_back_right.png), url(/asset/img/home/hello_hako_back.jpg);
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: 754px 380px, 358px 380px, cover;
background-position: left top, right top, 0% 0%;
height: 380px;
}
.lspot_con_ttl {
color: #fff;
padding-top: 86px;
font-size: 2.8rem;
background-image: url(/asset/img/common/marker_148x18_blue.png);
background-repeat: no-repeat;
background-position: left bottom;
}
.lspot_con_ttl i {
width: 44px;
height: 44px;
margin-right: 20px;
vertical-align: -8px;
}
#lang_spot_container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: -200px;
}
.lang_spot_item {
position: relative;
width: 360px;
background-color: #f1f9fd;
background-image: linear-gradient(-45deg, #fff 60px, transparent 0);
padding: 26px;
margin-bottom: 50px;
}
#lang_movie_tic_wrap .lang_spot_item {
background-color: #fff;
background-image: none;
margin-bottom: 0px;
}
.lang_spot_item .img_wrap {
display: block;
margin-bottom: 20px;
}
.lang_spot_item .txt_wrap {
padding-bottom: 38px;
}
.lang_spot_item .txt_wrap h3 {
font-size: 1.6rem;
margin-bottom: 18px;
}
.lang_spot_item .txt_wrap p {
font-size: 1.5rem;
margin-bottom: 20px;
}
.lang_spot_item .txt_wrap .btn01 {
width: 308px;
position: absolute;
bottom:26px;
left:26px;
display: block;
background-color: #2ea7e0;
}
#lang_movie_tic_wrap .btn01 {
background-color: #3c3c3c;
}
.lang_spot_item .txt_wrap .btn01 a {
display: block;
}
#lang_movie_tic_wrap {
background-color: #f1f9fd;
padding: 70px 0;
}
.lang_movie {
width: 770px;
padding: 40px;
}
.lang_movie iframe {
vertical-align: bottom;
}
.lang_tic {
width: 360px;
padding: 26px;
}
#lang_gourmet_wrap {
padding: 70px 0;
background-image: url("/asset/img/lang/lang_gourmet_back.jpg");
background-repeat: no-repeat;
background-position: right top;
}
#lang_gourmet_wrap h2,
#lang_event_wrap h2 {
margin-bottom: 30px;
}
#lang_gourmet_con {
background-color: #f9f7f5;
padding: 35px;
display: flex;
}
#lang_gourmet_con li {
width: 368px;
}
.lang_grm_ttl {
padding-right: 34px;
}
.lang_grm_ttl .img_wrap,
.lang_grm_ccl .img_wrap {
display: block;
}
.lang_grm_ttl h3 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.lang_grm_ttl p {
font-size: 1.5rem;
font-weight: bold;
}
.lang_sushi {
background-image: url("/asset/img/lang/lang_grm_back01.png");
background-repeat: repeat;
}
.lang_ramen {
background-image: url("/asset/img/lang/lang_grm_back02.png");
background-repeat: repeat;
}
.lang_grm_ccl .img_wrap {
width: 334px;
margin-bottom: 30px;
}
.lang_grm_ccl .txt_wrap {
padding: 0 34px 34px;
color: #fff;
}
.lang_grm_ccl .txt_wrap h3 {
font-size: 1.8rem;
margin-bottom: 18px;
}
.lang_grm_ccl .txt_wrap p {
font-size: 1.5rem;
}
#lang_event_wrap {
padding: 70px 0;
}
#lang_event_con {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.lang_event_item:first-child,
.lang_event_item:nth-child(2) {
margin-bottom: 60px;
}
.lang_event_item {
width: 564px;
background-color: #f9f7f5;
}
.lang_event_item .img_wrap {
position: relative;
}
.lang_event_item .img_wrap span {
display: block;
position: absolute;
bottom: 0;
right: 0;
text-align: center;
width: 156px;
line-height: 50px;
color:#fff;
font-weight: bold;
font-size: 2.6rem;
background-color: rgba(60,60,60,0.7);
border-top-left-radius: 10px;
}
.lang_event_item .txt_wrap {
padding: 30px;
}
.lang_event_item .txt_wrap p {
margin-bottom: 20px;
font-size: 1.5rem;
}
.lang_event_item .txt_wrap dl {
width: 254px;
}
.lang_event_item .txt_wrap dt {
background-color: #fff;
font-weight: bold;
line-height: 1.5;
padding: 6px 12px 3px;
margin-bottom: 8px;
font-size: 1.5rem;
}
#lang_event_spring .txt_wrap dt,
#lang_event_fall .txt_wrap dt {
color: #ca4e59;
}
#lang_event_winter .txt_wrap dt, 
#lang_event_summer .txt_wrap dt {
color: #5c639f;
}
.lang_event_item .txt_wrap dd {
line-height: 1.5;
margin-bottom: 8px;
}
.lang_event_item .txt_wrap span {
display: block;
width: 230px;
}
#lang_udbannar_wrap {
padding: 70px 0 40px;
border-top:solid 1px #cdb9a7;
}
#lang_udbannar_wrap li {
margin: 0 auto 20px;
width: 716px;
}
#lang_udbannar_wrap li a {
display: block;
}
#lang_footer_main {
background-color: #cdb9a7;
padding: 40px 0;
color: #fff;
}
#lang_foot_menu {
margin-bottom: 20px;
}
#lang_foot_menu ul {
display: flex;
justify-content: center;
}
#lang_foot_menu ul li {
line-height:1;
}
#lang_foot_menu ul li a {
display: block;
padding: 0 14px;
}
#lang_foot_menu ul li:not(:last-child) a {
border-right: solid #fff 1px;
}
#lang_foot_menu ul li i {
width: 14px;
height: 14px;
margin-right: 0px;
}
#lang_foot_sns ul {
display: flex;
justify-content: space-between;
width: 194px;
margin: 0 auto;
}
#lang_foot_sns ul li a {
    display: block;
    width: 32px;
    height: 32px;
}
#lang_foot_sns ul li a i {
    width: 32px;
    height: 32px;
    margin-right: 0px;
}
#lang_footer_under {
padding: 40px 0 70px;
text-align: center;
}
#lang_foot_logo {
width: 206px;
height: 78px;
margin: 0 auto 20px;
}
#lang_foot_logo a {
display: block;
}
.lang_foot_txt div {
font-weight: bold;
font-size: 1.5rem;
}
.lang_foot_txt span {
font-size: 1.3rem;
}
/*cookienotice*/
#cookie-notice .cn_en {
display: block;
}
#cookie-notice .cn_jp {
display: none;
}
/*wellness-tourism*/
#well_youtube {
background-color: #fff;
}
.well_enjoy_olcon {
padding-bottom: 110px;
}
.well_enjoy_contner .btn_wrap {
right: 39px;
top:auto;
bottom: 39px;
width: 660px;
justify-content: flex-end;
}
.well_enjoy_contner .btn_wrap li {
width: 212px;
}
.well_enjoy_contner .btn_wrap li:not(:last-child) {
margin-right: 12px;
}
.well_enjoy_contner .btn_wrap li a {
height: 44px;
padding: 14px 0 0;
font-size: 1.6rem;
}
.well_enjoy_contner .btn_wrap li.well_enjbtn_dtl a:hover {
background-color:  #806000;
transition-property : background-color;
transition-duration: 0.25s;
opacity: 1;
}
.well_enjoy_contner .btn_wrap li button {
width: 100%;
height: 44px;
}
.well_enjoy_contner .btn_wrap a i {
display: none;
}
.well_spt_wrap {
padding: 0px 0 44px;
}
#well_spot_hs {
padding: 80px 0 44px;
}
#well_spot_hs .well_spt_wrap {
border-top: none;
padding-bottom: 0;
}
#well_hsspot01.well_spt_wrap {
padding-bottom: 0px;
}
#well_spot_hs .well_sec_mainttl_outer {
margin-bottom: 0px;
}
#well_spot_hs .well_spot_ttcon {
padding-bottom: 50px;
border-bottom: solid 1px #e1edd7;
margin-bottom: 50px;
}
#well_spot_hs .well_spt_ttitem {
background-image: url(/asset/img/wellness-tourism/well_motif_hs_rt_156x188.svgz);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 156px 188px;
}
#well_spot_hs .well_spt_ykitem {
background-color: #fff;
}
.well_spt_ykitem .txt_wrap p {
margin-bottom: 0px;
}
.well_spt_ttitem .txt_wrap p {
width: 560px;
}
.well_spot_ubncon {
padding-top: 0px;
}
.well_spot_ubncon a {
width: 727px;
}
.well_enjoy_olinfo dt {
width: 24%;
}
.well_enjoy_olinfo dd {
width: 76%;
}
.well_enjoy_olinfo dd ul {
padding-left: 18px;
}
.well_enjoy_olinfo dd li {
list-style-type: decimal;
}