@charset "UTF-8";
/* ============== 共通とPC ======= background:#ccc; ======== */

#ebinaiKeyVisual {
	width: 100%;
	height: 340px;
	background: url(../_up_keyvisual_img/ebina_kv01.jpg) no-repeat center center;
	background-size: cover;
	margin: 90px 0 10px 0;
}
#ebinaiKeyVisual h2 {
	line-height: 340px;
}
#ebinaBtns .btnMsg {
	margin: 40px 0 35px 0;
	text-align: center;
	font-size: 18px;
}
.whichBtns {
    width:100%;
	margin: 0 0 30px 0;
	text-align: center;
}
.whichBtns div {
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 1;
    width: 33%;
}
.whichBtns a {
	color: #0099d3;
	display: block;
	text-decoration: none;
	padding: 15px 0;
}
.whichBtns div p br {
	display: none;
}
.whichBtns div p {
	margin: 0 15px;
	font-size: 20px;
	border: 2px solid #0099d3;
	padding: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 1.5;
}
.whichBtns div s {
	display: block;
	color: #0099d3;
	line-height: 1;
	margin-top: -3px;
	font-size: 16px;
	padding: 0;
	vertical-align: top;
}
.whichBtns div q {
	display: block;
	color: #0099d3;
	line-height: 1;
	margin-top: -3px;
	font-size: 16px;
	padding: 0;
	vertical-align: top;
    visibility: hidden;
}

.whichBtns .btnHistory .current::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 25px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_history_wh.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.whichBtns .btnHistory .linked a::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 25px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_history.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.whichBtns .btnTrad .current::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 25px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_tradition_wh.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.whichBtns .btnTrad .linked a::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 25px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_tradition.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.whichBtns .btnEvent .current::before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_event_wh.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.whichBtns .btnEvent .linked a::before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_event.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.whichBtns .current {
	background-color: #0099d3;
	color: #ffffff;
	padding: 15px 0;
}
.whichBtns a:hover {
	background-color: #10a9e3;
	color: #ffffff;
}
.whichBtns .btnHistory .linked a:hover::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 25px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_history_wh.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.whichBtns .btnTrad .linked a:hover::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 25px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_tradition_wh.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.whichBtns .btnEvent .linked a:hover::before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -8px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_event_wh.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.whichBtns.bottomBtn s, 
.whichBtns.bottomBtn q {
	display: none;
}


/* ------海老名の今と昔-------------- */
#ebinaHistory h3 {
	background-color: #19a3d7;
    color: #ffffff;
    font-size: 28px;
    line-height: 40px;
    padding: 5px 20px;
    margin: 40px 0 45px 0;
}
/*
#ebinaHistory h3::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 21px;
	margin: -5px 3px 0 0;
	background: url(../_img_bg/icon_history_blue.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}*/
#ebinaHistory h4 {
    background-color: #eae5e3;
    padding: 5px 10px;
    margin-bottom: 35px;
}
#ebinaHistory01 h4::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 18px;
    margin: 0px 10px 0 0;
    background: url(../ebina/_img_bg/ebina_icon_history.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}
/*
#ebinaTradition01 h4::before,
#ebinaTradition02 h4::before,
#ebinaTradition03 h4::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 20px;
    margin: 0px 10px 0 0;
    background: url(../_img_bg/ebina/icon_cammera_blue.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}*/
#ebinaTradition01 h4 span,
#ebinaTradition02 h4 span,
#ebinaTradition03 h4 span{
	font-size:16px;
}
#ebinaHistory h5 {
	color: #0099d3;
	font-size: 26px;
	margin: 20px 0 25px 0;
	padding: 7px;
	font-weight: 700;
}

