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

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

body,
#allWrap {
	font-family: tbudrgothic-std, sans-serif;
	
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	color: #000;

	-webkit-font-smoothing: antialiased; /* WebKitブラウザサポート */
	text-rendering: optimizeLegibility; /* Chrome、Safariサポート */
	-moz-osx-font-smoothing: grayscale; /* Firefoxサポート */
	font-feature-settings: 'liga'; /* IEサポート */
	
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* iPhoneの文字サイズバグの回避 */
}

/*
■DIN 2014
font-family: din-2014, sans-serif;
font-style: normal;
font-weight: 700; → Bold
font-weight: 400; → Regular

■TBUD丸ゴシック Std
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 700; → Bold
font-weight: 400; → Regular
*/


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


/* ==================================================
VIEW SWITCH
================================================== */

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

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


/* ==================================================
PAGE BASE
================================================== */
body {
	/*min-width: 420px;*/
}

#allWrap {
	/*min-width: 420px;*/
	overflow: hidden;
	font-size: 1.8rem;
}

@media screen and (max-width: 900px) {
#allWrap {
	font-size: 1.6rem;
}
}

#ftrAbove {
}

#ftrWrap {
}

img {
	display: block;
	margin: 0 auto;
}

p {
	line-height: 1.6;
}

i {
	display: inline-block;
}

.bg-yellow {
	background-color: #feda2c;
}

.hover-c {
	transition: all 0.4s ease-out 0s;
}

.hover-c:hover {
	opacity: 0.8;
	background-color: #fff8c1;
}


.hover-z {
	display: inline-block;
	overflow: hidden;
}

.hover-z img {
	transition: all 0.4s ease-out 0s;
}

.hover-z:hover {}

.hover-z:hover img  {
	filter: brightness(105%) contrast(105%) saturate(110%);
	transform: scale(1.03);
}

/* ==================================================
HEADER
================================================== */
#hdrWrap {
	position: relative;
	border-top: 10px solid #009e3e;
	padding: 50px 0 0;
}

#hdrWrap::before,
#hdrWrap::after {
	content: '';
	position: absolute;
	top: -5px;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

#hdrWrap::before {
	background-image: url("../img/head_left.png");
	width: 223px;
	height: 154px;
	left: calc(50% - 560px);
}

#hdrWrap::after {
	background-image: url("../img/head_right.png");
	width: 217px;
	height: 139px;
	right: calc(50% - 560px);
}

#hdrWrap .visualBlk {
	position: relative;
	padding-bottom: 30px;
}

#pageMessage #hdrWrap .visualBlk {
	display: none;
}

#hdrWrap .visualBlk::after {
	content: '';
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: calc(100% - 100px);
	background-color: #feda2c;
	z-index: -1;
}

#hdrWrap .visualBlk .visual {
	max-width: 900px;
	position: relative;
	margin: -50px auto 0;
	padding: 0 30px;
}

#hdrWrap .visualBlk .visual img {
	overflow: hidden;
	border-radius: 6px;
}


/**/
#siteTitle {
	position: relative;
	z-index: 2;
	max-width: 940px;
	margin: 0 auto;
	transform: scale(0.9);
}

#siteTitle a {
	text-decoration: none;
}

#siteTitle img {
	display: block;
	margin: 0 auto;
}

#siteTitle .date {
	margin-bottom: 35px;;
}

#siteTitle .date img {
}

#siteTitle .sub {
	margin-bottom: 30px;
}

#siteTitle .sub img {
}

#siteTitle .ttl {
	text-align: center;
}

#siteTitle .ttl img {
	display: inline-block;
	margin: 0 10px 15px;
}

/**/
#siteTitle-txt {
  font-size: 4.6rem;
	font-weight: 700;
}

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

#pageMessage #hdrWrap {
	padding-top: 20px;
}

#hdrWrap::before,
#hdrWrap::after {
}

#hdrWrap::before {
	left: calc(50% - 440px);
}

#hdrWrap::after {
	right: calc(50% - 440px);
}

