html{
			  	scroll-padding-top: 200px;
			}
			
			body{
				header{/*ここから下がヘッダーの内容*/
					position: fixed;
					width: 100%;
					height: 120px;
					border-bottom: 1px solid #111111;
					background-color: #fff;
					z-index: 200;
					.Header_Brand{
						width: 100%;
						height: 50px;
						background-color: #2d2d2d;
						div{
							display: flex;
							justify-content: center;
							align-items: center;
							a img{
								height: 30px;
								margin: 10px 0;
								padding: 0 100px;
							}
						}
					}
					.Header_Nav{/*ここから下がヘッダーのナビの部分*/
						display: flex;
						align-items: center;
						justify-content: space-between;
						max-width:1200px;
						margin: 0 auto;
						.Header_Look_Image{
							height: 30px;
							img{
								height: 100%;
							}
						}
						.Header_Na_List{/*ナビのボタンの一覧について*/
							display: flex;
							width: 50%;
							.Header_Na_Item{/*ナビのボタン一つについて*/
								width: 150px;
								height: 40px;
								position: relative;
								text-align: center;
								h3{
									font-size: 14px;
								}
								h5{
									font-size: 12px;
									padding-bottom: 20px;
								}
								a{
									text-decoration: none;
									color: #111111;
								}
								.NavSub{
								  	position: absolute;
								  	padding: 0;
								  	display: none;
									border: 1px solid #111111;
								}

								.NavSub li a{
									width: 150px;
									height: 50px;
								  	padding: 5px;
								  	display: block;
								  	color: #fff;
								  	text-decoration: none;
									background: #111111;
									h4{
										font-weight: bolder;
										line-height: 50px;
									}
								}

								.NavSub li a:hover{
								  	background-color: #ffffff;
									color: #111111;
								}
							}/*.Header_Na_Item内容終わり*/
						}/*.Header_Na_List内容終わり*/
					}/*.Header_Nav内容終わり*/
					
					#Search_Window{/*ここから下が検索窓の外枠の内容*/
						height: 70px;
						width: 100%;
						border-bottom-left-radius: 30px;
						border-bottom-right-radius: 30px;
						display: flex;
						align-items: center;
						justify-content: center;
						.search{/*ここから下が検索窓の内容*/
							width: 75%;
							height: 35px;
							display: flex;
							justify-content: center;
							border: 1px solid #000;
							.search_box{/*ここから下が検索窓の入力部の内容*/
								width: 75%;
								height: 100%;
								overflow: hidden;
								input{
									width: 100%;
									height: 100%;
									padding-left: 30px;
									font-size: 18px;
									border: none;
								}/*inputの内容終わり*/
							}/*.search_boxの内容終わり*/
							.search_button{/*ここから下が検索窓の検索ボタンの内容*/
								width: 25%;
								height: 100%;
								background-color: #fff;
								border-left: 1px solid #2d2d2d;
								display: flex;
								justify-content: center;
								align-items: center;
								overflow: hidden;
								input[type="image"]{/*ここから下が検索ボタンの画像の内容*/
									height: 100%;
									width: auto;
								}/*inputの内容終わり*/
							}/*.search_buttonの内容終わり*/
						}/*.searchの内容終わり*/
					}/*#Search_Windowの内容終わり*/
				}/*ここまでがヘッダーの内容*/
				main{/*ここから下がmainの内容*/
					padding-top: 100px;
					background-color: #CCCCCC;
					
					
					.Left_Fixed{/*ここから下が左固定のクーポン画像の内容*/
						position: fixed;
						bottom: 0%;
						left: 0;
						width: 200px;
						z-index: 50;
						img{width: 100%}
					}/*.Left_Fixedの内容終わり*/
					
					.Main_Visual{/*ここから下がメインビジュアルの内容*/
						width: 100%;
						height: 400px;
						background-color: #FFE6E7;
					}/*.Main_Visualの内容終わり*/
					
					/*●ここから下が各セクションに飛ぶボタン内容●*/
					.Ma_Link{
						width: 800px;
						margin: 0 auto 30px;
						position: sticky;
						top: 120px;
						z-index: 100;
						.Ma_Li_List{/*ここから下が横並びリンクの内容*/
							display: flex;
							a{
								width: 200px;
								height: 70px;
								border:solid 1px #000;
								overflow: hidden;
								&:nth-child(1){
									border-bottom-left-radius: 20px;
								}
								&:nth-child(4){
									border-bottom-right-radius: 20px;
								}
								img{
									width: 100%;
									height: 100%;
									background-color: #fff;
								}
							}
						}/*.Ma_Li_Listの内容終わり*/
						.Ma_Li_Rakuten{
							margin-top: 30px;
							width: 100%;
							height: 100px;
							img{
								width: 100%;
								height: 100%;
								background-color: #888888;
							}
						}
					}/*.Ma_Linkの内容終わり*/
					
					.Ma_Ad{/*ここから下が広告枠*/
						width: 1000px;
						margin: 0 auto 70px;
						img{
							width: 100%;
						}
					}/*.Ma_Adの内容終わり*/
					
					#Ma_Cp{/*ここから下がクーポン欄の内容*/
						margin-bottom: 100px;
						.Cp_Bn{/*クーポンタイトルバナーの内容*/
							width: 100%;
							height: 100px;
							background-color: #2d2d2d;
							text-align: center;
							margin-bottom: 50px;
							h3{
								font-size: 36px;
								color: #fff;
								line-height: 100px;
							}
						}/*.Cp_Bnの内容終わり*/
						.Cp_List{/*ここから下がクーポン一覧の内容*/
							width: 1200px;
							margin: 0 auto;
							.Main_Cp{/*ここから下がメインクーポンの内容*/
								width: 100%;
								height: 250px;
								margin-bottom: 20px;
								a img{
									width: 100%;
									height: 100%;
									background-color: #888888;
								}
							}/*.Main_Cpの内容終わり*/
							.Sub_Cp{
								display: flex;
								.Sub_Cp_Item{
									width: 400px;
									height: 250px;
									img{
										width: 100%;
										height: 100%;
										background-color: #888888;
									}
									margin-right: 10px;
									&:nth-child(3){
										margin-right: 0px;
									}
								}
							}/*.Sub_Cpの内容終わり*/
						}/*.Cp_Listの内容終わり*/
					}/*#Ma_Cpの内容終わり*/
					
					#Ma_Ci{/*ここから下がキャンペーンアイテムの内容*/
						background-color: #fff;
						.Ci_Bn{/*クーポンタイトルバナーの内容*/
							width: 100%;
							height: 100px;
							background-color: #2d2d2d;
							text-align: center;
							margin-bottom: 50px;
							h3{
								font-size: 36px;
								color: #fff;
								line-height: 100px;
							}
						}/*.Ci_Bnの内容終わり*/
						
						#Ci_List{
							max-width: 1200px;
							margin: 0 auto;
							display: flex;
							flex-wrap: wrap;
							justify-content: center;
							.Ci_Item{
								margin-top: -1px;
								margin-left: -1px;
								width: calc((100% / 3) + 1px);
								box-sizing: border-box;
								border: 1px solid #000;
								position: relative;
								.Ci_Cate{
									position: absolute;
									top: 20px;
									left: 20px;
									font-family: "bianca", sans-serif;
									font-weight: 400;
									font-style: normal;
									font-size: 30px;
									transform: rotate(-15deg);
								}
								.Ci_Img_Link{
									width: 80%;
									margin: 10px auto;
									img{
										width: 100%;
									}
								}
								.Ci_Item_Txt{
									width: 90%;
									margin: 0 auto 30px;
									border-top: 1px solid #000;
									text-align: center;
									h2{
										font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
										font-size: 20px;
										margin: 10px 0 20px;
										font-weight: bold;
									}
									h5{
										font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
										font-size: 14px;
										margin-bottom: 5px;
									}p{
										font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
										font-size: 10px;
										margin-bottom: 20px;
									}
									.Ci_Item_Price{
										display: flex;
										font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
										justify-content: center;
										align-items: flex-end;
										h4{
											font-size: 30px;
											line-height: 46px;
										}h3{
											font-size: 40px;
											color: #DD191C
										}
									}.Ci_Item_Btn{
										h5{
											font-size: 12px;
										}
									}
								}/*.Ci_Item_Txt内容終わり*/
							}/*.Ci_Itemの内容終わり*/
						}/*#Ci_List内容終わり*/
					
						#Ci_Ca_List{/*各カテゴリのボタンについて*/
							width: 1000px;
							margin: 50px auto 0;
							display: flex;
							a{
								width: 235px;
								height: 100px;
								margin-right: 20px;
								&:last-child{
									margin-right: 0;
								}
								.Ci_Ca_Btn{
									width: 100%;
									height: 100%;
									background-color: #888888;
								}
							}
						}/*#Ci_Ca_Listの内容終わり*/
						
						#Ci_Ca_All{/*全対象商品のボタンについて*/
							width: 1000px;
							margin: 30px auto 70px;
							a{
								width: 100%;
								height: 100px;
								.Ci_All_Btn{
									width: 100%;
									height: 100px;
									background-color: #888888;
								}
							}
						}/*#Ci_Ca_Allの内容終わり*/
					}/*#Ma_Ciの内容終わり*/
					
					
					
					#Ci_Other{/*ここから下が流れるスライド内容*/
						height: 500px;
						padding-bottom: 70px;
						.Slide_l_Item{/*右から左に流れる*/
							.Sl_It_box{/*一つ一つの内容について*/
								margin: 30px;
								width: 100px;
								border-radius: 50%;
								overflow: hidden;
								img{
									width: 100%;
								}
							}/*.Sl_It_boxの内容終わり*/
						}/*.Slide_l_Itemの内容終わり*/
						.Slide_r_Item{/*左から右に流れる*/
							.Sl_It_box{/*{一つ一つの内容について*/
								margin: 30px;
								width: 100px;
								border-radius: 50%;
								overflow: hidden;
								img{
									width: 100%;
								}
							}/*Sl_It_boxの内容終わり*/
						}/*.Slide_r_Itemの内容終わり*/
					}/*#Ca_Otherの内容終わり*/
					
					#Ma_Ev{/*ここから下がイベント欄の内容*/
						margin-bottom: 100px;
						.Ev_Bn{/*イベントタイトルバナーの内容*/
							width: 100%;
							height: 100px;
							background-color: #2d2d2d;
							text-align: center;
							margin-bottom: 50px;
							h3{
								font-size: 36px;
								color: #fff;
								line-height: 100px;
							}
						}/*.Ev_Bnの内容終わり*/
						.Ev_Axx{/*アクシージアについての内容*/
							width: 1100px;
							margin: 0 auto 70px;
							.Ev_Axx_Ma{/*アクシージアメイン画像の内容*/
								width: 1080px;
								margin: 0 auto;
								a img{
									width: 100%;
								}
							}/*.Ev_Axx_Maの内容終わり*/
							.Ev_Axx_Sub{/*アクシージアサブ画像の内容*/
								width: 1080px;
								margin: 10px auto 0;
								display: flex;
								flex-wrap: wrap;
								a{
									margin: 10px;
									}
								img{
									width: 100%;
								}
							}/*.Ev_Axx_Subの内容終わり*/
						}/*.Ev_Axxの内容終わり*/
						
						.Ev_Cl{/*ここから下がクリアランスの内容*/
							width: 1200px;
							margin: 0 auto;
							.Ev_Cl_Img{
								width: calc(100% - 1px);
								margin-top: -1px;
								margin-left: -1px;
								border: 1px solid #111111;
								margin-bottom: 20px;
								img{
									width: 100%;
								}
							}.Ev_Cl_List{
								display: flex;
								.Ev_Cl_Item{
									margin-top: -1px;
									margin-left: -1px;
									width: calc((100% / 5) + 1px);
									box-sizing: border-box;
									border: 1px solid #000;
									position: relative;
									background-color: #ffffff;
									.Ev_Item_Img{
										width: 80%;
										margin: 20px auto;
										img{
											width: 100%;
										}
									}
									.Ev_Item_Txt{
										width: 90%;
										margin: 0 auto;
										border-top: 1px solid #111111;
										text-align: center;
										h5{
											font-size: 16px;
											margin: 15px 0 5px
										}p{
											margin-bottom: 20px;
											font-size: 12px;
										}
									}
								}
							}
						}/*.Ev_Clの内容終わり*/
					}/*#Ma_Evの内容終わり*/
					
					#Ma_Ft{/*ここから下が特集欄の内容*/
						margin-bottom: 100px;
						.Ft_Bn{/*イベントタイトルバナーの内容*/
							width: 100%;
							height: 100px;
							background-color: #2d2d2d;
							text-align: center;
							margin-bottom: 50px;
							h3{
								font-size: 36px;
								color: #fff;
								line-height: 100px;
							}
						}/*.Ft_Bnの内容終わり*/
					}/*#Ma_Ftの内容終わり*/
				}/*mainの内容終わり*/
			
			
				/*●●ここから下がボタンの形や挙動のCSS●●*/
				.button a {
					border-radius: 3px;
					border: 1px solid #2d2d2d;
					position: relative;
					display: flex;
					justify-content: space-around;
					align-items: center;
					margin: 20px auto 0;
					max-width:90%;
					padding: 12px 25px;
					color: #2d2d2d;
					transition: 0.3s ease-in-out;
					font-weight: 500;
					text-decoration: none;
				}
				.button a:after {
					content: "";
					position: absolute;
					top: 50%;
					bottom: 0;
					right: 2rem;
					font-size: 90%;
					display: flex;
					justify-content: center;
					align-items: center;
					transition: right 0.3s;
					width: 6px;
					height: 6px;
					border-top: solid 2px currentColor;
					border-right: solid 2px currentColor;
					transform: translateY(-50%) rotate(45deg);
				}
				.button a:hover {
					background: #2d2d2d;
					color: #ffffff;
					border: 1px solid #ffffff;
				}
				.button a:hover:after {
					right: 1.4rem;
				}
				/*▲ここまでがボタンの内容について▲*/

				/*ここから下がスマホサイズの記載*/
				@media screen and (max-width:450px) {
					.Pc_Img{display: none}
					.Sp_Img{display: block}
					main{
						.Left_Fixed{
							position: fixed;
							top:auto;
							bottom: 0%;
							width: 150px;
							z-index: 50;
						}
						#Ci_Other{
							.Slide_l_Item{
								.Sl_It_box{
									margin:10px 5px;
								}
							}.Slide_r_Item{
								.Sl_It_box{
									margin: 10px 5px;
								}
							}
						}/*#Ca_Otherの内容終わり*/
					}/*mainの内容終わり*/
					.pagetop a{
						img{
							width: 70%;
						}
					}
				}
				
				a:hover img{
					opacity: 1;
					z-index: 0;
				}
			}/*bodyの内容終わり*/
			
			.Mega_Menu{
				background-color: rgba(255, 255, 255, 1);
				right: -100px;
				top: 0;
				opacity: 0;
				position: absolute;
				text-align: center;
				visibility: hidden;
				width: 100%;
				height: 100px;
				transition: 0.3s;
				.Mega_List{
					display: flex;
					flex-wrap: wrap;
					width: 94%;
					margin: 0 3%;
					.Mega_Item{
						width: 100%;
						max-width: 1000px;
						margin: 0 auto;
					}
				}
			}

			.Header_Item{
				padding: 15px 0;
			}
			.Header_Item:hover .Mega_Menu{
				opacity: 1;
				right: 0;
				visibility: visible;
				transition: 0.5s;
			}