@media screen and (min-width: 0px) and (max-width: 640px) {

/* sp base
---------------------------------------------------- */
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif,Droid Sans;
	line-height: 160%;
	letter-spacing: 0;
	color: #333;
	margin: 0;
	padding: 0;
	background: #FFF;
	text-align: left;
	-webkit-text-size-adjust: 62.5%;
}

*{
	margin: 0px;
	padding: 0px;
}

a.newwin {
	margin: 0px 2px;
	background: url(../images/sp/sp_newwinicon.png) no-repeat right center;
	padding:0.2em 2em 0.2em 0;
}

a.ilout {
	margin: 0px 2px;
	padding:0.2em 0 0.2em 2em;
	background: url(../images/sp/ico_linkout.png) no-repeat left center;
}
a.ilin {
	margin: 0px 2px;
	padding:0.2em 2em 0.2em 0;
	background: url(../images/sp/ico_linkin.png) no-repeat right center;
}
a.ilsite {
	margin: 0px 2px;
	padding:0.2em 0 0.2em 2em;
	background: url(../images/sp/ico_link.png) no-repeat left center;
}

.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 0px;
	font-style: normal;
	line-height: 0px;
	font-weight: normal;
	font-variant: normal;
}

a:link,
a:visited {
	text-decoration: underline;
	color: #0000FF;
}

a:hover {
	text-decoration: none;
	color: #FF6600;
}

a[name]:hover {
	color: #333;
	text-decoration: none;
}

a:active {
	text-decoration: underline;
	color: #FF6600;
}

a[name]:active {
	color: #333;
	text-decoration: none;
}

.hidden_pc {
	display: block;
}
.hidden_sp {
	display: none;
}
.imghdn_pc {
	display: inline;
}
.imghdn_sp {
	display: none;
}
.pankuzubox {
	width:100%;
	margin:0 auto;
	padding:20px 0;
}

.pankuzuboxdummy {
	width:100%;
	margin:0 auto;
	padding:0;
}

.pankuzubox p {
	width:100%;
	font-size: 1.0rem;
	line-height:120%;
	text-align:left;
}

.pankuzubox p img {
	vertical-align:middle;
	padding: 0 10px 0 0;
}


/* images
---------------------------------------------------- */
img {
	border:0;
	max-width: 100%;
	height: auto;
 }

.imgIcon01{
	margin: 3px;
	vertical-align: middle;
}

.imgLeft, .imglefttbl p{
	float: left;
	margin: 5px;
}

.imgRight, .imgrighttbl p{
	float: right;
	margin: 5px;
}

/* WRAP
---------------------------------------------------- */
#wrapper{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}

/* header
---------------------------------------------------- */
#spheaderbox {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#spheader{
	width:100%;
	margin:0 auto;
	padding:0;
	border-top:2px solid #2c63b6;
	background-color:#FFF;
}

.logo{
	width:56%;
	height:82px;
	float: left;
	padding-top:18px;
}

#menu_btn {
	width:40%;
	float: right;
	padding-top:18px;
	display: flex;
}

#spmenu {
	width:100%;
	background-color:#2b63b5;
	padding:20px 0 0;
	display: block;
	text-align:center;
}

#spmenu_support {
	width:100%;
	background-color:#2b63b5;
	padding:20px 0 0;
	display: block;
	text-align:center;
}

#spgnaviqa {
	width:94%;
	margin:0 auto;
}

#spgnaviqa .qaleft{
	margin:0 0 14px;
	width: 50%;
	float: left;
}

#spgnaviqa .qaright{
	margin:0 0 14px;
	width: 50%;
	float: right;
}

#spgnavi ul {
	width:94%;
	margin:0 auto;
	list-style-type:none;
}

#spgnavi ul li {
	float:left;
	display:block;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 10px;
	text-decoration: none;
	width:44%;
	padding: 20px 15px;
	font-size: 1.1rem;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.52, #f2f2f2), color-stop(0.50, #fff), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #f2f2f2 52%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #f2f2f2 52%, #fff 100%);
	background: -o-linear-gradient(top, #fff 0%, #fff 50%, #f2f2f2 52%, #fff 100%);
	background: -ms-linear-gradient(top, #fff 0%, #fff 50%, #f2f2f2 52%, #fff 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 50%, #f2f2f2 52%, #fff 100%);
}

#spgnavi ul li.left {
	margin:0 5px 14px 0;
}

#spgnavi ul li.right {
	margin:0 0 14px 5px;
}

#spgnavi ul li p {
	width:100%;
	height:36px;
	margin:0;
	padding:0;
	line-height: 36px;
	text-align:left;
	color: #2b63b5;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	overflow: hidden;
}

#spgnavi ul li p a {
	display: block;
	color: #0000ff !important;
}

.opticonmenu {
	display: inline-block;
	width: 36px;
	height: 36px;
	float: left;
}

#spgnavi ul li a span.menu1 { padding-left: 9px; background: url(../images/optimization/sp_1000.png) no-repeat -346px -560px;}
#spgnavi ul li a span.menu2 { padding-left: 9px; background: url(../images/optimization/sp_1000.png) no-repeat -300px -642px;}
#spgnavi ul li a span.menu3 { padding-left: 9px; background: url(../images/optimization/sp_1000.png) no-repeat -300px -683px;}
#spgnavi ul li a span.menu4 { padding-left: 9px; background: url(../images/optimization/sp_1000.png) no-repeat -300px -724px;}
#spgnavi ul li a span.menu5 { padding-left: 9px; background: url(../images/optimization/sp_1000.png) no-repeat -300px -765px;}
#spgnavi ul li a span.menu6 { padding-left: 9px; background: url(../images/optimization/sp_1000.png) no-repeat -300px -806px;}
#spgnavi ul li a span.menu7 { padding-left: 9px; background: url(../images/optimization/sp_1000.png) no-repeat -300px -601px;}

