@charset "utf-8";

/* CSS Document */



body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-align: left !important;
    line-break: strict;
    word-break: normal;
    background-color: #CDA16D;
}
header {
    background: #000;
    border-bottom: 1px solid #FFF;
    padding: 6px 10px 6px 10px;
    height: 30px;
    overflow: hidden !important;
}

a:hover,
button:hover {
    opacity: 0.8;
}
a,
button {
    transition: opacity 0.3s ease-out;
}
.sp {
    display: none;
}
.pc {
    display: block;
}
@media (max-width: 750px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}


/* -----------------------------------------------
common 
-------------------------------------------------*/
/* -- margin --- */
.mb-01 {margin-bottom: 1px;}
.mb-05 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-55 {margin-bottom: 55px;}
.mb-60 {margin-bottom: 60px;}
.mb-65 {margin-bottom: 65px;}
.mb-70 {margin-bottom: 70px;}
.mb-75 {margin-bottom: 75px;}
.mb-80 {margin-bottom: 80px;}
.mb-85 {margin-bottom: 85px;}
.mb-90 {margin-bottom: 90px;}
.mb-95 {margin-bottom: 95px;}
.mb-100{margin-bottom: 100px;}
.mb-105{margin-bottom: 105px;}
.mb-110{margin-bottom: 110px;}
.mb-115{margin-bottom: 115px;}
.mb-120{margin-bottom: 120px;}
.mb-125{margin-bottom: 125px;}
.mb-130{margin-bottom: 130px;}
.mb-135{margin-bottom: 135px;}
.mb-140{margin-bottom: 140px;}
.mb-145{margin-bottom: 145px;}
.mb-150{margin-bottom: 150px;}
.mb-155{margin-bottom: 155px;}
.mb-160{margin-bottom: 160px;}
.mb-165{margin-bottom: 165px;}
.mb-170{margin-bottom: 170px;}
.mb-175{margin-bottom: 175px;}
.mb-180{margin-bottom: 180px;}
.mb-185{margin-bottom: 185px;}
.mb-190{margin-bottom: 190px;}
.mb-195{margin-bottom: 195px;}
.mb-200{margin-bottom: 200px;}
.mb-205{margin-bottom: 205px;}
.mb-210{margin-bottom: 210px;}
.mb-215{margin-bottom: 215px;}
.mb-220{margin-bottom: 220px;}
.mb-225{margin-bottom: 225px;}
.mb-230{margin-bottom: 230px;}
.mb-235{margin-bottom: 235px;}
.mb-240{margin-bottom: 240px;}
.mb-245{margin-bottom: 245px;}
.mb-250{margin-bottom: 250px;}
.mb-255{margin-bottom: 255px;}
.mb-260{margin-bottom: 260px;}
.mb-265{margin-bottom: 265px;}
.mb-270{margin-bottom: 270px;}
.mb-275{margin-bottom: 275px;}
.mb-280{margin-bottom: 280px;}
.mb-285{margin-bottom: 285px;}
.mb-290{margin-bottom: 290px;}
.mb-295{margin-bottom: 295px;}
.mb-300{margin-bottom: 300px;}

