@charset "UTF-8";
/* CSS Document */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* Adobe Fonts */
@import url("https://use.typekit.net/qki5klt.css");


/* ==================================================
BASE (RESET)
================================================== */
/*html { box-sizing: border-box; width: 100%; margin: 0; padding: 0; }
body { position: relative; width: 100%; margin: 0; padding: 0; text-align: center; }*/

/**, *::after, *::before { box-sizing: inherit; }*/
#allWrap { width: 100%; margin: 0 auto; }

#allWrap h1, #allWrap h2, #allWrap h3, #allWrap h4, #allWrap h5, #allWrap h6, #allWrap p {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}
#allWrap ul, #allWrap ol, #allWrap dl {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}
#allWrap ol, #allWrap li {
  list-style: none;
}
#allWrap dt, #allWrap dd {
  font-weight: inherit;
  font-style: normal;
  margin: 0;
  padding: 0;
}
#allWrap table {
  border-collapse: collapse;
  border-spacing: 0;
}
#allWrap th, #allWrap td {
  font-size: inherit;
  font-weight: inherit;
  font-style: normal;
  empty-cells: show;
}
#allWrap input, #allWrap select {
  vertical-align: middle;
}
#allWrap input, #allWrap textarea, #allWrap select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
#allWrap pre {
  white-space: pre-wrap;
}
#allWrap em, #allWrap strong, #allWrap i, #allWrap b {
  font-style: normal;
  font-weight: inherit;
}
#allWrap figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#allWrap img {
  font-size: 0;
  line-height: 0;
  border: 0;
  vertical-align: bottom;
}
#allWrap img, #allWrap object, #allWrap embed, #allWrap video {
  max-width: 100%;
}
#allWrap img, #allWrap svg {
  max-width: 100%;
  height: auto;
}
#allWrap iframe {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
#allWrap a {
  font-size: inherit;
  margin: 0;
  padding: 0;
  background: transparent;
  vertical-align: baseline;
}

/* ==================================================
FONT
================================================== */
html { font-size: 62.5%; }

/*body,*/
#allWrap * {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;

	-webkit-font-smoothing: inherit;
	text-rendering: inherit;
	-moz-osx-font-smoothing: inherit;
	/*font-feature-settings: "palt", "liga";*/
	font-feature-settings: inherit;
	-ms-text-size-adjust: inherit;
	-webkit-text-size-adjust: inherit;
}

#allWrap {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #000;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	/*font-feature-settings: "palt", "liga";*/
	font-feature-settings: 'palt' 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

/* AdobeFonts ------------------------------
Good Times
https://fonts.adobe.com/fonts/good-times

■Good Times - Light
font-family: good-times,sans-serif;
font-weight: 300;

■Good Times - Regular
font-family: good-times,sans-serif;
font-weight: 500;
*/

/* Google Fonts ------------------------------
https://fonts.google.com/specimenTab?standard-styles

■Noto Sans JP - Regular
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;

■Noto Sans JP - Bold
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;

-----
Light 300
Regular 400
Medium 500
Bold 700
*/

#allWrap { font-size: 1.4rem; }

/* ==================================================
LINK
================================================== */
#allWrap a { outline: 0; transition: opacity 0.4s ease-out 0s, color 0.4s ease-out 0s, background-color 0.4s ease-out 0s; }
#allWrap a:link { text-decoration: none; color: inherit; }
#allWrap a:visited { text-decoration: none; color: inherit; }
#allWrap a:hover { text-decoration: none; color: inherit; }
#allWrap a:active { text-decoration: none; color: inherit; }
#allWrap :focus { outline: 0; }

#allWrap a.txtLink:link { text-decoration: underline; color: #008989; }
#allWrap a.txtLink:visited { text-decoration: underline; color: #008989; }
#allWrap a.txtLink:hover { text-decoration: none; color: #29ABE2; }
#allWrap a.txtLink:active { text-decoration: none; color: #29ABE2; }

