@charset "UTF-8";
/* ----------------------
ローディングアニメーション
------------------------ */
.l-loading {
	position: fixed;
	z-index: 100000; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

/* --------------------------------
	scrollAnime
-------------------------------- */
.js-fadeIn {
	opacity: 0;
	-webkit-transition: opacity 1.2s ease-in-out;
	transition: opacity 1.2s ease-in-out;
}
.js-fadeIn.is-startAnime {
	opacity: 1;
}

.js-fadeInUp {
	opacity: 0;
	-webkit-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out; 
	-webkit-transform: translateY(25px); 
	    -ms-transform: translateY(25px); 
	        transform: translateY(25px);
}
.js-fadeInUp.is-startAnime {
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

/* --------------------------------
	top page
-------------------------------- */
@media screen and (min-width: 736px) {
	.wrapper {
		margin: 0 auto; 
		min-width: 1024px;
		max-width: 2560px;
	}
}

#body {
	background-color: #f4f0ea;
}

.l-main {
	padding-top: 50px;
}
@media screen and (min-width: 736px) {
	.l-main {
		overflow: visible; 
		padding-top: 0px;
	}
}

@media screen and (min-width: 736px) {
	.l-ftr {
		overflow: visible;
	}
}

.ftr_body.cover:after {
	z-index: -1;
}

/* --------------------------------
	l-hero
-------------------------------- */
.l-hero {
	background: url(/assets/sp/jmb/img/top/hero_bg_repaet_sp.jpg) repeat calc(50% + 19px) 0;
	background-size: 27.5px 40px;
}
@media screen and (min-width: 736px) {
	.l-hero {
		background: url(/assets/sp/jmb/img/common/bg_layer_base.png) no-repeat;
		background-size: auto auto;
	}
}

.hero_head {
	position: relative;
	padding: 20px 0 0;
	height: 425px;
	background: url(/assets/sp/jmb/img/top/hero_bg_sp.jpg) no-repeat calc(50% + 19px) 0;
	background-size: auto 100%;
}
@media screen and (min-width: 736px) {
	.hero_head {
		padding: 62px 0 0;
		height: auto;
		background: none;
	}
	.hero_head .hero_bg_left {
		content: "";
		display: block;
		position: absolute;
		z-index: 2;
		top: 0;
		right: 50%;
		width: 1320px;
		height: 1335px;
		-webkit-transform: translateX(-10px);
		    -ms-transform: translateX(-10px);
		        transform: translateX(-10px);
		background: url(/assets/sp/jmb/img/top/hero_bg_left.png) no-repeat;
		background-size: contain;
		pointer-events: none;
	}
	.hero_head .hero_bg_right {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		width: 790px;
		height: 772px;
		-webkit-transform: translateX(492px);
		    -ms-transform: translateX(492px);
		        transform: translateX(492px); 
		background: url(/assets/sp/jmb/img/top/hero_bg_right.png) no-repeat;
		background-size: contain;
	}
}

.hero_head_inner {
	position: relative;
	margin: 0 auto;
	width: 320px;
}
@media screen and (min-width: 736px) {
	.hero_head_inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 22px;
		width: 1024px;
	}
}

.hero_img {
	position: absolute;
	z-index: 3; 
	left: 12px;
	width: 185px;
	height: 294px;
}
@media screen and (min-width: 736px) {
	.hero_img {
		position: relative;
		left: 0;
		width: 442px;
		height: 693px;
	}
}

@media screen and (min-width: 736px) {
	.hero_head_txtWrap {
		text-align: center; 

		-webkit-box-flex: 1; 

		    -ms-flex: 1; 

		        flex: 1;
	}
}

.hero_head_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse; 
	margin-left: 210px;
	width: 87px;
}
.hero_head_title span {
	display: block;
}
@media screen and (min-width: 736px) {
	.hero_head_title {
		display: block;
		margin: 74px auto 0;
		width: 480px;
		text-align: center;
	}
}

.hero_head_date {
	margin: 15px auto 0; 
	width: 260px;
}
@media screen and (min-width: 736px) {
	.hero_head_date {
		margin-top: 42px;
		width: 398px;
	}
}

.hero_head_note {
	margin-top: 10px;
	text-align: center; 
	font-size: 10px;
	line-height: 1.45;
}
@media screen and (min-width: 736px) {
	.hero_head_note {
		margin-top: 10px;
		font-size: 14px;
	}
}