/* -- padding --- */
.pb-01 {padding-bottom: 1px;}
.pb-05 {padding-bottom: 05px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
.pb-45 {padding-bottom: 45px;}
.pb-50 {padding-bottom: 50px;}
.pb-55 {padding-bottom: 55px;}
.pb-60 {padding-bottom: 60px;}
.pb-65 {padding-bottom: 65px;}
.pb-70 {padding-bottom: 70px;}
.pb-75 {padding-bottom: 75px;}
.pb-80 {padding-bottom: 80px;}
.pb-85 {padding-bottom: 85px;}
.pb-90 {padding-bottom: 90px;}
.pb-95 {padding-bottom: 95px;}
.pb-100{padding-bottom: 100px;}
.pb-105{padding-bottom: 105px;}
.pb-110{padding-bottom: 110px;}
.pb-115{padding-bottom: 115px;}
.pb-120{padding-bottom: 120px;}
.pb-125{padding-bottom: 125px;}
.pb-130{padding-bottom: 130px;}
.pb-135{padding-bottom: 135px;}
.pb-140{padding-bottom: 140px;}
.pb-145{padding-bottom: 145px;}
.pb-150{padding-bottom: 150px;}
.pb-155{padding-bottom: 155px;}
.pb-160{padding-bottom: 160px;}
.pb-165{padding-bottom: 165px;}
.pb-170{padding-bottom: 170px;}
.pb-175{padding-bottom: 175px;}
.pb-180{padding-bottom: 180px;}
.pb-185{padding-bottom: 185px;}
.pb-190{padding-bottom: 190px;}
.pb-195{padding-bottom: 195px;}
.pb-200{padding-bottom: 200px;}
.pb-205{padding-bottom: 205px;}
.pb-210{padding-bottom: 210px;}
.pb-215{padding-bottom: 215px;}
.pb-220{padding-bottom: 220px;}
.pb-225{padding-bottom: 225px;}
.pb-230{padding-bottom: 230px;}
.pb-235{padding-bottom: 235px;}
.pb-240{padding-bottom: 240px;}
.pb-245{padding-bottom: 245px;}
.pb-250{padding-bottom: 250px;}
.pb-255{padding-bottom: 255px;}
.pb-260{padding-bottom: 260px;}
.pb-265{padding-bottom: 265px;}
.pb-270{padding-bottom: 270px;}
.pb-275{padding-bottom: 275px;}
.pb-280{padding-bottom: 280px;}
.pb-285{padding-bottom: 285px;}
.pb-290{padding-bottom: 290px;}
.pb-295{padding-bottom: 295px;}
.pb-300{padding-bottom: 300px;}

@media (max-width: 750px) {
    /* -- margin --- */
    .mb-01 {margin-bottom: 0.2vw;}
    .mb-05 {margin-bottom: 1vw;}
    .mb-10 {margin-bottom: 2vw;}
    .mb-15 {margin-bottom: 3vw;}
    .mb-20 {margin-bottom: 4vw;}
    .mb-25 {margin-bottom: 5vw;}
    .mb-30 {margin-bottom: 6vw;}
    .mb-35 {margin-bottom: 7vw;}
    .mb-40 {margin-bottom: 8vw;}
    .mb-45 {margin-bottom: 9vw;}
    .mb-50 {margin-bottom: 10vw;}
    .mb-55 {margin-bottom: 11vw;}
    .mb-60 {margin-bottom: 12vw;}
    .mb-65 {margin-bottom: 13vw;}
    .mb-70 {margin-bottom: 14vw;}
    .mb-75 {margin-bottom: 15vw;}
    .mb-80 {margin-bottom: 16vw;}
    .mb-85 {margin-bottom: 17vw;}
    .mb-90 {margin-bottom: 18vw;}
    .mb-95 {margin-bottom: 19vw;}
    .mb-100{margin-bottom: 20vw;}
    .mb-105{margin-bottom: 21vw;}
    .mb-110{margin-bottom: 22vw;}
    .mb-115{margin-bottom: 23vw;}
    .mb-120{margin-bottom: 24vw;}
    .mb-125{margin-bottom: 25vw;}
    .mb-130{margin-bottom: 26vw;}
    .mb-135{margin-bottom: 27vw;}
    .mb-140{margin-bottom: 28vw;}
    .mb-145{margin-bottom: 29vw;}
    .mb-150{margin-bottom: 30vw;}
    .mb-155{margin-bottom: 31vw;}
    .mb-160{margin-bottom: 32vw;}
    .mb-165{margin-bottom: 33vw;}
    .mb-170{margin-bottom: 34vw;}
    .mb-175{margin-bottom: 35vw;}
    .mb-180{margin-bottom: 36vw;}
    .mb-185{margin-bottom: 37vw;}
    .mb-190{margin-bottom: 38vw;}
    .mb-195{margin-bottom: 39vw;}
    .mb-200{margin-bottom: 40vw;}
    .mb-205{margin-bottom: 41vw;}
    .mb-210{margin-bottom: 42vw;}
    .mb-215{margin-bottom: 43vw;}
    .mb-220{margin-bottom: 44vw;}
    .mb-225{margin-bottom: 45vw;}
    .mb-230{margin-bottom: 46vw;}
    .mb-235{margin-bottom: 47vw;}
    .mb-240{margin-bottom: 48vw;}
    .mb-245{margin-bottom: 49vw;}
    .mb-250{margin-bottom: 50vw;}
    .mb-255{margin-bottom: 51vw;}
    .mb-260{margin-bottom: 52vw;}
    .mb-265{margin-bottom: 53vw;}
    .mb-270{margin-bottom: 54vw;}
    .mb-275{margin-bottom: 55vw;}
    .mb-280{margin-bottom: 56vw;}
    .mb-285{margin-bottom: 57vw;}
    .mb-290{margin-bottom: 58vw;}
    .mb-295{margin-bottom: 59vw;}
    .mb-300{margin-bottom: 60vw;}

    /* -- padding --- */
    .pb-01 {padding-bottom: 0.2vw;}
    .pb-05 {padding-bottom: 1vw;}
    .pb-10 {padding-bottom: 2vw;}
    .pb-15 {padding-bottom: 3vw;}
    .pb-20 {padding-bottom: 4vw;}
    .pb-25 {padding-bottom: 5vw;}
    .pb-30 {padding-bottom: 6vw;}
    .pb-35 {padding-bottom: 7vw;}
    .pb-40 {padding-bottom: 8vw;}
    .pb-45 {padding-bottom: 9vw;}
    .pb-50 {padding-bottom: 10vw;}
    .pb-55 {padding-bottom: 11vw;}
    .pb-60 {padding-bottom: 12vw;}
    .pb-65 {padding-bottom: 13vw;}
    .pb-70 {padding-bottom: 14vw;}
    .pb-75 {padding-bottom: 15vw;}
    .pb-80 {padding-bottom: 16vw;}
    .pb-85 {padding-bottom: 17vw;}
    .pb-90 {padding-bottom: 18vw;}
    .pb-95 {padding-bottom: 19vw;}
    .pb-100{padding-bottom: 20vw;}
    .pb-105{padding-bottom: 21vw;}
    .pb-110{padding-bottom: 22vw;}
    .pb-115{padding-bottom: 23vw;}
    .pb-120{padding-bottom: 24vw;}
    .pb-125{padding-bottom: 25vw;}
    .pb-130{padding-bottom: 26vw;}
    .pb-135{padding-bottom: 27vw;}
    .pb-140{padding-bottom: 28vw;}
    .pb-145{padding-bottom: 29vw;}
    .pb-150{padding-bottom: 30vw;}
    .pb-155{padding-bottom: 31vw;}
    .pb-160{padding-bottom: 32vw;}
    .pb-165{padding-bottom: 33vw;}
    .pb-170{padding-bottom: 34vw;}
    .pb-175{padding-bottom: 35vw;}
    .pb-180{padding-bottom: 36vw;}
    .pb-185{padding-bottom: 37vw;}
    .pb-190{padding-bottom: 38vw;}
    .pb-195{padding-bottom: 39vw;}
    .pb-200{padding-bottom: 40vw;}
    .pb-205{padding-bottom: 41vw;}
    .pb-210{padding-bottom: 42vw;}
    .pb-215{padding-bottom: 43vw;}
    .pb-220{padding-bottom: 44vw;}
    .pb-225{padding-bottom: 45vw;}
    .pb-230{padding-bottom: 46vw;}
    .pb-235{padding-bottom: 47vw;}
    .pb-240{padding-bottom: 48vw;}
    .pb-245{padding-bottom: 49vw;}
    .pb-250{padding-bottom: 50vw;}
    .pb-255{padding-bottom: 51vw;}
    .pb-260{padding-bottom: 52vw;}
    .pb-265{padding-bottom: 53vw;}
    .pb-270{padding-bottom: 54vw;}
    .pb-275{padding-bottom: 55vw;}
    .pb-280{padding-bottom: 56vw;}
    .pb-285{padding-bottom: 57vw;}
    .pb-290{padding-bottom: 58vw;}
    .pb-295{padding-bottom: 59vw;}
    .pb-300{padding-bottom: 60vw;}
}

/* -- text-align --- */
.ta-c {text-align: center;}
.ta-r {text-align: right;}
.ta-l {text-align: left;}
.ta-j {text-align: justify;}

/* -- font-size --- */
.fz-10	{font-size:	10%}
.fz-11	{font-size:	11%}
.fz-12	{font-size:	12%}
.fz-13	{font-size:	13%}
.fz-14	{font-size:	14%}
.fz-15	{font-size:	15%}
.fz-16	{font-size:	16%}
.fz-17	{font-size:	17%}
.fz-18	{font-size:	18%}
.fz-19	{font-size:	19%}
.fz-20	{font-size:	20%}
.fz-21	{font-size:	21%}
.fz-22	{font-size:	22%}
.fz-23	{font-size:	23%}
.fz-24	{font-size:	24%}
.fz-25	{font-size:	25%}
.fz-26	{font-size:	26%}
.fz-27	{font-size:	27%}
.fz-28	{font-size:	28%}
.fz-29	{font-size:	29%}
.fz-30	{font-size:	30%}
.fz-31	{font-size:	31%}
.fz-32	{font-size:	32%}
.fz-33	{font-size:	33%}
.fz-34	{font-size:	34%}
.fz-35	{font-size:	35%}
.fz-36	{font-size:	36%}
.fz-37	{font-size:	37%}
.fz-38	{font-size:	38%}
.fz-39	{font-size:	39%}
.fz-40	{font-size:	40%}
.fz-41	{font-size:	41%}
.fz-42	{font-size:	42%}
.fz-43	{font-size:	43%}
.fz-44	{font-size:	44%}
.fz-45	{font-size:	45%}
.fz-46	{font-size:	46%}
.fz-47	{font-size:	47%}
.fz-48	{font-size:	48%}
.fz-49	{font-size:	49%}
.fz-50	{font-size:	50%}
.fz-51	{font-size:	51%}
.fz-52	{font-size:	52%}
.fz-53	{font-size:	53%}
.fz-54	{font-size:	54%}
.fz-55	{font-size:	55%}
.fz-56	{font-size:	56%}
.fz-57	{font-size:	57%}
.fz-58	{font-size:	58%}
.fz-59	{font-size:	59%}
.fz-60	{font-size:	60%}
.fz-61	{font-size:	61%}
.fz-62	{font-size:	62%}
.fz-63	{font-size:	63%}
.fz-64	{font-size:	64%}
.fz-65	{font-size:	65%}
.fz-66	{font-size:	66%}
.fz-67	{font-size:	67%}
.fz-68	{font-size:	68%}
.fz-69	{font-size:	69%}
.fz-70	{font-size:	70%}
.fz-71	{font-size:	71%}
.fz-72	{font-size:	72%}
.fz-73	{font-size:	73%}
.fz-74	{font-size:	74%}
.fz-75	{font-size:	75%}
.fz-76	{font-size:	76%}
.fz-77	{font-size:	77%}
.fz-78	{font-size:	78%}
.fz-79	{font-size:	79%}
.fz-80	{font-size:	80%}
.fz-81	{font-size:	81%}
.fz-82	{font-size:	82%}
.fz-83	{font-size:	83%}
.fz-84	{font-size:	84%}
.fz-85	{font-size:	85%}
.fz-86	{font-size:	86%}
.fz-87	{font-size:	87%}
.fz-88	{font-size:	88%}
.fz-89	{font-size:	89%}
.fz-90	{font-size:	90%}
.fz-91	{font-size:	91%}
.fz-92	{font-size:	92%}
.fz-93	{font-size:	93%}
.fz-94	{font-size:	94%}
.fz-95	{font-size:	95%}
.fz-96	{font-size:	96%}
.fz-97	{font-size:	97%}
.fz-98	{font-size:	98%}
.fz-99	{font-size:	99%}
.fz-100	{font-size:	100%}
.fz-101	{font-size:	101%}
.fz-102	{font-size:	102%}
.fz-103	{font-size:	103%}
.fz-104	{font-size:	104%}
.fz-105	{font-size:	105%}
.fz-106	{font-size:	106%}
.fz-107	{font-size:	107%}
.fz-108	{font-size:	108%}
.fz-109	{font-size:	109%}
.fz-110	{font-size:	110%}
.fz-111	{font-size:	111%}
.fz-112	{font-size:	112%}
.fz-113	{font-size:	113%}
.fz-114	{font-size:	114%}
.fz-115	{font-size:	115%}
.fz-116	{font-size:	116%}
.fz-117	{font-size:	117%}
.fz-118	{font-size:	118%}
.fz-119	{font-size:	119%}
.fz-120	{font-size:	120%}
.fz-121	{font-size:	121%}
.fz-122	{font-size:	122%}
.fz-123	{font-size:	123%}
.fz-124	{font-size:	124%}
.fz-125	{font-size:	125%}
.fz-126	{font-size:	126%}
.fz-127	{font-size:	127%}
.fz-128	{font-size:	128%}
.fz-129	{font-size:	129%}
.fz-130	{font-size:	130%}
.fz-131	{font-size:	131%}
.fz-132	{font-size:	132%}
.fz-133	{font-size:	133%}
.fz-134	{font-size:	134%}
.fz-135	{font-size:	135%}
.fz-136	{font-size:	136%}
.fz-137	{font-size:	137%}
.fz-138	{font-size:	138%}
.fz-139	{font-size:	139%}
.fz-140	{font-size:	140%}
.fz-141	{font-size:	141%}
.fz-142	{font-size:	142%}
.fz-143	{font-size:	143%}
.fz-144	{font-size:	144%}
.fz-145	{font-size:	145%}
.fz-146	{font-size:	146%}
.fz-147	{font-size:	147%}
.fz-148	{font-size:	148%}
.fz-149	{font-size:	149%}
.fz-150	{font-size:	150%}
.fz-151	{font-size:	151%}
.fz-152	{font-size:	152%}
.fz-153	{font-size:	153%}
.fz-154	{font-size:	154%}
.fz-155	{font-size:	155%}
.fz-156	{font-size:	156%}
.fz-157	{font-size:	157%}
.fz-158	{font-size:	158%}
.fz-159	{font-size:	159%}
.fz-160	{font-size:	160%}
.fz-161	{font-size:	161%}
.fz-162	{font-size:	162%}
.fz-163	{font-size:	163%}
.fz-164	{font-size:	164%}
.fz-165	{font-size:	165%}
.fz-166	{font-size:	166%}
.fz-167	{font-size:	167%}
.fz-168	{font-size:	168%}
.fz-169	{font-size:	169%}
.fz-170	{font-size:	170%}
.fz-171	{font-size:	171%}
.fz-172	{font-size:	172%}
.fz-173	{font-size:	173%}
.fz-174	{font-size:	174%}
.fz-175	{font-size:	175%}
.fz-176	{font-size:	176%}
.fz-177	{font-size:	177%}
.fz-178	{font-size:	178%}
.fz-179	{font-size:	179%}
.fz-180	{font-size:	180%}
.fz-181	{font-size:	181%}
.fz-182	{font-size:	182%}
.fz-183	{font-size:	183%}
.fz-184	{font-size:	184%}
.fz-185	{font-size:	185%}
.fz-186	{font-size:	186%}
.fz-187	{font-size:	187%}
.fz-188	{font-size:	188%}
.fz-189	{font-size:	189%}
.fz-190	{font-size:	190%}
.fz-191	{font-size:	191%}
.fz-192	{font-size:	192%}
.fz-193	{font-size:	193%}
.fz-194	{font-size:	194%}
.fz-195	{font-size:	195%}
.fz-196	{font-size:	196%}
.fz-197	{font-size:	197%}
.fz-198	{font-size:	198%}
.fz-199	{font-size:	199%}
.fz-200	{font-size:	200%}
.fz-201 {font-size: 201%}
.fz-202 {font-size: 202%}
.fz-203 {font-size: 203%}
.fz-204 {font-size: 204%}
.fz-205 {font-size: 205%}
.fz-206 {font-size: 206%}
.fz-207 {font-size: 207%}
.fz-208 {font-size: 208%}
.fz-209 {font-size: 209%}
.fz-210 {font-size: 210%}
.fz-211 {font-size: 211%}
.fz-212 {font-size: 212%}
.fz-213 {font-size: 213%}
.fz-214 {font-size: 214%}
.fz-215 {font-size: 215%}
.fz-216 {font-size: 216%}
.fz-217 {font-size: 217%}
.fz-218 {font-size: 218%}
.fz-219 {font-size: 219%}
.fz-220 {font-size: 220%}
.fz-221 {font-size: 221%}
.fz-222 {font-size: 222%}
.fz-223 {font-size: 223%}
.fz-224 {font-size: 224%}
.fz-225 {font-size: 225%}
.fz-226 {font-size: 226%}
.fz-227 {font-size: 227%}
.fz-228 {font-size: 228%}
.fz-229 {font-size: 229%}
.fz-230 {font-size: 230%}
.fz-231 {font-size: 231%}
.fz-232 {font-size: 232%}
.fz-233 {font-size: 233%}
.fz-234 {font-size: 234%}
.fz-235 {font-size: 235%}
.fz-236 {font-size: 236%}
.fz-237 {font-size: 237%}
.fz-238 {font-size: 238%}
.fz-239 {font-size: 239%}
.fz-240 {font-size: 240%}
.fz-241 {font-size: 241%}
.fz-242 {font-size: 242%}
.fz-243 {font-size: 243%}
.fz-244 {font-size: 244%}
.fz-245 {font-size: 245%}
.fz-246 {font-size: 246%}
.fz-247 {font-size: 247%}
.fz-248 {font-size: 248%}
.fz-249 {font-size: 249%}
.fz-250 {font-size: 250%}
.fz-251 {font-size: 251%}
.fz-252 {font-size: 252%}
.fz-253 {font-size: 253%}
.fz-254 {font-size: 254%}
.fz-255 {font-size: 255%}
.fz-256 {font-size: 256%}
.fz-257 {font-size: 257%}
.fz-258 {font-size: 258%}
.fz-259 {font-size: 259%}
.fz-260 {font-size: 260%}
.fz-261 {font-size: 261%}
.fz-262 {font-size: 262%}
.fz-263 {font-size: 263%}
.fz-264 {font-size: 264%}
.fz-265 {font-size: 265%}
.fz-266 {font-size: 266%}
.fz-267 {font-size: 267%}
.fz-268 {font-size: 268%}
.fz-269 {font-size: 269%}
.fz-270 {font-size: 270%}
.fz-271 {font-size: 271%}
.fz-272 {font-size: 272%}
.fz-273 {font-size: 273%}
.fz-274 {font-size: 274%}
.fz-275 {font-size: 275%}
.fz-276 {font-size: 276%}
.fz-277 {font-size: 277%}
.fz-278 {font-size: 278%}
.fz-279 {font-size: 279%}
.fz-280 {font-size: 280%}
.fz-281 {font-size: 281%}
.fz-282 {font-size: 282%}
.fz-283 {font-size: 283%}
.fz-284 {font-size: 284%}
.fz-285 {font-size: 285%}
.fz-286 {font-size: 286%}
.fz-287 {font-size: 287%}
.fz-288 {font-size: 288%}
.fz-289 {font-size: 289%}
.fz-290 {font-size: 290%}
.fz-291 {font-size: 291%}
.fz-292 {font-size: 292%}
.fz-293 {font-size: 293%}
.fz-294 {font-size: 294%}
.fz-295 {font-size: 295%}
.fz-296 {font-size: 296%}
.fz-297 {font-size: 297%}
.fz-298 {font-size: 298%}
.fz-299 {font-size: 299%}
.fz-300 {font-size: 300%}
.fz-301 {font-size: 301%}
.fz-302 {font-size: 302%}
.fz-303 {font-size: 303%}
.fz-304 {font-size: 304%}
.fz-305 {font-size: 305%}
.fz-306 {font-size: 306%}
.fz-307 {font-size: 307%}
.fz-308 {font-size: 308%}
.fz-309 {font-size: 309%}
.fz-310 {font-size: 310%}
.fz-311 {font-size: 311%}
.fz-312 {font-size: 312%}
.fz-313 {font-size: 313%}
.fz-314 {font-size: 314%}
.fz-315 {font-size: 315%}
.fz-316 {font-size: 316%}
.fz-317 {font-size: 317%}
.fz-318 {font-size: 318%}
.fz-319 {font-size: 319%}
.fz-320 {font-size: 320%}
.fz-321 {font-size: 321%}
.fz-322 {font-size: 322%}
.fz-323 {font-size: 323%}
.fz-324 {font-size: 324%}
.fz-325 {font-size: 325%}
.fz-326 {font-size: 326%}
.fz-327 {font-size: 327%}
.fz-328 {font-size: 328%}
.fz-329 {font-size: 329%}
.fz-330 {font-size: 330%}
.fz-331 {font-size: 331%}
.fz-332 {font-size: 332%}
.fz-333 {font-size: 333%}
.fz-334 {font-size: 334%}
.fz-335 {font-size: 335%}
.fz-336 {font-size: 336%}
.fz-337 {font-size: 337%}
.fz-338 {font-size: 338%}
.fz-339 {font-size: 339%}
.fz-340 {font-size: 340%}
.fz-341 {font-size: 341%}
.fz-342 {font-size: 342%}
.fz-343 {font-size: 343%}
.fz-344 {font-size: 344%}
.fz-345 {font-size: 345%}
.fz-346 {font-size: 346%}
.fz-347 {font-size: 347%}
.fz-348 {font-size: 348%}
.fz-349 {font-size: 349%}
.fz-350 {font-size: 350%}
.fz-351 {font-size: 351%}
.fz-352 {font-size: 352%}
.fz-353 {font-size: 353%}
.fz-354 {font-size: 354%}
.fz-355 {font-size: 355%}
.fz-356 {font-size: 356%}
.fz-357 {font-size: 357%}
.fz-358 {font-size: 358%}
.fz-359 {font-size: 359%}
.fz-360 {font-size: 360%}
.fz-361 {font-size: 361%}
.fz-362 {font-size: 362%}
.fz-363 {font-size: 363%}
.fz-364 {font-size: 364%}
.fz-365 {font-size: 365%}
.fz-366 {font-size: 366%}
.fz-367 {font-size: 367%}
.fz-368 {font-size: 368%}
.fz-369 {font-size: 369%}
.fz-370 {font-size: 370%}
.fz-371 {font-size: 371%}
.fz-372 {font-size: 372%}
.fz-373 {font-size: 373%}
.fz-374 {font-size: 374%}
.fz-375 {font-size: 375%}
.fz-376 {font-size: 376%}
.fz-377 {font-size: 377%}
.fz-378 {font-size: 378%}
.fz-379 {font-size: 379%}
.fz-380 {font-size: 380%}
.fz-381 {font-size: 381%}
.fz-382 {font-size: 382%}
.fz-383 {font-size: 383%}
.fz-384 {font-size: 384%}
.fz-385 {font-size: 385%}
.fz-386 {font-size: 386%}
.fz-387 {font-size: 387%}
.fz-388 {font-size: 388%}
.fz-389 {font-size: 389%}
.fz-390 {font-size: 390%}
.fz-391 {font-size: 391%}
.fz-392 {font-size: 392%}
.fz-393 {font-size: 393%}
.fz-394 {font-size: 394%}
.fz-395 {font-size: 395%}
.fz-396 {font-size: 396%}
.fz-397 {font-size: 397%}
.fz-398 {font-size: 398%}
.fz-399 {font-size: 399%}
.fz-400 {font-size: 400%}

html[lang="en"]  .fz-eng {
    font-size: 85%;
}

/* -- font-weight --- */
.fw-b {font-weight: bold;}
.fw-n {font-weight: normal;}
.fw-100{font-weight: 100;}
.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.fw-900{font-weight: 900;}
.fw-1000{font-weight: 1000;}

/* -- position --- */
.po-r {position: relative;}
.po-a {position: absolute;}
.po-f {position: fixed;}

/* -- z-index --- */
.z-001{z-index: 001;}
.z-100{z-index: 100;}
.z-200{z-index: 200;}
.z-300{z-index: 300;}
.z-400{z-index: 400;}
.z-500{z-index: 500;}
.z-600{z-index: 600;}
.z-700{z-index: 700;}
.z-800{z-index: 800;}
.z-900{z-index: 900;}
.z-900{z-index: 9000;}

/* -- float --- */
.fl-l {float: left;}
.fl-r {float: right;}

/* -- color --- */
.c-000 {color: #000;}
.c-FFF {color: #FFF;}
.c-F00 {color: #F00;}

/* -- white-space --- */
.ws-n {
    white-space: nowrap;
}

/* -- col2 --- */
.col2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.col2 > div {
    width: 50%;
}

/* line-height */
.lh-12 {line-height: 1.0;}
.lh-12 {line-height: 1.2;}
.lh-14 {line-height: 1.4;}
.lh-16 {line-height: 1.6;}
.lh-18 {line-height: 1.8;}
.lh-20 {line-height: 2.0;}
.lh-22 {line-height: 2.2;}
.lh-24 {line-height: 2.4;}
.lh-26 {line-height: 2.6;}
.lh-28 {line-height: 2.8;}
.lh-30 {line-height: 3.0;}

/* letter-spacing */
.ls-005 {letter-spacing: 0.05em;}
.ls-010 {letter-spacing: 0.10em;}
.ls-015 {letter-spacing: 0.15em;}
.ls-020 {letter-spacing: 0.20em;}
.ls-025 {letter-spacing: 0.25em;}
.ls-030 {letter-spacing: 0.30em;}
.ls-035 {letter-spacing: 0.35em;}
.ls-040 {letter-spacing: 0.40em;}
.ls-045 {letter-spacing: 0.45em;}

/* button */
button {
    display: block;
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #000;
    outline: none;
    background-color: transparent;
    border: none;
}

/* width */
.w-001 { width: 1%; }
.w-002 { width: 2%; }
.w-003 { width: 3%; }
.w-004 { width: 4%; }
.w-005 { width: 5%; }
.w-006 { width: 6%; }
.w-007 { width: 7%; }
.w-008 { width: 8%; }
.w-009 { width: 9%; }
.w-010 { width: 10%; }
.w-011 { width: 11%; }
.w-012 { width: 12%; }
.w-013 { width: 13%; }
.w-014 { width: 14%; }
.w-015 { width: 15%; }
.w-016 { width: 16%; }
.w-017 { width: 17%; }
.w-018 { width: 18%; }
.w-019 { width: 19%; }
.w-020 { width: 20%; }
.w-021 { width: 21%; }
.w-022 { width: 22%; }
.w-023 { width: 23%; }
.w-024 { width: 24%; }
.w-025 { width: 25%; }
.w-026 { width: 26%; }
.w-027 { width: 27%; }
.w-028 { width: 28%; }
.w-029 { width: 29%; }
.w-030 { width: 30%; }
.w-031 { width: 31%; }
.w-032 { width: 32%; }
.w-033 { width: 33%; }
.w-034 { width: 34%; }
.w-035 { width: 35%; }
.w-036 { width: 36%; }
.w-037 { width: 37%; }
.w-038 { width: 38%; }
.w-039 { width: 39%; }
.w-040 { width: 40%; }
.w-041 { width: 41%; }
.w-042 { width: 42%; }
.w-043 { width: 43%; }
.w-044 { width: 44%; }
.w-045 { width: 45%; }
.w-046 { width: 46%; }
.w-047 { width: 47%; }
.w-048 { width: 48%; }
.w-049 { width: 49%; }
.w-050 { width: 50%; }
.w-051 { width: 51%; }
.w-052 { width: 52%; }
.w-053 { width: 53%; }
.w-054 { width: 54%; }
.w-055 { width: 55%; }
.w-056 { width: 56%; }
.w-057 { width: 57%; }
.w-058 { width: 58%; }
.w-059 { width: 59%; }
.w-060 { width: 60%; }
.w-061 { width: 61%; }
.w-062 { width: 62%; }
.w-063 { width: 63%; }
.w-064 { width: 64%; }
.w-065 { width: 65%; }
.w-066 { width: 66%; }
.w-067 { width: 67%; }
.w-068 { width: 68%; }
.w-069 { width: 69%; }
.w-070 { width: 70%; }
.w-071 { width: 71%; }
.w-072 { width: 72%; }
.w-073 { width: 73%; }
.w-074 { width: 74%; }
.w-075 { width: 75%; }
.w-076 { width: 76%; }
.w-077 { width: 77%; }
.w-078 { width: 78%; }
.w-079 { width: 79%; }
.w-080 { width: 80%; }
.w-081 { width: 81%; }
.w-082 { width: 82%; }
.w-083 { width: 83%; }
.w-084 { width: 84%; }
.w-085 { width: 85%; }
.w-086 { width: 86%; }
.w-087 { width: 87%; }
.w-088 { width: 88%; }
.w-089 { width: 89%; }
.w-090 { width: 90%; }
.w-091 { width: 91%; }
.w-092 { width: 92%; }
.w-093 { width: 93%; }
.w-094 { width: 94%; }
.w-095 { width: 95%; }
.w-096 { width: 96%; }
.w-097 { width: 97%; }
.w-098 { width: 98%; }
.w-099 { width: 99%; }
.w-100 { width: 100%; }

/* display */
.d-b {display: block;}
.d-i {display: inline;}
.d-ib {display: inline-block;}
.d-f {display: flex;}



/* youtube */
#contents .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#contents .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#contents #sns-share h2{
	margin: 0 34.6%;
}
#contents .sns-btn {
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#contents .sns-btn li {
    display: block;
    width: 12%;
    margin: 0 3.25%;
}
#social_btn {
	width: 100%;
    text-align: center;
    font-size: 0;
}
#social_btn > div {
    vertical-align: top;
    display: inline-block;
    margin: 0 5px;
}
#social_btn .fb_iframe_widget {
    vertical-align: top;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    
    z-index: 800;
}
#page-top.fixed {
    position: fixed !important;
}








