@charset "utf-8";
@media screen and (min-width: 760px) {

/* common
-------------------------------------------------------------------- */
body {
	font-family: "Noto Sans JP" , "YuGothic" , "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
	background: #fff;
	background-repeat: repeat-y;
	background-size:100%;
	background-attachment:fixed;
	color: #333;
	letter-spacing: 1.1px;
    line-height: 1.4;
	font-size: 16px;
}
a{
	color:#41b049;
	transition: .3s;
}
a:hover{
	opacity: 1;
	transition: .3s;
}
h2{
	font-weight: 900;
	color: #009b34;
	font-size: 3rem !important;
	text-align: center;
	margin-bottom :70px!important;
}
h2 img{
	height: 120px;
}
h3{
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 40px;
}
h3 span {
    background: linear-gradient(
      transparent 60%, #fedceb 60%
    );
}
.fadein {
	opacity : 0;
	transform : translate(0, 0px);
	transition :1s;
	-webkit-transform: scale(1);
            transform: scale(1);
}
.fadein.scrollin {
    opacity : 1.3;
    transform : translate(0, 0);
	transform: translateY(0);
	  -webkit-transform: scale(1);
            transform: scale(1);
}
main{
	font-weight: 600;
}
.pcnone{
	display: none;
}
.left{
	text-align: left;
}
hr{
	border-top: 1px dotted #d4d4d4;
	margin: 30px 0;
}
.box{
	padding:7% 8% 9% 8%;
	background: #E8F5E4;
	border-radius: 30px;
}
.box-2{
	padding:7% 8%;
	background: #fff;
}
.box-grid{
	background: #fff;
	background-image: url("../imgs/back_grid.png");
	background-repeat: repeat;
	padding: 7% 10%;
}
.gray-box{
	background: #e7e7e7;
	padding: 15px;
	font-size: 13px;
	border-radius: 15px;
	line-height: 20px;
	margin: 20px 0;
}
.gray-box p{
	text-indent: -15px;
	padding-left: 15px;
	color: #333;
	font-size: 13px!important;
	font-weight: 600;
	margin: 0;
}
table tr td{
	padding: 30px 0;
	vertical-align: top;
}
table tr td:first-child{
	padding-right: 10px;
	width: 20%;
}
table tr td span{
	color: #009b34;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
table tr+tr td{
	border-top: 1px solid #009b34;
}
table svg{
	width: 25px;
	max-height: 25px;
	margin-bottom: -5px;
}
.join-title{
	color: #009b34;
	vertical-align: middle;
	font-weight: bold;
	font-size: 18px!important;
	margin: 0 0 10px 0;
}
.join-box p{
	text-align: justify;
	text-justify: inter-ideograph;
}
#tokyo .join-box p{
	font-size: 15px;
}
.tokyo-event{
	color: #ff6ba3!important;
}

table.sub tr{
	font-size: 16px;
}
table.sub tr td:first-child{
	padding-right: 30px;
	width: 20%;
}
.cast-grid{
	display: grid;
	grid-template-columns: 23% 23% 23% 23%;
	gap: 30px 1%;
	margin: 30px 0;
	justify-content: space-between;
}
.cast-grid img{
	border-radius: 10px;
}
.cast-grid p{
	margin: 5px 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.btn{
	width: 280px;
	padding: 15px 0;
	text-align: center;
	border-radius: 30px;
	background: linear-gradient(-20deg, #ee5e76 0%, #ff6ba3 100%);
	display: inline-block;
	color: #fff;
	margin: 30px 0;
	transition: .5s;
}
.btn:hover,
.btn-end:hover,
.btn-youtube:hover,
.tokyo-list-btn:hover{
	box-shadow: 0 0 8px #c48787;
}
.btn-end{
	width: 280px;
	padding: 15px 0;
	text-align: center;
	border-radius: 30px;
	background: linear-gradient(-20deg, #999999 0%, #a3a3a3 100%);
	display: inline-block;
	color: #fff;
	margin: 30px 0;
}
.btn-youtube{
	width: 280px;
	padding: 15px 0;
	text-align: center;
	border-radius: 30px;
	background: linear-gradient(-20deg, #ff6ba3 0%, #ff0000 100%);
	display: inline-block;
	color: #fff;
	margin: 30px 0;
}
.stage-event2{
	margin: 50px 0;
	background: #fff;
	border: 2px solid #009b34;
	padding:30px;
	border-radius: 20px;
	box-shadow: 5px 5px 0 #009b34;
}
.collabo-logo{
	width: 75%;
	margin: 0 auto 40px auto;
}
.back-green{
	background: linear-gradient(-20deg, #009b34 0%, #009b6d 100%);
	display: block;
    margin: 0px 0 30px 0;
    width: 100%;
    font-size: 16px;
    padding: 8px 0;
	color: #fff;
	border-radius: 8px;
	text-align: center!important;
}
table.guest{
	margin: 10px 0;
}
table.guest tr td:first-child{
	width: 55%;
}
table.guest tr td{
	padding: 10px 0;
}
table.guest tr+tr td {
    border-top: 1px solid #d6d6d6;
}
table.guest tr td:nth-child(-n+3) {
    border-top: 1px solid #d6d6d6;
}


/* TOP
-------------------------------------------------------------------- */
#top{
	height: 100%;
	padding: 80px 0;
	background:#43b149;
	margin: 0 auto;
	text-align: center;
	background-image: url("../imgs/back.webp");
	background-size: 100% auto;
	background-position: center;
	position: relative;
}
#top img{
	width: 80%;
	max-width: 900px;
	margin: 30px 0;
}
.stick{
	position: absolute;
	bottom: 10px;
	right:10px ;
}
.stick img{
	width: 160px!important;
	margin: 0!important;
}


/* アンケート
-------------------------------------------------------------------- */
#survey{
	background: #fff;
}
#survey .white-box{
	background: #fff;
	padding: 40px;
	border: solid 4px #009b34;
	position: relative;
	border-radius: 25px;
	box-shadow: 5px 5px 0px #009b34;
	margin-bottom: 40px;
}
.balloon {
	width:  -webkit-fill-available;
	position: relative;
	display: inline-block;
	margin:10px 0 40px 0;
	padding: 25px;
	min-width: 120px;
	max-width: 100%;
	color: #015e20;
	font-size: 17px;
	background: #fedceb;
	border-radius: 50px;
	line-height: 25px;
	text-align: center;
  }
  
  .balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fedceb;
  }
.survey-sub-text{
	color: #009b34;
	font-weight: bold;
	font-size: 1.5em;
}
#survey .forcompany{
	text-align: center;
}
#survey .grid{
	display: grid;
	grid-template-columns: 30% 60%;
	justify-content: center;
	gap: 30px;
	text-align: left;
	margin: 80px 0 40px 0;
}
#survey .grid svg{
	width: 70px;
}
#survey .grid div{
	text-align: right;
}