.hero_navi {
	display: none;
}
@media screen and (min-width: 736px) {
	.hero_navi {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 90px auto 0;
		width: 360px;

		-ms-flex-wrap: wrap;

		    flex-wrap: wrap;
	}
	.hero_navi li {
		position: relative;
		margin-bottom: 24px;
	}
	.hero_navi li a {
		display: block;
		position: relative;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.hero_navi li a:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		margin: auto;
		width: 11px;
		height: 6px;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; 
		background: url(/assets/sp/jmb/img/top/hero_navi_arrow.png) no-repeat;
	}
	.hero_navi li a:hover {
		opacity: 0.75;
	}
	.hero_navi li a:hover:before {
		-webkit-transform: translateX(5px);
		    -ms-transform: translateX(5px);
		        transform: translateX(5px);
	}
	.hero_navi li:nth-of-type(1),
	.hero_navi li:nth-of-type(3) {
		padding-right: 38px;
	}
	.hero_navi li:nth-of-type(1):before,
	.hero_navi li:nth-of-type(3):before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -38px;
		width: 38px;
		height: 57px;
		background: url(/assets/sp/jmb/img/top/hero_navi_border.png) no-repeat;
	}
	.hero_navi li:nth-of-type(2):before,
	.hero_navi li:nth-of-type(2):after,
	.hero_navi li:nth-of-type(4):before,
	.hero_navi li:nth-of-type(4):after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -38px;
		width: 38px;
		height: 57px;
		background: url(/assets/sp/jmb/img/top/hero_navi_border.png) no-repeat;
	}
	.hero_navi li:nth-of-type(2):after,
	.hero_navi li:nth-of-type(4):after {
		right: -38px; 
		left: auto;
	}
	.hero_navi li:nth-of-type(2) a:before {
		left: 12px;
	}
	.hero_navi li:nth-of-type(3) a:before {
		left: 22px;
	}
	.hero_navi li:nth-of-type(4) a:before {
		left: 0;
	}
}

.hero_body {
	position: relative;
	z-index: 1;
	padding: 32px 0 30px; 
	background: #fff;
}
@media screen and (min-width: 736px) {
	.hero_body {
		margin-top: -72px;
		padding: 90px 0 80px;
	}
}

.hero_body_inner {
	margin: 0 auto; 
	width: 320px;
}
@media screen and (min-width: 736px) {
	.hero_body_inner {
		padding: 0 12px; 
		width: 1024px;
	}
}

.hero_body_txtWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse; 
	margin: 0 auto;
	width: 273px;
}
@media screen and (min-width: 736px) {
	.hero_body_txtWrap {
		width: 680px;
	}
}

.hero_body_fadeInUp {
	opacity: 0;
	-webkit-transform: translateY(15px);
	    -ms-transform: translateY(15px);
	        transform: translateY(15px);
}
@media screen and (min-width: 736px) {
	.hero_body_fadeInUp {
		-webkit-transform: translateY(25px);
		    -ms-transform: translateY(25px);
		        transform: translateY(25px);
	}
}

.hero_btn {
	margin-top: 20px; 
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.hero_btn {
		margin-top: 10px;
	}
}

.hero_img {
	opacity: 0;
}

.hero_head_title_1 {
	opacity: 0;
}

.hero_head_title_2 {
	opacity: 0; 
	-webkit-transform: translate(0, 50px); 
	    -ms-transform: translate(0, 50px); 
	        transform: translate(0, 50px);
}
@media screen and (min-width: 736px) {
	.hero_head_title_2 {
		-webkit-transform: translate(50px, 0);
		    -ms-transform: translate(50px, 0);
		        transform: translate(50px, 0);
	}
}

.hero_head_title_3 {
	opacity: 0; 
	-webkit-transform: translate(0, -50px); 
	    -ms-transform: translate(0, -50px); 
	        transform: translate(0, -50px);
}
@media screen and (min-width: 736px) {
	.hero_head_title_3 {
		-webkit-transform: translate(-50px, 0);
		    -ms-transform: translate(-50px, 0);
		        transform: translate(-50px, 0);
	}
}

.hero_head_date {
	opacity: 0;
}

.hero_head_note {
	opacity: 0;
}

.hero_navi {
	opacity: 0;
}

