@charset "UTF-8";
/* CSS Document */
body{margin: 0;background-color:#fff;font-weight: 400;font-style: normal;font-size: 16px;line-height: 1.2rem; font-family: "BIZ UDGothic", sans-serif;overflow-x: hidden;}/*font-family: "BIZ UDGothic", sans-serif;*/
div.youkoso{width: 100%;text-align: center;font-size: 0.8rem;line-height: 1rem;margin: 10px 0;}
	.user_name{font-family: "BIZ UDPGothic", sans-serif;font-weight: 700}
	

html{margin: 0;padding: 0;}
p{margin: 0;padding: 0}	
a{margin: 0;padding: 0;text-decoration: none;white-space: nowrap;}	

	.red{color: red;font-size: 0.7rem}
	
/*---------教科書体（400、600　微妙な太さ）--------*/	
.kyoukashyo { font-family: "Klee One", cursive;}
/*---------丸ゴシック書体（100、300、400，500、700、800，900）--------*/	
.maru_gothic {font-family: "M PLUS Rounded 1c", sans-serif;}
/*-------明朝体（100,600）----------*/	
.mincho {font-family: "Noto Serif JP", serif;}	
/*-------ゴシック（100-900）----------*/	
.gothic{font-size: 1rem;line-height:1rem; font-family: "Noto Sans JP", sans-serif;}	
/*-------ゴシック（100-900）つめあり----------*/	
.gothic_tume{font-size: 1rem;line-height:1rem;font-family: "Noto Sans JP", sans-serif;font-feature-settings: "palt";}	
/*display: block;/*インライン要素からブロック要素へ*/

/*-------BIZゴシック（400または700）----------*/		
.biz_gothic {font-size: 1rem;
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/*-------BIZユニバーサルゴシックP（400または700）つめあり----------*/		
.biz_p_gothic {font-size: 1rem;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*-------BIZユニバーサル明朝（400または700）----------*/		
.biz_mincho {font-size: 1rem;
  font-family: "BIZ UDMincho", serif;
  font-weight: 400;
  font-style: normal;
}
/*-------BIZユニバーサルP明朝（400または700）つめあり----------*/		
.biz_p_mincho {font-size: 1rem;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 400;
  font-style: normal;
}
	
.login_form{width: 100%;text-align: center}	
	
	
/*--------------------------------------------1024px以上の場合または共通--------------------------------------------*/
.main{ display: flex;flex-flow:row wrap;font-size: 1rem;  min-height: 100vh;}/*ヘッダー分落とす60px*/
	.main .left_side  {order: 1; width: calc((100% - 1024px) / 2);}
	.main .center_side{order: 2; width: 100%;max-width: 1024px;background-color:#F7F4E8;position: relative;background-image: url("https://www.chibajokaku.jp/img/heder.png");background-size: 100%;background-repeat: no-repeat;overflow-x: hidden;}
	.main .right_side {order: 3; width: calc((100% - 1024px) / 2);}
		.menu_color{background-color: #9E2428;mix-blend-mode: multiply;width: 100%;height: 60px;margin-top: 40px;position: absolute;left: 0;top: 0;z-index: 10}
/*-----------------------------メニュー(PC)----------------------------------*/	
		.menue{	display: flex; flex-flow: row wrap;padding:0 0 0 0;margin:0;height: 60px;position: absolute;top:40px;left: 0;width: 100%;z-index: 999;}
			.menue .m1{order: 1; width: 45%;text-align: left;font-size: 2.3rem;line-height: 3.7rem;color: white;padding: 0 0 0 5% ; font-family: "LXGW WenKai TC", cursive}
			.menue .m2{order: 2; width: 8%;text-align: center;line-height: 3.7rem;font-size: 1.2rem; }
			.menue .m2 a {height: 60px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m2 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m3{order: 3; width: 23%;text-align: center;line-height: 3.7rem;font-size: 1.2rem; }
			.menue .m3 a {height: 60px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m3 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m4{order: 4; width: 12%;text-align: center;line-height: 3.7rem;font-size: 1.2rem; }
			.menue .m4 a {height: 60px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m4 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m5{order: 5; width: 12%;text-align: center;line-height: 3.7rem;font-size: 1.2rem; }
			.menue .m5 a {height: 60px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m5 a:hover { background:#000; color:#fff; transition : 1s;}
/*-----------------------------リード(PC)----------------------------------*/	
		.cont_m{ display: flex;flex-flow:row wrap;font-size: 1rem;width: 100%;margin-top: 0;position: absolute;top:0;left: 0;z-index: 9;}/*justify-content: center*/
			.cont_m .setumei {order: 1; width: 80%;margin: 105px 20px 0 20px ;font-size:1rem;line-height: 1.5rem;text-align: justify;color: white; }
			.cont_m .center_tate {order: 4; width: auto}/*横幅をオートで縦写真の幅で調整*/
				.setsumei0{background-color: red;color: white;width: 100%; padding: 2px 2px;margin-left: 24px;line-height: 1.5rem;font-weight: 400;font-size: .9rem;position: absolute;top:0;left: 0;text-align: center;margin: 0;z-index: 9999}
				.setsumei1{width: 80%;margin: 0 0 5px 24px;}
				.setsumei2{width: 90%;margin: 0 0 5px 24px}
				.setsumei3{width: 70%;margin: 0 0 5px 24px}
				.setsumei4{width: 55%;margin: 0 0 5px 5%}
		/*背景の円*/
			.img_en{width: 140%;mix-blend-mode: multiply;object-fit: cover;    display: block;}
/*-----------------------------ニュース(PC)----------------------------------*/	
		.news{ display: flex;flex-flow:row wrap;font-size: 1rem;line-height: 1.5rem;width: 100%;margin-top: 0;position: absolute;top:0;left: 0;z-index: 9;height: 100vh; overflow: auto;font-family: "BIZ UDGothic", sans-serif;font-weight: 700}/*justify-content: center*/
			.news .waku1 {width: 70%;margin: 0 0 120px 30px ;font-size: 1.0rem;padding: 110px 0 30px 0;text-align: justify;color:#000;background-color:#BCA0CD;border-radius: 0 0 20px 20px;opacity: 0.8}
			.news_waku{width: 90%;margin: 0 0 0px 5%;text-align:justify;border-bottom: solid 1px #783EBC;padding: 10px 0 10px 0;}
			/*詳しくは*/	
			.news_midashi{font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 900;color:#5D00CC;font-size: 1.3rem; padding: 10px 0 10px 0 ;text-align: center}
			.gaibu{font-family: "BIZ UDPGothic", sans-serif;font-weight: 700;color: white;font-size: 0.7rem; padding: 2px 6px 2px 6px;border-radius: 10px;border: solid 0px;background-color: blue}
			.kuwasikuha{font-family: "BIZ UDPGothic", sans-serif;font-weight: 700;color: white;font-size: 0.7rem; padding: 2px 6px 2px 6px;border-radius: 10px;border: solid 0px;background-color: red}
			/*日付*/	
			.news_date{	 font-family: "BIZ UDGothic", sans-serif;font-weight: 600;color:darkmagenta;font-size: 0.75rem;padding-right: 5px}
			/*文字の拡大縮小*/	
			@keyframes scale-blink { 
			  0%, 100% { transform: scale(1); opacity: 1; }
			  50% { transform: scale(1.3); opacity: 1.0; }
			}
			.scale-blink {font-family: "Dela Gothic One", sans-serif;color: red;padding-right: 5px;
			  animation: scale-blink 1s infinite;
			  display: inline-block;padding-left: 5px;
			}	
/*-----------------------------ニュース(PC)----------------------------------*/	
		.map{ display: flex;flex-flow:row wrap;font-size: 1rem;line-height: 1.3rem;width: 100%;margin: 120px 0 200px 0 ;font-weight: 700;justify-content: center;}/*justify-content: center*/
			.map .setu {order: 1; width: 37%;margin: 80px 0 0 2%;font-size: 0.8rem;font-weight: 400;line-height: 1.4rem;text-align: justify}
			.map .waku {order: 2;width: 58%;margin: 0 0% 0 2%;position: relative}
			.map .midashi{order: 3;width: 98%; font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 900;color:#5D00CC;font-size: 1.3rem; padding: 0 ;text-align: center;margin: 90px 1% 0 1% }
			.map .hyou {order: 4;width: 22%;;argin: 10px 1% 400px 1% }
			.map_img{width: 90%;margin: 5%;position: absolute;top:-70px;right: 0}
			.hyoudai{width: 100%;position: absolute;top:20px;left: 0;text-align: center;font-size: 1rem}
table { border-collapse: collapse;font-family: "Noto Sans JP", sans-serif;font-weight: 400;margin:10px 0 0 0 ;width: 100%;font-size: 0.8rem}
td { border: 1px solid #555; padding: 2px}
th { border: 1px solid #555; padding: 2px;}		
	
	.kii{background-color: #FFFA64;text-align: center}	
	.ore{background-color: #F1BC25;text-align: center}	
	.mido{background-color: #81C896;text-align: center}	
	.mura{background-color: #C18EDF;text-align: center}	
	.mizu1{background-color: #AAF7FF;text-align: left}	
	.mizu2{background-color: #EBFEFF;text-align: left}	
	.gure{background-color: #ccc;text-align: left}	
	.pink{background-color: #FFB8ED;text-align: left}	
	.hanrei{background-color: #fff;text-align: left;font-size: 0.7rem;line-height: 0.9rem}	
	.indent{text-indent: -0.7rem;padding: 0 0 0 0.7rem}	
	.hanrei_mizu{color: #AAF7FF}
	.hanrei_gure{color: #ddd}
	.hanrei_pink{color: #FFB8ED}
	
	.map_midashi1{font-size: 1.2rem;text-align: center;line-height: 2.0rem}
	.map_midashi2{font-size: 1.0rem;text-align: right;line-height: 2.0rem}
/*-----------------------------ニュース詳細(PC)---------------------------------*/	
		.news_syousai{ display: flex;flex-flow:row wrap;font-size: 1rem;line-height: 1.3rem;width: 100%;margin-top: 0;position: absolute;top:0;left: 0;z-index: 9;height: 100vh; overflow: auto;justify-content: center}
			.news_syousai .syousai_waku {width: 90%;margin: 120px 0 60px 0 ;font-size: 0.9rem;padding: 3% 3%;text-align: justify;color: #333;background-color:white;border-radius: 0 0 20px 20px;opacity: 0.8;}
			.news_img{width: 100%;margin: 0;text-align:center;padding: 10px 0 60px 0;}
				.syousai_img{width: 50%;}
				.syousai_cap{text-align: center;font-size: 0.8rem;font-family: "Noto Sans JP", sans-serif;}
			.news .archive {width: 50%;margin: 0 0 120px 10px ;font-size: 0.9rem;padding: 110px 0 30px 0; line-height: 1.1rem;
				text-align: justify;color: white;background-color:#AB82C6;border-radius: 0 0 20px 20px;opacity: 0.8}

/*------------------------御城印(PC)-------------------------------------------*/	
		.gojoin{ display: flex;flex-flow:row wrap;font-size: 1rem;width: 100%;margin: 0 0% 120px 0% ;z-index: 9;justify-content: center;font-family: "BIZ UDGothic", sans-serif;overflow: scroll;padding: 0}/*justify-content: center*/
			.gojoin .eria0 {width: 98%;margin: 120px 0 0 0 ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0 1% 0 1% ; }
				.girl{width: 12%;position: absolute;top:110px;right: 20px}
			.gojoin .eria1 {width: 100%;margin: 0 0 0 0 ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0; text-align: center}
			.gojoin .eria2 {width: 25%;margin: 0 0 10px 0 ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0; text-align: center;z-index: 10}
				.gojo_text1{font-size: 0.8rem;line-height: 1.1rem;text-align: center;color: #444;padding: 0;margin: 0}
				.gojo_text2{font-size: 1.0rem;line-height: 1.2rem;text-align: center;color: #444;padding: 0 2% 0 0 ;}
				.gojo_text3{font-size: 0.7rem;line-height: 1.2rem;text-align: center;color: #444;padding: 0;}
				.pro_eria{width: 100%;position: relative;padding: 0;margin: 0}
				.gojoimg{width: 70%;margin: 0;padding: 0;filter: drop-shadow(3px 3px 5px #555);z-index: 999}
				.pro_haikei{width: 98%;margin: 3px 0 2px 0; font-size: 0.8rem;line-height: 1.2rem;padding: 0px 1% 5px 1%;background-color: #F7F4E8;opacity: 0.7;border-radius: 10px}
				.pro_text{width: 98%;margin: 0; font-size: 0.8rem;line-height: 1.2rem;text-align: justify;color: #444;padding: 6px 1% 5px 1%;text-align: center;position: absolute;top:0;left: 0}
				.rink{width: 100%;margin: 0px 0% 0 0;line-height: 1.1rem;text-align: center;padding: 0;}
				.rink_text{width: 100%;margin: 2px 0% 0 0; font-size: 0.6rem;line-height: 1.2rem;color: #fff;padding: 3px 5px 3px 5px;text-align: center;background-color: blue;border-radius: 10px;font-family: "BIZ UDPGothic", sans-serif;}
				.rink_mark{margin-top: 5px;vertical-align:-1px;height: 10px;}
				.gozyo_midashi_b{width: 100%;margin: 0 0 0 0;font-size: 2.5rem;line-height: 4.5rem;text-align: center}
				.gozyo_midashi_s{width: 100%;margin: 0 0 0 0;font-size: 1.5rem;line-height: 4rem;text-align: center}
				.gozyo_read{width: 100%;margin: 0 0 0 0;}
				.gozyo_border{width: 100%;margin: 0 0 0 0;border-bottom: solid 1px  #410B0C;margin:20px 0 30px 0 ;font-size: 1.2rem;padding: 0  0 10px 0;font-weight: 700}
/*------------------------問合せ(PC)-------------------------------------------*/	
		.contact{ display: flex;flex-flow:row wrap;font-size: 1rem;width: 100%;margin-top: 0;position: absolute;top:0;left: 0;z-index: 9;mix-blend-mode: multiply}/*justify-content: center*/
			.contact .contact_a {width: 100%;margin-top: 20px;}
/*--------------------------------footer(PC)-------------------------------------*/	
footer{
    width: 100%;
	color: #fff;
    text-align: center;font-weight: 700;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
	.footer_shiro{z-index: 0;
	    width: 100%;height: 850px;
		background-image: url("https://www.chibajokaku.jp/img/shiro.png");background-size: 100%;
	    position: absolute;/*←絶対位置*/
	    bottom: 0; /*下に固定*/
	}
	.footer_obi{
	    width: 100%;height: 153px;z-index: 99;
		background-image: url("https://www.chibajokaku.jp/img/footer.png");background-size: 100%;
	    position: absolute;/*←絶対位置*/
	    bottom: 0; /*下に固定*/
	}
	.fot{
	    width: 100%;z-index: 100;
	    position: absolute;/*←絶対位置*/
	    bottom:0; /*下に固定*/
		font-size: 1.2rem;padding-bottom: 20px;}
	
/*------------------------------------------------1024pxから431pxの場合（タブレット）-------------------------------------------*/
@media screen and (max-width: 1024px) {

.menue .m1{order: 1; width: 45%;text-align: left;font-size: 4vw;line-height: 3.7rem;color: white;padding: 0 0 0 5% }
.menue .m2{order: 2; width: 8%;text-align: center;line-height: 3.7rem ;font-size: 2vw;}
.menue .m3{order: 2; width: 23%;text-align: center;line-height: 3.7rem ;font-size: 2vw;}
.menue .m4{order: 2; width: 12%;text-align: center;line-height: 3.7rem ;font-size: 2vw;}
.menue .m5{order: 2; width: 12%;text-align: center;line-height: 3.7rem ;font-size: 2vw;}

.cont_m .setumei {order: 1; width: 80%;margin: 105px 20px 0 20px ;font-size:1.6vw;line-height: 2.2vw;text-align: justify;color: white; }
.img_en{width: 140%;mix-blend-mode: multiply;}

.footer_shiro{ height: 83vw;}
.footer_obi{ height: 15vw;}
.fot{font-size: 1.5vw;padding-bottom: 3vw}
	
}
/*--------------------------------------------------------430px以下(スマホ)-------------------------------------------------*/
@media screen and (max-width: 430px) {

	/*背景の円*/
	.img_en{width: 260vw;width: 260vw;mix-blend-mode: multiply;object-fit: cover;  display: block;}

	.main .center_side{order: 2; width: 100%;max-width: 1024px;background-color:#F7F4E8;background-size: 100%;background-repeat: no-repeat;}
	
		.menu_color{background-color: #9E2428;mix-blend-mode: multiply;width: 100%;height: 70px;margin-top: 30px;position: absolute;left: 0;top: 0;z-index: 10}
		.menue{	display: flex; flex-flow: row wrap;padding:0 0 0 0;margin:0;height: 45px;position: absolute;top:30px;left: 0;width: 100%;z-index: 999;}
			.menue .m1{order: 1; width: 100%;text-align: center;font-size: 1.7rem;line-height: 2.0rem;color: white;padding: 5px 0 5px 0 ; font-family: "LXGW WenKai TC", cursive}
			.menue .m2{order: 2; width: 20%;text-align: center;line-height: 1.8rem;font-size: 0.9rem;padding: 0 }
			.menue .m2 a {height: 26px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m2 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m2 a {height: 26px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m2 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m3{order: 3; width: 38%;text-align: center;line-height: 1.8rem;font-size: 0.9rem;padding: 0 }
			.menue .m3 a {height: 26px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m3 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m4{order: 4; width: 21%;text-align: center;line-height: 1.8rem;font-size: 0.9rem;padding: 0 }
			.menue .m4 a {height: 26px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m4 a:hover { background:#000; color:#fff; transition : 1s;}
			.menue .m5{order: 5; width: 21%;text-align: center;line-height: 1.8rem;font-size: 0.9rem;padding: 0 }
			.menue .m5 a {height: 26px; width:100% ; margin:0 ; color:#fff ;	 ; display:block; transition : 1s;}
			.menue .m5 a:hover { background:#000; color:#fff; transition : 1s;}
	
	
/*-----------------------------リード(スマホ)----------------------------------*/	
		.cont_m{ display: flex;flex-flow:row wrap;font-size: 1rem;width: 100%;margin: 0 0 100px 0 ;padding: 0; position: relative;z-index: 9;font-size: 0.9rem;overflow:hidden}/*justify-content: center*/
			.cont_m .setumei {order: 1; width: 96%;margin: 105px 2% 0 2% ;font-size: 0.8rem;line-height: 1.2rem;text-align: justify;color: #000; font-weight: 700}
				.setsumei0{background-color: red;color: white;width: 100%; padding: 2px 2px;margin-left: 24px;line-height: 1.4rem;font-weight: 400;font-size: 0.8rem;position: absolute;top:0;left: 0;text-align: center;margin: 0;z-index: 9999}
				.setsumei1{width: 96%;margin: 0 2% 5px 2%;;text-align: justify;}
				.setsumei2{width: 96%;margin: 0 2% 5px 2%;;text-align: justify;}
				.setsumei3{width: 96%;margin: 0 2% 5px 2%;;text-align: justify;}
				.setsumei4{width: 96%;margin: 0 2% 5px 2%;;text-align: justify;}
		/*背景の円*/
			.img_en{width: 0%;mix-blend-mode: multiply;object-fit: cover;    display: block;}
	

/*-----------------------------ニュース(スマホ)----------------------------------*/	
		.news{ display: flex;flex-flow:row wrap;line-height: 1.2rem;width: 100%;margin-top: 0;position: absolute;top:0;left: 0;z-index: 9;height: 100vh; overflow: auto;}/*justify-content: center*/
			.news .waku1 {width: 90%;margin: 0 0 50px 5% ;font-size: 0.9rem;padding: 110px 0 30px 0;overflow-x: hidden;
				text-align: justify;background-color:#AB82C6;border-radius: 0 0 20px 20px;opacity: 0.8}
			.news .news_waku{width: 90%;margin: 0 0 0 5%;text-align:justify;border-bottom: solid 1px #783EBC;padding: 10px 0 10px 0;}
			/*詳しくは*/	
			.news_midashi{color:#5D00CC;font-size: 1.2rem; padding: 0 0 10px 0 ;text-align: center}
			.kuwasikuha{font-size: 0.7rem; padding: 2px 6px 2px 6px;border-radius: 10px;border: solid 0px}
			/*日付*/	
			.news_date{font-size: 1.0rem;padding-right: 5px;}

/*-----------------------------ニュース(スマホ)----------------------------------*/	
		.map{ display: flex;flex-flow:row wrap;font-size: 1rem;line-height: 1.3rem;width: 100%;margin: 40px 0 100px 0 ;font-weight: 700;justify-content: center;}/*justify-content: center*/
			.map .setu {order: 1; width: 92%;margin: 80px 4% 0 4%;font-size: 0.8rem;font-weight: 400;line-height: 1.2rem;text-align: justify}
			.map .waku {order: 2;width: 100%;margin: 50px 0% 0 0%;position: relative}
			.map .midashi{order: 3;width: 98%; ;font-weight: 900;color:#5D00CC;font-size: 0.8rem; padding: 0 ;text-align: center;margin: 0 1% 0 1% }
			.map .hyou {order: 4;width: 92%;margin: 0 3% 0px 3% }
			.map_img{width: 100%;margin: 0 0 0 0 ;position: relative}
	
	
	.map_midashi1{font-size: 1.1rem;text-align: center;line-height: 2.0rem}
	.map_midashi2{font-size: 1rem;text-align: right;line-height: 2.0rem}
/*------------------------御城印(スマホ)-------------------------------------------*/	
		.gojoin{ display: flex;flex-flow:row wrap;font-size: 1rem;width: 100%;margin: 0 0 120px 0% ;z-index: 9;justify-content: center;font-family: "BIZ UDGothic", sans-serif;overflow:hidden;padding: 0;margin:0 0 50px 0}/*justify-content: center*/
			.gojoin .eria0 {width: 92%;margin: 120px 4% 0 4% ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0;}
				.girl{width: 18%;position: absolute;top:110px;right: 20px}
			.gojoin .eria1 {width: 100%;margin: 50px 0 0 0 ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0; text-align: center}
			.gojoin .eria2 {width: 50%;margin: 0 0 40px 0 ;font-size: 0.79rem;line-height: 1.15rem;text-align: justify;color: #444;padding: 0; text-align: center;z-index: 10}
				.gojo_text1{font-size: 0.8rem;line-height: 1.1rem;text-align: center;color: #444;padding: 0;margin: 0}
				.gojo_text2{font-size: 1.0rem;line-height: 1.2rem;text-align: center;color: #444;padding: 0 2% 0 0 ;display: block}
				.gojo_text3{font-size: 0.7rem;line-height: 1.2rem;text-align: center;color: #444;padding: 0;}
				.pro_eria{width: 100%;position: relative;padding: 0;margin: 0}
				.gojoimg{width: 70%;margin: 0;padding: 0}
				.pro_haikei{width: 98%;margin: 0; font-size: 0.8rem;line-height: 1.2rem;padding: 5px 1% 5px 1%;background-color: #F7F4E8;opacity: 0.7;border-radius: 10px}
				.pro_text{width: 98%;margin: 0; font-size: 0.8rem;line-height: 1.2rem;text-align: justify;color: #444;padding: 5px 1% 5px 1%;text-align: center;position: absolute;top:0;left: 0}
				.rink{width: 100%;margin: 0px 0% 0 0;line-height: 1.1rem;text-align: center;padding: 0;}
				.rink_text{width: 100%;margin: 2px 0% 0 0; font-size: 0.6rem;line-height: 1.2rem;color: #fff;padding: 3px 5px 3px 5px;text-align: center;background-color: blue;border-radius: 10px}
				.rink_mark{margin-top: 6px;vertical-align:-1px;height: 12px;}
				.gozyo_midashi_b{width: 100%;margin: 20px 0 0 0;font-size: 1.5rem;line-height: 2rem;text-align: center}
				.gozyo_midashi_s{width: 100%;margin: 0 0 0 0;font-size: 1.2rem;line-height: 2rem;text-align: center}
				.gozyo_read{width: 100%;margin: 0 0 0 0;padding: 0}
				.gozyo_border{width: 100%;margin: 0 0 0 0;border-bottom: solid 1px  #410B0C;margin-bottom: 30px;font-size: 1.2rem;padding: 0  0 10px 0}
	
	
footer{
    width: 100%;
	color: #fff;
    text-align: center;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
.footer_shiro{ height: 90vw;}
	
	.footer_obi{position: absolute;bottom: 0;
	    width: 100%;height: 21vw;
		background-image: url("https://www.chibajokaku.jp/img/footer2.png");background-size: 100%;
	}
	
.fot{font-size: 3.5vw;padding-bottom: 2vw}
	
	}
	
	.pdf_icon{background-color: red;color: #fff;width: 20%;padding: 10px 0 10px 0;text-align: center}	
	.zip_icon{background-color: blue;color: #fff;width: 20%;padding: 10px 0 10px 0;text-align: center}