/* sns-area */

#sns-area{
	margin-bottom: 2em;
	margin: 0 5.333% 3em;
}

.main-sns .ttl-sns{
    /* background: #969696; */
}

.main-sns .inner {
    position: relative;
}
.main-sns .inner .bg {
    position: relative;
    z-index: 1;
}

.main-sns .inner .on {
    position: absolute;
    z-index: 2;
    width: 76.9%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.main-sns .inner li{
    background: #fff;
}

.main-news .ttl-news{
    /* background: #969696; */
}

.main-news .news_inner{
    background: #fff;
    width: 100%;
    border: 1px solid #969696;
    box-sizing: border-box;
}

.main-news .news_inner.gray{
    background: #eee;
    width: 100%;
    border: none;
    box-sizing: border-box;
}

.main-news .news_inner .news_lead{
    width: 84.6%;
    margin-left: auto;
    margin-right: auto;
}

.main-news .news_inner .news_btn{
    width: 76.923%;
    border: 1px solid #969696;
    margin-left: auto;
    margin-right: auto;
}


.main-sns-channel{
    background: #EEECEB;
}

.main-sns{
    position: relative;
    padding: 8% 0;
    /* background: #EEECEB; */
}
.main-sns .ttl-sns{
    /* background: #EEECEB; */
}
.main-sns ul{
    width: 90%;
    margin: 0 auto;
}

.main-channel{
    position: relative;
    padding: 8% 0;
    /* background: #EEECEB; */
}
.main-channel::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 90%;
    height: 1px;
    background: #8F8F8F;
    transform: translate(-50%, 0);
}
.main-channel .ttl-channel{
    /* background: #EEECEB; */
}
.main-channel ul{
    width: 90%;
    margin: 0 auto;
}