/* --------------------------------
	beaty_head
-------------------------------- */
.l-beaty_head {
	padding-top: 46px;
	height: 475px;
	background: url(/assets/sp/jmb/img/top/beaty_head_bg_sp.jpg) no-repeat center 0;
	background-size: auto 100%;
}
@media screen and (min-width: 736px) {
	.l-beaty_head {
		padding-top: 86px;
		height: 590px; 
		background: url(/assets/sp/jmb/img/top/beaty_head_bg.jpg) no-repeat center 0;
	}
}

.beaty_head_inner {
	position: relative;
	margin: 0 auto; 
	width: 320px;
}
@media screen and (min-width: 736px) {
	.beaty_head_inner {
		margin-bottom: 64px; 
		padding: 0 12px;
		width: 1024px;
	}
}

.beaty_head_h {
	margin: 0 auto 22px;
	width: 260px;
}
@media screen and (min-width: 736px) {
	.beaty_head_h {
		margin: 0 auto 68px;
		width: 412px;
		-webkit-transform: translateX(26px);
		    -ms-transform: translateX(26px);
		        transform: translateX(26px);
	}
}

.beaty_head_img {
	margin: 0 auto;
	width: 280px; 
	text-align: left;
}
@media screen and (min-width: 736px) {
	.beaty_head_img {
		float: right; 
		margin: 0;
		width: 552px;
	}
}
.beaty_head_img img {
	width: 130px;
	height: 171px;
}
@media screen and (min-width: 736px) {
	.beaty_head_img img {
		width: 242px;
		height: auto;
	}
}

.beaty_head_arrow {
	position: absolute;
	top: 122px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	-webkit-animation: arrowAnime 0.6s ease 0.3s;
	        animation: arrowAnime 0.6s ease 0.3s;
}
@media screen and (min-width: 736px) {
	.beaty_head_arrow {
		top: 250px;
		right: 265px;
		left: auto;
		margin: 0; 
		width: 42px;
		height: 42px;
	}
}
.beaty_head_arrow img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.beaty_head_arrow_1 {
	-webkit-animation: arrowAnime 2.6s ease 0s infinite;
	        animation: arrowAnime 2.6s ease 0s infinite;
}

.beaty_head_arrow_2 {
	-webkit-animation: arrowAnime 2.6s ease 0.4s infinite;
	        animation: arrowAnime 2.6s ease 0.4s infinite;
}

.beaty_head_arrow_3 {
	-webkit-animation: arrowAnime 2.6s ease 0.8s infinite;
	        animation: arrowAnime 2.6s ease 0.8s infinite;
}

@-webkit-keyframes arrowAnime {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes arrowAnime {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.beaty_head_txt {
	margin: 15px auto;
	width: 290px;
	font-size: 13px; 
	line-height: 1.54;
}
@media screen and (min-width: 736px) {
	.beaty_head_txt {
		margin: 118px 0 30px;
		width: 420px;
		font-size: 16px;
		line-height: 1.88;
	}
}

.beaty_head_btn {
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.beaty_head_btn {
		text-align: left;
	}
}

.l-beaty_body {
	overflow: hidden; 
	position: relative;
	padding: 58px 0 55px;
}
@media screen and (min-width: 736px) {
	.l-beaty_body {
		padding: 125px 0 47px; 
		height: 1434px;
	}
}
.l-beaty_body:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 50%;
	width: 525px;
	height: 764px;
	-webkit-transform: translate(98px);
	    -ms-transform: translate(98px);
	        transform: translate(98px);
	background: url(/assets/sp/jmb/img/top/beaty_body_obj.png) no-repeat;
	background-size: contain;
}
@media screen and (min-width: 736px) {
	.l-beaty_body:before {
		width: 1390px;
		height: 2077px;
		-webkit-transform: translate(30px, -1px);
		    -ms-transform: translate(30px, -1px);
		        transform: translate(30px, -1px);
	}
}

.beaty_body_inner {
	position: relative;
	z-index: 1;
	margin: 0 auto; 
	width: 320px;
}
@media screen and (min-width: 736px) {
	.beaty_body_inner {
		padding: 0 12px; 
		width: 1024px;
	}
}

.beaty_body_h {
	margin: 0 auto; 
	width: 262px;
}
@media screen and (min-width: 736px) {
	.beaty_body_h {
		width: 974px;
	}
}

.beaty_body_anime_obj {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: url(/assets/sp/jmb/img/top/beaty_anime_obj_sp.png) repeat center 150px;
	background-size: 450px auto;
}
@media screen and (min-width: 736px) {
	.beaty_body_anime_obj {
		background: url(/assets/sp/jmb/img/top/beaty_anime_obj.png) repeat center 220px;
		background-size: auto auto;
	}
}

.beaty_body_fixed_obj {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/sp/jmb/img/top/beaty_fixed_obj_sp.png) no-repeat center 0;
	background-size: 450px auto;
}
@media screen and (min-width: 736px) {
	.beaty_body_fixed_obj {
		background: url(/assets/sp/jmb/img/top/beaty_fixed_obj.png) no-repeat center 5px;
		background-size: auto auto;
	}
}

