@charset "utf-8";

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

#main-container {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align: center;
	background-repeat:repeat;
}

.main_visual {
	max-width:1920;
	width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	display:flex;
	flex-wrap: nowrap;
}

.main_visual h1 {
	width:50%;
}

.main_visual h1 img {
	width:100%;
}

.main_move {
	position:absolute;
}

.main_move img {
	width:100%;
}

/*-------------------------------------------------------------------*/

.sectionA {
	width:100%;
	margin:0 auto;
	background-color: #efaa5e;
	background-image: url(https://www.chiyodagrp.co.jp/special/outdoor2026/images/img_background.png);
	background-size: cover;
	background-repeat: repeat-y;
}

.sectionB {
	width:100%;
	margin:0 auto;
	background-color: #45abd8;
	background-image: url(https://www.chiyodagrp.co.jp/special/outdoor2026/images/img_background.png);
	background-size: cover;
	background-repeat: repeat-y;
}

.sectionC {
	width:100%;
	margin:0 auto;
	background-color: #62c4c2;
	background-image: url(https://www.chiyodagrp.co.jp/special/outdoor2026/images/img_background.png);
	background-size: cover;
	background-repeat: repeat-y;
}


.main-contents-inner {
	width:1000px;
	background-color: #fff;
	margin:0 auto;
	padding:0 0 80px 0;;
}

.main-contents-inner h2 {
	width:1000px;
	margin:0 auto 40px;
}

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


/*-------------------------------------------------------------------*/

.A_flex_container {
	width:800px;
	margin:20px auto;
	display: flex;
}

.text {
	opacity:0;
}

.flex_move_text {
	width:400px;
	font-size:3em;
	font-weight:bold;
	margin: auto 0;
	text-align: left;
	display:inline-block;
  background:linear-gradient(90deg, #efaa5e 0%, #efaa5e 50%, transparent 50%);
	opacity: 1;
  background-size:200% 100%;
  -webkit-background-clip:text;
  color:transparent;
  animation:show 1s forwards;
}
@keyframes show{
  from{background-position:100% 0;}
  to{background-position:0 0;}
}

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


p.A_flex01 {
	padding:0 10px;
	width:400px;
}

p.A_flex01 img {
	width:100%;
}

p.A_flex02 {
	padding:0 10px;
	height:400px;
}

p.A_flex02 img {
	width:100%;
}


.A_freeebo_container {
	display:flex;
	width:800px;
	flex-wrap: nowrap;
	text-align: left;
	margin:0 auto;
	align-items: flex-end;
}
.freeebo_container_left {
	width:450px;
	padding-right:20px;
}
.freeebo_container_right {
	width:350px;
}

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

.A_flex04 img {
	width:100%;
}

.item_freeebo_text {
	margin-bottom: 10px;
    font-size: 16px;
}


/*-------------------------------------------------------------------*/

.check_btn {
	width:600px;
	margin:0 auto;
}

.check_btn a img {
	width:100%;
}

/*-------------------------------------------------------------------*/

.B_flex_container {
	width:800px;
	margin:20px auto;
	display: flex;
}

.text_b {
	opacity:0;
}
.flex_move_text_b {
	width:340px;
	font-size:3em;
	font-weight:bold;
	margin: auto 0;
	text-align: left;
	display:inline-block;
  background:linear-gradient(90deg, #45abd8 0%, #45abd8 50%, transparent 50%);
	opacity:1;
  background-size:200% 100%;
  -webkit-background-clip:text;
  color:transparent;
  animation:show 1s forwards;
}
@keyframes show{
  from{background-position:100% 0;}
  to{background-position:0 0;}
}

.B_container_left {
	width:340px;
	padding-right:20px;
}

.B_container_right {
	width:460px;
}

p.B_flex01 {
	width:340px;
	margin-top:40px;
}

p.B_flex01 img {
	width:100%;
}

p.B_flex02 {
	font-size:1.1em;
	width:460px;
	margin:20px 0;
	font-size:16px;
}

p.B_flex02 img {
	width:100%;
}

/*-----------------------------------------------*/

.C_flex_container {
	width:800px;
	margin:20px auto;
	display: flex;
}

.text_c {
	opacity:0;
}
.flex_move_text_c {
	width:340px;
	font-size:3em;
	font-weight:bold;
	margin: auto 0;
	text-align: right;
	display:inline-block;
  background:linear-gradient(90deg, #62c4c2 0%, #62c4c2 50%, transparent 50%);
	opacity:1;
  background-size:200% 100%;
  -webkit-background-clip:text;
  color:transparent;
  animation:show 1s forwards;
}
@keyframes show{
  from{background-position:100% 0;}
  to{background-position:0 0;}
}

.C_container_left {
	width:420px;
	padding-right:20px;
}

.C_container_right {
	width:380px;
}

p.C_flex01 {
	width:420px;
	margin-top:40px;
	font-size:16px;
}

p.C_flex01 img {
	width:100%;
}

p.C_flex02 {
	font-size:1.1em;
	width:380px;
	margin:20px 0;
}

p.C_flex02 img {
	width:100%;
}



/*-----------------------------------------------*/



.item-container {
	display:flex;
	width:800px;
	margin:40px 180px;
}

.item-img-container {
	width:300px;
	height: 300px;
	background-color: #ffd5ab;
	position:relative;
	margin-right: 20px;
}

.item-img-container a {
	width:320px;
	position: absolute;
	left: -10px;
}

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

.item-img-containerB {
	width:300px;
	height: 300px;
	background-color: #abddef;
	position:relative;
	margin-right: 20px;
}

.item-img-containerB a {
	width:320px;
	position: absolute;
	left: -10px;
}

.item-img-containerB a img {
	width:100%;
}

.item-img-containerC {
	width:300px;
	height: 300px;
	background-color: #a8e5e2;
	position:relative;
	margin-right: 20px;
}

.item-img-containerC a {
	width:320px;
	position: absolute;
	left: -10px;
}

.item-img-containerC a img {
	width:100%;
}

dl.item-detail {
	width:400px;
	text-align:left;
}

.item-detail dt {
	width:100%;
}

.item-detail dd {
	width:220px;
	margin:0 0 20px;
}

.item-detail dd img{
	width:100%;
}

ul.btn_gender {
	width:400px;
	display: flex;
	flex-wrap: wrap;
}
.btn_gender li {
	width:150px;
	margin:0 10px 20px 0px;
}


/*-----------------------------------------------*/



ul.item-point-container {
	width: 800px;
	margin:0 auto 60px;
	text-align: left;
	display: flex;
	font-size:16px;
	align-items: center;
}

.item-container-inner {
	width:320px;
	margin-right:20px;
}

.icons-container {
	width:300px;
	margin:0 0 20px;
}

.icons-container img{
	width:100%;
}

/*-------------------------------------------------------------------*/

.item-point-container li {
	width:380px;
	margin-right:10px;
	
}

.item-point-container li img {
	width:100%;
}

h3 {
	width:440px;
	margin:100px auto 0;
}

h3 img {
	width:100%;
}

ul.recommend-container {
	width:620px;
	margin:40px auto 80px;
	display: flex;
	justify-content: space-around;
}

.recommend-container li {
	width:300px;
}

.recommend-container li img {
	width:100%;
}

/*-------------------------------------------------------------------*/

span.span_small_text {
	font-size:0.6em;
	vertical-align: 0.8em;
}

span.annotation {
	font-size:0.8em;
}