#allWrap p a:link { text-decoration: underline; color: #008989; }
#allWrap p a:visited { text-decoration: underline; color: #008989; }
#allWrap p a:hover { text-decoration: none; color: #29ABE2; }
#allWrap p a:active { text-decoration: none; color: #29ABE2; }

/* ==================================================
VIEW SWITCH
================================================== */
/* View Switch
------------------------------ */
@media screen and (min-width: 769px) {
	.spOnly { display: none !important; }
}

@media screen and (max-width: 768px) {
	.pcOnly { display: none !important; }
}

/* ==================================================
PAGE BASE
================================================== */
body {
	background-color: #fff;
}

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

#allWrap {
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
	will-change: animation;
	animation: accessFadein 1.2s ease-out 0s both;
	min-width: 320px;
}

body::after {
	will-change: animation;
	animation: accessFadein 1.2s ease-out 0s both;
}

/* RESET CSS CUSTOM */
#allWrap i, #allWrap b, #allWrap em {
	display: inline-block;
}

#allWrap ::before, #allWrap ::after {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#allWrap li *, #allWrap dt *, #allWrap dd * {
	text-indent: 0;
}
/**/


body.bodyBg {
	position: relative;
}

body.bodyBg::after {
	content: "";
	width: 100%;
	height: 100vh;
	position: fixed;
	background: url("../img/bg.jpg") no-repeat 50% 50%;
	background-size: cover;
	top: 0;
	left: 0;
	z-index: -1;
}


/* ==================================================
HEADER for subpage
================================================== */
#hdrWrap {
	position: relative;
	height: 200px;
	/*margin-bottom: 110px;*/
	
	background: linear-gradient(15deg, #cd9bd8, #8ad2e0, #005583, #8ad2e0, #cd9bd8);
	background-size: 200% 200%;

	-webkit-animation: hdrBgGradation 30s ease infinite;
	-moz-animation: hdrBgGradation 30s ease infinite;
	animation: hdrBgGradation 30s ease infinite;
}

@-webkit-keyframes hdrBgGradation {
	0%{background-position:79% 0%}
	50%{background-position:22% 100%}
	100%{background-position:79% 0%}
}
@-moz-keyframes hdrBgGradation {
	0%{background-position:79% 0%}
	50%{background-position:22% 100%}
	100%{background-position:79% 0%}
}
@keyframes hdrBgGradation {
	0%{background-position:79% 0%}
	50%{background-position:22% 100%}
	100%{background-position:79% 0%}
}

#hdrWrap .hdrInner {
	position: absolute;
	top: 50px;
	width: calc(100% - 110px);
	min-height: 100%;
	margin-left: 110px;
	padding: 45px 110px 0 0;
	background: rgba(0, 137, 137, 0.9);
}
#hdrWrap h1 {
	font-family: good-times,sans-serif;
	font-weight: 300;
	font-size: 7rem;
	color: #fff;
	line-height: 1;
	margin-bottom: 20px;
	padding: 0 20px;
}
#hdrWrap .txt {
	
	font-weight: 700;
	font-size: 2rem;
	color: #fbb03b;
	line-height: 1.4;
	padding: 0 20px 40px;
}

.livePage #hdrWrap .hdrInner {
	padding-top: 50px;
}
.livePage #hdrWrap h1 {
	font-size: 6rem;
}
.livePage #hdrWrap .txt {
}

@media screen and (max-width: 1100px) {
#hdrWrap {
}

#hdrWrap .hdrInner {
	width: calc(100% - 3%);
	margin-left: 3%;
	padding: 45px 3% 0 0;
}
#hdrWrap h1 {
}
#hdrWrap .txt {
}
.livePage #hdrWrap .hdrInner {
	padding-top: 60px;
}
.livePage #hdrWrap h1 {
	font-size: 4.8rem;
}
.livePage #hdrWrap .txt {
}
}

@media screen and (max-width: 768px) {
#hdrWrap {
	height: 140px;
}

