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

/*　page.php　*/

.bold {font-weight: bold;}


#page-title-box {
	width: 100%;
	border-radius: 5px 5px 0 0;
	margin: 0;
	padding: 10px 10px 18px;
}

h2.page-title {
	font-size: 21px;
	margin: 0 0 0 55px;
	padding: 10px 0 0 0;
}
@media (max-width: 739px) {
	h2.page-title {
		letter-spacing: 0.1em;
	}
}

@media (min-width: 740px) {
	h2.page-title {
		letter-spacing: 0.8em;
	}
}

.event-mark-box, .info-mark-box {
	font-size: 21px;
	text-align:center;
	width: 30px;
	margin: 0 0 0 10px;
	padding: 10px 5px 5px;
	float: left;
	color: #fff;
}

.event-mark-box {
	background:url(../img/category/bg-event.png) no-repeat center center;
}

.info-mark-box {
	color: #000;
	background:url(../img/category/bg-info.png) no-repeat center center;
}


.item.townguide-title-box {
	background:#FFF url(../img/index/bn-town.png) repeat-x center bottom;
}

.item.info-title-box {
	background:#FFF url(../img/index/bn-info.png) repeat-x center bottom;
}


.item.breadcrumb-list-box {
	width: 100%;
	border-radius: 0 0 5px 5px;
	text-align: left;
	background-color: #fff;
	padding: 10px;	
	margin: 0 0 10px 0;
}

.item.breadcrumb-list-box ul li {
	float: left;
}


#contents {
	width: 100%;
	border-radius: 0 0 5px 5px;
	text-align: left;
	background-color: #fff;
	padding: 10px;	
	margin: 0 0 10px 0;
}

#contents .border {
    margin-top: 20px;
    margin-bottom: 5px;
    border-bottom: 2px dotted #3F2802;
    font-size: 14px;
	font-weight: bold;
}

#contents h2 {
	font-size :16px;
	margin-bottom: 10px;
}

#contents ul li {
    margin-left: 25px;
    padding-left: 0px;
    list-style-type: disc;
}

@media (max-width: 1245px) {
#contents img.report-img {
	width: 100%;
}
}

@media (min-width: 1246px) {
#contents img.report-img {
}
}

.item .wpcf7-form {
    border: 1px solid #DDD;
    margin: 0px auto 20px;
    padding: 20px;
    background-color: #F9F4ED;
    border-radius: 20px;
    max-width: 500px;
}

.item .wpcf7-form p {
    margin: 0px 0px 10px;
}

.item input.wpcf7-submit {
    margin: 10px auto;
    width: 218px;
    height: 52px;
    border-style: none;
    text-indent: -9999px;
    display: block;
    cursor: pointer;
    background: url('../img/common/submit-btn.gif') repeat scroll center top transparent;
    padding: 0px;
}

.item input.wpcf7-submit:hover {
    background: url('../img/common/submit-btn.gif') repeat scroll center bottom transparent;
}

.item .wpcf7-form textarea, .item .wpcf7-form input[type=text], .item .wpcf7-form input[type=email] {
    width: 99%;
    margin: 0px 0px 10px;
}

#main-cont .item li.sitemap-list-box {
	font-size: 13px;
	list-style: url(../img/common/ico_bar1_11.gif) outside;
	margin-bottom: 10px;
}

#main-cont .item li.sitemap-list-child-box {
	font-size: 13px;
	list-style: url(../img/common/ico_bar1_13.gif) outside;
	margin-bottom: 10px;
}

/*--　鷹の祭典　--*/

.taka2016 img{
    width:100%;
}

.taka-title{
    background: url(../img/present/taka/bt-taka-title.gif) no-repeat center top;
    background-size:100%;
    padding-top:100px;
}

.taka-limit{
    text-align:center;
    margin:20px 0;
    background:#2656dc;
    color:#fff;
    padding:6px;
    font-size:18px;
}

.taka-pre01{
    text-align:center;
    margin-bottom:40px;
}