/* --------------------------------
	beaty_body_sec
-------------------------------- */
.beaty_body_sec2 {
	margin-top: 50px;
}
@media screen and (min-width: 736px) {
	.beaty_body_sec2 {
		margin-top: 20px;
	}
}

.beaty_body_h {
	margin-bottom: 55px;
}
@media screen and (min-width: 736px) {
	.beaty_body_h {
		margin-bottom: 70px;
	}
}

.beaty_body_sec_h {
	font-size: 16px;
	line-height: 1.38;
}
@media screen and (min-width: 736px) {
	.beaty_body_sec_h {
		margin-top: 40px; 
		font-size: 24px;
	}
}

.beaty_body_sec_txt {
	position: relative;
	z-index: 2;
	margin: 8px 0 15px;
	width: 140px; 
	font-size: 13px;
	line-height: 1.54;
}
@media screen and (min-width: 736px) {
	.beaty_body_sec_txt {
		width: 100%; 
		font-size: 16px;
	}
}

.beaty_body_sec_img {
	position: relative;
	z-index: 3;
	margin: 0 auto; 
	width: 280px;
}
@media screen and (min-width: 736px) {
	.beaty_body_sec_img {
		margin: 0; 
		width: 370px;
	}
}

@media screen and (min-width: 736px) {
	.beaty_body_sec2_img {
		margin-left: 618px;
	}
}

.beaty_body_sec {
	position: relative;
}

.beaty_body_sec1_inner {
	position: relative;
	margin: 0 auto; 
	width: 280px;
}
@media screen and (min-width: 736px) {
	.beaty_body_sec1_inner {
		position: absolute;
		top: 0;
		right: 0;
		width: 570px;
		height: 545px;
	}
}

.beaty_body_sec1_img_sm {
	position: absolute;
	top: 0;
	right: 0; 
	width: 135px;
}
@media screen and (min-width: 736px) {
	.beaty_body_sec1_img_sm {
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 190px;
	}
}

.beaty_body_sec2_inner {
	position: relative;
	margin: 0 auto; 
	width: 280px;
}
@media screen and (min-width: 736px) {
	.beaty_body_sec2_inner {
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 40px;
		width: 525px;
		height: 478px;
	}
}
@media screen and (min-width: 736px) {
	.beaty_body_sec2_inner .beaty_body_btn {
		margin-top: 20px; 
		text-align: left;
	}
}

.beaty_body_sec2_img_sm {
	position: absolute;
	top: 0;
	right: 0; 
	width: 135px;
}
@media screen and (min-width: 736px) {
	.beaty_body_sec2_img_sm {
		top: auto;
		right: 0;
		bottom: 30px; 
		width: 270px;
	}
}

.beaty_body_btn {
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.beaty_body_btn {
		margin-top: 20px; 
		text-align: left;
	}
}