#sptopbnr {
	width:94%;
	margin:10px auto 0;
	padding:15px 0 10px 0;
	background-color:#FFF;
	border-radius: 10px;
	display:block;
	text-align:center;
}

#sptopbnr ul {
	margin:0 0 0 20px;
	list-style-type:none;
}

#sptopbnr ul li {
	margin:0;
	padding:0;
	float:left;
	width: 280px;
	text-align: center;
}

.opticon {
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.opticon img {
	max-width: none;
	position: absolute;
	top: 0;
	left: 0;
}

.opticonsp001 { width: 275px; height: 70px; }
.opticonsp002 { width: 275px; height: 70px; }	.opticonsp002 img { margin-top: -160px; }
.opticonsp003 { width: 275px; height: 70px; }	.opticonsp003 img { margin-top: -80px; }
.opticonsp004 { width: 275px; height: 70px; }	.opticonsp004 img { margin-top: -320px; }
.opticonsp005 { width: 275px; height: 70px; }	.opticonsp005 img { margin-top: -400px; }
.opticonsp006 { width: 275px; height: 70px; }	.opticonsp006 img { margin-top: -480px; }

.opticonsp401 { width: 600px; height: 55px; }	.opticonsp401 img { margin-top: -1020px; margin-left: -305px; }
.opticonsp402 { width: 275px; height: 70px; }
.opticonsp403 { width: 275px; height: 70px; }	.opticonsp403 img { margin-top: -245px; }
.opticonsp406 { width: 275px; height: 70px; cursor: pointer; }		.opticonsp406 img { margin-top: -245px; }
.opticonsp404 { width: 275px; height: 70px; }	.opticonsp404 img { margin-top: -316px; }
.opticonsp405 { width: 275px; height: 70px; }	.opticonsp405 img { margin-top: -392px; }

.itembox {
	width:100%;
	margin:0 auto;
	background-color:#2b63b5;
	padding:20px 0;
}

.searchbox {
	width:80%;
	display:block;
	margin:0 auto;
	background-color:#2b63b5;
}

.searchbox2 {
	width:80%;
	display:block;
	margin:0 auto;
}

.searchbox4 {
	width:80%;
	display:block;
	margin:0 auto;
}

.searchbox4 .gsc-control-cse{
	padding: 20px !important;
	background-color: #ffffff;
	border: none;
}

.searchbox4 .gsc-input {
	padding:0 !important;
}


.ss_search_area {
	background-color:#ffffff;
	height: 60px;
	line-height: 60px;
}

.ss_search_area .ss_search_key {
	float: left;
	background-color: #ffffff;
	width: 400px;
	margin: 13px 3px 0 5px;
	border: 1px solid #ccc;
}

.ss_search_area .ss_search_key #querySP{
	border: 0 solid #ffffff;
	font-size: 1em;
	margin-left: 1px;
	padding-left: 5px;
	padding-top: 5px;
	width: 250px;
	height: 30px;
}

.ss_search_area .ss_search_btn {
	float: left;
	padding: 0 0 0 5px;
}

.ss_search_area .ss_search_btn .fedbt {
	border: 1px solid #2c63b6;
	color: #333;
	margin: 17px 5px 0 2px;
	width: 80px;
	height: 30px;
}

#footitem {
	width:100%;
	margin:0 auto;
	padding:0;
}

.backtop {
	width: 94%;
	text-align:right;
	margin:30px auto 0;
}

.backtop p {
	background: url(../images/sp/arrow3.png) no-repeat right center;
	padding-right:1.2em;
	font-size: 1.0rem;
}

.footindex {
	width:94%;
	margin:20px auto 0;
	text-align:center;
	padding:10px 0;
	background-color:#FFF;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}

.footindex p {
	font-size: 1.1rem;
	margin:0 auto;
	padding:0;
	line-height:120%;
}


/* ----------------------------------------------------
 各カテゴリインデックスページ（PCでは２カラム）
---------------------------------------------------- */

#container2 {
	width:94%;
	margin:0 auto;
}

#news { /* カテゴリー新着情報 */
	width:100%;
	display: inline-block;
	margin-bottom:20px;
}

#news .categoryimg {
	width:100%;
	height:80px;
	background-color:#2c63b6;
	color:#FFF;
	font-size: 1.5rem;
}

#news .categoryimg img {
	vertical-align:middle;
}

#news .newslist {
	border:5px solid #2c63b6;
	border-top:none;
	margin:0;
	padding:0;
}

#news .newslist ul {
	width:94%;
	margin:0 auto;
	padding:10px 0;
	list-style-type: none;
}

#news .newslist li{
	font-size: 1.3rem;
	line-height:130%;
	margin:0;
	padding: 5px 0 10px 14px;
	background: url(../images/sp/arrow1.png) no-repeat left 10px;
	text-align:left;
}

.cateHead{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	background: #2b63b5;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	align-items: center;
	margin-bottom: 20px;
}
	
