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

/*日本地図*/
.japanMap{position: relative;margin-top: 40px;}
.japanMap h4{font-size: 17px;line-height: 1.3;margin-bottom: 10px;}
.japanMap h4 span{color: #eca700; font-size: 18px;}
.japanMap h4 small{font-size:10px;}
.japanMap p{font-size: 13px; line-height: 1.6;}
.japanMap p span{ color: #eca700;}
.japanMap p a{ color: #000; text-decoration: none;}
.japanMap p a::before{ content: url(../img//vol83/icon_pc.png); position: relative; top: 1px; padding-right: 5px;}
.japanMap p.lh_1{ line-height: 1.2;}

.mg_t8{ margin-top: 8px;}

.japanMap .map-img{width: 740px;width: 950px;}
.japanMap ul{position: relative;}
.japanMap-item01{position: absolute; top: 149px; left: 26px;  width: 350px;}
.japanMap-item02{position: absolute; bottom: -28px; left: 168px; width: 475px;}
.japanMap-item03{position: absolute; top: 330px; left: 590px; width: 315px;}
.japanMap-item04{position: absolute; bottom: 253px; right: -203px; width: 300px;}
.japanMap-item05{position: absolute; bottom: 165px; left: -115px; width: 240px;}
@media screen and (max-width:1190px){
    
}


.japanMap ul li:not(:last-child) {z-index: 5}
.japanMap_sp{position: relative;}
.japanMap_sp ul{position: relative; display: inline-block; margin: 0 auto;}
.japanMap_sp ul li.pinIcon{position: absolute; width: 5%; z-index: 1;}
.japanMap_sp ul li.pinIcon:nth-child(1){top: 71%; left: 46.5%;}
.japanMap_sp ul li.pinIcon:nth-child(2){bottom: 20.5%; left: 62.5%;}
.japanMap_sp ul li.pinIcon:nth-child(3){top: 67.5%; left: 63%;}
.japanMap_sp ul li.pinIcon:nth-child(4){top: 80.5%; left: 67.5%;}
.japanMap_sp ul li.pinIcon:nth-child(5){top: 70%; right: 62%;}



/* 点滅 */
@keyframes blinking {
	0% {opacity: 0;}
	75% {opacity: .9;}	
	100% {opacity: 1;}
}
.japanMap_sp ul li.pinIcon {
	animation: blinking 1.5s ease-in-out infinite alternate;
}


.mapPincap{text-align: center;}

.map_img{}
.map_img figure{ max-width: 500px; margin: 0 auto;}

@media screen and (max-width: 960px){
.popup-box{background: #ffffff;padding: 45px 40px 15px;}

.popup-box .flex img,
.popup-box .flex > div{width: 48%;} 
	
.popup-box h4{font-size: 18px;line-height: 1.3;margin: 10px 0;}
.popup-box h4 span{color: #e99846; font-size: 18px;}
.popup-box h4 small,.popup-box p small{display: inline-block; font-size: 10px; line-height: 1.5;}
}

@media screen and (max-width: 640px){
/*.japanMap_sp ul li.pinIcon{position: absolute; max-width: 25px; width: 100%;z-index: 1;}
.japanMap_sp ul li.pinIcon:nth-child(1){top: 12%;left: 95%;}
.japanMap_sp ul li.pinIcon:nth-child(2){top: 25%;left: 88%;}
.japanMap_sp ul li.pinIcon:nth-child(3){top: 47%;left: 47%;}
.japanMap_sp ul li.pinIcon:nth-child(4){top: 40%;left: 7%;}
.japanMap_sp ul li.pinIcon:nth-child(5){top: 35%;left: 24%;}*/
.mfp-container .mfp-arrow{top: 35%;}
.popup-box .flex img,
.popup-box .flex > div{width: 100%;} 	

}

/*ご当地プチ自慢*/
.contents_comic .inner {margin: 80px auto 0;}

.contents_comic .comic_right {width: 50%; position: relative;}
.contents_comic .comic_right .frame01 {position: absolute; top: 60px; right: -5px;}
.contents_comic .comic_right .frame02 {display: none;}
.contents_comic .comic_right .flex {justify-content: left;}
.contents_comic .comicWrapcomic_right h4 {color: #be7a82; padding-left: 10px;}

.contents_comic .comic_right p span {font-weight: bold;}

.contents_comic .comic_left {width: 50%; text-align: center;}
.contents_comic .comic_left .comicbox01 {margin-top: 10px; padding: 15px; border: 2px solid #e1d5cf;}
.contents_comic .comic_left .comicbox01 p {font-size: 10px; text-align: left;}

.contents_comic h3{text-align: center; font-size: 25px; margin-bottom: 40px;}
.contents_comic h3 span{border-bottom: 2px solid #333; padding-bottom: 5px;}

.contents_comic .nameBox{color: #fff; background: #eca700; margin:0 auto 10px; padding: 5px 10px; text-align: center; z-index: 1;}

@media screen and (max-width: 640px){
    .contents_comic .inner {margin: 40px auto 0;}
    .contents_comic .inner figure {width: 100%; margin-bottom: 20px;}
    .contents_comic .comic_right {width: 100%;}

    .contents_comic .comic_right .frame01 {display: none;}
    .contents_comic .comic_right .frame02 {display: block; position: absolute; top: 60px; right: -5px;}
    .contents_comic .comic_right .comicbox02 p {padding: 0 10px;}

    .contents_comic .comic_left {width: 100%; margin-bottom: 20px;}
    .contents_comic .comic_left .comicbox01 {margin-top: 0; padding: 15px;}
}


/*皆さまからのお写真*/
.contents_photo .inner {margin: 80px auto 0;}
.contents_photo ul{align-items: stretch;}
.contents_photo li{position: relative; width: 32%; padding: 5px; align-items: stretch;}
.contents_photo ul::after {display: block; content:""; width: 32%;}
.contents_photo li .nameBox{color: #fff; background: #eca700; margin:0 auto 10px; padding: 5px 10px; text-align: center; z-index: 1;}
.contents_photo li .lines2 {font-size: 12px; padding: 7px 0;}

.contents_photo li .lines3 {position: relative;}
.contents_photo li .lines3 .frame01 {position: absolute; top: 60px; right: 0;}
.contents_photo li .lines3 .frame01 img {padding: 0;}
.contents_photo li .lines3 .frame02 {display: none;}
.contents_photo li .lines3 img {padding: 0 0 10px 5px;}

.contents_photo li figure + h4{color: #ca80b3;line-height: 1.5;font-weight: bold;margin: 10px auto;text-align: center;}
.contents_photo li p{line-height: 1.5; text-align: left; margin-top: 7px; padding: 0 17px;}
.contents_photo li span{font-weight: bold; float: right;}

.japanMap-cap{bottom: -230px; position: absolute;}

.contents_photo h3{text-align: center; font-size: 25px;}
.contents_photo h3 span{border-bottom: 2px solid #333; padding-bottom: 5px;}

.yotei_icon {
    position: relative;
    display: block;
    margin: 0 auto;
    /* padding: 5px; */
    max-width: 270px;
    width:100%;
    color: #555;
    font-size: 16px;
    background: #ca80b3;
    border-radius: 5px;
    width: 80%;
    margin-top: 20px;
}

.yotei_icon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 10px solid #ca80b3;
}

.yotei_icon h3 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #ffffff;
    /* font-size: 20px; */
    letter-spacing: 5px;
    font-weight: 600;
}

.yotei_icon + p {text-align: center; margin-top: 5px; font-size: 20px; font-weight: bold;}

@media screen and (max-width: 960px){
	.contents_photo li{width: 48%;}
    .contents_photo li .lines2 {top: 0;}
}

@media screen and (max-width: 640px){
	.contents_photo{margin: 40px auto;}
	.contents_photo li{width: 100%;}

    .contents_photo li .lines3 .frame01 {display: none;}
    .contents_photo li .lines3 .frame02 {display: block; position: absolute; top: 60px; right: 0;}
    .contents_photo li .lines3 .frame02 img {padding: 0;}
    .contents_photo li figure {padding-left: 10px;}
}


/*プレゼント*/

.contents_present .inner{margin: 80px auto 0;}

.contents_present .photoWrap{}

.contents_present .photoWrap{position: relative; background: #dfe9db; padding: 20px 30px; margin-bottom: 20px;}

.contents_present .photoWrap .item_right{width: 80%;}

.contents_present .photoWrap .item_right > h3{text-align: center; font-size: 20px;}

.contents_present .photoWrapTtl {margin: 0 auto 20px; text-align: center;}
.contents_present .photoWrapTtl img:first-child{margin-bottom:30px;}

.contents_present .presentWrap {margin: 0 auto 30px; justify-content: space-around;}
.contents_present .presentWrap .item_left {position: relative; width: 35%;}
.contents_present .presentWrap .item_left .flex {justify-content: flex-end;}
.contents_present .presentWrap .item_left .flex img {position: absolute; left: 0; width: 25%;}
.contents_present .presentWrap .item_left .flex h3 {padding-left: 95px; margin-bottom: 10px;}

.contents_present .presentWrap .item_right {width: 60%;}
.contents_present .presentWrap .item_right h3 {text-align: left;}
.contents_present .presentWrap .item_right h4 span {color: #9373af;}
.contents_present .presentWrap .item_right p span {color: #9373af;}


.contents_present .noticeWrap {margin: 0 auto 20px; text-align: center;}
.contents_present .noticeWrap h3 {margin-bottom: 15px;}
.contents_present .noticeWrap p {font-size: 14px; text-align: left;}
.contents_present .noticeWrap p span {font-weight: bold;}

.contents_present .RecruitmentWrap,
.contents_present .scheduleWrap {margin: 0 auto 20px; text-align: center;}
.contents_present .RecruitmentWrap h3,
.contents_present .scheduleWrap h3 {position: relative; font-size: 20px; font-weight: bold; color: #9373af; margin-bottom: 10px;}
/*.contents_present .RecruitmentWrap h3::before,
.contents_present .RecruitmentWrap h3::after,
.contents_present .scheduleWrap h3::before,
.contents_present .scheduleWrap h3::after {position: relative; display: inline-block; content: ""; background: #ea6b3b;
    width: 2px; height: 1.5em; margin: 0 1em; margin-top: -.2em; vertical-align: middle;}
.contents_present .RecruitmentWrap h3::before,
.contents_present .scheduleWrap h3::before {transform: rotate(-35deg);}
.contents_present .RecruitmentWrap h3::after,
.contents_present .scheduleWrap h3::after {transform: rotate(35deg);}*/


.contents_present .scheduleWrap h3::before,
.contents_present .scheduleWrap h3::after {position: relative; display: inline-block; content: ""; background: #9373af;
    width: 2px; height: 1.5em; margin: 0 1em; margin-top: -.2em; vertical-align: middle;}
.contents_present .scheduleWrap h3::before {transform: rotate(-35deg);}
.contents_present .scheduleWrap h3::after {transform: rotate(35deg);}

.contents_present .RecruitmentWrap p {font-size: 18px; margin: 0 auto 10px; border: 2px solid #9373af; border-radius: 5px;}


.contents_present .scheduleWrap table {margin: 0 auto; font-weight: bold;}
.contents_present .scheduleWrap table th,
.contents_present .scheduleWrap table td {vertical-align:middle; padding: 8px;}
.contents_present .scheduleWrap table tr {border-bottom: 1px solid #747474;}
.contents_present .scheduleWrap table tr:first-child {background-color: #9373af; color: #fff; border-bottom: none;}
.contents_present .scheduleWrap table tr:first-child th {border: none;}
.contents_present .scheduleWrap table tr td {border-left: 1px dashed #747474;}
.contents_present .scheduleWrap table tr td:first-child {border-left: none;}
.contents_present .scheduleWrap table tr td span {font-size: 20px;}


.contents_present .postWrap {margin: 0 auto; width: 70%; justify-content: flex-end;}

.contents_present .postWrapTtl {margin: 0 auto 20px; text-align: center;}
.contents_present .postWrapTtl h3 {position: absolute; top: 0; left: 0; color: #fff; font-size: 20px; background-color: #000; width: 100%;}
.contents_present .postWrapTtl img{margin-top:35px;}

.contents_present .postWrap .item_left {position: relative; width: 70%;}
.contents_present .postWrap .item_left p {font-size: 14px;}
.contents_present .postWrap .item_left p:last-child {font-size: 18px; color: #9373af; margin-top: 5px;}

.contents_present .postWrap .item_right {width: 25%;}


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

}
	
@media screen and (max-width: 640px){
    .contents_present .photoWrap{padding: 15px;}

    .contents_present .photoWrapTtl {width: 80%;}

    .contents_present .presentWrap {display: block; margin: 0 auto;}
    .contents_present .presentWrap .item_left {width: 100%; margin-bottom: 20px;}
    .contents_present .presentWrap .item_left .flex img {left: 0; width: 20%;}
    .contents_present .presentWrap .item_left .flex h3 {padding-left: 80px;}
    .contents_present .presentWrap .item_right {width: 100%;}

    .contents_present .RecruitmentWrap h3,
    .contents_present .scheduleWrap h3 {font-size: 18px; margin-bottom: 5px;}

    .contents_present .RecruitmentWrap p {font-size: 13px; margin: 0 auto 5px;}

    .contents_present .scheduleWrap {margin: 0 auto;}
    .contents_present .scheduleWrap table th,
    .contents_present .scheduleWrap table td {padding: 5px;}
    .contents_present .scheduleWrap table {font-size: 12px; width: 100%;}
    .contents_present .scheduleWrap table tr td span {font-size: 14px;}

    .contents_present .noticeWrap h3 {width: 80%; margin: 0 auto 15px;}

    .contents_present .postWrap {width: 100%; justify-content: space-between;}
    .contents_present .postWrapTtl {width: 80%;}
    .contents_present .postWrapTtl h3 {font-size: 16px;}
    .contents_present .postWrap .item_left {width: 50%;}
    .contents_present .postWrap .item_right {width: 45%;}
    .contents_present .postWrap .item_left p:last-child {font-size: 14px; margin: 0 auto 5px;}

}


/*picup*/

.picup {
    line-height: 1.4;
    border: 2px solid #e99846;
    border-radius: 5px;
    margin: 55px auto 0px;
    padding: 25px;
    overflow-wrap: break-word;
}
.picup_textimg {
    position: absolute;
    display: block;
    margin: -75px 0 0 150px;
}
.picup p {
    font-size: 13px;
    line-height: 1.6;
}
.picup p span {
    color: #e99846;
}
.picup h4 {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.picup h4 small {
    font-size: 10px;
}
.picup_flex {
    display: flex;
    align-items: center;
}
.picup_flexin {
    padding: 0 25px 0 0;
    width: 80%;
}
.picup_link {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
}
.picup_link p {
    border-left: 1.5px solid #e99846;
    border-right: 1.5px solid #e99846;
    padding: 0 25px;
}
.picup_link p+ p {
    border-left: 0;
    border-right: 1.5px solid #e99846;
    padding: 0 15px 0 40px;
}
.picup_in {
    display: flex;
    margin-top: 10px;
}
.picup_in h4,.picup_in p {
    color: #e85b04;
}
.picup_in h4 {
    margin-bottom: 5px;
}
.picup_in img{
    padding: 0 20px 0 0;
}
.picup .yotei_icon {
    position: relative;
    display: block;
    margin: -44px auto 20px;
    padding: 5px;
    max-width: 650px;
    width: 100%;
    color: #555;
    font-size: 18px;
    background: #e99846;
    border-radius: 5px;
    width: 80%; 
}
.picup .yotei_icon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 10px solid #e99846;
}
.picup_in .oubobtn {
    text-align: center;
    padding-top: 20px;
}
.picup_in .oubobtn p {
    color: #333333;
}
.picup_in .oubobtn_wrap {
    display: inline-block;
    margin: 0 auto 15px;
}
.picup-sp {
    display: none;
}
@media screen and (max-width: 960px){
    .picup-sp {
        display: block;
        margin: 100px 0 40px;
    }
    .picup_link{flex-direction: column;}
    .picup_link p{border: none; padding: 0;}
    .picup_link p + p{padding: 10px 0 0; margin-top: 10px; border-right:none; border-top: 1px solid #e99846;}
}
@media screen and (max-width: 640px){
    .picup {
        padding: 30px 25px;
    }
    .picup h4 {
        margin: 10px 0 20px;
    }
    .picup_flex {
        display: block;
    }
    .picup_textimg {
        margin: -75px 80px 0;
    }
    .picup_fleximg {
        text-align: center;
    }
    .picup_flexin {
        padding: 0;
        width: 100%;
    }
    .picup_link {
        display: block;
        margin-bottom: 40px;
    }
    .picup_in {
        display: block;
        text-align: center;
        margin: 0 auto 30px;
    }
    .picup_in h4, .picup_in p {
        text-align: left;
    }
    .picup_in h4 {
        margin-bottom: 10px;
    }
    .picup_in img {
        padding: 0 0 15px 0;
    }
}