/* --------------------------------
	グロナビ
-------------------------------- */
@media screen and (min-width: 736px) {
	.gnav_btn {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		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: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;
}
.gnav_pc_inner > li a {
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	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;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background: url(/assets/sp/jmb/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);
	    -ms-transform: translateX(10px);
	        transform: translateX(10px);
}

/* --------------------------------
	SNS
-------------------------------- */
.l-social {
	position: relative;
	z-index: 2; 
	padding: 0 25px;
	background: #ed6d00;
}
@media screen and (min-width: 736px) {
	.l-social {
		padding: 0;
	}
}

.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;
	-webkit-box-sizing: border-box;
	        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 {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social_inner .block_item.is-tw:before {
	background: url(/assets/sp/jmb/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;
	-webkit-box-sizing: border-box;
	        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%);
	    -ms-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/jmb/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/jmb/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/jmb/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/jmb/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 {
	-webkit-box-sizing: border-box;
	        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/jmb/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%;
	-webkit-transition: all 0.3s ease-in-out;
	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%;
}

/* --------------------------------
	history
-------------------------------- */
.l-history {
	position: relative;
	z-index: 2; 
	background: #e96c05;
}
@media screen and (min-width: 736px) {
	.l-history {
		background: url(/assets/sp/jmb/img/top/history_bg_repeat.jpg) repeat calc(50% - 17px) 0;
		background-size: auto 100%;
	}
}

.history_inner_lv1 {
	background: url(/assets/sp/jmb/img/top/history_bg_sp.jpg) no-repeat center 0;
	background-size: auto 100%;
}
@media screen and (min-width: 736px) {
	.history_inner_lv1 {
		background: url(/assets/sp/jmb/img/top/history_bg.jpg) no-repeat center 0;
		background-size: auto 100%;
	}
}

.history_inner_lv2 {
	margin: 0 auto;
	padding: 45px 0;
	width: 320px;
	height: 476px;
}
@media screen and (min-width: 736px) {
	.history_inner_lv2 {
		padding: 110px 12px;
		width: 1024px;
		height: 767px;
	}
}

.history_h {
	margin: 0 auto 36px;
	width: 228px;
}
@media screen and (min-width: 736px) {
	.history_h {
		margin: 0 auto 70px;
		width: 656px;
	}
}

.slick_slider {
	margin: 0 auto; 
	width: 280px;
}
@media screen and (min-width: 736px) {
	.slick_slider {
		width: 820px;
	}
}

@media screen and (min-width: 736px) {
	.slide_item {
		border: 1px solid transparent;
	}
}

.slide_item a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out; 
	text-decoration: none;
	color: inherit;
}
.slide_item a:hover {
	opacity: 0.75;
}

@media screen and (min-width: 736px) {
	.slider_img {
		margin-bottom: 10px;
	}
}

.slider_txtWrap {
	text-align: center;
}

.slider_h {
	margin-bottom: 8px;
	text-align: left; 
	color: #fff;
	font-size: 16px;
}
@media screen and (min-width: 736px) {
	.slider_h {
		float: left; 
		width: 460px;
		font-size: 24px;
	}
}

.slider_txt {
	margin-bottom: 16px;
	text-align: left; 
	font-size: 13px;
	line-height: 1.54;
}
@media screen and (min-width: 736px) {
	.slider_txt {
		float: left; 
		width: 500px;
		font-size: 16px;
	}
}

.slider_btn {
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding: 14px 50px;
	background-color: #f1e719;
	text-align: center;
	text-decoration: none; 
	font-size: 12px;
}
@media screen and (min-width: 736px) {
	.slider_btn {
		float: right; 
		padding: 16px 70px 16px 80px;
		font-size: 14px;
	}
}
.slider_btn span {
	display: block;
	position: relative;
	color: #008fb8; 
	font-weight: bold;
}
.slider_btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	margin: auto;
	width: 54px;
	height: 8px;
	background: url(/assets/sp/jmb/img/common/arrow_long.png) no-repeat 0 0;
}

/* --------------------------------
	新着情報
-------------------------------- */
.l-info {
	position: relative;
	z-index: 1; 
	padding: 50px 0;
}
@media screen and (min-width: 736px) {
	.l-info {
		padding: 120px 0 166px;
	}
}

@media screen and (min-width: 736px) {
	.info_inner {
		margin: 0 auto;
		width: 980px;
	}
}

.info_h {
	margin-bottom: 25px;
	width: 291px;
}
@media screen and (min-width: 736px) {
	.info_h {
		margin: 0 0 80px 60px;
		width: auto;
	}
}

.info_items {
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 736px) {
	.info_items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-pack: justify;

		    -ms-flex-pack: justify;

		        justify-content: space-between;
	}
}

.info_item_wrap {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	margin: 0 auto 20px; 
	width: 280px;
	height: 343px;
}
@media screen and (min-width: 736px) {
	.info_item_wrap {
		margin: 0; 
		width: 300px;
		height: 368px;
	}
}
.info_item_wrap > a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #000;
}
.info_item_wrap:last-of-type {
	margin-bottom: 0;
}