#hdrWrap .hdrInner {
	top: 30px;
	padding-top: 35px;
}
#hdrWrap h1 {
	font-size: 4rem;
}
#hdrWrap .txt {
	font-size: 1.8rem;
	max-width: 480px;
	margin: 0 auto;
}
.livePage #hdrWrap .hdrInner {
	padding-top: 30px;
}
.livePage #hdrWrap h1 {
	font-size: 3.6rem;
}
.livePage #hdrWrap .txt {
}
}

@media screen and (max-width: 480px) {
#hdrWrap .txt {
	max-width: 320px;
}
.livePage #hdrWrap .hdrInner {
}
.livePage #hdrWrap h1 {
	font-size: 2.4rem;
	margin-bottom: 10px;
}
.livePage #hdrWrap .txt {
}
}

/* ==================================================
HEADER for subpage Ver.2
================================================== */
#pageHdr-wrap {
	background: #fff;
	padding: 112px 0 50px; /*ナビの高さ62px*/
}

#pageHdr-inner {
	position: relative;
	z-index: 1;
}
#pageHdr-inner::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -50px;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(15deg, #cd9bd8, #8ad2e0, #005583, #8ad2e0, #cd9bd8);
	background-size: 200% 200%;
	-webkit-animation: pageTitleGradation 30s ease infinite;
	-moz-animation: pageTitleGradation 30s ease infinite;
	animation: pageTitleGradation 30s ease infinite;
}

@-webkit-keyframes pageTitleGradation {
	0%{background-position:79% 0%}
	50%{background-position:22% 100%}
	100%{background-position:79% 0%}
}
@-moz-keyframes pageTitleGradation {
	0%{background-position:79% 0%}
	50%{background-position:22% 100%}
	100%{background-position:79% 0%}
}
@keyframes pageTitleGradation {
	0%{background-position:79% 0%}
	50%{background-position:22% 100%}
	100%{background-position:79% 0%}
}

#pageHdr-ttl {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: nowrap;
	flex-direction: row;
	min-height: 200px;
}
#pageHdr-ttl .cell {
	width: 8%;
	background: rgba(0, 137, 137, 0.9);
}
#pageHdr-ttl .cell:nth-child(1) {
	background: transparent;
}
#pageHdr-ttl .cell:nth-child(2) {
	width: 84%;
	padding: 35px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#pageHdr-ttl .cell h1 {
	font-family: good-times,sans-serif;
	font-weight: 300;
	font-size: 6rem;
	color: #fff;
	line-height: 1;
	margin-bottom: 25px;
}
#pageHdr-ttl .txt {
	font-weight: 700;
	font-size: 2rem;
	color: #fbb03b;
	line-height: 1.4;
}

@media screen and (max-width: 1100px) {
	#pageHdr-wrap {
	}

	#pageHdr-inner {
	}
	#pageHdr-inner::before {
	}

	#pageHdr-ttl {
	}
	#pageHdr-ttl .cell {
	}
	#pageHdr-ttl .cell:nth-child(1) {
	}
	#pageHdr-ttl .cell:nth-child(2) {
	}
	#pageHdr-ttl .cell h1 {
	}
	#pageHdr-ttl .txt {
	}
}

@media screen and (max-width: 768px) {
	#pageHdr-wrap {
		padding-top: 45px;
	}

	#pageHdr-inner {
	}
	#pageHdr-inner::before {
	}

	#pageHdr-ttl {
	}
	#pageHdr-ttl .cell {
		width: 3%;
	}
	#pageHdr-ttl .cell:nth-child(1) {
	}
	#pageHdr-ttl .cell:nth-child(2) {
		width: 94%;
	}
	#pageHdr-ttl .cell h1 {
		font-size: 8vw;
	}
	#pageHdr-ttl .txt {
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 480px) {
	#pageHdr-wrap {
		padding-bottom: 40px;
	}

	#pageHdr-inner {
	}
	#pageHdr-inner::before {
	}

	#pageHdr-ttl {
		min-height: 120px;
	}
	#pageHdr-ttl .cell {
	}
	#pageHdr-ttl .cell:nth-child(1) {
	}
	#pageHdr-ttl .cell:nth-child(2) {
	}
	#pageHdr-ttl .cell h1 {
	}
	#pageHdr-ttl .txt {
	}
}