.cateHead span{
	display: block;
	padding-right: 20px;
	width: 10%;
}
	
	.cateHead span img{
		width: 100%;
	}

.cateinfoWrap {
	margin-bottom: 10px;
	border: 1px solid #999;
	background-color:#FFF;
}
#tabnavicate01{
		width: 300px;
		height: 60px;
	}
	
	#tabnavicate02{
		width: 298px;
		height: 60px;
	}

	/* 通常 */
	#tabnavicate01 span{ background: url(../images/optimization/sp_1000.png) no-repeat -305px -1363px; }
	#tabnavicate02 span{ background: url(../images/optimization/sp_1000.png) no-repeat -604px -1363px; }

	#tabnavicate01.ui-tabs-selected span { background: url(../images/optimization/sp_1000.png) no-repeat -305px -1423px; }
	#tabnavicate02.ui-tabs-selected span { background: url(../images/optimization/sp_1000.png) no-repeat -604px -1423px; }


	.tab_menucate {
		text-align:center;
	}

	.tab_menucate ul{
		list-style-type: none;
	}
	.tab_menucate li {
		float: left;
		display: block;
		line-height: 100%;
		text-indent: -9999px;
		width: 145px;
		height: 60px;
	}

	.tab_menucate li.fblast{
		width: 145px;
	}

	.tab_menucate li span{
		display:block;
		height:60px;
	}

	.tab_content {
		clear:both;
		width:96%;
		margin:0 auto;
		padding:10px 0;
	}

	.tab_content .tabcateWrap ul {
		width:100%;
		margin:0;
		padding:0;
		list-style-type:none;
		vertical-align: text-bottom;
		list-style-position:outside;
		text-align:left;
	}

	.tab_content .tabcateWrap ul li {
		margin: 0;
		padding: 0.3em 0 0.3em 1.3em;
		background: url(../images/sp/arrow2.png) no-repeat 0 0.5em;
		font-size: 1.3rem;
	}

	.tab_content .tab_morebtn {
		width:97%;
		margin:10px auto;
		text-align:right;
	}

.titlebox,
.kankouttlbox {
	width:100%;
	background: url(../images/line640.gif) no-repeat center bottom;
	margin-bottom:10px;
	display: inline-block;
}

.titlebox h2 {
	font-size: 1.6rem;
	line-height:120%;
	text-align:left;
	margin:0;
	padding:20px 0 20px 50px;
	background: url(../images/sp/bg_h2.png) no-repeat 0 14px;
	font-weight:normal;
}

.titlebox h2.nodate,
.kankouttl h2.nodate {
	padding:20px 0 50px 50px;
}

.titlebox p,
.kankouttlbox p {
	font-size: 1.1rem;
	line-height:120%;
	text-align:right;
	margin:0 0 14px 0;
	padding:0;
}

.kankouttl h2 {
	width:70%;
	font-size: 1.3rem;
	line-height:120%;
	text-align:left;
	margin:0;
	padding:20px 0 20px 50px;
	background: url(../images/sp/bg_h2.png) no-repeat 0 14px;
	font-weight:normal;
	float:left;
}

.kankouttl img {
	width:120px;
	float:right;
	margin:0;
	padding:0 0 20px 0;
}

.umlogo {
	margin: 30px 0 10px 10px;
	text-align: left;
}

.umlogo img {
	vertical-align: middle;
	margin-right: 10px;
}

.uimenuidx,
.uimenuidx4 { /* カテゴリインデックス */
	width:100%;
	margin-bottom:20px;
	display: inline-block;
}

.uimenuidx .categorylist, 
.uimenuidx4 .categorylist {
	width:100%;
	margin:0 auto;
}

.uimenuidx .categorylist dl dt {
	background-color:#2c63b6;
	text-align:left;
	padding:10px;
	color: #ffffff;
	font-size: 1.3rem;
}
.uimenuidx .categorylist dl dt a[name]:hover {
	color: #ffffff;
	text-decoration: none;
}

.uimenuidx .categorylist dl dt a[name]:active {
	color: #ffffff;
	text-decoration: none;
}

.uimenuidx .categorylist dl dd {
	margin:5px 0;
	text-align:left;
	padding:5px 0 20px 5px;
	font-size: 1.3rem;
	line-height:130%;
	clear:both;
}

.uimenuidx .categorylist dl dd div.foldertitle {
	margin:0 0 10px;
	padding:10px 0 10px 35px;
	background: url(../images/icon/ico_folder.gif) no-repeat 0 0.3em;
}

.uimenuidx .categorylist dl dd.nofolder {
	background: none;
}

.uimenuidx .categorylist dl dd ul {
	margin:10px 0 0 10px;
	padding:0;
	list-style-type: none;
}

.uimenuidx .categorylist dl dd li {
	width:95%;
	margin:0 15px 0 0;
	padding: 0 0 15px 30px;
	float:left;
}

.uimenuidx .categorylist dl dd ul.onerow li {
	width:95%;
	margin:0;
	padding: 0 0 15px 30px;
}

.uimenuidx4 .categorylist ul {
	margin:10px 0 0 15px;
	padding:0;
	list-style-type: none;
}

.uimenuidx4 .categorylist li {
	width:42%;
	margin:0 15px 0 0;
	padding: 0 0 15px 30px;
	float:left;
	text-align: left;
}

.uimenuidx .categorylist ul.onerow li {
	width:90%;
	margin:0 15px 0 0;
	padding: 0 0 15px 30px;
}


