@charset "utf-8";

.tagline{
	line-height: 200%;
}

.formBox{
	margin-right: 15px;
	margin-left: 15px;
}

.formBox .zakzakConBox{
	margin-right: 0;
	margin-left: 0;
}
@media screen and (max-width: 1200px) {
	.formBox .zakzakConBox{
		margin-right: 0;
		margin-left: 0;
	}
}

.story-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
}
.story-nav li {
	width: calc(50% - 40px);
	margin: 10px 20px;
}
.story-nav li a {
	width: 100%;
}
.story-nav li a.btn{
	padding: 20px 20px;
}
@media screen and (max-width: 767px) {
	.story-nav {
		margin: 0;
	}
	.story-nav li {
		width: 100%;
		margin: 10px 0;
	}
	.story-nav li a.btn{
		text-align: left;
		padding: 13px 20px;
	}
}

.formBox .mod-top {
	margin: 15px -5px 30px;
}
	@media screen and (min-width: 1250px) {
		.formBox .mod-top {
			margin-right: 0;
			margin-left: 0;
		}
	}
.mod-top + .story-nav{
	margin-top: 30px;
}
	@media screen and (min-width: 768px) {
		.mod-top + .story-nav{
			margin-top: 40px;
		}
	}

.svg-inline--fa.fa-w-1 {
 max-width:.0625em
}
.svg-inline--fa.fa-w-2 {
 max-width:.125em
}
.svg-inline--fa.fa-w-3 {
 max-width:.1875em
}
.svg-inline--fa.fa-w-4 {
 max-width:.25em
}
.svg-inline--fa.fa-w-5 {
 max-width:.3125em
}
.svg-inline--fa.fa-w-6 {
 max-width:.375em
}
.svg-inline--fa.fa-w-7 {
 max-width:.4375em
}
.svg-inline--fa.fa-w-8 {
 max-width:.5em
}
.svg-inline--fa.fa-w-9 {
 max-width:.5625em
}
.svg-inline--fa.fa-w-10 {
 max-width:.625em
}
.svg-inline--fa.fa-w-11 {
 max-width:.6875em
}
.svg-inline--fa.fa-w-12 {
 max-width:.75em
}
.svg-inline--fa.fa-w-13 {
 max-width:.8125em
}
.svg-inline--fa.fa-w-14 {
 max-width:.875em
}
.svg-inline--fa.fa-w-15 {
 max-width:.9375em
}
.svg-inline--fa.fa-w-16 {
 max-width:1em
}
.svg-inline--fa.fa-w-17 {
 max-width:1.0625em
}
.svg-inline--fa.fa-w-18 {
 max-width:1.125em
}
.svg-inline--fa.fa-w-19 {
 max-width:1.1875em
}
.svg-inline--fa.fa-w-20 {
 max-width:1.25em
}



/* A-form */

/* 電話番号にも共通スタイルあてはめ */
.formBox input[type=tel]{
	width: 100%;
	height: 31px;
	margin: 0;
	padding: 0 10px;
	display: inline-block;
	border: none;
	border-radius: 0;
	background-color: #ededed;
	color: #656565;
	font: 12px/31px メイリオ, Meiryo, "游ゴシック体", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProW3", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	-webkit-appearance: none;
	text-align: left;
	box-shadow: inset 0 0 4px 0 rgba(38,38,38,0.3);
	border-color: #656565;
	outline: 0;
}
.formBox input[type=tel]:active,
.formBox input[type=tel]:focus{
	border-color: #656565;
	outline: 0;
}

