@charset "UTF-8";
@-webkit-keyframes slide_xs {
	0%,
	100% {
		-webkit-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
	}
	50% {
		-webkit-transform: rotate(0.5deg);
		        transform: rotate(0.5deg);
	}
}
@keyframes slide_xs {
	0%,
	100% {
		-webkit-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
	}
	50% {
		-webkit-transform: rotate(0.5deg);
		        transform: rotate(0.5deg);
	}
}

@-webkit-keyframes slide_sm {
	0%,
	100% {
		-webkit-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
	}
	50% {
		-webkit-transform: rotate(0.5deg);
		        transform: rotate(0.5deg);
	}
}

@keyframes slide_sm {
	0%,
	100% {
		-webkit-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
	}
	50% {
		-webkit-transform: rotate(0.5deg);
		        transform: rotate(0.5deg);
	}
}

@-webkit-keyframes slide_md {
	0%,
	100% {
		-webkit-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
	}
	50% {
		-webkit-transform: rotate(0.5deg);
		        transform: rotate(0.5deg);
	}
}

@keyframes slide_md {
	0%,
	100% {
		-webkit-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
	}
	50% {
		-webkit-transform: rotate(0.5deg);
		        transform: rotate(0.5deg);
	}
}

@-webkit-keyframes slide_x_xs {
	0%,
	100% {
		-webkit-transform: translateX(-15px);
		        transform: translateX(-15px);
	}
	50% {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

@keyframes slide_x_xs {
	0%,
	100% {
		-webkit-transform: translateX(-15px);
		        transform: translateX(-15px);
	}
	50% {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

@-webkit-keyframes slide_x_sm {
	0%,
	100% {
		-webkit-transform: translateX(-10px);
		        transform: translateX(-10px);
	}
	50% {
		-webkit-transform: translateX(10px);
		        transform: translateX(10px);
	}
}

@keyframes slide_x_sm {
	0%,
	100% {
		-webkit-transform: translateX(-10px);
		        transform: translateX(-10px);
	}
	50% {
		-webkit-transform: translateX(10px);
		        transform: translateX(10px);
	}
}

@-webkit-keyframes slide_x_md {
	0%,
	100% {
		-webkit-transform: translateX(-5px);
		        transform: translateX(-5px);
	}
	50% {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

@keyframes slide_x_md {
	0%,
	100% {
		-webkit-transform: translateX(-5px);
		        transform: translateX(-5px);
	}
	50% {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

@-webkit-keyframes slide_y_xs {
	0%,
	100% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
	50% {
		-webkit-transform: translateY(5px);
		        transform: translateY(5px);
	}
}

@keyframes slide_y_xs {
	0%,
	100% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
	50% {
		-webkit-transform: translateY(5px);
		        transform: translateY(5px);
	}
}

@-webkit-keyframes slide_y_sm {
	0%,
	100% {
		-webkit-transform: translateY(-10px);
		        transform: translateY(-10px);
	}
	50% {
		-webkit-transform: translateY(10px);
		        transform: translateY(10px);
	}
}

@keyframes slide_y_sm {
	0%,
	100% {
		-webkit-transform: translateY(-10px);
		        transform: translateY(-10px);
	}
	50% {
		-webkit-transform: translateY(10px);
		        transform: translateY(10px);
	}
}

@-webkit-keyframes slide_y_md {
	0%,
	100% {
		-webkit-transform: translateY(-5px);
		        transform: translateY(-5px);
	}
	50% {
		-webkit-transform: translateY(5px);
		        transform: translateY(5px);
	}
}

@keyframes slide_y_md {
	0%,
	100% {
		-webkit-transform: translateY(-5px);
		        transform: translateY(-5px);
	}
	50% {
		-webkit-transform: translateY(5px);
		        transform: translateY(5px);
	}
}

/* --------------------------------
	top
-------------------------------- */
#body {
	background-color: #f4f0ea;
}

.wrapper {
	overflow: hidden;
}

.l-main {
	pointer-events: none;
}

.l-container {
	pointer-events: none;
}

/* --------------------------------
	パララックス オブジェクト
-------------------------------- */
.parallax_wrap {
	position: relative;
}

.scene {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.layer_1st,
.layer_2nd,
.layer_3rd,
.layer_4th,
.layer_5th,
.layer_6th,
.layer_7th,
.layer_8th {
	position: absolute;
	top: 0;
	left: 0; 
	width: 100%;
	height: 100%;
}

.obj_xs_darkGray {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #444648;
}
@media screen and (min-width: 736px) {
	.obj_xs_darkGray {
		width: 82px;
		height: 82px;
	}
}

.obj_xs_blue {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #0a828a;
}
@media screen and (min-width: 736px) {
	.obj_xs_blue {
		width: 82px;
		height: 82px;
	}
}

.obj_xs_brown {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #804e21;
}
@media screen and (min-width: 736px) {
	.obj_xs_brown {
		width: 82px;
		height: 82px;
	}
}

.obj_xs_green {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #76a02d;
}
@media screen and (min-width: 736px) {
	.obj_xs_green {
		width: 82px;
		height: 82px;
	}
}

.obj_xs_red {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #e60021;
}
@media screen and (min-width: 736px) {
	.obj_xs_red {
		width: 82px;
		height: 82px;
	}
}

.obj_xs_beige {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #b18247;
}
@media screen and (min-width: 736px) {
	.obj_xs_beige {
		width: 82px;
		height: 82px;
	}
}

.obj_sm_darkGray {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #444648;
}
@media screen and (min-width: 736px) {
	.obj_sm_darkGray {
		width: 185px;
		height: 185px;
	}
}

.obj_sm_charcoal {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #716261;
}
@media screen and (min-width: 736px) {
	.obj_sm_charcoal {
		width: 185px;
		height: 185px;
	}
}

.obj_sm_brown {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #804e21;
}
@media screen and (min-width: 736px) {
	.obj_sm_brown {
		width: 185px;
		height: 185px;
	}
}

.obj_sm_green {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #76a02d;
}
@media screen and (min-width: 736px) {
	.obj_sm_green {
		width: 185px;
		height: 185px;
	}
}

.obj_sm_beige {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #b18247;
}
@media screen and (min-width: 736px) {
	.obj_sm_beige {
		width: 185px;
		height: 185px;
	}
}

.obj_sm_blue {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #0a828a;
}
@media screen and (min-width: 736px) {
	.obj_sm_blue {
		width: 185px;
		height: 185px;
	}
}

.obj_sm_red {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: #e60021;
}
@media screen and (min-width: 736px) {
	.obj_sm_red {
		width: 185px;
		height: 185px;
	}
}

.obj_sm_redEx {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: url(/assets/sp/odilon_redon/img/top/obj_sm_redEx.jpg) no-repeat 0 0;
	background-size: cover;
}
@media screen and (min-width: 736px) {
	.obj_sm_redEx {
		width: 185px;
		height: 185px;
	}
}

.obj_sm_beigeEx {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: url(/assets/sp/odilon_redon/img/top/obj_sm_beigeEx.jpg) no-repeat 0 0;
	background-size: cover;
}
@media screen and (min-width: 736px) {
	.obj_sm_beigeEx {
		width: 184px;
		height: 184px;
	}
}

.obj_sm_brownEx {
	display: block;
	position: absolute;
	left: 50%;
	width: 44px;
	height: 44px;
	background: url(/assets/sp/odilon_redon/img/top/obj_sm_brownEx.jpg) no-repeat 0 0;
	background-size: cover;
}
@media screen and (min-width: 736px) {
	.obj_sm_brownEx {
		width: 184px;
		height: 184px;
	}
}

.obj_md_green {
	display: block;
	position: absolute;
	left: 50%;
	width: 70px;
	height: 70px;
	background: #76a02d;
}
@media screen and (min-width: 736px) {
	.obj_md_green {
		width: 262px;
		height: 262px;
	}
}

.obj_md_beige {
	display: block;
	position: absolute;
	left: 50%;
	width: 70px;
	height: 70px;
	background: #b18247;
}
@media screen and (min-width: 736px) {
	.obj_md_beige {
		width: 262px;
		height: 262px;
	}
}

.obj_md_blueEx {
	position: absolute;
	left: 50%;
	width: 70px;
	height: 70px;
	background: url(/assets/sp/odilon_redon/img/top/obj_md_blueEx.jpg) no-repeat 0 0;
	background-size: cover;
}
@media screen and (min-width: 736px) {
	.obj_md_blueEx {
		width: 262px;
		height: 262px;
	}
}

.obj_lg_blue {
	position: absolute;
	left: 50%;
	margin-left: -150px; 
	width: 252px;
	height: 252px;
	background: #0a828a;
}
@media screen and (min-width: 736px) {
	.obj_lg_blue {
		width: 388px;
		height: 388px;
	}
}

.obj_lg_red {
	position: absolute;
	left: 50%;
	margin-left: -150px; 
	width: 252px;
	height: 252px;
	background: #e60021;
}
@media screen and (min-width: 736px) {
	.obj_lg_red {
		width: 388px;
		height: 388px;
	}
}

.obj_lg_green {
	position: absolute;
	left: 50%;
	margin-left: -150px; 
	width: 252px;
	height: 252px;
	background: #76a02d;
}
@media screen and (min-width: 736px) {
	.obj_lg_green {
		width: 388px;
		height: 388px;
	}
}

.obj_lg_blueEx {
	position: absolute;
	left: 50%;
	margin-left: -150px; 
	width: 252px;
	height: 252px;
	background: url(/assets/sp/odilon_redon/img/top/obj_lg_blueEx.jpg) no-repeat 0 0;
	background-size: cover;
}
@media screen and (min-width: 736px) {
	.obj_lg_blueEx {
		width: 388px;
		height: 388px;
	}
}

.link_area {
	width: 100%;
	height: 100%; 
	pointer-events: all;
}
.link_area a {
	display: block;
	padding: 48px 40px;
	text-decoration: none; 
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
}
@media screen and (min-width: 736px) {
	.link_area a {
		padding: 75px 65px 0;
		height: 100%;
		cursor: pointer;
		pointer-events: all; 
		font-size: 16px;
	}
}
.link_area a .link_area_btn {
	display: block;
	margin: 15px auto 0;
	border: 2px solid #fff;
	height: 45px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: bold; 
	line-height: 45px;
}
@media screen and (min-width: 736px) {
	.link_area a .link_area_btn {
		margin: 30px auto 0;
		height: 60px;
		font-size: 16px;
		line-height: 60px;
	}
}
.link_area a .link_area_btn span {
	display: inline-block;
	position: relative;
	padding-left: 25px;
}
@media screen and (min-width: 736px) {
	.link_area a .link_area_btn span {
		padding-left: 40px;
	}
}
.link_area a .link_area_btn span:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background: url(/assets/sp/odilon_redon/img/common/c-btn_arrow_right.png) no-repeat 0 0;
	background-size: cover;
}
@media screen and (min-width: 736px) {
	.link_area a .link_area_btn span:before {
		width: 28px;
		height: 28px;
		transition: all 0.3s ease-in-out;
	}
}
@media screen and (min-width: 736px) {
	.link_area a:hover span:before {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

/* --------------------------------
	main_visual
-------------------------------- */
.l-main_visual {
	position: relative; 
	height: 460px;
}
@media screen and (min-width: 736px) {
	.l-main_visual {
		height: 815px;
	}
}
.l-main_visual .layer_1st {
	z-index: 5;
}

.main_visual_center {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25px;
	padding-top: 30px; 
	width: 41px;
	height: 315px;
}
@media screen and (min-width: 736px) {
	.main_visual_center {
		top: -35px;
		margin-left: -54px;
		width: 112px;
		height: 760px;
	}
}

.main_visual_date {
	position: absolute;
	top: 340px;
	left: 50%;
	margin-left: -125px;
	width: 250px;
}
@media screen and (min-width: 736px) {
	.main_visual_date {
		position: absolute;
		top: 630px;
		margin-left: 90px;
		width: 450px;
		height: 165px;
	}
}
.main_visual_date .date {
	margin: 0 auto 13px; 
	width: 245px;
}
@media screen and (min-width: 736px) {
	.main_visual_date .date {
		width: auto;
		text-align: left;
	}
}
.main_visual_date .date_text {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.4;
}
@media screen and (min-width: 736px) {
	.main_visual_date .date_text {
		text-align: left;
		font-size: 18px;
	}
}

.main_visual_center_h2 {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 40px;
	width: 22px;
}
.main_visual_center_h2 span {
	display: block;
}
@media screen and (min-width: 736px) {
	.main_visual_center_h2 {
		bottom: 0; 
		width: auto;
	}
}
.main_visual_center_h2 .fadeInText_01 {
	opacity: 0;
}
.main_visual_center_h2 .fadeInText_02 {
	opacity: 0;
}
.main_visual_center_h2 .fadeInText_03 {
	opacity: 0;
}
.main_visual_center_h2 .fadeInText_04 {
	opacity: 0;
}
.main_visual_center_h2 .fadeInText_05 {
	opacity: 0;
}
.main_visual_center_h2 .fadeInText_06 {
	opacity: 0;
}
.main_visual_center_h2 .fadeInText_07 {
	opacity: 0;
}
.main_visual_center_h2 .fadeInText_08 {
	opacity: 0;
}
.main_visual_center_h2 .fadeInText_09 {
	opacity: 0;
}

.main_visual_center_h2_sub {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 19px;
	height: 140px;
}
.main_visual_center_h2_sub span {
	display: block;
	margin-top: auto;
}
@media screen and (min-width: 736px) {
	.main_visual_center_h2_sub {
		width: auto;
		height: auto;
	}
}
.main_visual_center_h2_sub .fadeInText_10 {
	opacity: 0;
}

.main_visual_left_ttl {
	position: absolute;
	top: 260px;
	left: 50%;
	margin-left: -185px;
	width: 150px;
	height: 55px;
	text-align: right;
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.main_visual_left_ttl {
		top: 554px;
		margin-left: -610px;
		width: 518px;
		height: 207px;
	}
}
.main_visual_left_ttl .fadeInText_11 {
	display: inline-block;
	width: 57px;
}
@media screen and (min-width: 736px) {
	.main_visual_left_ttl .fadeInText_11 {
		width: 212px;
	}
}
.main_visual_left_ttl .fadeInText_12 {
	display: inline-block;
	width: 46px;
}
@media screen and (min-width: 736px) {
	.main_visual_left_ttl .fadeInText_12 {
		width: 167px;
	}
}
.main_visual_left_ttl .fadeInText_13 {
	display: inline-block;
	width: 38px;
}
@media screen and (min-width: 736px) {
	.main_visual_left_ttl .fadeInText_13 {
		width: 139px;
	}
}

.main_visual_left_panel {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -220px;
	width: 185px;
	height: 250px;
}
@media screen and (min-width: 736px) {
	.main_visual_left_panel {
		margin-left: -960px;
		width: 860px;
		height: 520px;
	}
}

.main_visual_right_panel {
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: 27px;
	width: 185px;
	height: 250px;
}
@media screen and (min-width: 736px) {
	.main_visual_right_panel {
		top: 84px;
		margin-left: 90px;
		width: 860px;
		height: 536px;
	}
}

/* --------------------------------
	グロナビ
-------------------------------- */
@media screen and (min-width: 736px) {
	.gnav_btn {
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease-in-out;
	}
	.gnav_btn.is-show {
		visibility: visible;
		opacity: 1;
	}
}

.l-gnav_pc {
	display: none;
}
@media screen and (min-width: 736px) {
	.l-gnav_pc {
		display: block;
		margin: 0 auto 75px;
		max-width: 1000px;
		pointer-events: all;
	}
}

.gnav_pc_inner {
	display: -ms-flexbox;
	display: flex;

	-ms-flex-pack: justify;

	    justify-content: space-between;
}
.gnav_pc_inner > li a {
	display: block;
	transition: all 0.3s ease-in-out;
}
.gnav_pc_inner > li a span {
	display: inline-block;
	position: relative;
	padding-left: 50px;
}
.gnav_pc_inner > li a span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 36px;
	transition: all 0.3s ease-in-out; 
	background: url(/assets/sp/odilon_redon/img/top/gnav_arrow.png) no-repeat;
	background-size: cover;
}
.gnav_pc_inner > li a:hover {
	opacity: 0.75;
}
.gnav_pc_inner > li a:hover span:before {
	-webkit-transform: translateX(10px);
	        transform: translateX(10px);
}

/* --------------------------------
  miredon 観ルドン
-------------------------------- */
.miredon {
	width: 100%;
	height: 997px;
}
@media screen and (min-width: 736px) {
	.miredon {
		height: 1050px;
	}
}
.miredon .bg_spray_brown {
	position: absolute;
	top: -10px;
	right: -90px;
	width: 195px;
	height: 195px;
}
@media screen and (min-width: 736px) {
	.miredon .bg_spray_brown {
		top: -105px;
		right: auto;
		left: -170px;
		width: 370px;
		height: 370px;
	}
}
.miredon .layer_1st {
	z-index: 7;
}
.miredon .layer_1st .obj_lg_blue {
	top: 350px;
	margin-left: -155px;
}
@media screen and (min-width: 736px) {
	.miredon .layer_1st .obj_lg_blue {
		top: 550px;
		margin-left: -296px;
		transition: all 0.3s ease-in-out;
	}
	.miredon .layer_1st .obj_lg_blue:hover {
		background-color: #009ca6;
	}
}
.miredon .layer_2nd {
	z-index: 6;
}
.miredon .layer_2nd .obj_text_miredon {
	position: absolute;
	left: 50%;
	margin-left: -155px; 
	width: 235px;
	height: 350px;
}
@media screen and (min-width: 736px) {
	.miredon .layer_2nd .obj_text_miredon {
		left: 50%;
		margin-left: -448px;
		width: 320px;
		height: 550px;
	}
}
.miredon .layer_3rd {
	z-index: 5;
}
.miredon .layer_3rd .obj_img_01_miredon {
	position: absolute;
	top: 610px;
	left: 50%;
	margin-left: -130px;
	width: 174px;
	height: 195px;
}
@media screen and (min-width: 736px) {
	.miredon .layer_3rd .obj_img_01_miredon {
		top: 0;
		margin-left: -92px;
		width: 490px;
		height: 552px;
	}
}
.miredon .layer_4th {
	z-index: 4;
}
.miredon .layer_4th .obj_img_02_miredon {
	position: absolute;
	top: 808px;
	left: 50%;
	margin-left: -45px;
	width: 174px;
	height: 146px;
}
@media screen and (min-width: 736px) {
	.miredon .layer_4th .obj_img_02_miredon {
		top: 550px;
		margin-left: 214px;
		width: 388px;
		height: 328px;
	}
}
.miredon .layer_5th {
	z-index: 3;
}
.miredon .layer_5th .obj_img_03_miredon {
	position: absolute;
	top: 662px;
	left: 50%;
	margin-left: 54px;
	width: 105px;
	height: 143px;
}
@media screen and (min-width: 736px) {
	.miredon .layer_5th .obj_img_03_miredon {
		top: 196px;
		margin-left: 418px;
		width: 267px;
		height: 354px;
	}
}
.miredon .layer_6th {
	z-index: 2;
}
.miredon .layer_6th .obj_sm_charcoal {
	top: 570px;
	margin-left: -235px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.miredon .layer_6th .obj_sm_charcoal {
		top: 845px;
		margin-left: -500px;
		width: 184px;
		height: 184px;
	}
}
.miredon .layer_6th .obj_sm_brown {
	top: 808px;
	margin-left: 140px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.miredon .layer_6th .obj_sm_brown {
		top: 550px;
		margin-left: 620px;
		width: 184px;
		height: 184px;
	}
}
.miredon .layer_6th .obj_sm_brownEx {
	top: 315px;
	margin-left: 105px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_y_sm 5s infinite;
	        animation: slide_y_sm 5s infinite;
}
@media screen and (min-width: 736px) {
	.miredon .layer_6th .obj_sm_brownEx {
		display: none;
	}
}
.miredon .layer_7th {
	z-index: 1;
}
.miredon .layer_7th .obj_xs_blue {
	top: 808px;
	margin-left: -100px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.miredon .layer_7th .obj_xs_blue {
		top: 92px;
		margin-left: 418px;
	}
}
.miredon .layer_7th .obj_xs_darkGray {
	top: 610px;
	margin-left: 53px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.miredon .layer_7th .obj_xs_darkGray {
		top: 550px;
		margin-left: 112px;
		width: 82px;
		height: 82px;
	}
}
.miredon .layer_7th .obj_xs_brown {
	display: none;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.miredon .layer_7th .obj_xs_brown {
		display: block;
		top: 948px;
		margin-left: -600px;
	}
}

/* --------------------------------
  tsunagaredon つながルドン
-------------------------------- */
#scene-tsunagaredon {
	pointer-events: none;
}

.tsunagaredon {
	width: 100%;
	height: 1278px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon {
		height: 1345px;
		pointer-events: none;
	}
}
.tsunagaredon .bg_spray_beige {
	position: absolute;
	z-index: -1; 
	top: 80px;
	left: -90px;
	width: 195px;
	height: 195px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .bg_spray_beige {
		top: -266px;
		right: -165px;
		left: auto;
		width: 370px;
		height: 370px;
	}
}
.tsunagaredon .layer_1st {
	z-index: 8;
	pointer-events: none;
}
.tsunagaredon .layer_1st .obj_lg_red {
	top: 370px;
	margin-left: -102px; 
	pointer-events: all;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_1st .obj_lg_red {
		top: 665px;
		margin-left: 10px;
		cursor: pointer; 
		transition: all 0.3s ease-in-out;
	}
	.tsunagaredon .layer_1st .obj_lg_red:hover {
		background-color: #ff0025;
	}
}
.tsunagaredon .layer_2nd {
	z-index: 7;
}
.tsunagaredon .layer_2nd .obj_text_tsunagaredon {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -95px; 
	width: 248px;
	height: 370px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_2nd .obj_text_tsunagaredon {
		top: 0;
		margin-left: -85px;
		width: 490px;
		height: 600px;
	}
}
.tsunagaredon .layer_3rd {
	z-index: 6;
}
.tsunagaredon .layer_3rd .obj_img_01_tsunagaredon {
	position: absolute;
	top: 646px;
	left: 50%;
	margin-left: -120px;
	width: 174px;
	height: 202px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_3rd .obj_img_01_tsunagaredon {
		top: 0;
		margin-left: -600px;
		width: 388px;
		height: 480px;
	}
}
.tsunagaredon .layer_3rd .obj_img_04_tsunagaredon {
	position: absolute;
	top: 854px;
	left: 50%;
	margin-left: 10px;
	width: 122px;
	height: 172px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_3rd .obj_img_04_tsunagaredon {
		top: 482px;
		margin-left: -298px;
		width: 286px;
		height: 402px;
	}
}
.tsunagaredon .layer_4th {
	z-index: 5;
}
.tsunagaredon .layer_4th .obj_img_02_tsunagaredon {
	position: absolute;
	top: 700px;
	left: 50%;
	margin-left: 65px;
	width: 104px;
	height: 150px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_4th .obj_img_02_tsunagaredon {
		top: 352px;
		margin-left: 418px;
		width: 265px;
		height: 376px;
	}
}
.tsunagaredon .layer_4th .obj_img_05_tsunagaredon {
	position: absolute;
	top: 1030px;
	left: 50%;
	margin-left: -95px;
	width: 226px;
	height: 155px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_4th .obj_img_05_tsunagaredon {
		top: 888px;
		margin-left: -502px;
		width: 490px;
		height: 334px;
	}
}
.tsunagaredon .layer_5th {
	z-index: 4;
}
.tsunagaredon .layer_5th .obj_img_03_tsunagaredon {
	position: absolute;
	top: 854px;
	left: 50%;
	margin-left: -155px;
	width: 155px;
	height: 120px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_5th .obj_img_03_tsunagaredon {
		top: 482px;
		margin-left: -690px;
		width: 369px;
		height: 300px;
	}
}
.tsunagaredon .layer_6th {
	z-index: 3;
}
.tsunagaredon .layer_6th .obj_md_green {
	top: 552px;
	margin-left: 157px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_6th .obj_md_green {
		top: 735px;
		margin-left: 420px;
		width: 185px;
		height: 185px;
	}
}
.tsunagaredon .layer_7th {
	z-index: 2;
}
.tsunagaredon .layer_7th .obj_sm_beige {
	top: 336px;
	margin-left: -180px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_7th .obj_sm_beige {
		top: 1170px;
		margin-left: -812px;
		width: 185px;
		height: 185px;
	}
}
.tsunagaredon .layer_7th .obj_sm_green {
	top: 770px;
	margin-left: -202px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_7th .obj_sm_green {
		top: 275px;
		margin-left: -808px;
		width: 185px;
		height: 185px;
	}
}
.tsunagaredon .layer_7th .obj_sm_beigeEx {
	top: 647px;
	margin-left: 65px;
	width: 44px;
	height: 44px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_7th .obj_sm_beigeEx {
		top: 378px;
		margin-left: -194px;
		width: 82px;
		height: 82px;
	}
}
.tsunagaredon .layer_7th .obj_sm_green_02 {
	display: none;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_7th .obj_sm_green_02 {
		display: block;
		top: 196px;
		margin-left: 798px;
		width: 185px;
		height: 185px;
		background: #76a02d;
	}
}
.tsunagaredon .layer_7th .obj_sm_brown {
	top: 1140px;
	margin-left: 143px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_7th .obj_sm_brown {
		top: 1135px;
		margin-left: 10px;
		width: 185px;
		height: 185px;
	}
}
.tsunagaredon .layer_8th {
	z-index: 1;
}
.tsunagaredon .layer_8th .obj_xs_green {
	top: 1150px;
	margin-left: -150px;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_8th .obj_xs_green {
		top: 1170px;
		margin-left: -605px; 
		-webkit-animation: slide_y_xs 5s infinite; 
		        animation: slide_y_xs 5s infinite;
	}
}
.tsunagaredon .layer_8th .obj_xs_red {
	top: 976px;
	margin-left: -44px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_8th .obj_xs_red {
		top: 783px;
		margin-left: -404px;
	}
}
.tsunagaredon .layer_8th .obj_xs_red_02 {
	display: none;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_8th .obj_xs_red_02 {
		display: block;
		top: 736px;
		margin-left: 626px;
	}
}
.tsunagaredon .layer_8th .obj_xs_beige {
	top: 1150px;
	margin-left: -230px;
	width: 70px;
	height: 70px; 
	-webkit-animation: slide_y_md 5s infinite; 
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.tsunagaredon .layer_8th .obj_xs_beige {
		top: 310px;
		margin-left: 705px;
	}
}

/* --------------------------------
  siredon 知ルドン
-------------------------------- */
.siredon {
	width: 100%;
	height: 928px;
}
@media screen and (min-width: 736px) {
	.siredon {
		height: 1058px;
	}
}
.siredon .bg_spray_red {
	position: absolute;
	top: 67px;
	right: -90px;
	width: 195px;
	height: 195px;
}
@media screen and (min-width: 736px) {
	.siredon .bg_spray_red {
		top: 48px;
		top: -105px;
		right: auto;
		left: -244px;
		width: 370px;
		height: 370px;
	}
}
.siredon .layer_1st {
	z-index: 5;
}
.siredon .layer_1st .obj_lg_blueEx {
	top: 317px;
	margin-left: -155px;
}
@media screen and (min-width: 736px) {
	.siredon .layer_1st .obj_lg_blueEx {
		top: 570px;
		margin-left: -500px;
		transition: all 0.3s ease-in-out; 
		background: #0a828a url(/assets/sp/odilon_redon/img/top/obj_lg_blueEx.png) no-repeat 0 0;
	}
	.siredon .layer_1st .obj_lg_blueEx:hover {
		background: #009ca6 url(/assets/sp/odilon_redon/img/top/obj_lg_blueEx.png) no-repeat 0 0;
	}
}
.siredon .layer_1st .obj_lg_blueEx .link_area a {
	padding: 32px 40px;
}
@media screen and (min-width: 736px) {
	.siredon .layer_1st .obj_lg_blueEx .link_area a {
		padding: 72px 65px;
	}
}
.siredon .layer_2nd {
	z-index: 4;
}
.siredon .layer_2nd .obj_text_siredon {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -155px;
	width: 195px;
	height: 317px;
}
@media screen and (min-width: 736px) {
	.siredon .layer_2nd .obj_text_siredon {
		top: 0;
		margin-left: -484px;
		width: 320px;
		height: 550px;
	}
}
.siredon .layer_3rd {
	z-index: 3;
}
.siredon .layer_3rd .obj_img_siredon {
	position: absolute;
	top: 575px;
	left: 50%;
	margin-left: -52px;
	width: 209px;
	height: 302px;
}
@media screen and (min-width: 736px) {
	.siredon .layer_3rd .obj_img_siredon {
		top: 0;
		margin-left: -92px;
		width: 590px;
		height: 846px;
	}
}
.siredon .layer_4th {
	z-index: 2;
}
.siredon .layer_4th .obj_sm_charcoal {
	top: 580px;
	margin-left: -135px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.siredon .layer_4th .obj_sm_charcoal {
		top: -88px;
		margin-left: 522px;
		width: 184px;
		height: 184px;
	}
}
.siredon .layer_4th .obj_sm_brown {
	top: 280px;
	margin-left: 110px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.siredon .layer_4th .obj_sm_brown {
		top: -88px;
		margin-left: 522px;
		width: 184px;
		height: 184px;
	}
}
.siredon .layer_5th {
	z-index: 1;
}
.siredon .layer_5th .obj_xs_darkGray {
	top: 580px;
	margin-left: -190px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.siredon .layer_5th .obj_xs_darkGray {
		top: 876px;
		margin-left: -600px;
	}
}

/* --------------------------------
  midokoro 魅どころ
-------------------------------- */
.midokoro {
	margin-bottom: 50px; 
	width: 100%;
	height: 1124px;
}
@media screen and (min-width: 736px) {
	.midokoro {
		margin-bottom: 0; 
		height: 1220px;
	}
}
.midokoro .bg_spray_green {
	position: absolute;
	top: 0;
	left: -100px;
	width: 195px;
	height: 195px;
}
@media screen and (min-width: 736px) {
	.midokoro .bg_spray_green {
		top: -150px;
		right: -132px;
		left: auto;
		width: 370px;
		height: 370px;
	}
}
.midokoro .bg_spray_beige {
	display: none;
}
@media screen and (min-width: 736px) {
	.midokoro .bg_spray_beige {
		display: block;
		position: absolute;
		top: 1167px;
		left: -142px;
		width: 370px;
		height: 370px;
	}
}
.midokoro .layer_1st {
	z-index: 7;
}
.midokoro .layer_1st .obj_lg_green {
	top: 382px;
	margin-left: -100px;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_1st .obj_lg_green {
		top: 672px;
		margin-left: 112px;
		transition: all 0.3s ease-in-out;
	}
	.midokoro .layer_1st .obj_lg_green:hover {
		background-color: #88b639;
	}
}
.midokoro .layer_1st .obj_lg_green .link_area a {
	padding: 40px 36px;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_1st .obj_lg_green .link_area a {
		padding: 65px 65px;
	}
}
.midokoro .layer_2nd {
	z-index: 6;
}
.midokoro .layer_2nd .obj_text_midokoro {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -100px;
	width: 252px;
	height: 382px;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_2nd .obj_text_midokoro {
		top: 70px;
		margin-left: 134px;
		width: 326px;
		height: 558px;
	}
}
.midokoro .layer_3rd {
	z-index: 5;
}
.midokoro .layer_3rd .obj_img_01_midokoro {
	position: absolute;
	top: 725px;
	left: 50%;
	margin-left: -155px;
	width: 104px;
	height: 155px;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_3rd .obj_img_01_midokoro {
		top: 125px;
		margin-left: -682px;
		width: 266px;
		height: 402px;
	}
}
.midokoro .layer_4th {
	z-index: 4;
}
.midokoro .layer_4th .obj_img_02_midokoro {
	position: absolute;
	top: 682px;
	left: 50%;
	margin-left: -40px;
	width: 149px;
	height: 198px;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_4th .obj_img_02_midokoro {
		top: 0;
		margin-left: -398px;
		width: 390px;
		height: 528px;
	}
}
.midokoro .layer_5th {
	z-index: 3;
}
.midokoro .layer_5th .obj_img_03_midokoro {
	position: absolute;
	top: 884px;
	left: 50%;
	margin-left: -98px;
	width: 226px;
	height: 190px;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_5th .obj_img_03_midokoro {
		top: 534px;
		margin-left: -500px;
		width: 592px;
		height: 490px;
	}
}
.midokoro .layer_6th {
	z-index: 2;
}
.midokoro .layer_6th .obj_sm_beige {
	top: 644px;
	margin-left: -120px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_6th .obj_sm_beige {
		top: -80px;
		margin-left: -602px;
		width: 185px;
		height: 185px;
	}
}
.midokoro .layer_6th .obj_sm_green {
	top: 725px;
	margin-left: -238px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_6th .obj_sm_green {
		top: 125px;
		margin-left: -890px;
		width: 185px;
		height: 185px;
	}
}
.midokoro .layer_6th .obj_sm_red {
	top: 348px;
	margin-left: -180px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_y_sm 5s infinite;
	        animation: slide_y_sm 5s infinite;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_6th .obj_sm_red {
		display: none;
	}
}
.midokoro .layer_6th .obj_sm_redEx {
	top: 1035px;
	margin-left: 142px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_sm 5s infinite;
	        animation: slide_x_sm 5s infinite;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_6th .obj_sm_redEx {
		display: block;
		top: 982px;
		margin-left: 522px;
		width: 185px;
		height: 185px;
	}
}
.midokoro .layer_7th {
	z-index: 1;
}
.midokoro .layer_7th .obj_xs_brown {
	top: 885px;
	margin-left: -155px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_7th .obj_xs_brown {
		top: 535px;
		margin-left: -606px;
	}
}
.midokoro .layer_7th .obj_xs_brown_02 {
	display: none;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.midokoro .layer_7th .obj_xs_brown_02 {
		display: block;
		top: 1084px;
		margin-left: 730px;
	}
}

/* --------------------------------
	SNS
-------------------------------- */
.l-social {
	position: relative;
	z-index: 1;
	padding: 0 25px;
	background: url(/assets/sp/odilon_redon/img/top/social_bg_side_s.jpg) repeat-x center center;
	background-size: auto 100%;
	pointer-events: all;
}
@media screen and (min-width: 736px) {
	.l-social {
		padding: 0;
		background: url(/assets/sp/odilon_redon/img/top/social_bg_side_l.jpg) repeat-x center top;
		background-size: auto 100%;
	}
}

.social_inner {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 375px; 
	height: auto;
}
@media screen and (min-width: 736px) {
	.social_inner {
		margin: 0 auto; 
		max-width: 1405px;
	}
}
.social_inner .social_block {
	float: left;
}
.social_inner .block_item {
	display: block;
	box-sizing: border-box;
	position: relative;
	float: left;
}
.social_inner .block_item.is-tw:before,
.social_inner .block_item.is-fb:before,
.social_inner .block_item.is-inst:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1; 
	right: 0;
	bottom: 0;
	width: 26px;
	height: 26px;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw:before,
	.social_inner .block_item.is-fb:before,
	.social_inner .block_item.is-inst:before {
		width: 38px;
		height: 38px;
	}
}
.social_inner .block_item.is-tw {
	transition: all 0.3s ease-in-out;
}
.social_inner .block_item.is-tw:before {
	background: url(/assets/sp/odilon_redon/img/top/social_icon_tw.png) no-repeat;
	background-size: 26px auto;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw:before {
		background-size: cover;
	}
}
.social_inner .block_item.is-tw .item_txt {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 16px auto 0;
	padding: 0 18%;
	width: 100%;
	height: 88px;
	-webkit-transform: translate(-50%, -80%);
	        transform: translate(-50%, -80%);
	color: #fff; 
	font-size: 9px;
	line-height: 1.57143;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt {
		margin: 12px auto 0;
		padding: 6% 10%;
		font-size: 10px;
	}
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-tw .item_txt {
		margin: 24px auto 0;
		padding: 23px 25px;
		width: 200px;
		height: 132px;
		font-size: 14px;
	}
}
.social_inner .block_item.is-tw .item_txt:before,
.social_inner .block_item.is-tw .item_txt:after {
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	height: 8px;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-tw .item_txt:before,
	.social_inner .block_item.is-tw .item_txt:after {
		width: 22px;
		height: 16px;
	}
}
.social_inner .block_item.is-tw .item_txt:before {
	top: 0;
	left: 8%;
	background: url(/assets/sp/odilon_redon/img/top/social_bg_tw_top.png) no-repeat;
	background-size: 100% 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt:before {
		left: 8px;
	}
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt:before {
		left: 12px;
	}
}
.social_inner .block_item.is-tw .item_txt:after {
	right: 8%;
	bottom: 0;
	background: url(/assets/sp/odilon_redon/img/top/social_bg_tw_bottom.png) no-repeat;
	background-size: 100% 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt:after {
		right: 8px;
	}
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt:after {
		right: 12px;
	}
}
.social_inner .block_item.is-fb:before {
	background: url(/assets/sp/odilon_redon/img/top/social_icon_fb.png) no-repeat;
	background-size: 26px auto;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-fb:before {
		background-size: cover;
	}
}
.social_inner .block_item.is-fb .item_img {
	background-size: cover !important;
}
.social_inner .block_item.is-inst:before {
	background: url(/assets/sp/odilon_redon/img/top/social_icon_inst.png) no-repeat;
	background-size: 26px auto;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-inst:before {
		background-size: cover;
	}
}
.social_inner .block_item.is-txt.is-data {
	float: right;
}
.social_inner .block_item.is-txt.is-data .item_txt {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 122px;
	height: 122px;
	text-align: center;
	color: #fff;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt {
		width: 168px;
		height: 180px;
	}
}
.social_inner .block_item.is-txt.is-data .item_txt > span {
	display: block;
	line-height: 1;
}
.social_inner .block_item.is-txt.is-data .item_txt .txt_01 {
	margin-top: 0;
	letter-spacing: 0.1em; 
	font-size: 16px;
	line-height: 1.22581;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt .txt_01 {
		margin-top: 10px;
		font-size: 23px;
		line-height: 1.21739;
	}
}
.social_inner .block_item.is-txt.is-data .item_txt .txt_02 {
	margin-top: 15px;
	font-size: 27px;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt .txt_02 {
		font-size: 36px;
	}
}
.social_inner .block_item.is-txt.is-data .item_txt .txt_03 {
	margin-top: 5px;
	font-size: 16px;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt .txt_03 {
		font-size: 24px;
	}
}
.social_inner .block_item.is-txt.is-data .item_txt:hover {
	opacity: 1;
}
.social_inner .block_item.is-txt.is-data .item_txt:after {
	content: "";
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 121px;
	height: 10px;
	background: url(/assets/sp/odilon_redon/img/top/social_date_txt.png) no-repeat;
	background-size: 100% 100%;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt:after {
		width: 162px;
		height: 12px;
	}
}
.social_inner .block_item .item_txt,
.social_inner .block_item .item_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
}
.social_inner .block_item .item_txt:hover,
.social_inner .block_item .item_img:hover {
	opacity: 1;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item .item_txt:hover,
	.social_inner .block_item .item_img:hover {
		opacity: 0.75;
	}
}
.social_inner .block-01 {
	float: none;
	width: 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block-01 {
		float: left;
		width: 33.33%;
	}
}
.social_inner .block-01 .grid-1-1 {
	padding-top: 50%;
	width: 50%;
}
.social_inner .block-01 .grid-2-1 {
	padding-top: 50%;
	width: 100%;
}
.social_inner .block-01 .item_img img {
	width: 100%;
}
.social_inner .block-02,
.social_inner .block-04 {
	width: 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block-02,
	.social_inner .block-04 {
		float: left;
		width: 16.66%;
	}
}
.social_inner .block-02 .grid-1-1,
.social_inner .block-04 .grid-1-1 {
	float: left;
	padding-top: 50%;
	width: 50%;
}
@media screen and (min-width: 736px) {
	.social_inner .block-02 .grid-1-1,
	.social_inner .block-04 .grid-1-1 {
		padding-top: 100%;
		width: 100%;
	}
}
.social_inner .block-03 {
	width: 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block-03 {
		width: 33.33%;
	}
}
.social_inner .block-03 .grid-2-2 {
	padding-top: 100%;
	width: 100%;
}

/* --------------------------------
	新着情報
-------------------------------- */
.l-info {
	padding: 35px 0 90px;
	width: 100%;
	pointer-events: all;
}
@media screen and (min-width: 736px) {
	.l-info {
		padding: 84px 0 130px;
	}
}

.info_h {
	margin: 0 auto 25px;
	width: 123px;
	height: 45px; 
	text-align: center;
}
@media screen and (min-width: 736px) {
	.info_h {
		margin: 0 auto 80px;
		width: 244px;
		height: 84px;
	}
}

.info_items {
	position: relative;
	z-index: 1;
	padding: 0 8px;
}
@media screen and (min-width: 736px) {
	.info_items {
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto; 
		padding: 0;
		max-width: 1070px;

		-ms-flex-pack: justify;

		    justify-content: space-between;
	}
}

.info_item_wrap {
	box-sizing: border-box;
	position: relative;
	margin: 0 auto 22px; 
	width: 304px;
	height: 304px;
}
@media screen and (min-width: 736px) {
	.info_item_wrap {
		margin: 0; 
		width: 33%;
		height: 350px;
	}
}
.info_item_wrap > a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff; 
	text-align: center;
	text-decoration: none;
	color: #000;
}
.info_item_wrap:nth-child(3n-2):before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: -13px;
	right: 35px;
	width: 25px;
	height: 25px; 
	background-color: #e60021;
}
@media screen and (min-width: 736px) {
	.info_item_wrap:nth-child(3n-2):before {
		top: -15px;
		right: 15px;
		width: 50px;
		height: 50px;
	}
}
.info_item_wrap:nth-child(3n-1):before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	right: 25px;
	bottom: -13px;
	width: 25px;
	height: 25px; 
	background-color: #76a02d;
}
@media screen and (min-width: 736px) {
	.info_item_wrap:nth-child(3n-1):before {
		right: 15px;
		bottom: -20px;
		width: 50px;
		height: 50px;
	}
}
.info_item_wrap:nth-child(3n):before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: -13px;
	left: 35px;
	width: 25px;
	height: 25px; 
	background-color: #b18247;
}
@media screen and (min-width: 736px) {
	.info_item_wrap:nth-child(3n):before {
		width: 50px;
		height: 50px;
	}
}
.info_item_wrap:last-child {
	margin: 0 auto 0;
}
@media screen and (min-width: 736px) {
	.info_item_wrap:last-child {
		margin: 0;
	}
}