/*#ebinaHistory {
	margin: 30px 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 2px dotted #eeeeee;
}*/
#ebinaHistory01 .historyInner img{
	float:left;
	margin:0 40px 60px 0;
}
#ebinaHistory01 .historyInner .first{
	margin-left: 40px;
}
#ebinaHistory02 .ebinaHistoryInnerLeft{
	width:720px;
	float:left;
}
#ebinaHistory #ebinaHistory02 .ebinaHistoryInnerRight{
	width:380px;
	float:right;
}
#ebinaHistory02 img{
	margin-bottom:60px;
}
#ebinaHistory02 p{
	margin-bottom:30px;
}
/*#ebinaEvent .eventInnerLeft img,
#ebinaEvent .eventInnerRight img {
	width: 100%;
}*/
#ebinaHistory .ebinaHistoryInnerLeft01 {
	width: 530px;
	float: left;
	margin-left: 20px;
}
#ebinaHistory .ebinaHistoryInnerRight {
	width: 530px;
	float: right;
	margin-right: 20px;
}

#ebinaHistory .strong{
	font-weight: 700;
}

/* ------海老名に息づく伝統-------------- */
.ebinaTraditionInner {
	margin-bottom:30px;	
}
.ebinaTraditionInner p{
	margin-bottom:20px;	
}
.ebinaTraditionInnerLeft{
	float:left;
	width:320px;
}
.ebinaTraditionInnerRight{
	float:right;
	width:320px;
}
.ebinaTraditionInnerLeft01{
	width: 560px;
	float: left;
	margin-left: 20px;
}
.ebinaTraditionInnerLeft01 img,
.ebinaTraditionInnerRight02 img{
	margin-bottom:20px;
}
.ebinaTraditionInnerRight01{
	width: 530px;
	float: right;
	margin-right: 20px;
}
.ebinaTraditionInnerLeft02{
	width:430px;
	float: left;
	margin-left: 20px;
}
.ebinaTraditionInnerRight02{
	width: 670px;
	float: right;
	margin-right: 20px;
}
.ebinaTraditionInfo{
	padding:30px 0;
	margin-bottom:30px;
	border-top: 2px dotted #eeeeee;
}
.ebinaTraditionInfo a{
	color:#19a3d7;
}
.toGoogleMap_btn{
	margin-top: 20px;
	width:240px;
	text-align: center;
	background:#19a3d7;
}
.toGoogleMap_btn a{
	color:#fff;
}
#ebinaTradition03 .ebinaTraditionInfo{
	padding-bottom:60px;
}
#ebinaTradition02 ul{
	margin-bottom: 10px;
}

/* ------海老名のイベント情報-------------- */
#ebinaEvent h3 {
	margin-bottom: 45px;
}
#ebinaEvent h3::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 21px;
	margin: -5px 3px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_event.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaEvent h4 {
	background-color: #eae5e3;
	padding: 5px 10px;
	margin-bottom: 35px;
}
#ebinaEvent h5 {
	color: #0099d3;
	font-size: 26px;
	margin: 20px 0 25px 0;
	padding: 7px;
	font-weight: 700;
}
#ebinaEvent .eventInnerLeft,
 #ebinaEvent .eventInnerRight {
	margin-bottom: 80px;
}
#ebinaEvent .eventInnerLeft p,
#ebinaEvent .eventInnerRight p {
	margin: 30px 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 2px dotted #eeeeee;
}
#ebinaEvent .eventInnerLeft img,
#ebinaEvent .eventInnerRight img {
	width: 100%;
}
#ebinaEvent .eventInnerLeft {
	width: 530px;
	float: left;
	margin-left: 20px;
}
#ebinaEvent .eventInnerRight {
	width: 530px;
	float: right;
	margin-right: 20px;
}
#ebinaSports h4::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 21px;
	margin: 0px 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_sport.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaSports .eventInnerLeft h5::before,
