@charset "utf-8";


/*--------------------------------------------------------------------*/
/*--reset--*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ul, ol, li,
table, caption, tbody, tfoot, thead, tr, th, td, hr,
form, input, button, select, option, textarea, label {
	font-style:normal;
	font-weight:normal;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}

body {
	line-height:1;
	overflow-x: hidden;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	color:#fff;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	empty-cells:show;
}

input, select {
	vertical-align:middle;
}

ins {
	text-decoration: none;
	border-bottom:3px double rgba(0,0,0,0.25);
}

/*--------------------------------------------------------------------*/
/*--default--*/
html, body, main {
	height: 100%;
}
body {
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Arial, Meiryo, sans-serif;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 1em;
	position:relative;
	background:#fff;
	color:#000;
	-webkit-text-size-adjust:100%;
	-webkit-font-feature-settings:"pwid" 1;
	font-feature-settings:"pwid" 1;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

/* webfont読込後に表示 */
html {
	visibility: hidden;
	opacity: 0;
	-webkit-transition:	all 0.8s ease-out;
	-moz-transition:	all 0.8s ease-out;
	transition:			all 0.8s ease-out;
}
html.wf-active, html.loading-delay {
	opacity: 1;
	visibility: visible;
}


br {letter-spacing:0;}
hr {display:none;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	vertical-align:bottom;
}
img, figure, iframe {
	border:0px;
	vertical-align:bottom;
}
ol, ul{
	list-style:none;
}
input, textarea, select, button {
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Arial, Meiryo, sans-serif;
}

/*--fontawesome--*/
.ico-twitter::before			{content: "\e61b";}
.ico-instagram::before			{content: "\f16d";}
.ico-youtube::before			{content: "\f167";}
.ico-soundcloud::before			{content: "\f1be";}
.ico-envelope::before			{content: "\f0e0";}
.ico-apple::before				{content: "\f179";}
.ico-itunes::before				{content: "\f3b4";}
.ico-spotify::before			{content: "\f1bc";}
.ico-google-play::before		{content: "\f3ab";}
.ico-line::before				{content: "\f3c0";}
.ico-bandcamp::before			{content: "\f2d5";}
.ico-amazon::before				{content: "\f270";}
.ico-cart::before				{content: "\f07a";}
.ico-bars::before				{content: "\f0c9";}
.ico-times::before				{content: "\f00d";}
.ico-chevron-circle-up::before	{content: "\f139";}
.ico-list::before				{content: "\f03a";}
.ico-th::before					{content: "\f00a";}
.ico-compact-disc::before		{content: "\f51f";}
.ico-music::before				{content: "\f001";}
.ico-fa-play::before			{content: "\f04b";}
.ico-link::before				{content: "\f0c1";}
.ico-facebook::before			{content: "\f09a";}
.ico-facebook-square::before	{content: "\f082";}
.ico-facebook-k::before			{content: "\f39e";}
.ico-globe::before				{content: "\f57e";}
.ico-home::before				{content: "\f015";}
.ico-undo::before				{content: "\f0e2";}
.ico-undo-alt::before			{content: "\f2ea";}
.ico-video::before				{content: "\f03d";}
.ico-film::before				{content: "\f008";}
.ico-file-download::before		{content: "\f56d";}
.ico-file-image::before			{content: "\f1c5";}
.ico-twitch::before				{content: "\f1e8";}
.ico-external-link-alt::before	{content: "\f35d";}



/*--------------------------------------------------------------------*/
/*--general--*/
.bg-fix {
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	min-height: 100vh;
}
.bg-scroll {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	min-height: 100vh;
}
.secdef {
	/*縦横中央*/
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items:center;
	min-height: 100vh;
	background-color: #b2abbb;
}
.secdef.noToppage {
	min-height: calc(100vh - 70px);
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
}
.fixwidth {
	width:1120px;
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
}
.secdef .content {
	padding-top: 70px;
}
.content {
	z-index: 1;
	padding-bottom: 60px;
	font-size:1em;
	color:#111d1e;
}
.content h2 {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size:2em;
	line-height: 1.2;
	margin:30px 0 40px 0;
	padding-top:0;
	position: relative;
	display: inline-block;
}
.content h2 .small{
	font-size: 0.85em;
}
.content h2 a {
	color:#fff;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.content h2 a:hover {
	opacity: 0.8;
}
.content h3 {
	font-size:1.6em;
	line-height:1.4;
	font-weight: 500;
	margin-bottom:20px;
	position: relative;
	word-break: break-word;
}
.secdef .content h3 {
	color:#040e0f;
}
.secdef .content h3 a {
	color:#040e0f;
}
.secdef .content h3 a:hover {
	color:#000;
}
.small {
	font-size: 0.9rem;
}
.off {
	opacity: 0.35;
}
.content h3 a {
	color:#111d1e;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.content h3 a:hover {
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}

.flexBox {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content:space-between;
	-webkit-align-content:flex-start;
	display: -moz-flex;
	-moz-flex-wrap: wrap;
	-moz-justify-content:space-between;
	-moz-align-content:flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-content:flex-start;
}
.flexItem2col {
	-webkit-flex-basis:550px;
	-moz-flex-basis:550px;
	flex-basis:550px;
	line-height: 2.0;
	margin-bottom: 20px;
}
.flexBox img,
.entry img {
	max-width: 100%;
	height:auto;
}
.w100 {
	width:100vw;
}
.w80 {
	width:80vw;
}
.w50 {
	width:50vw;
}
.content img {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.content figure {
	overflow: hidden;
	display: inline-block;
	-webkit-transition:	background-color 0.2s ease-out;
	-moz-transition:	background-color 0.2s ease-out;
	transition:			background-color 0.2s ease-out;
	font-size: 0;
}
.content figure a {
	position:static;
	padding:0 !important;
	display: block;
	width:100%;
	height:100%;
	-webkit-transition:	background-color 0.2s ease-out;
	-moz-transition:	background-color 0.2s ease-out;
	transition:			background-color 0.2s ease-out;
}
.content figure a:hover {
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.content a:hover figure {
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.content figure a:hover img {
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}

.content iframe {
	max-width:100%;
}

.linkBtn {
	width:100%;
	display:block;
	margin:40px 0 0 0;
}
.linkBtn a {
	width: 380px;
	margin-left:auto;
	margin-right:auto;
	font-family: "Roboto", sans-serif;
	display:block;
	text-align: center;
	text-decoration: none;
	font-size: 1.2rem;
	background-color: transparent;
	border:1px solid #111d1e;
	color:#111d1e;
	font-weight: 500;
	height:52px;
	line-height:50px;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.linkBtn a:hover {
	color:#fff;
	background-color: #111d1e;
}
.linkBtn a::after {
	content: none;
}
.linkBtn a i {
	font-size: 1.0rem;
	padding-right:10px;
}
.secdef.noToppage .linkBtn {
	border-top:1px solid rgba(17,29,30,0.4);
	padding-top:60px;
}

ul.flexBoxIcon {
	margin:20px auto 0 auto;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-flex-wrap:wrap;
	-webkit-align-items: flex-end;
	-webkit-align-content:flex-end;
	-webkit-flex-direction: row;
	display: -moz-flex;
	-moz-justify-content: center;
	-moz-flex-wrap:wrap;
	-moz-align-items: flex-end;
	-moz-align-content:flex-end;
	-moz-flex-direction: row;
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	align-items:flex-end;
	align-content:flex-end;
	flex-direction: row;
}
ul.flexBoxIcon li {
	font-size: 24px; /*x0.57*/
	margin:6px;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Arial, sans-serif;
}
ul.flexBoxIcon li a {
	height:42px;
	line-height: 42px;
	min-width: 42px;
	padding:0;
	-webkit-border-radius:21px;
	-moz-border-radius:21px;
	border-radius:21px;
	color: #000;
	background-color: rgba(255,255,255,0.8);
	text-decoration: none;
	display: block;
	text-align: center;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
ul.flexBoxIcon li a p {
	padding:0 10px;
	font-size: 0.7em;
}
ul.flexBoxIcon li a i {
	text-align: center;
	height:42px;
	line-height: 42px;
	display:block;
}
ul.flexBoxIcon li a p i {
	font-size: 1.43em;
	float:left;
	padding-right:5px;
}
ul.flexBoxIcon li a:hover {
	color: #000;
	background-color: rgba(255,255,255,1);
	opacity: 1.0;
	text-shadow:none;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
ul.flexBoxIcon li.icoInstagram a i {
	font-size: 1.1em;
}
ul.flexBoxIcon li.icoItunes a i {
	font-size: 1.3em;
}
ul.flexBoxIcon li.icoGoogleplay a i {
	font-size: 0.9em;
	padding-left: 0.1em;
}
ul.flexBoxIcon li.icoLine a i {
	font-size: 1.3em;
}
ul.flexBoxIcon li.icoCart a i {
	font-size: 0.9em;
}

ul.flexBoxIcon li.icoItunes a p i {
	font-size: 1.86em;
}
ul.flexBoxIcon li.icoGoogleplay a p i {
	font-size: 1.29em;
}
ul.flexBoxIcon li.icoLine a p i {
	font-size: 1.86em;
}
ul.flexBoxIcon li.icoCart a p i {
	font-size: 1.29em;
}
ul.flexBoxIcon li.icoLink a p i {
	font-size: 1.29em;
}



/*--------------------------------------------------------------------*/
/*--header--*/
header {
	width:100%;
	height:70px;
	display:block;
	overflow: hidden;
	position: fixed;
	text-align: left;
	top:0;
	left:0;
	z-index: 50;
	background:rgba(255,255,255,0.9);
	height:0;
	opacity: 0;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
header.noToppage {
	height:70px;
	opacity: 1.0;
}
header.showheader {
	height:70px;
	opacity: 1.0;
}
header h1 a {
	z-index: 60;
	position: absolute;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings:
		"wdth" 85;
	display: inline-block;
	color:#000;
	background-color: #fff;
	font-size:25px;
	line-height: 30px;
	height:30px;
	padding:0 4px;
	margin:20px 0 0 20px;
	opacity: 1.0;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
header.showheader h1 a {
}
header h1 a:hover {
	color:#fff;
	background-color: #000;
}
header ul.flexBoxIcon {
	margin: 0;
	position: absolute;
	top:8px;
	right: 81px;
}
header ul.flexBoxIcon li a {
	color: #111d1e;
	background-color: #fff;
}
header ul.flexBoxIcon li a:hover {
	color: #fff;
	background-color:#111d1e;
}



/*--------------------------------------------------------------------*/
/*--home--*/

/*--TOP--*/
#topmain {
	min-height:100%;
	background-image: url(https://kodamamarina.com/wp/wp-content/uploads/marinaecho_main.jpg);
	background-position: center 40%;
	position: relative;
	-webkit-animation:	fadeIn 0.8s ease-out 0s 1 normal;
	animation:			fadeIn 0.8s ease-out 0s 1 normal;
}
#topmain .topH2Menu {
	position: absolute;
	top: 50%;
	left:20px;
	transform: translateY(-2.75rem);
	-webkit- transform: translateY(-2.75rem);
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
@media screen and (max-height: 890px) {		/* (262+(88/2) +140)*2 */
	#topmain .topH2Menu {
		bottom:140px;
		top:auto;
		transform:none;
		-webkit- transform: none;
	}
}
#topmain h2 {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
	font-variation-settings:
		"wdth" 85;
	text-align: left;
	color:#000;
	font-size:5rem;
	line-height: 1.0;
}
#topmain h2 a {
	color:#c1fe03;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
	background-color: #696da2;
	padding:0 0.3rem;
	display: inline-block;
}
#topmain h2 a:hover {
	color:#fff;
	background-color: #000;
}
#topmain ul.topMainMenu {
	font-family: "Roboto", sans-serif;
	left:0;
	margin-top:10px;
}
#topmain ul.topMainMenu li {
	color:#fff;
	padding:5px 0;
}
#topmain ul.topMainMenu li a {
	color:#fff;
	font-size:1.4em;
	line-height: 1.2;
	padding:3px 0;
	letter-spacing: 0.1em;
	display: block;
	width:100%;
	position: relative;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
	z-index:1;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
#topmain ul.topMainMenu li a:hover {

}
#topmain ul.topMainMenu li a::before {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 0;
	background: rgba(255,255,255,0.2);
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
	z-index:-1;
}
#topmain ul.topMainMenu li a:hover::before {
	width: 100%;
}

