@charset "utf-8";

/* 共通部分
========================================== */
.titFes01 {
    margin: 0 0 0 0;
}

.titFes01 img {
    width: 100%;
    height: auto;
}
.boxFesLeft .titFes01 {
    margin: 0 0 40px 0;    
}

.titFes02 {
    border-width: 0 0 2px 0;
    border-color: #01A971;/*greenblue*/
    border-style: solid;
    margin: 0 0 25px 0;
    padding: 0 0 5px 0;
    color: #01A971;/*greenblue*/
    font-size: 180%;
}

.titFes03 {
    font-weight: normal;
    margin: 10px 0 10px 0;
    font-size: 1.538em!important;
}
/*
.titFes03 em {
	display: block;
    color: #666;
    font-size: 0.550em;
    font-style: normal;	
}
.titFes03 span {
    font-size: 0.723em!important;
    font-style: normal;	
    margin: 0 0 0 10px;
}
*/
/*
.titFes04 {
    color: #ffffff;
    background-color: #E8529A;
    padding: 8px 5px 5px 5px;
    font-size: 130%;
    margin: 0 0 20px 0;
}
*/
.titFesEvent03 {
    font-weight: bold;
    padding: 8px 20px 8px 40px;
    margin: 0 0 10px 0!important;
    font-size: 1.2em!important;
    background-color: #fff;
    border-radius: 18px;
    background-image: url(../images/ico_apple.png);
    background-repeat: no-repeat;
    background-size: 14px 16px;
    background-position: 15px center;
}

.titFesCopy {
	font-size: 160%;
	font-weight: bold;
	color: #00A971;/*greenblue*/
	margin: 0 0 15px 0;
}


.boxFesWrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    padding: 30px 30px 30px 30px;
    background-color: rgba(254, 232, 128, 0.5);/*yellow*/
}

.boxFesLeft {
    width: 66%;
}

.boxFesRight {
    width: 28%;
}

.icoPdf {
    background-image: url(../images/ico_pdf.png);
    background-repeat: no-repeat;
    background-position: right 0.1em;
    padding: 0 20px 0 0;
    color: #333333;
}

.icoWord {
    background-image: url(../images/ico_word.png);
    background-repeat: no-repeat;
    background-position: right 0.1em;
    padding: 0 20px 0 0;
    color: #333333;
}

.icoLink {
    background-image: url(../images/ico_arrow_01.png);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    background-size: 12px 12px;
    -webkit-background-size: 12px 12px;
    padding: 0 0 0 20px;
    color: #333333;
}