.info_item_category {
	margin-top: 14px;
	padding: 0 10px;
	text-align: center;
	color: #a36c28; 
	font-size: 12px;
	line-height: 1;
}
@media screen and (min-width: 736px) {
	.info_item_category {
		margin-top: 24px;
		padding: 0 30px;
		font-size: 14px;
	}
}

.info_item_ttl {
	margin-top: 8px;
	padding: 0 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold; 
	line-height: 1.4;
}
@media screen and (min-width: 736px) {
	.info_item_ttl {
		margin-top: 20px;
		padding: 0 30px;
		font-size: 16px;
	}
}

.info_item_img {
	margin: 8px auto 0; 
	text-align: center;
}
@media screen and (min-width: 736px) {
	.info_item_img {
		margin: 15px auto 0;
	}
}
.info_item_img img {
	max-height: 183px;
}
@media screen and (min-width: 736px) {
	.info_item_img img {
		width: 190px;
	}
}

.info_item_date {
	margin-top: 5px; 
	font-size: 14px;
}
@media screen and (min-width: 736px) {
	.info_item_date {
		margin-top: 7px;
	}
}
.info_item_date span {
	display: inline-block;
	margin-left: 5px;
	color: #d63c17;
}

.info_item-default {
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.info_item-over {
	display: none;
}
@media screen and (min-width: 736px) {
	.info_item-over {
		display: block;
		opacity: 0; 
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: opacity 0.3s ease-in-out;
		background: rgba(183, 140, 85, 0.92);
	}
}
.info_item-over:hover {
	opacity: 0.95;
}

.info_item_txt {
	padding: 55px 60px 0; 
	max-height: 238px;
	text-align: left;
	color: #fff;
	line-height: 2;
}

.info_item_moreBtn {
	padding: 40px 60px 0;
	text-align: right; 
	color: #fff;
}

/* info 背景 */
.info {
	width: 100%;
}
.info .layer_1st .obj_sm_green {
	top: 65px;
	margin-left: -180px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_sm 5s infinite;
	        animation: slide_x_sm 5s infinite;
}
@media screen and (min-width: 736px) {
	.info .layer_1st .obj_sm_green {
		top: 30px;
		margin-left: -684px;
		width: 185px;
		height: 185px;
	}
}
.info .layer_1st .obj_sm_redEx {
	top: 1025px;
	margin-left: 107px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.info .layer_1st .obj_sm_redEx {
		top: 490px;
		margin-left: 504px;
		width: 185px;
		height: 185px;
	}
}
.info .layer_2nd .obj_xs_beige {
	top: 146px;
	margin-left: -207px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.info .layer_2nd .obj_xs_beige {
		top: 234px;
		margin-left: -740px;
		width: 100px;
		height: 100px;
	}
}
.info .layer_2nd .obj_xs_brown {
	top: 940px;
	margin-left: 150px;
	width: 70px;
	height: 70px;
	-webkit-animation: slide_x_xs 5s infinite;
	        animation: slide_x_xs 5s infinite;
}
@media screen and (min-width: 736px) {
	.info .layer_2nd .obj_xs_brown {
		top: 390px;
		margin-left: 644px;
		width: 82px;
		height: 82px;
	}
}

/* --------------------------------
	アクセス
-------------------------------- */
.l-access {
	position: relative;
	pointer-events: all;
}
.l-access .bg_spray_brown {
	display: none;
}
@media screen and (min-width: 736px) {
	.l-access .bg_spray_brown {
		display: block;
		position: absolute;
		top: 255px;
		left: 50%;
		margin-left: -845px;
		width: 370px;
		height: 370px;
	}
}

.access_map {
	position: relative;
	z-index: 1;
}

.access_link {
	margin: 3px 0 0;
	text-align: center;
}
@media screen and (min-width: 736px) {
	.access_link {
		margin: 10px 16px 0 0;
		text-align: right;
	}
}
.access_link a {
	position: relative;
	padding-right: 8px;
	text-decoration: none; 
	color: #423f37;
	font-size: 12px;
	font-weight: bold;
}
.access_link a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
@media screen and (min-width: 736px) {
	.access_link a {
		padding-right: 16px;
		font-size: 14px;
	}
}
.access_link a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 736px) {
	.access_inner {
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto;
		width: 590px;

		-ms-flex-pack: justify;

		    justify-content: space-between;
	}
}

