@charset "UTF-8";
/**************************************/
/* CSS file For shane ODAWARA         */
/* FileName: artist.css               */
/* date: 2024.12.24                   */
/**************************************/

/* 体験ページ海老名 */
/*@media screen and (min-width: 1281px){
	body#experience .bread-crumb {
		margin-top: -16em;
	}
}
@media screen and (max-width: 1280px){
	body#experience .bread-crumb {
		margin-top: 0em;
	}
}
@media screen and (max-width: 810px){
	body#experience .bread-crumb {
		margin-top: 0em;
	}
}*/
@media screen and (min-width: 1281px){
	#experience .bread-crumb {
		padding-top: 1em;
		padding-bottom: 2em;
	}
}



body#experience .massage-text {
	font-size: 180%;
	text-align: center;
}
body#experience .page-header {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #320e14;
	color: #fff;
	text-align: center;
	padding-top: 3px;
	font-size: 2.6em;
	font-weight: 400;
}
@media screen and (max-width: 1280px){
	body#experience .page-header {
		display: none;
	}
}

body#experience h3 {
	font-size: 2.6em;
	text-align: center;
	font-weight: bold;
	color: #000;
	margin: 0 0 2%;
}
@media screen and (max-width: 1280px){
	body#experience h3 {
		font-size: 2.0em;
	}
}
body#experience .experience {
	margin: 5% auto 15%;
}
body#experience .page-wrap .div-tx-center {
	margin: 0 auto;
	width: 36rem;
}
body#experience a.caption {
	text-decoration: none;
	color: #000;
	font-weight: 700;
	font-size: 180%;
}
body#experience .movie-bg {
	margin: 5% 0;
}
body#experience .movie-wrap {
	width: 800px;
	margin: 0 auto;
}
body#experience .movie-wrap iframe {
	width: 800px;
	height: 450px;
}

.video-box {
	width: 80%;
	margin: 0 auto;
	margin-top: 100px;
	height: auto;
}
.video-box .video-title {
	width: 12em;/* 幅を文字数分広げる */
	margin: 0 auto;
	font-size: 2.6em;
	color: #5e3e36;
	text-align: center;
	position: relative;
}
.video-box-midashi {
	height: auto;
	position: absolute;
	top: -45px;
	left: -85px;
}
p.movie-wrap {
	text-align: center;
}
.movie {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}
.movie .movie-inner {
	/*padding-top: 56.25%;*/
	padding-top: 0; 
	position: relative;
	/*height: 0;*/
	overflow: hidden;
	margin: 0 20%;
	width: 60%;
	height: auto;
/*}
.movie .movie-inner iframe {*/
	/*position: absolute;
	top: 0;
	left: 0;*/
	/*
	width: 100%;
	height: 100%;*/
}