body {
    margin: 0;
    font-family: serif !important;
    color: #3C3C3C;
}

ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
ul,
li,
p {
    margin: 0;
    padding: 0;
}


p {
    line-height: 1.7em;
}

.sp-only{
    display: none;
}


/*(top-slider)カルーセルはここから***************************************************************/

.top_slide01{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0; 
    background-image: url(/wp-content/uploads/2022/01/ht_top_slide01.jpg);
}

.top_slide02{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0; 
    background-image: url(/wp-content/uploads/2022/01/ht_top_slide02.jpg);}

.top_slide03{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0; 
    background-image: url(/wp-content/uploads/2022/01/ht_top_slide03.jpg);}

.top_slide04{
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    margin: 0; 
    background-image: url(/wp-content/uploads/2022/01/ht_top_slide04.jpg);}

.top_slide05{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0; 
    background-image: url(/wp-content/uploads/2022/01/ht_top_slide05.jpg);}


.top-slider .slick-slide{
    height:600px;
}

/* .top-slider .slick-slide img{
    width:100%;
} */



.top-slider ul.slick-dots {
    bottom: 40px;
}

.slick-dots li button:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url(img_health-tourism/slick_dots_df.png);
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url(img_health-tourism/slick_dots_active.png);
    opacity: 1;
}

.slick-dotted.slick-slider{
    margin:0;
}

/*
.slick-prev,
.slick-next {
    z-index: 10;
    width: auto;
    height: auto;
}

.slick-prev {
    left: 100px;
}

.slick-next {
    right: 100px;
}

.slick-prev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    opacity: 1;
    color: #ffffff;
    font-size: 50px;
}

.slick-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    opacity: 1;
    color: #ffffff;
    font-size: 50px;
}
*/


@media screen and (max-width: 599px) {

ul.slick-dots {
position: static;
    } 

}

/*(slider)カルーセルはここまで***************************************************************/



/*ヘッダーはここから*/
.header-wrapper{
    position: relative;
}

.head-box {
    position:absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 500px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding-top: 45px;
    padding-bottom: 30px;
}

.head-box h1 {
    font-size: 40px;
}

.head-box p {
    font-size: 25px;
    margin-bottom: -5px;
}

.head-box p::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #3C3C3C;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
}



#kosha-program-header{
	background-color: #F4FAF4;
	padding: 15px 0 0;
}
#kosha-program-header .inner{
	max-width:987px;
	width:100%;
	margin:0 auto;
}
#kosha-program-header h1{
	display: flex;
	align-items: flex-end;
	line-height: 1;
}
#kosha-program-header h1 img{
	max-width:80px;
}
#kosha-program-header h1 span{
	font-size: 1.3em;
	margin-left: 0.5em;
	margin-bottom: 0.2em;
}
.kosha-program .program-container{
	margin-top:25px;
}


/*ナビはここから*/
.nav {
    margin: 0 auto;
    padding: 0;
/*     max-width: 1000px; */
    max-width: 1300px;
    display: flex;
/*
    justify-content: space-between;
    align-items: center;
*/
	border-right:1px solid #A0D468;
}
nav li{
	display: flex;
	width:100%;
	border-left:1px solid #A0D468;
    position: relative;
}
nav li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
    text-decoration: none;
    color: #3C3C3C;
    font-size: 16px;
    font-weight: bold;
    text-align:center;
}

.nav-li1 {
/*     text-align: center; */
/*     width: 33.333%; */
/*     line-height: 70px; */
}

.nav-li1 a {
    position: relative;
/*     display: inline-block; */
/*     width:100%; */
}

.nav-li1 a::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    content: '';
    width: 100px;
    height: 4px;
    background: #A0D468;
    opacity: 0;
    transition: .3s;
}

.nav-li1 a:hover::after {
    opacity: 1;
}

.nav-li2 {
    width:50%;
/*     width: 33.333%; */
/*     height: 52px; */
}

.nav-li2 a {
/*
    display: inline-block;
    width:100%;
    font-size: 20px;
*/
    color: #ffffff !important;
/*
    font-family: sans-serif;
    line-height: 1.3;
    text-decoration: none;
*/
    background-color: #A0D468;
/*     padding: 10px; */
    position: relative;
}