#hdrWrap .visualBlk {
}

#hdrWrap .visualBlk::after {
}

#hdrWrap .visualBlk .visual {
	margin-top: -65px;
}

#hdrWrap .visualBlk .visual img {
}


/**/
#siteTitle {
	transform: scale(0.8);
}

#siteTitle img {
}

#siteTitle .date {
}

#siteTitle .date img {
}

#siteTitle .sub {
}

#siteTitle .sub img {
}

#siteTitle .ttl {
}

#siteTitle .ttl img {
}

#siteTitle .ttl img:nth-child(1) {
}

#siteTitle .ttl img:nth-child(2) {
}

/**/
#siteTitle-txt {
}
}

@media screen and (max-width: 640px) {
#hdrWrap {
	padding: 30px 0 0;
}

#hdrWrap::before,
#hdrWrap::after {
}

#hdrWrap::before {
	left: -120px;
	top: 25px;
}

#hdrWrap::after {
	right: -120px;
	top: -53px;
}

#hdrWrap .visualBlk {
}

#hdrWrap .visualBlk::after {
}

#hdrWrap .visualBlk .visual {
	margin-top: 0;
	padding: 0;
}

#hdrWrap .visualBlk .visual img {
	border-radius: 0;
}

#siteTitle .ttl img:nth-child(1) {
	width: 65%;
	margin: 0 0 15px;
}

#siteTitle .ttl img:nth-child(2) {
	margin: 0;
}


/**/
#siteTitle {
	transform: scale(1);
	max-width: 380px;
	margin-bottom: 30px;
	padding: 0 15px;
}

#siteTitle img {
}

#siteTitle .date {
	margin-bottom: 25px;
}

#siteTitle .date img {
}

#siteTitle .sub {
	margin-bottom: 20px;
}

#siteTitle .sub img {
}

#siteTitle .ttl {
}

#siteTitle .ttl img {
}

/**/
#siteTitle-txt {
}
}


/* #snsArea
------------------------------ */
#snsArea {
	position: relative;
	margin-bottom: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 6px 15px;
	border-radius: 50px;
	background-color: #fff;
	margin: -30px auto 0;
	max-width: 540px;
}

#gigyaShare {}

@media screen and (max-width: 640px) {
#snsArea {
	width: calc(100% - 60px);
	margin: 30px auto 0;
	border-radius: 6px;
	padding: 6px 30px;
}
#gigyaShare {
}
}

/* ==================================================
CONTENTS
================================================== */
#mainCnt {}

#pageMessage #mainCnt {
	border-top: 40px solid #feda2c;
	margin-top: 30px;
}

@media screen and (max-width: 900px) {
#pageMessage #mainCnt {
	margin-top: 0;
}
}

section {}


/* BANNER */
.bnrArea {
	padding: 80px 0 20px;
}

#pageMessage .bnrArea {
	padding: 60px 30px 0;
}

#profArea + .bnrArea {
}

.bnrList {
	text-align: center;
}

.bnrList li {
	display: inline-block;
	margin: 0 30px 60px;
	width: calc(50% - 80px);
	max-width: 400px;
}

@media screen and (max-width: 900px) {
.bnrList li {
	/*! min-width: 400px; */
	width: calc(50% - 60px);
	margin: 0 25px 60px;
}
}

.bnrList a {
	position: relative;
	display: block;
	margin: 0 auto;
	overflow: visible;
}

.bnrList a::before {
	content: "";
	position: absolute;
	z-index: -1;
	background: url(../img/bg_pattern1.png) repeat center center;
	width: 100%;
	height: 100%;
	top: -20px;
	left: -20px;
	border-radius: 6px;
}

.bnrList a::after {
	content: "";
	position: absolute;
	z-index: -2;
	background: url(../img/bg_pattern2.png) repeat center center;
	width: 100%;
	height: 100%;
	bottom: -20px;
	right: -20px;
	border-radius: 6px;
}

