@charset "UTF-8";
.container {
padding: 0px;
}
.well_w {
width: 1080px;
margin: auto;
}
.well_cts_wrap {
padding: 80px 0 44px;
position: relative;
}
.img_wrap img {
height: auto;
}
.btn_wrap a i {
transform: rotate( -90deg );
}
.green_hs {color: #779f36;}
.green_hm {color: #58ae9f;}
.bkc_green_hs {background-color: #779f36;}
.bkc_green_hm {background-color: #58ae9f;}
.bkc_lightgreen_hs {background-color: #f6f9f2;}
.bkc_lightgreen_hm {background-color: #f2f9f8;}
/*---- wellness mainimg wrap -----*/
#well_mainimg_con {
background-image: url("/asset/img/wellness-tourism/wellness_main_back.jpg");
height: 480px;
margin-bottom: 60px;
}
.well_mainmark {
width: 266px;
height: 154px;
padding-top: 72px;
margin: 0 auto;
}
#well_oltxt_con {
text-align: center;
padding: 0 0 60px;
}
#well_olmds {
color: #779f36;
font-weight: bold;
display: block;
font-size: 1.8rem;
}
#well_olmds span {
display: block;
font-size: 2.2rem;
margin-bottom: 30px;
}
#well_oltxt_con p {
font-size: 1.5rem;
}
/*---- wellness mokuji wrap -----*/
#well_mokuji_wrap {
padding: 60px 0 80px;
/*padding: 80px 0 80px;*/
}
#well_campmenu_con {
display: flex;
flex-direction: column;
width: 500px;
padding-bottom: 50px;
margin: 0 auto ;
}
#well_campmenu_con li {
background-color: #fff;
padding: 10px;
}
#well_campmenu_con li img {
height: auto;
}
#well_campmenu_con li:not(:last-child) {
margin-bottom: 14px;
}
#well_campmenu_con li a {
display: block;
}
#well_mokuji_outer {
display: flex;
justify-content: space-between;
}
#well_mkjttl {
border:solid 2px #a7c17d;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
width: 246px;
font-size: 1.5rem;
text-align: center;
}
#well_mkjttl span {
display: block;
width: 182px;
margin: 20px auto 6px;
}
#well_mkjmenu_contner {
width: 802px;
}
#wellmkj_mmmenu_con {
display: flex;
margin-bottom: 24px;
}
.wellmkj_mmmenu {
width: 254px;
}
.wellmkj_mmmenu:not(:last-child) {
margin-right: 20px;
}
.wellmkj_mmmenu a {
display: flex;
align-items: center;
position: relative;
border-top: solid 2px #d4a826;
border-bottom: solid 1px #d4a826;
font-weight: bold;
line-height: 1;
padding: 14px 0;
}
.wellmkj_i {
display: block;
width: 30px;
height: 30px;
margin-right: 16px;
}
.wellmkj_txt {
display: block;
font-size: 1.8rem;
}
.wellmkj_txt span {
display: block;
color:#cc9900;
font-size: 1.4rem;
margin-top: 8px;
}
#well_mkjmenu_contner .udarrow_3c3c3c,
#well_mkjmenu_contner .udarrow_fff {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
margin-right: 0;
}
#wellmkj_smenu_con {
display: flex;
}
.wellmkj_smenu {
width: calc((100% - 30px) / 2);
}
.wellmkj_smenu:first-child {
margin-right: 30px;
}
.wellmkj_smenu a {
display: block;
position: relative;
line-height: 1;
padding: 17px 14px;
border-radius: 5px;
}
.wellmkj_smenu a span {
color:#fff;
font-size: 1.8rem;
font-weight: bold;
}
.wellmkjsb_i {
width: 22px;
height: 22px;
margin-right: 16px;
vertical-align: -4px;
}
/*---- wellness movie wrap -----*/
#well_movie_con {
display: flex;
justify-content: space-between;
}
#well_movie_ttl {
width: 246px;
}
#well_movie_ttl h3 {
background-color: #cc9900;
color: #fff;
width: 246px;
text-align: center;
border-radius: 4px;
margin-bottom: 20px;
padding: 30px 0;
font-size: 1.6rem;
}
#well_movie_ttl h3 span {
display: inline-block;
width: 86px;
height: 44px;
margin-right: 10px;
vertical-align: -10px;
}
#sttb_movie_mds {
display: block;
color: #cc9900;
font-size: 1.8rem;
margin-bottom: 6px;
}
#well_youtube {
width: 802px;
background-color: #f9f7f5;
padding: 10px;
margin-bottom: 36px;
}
#well_youtube div {
margin-bottom: 0px;
position: relative;
width: 100%;
padding-top: 56.25%;
}
#well_youtube div iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
/*---- wellness model course wrap -----*/
.well_sec_mainttl {
height: 300px;
margin-bottom: 60px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-repeat: no-repeat;
position: relative;
}
#well_course .well_sec_mainttl {
background-image: url("/asset/img/wellness-tourism/wellness_modelcourse_main.jpg");
}
.well_sec_mainttl h3 {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
color: #fff;
text-align: center;
font-size: 1.6rem;
font-weight: bold;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
width: 350px;
padding: 18px 0 17px 0;
}
#well_course .well_sec_mainttl h3 {
background-color: #cc9900;
}
.well_sec_mainttl h3 span {
display: block;
width: 204px;
height: 48px;
margin: 0 auto;
}
.well_course_contn{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.well_course_item {
display: flex;
flex-direction: column;
width: 512px;
background-color: #fff;
border: solid 1px #efdfaf;
border-radius: 8px;
padding: 39px;
margin-bottom: 40px;
}
.well_curs_phname {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.well_curs_phname .img_wrap {
display: block;
width: 210px;
}
.well_curs_phname .name_wrap {
width: calc(100% - 232px);
}
.well_curs_phname .name_wrap h4 {
font-size: 1.8rem;
line-height: 1.5;
margin-bottom: 6px;
letter-spacing: 0.05em;
}
.well_curs_phname .name_wrap span {
display: inline-block;
background-color: #f6edd2;
border: solid 1px #cc9900;
border-radius: 4px;
color: #cc9900;
font-weight: bold;
line-height: 1;
padding: 6px 10px;
text-align: center;
}
.well_curs_txtcon {
border-top: solid 1px #efdfaf;
padding-top: 20px;
margin-bottom: 20px;
}
.well_curs_txt {
font-size: 1.5rem;
text-align: justify;
margin-bottom: 20px;
}
.well_curs_sptcn {
background-color: #f5f1ed;
padding: 24px;
border-radius: 5px;
}
.well_curs_sptcn dt {
background-color: #cc9900;
color: #fff;
text-align: center;
padding: 8px 0 7px;
font-size: 1.5rem;
margin-bottom: 18px;
}
.well_curs_sptcn dd {
text-align: justify;
}
.well_curs_sptcn dd span {
letter-spacing: 0em;
}
.well_curs_sptcn dd span::before {
content: "⚫︎";
color: #cc9900; 
}
.well_course_item .btn_wrap {
display: block;
width: 196px;
margin: auto auto 0 auto;
}
.well_course_item .btn_wrap a {
display: block;
padding: 12px 8px;
font-weight: bold;
line-height: 1;
text-align: center;
background-color: #efdfaf;
}
/*---- wellness how to enjoy wrap -----*/
#well_enjoy.well_cts_wrap {
padding-bottom: 34px;
}
#well_enjoy .well_sec_mainttl {
background-image: url("/asset/img/wellness-tourism/wellness_enjoy_main.jpg");
}
#well_enjoy .well_sec_mainttl h3 {
background-color: #cc9900;
}
.well_enjoy_contner {
border:solid 1px #efdfaf;
border-radius: 5px;
margin-bottom: 50px;
position: relative;
}
.well_enjoy_namecn {
background-color: #efdfaf;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
height: 60px;
}
.well_enjoy_namecn h4 {
font-size: 2.0rem;
padding: 12px 0 0 40px;
}
.well_enjoy_olcon {
padding: 39px;
display: flex;
justify-content: space-between;
}
.well_enjoy_olcon .img_wrap {
display: block;
width: 300px;
}
.well_enjoy_olcon .txt_wrap {
width: 660px;
}
.well_enjoy_contner .btn_wrap {
position: absolute;
right: 10px;
top:10px;
width: 310px;
display: flex;
justify-content: space-between;
align-items: center;
}
.well_enjoy_contner .btn_wrap li {
width: calc((100% - 10px) / 2);
}
.well_enjoy_contner .btn_wrap li.well_enjbtn_w100 {
width: 100%;
}
.well_enjoy_contner .btn_wrap li a {
display: block;
height: 40px;
line-height: 1;
text-align: center;
border-radius: 4px;
padding: 13px 0 0;
font-weight: bold;
}
.well_enjoy_contner .btn_wrap li.well_enjbtn_dtl a {
color: #fff;
background-color: #cc9900;
}
.well_enjoy_contner .btn_wrap li.well_enjbtn_mov a {
color: #cc9900;
background-color: #fff;
border:solid 1px #cc9900;
}
.well_enjoy_oltxt {
position: relative;
padding: 40px 0 0 40px;
font-size: 1.5rem;
line-height: 2;
}
.well_enjoy_oltxt::before {
content: url(/asset/img/sotsutabi/bracketsplus_2px60x60_orange.svgz);
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
}
.well_enjoy_olinfo {
margin-top: 36px;
border-top: solid 1px #d4d4d4;
display: flex;
flex-wrap: wrap;
}
.well_enjoy_olinfo dt {
display: flex;
align-items: center;
background-color: #f9f7f5;
color: #cc9900;
font-weight: bold;
width: 30%;
font-size: 1.5rem;
line-height: 1;
padding: 0 0 0 20px;
border-bottom: solid 1px #d4d4d4;
}
.well_enjoy_olinfo dd {
width: 70%;
font-size: 1.5rem;
padding: 14px 0 12px 20px;
border-bottom: solid 1px #d4d4d4;
}
.well_enjoy_olinfo dd span {
font-size: 1.6rem;
font-weight: bold;
}
/*---- wellness spot ---------------*/
#well_spot_hs, #well_spot_hm {
padding-top: 80px;
}
.well_spt_wrap {
padding: 60px 0 44px;
position: relative;
}
#well_hsspot01.well_spt_wrap {
padding-bottom: 80px;
}
#well_spot_hs .well_spt_wrap {
border-top: solid 1px #d6e7c9;
}
#well_spot_hm .well_spt_wrap {
border-top: solid 1px #d1eae6;
}
#well_spot_hs .well_sec_mainttl_outer, 
#well_spot_hm .well_sec_mainttl_outer {
position: relative;
margin-bottom: 80px;
}
#well_spot_hs .well_sec_mainttl,
#well_spot_hm .well_sec_mainttl {
height: 400px;
}
#well_spot_hs .well_sec_mainttl {
background-image: url("/asset/img/wellness-tourism/wellness_spot_hs_main.jpg");
}
#well_spot_hm .well_sec_mainttl {
background-image: url("/asset/img/wellness-tourism/wellness_spot_mh_main.jpg");
}
#well_spot_hs .well_sec_mainttl h3 {
background-color: #779f36;
}
#well_spot_hm .well_sec_mainttl h3 {
background-color: #58ae9f;
}
.well_spotttl_txt {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.8rem;
padding: 22px 0;
letter-spacing: 0.12em;
}
#well_spot_hs .well_spotttl_txt {
background-color: rgba(119,159,54,0.9);
}
#well_spot_hm .well_spotttl_txt {
background-color: rgba(88,174,159,0.9);
}
.well_spt_caten {
font-family: "din-2014-narrow", sans-serif;
display: block;
line-height: 1;
font-size: 1.5rem;
color: #fff;
width: 186px;
padding: 8px 0 7px;
border-radius: 4px;
text-align: center;
font-weight: bold;
position: absolute;
top:-15px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.well_pltmotif_lt {
background-repeat: no-repeat;
background-position: left top;
background-size: 224px 174px;
}
.well_pltmotif_rt {
background-repeat: no-repeat;
background-position: right bottom;
background-size: 156px 188px;
}
#well_spot_hs .well_pltmotif_lt {
background-image: url("/asset/img/wellness-tourism/well_motif_hs_lt_224x174.svgz");
}
#well_spot_hm .well_pltmotif_lt {
background-image: url("/asset/img/wellness-tourism/well_motif_hm_lt_224x174.svgz");
}
#well_spot_hs .well_pltmotif_rt {
background-image: url("/asset/img/wellness-tourism/well_motif_hs_rt_156x188.svgz");
}
#well_spot_hm .well_pltmotif_rt {
background-image: url("/asset/img/wellness-tourism/well_motif_hm_rt_156x188.svgz");
}
#well_spot_hs .well_spt_caten {
background-color: #779f36;
}
#well_spot_hm .well_spt_caten {
background-color: #58ae9f;
}
.well_spt_catmds {
padding-bottom: 60px;
text-align: center;
}
.well_spt_catmds h4 {
font-size: 2.2rem;
margin-bottom: 26px;
}
#well_spot_hs .well_spt_catmds h4 {
color: #779f36;
}
#well_spot_hm .well_spt_catmds h4 {
color: #58ae9f;
}
.well_spt_catmds p {
font-size: 1.5rem;
}
.well_spt_ttitem {
background-color: #fff;
border:solid 1px #e1edd7;
border-radius: 4px;
padding: 39px;
display: flex;
justify-content: space-between;
position: relative;
}
.well_spt_ttitem .img_wrap {
width: 300px;
}
.well_spt_ttitem .txt_wrap {
width: 660px;
padding-top: 48px;
}
.well_spt_ttitem .ttl_wrap {
position: absolute;
left:380px;
top:40px;
}
.well_spt_ttitem h5,
.well_spt_ykitem h5{
font-size: 1.8rem;
margin-bottom: 12px;
letter-spacing: 0.03em;
}
#well_spot_hs .well_spt_ttitem h5, 
#well_spot_hs .well_spt_ykitem h5 {
color: #779f36;
}
#well_spot_hm .well_spt_ttitem h5, 
#well_spot_hm .well_spt_ykitem h5 {
color: #58ae9f;
}
.well_spt_ttitem .txt_wrap p {
font-size: 1.5rem;
}
.well_spt_ttitem .btn_wrap,
.well_spt_ykitem .btn_wrap {
display: block;
width: 196px;
}
.well_spt_ttitem .btn_wrap {
position: absolute;
left: 380px;
bottom: 40px;
}
.well_spt_ykitem .btn_wrap {
margin: auto auto 0;
}
.well_spt_ttitem .btn_wrap a,
.well_spt_ykitem .btn_wrap a {
display: block;
padding: 12px 8px;
font-weight: bold;
line-height: 1;
text-align: center;
}
#well_spot_hs .btn_wrap a {
background-color: #e1edd7;
}
#well_spot_hm .btn_wrap a {
background-color: #d1eae6;
}
.well_spot_ykcon {
display: flex;
flex-wrap: wrap;
}
.well_spt_ykitem {
display: flex;
flex-direction: column;
width: 336px;
border-radius: 4px;
padding: 29px;
margin-bottom: 36px;
}
#well_spot_hs .well_spt_ykitem {
border:solid 1px #e1edd7;
}
#well_spot_hm .well_spt_ykitem {
border:solid 1px #d1eae6;
background-color: #f2f9f8;
}
.well_spt_ykitem .img_wrap {
margin-bottom: 24px;
}
.well_spt_ykitem .txt_wrap p {
margin-bottom: 20px;
text-align: justify;
}
#well_spot03 .well_spt_ykitem .txt_wrap p,
#well_spot05 .well_spt_ykitem .txt_wrap p {
letter-spacing: 0.05em;
}
.well_spt_ykitem:not(:nth-child(3n)) {
margin-right: 36px;
}
.well_pltmotif_lt .well_spt_ykitem, 
.well_pltmotif_lt .well_spt_ttitem {
background-color: #fff;
}
.well_pltmotif_rt .well_spt_ykitem, 
.well_pltmotif_rt .well_spt_ttitem {
background-color: #f2f9f8;
}
/*---- wellness bannar ---------------*/
#well_linkw {
border-top: solid 1px #e1edd7;
}
#well_linkw ul {
width: 708px;
margin: 0 auto;
}
#well_linkw li:not(:last-child) {
margin-bottom: 30px;
}
#well_linkw li a {
display: block;
}
.well_spot_ubncon {
padding: 34px 0 40px;
}
.well_spot_ubncon a,
.well_spot_ubncon a span {
display: block;
}
.well_spot_ubncon a {
background-color: #fff;
padding: 20px;
width: 708px;
margin: 0 auto;
}
.well_spot_ubncon a span:first-child {
margin-bottom: 10px;
}
.well_spot_ubncon a span:last-child {
font-size: 1.5rem;
letter-spacing: 0.03em;
}
#well_nif_txt {
display: block;
padding: 20px 0 80px;
border-top: #d4d4d4 1px solid;
text-align: center;
letter-spacing: 0em;
}