.nav-li2 a::after {
    position: absolute;
    left: 0;
    right: 0px;
    bottom: 0px;
    margin: auto;
    content: '';
    width: 100px;
    height: 4px;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.nav-li2 a:hover::after {
    opacity: 1;
    visibility: visible;
}

/*ご参加募集中はここから*/
.balloon2 {
    position: absolute;
    top: -30px;
    left: 140px;
    pointer-events: none;
}
.post-type-archive-ht_program .balloon2,
.single-ht_program .balloon2,
.page-id-21841 .balloon2 {
	display:none;
}

.balloon-shadow-line1 {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-family: sans-serif;
    color: #A0D468;
    border: 1px solid #A0D468;
    border-radius: 40px;
    text-align: center;
    line-height: 25px;
    white-space: nowrap;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    background-color: #ffffff;
    padding: 0 5px;
}

.balloon-shadow-line1::before,
.balloon-shadow-line1::after {
    content: '';
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    position: absolute;
    left: 55%;
    margin-left: -10px;
}

.balloon-shadow-line1::before {
    background: #A0D468;
    bottom: -5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.balloon-shadow-line1::after {
    background: #fff;
    bottom: -4px;
}

/*メインはここから*/
.beige-bg {
    background-color: #FCFBF5;
    overflow: hidden;
}

h2 {
    font-size: 30px;
}

.tit-en {
    font-size: 20px;
}


.helth-tit {
/*    width: 100%;*/
    max-width: 978px;
    text-align: center;
    color: #ffffff;
/*     font-family: sans-serif; */
    font-family: serif;
    font-size: 30px;
/*     line-height: 110px; */
    background-color: #A0D468;
    position: relative;
    padding:10px 0;
    margin:80px auto 0;
}

.helth-tit h2{
    line-height: 1.5em;
}

.helth-tit h2 span{
    font-size: 20px;
    font-weight: normal;
}

/*
.helth-tit h2::after {
    content: '';
    display: block;
    width: 60%;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
}
*/

.helth-tit01 {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 40px;
}

.helth-tit02 {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 40px;
}

.helth-cont {
    /*    width: 100%;*/
    max-width: 978px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    border: 1px dotted #707070;
    position: relative;
    background-color: #fff;
}

.helth-p {
    margin: 45px 30px;
}

.helth-cont::before {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    left: 0;
    right: 0;
    bottom: -16px;
    margin: 0 auto;
    border-top: 1px dotted #707070;
    border-right: 1px dotted #707070;
    background-color: #fff;
    transform: rotate(-225deg);
}

.photo-sample{
	position:relative;
}
.photo-sample::after{
	content:"写真はイメージです";
	font-size:0.8em;
	color:#fff;
	text-shadow:0 0 10px rgba(0,0,0,1);
	position:absolute;
	right:3px;
	bottom:3px;
}
.program-detail-img.photo-sample::after{
	color:#000;
	text-shadow:none;
	right:0px;
	bottom: -1.9em;
	background: #fff;
	padding: 5px 7px;
	line-height: 1;
}

.program-head .photo-sample::after{
	top:5px;
	right:5px;
	bottom:none;
}


/*健康長寿のまち京丹後*/

#con-long {
    max-width: 870px;
    margin: 50px auto;
    background-color: #ffffff;
    overflow: hidden;
}

.longlife-tit {
    text-align: center;
    margin: 50px 0 30px;
}

.program-summary{
	margin-bottom:30px;
}
.program-summary h2,
.program-summary h3 {
	font-size: 24px;
	color: #A0D468;
	font-weight: bold;
	font-family: serif;
	margin-bottom: 10px;
}

.longlife-cont1 {
    width: 95%;
    padding-bottom: 25px;
    border-bottom: solid 1px #3c3c3c;
    margin: 0 auto 25px;
    display: flex;
    flex-direction: column;
}

.longlife-txt{
    width:100%;
}

.kimura-san{
   width:100%; 
   font-size: 14px;
   font-family: sans-serif;
   display: flex;
   justify-content: center;
   align-items: center;
   margin:25px 0 0;
}

.longlife-img{
    border-radius: 50%;
    width:22%;
    margin:20px 20px 20px 0px;
}

.kimura-san span{
    font-weight: bold;
    font-size: 16px;
}

.kimura-san p{
    width: 50%;
    background-color: #F4FAF4;
    padding: 20px;
}

.longlife-cont2 {
    max-width: 95%;
    margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.longlife-cont2-1 {
    max-width: 48%;
}

.longlife-cont2-2 {
    max-width: 45%;
    border: solid 1px #A0D468;
    padding: 15px;
    font-family: sans-serif;
}


/*プログラムナビ*/
.program-nav{
	background:#A0D468;
	padding:2px 2px;
}
.program-nav ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
	max-width:900px;
	margin:0 auto;
}
.program-nav ul > *{
	width:calc(50% - 1px);
	
}
.program-nav ul > * a{
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
	background:rgba(255,255,255,0.8);
	padding:20px 3%;
}
.program-nav ul > * a:hover{
	background:rgba(255,255,255,1.0);
}
.program-nav li.pgm-certified a::before{
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	background:url(img_health-tourism/logo-htq_s.png);
	background-size:cover;
	margin-right:8px;
}



/*海の京都「百寿人生のレシピ」*/
.program-bg {
    background-color: #F4FAF4;
    overflow: hidden;
}

.program-container {
	display:block;
	width:100%;
    max-width: 978px;
    margin: 50px auto 50px;
    background-color: #ffffff;
    overflow: hidden;
    border: 1px solid #A0D468;
    position: relative;
}
.page-id-21841 .program-container {
    margin-top: 0;
}

.program-head {
    text-align: center;
}

.program-head img {
    width: 100%;
}

.program-mark{
position: absolute;
z-index: 10;
top:0;
left:87px;
}

.program-tit {
    position: relative;
    margin-top: -100px;
}
.tit-en-w {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
}

.tit-en-w::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    background-image: url(img_health-tourism/icon_protit_left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: bottom;
    margin-right: 5px;
}

.tit-en-w::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    background-image: url(img_health-tourism/icon_protit_right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: bottom;
    margin-left: 5px;
}

.program-tit-circle {
    width: 200px;
    height: 100px;
    border-radius: 100px 100px 0 0;
    background-color: #A0D468;
    margin: 0 auto;
}

.program-tit-box {
    background-color: #A0D468;
    color: #ffffff;
    width: 80%;
    height: auto;
    padding: 15px 25px;
    margin: 0 auto;
    margin-top: -50px;
}
.program-tit-box .title {
    font-size: 2.0rem;
}
.program-tit-box .title span {
	display: block;
	font-size: 0.6em;
	line-height: 1.4;
	font-weight: normal;
}

#program-list .program-container{
	margin-bottom:50px;
}