@media screen and (max-width: 640px) {
.bnrArea {
	padding: 50px 30px;
}

#pageMessage .bnrArea {
	padding: 50px 30px 50px;
}

.bnrList li {
	margin: 0 auto;
	width: 80%;
}

.bnrList li:nth-child(2) {
	margin-top: 40px;
}

.bnrList a::before {
	top: -15px;
	left: -15px;
}

.bnrList a::after {
	bottom: -15px;
	right: -15px;
}
}

.bnrList img {
	border: 2px solid #feda2c;
	border-radius: 6px;
	transition: all 0.4s ease-out 0s;
	overflow: hidden;
}

.bnrList a:hover img {
	opacity: 0.9;
	filter: brightness(105%) contrast(110%) saturate(120%);
}


/* AREA TITLE */
.areaTitle {
}
.areaTitle img {
	display: block;
	margin: 0 auto;
}

.areaTitle-txt {
	font-family: din-2014, sans-serif;
	line-height: 1.2;
	font-size: 3.6rem;
	margin: 0 auto 40px;
	font-weight: 600;
	text-align: center;
}

#pageMessage .areaTitle-txt {
	margin-bottom: 15px;
}


/* INFORMATION
------------------------------ */
#infoArea {
	 padding-top: 20px;
	 padding-bottom: 60px;
	 max-width: 1600px;
	 margin: 0 auto;
}

@media screen and (min-width: 1601px){
#infoArea {
	 border-radius: 6px;
}
}

#infoArea .areaTitle {
	background-color: #fff6ae;
	margin-bottom: 60px;
	padding: 40px 25px;
}

#infoArea .areaTitle img {
}

/**/
#infoArea .leadBlk {
	text-align: center;
	padding: 0 30px;
}

#infoArea .leadBlk p {
	line-height: 1.8;
}

#infoArea .leadBlk p:not(:last-child) {
	margin-bottom: 30px;
}

#infoArea .leadBlk .img {
	margin: 60px auto;
}

#infoArea .leadBlk .img img {
}

/**/
#infoArea .leadBlk .infoBox {
	text-align: center;
}

#infoArea .leadBlk .infoBox a {
	margin-bottom: 60px;
}

/**/
#infoArea .leadBlk .infoBox .btn {
}

#infoArea .leadBlk .infoBox .btn a {
	max-width: 500px;
	width: 100%;
	height: 80px;
	border-radius: 6px;
	padding: 20px;
	border: 2px solid #000;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

#infoArea .leadBlk .infoBox .btn a img {
}

/**/
#infoArea .leadBlk .infoBox a.btnBox .img {
	margin: 0 auto 20px;
	max-width: 880px;
	border-radius: 6px;
	border: 2px solid #f6ab01;
	overflow: hidden;
}

#infoArea .leadBlk .infoBox a.btnBox .img img {
}

#infoArea .leadBlk .infoBox a.btnBox .txt {
}

@media screen and (max-width: 900px) {
#infoArea {
}

#infoArea .areaTitle {
}

#infoArea .areaTitle img {
}

/**/
#infoArea .leadBlk {
	text-align: left;
}

#infoArea .leadBlk p {
}

#infoArea .leadBlk p:not(:last-child) {
}

#infoArea .leadBlk .img {
	margin: 40px auto;
	max-width: 500px;
}

#infoArea .leadBlk .img img {
}

/**/
#infoArea .leadBlk .infoBox {
}

#infoArea .leadBlk .infoBox a {
}

/**/
#infoArea .leadBlk .infoBox .btn {
}

#infoArea .leadBlk .infoBox .btn a {
}

#infoArea .leadBlk .infoBox .btn a img {
}

/**/
#infoArea .leadBlk .infoBox a.btnBox .img {
}

#infoArea .leadBlk .infoBox a.btnBox .img img {
}

#infoArea .leadBlk .infoBox a.btnBox .txt {
}
}

/* PROGRAM
------------------------------ */
#programArea {
	padding: 80px 0;
	width: calc(100% - 60px);
	margin: 0 auto;
	max-width: 1200px;
}

