@charset "utf-8";

/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- COPYRIGHT Teshisshin.com  ALL RIGHTS RESERVED. --- */
/* --- web site design : https://www.teshisshin.com/ --- */

/* - tablet Layout : 481 px - 768 px - */
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/

/*--------------------------------------------------------*/
/* ▼ Whole Structure ▼ */
/*--------------------------------------------------------*/



/*--------------------------------------------------------*/
/* ▼ character decoration ▼ */
/*--------------------------------------------------------*/

/* --- ▲ character decoration ▲ --- */



/*--------------------------------------------------------*/
/* ▼ background color setting ▼ */
/*--------------------------------------------------------*/


/* --- ▲ background color setting ▲ --- */



/*--------------------------------------------------------*/
/* ▼ setup of normal links ▼ */
/*--------------------------------------------------------*/

/* --- ▲ setup of links ▲ --- */


/*--------------------------------------------------------*/
/* ▼ setup of animation ▼ */
/*--------------------------------------------------------*/

/* --- ▲ setup of animation ▲ --- */

/* ▲ Whole Structure ▲ */




/*--------------------------------------------------------*/
/* ▼ body setting ▼ */
/*--------------------------------------------------------*/

/* --- ▲ body setting ▲ --- */




/*--------------------------------------------------------*/
/* ▼ gridHeader ▼ */
/*--------------------------------------------------------*/
div#Header { width: 100%; margin: 0; padding: 0; /* animation */ animation-name: fadeInBottom; animation-duration: 1.5s; position: absolute; top: 0px; left: 0px; z-index: 10; }

	div#Header div.gridHeaderBody { width: 96%; max-width: 768px; display: block; flex-wrap: inherit; margin: 0 auto; padding: 0 auto; text-align: center; }

		div#gridHeaderLeft { width: 100%; height: 530px; margin: 0 auto; padding: 1.3em 0; text-align: center; }
			div#gridHeaderLeft p { width: 96%; margin: 0; padding: 0; text-align: left; color: #98a6bd; font-size: 64%; }

			div.gridHeaderBody h1 { width: 100%; margin: 0; padding: 0; display: block; }
				div.gridHeaderBody h1 a.title { width: 100%; margin: 0; padding: 0; display: block; }

/* --- ▲ gridHeader ▲ --- */



/*--------------------------------------------------------*/
/* ▼ gridGrobalNavi ▼ */
/*--------------------------------------------------------*/