/* .br {
    display: inline-block;
} */

.program-tit-border {
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 5px;
}

.program-incontainer {
    max-width: 93%;
	margin: 50px auto 25px;
    overflow: hidden;
}

.program-cont1 h4 {
    font-size: 28px;
    color: #A0D468;
    position: relative;
    text-align: center;
    font-weight: normal;
}

.program-cont1 h4::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(img_health-tourism/icon_subtit_left.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 10px;
}


.program-cont1 h4::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(img_health-tourism/icon_subtit_right.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    margin-right: 5px;
    position:relative;
    bottom:5px;
    left:5px;
}

.box-check1 li::before {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    margin-right: 5px;
    color: #A0D468;
}

.box-check1 li {
    text-indent: -1.3em;
    padding-left: 1.3em;
    line-height: 2em;
}

.box-check1 {
    border: 1px dotted #3C3C3C;
    padding: 20px;
    margin-right: 10px;
    box-shadow: 10px 10px 0px 0 #F4FAF4;
}

.program-cont1 {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}

.program-cont1-1 {
    width: 49%;
}

.program-cont1-2 {
    width: 49%;
}

.program-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #A0D468;
    margin-bottom: 30px;
    min-height: 160px;
}

#program-day02{
	margin-top:60px;
}

.program-day-title-wrap{
	margin-bottom:25px;
}
.program-day-title{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: #ffffff;
	text-align:center;
	line-height:1;
	background-color: #A0D468;
	padding:15px;
}
.program-day-title b{
	font-size:1.3em;
	margin-right:5px;
}
.program-day-title-wrap p{
	font-size:1.2em;
	text-align:center;
	margin:15px 0 0;
}

.program-detail h5 {
    font-size: 18px;
    font-family: sans-serif;
    border-top: 1px dotted #707070;
    border-bottom: 1px dotted #707070;
    padding: 10px 0 5px;
    line-height: 1.7em;
    width: 100%;
/*     margin-top: 20px; */
}

.program-detail h5 span {
    font-size: 25px;
    color: #A0D468;
    margin-right: 5px;
}

