/* CSS Document */
/* layout */
/*=================================
	Initialization of style
===================================*/


/* ヘッダースライダー */
.loop_wrap {
  display: flex;
  overflow: hidden;
  height:200px;
  margin-bottom:50px;
}

.loop_wrap2 {
  display: flex;
  overflow: hidden;
  height:200px;
  margin-top:50px;
  margin-bottom:100px;
}

.loop_wrap img {
  width: auto;
  height: 100%;
}

.loop_wrap2 img {
  width: auto;
  height: 100%;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.loop_wrap img:first-child {
  animation: loop 50s -25s linear infinite;
}

.loop_wrap img:last-child {
  animation: loop2 50s linear infinite;
}

.loop_wrap2 img:first-child {
  animation: loop 50s -25s linear infinite;
  animation-direction:reverse;
}

.loop_wrap2 img:last-child {
  animation: loop2 50s linear infinite;
  animation-direction:reverse;
}


body {
	margin: 0;
	padding: 0;
	color:#5f4c00;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", Meiryo, Osaka;
	font-size:16px;
	line-height:150%;
	width:100%;
}

div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form {
	margin: 0;
	padding: 0;
}

img, a img {
	border:none;
	vertical-align:bottom;
	width: 100%;
}

/* List_group */
ul,ol,li {list-style:none;}

/* inline-style */

a,
a:link,
a:visited {text-decoration:none; color:#666;}
a:hover,
a:active {text-decoration:underline; color:#888;}

small {font-size:14px;color: #221f15;}

/* table */
table {
	width:100%;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}
tr,th,td {}

/* blockgroup */

.bold{
	font-weight: bold;
}

.small{
	font-size: 80%;
}

.big{
	font-size: 120%;
}
.clear {
	clear:both;
	visibility:hidden;
}

.right{
	text-align: right;
}

.center{
	text-align: center;
}

.errorMessage,
.attention{
	color: #ff211b;
}

.blue{
	color: #2466c2;
}

.ore{
	color: #ff6600;
}

.red{
	color:#FF0000;
}
.mt0{
	margin-top: 0px !important;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mb0{
	margin-bottom: 0px !important;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px !important;
}
.mr10{
	margin-right: 10px;
}
.mr20{
	margin-right: 20px;
}
.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left: 20px;
}
.pt0{
	padding-top: 0px !important;
}
.pt10{
	padding-top: 10px;
}
.pt20{
	padding-top: 20px;
}
.pb0{
	padding-bottom: 0px !important;
}
.pb10{
	padding-bottom: 10px;
}
.pb20{
	padding-bottom: 20px;
}
.pb30{
	padding-bottom: 30px;
}
.pr10{
	padding-right: 10px;
}
.pr20{
	padding-right: 20px;
}
.pl10{
	padding-left: 10px;
}
.pl20{
	padding-left: 20px !important;
}

/*=============================
	Layout-Base
===============================*/
#wrap {
	max-width: 1400px;
	margin: 0px auto;
	background-color: #FDF66A;
}

#top{
}

.bg_yellow{
	background: linear-gradient(180deg, #FDF66A, #F6D5BD);
	background-color: #FDF66A;
}

.bg_pink{
	background: linear-gradient(180deg, #F6D5BD, #D2B5D1);
}

.bg_purple{
	background: linear-gradient(180deg, #D2B5D1, #93CEEB);
}

.bg_blue{
	background: linear-gradient(180deg, #93CEEB, #ADDBD5);
}

.bg_white{
	background: white;
}

/* header
-------------------------*/

#header_wrap {
	width: 100%;
	padding: 30px 0;
}

.header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  background: #fff;
  position: relative;
}

/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: 50px;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 50px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: rgb(110, 110, 110);
  transition: .5s;
  text-align: center;
  padding-top: 20px;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;
}

/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}

.nav_item{
	margin-bottom:50px;
}

.nav_item a {
  color: #fff;
  text-decoration: none;
  font-size:40px;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  bottom: 0;/* メニューを画面に入れる */
  
}

.main_vis{
	justify-content: center;
    display: flex;
	padding:30px;
}

.main_vis img{
	width:760px;
}

/* main_contents
-------------------------*/
#main_content{
	margin-top:10px;
}
h2{
	text-align: center;
}
article{
	max-width: 1200px;
	margin: 0px 50px;
}

.heading{
	padding-top: 100px;
	margin-bottom: 20px;
}

.heading img{
	width:35%;
	margin-bottom: 50px;
}

.heading_text{
	font-size: 45px;
    margin-left: 50px;
    border-bottom: solid;
    line-height: normal;
}

.sub-heading{
	display: flex;
    justify-content: center;
}

.sub-heading img{
	width:60%;
	margin-bottom: 50px;
}

h3{
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
}

/* テーマ *******************************/

#themeArea1{
	width:100%;
	padding: 50px 0;
	margin: 0 auto;
	max-width: 1400px;
}

