@charset "utf-8";

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1pxdotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.5em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}
*{margin:0;padding:0;}a{text-decoration:none;}ul,ol{list-style:none;}img{vertical-align:middle;}

/* ================================================================================= */
/*  Common                                                                           */
/* ================================================================================= */
html{overflow-y:scroll;color:#333333;font-size:14px;}
body{background-color:#ffffff;font-family:'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, Arial, sans-serif;}
a{color:#ed1e79;text-decoration:none;}
a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
a.BtnImg img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
a.BtnImg:hover img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
p{line-height:180%;}

div:after{content:"";clear:both;display:block;}
.clearfix:after{content:"";clear:both;display:block;}
.BtnAnchor{cursor:pointer;}
.BtnTop{cursor:pointer;}
.BtnTop:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}


/* ================================================================================= */
/*  Styles                                                                           */
/* ================================================================================= */
.cBlack{ color: #000000; }
.cBlue{ color: #0096b4; }
.cRed { color: #ed1e79; }
.cGreen{ color: #1a7a7a; }
.cGreen2{ font-size: 18px; font-weight: bold; color: #1a7a7a; }

.caption{
	padding: 5px 0;
	font-size: 12px;
	color: #808080;
	line-height:120%;
}
.S12{font-size:12px;}
.S14{font-size:14px;}
.S16{font-size:16px;}
.S18{font-size:18px;}
.supText{font-size: 75.5%;vertical-align: top;position: relative;top: -0.1em;}
.subText{font-size: 75.5%;vertical-align: bottom;position: relative;top: 0.1em;}

.Bold{font-weight:bold;}
.LH100{ line-height:100%;}
.LH120{ line-height:120%;}
.LH150{ line-height:150%;}
.LH180{ line-height:180%;}
.LH200{ line-height:200%;}


h1{
	font-size: 40px;
	font-weight: normal;
	margin-top: 100px;
}
h1:nth-of-type(1){ margin-top:0; }

h2{
	font-size: 20px;
	color: #197979;
}

.strH1{
	font-size: 28px;
	font-weight: bold;
}
.strH2{
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.indent{margin-bottom:0.8em; text-indent:1em;}

/* ================================================================================= */
/*  Contents                                                                         */
/* ================================================================================= */
#mainArea{
}
#mainContainer{
	width: 900px;
	margin: 0 auto;
}

.newsIcon{
	display: block;
	width: 90px;
	height: 20px;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	background-color:#656565;
	border-radius: 20px;
}
.newsIconG{
	display: block;
	width: 90px;
	height: 20px;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	background-color:#197979;
	border-radius: 20px;
}
.anchorBoxT0{
	display: table;
	width: 290px;
	height: 120px;
	border: 1px #197979 solid;
}
.anchorBoxT0 p{
	color: #197979;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 130%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.anchorBoxT1{
	display: table;
	width: 290px;
	height: 120px;
	border: 1px #197979 solid;
	background-image: url(../img/anchorbox_arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.anchorBoxT1 p{
	color: #197979;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 130%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.anchorBoxT2{
	float: left;
	height: 26px;
	color: #333333;
	font-size: 20px;
	padding-left: 35px;
	background-image: url(../img/anchor_arrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
	line-height:26px;
}
.anchorBoxT3{
	float: left;
	height: 26px;
	color: #333333;
	font-size: 20px;
	padding-left: 35px;
	background-image: url(../img/anchor_arrow_back.gif);
	background-repeat: no-repeat;
	background-position: center left;
	line-height:26px;
}





.cTitleStr1{
	height: 40px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	margin-top: 100px;
	background-color: #1a7a7a;
	border-radius: 40px;
}

.listLine01{ margin-bottom:10px; }
.listLine01 p{ float:left; }
.listLine01 p:nth-of-type(1){ width:70px; font-weight:bold; }
.listLine01 p:nth-of-type(2){ width:520px; }




/* -------------------------------------------------------------------------- about */
.memberBtn{
	margin-top: 50px;
}
.memberBtn p{
	width: 138px;
	height: 65px;
	float: left;
	color: #ffffff;
	font-size: 16px;
	line-height:20px;
	text-align: center;
	padding: 10px 5px 0 5px;
	margin-left: 2px;
	background-color: #1a7a7a;
	background-image: url(../../about/img/member_btnarrow.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.memberBtn p:nth-of-type(1){ margin-left:0px; width: 140px; }
.memberBtn p:nth-of-type(3){ padding-top:20px; height:55px; }
.memberBtn p:nth-of-type(4){ padding-top:20px; height:55px; }
.memberBtn p:nth-of-type(5){ padding-top:20px; height:55px; }
.memberBtn p:nth-of-type(6){ padding-top:20px; height:55px; }
.memberBtn p:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.memberCatT{
	color: #1a7a7a;
	font-size: 28px;
	font-weight: bold;
	margin-top: 100px;
}
.memberListHead{
	margin-top: 5px;
	background-color: #1a7a7a;
}
.memberListHead p{
	float: left;
	color: #ffffff;
	padding:5px 0px;
}
.memberListHead p:nth-of-type(1){ width:520px; }
.memberListHead p:nth-of-type(2){ width:110px; }
.memberListHead p:nth-of-type(3){ width:180px; }
.memberListHead p:nth-of-type(4){ width:90px; }
.memberList{
	border-bottom: 1px #cccccc solid;
}
.memberList p{
	float: left;
	font-size: 13px;
	padding:5px 0px;
}
.memberList p:nth-of-type(1){ width:260px;font-size:14px; }
.memberList p:nth-of-type(2){ width:260px; }
.memberList p:nth-of-type(3){ width:110px; }
.memberList p:nth-of-type(4){ width:180px; }
.memberList p:nth-of-type(5){ width:90px; }

.memberList a{color:#1a7a7a;text-decoration:none;}
.memberList a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

/* ----------------------------------------------------------------------- research */
.researchBox01{
	margin-top: 30px;
	border-top: 1px #000000 dotted;
}
.researchBox01l{
	float: left;
	width: 310px;
	margin-top: 20px;
}
.researchBox01r{
	float: left;
	width: 590px;
	margin-top: 20px;
}

.researchStr01{
	font-size: 26px;
	font-weight: bold;
	line-height:100%;
}
.researchStr02{
	color: #1a7a7a;
	font-size: 13px;
	padding-bottom: 10px;
}
.researchStr02sub{
	margin-top:10px;
	font-size:22px;
	font-weight:bold;
}
.researchStr03{
	font-size: 28px;
	color: #1a7a7a;
	font-weight: bold;
	line-height:100%;
	margin-top: 50px;
	padding-bottom: 10px;
}





/* --------------------------------------------------------------------------- news */

.NewsBox{
	border-top: 1px #989898 dotted;
	border-bottom: 1px #989898 dotted;
	padding-top: 20px;
}
.NewsBox a{
	color: #333333;
}
.NewsBox a:hover{
	color:#ff8c5a;
	text-decoration:underline;
}
.News{
	margin-bottom: 20px;
}
.News p{
	float: left;
}
.News p:nth-of-type(1){
	width: 100px;
}
.News p:nth-of-type(2){
	width: 100px;
	padding-top: 3px;
}
.News p:nth-of-type(3){
	width: 700px;
}

.NewsDetailTitle{
	padding: 20px;
	background-color: #d1e4e4;
}
.NewsDetailTitle p:nth-of-type(1){
	float: left;
	width: 120px;
	margin-top: 5px;
}
.NewsDetailTitle p:nth-of-type(2){
	float: left;
	width: 720px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.NewsDetailContents{
	margin-top: 30px;

}



/* ================================================================================= */
/*  Header                                                                           */
/* ================================================================================= */
#fixHeaderArea{
	height: 260px;
	width: 100%;
	position: fixed;
	z-index: 9999;
}
#fixHeaderShadow{
	height: 70px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#fixHeaderSpacer{
	height: 260px;
	width: 100%;
}
#headerArea{
	height: 80px;
	background-color: #197979;
}
#headerContainer{
	width: 900px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}
.headerLogo{
	width: 450px;
	height: 80px;
	position:absolute;
	top: 0;
	left: 0;
}
.headerSiteMap{
	width: 84px;
	height: 20px;
	position: absolute;
	top: 30px;
	left: 612px;
	padding-top:2px;
	font-size: 90%;
}
.headerSiteMap a{
	color: #ffffff;
}



/* google search カスタマイズ開始 */
.headerGCE{
	width: 207px;
	height: 40px;
	position: absolute;
	top: 25px;
	left: 700px;
}

.headerGCE td {
	border: none;    
}
 
.headerGCE .gsc-control-cse, 
.headerGCE .gsc-control-cse-ja,
.headerGCE .gsib_a{
	margin:0 !important;
	padding:0 !important;
	font-size:14px;
}

/* テキスト入力フォームとボタンの位置 */
.headerGCE table.gsc-search-box td,
.headerGCE table.gsc-search-box input {
	vertical-align: top !important;
}

/* テキスト入力フォーム */
.headerGCE input[type="text"]{
	border: none !important;
	height:26px !important;
	margin-top: 100px;
}
 
.headerGCE input[type="text"]:focus {
	border: none !important;
	outline: 0;  /*safariの自動フォーカスを切る */
}
 
/* テキスト入力フォームの影を消す */
.headerGCE .headerGCE-iw-id1{
	border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
.headerGCE #gs_tti0 input{
	background-position:5px 5px !important;
}
/* ボタンの色 */
.headerGCE input.gsc-search-button {
background: #cccccc !important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 1px solid #cccccc !important;
}
/* ボタンの位置調整と角丸消し */
.headerGCE .gsc-search-button{
	margin:-6px 0 0 -18px !important;
	border-radius:0 2px 2px 0;
	padding:6px;
}
/* 入力時に出る「×」ボタンの位置調整 */
 
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
.headerGCE .gsib_b span{
		box-sizing: border-box;
   -moz-box-sizing: border-box;
		padding:4px 0 0 0;
}
.headerGCE .gsst_a .gscb_a{ color:#ed1e79;}

.gs-title {margin-bottom:6px;}
.gsc-table-result {margin-left:8px;font-size:14px;}
.gs-webResult.gs-result, .gs-results .gs-imageResult {border-top:1px solid #cccccc; padding-top:20px;}

.gsc-cursor-page {float:left; margin-right:10px;}
.gs-fileFormat {margin-bottom:8px;}
.gsc-results .gsc-cursor-box {border-top:1px solid #cccccc; padding:15px 0;}

/* google search カスタマイズ終了 */



.headerLangSW{
	width: 31px;
	height: 31px;
	position: absolute;
	top: 24px;
	left: 570px;
}

#headNaviArea{
	height: 110px;
	background-image: url(../img/headnavi_bg.gif);
	background-repeat: repeat-x;
}
.headNaviBoxU{
	width: 900px;
	height: 70px;
	margin: 0 auto;
}
.headNaviBoxU a{
	display: block;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 70px;
	text-align: center;
	height: 70px;
	float: left;
	padding:0 15px;
}
.headNaviBoxU a:hover{
	color: #1a7a7a;
}
.headNaviBoxU a:nth-of-type(1){
	width: 40px;
	text-align: left;
	padding:0;
}
.headNaviBoxU a img{height:30px;margin-top:-3px;}
.headNaviBoxU a:nth-of-type(2){}
.headNaviBoxU a:nth-of-type(3){}
.headNaviBoxU a:nth-of-type(4){}
.headNaviBoxU a:nth-of-type(5){}
.headNaviBoxU a:nth-of-type(6){}
.cNow{
	background-image: url(../img/headnavi_arrow.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.headNaviBoxB{
	width: 900px;
	height: 40px;
	margin: 0 auto;
}
.contentsBtn{
	height: 26px;
	color: #1a7a7a;
	font-size: 14px;
	padding: 3px 11px;
	margin-top: 7px;
	margin-right: 7px;
	background-color: #ffffff;
	border-radius: 13px;
	border-style: none;
	float:left;
}
.contentsBtn:hover{
	color: #ffffff;
	background-color:#1a7a7a;
}
.pNow{
	color: #ffffff;
	background-color:#1a7a7a;
}


/* ================================================================================= */
/*  Footer                                                                           */
/* ================================================================================= */
#footerBtnTop{
	clear:both;
	height: 125px;
}
#footerBtnTop img{
	display: block;
	width: 60px;
	height: 60px;
	padding-top: 65px;
	margin-left: auto;
	margin-right: auto;
}
#footerArea{
	clear:both;
	height: 100px;
	background-color: #197979;
}
#footerContainer{
	width: 900px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}
#footerCopyright{
	width: 900px;
	height: 25px;
	margin: 0 auto;
	padding-top:5px;

}
#footerCopyright p{
	font-size: 12px;
}
.footerLogo{
	width: 390px;
	height: 65px;
	position:absolute;
	top: 0;
	left: 0;
}
.footerLink1{
	width: 150px;
	height: 25px;
	position:absolute;
	top: 12px;
	left: 670px;
}
.footerLink1 a{
	font-size: 12px;
	color: #ffffff;
}
.footerLink2{
	width: 75px;
	height: 25px;
	position:absolute;
	top: 12px;
	left: 825px;
}
.footerLink2 a{
	font-size: 12px;
	color: #ffffff;
}
.footerStr{
	width: 300px;
	height: 20px;
	position:absolute;
	top: 65px;
	left: 65px;
}
.footerStr p{
	font-size: 12px;
	color: #ffffff;
}
.footerOsakaUnuv{
	width: 160px;
	height: 35px;
	position:absolute;
	top: 65px;
	left: 740px;
}


/* ================================================================================= */
/*  Home                                                                             */
/* ================================================================================= */
.homeSlideArea{
	width: 900px;
	height: 330px;
	margin: 0 auto;
	position: relative;
}
.homeSlideBox{
	width: 900px;
	height: 330px;
	position:absolute;
	top: 0;
	left: 0;
}
.homeSlideBox img{
	width: 900px;
	height: 330px;
	position:absolute;
	top: 0;
	left: 0;
}
.homeSlideStr{
	width: 525px;
	height: 170px;
	padding-left:20px;
	padding-top:90px;
	position: absolute;
	top: 0;
	left: 0;
	background-image:url(../../img/home_slide_bg.png);
}
.homeSlideStr1{
	color: #ffffff;
	font-size: 18px;
	line-height: 130%;
	font-weight:bold;
}
.homeSlideStr2{
	color: #ffffff;
	padding-top: 10px;
	font-size:13px;
	line-height: 160%;
}
.homeSlideMenu{
	width: 900px;
	height: 70px;
	position:absolute;
	top: 260px;
	left: 0;
	background-color: rgba(255,255,255,0.8);
}
.homeSlideMenu a{
	display: block;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 70px;
	text-align: center;
	height: 70px;
	float: left;
	padding:0 20px;
}
.homeSlideMenu a:hover{
	color: #ffffff;
	background-color: #197979;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.homeSlideMenu a:nth-of-type(1){ margin-left:26px;}
.homeSlideMenu a:nth-of-type(2){}
.homeSlideMenu a:nth-of-type(3){}
.homeSlideMenu a:nth-of-type(4){}
.homeSlideMenu a:nth-of-type(5){}

.homeMainContainer{
	margin-top: 30px;
}
.homeNewsArea{
	width: 650px;
	float: left;
}
.homeBannerArea{
	width: 240px;
	float: left;
	margin-left: 10px;
}
.homeBannerArea div{
	text-align: center;
	margin-bottom: 30px;
}

.homeBannerBoxT1{
	width: 240px;
	display: table;
	height: 25px;
	border: 1px #197979 solid;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.homeBannerBoxT1 p{
	color: #197979;
	font-size: 13px;
	text-align: center;
	line-height: 115%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding:5px 10px;
}
.homeBannerBoxT2{
	width: 240px;
	display: table;
	height: 35px;
	border: 1px #197979 solid;
	background:#197979;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.homeBannerBoxT2 p{
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	line-height: 115%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding:10px 10px;
}

.homeNewsBox{
	border-top: 1px #989898 dotted;
	border-bottom: 1px #989898 dotted;
	padding-top: 20px;
}
.homeNewsBox a{
	color: #333333;
}
.homeNewsBox a:hover{
	color:#ff8c5a;
	text-decoration:underline;
}
.homeNews{
	margin-bottom: 20px;
}
.homeNews p{
	float: left;
}
.homeNews p:nth-of-type(1){
	width: 100px;
}
.homeNews p:nth-of-type(2){
	width: 100px;
	padding-top: 3px;
}
.homeNews p:nth-of-type(3){
	width: 450px;
}
.homeNewsListBtn{ margin-top:8px;}









.homeBannerBoxT3{ width:150px; display:table; height:4.6rem; background:#197979; margin-left:auto; margin-right:auto; margin-bottom:10px; }
.homeBannerBoxT3 p{ color:#ffffff; font-size:13px; text-align:center; line-height:115%; display:table-cell; text-align:center; vertical-align:middle; padding:10px 10px; }
.homeEventArea{ clear:both; width:100%; padding-top:4rem; }
.homeEventHead{ width:100%; border-bottom:1px #989898 dotted; }
.homeEventHead > p{ color:#197979; font-size:1.2rem; font-weight:bold; }
.homeEventListBtn{ display:block; margin:0 auto; margin-top:2rem; width:24rem; height:5rem; color:#ffffff; background:#ed1e79; }
.homeEventListBtn > p{ color:#ffffff; font-size:1.2rem; text-align:center; line-height:5rem; }
.homeBottomBannerArea{ clear:both; padding-top:8rem; display:flex; flex-wrap:wrap; }
.homeBottomBannerArea > div{ width:25%; padding:1rem 0; display:flex; justify-content:center; align-items:center; align-content:center; }

.eventArea{ width:100%; padding:1rem 0; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; border-bottom:1px #989898 dotted; }
.eventCategory{ width:12rem; }
.eventCategory > p{ width:11rem; min-height:2rem; padding:0 0.5rem; line-height:2rem; color:#ffffff; text-align:center; background:#656565; border-radius:1rem; }
.eventImg{ width:150px; }
.eventImg > a{ display:block; width:150px; height:200px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.eventBody{ flex:1; padding-left:2.4rem; padding-right:1.4rem; }
.eventTitle{ position:relative; display:inline-block; width:100%; padding-bottom:0.4rem; line-height:130%; font-size:1.2rem; font-weight:bold; }
a.eventTitle{ color:#197979; }
a.eventTitle:before{ display:block; position:absolute; top:0; left:-1.8rem; width:1.4rem; height:1.4rem; content:'→'; line-height:1.3rem; text-align:center; font-size:0.9rem; color:#ffffff; background-color:#197979; border-radius:0.7rem; }
.eventLine{ line-height:150%; }
.eventLine:before{ display:inline-block; content:'●'; line-height:150%; font-size:1.2rem; color:#197979; padding-right:0.1rem; }

.eventMoreBtn{ position:relative; margin-top:1rem; width:10rem; height:2rem; line-height:2rem; color:#ffffff; text-align:center; background:#197979; border-radius:0.5rem 0.5rem 0 0; }
.eventMoreBtn:after{ display:block; position:absolute; top:0.1rem; right:0.5rem; content:'↓'; color:#ffffff; }
.eventMoreBtn:hover{ cursor:pointer; opacity:0.7; }
.eventMoreArea{ display:none; width:100%; margin:0; border:1px #197979 solid; }
.eventMoreBody{ padding:1rem; word-break:break-all; }
.eventMoreLink{ margin-top:1rem; }
.eventMoreLink > a{ display:inline-block; position:relative; margin-top:0.4rem; margin-right:0.4rem; color:#ffffff; line-height:130%; padding:0.4rem; padding-right:2rem; background:#197979; }
.eventMoreLink > a:after{ display:block; position:absolute; top:0.4rem; right:0.5rem; content:'→'; color:#ffffff; }

.eventHeadArea{ width:100%; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; }
.eventHeadArea > div:nth-of-type(1){ flex:1; }
.eventHeadArea > div:nth-of-type(2){ width:35rem; }

.eventCalBox{ width:100%; display:flex; flex-wrap:nowrap; justify-content:stretch; align-items:stretch; align-content:flex-start; }
.eventCalBox > div:nth-of-type(1){ width:14rem; text-align:center; background:#197979; }
.eventCalBox > div:nth-of-type(2){ width:21rem; }
.eventCalBoxYear > p{ display:inline-block; line-height:100%; padding-top:2rem; font-size:2rem; color:#ffffff; }
.eventCalBoxYear > p:nth-of-type(2){ font-size:1.2rem; }
.eventCalBoxMonth > p{ display:inline-block; line-height:100%; padding-top:1.4rem; font-size:3rem; font-weight:bold; color:#ffffff; }
.eventCalBoxMonth > p:nth-of-type(2){ font-size:1.2rem; }
.eventCalBoxBtnArea{ width:12rem; margin:0 auto; margin-top:2rem; margin-bottom:1rem; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; }
.eventCalBoxBtn{ display:block; width:4rem; color:#ffffff; }
.eventCalBoxBtn:hover{ cursor:pointer; opacity:0.7; }

.eventCalendar{ width:21rem; border-collapse:collapse; background-color:#b4b4b4; }
.eventCalendar td{ width:3rem; height:3.4rem; border:1px #999999 solid; }
.eventCalendar tr.dayName td{ width:3rem; height:1.4rem; text-align:center; color:#ffffff; background:#666666; }
.eventCalendar td.eventCalDay{ text-align:center; }
.eventCalendar td.eventCalDay > p{ font-size:1.2rem; line-height:100%; }
.eventCalendar td.eventCalDay > p:nth-of-type(2){ padding-top:0.2rem; }
.eventCalendar td.eventCalDayNone{ background:#e6e6e6; }
.eventCalendar td.eventCalDayExist{ background:#ffffff; }
.eventCalendar td.eventCalDayExist:hover{ cursor:pointer; color:#ffffff; background:#197979; }

.eventCatArea{ width:100%; margin-top:2rem; padding:1rem; border-top:1px #989898 dotted; border-bottom:1px #989898 dotted; }
.eventCatArea > a{ display:inline-block; height:2rem; margin:0.4rem 0.2rem; padding:0 1.4rem; line-height:2rem; color:#ffffff; text-align:center; background:#197979; border-radius:1rem; }
.eventCatArea > a.eventCatBtnOnOn{ background:#ff0000; }

.eventListBottomBtnArea{ padding:1rem; text-align:center; border-bottom:1px #989898 dotted; }
.eventListBottomBtnArea > a{ display:inline-block; width:10rem; height:2rem; margin:0.4rem 1rem; text-align:center; line-height:2rem; color:#333333; border:1px #333333 solid; }
.eventListBottomSubmitBtnArea{ margin:4rem 0; }
.eventListBottomSubmitBtnArea > a{ display:block; width:22rem; height:3rem; margin-left:auto; text-align:center; line-height:3rem; color:#ffffff; background:#197979; }