div#gridGrobalNavi { display: none; }

	div#gridGrobalNavi ul#navigation { width: 100%; margin: 0 auto; padding: 0; text-align: center; }
		div#gridGrobalNavi ul#navigation li { list-style-type: none; display: inline-block; margin: 0; padding: 0; }

			div#gridGrobalNavi ul#navigation li.navWd01 { width: 20%; }
			div#gridGrobalNavi ul#navigation li.navWd02 { width: 20%; }
			div#gridGrobalNavi ul#navigation li.navWd03 { width: 20%; }
			div#gridGrobalNavi ul#navigation li.navWd04 { width: 20%; }


		div#gridGrobalNavi ul#navigation li a { width: 100%; height: auto; margin: 0; padding: 2.0em 0; display: block; text-decoration: none; /* web-font */ font-family: 'Sawarabi Gothic', sans-serif; font-size: 92%; }
			div#gridGrobalNavi ul#navigation li a:link, div#gridGrobalNavi ul#navigation li a:visited { color: #564b29; opacity: 1.0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
			div#gridGrobalNavi ul#navigation li a:hover, div#gridGrobalNavi ul#navigation li a:active { color: #fff; background: #d6a218; opacity: 0.8; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }

		div#gridGrobalNavi ul#navigation li a.current { color: #fff; background: #d6a218; }

	@media (min-width: 1281px) {	div#gridGrobalNavi ul { max-width: 1680px; margin: 0 auto; padding: 0 auto; text-align: center; }	}

/* --- ▲ gridGrobalNavi ▲ --- */



/*--------------------------------------------------------*/
/* ▼ gridWrapper ▼ */
/*--------------------------------------------------------*/
	/* --- ▼ gridWrapper start ▼ --- */
	div.gridWrapper { width: 100%; min-height: 100vh; margin: 0; padding: 0; background: rgb(44,65,180); }
	/* --- ▲ gridWrapper end ▲ --- */

		/* --- ▼ gridContentWrapper start ▼ --- */
		div#gridContentWrapper { width: 100%; margin: 0; padding: 0; background: rgb(188,229,255); }
		/* --- ▲ gridContentWrapper end ▲ --- */

		/* { width: 100%; min-height: 100vh; margin: 0; padding: 0; overflow: hidden; position: relative; background: #bce5ff; animation-name: fadeInImage; animation-duration: 1.5s; } */





/*--------------------------------------------------------*/
/* ▼ Mainvisual ▼ */
/*--------------------------------------------------------*/
	/* --- ▼ gridMainvisual Top ▼ --- */
	div#gridMainvisual { width: 100%; height: auto; min-height: 360px; margin: 0; padding: 0; text-align: center; overflow: hidden; position: relative;
						/* animation */ animation-name: fadeInTopVisual; animation-duration: 1.5s; } 

	div#gridMainvisual div.bg-slider_main { width: 88%; height: 320px; margin: 0 auto; padding: 0 auto; text-align: center; font-size: 100%; color: #fff; }

		div#gridMainvisual div.bg-slider_main h2.bg-slider__title { width: 100%; font-size: 184%; text-align: center; margin: 2.8em 0 0.6em 0; padding: 0.8em 0 0 0;
																	letter-spacing: 0.08em; line-height: 1.5;
																	/* text-shadow*/
																	-moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.86);
																	-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.86);
																	-ms-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.86);
																	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.86); }

		div#gridMainvisual div.bg-slider_main h3.bg-slider__text { width: 100%; font-size: 120%; text-align: center; margin: 0 0 0.3em 0; padding: 0;
																	/* text-shadow*/
																	-moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	-ms-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90); }
	
		div#gridMainvisual div.bg-slider_main p.bg-slider__text { width: 100%; font-size: 100%; text-align: center; margin: 0 0 1.0em 0; padding: 0;
																	/* text-shadow*/
																	-moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	-ms-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90);
																	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.90); }

	div#gridMainvisual h2 span.lettersp-shorter, div#gridMainvisual p span.lettersp-shorter { letter-spacing: -0.3em; }

		div#gridMainvisual div.bg-slider { width: 100%; height: 95vh; margin: 0 auto; padding: 0 auto; text-align: center; background-position: top; background-size: cover; display: flex; z-index: -1; }
		div#gridMainvisual div.bg-slider_wrapp { width: 100%; margin: 0 auto; padding: 0 auto; }

	div.gridMainvisGradation { /* bg attachment */
							background: rgba(255,255,255,0.8);
							background: linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							background: -moz-linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							background: -webkit-linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							background: -o-linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							background: -ms-linear-gradient(0deg, rgba(212, 208, 141, 0.9) 100%, rgba(255,255,255,0) 0%);
							}


	/* IE 10以降 */
		@media all and (-ms-high-contrast:none){
		div#gridMainvisual p { /* web-font limiter */ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
		}

/* --- ▲ gridMainvisual Top ▲ --- */


