@charset "UTF-8";
.area-detail {width: 800px;margin: 40px auto;}
.area-detail p.subtitle{color: #238750;font-size: 75%;font-weight: bold;letter-spacing: .05em;}
.area-detail .area-detail_head{width: 100%; background-image: url(/common/img/li-dotted.png);background-position: bottom;background-repeat: repeat-x;padding-bottom: 16px;margin-bottom: 16px;}
.area-detail .area-detail_head p {display: inline-block;text-align: right;width: 120px;font-size: 87.5%;}
.area-detail .area-detail_head h2 {font-size: 137.5%;line-height: 1.6;margin-top: 4px;display: inline-block;width: 680px;}
.area-detail .detail-centence h3 {display: inline-block; font-weight: bold;color: #238750;/*font-size: 81.25%;*/font-size: 94%;margin: 54px 0 16px;border-bottom: 2px solid #238750; padding-bottom: 4px;line-height: 1.3;}
.area-detaill .detail-centence img {margin: 30px auto;}
.area-detail .area_main_img{margin-bottom: 10px;margin-top: 10px; }
.area-detail .area_main_img img{margin-left: auto;margin-right: auto}
.area-detail .detail-centence .local_feature{margin-bottom: 40px}
.area-detail .detail-centence .local_feature .local_feature_flex{margin-top: 20px}
.area-detail .detail-centence .local_feature .local_feature_flex .local_feature_img:last-of-type{margin-top: 25px}

.area-detail .detail-centence .local_livelihood{margin-bottom: 40px}
.area-detail .detail-centence .local_livelihood .local_livelihood_flex {margin-top: .5em}
.area-detail .detail-centence .local_livelihood .local_livelihood_flex a.local_livelihood_img{display: block;transition: .2s ease-out}
.area-detail .detail-centence .local_livelihood .local_livelihood_flex a.local_livelihood_img:hover img{opacity: .8}
.area-detail .detail-centence .local_livelihood .local_livelihood_flex .local_livelihood_img:not(:first-child){margin-top: 25px}
.area-detail .detail-centence .local_livelihood .local_livelihood_flex .local_livelihood_img p{font-size: 90%;line-height: 1.4em;margin: .7em 0 0}

.area-detail .detail-centence .local_feature p{margin-bottom: 1.3em}

@media screen and (min-width: 576px){
.area-detail .detail-centence .local_feature .local_feature_flex{display: flex;}	
.area-detail .detail-centence .local_feature .local_feature_flex .local_feature_img{width: calc((100% - 30px) / 2)}	
.area-detail .detail-centence .local_feature .local_feature_flex .local_feature_img:last-of-type{margin-left: 30px;margin-top: 0}
.area-detail .detail-centence .local_livelihood{margin-bottom: 25px}	
.area-detail .detail-centence .local_livelihood .local_livelihood_flex{display: flex;flex-wrap:wrap}
.area-detail .detail-centence .local_livelihood .local_livelihood_flex .local_livelihood_img{width: calc((100% - 30px) / 3);margin-bottom: 15px}	
.area-detail .detail-centence .local_livelihood .local_livelihood_flex .local_livelihood_img:nth-child(3n-1){margin-left: 15px;margin-right: 15px}

 _:-ms-lang(x)::-ms-backdrop, .area-detail .detail-centence .local_livelihood .local_livelihood_flex .local_livelihood_img:nth-child(3n-1){margin-left: 14px;margin-right: 14px} /* IE10 */


.area-detail .detail-centence .local_livelihood .local_livelihood_flex .local_livelihood_img:not(:first-child){margin-top: 0}
}

@media screen and (max-width: 767px){
.area-detail {width: 100%;margin: 26px auto;}	
.area-detail p.subtitle{font-size: 62%;width: 90%;margin: 0 auto;}
.area-detail .area-detail_head{margin: 0 auto 16px;}
.area-detail .area-detail_head h2 {font-size: 118.75%;line-height: 1.5;margin: 3px auto 2px;display: block;width: 90%;}
.area-detail .area-detail_head p {display: block;text-align: left; font-size: 81.25%;width: 90%;margin: 0 auto;}
.area-detail .detail-centence{width: 82%;margin: 0 auto;}
.area-detail .detail-centence h3{font-size: 87.5%;margin: 50px 0 16px;padding-bottom: 6px;}
}

.youtube_area {position: relative;width: 100%;padding-top: 56.25%;}
.youtube_area iframe {position: absolute;top: 0; right: 0; width: 100%;height: 100%;}