.icoLeaf {
    background-image: url(../images/ico_leaf.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    background-size: 12px 12px;
    -webkit-background-size: 12px 12px;
    padding: 0 0 0 20px;
}

.icoFlower {
    background-image: url(../images/ico_flower.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    padding: 0 0 0 20px;
}

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }

@media screen and (max-width: 640px){
    .titFes01 {
        margin: 0 0 0 0;
    }
    
    .titFes02 {
        margin: 0 0 10px 0;
    }
    
    .titFes03 {
        margin: 0 0 15px 0;
    }
    
    .titFes04 {
        margin: 0 0 10px 0;
    }
    
    .boxFesWrapper {
        padding: 15px 15px 15px 15px;
    }
    
    .boxFesLeft {
        width: 100%;
        margin: 0 0 20px 0;
    }
    
    .boxFesRight {
        width: 100%;
    }
    
    .icoPdf {
        background-image: url(../images/ico_pdf.png);
        background-size: 8px 8px;
        -webkit-background-size: 8px 8px;
        background-position: right 0.3em;
        padding: 0 15px 0 0;
    }

    .icoWord {
        background-image: url(../images/ico_word.png);
        background-size: 8px 8px;
        -webkit-background-size: 8px 8px;
        background-position: right 0.3em;
        padding: 0 15px 0 0;
    }
    
    .icoLink {
        background-image: url(../images/ico_arrow_01.png);
        background-size: 14px 14px;
        -webkit-background-size: 14px 14px;
    }
    
    .icoLeaf {
	    background-image: url(../images/ico_leaf.png);
	    background-size: 14px 14px;
        -webkit-background-size: 14px 14px;
	}
    
    .icoFlower {
        background-image: url(../images/ico_flower.png);
        background-size: 14px 14px;
        -webkit-background-size: 14px 14px;
    }    
        
}


/* LftSide
========================================== */
.boxFesLeft a {
    color: #333333;
}

.boxFesLeft p {
	line-height: 180%;
    font-size: 100%;
}
.boxFesLeft .small {
    font-size: 85%;
}
/*
.dottedLine {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
    border-top: 1px solid rgba(57, 169, 90, 0.3);
}
*/
.bottomLine {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #fff;
}


.boxFesLeft figure {
	margin: 20px 0;

}

.colorFashion {color: #DF232F;/*red*/}
.colorGoodsService {color: #006CB6;/*blue*/}
.colorFoodDrink {color: #DF7503;/*orange*/}
.colorFestival {color: #01A971;/*greenblue*/}

h2.colorFashion {
    color: #DF232F;/*red*/
    border-color: #DF232F;/*red*/
}
h2.colorGoodsService {
    color: #006CB6;/*blue*/
    border-color: #006CB6;/*blue*/
}
h2.colorFoodDrink {
    color: #DF7503;/*orange*/
    border-color: #DF7503;/*orange*/
}


.shopCategory {
    height: 20px;
    padding: 0 10px;
    display: block;
    background-color: #fff;/*white*/
    border-radius: 8px;
    font-size: 0.923em!important;
    line-height: 170% !important;
}
/*
.eventInformation {
    height: 34px;
    padding: 5px 10px;
    display: block;
    background-color: rgba(232, 82, 154, 0.3);/*pale pink
    color: #333;
    font-size: 108%;
    font-weight: bold;
}
*/
.shopContents,
.eventContents {
	margin: 10px 0 20px 0;
}
.shopContents h3,
.eventContents h3 {
	margin: 15px 110px 0 0;
	line-height: 120%;
}
.shopContents .logo,
.eventContents .logo {
    width: 100px;
    height: auto;
    margin: 15px 0 5px 10px;
    float: right;
}
.shopContents .logo img,
.eventContents .logo img {
	width: 100%;
}
.shopContents .detailText,
.eventContents .detailText {
	margin: 0 0 10px 0;
	padding: 0;
}
.shopContents .detailText p,
.eventContents .detailText p {
    /*font-size: 0.923em;*/
    font-size: 100%;
    margin-bottom: 10px;
}
.shopContents .detailText figure,
.eventContents .detailText figure {
	width: auto;
	height: 240px;
	margin: 10px 0 20px 0;
}
.shopContents .detailText figure img,
.eventContents .detailText figure img {
	max-width: 100%;
	max-height: 100%;
}

.shopContents .detailText figure.severalImgs img {
	float: left;
	padding: 0 10px 0 0;
}

.shopContents .qrcord {
    display: flex; 
}
.shopContents .qrcord dt {
    width: 74%;
    padding: 0 10px 0 0;
}
.shopContents .qrcord dd {
    width: 120px;
    height: auto;
}
.shopContents .qrcord dd img {
    width: 100%;
    height: auto;
}

.eventDate {
    color: #01A971;/*greenblue*/
    font-size: 110% !important;
    margin-bottom: 5px;
    font-weight: bold;
}
.eventDate span {
    font-size: 12px;
}
.eventPlaceTime {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 5px 0;
    font-size: 108%!important;
}
.eventPlaceTime dt {
    color: #01A971;/*greenblue*/
    width: 15%;
}
.eventPlaceTime dd {
    width: 85%;
    margin: 0 0 3px 0;
}

.textPinkBold {
	color: #E8529A;/*pink*/
	font-weight: bold;
	font-size: 118%!important;
	margin-bottom: 15px;
}
.textPinkNormal {
	color: #E8529A;/*pink*/
	font-weight: normal;
	font-size: 118%!important;
	margin-bottom: 15px;
}
.pink,
.colorPink {
	color: #E8529A;/*pink*/
}

.textBold {
    font-weight: bold;
    font-size: 118%!important;
    margin-bottom: 15px;
}
.textNormal {
    font-weight: normal;
    font-size: 118%!important;
    margin-bottom: 15px;
}

.textInfo {
	font-size: 1.1em!important;
	margin: 0 0 10px 0;
    font-weight: bold;
}

/*
.bnrPresent {
	width: 444px;
	height: auto;
	margin: 15px 0 20px 0;
}
.bnrPresent img {
	width: 100%;
	height: auto;
}
*/
.shopContents .detailText .textNormal,
.shopContents .detailText .textBold {
	line-height: 180%;
    padding: 2px 0 2px 20px;
}

.shopContents .detailText .icoLeaf,
.shopContents .detailText .icoFlower {
    background-position: 0 1px!important;	
}

/*ショップリスト リンクバナー*/
.linkFesBanners {
	margin: 45px 0 40px 0;
}
.bannerList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bannerList li {
	width: 48%;
	margin: 0 0 20px 0;
}
.bannerList li img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 640px){
    .boxFesLeft01 p {
        margin: 0 0 10px 0;
    }
    .shopContents .logo,
    .eventContents .logo {
        width: 100px;
        height: auto;
    }
    .shopContents .detailText figure,
	.eventContents .detailText figure {
		width: auto;
		height: 200px;
	}
	.shopContents .detailText figure.severalImgs {
		width: 220px;
		height: auto;
	}
    .shopContents .detailText figure.severalImgs img {
		float: none;
		padding: 0 0 10px 0;
	}
    .bnrPresent {
		width: 100%;
		height: auto;
    }
    
    .eventPlaceTime dt {
        color: #01A971;/*greenblue*/
        width: 25%;
    }
    .eventPlaceTime dd {
        width: 75%;
        margin: 0;
    }
}


/* RightSide
========================================== */

.boxFesRight h3 a {
    display: block;
    background-color: #6FBA2C;/*green*/
	color: #ffffff;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 7px 10px 7px 10px;
    font-size: 95%;
}
.boxFesRight h4 {
    color: #000000;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.boxFesRight dl {
    margin: 0 0 8px 0;
    line-height: 160%;
}

.boxFesRight dl dt {
    color: #01A971;/*greenblue*/
    font-weight: bold;
    margin: 0 0 5px 0;
}

.boxFesRight dl dd {
    margin: 0 0 5px 0;
    padding: 0 0 0 16px;
    background-image: url(../images/ico_arrow_01.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: 0  0.3em;
}

.boxFesRight dl dd a {
    color: #333333;
}

@media screen and (max-width: 640px){
    /*
    .boxFesRight h3 a {
        margin: 0 0 10px 0;
        padding: 5px;
    }
    */
    .boxFesRight dl {
        margin: 0 2% 10px 0;
        width: 48%;
        float: left;
    }

    .boxFesRight dl dt {
        margin: 0 0 5px 0;
    }

    .boxFesRight dl dd {
        margin: 0 0 5px 0;
        padding: 0 0 0 20px;
        background-image: url(../images/ico_arrow_01.png);
        background-size: 14px 14px;
        -webkit-background-size: 14px 14px;
    }

    .boxFesRight dl dd a {
        color: #333333;
    }
    
}


/* Pagenate（not important）
========================================== */
.boxPaginate {
    margin: 10px 0 0 0;
    font-size: 90%;
    width: 100%;
}

.boxPaginate .prev {
    display: inline-block;
    width: 33%;
    margin: 0;
    padding: 0;
}

.boxPaginate .prev a {
    background-image: url(../images/ico_prev.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    min-height: 20px;
    padding: 0 0 0 20px;
}

.boxPaginate .archive {
    display: inline-block;
    width: 32%;
    text-align: center;
    margin: 0;
    padding: 0;
}

.boxPaginate .next {
    display: inline-block;
    width: 33%;
    text-align: right;
    margin: 0;
    padding: 0;
}

.boxPaginate .next a {
    background-image: url(../images/ico_next.svg);
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 20px;
    padding: 0 20px 0 0;
}

@media screen and (max-width: 640px){
	.boxPaginate .prev a {
        background-size: 5px 10px;
        -webkit-background-size: 5px 10px;
        min-height: 10px;
        padding: 0 0 0 10px;
    }

    .boxPaginate .next a {
        background-size: 5px 10px;
        -webkit-background-size: 5px 10px;
        min-height: 10px;
        padding: 0 10px 0 0;
    }
}