/* ===========================
50周年記念ページ
============================*/
#c { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -10; }
.background-container { position:relative; width:100%; text-align:center; }

/* ページ全体 */
.main_v, .main_v * { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word;  text-align:center;}
.main_v { position:absolute; top: 10%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index:1; width:100%; }
.main_v * { text-shadow: 0px 1px 4px #fff, 0px -1px 4px #fff, 1px 0px 4px #fff, -1px 0px 4px #fff; font-family: "Noto Serif JP", serif; }

/* TOPロゴ部分 */
.main_v .logo_img_div { width:80%; margin:0 auto 4%; }
.main_v img.logo_img, .main_v img.bnr_img { width:100%; max-width:800px; min-width:300px; margin:0 auto 2em; display:block; }
.main_v { width: 100%; z-index:20; }

/* コンテンツ部分 */
.anv_contents { margin:0 auto 1em; }

/* あいさつ */
#aisatsu { border-top:1rem #ff8000 solid; border-bottom:1rem #ff8000 solid; text-align:center; padding:0; margin-bottom:8rem; border-radius:1rem; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); }
.aisatsu { border-top: 6px #ffdd00 solid; border-bottom: 6px #ffdd00 solid; }
.aisatsu .honbun { background:rgba(255,255,255,0.9); padding:1em; font-size:120%; }
.aisatsu .aisatsu_ttl { font-size:120%; margin-bottom:0.5rem; border-bottom:3px #ff8000 dotted; color:#ff7300; }
.aisatsu img.frame { width:300px; margin:2rem auto; }
.aisatsu p { line-height:160%; text-align:center; margin-bottom:0.7rem; }
.aisatsu .okuri, .aisatsu .okuri p { text-align:right; margin-right:2rem; margin-bottom:0; }


/* コンテンツ１つ分 */
.anv_contents section.sec01, .anv_contents section.sec02 { background:rgba(255,255,255,0.9); border-top:40px #ff8800 solid; margin:0 auto 6em; position:relative; border-radius:1rem; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); }
.anv_contents section.sec01 { width:70%; }
.anv_contents section.sec02 { width:48%; }
.anv_contents * { font-weight: 800; line-height:1.6em; }

/* コンテンツタイトル */
.anv_contents * .num_img { position:absolute; top:-7.3rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index:1; }
.anv_contents * .anv_ttl { padding:0.5rem 1rem 0.5em; margin-bottom:1rem; border-bottom:4px #ff8800 solid; line-height:1rem; font-size:200%; }
.anv_contents * .anv_ttl * { line-height:1.2em; }

/* コンテンツタイトル下の内容部分 */
.anv_sec { text-align:cener; }
.anv_sec, .anv_sec * { line-height:1.5rem; }
.anv_contents * .anv_sec_01 { margin-bottom:0.5em; color:#ff0000; }
.anv_contents * .img_div { margin-top:1.5em; }

.anv_contents * .inner_left_div { text-align:left; display:inline-block; margin:0.2rem auto; }
.anv_contents * .inner_left_div p { text-align:left; }
.main_v * span, .main_v * font { display:inline-block; vertical-align:top; }

.anv_sec .cup_list { margin-right:1em; }
.anv_sec .cup_list:last-child { margin-right:0; }

img.app_btn { margin:1em auto; width:100%; }

/* フッター */
#anv_footer { width:100%; background:rgba(215, 242, 215, 0.8); padding-bottom:2em; }
#anv_footer * { font-weight: 800; line-height:180%; }
.anv_footer { width:80%; margin:1rem auto 0; padding:1rem 1rem 0; }
.anv_footer a { color: #1c3906; text-decoration: none; }
.anv_footer a:hover { color: #387304; }

.anv_footer .c_info .c_name { font-weight:bold; }
.anv_footer .c_info .c_address {  margin-top:1remx; }

.anv_footer .f_menu {	padding:6px; margin:0.5em 0; background:#fff; }
.anv_footer .f_menu a {	font-size: 100%;	margin-left: 8px;	display:inline-block;}
.anv_footer .f_menu a:first-child { margin-left:0; }
.anv_footer .f_menu a:last-child { margin-right:0; }
.anv_footer .f_menu a::after { content:'　|'; }
.anv_footer .f_menu a:last-child::after { content:none; }

.anv_footer .copyright { margin:1rem; }



@media screen and (min-width:2000px){
	/* コンテンツ全体 */
	.anv_contents, .anv_footer { width:60%; }
	.main_v .logo_img_div { margin-bottom:7rem; }
	.anv_contents section.sec01, .anv_contents section.sec02 { padding:2em; margin-bottom:6rem; }

	/* コンテンツ１つ分内 */
	.anv_contents * .anv_sec { font-size:130%; }
	.anv_contents * .anv_sec_01 { font-size:120%; }
	
	.anv_contents * .num_img img { width:10%; max-width:200px; min-width:150px; }
	
	/* コンテンツ１つ分のパターン２ */
	.anv_contents *  .anv_sec { padding-left:0; font-size:130%; }
	.anv_contents *  .num_img img { width:10%; max-width:200px; min-width:150px; }
	
	/* フッター */
	.anv_footer .c_info .c_name { font-size: 160%; }
	.anv_footer .c_info .c_address { font-size: 120%; }
	
}

@media screen and (min-width:920px) and (max-width:1999px){
	
	/* コンテンツ全体 */
	.anv_contents, .anv_footer { width:80%; }
	.main_v .logo_img_div { margin-bottom:7rem; }
	
	/* コンテンツ１つ分内 */
	.anv_contents section.sec01, .anv_contents section.sec02 { padding:2em; margin-bottom:6rem; }
	
	.anv_contents * .anv_sec { font-size:130%; }
	.anv_contents section.sec01 { width:80%; }
	.anv_contents * .anv_sec_01 { font-size:120%; }
	.anv_contents * .num_img img { width:10%; max-width:200px; min-width:150px; }
	
	/* フッター */
	.anv_footer .c_info .c_name { font-size: 150%; }
	.anv_footer .c_info .c_address { font-size: 115%; }
	
}

@media screen and (min-width:671px) and (max-width:919px){
	/* コンテンツ全体 */
	.anv_contents, .anv_footer { width:80%; }
	.main_v .logo_img_div { margin-bottom:8rem; }
	
	/* コンテンツ１つ分内 */
	.anv_contents section.sec01, .anv_contents section.sec02 { padding:2em; margin-bottom:7rem; display:block; flex:none; width:100%; }

	.anv_contents * .anv_sec { font-size:160%; }
	.anv_contents * .anv_sec_01 { font-size:110%; }
	
	.anv_contents * .anv_ttl { font-size:240%; padding-bottom:0.3rem; }
	.anv_contents * .num_img { position:absolute; top:-9.3rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index:1; }
	.anv_contents * .num_img img { width:20%; max-width:180px; min-width:150px; }
	
	/* フッター */
	.anv_footer .c_info .c_name { font-size: 150%; }
	.anv_footer .c_info .c_address { font-size: 115%; }
	
}

@media screen and (max-width:670px){
	/* コンテンツ全体 */
	.anv_contents, .anv_footer { width:95%; }
	.main_v .logo_img_div { width:95%; margin-bottom:8em; }
	
	/* コンテンツ１つ分内 */
	.anv_contents section.sec01, .anv_contents section.sec02 { padding:1.5em; margin-bottom:7rem; display:block; flex:none; width:100%; }
	
	.anv_contents * .anv_sec { font-size:130%; }
	.anv_contents * .anv_sec_01 { margin-bottom:0.5em; font-size:120%; }
	.anv_contents * .anv_sec .cup_list { margin-right:0; display:block; }

	.anv_contents * .num_img { position:absolute; top:-7.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index:1; }
	.anv_contents * .num_img img { width:30%; max-width:200px; min-width:150px; }
	
	/* フッター */
	.anv_footer .c_info .c_name { font-size: 150%; }
	.anv_footer .c_info .c_address { font-size: 115%; }
	.anv_footer .copyright { margin-bottom:5em; }


}



/*.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.noto-serif-<uniquifier> {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}*/