@media screen and (max-width: 320px) {
	#pageHdr-ttl .cell h1 {
		font-size: 2.6rem;
	}
	#pageHdr-ttl .txt {
		font-size: 1.6rem;
	}
}

/* ==================================================
CONTENTS  for subpage
================================================== */
#allWrap .hdrBg {
	background: #fff;
	padding-top: 62px;
}

#allWrap .areaBg {
	background: #fff;
}

#allWrap .areaBg2 {
	padding: 0 60px;
}

.lineupPage #allWrap .areaBg,
.livePage #allWrap .areaBg,
.talkPage #allWrap .areaBg,
.timetablePage #allWrap .areaBg {
	padding: 0 70px;
}
.lineupPage #allWrap .areaBg2,
.livePage #allWrap .areaBg2,
.talkPage #allWrap .areaBg2,
.timetablePage #allWrap .areaBg2 {
	padding: 40px 60px 80px;
}

@media screen and (max-width: 1100px) {
#allWrap .hdrBg {
}

#allWrap .areaBg {
}

#allWrap .areaBg2 {
}
.lineupPage #allWrap .areaBg,
.livePage #allWrap .areaBg,
.talkPage #allWrap .areaBg,
.timetablePage #allWrap .areaBg {
	padding: 0 5%;
}
.lineupPage #allWrap .areaBg2,
.livePage #allWrap .areaBg2,
.talkPage #allWrap .areaBg2,
.timetablePage #allWrap .areaBg2 {
	padding: 40px 0 80px;
}
}

@media screen and (max-width: 768px) {
#allWrap .hdrBg {
	padding-top: 0;
}

#allWrap .areaBg {
}

#allWrap .areaBg2 {
	padding: 0 3%;
}
.lineupPage #allWrap .areaBg,
.livePage #allWrap .areaBg,
.talkPage #allWrap .areaBg,
.timetablePage #allWrap .areaBg {
	padding: 0 3%;
}
.lineupPage #allWrap .areaBg2,
.livePage #allWrap .areaBg2,
.talkPage #allWrap .areaBg2,
.timetablePage #allWrap .areaBg2 {
	padding: 40px 0 80px;
}
}

@media screen and (max-width: 480px) {
}

/* ------------------------------ */
#mainWrap {
}

#mainWrap .area {
	max-width: 1100px;
	margin: 0 auto 80px;
	padding: 0 50px 80px;
}

.lineupPage #mainWrap .area,
.livePage #mainWrap .area,
.talkPage #mainWrap .area,
.timetablePage #mainWrap .area {
	max-width: 1200px;
	padding-bottom: 0;
}

#mainWrap .area:last-of-type {
	margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
#mainWrap {
}

#mainWrap .area {
	padding: 0 3% 60px;
}
}

@media screen and (max-width: 768px) {
#mainWrap {
}

#mainWrap .area {
}
}

/* ------------------------------ */
#allWrap .txtRed {
	color: #de0a16;
}

#allWrap .txtYellow {
	color: #fbb03b;
}


/* ### ===== Form - Reset ===== ### */
#formBox form input,
#formBox form button,
#formBox form textarea,
#formBox form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#formBox form input,
#formBox form button,
#formBox form textarea,
#formBox form select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#formBox form select::-ms-expand {
	display: none;
}
/**/

/* #tabBlk ※タブブロック
------------------------------ */
#tabBlk {
	height: 120px;
	position: relative;
}

@media screen and (max-width: 768px) {
	#tabBlk {
		height: 100px;
	}
}