#topmain ul.flexBoxIcon {
	margin: 0;
	position: fixed;
	z-index: 40;
	top:8px;
	right: 81px;
}
#topmain ul.flexBoxIcon li a {
	color: #fff;
	background-color: transparent;
}
#topmain ul.flexBoxIcon li a:hover {
	color: #fff;
	background-color:#000;
}
#topmain .topcopy {
	font-family: "Roboto", sans-serif;
	color:rgba(255,255,255,0.5);
	font-weight: 300;
	font-size: 0.8em;
	letter-spacing: 0.5em;
	padding-left:0.5em;
	position: absolute;
	top: 50%;
	right:20px;
	-webkit-transform:rotate(90deg) translateX(50%) translateY(100%);
	transform:rotate(90deg) translateX(50%) translateY(100%);
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
}
.toparrow {
	position:fixed;
	width:30px;
	height:100px;
	bottom:40px;
	left:20px;
	margin:auto;
	display:block;
	overflow: hidden;
	z-index: 79;
	-webkit-animation: toparrpwdown 2s infinite;
	animation: toparrpwdown 2s infinite;
}
.toparrow a {
	width:30px;
	height:100px;
	display: block;
	opacity: 0.8;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.toparrow a:hover {
	opacity: 1;
}
.toparrow a::before {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	content:'';
	width:1px;
	height:100px;
	background-color:#fff;
	margin:0;
}
.toparrow a::after {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	content:'';
	width:30px;
	height:1px;
	background-color:#fff;
	margin:0;
	-webkit-transform:rotate(-50deg);
	transform:rotate(-50deg);
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
}
@-webkit-keyframes toparrpwdown {
	0% {
		opacity: 0;
	}
	50% {
		bottom:20px;
		opacity: 1;
	}
	90% {
		bottom:20px;
		opacity: 1;
	}
	100% {
		bottom:0px;
		opacity: 0;
	}
}
@keyframes toparrpwdown {
	0% {
		opacity: 0;
	}
	50% {
		bottom:20px;
		opacity: 1;
	}
	90% {
		bottom:20px;
		opacity: 1;
	}
	100% {
		bottom:20px;
		opacity: 0;
	}
}



/*--NEW RELEASE--*/
.secNewrelease {
	background:#a2d8e1;
	padding:20px;
	position: absolute;
	width:265px;
	display: block;
	z-index: 30;
	overflow: hidden;
	right:70px;
	bottom:70px;
}
.secNewrelease div.fixwidth {
	width: auto;
}
.secNewrelease div.content {
	padding:0;
	text-align: center;
}
.secNewrelease div.content h2 {
	margin:0;
	font-size: 1.2em;
	margin:0 0 15px 0;
	display: block;
}
.secNewrelease div.content h3 {
	margin:15px 0 0 0;
	font-weight:600;
	font-size: 1.7em;
}
.secNewrelease div.content h3 .small {
	display:block;
	font-weight: 400;
	opacity: 0.5;
}
.secNewrelease div.content img {
	margin;0 auto;
	max-width:80vw;
	height:auto;
}
.secNewrelease div.content ul.flexBoxIcon  {
	margin-top: 15px;
}
.secNewrelease div.content ul.flexBoxIcon li {
	font-size: 24px; /*x0.57*/
}
.secNewrelease div.content ul.flexBoxIcon li a {
	color: #111d1e;
	background-color: rgba(255,255,255,0.6);
}
.secNewrelease div.content ul.flexBoxIcon li a:hover {
	color: #a2d8e1;
	background-color: #111d1e;
}






/*--NEWS list--*/
.secNews {
	color:#111d1e;
}
.secNews .content h2 {
	color:#000;
}
.secNews .listpage .h2catBox {
	display: -webkit-flex;
	-webkit-align-content:flex-start;
	display: -moz-flex;
	-moz-align-content:flex-start;
	display: flex;
	align-content:flex-start;
}
.secNews .listpage ul.catList {
	margin-left:20px;
	margin-top:calc( 30px + 0.43rem);
}
.secNews .listpage ul.catList li {
	display: block;
	float:left;
	color: #000;
	margin-right:10px;
}
.secNews .listpage ul.catList li a {
	display: block;
	font-size: 1rem;
	text-indent: 0.05em;
	line-height: 1.4rem;
	height:1.4rem;
	padding:0 6px;
	color: #000;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.secNews .listpage ul.catList li a:hover {
	color: #fff;
	background-color: rgba(17,29,30,0.7);
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.secNews .listpage ul.catList li.current-cat a {
	background-color:#111d1e;
	color: #fff;
}
.secNews .listpage ul.catList li.current-cat a:hover {
	color: #fff;
	background-color: rgba(17,29,30,0.7);
}

.secNews .listBox {

}
.secNews .listBox .listItemEntry {
	margin-bottom:40px;
	color:#111d1e;
}
.secNews .listBox .listItemEntry a {
	color:#111d1e;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.secNews .listBox .listItemEntry a h3 {
	font-size: 1.1em;
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 0;
	color:#111d1e;
	padding:8px 0;
	margin:0 0 4px 0;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.secNews .listBox .listItemEntry a:hover h3 {
	color:#000;
	background-color: rgba(255,255,255,0.2);
}
.secNews .listBox .listItemEntry a .entryCate {
	font-family: "Roboto", sans-serif;
	font-size: 1.05em;
	text-indent: 0.05em;
	border:1px solid rgba(17,29,30,0.7);
	padding:3px 5px 2px 5px;
	display: inline-block;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.secNews .listBox .listItemEntry a:hover .entryCate {
	color:#fff;
	background-color: rgba(17,29,30,0.7);
}

.secNews .listBox .listItemEntry .entryDate {
	font-family: "Roboto", sans-serif;
	font-size: 1.0em;
	color:rgba(17,29,30,0.7);
}



/*--BIOGRAPHY--*/
.secBio {

}
.secBio .content {

}
.secBio .content h2,
.secBio .content h2 a {

}
.secBio .content h3 {

}
.secBio .profImg {
	margin: 0;
	padding-bottom:20px;
	text-align: center;
}
.marinaechologo {
	width:75%;
	height:auto;
	padding-top:20px;
}
.proftxt {
	text-align: justify;
	line-height: 2.0;
}

.secBio ul.flexBoxIcon li a {
	color: #111d1e;
	background-color: transparent;
}
.secBio ul.flexBoxIcon li a:hover {
	color: #b2abbb;
	background-color: #111d1e;
}

h3.labelstatement {
	text-align: center;
}
h3.labelstatement img {
	height:150px;
	width:auto;
	padding:0 20px;
}



/*--DISC VIDEO LINK--*/
.secTopDisc,
.secTopVideo {
	min-height: auto;
	padding:0;
	width:100%;
	background-color: #b2abbb;
}
.secTopVideo  {
}
.secTopLink {
	width:100%;
}
.secTopLink a {
	font-family: "Roboto", sans-serif;
	font-size: 2em;
	padding:80px 0;
	display: block;
	text-align: center;
	color:#111d1e;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
	background-color: rgba(105, 109, 162,0.4);
}
.secTopVideo a {
	background-color: rgba(105, 109, 162,0.6);
}
.secTopLink a:hover {
	background-color: #111d1e;
	color:#fff;
}



/*--SAWA LINK--*/
.secSawa {
	min-height: calc(100vh - 70px);
	background-color: #00b;
	position: relative;
}
.secSawa .content {
	padding-bottom: 0;
	position: absolute;
	right:0;
}
a.sawaLink {
	position: relative;
	display: block;
	width:100%;
	background-color: rgba(102,255,255,0.8);
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
a.sawaLink p {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	display:inline-block;
	font-family: 'Cutive Mono', monospace;
	font-size: 32px;
	line-height: 1.0;
	color:#fff;
	background-color: #00b;
	padding:0 0.1em 0 0.03em;
	white-space: nowrap;
	z-index: 50;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
a.sawaLink p br {
	display: none;
}
a.sawaLink:hover p {
	background-color: #fff;
	color:#00b;
}
@media screen and (max-width: 1224px) {
	a.sawaLink p {
		transform: translateY(-50%) ;
		-webkit- transform: translateY(-50%) ;
	}
}




/*--------------------------------------------------------------------*/
/*--singlepage--*/
.noToppage .content.singlepage {
	padding-top: 0;
}
.secEntry article {
	width:100%;
}
.singlepageHeader {
	width:100%;
	overflow: hidden;
	position: relative;
	min-height: 70px;
}
.singlepageHeader .content {
	padding-top:70px;
	padding-bottom: 0;
}
.secEntry.noToppage .content.singlepage {
	position: relative;;
}

.singlepage .entryDate {
	font-family: "Roboto", sans-serif;
	font-size: 1.0em;
	color: rgba(17,29,30,0.7);
	display:inline-block;
	line-height: 1.3;
	margin-bottom:40px;
}

.singlepage .entry {
	color: #111d1e;
	margin-bottom:80px;
}
.entry {
	width:100%;
	line-height: 2.0;
}
.entry a,
.flexItem2col a,
.secYoutube .listBox .flexItemEntry p.videoTxt a {
	color:#000;
	padding: 0;
	text-decoration: none;
	background:rgba(255,255,255,0.2);
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.entry a:hover,
.flexItem2col a:hover,
.secYoutube .listBox .flexItemEntry p.videoTxt a:hover {
	color:#06f;
	background:rgba(255,255,255,0.4);
	-webkit-transition:	all 0s ease-out;
	-moz-transition:	all 0s ease-out;
	transition:			all 0s ease-out;
}
.entry h4 {
	color:#111d1e;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.6;
	margin: 16px 0;
}
.entry h4::before {
	content: '';
	position: relative;
	display: block;
	width: 60px;
	height: 1px;
	background-color: rgba(17,29,30,0.7);
	margin:0px 0 16px 0;
}
.entry h5 {
	font-size: 1.15em;
	font-weight: 800;
	line-height: 1.6;
	margin:0 0 4px 0;
}
.entry hr {
	height:1px;
	width:100%;
	display:block;
	border:none;
	background:rgba(17,29,30,0.25);
	margin:32px auto 32px auto;
}
.entry blockquote {
	background-color:rgba(255,255,255,0.1);
	color: rgba(17,29,30,0.8);
	padding:16px 20px;
	margin:16px 0;
	line-height: 1.8;
	overflow: hidden;
}
.entry blockquote a {
	background: transparent;
}
.entry blockquote a:hover {
	background: transparent;
}
.entry ul {
	padding-left:1.5em;
	list-style-type: disc;
}
.flexBox ol {
	padding-left:1.8em;
	list-style-type: decimal;
}
.entry ul li,
.flexBox ol li {
	line-height: 1.4;
	padding-bottom:16px;
}
.entry ul li .small,
.flexBox ol li .small {
	font-size: 0.8em;
}
.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignright,
.entry img.alignleft {
	height:auto;
}
.entry a img.alignnone,
.entry a img.aligncenter,
.entry a img.alignright,
.entry a img.alignleft {
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.entry a:hover img.alignnone,
.entry a:hover img.aligncenter,
.entry a:hover img.alignright,
.entry a:hover img.alignleft {
}
.singlepage .entry iframe[src^="https://www.youtube.com/embed/"] {
	width:1120px;
}
.singlepage .entry iframe[src^="https://www.youtube.com/embed/"] {
	height:630px;
}

.singlepage .entry a[href*="twitter.com"]::before,
.singlepage .entry a[href*="x.com"]::before,
.singlepage .entry a[href*="instagram.com"]::before,
.singlepage .entry a[href*="facebook.com"]::before,
.singlepage .entry a[href*="youtube.com"]::before,
.singlepage .entry a[href*="soundcloud.com"]::before,
.singlepage .entry a[href*="itunes.apple.com"]::before,
.singlepage .entry a[href*="music.apple.com"]::before,
.singlepage .entry a[href*="spotify.com"]::before,
.singlepage .entry a[href*="play.google.com"]::before,
.singlepage .entry a[href*="line.me"]::before,
.singlepage .entry a[href*="bandcamp.com"]::before,
.singlepage .entry a[href*="amazon"]::before {
	font-family: 'Font Awesome 6 Brands';
	padding-left:0.1em;
	padding-right:0.2em;
}
.singlepage .entry a[href*="lnk.to"]::before,
.singlepage .entry a[href*="fanlink.to"]::before,
.singlepage .entry a[href*="smarturl.it"]::before,
.singlepage .entry a[href*="thanksgiving.thebase.in"]::before {
	content: "\f0c1";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	padding-left:0.1em;
	padding-right:0.2em;
}
.singlepage .entry a[href*="twitter.com"]::before				{content: "\e61b";}
.singlepage .entry a[href*="x.com"]::before						{content: "\e61b";}
.singlepage .entry a[href*="instagram.com"]::before 			{content: "\f16d";}
.singlepage .entry a[href*="facebook.com"]::before 				{content: "\f09a";}
.singlepage .entry a[href*="youtube.com"]::before 				{content: "\f167";}
.singlepage .entry a[href*="soundcloud.com"]::before			{content: "\f1be";}
.singlepage .entry a[href*="itunes.apple.com"]::before			{content: "\f179";}
.singlepage .entry a[href*="music.apple.com"]::before			{content: "\f179";}
.singlepage .entry a[href*="spotify.com"]::before				{content: "\f1bc";}
.singlepage .entry a[href*="play.google.com"]::before			{content: "\f3ab";}
.singlepage .entry a[href*="line.me"]::before					{content: "\f3c0";}
.singlepage .entry a[href*="bandcamp.com"]::before				{content: "\f2d5";}
.singlepage .entry a[href*="amazon"]::before					{content: "\f270";}
.singlepage .entry a[href*="thanksgiving.thebase.in"]::before	{content: "\f07a";}



/*--listpage def--*/
.secEntryList {
}
.listBox {
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
	overflow: hidden;
}
/* list 1/4 */
.listBox .flexItemEntry {
	-webkit-flex-basis:265px;
	-moz-flex-basis:265px;
	flex-basis:265px;
	margin-right: 20px;
	margin-bottom: 60px;
	position: relative;
}
.listBox .flexItemEntry:nth-child(4n) {
	margin-right:0;
}
.listBox .flexItemEntry figure,
.listBox .flexItemEntry figure img {
	width:265px;
	height:265px;
	overflow: hidden;
}
/* list 1/2 */
.listBox.listGrid2 .flexItemEntry {
	-webkit-flex-basis:550px;
	-moz-flex-basis:550px;
	flex-basis:550px;
	margin-right: 20px;
	margin-bottom: 60px;
}
.listBox.listGrid2 .flexItemEntry:nth-child(2n) {
	margin-right:0;
}
.listBox.listGrid2 .flexItemEntry figure,
.listBox.listGrid2 .flexItemEntry figure img {
	width:550px;
	height:550px;
}

.listBox .flexItemEntry a {
	position: relative;
	display:block;
}
.listBox .flexItemEntry h3,
.listBox .flexItemEntry h4 {
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.listBox .flexItemEntry figure img {
	background-color:transparent;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.listBox .flexItemEntry a:hover figure {
	background-color: #fff;
}
.listBox .flexItemEntry a figure img {
	outline: 0px solid rgba(255,255,255,1);
 	outline-offset: 0px;
}
.listBox .flexItemEntry a:hover figure img {
	opacity: 0.8;
	-webkit-filter:	brightness(1.1) contrast(0.95);
	-moz-filter: 	brightness(1.1) contrast(0.95);
	-ms-filter: 	brightness(1.1) contrast(0.95);
	filter: 		brightness(1.1) contrast(0.95);
	outline: 6px solid rgba(255,255,255,1);
 	outline-offset: -6px;
}


/*--pagenavi--*/
.wp-pagenavi {
	margin:0 auto;
	width:100%;
	text-align: center;
	padding:20px 0 20px 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	position: relative;
	display: inline-block;
	font-size:1.0rem;
	line-height: 36px;
	width: 36px;
	height: 36px;
	margin:0 5px;
	color: #111d1e;
	font-weight: bold;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.wp-pagenavi a:hover {
	color:#fff;
	background-color: rgba(17,29,30,0.7);
}
.wp-pagenavi span.current {
	color:#111d1e;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border:1px solid rgba(17,29,30,0.7);
}
.wp-pagenavi span.current:first-child {
	margin-left:46px;
}
.wp-pagenavi span.current:last-child {
	margin-right:46px;
}
.wp-pagenavi a:first-child {
	margin-left:0;
}
.wp-pagenavi a:last-child {
	margin-right:0;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
	background-color: transparent;
}
.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .nextpostslink::before {
	content: "";
	display: block;
	width:12px;
	height:12px;
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translateY(-50%) translateX(-50%) rotate(-45deg);
	-webkit- transform: translateY(-50%) translateX(-50%) rotate(-45deg);
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
	opacity: 0.7;
}
.wp-pagenavi .previouspostslink::before {
	border-top:1px solid #111d1e;
	border-left:1px solid #111d1e;

}
.wp-pagenavi .nextpostslink::before {
	border-bottom:1px solid #111d1e;
	border-right:1px solid #111d1e;
	left: 40%;
}
.wp-pagenavi .previouspostslink:hover::before,
.wp-pagenavi .nextpostslink:hover::before {
	opacity: 1;
}

/*--------------------------------------------------------------------*/
/*--DISCOGRAPHY--*/
.secDisco {
}
.secDisco .content {
}
.secDisco .content h2,
.secDisco .content h2 a {
}
.secDisco .content h3 {
	margin-bottom: 40px;
}

.secDisco .content .flexBox:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.secDisco .flexItem2col {
	margin-bottom: 40px;
}

/*--DISCOGRAPHY singlepage--*/
.disctrack {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	color:#111d1e;
}
.discinfo {
	font-size: 0.9em;
	line-height: 1.6;
	padding-bottom:20px;
	color:rgba(17,29,30,0.8);
}
.discinfo s {
	text-decoration:line-through;
}
.discinfo s::after {
	content:'SOLD OUT';
	color:#000;
	text-decoration:none !important;
	display: inline-block;
	font-weight: bold;
	padding-left:0.8em;
}
.secDisco .artistSub {
	display: block;
	padding-top: 5px;
}
.flexBox .embedWidget {
	margin-top:20px;
	width:100%;
}
.floatRightBox {
	position: absolute;
	top:0;

	right:0;
}
.discoFormat {
	display: flex;
	justify-content: flex-end;
}
.discoFormat .discoFormatItem {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Roboto", sans-serif;
	font-weight:400;
	font-size: 0.9rem;
	letter-spacing: 0;
	color:rgba(220,218,208,1);
	background: #000;
	text-shadow: 1px  1px 0 #000,
				-1px -1px 0 #000,
				-1px  1px 0 #000,
				 1px -1px 0 #000,
				 0px  1px 0 #000,
				 0px -1px 0 #000,
				-1px  0px 0 #000,
				 1px  0px 0 #000;
	margin-left:6px;
	width:3.2rem;
	height:3.2rem;
	line-height: 1;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	text-align: center;
}
.secDisco ul.flexBoxIcon li a {
	font-family: "Roboto", sans-serif;
}
.secDisco ul.flexBoxIcon li a {
	height:40px;
	min-width: 40px;
	color: rgba(17,29,30,0.8);
	border:1px solid rgba(17,29,30,0.7);
	background-color: transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.secDisco ul.flexBoxIcon li a p {
	padding:0 12px;
	font-size: 0.8em;
	line-height: 38px;
}
.secDisco ul.flexBoxIcon li a i {
	height:40px;
	line-height: 40px;
}
.secDisco ul.flexBoxIcon li a p i {
	font-size: 1.1em;
	padding-right:8px;
}

.secDisco ul.flexBoxIcon li a:hover {
	color: #fff;
	background-color: rgba(17,29,30,0.7);
}
.secDisco .entry {
	border-top:1px solid rgba(17,29,30,0.25);
	margin-bottom: 20px;
	padding-top:40px;
}
.secDisco .entry h4 {
	margin-top: 0;
}



/*--DISCOGRAPHY listpage--*/
.secDiscoList.noToppage .content {
}

.secDiscoList .listBox .flexItemEntry a h3 {
	color:rgba(17,29,30,1);
	font-size: 1.2em;
	line-height: 1.2;
	margin: 12px 0 0 0;
}
.secDiscoList .listBox .flexItemEntry a:hover h3 {
	color:#000;
}
.secDiscoList .listBox .flexItemEntry a h4 {
	color:rgba(17,29,30,0.8);
	font-size:0.9em;
	line-height:1.2;
	margin: 6px 0 0 0;
}
.secDiscoList .listBox .flexItemEntry a:hover h4 {
}
.secDiscoList .listBox .flexItemEntry .discoFormat {
	font-size: 0.7rem;
	letter-spacing: 0;
	display:inline-block;
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	color: rgba(220,218,208,1);
	background-color: #000;
	line-height: 1.35rem;
	height:1.4rem;
	padding:0 8px;
	margin:12px 2px 0 0;
	-webkit-border-radius: 0.7rem;
	-moz-border-radius: 0.7rem;
	border-radius: 0.7rem;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}



/*--------------------------------------------------------------------*/
/*--VIDEO--*/
.secYoutube {
	position: relative;
}
.secYoutube .content {
	position: relative;
	z-index: 5;
}
.secYoutube .entry {
	margin-bottom:60px;
}
.secYoutube .listBox .flexItemEntry h3 {
	font-size: 1.2em;
	line-height: 1.2;
	margin: 12px 0 0 0;
}
.content .figureIframe {
	overflow: hidden;
	display: inline-block;
}
.secYoutube .listBox .flexItemEntry .figureIframe,
.secYoutube .listBox .flexItemEntry .figureIframe img,
.secYoutube .listBox .flexItemEntry .figureIframe iframe {
	width:265px;
	height:149px;
	overflow: hidden;
}
.secYoutube .entry h4 {
	margin-top: 0;
}

/*--video list--*/
.secYoutube.noToppage .listBoxVideo {
}
.secYoutube.noToppage .listBox .flexItemEntry {
	-webkit-flex-basis:550px;
	-moz-flex-basis:550px;
	flex-basis:550px;
	margin-right: 20px;
	margin-bottom: 60px;
}
.secYoutube.noToppage .listBox .flexItemEntry:nth-child(2n) {
	margin-right:0;
}
.secYoutube.noToppage .listBox .flexItemEntry .figureIframe,
.secYoutube.noToppage .listBox .flexItemEntry .figureIframe img,
.secYoutube.noToppage .listBox .flexItemEntry .figureIframe iframe {
	width:550px;
	height:309px;
}
.secYoutube .listBox .flexItemEntry p.videoTxt {
	color:rgba(17,29,30,0.8);
	font-size:0.9em;
	line-height:1.4;
	margin: 12px 0 0 0;
}

.secYoutube .listBox .flexItemEntry p.videoTxt a {
	position: static;
	display:inline;
}
.secYoutube.noToppage .flexBox .entry hr {
	width:60%;
}

.videoDefer {
	cursor: pointer;
	position: relative;
}
.videoDefer a::before {
	width:50px;
	height:54px;
	line-height: 54px;
	text-align: center;
	font-size:22px;
	padding-left:4px;
	color:rgba(255,255,255,0.8);
	background-color: rgba(17,29,30,0.7);
	background-color: rgba(160,160,160,0.8);
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	display: block;
	position: absolute;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: 6;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.videoDefer a:hover::before {
	color:#fff;
	background-color: #f33;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.videoDefer img {
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.videoMax,
.videoMax img,
.videoMax iframe {
	width:1120px;
	height:630px;
	overflow: hidden;
}

/*--lity--*/
.lity-wrap:before {
	margin-right:0;
}
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
	width: calc(100vh / 9 * 16);
	height: calc((100vw - 140px) / 16 * 9);
	max-width: calc(100% - 140px);
	max-height: calc(100%);
}
.lity-content {
	width: 100%;
	height: 100%;
}
.lity-iframe-container {
	width: 100%;
	height: 100%;
	padding-top: 0;
}
.lity-iframe-container iframe {
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit- transform: translate(-50%, -50%);
}
.lity-close {
	width:70px;
	height:70px;
	top:0px;
	right:0px;
	display:block;
	cursor:pointer;
	opacity: 0.8;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
	text-indent:100%;
	overflow:hidden;
	position: absolute;
	margin-right: -70px;
}
.lity-close::before,
.lity-close::after {
	cursor:pointer;
	position:absolute;
	top:35px;
	right:17px;
	display:block;
	content:'';
	width:36px;
	height:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	background:#fff;
	margin:0;
	z-index:100;
}
.lity-close::before {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.lity-close::after {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.lity-close:hover {
	opacity: 1.0;
}




/*--------------------------------------------------------------------*/
/*--sideMenu--*/
.menuBtn {
	width:70px;
	height:70px;
	line-height:70px;
	color: #111d1e;
	background:rgba(255,255,255,1);
	display: block;
	text-align: center;
	position: fixed;
	z-index: 70;
	top:0px;
	right:0px;
	cursor:pointer;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.menuBtn:hover {
	color: rgba(255,255,255,1);
	background:#111d1e;
}
.menuBtn span,
.menuBtn span::before,
.menuBtn span::after {
	display: block;
	position: absolute;
	width:26px;
	height:1px;
	background-color: #111d1e;
}
.menuBtn span {
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.menuBtn span::before {
	content: '';
	margin-top:-9.5px;
}
.menuBtn span::after {
	content: '';
	margin-top:9.5px;
}
.menuBtn:hover span,
.menuBtn:hover span::before,
.menuBtn:hover span::after {
	background-color: #fff;
}
.menu {
	width:50%;
	min-width:490px;
	height:100%;
	display:block;
	overflow-x:hidden;
	overflow-y:auto;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	-webkit-transform:			translateX(100%);
	-moz-transform:				translateX(100%);
	-ms-transform:				translateX(100%);
	-o-transform:				translateX(100%);
	transform:					translateX(100%);
	webkit-transform-style:		preserve-3d;
	-moz-transform-style:		preserve-3d;
	-ms-transform-style:		preserve-3d;
	-o-transform-style:			preserve-3d;
	transform-style:			preserve-3d;
	-webkit-transition-delay:	0.1s;
	-moz-transition-delay:		0.1s;
	transition-delay:			0.1s;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:	0.2s;
	transition-duration:		0.2s;
	-webkit-transition-property:		(),-webkit-transform;
	-moz-transition-property:			(),-moz-transform;
	transition-property:				(),transform;
	-webkit-transition-timing-function:	cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition-timing-function:	cubic-bezier(0.23, 1, 0.32, 1);
	transition-timing-function:			cubic-bezier(0.23, 1, 0.32, 1);
	z-index:90;
	visibility:hidden;
}
.menuCover {
	visibility:hidden;
	background-color: transparent;
	top:0;
	left:0;
	position:fixed;
	opacity:0.1;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
	-webkit-transition:	visibility 0 linear 0.4s,opacity 0.4s cubic-bezier(.4,0,.2,1);
	-moz-transition:	visibility 0 linear 0.4s,opacity 0.4s cubic-bezier(.4,0,.2,1);
	transition:			visibility 0 linear 0.4s,opacity 0.4s cubic-bezier(.4,0,.2,1);
	-webkit-transform:	translateZ(0);
	-moz-transform:		translateZ(0);
	-ms-transform:		translateZ(0);
	-o-transform:		translateZ(0);
	transform:			translateZ(0);
	visibility:hidden;
	width:100%;
	height:100%;
	z-index:80;
	padding-bottom:200px;
}
.closeBtn {
	position:absolute;
	width:70px;
	height:70px;
	top:0px;
	right:0px;
	display:block;
	cursor:pointer;
	opacity: 0.8;
	z-index:99;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
.closeBtn::before,
.closeBtn::after {
	cursor:pointer;
	position:absolute;
	top:35px;
	right:17px;
	display:block;
	content:'';
	width:36px;
	height:1px;
	background:#fff;
	margin:0;
	z-index:100;
}
.closeBtn::before {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.closeBtn::after {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.closeBtn:hover {
	opacity: 1.0;
}
#sideMenu {
	padding:0;
	margin:0;
	background:#111d1e;
	padding-bottom:200px;
}
#sideMenu ul.sideMainMenu {
	margin:80px 10px 0 10px;
}
#sideMenu ul.sideMainMenu li {
	font-size:22px;
	width:280px;
	margin:0 auto 16px auto;
}
#sideMenu ul.sideMainMenu li a {
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	color:rgba(255,255,255,0.8);
	line-height: 34px;
	display: block;
	padding:0;
	width:100%;
	text-align: center;
	position: relative;
	display: inline-block;
	-webkit-transition:	all 0.1s ease-out;
	-moz-transition:	all 0.1s ease-out;
	transition:			all 0.1s ease-out;
}
#sideMenu ul.sideMainMenu li a::before {
	content: '';
	position: absolute;
	height: 100%;
	top: 0px;
	left: 50%;
	width: 0;
	background: rgba(255,255,255,0.1);
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
	z-index:-1;
}
#sideMenu ul.sideMainMenu li a:hover {
	color:#fff;
}
#sideMenu ul.sideMainMenu li a:hover::before {
	left: 0;
	width: 100%;
}
#sideMenu ul.sideMainMenu .sideMainMenuShop {
	padding-top:16px;
	position: relative;
}
#sideMenu ul.sideMainMenu .sideMainMenuShop::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	color: rgba(255,255,255,0.4);
	font-size: 1rem;
}
#sideMenu ul.sideMainMenu li a:hover {
}
#sideMenu ul.sideMainMenu li a i {
	font-size: 0.6em;
}

#sideMenu ul.flexBoxIcon {
	margin: 36px 0;
}
#sideMenu ul.flexBoxIcon li {
	font-size: 20.5px;
	margin:5px;
}
#sideMenu ul.flexBoxIcon li a {
	height:36px;
	line-height: 36px;
	min-width: 36px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	opacity: 0.8;
	color: #fff;
	background-color: transparent;
}
#sideMenu ul.flexBoxIcon li a i {
	width:36px;
	height:36px;
	line-height: 36px;
}
#sideMenu ul.flexBoxIcon li a:hover {
	opacity: 1.0;
	color: #111d1e;
	background-color: #fff;
}
.on {
	visibility:visible;
	opacity:1.0;
	-webkit-transition-delay:	0;
	-moz-transition-delay:		0;
	transition-delay:			0;
	-webkit-transform:	translateX(0px);
	-moz-transform:		translateX(0px);
	-ms-transform:		translateX(0px);
	-o-transform:		translateX(0px);
	transform:			translateX(0px);
}
#sideMenu .linkBtn {
	margin-bottom:20px;
}
#sideMenu .linkBtn a {
	opacity: 0.8;
	width:278px;
	height: 43px;
	line-height: 43px;
	font-size: 1.1rem;
	font-family: 'Cutive Mono', monospace;
	border-color: rgba(255,255,255,0.5);
	color:#fff;
}
#sideMenu .linkBtn a:hover {
	opacity: 1.0;
	background-color: #0895ca;
	border-color: #0895ca;
}
#sideMenu .linkBtn a i {
	font-size: 0.8em;
}
#sideMenu .linkBtn a:hover i {

}



