body {
	font-size: 21px;
	font-family: 'M+PLUS+1p', -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, 'Open Sans', 'Roboto', sans-serif, 'Roboto Condensed', sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #FFF;
	margin: 0;
	padding: 0;
	background-color: #014076;
	background-size: contain;
}

body::before {
  content: "";
//  background: url(../images/BG.jpg) no-repeat center top;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  transform: translateZ(0);
}


/* 1024px以上の幅の場合に適応される */

* {
//	list-style: none;
	margin: 0;
	padding: 0;
//	word-break: break-all;
	box-sizing: border-box;
}


a:link {
	text-decoration: none;
	/*#3366CC #2E5199*/
	color: #E9528E;
}
a:visited {/*#1E3666*/
	text-decoration: none;
	border-style: none;
	color: #E9528E;
}
a:hover {
	color: #FA0;
	border-style: none;
}
a:active {
	color: #FF0000;
	border-style: none;
}

h1 {
	font-family: 'Open Sans', 'Francois One', sans-serif;
	font: 220% 'Open Sans', sans-serif;
	border-bottom: 3px solid #E9528E;
	margin-bottom: 0.5em;
	color: #E9528E;
}

h2 {
	font-size: 170%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 85%;
}

h6 {
	font-size: 60%;
}

img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

p {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}



/* @group IE対応_オブジェクト */
.ofi {
	object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
	object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
	font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}

.ofi-cover {
	object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
	font-family: 'object-fit: cover; ' /* IE・Edge対応 */;
}

.ofi-contain {
	object-fit: contain; /* 他のブラウザ用(＝通常の指定) */
	font-family: 'object-fit: contain; ' /* IE・Edge対応 */;
}
/* @end */

/* @group IE対応_SVG */

img.fluid {
    max-width: 100%;
}
img[src$=".svg"].fluid {
	width: 100%;
}
/* @end */



#wrapper {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

#contents {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
    
	width: 1025px;
//	background: rgba(0, 0, 0, 0.8);
	margin: 0.5em auto 0;
//	margin: 170px auto 0;
	padding: 0;
z-index: 100;
}

#header {
	margin-right: auto;
	margin-left: auto;
}

#footer {
	bottom: 0;
	color: #FFF;
	position: relative;
	width: 100%;
	font-size: 70%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin: 0;
	background: #E9528E;
	z-index: 999;
}

section {
}

.border_R10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* @group LOADING */

#loading{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -75px;
    margin-left: -75px;
  }
      
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 1;
 }

/* @end */

/* @group PAGETOP */

#pageTop {
	position: fixed;
	bottom: 35px;
	right: 15px;
}
 
#pageTop a {
	display: block;
	z-index: 999;
	padding: 8px 0 0 8px;
	border-radius: 40px;
	width: 40px;
	height: 40px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: url(../images/pagetop.png) center center no-repeat rgba(30,20,100,0.3);
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* @end */

/* @group PAGES */

hr {
	border:  none;
	margin: 1.5em 0;
}

.border1 {
	margin: 1.5em 0;
	border-top: 1px solid #FFF;
}

.border2 {
	border-top: 1px dotted #666;
	margin: 1.5em 0;
}

.info br {
//	display: none;
	display:block;
}

.borderbox {
//	width: 500px;
	border: 1px solid #FFF;
	display: table;
	margin: 1em auto;
	padding: 1em;
}

.borderbox2 {
	border: 1px solid #FFF;
	font-size: 10px;
	line-height: 1.5em;
	color: #FFF;
	padding: 0.5em;
}

.box_maru   {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 0;
	margin: 0;
	background-color: #FFF;
}

.border_maru {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	margin: 2em auto;
}

.border_maru_bk {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
	margin: 2em auto;
	background: url(../images/black_15.png) repeat;	
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: 5px solid #FFF;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* @group ホーム */

#home {
//	background: url(../images/dot_net.png) repeat fixed rgba(0, 0, 0, 0.0);
	color: #FFF;
	text-align: center;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 170px 0 0;
	font-size: 170%;
	line-height: 1.5em;
	display: table;
	z-index: -1;
}

.www img {
	height: auto;
	max-height: 700px;
//	width: 550px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.wwwinfo img {
//	height: auto;
	width: 900px;
	margin-bottom: 1em;
}