#site-notice{
	margin: 2em 5.333%;
    font-size: 85%;
}


/* -----------------------------------------
	SNS footer
-----------------------------------------*/
#sns-footer {
	background: #EEE;
	margin-top: 0em;
}
#sns-footer svg {
	width: 100%;
}

#sns-footer img {
	width: 100%;
}

#sns-footer #sns-footer-inner {
	max-width: 750px;
	margin: auto;
}
#sns-footer #sns-footer-inner #sns-footer-tit {
	padding: 12% 20% 5%;
}
#sns-footer #sns-footer-inner #sns-footer-line {
	padding: 0 14% 10%;
}
#sns-footer #sns-footer-inner #sns-footer-tit-02 {
	padding: 0 33% 3.5%;
}
#sns-footer #sns-footer-inner #sns-footer-list {
	padding: 0 14% 15%;
	overflow: hidden;
}
#sns-footer #sns-footer-inner #sns-footer-list li {
	float: left;
	width: 33.33333%;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
#sns-footer #sns-footer-inner #sns-footer-list li a {
	display: block;
	padding: 5%;
}


/* -----------------------------------------
	attention
-----------------------------------------*/
.attention {
    margin: 0 6.66% 1em;
    font-size: 85%;
}
.attention li {
    text-indent: -1em;
    margin-left: 1em;
}