.program-detail.day_title{
    min-height:auto;
}

.program-detail-img{
    width: 45%;
    height: auto;
    background-size: cover;
    background-position: center;
}
.program-detail-img img{
    width: 100%;
}

.program-detail-text {
    width: 55%;
    text-align: center;
    padding: 15px 0;
    margin: 0 30px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.program-detail.non-img .program-detail-text {
    width: 100%;
}

.program-detail-text p {
    font-size: 18px;
    text-align: left;
    font-family: sans-serif;
    line-height: 1.7em;
    margin-top: 10px;
}


.program-detail2-bg {
    background-color: #F4FAF4;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30px;
    font-family: sans-serif;
    padding: 25px;
    margin-bottom: 30px;
    margin-top: -30px;
}
.program-detail2 {
    display: flex;
    justify-content: center;
    width: 100%;
}

.program-detail2-1 {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-left: 20px;
}

.program-detail2-1 p:nth-child(1) {
    font-size: 20px;
    color: #A0D468;
    text-align: center;
    margin-bottom: 30px;
}

.program-detail2-1 p:nth-child(2) {
    text-align: center;
    margin-bottom: 30px;
}

.program-detail2-1 p:nth-child(3) {
    background-color: #ffffff;
    border: 1px solid #A0D468;
    padding: 30px 50px 30px 30px;

}

.program-detail2-2 {
    position: relative;
    right: 20px;
    top: 50px;
    width: 382px;
    height: 272px;
}

.program-detail2-3 {
    text-align: center;
    margin-top: 20px;
}

.program-detail-data {
/*     width: 90%; */
    border: 2px dotted #3C3C3C;
    padding: 30px 30px;
    box-shadow: 10px 10px 0px 0 #F4FAF4;
    margin: 0 auto 40px;
}

.program-detail-data dl{
	display:flex;
	flex-wrap:wrap;
	font-size:1.1em;
	border-bottom:1px solid rgba(0,0,0,0.25);
	padding:10px 0;
}
.program-detail-data dl dt{
	width:30%;
}
.program-detail-data dl dd{
	width:70%;
}

.program-detail-data ul {
    overflow: hidden;
}
.program-detail-data li::before {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    margin-right: 5px;
    color: #A0D468;
}

.box-check2 li {
/*
    width: 45%;
    line-height: 2em;
    text-indent: -1.3em;
    padding-left: 1.3em;
    float: left;
*/
}

.ht_program_planner{
	background:rgba(0,0,0,0.05);
	border:1px solid rgba(0,0,0,0.25);
	padding:20px 35px;
	margin-bottom:50px;
}


.program-block-title{
	font-size: 1.5em;
	text-align:center;
	margin-bottom:0.5em;
}


.program-cont4 li {
    list-style-type: disc;
    margin-left: 20px;
}

.program-cont4 {
	margin-top: 0.5em;
/*     margin-bottom: 50px; */
}

.balloon-shadow-line2 {
    width: 420px;
    font-size: 19px;
    font-family: sans-serif;
    color: #A0D468;
    border: 1px solid #A0D468;
    border-radius: 40px;
    text-align: center;
    line-height: 35px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    background-color: #ffffff;
    z-index: 0;
}

.balloon-shadow-line2::before,
.balloon-shadow-line2::after {
    content: '';
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    margin-left: -10px;
    z-index: -1;
}

.balloon-shadow-line2::before {
    background: #A0D468;
    bottom: -10px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.balloon-shadow-line2::after {
    background: #fff;
    bottom: -9px;
}

.program-button {
    display: block;
    width: 374px;
    font-size: 24px;
    color: #ffffff !important;
    font-family: serif;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    line-height: 44px;
    background-color: #A0D468;
    border: 2px solid #A0D468;
    padding:10px 5px;
    margin-top: 20px;
}

.program-button:hover {
    background-color: #ffffff;
    border: 2px solid #A0D468;
    color: #A0D468 !important;
}

.fa-file-alt {
    padding-right: 5px;
}

#healthtourism-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#con-about {
    max-width: 870px;
    margin: 50px auto;
    background-color: #ffffff;
    overflow: hidden;
}

.about-tit {
    text-align: center;
    margin-top: 50px;
}

.about-cont {
    width: 95%;
    display: flex;
    align-items: center;
    margin: -30px auto;
}

.about-img {
    border-radius: 50%;
}

.about-txt {
    padding-left: 30px;
}

.about-button a {
    display: inline-block;
    text-decoration: none;
    line-height: 36px;
    background-color: #A0D468;
    border: 1px solid #A0D468;
    padding: 0 30px;
    font-family: sans-serif;
    color: #ffffff;
    margin: 0 30px 30px 0;
}

.about-button a:hover {
    background-color: #ffffff;
    border: 1px solid #A0D468;
    color: #A0D468;
}

.about-button {
    display: flex;
    justify-content: flex-end;
}


#stay-info,
#program-info,
#program-access{
	margin-top:100px;
}