/* A-form共通部分 */
.aform{
	margin-top: 50px;
}
.formBox input[type="text"],
.formBox input[type="email"],
.formBox input[type=tel],
.formBox input[type="url"],
.formBox input[type="password"],
.formBox textarea,
.formBox select{
	font-size: 14px;
}
.aform-content dl input[type="text"],
.aform-content dl input[type="email"],
.aform-content dl input[type=tel],
.aform-content dl input[type="url"],
.aform-content dl input[type="password"],
.aform-content dl textarea,
.aform-content dl select{
	font-size: 14px !important;
	padding: 5px !important;
	line-height: 1.3 !important;
}
div.aform div.aform-content dl{
	display: flex;
}
div.aform div.aform-content dt{
	float: none;
	width: 300px;
}
div.aform div.aform-content dd{
	width: calc(100% - 300px);
	display: flex;
	flex-wrap: wrap;
	padding-left: 20px;
}
div.aform div.aform-content dd div{
	width: 100%;
	order: 2;
	/*order:3;*/
}
div.aform div.aform-content dd ul{
	order:1;
	width: 100%;
}
@media screen and (max-width: 767px) {
	div.aform div.aform-content dl{
		display: block;
		margin: 8px 0;
		padding: 8px 0;
	}
	div.aform div.aform-content dt{
		width: 100%;
		margin-bottom: 6px;
	}
	div.aform div.aform-content dd{
		width: 100%;
		padding-left: 0;
	}
	div.aform div.aform-content dd p{
		width: 100%;
	}
}


/*div.aform div.aform-content dd p.aform-input-example.parts-8{
	order:2;
}*/

div.aform div.aform-content .aform-name-ul,
div.aform div.aform-content .aform-kana-ul{
	display: flex;
}
div.aform div.aform-content .aform-name-ul li,
div.aform div.aform-content .aform-kana-ul li{
	width: 45%;
	margin-right: 5%;
}
.aform-content .aform-twice-note{
	margin-top: 10px;
}
div.aform div.aform-content .aform-zipcode{
	width: 90px !important;
}
div.aform div.aform-content .aform-prefecture{
	width: 140px !important;
}
div.aform div.aform-content .aform-tel{
	width: 300px !important;
}
div.aform div.aform-content .aform-email{
	width: 400px !important;
}


div.aform div.aform-content .error{
	line-height: 1.3 !important;
	font-size: 12px !important;
}
div.aform div.aform-content .error img{
	display: none;
}
.validation-advice {
    margin: 0;
    padding: 0 !important;
    color: #D92B00;
    background-color: #FFF;
		line-height: 1.3;
}
.aform-content .aform-button-area {
    margin-top: 20px;
    padding: 15px 20px;
    background: #f3f3f3;
    text-align: center;
}
.aform-content .aform-button-area {
    margin-top: 30px !important;
    padding: 0 !important;
    background: #fff !important;
    text-align: center !important;
		display: flex;
		justify-content:center;
}
.aform-content .aform-button-area input {
    margin: 0 5px !important;
    padding: 1px 16px 3px !important;
    font-size: 120%;
		line-height: 1 !important;
}
.aform-content .submit {
    margin-top: 20px;
    padding: 15px 20px;
    background: #f3f3f3;
    text-align: center;
}
.aform-content .submit {
    margin-top: 30px !important;
    padding: 0 !important;
    background: #fff !important;
    text-align: center !important;
		display: flex;
		justify-content:center;
}
.aform-content .submit input {
    margin: 0 5px !important;
    padding: 1px 16px 3px !important;
    font-size: 120%;
		line-height: 1 !important;
}
.formBox [type="button"] {
    height: 31px;
    line-height: 31px;
    padding: 0 15px;
    display: block;
    border: none;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
.aform-content .aform-button-area input[type="button"]{
	background-color: #999;
}
.aform-content .aform-button-area input[type="button"]:active,
.aform-content .aform-button-area input[type="button"]:hover,
.aform-content .aform-button-area input[type="button"]:focus {
    background-color: #009e47;
}



#aform_result {
    color: #000 !important;
    font-weight: normal !important;
    font-size: 14px !important;
    margin: 15px 0 !important;
    padding:0 !important;
}
#aform_result a {
    margin: 0 !important;
}




