@charset "UTF-8";
/* CSS Document */

body{ background-color: #f8f8f8;}
.midashi01{}
@media (min-width: 768px) {
.midashi01{ padding: 70px 0 60px;}
}
@media (max-width: 767.98px) {
.midashi01{ padding: 55px 0;}
}





.page_list{ list-style: none; padding: 0;}
.page_list>li{}
.page_list>li>span{ display: block; background-color: black; background-repeat: no-repeat; background-position: center; background-size: cover;}
.page_list>li>p{ display: flex; align-items: center;}
.page_list>li>p>time{}
.page_list>li>p>span{ background-color: black; color: white; font-weight: bold;}
.page_list>li>p.text{ display: block; line-height: 2em; height: auto; overflow: hidden;}
.page_list>li>h2{ font-weight: bold;}

.page_list.page_list_3>li{ border-bottom: #8d8d8d dotted 1px;}
.page_list.page_list_3>li>a::before{ content: "詳しく見る"; font-weight: bold; text-decoration: underline;}
@media (min-width: 768px) {
.page_list{ display: flex; flex-wrap: wrap; width: 940px; margin: 0 auto;}
.page_list>li{ width: 275px; margin: 0 19px 90px;}
.page_list>li>span{ padding: 0 0 72.8%; margin-bottom: 17px; border-radius: 10px;}
.page_list>li>p{ height: 30px; margin: 0 -5px 10px;}
.page_list>li>p>time,.page_list>li>p>span{ margin: 0 5px;}
.page_list>li>p>time{}
.page_list>li>p>span{ line-height: 30px; border-radius: 15px; padding: 0 1em; font-size: 14px;}
.page_list>li>h2{ font-size: 18px; margin: 0 0 10px;}
.page_list>li>p.text{ font-size: 14px; max-height: 12em; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.page_list>li>a{ color: black;}
.page_list>li>a::before{ content: "詳しく見る"; font-weight: bold; text-decoration: underline;}
.page_list.page_list_2>li{ width: 430px; margin: 0 20px 80px;}
.page_list.page_list_2>li>span{ padding: 0 0 72.4%;}
.page_list.page_list_3{ width: 900px; border-top: #8d8d8d dotted 1px; margin-bottom: 100px;}
.page_list.page_list_3>li{ margin: 0; display: flex; width: 100%; height: 90px; align-items: center;}
.page_list.page_list_3>li>p{ width: 138px; margin: 0;}
.page_list.page_list_3>li>p>span{ width: 100%; text-align: center; margin: 0; padding: 0;}
.page_list.page_list_3>li>h2{ width: 690px; padding: 0 20px; margin: 0;}
.page_list.page_list_3>li>a{ width: 72px; text-align: left;}
.page_list.page_list_3>li>a::before{ font-size: 14px; }
}
@media (max-width: 767.98px) {
.page_list{}
.page_list>li{ margin: 0 0 45px; position: relative;}
.page_list>li>span{ padding: 0 0 59%; margin-bottom: 15px; border-radius: 5px;}
.page_list>li>p{ height: 30px; margin: 0 -5px 10px; font-size: 18px;}
.page_list>li>p>time,.page_list>li>p>span{ margin: 0 5px;}
.page_list>li>p>time{}
.page_list>li>p>span{ line-height: 30px; border-radius: 15px; padding: 0 1em; font-size: 14px;}
.page_list>li>h2{ font-size: 18px; margin: 0 0 12px;}
.page_list>li>p.text{ font-size: 14px; max-height: 8em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 0;}
.page_list>li>a::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 
	calc(100% - 45px);}
.page_list.page_list_3{ margin-bottom: 50px;}
.page_list.page_list_3>li{ padding: 30px 0; margin: 0;}
.page_list.page_list_3>li>a::before{ font-size: 15px; position: relative; color: black;}
.page_list.page_list_3>li>p>span{ width: 140px; text-align: center; padding: 0;}

}





@media (min-width: 768px) {
.pagination{ display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-items: center; margin: -30px -5px 50px; font-size: 16px;}
.pagination>a{ border: 1px solid #cccccc; color: black; background-color: #f8f8f8; text-align: center; font-weight: bold; display: flex; justify-content: center; align-items: center; line-height: 50px; width: 50px; margin: 5px;}
.pagination>a.active,
.pagination>a:hover{ color: white; background-color: #cccccc; text-decoration: none;}
.pagination>span{ margin: 5px;}
.see_more_btn{ display: none;}
}
@media (max-width: 767.98px) {
.pagination{ display: none;}
.see_more_btn{ margin: 0; padding-bottom: 45px;}
.see_more_btn>a{ font-size: 16px; width: 130px; line-height: 45px; text-align:center; display: block; margin: 0 auto; border: 1px solid #ccc; font-weight: bold; color: black;}
.see_more_btn>a::before{ content:"> ";}
}





.ct_list{ list-style: none; padding: 0; display: flex; flex-wrap: wrap;}
.ct_list>li{ position: relative;}
.ct_list>li>a{ background-color: black; color: white; display: block; font-weight: bold; text-align: center;}
.ct_list>li>a::after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
@media (min-width: 768px) {
.ct_list{ width: 608px; margin: 0 auto; padding-bottom: 30px;}
.ct_list>li{ width: 138px; margin: 0 7px 20px; transition: .3s;}
.ct_list>li:hover{ opacity: 0.7;}
.ct_list>li>a{ font-size: 14px; line-height: 30px; border-radius: 15px;}
}
@media (max-width: 767.98px) {
.ct_list{ margin: 0 -5px; padding-bottom: 40px;}
.ct_list>li{ width: calc(50% - 30px); margin: 0 15px 26px;}
.ct_list>li>a{ font-size: 13px; line-height: 30px; border-radius: 15px;}
}




.ct_list.index_ct{}
.ct_list.index_ct>li{}
.ct_list.index_ct>li>a{ margin: 0 auto;}
.ct_list.index_ct>li>span{ display: block; background-repeat: no-repeat; background-size: contain; background-position: center; padding: 0 0 76%;}
@media (min-width: 768px) {
.ct_list.index_ct{ width: 930px;}
.ct_list.index_ct>li{ width: calc(25% - 30px); margin: 0 15px 50px;}
.ct_list.index_ct>li>a{ width: 138px;}
.ct_list.index_ct>li>span{ border-radius: 10px; margin-bottom: 20px;}
}
@media (max-width: 767.98px) {
.ct_list.index_ct{ margin: 0 ; padding-bottom: 40px;}
.ct_list.index_ct>li{ width: calc(50% - 20px); margin: 0 10px 26px;}
.ct_list.index_ct>li>a{ font-size: 13px; line-height: 30px; border-radius: 15px;}

.ct_list.index_ct>li>span{ border-radius: 5px; margin-bottom: 10px;}
}





.detail_head{}
.detail_head h1{ font-weight: normal; margin: 0;}
.detail_sub_head{}
.detail_sub_head{ display: flex; align-items: center; flex-wrap: wrap;}
.detail_sub_head>time{}
.detail_sub_head>span{ background-color: black; color: white; font-weight: bold;}
.detail_main img{}
#detail_slide{ text-align: center;}
.swiper-pagination-bullet{ background-color: transparent; border: 1px solid black; opacity: 1; position: relative;}
.swiper-pagination-bullet-active::before{ content: ""; position: absolute; background-color: black; display: block; border-radius: 50%;}
.sns_box{ display: flex; flex-wrap: wrap;justify-content: center; align-items: center;}
.detail_container{}
@media (min-width: 768px) {
.detail_head{ margin-bottom: 20px;}
.detail_head h1{ font-size: 32px;}
.detail_sub_head{ margin-bottom: 10px;}
.detail_sub_head>time,.detail_sub_head>span,.detail_sub_head>h1{ margin: 0 5px;}
.detail_sub_head>time{}
.detail_sub_head>span{ line-height: 30px; border-radius: 15px; padding: 0 1em; font-size: 14px;}
.detail_container{ font-size: 14px; padding-bottom: 50px; margin-top: 30px;}
.detail_main{ margin-bottom: 30px;}
.detail_main img,
.detail_container img{ border-radius: 10px;}
#detail_slide{ margin-bottom: 30px;}
#detail_slide img{ border-radius: 10px;}
.swiper-wrapper{ padding-bottom: 50px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;}
.swiper-pagination-bullet{ width: 14px; height: 14px;}
.swiper-pagination-bullet-active::before{ width: 8px; height: 8px; top: 2px; left: 2px;}
.sns_box{ font-size: 14px; padding-top: 40px;}
.sns_box>strong,.sns_box>a,.sns_box>iframe{ margin: 0 5px;}
}
@media (max-width: 767.98px) {
.detail_head{ margin-bottom: 15px;}
.detail_head h1{ font-size: 21px;}
.detail_sub_head{ font-size: 18px;}
.detail_sub_head>time,.detail_sub_head>span,.detail_sub_head>h1{ margin: 0 5px 15px;}
.detail_sub_head>time{}
.detail_sub_head>span{ line-height: 30px; border-radius: 15px; padding: 0 1em; font-size: 14px;}
.detail_container{ font-size: 14px; padding-bottom: 40px; margin-top: 20px;}
.detail_main{ margin-bottom: 20px;}
.detail_main img,
.detail_container img{ border-radius: 5px;}
#detail_slide{ margin-bottom: 20px;}
#detail_slide img{ border-radius: 5px;}
.swiper-wrapper{ padding-bottom: 35px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;}
.swiper-pagination-bullet{ width: 15px; height: 15px;}
.swiper-pagination-bullet-active::before{ width: 9px; height: 9px; top: 2px; left: 2px;}
.sns_box{ font-size: 14px; padding-top: 30px;}
.sns_box>strong{ width: 100%; text-align: center;}
.sns_box>strong,.sns_box>a,.sns_box>iframe{ margin: 5px;}
}






.white_back{ background-color: white;}
.detail_map{}
.info_title{ font-weight: bold;}
.info_map{}
.info_ad{ line-height: 1.7em;}
.info_ad a{ color: #2695df; text-decoration: underline; display: inline-block;}
.info_ad a::before{ content:">";}
.white_back.ct_box{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position: relative;}
.white_back.ct_box::after{ content: ""; background-color: white; position: absolute; left: 0; width: 100%;}
.ct_title{ font-weight: bold; text-align: center;}
@media (min-width: 768px) {
.white_back{ min-width: 1030px; padding-top: 70px; padding-bottom: 70px;}
.detail_map::after{ content: ""; clear: both; display: table;}
.info_title,.info_ad{ float: left; width: 205px;}
.info_map{ float: right; width: 695px;}
.info_title{ font-size: 26px;}
.info_ad{ font-size: 14px;}
.info_ad a{ margin-top: 30px;}
.white_back .sns_box{ padding-bottom: 40px; margin-bottom: 30px;}
.white_back.ct_box{ margin-bottom: 70px; padding-top: 20px; padding-bottom: 10px;}
.white_back.ct_box::after{ min-width: 1030px; bottom: -70px; height: 69px;}
.ct_title{ font-size: 20px;}
.white_back.ct_box .ct_list{ padding-bottom: 0;}
}
@media (max-width: 767.98px) {
.white_back{ padding-top: 50px; padding-bottom: 50px;}
.detail_map::after{ content: ""; clear: both; display: table;}
.info_title{ font-size: 21px;}
.info_map{ margin-bottom: 10px;}
.embed-responsive-21by9::before{ padding-top: 62.5%;}
.info_ad{ font-size: 14px;}
.info_ad a{ margin-top: 10px;}
.white_back .sns_box{ padding-bottom: 40px;}
.white_back.ct_box{ margin-bottom: 50px; padding-top: 40px; padding-bottom: 10px;}
.white_back.ct_box::after{ bottom: -50px; height: 49px;}
.ct_title{ font-size: 21px;}
.white_back.ct_box .ct_list{ padding-bottom: 0;}
}







@media (min-width: 768px) {
.link_btn{ width: 280px;}
}
@media (max-width: 767.98px) {
.link_btn{ max-width: 240px; height: 45px;}
}









#pt_box{}
#pt_box h1,
#pt_box h2{ font-weight: bold;}
#pt_box h1{}
#pt_box h2{}
#pt_box p{}
#pt_box ul{}
@media (min-width: 768px) {
#pt_box{ padding-top: 100px; padding-bottom: 60px;}
#pt_box h1{ font-size: 32px;}
#pt_box h2{ font-size: 22px;}
#pt_box p{ margin: 0 0 70px;}
#pt_box ul{ margin: calc(-70px + 1em) 0 80px;}
}
@media (max-width: 767.98px) {
#pt_box{ padding-top: 50px; padding-bottom: 50px; font-size: 12px;}
#pt_box h1{ font-size: 21px;}
#pt_box h2{ font-size: 16px;}
#pt_box p{ margin: 0 0 40px;}
#pt_box ul{ margin: calc(-40px + 1em) 0 40px;}
}







.page_list>li>p>span,
.ct_list>li>a,
.detail_sub_head>span{ background-position: -82px -230px; background-repeat: no-repeat; background-size: 518px auto;}

.morning .page_list>li>p>span,
.morning .ct_list>li>a,
.morning .detail_sub_head>span{ background-image: url("../images/page/back_morning.jpg");}
.morning .swiper-pagination-bullet{ border-color: #1e9bcf;}
.morning .swiper-pagination-bullet-active::before{ background-color: #1e9bcf;}
.morning #pt_box h1{ color: #1e9bcf;}

.daytime .page_list>li>p>span,
.daytime .ct_list>li>a,
.daytime .detail_sub_head>span{ background-image: url("../images/page/back_daytime.jpg");}
.daytime .swiper-pagination-bullet{ border-color: #4fc79a;}
.daytime .swiper-pagination-bullet-active::before{ background-color: #4fc79a;}
.daytime #pt_box h1{ color: #4fc79a;}

.night .page_list>li>p>span,
.night .ct_list>li>a,
.night .detail_sub_head>span{ background-image: url("../images/page/back_night.jpg");}
.night .swiper-pagination-bullet{ border-color: #0b54a7;}
.night .swiper-pagination-bullet-active::before{ background-color: #0b54a7;}
.night #pt_box h1{ color: #0b54a7;}