@charset "utf-8";
/*------------------------------------------------------------------------------
[1] 共通設定
[2] メインコンテンツ 共通設定
[3] メインコンテンツ 詳細設定
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] 共通設定
*******************************************************************************/
*{
	margin:0px;
	padding:0px;
}
body{
	color:#222;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight:normal;
	text-align:center;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
input,select,textarea,button{
	color:#222;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:100%;
	font-weight:normal;
	line-height:1.5;
}
a{
	text-underline-offset:.18em;
}
a:hover{
	text-decoration-thickness:.18em;
}
button,input[type="button"]{
	padding:2px 6px 2px 6px;
	color:#222222;
	background-color:#F6F6F6;
	border:1px solid #CCC;
	border-radius:4px;
	cursor:pointer;
	transition:all .5s;
}
button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus{
	background-color:#D6D6D6;
}
img{
	border:none;
	vertical-align: bottom;
}
strong{
	font-weight:bold;
}
hr{
	margin:0px 15px 25px 15px;
	color:#FFFFFF;
	border:solid 1px #CCCCCC;
}
.hide,.smponly{
	display:none;
}
.skip{
	position:absolute;
	left:-9999px;
}
/*　回り込み解除　*/
.box{
	margin-bottom:15px;
	width:100%;
}
.clearfix::after,.box::after{
	content:"";
	display:block;
	clear:both;
}
/*　noscript　*/
.scriptmessage{
	margin-right:auto;
	margin-left:auto;
	padding:15px 0px 15px 0px;
	width:900px;
	font-size:85%;
	text-align:left;
	line-height:1.5;
}
/*　本文へ　*/
#blockskip a{
	padding:10px 20px 15px 20px;
	display:block;
	position:absolute; 
	left:-9999px;
	font-size:100%;
	font-weight:bold;
}
#blockskip .show{
	position:absolute; 
	left:0;
	z-index:1000;
}
/*　電話番号リンク対応　*/
.notel a,.idnumber a{
	color:inherit;
	text-decoration:none;
	pointer-events:none;
}
/*　タブの非表示設定　*/
[role="tabpanel"]:not(:first-child),
[role="tabpanel"].is-hidden{
	display: none;
}
[role="tabpanel"].is-visible{
	display: block;
}
/*******************************************************************************
[2]メインコンテンツ 共通設定
********************************************************************************/
.clear{
	clear:both;
}
.middle{
	vertical-align:middle;
}
.small{
	font-size:90%;
}
/*==============================================================================
	テキスト
==============================================================================*/
.text-left,.textleft{
	text-align:left;
}
.text-right,.textright{
	text-align:right;
}
.text-center,.textcenter{
	text-align:center;
}
/*==============================================================================
	画像関連
==============================================================================*/
.imageright{
	margin:5px 15px 15px 15px;
	width:auto;
	float:right;
	display:inline;
}
.imageleft{
	margin:5px 15px 15px 15px;
	width:auto;
	float:left;
}
.imagecenter{
	margin:5px 15px 15px 15px;
	clear:both;
	text-align:center;
}
/*==============================================================================
	SNSボタン
==============================================================================*/
#content div.sns,#content2 div.sns,#content3 div.sns{
	margin:0px 0px 0px 10px;
	width:270px;
	float:left;
	display:inline;
	line-height: 0;
}
#content #tw,#content2 #tw,#content3 #tw{
	margin-right:20px;
	float:left;
}
#content #fb,#content2 #fb,#content3 #fb{
	margin-right:20px;
	float:left;
}
#content #snsline,#content2 #snsline,#content3 #snsline{
	float:left;
}
#content #tw img,#content2 #tw img,#content3 #tw img,
#content #fb img,#content2 #fb img,#content3 #fb img,
#content #snsline img,#content2 #snsline img,#content3 #snsline img{
	width:40px;
}
/*------------------------------------------------------------------------------
	FBのいいね！ズレ修正
------------------------------------------------------------------------------*/
.fb_iframe_widget > span{
  vertical-align:top !important;
}
/*==============================================================================
	更新日
==============================================================================*/
#content p.update,#content2 p.update,#content3 p.update{
	margin:0px 10px 10px 0px;
	width:410px;
	float:right;
	font-size:95%;
	text-align:right;
	display:inline;
}
/*==============================================================================
	ページ番号
==============================================================================*/
#content p span.idnumber,#content2 p span.idnumber,#content3 p span.idnumber{
	padding:3px 12px 3px 12px;
	font-size:95%;
	border-radius: 4px;
	background-color: #FFF;
}
/*==============================================================================
	印刷ボタン
==============================================================================*/
#content p.printbtn,#content2 p.printbtn,#content3 p.printbtn{
	margin:0px 0 0px 0px;
	width:410px;
	float:right;
	clear:both;
	font-size:95%;
	text-align:right;
	display:inline;
}
#content p span.print,#content2 p span.print,#content3 p span.print,
#content p span.printl,#content2 p span.printl,#content3 p span.printl{
	margin:0px 0px 0px 8px;
	display:inline-block;
}
#content p span.print a,#content2 p span.print a,#content3 p span.print a,
#content p span.printl a,#content2 p span.printl a,#content3 p span.printl a,
#content p span.print button,#content2 p span.print button,#content3 p span.print button,
#content p span.printl button,#content2 p span.printl button,#content3 p span.printl button{
	padding: 3px 40px 2px 10px;
	display:block;
	font-size:95%;
	color:#222;
	text-decoration:none;
}
#content p span.printl a,#content2 p span.printl a,#content3 p span.printl a,
#content p span.printl button,#content2 p span.printl button,#content3 p span.printl button{
	font-size:115%;
}
#content p.printbtn a:hover,#content2 p.printbtn a:hover,#content3 p.printbtn a:hover,
#content p.printbtn a:active,#content2 p.printbtn a:active,#content3 p.printbtn a:active,
#content p.printbtn a:focus,#content2 p.printbtn a:focus,#content3 p.printbtn a:focus,
#content p.printbtn button:hover,#content2 p.printbtn button:hover,#content3 p.printbtn button:hover,
#content p.printbtn button:active,#content2 p.printbtn button:active,#content3 p.printbtn button:active,
#content p.printbtn button:focus,#content2 p.printbtn button:focus,#content3 p.printbtn button:focus{
	text-decoration:underline;
}