/* --- ▼ gridPagevisual Sub ▼ --- */
	div.gridPagevisualSub { width: 100%; height: 320px; margin: 0; padding: 0; text-align: center; overflow: hidden; position: relative;
							/* animation */ animation-name: fadeInTopVisual; animation-duration: 1.5s; }


	/* --- ▼ カテゴリページ用 ▼ --- */
	/* div#Pagevis01 { background: url() no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } */
	div#Pagevis02 { background: url(../images/slide_baks02.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	div#Pagevis03 { background: url(../images/slide_baks03.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	div#Pagevis04 { background: url(../images/slide_baks04.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	div#Pagevis05 { background: url(../images/slide_baks05.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


	div.PagevisTwig { background: url(../images/pagevisual_bgTwig.jpg) no-repeat top center; }



	div.gridPagevisSubBody { width: 88%; max-width: 768px; margin: 0 auto; padding: 0 auto; text-align: center; letter-spacing: 0.15em; background: rgba(209, 181, 90, 0.7); }

		div.gridPagevisSubBody h2, div.gridPagevisSubBody p { width: 92%; max-width: 880px; text-align: center; letter-spacing: 0.13em; color: #fff; }

		div.gridPagevisSubBody h2 { margin: 2.4em auto 0.5em auto; padding: 0.8em 0; font-size: 186%; border-bottom: 1px solid #fff;
									/* shadows */ text-shadow: 0px 2px 1px rgba(0,0,0,0.8);
									/* animation */ animation-name: fadeInBottomFast; animation-duration: 1.5s; }
		div.gridPagevisSubBody p { margin: 0.8em auto 1.5em auto; padding: 0.3em 0 1.8em 0; font-size: 86%;
									/* animation */ animation-name: fadeInBottomFast; animation-duration: 3s; }


		div.gridPagevisSubBodyCC h2, div.gridPagevisSubBodyCC p { width: 88%; max-width: 480px; text-align: center; letter-spacing: 0.15em; color: #00499b; }

		div.gridPagevisSubBodyCC h2 { margin: 2.8em auto 0.5em auto; padding: 0.8em 1.8em 0.4em 1.8em; font-size: 246%; border-bottom: 1px solid #1bb4d5;
									/* shadows */ text-shadow: 0px 2px 1px rgba(255,255,255,1);
									/* animation */ animation-name: fadeInBottomFast; animation-duration: 1.5s; }
		div.gridPagevisSubBodyCC p { margin: 0.8em auto 0.5em auto; padding: 0.3em 0 1.3em 0; font-size: 126%;
									/* animation */ animation-name: fadeInBottomFast; animation-duration: 3s; }

/* --- ▲ gridPagevisual Sub ▲ --- */






/*--------------------------------------------------------*/
/* ▼ gridContainer ▼ */
/*--------------------------------------------------------*/

/* div.gridContainerDivTop { width: 100%; max-width: 1280px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; overflow: hidden; text-align: center; } */
div.noneBg { background: none; }

/*--- ▼ gridCoverbox start [top] ▼ ---*/
div.gridCoverbox { width: 100%; height: auto; margin: 2.8em 0 3.6em 0; padding: 2.3em auto; }


	/*--- ▼ gridCoverbox background Color & Image ▼ ---*/
	div.CoverDesignBgwhite { background: #fff; }
	div.CoverDesignBgNavy { background: #1f4c9f; }

	div.CoverDesignBgImgSky { background: url(../images/bg-ph-sky01.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	div.CoverDesignBgImgBase { background: url(../images/bg-ph-base01.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


    div.cnaviToLeftBgTopSp { /* bg attachment */
							background: rgba(255,255,255,0.9);
							background: linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%), /* url(../images/bg-content-letter.png) no-repeat right -75% top 5% */;
							background: -moz-linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%);
							background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%);
							background: -o-linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%);
							background: -ms-linear-gradient(0deg, rgba(255,255,255,0.9) 64%, rgba(255,255,255,0) 0%);
							}


    div.cnaviToRightBg { /* bg attachment */
							background: rgb(255,255,255);
							background: linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
							background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
							background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
							background: -o-linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
							background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 24%, rgba(255,255,255,1) 0%);
						}


    div.cnaviToLeftBg { /* bg attachment */
							background: rgb(255,255,255);
							background: linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
							background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
							background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
							background: -o-linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
							background: -ms-linear-gradient(0deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 0%);
						}



	h2.MessagesTitle { width: 100%; max-width: 780px; margin: 0 auto; padding: 1.5em 0; text-align: left; font-size: 100%; letter-spacing: 0.15em; }
		h2.MessagesTitle span.messagesHeading { width: auto; margin: 0 0.6em 0 0; padding: 0; text-align: left; font-size: 184%; }

			h2.MessagesTitle span.messagesHeading:after { content: "/"; font-size: 2.4rem; font-weight: bold; color: #bba181; position: relative; bottom: -5px; left: 15px; }


	h2.ContentTitle { width: 88%; display: block; margin: 0.5em auto; padding: 0 auto; text-align: center; font-size: 126%; letter-spacing: 0.05em; }
		span.subEngHeading { width: 88%; display: block; margin: 0.5em auto; padding: 1.3em 0 0 0; text-align: center; font-size: 216%; letter-spacing: 0.15em; }


	h3.ContentTitle3rd { width: 88%; display: block; margin: 1.8em auto; padding: 0 auto; text-align: center; font-size: 126%; letter-spacing: 0.15em; }

	h4.ContentTitle4th { width: 88%; display: block; margin: 1.8em auto; padding: 0 auto; text-align: center; font-size: 112%; letter-spacing: 0.15em; }

		div.gridCoverbox p.normalPara { width: 68%; margin: 1.6em auto 2.3em auto; padding: 0; text-align: center; text-decoration: none; line-height: 1.5em; text-align: justify; }

			div.gridCoverbox ul.plainUl { width: 68%; margin: 0.8em auto; padding: 0; text-align: center; text-decoration: none; text-align: justify; }
				div.gridCoverbox ul.plainUl li { margin: 0.8em 0 0.8em 1.6em; padding: 0; }
				div.gridCoverbox ul.plainUl li.indentList { margin: 1.3em 0 1.3em 2.6em; }
				div.gridCoverbox ul.plainUl li.num { list-style-type: decimal; }
				div.gridCoverbox ul.plainUl li.mark { list-style-type: upper-roman; }


			div.gridCoverbox dl.plainDl { width: 68%; margin: 0.8em auto; padding: 0; text-align: center; text-decoration: none; text-align: justify; }



			div.gridCoverbox dl.require { width: 68%; margin: 0.8em auto; padding: 0; text-align: center; text-decoration: none; text-align: justify; }

				div.gridCoverbox dl.require dt { margin: 1.3em 0 0 0; padding: 0.5em; text-align: center; }

				div.gridCoverbox dl.require dd { margin: 0; padding: 0.5em 0.8em; display: list-item; text-align: left; list-style-type: disc;}
					div.gridCoverbox dl.require dd.ddsubtitle { margin: 0; padding: 0.3em 0.8em; }
					div.gridCoverbox dl.require dd.normal { margin: 0; padding: 0.3em 0.8em; }
					div.gridCoverbox dl.require dd.end { margin: 0; padding: 0.3em 0.8em; }




    div.gridCoverbox div.contentNavDiv { width: 88%; max-width: 768px; display: flex; /* 端末用 縦に→ */ flex-direction: column; margin: 0 auto; padding: 0.4em 0; text-decoration: none; }

        div.gridCoverbox div.contentNavDiv p { width: 88%; margin: 0.8em 0; padding: 0; text-decoration: none; }

            div.gridCoverbox div.contentNavDiv span.profileName { width: 88%; margin: 0; padding: 0; font-size: 118%; text-decoration: none; }
                div.gridCoverbox div.contentNavDiv span.profileName::before { content: "－"; font-size: 2.3em; color: #1f4c9f; position: relative; top: 10px; left: -10px; }

        div.gridCoverbox div.contentNavDiv h3 { width: 100%; margin: 0.8em 0 0.6em 0; padding: 0.6em 0 0 0; font-size: 168%; letter-spacing: 0.08em; }

			div.gridCoverbox div.contentNavDiv ul { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 98%; letter-spacing: 0.1em; line-height: 1.6em; list-style-type: none; }
				div.gridCoverbox div.contentNavDiv ul li { margin: 0; padding: 0 0 0 0.8em; }

			div.gridCoverbox div.contentNavDiv ul.contentList { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 88%; letter-spacing: 0.1em; line-height: 1.6em;}
				div.gridCoverbox div.contentNavDiv ul.contentList li { margin: 0 0 0.8em 1.5em; padding: 0 0 0 0.8em;  list-style-type: decimal; }




				div.contentNavBox { width: 94%; display: flexbox; margin: 0.8em auto; padding: 0.8em 0 1.3em 0; text-align: center; }
					.bdRadius01 { border: 5px solid #f4d686; border-radius: 40px 10px; }
					.bgAlpha01 { background-color: rgba(252, 248, 199, 0.3)}


				div.contentNavBox h3 { width: 88%; margin: 1.1em auto; padding: 0; text-align: center; font-size: 216%; }
				div.contentNavBox p { width: 78%; display: inline-block; margin: 1.1em auto; letter-spacing: 0.1em; font-size: 96%; text-align: justify; text-justify: inter-ideograph; }
	
				div.contentNavBox ul { width: 78%; display: inline-block; margin: 1.1em auto; letter-spacing: 0.1em; font-size: 96%; text-align: justify; text-justify: inter-ideograph; }
					div.contentNavBox ul li { width: 100%; margin: 0.6em 0; text-align: justify; text-justify: inter-ideograph; }
	
	
				div.contentNavBox figure { width: 100%; padding: 0; }
					div.contentNavBox figure img.subCateImg { width: 100%; max-width: 320px; }
					div.contentNavBox figure a:link, div.contentNavBox figure a:visited
						{ opacity: 1.0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
					div.contentNavBox figure a:hover, div.contentNavBox figure a:active
						{ opacity: 0.6; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
	
			div.contentNavBox figcaption { width: 100%; height: auto; padding: 1.0em 0 0 0; text-align: left; font-size: 94%; }




			div.contentNavBox table { width: 100%; margin: 0; padding: 0; font-size: 88%; }
				div.contentNavBox table td { margin: 0.3em 0; padding: 1.5em 0; text-align: center; vertical-align: middle; }

				div.contentNavBox table tr:nth-child(odd) { background: #faf1dd; }
				div.contentNavBox table tr:nth-child(2n) { background: #ebfaf4; }
				/* 最後の行にborderを引く　div.contentNavBox table tr:last-child td { border-bottom: dotted #333 1px; } */

				div.contentNavBox table td ul.centeringIndent { width: auto; margin: 0.3em auto; padding: 1.5em auto; text-align: center; vertical-align: middle; }



			div.contentTableDiv { width: 94%; margin: 1.8em auto 4.6em auto; padding: 0 auto; text-align: left; text-decoration: none; }
	
				div.contentTableDiv table { width: 64%; margin: 0 auto; padding: 0; text-align: center; font-size: 88%; text-decoration: none; }

					div.contentTableDiv table td { margin: 0.3em 0; padding: 1.5em; text-align: left; vertical-align: middle; }
						div.contentTableDiv table tr:nth-child(odd) { background: #e8e2d4; }
						div.contentTableDiv table tr:nth-child(2n) { background: #d0e3e6; }







        /* Right Image  Left Text */
        div.gridCoverbox div.contentNavDiv div.cnaviRightimg { width: 100%; order: 2; margin: 2.5em 0; padding: 0; text-decoration: none; }
            div.gridCoverbox div.contentNavDiv div.cnaviRightimg img { max-width: 100%; margin: 0; padding: 0; }


        div.gridCoverbox div.contentNavDiv div.cnaviLefttex { width: 100%; order: 1; margin: 0; padding: 1.0em 0 1.0em 0; text-decoration: none; }
            div.gridCoverbox div.contentNavDiv div.cnaviLefttex h3 { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 168%; line-height: 1.6em;}
            div.gridCoverbox div.contentNavDiv div.cnaviLefttex p { width: 100%; margin: 1.8em 0; padding: 0; font-size: 96%; line-height: 1.6em; text-align: justify; }
            div.gridCoverbox div.contentNavDiv div.cnaviLefttex p.forTop { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 98%; letter-spacing: 0.1em; line-height: 1.6em; }

            div.gridCoverbox div.contentNavDiv div.cnaviLefttex p.profile { width: 88%; margin: 0 0 0.8em 0; padding: 0 0 0 2.3em; font-size: 88%; border-left: 4px solid #2c41b4; }
                div.gridCoverbox div.contentNavDiv div.cnaviLefttex p.profile span { display: block; margin: 0; padding: 0.3em 0; }


        /* Left Image  Right Text */
        div.gridCoverbox div.contentNavDiv div.cnaviLeftimg { width: 100%; order: 2; margin: 2.5em 0; padding: 0; text-decoration: none; }
            div.gridCoverbox div.contentNavDiv div.cnaviLeftimg img { max-width: 100%; margin: 0; padding: 0; }

        div.gridCoverbox div.contentNavDiv div.cnaviRighttex { width: 100%; order: 1; margin: 0; padding: 1.0em 0 1.0em 0; text-decoration: none; }
            div.gridCoverbox div.contentNavDiv div.cnaviRighttex h3 { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 168%; line-height: 1.6em;}
            div.gridCoverbox div.contentNavDiv div.cnaviRighttex p { width: 100%; margin: 1.8em 0; padding: 0; font-size: 96%; line-height: 1.6em; text-align: justify; }
            div.gridCoverbox div.contentNavDiv div.cnaviRighttex p.forTop { width: 100%; margin: 0 0 0.8em 0; padding: 0; font-size: 98%; letter-spacing: 0.1em; line-height: 1.6em; }

            div.gridCoverbox div.contentNavDiv div.cnaviRighttex p.profile { width: 88%; margin: 0 0 0.8em 0; padding: 0 0 0 2.3em; font-size: 88%; border-left: 4px solid #2c41b4; }
                div.gridCoverbox div.contentNavDiv div.cnaviRighttex p.profile span { display: block; margin: 0; padding: 0.3em 0; }


        div.gridCoverbox div.contentNavDiv a:link, div.gridCoverbox div.contentNavDiv a:visited
            { opacity: 1.0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
        div.gridCoverbox div.contentNavDiv a:hover, div.gridCoverbox div.contentNavDiv a:active
            { opacity: 0.6; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }




	/* --- ▼ gallery start ▼ --- */
	div.gridCoverbox div.contentGallery { width: 88%; max-width: 1460px; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0.4em 0; text-decoration: none; }
		div.gridCoverbox div.contentGallery div.phHandEczema { width: 24%; margin: 1px; }

	/* --- ▼ gallery end ▼ --- */





	/* --- ▼ text button action start ▼ --- */
	div.cnavidetail { margin: 1.3em 0; padding: 0; font-size: 94%; text-align: center; letter-spacing: 0; /* web-font */ font-family: 'Noto Sans', sans-serif; }
		div.cnavidetail div.more a { margin: 0; padding: 1.0em 0; color: #fff; display: block; }
		div.cnavidetail div.more a:hover { color: #065c8e;  opacity: 1.0; }

	/* button action */
	div.cnavidetail div.more {
							display: block;  width: 85%; min-width: 120px; height: 100%; margin: 0; padding: 0; 
							background-color: #fff; color: #fccc49; 
							border: 2px solid #fccc49;
							position: relative;
							}

	div.cnavidetail div.more span { position: relative; 	  z-index: 1; }

	div.cnavidetail div.more::before,
	div.cnavidetail div.more::after {
		content: "";
		display: block;
		background-color: #fccc49;
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		transition: .2s;
	}
	div.cnavidetail div.more::before { left: 0; }	div.cnavidetail div.more::after { right: 0; }

	div.cnavidetail div.more:hover:before, div.cnavidetail div.more:hover:after { width: 0; background-color: #fccc49; }

	div.cnavidetail div.more:hover { color: #122d4e; }

/* --- ▲ text button action end ▲ --- */








        /* Privacy Policy etc */
		div.cnaviMidtable { width: 68%; margin: 1.5em auto; padding: 0; text-align: center; text-decoration: none; }

			div.cnaviMidtable table td { margin: 0.3em 0; padding: 1.5em 0 1.5em 1.0em; text-align: center; vertical-align: middle; border-bottom: 1px dotted #00499b; }
				div.cnaviMidtable table tr:nth-child(2n) { background: #f9fefe; }
				div.cnaviMidtable table tr:first-child td { border-top: 3px solid #bba181; }

				div.cnaviMidtable td { margin: 0.3em 0; padding: 1.5em 0; text-align: center; font-size: 78%; }
					div.cnaviMidtable table tr:last-child td { border-bottom: dotted #333 1px; }
				div.cnaviMidtable td.tdLeft { width: 30%; vertical-align: middle; }
				div.cnaviMidtable td.tdRight { width: 60%; text-align: left; vertical-align: middle; }

				div.cnaviMidtable td.tdBorder { border-bottom: dotted #333 1px; }







	/*--- ▼ pageScroller start ▼ ---*/
	div#pageTop { position: fixed; bottom: 160px; right: 0px; z-index: 9999; }
		div#pageTop a { width: 42px; height: 28px; display: block; padding: 0.8em 0; text-align: center; font-size: 78%; color: #fff; background: #d6a218;
	 							/* border-radius */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		div#pageTop a:hover { text-decoration: none; opacity: 0.7;
							-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
			div#pageTop a::before { content: ''; display: block; position: relative; top: 0px; left: 39%; width: 0.5em; height: 0.5em; margin-top: 0; border-top: #fff 3px solid; border-right: #fff 3px solid; transform: rotate(-45deg); }
	/*--- ▲ pageScroller end ▲ ---*/






/*--------------------------------------------------------*/
/* ▼ Footer Div ▼ */
/*--------------------------------------------------------*/
div#Footer { width: 100%; margin: 0; padding: 0; background: #fff; border-top: 3px solid #0d1528; }

	div#FooterLogoAr { width: 100%; margin: 1.3em auto; padding: 0; text-align: center; }
		div#FooterLogoAr h2 { margin: 0.8em auto; text-align: center; }
			div#FooterLogoAr p { margin: 0.3em 0; padding-left: 0.8em; font-size: 88%; color: #ccc; }

		div#FooterLogoAr ul { margin: 0.8em auto; text-align: center; }
			div#FooterLogoAr ul li { width: auto; display: block; margin: 0.5em auto; padding: 0; text-align: center; }


	div.gridFooterBody { width: 98%; margin: 0 auto; padding: 1.5em 0; }
		@media (min-width: 1281px) {	div.gridFooterBody { max-width: 1460px; margin: 0 auto; padding: 0 auto; text-align: center; }		}


	/* menu 記載を隠す*/
		.menu-btn div { display: none; }

	/* チェックボタンを隠す*/
		#menu-btn-check { display: none; }



		div#Footer div.FooterListBottom ul { width: 88%; display: block; margin: 0.5em 1%; padding: 0; /* vertical-align: inherit; */ text-align: center; }

		div#Footer div.FooterListBottom ul li.ftlistheader { margin: 0 0 0.5em 0; padding: 0; }
				div#Footer div.FooterListBottom ul li.ftlistheader a:link, div#Footer div.FooterListBottom ul li.ftlistheader a:visited { color: #fff; text-decoration: none; }
				div#Footer div.FooterListBottom ul li.ftlistheader a:hover, div#Footer div.FooterListBottom ul li.ftlistheader a:active { color: #b1e0fe; text-decoration: none; }


		div#Footer div.FooterListBottom ul li.ftlist { margin: 0 0 0.5em 0; padding: 0; font-size: 88%; }
			div#Footer div.FooterListBottom ul li.ftlist a { color: #fff; text-decoration: none; }
				div#Footer div.FooterListBottom ul li.ftlist a:link, div#Footer div.FooterListBottom ul li.ftlist a:visited { color: #d9f7f8; text-decoration: none; }
				div#Footer div.FooterListBottom ul li.ftlist a:hover, div#Footer div.FooterListBottom ul li.ftlist a:active { color: #b1e0fe; text-decoration: none; }



/*--------------------------------------------------------*/
/* ▼ Hambergur ▼ */
/*--------------------------------------------------------*/

	/* menu 記載を隠す*/
	.menu-btn { position: fixed; top: 0px; right: 0px;
				display: flex;
				height: 40px; width: 40px;
				justify-content: center; align-items: center;
				z-index: 90;
				background-color: #d6a218;
				}

	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after { content: ''; display: block;
							height: 3px; width: 25px;
							border-radius: 3px; background-color: #ffffff;
							position: absolute;
							}

	.menu-btn span:before { bottom: 8px; }

	.menu-btn span:after { top: 8px; }


	#menu-btn-check:checked ~ .menu-btn span { background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/ }
	#menu-btn-check:checked ~ .menu-btn span::before { bottom: 0; transform: rotate(45deg); }
	#menu-btn-check:checked ~ .menu-btn span::after { top: 0; transform: rotate(-45deg); }


	#menu-btn-check { display: none;/*チェックボタンを隠す*/ }



	/*メニュー部分*/
	.FooterListBottom { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 80; background-color:rgba(255,255,255,1) ; }

	.FooterListBottom ul { padding: 70px 10px 0; }

		.FooterListBottom ul li { border-bottom: solid 1px #d9f7f8; list-style: none; }

		.FooterListBottom ul li a { display: block; width: 100%; font-size: 88%; box-sizing: border-box;
									color:#ffffff; text-decoration: none; padding: 9px 15px 10px 0; position: relative;
									}

		.FooterListBottom ul li a::before { content: ""; width: 7px; height: 7px;
											border-top: solid 2px #ffffff; border-right: solid 2px #ffffff;
											transform: rotate(45deg); position: absolute;
											right: 11px; top: 16px;
											}


	/*押したら外に出る*/
	.FooterListBottom { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; /*leftの値を変更してメニューを画面外へ*/
						z-index: 80; background: rgba(212, 161, 51, 0.9) ;
						transition: all 0.5s;/*アニメーション設定*/
						overflow: scroll;
						}

	#menu-btn-check:checked ~ .FooterListBottom { left: 0;/*メニューを画面内へ*/ }





	div#Footer div.gridFooterbottom { width: 100%; margin: 0; padding: 0.5em 0; color: #fff; text-align: center; background: #d6a218; clear: both; }

		div#Footer div.gridFooterbottom div.FooterbotBody { width: 100%; max-width: 780px; margin: 0 auto; padding: 0.5em 0; text-align: center; font-size: 82%; }

		div#Footer div.gridFooterbottom ul { width: 100%; height: auto; float: none; display: block; margin: 0; padding: 0; text-align: center; }
			div#Footer div.gridFooterbottom ul li { display: block; margin: 0.8em auto; padding: 0; text-align: center; color: #fff; }

			div#Footer div.gridFooterbottom ul li a { color: #fff; text-decoration: none; }
				div#Footer div.gridFooterbottom ul li a:link, div#Footer div.gridFooterbottom ul li a:visited { color: #fff; text-decoration: none; }
				div#Footer div.gridFooterbottom ul li a:hover, div#Footer div.gridFooterbottom ul li a:active { color: #1588cf; text-decoration: none; }


		div#Footer div.gridFooterbottom small.credit { width: 100%; float: none; margin: 0.3em 0; letter-spacing: 0.1em; color: #fff; text-align: center; }


/*--- ▲ Footer end ▲ ---*/