/* -----------------------------------------
	modal
-----------------------------------------*/
.modal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    justify-content: center;
    align-items: center;
    display: none;
    opacity: 0;
}

.modal.active {
    display: flex;
    animation: fadein .5s forwards;
}

.modal.fade-out { 
    animation: fadeout .5s forwards;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.modal-content {
    background-color: transparent;
    padding: 0;
    border: none;
    max-width: 650px;
    width: 90%;
    border-radius: 0;
    position: relative; 
    max-height: 96vh;
    overflow-y: auto;
	-ms-overflow-style: none;
    scrollbar-width: none;
}
.modal-content::-webkit-scrollbar {
    display: none;
}

.close-button {
	position: absolute;
	display: block;
	right: 1.25em;
	top: 1.25em;
	width: 10%;
}

.close-button:hover,
.close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/* -----------------------------------------
	sns-link
-----------------------------------------*/
.sns-link {
    background-color: #e7e5e3;
    margin: 0 6.66% 2em;
    padding: 2em 0 2em;
    color: #000;
}
.sns-link-title {
    text-align: center;
    margin-bottom: 0.225em;
    font-size: 160%;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0.75em;
}
.sns-link-title .in {
    position: relative;
    display: inline-block;
}
.sns-link-title .in::after {
    content: '';
    position: absolute;
    transform: rotate(-15deg);
    left: -1em;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
}
.sns-link-title .in::before {
    content: '';
    position: absolute;
    transform: rotate(15deg);
    right: -1em;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
}
.sns-link-in {
    margin: 0 3.846%;
}
.sns-link-copy {
    text-align: center;
    margin-bottom: 0.5em;
    line-height: 1.4;
    font-size: 130%;
}
.sns-link-copy .s {
    font-size: 65%;
}
.sns-link-img {
    margin-bottom: 0.75em;
}
.sns-link-ig {
    margin-bottom: 1em;
}
.sns-link-tw {
    margin-bottom: 1em;
}
.sns-link-yt {
    margin-top: 2em;
    padding-top: 1.5em;
    text-align: center;
    border-top: 1px solid #000;
}
.sns-link-yt-sub {
    font-size: 90%;
}
.sns-link-yt-title {
    font-weight: bold;
    font-size: 145%;
    margin-bottom: 0.5em;
}
.sns-title {
    margin-bottom: 1.5em;
    text-align: center;
    font-size: 100%;
}
.sns-title span {
    display: inline-block;
    position: relative;
    padding: 0 1em;
    font-weight: bold;
    line-height: 1.2;
}
.sns-title span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #FFF;
    transform: rotate(-25deg);
}
.sns-title span::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #FFF;
    transform: rotate(25deg);
}
/* -----------------------------------------
contents
-----------------------------------------*/
#container {
    margin: auto;
    width: 100%;
    max-width: 750px;
}
#contents {
    margin: auto;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.6;
    font-size: 18px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
    font-feature-settings: "palt";
    position: relative;
}
@media (max-width: 500px) {
    #contents {
        font-size: 3.5vw;
    }
}
.serif {
    font-family: 'Noto Serif JP',"Shippori Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    /* font-family: 'Noto Serif JP', serif; */
    /* font-family: 'Shippori Mincho', serif; */
    font-feature-settings: "palt";
}
.zen {
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
#contents img {
    width: 100%;
    font-size: 0;
    line-height: 1;
}
.contents-in img {
    width: 100%;
    display: block;
    font-size: 0;
    line-height: 1;
}
/* -----------------------------------------
anchor
-----------------------------------------*/
.anchor {
    padding-top: 100px;
    margin-top: -100px;
    display: block;
    position: relative;
    cursor: default;
}
@media (max-width: 750px) {
    .anchor {
        padding-top: 12.5vw;
        margin-top: -12.5vw;
    }
}
.anchor2 {
    padding-top: 60px;
    margin-top: -60px;
    display: block;
    position: relative;
    cursor: default;
}
@media (max-width: 750px) {
    .anchor2 {
        padding-top: 12.5vw;
        margin-top: -12.5vw;
    }
}
/* -----------------------------------------
page Layout
-----------------------------------------*/
.date-wrap {
    text-align: center;
}
.date {
    display: inline-block;
    padding: 0 3em;
    line-height: 1.4;
    position: relative;
}
.yokoku {
    display: inline-block;
    width: 3em;
    position: absolute;
    left: -.5em;
    top: 0em;
    font-size: 85%;
    border: 1px solid #FFF;
    border-radius: 100px;
    padding: .2em .15em .15em;
}
#contents {
    background-color: #fff;
    box-shadow: 0px 0px 10px -5px #777777;
    padding-bottom: 1px;
}
#sns-footer {
    position: relative;
    z-index: 20;
    max-width: 500px;
    margin: auto;
}
header {
    position: relative;
    z-index: 100;
}
footer {
    position: relative;
    z-index: 20;
    max-width: 500px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
}
/* --------------- */
:root {
  --color-fh: #00559E;  /* 前半の青 */
  --color-sh: #D0121B; /* 後半の赤 */
}
.bg-01 {
    background-color: #002244;
}
.slide-wrap {
    padding: 1em 0 10%;
}
.ih {
    border-radius: 100px;
    padding: .15em .5em .15em;
    color: #FFF;
    font-size: 90%;
}
.ih.ih1 {
    background-color: var(--color-fh);
}
.ih.ih2 {
    background-color: var(--color-sh);
}
.sub-text {
    background-color: #CDA16D;
    color: #002244;
    font-weight: bold;
    padding: 0.1em .2em;
}
.title-01 {
    text-align: center;
    font-weight: bold;
    font-size: 140%;
    line-height: 1.4;
}
.inner-01 {
    margin-left: 14.5%;
    margin-right: 14.5%;
}
.inner-02 {
    margin-left: 3.5%;
    margin-right: 3.5%;
}
.inner-03 {
    margin-left: 5.5%;
    margin-right: 5.5%;
}
.btn-01 {
    position: relative;
    border: 1.5px solid #FFF;
}
.btn-01 a {
    z-index: 20;
    position: relative;
    display: block;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 1em 2em;
    font-size: 100%;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: right .75em center;
    background-size: 1.35em;
    background-image: url(../img/260819/arrow-01.svg);
}
.btn-01 .cs {
    display: block;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.btn-01 .cs img {
    float: right;
    width: 100% !important;     
    height: 100% !important;
    object-fit: contain;
    object-position: right center;
}
.btn-02 {
    position: relative;
}
.btn-02 a {
    background-color: #B5C5D8;
    z-index: 20;
    position: relative;
    display: block;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 1em 2em;
    font-size: 100%;
    color: #002244;
    background-repeat: no-repeat;
    background-position: right .75em center;
    background-size: 1.35em;
    background-image: url(../img/260819/arrow-02.svg);
}
.btn-03 {
    position: relative;
}
.btn-03 a {
    background-color: transparent;
    z-index: 20;
    border: 1px solid #002244;
    position: relative;
    display: block;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 1em 2em;
    font-size: 100%;
    color: #002244;
    background-repeat: no-repeat;
    background-position: right .75em center;
    background-size: 1.35em;
    background-image: url(../img/260819/arrow-02.svg);
}
.box01 {
    background-color: #6B8AB0;
    border-radius: 0 0 1em 1em;
}
.box01-title {
    text-align: center;
    font-weight: bold;
    color: #FFF;
    font-size: 120%;
    margin-bottom: 0.5em;
}
.box01-in {
    padding: 5% 8.5%;
}
.box01-text {
    font-size: 85%;
    text-align: center;
}
.box01-bdr {
    border-top: 1px solid #002244;
    padding-top: 5%;
    padding-bottom: 5%;
}
.box01-lead {
    text-align: center;
    font-size: 110%;
    line-height: 1.4;
    margin-bottom: 0.25em;
    color: #002244;
    font-weight: bold;
}

.dfc {
    display: flex;
    align-items: center;
}
.tid {
    text-indent: -1em;
    margin-left: 1em;
}
.mt-01 {
    margin-top: -1em;
}
.mt-02 {
    margin-top: -2em;
}
.mt-03 {
    margin-top: -3em;
}
.mt-04 {
    margin-top: -4em;
}
.mt-05 {
    margin-top: -5em;
}

.link-bg {
    text-align: center;
    padding: 1px 0;
    line-height: 1.4;
}
.link-bg.bg1 {
    background-color: #D6CCE5;
}
.link-bg.bg2 {
    background-color: #FFDFE5;
}
.link-bg.bg3 {
    background-color: #6B8AB0;
}
.link-bg.bg4 {
    background-color: #800000;
    border-radius: 0 0 .825em .825em;
}
.link-bg.bg5 {
    background-color: #004E29;
}
.link-bg.bg6 {
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: center top;
    background-image: url(../img/260819/img-24.webp);
}

.link-date {
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 105%;
}
.link-date .ico {
    display: inline-block;
    border-radius: 100px;
    color: #FFF;
    padding: .25em .75em .2em;
    font-size: 85%;
}
.link-date .ico.bg1 {
    background-color: var(--color-fh);
}
.link-date .ico.bg2 {
    background-color: var(--color-sh);
}
.link-date .ico .l {
    font-size: 110%;
}

.icod {
    display: inline-block;
    border-radius: 100px;
    color: #FFF;
    padding: .15em .5em .10em;
    font-size: 80%;
    font-weight: bold;
}
.icod.p2 {
    padding: .1em .5em .02em;
}
.icod.bg1 {
    background-color: var(--color-fh);
}
.icod.bg2 {
    background-color: var(--color-sh);
}
.icod .l {
    font-size: 110%;
}

.link-title {
    font-weight: bold;
    font-size: 140%;
    margin-bottom: 0.15em;
    line-height: 1.2;
}
.link-title .s {
    font-size: 85%;
}
.link-title .ico {
    margin-right: 0.25em;
    display: inline-block;
    color: #FFF;
    padding: .15em .25em .05em;
    font-size: 85%;
    background-color: #C68741;
}
.link-list {
    padding: 2.5% 5% 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.link-list li {
    width: 47.5%;
    margin-bottom: 0.5em;
}
.link-list li .text {
    padding: 0 1em;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.4em;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1em;
    background-image: url(../img/260819/arrow-01.svg);
}
.link-lead {
    line-height: 1.4;
    text-align: center;
}
.link-lead span {
    display: inline-block;
    padding: .15em .5em .1em;
    background-color: #fff;
    font-weight: bold;
    font-size: 115%;
    color: #002244;
}
.mb0 {
    margin-bottom: 0 !important;
}
.next {
    text-align: center;
    background-color: #D01280;
    font-weight: bold;
    line-height: 1.4;
    padding: .25em .5em;
    color: #FFF;
    font-size: 120%;
}
#menu {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 500px;
    margin: auto;
    z-index: 1000;
}
#menu.fixed {
    position: fixed;
}
#menu .logo {
    background-color: #d0121b;
}
#contents {
    padding-top: 55px;
}
@media (max-width: 500px) {
    #contents {
        padding-top: 11vw;
    }
}
#main {
    position: relative;
    z-index: 50;
}
/* -----------------------------------------
	nav
-----------------------------------------*/
#nav-fixed {
    position: relative;
    z-index: 800;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    display: none;
    width: 100%;
    max-width: 500px;
}
@media (max-width: 500px) {

}
.nav-fixed-bg {
    background-color: #CDA16D;
    margin-left: 10%;
    padding: 1em 0 0;
    height: calc(100vh - 2em);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}