/* #tabSet ※タブセット
------------------------------ */
#tabSet {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	position: absolute;
	width: 100%;
	height: 100px;
	margin: 0 auto !important;
	left: 0;
	right: 0;
}
#tabSet .tab {
	max-width: 520px;
	width: calc(50% - 40px);
	height: 100px;
	margin: 0 20px;
	padding: 5px;
	transition: all .4s ease-in-out;
	position: relative;
	cursor: pointer;
}
#tabSet .tab.is-active {
	height: 164px;
	pointer-events: none;
}
#tabSet .tab:nth-child(1) {
	background: #29abe2;
}
#tabSet .tab:nth-child(2) {
	background: #e229a2;
}
#tabSet .tab .tabInner {
	background: #fff;
	border: 2px solid #fff;
	color: #fff;
	font-size: 4.2rem;
	font-family: good-times, sans-serif;
	font-weight: 500;
	transition: all .4s ease-in-out;
	line-height: 1.1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}
#tabSet .tab:nth-child(1) .tabInner {
	color: #29abe2;
}
#tabSet .tab:nth-child(2) .tabInner {
	color: #e229a2;
}
#tabSet .tab.is-active .tabInner {
	color: #fff;
	font-size: 7rem;
	background: transparent;
}
#tabSet .tab:hover .tabInner {
	background: rgba(255, 255, 255, 0.8);
}
#tabSet .tab .tabInner > div {
	font-size: inherit;
	transition: all .4s ease-in-out;
}
#tabSet .tab .tabInner .date {
	font-size: 100%;
}
#tabSet .tab .tabInner .week {
	font-size: 45%;
}

@media screen and (max-width: 1100px) {
	#tabSet {}
	#tabSet .tab {}
	#tabSet .tab.is-active {}
	#tabSet .tab:nth-child(1) {}
	#tabSet .tab:nth-child(2) {}
	#tabSet .tab .tabInner {}
	#tabSet .tab:nth-child(1) .tabInner {}
	#tabSet .tab:nth-child(2) .tabInner {}
	#tabSet .tab.is-active .tabInner {}
	#tabSet .tab:hover .tabInner {}
	#tabSet .tab .tabInner > div {}
	#tabSet .tab .tabInner .date {}
	#tabSet .tab .tabInner .week {}
}

@media screen and (max-width: 768px) {
	#tabSet {
		width: calc(100% - 40px);
	}
	#tabSet .tab {
		height: 80px;
		width: calc(50% - 20px);
		margin: 0 10px;
	}
	#tabSet .tab.is-active {
		height: 144px;
	}
	#tabSet .tab:nth-child(1) {}
	#tabSet .tab:nth-child(2) {}
	#tabSet .tab .tabInner {
		font-size: 3.2rem;
	}
	#tabSet .tab:nth-child(1) .tabInner {}
	#tabSet .tab:nth-child(2) .tabInner {}
	#tabSet .tab.is-active .tabInner {
		font-size: 5rem;
	}
	#tabSet .tab:hover .tabInner {}
	#tabSet .tab .tabInner > div {}
	#tabSet .tab .tabInner .date {}
	#tabSet .tab .tabInner .week {}
}

@media screen and (max-width: 480px) {
	#tabSet {
		width: calc(100% - 20px);
	}
	#tabSet .tab {
		width: calc(50% - 10px);
		margin: 0 5px;
	}
	#tabSet .tab.is-active {}
	#tabSet .tab:nth-child(1) {}
	#tabSet .tab:nth-child(2) {}
	#tabSet .tab .tabInner {
		font-size: 2.6rem;
	}
	#tabSet .tab:nth-child(1) .tabInner {}
	#tabSet .tab:nth-child(2) .tabInner {}
	#tabSet .tab.is-active .tabInner {
		font-size: 3.8rem;
	}
	#tabSet .tab:hover .tabInner {}
	#tabSet .tab .tabInner > div {}
	#tabSet .tab .tabInner .date {}
	#tabSet .tab .tabInner .week {
		font-size: 38%;
	}
}

