@charset "UTF-8";

/* 画面表示用スタイル-SP用 */

/*  ------------------------基本、大枠設定------------------------  */
body#base {
	position: relative;
}
div.baseall {
	width: 100%;
	margin: 0;
}


/* ------------------------共通タグの基本定義------------------------ */

div.h1bg {
	margin: 0 0 30px 0;
}

div.h1bg h1 {
	word-break: break-all;
}

h2 {
	word-break: break-all;
	box-sizing: border-box;
}

h3 {
	box-sizing: border-box;
	word-break: break-all;
}

caption {
	word-break: break-all;
}

iframe{
	max-width: 100%;
}

table.table01,
#main > table {
	max-width: 100%;
	box-sizing: border-box;
	table-layout: fixed;
}

/* ------------------------テンプレート用共通------------------------ */
/* ▽パンくずリスト▽ */
div.pankuzu ul li {
	white-space: normal;
}

/* ▽地図エリア内▽ */
div.mapimg {
	float: none;
	margin: 0.7em 10px 0.2em 0;
	padding: 0;
}
/* 日付リスト */
ul.info-list li {
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;
}

/* 画像エリア内 */
div.img-area {
	margin: 0;
}

/* 画像、画像リンク　左（文章回りこみ） */
div.img-area-l {
	margin: 0.56em 10px 0 10px;
	padding: 0;
	overflow: auto;
}
div.img-area-l p.imglink-txt-left img {
	margin: 0;
    padding: 0 0 5px;
	max-width: 100%;
	height: auto;
}

div.img-area-l p.imglink-txt-left {
	float: none;
	margin: 0;
	padding: 0 0 0.2em 0;
	text-align: center;
}

/* 画像、画像リンク　右（文章回りこみ） */
div.img-area-r {
	overflow: visible;
	margin: 0.56em 10px 0 10px;
}

div.img-area-r p.imglink-txt-right {
	float: none;
	margin: 0;
	padding: 0 0 0.2em 0;
	text-align: center;
}

div.img-area-r p.imglink-txt-right img {
	margin: 0;
    padding: 0 0 5px;
	max-width: 100%;
	height: auto;
}

/* 画像リンク（左　文章回りこみ無し） */
p.img-left {
	float: none;
	margin: 0.56em 10px 0.1em 10px;
}

/* 画像リンク（右　文章回りこみ無し） */
p.img-right {
	float: none;
	margin: 0.56em 10px 0.1em 10px;
	padding: 0;
}

p.img-center {
	float: none;
	margin: 0.56em 10px 0.1em 10px;
}

p.img-only {
	float: none;
	margin: 0.56em 10px 0.1em 10px;
}

/* 画像リンク　2個横並び */
p.imglink-side2 {
	float: none;
	margin: 0.56em 10px 0.1em 10px;
}
.imglink-side2 img {
	margin: 0 0 5px 0;
	max-width: 100%;
	height: auto;
}
.imglink-side2 span {
	margin: 0 0 0 0;
}


/* 画像リンク　3個横並び */
div.img-area p.imglink-side3 {
	float: none;
	margin: 0.56em 10px 0.1em 10px;
}
p.imglink-side3 img {
	margin: 0 0 5px 0;
	max-width: 100%;
	height: auto;
}
p.imglink-side3 span {
	margin: 0 0 0 0;
}
/* 画像リンク　4個横並び */
div.img-area p.imglink-side4 {
	float: none;
}
/* 画像リンク　5個横並び */
div.img-area p.imglink-side5 {
	float: none;
}

/* 地図エリア、画像リンク（文章回りこみ）用再調整 */

div.img-area-r ol {
	margin: 0.7em 5px 0.7em 0px;
}

/* レターフォーム */
form[name="formmail"] .table01 th {
	width: 23%;
}

form[name="formmail"] .table01 input {
	max-width: 97%;
}

form[name="formmail"] .table01 textarea {
	max-width: 97%;
}

form[name="formmail"] #f3_l {
	width: 30%;
}

form[name="formmail"] input[name="郵便番号（４桁）"] {
	width: 30%;
}

form[name="formmail"] #f6_l {
	width: 18%;
}

form[name="formmail"] input[name="電話（市内局番）"],
form[name="formmail"] input[name="電話（番号）"] {
	width: 18%;
}

form[name="formmail"] #f7_l {
	width: 18%;
}


form[name="formmail"] input[name="FAX（市内局番）"],
form[name="formmail"] input[name="FAX（番号）"] {
	width: 18%;
}

/* ------------------------サイトマップ------------------------ */
div.m-box3 {
    float: none;
    margin: 20px 0 1em 0;
    padding: 0;
    width: 100%;
}
div.menulist {
    clear: both;
    margin: 0;
    padding: 0;
}
div.menulist div.m-title {
    margin-right: 0px;
}

/* ------------------------検索エリア共通------------------------ */
.search-wp {
	width: 100%;
	padding-top: 0;
}

div.search-box {
	width: 100%;
	display:-webkit-box; display:-ms-flexbox; display:flex;
}
.search_txt_box {
	padding: 0;
	width: calc(100% - 60px);
	float: none;
}
.search_txt_box input[type="text"] {
	width: calc(100% - 6px);
}
.search_submit {
	float: none;
}