#contents .h2-taka{
    font-weight:bold;
    color:#2656dc;
    text-align:center;
    margin-bottom:20px;
    font-size:21px;
}

.h3-taka{
    color:#2656dc;
    font-size:18px;
}

.taka-item-box{
    border:1px solid #999;
    margin-bottom:20px;
    padding:20px;
}

.taka-item-box dd{
    text-align:center;
}

@media (min-width: 768px) {

    .taka-pre01-img{
        float:left;
        width:40%;
    }

    .taka-pre01-text{
        float:left;
        width:60%;
    }

    #contents .h2-taka{
        font-size:30px;
        text-align:center;
    }

    .taka-item-box{
        border:1px solid #999;
        margin-bottom:20px;
        width:26%;
        margin-right:3%;
        margin-left:3%;
        float:left;
    }

}



/***********************************
 贈！145年キャンペーン 
***********************************/
#contents .cf:after {  
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  

#contents .cf { display: inline-table; }  
#contents .cf2:after {  
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  

.shop-name {
    color: #e67168;
	text-align:left !important;
}

.spe-pre-shop-info{
	text-align:left !important;
}

.zou-item-box dt img{
	margin-bottom:10px;
}

.zou145-2016{
    background-color: #93c5eb;
    padding-bottom: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2989ce+0,a6ceea+60 */
    background: #2989ce; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#2989ce),color-stop(60%, #a6ceea));
    background: linear-gradient(to bottom, #2989ce 0%,#a6ceea 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989ce', endColorstr='#a6ceea',GradientType=0 ); /* IE6-9 */
}
.zou145-2017{
    xxbackground-color: #FACA82;
    xxpadding-bottom: 50px;
}

.zou145-2016 img{
width:100%;
}

.zou145-2017 img{
    width:100%;
}

.zou145-title{
background-size:100%;
   
}
.zou145-title img{
    margin: 10px auto;
}

.zou145-info{
    padding-left: 10px;
    padding-right: 10px;
}

.zou145-limit{
    text-align:center;
    background:#FFF100;
    color:#E54A1C;
    padding:12px;
    font-size:18px;
    font-weight: bold;
}

.zou145-form01{
    text-align:center;
    xxbackground:#e4007f;
    background:#F6EFDC;
    color:#3f2802;
    padding:12px;
    font-size:18px;
    font-weight: bold;
}

.zou145-txt{
    text-align:left;
    color:#333;
    padding:30px 20px;
    font-size:16px;
    line-height: 28px;
    xxmargin-bottom: 60px;
}

.zou-item-box2{
    xxborder: 1px dashed #0e7ac4;
    margin-bottom:20px;
    xxpadding:20px;
    background:  #fff;
    margin: 10px;
}


.zou-item-box{
    xxborder:1px solid #999;
    border: 1px dashed #0e7ac4;
    margin-bottom:20px;
    padding:20px;
    background:  #fff;
    margin: 10px;
    /* border-radius */
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.zou-item-box dt{
    text-align: center;
}
.zou-item-box dd{
    text-align:left;
}

.zou-syosai-box{
    margin: 10px 0 10px 0;
}

.zoutxt{
    margin: 40px 0 40px 0;
    margin-bottom:40px;
    color:#fff;
    font-size:16px;
    xxbackground: #0079C2;
    background: #d0f0ff;
    padding: 20px;
}

#pre-box{
    padding-bottom: 20px;
}

.hosok{
    margin:20px 20px 30px; 
    color:#3f2802;
}


@media (min-width: 768px) {
    .zou145-2016{
        
    }
    .zou-item-box{
        border: 1px dashed #0e7ac4;
        margin-bottom:20px;
        width:30%;
        margin-right:1%;
        margin-left:1%;
        float:left;
        background: #fff;
    }
	
	.zou-item-box1{
        margin-bottom:20px;
        width:30%;
        margin-right:1%;
        margin-left:1%;
        float:left;
        background: #fff;
    }
    
    .zou-item-box2{
        margin-bottom:20px;
        width:27%;
        margin-right:3%;
        margin-left:3%;
        float:left;
    }
    .zou-item-box3{
        margin-bottom:20px;
        width:44%;
        margin-right:3%;
        margin-left:3%;
        float:left;
    }
	
	
    .zoutxt{
        margin: 40px 0 40px 0;
        margin-bottom:40px;
        color:#fff;
        font-size:16px;
    }
}

/***********************************
10th アニバーサリー
***********************************/

.anniv10-2017{
    background: #ffeeec;
}

.anniv10-2017 img{
    width:100%;
}

.anni10-limit{
    text-align:center;
    background:#fff;
    color:#624600;
    padding:12px;
    font-size:18px;
    font-weight: bold;
}

.anni10-txt{
    text-align:left;
    color:#624600;
    padding:30px 20px;
    font-size:16px;
    line-height: 28px;
    xxmargin-bottom: 60px;
}

.ani10-item-box dt{
    text-align: center;
}

.ani10-item-box dd{
    text-align:left;
}

.ani10-item-box{
    xxmargin-bottom:20px;
    padding:20px;
    background:  #fff;
    margin: 12px 10px 10px 10px;
    /* border-radius */
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0 0 4px 2px #e9e9e9;
    box-shadow: 0 0 4px 2px #e9e9e9;
}

@media (min-width: 768px) {

    .ani10-item-box{
        margin-bottom:20px;
        xxwidth:27%;
        width: 42%;
        margin-right:3%;
        margin-left:3%;
        float:left;
        background: #fff;
        
        border: 1px solid #dddddd;
        -webkit-box-shadow: 0 0 4px 2px #e9e9e9;
        box-shadow: 0 0 4px 2px #e9e9e9;
    }
}

/***********************************
サンデープレゼントキャンペーン
***********************************/

.gift-camp{
    background: #fff;
}
.gift-camp img{
    width:100%;
}

.shadow {
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0 0 4px 2px #e9e9e9;
    box-shadow: 0 0 4px 2px #e9e9e9;
}

.gift-limit{
    text-align:center;
    background:#F7F6F1;
    color:#624600;
    color: #e35937;
    padding:12px;
    font-size:18px;
    font-weight: bold;
}

.gift-goods{
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

.gift-item-box dt{
    text-align: center;
}

.gift-item-box dd{
    text-align:left;
}

.gift-item-box{
    padding:20px;
    background:  #fff;
    margin: 12px 10px 10px 10px;
    /* border-radius */
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0 0 4px 2px #e9e9e9;
    box-shadow: 0 0 4px 2px #e9e9e9;
}

@media (min-width: 768px) {

    .gift-item-box{
        margin-bottom:20px;
        xxwidth:27%;
        width: 44%;
        margin-right:3%;
        margin-left:3%;
        float:left;
        background: #fff;
        border: 1px solid #dddddd;
        -webkit-box-shadow: 0 0 4px 2px #e9e9e9;
        box-shadow: 0 0 4px 2px #e9e9e9;
    }
    
    .min-h600{
        min-height: 610px;
    }
}




/***********************************
クリスマスプレゼント2016,2019
***********************************/

.xmas2016{
	background:#ba221f;
}

.xmas2019{
    background:#E70827;
}

.xmas2019 a:hover{
    opacity: 0.9 !important;
}

.xmas-item-box{
    margin-bottom:20px;
	float:left;
}

.xmas-limit{
	background:#624600;
	padding:10px;
	text-align:center;
	color:#fff;
	font-size:20px;
	max-width:580px;
	margin: 10px auto;
	border-radius:8px;
}


@media (min-width: 768px) {

    .taka-pre01-img{
        float:left;
        width:40%;
    }

    .taka-pre01-text{
        float:left;
        width:60%;
    }

    #contents .h2-taka{
        font-size:30px;
        text-align:center;
    }

    .xmas-item-box{
        margin-bottom:20px;
        width:44%;
        margin-right:3%;
        margin-left:3%;
        float:left;
    }

}



/***********************************
サンデーちくし版創刊プレゼント201810
***********************************/

.spe-pre-limit {
    background: #e50065;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    max-width: 580px;
    margin: 10px auto;
    border-radius: 8px;
}


/***********************************
たなばたプレゼント2019
***********************************/

.spe-pre-limit02 {
    background: #6a5397;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    max-width: 580px;
    margin: 10px auto;
    border-radius: 8px;
}

.tanabata-enq{
	text-align:center;
	padding:20px;
	margin-bottom:30px;
}

.tanabata-enq dt{
	font-size:20px;
	margin-bottom:10px;
	color:#b94795;
}

.tanabata-enq dd{
	margin-bottom:30px;
}

.pre-tanabata .shop-name{
	color:#b94795;
}

/***********************************
スタンプラリー2019
***********************************/

.isan2019-youkou{
	margin-bottom:1em;
}
.isan2019-youkou span{
	background:#a52226;
	color:#fff;
	padding:0 10px;
	font-size:14px;
	color:#fff;
	width: 120px;
	margin-right:10px;
	border-radius:10px;
}

.bt-dll-isan2019{
	background:#ffd900;
	padding:20px 10px;
	max-width:300px;
	margin: 30px auto;
	text-align: center;
	font-weight:bold;
}

#contents .isan2019 li{
	list-style:none;

}

