@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');
@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html{
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 62.5%;
}
#navi{
	background:#333;
}.navi-in a{
	color:#fff;
	
}
#main{
	width:100%;
	margin:0;
	padding:0px;
	border:none;
	
}
.pre_top{
	background:#352D2B;
	padding:40px 20px;
}
.wrap{
	width:auto;
}
.content{
	margin-top:0px;
}
#wprmenu_bar .menu_title {
	text-align:center;
}
section{
	padding:40px 0px;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}

h2{
	font-size:4.8rem;
}
h3 {
    font-size: 2.4rem;
}

h4 {
    text-align: center;
    font-size: 1.8rem;
}

h5 {
    text-align: center;
    font-size: 1.4rem;
    margin: 8px;
}
p{
	font-size:1.8rem;
}
dl {
    margin: 0;
}

dt {
    font-size: 1.8rem;
    clear: left;
    float: left;
    font-weight: normal;
}

dd {
    font-size: 1.6rem;
    margin-left: 5em;
    margin-bottom: 8px;
}
ul{
	padding:0;
	font-size:1.8rem;
}
li{
	list-style-type:none;
}
.site-image{
	text-align:center
}
.wrap-box{
	max-width:1040px;
	margin:0 auto;
	padding:0 20px;
}
.column2-1,
.column3-1,
.column3-2,
.column3-2-1,
.column4-1,
.column4-2{
	display:flex;
	flex-wrap:wrap;
}
.column{
	margin:20px;
}
.column2-1 .column{
	width:calc(50% - 40px);
}
.column3-1 .column{
	width:calc(33% - 40px);
}
.column3-2 > *{
	width:calc(33% - 40px);
}
.column3-2-1 > *{
	width:calc(33% - 40px);
}
.column4-1 .column{
	width:calc(25% - 40px);
}
.column4-2 .column{
	width:calc(25% - 40px);
}
.swiper-slide{
}
/*
 *トップ
*/
.swiper-slide-prev,
.swiper-slide-next{
	opacity:0.6;
}
.covid-19 a{
	display:block;
	background:#FFEB3B;
	text-align:center;
	color:#333;
	font-size:3.2rem;
	font-weight:bold;
	border-radius:5px;
	text-decoration:none;
	margin:0 auto 40px;
	max-width:920px;
}
.comingsoon{
	font-size:2.8rem;
	text-align:center;
	margin:20px;
	width:100%;
	background:#f5f5f5;
	border-radius:5px;
	font-family:Montserrat;
	font-weight:600;
}
.top_contents h2{
	font-size:1.6rem;
	letter-spacing: 0.1em;
	padding:16px 0 16px;
}
.top_contents h2 span{
	font-size:4.8rem;
	font-family:Montserrat;
	font-weight:600;
	line-height:100%;
}
h2 span{
	display:inline-block;
	margin:0 0.5em 0 0;
}
.top_contents section{
	padding:16px;
}
.poster{
	background:#eee url("https://tomakomai-cos-fes.com/system/wp-content/uploads/2022/10/bg_logo2.png");
	text-align:center;
	padding:16px;
}
.poster img{
	max-height:80vh;
	width:auto;
}
/*
 *リンクボタン
*/
.l_btn,
.s_btn{
	text-align:center;
}
.l_btn a{
	display:inline-block;
	margin:16px auto;
	padding:16px 48px;;
	border-width:1px;
	border-color:#000;
	border-style:solid;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
	font-size:1.8rem;
	letter-spacing:0.1em;
}
.s_btn a{
	display:inline-block;
	margin:16px auto;
	padding:4px 32px;
	border-width:1px;
	border-color:#000;
	border-style:solid;
	border-radius:3px;
	text-align:center;
	text-decoration:none;
	font-size:1.4rem;
	letter-spacing:0.1em;
}
.l_btn a,.l_btn  a:visited,
.s_btn a,.s_btn  a:visited{
	background:rgba(255,255,255,0.5);
	color:#333;
	border-color:#333;
	transition:all 0.3s;
}
.l_btn  a:hover,
.s_btn  a:hover{
	background:#fff;
	color:#FF4081;
	border-color:#FF4081
}
.stts1{background-color:#EB5757}
.stts2{background-color:#BB6BD9}
.stts3{background-color:#219653}
.stts4{background-color:#6FCF97}
.stts5{background-color:#2F80ED}
.stts6{background-color:#56CCF2}
.stts7{background-color:#27AE60}
.stts8{background-color:#F2994A}
.stts9{background-color:#F2C94C}
/*
 *トップフォトコンテスト
*/
.contest li{
}
.contest h3{
	border:3px solid #448AFF;
	background:#448AFF;
	color:#fff;
	border-radius:10px 10px 0 0 ;
	margin-bottom:0;
	padding:4px 8px;
	font-size:1.8rem;
}
.contest ul{
	padding:4px 8px;
	margin:0 0 20px;
	border:3px solid #448AFF;
	background:#fff;
	color:#448AFF;
	border-radius:0 0 10px 10px;
}
.top_slider_under {
	text-align:center;
}
.top_slider_under img{
	max-height:640px;
	width:auto;
}
/*
 *トップ背景
*/
.join{
	background:#f5f5f5;
}
.contest{
	background:url(https://tomakomai-cos-fes.com/system/wp-content/uploads/2020/10/EGAtCrsUcAAYuOe.jpg);
}
.live{
	background:url(https://tomakomai-cos-fes.com/system/wp-content/uploads/2021/10/youtube-bg2.png);
}
/*
 *トップ背景ぼかし
*/
.blur{
	position: relative;
	z-index: 0;
	overflow: hidden;
	background-size:cover;
	color:#fff;
}

.blur .wrap-box{
	background-color:rgba(255,255,255,0.3);
	border-radius:5px;
}
.blur:before {
	content: '';
	background: inherit;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	position: absolute;
	/*ぼかし効果で画像の端がボヤけた分だけ位置を調整*/
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
.dlbox{
	text-align:center;
}
.dlbox dl{
	display:inline-block;
	text-align:left;
}
.pbox{
	text-align:left;
	padding:16px;
}
.pbox > *{
	display:inline-block;
	text-align:left;
}
.live{
}
#twitter_timeline{
	padding:16px 40px;
}
.top_slider_under{
	text-align:center;
}
/*
 *トップJOIN
*/
.join_btn{
	text-align:center;
}
.join_no_link{
	display:inline-block;
	padding:8px 32px;
	background:#ccc;
	color:#666;
	border-radius:5px;
}
.join_link{
	display:inline-block;
	padding:16px 32px;
	color:#fff;
	background:#EB5757;
	border-radius:5px;
	text-decoration:none;
	font-size:2.8rem;
	font-family:Montserrat;
	font-weight:600;
	transition:all 0.2s;
}
.join_link:hover{
	background:#9B51E0;
	color:#fff;
}
.join_time{
	text-align:center;
	font-weight:bold;
}
.join .l_btn a,
.join .l_btn  a:visited{
	background:#FF4081;
	color:#fff;
	border-color:#FF4081;
	transition:all 0.3s;
}
.join .l_btn  a:hover{
	background:#fff;
	color:#FF4081;
	border-color:#FF4081
}
.join h3{
	font-family:Montserrat;
	font-weight:600;
	line-height:120%;
}

/*
 *トップロケーション
*/
.loca_rec >li{
	border:1px solid #ccc;
	border-radius:5px;
	font-size:1.4rem;
	background:#FAF9F8;
}
.loca_rec a{
	text-decoration:none;
	color:#222;
}
.loca_rec h4{font-size:1.4rem;}
.loca_rec p{
	margin:0;
}
.loca_rec figure{
	float:none;
}
.loca_rec figure img{
	vertical-align:top;
	border-radius:10px 10px 0 0;
}
.loca_status {
	margin:0 8px;
	display:flex;
	flex-wrap:wrap;
}
.loca_rec_time{
	text-align:center;
	font-size:1.3rem;
}
.loca_rec .loca_rec_rec{
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	border-top:1px solid #ccc;
	margin:10px 20px 0;
}
.loca_status li{
	font-size:1.2rem;
	border-radius:5px;
	padding:0px 8px;
	margin:4px 2px;
	color:#fff;
}
.loca_rec_day1 h3{
	color:#2F80ED;
}
.loca_rec_day2 h3{
	color:#EB5757;
}
.loca_rec_day1 .loca_rec > li{
	border-bottom:10px solid #2F80ED;
}
.loca_rec_day2 .loca_rec > li{
	border-bottom:10px solid #EB5757;
}
.loca_btn{
	text-align:center;
}
.loca_btn a{
	display:inline-block;
	background:#F2C94C;
	font-family:Montserrat;
	line-height:100%;
	font-size:2.4rem;
	border-radius:5px;
	text-decoration:none;
	color:#333;
	padding:8px 32px;
}

/*
 *パンくず
*/
.pan a,.loca_nav a{
	text-decoration:none;
}
.pan li{
	display:inline;
	font-size:1.4rem;
}
.pan li:not(:last-child)::after{
	content:">";
	display:inline-block;
	width:1em;
	height:1em;
	margin:0 1em;
}

/*
 *イベントリスト
*/
.top_events h2{
	font-family:Montserrat;
	font-weight:600;
}
.top_events h3{
	font-family:Montserrat;
	font-size:2.4rem;
	font-weight:600;
}
.top_events li{
	font-family:Montserrat;
	line-height:100%;
	width:290px;
}
.top_events li h4{
	font-weight:600;
	font-size:1.6rem;
	margin-bottom:4px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
}
.top_events li a{
	text-decoration:none;
	color:#333;
}
.top_events li p{
	margin:4px 0;
}


.event-list_top li{
	position:relative;
}
.event_list_img{
	width:100%;
	overflow:hidden;
	max-height:290px;
	border-radius:5px;
}
.event_list_img img{
	width:100%;
}
.event_list_time{
	font-weight:600;
	font-size:1.8rem;
}
.event_list_time i{
	margin-right:4px;
}
.event_list_time i img{
	width:12px;
}
.event_list_address{
	font-size:1.4rem;
}
.event_list_address i{
	margin-right:4px;
}
.event_list_address i img{
	width:12px;
}
.before_event_list h4{
	text-align:left;
}
/*
 *トップチケット
*/
.ticket{
	align-content:center;
	font-family:Montserrat;
}
.ticket h3{
	text-align:center;
}
.ticket p{
	text-align:center;
	margin:0;
}
.ticket_title{
	text-align:center;
	
}
.ticket li{
	font-size:2.4rem;
	font-weight:bold;
}
.price1{
	border-bottom:1px solid #ccc;
}
.price1 h3{
	color:#EB5757;
	border-radius:5px;
}
.price2 h3{
	color:#2F80ED;
	border-radius:5px;
}

/*
 *ページタイトル共通
*/
.page_title{
	padding:32px 16px;
	text-align:center;
	color:#fff;
	font-size:1.8rem;
	font-family:Montserrat;
	font-weight:400;
	background:#eee;
}
.page_title span{
	font-size:3.6rem;
	font-weight:600;
}
/*
 *ページタイトル個別
*/
.page_title.location{
	background:#EB5757;
}
.page_title.day1{
	background:#536DFE;
}
.page_title.day2{
	background:#FF4081;
}
.page_title.event{
	background:#F2994A;
}
.page_title.performer{
	background:#F2994A;
}
/*
 *トップスポンサー
*/
#sponsor{
	background:#9CC6FF;
}
.outline{
	background:#2F80ED;
	color:#fff;
}
#organizer p{
	font-size:;1.2rem;
	text-align:center;
	margin-bottom:8px;
}
/*
 *ロケーション
*/
.loca_top_nav{
	position:sticky;
}

.loca_nav {
	background:#FAF9F8;
	border-radius:5px;
}
.loca_nav li{
	display:inline-block;
	margin:5px;
}
.loca_nav li a{
	padding:8px 16px;
	display:block;
	color:#333;
	border-radius:5px;
	font-size:1.4rem;
}
.single h2{
	font-size:1.6rem;
	letter-spacing: 0.1em;
	padding:16px 0 16px;
}
.single h2 span{
	font-size:2.4rem;
	font-family:Montserrat;
	font-weight:600;
	line-height:100%;
}
.loca-title {
	align-items:center;
	margin-bottom:32px;
	background:#FAF9F8;
	color:#333;
	border-radius:5px;
	overflow:hidden;
	align-content:center;
	position:relative;
}
.loca_time{
	background:#FAF9F8;
	color:#333;
	padding:16px 16px 8px;
	border-radius:5px;
	
}
.day1 .loca-title {
}
.day2 .loca-title {
}
.day1day2 .loca-title {
}
.loca_data .loca_time dt{
	font-size:1.4rem;
	font-family:Montserrat;
}
.loca_data .loca_time dd{
	font-size:1.6rem;
	font-family:Montserrat;
}
.loca_data .loca_status{
	margin:10px 0;
}
.loca_address{
	border-radius:5px;}
.loca_address h1{
	font-size:2.4rem;
}
.loca_address p{
	font-size:1.4rem;
}
#access{
	margin:20px;
}
.open_day{
	text-align:center;
	font-size:2.4rem;
	font-family:Montserrat;
	font-weight:600;
	margin:0;
	background:#FAF9F8;
	border-radius:5px;
}
.loca_top_image{
	position:relative;
}
.loca_top_image img:first-child{
	border-radius:5px;
	width:100%;
}
.loca-title figure img{
	vertical-align:top;
}
.loca-title .column{
	margin:0px;
	width:50%;
}
.loca-title h1{
	text-align:center;
	font-weight:normal;
	font-size:2.4rem;
	margin-bottom:0px;
}
.loca_address{
	text-align:center;
	margin:10px 0px;
	background:#FAF9F8;
	width:100%;
}
.loca_address p{
	margin:0 8px;
}
.entry-link{
	background:#9B51E0;
	font-size:1.4rem;
	text-decoration:none;
	display:block;
	margin:0 auto 16px;
	width:calc(100% - 32px);
	color:#fff;
	text-align:center;
	border-radius:2px;
	box-shadow:0px 0px 0 #8148B7;
	transition:all 0.2s;
}
.entry-link:hover{
	letter-spacing: 2px;
	color:#fff;
	box-shadow:2px 2px 0 #8148B7;
}
.loca-open{
	background:#fafafa;;
	align-items:center;
}
.loca-list {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

.loca-list li {
	position:relative;
}
.andmore{
	font-size:2.4rem;
	font-family:Montserrat;
	font-weight:600;
	display:block;
	text-align:center;
}
.andmore a{
	text-decoration:none;
	text-align:center;
}
.obi{
	position:absolute;
	right:0px;
	top:0px;
}
.stamp{
	position:absolute;
	left:10px;
	top:10px;
}
.loca-list li a{
	display:block;
	position:relative;
	padding-bottom:16px;
	height:100%;
	border-radius:5px;
	overflow: visible;
	text-decoration:none;
	color:#000;
}
.locations h3{
	letter-spacing:0.1em;
	font-size:2.4rem;
}
.locations h3 span{
	font-family:Montserrat;
	margin-right:16px;
	font-size:4.8rem;
	font-weight:600;
}
.loca_list_address{
	font-size:1.4rem;
	text-align:center;
	margin:4px;
}
.loca_list_time{
	font-size:1.4rem;
	font-family:Montserrat;
}
h3 span{
	display:inline-block;
	margin-right:16px;
}
.day1loca h3{
    color: #536DFE;
}
.day1loca li a{
    border: 1px solid #ccc;
	transition:all 0.3s
}
.day1loca li a:hover{
    border: 1px solid #536DFE;
}
.day1loca h4{
	color:#fff;
	background:#536DFE;
	border-radius:16px;
	margin:-1em 1em 1em;
	position:relative;
	font-size:1.6rem;
}
.day2loca h3{
    color: #FF4081;
}
.day2loca li a{
    border: 1px solid #ccc;
	transition:all 0.3s
}
.day2loca li a:hover{
    border: 1px solid #FF4081;
}
.day2loca h4{
	font-size:1.6rem;
	background: #FF4081;
	color:#fff;
	border-radius:16px;
	margin:-1em 1em 1em;
	position:relative;
}
.loca-list li h4 {
	z-index:10;
}
.loca-list li figure {
    margin: 0;
    max-height: 240px;
    width: 100%;
    overflow: hidden;
	z-index:1;
}
.loca-list li dl{
	margin:0 32px;
}
.link_location a{
	font-size:1.4rem;
	text-decoration:none;
	display:block;
	color:#000;
	padding:4px 16px ;
	border:1px solid #666;
	margin-bottom:0.5em;
	border-radius:100px;
	transition:all 0.2s;
	letter-spacing: 2px;
}
.link_location a:hover{
	color:#fff;
	background:#69F0AE;
	border:1px solid #69F0AE;
}
.link_event a{
	font-size:1.4rem;
	text-decoration:none;
	display:block;
	color:#000;
	padding:4px 16px ;
	border:1px solid #666;
	margin-bottom:0.5em;
	border-radius:100px;
	transition:all 0.2s;
	letter-spacing: 2px;
}
.link_event a:hover{
	color:#fff;
	background:#FFAB40;
	border:1px solid #FFAB40;
}
.link_news a{
	font-size:1.4rem;
	text-decoration:none;
	display:block;
	color:#000;
	padding:4px 16px ;
	border:1px solid #666;
	margin-bottom:0.5em;
	border-radius:100px;
	transition:all 0.2s;
	letter-spacing: 2px;
}
.link_news a:hover{
	color:#fff;
	background:#00E5FF;
	border:1px solid #00E5FF;
}
.loca-list li figure img {
    width: 100%;
	min-height:200px;
}
.event-ban{
	max-width:720px;
	margin:0 auto 32px;
	padding:0 32px;
}
#guideline{
	background:#f5f5f5;
}

/*
 * ツイッターフォトコンテスト
 */

.twitter-cosplay{
	width:calc(60% - 40px);
	margin:20px;
}
.twitter-cosplay img{
	width:100%;
}
.twitter-con8{
	width:calc(40% - 40px);
	margin:20px;
	color:#333;
}
.contest-btn{
	display:block;
	text-align:center;
	font-size:2.4rem;
	background:#EB5757;
	padding:8px;
	border-radius:4px;
	color:#fff;
	transition:all 0.2s;
}
.contest-btn:hover{
	letter-spacing: 2px;
	color:#fff;
}
.location-txt{
	margin:40px 0;
	padding:30px;
	background:#FFCCBC;
}
.contest-list li{
	text-align:center;
}
.contest-list img{
	max-height:360px;
}
.contest-list p{margin:8px;font-size:1.1rem;}
.contest-list h3{
	max-width:640px;
	margin:20px auto;
	color:#fff;
}
.con-1st h3{
	background:#f44336;
}
.con-2nd h3{
	background:#03A9F4;
}
.con-toma h3{
	background:#E91E63;
}
.con-kids h3{
	background:#FDD835;
}
/*
 * イベント
 */
.event_name{
	text-align:center;
	font-size:2.4rem;
	font-family:Montserrat;
	font-weight:600;
	margin:10px 0 0;
	background:#FAF9F8;
	border-radius:5px;
}
.day1color{
	color:#536DFE;
}
.day2color{
	color:#FF4081;
}

/*
 * 出演者リスト
 */
.performer_list{
	
}
.performer_list a{
	text-decoration:none;
	color:#333;
}
.performer_list_img{
}
.performer_list_img img{
	border-radius:5px;
}
.performer_list_name{
}
/*
 * 出演者詳細
 */
.performer_category{
	text-align:center;
	font-size:1.6rem;
	font-family:Montserrat;
	font-weight:600;
	margin:10px 0 0;
	padding:16px;
	background:#FAF9F8;
	border-radius:5px;
}
.performer_name{
	margin:10px 0 0;
	padding:16px;
	background:#FAF9F8;
	border-radius:5px;
}
.performer_name h2{
	text-align:center;
	font-size:2.4rem;
	font-family:Montserrat;
	font-weight:600;
}
.performer_sns{
	padding:16px;
	background:#FAF9F8;
	border-radius:5px;
	text-align:center;
	font-size:1.6rem;
	font-family:Montserrat;
	font-weight:600;
	font-size:1.4rem;
}
.performer_sns h3{
	font-size:1.6rem;
}
.performer_profile h3{
	font-size:1.6rem;
}
.performer_profile p{
	font-size:1.4rem;
}
#online-tomacos{
	background:#B39DDB;
}
#online-tomacos iframe{
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.news_list h2{
	font-size:1.6rem;
	letter-spacing: 0.1em;
	padding:16px 0 16px;
}
.news_list h2 span{
	font-size:2.4rem;
	font-family:Montserrat;
	font-weight:600;
	line-height:100%;
}
#sponsor .column3-1{
	align-items:end;
}
#sponsor p{
	text-align:center;
}

#organizer{
	color:#fff;
	background:rgba(155, 81, 224, 1);
}
#organizer li{
	text-align:center;
	font-size:1.4rem;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	.covid-19 a{font-size:1.6rem;}
.top_contents h2{
	text-align:center;
	}
h2 span,
h3 span{
	display:block;
	margin:0;
	}
dt {
	float:none;
	display:block}
dd {
	clear:both;
    margin-left: 0;}
.column2-1 .column{
	width:100%;
	margin:0 0 20px;
	}
	.loca-title .column{
		width:100%;
	}
	.twitter-cosplay{
	width:100%;
	margin:0;}
	
	.twitter-timeline{
	width:100%;
	margin:0;}
.column3-1 .column{
	width:100%;
	margin:0;
}
.column3-2 > *{
	width:calc(50% - 40px);
}
.column3-2-1 > *{
	width:calc(50% - 40px);
}
.events li figure,
.events li div.event_name{
	width:100%;
	margin:0;
	}
	.events li .schedule{
	width:100%;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.column3-2-1 > *{
	width:calc(100% - 0px);
	margin:10px 0;
}
.loca_rec figure{
	float:left;
	width:90px;
}
.loca_rec figure img{
	border-radius:10px 0 0 0px;
}
.loca_rec .loca_status{display:none}
.loca_rec .loca_rec_rec{
	border-top:none;
	margin:0px;
}
.join h3{
	font-size:1.8rem;
	}
	#access{margin:20px 0;}
}