@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%;/* 16px x 0.625 = 10px(=1rem) */
		}
		
		body {
			font-size: 1.5rem;/* 15px */
			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: #333;
		}
	
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
		}
	img { -ms-interpolation-mode: bicubic; }
	
	img.c-img100 { width: 100%; }

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

	a {
		color: #006699;
		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;
		}

	.c-LinkTrans a {
		-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:hover {
		text-decoration: none;
		color: #00324A;	
		}

	a:hover img {
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
		}	
	.c-noOpacity a:hover img {
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha( opacity=100 )";
		}	


	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; }
		@media (max-width: 767px) {
			.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-text30r { font-size: 2.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-18 { line-height: 1.8; }
	.u-lineheight-25 { line-height: 2.5; }


	.u-relative { position: relative; }
	.u-img-absolute {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		}
	
	.u-boxsizing-b {
		box-sizing: border-box;
		}

	@media print, screen and (min-width: 768px) {
		.u-tac-res {
			text-align: center; 
			}
	}
	@media (max-width: 767px) {
		.u-tac-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;}

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



	.u-br-lg { display: none;}
	.u-br-lg2 { display: none;}
	.u-br-md { display: none;}
	.u-br-xs { 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;}
		}


	.u-font-alphabet {
		font-family: 'Fira Sans', sans-serif;
		}

	.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;
		}

  .u-font-cursive {  /*筆記体*/
    font-family: 'Italianno', cursive;
    }

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