.footerlogo {
	background: url(../images/dot_net2.png) repeat fixed rgba(27, 19, 97, 0.25);
//	background: rgba(30,20,100,0.3);
	bottom: 0;
	position: static;
	z-index: -1;
}

.footerlogo img {
	height: auto;
	width: 60vw;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	padding: 3em 0;
}

/* @end */


/* @group トップ */

#top {
//	border-radius: 10px;        /* CSS3草案 */  
//    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
//    -moz-border-radius: 10px;

//	padding: 1em;
margin: 0.5em 0;


//	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
}

/* @end */

/* @group NEWS */

#new {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 0;
//	background: rgba(0, 240, 240, 0.7);
//	background: rgba(30,20,100,0.8);
//	background: rgba(255, 255, 255, 0.8);
	background: #E9528E;
	color: #FFF;
	
}

#new ul li{
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

.cast-comment {
}

.cast-comment span {
	white-space: nowrap;	
}

.btn-news a{
	line-height: 1.4em;
	color: #F00;
	border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
	padding: 0 0.5em;
	border: 3px solid #F00;
	max-width: 70%;
	display: table;
}
.btn-news a:hover{
	color: #FFF;
	border: 3px solid #FD0;
	background: rgba(255, 0, 100, 0.8);
}

.btn-news2 a{
	line-height: 1.4em;
	color: #FFF;
//	border-radius: 1.5em;
//    -webkit-border-radius: 1.5em;
//    -moz-border-radius: 1.5em;
	padding: 0 0.5em;
	border: 3px solid #F00;
	max-width: 70%;
	display: table;
	background: rgba(0, 0, 0, 0.3);
}
.btn-news2 a:hover{
	color: #FFF;
	border: 3px solid #FD0;
	background: rgba(255, 0, 100, 0.8);
}


/* @end */


/* @group 概要 */

#info {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
	clear: both;
}

#info strong {
	font-size: 170%;
}

#info span {
	font-size: 80%;
}

/* @end */

/* @group アーティスト */

#artist {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}

.artist-ap img {
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 28vw;
	max-height: 350px;
}

.artist-ap2 img {
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 20vw;
	max-width: 100%;
	max-height: 260px;
}

.artist-ap3 img {
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 30vw;
	max-width: 100%;
	max-height: 340px;
}

.artist-ap0 img {
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 24vw;
	max-width: 100%;
	max-height: 280px;
}

.artist-name img {
//	background: rgba(160, 255, 255, 0.5);
	width: auto;
	height: 5.5vw;
	max-width: 280px;
	max-height: 85px;
}

.artist-list {
	font-size: 150%;
	margin: 0;
	padding: 0;
}

.artist-list a{
	color: #FFF;
	display: block;
}

.artist-list a:hover{
	color: #FD0;
}

.artist-list ul {
	width: 99%;
	margin-left: 1%;
}

.artist-list ul li{
	float: left;
	width: 48%;
	margin: 1%;
//	min-height: 335px;
//	max-height: 425px;
}
.artist-list ul li:hover{
	background-color: rgba(255, 255, 255, 0.2);
}

#artist-tx strong {
	font-size: 120%;
}

/* @end */

/* @group チケット */

#ticket {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}

#ticket .btn_bnr a {
//	border: 2px #FFF solid;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;

	display: block;
	height: 70px;
	width: auto;
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, 0.3);
color: #555;
}

#ticket .btn_bnr a:hover {
	background: rgba(120, 250, 120, 1.0);
	display: block;
	margin: 0;
	padding: 0;
}

#ticket .btn_bnr img {
	width: auto;
	height: 70px;
}

#ticket strong {
	font-size: 170%;
	color: #555;
}

#ticket span {
	font-size: 80%;
}

.ticket_info {
	width: 90%;
}

.ticket_info ul li {
	float: left;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}



/* @end */


/* @group ライブ */

#live {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}
#live strong {
	font-size: 120%;
}

/* @end */

/* @group リリースインフォ */

#releaseinfo {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}
#releaseinfo strong {
	font-size: 105%;
}

#releaseinfo a {
	color: #000;
}
#releaseinfo a:hover {
	color: #F00;
}
#releaseinfo hr {
	border:0.5px #000 dashed;
	solid ;
}
#releaseinfo td {
	padding: 0.25em;
}

/* @end */

/* @group インフォ */

#notice {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}

.et_pb_module {
  display: inline-block;
}


.secList {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}
  
.secList:hover {
  background: #67c5ff;
  color: white;
}

