@charset "UTF-8";

/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* clearfix */
.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}

/* base */
html { height: 100%; }
body {
	min-height: 100%;
	background: url(/static/omedeta/official/cmn/back.jpg);
	color: #151515;
/*	font-family: 'Noto Sans JP', sans-serif; */
	font-family: serif;
}
a {
	color: #ff3333;
	outline: none;
	text-decoration:none;
}
img {
	max-width: 100%;
	background: no-repeat center center;
	background-size: cover;
}
iframe {
	max-width: 100%;
	max-height: 60vw;
}
.textleft	{ text-align: left; }
.textright	{ text-align: right; }
.textcenter	{ text-align: center; }

.relative	{ position: relative; }

.slick-dots li button:before { content: ''; }

/* youtube
-------------------------------- */
.hs-responsive-embed-youtube {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
	padding-top: 25px;
}
.hs-responsive-embed-youtube iframe {
	position: absolute;
	width: 100%!important;
	height: 100%!important;
}

/* tab
-------------------------------- */
.tab {
	border-top: 1px solid #ff3333;
	border-bottom: 1px solid #ff3333;
}
.tab li {
	padding:20px 0;
	text-align:center;
	color: #ff3333;
	float: left;
	width:25%;
	cursor: pointer;
	list-style: none;
	transition: .3s;
}
.tab li.active {
	background: url(/static/omedeta/official/cmn/circle.png) center center;
	background-repeat: no-repeat;
	background-size:10% auto;
	cursor: auto;
}
.area ul {
	display: none;
}
.area ul.show {
	display: block;
}

/* slide
-------------------------------- */
.slider {
	 vertical-align:middle;
	 width:100%;
}
.slider img {
	width: 100%;
	height:auto;
}
.slick-dots li button:before{
	background: #ff3333;
	border: 3px solid #ff3333;
	border-radius: 50%;
	color: #ff3333;
	width: 10px;
	height: 10px;
}

/* footer
-------------------------------- */
#footer {
	clear:both;
	background: #fff;
	color:#ff3333;
	font-size:12px;
}
#footer .snsNav li { display: inline-block; margin: 0 10px; }
#footer .snsNav a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	border: 1px solid #ff3333;
}


/* font-awesome
-------------------------------- */
.fa-red {color: #ff3333; }

/* loading
-------------------------------- */
#loading {
/*	display: flex; */
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	-webkit-transition: all 3s ease;
	transition: all 3s ease;
}
#loading p { width: 200px; -webkit-transition: all .5s ease; transition: all .5s ease; }
#loading .label,
#loading .percent { text-align: center; }
#loading .logo { width: 200px; text-align: center; margin: 0 auto; position: relative; }
#loading .logo svg { width: 100px; }
#loading .logo span {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#loading .logo path { fill: #151515; }
#loading .bar span {
	display: inline-block;
	height: 5px;
	background: #ff3333;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#wrap { position: relative; -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; }

.loading #loading .bar { text-align: left; }
.loading #wrap { opacity: 0; top: 100px; }

.visible #loading { height: 0; }
.visible #loading p { opacity: 0; }
.visible #loading .bar { text-align: right; }
.visible #wrap { opacity: 1; top: 0; }

/* keyVisual
-------------------------------- */
.slick-track { padding: 20px 0; }
.slick-slide img {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.slick-center a img {
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.slick-prev,
.slick-next {
	display: block;
	width: 10%;
	height: 100%;
	background: transparent;
	color: transparent;
	font-size: 0;
	line-height: 0;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 99;
	cursor: pointer;
	border: none;
	outline: none;
}
.slick-prev { left: 0; }
.slick-next { right: 0; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev::after, .slick-next::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	position: absolute;
	top: 48%;
}
.slick-prev::after { left: 25%; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.slick-next::after { right: 25%; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* instagram */
#instafeed  img { width:19.3%;padding:1px;}
#instafeed a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* article
-------------------------------- */
.article {
	background: #fff;
	border-radius: 10px;
	padding: 3%;
	margin: 0 auto;
}
.article .date,
.article .tit { color: #ff3333; }