/*	URLが長い場合
===================================================== */
.longurl{word-break: break-all;}


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

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

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

	@media print, screen and (min-width: 768px) {
		/*TB横,PC*/
		.u-pall30-c		{ padding: 30px; }
		.u-pb40-c		{ padding-bottom: 40px; }
		.u-pt40-c		{ padding-top: 40px; }
		.u-pt40-cn		{ padding-top: 40px; }
		.u-pt20-cn		{ padding-top: 20px; }

		.u-mt20-c		{ margin-top: 20px; }
		.u-mt40-c		{ margin-top: 40px; }
		.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-pb40-c		{ padding-bottom: 20px; }
		.u-pt40-c		{ padding-top: 20px; }
		.u-mt20-c		{ margin-top: 0px; }
		.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-textGlowWhite {
		text-shadow:
		1px 1px 1px rgba(255, 255, 255, 0.5),
		-1px 1px 1px rgba(255, 255, 255, 0.5),
		1px -1px 1px rgba(255, 255, 255, 0.5),
		-1px -1px 1px rgba(255, 255, 255, 0.5),
		0px 1px 1px rgba(255, 255, 255, 0.5),
		-1px 0px 1px rgba(255, 255, 255, 0.5),
		0px -1px 1px rgba(255, 255, 255, 0.5),
		-1px 0px 1px rgba(255, 255, 255, 0.5);
		}
	.c-textGlowBlack {
		text-shadow:
		1px 1px 1px rgba(0, 0, 0, 0.4),
		-1px 1px 1px rgba(0, 0, 0, 0.4),
		1px -1px 1px rgba(0, 0, 0, 0.4),
		-1px -1px 1px rgba(0, 0, 0, 0.4),
		0px 1px 1px rgba(0, 0, 0, 0.4),
		-1px 0px 1px rgba(0, 0, 0, 0.4),
		0px -1px 1px rgba(0, 0, 0, 0.4),
		-1px 0px 1px rgba(0, 0, 0, 0.4);
		}
	.c-textGlowGreen {
		text-shadow:
		1px 1px 1px rgba(102, 153, 0, 0.8),
		-1px 1px 1px rgba(102, 153, 0, 0.8),
		1px -1px 1px rgba(102, 153, 0, 0.8),
		-1px -1px 1px rgba(102, 153, 0, 0.8),
		0px 1px 1px rgba(102, 153, 0, 0.8),
		-1px 0px 1px rgba(102, 153, 0, 0.8),
		0px -1px 1px rgba(102, 153, 0, 0.8),
		-1px 0px 1px rgba(102, 153, 0, 0.8);
		}



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

	Colors
	
======================================================================== */
	
	/* Font */
	.u-cWhite				{	color: #FFF; }
	.u-cYellow				{	color: #ffff00; }
	.u-cGreen				{	color: #305f30; }
	.u-cBrown				{	color: #786639; }
	.u-cBrown2				{	color: #5F5230; }
	.u-cBrown-light			{	color: #b8a669; }
	.u-cBrown-light2		{	color: #866C5B; }
	.u-cBrown-light3		{	color: #EDEBDD; }
	.u-cBrown-light4		{	color: #92815F; }
	.u-cRed		{	color: #7B0204; }
	.u-cPurple-dark		{	color:#410045; }

	/* Background */
	.u-bgcBrown				{ background-color: #786639; }
	.u-bgcBrown2			{ background-color: #625230; }
	.u-bgcBrown-light		{ background-color: #988454; }
	.u-bgcBrown-light02		{ background-color: #E1D9D3; }
	.u-bgcBrown-light03		{ background-color: #F1EDE0; }
	.u-bgcGreen				{ background-color: #305f30; }
	.u-bgcGreen2			{ background-color: #006E36; }
	.u-bgcBlue-light	{ background-color: #E0F8FE; }
	.u-bgcRed					{ background-color: #970B12; }
  .u-bgcPink-light  { background-color: #fde7e8; }




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

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

	.u-bcBrownDoubleLight-top {
		border-top: double 3px #d3cdc0;
		}
	.u-bcBrownDoubleLight-bottom {
		border-bottom: double 3px #d3cdc0;
		}

	.u-bcBrownLight-bottom {
		border-bottom: solid 3px #ECE7E3;
		}

	.u-bcBrownLight-top {
		border-top: solid 3px #ECE7E3;
		}

	.u-bcBrownLight3 {
		border: solid 3px #d3cdc0;
		}

	.u-bcBrownLight3-02 {
		border: solid 3px #E1D9D3;
		}

	.u-bcBrown {
		border: solid 1px #B8A566;
		}

	.u-bcBrown-bottom {
		border-bottom: solid 1px #B8A566;
		}

	.u-bcBrownLight {
		border: solid 1px #CABD8E;
		}

  .u-bcRed {
    border: solid 3px #c60e18;
    }






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

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

	a.c-btnDouble {
		box-sizing: border-box;
		padding: 2px;
		text-align:center;
		color: #FFF;
		}
		a.c-btnDouble span.c-btnSpan {
			display: inline-block;
			border: #c9bc8d solid 1px;
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			padding: 5px;
			-webkit-transition:  all 0.5s 0s ease;
			-moz-transition:  all 0.5s 0s ease;
			-o-transition:  all 0.5s 0s ease;
			transition:  all 0.5s 0s ease;
			}
		a.c-btnDouble span.c-btnSpanBn {
			padding-top: 10px !important;
			}
			a.c-btnDouble:hover span.c-btnSpan {
				border: #ffff00 solid 1px;
				}
		a.c-btnDouble span.c-btnRight {
			display: block;
			-webkit-transition:  all 0.5s 0s ease;
			-moz-transition:  all 0.5s 0s ease;
			-o-transition:  all 0.5s 0s ease;
			transition:  all 0.5s 0s ease;
			}
			a.c-btnDouble:hover span.c-btnRight {
				-webkit-transform: translate(2px, 0);
				-moz-transform: translate(2px, 0);
				-o-transform: translate(2px, 0);
				transform: translate(2px, 0);
				}



	a.c-btnDouble02 {
		box-sizing: border-box;
		border: #D3CDC0 solid 3px;
		padding: 7px;
		text-align:center;
		color: #333333;
		}
		a.c-btnDouble02 span.c-btnSpan {
			display: inline-block;
			border: #D3CDC0 solid 1px;
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			padding: 5px;
			-webkit-transition:  all 0.5s 0s ease;
			-moz-transition:  all 0.5s 0s ease;
			-o-transition:  all 0.5s 0s ease;
			transition:  all 0.5s 0s ease;
			}
		a.c-btnDouble02 span.c-btnSpanBn {
			padding-top: 10px !important;
			}
		a.c-btnDouble02 span.c-btnRight {
			display: block;
			-webkit-transition:  all 0.5s 0s ease;
			-moz-transition:  all 0.5s 0s ease;
			-o-transition:  all 0.5s 0s ease;
			transition:  all 0.5s 0s ease;
			}
			a.c-btnDouble02:hover span.c-btnRight {
				-webkit-transform: translate(2px, 0);
				-moz-transform: translate(2px, 0);
				-o-transform: translate(2px, 0);
				transform: translate(2px, 0);
				}


/* color */

	a.c-btnGreen {
		background-color: rgba(51,102,51,1.0);
		}
		a.c-btnGreen:hover {
			background-color: rgba(51,102,51,0.8);
			}

	a.c-btnRed {
		background-color: rgba(153,0,0,1.0);
		}
		a.c-btnRed:hover {
			background-color: rgba(153,0,0,0.8);
			}

	a.c-btnBrown {
		background-color: rgba(120,102,57,1.0);
		}
		a.c-btnBrown:hover {
			background-color: rgba(120,102,57,0.8);
			}

	a.c-btnGray {
		background: #E1DDD4;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), to(#E1DDD4));
		background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #E1DDD4 100%);
		background: -o-linear-gradient(top, #fff 0%, #fff 50%, #E1DDD4 100%);
		background: linear-gradient(to bottom, #fff 0%, #fff 50%, #E1DDD4 100%);
		}
		a.c-btnGray:hover {
			background: #fff;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(80%, #fff), to(#E1DDD4));
			background: -webkit-linear-gradient(top, #fff 0%, #fff 80%, #E1DDD4 100%);
			background: -o-linear-gradient(top, #fff 0%, #fff 80%, #E1DDD4 100%);
			background: linear-gradient(to bottom, #fff 0%, #fff 80%, #E1DDD4 100%);
			}


/* size */
	.c-btn100p {
		display: block !important;
		width: 100%;
		}

	.c-btnM {
		display: block !important;
		width: 310px;
		margin: 0 auto;
		}
	.c-btnL {
		display: block !important;
		width: 460px;
		margin: 0 auto;
		}  
		@media (max-width: 400px) {
			.c-btnM,
      .c-btnL {
				width: 260px;
				}
		}

	.c-btnS {
		display: block !important;
		width: 120px;
		margin: 0 auto;
		}






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

	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 psdding */
		.c-lipad-b5 > li {
			padding-bottom: 5px;
			}



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

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

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

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

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

	.c-list-upper-roman {
		list-style: upper-roman;
		margin-left: 20px;
		}

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

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

	.c-list-waku {
		list-style: none !important;
		border: #dedede solid 1px;
		display: inline-block;
		background-color: #ebf5f7;
		width: 100%;
		}
		.c-list-waku li {
			display: inline-block;
			margin: 0;
			padding: 10px;
			width: 100%;
			box-sizing: border-box;
			}
		.c-list-waku li:not(:last-child) {
			border-bottom: #dedede solid 1px;
			}



	.c-list-parenthesis {
		}
		.c-list-parenthesis li{
			list-style-type: none;
			list-style-position: inside;
			counter-increment: cnt;
			text-indent: -2.5rem;
			padding-left: -2.5rem;
			margin-left: 2.5rem;
			}
		.c-list-parenthesis li:before{
			display: marker;
			content: "(" counter(cnt) ") ";
			}





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

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


	/* horizontal */

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


	/* horizontal (vertical less than 768px)  */

		@media print, screen and (min-width: 768px) {
			dl.c-dl-horizontal-c dt {
				float: left;
				}
		}


	/* size  */

	/* color  */




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

	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-between;
		justify-content: space-between;
		}　
		.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-w200r > * {
			width: 200px;
			}
		.c-w300r > * {
			width: 300px;
			}
		.c-w470r > * {
			width: 470px;
			}
		.c-w460 > *,
		.c-w460r > * {
			width: 460px;
			}
		.c-w455r > * {
			width: 455px;
			}
		.c-w448r > * {
			width: 448px;
			}
		.c-w50p > * {
			width: 50%;
			}
	}
	@media (max-width: 767px) {
		.c-w200r > * {
			max-width: 200px;
			width: 90%;
			}
		.c-w300r > * {
			max-width: 300px;
			width: 90%;
			}
		.c-w470r > * {
			max-width: 470px;
			width: 90%;
			}
		.c-w455r > * {
			max-width: 455px;
			width: 100%;
			}
		.c-w448r > * {
			max-width: 448px;
			width: 100%;
			}
		.c-w460 > * {
			max-width: 460px;
			width: 100%;
			}
	}
	
		.c-wHalf { width: 50%;}




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

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


	/* Table Normal (no responsive)  color is brown */

	.p-tableNormal {
		width: 100%;
		border-collapse:collapse;
		color: #5F5230;
		}
		.p-tableNormal caption {
			text-align: left;
			font-weight: bold;
			}
		.p-tableNormal th,
		.p-tableNormal td {
			border: solid 1px #B8A566;
			padding: 10px;
			vertical-align: top;
			}
		.p-tableNormal td {
			background-color: #fff;
			}


		/* Table Original */
		.p-tableNormal.p-thBrown th {
			background-color: #CDC094;
			}
		.p-tableNormal.p-thBrownLight th {
			background-color: #EBE5D3;
			}
		.p-tableNormal.p-thBrownLight th,
		.p-tableNormal.p-thBrownLight td {
			border: solid 1px #D0C49B;
			}
		.p-tableNormal.p-tPadNarrow th,
		.p-tableNormal.p-tPadNarrow td {
			padding: 10px 5px;
			}
		.p-tableNormal .p-border3 {
			border: solid 3px #D0C49B !important;
			}
		.p-tableNormal .p-border3.u-vertical-m th,
		.p-tableNormal .p-border3.u-vertical-m td {
			vertical-align: middle !important;
			}
		.p-tableNormal .p-border3-bottom {
			border-bottom: solid 3px #D0C49B !important;
			}
		.p-tableNormal.p-th90 th {
			width: 90px;
			box-sizing: border-box;
			}
		.p-tableNormal.p-thBold th {
			font-weight: bold;
			}
		.p-tableNormal .p-tBrownLight2 {
			background-color: #F5F2E9;
			}
		@media print, screen and (min-width: 768px) {
		}
		@media screen and (max-width: 767px) {
		}



	/* Table Separate (when responsive) color is brown */
	.p-tableSeparate {
		width: 100%;
		border-collapse:collapse;
		}
		.p-tableSeparate caption {
			font-weight: bold;
			color: #786639;
			text-align: left;
			}
		.p-tableSeparate th {
			font-weight: normal;
			background-color: #f4f1e8;
			}
		.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: #B8A566 solid 1px;
				}
		}
		@media screen and (max-width: 767px) {
			.p-tableSeparate .p-thead,
			.p-tableSeparate thead {
				display: none;
				}
			.p-tableSeparate tr {
				border-top: 1px solid #B8A566;
				border-right: 1px solid #B8A566;
				border-left: 1px solid #B8A566;
				display: block;
				}
			.p-tableSeparate tr:not(:last-child) {
				margin-bottom: 20px;
				}
			.p-tableSeparate td {
				border-bottom: 1px solid #B8A566;
				display: block;
				padding: 8px 10px;
				text-align: right;
				}
			.p-tableSeparate td:first-child {
				background-color: #f4f1e8;
				text-align: left;
				font-weight: bold;
				}
			.p-tableSeparate td::before {
				content: attr(data-label);
				float: left;
				font-weight: bold;
				}
		}
	

		/* Table Original */
		@media print, screen and (min-width: 768px) {
			.p-tableSeparate.p-tPad5 th,
			.p-tableSeparate.p-tPad5 td {
				padding: 5px !important;
				}
		}
		@media screen and (max-width: 767px) {
		}






	/* Table Vertical (when responsive)  color is brown */

	.p-tableVertical {
		width: 100%;
		border-collapse:collapse;
		}
		.p-tableVertical th,
		.p-tableVertical td {
			border: solid 1px #D0C49B;
			padding: 10px;
			vertical-align: top;
			box-sizing: border-box;
			}
		.p-tableVertical th {
			color: #615230;
			text-align: left;
			}
		.p-tableVertical td {
			background-color: #fff;
			}
		@media print, screen and (min-width: 768px) {
			.p-tableVertical th {
				font-weight: normal;
				background-color: #EBE5D3;
				}
		}
		@media screen and (max-width: 767px) {
			.p-tableVertical th {
				display: block;
				background-color: #EBE5D3;
				}
			.p-tableVertical td {
				display: block;
				}
		}


		/* Table Original */

 		.p-tableVertical .p-tIcon {
			background-color: #fff;
			}
		.p-tDay--u-bgcBlue-light {
			background-color: #E0F8FE !important; 
			}
		.p-tDay--u-bgcGreen {
			background-color: #305f30 !important;
			color: #FFF;
			}

 		@media print, screen and (min-width: 768px) {
			.p-tableVertical.p-th280 th {
				width: 280px !important;
				white-space: nowrap;
				}
			.p-tableVertical.p-tHamansu th, .p-tableNormal.p-tLeft td {
				text-align: left !important;
				padding: 10px 20px;
				}
			.p-tableVertical.p-tHamansu th {
				background-color: #fff;
				font-weight: bold;
				}
			.p-tableVertical .p-tIcon {
				width: 90px;
				text-align: center;
				}
			.p-tableVertical .p-tDay {
				background-color: #F1EDE0;
				width: 200px;
				text-align: center;
				padding-top: 15px;
				}
			.p-tableVertical .p-pDisc {
				padding-top: 15px;
				padding-bottom: 15px;
				}
		}
		@media screen and (max-width: 767px) {
			.p-tableVertical .p-tIcon {
				background-color: #F1EDE0;
				}
			.p-tableVertical .p-tDay {
				display: none;
				}
			.p-tableVertical .p-tDay--u-bgcBlue-light,
			.p-tableVertical .p-tDay--u-bgcGreen {
				display: block !important;
				}
		}




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

	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}
			}