.info_item_ttl {
	margin: 29px 0 20px;
	padding: 0 30px 0;
	text-align: center;
	color: #008fb8; 
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.info_item_img {
	margin: 0 auto; 
	height: 230px;
	text-align: center;
}
.info_item_img img {
	height: 100%;
}

.info_item_date {
	margin-top: 20px; 
	font-size: 14px;
}
.info_item_date span {
	display: inline-block;
	margin-left: 5px;
	color: #d63c17;
}

.info_item-default {
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/sp/jmb/img/common/info_item_bg.png) no-repeat;
	background-size: cover;
}

.info_item-over {
	display: none;
}
@media screen and (min-width: 1000px) {
	.info_item-over {
		display: block;
		opacity: 0; 
		-webkit-box-sizing: border-box; 
		        box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
		background: url(/assets/sp/jmb/img/common/info_item_bg_ov.png) no-repeat;
		background-size: cover;
	}
}
.info_item-over:hover {
	opacity: 0.95;
}

.info_item_txt {
	padding: 80px 35px 0; 
	text-align: left;
	color: #008fb8;
	font-size: 16px;
	line-height: 2;
}

.info_item_arrow {
	padding: 40px 35px 0;
	text-align: right; 
	color: #008fb8;
}
.info_item_arrow span {
	margin-right: 10px;
}

.info_anime_obj {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background: url(/assets/sp/jmb/img/top/info_anime_obj_sp.png) repeat center 450px;
	background-size: 450px auto;
}
@media screen and (min-width: 736px) {
	.info_anime_obj {
		background: url(/assets/sp/jmb/img/top/info_anime_obj.png) repeat center 220px;
		background-size: auto auto;
	}
}

.info_fixed_obj {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/sp/jmb/img/top/info_fixed_obj_sp.png) no-repeat center 0;
	background-size: 450px auto;
}
@media screen and (min-width: 736px) {
	.info_fixed_obj {
		background: url(/assets/sp/jmb/img/top/info_fixed_obj.png) no-repeat center 3px;
		background-size: auto auto;
	}
}

/* --------------------------------
	アクセス
-------------------------------- */
.l-access {
	position: relative;
	padding: 58px 0;
}
@media screen and (min-width: 736px) {
	.l-access {
		padding: 70px 0 80px;
	}
}
.l-access:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 50%;
	width: 497px;
	height: 479px;
	-webkit-transform: translateX(80px);
	    -ms-transform: translateX(80px);
	        transform: translateX(80px);
	background: url(/assets/sp/jmb/img/top/access_obj_sp.png) no-repeat;
	background-size: contain;
}
@media screen and (min-width: 736px) {
	.l-access:before {
		width: 1320px;
		height: 1709px; 
		-webkit-transform: translateX(-20px); 
		    -ms-transform: translateX(-20px); 
		        transform: translateX(-20px);
		background: url(/assets/sp/jmb/img/top/access_obj.png) no-repeat;
		background-size: contain;
	}
}

.access_map {
	position: relative;
	z-index: 1;
	padding-top: 47%;
	height: 0;
}
@media screen and (min-width: 736px) {
	.access_map {
		padding-top: 0;
		height: 400px;
	}
}
.access_map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.access_link {
	margin: 10px 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);
	    -ms-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;
}

.access_item {
	-webkit-box-sizing: border-box;
	        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_btnWrap {
	margin-top: 30px;
}
@media screen and (min-width: 736px) {
	.access_btnWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 30px auto 0;
		width: 660px;

		-webkit-box-pack: justify;

		    -ms-flex-pack: justify;

		        justify-content: space-between;
	}
}

.access_item_busBtn {
	margin: 0 auto 15px; 
	width: 255px;
	height: 65px;
}
@media screen and (min-width: 736px) {
	.access_item_busBtn {
		margin: 0; 
		width: 360px;
		height: 90px;
	}
}
.access_item_busBtn a {
	display: block;
	display: block;
	overflow: hidden;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background: url(/assets/sp/jmb/img/top/access_item_busBtn_sp.png) no-repeat;
	background-size: contain;
	white-space: nowrap;
	text-indent: 100%;
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.access_item_busBtn a {
		background: url(/assets/sp/jmb/img/top/access_item_busBtn.png) no-repeat;
		background-color: #f1e719;
	}
	.access_item_busBtn a:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -5px;
		margin: auto;
		width: 54px;
		height: 8px;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; 
		background: url(/assets/sp/jmb/img/common/arrow_long.png) no-repeat;
	}
	.access_item_busBtn a:hover {
		background-color: #fff300;
	}
	.access_item_busBtn a:hover:before {
		-webkit-transform: translateX(5px);
		    -ms-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

.access_btn {
	display: block;
	margin: 0 auto;
	width: 255px;
	height: 48px;
	line-height: 48px;
}
@media screen and (min-width: 736px) {
	.access_btn {
		margin: 0;
		width: 280px;
		height: 90px;
		line-height: 90px;
	}
}
.access_btn a {
	overflow: hidden;
	position: relative;
	text-decoration: none; 
	color: #008fb8;
	font-size: 12px;
}
.access_btn a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -5px;
	margin: auto;
	width: 54px;
	height: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background: url(/assets/sp/jmb/img/common/arrow_long.png) no-repeat;
}
@media screen and (min-width: 736px) {
	.access_btn a {
		padding-left: 40px; 
		font-size: 18px;
	}
	.access_btn a:hover:before {
		-webkit-transform: translateX(5px);
		    -ms-transform: translateX(5px);
		        transform: translateX(5px);
	}
}

