@charset "utf-8";

body{
	width:100%;
	margin: 0 auto;
	padding:0;
} 

#main-container {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align: center;
	background-image: url(https://www.chiyodagrp.co.jp/special/90th-anniversary-sale2/images/background-img.png);
	background-repeat: repeat;
	background-size: contain;
	position: relative;
}

.main-contents {
	width:900px;
	margin:0 auto;
	padding:0;
}

/*==================================================
==================================================*/

.top-visual {
	position:relative;
}

.top-visual h1 {
	width:900px;
	margin-top:10px;
}

.move_ttl {
	position:absolute;
	top: 330px;
}

.top-visual img {
	width:100%;
}

.top-visual h2 img{
	width:100%;
}


ul.btn_flyer_container {
	display:flex;
	waidth:800px;
	margin:20px auto;
	flex-wrap: nowrap;
	justify-content: space-around;
}

.btn_flyer_container li {
	width:380px;
}

.btn_flyer_container li a img {
	width:100%;
}

/*==================================================
==================================================*/

.menu{
	position: sticky;
	width:800px;
	margin:0 auto;
	top: 0;
    z-index: 2;
}

.menu ul {
	display:flex;
	flex-wrap: nowrap;
	width:100%;
}

.menu li {
}

.menu li img {
	width:100%;
}

/*==================================================
==================================================*/

.main-contents-inner{
	width:800px;
	margin:0 auto;
}

.border-red {
	border: 2px solid #FF0004;
	border-bottom-radius: 40px;
}

.border-blue {
	border: 2px solid #009fe8;
	border-bottom-radius: 40px;
	background-image: url(https://www.chiyodagrp.co.jp/special/test_90th-anniversary-sale2/images/background_ice.png);
	background-repeat: repeat;
}

.page-contents .movie {
	width: 90%;
	margin: 5% auto 8%;
	aspect-ratio: 16 / 9;
}

.page-contents .movie iframe {
	width: 100%;
	height: 100%;
}

.main-contents-inner h2 img {
	width:100%;
}

.main-contents-inner h3 {
	width:600px;
	margin:40px auto 0;
}
.main-contents-inner h3 img {
	width:100%
}

dl.item_container {
	width:620px;
	margin:50px auto;
	position:relative;
}
.item_container dt {
	width:100%;
}

.item_container dt img {
	width:100%;
}

.item_container dt.item_move {
	position:absolute;
	width:100%;
	top: 0;
}

.item_container dd {
	margin-top:10px;
}

.item_container dd img {
	width:100%;
}


.item_flex_container {
	display:flex;
	width:600px;
	flex-wrap: wrap;
	margin:0 auto;
}

dl.item_flex_container_inner {
	position: relative;
	width:280px;
	margin:30px auto;
}
.item_flex_container_inner dt {
	width:100%;
}
.item_flex_container_inner dt img {
	width:100%;
}

.item_flex_container_inner .item_move {
	position: absolute;
	top:0;
} 

.item_flex_container_inner dd {
	width:100%;
	margin-top:10px;
}
.item_flex_container_inner dd a img {
	width:100%;
}

/*==================================================
==================================================*/

ul.btn {
	width:600px;
	margin:20px auto;
}

.btn li {
	margin-bottom:20px;
}

.btn li a img {
	width:100%;
}

ul.txt_attention {
	width:600px;
	margin:0 auto 100px;
	font-size:12px;
	text-align: left;
}

.txt_attention li {
	text-indent:-1em;
	padding-left:1em;
}

.txt_attention .maru {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	border: 1px solid;
	border-radius: 50%;
	text-align:center;
    line-height: 1.5em;
    text-indent: 0.1em;
	
}

.txt_attention .sai {
	display:inline-block;
	width:1.3em;
	text-align:center;
	line-height: 1.3em;
	text-indent: 0.1em;
	background-color: #FFEC00;
	border: 1px solid #FF0000;
	color: #FF0000;
	
}

/*==================================================
==================================================*/


dl.campaign-container {
	width:700px;
	margin:40px auto 80px;
}

.campaign-container dt a img {
	width:100%;
}

.campaign-container dd {
	margin-top:20px;
}

.campaign-container dd a img {
	width:100%;
}


.campaign_container_flex {
	display:flex;
	width:700px;
	margin:0 auto 80px;
	
}

.campaign_container_flex p {
	width:340px;
	padding:10px;
}

.campaign_container_flex p a img {
	width:100%;
}

dl.spatto_point {
	width:600px;
	margin:0px auto;
	position:relative;
}

.spatto_point dt {
}

.spatto_point dt img {
	margin-bottom:10px;
	width:100%;
}

.spatto_point dd {
	position:absolute;
	top:0;
}

.spatto_point dd img {
	width:100%;
}

/*==================================================
==================================================*/


.anchor {
	margin-top:-120px;
	padding-top:120px;
}

.anchorB {
	margin-top:-120px;
	padding-top:140px;
}


.fadeInLeft {
	opacty:0;
}

.fadeInLeft_opacty {
	opacty:1;
}
.fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 800ms;
}
.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}