@media(min-width:769px){
	.isan2019-map {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
}

.isan2019-stamp{
	margin-bottom:20px;
}

.isan2019-kitakyu-box dt{
	color:#1e5fa4;
}

.isan2019-omuta-box dt{
	color:#d6643a;
}

.isan2019-nakama-box dt{
	color:#6eba3a;
}

.isan2019-kurate-box dt{
	color:#db536b;
}

.isan2019-stamp dt{
	margin-left:10px;
	font-weight:bold;
}

.isan2019-stamp dd{
	margin-left:20px;
}

.isan2019-oubo-att{
	border:1px solid #a52226;
	color:#a52226;
	padding:4px;
	text-align:center;
	font-size:16px;
}

/***********************************
市営バスフォトコンテスト2019
***********************************/

@media(max-width:768px){
	.s-none{
		display:none;
	}
}

.h1-citybus{
	text-align:center;
	margin-bottom:30px;
}


.h2-citybus{
	color:#e97f8b;
	text-align:left;
	font-size:34px !important;
}

@media(max-width:768px){
	.h1-citybus{
		font-size:14px !important;

	}
	.h1-citybus span{
		display:block;
	}

}

@media(min-width:769px){
.citybus-info{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	-ms-flex-pack:distribute;
	justify-content:space-around;
}
	.citybus-info-text{
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
	}
	
	.citybus-info-img{
	-ms-flex-preferred-size:48%;
	flex-basis:48%;
}
	
	.citybus-info-text{
		-ms-flex-preferred-size:50%;
		flex-basis:50%;
	}
	
}

.citybus-info-img img{
	max-width:100%;
}

.cifybus-info-text p{
	line-height:2.5;
	font-size:16px;
}

.h3-citybus-oubo{
	font-size:24px;
	text-align:center;
}

.citybus-youkou dt{
	font-weight:bold;
	margin-bottom:10px;
	font-size:18px;
}

.citybus-youkou dd{
	margin-bottom:20px;
}

.citybus-youkou li{
	margin-bottom:6px;
}

#gallery-1 img {
    width: 100%;
    height: auto;
	margin:30px 0;
}

@media(min-width:768px){
.citybus-link{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-bottom:40px;
	width:100%;
}
	.citybus-link-box{
	-ms-flex-preferred-size:20%;
	flex-basis:20%;
	}
}
	
	
.citybus-link-box{
	border:1px solid #e97f8b;
	margin:10px;
}

.citybus-link-box a{
	display:block;
	padding:10px;
}

.citybus-link a:hover{
	background:#ffc9cf;
	
}

.citybus-link-box img{
	max-width:120px;
}