/* --------------------------------
	works list
-------------------------------- */
.l-works_list {
	margin: 0 auto 115px; 
	width: 82%;
	max-width: 375px;
}
@media screen and (min-width: 736px) {
	.l-works_list {
		margin: 0 auto 200px; 
		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
-------------------------------- */
.l-ftr {
	margin-top: 0;
}

/* SNS share */
.ftr_share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 20px auto 50px; 
	width: 270px;

	-webkit-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;
}
@media screen and (min-width: 736px) {
	.ftr_share {
		margin: 20px auto 5px; 
		width: 180px;
	}
}
.ftr_share .share_item.share_item-fb {
	margin: -3px 0 0 0;
}
@media screen and (min-width: 736px) {
	.ftr_share .share_item.share_item-line {
		display: none;
	}
}

/* body */
.ftr_body {
	position: relative;
}

.ftr_body .inner {
	position: relative;
	z-index: 101; 
	margin: 0 auto;
	width: 320px;
}
@media screen and (min-width: 736px) {
	.ftr_body .inner {
		width: 640px;
	}
}
.ftr_body .inner .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;

	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.ftr_body .inner .menu > li {
	width: 152px;
}
@media screen and (min-width: 736px) {
	.ftr_body .inner .menu > li {
		width: 300px;
	}
}
.ftr_body .inner .menu > li:nth-child(odd) {
	padding-right: 6px; 
	text-align: right;
}
@media screen and (min-width: 736px) {
	.ftr_body .inner .menu > li:nth-child(odd) {
		padding-right: 12px;
	}
}
.ftr_body .inner .menu > li:nth-child(even) {
	padding-left: 6px; 
	text-align: left;
}
@media screen and (min-width: 736px) {
	.ftr_body .inner .menu > li:nth-child(even) {
		padding-left: 12px;
	}
}
.ftr_body .inner .menu > li:nth-child(odd):nth-last-child(2),
.ftr_body .inner .menu > li:last-child {
	border-bottom: none;
}
.ftr_body .inner .menu > li > a {
	display: block;
	padding: 22px 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	text-decoration: none;
	color: #000;
	font-size: 10px;
}
@media screen and (min-width: 736px) {
	.ftr_body .inner .menu > li > a {
		padding: 30px 0;
		font-size: 16px;
	}
}

.ftr_body.cover {
	padding-top: 0; 
	background: none;
}
.ftr_body.cover:before,
.ftr_body.cover:after {
	display: none;
}
.ftr_body.cover:after {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 50%;
	width: 358px;
	height: 329px;
	-webkit-transform: translateX(58px);
	    -ms-transform: translateX(58px);
	        transform: translateX(58px);
	background: url(/assets/sp/jmb/img/top/footer_obj_sp.png) no-repeat;
	background-size: contain;
}
@media screen and (min-width: 736px) {
	.ftr_body.cover:after {
		width: 925px;
		height: 945px;
		-webkit-transform: translateX(370px);
		    -ms-transform: translateX(370px);
		        transform: translateX(370px); 
		background: url(/assets/sp/jmb/img/top/footer_obj.png) no-repeat;
		background-size: contain;
	}
}
.ftr_body.cover .logo {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 280px;
	height: 132px;
	background: url(/assets/sp/jmb/img/common/footer_logo.png) no-repeat;
	background-size: cover; 
	white-space: nowrap;
	text-indent: 100%;
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.ftr_body.cover .logo {
		width: 385px;
		height: 182px;
	}
}
.ftr_body.cover .ftr_note {
	font-size: 11px;
}
.ftr_body.cover .menu {
	padding: 40px 0 0;
}
.ftr_body.cover .menu > li {
	border-bottom: 1px solid #000;
	font-size: 10px; 
	font-weight: bold;
}
@media screen and (min-width: 736px) {
	.ftr_body.cover .menu > li {
		border-bottom: 2px solid #000;
		font-size: 16px;
	}
}
.ftr_body.cover .menu > li > a:hover {
	opacity: 0.75;
}

/* pagetop */
.ftr_body.uftr .pagetop {
	position: absolute;
	z-index: 102; 
	top: -22px;
	right: 0px;
	width: 44px;
	height: 44px;
}
@media screen and (min-width: 1000px) {
	.ftr_body.uftr .pagetop {
		top: -50px;
		right: 80px;
		width: 100px;
		height: 100px;
	}
}
.ftr_body.uftr .pagetop a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background: #f1e719;
}
.ftr_body.uftr .pagetop a .arrow {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 15px;
	height: 9px;
	background: url(/assets/sp/jmb/img/common/pagetop_arrow.png) no-repeat;
	background-size: cover;
}
@media screen and (min-width: 1000px) {
	.ftr_body.uftr .pagetop a .arrow {
		width: 30px;
		height: 18px;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url(/assets/sp/jmb/img/common/pagetop_arrow.png) no-repeat;
		background-size: cover;
	}
}
@media screen and (min-width: 1000px) {
	.ftr_body.uftr .pagetop a:hover {
		background-color: #fff300;
	}
	.ftr_body.uftr .pagetop a:hover .arrow {
		-webkit-transform: translateY(-5px);
		    -ms-transform: translateY(-5px);
		        transform: translateY(-5px);
	}
}