.theme_img01{

}

.theme_img02{
	margin-top:-50px;
}

.theme_heading{
	text-align: center;
	text-decoration:underline 1px #000000;
	margin-top: 50px;
	margin-bottom: 70px;
	text-underline-offset: 8px;
}

.theme_heading .small{
	font-size: 24px;
}

.theme_heading .large{
	font-size: 36px;
}

#themeArea2{
	width:85%;
	padding-top: 100px;
	margin: 0 auto;
}

/* テーマ詳細 *******************************/
.desc{
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	font-weight: 600;
}

.desc_text{
	margin-top:20px;
}

/* クラウドファンディング *******************************/
#cfArea{
	margin: 100px auto 150px;
	display: flex;
	justify-content: center;
}

#cfArea a{
	display: contents;
}

#cfArea img{
	width:70%;
}

/* Infomation *******************************/

#infoArea{
	width:85%;
	margin: 0 auto;
	padding-top: 100px;
}
  .caption {
	width: 100%;
    padding: 20px 0px;
	margin: 0 auto;
  }

  .caption .title {
	font-size:24px;
    margin: 5px;
	color:black;
	font-weight: 700;
	text-align: start;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  }

  .caption .desc {
	font-size:18px;
	color:black;
	text-align: start;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
  }

  .slick-slider {
    max-width: 600px; /* 任意で調整 */
    margin: 0 auto; /* スライダー全体を中央に */
  }

  .slide-item {
    text-align: center; /* テキストや画像の中央寄せ */
    padding: 20px;
  }


/* 出演者：共通 *******************************/
.border{
	width:90%;
	padding: 20px;
	box-sizing: border-box;
	overflow: visible;
	margin-top:50px;
}

.border .midashi{
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin-top: -50px;
	width: 50%;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}

.sns_icon{
	width:30px;
	height:30px;
	margin:2.5px 5px 0;
	float: right;
}

/* ゲスト *******************************/
#guestArea{
	width:85%;
	margin: 0 auto;
	padding-top: 100px;
}

/* モデル *******************************/
#modelArea{
	width:85%;
	margin: 0 auto;
	padding-top: 100px;
}

.model{
	overflow: hidden;
}

.model .row-two{
	display:flex;
	justify-content: center;
}

.model .row-two .item-left{
	width: 40%;
	float: left;
	margin: 40px;
}

.model .row-two .item-right{
	width: 40%;
	float: left;
	margin: 40px;
}

.model .row-two .thum{
	width:100%
}

.model .row-two .name{
	font-size:24px;
	font-weight: 800;
	overflow: hidden;
	margin: 10px 0;
	display: flex;
}

.model .row-two .name p{
	float: left;
	width: 70%;
	padding-left:0px;
}
.model .row-two .name p:last-child{
	float: right;
	width: 30%;
	text-align: right;
}

.model .row-one .name{
	overflow: hidden;
	margin: 10px 0;
}
.model .row-one .name p{
	text-align: center;
	padding-left:0px;
}