/* 新潟
-------------------------------------------------------------------- */
#niigata{
}
.stage-event{
	margin: 50px 0;
	background: #fff;
	padding:30px;
	border-radius: 20px;
}
table{
	padding:30px 0;
	font-size: 16px;
	width: 100%;
	border-collapse: collapse;
}
.niigata-stamp{
 position: relative;
}
#niigata .cast-grid div{
	position: relative;
}
#niigata .cast-grid .niigata-stamp{
	position: absolute;
	right: -20px;
	top: -20px;
	width: 65px;
	height: 65px;
}
#niigata .time,
#osaka .time,
#tokushima .time,
#yamaguchi .time,
#tokyo .time {
	background:#009b34;
	color: #fff;
	padding: 5px 15px;
	display: inline-block;
	margin:0 0 10px 0 ;
	font-size: 14px;
	border-radius: 20px;
}
.time2{
	background:#ff6ba3;
	color: #fff;
	padding: 5px 15px;
	display: inline-block;
	margin:0 0 10px 0 ;
	font-size: 15px;
	border-radius: 20px;
}
#niigata table .join-box:nth-child(n+2){
	margin-top: 20px;
}
.color-pink{
	background: linear-gradient(transparent 70%, #fedceb 70%);
	display: inline-block;
	margin: 0;
}
.color-green{
	background: linear-gradient(transparent 70%, #d2f1cb 70%);
	display: inline-block;
	margin:0 0 5px 0;
}
.color-yellow{
	background: linear-gradient(transparent 60%, #fcfade 60%);
	display: inline-block;
	margin-bottom:0 0 5px 0;
}

/* 行脚
-------------------------------------------------------------------- */
.pilgrimage{
	margin: 50px 0;
	background: #fff;
	padding:30px;
	border-radius: 20px;
}
.pilgrimage-text{
	margin:30px 0;
	line-height: 30px;
	text-align: center;
}
.pilgrimage img{
	width: 90%;
	max-width: 900px;
}


/* コラボフード
-------------------------------------------------------------------- */
.collabo-food{
	margin: 50px 0;
	background: #fff;
	padding:30px;
	border-radius: 20px;
}
.onigiri-bnr{
	width: 300px;
	display: block;
	margin-top: 20px;
}
.radio-bnr{
	width: 450px;
	display: block;
	margin: 20px 0;
}
.food-title-grid{
	display: grid;
	grid-template-columns: 31% 31% 31%;
	justify-content: space-between;
}
.food-title-grid p{
	font-size: 15px;
	margin-top: 5px;
}
.food-menu{
	display: grid;
	grid-template-columns: 32% 32% 32%;
	justify-content: space-between;
	row-gap: 20px;
	font-size: 14px;
}
.food-menu div p span{
	font-weight: bold;
	color: #333;
	font-size: 16px;
}

/* 大阪
-------------------------------------------------------------------- */
#osaka .bnr-osaka{
	width: 70%;
	text-align: center;
	margin: 0 auto;
}
.day-line{
	border-bottom: 2px dotted #009b34;
	color: #333333;
	font-size: 18px;
	padding-bottom: 10px;
	font-weight: bold;
	margin: 0 0 30px 0;
}
#osaka .tenji-coution{
	color: #f0371e;
	margin:5px 0 0 0;
	text-decoration: underline;
	font-size: 14px;
}
#osaka table .join-box:nth-child(n+2) {
	margin-top: 50px;
}