/* 市民の広場への投稿 */
#shiminnohirobaBox #parts-4{
	width: 3em;
}
#shiminnohirobaBox #parts-7{
	height: 2.5em;
	box-sizing: content-box;
}
#shiminnohirobaBox div.aform div.aform-content .dl_parts-9 dd input#parts-9{
	order:1;
}
#shiminnohirobaBox div.aform div.aform-content .dl_parts-9 dd p.aform-input-example{
	order:2;
}
#shiminnohirobaBox div.aform div.aform-content .dl_parts-9 dd .aform-twice-note{
	order: 3;
}
#shiminnohirobaBox div.aform div.aform-content .dl_parts-9 dd input#parts-9-confirm{
	order:4;
}

/* 情報ナビ */
#j-naviBox #parts-4{
	width: 3em;
}
#j-naviBox #parts-7{
	height: 2.5em;
	box-sizing: content-box;
}
#j-naviBox div.aform div.aform-content .dl_parts-9 dd input#parts-9{
	order:1;
}
#j-naviBox div.aform div.aform-content .dl_parts-9 dd p.aform-input-example{
	order:2;
}
#j-naviBox div.aform div.aform-content .dl_parts-9 dd .aform-twice-note{
	order: 3;
}
#j-naviBox div.aform div.aform-content .dl_parts-9 dd input#parts-9-confirm{
	order:4;
}


/* 市民タイムス購読申し込みフォーム */
#koudokumousikomiBox #parts-8{
	width: 100px;
}
#koudokumousikomiBox #parts-5{
	height: 2.5em;
	box-sizing: content-box;
}
#koudokumousikomiBox div.aform div.aform-content .dl_parts-7 dd input#parts-7{
	order:1;
}
#koudokumousikomiBox div.aform div.aform-content .dl_parts-7 dd p.aform-input-example{
	order:2;
}
#koudokumousikomiBox div.aform div.aform-content .dl_parts-7 dd .aform-twice-note{
	order: 3;
}
#koudokumousikomiBox div.aform div.aform-content .dl_parts-7 dd input#parts-7-confirm{
	order:4;
}


/* ご意見・ご感想 */
#inquiryBox #parts-4{
	width: 3em;
}
#inquiryBox #parts-7{
	height: 2.5em;
	box-sizing: content-box;
}
#inquiryBox div.aform div.aform-content .dl_parts-9 dd input#parts-9{
	order:1;
}
#inquiryBox div.aform div.aform-content .dl_parts-9 dd p.aform-input-example{
	order:2;
}
#inquiryBox div.aform div.aform-content .dl_parts-9 dd .aform-twice-note{
	order: 3;
}
#inquiryBox div.aform div.aform-content .dl_parts-9 dd input#parts-9-confirm{
	order:4;
}


/* 投稿フォトプラザ */
#photoplazaBox #parts-4{
	width: 3em;
}
#photoplazaBox #parts-11{
	height: 2.5em;
	box-sizing: content-box;
}
#photoplazaBox #parts-7{
	height: 2.5em;
	box-sizing: content-box;
}
#photoplazaBox div.aform div.aform-content .dl_parts-9 dd input#parts-9{
	order:1;
}
#photoplazaBox div.aform div.aform-content .dl_parts-9 dd p.aform-input-example{
	order:2;
}
#photoplazaBox div.aform div.aform-content .dl_parts-9 dd .aform-twice-note{
	order: 3;
}
#photoplazaBox div.aform div.aform-content .dl_parts-9 dd input#parts-9-confirm{
	order:4;
}





/* ザクザク掲載申し込み */
#advertisementBox #parts-7{
	width: 98%;
	height: 2.5em;
	box-sizing: content-box;
}
#advertisementBox .aform-content dl textarea#parts-10{
	min-height: 3em !important;
	width: 12em !important;
	box-sizing: content-box !important;
	word-wrap: break-word;
}
#advertisementBox .aform-content dl textarea#parts-11{
	height: 5em;
}