/* Artist *******************************/
#artistArea{
	width:90%;
	margin: 0 auto;
	padding-top: 100px;
}

.artist{
	overflow: hidden;
}

.artist .row-two{
	display:flex;
	justify-content: center;
}

.artist .row-two .item-left{
	width: 30%;
	float: left;
	margin: 50px;
}

.artist .row-two .item-right{
	width: 30%;
	float: left;
	margin: 50px;
}

.artist .row-two .thum{
	width:100%;
}

.artist .row-two .name{
	font-size:24px;
	overflow: hidden;
	margin: 10px 0;
}

.artist .row-two .name p{
	float: left;
	width: 70%;
	padding-left:0px;
}
.artist .row-two .name p:last-child{
	float: right;
	width: 20%;
	text-align: right;
}

.artist .row-one {
	margin:0 auto;
	width: 75%;
}

.artist .row-one .name{
	overflow: hidden;
	margin: 10px 0;
}

.artist .row-one .thum{
	width:100%;
}

.artist .row-one .thum-2{
	margin: 50px auto;
	width:60%;
}

.artist .row-one .name p{
	font-size:24px;
	text-align: center;
	padding-left:0px;
	font-size:16px;
}

/* MC *******************************/
#mcArea{
	width:90%;
	margin: 0 auto;
	padding-top: 100px;
}

.mc{
	overflow: hidden;
}

.mc .row-two{
	display:flex;
	justify-content: center;
}

.mc .row-two .item-left{
	width: 30%;
	float: left;
	margin: 50px;
}

.mc .row-two .item-right{
	width: 30%;
	float: left;
	margin: 50px;
}

.mc .row-two .thum{
	width:100%
}

.mc .row-two .name{
	font-size:24px;
	overflow: hidden;
	margin: 10px 0;
}

.mc .row-two .name p{
	float: left;
	width: 70%;
	padding-left:0px;
}
.mc .row-two .name p:last-child{
	float: right;
	width: 20%;
	text-align: right;
}

.mc .row-one {
	margin:0 auto;
	width: 75%;
}

.mc .row-one .name{
	overflow: hidden;
	margin: 10px 0;
}

.mc .row-one .thum{
	width:100%;
}

.mc .row-one .name p{
	font-size:24px;
	text-align: center;
	padding-left:0px;
}

/* Brand *******************************/
#brandArea{
	width:90%;
	margin: 0 auto;
	padding-top: 100px;
}

.brand{
	overflow: hidden;
}

.brand .row-two{
	display:flex;
	justify-content: center;
}

.brand .row-two .item-left{
	width: 40%;
	float: left;
	margin: 40px;
}

.brand .row-two .item-right{
	width: 40%;
	float: left;
	margin: 40px;
}

.brand .row-two .thum{
	width:100%
}

/* About *******************************/
#aboutArea{
	width:85%;
	margin: 0 auto;
	padding-top: 100px;

}

#aboutArea .about_place{
	margin: 0 auto;
	width:70%;
}

#aboutArea .about_disc{
	margin: 0 auto;
	width:70%;
}

#aboutArea .about_btn{
	margin: 0 auto;
	width:70%;
	margin-bottom:50px;
}

/* Ticket*******************************/
#ticket{
	width:85%;
	margin: 0 auto;
	padding-top: 100px;
}

#ticket .ticket_img{
	width:70%;
	display: flex;
	margin: 0 auto;
}

#ticket .ticket_desc{
	width:70%;
	display: flex;
	margin: 0 auto;
	margin-top:30px;
}

/* sponser *******************************/
#sponserArea{
	width:85%;
	margin: 0 auto;
	padding-top: 100px;
}

.sponser{
	overflow: hidden;
}

.sponser .row-two{
	display:flex;
	justify-content: center;
}

.sponser .row-two .item-left{
	width: 30%;
	float: left;
	margin: 50px;
}

.sponser .row-two .item-right{
	width: 30%;
	float: left;
	margin: 50px;
}