.uimenuidx .categorylist dl dd li.icopdf, 
.uimenuidx4 .categorylist li.icopdf {
	background: url(../images/sp/ico_pdf.png) no-repeat 0 0;
}

.uimenuidx .categorylist dl dd li.icolink, 
.uimenuidx4 .categorylist li.icolink {
	background: url(../images/sp/ico_link.png) no-repeat 0 0;
}

.uimenuidx .categorylist dl dd li.icohtml, 
.uimenuidx4 .categorylist li.icohtml {
	background: url(../images/sp/ico_html.png) no-repeat 0 0;
}

.uimenuidx .categorylist dl dd li.icofolder, 
.uimenuidx4 .categorylist li.icofolder {
	background: url(../images/icon/ico_folder.gif) no-repeat 0 0;
}

.uimenuidx .categorylist dl dd li.icolinkout, 
.uimenuidx4 .categorylist li.icolinkout {
	background: url(../images/sp/ico_linkout.png) no-repeat 0 0;
}

.uimenuidx2 { /* ライフイベントインデックス */
	width:100%;
	/*height:104px;*/
	display: inline-block;
	margin-bottom:20px;
}

.uimenuidx3 { /* ライフイベント以外インデックス */
	width:100%;
	/*height:104px;*/
	display: inline-block;
	margin-bottom:20px;
}

.uimenuidx4 { /* 観光エリア別インデックス */
	width:100%;
	/*height:104px;*/
	display: inline-block;
	margin-bottom:20px;
}

.uimenuidx5 { /* 観光共通インデックス */
	width:100%;
	/*height:104px;*/
	display: inline-block;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom: 1px dotted #2c63b6;
	display: flex;
}

.uimenuidx2 .leimg {
	float:left;
	width:104px;
	height:104px;
}

.uimenuidx2 .lelist {
	float:right;
	width:81%;
}

.uimenuidx3 .lelist {
	float:right;
	width:100%;
}

.uimenuidx4 .leimg {
	float:left;
	width:250px;
	height:100px;
}

.uimenuidx4 .lelist {
	float:right;
	width:57%;
}

.uimenuidx5 .leimg {
	width:100px;
	height:100px;
}

.uimenuidx5 .leimg img {
	max-width: none;
}

.uimenuidx2 .lelist dl dt, 
.uimenuidx3 .lelist dl dt, 
.uimenuidx4 .lelist dl dt {
	background-color:#2c63b6;
	text-align:left;
	font-size: 1.3rem;
	padding:10px;
	color: #ffffff;
}

.uimenuidx2 .lelist dl dt a, 
.uimenuidx3 .lelist dl dt a, 
.uimenuidx4 .lelist dl dt a {
	margin: 0px 2px;
	background: url(../images/arrow5.gif) no-repeat right center;
	padding-right: 1.4em;
}

.uimenuidx2 .lelist dl dt a:link,
.uimenuidx2 .lelist dl dt a:visited, 
.uimenuidx3 .lelist dl dt a:link,
.uimenuidx3 .lelist dl dt a:visited, 
.uimenuidx4 .lelist dl dt a:link,
.uimenuidx4 .lelist dl dt a:visited {
	text-decoration: underline;
	color: #ffffff;
}

.uimenuidx2 .lelist dl dt a:hover, 
.uimenuidx3 .lelist dl dt a:hover, 
.uimenuidx4 .lelist dl dt a:hover {
	text-decoration: none;
	color: #ffffff;
}

.uimenuidx2 .lelist dl dt a:active, 
.uimenuidx3 .lelist dl dt a:active, 
.uimenuidx4 .lelist dl dt a:active {
	text-decoration: underline;
	color: #ffffff;
}

.uimenuidx2 .lelist dl dd, 
.uimenuidx3 .lelist dl dd, 
.uimenuidx4 .lelist dl dd {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.3rem;
}

.uimenuidx2 .lelist dl dd a, 
.uimenuidx3 .lelist dl dd a, 
.uimenuidx4 .lelist dl dd a{
	display: block;
	width: 45%;
	position: relative;
	text-align: left;
	padding: 10px 10px 10px 24px;
	box-sizing: border-box;
	border-bottom: 1px solid #2b63b5;
	margin: 0 12px;
	text-decoration: none;
}
.uimenuidx2 .lelist dl dd a:before, 
.uimenuidx3 .lelist dl dd a:before, 
.uimenuidx4 .lelist dl dd a:before{
	background: url(../images/arrow2.gif) no-repeat 0 0.2em;
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	left: 0;
}

.uimenuidx3 .lelist dl dd ul { /* 観光トップ　お役立ち情報 */
	margin:10px 0;
	list-style-type:none;
	padding:0;
}

.uimenuidx3 .lelist dl dd li {
	width:32%;
	margin:0 6px 0 0;
	padding:0;
	float:left;
}

.uimenuidx5 .lelist dl dt {
	text-align:left;
	font-size: 1.3rem;
	padding:5px 0 0 10px;
	color: #ffffff;
}

.uimenuidx5 .lelist dl dd {
	text-align:left;
	font-size: 1.3rem;
	line-height:130%;
	padding:5px 0 0 10px;
}
.cateMore{
	width: 100%;
	text-align: right;
	margin-top: 20px;
}

.cateMore > a{
	display: inline!important;
	border: 0!important;
	margin-left: 20px!important;
}

/* 旧 */