/* 東京
-------------------------------------------------------------------- */
#tokyo .video{
	margin:0px auto 70px auto;
	width: 70%;
	overflow: hidden;
	border-radius: 20px;
	text-align: center;
}
#tokyo .video a img{
	transition: .5s;	
	width: 100vw;
}
#tokyo .video a img:hover{
	transition: .5s;
	transform: scale(1.03);
}
#tokyo .bnr-tokyo{
	width: 70%;
	text-align: center;
	margin: 0 auto;
}
.cast-space{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d4d4d4;
}
.bonus{
	margin: 20px 0;
	border: 1px solid #9b9c9a;
	padding: 15px;
	border-radius: 15px;
}
.bonus img{
	width: 60%;
	display: block;
	margin: 10px 0;
}
#tokyo .cast-grid div{
	position: relative;
}
#tokyo .day1004 ,
#tokyo .day1005 ,
#tokyo .day100405{
	position: absolute;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	border-radius: 20px;
	padding: 5px;
	top: -15px;
	left: 0;
	right: 0;
	width: 95px;
	margin: 0 auto;
}
#tokyo .day1004{
	background: linear-gradient(135deg, #009b34 0%, #f0d439 100%);
}
#tokyo .day1005{
	background: linear-gradient(135deg, #ff6ba3 0%, #f0d439 100%);
}
#tokyo .day100405{
	background: linear-gradient(-225deg, #009b34 0%, #ffc64a 70%, #ff6ba3 100%);
}
.tenji-coution{
	color: #f0371e;
	margin:0 0 20px 0;
	text-decoration: underline;
	font-size: 14px;
	font-weight: 600;
}
.checkBtn {
    display: none;
}
.wid40{
	width: 45%;
}

#label-container {
    width: 100%;
    margin: 100px auto 0 auto;
    text-align: center;
}
#hoge1Label,#hoge2Label,#hoge3Label{
	width: 200px;
	padding: 15px;
	border-radius: 3px;
    transition: 0.3s;
	display: inline-block;
}
#hoge1Label {
    background-color: #009b34;
	color: #fff;
}
#hoge2Label {
    background-color: rgb(255, 255, 255);
}
#hoge3Label {
    background-color: rgb(255, 255, 255);
}

#container1,#container2,#container3{
	margin: 20px auto;
	padding: 30px;
	border-radius: 20px;
    transition: 0.2s;
}
#container1 {
    text-align: center;
    background-color: #fff;
    border-bottom: none;
}
#container2 {
    display: none;
    text-align: center;
    background-color: #fff;
    border-bottom: none;
}
#container3 {
    display: none;
    text-align: center;
    background-color: #fff;
    border-bottom: none;
}