.sponser .row-two .thum{
	width:100%
}

.sponser .row-two .item{
	width: 80%;
	margin: 50px;
}

.sponser .row-one .item{
	display:flex;
	justify-content: center;
}

.sponser-main{
	margin-top:10px;
}

.sponser-main .thum{
	width:60%;
}

.sponser-gd{
	margin-top:150px;
}

.sponser-gd .item{
	margin: 50px;
}

.sponser-gd .thum{
	width:50%;
}

.sponser-sv{
	margin-top:150px;
}


/* Booth *******************************/
#boothArea{
	width:90%;
	margin: 0 auto;
	padding-top: 100px;
}

.booth{
	overflow: hidden;
}

.booth .row-two{
	display:flex;
	justify-content: center;
}

.booth .row-two .item-left{
	width: 40%;
	float: left;
	margin: 40px;
}

.booth .row-two .item-right{
	width: 40%;
	float: left;
	margin: 40px;
}

.booth .row-two .thum{
	width:95%
}

/* Time Table *******************************/
#timeArea{
	width:85%;
	margin: 0 auto;
	padding-top: 20px;
	
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
    width: 85%
}

#timeArea .time-attension{
	margin-top: 20px;
	margin-bottom: 50px;
	font-size:16px;
}

/* table */
table {
  width:100%;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}
tr,th,td {}

#timeArea table{
	margin-bottom: 0px;
}
#timeArea table tbody tr{
	border-bottom: 1px solid #333;
}

#timeArea table tbody th,#timeArea table tbody td{
	padding: 10px;
	box-sizing: border-box;
	text-align: right;
}

#timeArea table tbody td{
	padding-right: 120px;
	font-size:28px;
}

#timeArea table tbody th{
	text-align: left;
	padding-left: 120px;
	font-size:24px;
}


/* Contact *******************************/
#contactArea{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	width:85%;
	padding: 50px 0;
	text-align: center;
	font-size: 40px;
}


/* content
-------------------------*/

.container{
	background: url(../images/content_m.jpg) left top repeat-y;
	width: 800px;
	padding: 0px 100px;
	overflow: hidden;
	height: 632px;
}
.container table{
	margin-bottom: 40px;
}
.container th,
.container td{
	border :1px solid #d0c36e;
	padding: 12px 17px;
	text-align: left;
}
.container th{
	background: #f4f1dd;
	width: 30%;
}
.container td{
	background: #fff;
	color: #372a16;
}
/* footer
-------------------------*/
#footer_wrap{
	
	color: white;
}
footer{
	width: 90%;
	margin: 0 auto;
}

footer .f_nav{
	overflow: hidden;
}
footer .f_nav li{
	border-top: 3px solid #ccc;
	padding: 20px 0;
	overflow: hidden;
}
footer .f_nav li .f_li{
	width: 70%;
	margin: 0 auto;
}

footer .f_nav li .f_li .f_hidari{
	float: left;
	display: block;
	width: 20%;
}
footer .f_nav li .f_li .migi{
	float: right;
	width: 200px;
}
.f_s{
	overflow: hidden;
	width: 100%;
	padding-left: 30%;
	box-sizing: border-box;
	margin: 0 auto;
}
.f_img_s{
	float: left;
	display: block;
	width: 20%;
}
.f_sns span{
	margin-left: 30px;
}