.uimenuidx12 { /* ライフイベントインデックス */
	width:100%;
	/*height:104px;*/
	display: inline-block;
	margin-bottom:20px;
}

.uimenuidx13 { /* ライフイベント以外インデックス */
	width:100%;
	/*height:104px;*/
	display: inline-block;
	margin-bottom:20px;
}

.uimenuidx12 .leimg {
	float:left;
	width:104px;
	height:104px;
}

.uimenuidx12 .lelist {
	float:right;
	width:81%;
}

.uimenuidx13 .lelist {
	float:right;
	width:100%;
}

.uimenuidx12 .lelist dl dt, 
.uimenuidx13 .lelist dl dt {
	background-color:#2c63b6;
	text-align:left;
	font-size: 1.3rem;
	padding:10px;
	color: #ffffff;
}

.uimenuidx12 .lelist dl dt a, 
.uimenuidx13 .lelist dl dt a {
	margin: 0px 2px;
	background: url(../images/arrow5.gif) no-repeat right center;
	padding-right: 1.4em;
}

.uimenuidx12 .lelist dl dt a:link,
.uimenuidx12 .lelist dl dt a:visited, 
.uimenuidx13 .lelist dl dt a:link,
.uimenuidx13 .lelist dl dt a:visited {
	text-decoration: underline;
	color: #ffffff;
}

.uimenuidx12 .lelist dl dt a:hover, 
.uimenuidx13 .lelist dl dt a:hover {
	text-decoration: none;
	color: #ffffff;
}

.uimenuidx12 .lelist dl dt a:active, 
.uimenuidx13 .lelist dl dt a:active {
	text-decoration: underline;
	color: #ffffff;
}

.uimenuidx12 .lelist dl dd, 
.uimenuidx13 .lelist dl dd {
	text-align:left;
	font-size: 1.1rem;
	line-height:130%;
	padding:5px 10px 0;
}

.uimenuidx13 .lelist dl dd ul { /* 観光トップ　お役立ち情報 */
	margin:10px 0;
	list-style-type:none;
	padding:0;
}

.uimenuidx13 .lelist dl dd li {
	width:32%;
	margin:0 6px 0 0;
	padding:0;
	float:left;
}



.bnrbox_kankou { /* 観光トップ　バナーエリア */
	width:99%;
	display: inline-block;
	margin-bottom:20px;
	background-color:#e9eff7;
	border:1px dotted #999;
	padding:10px 10px 0 10px;
	box-sizing: border-box;
}

.bnrbox_kankou ul{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	
.bnrbox_kankou ul li{
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
}

.box_kankou {
	width:95%;
	margin:0 auto;
}

.bnr_kankou1 {
	margin:0 10px 20px 10px;
	padding:0;
	border:0;
	float:left;
}

.bnr_kankou2 {
	width:47%;
	margin:0 5px 20px 10px;
	padding:0;
	border:0;
	float:left;
}

.bnr_kankou3 {
	width:30%;
	margin:0 7px 20px 10px;
	padding:0;
	border:0;
	float:left;
}

.bnr_kankoutxt {
	width:47%;
	text-align: right;
}

#contentsright {
	width:100%;
	padding:0;
	margin:40px 0 0 0;
}

.subinfobox { /* 総合案内赤丸矢印リスト */
	border:1px solid #999999;
}

.subinfohead {
	width:100%;
	height:50px;
	margin:0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 100%;
	background: url(../images/sp/bg_subinfo1.png) no-repeat center top;
}

.subinfohead p {
	color:#FFF;
	text-align:center;
	padding:14px 0 0 0;
}

.subinfolist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1rem;
}

.subinfolist ul {
	margin:0;
	padding:5px 15px 5px;
	vertical-align: text-bottom;
	list-style-type:none;
}

.subinfolist ul li {
	float:left;
	margin: 0;
	padding: 5px 20px 5px 25px;
	line-height: 150%;
	background: url(../images/sp/arrow4.png) no-repeat 0 0.5em;
}

/* ページ中身レイアウト
---------------------------------------------------- */
.layout1 {
	margin-bottom:40px;
}

.mbadjust {
	margin-bottom:20px;
}

.layout1 h3 {
	background-color:#2c63b6;
	text-align:left;
	font-size:1.4rem;
	padding:10px;
	color: #ffffff;
	font-weight:normal;
	margin:20px 0 10px;
}

.layout1 h3 a:link, .layout1 h3 a:visited  {
	color: #ffffff;
}

.layout1 h3 a:hover, .layout1 h3 a:active  {
	color: #ff6600;
}

.layout1 h3 a[name]:hover {
	color: #ffffff;
	text-decoration: none;
}

.layout1 h3 a[name]:active {
	color: #ffffff;
	text-decoration: none;
}

.layout1 h3.bgred {
	background-color:#E60012;
}

.layout1 div.ttl1 {
	font-size:1.4rem;
	text-align:left;
	margin:20px 0 10px;
	padding:5px 0;
	font-weight:bold;
	border-bottom: 2px solid #2c63b6;
}

.layout1 div.ttl1 p {
	background: url(../images/ttl1-line.gif) repeat-y 0 0;
	padding:0 5px 0 20px;
}

.layout1 div.txt1 {
	width:97%;
	margin:15px auto 0;
	text-align:left;
	font-size:1.3rem;
	line-height:150%;
}

.layout1 div.txt2 {
	width:97%;
	margin:15px auto 0;
	text-align:center;
	font-size:1.3rem;
	line-height:150%;
}