/*==============================================================================
	縦線のスタイル
==============================================================================*/
#content ul.line,#content2 ul.line,ul.line{
	margin:10px 5px 10px 10px;
	list-style-type:none;
}
#content ul.line li,#content2 ul.line li,ul.line li{
	display:inline;
}
#content ul.line span a,#content2 ul.line span a,ul.line a{
	margin:5px 5px 5px 5px;
	padding:0px 12px 0px 0px;
	display:inline-block;
	border-right:1px solid #CCCCCC;
	line-height:1.5;
}
/*==============================================================================
	イベントやパブコメ用の「終了」メッセージ
==============================================================================*/
#content p.end{
	margin:0px 0px 15px 0px;
	padding:5px 10px 5px 10px;
	color:#A80000;
	font-size:120%;
	background:#FFF0F0;
	border-top:1px solid #FFA6A6;
	border-bottom:1px solid #FFA6A6;
	text-align:center;
}
/*******************************************************************************
[3] メインコンテンツ 詳細設定
********************************************************************************/
/*==============================================================================
	見出し・段落（h1からh6まで）
==============================================================================*/
#content h1,#content2 h1,#content p.faqtitle,#content3 h1{
	margin-bottom:24px;
	clear:both;
	font-size:200%;
	font-weight:bold;
	line-height:1.5;
}
#content h1 span.smallspan,#content2 h1 span.smallspan,#content3 h1 span.smallspan{
	font-size:75%;
	font-weight:normal;
}
#content h1.h1img,#content2 h1.h1img,#content3 h1.h1img{
	padding:0px;
	background:none;
	border:none;
}
#content h1.h1img img,#content2 h1.h1img img,#content3 h1.h1img img{
	max-width:100%;
	height:auto;
}
#content p.h1img{
	margin-right:0px;
	margin-left:0px;
	background:none;
	border:none;
}
#content p.h1img img{
	max-width: 100%;
	height:auto;
}
#content h2,#content2 h2{
	font-size:150%;
	line-height:1.5;
}
#content h3,#content2 h3{
	font-size:137.5%;
	line-height:1.5;
}
#content h4,#content2 h4{
	font-size:125%;
	line-height:1.5;
}
#content h5,#content2 h5{
	font-size:112.5%;
	line-height:1.6;
}
#content h6,#content2 h6{
	font-size:100%;
	line-height:1.7;
}
#content h2,#content2 h2,#content h3,#content2 h3{
	margin-top:40px;
	margin-bottom:24px;
	clear:both;
	box-sizing:border-box;
	font-weight:bold;
}
#content h4,#content2 h4,#content h5,#content2 h5,#content h6,#content2 h6{
	margin-top:40px;
	margin-bottom:16px;
	clear:both;
	box-sizing:border-box;
	font-weight:bold;
}
#content p,#content2 p{
	margin-bottom:16px;
	margin-left:16px;
	margin-right:16px;
}
/*------------------------------------------------------------------------------
	概要文
------------------------------------------------------------------------------*/
#content p.outline,#content2 p.outline,#content3 p.outline{
	margin:0px 10px 40px 10px;
	padding:10px;
}
/*	余白調整
------------------------------------------------------------------------------*/
#content .box + h2,
#content2 .box + h2,
#content2 #sitemap h2{
	margin-top:0px;
}
/*#content p.imageleft + h2,#content p.imageleft + h3,
#content p.imageleft + h4,#content p.imageleft + h5,#content p.imageleft + h6,
#content2 p.imageleft + h2,#content2 p.imageleft + h3,
#content2 p.imageleft + h4,#content2 p.imageleft + h5,#content2 p.imageleft + h6,
#content p.imageright + h2,#content p.imageright + h3,
#content p.imageright + h4,#content p.imageright + h5,#content p.imageright + h6,
#content2 p.imageright + h2,#content2 p.imageright + h3,
#content2 p.imageright + h4,#content2 p.imageright + h5,#content2 p.imageright + h6,
#content p.imagecenter + h2,#content p.imagecenter + h3,
#content p.imagecenter + h4,#content p.imagecenter + h5,#content p.imagecenter + h6,
#content2 p.imagecenter + h2,#content2 p.imagecenter + h3,
#content2 p.imagecenter + h4,#content2 p.imagecenter + h5,#content2 p.imagecenter + h6,
#content p.imageleft + .articleall + h2,#content2 p.imageleft + .articleall + h2,
#content p.imageleft + .articleall h3,#content2 p.imageleft + .articleall h3,
#content p.imageleft + .articleall h4,#content2 p.imageleft + .articleall h4,
#content p.imageleft + .articleall h5,#content2 p.imageleft + .articleall h5,
#content p.imageleft + .articleall h6,#content2 p.imageleft + .articleall h6,
#content p.imageright + .articleall h2,#content2 p.imageright + .articleall h2,
#content p.imageright + .articleall h3,#content2 p.imageright + .articleall h2,
#content p.imageright + .articleall h4,#content2 p.imageright + .articleall h4,
#content p.imageright + .articleall h5,#content2 p.imageright + .articleall h5,
#content p.imageright + .articleall h6,#content2 p.imageright + .articleall h6,
#content p.imagecenter + .articleall h2,#content2 p.imagecenter + .articleall h2,
#content p.imagecenter + .articleall h3,#content2 p.imagecenter + .articleall h2,
#content p.imagecenter + .articleall h4,#content2 p.imagecenter + .articleall h4,
#content p.imagecenter + .articleall h5,#content2 p.imagecenter + .articleall h5,
#content p.imagecenter + .articleall h6,#content2 p.imagecenter + .articleall h6{
	float:right;
	width: 100%;
}*/
#content h2 + h3,#content2 h2 + h3,
#content h3 + h4,#content2 h3 + h4,
#content h4 + h5,#content2 h4 + h5,
#content h5 + h6,#content2 h5 + h6{
	margin-top:24px;
}
#content h2 + .articleall h3,
#content2 h2 + .articleall h3{
	margin-top:15px;
}
#content .imgrightbox1 h2,#content .imgrightbox2 h2,
#content2 .imgrightbox1 h2,#content2 .imgrightbox2 h2,
#pagebody .boxnormal h2,#pagebody .boxnotice h2,
#pagebody .boxnormal h3,#pagebody .boxnotice h3,
#pagebody .boxnormal h4,#pagebody .boxnotice h4{
	margin-top:0px;
}
/*==============================================================================
	リスト
==============================================================================*/
#content ol,#content2 ol{
	margin:5px 15px 20px 55px;
	line-height:1.7;
}
#content ul,#content2 ul{
	margin:5px 15px 20px 45px;
	line-height:1.7;
}
#content li,#content2 li{
	margin-bottom:10px;
}
/*------------------------------------------------------------------------------
	定義リスト
------------------------------------------------------------------------------*/
#content dl{
	margin:20px 0px 20px 15px;
	clear:both;
	width:calc(100% - 15px);
}
#content dl::after{
	content:"";
	display:block;
	clear:both;
}
#content dt{
	margin-bottom:8px;
	padding:5px 5px 5px 7px;
	width:180px;
	box-sizing: border-box;
	float:left;
	clear:both;
	background: #CCC;
	font-weight:bold;