.footer-container .about-button{
	justify-content: center;
	margin: 60px 0 30px;
}
.footer-container .about-button a{
	margin: 0 0;
}


/*トップに戻るボタン*/
#page-top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #a0d468;
}

#page-top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}

#page-top a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    line-height: 25px;
}


/*フッターはここから*/
.footer-bg {
    background-color: #F6F3EE;
    overflow: hidden;

}

.footer-container {
    margin: 50px auto;
    max-width: 870px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 2em;
    padding: 0 30px;
}

.fo-tit {
    font-weight: bold;
}


.fo-ta {
    margin-bottom: 30px;
    position: relative;
}

.fo-logo::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(img_health-tourism/logo_uminokyoto.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

.border {
    border-bottom: 1px dashed #3C3C3C;
    margin-bottom: 30px;
}

.fo-con1 {
    display: flex;
}

.fo-con1-2 {
    margin-left: 30px;
}

.copy {
    text-align: center;
    width: 100%;
    line-height: 50px;
    color: #3C3C3C;
    background-color: #A0D468;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
}

/*(slider)カルーセルはここから***************************************************************/

/*
.slick-slide {
    max-height: 400px;
}
*/

.slider ul.slick-dots {
    top: 5px;
}

.slick-dots li button:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url(img_health-tourism/slick_dots_df.png);
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url(img_health-tourism/slick_dots_active.png);
    opacity: 1;
}


.slick-prev,
.slick-next {
    z-index: 10;
    width: auto;
    height: auto;
}

.slick-prev {
    left: 100px;
}

.slick-next {
    right: 100px;
}

.slick-prev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    opacity: 1;
    color: #ffffff;
    font-size: 50px;
}

.slick-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    opacity: 1;
    color: #ffffff;
    font-size: 50px;
}

.slider__item {
    transition: .2s ease;
    transform: scale(.85);
    transform-origin: 80% 50%;

}

.slick-current {
    transform: scale(1);
    transform-origin: 50% 50%;
}

.is-active-next {
    transform: scale(1);
}

.slick-current + .slick-slide{
   transform-origin: 20% 50%; 
}

@media screen and (max-width: 599px) {

ul.slick-dots {
position: static;
    } 

}

/*(slider)カルーセルはここまで***************************************************************/





.post-type-archive-ht_program .program-head {
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	text-align: left;
}
.post-type-archive-ht_program .program-head > * {
	width:50%;
}
.post-type-archive-ht_program .program-tit {
	position: static;
	margin-top: 0px;
}
.post-type-archive-ht_program .program-tit-box {
	width: 100%;
	color: #000;
	background: transparent;
	margin-top: 0px;
}
.post-type-archive-ht_program .program-tit-box .title {
	font-size: 1.7rem;
}

.post-type-archive-ht_program .ht_prg_kikan,
.post-type-archive-ht_program .ht_prg_fee {
	font-size:1.1em;
	text-align: right;
	line-height: 1.4;
	margin-top:0.5em;
}