/*--------------------------------------------------------------------*/
/*--footer--*/
footer {
	width:100%;
	height:70px;
	display:block;
	overflow: hidden;
	background-color: #fff;
	position: relative;
}
footer p {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	display:inline-block;
	font-size: 14px;
	line-height: 1.0;
	color:#444;
}


/*--pagetop--*/
#pagetop {
	width:40px;
	height:40px;
	text-align: center;
	position: fixed;
	z-index: 80;
	bottom:15px;
	right:15px;
	display: none;
}
#pagetop a {
	width:40px;
	height:40px;
	display: block;
	opacity: 0.8;
	position: relative;
	-webkit-transition:	all 0.2s ease-out;
	-moz-transition:	all 0.2s ease-out;
	transition:			all 0.2s ease-out;
}
#pagetop a:hover {
	opacity: 1;
}
#pagetop a span,
#pagetop a span::after {
	display: block;
	position: absolute;
	width:26px;
	height:26px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-transform-origin:top right;
	transform-origin:top right;
}
#pagetop a span {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:20%;
	right:50%;
}
#pagetop a span::after {
	content:'';
	top:0.5px;
	right:0.5px;
	border-top:1px solid rgba(255,255,255,0.5);
	border-right:1px solid rgba(255,255,255,0.5);
}