.access_item {
	box-sizing: border-box;
	margin-top: 10px; 
	text-align: center;
}

.access_itemLabel {
	font-size: 12px;
}
@media screen and (min-width: 736px) {
	.access_itemLabel {
		font-size: 14px;
	}
}

.access_itemTxt {
	padding-top: 6px;
	font-size: 12px; 
	line-height: 1.42857;
}
@media screen and (min-width: 736px) {
	.access_itemTxt {
		font-size: 14px;
	}
}
.access_itemTxt > a {
	color: #000;
}
.access_itemTxt > a[href^="tel:"] {
	pointer-events: none;
}

.access_item_busBtn {
	display: inline-block;
	position: relative;
	width: 255px;
	height: 65px;
}
@media screen and (min-width: 736px) {
	.access_item_busBtn {
		width: 310px;
		height: 80px;
	}
}
.access_item_busBtn a {
	display: block;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out; 
	background-image: url(/assets/sp/odilon_redon/img/top/access_item_busBtn_s.png);
	background-repeat: no-repeat;
	background-size: cover;
	white-space: nowrap;
	text-indent: 100%;
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.access_item_busBtn a {
		background-image: url(/assets/sp/odilon_redon/img/top/access_item_busBtn_l.png);
	}
	.access_item_busBtn a:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 46px;
		height: 80px;
		transition: all 0.3s ease-in-out; 
		background: url(/assets/sp/odilon_redon/img/top/access_item_busBtn_arrow_l.png) no-repeat;
		background-size: cover;
	}
	.access_item_busBtn a:hover {
		opacity: 0.75;
	}
	.access_item_busBtn a:hover:before {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

.access_btn {
	position: relative;
	margin: 25px auto 0;
	width: 115px;
	height: 115px;
}
@media screen and (min-width: 736px) {
	.access_btn {
		width: 182px;
		height: 182px; 

		-ms-flex-negative: 1; 

		    flex-shrink: 1;
	}
}
.access_btn a {
	display: block;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/assets/sp/odilon_redon/img/top/access_btn_s.png);
	background-repeat: no-repeat;
	background-size: cover; 
	white-space: nowrap;
	text-indent: 100%;
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.access_btn a {
		transition: all 0.3s ease-in-out; 
		background: #0a828a url(/assets/sp/odilon_redon/img/top/access_btn_l.png);
	}
	.access_btn a:before {
		content: "";
		display: block;
		position: absolute;
		top: 47px;
		left: 70px;
		width: 40px;
		height: 20px;
		transition: all 0.3s ease-in-out; 
		background: url(/assets/sp/odilon_redon/img/top/access_btn_arrow.png) no-repeat;
		background-size: cover;
	}
	.access_btn a:hover {
		background: #009ca6 url(/assets/sp/odilon_redon/img/top/access_btn_l.png);
	}
	.access_btn a:hover:before {
		-webkit-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

/* --------------------------------
	works list
-------------------------------- */
.l-works_list {
	margin: 50px auto; 
	width: 82%;
	max-width: 375px;
}
@media screen and (min-width: 736px) {
	.l-works_list {
		margin: 60px auto 100px; 
		width: 980px;
		max-width: 980px;
	}
}
.l-works_list ol li {
	display: block;
	padding-left: 1.5em;
	text-indent: -1.5em; 
	font-size: 12px;
	line-height: 1.7;
}
@media screen and (min-width: 736px) {
	.l-works_list ol li {
		display: inline;
		padding: 0;
		text-indent: 0;
		font-size: 13px;
		line-height: 2.17;
	}
}
.l-works_list ol li:after {
	display: none;
}
@media screen and (min-width: 736px) {
	.l-works_list ol li:after {
		content: "、";
		display: inline-block;
		padding-left: 0.5em;
	}
}
.l-works_list ol li:last-child:after {
	display: none;
}

/* --------------------------------
  footer
-------------------------------- */
.parallax_wrap.footer .layer_1st .obj_sm_darkGray {
	display: none;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_1st .obj_sm_darkGray {
		display: block;
		bottom: 30px; 
		margin-left: -865px;
	}
}

.parallax_wrap.footer .layer_1st .obj_sm_charcoal {
	bottom: 233px;
	margin-left: -204px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_1st .obj_sm_charcoal {
		bottom: 454px; 
		margin-left: -690px;
	}
}

.parallax_wrap.footer .layer_1st .obj_sm_brown {
	bottom: 269px;
	margin-left: -151px;
	-webkit-animation: slide_x_xs 5s infinite;
	        animation: slide_x_xs 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_1st .obj_sm_brown {
		bottom: 617px; 
		margin-left: -448px;
	}
}

.parallax_wrap.footer .layer_1st .obj_sm_green {
	bottom: 291px;
	margin-left: 110px;
	-webkit-animation: slide_y_sm 5s infinite;
	        animation: slide_y_sm 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_1st .obj_sm_green {
		bottom: 553px; 
		margin-left: 270px;
	}
}

.parallax_wrap.footer .layer_1st .obj_sm_green_02 {
	display: none;
	-webkit-animation: slide_x_xs 5s infinite;
	        animation: slide_x_xs 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_1st .obj_sm_green_02 {
		display: block;
		bottom: 920px; 
		margin-left: 818px;
	}
}

.parallax_wrap.footer .layer_1st .obj_sm_redEx {
	bottom: 241px;
	margin-left: 133px;
	-webkit-animation: slide_y_sm 5s infinite;
	        animation: slide_y_sm 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_1st .obj_sm_redEx {
		bottom: 338px; 
		margin-left: 418px;
	}
}

.parallax_wrap.footer .layer_2nd .obj_sm_charcoal {
	bottom: 233px;
	margin-left: -204px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_2nd .obj_sm_charcoal {
		bottom: 454px; 
		margin-left: -690px;
	}
}

.parallax_wrap.footer .layer_2nd .obj_sm_redEx {
	bottom: 241px;
	margin-left: 133px;
	-webkit-animation: slide_x_md 5s infinite;
	        animation: slide_x_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_2nd .obj_sm_redEx {
		bottom: 338px; 
		margin-left: 418px;
	}
}

.parallax_wrap.footer .layer_3rd .obj_sm_darkGray {
	display: none; 
	-webkit-animation: slide_x_sm 5s infinite; 
	        animation: slide_x_sm 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_3rd .obj_sm_darkGray {
		display: block;
		bottom: 30px; 
		margin-left: -865px;
	}
}

.parallax_wrap.footer .layer_3rd .obj_sm_green_02 {
	display: none;
	-webkit-animation: slide_y_sm 5s infinite;
	        animation: slide_y_sm 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_3rd .obj_sm_green_02 {
		display: block;
		bottom: 920px; 
		margin-left: 818px;
	}
}

.parallax_wrap.footer .layer_4th .obj_md_blueEx {
	bottom: 155px;
	margin-left: -204px;
	-webkit-animation: slide_y_md 5s infinite;
	        animation: slide_y_md 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_4th .obj_md_blueEx {
		bottom: 162px; 
		margin-left: -648px;
	}
}

.parallax_wrap.footer .layer_4th .obj_md_beige {
	bottom: 316px;
	margin-left: 160px;
	-webkit-animation: slide_x_xs 5s infinite;
	        animation: slide_x_xs 5s infinite;
}
@media screen and (min-width: 736px) {
	.parallax_wrap.footer .layer_4th .obj_md_beige {
		bottom: 628px; 
		margin-left: 486px;
	}
}