#advertisementBox div.aform div.aform-content .dl_parts-9 dd input#parts-9{
	order:1;
}
#advertisementBox div.aform div.aform-content .dl_parts-9 dd p.aform-input-example{
	order:2;
}
#advertisementBox div.aform div.aform-content .dl_parts-9 dd .aform-twice-note{
	order: 3;
}
#advertisementBox div.aform div.aform-content .dl_parts-9 dd input#parts-9-confirm{
	order:4;
}
#advertisementBox #parts-22,
#advertisementBox #parts-23,
#advertisementBox #parts-24{
	width: 5em;
}
#advertisementBox #parts-25{
	width: 15em;
}
div.aform div.aform-content .dl_parts-22 dd input,
div.aform div.aform-content .dl_parts-23 dd input,
div.aform div.aform-content .dl_parts-24 dd input,
div.aform div.aform-content .dl_parts-25 dd input{
	text-align: right;
}
div.aform div.aform-content dd p.parts-22,
div.aform div.aform-content dd p.parts-23,
div.aform div.aform-content dd p.parts-24,
div.aform div.aform-content dd p.parts-25{
	width: auto;
	margin-left: 10px;
	font-size: 100% !important;
}
#advertisementBox #parts-10-error,
#advertisementBox #parts-12-error{
	margin-top: 10px;
}
#advertisementBox #parts-22-error,
#advertisementBox #parts-23-error,
#advertisementBox #parts-24-error,
#advertisementBox #parts-25-error{
	width: 100%;
	margin-left: 0;
}



#advertisementBox #aform-7 .aform-note.parts-11,
#advertisementBox #aform-7 .aform-note.parts-17,
#aform-7 #aform-confirm-form .parts-11,
#aform-7 #aform-confirm-form .parts-17{
	display: none !important;
}



.calcBox{
	border-top:1px solid #ccc;
	padding-top: 25px;
	margin-top: 80px;
}
#price_tbl {
	width:100%;
}
#price_tbl table{
	border: none;
	border:1px solid #999999;
	min-width:892px;
	width: 100%;
	padding:4px;
	box-sizing: border-box;
}
#price_tbl tr {
	width: 100%;
	vertical-align: top;
}
#price_tbl td {
	padding: 2px;
	border-top: none;
	border-right:none;
	text-align: left;
	line-height: 1.4;
	vertical-align: middle;
	font-size: 14px;
}
#price_tbl td hr{
	margin: 5px 0;
}
#price_tbl_in {
	width:100%;
	color:#000000;
	font-size:12px;
	padding-left:5px;
}
#price_tbl_in input {
	padding:0;
}	
#price_tbl_in em {
	font-size:24px;
	line-height: 24px;
	color: #666666;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	display: inline-block;
}
#price_tbl input[type="checkbox"]{
	margin-right: 3px;
	vertical-align: middle;
}
#price_tbl input[type="text"]{
	width: 75%;
	padding: 0 5px;
	margin-right: 5px;
	box-sizing: border-box;
}
.tCenter{
	text-align: center;
}
.vTop{
	vertical-align: top;
}
.vMiddle{
	vertical-align: middle;
}
.vBottom{
	vertical-align: bottom;
}
@media screen and (max-width: 600px) {
	#price_tbl td {
		width: auto;
		display: table-cell;
	}
}
@media screen and (min-width: 768px) {
	#price_tbl td {
		padding:4px;
	}
}
@media screen and (max-width: 1250px) {
	#price_tbl {
		overflow-y: auto;
	}
}
/*.calcBtn{
	text-align: center;
	margin: 15px auto;
}
.calcBtn input[type=submit],
.calcBtn input[type=reset] {
	height: 31px;
	line-height: 31px;
	padding: 0 15px;
	display: inline-block;
	border-width:1px;
	border-style: solid;
	font-weight: normal;
}
.calcBtn input[type=submit] {
	border-color: #009e47;
	background-color: #009e47;
	color: #fff;
}
.calcBtn input[type=reset] {
	border-color: #009e47;
	background-color: #fff;
	color: #000;
}
.calcBtn input[type=submit]:active,
.calcBtn input[type=submit]:hover,
.calcBtn input[type=submit]:focus {
	
}*/



/* デフォルトクラス上書き */
.aform-content span.aform-required{
	color:#fff;
	font-size: 82%;
	font-weight: normal;
	margin-left: 5px;
	padding: 2px;
	display:inline-block;
	line-height: 1;
	border-radius: 3px;
	background:#D92B00;
	vertical-align: text-top;
}