#ebinaSports .eventInnerRight h5::before {
	content: "";
	display: inline-block;
	width: 72px;
	height: 72px;
	margin: 0px 40px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_january.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaCulture h4::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_culture.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaCulture .eventInnerLeft h5::before {
	content: "";
	display: inline-block;
	width: 72px;
	height: 72px;
	margin: 0px 20px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_january.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaCulture .eventInnerRight h5::before {
	content: "";
	display: inline-block;
	width: 72px;
	height: 72px;
	margin: 0px 20px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_march.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaLeisure h4::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_leisure.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaLeisure .eventInnerLeft h5::before {
	content: "";
	display: inline-block;
	width: 72px;
	height: 72px;
	margin: 0px 20px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_june.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaLeisure .eventInnerRight h5::before {
	content: "";
	display: inline-block;
	width: 72px;
	height: 72px;
	margin: 0px 20px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_july.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaLeisure .eventInnerLeft .eventJuly::before {
	content: "";
	display: inline-block;
	width: 72px;
	height: 72px;
	margin: 0px 20px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_july.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaEventContents h4::before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 21px;
	margin: 0 10px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_event.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaEventContents .eventInnerLeft h5::before {
	content: "";
	display: inline-block;
	width: 72px;
	height: 72px;
	margin: 0px 20px 0 0;
	background: url(../ebina/_img_bg/ebina_icon_september.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#ebinaEventContents .eventInnerRight h5::before {
	content: "";
	display: inline-block;
	width: 72px;
	height: 72px;
	margin: 0px 20px 0 0;
	background: url(../ebina/_img_bg/evina_icon_fall.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.pcnone{
	display:none;
}
.spnone{
	display:block;
}

.right{
	text-align: right;
	font-size: 12px;
	padding-right: 20px;
}

/* ============== モバイル  ================ */

@media screen and (max-width: 800px) {
    .pcnone{
        display:block;
    }
    .spnone{
        display:none;
    }
    #ebinaiKeyVisual {
        width: 100%;
        height: 200px;
        margin: 60px 0 15px 0;
        background-size: cover;
    }
    #ebinaiKeyVisual h2 {
        line-height: 200px;
    }
    #ebinaiKeyVisual h2 b {
        font-size: 22px;
    }
    #ebinaBtns .btnMsg {
        margin: 20px 0;
        text-align: left;
        font-size: 13px;
    }
    #ebinaEvent h5 {
        font-size: calc(2.5vw + 10px);
    }
    #ebinaEvent .eventInnerLeft {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    #ebinaEvent .eventInnerRight {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    #ebinaLeisure .eventInnerRight h5::before,
    #ebinaLeisure .eventInnerLeft h5::before,
    #ebinaCulture .eventInnerRight h5::before,
    #ebinaCulture .eventInnerLeft h5::before,
    #ebinaEvent .eventInnerRight h5::before,
    #ebinaEvent .eventInnerLeft h5::before,
    #ebinaSports .eventInnerLeft h5::before,
    #ebinaSports .eventInnerRight h5::before,
    #ebinaLeisure .eventInnerLeft .eventJuly::before {
        content: "";
        display: inline-block;
        width: 50px;
        height: 50px;
        margin: 0px 10px 0 0;
    }
        /* ======== */
    .whichBtns {
        width: 100%;
        padding: 0;
        overflow: hidden;
    }
    .whichBtns:after {
        content: "\00a0";
        display: block;
        height: 0;
        font: 0px/0 serif;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }
    .whichBtns div {
        display: block;
        float: left;
        width: calc(33% - 6px);
        margin:0;
        padding:0;
        overflow:hidden;
    }

    .whichBtns .current {
     	padding: 10px 0; 
    }
    .whichBtns a {
        padding: 27px 0 10px 0;
    }
    .whichBtns p.current {
        padding: 27px 0 10px 0;
    }
    .whichBtns div p {
        margin: 0;
        font-size: 14px;
        width: calc(100% - 4px);
        line-height: 1.2;
    }
    .whichBtns .btnTrad {
        margin: 0 10px;
    }
    .whichBtns .btnHistory {
        margin-right: 0;
    }
    .whichBtns div p br {
        display: block;
    }
    .whichBtns .btnEvent {
         letter-spacing:-1px; 
    }
    
    .whichBtns .btnHistory .current::before,
    .whichBtns .btnHistory .linked a::before,
    .whichBtns .btnTrad .current::before,
    .whichBtns .btnTrad .linked a::before,
    .whichBtns .btnEvent .current::before,
    .whichBtns .btnEvent .linked a::before,
    .whichBtns .btnHistory .linked a:hover::before,
    .whichBtns .btnTrad .linked a:hover::before,
    .whichBtns .btnEvent .linked a:hover::before {
        display: none;
    }
    .whichBtns .btnHistory .linked a {
        background: url(../ebina/_img_bg/ebina_icon_history.png) no-repeat center 5px;
        background-size: 20px;
    }
    .whichBtns .btnHistory .linked a:hover,
    .whichBtns .btnHistory p.current {
        background: #10a9e3 url(../ebina/_img_bg/ebina_icon_history_wh.png) no-repeat center 5px;
        background-size: 20px;
    }
    
    .whichBtns .btnTrad .linked a {
        background: url(../ebina/_img_bg/ebina_icon_tradition.png) no-repeat center 3px;
        background-size: 24px;
    }
    .whichBtns .btnTrad .linked a:hover,
    .whichBtns .btnTrad p.current {
        background: #10a9e3 url(../ebina/_img_bg/ebina_icon_tradition_wh.png) no-repeat center 3px;
        background-size: 24px;
    }
    
    
    .whichBtns .btnEvent .linked a {
        background: url(../ebina/_img_bg/ebina_icon_event.png) no-repeat center 5px;
        background-size: 18px;
    }
    .whichBtns .btnEvent .linked a:hover,
    .whichBtns .btnEvent p.current {
        background: #0099d3 url(../ebina/_img_bg/ebina_icon_event_wh.png) no-repeat center 5px;
        background-size: 18px;
    }
    
    
    /* ------海老名の今と昔-------------- */
    #ebinaHistory h3 {
        font-size: 24px;
        line-height: 30px;
        padding: 5px 20px;
        margin: 15px 0 0 0;
        text-align: center;
    }
    #ebinaHistory h4 {
        background-color: #eae5e3;
        padding: 5px 10px;
        font-size: 20px;
        margin: 25px 0;
        text-align: center;
    }
    #ebinaHistory01 .pcnone img{
        width:100%;
        margin:20px 0;
    }
    #ebinaHistory02 .ebinaHistoryInnerLeft{
        width:100%;
        float:none;
    }
    #ebinaHistory #ebinaHistory02 .ebinaHistoryInnerRight{
        width:100%;
        float:none;
    }
    #ebinaHistory02 img{
        margin:30px 0;
    }
    #ebinaHistory02 p{
        margin-bottom:20px;
    }
    #ebinaHistory .ebinaHistoryInnerLeft01 {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    #ebinaHistory .ebinaHistoryInnerRight {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    
    /* ------海老名に息づく伝統-------------- */
    .ebinaTraditionInner {
        margin-bottom:20px;	
    }
    .ebinaTraditionInner p{
        margin-bottom:15px;	
    }
    .ebinaTraditionInnerLeft{
        float:none;
        width:100%;
    }
    .ebinaTraditionInnerRight{
        float:none;
        width:100%;
    }
    .ebinaTraditionInnerLeft01{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .ebinaTraditionInnerLeft01 img,
    .ebinaTraditionInnerRight02 img{
        margin-bottom:10px;
    }
    .ebinaTraditionInnerRight01{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .ebinaTraditionInnerLeft02{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .ebinaTraditionInnerRight02{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .toGoogleMap_btn{
        width:80%;
        margin:0 auto;
        margin-top: 20px;
        margin-bottom: 30px;	
        text-align: center;
        background:#19a3d7;
        padding:10px 0;
    }
    #ebinaTradition03 .ebinaTraditionInfo{
        padding-bottom:0;
    }	
    .ebinaTraditionInfo ul{
        margin-bottom: 20px;
    }
    .ebinaHistoryInnerRight img,
    .ebinaHistoryInnerLeft img,
    .ebinaTraditionInnerLeft01 img,
    .ebinaTraditionInnerLeft img,
    .ebinaTraditionInnerRight img{
        width:100%;
    }
    .ebinaTraditionInfo{
        clear:both;
    }
    .right{
	padding-right: 20px;
	margin-bottom:20px;
}

	/* ------- 800 ---------- */

}