.layout1 div.txt3 {
	width:97%;
	margin:15px auto 0;
	text-align:right;
	font-size:1.3rem;
	line-height:150%;
}

.layout1 div.img1 {
	width:97%;
	margin:15px auto 0;
	text-align:left;
}

.layout1 div.img2 {
	width:97%;
	margin:15px auto 0;
	text-align:center;
}

.layout1 div.img3 {
	width:97%;
	margin:15px auto 0;
	text-align:right;
}

.layout1 div.img1 span, 
.layout1 div.img2 span, 
.layout1 div.img3 span {
	font-size: 1.0rem;
}

.layout1 div.imgleft,
.layout1 div.imgright {
	width:97%;
	margin:15px auto;
	font-size:1.3rem;
	line-height:150%;
}

.layout1 div.imgleft p {
	float:left;
	padding:0;
	margin:0 20px 10px 0;
}

.layout1 div.imgright p {
	float:right;
	padding:0;
	margin:0 0 10px 20px;
}

.layout1 div.imgleft p span,
.layout1 div.imgright p span {
	font-size: 1.0rem;
	line-height: 150%;
	text-align:left;
	padding:5px 0 0 0;
}

.layout1 div.wk1 {
	margin:15px 0;
	padding:5px;
	text-align:left;
	font-size: 1.3rem;
	line-height: 150%;
	border: 1px solid #2c63b6;
}

.layout1 div.wk2 {
	margin:15px 0;
	padding:5px;
	text-align:center;
	font-size: 1.3rem;
	line-height: 150%;
	border: 1px solid #2c63b6;
}

.layout1 div.wk3 {
	margin:15px 0;
	padding:5px;
	text-align:right;
	font-size: 1.3rem;
	line-height: 150%;
	border: 1px solid #2c63b6;
}

.layout1 ul.disc {
	margin:0 auto;
	padding:10px 0 10px 20px;
	list-style-type:disc;
	font-size: 1.3rem;
	line-height: 150%;
}

.layout1 ul.disc li {
	text-align:left;
	margin: 0 0 0 0.8em;
	padding: 0 0 0.5em 0.3em;
}

.layout1 ol.number {
	margin:0 auto;
	padding:10px 0 10px 20px;
	font-size: 1.3rem;
	line-height: 150%;
}

.layout1 ol.number li {
	text-align:left;
	margin: 0 0 0 0.8em;
	padding: 0 0 0.5em 0.3em;
}

.layout1 ul.disc li.discnon, 
.layout1 ol.number li.discnon {
	list-style-type: none;
}

.layout1 ul.disc li ul, 
.layout1 ol.number li ul {
	margin: 10px 0 0;
	list-style-type: square;
}

.layout1 .line {
	margin: 20px auto;
}

.layout1 .movie {
	overflow: auto;
	margin: 20px auto;
	text-align: center;
}

/* shisetsu indexlist */
.layout1 div.shisetsu {
	margin: 0 auto 20px;
	padding: 0;
}

.layout1 div.shisetsu ul {
	width:100%;
	margin: 0;
	padding: 0;
	list-style-type:none;
}

.layout1 div.shisetsu li {
	float:left;
	width:45%;
	margin: 0 20px 0 0;
	padding: 5px 0 5px 10px;
	text-align: left;
	background: url(../images/arrow1.gif) no-repeat 0 0.8em #FFF;
	border-bottom: 1px solid #ccc;
}

.layout1 span.imgcaption {
	font-size: 1.0rem;
	line-height: 150%;
}