.copy{
	text-align: center;
	padding: 20px 0;
}
/* pagetop
-------------------------*/
.backtotop {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 9000;
    display: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	/* 1280px以下に適用されるCSS（タブレット用） */
	.slide-item img {
		width: 80%;
	  }
	
	  .caption {
		width: 80%;
		padding: 20px 0px;
	  }
	
	  .caption .title {
		font-size:24px;
		margin:10px;
	  }
	
	  .caption .desc {
		font-size:20px;
	  }

	.slick-slide img {
		display: inline !important;
	}

	.border .midashi{
		font-size: 60px;
		width: 70%;
		padding: 20px;
	}

	#guestArea {
		width: 100%;
		padding-top: 10px;
	}

	#modelArea {
		width: 100%;
		padding-top: 100px;
	}

	#artistArea {
		width: 100%;
		padding-top: 100px;
	}

	.artist .row-one{
		width: 90%;
	}

	#brandArea {
		width: 100%;
		padding-top: 10px;
	}


	#aboutArea{
		padding-top:10px;
		width:90%
	}

	
	#aboutArea .about_place{
		width:100%;
	}

	#aboutArea .about_disc{
		width:100%;
	}

	#aboutArea .about_btn{
		width:100%;
		margin-bottom:50px;
	}

	#ticket{
		padding-top: 10px;
	}

	#ticket .ticket_img{
		width:90%;
	}

	#ticket .ticket_desc{
		width:90%;
	}
	
	#boothArea {
		width: 100%;
		padding-top: 10px;
	}
	
	.sponser-main .thum{
		width:90%;
	}
	
	.sponser-gd{
		margin-top:150px;
	}
	
	.sponser-gd .item{
		margin: 50px;
	}

	.sponser-gd .thum{
		width:80%;
	}
	
	.sponser-sv .row-two .item-left{
		width:100%;
	}
	
	.sponser-sv .row-two .item-right{
		width:100%;
	}
	
	#timeArea table tbody th{
		text-align: left;
		padding-left: 60px;
		font-size:24px;
	}

	#contactArea{
		text-align: center;
		font-size: 36px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* 1023px以下に適用されるCSS（タブレット用） */

	.slide-item img {
		width: 70%;
	  }
	
	  .caption {
		width: 70%;
		padding: 20px 0px;
	  }
	
	  .caption .title {
		font-size:24px;
		margin:10px;
	  }
	
	  .caption .desc {
		font-size:20px;
	  }

	.slick-slide img {
		display: inline !important;
	}
	

	.main_vis img{
		width:90%;
	}

	#cfArea{
		margin: 50px auto 50px;
	}

	.border .midashi{
		font-size: 60px;
		width: 70%;
		padding: 20px;
	}

	#guestArea {
		width: 100%;
		padding-top: 10px;
	}

	#modelArea {
		width: 100%;
		padding-top: 100px;
	}

	.model .row-two .item-left, .item-right{
		margin:20px;
	}

	.model .row-two .item-right{
		margin:20px;
	}

	#artistArea {
		width: 100%;
		padding-top: 100px;
	}

	.artist .row-one{
		width: 90%;
	}

	#brandArea {
		width: 100%;
		padding-top: 10px;
	}
	
	#boothArea {
		width: 100%;
		padding-top: 10px;
	}


	#aboutArea{
		padding-top:10px;
	}

	#aboutArea .about_place{
		margin: 0 auto;
		width:90%;
	}
	
	#aboutArea .about_disc{
		margin: 0 auto;
		width:90%;
	}
	
	#aboutArea .about_btn{
		width:90%;
	}

	#ticket{
		padding-top: 10px;
	}

	#ticket .ticket_img{
		width:90%;
	}

	#ticket .ticket_desc{
		width:90%;
	}
	
	.sponser-main .thum{
		width:90%;
	}
	
	.sponser-gd{
		margin-top:150px;
	}
	
	.sponser-gd .item{
		margin: 50px;
	}

	.sponser-gd .thum{
		width:80%;
	}
	
	.sponser-sv .row-two .item-left{
		width:100%;
	}
	
	.sponser-sv .row-two .item-right{
		width:100%;
	}
	
	#timeArea table tbody th{
		text-align: left;
		padding-left: 40px;
		font-size:24px;
	}
	
	#timeArea table tbody td{
		padding-right: 60px;
	}

	#contactArea{
		text-align: center;
		font-size: 32px;
	}

}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	/* 767px以下に適用されるCSS（スマホ横用） */
	.slide-item img {
		width: 80%;
	  }
	
	  .caption {
		width: 80%;
		padding: 20px 0px;
	  }
	
	  .caption .title {
		font-size:24px;
		margin:10px;
	  }
	
	  .caption .desc {
		font-size:20px;
	  }
	
	  .slick-slide img {
		display: inline !important;
	}

	.main_vis img{
		width:100%;
	}

	#cfArea{
		margin: 50px auto 50px;
	}

	.border .midashi{
		font-size: 40px;
		width: 60%;
		padding: 10px;
	}

	.mc .row-two .item-left{
		width: 45%;
		float: left;
		margin: 20px;
		margin-bottom: 10px;
	}

	.mc .row-two .item-right{
		width: 45%;
		float: left;
		margin: 20px;
		margin-bottom: 10px;
	}

	#guestArea {
		width: 100%;
		padding-top: 10px;
	}

	#modelArea {
		width: 100%;
		padding-top: 100px;
	}

	.model .row-two .item-left, .item-right{
		margin:20px;
	}

	.model .row-two .item-right{
		margin:20px;
	}

	#artistArea {
		width: 100%;
		padding-top: 100px;
	}

	.artist .row-two .item-left{
		width: 45%;
		float: left;
		margin: 20px;
		margin-bottom: 10px;
	}

	.artist .row-two .item-right{
		width: 45%;
		float: left;
		margin: 20px;
		margin-bottom: 10px;
	}

	#brandArea {
		padding-top: 10px;
	}
	
	#boothArea {
		padding-top: 10px;
	}


	#aboutArea{
		padding-top:10px;
	}

	#aboutArea .about_place{
		margin: 0 auto;
		width:90%;
	}
	
	#aboutArea .about_disc{
		margin: 0 auto;
		width:90%;
	}
	#aboutArea .about_btn{
		width:90%;
	}

	#ticket{
		padding-top: 10px;
	}

	#ticket .ticket_img{
		width:90%;
	}

	#ticket .ticket_desc{
		width:90%;
	}
	
	.sponser-main .thum{
		width:80%;
	}
	
	.sponser-gd{
		margin-top:150px;
	}
	
	.sponser-gd .item{
		margin: 50px;
	}

	.sponser-gd .thum{
		width:90%;
	}
	
	.sponser-sv .row-two .item-left{
		width:100%;
		margin:20px;
	}
	
	.sponser-sv .row-two .item-right{
		width:100%;
		margin:20px;
	}
	
	#timeArea table tbody th{
		text-align: left;
		padding-left: 20px;
		font-size:24px;
	}
	
	#timeArea table tbody td{
		padding-right: 60px;
	}

	#contactArea{
		text-align: center;
		font-size: 20px;
	}

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

	.slick-slider {
		width: 100%;
	}

	.slick-slide img {
		display: inline !important;
	}

	.nav_item{
		margin-bottom:22px;
	}
	
	.nav_item a {
	  font-size:28px;
	}

	.loop_wrap {
	  height:100px;
	}
	
	.loop_wrap2 {
	  height:100px;
	  margin-bottom:100px;
	}

	#wrap {
	}

	article{
		width: 95%;
		margin: 0px 10px;
	}

	.heading{
		padding-top:50px;
	}
	
	.heading_text{
		font-size: 30px;
	    margin-left: 20px;
	    border-bottom: 1px solid;
	    line-height: normal;
	}


	.heading img{
		width: 55%;
		margin-bottom:20px;
	}

	.sub-heading{
		display: flex;
		justify-content: center;
	}
	
	.sub-heading img{
		width:60%;
		margin-bottom: 20px;
	}
	
	.main_vis img{
		width:70%;
	}

	/* テーマ *******************************/
	#themeArea1{
		width:100%;
		padding: 10px 0;
		margin: 0 auto;
	}

	.theme_img01{

	}

	.theme_img02{
		margin-top:-50px;
	}

	.theme_heading{
		text-align: center;
		text-decoration:underline 1px #000000;
		margin-top: 50px;
		margin-bottom: 70px;
		text-underline-offset: 8px;
	}

	.theme_heading .small{
		font-size: 14px;
	}

	.theme_heading .large{
		font-size: 20px;
	}

	#themeArea2{
		width:95%;
		margin: 0 auto;
		padding-top: 100px;
	}

	/* テーマ詳細 *******************************/
	.desc{
		font-size: 12px;
		text-align: center;
		line-height: 30px;
		font-weight: 600;
	}

	.desc_text{
		margin-top:20px;
	}

	/* クラウドファンディング *******************************/
	#cfArea{
		margin: 20px auto 20px;
		display: flex;
		justify-content: center;
	}

	#cfArea a{
		display: contents;
	}

	#cfArea img{
		width:75%;
	}

	/* Infomation *******************************/
	#infoArea{
		width: 80%;
		padding-top: 20px;
	}

	.slide-item img {
		width: 90%;
	  }
	
	  .caption {
		width: 90%;
		padding: 20px 0px;
	  }
	
	  .caption .title {
		font-size:14px;
	  }
	
	  .caption .desc {
		font-size:10px;
	  }

	/* 出演者：共通 *******************************/
	.border{
		width:100%;
		padding: 20px;
		box-sizing: border-box;
		overflow: visible;
		margin-top:50px;
		margin:0 auto;
	}

	.border .midashi{
		margin-top: -36px;
		width: 55%;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}

	.sns_icon{
		width:25px;
		height:25px;
		margin:2.5px 5px 0;
		float: right;
	}

	/* ゲスト *******************************/
	#guestArea{
		padding-top:20px;
	}

	/* モデル *******************************/
	#modelArea{
		margin:0px auto 0;
	}

	.model{
		overflow: hidden;
		font-size:20px;
	}

	.model .row-two{
		display:flex;
		justify-content: center;
	}

	.model .row-two .item-left{
		width: 45%;
		float: left;
		margin: 10px;
	}

	.model .row-two .item-right{
		width: 45%;
		float: left;
		margin: 10px;
	}

	.model .row-two .thum{
		width:100%
	}

	.model .row-two .name{
		overflow: hidden;
		margin: 10px 0;
	}

	.model .row-two .name p{
		float: left;
		width: 75%;
		padding-left:0px;
		font-size:16px;
	}
	.model .row-two .name p:last-child{
		float: right;
		width: 20%;
		text-align: right;
	}

	.model .row-one .name{
		overflow: hidden;
		margin: 10px 0;
	}
	.model .row-one .name p{
		text-align: center;
		padding-left:0px;
	}

	/* Artist *******************************/
	#artistArea{
		padding-top: 50px;
	}

	.artist{
		overflow: hidden;
	}

	.artist .row-two{
		display:flex;
		justify-content: center;
	}

	.artist .row-two .item-left{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.artist .row-two .item-right{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.artist .row-two .thum{
		width:95%
	}

	.artist .row-two .name{
		overflow: hidden;
		margin: 10px 0;
	}

	.artist .row-two .name p{
		float: left;
		width: 75%;
		padding-left:0px;
		font-size:16px;
	}
	.artist .row-two .name p:last-child{
		float: right;
		width: 20%;
		text-align: right;
	}

	.artist .row-one{
		width:100%
	}

	.artist .row-one .thum{
		width:100%
	}

	.artist .row-one .thum-2{
		width:60%
	}

	.artist .row-one .name{
		overflow: hidden;
		margin: 10px 0;
	}
	.artist .row-one .name p{
		text-align: center;
		padding-left:0px;
	}

	/* MC *******************************/
	#mcArea{
		padding-top: 50px;
	}

	.mc{
		overflow: hidden;
	}

	.mc .row-two{
		display:flex;
		justify-content: center;
	}

	.mc .row-two .item-left{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.mc .row-two .item-right{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.mc .row-two .thum{
		width:100%
	}

	.mc .row-two .name{
		overflow: hidden;
		margin: 10px 0;
	}

	.mc .row-two .name p{
		float: left;
		width: 75%;
		padding-left:0px;
		font-size:16px;
	}

	.mc .row-two .name p:last-child{
		float: right;
		width: 20%;
		text-align: right;
	}

	.mc .row-one .name{
		overflow: hidden;
		margin: 10px 0;
	}
	.mc .row-one .name p{
		text-align: center;
		padding-left:0px;
	}

	/* Brand *******************************/
	#brandArea{
		padding-top:0px;
	}

	.brand{
		overflow: hidden;
	}

	.brand .row-two{
		display:flex;
		justify-content: center;
	}

	.brand .row-two .item-left{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.brand .row-two .item-right{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.brand .row-two .thum{
		width:95%
	}

	/* About *******************************/
	#aboutArea{
		width:100%;
		padding-top:10px;
	}

	#aboutArea .about_place{
		width:80%;
	}
	
	#aboutArea .about_disc{
		width:80%;
	}
	#aboutArea .about_btn{
		width:80%;
	}

	

	/* Ticket*******************************/
	#ticket{
		padding-top:0px;
	}

	#ticket .ticket_img{
		width:80%;
	}
	
	#ticket .ticket_desc{
		width:80%;
	}

	/* sponser *******************************/
	#sponserArea{
		padding-top: 0px;
	}

	.sponser{
		overflow: hidden;
	}

	.sponser .row-two{
		display:flex;
		justify-content: center;
	}

	.sponser .row-two .item-left{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.sponser .row-two .item-right{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.sponser .row-two .thum{
		width:95%
	}

	.sponser-main{
		margin-top:10px;
	}
	
	.sponser-main .thum{
		width:75%;
	}
	
	.sponser-gd{
		margin-top:100px;
	}
	
	.sponser-gd .item{
		margin: 10px;
		margin-bottom: 50px;
	}
	
	.sponser-gd .thum{
		width:75%;
	}
	
	.sponser-sv{
		margin-top:100px;
	}

	.sponser-sv ,thm{
		width:100%;
	}

	/* Booth *******************************/
	#boothArea{
		padding-top: 0px;
	}

	.booth{
		overflow: hidden;
	}

	.booth .row-two{
		display:flex;
		justify-content: center;
	}

	.booth .row-two .item-left{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.booth .row-two .item-right{
		width: 45%;
		float: left;
		margin: 10px;
		margin-bottom: 10px;
	}

	.booth .row-two .thum{
		width:95%
	}

	/* Time Table *******************************/
	#timeArea{
		padding-top: 10px;
	}

	#timeArea table{
		margin-bottom: 0px;
	}
	#timeArea table tbody tr{
		border-bottom: 1px solid #333;
	}
	
	#timeArea table tbody th,#timeArea table tbody td{
		padding: 10px;
		box-sizing: border-box;
		text-align: right;
	}
	#timeArea table tbody td{
		padding-right: 30px;
		font-size:14px;
	}
	
	#timeArea table tbody th{
		text-align: left;
		padding-left: 30px;
		font-size:14px;
	}
	
	#timeArea .time-attension{
		margin-top: 10px;
		margin-bottom: 50px;
		font-size:12px;
	}

	/* Contact *******************************/
	#contactArea{
		width:100%;
		margin: 0 auto;
		font-size: 18px;
	}

	footer .f_nav li .f_li .migi{
		width: 10%;
	}
	
	footer .f_nav li {
		border-top: 3px solid #ccc;
		   padding: 10px 0;
		overflow: hidden;
	}
	footer .f_nav li .f_li .f_hidari {
		float: left;
		display: block;
		width: 40%;
	}
	.f_img_s {
		float: left;
		display: block;
		width: 40%;
	}
	img, a img {
		border: none;
		vertical-align: middle;
		width: 100%;
	}

	
	

}

@media (min-width: 480px){
	.pc_none{
		display: none;
	}
}