.et_pb_text_inner1 {
  background-color: #EAD9FF;
}

.et_pb_text_inner2 {
  background-color: #FFD5EC;
}

.et_pb_text_inner3 {
  background-color: #FFDBC9;
}

/* @end */


/* @group ムービー */

#movie {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 0.9);
	color: #333;
}

/* @end */

/* @group ストア */

#store {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #000;
}

/* @end */

/* @group アクセス */

#access {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}



/* @end */

/* @group グッズ */

#goods {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}
#goods strong {
	font-size: 170%;
}



/* @end */

/* @group 主催 */

#supporters {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}

.btn_sup a:hover {
//	background: rgba(255, 160, 0, 1.0);
	display: block;
	margin: 0;
	padding: 0;
}

.btn_sup img {
	width: auto;
	height: 18vw;
	max-height: 150px;
}

/* @end */

/* @group SNS */
#sns {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 1em 0;
	background: rgba(255, 255, 255, 1.0);
	color: #333;
}

#sns ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sns ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#sns_timeline {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(255, 200, 0, 0.8);
	color: #FFF;
}

#sns_timeline ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sns_timeline ul li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 1.5%;
	width: 30.3%;
}

.sns_box_maru   {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 0;
	height: 480px;
	background-color: #FFF;
	margin: 2em auto;
	overflow: hidden;
}
.sns_box_maru img {
	margin: 5px 0;
	max-width: 60px;
	max-height: 60px;
}

.btn_bnr a {
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;

	display: block;
	background-color: #FFF;
	height: 70px;
	width: auto;
	margin: 0;
	padding: 0;
}

.btn_bnr a:hover {
	background: rgba(255, 240, 0, 1.0);
	display: block;
	margin: 0;
	padding: 0;
}

.btn_bnr img {
	width: auto;
	height: 70px;
}

/* @end */

/* @group SNS_bnr */

#sns_bnr {
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;

	padding: 1em;
	margin: 2em 0;
	background: rgba(0, 115, 255, 0.85);
	color: #FFF;
}

.btn_bnr ul li {
	margin: 1em;
	padding: 0;
	display: block;
}

/* @end */



/* @end */

/* @group 要素 */

dl,dt,dd{
	margin: 0;
	padding: 0;
}
.ticket{
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.ticket p{
	margin: 0;
	padding: 0;
//	line-height: 2em;;
}

.ticket h2{
	text-align: center;
}

.ticket dl {
	border-top: 3px solid #FFF;
}
.ticket dt, .ticket dd{
	border-bottom: 3px solid #fff;
}
.ticket dt {
	text-align: right;
	line-height: 5em;
	border-right: 2px dotted #FFF;
	float: left;
	height: 5em;
	width: 49%;
	white-space: nowrap;
}

.ticket dd {
	text-align: left;
	width: 50%;
	float: left;
	height: 5em;
	white-space: nowrap;
	line-height: 5em;
}

.ticket dt p {
	padding-right: 1em;
}

.ticket dd p {
	padding-left: 1em;
}

.day-border{
	border: 1px solid #FFF;
	font-size: 80%;
}

.allday strong{
	line-height: 3.5em;
}

/* @group グループ */

dt:first-child {
}

dd:first-child {
}

dt:last-child {
}

dd:last-child {
}

dt:nth-first-child(1) {
}

dd:nth-first-child(1) {
}

dt:nth-child(odd) {
}

dd:nth-child(odd) {
}

dt:nth-child(even) {
}

dd:nth-child(even) {
}

dt:nth-last-child(1) {
}

dd:nth-last-child(1) {
}

/* @end */


/* @end */



@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
body{
	font-size: 2vw;
	-webkit-text-size-adjust: 100%;
	background-size: cover;
}

body:before {
//	background: url(../images/BG.jpg) no-repeat center top;
}

.www img {
	height: auto;
	width: 60%;
}

.wwwinfo img {
	height: auto;
	width: 90%;
	margin-bottom: 0.5em;
}

.footerlogo img {
//	height: auto;
//	width: 35%;
}

#wrapper {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
#contents {
	width: 90%;
}

.borderbox {
	border: 1px solid #FFF;
	display: table;
	margin-bottom: 1em;
	margin-top: 1em;
	width: 80%;
}

#video-background,
#video-overlay {
	display: none;
}


}