/*--------------------------------------------------------------------*/
/*--レスポンシブル--*/
@media screen and (max-width: 1380px) {		/*PC小*/
	.fixwidth {
		width:960px;
		max-width:960px;
	}
	.flexItem2col {
		-webkit-flex-basis:470px;
		-moz-flex-basis:470px;
		flex-basis:470px;
	}

	.listBox .flexItemEntry {
		-webkit-flex-basis:231px;
		-moz-flex-basis:231px;
		flex-basis:231px;
		margin-right: 12px;
	}
	.listBox .flexItemEntry figure,
	.listBox .flexItemEntry figure img {
		width:231px;
		height:231px;
	}
	.listBox.listGrid2 .flexItemEntry {
		-webkit-flex-basis:470px;
		-moz-flex-basis:470px;
		flex-basis:470px;
		margin-right: 20px;
	}
	.listBox.listGrid2 .flexItemEntry figure,
	.listBox.listGrid2 .flexItemEntry figure img {
		width:470px;
		height:470px;
	}
	.videoMax,
	.videoMax img,
	.videoMax iframe {
		width:960px;
		height:540px;
	}
	.entry iframe[src^="https://www.youtube.com/embed/"] {
		max-height:540px;
	}
	.secYoutube.noToppage .listBox .flexItemEntry {
		-webkit-flex-basis:470px;
		-moz-flex-basis:470px;
		flex-basis:470px;
		margin-right: 20px;
	}
	.secYoutube.noToppage .listBox .flexItemEntry .figureIframe,
	.secYoutube.noToppage .listBox .flexItemEntry .figureIframe img,
	.secYoutube.noToppage .listBox .flexItemEntry .figureIframe iframe {
		width:470px;
		height:264px;
	}
	#sideMenu ul.sideMainMenu li {
		margin-bottom:10px;
	}
	#sideMenu ul.sideMainMenu li a {
		line-height: 28px;
	}
	#sideMenu ul.sideMainMenu .sideMainMenuShop {
		padding-top:10px;
	}
}
@media screen and (max-width: 1024px) {		/*タブレット大 (iPad Pro)*/
	.bg-fix {
		background-attachment:scroll;
	}
	#topmain ul.topMainMenu li a,
	#sideMenu ul.sideMainMenu li a {
		-webkit-tap-highlight-color: transparent;
	}
}
@media screen and (max-width: 980px) {		/*スマホ横 タブレット小*/
	.small {
		font-size: 0.8rem;
	}
	.secdef .content {
		padding-top: 52px;
	}
	.content {
		padding-bottom: 40px;
	}
	.secTopLink a {
		font-size: 1.6em;
		padding:40px 0;
	}
	.secDiscoList.noToppage .listBox .flexItemEntry,
	.secYoutube.noToppage .listBox .flexItemEntry {
		margin-bottom: 40px;
	}
	.linkBtn {
		margin-top: 20px;
	}
	.secdef .linkBtn {
		margin-left:10px;
		margin-right:10px;
		width:calc(100% - 20px)
	}
	.secdef.noToppage .linkBtn {
		padding-top:40px;
	}
	.secNewrelease div.fixwidth,
	.fixwidth {
		width:100%;
	}
	.fixwidth h2,
	.fixwidth h3,
	.flexBox,
	.secNews .listBox,
	.singlepage .entryDate {
		margin-left:10px;
		margin-right:10px;
	}
	.content h2 {
		font-size:1.6em;
		margin-top:20px;
		margin-bottom:20px;
	}
	.content h3 {
		font-size:1.3em;
	}
	.flexItem2col {
		-webkit-flex-basis:49%;
		-moz-flex-basis:49%;
		flex-basis:49%;
	}
	header.noToppage {
		height:52px;
	}
	header.showheader {
		height:52px;
	}
	header h1 a,
	header#topheader h2 a {
		font-size:20px;
		line-height: 24px;
		height: 24px;
		padding:0 3px;
		margin:14px 0 0 10px;
	}
	#topheader ul.flexBoxIcon li,
	header ul.flexBoxIcon,
	#topmain ul.flexBoxIcon {
		top:3px;
		right: 56px;
	}
	header ul.flexBoxIcon li,
	#topmain ul.flexBoxIcon li {
		font-size: 19px; /*x0.57*/
		margin: 6px;
	}
	header ul.flexBoxIcon li a,
	#topmain ul.flexBoxIcon li a {
		height:34px;
		line-height: 34px;
		min-width: 34px;
		-webkit-border-radius:17px;
		-moz-border-radius:17px;
		border-radius:17px;
	}
	header ul.flexBoxIcon li a i,
	#topmain ul.flexBoxIcon li a i {
		height:34px;
		line-height: 34px;
	}
	#topmain .topH2Menu {
		left:10px;
		top:auto;
		bottom:100px;
		transform:none;
		-webkit- transform: none;
	}
	#topmain h2 {
		font-size:2.6rem;
		-webkit-transform:rotate(90deg) translateX(-100%);
		transform:rotate(90deg) translateX(-100%);
		-webkit-transform-origin:left bottom;
		transform-origin:left bottom;

	}
	#topmain h2 a {
	}
	#topmain ul.topMainMenu li {
		padding: 2px 0;
	}
	#topmain ul.topMainMenu li a {
		font-size:1.3em;
		line-height: 1;
		paddng:0;
		display: inline-block;
		width:auto;
	}
	#topmain ul.topMainMenu li a:hover {
	}