/* ------------------------ヘッダー------------------------ */
div.h0wrap {
	align-items: start;
}
div#h0left2 {
	padding: 5px 0 0 5px;
	height: auto;
}
div#h0left2 h1 img{
	height: 80px;
}
div#h0left2 img{
	width: auto;
	height: 80px;
	max-width: 100%;
}
#gnb {
	display: none;
}
.menu_btn_smp { 
	display: block;
}
.menu_btn_smp a {
	display :block;
	width: 75px;
    height: 85px;
    color: #fff;
    font-weight: 600;
    font-size: 88%;
    text-decoration: none;
    background-color: #900A0B;
    background-image: url(/images/mk_smp_menu.png);
    background-repeat: no-repeat;
    -webkit-background-size: 35px 28px;
    -moz-background-size: 35px 28px;
    background-size: 35px 28px;
    background-position: center 15px;
    box-sizing: border-box;
    padding: 55px 5px 10px;
    text-align: center;
}
.menu_btn_smp.open a {
    background-image: url(/images/mk_smp_close.png);
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
}

/* スマホヘッダーメニュー */
div#h0right {
	display: none;
	background: #fff;
	padding: 20px 10px 15px;
	position: absolute;
	width: 100%;
	top: 85px;
	left: 0;
	box-sizing: border-box;
	z-index: 100;
}

ul.headlist {
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
	height: auto;
}
ul.headlist li {
	display: block;
	float: none;
	background-image: none;
	background-color: #E2E2E2;
	margin: 0 10px 10px 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	text-align: center;
	width: calc( 50% - 5px) ;
	min-height: 40px;
	height: auto;
	box-sizing: border-box;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
ul.headlist li p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background-color: transparent;
	
}
ul.headlist li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #222222;
	background-color: transparent;
	width: 100%;
	box-sizing: border-box;
}
ul.headlist li:nth-of-type(2n) {
	margin: 0 0 10px 0;
}
ul.headlist li.honyaku {
	padding: 5px 10px;
}
ul.headlist li.honyaku a {
    display: inline;
}
ul.headlist li.sns a {
	width: auto;
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
ul.headlist li.sns img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}

/* スマホヘッダー検索 */
.h0search_wrap {
	margin: 15px 0 25px;
}
.h0search_wrap h2{
	display: block;
	margin: 0 0 10px;
	padding: 0;
	font-size: 100%;
	font-weight: 600;
}

#main-search .search-wp {
	float: none;
}


/* スマホヘッダーグローバルナビ */
#gnb_smp {
	display: block;
	margin: 20px 0 0;
}
#gnb_smp ul.gnavi li {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 10px;
	padding: 0;
	height: auto;
}
#gnb_smp ul.gnavi li a {
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	margin: 0 0 10px;
	padding: 5px 10px;
	min-height: 55px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
}

div#gnb_smp ul.gnavi li.selected {
	background-color: #f6e1e2;
}

div#gnb_smp ul.gnavi li.selected span {
	color: #000000;
}
@media screen and (max-width:360px) {
	div#h0left2 h1 img { height: 70px; }
	div#h0left2 img { width: auto; height: auto; max-height: 70px;}
	.menu_btn_smp a { width: 70px; height: 75px; background-position: center 10px; padding: 50px 5px 10px; }
	#menu_smp { top: 75px; }
}


/* ------------------------コンテンツ大枠------------------------ */
/* コンテンツ大枠 */
div.wrap {
	width: calc( 100% - 20px);
	padding: 0 10px;
}

/* メインコンテンツ */
div#main {
	width: 100%;
	float: none;
	margin: 0px 0px 20px 0px;
}

/* コーナー用 */
ul.norcor li {
	word-break: break-all;
}

/* ローカルナビゲーション */
div#localnavi {
	float: none;
	clear: both;
	width: calc(100% - 20px);
	margin: 0px 0px 20px 0px;
}

/* ------------------------サブナビ------------------------ */
/* ▽サブナビゲーション▽ */
div#losubnavi {
	float: none;
	width: 100%;
	box-sizing: border-box;
}

div#lobookmark {
	width: 100%;
	box-sizing: border-box;
}

div.bookmarkbox {
	background-repeat: no-repeat; 
}

/* ▽サブナビ共通▽ */
div.lobgbox {
	width: 100%;
}

/* 次階層新着情報エリア */

div.newinfo-box ul.info-list {
	word-break: break-all;
}

div#main div.newinfo-box h2 {
	word-break: break-all;
}

div.ichiran-all {
	clear: both;
	float: right;
	margin: 0;
	padding: 0 15px 0 0;
	word-break: break-all;
}

/* 次階層メニューエリア */
	margin: 30px 0px 0.5em 0px;
	word-break: break-all;
}

/* 日付リスト */
ul.info-list {
	overflow-y: scroll;
}
ul.info-list .date {
	float: none;
}

ul.info-list li span {
	margin: 0 0 0 0;
}

/* ページ内ジャンプ */
ul.linkjump li {
	white-space: normal;
	word-break: break-all;
}

p.img-center img, p.img-left img, p.img-right img {
	max-width: 100%;
	height: auto;
}


/* ------------------------フッター------------------------ */
/* このページの上へ戻る */
div.tothispage {
	margin-bottom: 10px; 
}

/* フッター検索 */
.f_search_area {
	padding: 0 10px 30px;
}
.f_search_area h2 {
	 margin: 0 0 10px:
	 padding: 0;
}
#f-search .search_txt_box input[type="text"] {
	width: 100%;
}

div.foot4bg{
	padding: 0 10px;
}
div.foot3bg{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}

div.map img {
	width: 100px;
	height: auto;
}

div.f0add {
	margin-bottom: 20px;
}

div.f0add h2{
	padding: 0;
}

div.contact-email{
	margin: 0;
}

ul.footlist{
	padding: 0;
	margin-bottom: 10px;
}

ul.footlist li{
	padding: 0 0 10px 15px;
	float: none;
}
ul.footlist li a{
	padding: 0;
}

div.foot2bg{
	width: 100%;
}