#programArea .borderBlk {
	border-radius: 10px;
	border: 12px solid #feda2c;
	padding: 50px 30px 20px;
}

#programArea .borderBlk:not(:first-child) {
	margin-top: 50px;
}

#programArea .borderBlk .areaTitle {
	margin-bottom: 40px;
	padding: 0 60px;
}

#programArea .borderBlk .areaTitle img {
}

#programArea .borderBlk .comment {
	margin-bottom: 40px;
}

#programArea .borderBlk .comment p {
	text-align: center;
	line-height: 1.6;
}

#programArea .borderBlk .guestList {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 auto;
}

#programArea .borderBlk .guestList li {
	width: calc(25% - 20px);
	margin: 0 10px 30px
}

#programArea .borderBlk .guestList li .img {
	margin-bottom: 20px;
	border-radius: 6px;
	overflow: hidden;
}

#programArea .borderBlk .guestList li .img img {
}

#programArea .borderBlk .guestList li .credit {
	text-align: center;
	font-size: 1.5rem;
}

#programArea .borderBlk .guestList li .credit .name1 {
	font-weight: 700;
	margin-bottom: 8px;
}

#programArea .borderBlk .guestList li .credit .name2 {
	font-size: 80%;
}

@media screen and (max-width: 900px) {
#programArea {
}

#programArea .borderBlk {
}

#programArea .borderBlk:not(:first-child) {
}

#programArea .borderBlk .areaTitle {
}

#programArea .borderBlk .areaTitle img {
}

#programArea .borderBlk .comment {
}

#programArea .borderBlk .comment p {
	text-align: left;
	padding: 0 10px;
}

#programArea .borderBlk .guestList {
}

#programArea .borderBlk .guestList li {
	width: calc(50% - 20px);
}

#programArea .borderBlk .guestList li .img {
}

#programArea .borderBlk .guestList li .img img {
}

#programArea .borderBlk .guestList li .credit {
}

#programArea .borderBlk .guestList li .credit .name1 {
}

#programArea .borderBlk .guestList li .credit .name2 {
}
}

@media screen and (max-width: 640px) {
#programArea {
	width: calc(100% - 40px);
}

#programArea .borderBlk {
	border: 8px solid #feda2c;
	padding: 50px 20px 20px;
}

#programArea .borderBlk:not(:first-child) {
}

#programArea .borderBlk .areaTitle {
	padding: 0;
	width: 80%;
	margin: 0 auto 8%;
}

#programArea .borderBlk .areaTitle img {
}

#programArea .borderBlk .comment {
	margin-bottom: 10%;
}

#programArea .borderBlk .comment p {
}

#programArea .borderBlk .guestList {
}

#programArea .borderBlk .guestList li {
	width: calc(50% - 10px);
	margin: 0 5px 30px;
}

#programArea .borderBlk .guestList li .img {
}

#programArea .borderBlk .guestList li .img img {
}

#programArea .borderBlk .guestList li .credit {
	font-size: 1.3rem;
}

#programArea .borderBlk .guestList li .credit .name1 {
}

#programArea .borderBlk .guestList li .credit .name2 {
}
}



/* AREA WRAPPER
------------------------------ */
#areaWrap {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 1600px;
	margin: 0 auto;
}

#areaWrap .area {
	width: calc(50% - 10px);
	padding: 50px 40px;
	text-align: center;
}

@media screen and (min-width: 1601px) {
#areaWrap .area {
	border-radius: 6px;
}	
}


@media screen and (max-width: 900px) {
#areaWrap {
	display: block;
}

#areaWrap .area {
	width: 100%;
	padding: 50px 20px;
	margin-bottom: 20px;
}
}

/* LISTEN
------------------------------ */
#listenArea {
}

#listenArea .areaTitle-txt {
	color: #e62433;
}

#listenArea .comment {
}

#listenArea .comment p {
}

#listenArea .img {
	margin: 30px auto;
	border-radius: 6px;
	overflow: hidden;
	max-width: 520px;
}