/*
	#topmain .topH2Menu {
		bottom:10px;
	}
	#topmain h2 {
		-webkit-transform:none;
		transform:none;
		-webkit-transform-origin:left bottom;
		transform-origin:left bottom;

	}
	.toparrow,
	.toparrow a {
		display: none;
	}
*/

	#topmain .topcopy {
		font-size: 0.7em;
		letter-spacing: 0.3em;
		padding-left: 0.3em;
		top: auto;
		bottom:10px;
		right:10px;
		-webkit-transform:rotate(90deg) translateY(100%);
		transform:rotate(90deg) translateY(100%);
	}
	.toparrow,
	.toparrow a {
		height:60px;
	}
	.toparrow {
		position:absolute;
		left:10px;
	}
	.toparrow a::before {
		height:60px;
	}
	.toparrow a::after {
		width:26px;
	}
	a.sawaLink {
		opacity: 1.0;
	}
	a.sawaLink img {
		opacity: 1.0;
	}
	a.sawaLink p {
		font-size: 24px;
		top:auto;
		bottom:10%;
		transform: none;
		-webkit- transform: none;
	}
	a.sawaLink p br {
		display: block;
	}

	.secNewrelease {
		position: static;
		width:auto;
		z-index: auto;
		right:auto;
		bottom:auto;
	}


	h3.labelstatement img {
		height:100px;
		padding:0 10px;
	}
	.entry hr {
		width:calc(100% - 20px);
	}

	.singlepageHeader {
		min-height: 52px;
	}
	.singlepageHeader .content {
		padding-top:52px;
	}
	.singlepageHeader .content h3 {
		margin-bottom: 10px;
	}
	.singlepage .entryDate,
	.secDisco .content h3 {
		margin-bottom: 20px;
	}
	.singlepage .entry {
		margin-bottom: 40px;
	}
	.singlepage .entry h4,
	.singlepage .entry h5 {
		line-height: 1.4;
	}
	.singlepage .entryDate {
		font-size: 0.9em;
	}
	.entry ul li, .flexBox ol li {
		padding-bottom: 14px;
	}
	.entry blockquote {
		padding: 12px 10px;
	}
	.listBox .flexItemEntry {
		-webkit-flex-basis:24%;
		-moz-flex-basis:24%;
		flex-basis:24%;
		margin-right: 1.33%;
	}
	.listBox .flexItemEntry:nth-child(4n) {
		margin-right:0;
	}
	.listBox.listGrid2 .flexItemEntry {
		-webkit-flex-basis:48.5%;
		-moz-flex-basis:48.5%;
		flex-basis:48.5%;
		margin-right:3%;
	}
	.listBox.listGrid2 .flexItemEntry:nth-child(2n) {
		margin-right:0;
	}
	.listBox .flexItemEntry .entryDate {
		padding-left:6px;
	}
	.listBox .flexItemEntry figure,
	.listBox.listGrid2 .flexItemEntry figure {
		width:100%;
		height:0;
		padding-bottom:100%;
		position: relative;
	}
	.secYoutube .listBox .flexItemEntry .figureIframe,
	.secYoutube.noToppage .listBox .flexItemEntry .figureIframe {
		width:100%;
		height:0;
		padding-bottom:56.25%;
		position: relative;
	}
	.listBox .flexItemEntry figure img,
	.listBox.listGrid2 .flexItemEntry figure img,
	.secYoutube .listBox .flexItemEntry .figureIframe img,
	.secYoutube .listBox .flexItemEntry .figureIframe iframe,
	.secYoutube.noToppage .listBox .flexItemEntry .figureIframe img,
	.secYoutube.noToppage .listBox .flexItemEntry .figureIframe iframe {
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	.secYoutube.noToppage .listBox .flexItemEntry {
		-webkit-flex-basis:48.5%;
		-moz-flex-basis:48.5%;
		flex-basis:48.5%;
		margin-right:3%;
	}
	.secNews .listpage ul.catList {
		margin-left:10px;
		margin-top:calc( 20px + 0.26rem);
	}
	.secNews .listBox .listItemEntry a .entryCate {
		font-size: 0.9em;
	}
	.secNews .listBox .listItemEntry a h3 {
		font-size: 1em;
		padding: 6px 0;
		margin-bottom: 2px;
	}
	.secNews .listBox .listItemEntry .entryDate {
		font-size: 0.8em;
	}
	.secDisco .content h3 {
		padding-right:calc(6rem + 4px);
	}
	.secDiscoList .listBox .flexItemEntry a h3 {
		padding-right:0;
		font-size: 1.1em;
	}
	.secDiscoList .listBox .flexItemEntry a h4 {
		font-size: 0.8em;
		letter-spacing: 0;
	}
	.discoFormat .discoFormatItem {
		font-size: 0.8rem;
		margin-left: 4px;
		width:3rem;
		height:3rem;
	}
	.secDisco ul.flexBoxIcon li a {
		height: 38px;
		line-height: 38px;
		min-width: 38px;
	}
	.secYoutube .entry {
		margin-bottom:40px;
	}
	.secYoutube .listBox .flexItemEntry h3 {
		font-size: 1.1em;
	}
	.videoMax,
	.videoMax img,
	.videoMax iframe {
		width: calc(100vw - 20px);
		height: calc(56.25vw - 11.25px);
	}
	.entry iframe[src^="https://www.youtube.com/embed/"] {
		max-height: calc(56.25vw - 11.25px);
	}
	.listBox .flexItemEntry .videoDefer a {
		position: static;
	}
	.lity-iframe .lity-container,
	.lity-youtube .lity-container,
	.lity-vimeo .lity-container,
	.lity-facebookvideo .lity-container,
	.lity-googlemaps .lity-container {
		width:100%;
		height:calc(100vw / 16 * 9);
		max-width: 100%;
		max-height: calc(100% - 104px);
	}
	.lity-close {
		width:52px;
		height:52px;
		opacity: 1.0;
		position: absolute;
		margin-right: 0;
		margin-top: -52px;
	}
	.lity-close::before,
	.lity-close::after {
		top:26px;
		right:13px;
		width:26px;
	}
	.menuBtn {
		width:52px;
		height:52px;
		line-height:52px;
	}
	.menuBtn span,
	.menuBtn span::before,
	.menuBtn span::after {
		width:22px;
	}
	.menuBtn span::before {
		margin-top:-7.5px;
	}
	.menuBtn span::after {
		margin-top:7.5px;
	}
	.menu {
		width:50%;
		min-width: 280px;
	}
	.menuCover {
		background-color:rgba(0,0,0,0.5);
	}
	.closeBtn {
		width:52px;
		height:52px;
		opacity: 1.0;
	}
	.closeBtn::before,
	.closeBtn::after {
		top:26px;
		right:11px;
		width:30px;
	}
	#sideMenu ul.sideMainMenu {
		margin:60px 10px 0 10px;
	}
	#sideMenu ul.sideMainMenu li {
		font-size:20px;
		width:220px;
	}
	#sideMenu ul.flexBoxIcon li {
		margin:4px;
	}
	#sideMenu .linkBtn a {
		width:218px;
		font-size: 0.9rem;
	}
	footer p {
		font-size: 12px;
	}
	#pagetop {
		right:6px;
	}
	#pagetop a span,
	#pagetop a span::after {
		width:22px;
		height:22px;
	}
}