.timeTable {
    clear: both;
}
.col2of4 {
    width: 400px;
    zoom: 1;
}
.tableBox{
    margin: 20px 10px;
}
table.timetable {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}
table.timetable tr {
	border-bottom: 1px dotted #9b9c9a;
}
table.timetable th, table.timetable td {
    border: 0px solid #fff;
}
table.timetable th {
    width: 70px;
    font-size:12px;
    color: #fff;
    text-align: center;
    background-color: #009b34;
    vertical-align: top;
	height: 100px;
}
table.timetable td {
    height: 15px;
    padding: 10px;
    font-size: 14px;
    text-align: left;
	vertical-align: middle;
}
.color01{
    background:#d1f0d5;
	text-align: center!important;
	font-size: 15px!important;
	font-weight: bold;
	color: #015e20;
}
.color02 {
    background: #ffe7ee ;
	text-align: left;
	border-radius: 10px;
	font-size: 14px;
}
.color02 span{
	display: block;
	color: #ee5e76;
	text-align: left;
	padding-bottom: 5px;
	font-size: 14px;
}
.color02 .maguro,
.maguro{
	color: #fff!important;
	background-color: #ee5e76;
	padding: 3px 10px;
	margin: 5px 0 15px 0;
	font-size: 11px;
	font-weight: normal;
	display: inline-block;
	border-radius: 20px;
}
.color03 {
    background: #f9fde4 ;
	border-radius: 10px;
	text-align: left;
	font-size: 14px;
}
.color03-1 {
    background: #eff7cb ;
	border-radius: 10px;
	text-align: left;
	font-size: 14px;
}
.color03 span,
.color03-1 span{
	display: block;
	color: #009b34;
	text-align: left;
	padding-bottom: 5px;
	font-size: 14px;
}
.color04 {
    background: #fff3e2 ;
	text-align: left;
	border-radius: 10px;
	font-size: 14px;
}
.color04-1 {
    background: #ffe6d1 ;
	text-align: left;
	border-radius: 10px;
	font-size: 14px;
}
.color04-2 {
    background: #f1f8ff ;
	text-align: left;
	border-radius: 10px;
	font-size: 14px;
}
.color04 span{
	display: block;
	color: #ff9509;
	text-align: left;
	padding-bottom: 5px;
	font-size: 14px;
}
.color05 {
    background: #e6e6e6 ;
	text-align: left;
	border-radius: 10px;
	font-size: 14px;
}
.wid-small{
	width: 1px;
	padding: 10px 2px!important;
	background:#d1f0d5;
}
.tokyo-menu-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 0;
}
.tokyo-list-btn{
	width: 120px;
	padding: 10px;
	text-align: center;
	border-radius: 30px;
	background: linear-gradient(-20deg, #e64aaa 0%, #ee5e76 100%);
	display: inline-block;
	color: #fff;
	margin: 0px 10px;
	font-size: 14px;
}
#tokyo-stage .btn{
	background: linear-gradient(-20deg, #e64aaa 0%, #ee5e76 100%);
	display: block;
	margin: 0 0 10px 0;
	width: 100%;
	font-size: 15px;
	padding: 8px 0;
}
#tokyo ul.tenji-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#tokyo ul.tenji-box li{
	width: 48%;
	border-radius: 20px;
	box-shadow: 0 0 10px #cecece;
	margin: 20px 0;
}
#tokyo ul.tenji-box li.widmax{
	width: 100%;
}
#tokyo ul.tenji-box li img{
	width: 100%;
	border-radius: 20px 20px 0 0;
}
#tokyo ul.tenji-box li .join-box{
	padding:15px;
}
#tokyo .wid-100 img{
	width: 100%;
}
.notes{
	color: #009b34;
	font-size: 14px;
	margin: 10px 0 5px 0;
	font-weight: bold;
	display: inline-block;
	border-radius: 0;
}
.notes::before{
	content:"▼";
	margin-right: 5px;
}
#tokyo-goods ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0;
}
#tokyo-goods ul li{
	width: 32%;
	border-radius: 20px;
    box-shadow: 0 0 10px #cecece;
}
#tokyo-goods ul li:nth-child(n+4){
	margin-top: 30px;
}
#tokyo-goods ul li img{
	width: 100%;
	border-radius: 20px 20px 0 0;
}
#tokyo-goods ul li p{
	padding: 15px;
	margin: 5px 0;
}




/*山口
-------------------------------------------------------------------- */




/* coming-soon
-------------------------------------------------------------------- */
.kari-text{
	font-weight: bold;
	text-align: center;
	font-size: 23px;
	letter-spacing: 1.5px;
	color:  #ff6ba3;
	line-height: 38px;
	margin-top: 20px;
}
.grid-coming{
	display: grid;
	grid-template-columns: 60%;
	justify-content: center;
	gap: 15px;
	margin: 60px 0;
}
.grid-coming div{
	background: linear-gradient(-20deg, #fedceb 0%, #ffe8d9 100%);
	padding: 20px;
	text-align: center;
	color: #015e20;
	border-radius: 30px;
	font-size:17px;
	line-height: 30px;
}



/* container
-------------------------------------------------------------------- */
#container {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#archive dl.accordion {
	
}

#archive dl.accordion dt {
	font-size: 20px;
	font-weight: bold;
	padding: 15px;
	border-radius: 30px;
	display: flex;
	margin: 20px 0;
	background: linear-gradient(-20deg, #ee5e76 0%, #ff6ba3 100%);
	color: #fff;
    height:40px;
    text-indent:10px;
    line-height:40px;
    cursor:pointer;
	justify-content: space-between;
}
#archive dl.accordion dt img{
	width: 30px;
	float: right;
}
#archive dl.accordion dd {
    padding:10px 0;
    line-height:1.5;
    display:none;
	margin: 0;
}



/* copyright
-------------------------------------------------------------------- */
.copyright {
	font-size: 12px;
	margin: 50px 30px;
}


/* accordion 
-------------------------------------------------------------------- */
.accordionTitle {
	cursor: pointer;
    color: #48ce50;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0;
}

.accordionComment {
	background: rgba( 255, 255, 255, 0.7 );
	display: none;
	margin: 20px 0;
	padding: 20px;
}

}