#listenArea .img img {
}

#listenArea .credit {
	font-family: din-2014, sans-serif;
	font-weight: 700;
}

#listenArea .credit .head {
	font-size: 2rem;
	margin-bottom: 10px;
}

#listenArea .credit .date {
	margin-bottom: 15px;
}

#listenArea .credit .date em {
	display: block;
	font-size: 3.2rem;
}

#listenArea .credit .date b {
	display: block;
	font-size: 1.8rem;
}

#listenArea .credit .time {
	font-size: 2.7rem;
}

/* TWITTER
------------------------------ */
#twitterArea {
}

#twitterArea .areaTitle-txt {
  color: #0075c1;
}

#twitterArea .twWrap {
}

#twitterArea .twWrap .twAccount {
	text-align: center;
	margin-bottom: 20px;
}

#twitterArea .twWrap .twAccount a {
	font-family: din-2014, sans-serif;
	color: #1da1f2;
	text-decoration: none;
	font-size: 2rem;
	font-weight: 700;
	transition: all 0.4s ease-out 0s;
}

#twitterArea .twWrap .twAccount a:hover {
	opacity: 0.7;
}

#twitterArea .twWrap .twAccount a img {
	display: inline-block;
	transform: translateY(2px);
}

#twitterArea .twWrap .twFrame {
	border-radius: 8px;
	overflow: hidden;
	height: 560px;
	max-width: 600px;
	margin: 0 auto;
}

#twitterArea .twWrap .twFrame .twitter-timeline {
}

@media screen and (max-width: 900px) {
#twitterArea .twWrap .twFrame {
	height: 480px;
}
}


/* PROFILE
------------------------------ */
#profArea {
	padding: 80px 30px 40px;
}

@media screen and (max-width: 640px) {
#profArea {
	padding: 40px 30px;
}
}

#profArea .areaTitle-txt {
	text-align: center;
	color: #009e3e;
}

#profArea .profList {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 auto 100px;
}

#profArea .profList li {
	margin: 0 10px;
	width: calc(100% / 3 - 20px);
	max-width: 340px;
}

#profArea .profList li:nth-of-type(1) {
	order: 2;
}

#profArea .profList li:nth-of-type(2) {
	order: 1;
}

#profArea .profList li:nth-of-type(3) {
	order: 3;
}

#profArea .profList li .img {
	margin: 0 auto 25px;
}

#profArea .profList li .img img {
	border-radius: 6px;
}

#profArea .profList li .credit {
	line-height: 1.2;
	text-align: center;
}

#profArea .profList li .credit .nameEn {
	font-family: din-2014, sans-serif;
	font-size: 2rem;
	margin: 0 auto 10px;
}

#profArea .profList li .credit .nameJp {
	font-size: 2.6rem;
	margin: 0 auto 15px;
}

#profArea .profList li:nth-of-type(1) .credit .nameJp {
	color: #e62433;
}

#profArea .profList li:nth-of-type(2) .credit .nameJp {
	color: #0075c1;
}

#profArea .profList li:nth-of-type(3) .credit .nameJp {
	color: #009e3e;
}

#profArea .profList li .credit .note {
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 0 auto 30px;
}

#profArea .profList li .credit .note i {
	display: inline-block;
}

#profArea .profList li .credit .note span {
	display: inline-block;
	margin: 0 5px;
}

#profArea .profList li .credit .link {}

#profArea .profList li .credit .link a {
	text-decoration: none;
	display: inline-block;
	padding: 5px 5px 10px;
	border-bottom: 1px solid #000;
	transition: all 0.4s ease-out 0s;
	line-height: 1.6;
}

#profArea .profList li .credit .link a:hover {
	color: #e62433;
	border-bottom: 1px solid #e62433;
	opacity: 1;
}

#profArea .profList li:nth-of-type(2) .credit .link a:hover {
	color: #0075c1;
	border-bottom: 1px solid #0075c1;
}