/*	border-left:3px solid #CCC;*/
}
#content dd{
	margin-bottom:8px;
	padding:5px 5px 5px 7px;
	padding-left:7px;
	width:calc(100% - 200px);
	box-sizing: border-box;
	float:right;
	border-top:1px solid #CCC;
	text-align:left;
}
#content2 dl,#content2 .fieldfrom{
	margin:20px auto 20px auto;
	clear:both;
	width:90%;
}
#content2 dl::after{
	content:"";
	display:block;
	clear:both;
}
#content2 dt,#content2 .fieldlabel{
	padding:10px;
	width:210px;
	float:left;
	clear:both;
	font-weight:bold;
	border-top:1px solid #CCC;
	box-sizing: border-box;
}
#content2 dd,#content2 .fieldtxt{
	margin-left:8px;
	padding:10px;
	width:calc(100% - 230px);
	float:right;
	background:#FFF;
	text-align:left;
	box-sizing: border-box;
	border-top:1px solid #CCC;
}
#content dt p,#content2 dt p,#content dd p,#content2 dd p{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}
#content dd ul,#content2 dd ul{
	margin-left:22px;
	margin-bottom:10px;
	margin-bottom:0px;
}
#content dd ol,#content2 dd ol{
	margin-left:30px;
	margin-bottom:0px;
}
#content dd ul.objectlink,#content2 dd ul.objectlink{
	margin-left:0px;
	margin-bottom:0px;
}
/*------------------------------------------------------------------------------
	リンク付リスト
------------------------------------------------------------------------------*/
#content ul.objectlink,#content2 ul.objectlink{
	margin-bottom:25px;
	margin-left:25px;
	clear:both;
	list-style-type:none;
	list-style-position:outside;
}
#content ul.objectlink li,#content2 ul.objectlink li{
	margin-bottom:5px;
	padding-left:25px;
}
/*	新しいウィンドウで開くマーク
------------------------------------------------------------------------------*/
img.external{
	margin-left:5px!important;
	vertical-align:middle;
}
/*------------------------------------------------------------------------------
	画像リンク
------------------------------------------------------------------------------*/
#content ul.objectlink li.imglink,
#content2 ul.objectlink li.imglink{
  margin-right:15px;
	margin-bottom:15px;
	padding:0px;
	display:inline-block;
	background:none;
}
.imglink img{
	vertical-align:bottom;
}
/*　混在したときに回り込み解除
------------------------------------------------------------------------------*/
#content ul.objectlink li:not(.imglink),#content2 ul.objectlink li:not(.imglink){
	clear: left;
}
/*------------------------------------------------------------------------------
	アイコンリンク
------------------------------------------------------------------------------*/
.iconlink{
	margin:40px 0px 40px 0px;
	clear:both;
}
#content .iconlink ul.flexstyle1,
#content2 .iconlink ul.flexstyle1,
#content .iconlink ul.flexstyle2,
#content2 .iconlink ul.flexstyle2{
	margin:0px 15px 15px 0px;
}
#content .iconlink ul.flexstyle1 li,
#content2 .iconlink ul.flexstyle1 li,
#content .iconlink ul.flexstyle2 li,
#content2 .iconlink ul.flexstyle2 li{
	margin:0 0px 15px 15px;
}
/*------------------------------------------------------------------------------
	ボタンリンク
------------------------------------------------------------------------------*/
#content ul.btnlink,#content2 ul.btnlink{
	margin:0 20px 30px 20px;
	list-style-type:none;
}
#content ul.btnlink li,#content2 ul.btnlink li{
	border-radius: 8px;
}
#content ul.btnlink li a,#content2 ul.btnlink li a{
	padding:10px 20px;
	display: flex;
	flex-direction: column;
	background: #F6F6F6;
  border: 1px solid #D6D6D6;
	border-radius: 8px;
	text-decoration: none;
	color:#222;
	transition: all .5s;
}
#content ul.btnlink li a:hover,#content2 ul.btnlink li a:hover{
	background:#D6D6D6;
}
#content ul.btnlink li span.btnlinkname,#content2 ul.btnlink li span.btnlinkname{
	display: flex;
	align-items: center;
}
#content ul.btnlink li span.btnlinktxt,#content2 ul.btnlink li span.btnlinktxt{
	font-size:90%;
}
/*==============================================================================
	リストページ
==============================================================================*/
/*------------------------------------------------------------------------------
	通常リスト（セカンドトップ含む）
------------------------------------------------------------------------------*/
#content ul.listlink,#content2 ul.listlink{
	margin-bottom:25px;
	margin-left:25px;
	clear:both;
	list-style-type:none;
	list-style-position:outside;
}
#content ul.listlink li,#content2 ul.listlink li{
	margin-bottom:10px;
	padding-left:25px;
	clear:left;
}
#content ul.listlink li span,#content2 ul.listlink li span{
	font-size:90%;
}
#content ul.listlink li img,#content2 ul.listlink li img{
	margin:0px 20px 10px 0px;
	float:left;
}
#content ul.listlink li img.external,#content2 ul.listlink li img.external,
#faq ul li.thumbslist img.external{
	margin:0px 0px 0px 5px;
	float:none;
}
/*	リスト画像が登録されていた場合
------------------------------------------------------------------------------*/
#content ul.listlink li.thumbslist, #content2 ul.listlink li.thumbslist,
#content ul li.thumbslist, #content2 ul li.thumbslist, #petit ul li.thumbslist{
	margin-bottom:15px;
	padding-left:0px;
	background-image:none;
	background-repeat:no-repeat;
}
#content ul li.thumbslist .thumbslink,#content2 ul li.thumbslist .thumbslink{
	padding-left:20px;
	font-size:100%;
	line-height:1.7;
}
#petit ul li.thumbslist .thumbslink,#faq ul li.thumbslist .thumbslink{
	padding-left:20px;
	font-size:105%;
	line-height:1.7;
}
#content ul li.thumbslist img, #content2 ul li.thumbslist img,
#petit ul li.thumbslist img,#faq ul li.thumbslist img{
	margin-bottom:15px;
	margin-right:10px;
	float:left;
}
#content ul li.thumbslist img.external, #content2 ul li.thumbslist img.external, #petit ul li.thumbslist img.external{
	margin:0px 0px 0px 5px;
	float:none;
}
/*------------------------------------------------------------------------------
	2列リスト
------------------------------------------------------------------------------*/
#content ul.listlink2,#content2 ul.listlink2,#petit ul.listlink2,#faq ul.listlink2{
	margin-bottom:25px;
	margin-left:25px;
	clear:both;
	list-style-type:none;
	list-style-position:outside;
}
#petit ul.listlink2,#faq ul.listlink2{
	margin-left:0px;
}
#faq ul.listlink2::after{
	content:"";
	display:block;
	clear:both;
}
#content ul.listlink2 li,#petit ul.listlink2 li,#faq ul.listlink2 li{
	margin-bottom:10px;
	margin-right:20px;
	padding-left:25px;
	width:calc((100% - 20px) / 2);
	float:left;
	box-sizing: border-box;
}
#content ul.listlink2 li:nth-child(2n),
#petit ul.listlink2 li:nth-child(2n),
#faq ul.listlink2 li:nth-child(2n){
	margin-right:0px;
}
#content2 ul.listlink2 li{
	margin-bottom:10px;
	margin-right:15px;
	padding-left:25px;
	width:calc((100% - 30px) / 2);
	float:left;
	box-sizing:border-box;
}
#content ul.listlink2 li::after,#content2 ul.listlink2 li::after,#petit ul.listlink2 li::after{
	content:"";
	display:block;
	clear:both;
}
#content ul.listlink2 li span,#content2 ul.listlink2 li span,#petit ul.listlink2 li span{
	font-size:90%;
	line-height:0;
}
/*	リスト画像が登録されていた場合
------------------------------------------------------------------------------*/
#content ul.listlink2 li.thumbslist, #content2 ul.listlink2 li.thumbslist,
#petit ul.listlink2 li.thumbslist,#faq ul.listlink2 li.thumbslist{
	padding-left:0px;
	width:calc((100% - 20px) / 2);
	background-image:none;
	background-repeat:no-repeat;
	box-sizing:border-box;
}
#content ul.listlink2 li.thumbslist:nth-child(2n),
#content2 ul.listlink2 li.thumbslist:nth-child(2n),
#petit ul.listlink2 li.thumbslist:nth-child(2n){
	margin-right: 0px;
}
/*------------------------------------------------------------------------------
	孫リスト
------------------------------------------------------------------------------*/
#content ul.captionlink,#content2 ul.captionlink{
	margin:0px 0px 25px 0px;
	clear:both;
	list-style-type:none;
	list-style-position:outside;
}
#content ul.captionlink li,#content2 ul.captionlink li{
	margin-bottom:15px;
	clear:left;
}
#content ul.captionlink li span.captionlinktitle,#content2 ul.captionlink li span.captionlinktitle{
	margin-bottom:15px;
	clear:both;
	display:block;
	font-size:105%;
	font-weight:bold;
	line-height:1.7;
}
#content ul.captionlink h2,#content2 ul.captionlink h2,
#content ul.captionlink h3,#content2 ul.captionlink h3,
#content ul.captionlink h4,#content2 ul.captionlink h4,
#content .articleall .article h2,#content2 .articleall .article h2,
#content .articleall .article h3,#content2 .articleall .article h3,
#content .articleall .article h4,#content2 .articleall .article h4{
	font-size:100%;
}
#content ul.captionlink h5,#content2 ul.captionlink h5,
#content ul.captionlink h6,#content2 ul.captionlink h6{
	font-size:95%;
}
#content ul.captionlink ul.listlink,#content2 ul.captionlink ul.listlink{
	margin-bottom:20px;
}
#content ul.captionlink li span:not([lang]),#content2 ul.captionlink li span:not([lang]){
	margin-left:15px;
	display:block;
	line-height:1.7;
}
#content ul.captionlink li span.small,#content2 ul.captionlink li span.small{
	display:inline;
	margin:0px;
}
#content ul.captionlink ul.listlink li span,#content2 ul.captionlink ul.listlink li span{
	margin-left:0px;
}
#content ul.captionlink ul.listlink li,#content2 ul.captionlink ul.listlink li{
	margin-bottom:12px;
}
/*------------------------------------------------------------------------------
	リスト画像ありカード型
------------------------------------------------------------------------------*/
#content ul.listcard,#content2 ul.listcard{
	margin:25px 15px 20px 15px;
	clear:both;
	list-style-type:none;
	list-style-position:outside;
	display:flex;
	flex-wrap:wrap;
}
#content ul.listcard li,#content2 ul.listcard li{
	margin:0px 10px 25px 10px;
	padding:0px;
	width:calc(100% / 4 - 20px);
	font-size:95%;
	background:none;
	border:none;
	border-radius:5px;
	box-shadow:0px 0px 5px 0px #bfbfbf;
	background:#FFFFFF;
	cursor:pointer;
}
#content ul.listcard li a,#content2 ul.listcard li a{
	padding:0px 10px 10px 10px;
	height: 100%;
	display:block;
	color:#222;
	text-decoration:none;
}
#content ul.listcard li:hover,#content2 ul.listcard li:hover{
	background:#F0F0F0;
}
#content ul.listcard li:hover img,#content2 ul.listcard li:hover img{
	opacity:0.8;
}
#content ul.listcard li .listcardimg,#content2 ul.listcard li .listcardimg{
	margin:0px -10px 8px -10px;
	height:170px;
	overflow:hidden;
	display:block;
	position:relative;
	border-radius:5px 5px 0px 0px;
}
#content2 ul.listcard li .listcardimg{
	height:220px;
}
#content ul.listcard li:hover .listcardimg,#content2 ul.listcard li:hover .listcardimg{
	background:none;
}
#content ul.listcard li .listcardimg img,#content2 ul.listcard li .listcardimg img{
	width:100%;
	height:100%;
	object-fit:contain;
}
#content ul.listcard li span:not([lang]):not([class]),#content2 ul.listcard li span:not([lang]):not([class]){
	margin-top:5px;
	display:block;
	font-size:90%;
}
#content ul.listcard li span.small,#content2 ul.listcard li span.small{
	display:inline;
}
/*==============================================================================
	添付ファイルアイコン
==============================================================================*/
/*------------------------------------------------------------------------------
	<li>である場合
------------------------------------------------------------------------------*/
#wrapbg #content ul.objectlink li.pdf,#wrapbg #content2 ul.objectlink li.pdf,#wrapbg #content3 ul.objectlink li.pdf{
	background:url(images/icon/pdf.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.gif,#wrapbg #content2 ul.objectlink li.gif,#wrapbg #content3 ul.objectlink li.gif{
	background:url(images/icon/gif.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.jpg,#wrapbg #content2 ul.objectlink li.jpg,#wrapbg #content3 ul.objectlink li.jpg{
	background:url(images/icon/jpg.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.xls,#wrapbg #content2 ul.objectlink li.xls,#wrapbg #content3 ul.objectlink li.xls{
	background:url(images/icon/xls.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.png,#wrapbg #content2 ul.objectlink li.png,#wrapbg #content3 ul.objectlink li.png{
	background:url(images/icon/png.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.doc,#wrapbg #content2 ul.objectlink li.doc,#wrapbg #content3 ul.objectlink li.doc{
	background:url(images/icon/doc.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.mp3,#wrapbg #content2 ul.objectlink li.mp3,#wrapbg #content3 ul.objectlink li.mp3{
	background:url(images/icon/mp3.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.csv,#wrapbg #content2 ul.objectlink li.csv,#wrapbg #content3 ul.objectlink li.csv{
	background:url(images/icon/csv.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.zip,#wrapbg #content2 ul.objectlink li.zip,#wrapbg #content3 ul.objectlink li.zip{
	background:url(images/icon/zip.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.ppt,#wrapbg #content2 ul.objectlink li.ppt,#wrapbg #content3 ul.objectlink li.ppt{
	background:url(images/icon/ppt.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.jtd,#wrapbg #content2 ul.objectlink li.jtd,#wrapbg #content3 ul.objectlink li.jtd{
	background:url(images/icon/jtd.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.rtf,#wrapbg #content2 ul.objectlink li.rtf,#wrapbg #content3 ul.objectlink li.rtf,
#wrapbg #content ul.objectlink li.txt,#wrapbg #content2 ul.objectlink li.txt,#wrapbg #content3 ul.objectlink li.txt{
	background:url(images/icon/txt.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.xml,#wrapbg #content2 ul.objectlink li.xml,#wrapbg #content3 ul.objectlink li.xml{
	background:url(images/icon/xml.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.wmv,#wrapbg #content2 ul.objectlink li.wmv,#wrapbg #content3 ul.objectlink li.wmv{
	background:url(images/icon/wmv.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.rdf,#wrapbg #content2 ul.objectlink li.rdf,#wrapbg #content3 ul.objectlink li.rdf{
	background:url(images/icon/rdf.gif) no-repeat 0px 5px;
}
#wrapbg #content ul.objectlink li.com,#wrapbg #content2 ul.objectlink li.com,#wrapbg #content3 ul.objectlink li.com{
	background:url(images/icon/com.gif) no-repeat 0px 5px;
}
/*==============================================================================
	テーブル
==============================================================================*/
#content table,#content2 table{
	margin:10px 10px 20px 15px;
	padding:0px;
	clear:both;
	border-collapse:collapse;
	border:1px solid #CCC;
	empty-cells:show;
	/*max-width:95%;*/
}
#content th,#content2 th{
	padding:3px 6px 3px 6px;
	font-size:95%;
	border:1px solid #CCC;
	text-align:left;
	vertical-align:top;
	word-break: break-word;
}
#content td,#content2 td{
	padding:3px 6px 3px 6px;
	font-size:95%;
	border:1px solid #CCC;
	vertical-align:top;
	word-break: break-word;
}
#content table caption,#content2 table caption{
	padding:0px 0px 3px 3px;
	text-align:left;
	font-weight:bold;
}
/*------------------------------------------------------------------------------
	テーブル横スクロール
------------------------------------------------------------------------------*/
.tablescroll table{
	width:100%;
	table-layout:auto;
}
.tablescroll{
	margin:0px 16px 20px 16px;
	overflow:auto;
	white-space:nowrap;
}
#wrap .tablescroll > table{
	margin-left:0px;
	margin-bottom:8px;
}
.tablescroll::-webkit-scrollbar{
	height:5px;
}
.tablescroll::-webkit-scrollbar-track{
	background:#F1F1F1;
}
.tablescroll::-webkit-scrollbar-thumb{
	background:#BCBCBC;
}
.tablewrap .tsbutton{
	margin-left: 16px;
	padding:3px 12px 3px 12px;
	position:relative;
	display:inline-block;
	border:none;
	background:#dddddd;
	border-radius:3px;
	-webkit-appearance: none;
	transition:none;
	transition:background .5s;
}
.tablewrap .tsbutton:hover{
	background:#F2F2F2;
}
.tablescroll > .tsbutton{
	margin-left: 0px;
}
.tablewrap .tsbutton::before{
	width:0px;
	height:0px;
	content:'';
	position:absolute;
	bottom:-8px;
	left:12px;
	z-index:2;
	border-right:5px solid transparent;
	border-top:10px solid #ddd;
	border-left:5px solid transparent;
	transition:border .5s;
}
.tablewrap .tsbutton:hover::before{
	border-top-color:#F2F2F2;
}
/*------------------------------------------------------------------------------
	幅
------------------------------------------------------------------------------*/
/*　幅マックスのテーブル　*/
table.w100,table.w99,table.w98,table.w97,table.w96,table.w95,
table .w100,table .w99,table .w98,table .w97,table .w96,table .w95{
	width:95%;
}
@media screen and (max-width:1000px) {
	table.w100,table.w99,table.w98,table.w97,table.w96,table.w95,
	table .w100,table .w99,table .w98,table .w97,table .w96,table .w95{
		width:auto;
	}
}
/*　幅設定　*/
table.w1, table .w1{  width:1%;  }
table.w2, table .w2{  width:2%;  }
table.w3, table .w3{  width:3%;  }
table.w4, table .w4{  width:4%;  }
table.w5, table .w5{  width:5%;  }
table.w6, table .w6{  width:6%;  }
table.w7, table .w7{  width:7%;  }
table.w8, table .w8{  width:8%;  }
table.w9, table .w9{  width:9%;  }
table.w10, table .w10{  width:10%;  }
table.w11, table .w11{  width:11%;  }
table.w12, table .w12{  width:12%;  }
table.w13, table .w13{  width:13%;  }
table.w14, table .w14{  width:14%;  }
table.w15, table .w15{  width:15%;  }
table.w16, table .w16{  width:16%;  }
table.w17, table .w17{  width:17%;  }
table.w18, table .w18{  width:18%;  }
table.w19, table .w19{  width:19%;  }
table.w20, table .w20{  width:20%;  }
table.w21, table .w21{  width:21%;  }
table.w22, table .w22{  width:22%;  }
table.w23, table .w23{  width:23%;  }
table.w24, table .w24{  width:24%;  }
table.w25, table .w25{  width:25%;  }
table.w26, table .w26{  width:26%;  }
table.w27, table .w27{  width:27%;  }
table.w28, table .w28{  width:28%;  }
table.w29, table .w29{  width:29%;  }
table.w30, table .w30{  width:30%;  }
table.w31, table .w31{  width:31%;  }
table.w32, table .w32{  width:32%;  }
table.w33, table .w33{  width:33%;  }
table.w34, table .w34{  width:34%;  }
table.w35, table .w35{  width:35%;  }
table.w36, table .w36{  width:36%;  }
table.w37, table .w37{  width:37%;  }
table.w38, table .w38{  width:38%;  }
table.w39, table .w39{  width:39%;  }
table.w40, table .w40{  width:40%;  }
table.w41, table .w41{  width:41%;  }
table.w42, table .w42{  width:42%;  }
table.w43, table .w43{  width:43%;  }
table.w44, table .w44{  width:44%;  }
table.w45, table .w45{  width:45%;  }
table.w46, table .w46{  width:46%;  }
table.w47, table .w47{  width:47%;  }
table.w48, table .w48{  width:48%;  }
table.w49, table .w49{  width:49%;  }
table.w50, table .w50{  width:50%;  }
table.w51, table .w51{  width:51%;  }
table.w52, table .w52{  width:52%;  }
table.w53, table .w53{  width:53%;  }
table.w54, table .w54{  width:54%;  }
table.w55, table .w55{  width:55%;  }
table.w56, table .w56{  width:56%;  }
table.w57, table .w57{  width:57%;  }
table.w58, table .w58{  width:58%;  }
table.w59, table .w59{  width:59%;  }
table.w60, table .w60{  width:60%;  }
table.w61, table .w61{  width:61%;  }
table.w62, table .w62{  width:62%;  }
table.w63, table .w63{  width:63%;  }
table.w64, table .w64{  width:64%;  }
table.w65, table .w65{  width:65%;  }
table.w66, table .w66{  width:66%;  }
table.w67, table .w67{  width:67%;  }
table.w68, table .w68{  width:68%;  }
table.w69, table .w69{  width:69%;  }
table.w70, table .w70{  width:70%;  }
table.w71, table .w71{  width:71%;  }
table.w72, table .w72{  width:72%;  }
table.w73, table .w73{  width:73%;  }
table.w74, table .w74{  width:74%;  }
table.w75, table .w75{  width:75%;  }
table.w76, table .w76{  width:76%;  }
table.w77, table .w77{  width:77%;  }
table.w78, table .w78{  width:78%;  }
table.w79, table .w79{  width:79%;  }
table.w80, table .w80{  width:80%;  }
table.w81, table .w81{  width:81%;  }
table.w82, table .w82{  width:82%;  }
table.w83, table .w83{  width:83%;  }
table.w84, table .w84{  width:84%;  }
table.w85, table .w85{  width:85%;  }
table.w86, table .w86{  width:86%;  }
table.w87, table .w87{  width:87%;  }
table.w88, table .w88{  width:88%;  }
table.w89, table .w89{  width:89%;  }
table.w90, table .w90{  width:90%;  }
table.w91, table .w91{  width:91%;  }
table.w92, table .w92{  width:92%;  }
table.w93, table .w93{  width:93%;  }
table.w94, table .w94{  width:94%;  }
/*------------------------------------------------------------------------------
	配置
------------------------------------------------------------------------------*/
/*　水平　左寄せ
------------------------------------------------------------------------------*/
#content table td.textleft,#content table th.textleft,#content2 table td.textleft,#content2 table th.textleft{
	text-align:left;
}
/*　水平　右寄
------------------------------------------------------------------------------*/
#content table td.textright,#content table th.textright,#content2 table td.textright,#content2 table th.textright{
	text-align:right;
}
/*　水平　中央寄せ
------------------------------------------------------------------------------*/
#content table td.textcenter,#content table th.textcenter,#content2 table td.textcenter,#content2 table th.textcenter{
	text-align:center;
}
/*　垂直　上寄せ
------------------------------------------------------------------------------*/
#content table td.verticaltop,#content table th.verticaltop,#content2 table td.verticaltop,#content2 table th.verticaltop{
	vertical-align:top;
}
/*　垂直　中央寄せ
------------------------------------------------------------------------------*/
#content table td.verticalmiddle,#content table th.verticalmiddle,#content2 table td.verticalmiddle,#content2 table th.verticalmiddle{
	vertical-align:middle;
}
/*　垂直　下寄せ
------------------------------------------------------------------------------*/
#content table td.verticalbottom,#content table th.verticalbottom,#content2 table td.verticalbottom,#content2 table th.verticalbottom{
	vertical-align:bottom;
}
/*　垂直　ベースライン
------------------------------------------------------------------------------*/
#content table td.verticalbaseline,#content table th.verticalbaseline,#content2 table td.verticalbaseline,#content2 table th.verticalbaseline{
	vertical-align:baseline;
}
/*------------------------------------------------------------------------------
	改行なし
------------------------------------------------------------------------------*/
/*　自動的に改行なし
------------------------------------------------------------------------------*/
#content table td.cell,#content table th.cell,#content2 table td.cell,#content2 table th.cell{
	white-space:nowrap;
}
/*　左寄せかつ自動的に改行なし
------------------------------------------------------------------------------*/
#content table td.cellleft,#content table th.cellleft,#content2 table td.cellleft,#content2 table th.cellleft{
	text-align:left;
	white-space:nowrap;
}
/*　右寄せかつ自動的に改行なし
------------------------------------------------------------------------------*/
#content table td.cellright,#content table th.cellright,#content2 table td.cellright,#content2 table th.cellright{
	text-align:right;
	white-space:nowrap;
}
/*　中央寄せかつ自動的に改行なし
------------------------------------------------------------------------------*/
#content table td.cellcenter,#content table th.cellcenter,#content2 table td.cellcenter,#content2 table th.cellcenter{
	text-align:center;
	white-space:nowrap;
}
/*　pの中にテーブルがあるとき
------------------------------------------------------------------------------*/
#content p table,#content2 p table{
	margin-left:0px;
	width:100%;
}
/*　テーブルの中にpがあるとき
------------------------------------------------------------------------------*/
#content td p,#content th p,#content2 td p,#content2 th p{
	margin:0px;
	padding:0px;
}
/*　テーブルの中にリストがあるとき
------------------------------------------------------------------------------*/
#content table ul,#content2 table ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
}
#content table ol,#content2 table ol{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:35px;
}
#content table ul li,#content table ol li,#content2 table ul li,#content2 table ol li{
	margin-bottom:0px;
}
/*==============================================================================
	地図
==============================================================================*/
#map_canvas{
	margin:0px auto 20px auto;
	width:80%;
	height:500px;
	border:1px solid #CCC;
}
/*==============================================================================
	イベント
==============================================================================*/
/*------------------------------------------------------------------------------
	イベントカテゴリ
------------------------------------------------------------------------------*/
#content p.ecategory{
	margin:0px 10px 10px 10px;
	float:left;
}
#content p.ecategory span{
	margin-bottom:5px;
	padding:2px 5px 2px 5px;
	display:inline-block;
	border:2px solid #408AE6;
	line-height:1.5;
}
/*------------------------------------------------------------------------------
	開催エリアカテゴリ
------------------------------------------------------------------------------*/
#content p.areacategory{
	margin:0px 10px 10px 10px;
	text-align:right;
}
#content p.areacategory span{
	margin-bottom:5px;
	padding:4px 5px 4px 5px;
	display:inline-block;
	background:#EEEEEE;
	line-height:1.5;
}
/*==============================================================================
	アルバム
==============================================================================*/
.img2lows,.img3lows,.img4lows,.img5lows{
	margin:0px 16px 0px 16px;
	width:calc(100% - 32px);
	clear:both;
}
#content .img2lows ul:not(.objectlink),#content2 .img2lows ul:not(.objectlink),
#content .img3lows ul:not(.objectlink),#content2 .img3lows ul:not(.objectlink),
#content .img4lows ul:not(.objectlink),#content2 .img4lows ul:not(.objectlink),
#content .img5lows ul:not(.objectlink),#content2 .img5lows ul:not(.objectlink){
	margin:0px 0px 0px -30px;
	list-style-type:none;
	display: flex;
	flex-wrap: wrap;
}
/*	2列
------------------------------------------------------------------------------*/
.img2lows .imglows{
	padding:0px 0px 10px 30px;
	width:calc(100% / 2 - 30px);
}
/*	3列
------------------------------------------------------------------------------*/
.img3lows .imglows{
	padding:0px 0px 10px 30px;
	width:calc(100% / 3 - 30px);
}
/*	4列
------------------------------------------------------------------------------*/
.img4lows .imglows{
	padding:0px 0px 10px 30px;
	width:calc(100% / 4 - 30px);
}
/*	5列
------------------------------------------------------------------------------*/
.img5lows .imglows{
	padding:0px 0px 10px 30px;
	width:calc(100% / 5 - 30px);
}
/*	画像、タイトル、説明文、リンク
------------------------------------------------------------------------------*/
#content .img2lows .imglows img:not(.external),
#content .img3lows .imglows img:not(.external),
#content .img4lows .imglows img:not(.external),
#content .img5lows .imglows img:not(.external),
#content2 .img2lows .imglows img:not(.external),
#content2 .img3lows .imglows img:not(.external),
#content2 .img4lows .imglows img:not(.external),
#content2 .img5lows .imglows img:not(.external){
	max-width:100%;
	height:auto;
}
#content .img2lows .imglows p,
#content .img3lows .imglows p,
#content .img4lows .imglows p,
#content .img5lows .imglows p,
#content2 .img2lows .imglows p,
#content2 .img3lows .imglows p,
#content2 .img4lows .imglows p,
#content2 .img5lows .imglows p{
	margin:5px 0px 10px 0px;
	font-size:95%;
	line-height:1.7;
}
#content .img2lows .imglows p span.imgtitle,
#content .img3lows .imglows p span.imgtitle,
#content .img4lows .imglows p span.imgtitle,
#content .img5lows .imglows p span.imgtitle,
#content2 .img2lows .imglows p span.imgtitle,
#content2 .img3lows .imglows p span.imgtitle,
#content2 .img4lows .imglows p span.imgtitle,
#content2 .img5lows .imglows p span.imgtitle{
	font-weight:bold;
	font-size:105%;
}
#content .img2lows .imglows ul.objectlink,
#content .img3lows .imglows ul.objectlink,
#content .img4lows .imglows ul.objectlink,
#content .img5lows .imglows ul.objectlink,
#content2 .img2lows .imglows ul.objectlink,
#content2 .img3lows .imglows ul.objectlink,
#content2 .img4lows .imglows ul.objectlink,
#content2 .img5lows .imglows ul.objectlink{
	margin:0px;
	padding: 0px;
	display: block;
	font-size:95%;
}
/*==============================================================================
	関連情報、添付ファイル　content.cssに記載
==============================================================================*/
/*==============================================================================
	plugin
==============================================================================*/
.plugin{
	margin:20px auto 20px auto;
	width:90%;
	clear:both;
	font-size:90%;
	background:#EEEEEE;
	border:1px dotted #999;
}
#wrap .plugin p{
	margin:0px;
	padding:10px 15px 10px 15px;
}
/*==============================================================================
	ページ内アンケート
==============================================================================*/
#pagequest{
	margin:20px auto 20px auto;
	width:90%;
	clear:both;
}
#pagequest p,#pagequest fieldset{
	margin:0px 15px 12px 15px;
	border:none;
	line-height:1.7;
}
#pagequest p label,#pagequest p strong,#pagequest fieldset legend{
	width:100%;
	display:inline-block;
}
#pagequest input,#pagequest textarea{
	margin:0px 4px 2px 13px;
	vertical-align:middle;
}
#pagequest input[type="text"],#pagequest textarea{
	padding:5px 8px;
	width:90%;
	border:1px solid #AAAAAA;
	border-radius:4px;
}
#pagequest p.textcenter button{
	margin:0px;
	padding:4px 16px;
}
/*==============================================================================
	お問合せ　content.cssに記載
==============================================================================*/
#reference{
	margin:20px auto 20px auto;
	width:90%;
	clear:both;
}
#reference h2{
	margin:0px;
	padding:10px 5px 7px 10px;
	font-size:110%;
}
#reference p{
	margin:0px;
	padding:5px 15px 5px 15px;
}
#reference p span.department{
	font-weight:bold;
}
/*******************************************************************************
[3] 共通スタイル
*******************************************************************************/
/*==============================================================================
	flexstyle1　アイコン（上）+テキスト
==============================================================================*/
/*------------------------------------------------------------------------------
	アイコン（上）+テキスト（ul.flexstyle1）
------------------------------------------------------------------------------*/
ul.flexstyle1{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.flexstyle1 li{
	box-sizing:border-box;
}
ul.flexstyle1 li a{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	width:100%;
	height:100%;
	position:relative;
	text-decoration:none;
	box-sizing:border-box;
	transition:all .5s;
}
ul.flexstyle1 li a img:not(.external){
	display:block;
}
ul.flexstyle1 li a span:not([class]){
	width: 100%;
}
/*------------------------------------------------------------------------------
	アイコン（上・画像full）+テキスト（ul.flexstyle1 imgfull）
------------------------------------------------------------------------------*/
ul.flexstyle1.imgfull li a img:not(.external){
	margin-bottom:0;
	width:100%;
	height:auto;
}
ul.flexstyle1.imgfull li{
	padding:0;
	background: transparent;
}
ul.flexstyle1.imgfull li a{
	padding:0;
}
ul.flexstyle1.imgfull li span:not([class]){
	display: flex;
	box-sizing:border-box;
	align-items: center;
	justify-content: center;
	flex-grow:1;
	transition:all .5s;
}
/*------------------------------------------------------------------------------
	アイコン（上）+テキスト（画像上）（ul.flexstyle1 imgup）
------------------------------------------------------------------------------*/
ul.flexstyle1.imgup li img:not(.external){
	margin:0px;
	width:100%;
	height:auto;
	vertical-align:bottom;
}
ul.flexstyle1.imgup li a{
	margin:0px;
	padding:0px;
	position:relative;
	text-decoration:none;
}
ul.flexstyle1.imgup a span:not([class]){
	margin:0px;
	width:100%;
	display:block;
	box-sizing:border-box;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	vertical-align:middle;
	transition:all .5s;
}
/*　外部リンク
------------------------------------------------------------------------------*/
ul.flexstyle1 li a img.external{
	margin:0;
	width:auto;
	display:inline-block;
	vertical-align:middle;
}
/*------------------------------------------------------------------------------
	画像ホバー
------------------------------------------------------------------------------*/
#wrap a .hoverimg{
	padding:0px;
	width:100%;
	display:block;
	overflow:hidden;
}
#wrap a .hoverimg img{
	transition:all .5s;
}
#wrap a:hover .hoverimg img{
	transform:scale(1.2);
}
/*==============================================================================
	flexstyle2　アイコン（左）+テキスト
==============================================================================*/
/*------------------------------------------------------------------------------
	アイコン（左）+テキスト（ul.flexstyle2）
------------------------------------------------------------------------------*/
ul.flexstyle2{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.flexstyle2 li{
	display:flex;
	box-sizing:border-box;
}
ul.flexstyle2 li a{
	width:100%;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	position:relative;
	text-decoration:none;
	transition:all .5s;
}
ul.flexstyle2 li a img:not(.external){
	flex-shrink:0;
}
ul.flexstyle2 li a span:not([class]){
	box-sizing:border-box;
}
/*------------------------------------------------------------------------------
	アイコン（左・画像full）+テキスト（ul.flexstyle2 imgfull）
------------------------------------------------------------------------------*/
ul.flexstyle2.imgfull li a img:not(.external){
	margin:0px;
}
/*　画像をフィットさせる
------------------------------------------------------------------------------*/
ul.flexstyle2.imgfull li a .full{
	display:block;
	position:relative;
}
ul.flexstyle2.imgfull li a .full img:not(.external){
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	object-fit:cover;
}
/*　外部リンク
------------------------------------------------------------------------------*/
ul.flexstyle2 li a .external{
	vertical-align:middle;
}
/*==============================================================================
	flexstyle3　テキストバナー
==============================================================================*/
/*------------------------------------------------------------------------------
	テキスト中央揃え（ul.flexstyle3）
------------------------------------------------------------------------------*/
ul.flexstyle3{
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
ul.flexstyle3 li{
	display:flex;
	align-items:center;
	box-sizing:border-box;
	position:relative;
}
ul.flexstyle3 li a{
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	transition:all .5s;
}
/*　外部リンク
------------------------------------------------------------------------------*/
ul.flexstyle3 li a img.external{
	position:absolute;
	right:5px;
	bottom:5px;
}
/*------------------------------------------------------------------------------
	テキスト左揃マークあり（ul.flexstyle3 listmark）
------------------------------------------------------------------------------*/
ul.flexstyle3.listmark li a{
	justify-content:left;
	position:relative;
	text-align:left;
}
/*==============================================================================
	文字サイズ・背景色の変更ボタン
==============================================================================*/
p.bannertxt2 a{
	margin:0px 5px 10px 5px;
	padding:6px 8px 6px 8px;
	display:inline-block;
	color:#222;
	background:#efefef;
	border:1px solid #CCCCCC;
	text-decoration:none;
}
p.bannertxt2 a:hover{
	background:#F5F5F5;
}
/*==============================================================================
	バナーエリア（セカンドトップ / 汎用トップ）
==============================================================================*/
#sbanner{
	margin-bottom:20px;
}
#sbanner h2{
	margin-bottom:10px;
	font-size: 130%;
	text-align: center;
}
#sbanner p{
	margin:-10px 15px 15px 15px;
}
#sbanner ul{
	list-style-type:none;
}
#sbanner ul li{
	padding:0px 20px 20px 0px;
	display:inline-block;
}
#sbanner ul li img{
	vertical-align:bottom;
}
/*==============================================================================
	お問い合わせCGI
==============================================================================*/
#content2 dd input,#content2 dd textarea,
#content2 .fieldtxt input,#content2 .fieldtxt textarea{
	padding:5px 8px;
	border:1px solid #AAAAAA;
	border-radius:4px;
}
#content2 dd select,#content2 .fieldtxt select{
	padding:2px 16px 4px 8px;
	height:2.2em;
	border:1px solid #AAAAAA;
	border-radius:4px;
}
#content2 .fieldtxt input[type="file"],#content2 .fieldtxt input[type="file"]{
	padding:0px;
	border:none;
	border-radius:0px;
}
#content2 dd input[type="radio"],#content2 dd input[type="checkbox"],
#content2 .fieldtxt input[type="radio"],#content2 .fieldtxt input[type="checkbox"]{
	margin-right:6px;
	width:1.1em;
	height:1.1em;
	vertical-align:middle
}
#content2 dd label,#content2 .fieldtxt label{
	vertical-align:middle
}
#content2 dd input[type="text"],#content2 dd textarea,
#content2 .fieldtxt input[type="text"],#content2 .fieldtxt textarea{
	max-width:80%;
}
#content2 dd input#nmtxt1,#content2 .fieldtxt input#nmtxt1,
#content2 dd input#id_mailtxt1,#content2 .fieldtxt input#id_mailtxt1,
#content2 dd input#id_mailtxt2,#content2 .fieldtxt input#id_mailtxt2,
#content2 dd input#id_kenmei,#content2 .fieldtxt input#id_kenmei{
	width:450px;
}
#content2 dd input#id_pref,#content2 .fieldtxt input#id_pref{
	width:500px;
}
#content2 dd input#id_teltxt,#content2 .fieldtxt input#id_teltxt{
	width:150px;
}
#content2 dd input#id_postcodetxt,#content2 .fieldtxt input#id_postcodetxt{
	width:100px;
}
#content2 dd input#id_age,#content2 .fieldtxt input#id_age{
	width:50px;
}
#content2 dd textarea#id_naiyoutxt,#content2 .fieldtxt textarea#id_naiyoutxt{
	width:450px;
	height:150px;
}
#content2 p.textcenter input{
	padding:3px 10px 3px 10px;
}
#content2 dl dt img,#content2 .fieldlabel img{
	vertical-align:middle;
}
.helptext{
	vertical-align:top;
}
.enqadd{
	margin-bottom:8px;
}
#content2 .textcenter button{
	margin:5px;
	padding:8px 16px;
}
#content2 .address dd label,#content2 .address .fieldtxt label{
	font-weight:bold;
}
#content2 .address dd label span,#content2 .address .fieldtxt label span{
	font-weight:normal;
}
/* 入力制限
------------------------------------------------------------------------------*/
.limited{
	font-weight:normal;
	font-size:90%;
}
/* フィールドセット
------------------------------------------------------------------------------*/
#content2 dd fieldset,#content2 .fieldfrom fieldset{
	border:none;
}
/* エラーメッセージ表示
------------------------------------------------------------------------------*/
#content2 div#inputerror{
	margin:0px 20px 20px 20px;
	padding:8px;
	background-color:#FFE8E8;
	border:1px solid #900;
}
#content2 div#inputerror p{
	margin:0px;
	padding:10px 10px 10px 15px;
	color:#900;
	font-weight:bold;
	background-color:#FFF;
}
#content2 div#inputerror ul{
	margin:0px;
	padding:0px 10px 10px 40px;
	background-color:#FFF;
}
#content2 div#inputerror ul li::after{
	background-color:#900;
}
/* 必須マーク
------------------------------------------------------------------------------*/
span.reauired{
	padding:1px 5px;
	display:inline-block;
	background:#8f0000;
	color:#FFF;
	font-size:80%;
	font-weight:normal;
	border-radius:3px;
}
/* 開閉ボタン
------------------------------------------------------------------------------*/
.fieldfrom .articleall2 .plus2{
	padding-left:23px;
	background:url(images/form/mark_plus.png) no-repeat left center;
}
.fieldfrom .articleall2 .minus2{
	padding-left:23px;
	background:url(images/form/mark_minus.png) no-repeat left center;
}
/*==============================================================================
	検索関連
==============================================================================*/
/* キューズ検索用
------------------------------------------------------------------------------*/
.log{
    position:absolute;
    top:-100px;
    left:-100px;
}
/* Google検索結果表示
------------------------------------------------------------------------------*/
#content2 #googlecontent{
	line-height:normal;
}
#content2 #googlecontent table{
	margin:0px 0px 0px 8px;
	padding:0;
	border:none;
	border-collapse:collapse;
	empty-cells:inherit;
}
#content2 #googlecontent th{
	margin:0;
	padding:0;
	background:none;
	border:none;
}
#content2 #googlecontent td{
	margin:0;
	padding:0;
	border:none;
}
.gsc-input-box{
	padding:3px 5px 3px 5px;
	height:35px;
}
/* スクリーンリーダー用
------------------------------------------------------------------------------*/
.sr-only,.speech{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
/* 通常は隠す(speechと同等) */
.speech-focusable{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 中のリンクにフォーカスが入ったら表示 */
.sr-only:focus-within,
.speech:focus-within{
  clip: auto;
  overflow: visible;
}
.sr-only:focus-within a, 
.speech:focus-within a{
  position: fixed;
	left: -9999px;
}
.sr-only a:focus,
.speech a:focus,
.speech-focusable:focus-within{
  position: fixed;
  left: 0;
  top: 0;
	max-width: 100dvw;
  width: auto;
  height: auto;
  margin: 0;
  padding: 10px 20px 15px 20px;
  clip: auto;
  overflow: visible;
  white-space: normal;
  z-index: 1000;
	color: #FFF;
	background-color: #0062B8;
  border: 1px solid #fff;
  border-radius: 2px;
}
.speech-focusable a{
	color: #FFF !important;
}


/* 追加 本文用パーツ
------------------------------------------------------------------------------*/
/*強調*/
em {
  font-size: 1em;
  text-decoration: none;
  font-style: normal;
}
.red,
em {
	color: #C30D23;
}
.txtPart{
	clear: both;
	margin: 1em 0;
}
/*画像横並び*/
.photos{
	clear: both;
	display: flex;
/*	flex-wrap: wrap;*/
	justify-content: center;
	column-gap: 8px;
}
.photos figure{
	vertical-align:top;
	max-width: 100%;
	margin-bottom: 1em;
}
.photos figure img{
	max-width: 100%;
}
.photos figure figcaption p,
#content .photos figure figcaption p,
#content2 .photos figure figcaption p,
.txtPart figure p,
#content .txtPart figure p,
#content .txtPart figure p{
	margin: 5px 5px 0;
}
/*Mobile*/
/*@media screen and (max-width: 767px){
	→smp.cssへ
}*/
/*Desktop*/
@media screen and (min-width: 768px), print{
	.photos{
	  display: flex;
	}
	.photos figure{
		/*flex: 1;*/
	}
	.txtPart.row{
	  display: flex;
    flex-wrap: nowrap;
	}
	.txtPart.row>.txt{
    flex: 1 ;
	}
}
@media screen and (max-width: 980px){
	.txtPart figure.imageleft,
	.txtPart figure.imageright{
		max-width: 50%;
	}
}