/*タブレットサイズ調整はここから**************************/
@media screen and (max-width: 768px) {
    
    .pc-only{
        display: none;
    }
    
    pc-tab-only{
        display: block;
    }
    
    .tab-only{
        display: block;
    }
    
    .sp-only{
        display: none;
    }
    
    p {
        font-size: 15px;
    }

    li {
        font-size: 15px;
    }

    .head-box {
        width: 400px;
    }

    .head-box h1 {
        font-size: 24px;
    }

	.top-slider .slick-slide{
	    height:450px;
	}
	
	.head-box p {
	    font-size: 20px;
	    margin-bottom: -5px;
	}
	
	.nav-li1 {
	    text-align: center;
	    width: 306px;
	}
	
	
	.nav-li1 a {
	    font-size: 18px;
	}
	
	.nav-li2 a {
	    font-size: 18px;
	    line-height: 1.5;
	    position: relative;
	    bottom:2px;
	}
	
	.helth-tit{
		padding: 10px 0 40px;
	    margin-top:50px;
	}

	.helth-tit h2 {
		font-size: 26px;
		line-height: 1.3;
	}

	.helth-tit01 {
/* 	    display: none; */
		width: 15%;
		left: 20px;
	}
	
	.helth-tit02 {
/* 	    display: none; */
		width: 25%;
		right: 20px;
	}
	

/*
	h2 {
	    font-size: 26px;
	}
*/
	
	.helth-tit h2 span {
	    font-size: 18px;
	}
	
	.tit-en {
	    font-size: 18px;
	}
	
	h3 {
	    font-size: 18px;
	}
	
	h4 {
	    margin-bottom: 5px;
	    font-size: 24px;
	}
	
	
	h5 span {
	    font-size: 22px;
	}
	
	    
	.program-container {
	    width: 95%;
	}
	
	.program-detail1-2 p {
	    font-size: 16px;
	    line-height: 2em;
	}
	
	    
	.program-detail2 {
	    display: flex;
	    flex-wrap: wrap;
	    margin: 0 auto;
	    }
	
	.program-detail2-1 {
	        margin: 30px auto;
	        width: 95%;
	    }
	.program-detail2-1 p:nth-child(1) {
	    font-size: 18px;
	    margin-bottom: 20px;
	}
	
	.program-detail2-1 p:nth-child(2) {
	    text-align: center;
	    margin-bottom: 20px;
	}
	
	.program-detail2-1 p:nth-child(3) {
	    background-color: #ffffff;
	    border: 1px solid #A0D468;
	    padding: 20px;
	
	}
    .program-detail2-2{
        position: static;
    } 
	    
	.program-detail2-3 {
	    font-size: 15px;
	}
	
	.balloon-shadow-line2 {
	    width: 370px;
	    font-size: 17px;
	}
	
	.program-button {
	    line-height: 40px;
	    width: 360px;
	    font-size: 22px;
	}
	
	.program-cont1 h4 {
		font-size: 20px;
	}
	.program-cont1 h4::before,
	.program-cont1 h4::after{
		width:25px;
		height:25px;
	}
	
	#con-long {
	    width: 95%;
	}
	
	#con-about {
	    width: 95%;
	}
	
	.footer-bg p {
	    font-size: 14px;
	    line-height: 2em;
	}

}