.ftr_body.uftr {
	padding: 40px 0 0 0;
	background-color: #333;
}
@media screen and (min-width: 736px) {
	.ftr_body.uftr {
		padding: 80px 0 0 0;
	}
}
.ftr_body.uftr .logo {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	border-right: no-repeat;
	width: 80px;
	height: 22px;
	background-image: url(/assets/sp/jmb/img/common/ftr_uftr_logo.png);
	background-size: cover; 
	white-space: nowrap;
	text-indent: 100%;
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.ftr_body.uftr .logo {
		display: block;
		overflow: hidden;
		width: 160px;
		height: 44px;
		white-space: nowrap;
		text-indent: 100%; 
		font-size: 0;
	}
}
.ftr_body.uftr .menu {
	padding: 15px 0 26px 0;
}
@media screen and (min-width: 736px) {
	.ftr_body.uftr .menu {
		padding: 12px 0 48px 0;
	}
}
.ftr_body.uftr .menu > li {
	border-bottom: 1px solid #252525;
}
@media screen and (min-width: 736px) {
	.ftr_body.uftr .menu > li {
		border-bottom: 2px solid #252525;
	}
}
.ftr_body.uftr .menu > li > a {
	padding: 15px 0;
	color: #fff; 
	font-weight: bold;
}
@media screen and (min-width: 736px) {
	.ftr_body.uftr .menu > li > a {
		padding: 30px 0;
	}
}
.ftr_body.uftr .menu > li > a:hover {
	color: #999;
}

/* --------------------------------
  loading
-------------------------------- */
.l-loading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #ed6d00;
	font-size: 50px;

	-webkit-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.triangle {
	border-width: 0;
	border-style: solid;
	border-color: transparent #fff;
	width: 0;
	height: 0;
	-webkit-animation: width 2.5s infinite linear;
	        animation: width 2.5s infinite linear;
}

@-webkit-keyframes width {
	0% {
		border-width: 1em 1em 0 0;
	}
	25% {
		border-width: 0 1em 1em 0;
	}
	50% {
		border-width: 0 0 1em 1em;
	}
	75% {
		border-width: 1em 0 0 1em;
	}
	100% {
		border-width: 1em 1em 0 0;
	}
}

@keyframes width {
	0% {
		border-width: 1em 1em 0 0;
	}
	25% {
		border-width: 0 1em 1em 0;
	}
	50% {
		border-width: 0 0 1em 1em;
	}
	75% {
		border-width: 1em 0 0 1em;
	}
	100% {
		border-width: 1em 1em 0 0;
	}
}