/* #tableSet ※テーブルセット
------------------------------ */
#tableSet {
	position: relative;
}
#tableSet .tableBox {
	background: rgba(10, 10, 80, 0.90);
	padding: 25px 50px 60px;
	margin: 0 auto;
	transform: scale(0.3);
	transform-origin: 50% 100px;
	transition: all .4s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	height: auto;
	max-height: 100vh;
}
#detailArea #tableSet .tableBox {
	background: rgba(255, 255, 255, 0.85);
	padding-top: 60px;
}
.timetablePage #detailArea #tableSet .tableBox {
	background: rgba(0, 0, 0, 0.6);
	padding-top: 35px;
	padding-bottom: 30px;
}
#tableSet #day1.tableBox {
	border: 6px solid #29abe2;
}
#tableSet #day2.tableBox {
	border: 6px solid #e229a2;
}
#tableSet #day1.tableBox {
	z-index: -1;
}
#tableSet #day2.tableBox {
	z-index: -1;
}
#tableSet .tableBox.is-show {
	position: relative;
	transform: scale(1);
	opacity: 1;
	max-height: 20000px;
	z-index: 1 !important;
}

@media screen and (max-width: 1100px) {
	#tableSet {}
	#tableSet .tableBox {
		padding: 20px 3% 40px;
	}
	#tableSet #day1.tableBox {}
	#tableSet #day2.tableBox {}
	#tableSet #day1.tableBox {}
	#tableSet #day2.tableBox {}
	#tableSet .tableBox.is-show {}
}

@media screen and (max-width: 768px) {
	#tableSet {}
	#tableSet .tableBox {}
	#tableSet #day1.tableBox {}
	#tableSet #day2.tableBox {}
	#tableSet #day1.tableBox {}
	#tableSet #day2.tableBox {}
	#tableSet .tableBox.is-show {}	
}

@media screen and (max-width: 480px) {
	#tableSet {}
	#tableSet .tableBox {}
	#tableSet #day1.tableBox {}
	#tableSet #day2.tableBox {}
	#tableSet #day1.tableBox {}
	#tableSet #day2.tableBox {}
	#tableSet .tableBox.is-show {}	
}


/* ==================================================
FOOTER  for subpage
================================================== */


/* ==================================================
OTHERS
================================================== */
/* scrollto */
#allWrap .scrollto {}

/* clrfix */
.clrfix::before, .clrfix::after { display: table; content: ''; }
.clrfix::after { clear: both; }



/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */

/*
####################################################################################################
##########　HTML コメントアウト記述ルール　#########################################################
####################################################################################################

▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
///// メインコンテンツエリア（編集エリア） /////////////////////////
////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲

<!-- ==================== 大ブロックエリア ==================== -->
<!-- ==================== //大ブロックエリア ==================== -->

<!-- ***** 中ブロックエリア *************** -->
<!-- ***** //中ブロックエリア *************** -->

<!-- #ID名 -->
<!-- //#ID名 -->

<!-- .class名 -->
<!-- //.class名 -->

<!-- [memo] -->
<!-- //[memo] -->


<!-- ※※※※※ INCLUDE - HEADER ※※※※※ -->
<!-- #include virtual="/common/inc_header.html" -->
<!-- ※※※※※ //INCLUDE - HEADER ※※※※※ -->

<!-- ※※※※※ INCLUDE - FOOTER ※※※※※ -->
<!-- #include virtual="/common/inc_footer.html" -->
<!-- ※※※※※ //INCLUDE - FOOTER ※※※※※ -->


[ id/class Name List ]
wrap > area > group > set > box

[ memmo ]
TOPページ → <body id="pageHome">
Newsページ(第2階層) → <body id="pageNews" class="subPage">
*/


/* ############################################################################################## */
/* ##########　CSS コメントアウト記述ルール　#################################################### */
/* ############################################################################################## */


/* //////////////////////////////////////////////////////////////////// */
/* ///// ブロック区切り /////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */

/* ==================================================
大見出し
================================================== */

/* 中見出し（他、説明など）
------------------------------ */

/* ### 小見出し 1 ### */
/* ### ----- ### */

/* 小見出し 2 */
/* ----- */


/*J-WAVE SETTINGS*/

/*
■SP
@media all and (max-width:480px) {}

■Tablet
@media all and   (min-width:481px) and (max-width:768px){}

■Large Tablet
@media all and  (min-width:769px) and (max-width:1199px){}
*/

/**/