/*　テーブル関係↓↓　*/
.layout1 .tableLayout1{
	margin: 20px auto;
	padding:0;
	font-size: 1.3rem;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.layout1 .tableLayout1 tr{
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.layout1 .tableLayout1 th{
	margin: 0;
	padding: 5px;
	text-align: center;
}

.layout1 .tableLayout1 td{
	margin: 0;
	padding: 5px;
}


.layout1 .tableLayout2, 
.layout1 .tableLayoutDL {
	margin: 20px auto;
	padding: 0;
	font-size: 1.3rem;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.layout1 .tableLayoutDL {
	margin: 20px auto 30px;
	font-size: 1.3rem;
}

.layout1 .tableLayout2 tr, 
.layout1 .tableLayoutDL tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.layout1 .tableLayoutDL tr{
	vertical-align: top;
}

.layout1 .tableLayout2 th, 
.layout1 .tableLayoutDL th {
	margin: 0;
	padding: 5px;
	text-align: center;
	background: #e9eff7;
	border: 1px solid #2c63b6;
}

.layout1 .tableLayout2 td, 
.layout1 .tableLayoutDL td {
	margin: 0;
	padding: 5px;
	border: 1px solid #2c63b6;
}

.layout1 .tableLayout3{
	margin: 20px auto;
	padding: 0;
	font-size: 1.3rem;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.layout1 .tableLayout3 tr{
	margin: 0;
	padding: 0;
	vertical-align: top;
	display: flex;
	flex-direction: column;
}

.layout1 .tableLayout3 th{
	width: auto !important;
	margin: 0;
	padding: 5px;
	text-align: left;
	background: #e9eff7;
	border: 1px solid #2c63b6;
}

.layout1 .tableLayout3 td{
	width: auto !important;
	margin: 0;
	padding: 5px;
	border: 1px solid #2c63b6;
}

.layout1 .tableLayout4{
	margin: 20px auto;
	padding: 0;
	font-size: 1.3rem;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.layout1 .tableLayout4 tr{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.layout1 .tableLayout4 th{
	margin: 0;
	padding: 5px;
	text-align: left;
	background: #e9eff7;
	border: 1px solid #2c63b6;
	font-weight: normal;
}

.layout1 .tableLayout4 td{
	margin: 0;
	padding: 5px;
	border: 1px solid #2c63b6;
}

.layout1 .tableLayout5{
	margin: 20px auto;
	padding: 0;
	width: 90%;
	font-size: 1.3rem;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.layout1 .tableLayout5 tr{
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.layout1 .tableLayout5 th{
	margin: 0;
	padding: 5px 5px 5px 30px;
	width: 30%;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px dotted #2c63b6;
	background: url("../images/sp/disc.png") no-repeat 5px 10px;
}

.layout1 .tableLayout5 td{
	margin: 0;
	padding: 5px;
	width: 70%;
	border-bottom: 1px dotted #2c63b6;
}

.layout1 .tableLayout1 td ul, .layout1 .tableLayout1 td ul li, 
.layout1 .tableLayout1 td ol, .layout1 .tableLayout1 td ol li, 
.layout1 .tableLayout2 td ul, .layout1 .tableLayout2 td ul li, 
.layout1 .tableLayout2 td ol, .layout1 .tableLayout2 td ol li, 
.layout1 .tableLayout3 td ul, .layout1 .tableLayout3 td ul li, 
.layout1 .tableLayout3 td ol, .layout1 .tableLayout3 td ol li, 
.layout1 .tableLayout4 td ul, .layout1 .tableLayout4 td ul li, 
.layout1 .tableLayout4 td ol, .layout1 .tableLayout4 td ol li, 
.layout1 .tableLayout5 td ul, .layout1 .tableLayout5 td ul li, 
.layout1 .tableLayout5 td ol, .layout1 .tableLayout5 td ol li {
	list-style-position:outside;
	padding:0;
	margin:0 0 0 1rem;
}

.layout1 .tableLayout1 td ul li.discnon, 
.layout1 .tableLayout2 td ul li.discnon, 
.layout1 .tableLayout3 td ul li.discnon, 
.layout1 .tableLayout4 td ul li.discnon, 
.layout1 .tableLayout5 td ul li.discnon {
	list-style-type: none;
}

.layout1 .tableLayoutWrap {
	overflow-x: scroll;
}

.layout1 .tableLayoutWrap .tableLayout2 th,
.layout1 .tableLayoutWrap .tableLayout2 td,
.layout1 .tableLayoutWrap .tableLayout4 th,
.layout1 .tableLayoutWrap .tableLayout4 td {
	white-space: nowrap;
}


/* other
---------------------------------------------------- */
.layout1 .sitemap1 {
	background-color:#2c63b6;
	text-align:left;
	font-size: 1.3rem;
	padding:10px;
	color: #ffffff;
}

.layout1 .sitemap1 a {
	margin: 0px 2px;
	background: url(../images/arrow5.gif) no-repeat right center;
	padding-right: 1.4em;
}

.layout1 .sitemap1 a:link,
.layout1 .sitemap1 a:visited {
	text-decoration: underline;
	color: #ffffff;
}

.layout1 .sitemap1 a:hover {
	text-decoration: none;
	color: #ffffff;
}

.layout1 .sitemap1 a:active {
	text-decoration: underline;
	color: #ffffff;
}

.layout1 ul.newlist {
	margin:10px auto;
	padding:0;
	list-style-type: none;
}

.layout1 ul.newlist li {
	font-size: 1.1rem;
	line-height:130%;
	margin:0;
	padding: 7px 0 7px 14px;
	background: url(../images/sp/arrow1.png) no-repeat left 12px;
	text-align:left;
	border-bottom:1px dotted #999;
}

.layout2 p { /* 404.html用 */
	padding:10px 0;
	text-align:left;
	font-size: 1.1rem;
	line-height:130%;
}



/* このページの担当
---------------------------------------------------- */
.tantouwaku {
	width:100%;
	border:1px solid #b3b3b3;
	background-color:#e9eff7;
	display: inline-block;
}

.tantoubox {
	width:94%;
	margin:0 auto;
	padding:15px 0 10px;
	clear:both;
}

.tantoubox .tantouttl {
	float:none;
}

.tantoubox .tantouttl p {
	background-color:#FFF;
	padding:5px;
	margin-bottom:5px;
	font-size: 1.3rem;
}

.tantoubox .tantoulist dl {
	float:none;
	text-align:left;
}

.tantoubox .tantoulist dl dt {
	padding:5px 0;
	font-size: 1.3rem;
}

.tantoubox .tantoulist dl dd {
	padding:5px 0 10px;
	font-size: 1.3rem;
}



/* アンケートエリア
---------------------------------------------------- */
#enquetearea {
	width: 94%;
	margin: 20px auto;
}

#enquetebox {
	border: 1px solid #999;
	background-color:#FFF;
	text-align:center;
}

#enquetettl {
	width:100%;
	height:50px;
	margin:0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 100%;
	background: url(../images/sp/ttl_free.png) no-repeat center top;
}

#enquetettl h4 {
	padding:15px 0 0 0;
	text-align: left;
	text-indent:1em;
}

.qa_area {
	margin: 15px auto;
	width: 96%;
	padding:0;
	text-align:left;
	display:block;
}

.qa_area dl {
	margin:0;
	padding:0;
}

.qa_area dt {
	margin:0;
	padding:0;
	font-weight:bold;
}

.qa_area dd {
	margin:0 0 0 30px;
	padding-bottom:15px;
}

.qa_area dd fieldset{
	border:none;
}

.qa_area dd fieldset legend {
	display: none;
}

.txtareaw600 {
	width:90%;
}

.submitbox {
	width:100px;
	margin:0 auto;
	padding:10px 0;
}



/* バナーエリア
---------------------------------------------------- */
#bannerarea {
	width: 94%;
	margin: 20px auto 0;
}

#bannerbox {
	border: 1px solid #999;
	background-color:#FFF;
}

#bannerttl {
	width:100%;
	height:50px;
	margin:0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 100%;
	background: url(../images/sp/ttl_free.png) no-repeat center top;
}

#bannerttl h4 {
	width:50%;
	padding:15px 0 0 0;
	text-align: left;
	text-indent:1em;
	float:left;
}