/*スマホサイズ調整はここから**************************/
@media screen and (max-width: 599px) {
    /*スマホヘッダーはここから*/
    .pc-only{
        display: none;
    }
    
    .pc-tab-only{
        display: none;
    }
    
    .tab-only{
        display: none;
    }
    
    .sp-only{
        display: block;
    }
    
    p {
        font-size: 15px;
    }
    
    .head-box {
        width: 70%;
    }

    /*スマホナビはここから*/
	.drawer-hamburger-icon,
	.drawer-hamburger-icon::after,
	.drawer-hamburger-icon::before {
		background-color: #000;
	}
    
	.drawer-nav {
		padding: 0;
	}
    
    .nav {
        flex-wrap: wrap;
        border-right:0;
    }

    .nav-li1 {
        width: 100%;
        line-height: 1.5;
        border-bottom: 1px dotted #3c3c3c;
        border-left: 3px solid #A0D468;
    }
    .nav-li1 a {
        padding:25px 10px;
    }
    .nav-li2 {
        width: 100%;
    }

    .nav-li2 a {
        line-height: 1.5;
        padding:25px 10px;
        position:relative;
        bottom: 0px;
    }

    /*スマホご参加募集中*/

    .balloon {
        top: -20px;
        right: 5px;
    }
	.balloon2 {
		top: -10px;
		left: 120px;
	}


    /*スマホメインはここから*/

    h2 {
    font-size: 23px;
    }
    h3 {
    font-size: 17px; 
    }

    .helth-tit {
        margin-top: 0px;
    }

    .helth-cont {
        width: 100%;
        flex-wrap: wrap;
    }

    .helth-p {
        margin: 20px 0px;
        width: 90%;
    }

    #con-long {
        margin: 30px auto;
    }

    .longlife-cont2 {
        width: 95%;
        flex-wrap: wrap;
    }

    .longlife-cont2-1 {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .longlife-cont2-2 {
        max-width: 100%;
    }

    .kimura-san {
        flex-direction: column;
    }

    .kimura-san p{
        width:98%;
    }

    .longlife-img{
        width:60%;
        margin: 0px 0px 15px 0px;
    }

	.program-nav ul > * a {
		font-size: 1.2rem;
	}

    .program-container {
        width: 95%;
        margin: 30px auto 30px;
    }

    .program-mark {
        position: absolute;
        z-index: 10;
        top: 5px;
        left: 5px;
    }

    .program-tit {
        margin-top: 10px;
    }
    .program-tit-box {
        width: 100%;
        padding: 15px 15px;
    }
	.program-tit-box .title {
		font-size: 1.4rem;
	}
    .program-tit-box h2 {
        display: flex;
        flex-direction: column;
        line-height: 1.5em;
    }
    
	.program-incontainer {
		margin: 30px auto;
	}
    
	.program-summary {
		padding: 0 5%;
	}
    
	h4 {
	    margin-bottom: 5px;
	    font-size: 22px;
	}
    h4::before {
        display: none;
    }

	.program-summary h2, .program-summary h3 {
		font-size: 1.2em;
	}

    h4::after {
        display: none;
    }

    .box-check1 {
        margin-bottom: 50px;
    }

    .program-cont1 {
        flex-wrap: wrap;
        margin-bottom: 0px;
    }

    .program-cont1-1 {
        width: 100%;
    }

    .program-cont1-2 {
        width: 100%;
    }

    h5 {
        font-size: 17px;
        margin-top: 10px;
        padding:5px 0px;
    }

    h5 span {
        font-size: 17px;
    }

    .program-detail1 {
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .program-detail1-01,
    .program-detail1-02,
    .program-detail1-03,
    .program-detail1-04,
    .program-detail1-05{
        width: 100%;
        height: 200px;
    }

    .program-detail1-2 {
        width: 92%;
        margin: auto;
    }


    .program-detail1-2 p {
        font-size: 16px;
        line-height: 1.7em;    
        margin-bottom: 10px;
    }


    .program-detail2-2{
        text-align: center;
        height: auto;
    }
    
    .program-detail2-2 img{
    width:95%;
    } 
    
    .box-check2 {
/*
        width: 70%;
        padding: 20px 40px;
*/
    }

    .box-check2 li {
/*         width: 95%; */
    }

    .balloon-shadow-line2 {
        width: 80%;
        font-size: 16px;
        line-height: 22px;
        padding: 0 10px;
    }

    .program-button {
        width: 95%;
        font-size: 20px;
    }
    #con-about {
        margin: 30px auto;
    }

    .about-cont {
        width: 95%;
        flex-wrap: wrap;
        justify-content: center;
        margin: 30px auto;
    }

    .about-img {
        margin-bottom: 30px;
    }

    .about-txt {
        padding-left: 0px;
    }

    .about-button a {
        margin: 0px auto 30px;
    }

    .top-slider .slick-slide{
        height: 375px;
    }

	.program-detail {
		display: block;
	}
	.program-detail-img,
	.program-detail-text{
		width:100%;
	}
	.program-detail-text{
		padding: 25px 6% 20px;
		margin: 0;
	}
	.program-detail-text p {
		font-size: 16px;
	}

	.program-detail-data {
		width: 100%;
		padding: 10px 25px;
	}
	.program-detail-data dl {
		display: block;
	}
    .program-detail-data dl dt,
    .program-detail-data dl dd {
		width: 100%;
	}
	.program-detail-data dl dt {
		margin-bottom:5px;
	}
    .program-detail-data dl dd {
		padding-left:1em;
	}
    
    
	.post-type-archive-ht_program .program-head {
		display: block;
	}
	.post-type-archive-ht_program .program-head > * {
		width: 100%;
	}
	.post-type-archive-ht_program .program-tit-box .title {
		font-size: 1.5rem;
	}
	.post-type-archive-ht_program .ht_prg_kikan,
	.post-type-archive-ht_program .ht_prg_fee {
		font-size: 1.0em;
	}
    
    
    
    
    /*スマホフッターはここから*/



    .fo-con1 {
        flex-wrap: wrap;
    }

    .fo-con1-2 {
        margin-left: 0px;
        margin-top: 30px;
    }

    .copy {
        line-height: 30px;
        font-size: 12px;
    }

}