@media screen and (max-width: 660px) {		/*スマホ縦*/
	#topmain,
	.secdef {
		min-height:160vw;
	}
	#topmain {
		background-image: url(https://kodamamarina.com/wp/wp-content/uploads/marinaecho_main_sp.jpg);
		background-position: center top;
	}
	.secdef.noToppage {
		min-height:auto;
	}
	.flexBox .entry .videoDefer {
		width:100%;
		height:0;
		padding-bottom: calc(56.25vw - 11.25px);
		position: relative;
	}
	.flexBox .entry .videoDefer img,
	.flexBox .entry .videoDeferiframe {
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	.flexItem2col {
		-webkit-flex-basis:100%;
		-moz-flex-basis:100%;
		flex-basis:100%;
	}
	.content .linkBtn a {
		width: calc(100% - 2px);
	}
	.listBox {
		-webkit-justify-content:space-between;
		-moz-justify-content:space-between;
		justify-content:space-between;
	}
	.listpage .h2catBox {
		position: relative;
		margin-right: 10px;
		margin-bottom:calc(20px + 1.0rem);
	}
	.listpage ul.catList {
		margin-left:0;
		margin-top:0;
		position: absolute;
		bottom:-1.0rem;
		left:10px;
		width:calc(100% - 10px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.listpage ul.catList li {
		margin:0 5px;
	}
	.listpage ul.catList li a {
		padding:0 8px;
	}
	.listBox .flexItemEntry {
		-webkit-flex-basis:48.5%;
		-moz-flex-basis:48.5%;
		flex-basis:48.5%;
		margin-right:0;
		margin-bottom: 3%;
	}
	/*
	.listBox.listGrid2 .flexItemEntry {
		-webkit-flex-basis:100%;
		-moz-flex-basis:100%;
		flex-basis:100%;
		margin-right:0;
	}
	*/
	.proftxt {
		letter-spacing: 0;
		line-height: 1.8;
	}

	h3.labelstatement img {
		padding:10px 0;
	}
	h3.labelstatement img.labeltextlogo {
		max-width: 95%;
		height:auto;
		padding:0;
	}

	.secSawa {
		min-height: 75vw;
	}
	.secSawa .content {
		padding-top: 0;
	}
}

@media screen and (max-width: 380px) {		/*スマホ小 ヘッダアイコン非表示*/
	header ul.flexBoxIcon {
		display: none;
	}
	#topmain ul.flexBoxIcon {
		position: absolute;
	}
}