#bannerttl .rssarea {
	float:right;
	margin: 10px 20px 0 0;
	_margin: 10px 10px 0 0;
	font-size: 1.1rem;
	padding: 0.2em 0 0 1.4em;
	line-height: 150%;
	background: url(../images/sp/arrow2.png) no-repeat 0 0.3em;
}

.bannerlink {
	margin: 20px auto 0;
	width: 100%;
	padding:0 0 0 20px;
	text-align:left;
	display:block;
}

.bannerlink ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

.bannerlink li{
	margin:0;
	padding: 0 20px 20px 0;
	float:left;
}

.bannerlink li img{
	border: 1px solid #000000;
}










/* footer
---------------------------------------------------- */
#footerarea{
	width:100%;
	margin: 0 auto;
	padding:20px 0;
	background: none;
}

#footer {
	width:94%;
	margin:0 auto;
	padding:0;
}

.footerinforight {
	float: none;
	margin:0;
	padding: 10px;
	text-align:left;
	border:1px solid #999;
	background-color:#e9eff7;
	font-size: 1.1rem;
	line-height:130%;
}

.footerinforight span {
	color:#b54200;
}

.footerinfoleft{
	float: none;
	padding: 0;
	margin: 20px 0 0;
	text-align:left;
}

.footerinfoleft address {
	padding: 0;
	font-style:normal;
	font-size: 1.1rem;
	line-height:120%;
}

.footerinfoleft address img {
	vertical-align:bottom;
}

.copyright {
	margin:1em 0 0 0;
}

/* SNS連携ボタン↓ */
.snsareasp {
	margin: 20px auto;
	width: 600px;
}

.snsareasp ul li {
	float: left;
	width: 186px;
	height: 60px;
	display: block;
	cursor: pointer;
	list-style-type: none;
	margin-right: 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color:#ffffff;
	line-height: 60px;
	font-weight: bold;
	font-size: 1.2em;
}
.snsareasp ul li.sns_tw div, 
.snsareasp ul li.sns_fb div {
	width: 136px;
	text-align: center;
	float:right;
}
.snsareasp ul li.sns_ln div {
	width: 96px;
	float:right;
}

.snsareasp ul li.sns_tw { background: url(../images/icon/snsspbtn_tw.png) no-repeat 10px center #0F1419; }
.snsareasp ul li.sns_fb { background: url(../images/icon/snsspbtn_fb.png) no-repeat 10px center #375492; }
.snsareasp ul li.sns_ln { background: url(../images/icon/snsspbtn_line.png) no-repeat 10px center #39AF36; margin-right: 0; }

/* SNS連携ボタン↑ */

/* - - - - - -
CSE
- - - - - - -*/
.l-search,
#cse-search-box,
.l-search__text,
.lsearch__btn {
	height: 50px;
}

.l-search {
	width: 100%;
	overflow: hidden;
}

.l-search__text {
	width: calc(100% - 70px);
	margin-right: 5px;
	padding-left: 5px;
	border: 0;
	float: left;
}
.l-search__btn {
	width: 60px;
	height: 50px;
	box-sizing: border-box;
	border: 1px solid #fff;
	float: left;
}

/*--cse-sp__btn--*/
.opticonsp1000 { width: 60px; height: 50px; }	.opticonsp1000 img { margin-top: -725px; margin-left: -405px; }

.opticoncm000 { width: 70px; height: 17px; }	.opticoncm000 img { margin-top: -620px; margin-left: -304px; }

/*-- Google 検索調整 */
.gsc-cursor-page {
	margin-right: 16px !important;
	font-size: 14px !important;
}

.covid19head {
	width:100%;
	height:50px;
	margin: 20px 0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 100%;
	background: url(../images/sp/bg_subinfo3.png) no-repeat center top;
}

.covid19head p {
	color:#FFF;
	text-align:center;
	padding:14px 0 0 0;
}

.covid19list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.1rem;
}

.covid19list ul {
	margin:0;
	padding:5px 15px 5px;
	vertical-align: text-bottom;
	list-style-type:none;
}

.covid19list ul li {
	float:left;
	margin: 0;
	padding: 5px 20px 5px 25px;
	line-height: 150%;
	background: url(../images/sp/arrow4.png) no-repeat 0 0.5em;
}

.contact_btn {
	margin: 10px 0 20px;
	display: block;
	font-size: 1.3rem;
}

}