.nav-fixed-bg::-webkit-scrollbar {
    display:none;
}
.menu-in {
    position: relative;
}
#nav-btn {
    position: absolute;
    right: 2%;
    top: .35em;
    width: 8.5%;
    display: none;
}
@media (max-width: 1200px) {
    #nav-btn {
        display: block;
    }
}
.pc-left {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(50% - 250px);
}
.pc-left .in {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.pc-left .in p {
    width: 80%;
    max-width: 480px;
}
.pc-left .in p img {
    width: 100%;
}
.pc-right {
    position: fixed;
    font-size: 16px;
    right: 0;
    top: 0;
    height: 100%;
    width: calc(50% - 250px);
}
@media (max-width: 1580px) {
    .pc-right {
        font-size: 1vw;
    }
}
.pc-right .in {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.pc-right .in nav {
    width: 80%;
    max-width: 440px;
    background-color: #fff;
    color: #002244;
    padding: 2.5%;
}
.pc-right .navi-info,
.pc-right .navi-info .navi-info-s a {
    color: #002244;
}
.pc-right .navi-info-in .f {
    color: #FFF;
}
.pc-right img {
    width: 100%;
}
.pc-right .navi-info {
    border-bottom: 1px solid #002244;
}
.pc-right .navi-info.dot {
    border-bottom: 1px dashed #002244;
}
.pc-right .navi-info-s li:nth-child(1) .navi-info-s-in {
    border-right: 1px dashed #002244;
}
@media (max-width: 1200px) {
    .pc-left,.pc-right {
        display: none;
    }
}
.navi {
    padding: 3.5%;
    background-color: #CDA16D;
}
.navi-btn {
    margin-bottom: 0.5em;
    overflow: hidden;
}
.navi-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.navi-thumb {
    width: 20%;
}
.navi-info {
    width: 78%;
    line-height: 1.2;
    border-bottom: 1px solid #FFF;
    color: #FFF;
}
.navi-info a {
    color: #FFF;
}
.navi-info.dot {
    border-bottom: 1px dashed #FFF;
}
.navi-info.arrow {
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 1.25em;
    background-image: url(../img/260908/navi-arrow-01.webp);
}
.navi-info.arrow.d {
    background-image: url(../img/260908/navi-arrow-01-down.webp);
}
.navi-info.arrow.u {
    background-image: url(../img/260908/navi-arrow-01-up.webp);
}
.pc-right .navi-info.arrow {
    background-image: url(../img/260908/navi-arrow-02.webp);
}
.pc-right .navi-info.arrow.d {
    background-image: url(../img/260908/navi-arrow-02-down.webp);
}
.pc-right .navi-info.arrow.u {
    background-image: url(../img/260908/navi-arrow-02-up.webp);
}
.navi-info-in {
    display: flex;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.navi-info-in.db {
    display: block;
    font-size: 90%;
    padding-top: .25em;
    font-weight: normal;
}
.navi-info-in .f {
    background-color: #d0121b;
    font-weight: bold;
    margin-right: 0.5em;
    padding: .3em .35em .2em;
    font-size: 90%;
    max-width: 3em;
}
.navi-info-in .t {
    font-size: 115%;
    font-weight: bold;
}
.navi-info-in .s {
    font-size: 85%;
    font-weight: 400;
}
.navi-info-s {
    display: flex;
    width: 100%;
    margin: .5em 0;
}
.navi-info-s li {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
}
.navi-info-s li .cs {
    position: absolute;
    right: 0;
    bottom: -.5em;
    width: 50%;
}
.pc-right .navi-info-s li .cs {
    bottom: -1.35em;
}
.navi-info-s li span,
.navi-info-s li a {
    flex-grow: 1;
    min-height: 2.6em;
    display: flex;
    align-items: center;
}
.navi-info-s li.h2 span,
.navi-info-s li.h2 a {
    min-height: 4em;
}
.navi-info-s-in {
    display: block;
    box-sizing: border-box;
    font-weight: bold;
    background-repeat: no-repeat;
    background-size: 1.4em;
    background-image: url(../img/260908/navi-arrow-01.webp);
}
.navi-info-s-in.d {
    background-image: url(../img/260908/navi-arrow-01-down.webp);
}
.navi-info-s-in.u {
    background-image: url(../img/260908/navi-arrow-01-up.webp);
}
.pc-right .navi-info-s-in {
    background-image: url(../img/260908/navi-arrow-02.webp);
}
.pc-right .navi-info-s-in.d {
    background-image: url(../img/260908/navi-arrow-02-down.webp);
}
.pc-right .navi-info-s-in.u {
    background-image: url(../img/260908/navi-arrow-02-up.webp);
}
.navi-info-s li:nth-child(1) .navi-info-s-in {
    border-right: 1px dashed #FFF;
    background-position: right .5em center;
}
.navi-info-s li:nth-child(2) .navi-info-s-in {
    background-position: right 0 center;
    padding-left: 1em;
}
.navi-info-s li:nth-child(1) .navi-info-s-in.p2 {
    border-right: 1px dashed #FFF;
    background-position: right .5em center;
}
.navi-info-s li:nth-child(2) .navi-info-s-in.p2 {
    background-position: right 0 center;
}
.navi-btm {
    background-color: #E6D0B6;
    padding: 2% 6% 6%;
    margin-top: 1.5em;
}
.pc-right .navi-btm {
    border: 1px solid #002244;
    background-color: #FFF;
    padding: 2% 6% 6%;
    margin-top: 1.5em;
}
.navi-btm-single {
    border-bottom: 1px solid #002244;
}
.navi-btm-single.last {
    border-bottom: none;
}
.navi-btm-single a {
    display: block;
    color: #002244;
    padding: 1em 1em 1em 0;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 1em;
    background-image: url(../img/260908/navi-arrow-02.webp);
    font-size: 110%;
}
.navi-btm-single a.d {
    background-image: url(../img/260908/navi-arrow-02-down.webp);
}
.navi-btm-single a.u {
    background-image: url(../img/260908/navi-arrow-02-up.webp);
}
.navi-btm-single a.p2 {
    display: block;
    color: #002244;
    line-height: 1.2;
    padding: .5em 1em .5em 0;
}
.navi-btm-single a .s {
    font-size: 85%;
}
.navi-btm-top a {
    display: block;
    border: 1px solid #002244;
    padding: .5em 1em;
    text-align: center;
    color: #002244;
    font-weight: bold;
    font-size: 120%;
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    background-size: 1em;
    background-image: url(../img/260908/navi-arrow-02.webp);
}

.modal-in {
    background-color: #fff;
    margin: 5%;
    font-size: 18px;
    position: relative;
    border: 1px solid #1c5945;
    padding: 2% 3%;
    font-feature-settings: "palt";
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
@media (max-width: 500px) {
    .modal-in {
        font-size: 3.5vw;
    }
}
.modal-in img {
    width: 100%;
}
.modal-close {
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    width: 5%;
}
.modal-title {
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    font-size: 160%;
    margin-bottom: 0.5em;
    color: #1c5945;
}
.modal-date {
    text-align: center;
    font-size: 110%;
    margin-bottom: 1em;
}
.modal-text {
    text-align: center;
    font-size: 110%;
    margin-bottom: 2em;
}
.modal-box {
    border-radius: 1em;
    padding: 1em 3% 3%;
    margin-bottom: 2.5em;
}
.modal-box.bg1 {
    background-color: #CAE1F4;
}
.modal-box.bg2 {
    background-color: #FFE5EB;
    margin-bottom: 0;
}
.modal-box-ico {
    font-size: 110%;
    margin-top: -2em;
    margin-bottom: 0.5em;
}
.modal-box-title {
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    font-size: 140%;
    margin-bottom: 0.5em;
    color: #1c5945;
}
.modal-box-in {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.modal-box-left {
    width: 47%;
}
.modal-box-right {
    width: 56%;
    margin-right: -3%;
}
.modal-box-text {
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 0.2em;
}
.modal-box-list li {
    font-size: 85%;
    text-indent: -1em;
    margin-left: 1em;
}
.modal-bal span {
    display: inline-block;
    position: relative;
    padding: 0 1em;
    font-weight: bold;
    line-height: 1.2;
    color: #183f26;
    font-size: 120%;
    margin: 2em 0 1em;
}
.modal-bal span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #183f26;
    transform: rotate(-25deg);
}
.modal-bal span::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #183f26;
    transform: rotate(25deg);
}

.bgc-01 {
    background-color: #EBE5F2;
}
.bgc-02 {
    background-color: #FCEAF3;
}
.bgc-03 {
    background-color: #FCEAF3;
}
.bgc-04 {
    background-color: #F4F0EB;
}
.bgc-05 {
    background-color: #7F2638;
}
.bgc-06 {
    background-color: #D5F6F9;
}
.bgc-07 {
    background-color: #000;
}
.bgc-08 {
    background-color: #EBE7E3;
}

.c-01 {
    color: #002244;
}
.c-02 {
    color: #CDA16D;
}
.c-q {
    color: #471a55;
}
.c-a {
    color: #6a3a54;
}
.c-t {
    color: #93121B;
}
.c-e {
    color: #002244;
}
.c-b {
    color: #93121B;
}
.c-p {
    color: #FFF;
}
.c-p2 {
    color: #002244;
}
.c-all {
    color: #1C5945;
}

.page-title {
    text-align: center;
    font-weight: bold;
    line-height: 1.1;
    font-size: 170%;
    margin-bottom: 1em;
}
.page-title.mb2 {
    margin-bottom: 0.5em;
}
.page-title .s {
    font-size:75%;
}
.page-title .i {
    display: inline-block;
    background-color: #C68741;
    color: #FFF;
    font-weight: bold;
    font-size: 60%;
    transform: translateY(-.25em);
    margin-right: 0.5em;
    padding: .1em .2em .05em .4em;
    letter-spacing: 0.25em;
}
.page-title-02 {
    text-align: center;
    letter-spacing: 0.2em;
    margin-bottom: 1em;
    font-size: 140%;
}
.page-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.page-nav.c2 {
    justify-content: center;
}
.page-nav > p {
    width: calc(100% / 3);
}
.page-nav.c2 > p {
    width: 50%;
}

.item {
    line-height: 1.4;
}
.item.mb0 {
    margin-bottom: 0 !important;
}
.item-name {
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    margin: 0.25em 0;
}
.item-name.left {
    text-align: left;
}
.item-date {
    text-align: center;
    margin-bottom: 0.35em;
    font-weight: 500;
}
.item-date.left {
    text-align: left;
}
.item-lead {
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    margin: .5em 0;
}
.item-lead.left {
    text-align: left;
}
.item-in-01 {
    margin-left: 10%;
    margin-right: 10%;
}
.item-in-02 {
    margin-left: 5%;
    margin-right: 5%;
}
.item-in-03 {
    margin-left: 7.5%;
    margin-right: 3.5%;
}
.item-in-04 {
    margin-left: 3.5%;
    margin-right: 7.5%;
}
.item-place {
    padding-left: 4em;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 3.5em;
    background-image: url(../img/260908/item-place.svg);
}
.item-text {
    text-align: justify;
    margin-bottom: 0.5em;
    font-size: 90%;
    line-height: 1.6;
}
.item-slide {
    margin-bottom: 1em;
}
.item-spec {
    margin-bottom: 1em;
    font-size: 90%;
    line-height: 1.6;
}
.item-att {
  margin-bottom: 1em;
  font-size: 85%;   
}
.item-att li {
    text-indent: -1em;
    margin-left: 1em;
    opacity: 0.8;
}
.item-cell {
    margin-bottom: 2em;
}
.item-com {
    text-align: center;
    font-size: 90%;
}
.item-online {
    margin: 0 10% 4em;
}
.item-online.bg3 {
    border: 1px solid #B48856;
    border-radius: 1em;
}
.item-online.bg3 .title-img {
    margin: -1em 25% .5em;
}
.item-online.m2 {
    margin: 0 5% 4em;
}
.item-online .in {
    background-color: #EBE5F2;
    border-radius: 0 0 .75em .75em;
}
.item-online.bg3 .in {
    background-color: transparent;
}
.item-online .in.r {
    padding-top: 5%;
    border-radius: .75em;
}
.item-online.bg2 .in {
    background-color: #F5ECE2;
}
.item-online .title {
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    padding: .1em 0 .5em;
    border-bottom: 3px solid #FFF;
}
.item-online.bg3 .title {
    border-bottom: 1px solid #B48856;
}
.item-online .name {
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    padding: .5em 0 .2em;
}
.item-online .col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.item-online .col .img {
    width: 60%;
}
.item-online .col .info {
    width: 35%;
    margin-right: 5%;
    display: flex;
    align-items: center;
}
.item-online .text {
    font-size: 90%;
    margin-bottom: 0.5em;
}
.item-online .spec {
    font-size: 90%;
}
.item-online .inner {
    padding: 0 10% 1px;
}
.item-online .inner2 {
    padding: 5% 5% 1px;
}
.item-online .list {
    margin-bottom: 0.25em;
}
.item-online .list li {
    font-size: 90%;
    text-indent: -1em;
    margin-left: 1em;
}
.item-online .sub {
    font-size: 85%;
}
.item-btn {
    text-align: center;
    margin: .5em 0;
}
.item-btn-att {
    color: #000;
    text-align: center;
    font-size: 80%;
}
.item-btn-att.c2 {
    color: #FFF;
}
.item-online.bg3 .item-btn-att {
    color: #FFF;
}
.item-btn-img {
    margin: .2em 0;
}
.item-btn-img.s {
    margin: .2em 10%;
}
.item-btn-img.s2 {
    margin: .2em 6%;
}
.item-column {
    position: relative;
    margin-bottom: 2.5em;
}
.item-column .in {
    background-color: #FDEBF5;
    padding: 0 5% 5%;
}
.item-column .title {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 0.5em;
    text-align: center;
}
.item-column .text {
    text-align: justify;
    font-size: 90%;
}

.af-in {
    margin: 0 5.5%;
    background-color: #fff;
    padding-bottom: 1px;
}

.sort-sl {
    margin: 0 5.33% 2em;
    background-color: #F497AB;
    padding: 5.5%;
    border-radius: .5em;
}
.sort-sl-single {
    margin-bottom: .5em;
}
.sort-sl-btn {
    display: block;
    outline: none;
    text-align: left;
    position: relative;
}
.sort-sl-btn:hover {
    opacity: 1;
}
.sort-sl-btn .in {
    line-height: 1.4;
    padding: .5em 1em .5em 3em;
    display: block;
    position: relative;
    z-index: 20;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: left 0em center;
    background-size: 1.825em;
    background-image: url(../img/260908/tea-check-off.webp);
}
.sort-sl-btn.on .in {
    background-image: url(../img/260908/tea-check-on.webp);
}
.sort-sl-btn .in .s {
    font-size: 100%;
}
.sort-sl-btn .in .l {
    font-size: 140%;
    font-weight: 700;
}
.sort-sl-submit {
    display: inline-block;
    position: relative;
}
.sort-sl-submit .in {
    line-height: 1.4;
    box-sizing: border-box;
    padding: .75em 5em .75em 5em;
    display: block;
    position: relative;
    z-index: 20;
    background-color: #AA7F53;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: right .25em center;
    background-size: 1.5em;
    background-image: url(../img/260908/tea-check-btn.webp);
    font-size: 120%;
    font-weight: 600;
}
.sort-sl-reset {
    font-weight: 600;
    font-size: 110%;
    text-decoration: underline;
    color: #FFF;
}
.cat-single {
    margin-top: -6em;
    padding-top: 6em;
    margin-bottom: 6em;
}

@media (max-width: 750px) {
    #sort-body {
        padding-top: 22vw;
        margin-top: -22vw;
    }
}
.cat-single:last-child {
    margin-bottom: 1.5em;
}
.cat-single-att {
    display: none;
    text-align: center;
    font-weight: bold;
    padding: 0 0 4em;
}

.tea-in {
    margin-left: 5%;
    margin-right: 5%;
    background-color: #fff;
}
.tea-in > h2 {
    transform: translateY(-2em);
}

.it {
    margin-bottom: 2em;
}
.it-img {
    line-height: 0;
    vertical-align: bottom;
}
.it-in {
    margin: 0 6.6%;
    padding-bottom: 2em;
    border-bottom: 1px dashed #93121B;
}
.it-in.bdn {
    border-bottom: none;
    padding-top: 1em;
    padding-bottom: 3em;
}
.it-cat {
    margin-bottom: 0.75em;
    line-height: 1.4;
    font-size: 90%;
}
.it-cat span {
    display: inline-block;
    padding: .25em .5em .1em;
    font-weight: bold;
}
.it-cat span.bg1 {
    background-color: #FEE3D2;
}
.it-cat span.bg2 {
    background-color: #E2D9EA;
}
.it-cat span.bg3 {
    background-color: #F9D5E7;
}
.it-cat span.bg4 {
    background-color: #FFF8B5;
}
.it-text {
    text-align: justify;
    margin-bottom: 0.5em;
    font-size: 95%;
}
.it-name {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.it-date {
    text-align: left;
    font-size: 90%;
    margin-bottom: 0.5em;
}
.it-date .item-date {
    text-align: left;
}
.it-spec {
    font-size: 90%;
    margin-bottom: 0.25em;
}

.event-special {
    position: relative;
    background-color: #E6D0B6;
    margin-left: 5.5%;
    margin-right: 5.5%;
}
.event-special-ico {
    position: absolute;
    left: 0;
    top: 0;
}
.event-special-ico span {
    display: inline-block;
    color: #FFF;
    padding: .1em .5em .2em;
    font-size: 100%;
    background-color: #CDA16D;
}
.event-special-in {
    padding: 5%;
}
.event-special-lead {
    margin-top: 2em;
    text-align: center;
}
.event-special-lead span {
    display: block;
    font-weight: bold;
    padding: .15em .5em .2em;
    font-size: 100%;
    background-color: #FFF;
}
.event-special-title {
    text-align: center;
    margin-bottom: 0.5em;
    line-height: 1.4em;
    font-size: 110%;
}
.event-special-title .l {
    font-weight: bold;
    font-size: 120%;
}
.event-special-text {
    font-size: 90%;
    text-align: justify;
}
.event-special-about {
    font-size: 90%;
    border: 1px solid #002244;
}
.event-special-about dt {
    text-align: center;
    font-weight: bold;
    padding: .2em 0 .1em;
    border-bottom: 1px solid #002244;
}
.event-special-about dd {
    padding: 4%;
    text-align: justify;
}
.event-special-list {
    font-size: 90%;
}
.event-special-att {
    font-size: 80%;
}
.event-special-att li {
    text-indent: -1em;
    margin-left: 1em;
}
.suport {
    display: inline-block;
    width: 6em;
    transform: translateY(.35em);
}

/* -----------------------------------------
c-footer
-----------------------------------------*/
.c-footer {
    margin: 0 4% 2em;
}
.c-footer__event {
    background-color: #f0e6ef;
    padding: 7.5% 5%;
    margin-bottom: 2em;
}
.c-footer__event-title {
    text-align: center;
    font-weight: 600;
    font-size: 180%;
    letter-spacing: 0.05em;
    line-height: 1.3;
    color: #000;
    margin-bottom: .75em;
    position: relative;
}
.c-footer__event-title::after {
    content: '';
    position: absolute;
    left: .75em;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
    transform: rotate(-15deg);
}
.c-footer__event-title::before {
    content: '';
    position: absolute;
    right: .75em;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
    transform: rotate(15deg);
}
.c-footer__event-title .in {
    display: block;
    position: relative;
    padding: 0 1em;
}
.c-footer__event-btn {
    margin-bottom: .825em;
}
.c-footer__thumb {
    margin-top: 1.75em;
}
.c-footer__notice {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #000;
}
.c-footer__notice.bdr-none {
    border-bottom: none;
    padding-bottom: 0;
}
.c-footer__notice li {
    text-indent: -1em;
    margin-left: 1em;
    font-size: 90%;
    color: #000;
}
.c-footer__sns {
    margin-bottom: 2em;
}
.c-footer__sns.bdr {
    margin-top: 3em;
    padding-top: 2em;
    border-top: 1px solid #000;
    margin-bottom: 2em;
}
.c-footer__sns-title {
    text-align: center; 
    font-weight: 600;
    font-size: 130%;
    color: #000;
    letter-spacing: 0.05em;
    margin-bottom: 1em;
}
.c-footer__sns-btn {
    text-align: center;
}
.c-footer__sns-btn li {
    display: inline-block;
    width: 20.5%;
    margin: 0 2%;
}

.antique {
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: center top;
    background-image: url(../img/260915/fashion-89.webp);
}

.item-event {
    border: 1px solid #93121B;
    margin: 2em 0;
    padding: 5%;
}

.pub-lead {
    text-align: center;
    margin-top: 0.25em;
}
.pub-lead .text {
    display: inline-block;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    padding: 1em 0 1em 3.5em;
    background-repeat: no-repeat;
    background-size: 3em;
    background-position: left center;
    background-image: url(../img/260915/pub-06.webp);
}
.pub-lead .text.bg2 {
    background-image: url(../img/260915/pub-22.webp);
}

.af-single {
    margin-bottom: 3em;
    background-color: #F5ECE2;
    border-radius: 1.5em;
    overflow: hidden;
}
.af-head {
    text-align: center;
    font-weight: bold;
    background-color: #1C5945;
    color: #FFF;
    padding: .125em .5em;
}
.af-head .l {
    font-size: 140%;
}
.af-body {
    padding: 5% 6%;
}
.af-title {
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    font-size: 140%;
    margin-bottom: 0.25em;
}
.af-title .s {
    font-size: 75%;
}
.af-date {
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    font-size: 100%;
    margin-bottom: 0.45em;
}
.af-img {
    margin-top: 0.5em;
    margin-bottom: 0.75em;
}
.af-text {
    text-align: justify;
    margin-bottom: 0.65em;
    font-size: 90%;
}
.af-spec {
    margin-bottom: 0.825em;
    font-size: 85%;
}
.af-btn {
    margin: 0 18% .5em;
}
.af-btn a {
    display: block;
    border: 1px solid #1C5945;
    background-color: #fff;
    text-align: center;
    padding: .5em 1em;
    font-weight: bold;
    color: #1C5945;
    background-repeat: no-repeat;
    background-position: right .75em center;
    background-size: 1.125em;
    background-image: url(../img/260915/arrow-af.webp);
}
.af-cell {
    position: relative;
    margin-bottom: 2em;
    padding-bottom: 2em;
}
.af-cell:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.af-cell::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 85%;
    height: 1px;
    background-color: #1C5945;
}
.af-cell:last-child::after {
    display: none;
}
.af-ico {
    font-size: 85%;
    margin-bottom: 0.5em;
    padding: .5em 0 .5em 3.5em;
    background-repeat: no-repeat;
    background-position: left 0em center;
    background-size: 3em;
    min-height: 3em;
    display: flex;
    align-items: center;
}
.af-ico .in {
    flex: 1;
    width: 100%;
    display: block;
}
.af-ico.ico-01 {
    background-image: url(../img/260915/allfloors-ico-01.webp);
}
.af-ico.ico-02 {
    background-image: url(../img/260915/allfloors-ico-02.webp);
}