@charset "utf-8";


/* common ===========================================

===================================================== */

	html {
		font-size: 62.5%;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		}



/*	 Font family / Font size
===================================================== */


		@font-face {
			font-family: "YuGothic-M";
			font-weight: normal;
			src: local("YuGothic-Medium"), /* PostScript Name = localの正式な指定方法 */
				local("Yu Gothic Medium"),      /*PostScript Nameを認識できないChrome用にFull Nameを指定 */
				local("YuGothic-Regular");     /* 游ゴシックMediumが存在しないWindows8.1用 */
		}
		@font-face {
			font-family: "YuGothic-M";
			font-weight: bold;
			src: local("YuGothic-Bold"), 
				local("Yu Gothic Medium"),
				/*local("Yu Gothic Bold"),*/
				local("YuGothic Bold");
		}


	
		html {
			font-size: 62.5%;
		}
		
		body {
			font-size: 1.6rem;/* 16px */
			font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic-M, YuGothic,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
		}
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			::i-block-chrome, body {
				font-feature-settings: "pkna";
			}
		}

		
		@media screen and (max-width: 767px) {
			/*SP*/
			body {
				font-size: 1.4rem;/* 14px */	
				}	
		}

		button, input, select, textarea {
			font-family : inherit;
			font-size : 100%;
			}


/*	 Utility
===================================================== */
	body {
  		line-height: 1.42857;
		letter-spacing: 1.1px;
		background-color: #fff;
		color: #666;
		}
		
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
		}
	img { -ms-interpolation-mode: bicubic; }
	

	@media print, screen and (min-width: 768px) {
		img.c-imgSP { display: none !important; }
	}
	@media (max-width: 767px) {
		img.c-imgPC { display: none !important; }
	}

	a {
		color: #009999;
		text-decoration: underline;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		}
	a.c-noLink {
		color: #666;
		text-decoration: none;
		}

	a:hover {
		text-decoration: underline;
		color: #993399;	
		}

	a:hover img {
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	    -webkit-transition: 0.5s ease-in-out;
	    -moz-transition: 0.5s ease-in-out;
	    -o-transition: 0.5s ease-in-out;
	    transition: 0.5s ease-in-out;
		}	

	a.c-bright:hover img {
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha( opacity=100 )";
		 -webkit-filter: brightness(1.2);
		 -moz-filter: brightness(1.2);
		 -o-filter: brightness(1.2);
		 -ms-filter: brightness(1.2);
		 filter: brightness(1.2);
		}	
	.c-noOpacity a:hover img {
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha( opacity=100 )";
		}	
	img.c-verticalalignM {
		vertical-align: middle;
		}


	a[href^="tel:"] { 
		cursor: default;
	    pointer-events: none;
		}
	@media screen and (max-width: 767px) {
		a[href^="tel:"] { 
			pointer-events: auto;
			}
	}


	
	.c-text11 { font-size: 1.1rem; }
	.c-text12 { font-size: 1.2rem; }
	.c-text13 { font-size: 1.3rem; }
	.c-text14 { font-size: 1.4rem; }
	.c-text15 { font-size: 1.5rem; }
	.c-text16 { font-size: 1.6rem; }
	.c-text18 { font-size: 1.8rem; }
	.c-text20 { font-size: 2.0rem; }
	.c-text22 { font-size: 2.2rem; }
	.c-text24 { font-size: 2.4rem; }
	.c-text26 { font-size: 2.6rem; }


	.c-text12r { font-size: 1.2rem; }
		@media (max-width: 767px) {
			.c-text12r { font-size: 1.4rem; }
		}
	.c-text18r { font-size: 1.8rem; }
		@media (max-width: 767px) {
			.c-text18r { font-size: 1.6rem; }
		}
	.c-text20r { font-size: 2.0rem; }
		@media (max-width: 767px) {
			.c-text20r { font-size: 1.6rem; }
		}
	.c-text22r { font-size: 2.2rem; }
		@media (max-width: 767px) {
			.c-text22r { font-size: 1.8rem; }
		}
	.c-text24r { font-size: 2.4rem; }
	.c-text24r16 { font-size: 2.4rem; }
		@media (max-width: 767px) {
			.c-text24r16 { font-size: 1.6rem; }
			.c-text24r { font-size: 2.0rem; }
		}
	.c-text26r { font-size: 2.6rem; }
		@media (max-width: 767px) {
			.c-text26r { font-size: 2.0rem; }
		}
	.c-text30r { font-size: 3.0rem; }
		@media (max-width: 767px) {
			.c-text30r { font-size: 2.0rem; }
		}
	.c-text40r { font-size: 4.0rem; }
		@media (max-width: 767px) {
			.c-text40r { font-size: 2.4rem; }
		}
	.c-text52r { font-size: 5.2rem; }
		@media (max-width: 767px) {
			.c-text52r { font-size: 3.0rem; }
		}
	.c-text64r { font-size: 6.4rem; }
		@media (max-width: 767px) {
			.c-text64r { font-size: 3.4rem; }
		}


	.c-fontBold { font-weight: bold; }
	.c-fontNormal { font-weight: normal; }

	.c-fontStyleN { font-style: normal; }

	.u-spacing-no { letter-spacing: -0.5em; }
	.u-spacing-w { letter-spacing: .1em; }
	.u-spacing-narrow { letter-spacing: -1px; }

	.u-lineheight-w { line-height: 2; }
		@media (max-width: 767px) {
			.u-lineheight-w { line-height: 1.5; }
		}
	.u-lineheight-1 { line-height: 1; }
	.u-lineheight-n { line-height: 1.2; }
	.u-lineheight-16 { line-height: 1.6; }
	.u-lineheight-18 { line-height: 1.8; }
	.u-lineheight-25 { line-height: 2.5; }

	.u-textindent-1 { text-indent: 1em; }


	.u-relative { position: relative; }
	
	.u-boxsizing-b {
		box-sizing: border-box;
		}
	.u-overflow-h {
		overflow: hidden;
		}

	@media print, screen and (min-width: 768px) {
		.u-tac-res {
			text-align: center; 
			}
		.u-tar-res {
			text-align: right; 
			}
	}
	@media (max-width: 767px) {
		.u-tac-res {
			text-align: left; 
			}
		.u-tar-res {
			text-align: left; 
			}
	}



	.u-vertical-b {vertical-align: bottom; }
	.u-vertical-m {vertical-align: middle; }
	
	.u-displayINBlock { display: inline-block;}
	.u-displayBlock { display: block;}
	.u-displayNone { display: none;}

		@media (max-width: 767px) {
			.u-displayBlock-md { display: block;}
			.u-displayNone-md { display: none;}
		}
		@media (max-width: 400px) {
			.u-displayBlock-xs { display: block;}
			.u-displayNone-xs { display: none;}
		}
		@media (max-width: 350px) {
			.u-displayBlock-xxs { display: block;}
		}



	.u-br-lg { display: none;}
	.u-br-lg2 { display: none;}
	.u-br-md { display: none;}
	.u-br-xs { display: none;}
	.u-br-xxs { display: none;}
		@media (max-width: 1360px) {
			.u-br-lg { display: block;}
		}
		@media (max-width: 960px) {
			.u-br-lg2 { display: block;}
		}
		@media (max-width: 767px) {
			.u-br-md { display: block;}
		}
		@media (max-width: 400px) {
			.u-br-xs { display: block;}
		}
		@media (max-width: 350px) {
			.u-br-xxs { display: block;}
		}