@media screen and (max-width: 640px) {
body {
//	font-size: 3vw;
	-webkit-text-size-adjust: 100%;
	background-size: cover;
	}

body:before {
//	background: url(../images/BG.jpg) no-repeat center top;
}

#wrapper {
	width: 100%;
	margin: 0 auto 3vw;
	padding: 0;
}

#contents {
	width: 90%;
	margin-top: 2em;
}

#home {
//	background: url(../images/dot_net.png) repeat fixed rgba(0, 0, 0, 0.0);
	color: #FFF;
	text-align: center;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 90px 0 0;
	font-size: 170%;
	line-height: 1.5em;
	display: table;
}

.btn_bnr a {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
//	max-height: 40px;
	display: table;
}

.btn_bnr img {
	max-height: 40px;
	width: auto;
	height: 15vw;
}

#video-background,
#video-overlay {
	display: none;
}

#footer {
	bottom: 0;
	color: #FFF;
	position: fixed;
	width: 100%;
	font-size: 70%;
	margin: 0;
	z-index: 999;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

_#pageTop {
	position: fixed;
	width: 100%;
	right: 0;
	bottom: 30px;
	margin: 0;
	padding: 0;
}
 
_#pageTop a {
	display: block;
	z-index: 500;
	padding: 0;
	width: 100%;
	height: 70px;
	border-radius: 0px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: rgba(0,0,0,0.6) url(../images/pagetop.png) no-repeat center center;
	margin: 0;
}
 
_#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* @group min */

.ticket{
	margin-right: auto;
	margin-left: auto;
	width: 100% !important;
}

.ticket p{
	margin: 0;
	padding: 0;
	line-height: 1.5em !important;
	text-align: center !important;
//	text-align: left;
}

.ticket_info {
	width: 98%;
}

.ticket_info ul li {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.ticket dl {
	border-top: 3px solid #FFF !important;
}

.ticket dt, .ticket dd{
//	border-bottom: 1px dashed #fff important;
}

.ticket dt {
	border: none !important;
	line-height: 2em !important;
	height: 3em !important;
	float: none !important;
	width: 100% !important;
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
	background: rgba(0, 0, 0, 0.15);
}

.ticket dt p {
	margin: 0;
	padding: 0;
}

.ticket dd {
	line-height: 1.5em !important;
	height: auto !important;
	float: none !important;
	width: 100% !important;
	border-bottom: 3px solid #FFF !important;
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}

.ticket dd p {
	margin: 0;
	padding: 0;
}

.allday strong{
	line-height: 1.5em !important;
}

/* @end */
}

@media screen and (max-width: 480px) {
	body {
	font-size: 3.6vw;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	}
	body:before {
//	background: url(../images/BG_min.jpg) no-repeat center top;
	}

#home {
//	background: url(../images/dot_net.png) repeat fixed rgba(0, 0, 0, 0.0);
	padding: 70px 0 0;
}

#sns_timeline {
	display: none;
}

#sns {
	display: none;
}

#sns_bnr {
//	display: none;
}

}





/* @group アコーディオン */

/*ボックス全体*/
.accbox {
    margin: 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
	line-height: 1.6em;
}
.accbox ul li {
	border-bottom: 1.5px dotted #333;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 0.5em 0.5em;
    color: #FFF;
    font-weight: bold;
    background : #E9528E;
	cursor :pointer;
    transition: all 0.5s;
}

.caution label {
	color: #F00;
    background : rgba(255, 225, 0, 1.0);
}

.caution2 label {
	color: #FFF;
    background : rgba(255, 126, 0, 1.0);
}
.warning label {
	color: #FFF;
    background : rgba(255, 0, 0, 1.0);
}

/*アイコンを表示*/
.accbox label::after {
	width: 1em;
	content: '＋';
	float: right;
	font-size: 120%;
}

/*ラベルホバー時*/
.accbox label:hover {
    background : rgba(232, 82, 142, 0.5);
}
.caution label:hover {
	background: rgba(255, 221, 0, 0.5);
}
.caution2 label:hover {
    background : rgba(255, 126, 0, 0.5);
}
.warning label:hover {
    background : rgba(255, 0, 0, 0.5);
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
  //  padding: 1em;
    background: #FFF;
    opacity: 1;
	margin-bottom: 1.5em;
}

.accbox .accshow p {
//    padding : 0.5em 0.5em;
}

/*アイコンを入れ替える*/
.cssacc:checked + label::after {
    content: '－';
}
/* @end */