#profArea .profList li .credit .link a i {
	display: inline-block;
}

#profArea .btn {}

#profArea .btn a {
	text-decoration: none;
	font-size: 1.6rem;
	line-height: 1.2;
	display: block;
	margin: 0 auto;
	padding: 27px 15px 20px;
	max-width: 500px;
	border: 2px solid #000;
	border-radius: 6px;
	text-align: center;
	height: 80px;
}

#profArea .btn a:hover {
}

#profArea .btn a em {
	font-weight: 700;
	display: inline-block;
	margin: 0 3px 5px;
}

#profArea .btn a b {
	font-family: din-2014, sans-serif;
	display: inline-block;
	margin: 0 3px 5px;
	font-weight: 700;
	font-size: 115%;
}

/* YouTube */
/*.movieBox {
	position: relative;
	margin: 0 auto 80px;
	width: calc(100% - 20px);
	max-width: 1240px;
}

.movieBox h2 {
	font-family: din-2014, sans-serif;
	line-height: 1.2;
	font-size: 3.6rem;
	margin: 0 auto 50px;
}

.movieBox .movie {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding: 0 0 56.25%;
}

.movieBox .movie iframe {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}*/
/**/

@media screen and (max-width: 1000px) {
	#profArea .profList li .credit .note i {
		display: block;
		margin-bottom: 10px;
	}
	#profArea .profList li .credit .note span {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	#profArea .profList li {
		margin: 0 10px;
		width: calc(100% / 3 - 20px);
	}
}

@media screen and (max-width: 640px) {
	#profArea .profList {
		margin: 0 auto 0px;
	}
	#profArea .profList li {
		margin: 0 30px 60px;
		width: 100%;
		max-width: 300px;
	}
	#profArea .profList li:nth-of-type(1) {
		order: 1;
	}
	#profArea .profList li:nth-of-type(2) {
		order: 2;
	}
	#profArea .profList li:nth-of-type(3) {
		order: 3;
	}
	#profArea .profList li .imgs {
		margin: 0 auto 20px;
	}
	#profArea .profList li .credit .nameEn {
		margin: 0 auto 10px;
	}
	#profArea .profList li .credit .nameJp {
		margin: 0 auto 15px;
	}
	#profArea .profList li .credit .note {
		margin: 0 auto 20px;
	}
}

/*@media screen and (max-width: 420px) {
	#profArea .areaTitle-txt {
		font-size: 3rem;
	}
}*/

/* ==================================================
FOOTER
================================================== */
#ftrWrap {
	background-color: #009e3e;
	padding: 40px 0 60px;
	text-align: center;
}

#ftrWrap .logo {
	margin-bottom: 15px;
}

#ftrWrap a {
}

#ftrWrap img {
}

#ftrWrap .copyright {
	font-size: 1.3rem;
	font-weight: 700;
	color: #fff;
}

#ftrWrap b {
	display: inline-block;
	margin-right: 4px;
}

/* PAGE TOP
------------------------------ */
#pagetopBtn {
	padding: 20px 0 80px;
	text-align: center;
}

#pagetopBtn a {
	display: inline-block;
	margin: 0 auto;
	transition: all 0.4s ease-out 0s;
}

#pagetopBtn a:hover {
	opacity: 0.6;
}


/* J-WAVE COMMON FOOTER
------------------------------ */
@media screen and (max-width: 640px) {
#jwave_footer_wrapper {
	/*padding-bottom: 15px !important;*/
	/*padding-bottom: calc(env(safe-area-inset-bottom) + 15px) !important;*/
	padding-bottom: env(safe-area-inset-bottom) !important;
}
}


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


/* ==================================================
OTHERS
================================================== */

.scrollto {/**/}

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


/* 画像コピーガード */
.protectImg {
	position: relative;
}

.protectImg::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/blank.gif) no-repeat left top;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

/* iOS フルサイズディスプレイ対応 */
.vfit-cover {
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}


/*

<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- ##########　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="dir2nd">
-->
*/


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


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

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

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

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

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