.u-br-xxs99 {
	display:block;
}
		@media (max-width: 767px) {
			.u-br-xxs99 { display: none;}
		}

	.u-font-plus {
		font-family: 'M PLUS 1p', 'Helvetica Neue','游ゴシック Medium', sans-serif;
		font-weight: normal;
		}

	.u-font-mincho {
		font-family: "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , Times New Roman , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;
		}

	.u-font-meiryo {
		font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}

	button {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}



	
/* =====================================================================

	Space
	
======================================================================== */

	.u-mb2			{ margin-bottom: 2px; }
	.u-mr2			{ margin-right: 2px; }
	.u-pall5		{ padding: 5px; }
	.u-pall10		{ padding: 10px; }
	.u-pall20		{ padding: 20px; }
	.u-pall30		{ padding: 30px; }

	@media print, screen and (min-width: 768px) {
		/*TB横,PC*/
		.u-pall30-c		{ padding: 30px; }
		.u-pall30-c10		{ padding: 30px; }
		.u-pb40-c		{ padding-bottom: 40px; }
		.u-pb50-c		{ padding-bottom: 50px; }
		.u-pt40-c		{ padding-top: 40px; }
		.u-pt50-c		{ padding-top: 50px; }
		.u-pt20-cn		{ padding-top: 20px; }
		.u-pt40-cn		{ padding-top: 40px; }
		.u-pt50-cn		{ padding-top: 50px; }
		.u-pl10-cn		{ padding-left: 10px; }
		.u-pl50-c		{ padding-left: 50px; }
		.u-pr50-c		{ padding-right: 50px; }
		.u-pr10-cn		{ padding-right: 10px; }

		.u-mt20-c		{ margin-top: 20px; }
		.u-mt40-c		{ margin-top: 40px; }
		.u-mt30-c		{ margin-top: 30px; }
		.u-mb40-c		{ margin-bottom: 40px; }
		.u-mb50-c		{ margin-bottom: 50px; }
		.u-mt50-c		{ margin-top: 50px; }
		.u-mtb60-c		{ margin-top: 60px; margin-bottom: 60px; }
		.u-mt80-c		{ margin-top: 80px; }
	}

	@media (max-width: 767px) {
		/*SP～TB縦*/	
		.u-pall30-c		{ padding: 20px; }
		.u-pall30-c10	{ padding: 10px; }
		.u-pb40-c		{ padding-bottom: 20px; }
		.u-pb50-c		{ padding-bottom: 20px; }
		.u-pt40-c		{ padding-top: 20px; }
		.u-pt50-c		{ padding-top: 20px; }
		.u-pl50-c		{ padding-left: 20px; }
		.u-pr50-c		{ padding-right: 20px; }
		.u-mt20-c		{ margin-top: 0px; }
		.u-mt30-c		{ margin-top: 20px; }
		.u-mt40-c		{ margin-top: 20px; }
		.u-mb50-c		{ margin-bottom: 20px; }
		.u-mb40-c		{ margin-bottom: 20px; }
		.u-mt50-c		{ margin-top: 20px; }
		.u-mtb60-c		{ margin-top: 20px; margin-bottom: 20px; }
		.u-mt80-c		{ margin-top: 20px; }
	}




	
/* =====================================================================

	Shadow / Glow
	
======================================================================== */

	.c-textGlowWhite3 {
		text-shadow:
		3px 3px 10px rgba(255, 255, 255, 1),
		-3px 3px 10px rgba(255, 255, 255, 1),
		3px -3px 10px rgba(255, 255, 255, 1),
		-3px -3px 10px rgba(255, 255, 255, 1),
		0px 3px 10px rgba(255, 255, 255, 1),
		-3px 0px 10px rgba(255, 255, 255, 1),
		0px -3px 10px rgba(255, 255, 255, 1),
		-3px 0px 10px rgba(255, 255, 255, 1);
		}



	
/* =====================================================================

	Colors
	
======================================================================== */

	/* Font */

	.u-cPink				{ color: #cc3366; }
	.u-cYellow				{ color: #FFAA28; }
	.u-cBlue				{ color: #418A8A; }
	.u-cWhite				{ color: #ffffff; }
	.u-cPurple				{ color: #663399; }
	

	/* Background */
	.u-bgcPink			{ background-color: #fcebe9; }
	.u-bgcPink02		{ background-color: #FDF3F2; }
	.u-bgcPink03		{ background-color: #FBD9DF; }
	.u-bgcPink-c36		{ background-color: #cc3366; }
	.u-bgcYellow		{ background-color: #FFF4E1; }
	.u-bgcGreen			{ background-color: #F7F8DE; }
	.u-bgcBlue			{ background-color: #DAEDED; }
	.u-bgcWhite			{ background-color: #fff; }
	.u-bgcGray			{ background-color: #f2f2f2; }

	.u-bgcDotGreen 		{ background: url(../img/common/bg_dotGreen.gif) repeat; }
	.u-bgcGradaPink		{
		background: #fff;
		background:-webkit-linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(252,238,233,1) 90%, rgba(252,238,233,1) 100%);
		background:-moz-linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(252,238,233,1) 90%, rgba(252,238,233,1) 100%);
		background:-o-linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(252,238,233,1) 90%, rgba(252,238,233,1) 100%);
		background:linear-gradient(150deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(252,238,233,1) 90%, rgba(252,238,233,1) 100%);
		}


/* =====================================================================

	Border
	
======================================================================== */

	.u-bcBrown5 {
		border: solid 5px #c4afa2;
		}
	.u-bcBrown-dark {
		border: solid 1px #9E7965;
		}

	.u-bcPink2 {
		border: solid 2px #f4bca4;
		}

	.u-bcGray {
		border: solid 1px #ccc;
		}

	.u-bcGrayDotted-bottom {
		border-bottom: dotted 1px #ccc;
		}

	.u-bcGrayDotted-top {
		border-top: dotted 1px #ccc;
		}





/* =====================================================================

	Title
	
======================================================================== */

/* -- l-main h -- */
	/* h2 */
	.l-main h2 {
		border: #E9A7BD solid 2px;
		line-height: 1.5;
		box-sizing: border-box;
		color: #fff;
		font-weight: bold;
		background: #cc3366;
		background:-webkit-linear-gradient(#E189A7 0%, #cc3366 50%, cc3366 100%);
		background:-moz-linear-gradient(#E189A7 0%, #cc3366 50%, #cc3366 100%);
		background:-o-linear-gradient(#E189A7 0%, #cc3366 50%, #cc3366 100%);
		background:linear-gradient(#E189A7 0%, #cc3366 50%, #cc3366 100%);
		}
		@media print, screen and (min-width: 768px) {
			.l-main h2 {
				font-size: 2.0rem;
				padding: 11px 13px;
				margin-bottom: 2.5rem;
				-webkit-border-radius: 10px;
					 -moz-border-radius: 10px;
								border-radius: 10px;
						-ms-border-radius: 10px;
				}
		}
		@media (max-width: 767px) {
			.l-main h2 {
				font-size: 1.8rem;
				padding: 10px;
				margin-bottom: 2.0rem;
				-webkit-border-radius: 8px;
					 -moz-border-radius: 8px;
								border-radius: 8px;
						-ms-border-radius: 8px;
				}
		}
		@media (max-width: 350px) {
			.l-main h2 {
				font-size: 1.6rem;
				}
		}



	/* h3 */
	.l-main h3 {
		border: #F4BCA4 solid 2px;
		line-height: 1.5;
		box-sizing: border-box;
		color: #cc3366;
		font-weight: bold;
		background: #fceee9;
		background:-webkit-linear-gradient(170deg, #fff 0%, #fff 30%, #fceee9 90%, #fceee9 100%);
		background:-moz-linear-gradient(170deg, #fff 0%, #fff 30%, #fceee9 90%, #fceee9 100%);
		background:-o-linear-gradient(170deg, #fff 0%, #fff 30%, #fceee9 90%, #fceee9 100%);
		background:linear-gradient(170deg, #fff 0%, #fff 30%, #fceee9 90%, #fceee9 100%);
		}
	.l-main h3 a{
		color: #cc3366;
		}
		@media print, screen and (min-width: 768px) {
			.l-main h3 {
				font-size: 1.8rem;
				padding: 11px 13px;
				margin-bottom: 2.5rem;
				-webkit-border-radius: 10px;
					 -moz-border-radius: 10px;
								border-radius: 10px;
						-ms-border-radius: 10px;
				}
		}
		@media (max-width: 767px) {
			.l-main h3 {
				font-size: 1.6rem;
				padding: 10px;
				margin-bottom: 2.0rem;
				-webkit-border-radius: 8px;
					 -moz-border-radius: 8px;
								border-radius: 8px;
						-ms-border-radius: 8px;
				}
		}


	/* h4 */
	.l-main h4 {
		display: block;
		line-height: 1.5;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 10px;
		background: url(../img/common/line_gray.gif) repeat-x left bottom;
		padding-left: 27px;
		padding-bottom: 10px;
		padding-right: 10px;
		position: relative;
		font-weight: bold;
		color: #333;
		font-size: 1.6rem;
		}
		.l-main h4::before {
			content: url(../img/common/icon_down.png);
			position: absolute;
			top: 3px;
			left: 5px;
			}
			@media (max-width: 767px) {
				.l-main h4::before {
					top: 1px;
					}
			}
			
	/* h5 */
	.l-main h5 {
		list-style: none !important;
		line-height: 1.5;
		display: block;
		margin-left: 0;
		margin-bottom: 10px;
		width: 100%;
		box-sizing: border-box;
		font-size: 1.6rem;
		background: url(../img/common/icon_pink2.png) no-repeat 5px 7px;
		padding-left: 27px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: #CCC dotted 2px;
		}







/* page title */
	.c-pageTitle {
		text-align: center;
		border-bottom: #FFAFBD solid 1px;
		box-sizing: border-box;
		}
		@media print, screen and (min-width: 768px) {
			.c-pageTitle {
				padding: 110px 210px 45px 210px;
				font-size: 2.8rem;
				}
		}
		@media (max-width: 767px) {
			.c-pageTitle {
				padding: 20% 20px 10% 20px;
				font-size: 2.4rem;
				}
		}



	/* PinkDark */
	.c-tit_PinkDark {
		border: #E9A7BD solid 2px !important;
		line-height: 1.5;
		box-sizing: border-box !important;
		color: #fff !important;
		font-weight: bold !important;
		background: #cc3366 !important;
		background:-webkit-linear-gradient(#E189A7 0%, #cc3366 50%, cc3366 100%) !important;
		background:-moz-linear-gradient(#E189A7 0%, #cc3366 50%, #cc3366 100%) !important;
		background:-o-linear-gradient(#E189A7 0%, #cc3366 50%, #cc3366 100% !important);
		background:linear-gradient(#E189A7 0%, #cc3366 50%, #cc3366 100%) !important;
		}
		.c-tit_PinkDark::before {
			content: '' !important;
			}
		@media print, screen and (min-width: 768px) {
			.c-tit_PinkDark {
				font-size: 2.0rem !important;
				padding: 11px 13px !important;
				margin-bottom: 2.5rem !important;
				-webkit-border-radius: 10px !important;
					 -moz-border-radius: 10px !important;
								border-radius: 10px !important;
						-ms-border-radius: 10px !important;
				}
		}
		@media (max-width: 767px) {
			.c-tit_PinkDark {
				font-size: 1.8rem !important;
				padding: 10px !important;
				margin-bottom: 2.0rem !important;
				-webkit-border-radius: 8px !important;
					 -moz-border-radius: 8px !important;
								border-radius: 8px !important;
						-ms-border-radius: 8px !important;
				}
		}
		@media (max-width: 350px) {
			.c-tit_PinkDark {
				font-size: 1.6rem !important;
				}
		}



	/* PinkLight */
	.c-tit_PinkLight {
		border: #F4BCA4 solid 2px !important;
		line-height: 1.5;
		box-sizing: border-box !important;
		color: #cc3366 !important;
		font-weight: bold !important;
		background: #fceee9 !important;
		background:-webkit-linear-gradient(170deg, #fff 0%, #fff 30%, #fceee9 90%, #fceee9 100%) !important;
		background:-moz-linear-gradient(170deg, #fff 0%, #fff 30%, #fceee9 90%, #fceee9 100%) !important;
		background:-o-linear-gradient(170deg, #fff 0%, #fff 30%, #fceee9 90%, #fceee9 100%) !important;
		background:linear-gradient(170deg, #fff 0%, #fff 30%, #fceee9 90%, #fceee9 100%) !important;
		}
		.c-tit_PinkLight::before {
			content: '' !important;
			}
	.c-tit_PinkLight a {
		color: #cc3366 !important;
		}
		@media print, screen and (min-width: 768px) {
			.c-tit_PinkLight {
				font-size: 1.8rem !important;
				padding: 11px 13px !important;
				margin-bottom: 2.5rem !important;
				-webkit-border-radius: 10px !important;
					 -moz-border-radius: 10px !important;
								border-radius: 10px !important;
						-ms-border-radius: 10px !important;
				}
		}
		@media (max-width: 767px) {
			.c-tit_PinkLight {
				font-size: 1.6rem !important;
				padding: 10px !important;
				margin-bottom: 2.0rem !important;
				-webkit-border-radius: 8px !important;
					 -moz-border-radius: 8px !important;
								border-radius: 8px !important;
						-ms-border-radius: 8px !important;
				}
		}



	/* PinkCheckered */
	.c-tit_PinkCheckered {
		border: #FCEEE9 solid 1px !important;
		line-height: 1.5;
		box-sizing: border-box !important;
		color: #333 !important;
		font-weight: bold !important;
		background: url(../img/common/bg_pinkCheckered.gif) repeat !important;
		}
		.c-tit_PinkCheckered::before {
			content: '' !important;
			}
		@media print, screen and (min-width: 768px) {
			.c-tit_PinkCheckered {
				font-size: 1.8rem !important;
				padding: 12px 12px !important;
				margin-bottom: 2.5rem !important;
				-webkit-border-radius: 10px !important;
					 -moz-border-radius: 10px !important;
								border-radius: 10px !important;
						-ms-border-radius: 10px !important;
				}
		}
		@media (max-width: 767px) {
			.c-tit_PinkCheckered {
				font-size: 1.6rem !important;
				padding: 10px !important;
				margin-bottom: 2.0rem !important;
				-webkit-border-radius: 8px !important;
					 -moz-border-radius: 8px !important;
								border-radius: 8px !important;
						-ms-border-radius: 8px !important;
				}
		}



	.c-tit_PinkCheckered.p-acPanel {
		position: relative !important;
		}
		.c-tit_PinkCheckered.p-acPanel::after {
			content: '\f067' !important;
			font-family: 'Font Awesome 5 Free' !important;
			font-weight: bold !important;
			float: right !important;
			right: 0 !important;
			padding-right: 2% !important;
			position: relative !important;
			color: #cc3366 !important;
			}
		.c-tit_PinkCheckered.p-acPanel.active::after {
			content: '\f068' !important;
			font-family: 'Font Awesome 5 Free' !important;
			font-weight: bold !important;
			}



	/* down */
	.c-tit_down {
		list-style: none !important;
		display: inline-block !important;
		margin-bottom: 10px !important;
		border: none !important;
		}
	.c-tit_down.c-tit_block {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		}
		.c-tit_down {
			background: url(../img/common/line_gray.gif) repeat-x left bottom !important;
			padding: 0px 10px 10px 27px !important;
			position: relative !important;
			font-weight: bold !important;
			color: #333 !important;
			}
		.c-tit_down::before {
			content: url(../img/common/icon_down.png) !important;
			position: absolute !important;
			top: 3px !important;
			left: 5px !important;
			}
			@media (max-width: 767px) {
				.c-tit_down::before {
					top: 2px !important;
					}
			}





/* =====================================================================

	List Type / Icon Type
	
======================================================================== */

	ul {
		margin-left: 20px;
		}
	.c-list-disc {
		list-style: disc;
		}

	.c-list-decimal {
		list-style: decimal;
		}

	.c-list-square {
		list-style: square;
		}

	.c-list-upper-roman {
		list-style: upper-roman;
		}

	.c-list-none {
		list-style: none !important;
		margin-left: 0;
		}

	.c-list-original {
		list-style: none !important;
		margin-left: 0;
		}
		.c-icon-original ,
		.c-list-original > li {
			position: relative;
			list-style: none;
			}
		.c-icon-original span,
		.c-list-original > li span.list-common {
			position: absolute;
			top: 0;
			left: 0;
			}


	.c-list-file {
		list-style: none !important;
		margin-left: 0;
		display: inline-block;
		width: 100%;
		}
		.c-icon-file ,
		.c-list-file > li {
			background: url(../img/common/icon_file.png) no-repeat 0 5px;
			padding-left: 30px;
			padding-bottom: 5px;
			}
		@media (max-width: 767px) {
			.c-icon-file ,
			.c-list-file > li {
				padding-top: 5px;
				padding-bottom: 5px;
				}
		}


	.c-list-pink {
		list-style: none !important;
		margin-left: 0;
		display: inline-block;
		width: 100%;
		}
		.c-icon-pink ,
		.c-list-pink > li {
			position: relative;
			padding-left: 18px;
			}
		.c-icon-pink::before,
		.c-list-pink > li::before {
			content: '\f111';
			font-family: 'Font Awesome 5 Free';
			font-weight: bold;
			position: absolute;
			color: #F0809C;
			font-size: 1.0rem;
			top: 3px;
			left: 0;
			}
		@media (max-width: 767px) {
			.c-icon-pink ,
			.c-list-pink > li {
				padding-top: 5px;
				padding-bottom: 5px;
				}
			.c-icon-pink::before ,
			.c-list-pink > li::before {
				top: 8px;
				}
		}


	.c-list-pink2 {
		list-style: none !important;
		display: inline-block;
		margin-left: 0;
		width: 100%;
		}
		.c-icon-pink2 ,
		.c-list-pink2 > li {
			background: url(../img/common/icon_pink2.png) no-repeat left 5px;
			padding-left: 30px;
			}
		@media (max-width: 767px) {
			.c-icon-pink2 ,
			.c-list-pink2 > li {
				background-position: left 6px;
				padding-top: 5px;
				padding-bottom: 5px;
				}
		}


	.c-list-gaibu {
		list-style: none !important;
		display: inline-block;
		margin-left: 0;
		width: 100%;
		}
		.c-icon-gaibu ,
		.c-list-gaibu > li {
			background: url(../img/common/icon_gaibu.png) no-repeat 0 5px;
			padding-left: 30px;
			}

		@media (max-width: 767px) {
			.c-icon-gaibu ,
			.c-list-gaibu > li {
				background-position: left 6px;
				padding-top: 5px;
				padding-bottom: 5px;
				}
		}





/* =====================================================================

	List / Div 
	
======================================================================== */

	/* list-inline */
		.c-list-inline {
			padding-left: 0;
			margin-left: -5px;
			list-style: none;
			}
		.c-list-inline > * {
			display: inline-block;
			padding-right: 5px;
			padding-left: 5px;
			}


	/* list-inline　no space */
		.c-list-inline-n {
			padding-left: 0;
			list-style: none;
			}
		.c-list-inline-n > * {
			display: inline-block;
			padding-right: 0px;
			padding-left: 0px;
			}


	/* li padding */
		.c-lipad-b5 > li {
			padding-bottom: 5px;
			}
		.c-lipad-b10 > li {
			padding-bottom: 10px;
			}
		.c-lipad-b20 > li {
			padding-bottom: 20px;
			}







/* =====================================================================

	Button
	
======================================================================== */

/* type */

	/* maru */
	a.c-btnMaru {
		display: inline-block;
		outline: none;
		color: #666;
		box-sizing: border-box;
		-webkit-border-radius: 24px;
			 -moz-border-radius: 24px;
						border-radius: 24px;
				-ms-border-radius: 24px;
		}


/* color */

	/* Pink */
	a.c-btnPink {
		border: 2px solid #cc3366;
		background-color: #fdf3f2;
		}
		a.c-btnPink:hover {
			color: #fff;
			background-color: #cc3366;
			}

	/* Pink White*/
	a.c-btnPinkW {
		border: 2px solid #cc3366;
		background-color: #fff;
		}
		a.c-btnPinkW:hover {
			color: #fff;
			background-color: #cc3366;
			}

	/* Blue */
	a.c-btnBlue {
		border: 2px solid #428A8A;
		background-color: #fdf3f2;
		}
		a.c-btnBlue:hover {
			color: #fff;
			background-color: #428A8A;
			}

	/* Gray */
	a.c-btnGray {
		border: 2px solid #f2f2f2;
		background-color: #f2f2f2;
		color: #009999;
		}
		a.c-btnGray:hover {
			border: 2px solid #663399;
			}

	/* Gray White*/
	a.c-btnGrayW {
		border: 2px solid #DEDEDE;
		background-color: #fff;
		}
		a.c-btnGrayW:hover {
			border: 2px solid #D3527D;
			}






/* size */
	a.c-btn260 {
		max-width: 260px;
		width: 90%;
		padding: 12px 5px;
		}
	a.c-btn100p {
		width: 100%;
		padding: 12px 5px;
		}
	a.c-btnToiawase {
		width: 100%;
		padding: 12px 5px;
		}
		@media (max-width: 350px) {
			a.c-btnToiawase {
				padding: 10px 3px;
				}
		}



/* original */
	.c-rightPurple {
		position: relative;
		}
		.c-rightPurple::before {
			content: "\f054";
			font-family: 'Font Awesome 5 Free';
			font-weight: bold;
			margin-right: 10px;
			color: #663399;
			text-decoration: none;
			position: absolute;
			left: 20px;
			}
		@media (max-width: 350px) {
			a.c-rightPurple.c-btnToiawase::before {
				left: 10px;
				}
		}
	.c-rightPink {
		position: relative;
		}
		.c-rightPink::before {
			content: "\f054";
			font-family: 'Font Awesome 5 Free';
			font-weight: bold;
			margin-right: 10px;
			color: #D3527D;
			text-decoration: none;
			position: absolute;
			left: 20px;
			}







/* =====================================================================

	dl dt dd 
	
======================================================================== */

	dt {
		font-weight: bold;
		}
	dd {
		padding: 5px 0 10px 5px;
		}

	/* reset */
	dl.c-dl-reset {
		}
	dl.c-dl-reset dd,
	dl.c-dl-reset dt {
		padding: 0;
		font-weight: normal;
		}
		

	/* horizontal */
		dl.c-dl-horizontal dt {
			float: left;
			}



	/* horizontal (vertical less than 768px)  */
		dl.c-dl-horizontal-c,
		dl.c-dl-horizontal-c > dt,
		dl.c-dl-horizontal-c > dd {
			box-sizing: border-box;
			}
		
		dl.c-dl-horizontal-c {
			display: -webkit-box; /*Android4.3*/
			display: -moz-box;    /*Firefox21*/
			display: -ms-flexbox; /*IE10*/
			display: -webkit-flex; /*PC-Safari,iOS8.4*/
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			margin: 0 auto 15px auto;
			}
		
		dl.c-dl-horizontal-c > dt,
		dl.c-dl-horizontal-c > dd {
			width: 100%;
			padding: 0 0 5px 0;
			margin: 0px;
			}
		dl.c-dl-horizontal-c dt {  
			font-weight: bold;
			}

		@media print, screen and (min-width: 768px) {
			dl.c-dl-horizontal-c > dt,
			dl.c-dl-horizontal-c > dd {
				display: -webkit-box; /*Android4.3*/
				display: -moz-box;    /*Firefox21*/
				display: -ms-flexbox; /*IE10*/
				display: -webkit-flex; /*PC-Safari,iOS8.4*/
				text-align: left;
				padding-bottom: 10px;
				}
			dl.c-dl-horizontal-c > dt {
	        	display: flex;
    		    /*align-items: center;*/
				}
		}
		@media (max-width: 767px) {
			dl.c-dl-horizontal-c > dd {
				padding-bottom: 20px;
				}
		}


	/* size */
		.c-dt80 dt {
			width: 80px;
			}
		.c-dt80 dd {
			padding-left: 85px;
			}

		.c-dt100 dt {
			width: 100px;
			}
		.c-dt100 dd {
			padding-left: 105px;
			}

		.c-dl-horizontal-c.c-dt80 dt {
			width: 80px;
			}
		@media print, screen and (min-width: 768px) {
			.c-dl-horizontal-c.c-dt80 dd {
				width: 80%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
				widht: -webkit-calc(100% - 90px);/*Chrome19~25対応*/
				width: -moz-calc(100% - 90px);/*Firefox4~15対応*/
				width: calc(100% - 90px);
				padding-left: 10px 
				}
		}

		.c-dl-horizontal-c.c-dt100 dt {
			width: 100px;
			}
		@media print, screen and (min-width: 768px) {
			.c-dl-horizontal-c.c-dt100 dd {
				width: 80%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
				widht: -webkit-calc(100% - 110px);/*Chrome19~25対応*/
				width: -moz-calc(100% - 110px);/*Firefox4~15対応*/
				width: calc(100% - 110px);
				padding-left: 10px 
				}
		}

		.c-dl-horizontal-c.c-dt120 dt {
			width: 120px;
			}
		@media print, screen and (min-width: 768px) {
			.c-dl-horizontal-c.c-dt120 dd {
				width: 80%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
				widht: -webkit-calc(100% - 130px);/*Chrome19~25対応*/
				width: -moz-calc(100% - 130px);/*Firefox4~15対応*/
				width: calc(100% - 130px);
				padding-left: 10px 
				}
		}

		.c-dl-horizontal-c.c-dt200 dt {
			width: 200px;
			}
		@media print, screen and (min-width: 768px) {
			.c-dl-horizontal-c.c-dt200 dd {
				width: 80%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
				widht: -webkit-calc(100% - 210px);/*Chrome19~25対応*/
				width: -moz-calc(100% - 210px);/*Firefox4~15対応*/
				width: calc(100% - 210px);
				padding-left: 10px 
				}
		}

		.c-dl-horizontal-c.c-dt300 dt {
			width: 300px;
			}
		@media print, screen and (min-width: 768px) {
			.c-dl-horizontal-c.c-dt300 dd {
				width: 80%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
				widht: -webkit-calc(100% - 310px);/*Chrome19~25対応*/
				width: -moz-calc(100% - 310px);/*Firefox4~15対応*/
				width: calc(100% - 310px);
				padding-left: 10px 
				}
				}
		}

		@media (max-width: 767px) {
		}



	/* color  */
		dl.c-dl-horizontal-c.c-dl-pink {  
			background-color: #FFF2F3;
	}
		
	/* border  */
		@media (max-width: 767px) {
		dd.c-ddbb-none {
				border-bottom: none !important;
				}

		}





/* =====================================================================

	Columns 
	
======================================================================== */


	.c-columns {
		display: -webkit-box; /*Android4.3*/
		display: -moz-box;    /*Firefox21*/
		display: -ms-flexbox; /*IE10*/
		display: -webkit-flex; /*PC-Safari,iOS8.4*/
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around/*space-between*/;
		justify-content: space-aroundr/*space-between*/;
		margin-left: 0; 
		}　
		.c-columns > * {
			width: 100%;
			}
		@media print, screen and (min-width: 768px) {
			.c-columns {
				margin-bottom: -30px;
				}
			.c-columns > * {
				margin-bottom: 30px;
				}
		}
		@media (max-width: 767px) {
			.c-columns {
				margin-bottom: -5%;
				}
			.c-columns > * {
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 5%;
				}
		}




	/* columns Original */

	@media print, screen and (min-width: 768px) {
		.c-w500L {
			width: 500px;
			}
		.c-w460all > * {
			width: 460px;
			}
		.c-w330Wall > * {
			width: 330px;
			}
		.c-w320Wall > * {
			width: 320px;
			}
		.c-w300Wall > * {
			width: 300px;
			}
		.c-w320all > * {
			width: 320px;
			}
		.c-wToiawase > * {
			width: 190px;
			}
		.c-w48Pall > * {
			width: 48%;
			}
		.c-w50Pall > * {
			width: 50%;
			}
	}
	@media (max-width: 767px) {
		.c-w500L {
			max-width: 500px;
			width: 100%;
			}
		.c-w460all > * {
			max-width: 460px;
			width: 90%;
			}
		.c-w330Wall > * {
			width: 100%;
			}
		.c-w320Wall > * {
			width: 100%;
			}
		.c-w300Wall > * {
			width: 100%;
			}
		.c-w320all > * {
			max-width: 320px;
			width: 90%;
			}
		.c-wToiawase > * {
			max-width: 190px;
			width: 48%;
			}
		.c-w48Pall > * {
			width: 100%;
			}
		.c-w50Pall > * {
			width: 100%;
			}
	}



/* =====================================================================

	Iframe
	
======================================================================== */

	.c-iframe-res {
		text-align: center;
		}

	@media print, screen and (min-width: 768px) {
	}
	@media (max-width: 767px) {
		.c-iframe-res {
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
			}
		.c-iframe-res iframe,
		.c-iframe-res object,
		.c-iframe-res embed {
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;
			}
	}





/* =====================================================================

	Table
	
======================================================================== */

	/* Table scroll wrap */
		@media (max-width: 767px) {
			.p-tableWrap660 {
				width: 100%;
				overflow-x: scroll;
				overflow-y: hidden;
				}
			.p-tableWrap660 table {
				width: 660px;
				}
			.p-tableWrap660::-webkit-scrollbar {
				height: 5px;
				}
			.p-tableWrap660::-webkit-scrollbar-track {
				border-radius: 5px;
				background: #eee;
				}
			.p-tableWrap660::-webkit-scrollbar-thumb {
				background: #aaa;
				}
		}


	/* Table Normal (no responsive)  color is gray */
	table {
		width: 100%;
		border-collapse:collapse;
		}
		table caption {
			width: 100%;
			font-weight: bold;
			padding: 0;
			box-sizing: border-box;
			text-align: left;
			}
		table th,
		table td {
			border: solid 1px #ccc;
			padding: 10px;
			box-sizing: border-box;
			vertical-align: middle;
			}
		table th {
			background-color: #f2f2f2;
			}



	
		/* Table Original */
		table.p-tCenter th,
		table.p-tCenter td {
			text-align: center;
			}
		table .p-tCenter {
			text-align: center;
			}
		.p-tableNormal.p-tLeft th,
		.p-tableNormal.p-tLeft td {
			text-align: left;
			}

		.p-tableNormal.p-th80 th {
			width: 80px;
			}
		.p-tableNormal.p-tPad5 td,
		.p-tableNormal.p-tPad5 th {
			padding: 5px;
			}
		.p-tableNormal .p-tPinkLeft {
			text-align: left;
			color: #C36;
			background-color: #FFF;
			}
		.p-tableNormal .p-tWhite {
			background-color: #FFF;
			}
		.p-tableNormal .p-t20p {
			width: 20%;
			}
		.p-tableNormal .p-t80 {
			width: 80px;
			}






	/* Table Vertical (when responsive)  color is gray */
	.p-tableVertical {
		width: 100%;
		border-collapse:collapse;
		}
		.p-tableVertical th,
		.p-tableVertical td {
			border: solid 1px #ccc;
			padding: 10px;
			vertical-align: top;
			box-sizing: border-box;
			}
		.p-tableVertical th {
			background-color: #f2f2f2;
			font-weight: bold;
			}
		.p-tableVertical td {
			background-color: #fff;
			text-align: left;
			}
		@media print, screen and (min-width: 768px) {
		}
		@media screen and (max-width: 767px) {
			.p-tableVertical {
				border-top: solid 1px #ccc;
				}
			.p-tableVertical th {
				display: block;
				border-top: hidden;
				text-align: left;
				}
			.p-tableVertical td {
				display: block;
				border-top: hidden;
				}
		}


		/* Table Vertical Original */
		.p-tableVertical.p-thPink th {  
			background-color: #FFF2F3;
			}
		@media print, screen and (min-width: 768px) {
			.p-tableVertical.p-th20p th {
				width: 20% !important;
				}
			.p-tableVertical .p-t40p {
				width: 40%;
				}
			.p-tableVertical .p-t30p {
				width: 30%;
				}
			.p-tableVertical .p-t20p {
				width: 20%;
				}
			.p-tableVertical.p-th20p th {
				width: 20%;
				}
			.p-tableVertical.p-th30 th {
				width: 30px;
				}
			.p-tableVertical.p-thLeft th {
				text-align: left;
				}
			.p-tableVertical .p-tCenter {
				text-align: center;
				}
			.p-tableVertical.p-t50White th {
				text-align: left;
				width: 50%;
				background-color: #fff;
				font-weight: normal;
				}
		}
		@media screen and (max-width: 767px) {
			.p-tableVertical {
				border-top: solid 1px #ccc;
				}
			.p-tableVertical td.is-hidden-medium,
			.p-tableVertical th.is-hidden-medium {
				display: none;
				}
			.p-tableVertical.p-t50White th {
				text-align: left;
				background-color: #f2f2f2;
				font-weight: normal;
				}
		}






	/* Table Separate (when responsive) color is gray */
	.p-tableSeparate {
		width: 100%;
		border-collapse:collapse;
		}
		.p-tableSeparate th {
			font-weight: normal;
			background-color: #f2f2f2;
			}
		.p-tableSeparate td {
			background-color: #fff;
			}
		@media print, screen and (min-width: 768px) {
			.p-tableSeparate th,
			.p-tableSeparate td {
				padding: 10px;
				text-align: center;
				vertical-align: middle;
				border: #ccc solid 1px;
				}
		}
		@media screen and (max-width: 767px) {
			.p-tableSeparate .p-thead,
			.p-tableSeparate thead {
				display: none;
				}
			.p-tableSeparate tr {
				border: none;
				display: block;
				}
			.p-tableSeparate tr:not(:last-child) {
				margin-bottom: 20px;
				border-top: none;
				}
			.p-tableSeparate td {
				display: block;
				padding: 8px 10px;
				text-align: right;
				border-bottom: #ccc solid 1px;
				border-top: none;
				}
			.p-tableSeparate td:first-child {
				background-color: #f2f2f2;
				text-align: left;
				font-weight: bold;
				border-top: #ccc solid 1px;
				}
			.p-tableSeparate td::before {
				content: attr(data-label);
				float: left;
				font-weight: bold;
				}
		}
	

		/* Table Separate Original */
		.p-tableSeparate.p-thPink th {  
			background-color: #FFF2F3;
			}
		.p-tableSeparate .p-tLeft {
			text-align: left;
			}

		@media print, screen and (min-width: 768px) {
			.p-tableSeparate.p-tLeft td {
				text-align: left;
				}
			.p-tableSeparate .p-t30p {
				width: 30%;
				}
			.p-tableSeparate.p-tableSinryou td {
				text-align: left;
				}
		}
		@media screen and (max-width: 767px) {
			.p-tableSeparate.p-tableSinryou td {
				background-color: #fff !important;
				font-weight: normal;
				text-align: left !important;
				}
			.p-tableSeparate.p-tableSinryou td::before {
				font-weight: normal;
				}
			.p-tableSeparate.p-tableSinryou td::before {
				font-weight: normal;
				}
			.p-tableSeparate.p-tableSinryou .p-tChiiki {
				display: inline-block;
				margin-left: 15px;
				}
			.p-tableSeparate .p-tLeftc {
				text-align: left;
				}
				.p-tableSeparate .p-tCenterc {
				text-align: center;
				}
			.p-tableSeparate td.is-hidden-medium,
			.p-tableSeparate th.is-hidden-medium {
				display: none;
				}
		}



	/* Table Change (when responsive) color is gray */
	.p-tableChange01 {
		width: 100%;
		border-collapse:collapse;
		}
		.p-tableChange01 th {
			font-weight: normal;
			background-color: #f2f2f2;
			box-decoration-break:
			}
		.p-tableChange01 td {
			background-color: #fff;
			text-align: left;
			}
		@media print, screen and (min-width: 768px) {
			.p-tableChange01 th,
			.p-tableChange01 td {
				padding: 10px;
				vertical-align: middle;
				border: #ccc solid 1px;
				}
			.p-tableChange01 th {
				text-align: center;
				}
		}
		@media screen and (max-width: 767px) {
			.p-tableChange01 thead {
				display: none;
				}
			.p-tableChange01 td {
				display: block;
				border: none;
				padding: 0 0 10px 10px;
				}
			.p-tableChange01 td::before {
				content: attr(data-label);
				font-weight: bold;
				display: block;
				padding-bottom: 5px;
				margin-left: -10px;
				}
		}
		/* Table Change01 Original */
		@media print, screen and (min-width: 768px) {
			.p-tableChange01.p-th50p th {
				width: 50%;
				}
		}
		@media screen and (max-width: 767px) {
		}



/* =====================================================================

	Category Icon
	
======================================================================== */

	.p-catIcon {
		display: inline-block;
		font-size: 1.2rem;
		width: 66px;
		height: 22px;
		line-height: 22px;
		color: #fff;
		margin-right: 5px;
		text-align: center;
		-webkit-border-radius: 3px;
			 -moz-border-radius: 3px;
						border-radius: 3px;
				-ms-border-radius: 3px;
		}
	.p-catIcon a {
		color: #fff !important;
		text-decoration: none;
		}

	/* color */
	.p-catIcon.p-catRed,
	.p-catIcon.saigai {
		background-color: #cc0000;
		}
	.p-catIcon.p-catOrange,
	.p-catIcon.hinan {
		background-color: #ff6600;
		}
	.p-catIcon.p-catPurple,
	.p-catIcon.sonota {
		background-color: #993399;
		}
	.p-catIcon.topics {
		background-color: #cc3366;
		}
	.p-catIcon.event {
		background-color: #e44b04;
		}
	.p-catIcon.bosyu {
		background-color: #669900;
		}
	.p-catIcon.bousai {
		background-color: #e30000;
		}
	.p-catIcon.covid19 {
		background-color: #191970;
		}



/* =====================================================================

	Fadein
	
======================================================================== */

	/* ページ読み込み時にフェードイン */
		body {
			animation: fadeIn 1s ease 0s 1 normal;
			-webkit-animation: fadeIn 1s ease 0s 1 normal;
			}
		@keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
			}
		@-webkit-keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
			}


	/* スクロール時にフェードイン */
	.p-fadein {
		opacity : 0;
		transform : translate(0, 50px);
		transition: all 2s;
		}
	.p-fadein.scrollin {
		opacity : 1;
		transform : translate(0, 0);
		}
/* Important / News (list all)
=========================================================================================== */
.p-homeImportant2 {
	margin-bottom:10px;
}
/* infoList */
	.p-infoList2 {
		width:100%;
		padding: 0 5px 0 0;
		margin: 0px 5px;
		line-height: 1.8;
		}
		.p-infoList2 a {
			color: #666;
			}
		.p-infoList2 a:hover {
			color: #993399;
			}
		.p-infoList2 dl {
			padding: 10px 5px 10px 5px;
			border-bottom: #666 dotted 1px;
			}

		@media print, screen and (min-width: 768px) {
			.p-homeImportant .p-infoList2 {
				width: 770px;
				}
			.p-news .p-infoList2 {
				/*height: 450px;*/
				overflow: auto;
				}
				.p-infoList2 dt {
					float: left;
					width: 120px;
					}
				.p-infoList2 dd {
					padding-left: 125px;
					}
				.p-infoList2 dd span.p-category {
					display: block;
					margin-bottom: 5px;
					}
		}
		@media (max-width: 767px) {
			.p-infoList2 dd {
				position: relative;
				padding-left: 80px;
				}
			.p-infoList2 dd span.p-category {
				position: absolute;
				top: 0;
				left: 0;
				width: 80px;
				}
		}
/*ライブカメラ用css*******************************************/

.ul-camlist {
    display: flex;
    list-style: none;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0;
}
.ul-camlist li {
	width: 49%;
	text-align: center;
	font-size: 2rem;
}
.ul-camlist li a {
	background-color: #FFF;
    padding: 8px;
	display: block;
	text-decoration: none;
	color:#cd3568;
    border: 1px solid #cd3568;
	border-radius: 5px;
}
.ul-camlist li.li-cam-active a,
.ul-camlist li a:hover {
    border: 1px solid #f477a1;
	background-color: #cd3568;
	color:#FFF;
}

.ul-camlist li.li-cam-active {
}
.ul-pastcam {
    display: flex;
    list-style: none;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0;
}
.ul-pastcam li {
	width: 29%;
	text-align: center;
}














/*ライブカメラ用css*******************************************/
