@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html {
	scroll-behavior: smooth
}

body {
	color: #000;
	background: #F6E3E3;
}

.header {
	background: #F6E3E3;
	color: #BCBBBB;
}

.site-name-text {
	color: #BCBBBB !important;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: Noto Sans;
	font-size: 96px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.logo-text {
	padding: 0;
}

.tagline {
	margin-top: 20px;
	margin-bottom: 14px;
	color: #E15858;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
}

ol,
ul,
li {
	display: block;
}

#header-container .navi {
	background: #F2C8C8;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.navi-in > ul li {
	padding: 10px;
	width: 190px;
	height: 80px;
}

.navi-in a {
	border-radius: 10px;
	background: #E89494;
	color: #fff!important;
	font-size: 24px;
	font-weight: 700;
}

.wrap {
	width: 1250px;
}

.widget-entry-cards figure {
	width: 100px;
}

.widget-entry-card-content {
	margin-left: 103px;
}

.nwa .author-box {
	padding:0;
}

.theater__name {
	color:#000;
}

#sidebar-left a {
	color:#000;
	text-decoration:none;
}

.info__icon {
	margin-left:8px;
}

.theater__title {
	text-align:center;
	font-size:24px;
	text-decoration:underline;
	font-weight:700;
}

.property__title {
	border-top:1px solid;
	border-bottom:1px solid;	
	font-size:18px;
	font-weight:700;
	padding-left:10px;
} 

.property p {
	font-size:16px;
	margin:20px 0;
	padding-left:30px;
}

.entry-title, .archive-title {
	color:#000;
}

.entry-content #dancer-list-nav {
	display: flex;
	padding-left: 0;
	gap: 0;
}
.entry-content #dancer-list-nav li {
	margin: 0;
}
.entry-content #dancer-list-nav li:not(:last-child)::after {
	content: "／";
	margin-left: 0ex;
}

#myForm input,
#myForm select {
	width:200px;
	padding:8px;
	margin-bottom:10px;
	border-color:#ABABAB;
}

#myForm label {
	width:100px;
	text-align:left;
	display:inline-block;
	
}

#myForm textarea {
	height:150px;
	width:83%;
	margin-bottom:10px;
	border-color:#ABABAB;
}

#myForm button {
	border-radius: 10px;
	background: #E89494;
	width: 150px;
	height: 40px;
	color: #FFF;
	margin-right:0;
	margin-left:auto;
	display:block;
	font-size:18px;
}

#myForm div {
	display:flex
}

.article__title {
	font-size:24px; 
	text-decoration: underline;
	font-weight:700;
}

#events button {
	border-radius: 10px;
	background: #E89494;
	width: 150px;
	height: 40px;
	color: #FFF;
	margin-right:0;
	margin-left:auto;
	display:block;
	font-size:18px;
}

#events input {	
	padding:8px;
	border: 2px solid;
	border-color:#ABABAB;
	font-size:18px;
	border-radius: 3px;
	outline: none;
	width:100%;
}

#events textarea {
	padding:8px;
	border: 2px solid;
	border-color:#ABABAB;
	font-size:18px;
	border-radius: 3px;
	outline: none;
	height:150px
}

#events table tr td:nth-child(1) {
	width:12%;
}

#events table tr td:nth-child(2) {
	width:30%;
}

#events select {
	padding:8px;
	border: 2px solid;
	border-color:#ABABAB;
	font-size:18px;
	border-radius: 3px;
	outline: none;
}

.page__main {
	padding:0 50px;
}
.event__title {
	font-size:24px;
	border-left:4px solid;
	border-color:#F2C8C8;
	padding-left:16px;
	font-weight:700;
	margin-bottom:30px
}

.page__theater__name {
	display:flex;
	justify-content:space-between;	
	border-top:4px solid;
	border-bottom:4px solid;
	border-color:#B7B7B7;
	padding:6px 30px 6px 10px;
	font-size:18px;
	font-weight:700;
}

.page__theater__name a {
	color:#000;
	text-decoration:none;
}

.event__item {
	display:flex;
	margin-left:10px;
	margin-right:30px;
	column-gap: 10px;
	flex-wrap: wrap;
}

.dancer_sns {
	display: flex;
	column-gap: 10px;
}

.dancer_sns img {
	width:18px;
}

.event__item__col a {
	text-decoration:none;
	cursor:pointer;
	color:#000;
}

.categorys {
	display:flex;
	justify-content: space-between;
	padding-left:30px;
	padding-right:30px;
}

.category__title {
	text-decoration:underline;
	cursor:pointer;
	font-weight:700;
} 

.next__week {
	display:none;
}

.week__title {
	text-decoration:underline;
	cursor:pointer;
	font-weight:700;
	margin:10px;
}
.week__title a {
	color:#000
}

.feature__week__title a {
	color:#000
}

.feature__week__title {
	text-decoration:underline;
	cursor:pointer;
	font-weight:700;	
}

.feature__week {
	margin-left:10px;
}

.week__other {
	margin-top:10px;
}

.event__other {
	margin-left:10px;
}

.subtitle {
	text-decoration:underline;
	font-weight:700;
}

#schedule input,
#schedule-set input {
	width:150px;
	padding:8px;
	border: 2px solid;
	border-color:#ABABAB;
	font-size:16px;
	border-radius: 3px;
	outline: none;
	margin-bottom:0!important;
}

#schedule button,
#schedule-set button {
	border-radius: 10px;
	background: #E89494;
	width: 150px;
	height: 40px;
	color: #FFF;
	margin-right:0;
	margin-left:auto;
	display:block;
	font-size:18px;
	margin-top:30px;
}

#schedule #dancers-list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	border-radius: 3px;
	border-style: solid;
	border-color: #ABABAB;
	border-width: 2px;
	margin-top: 30px;
	padding: 15px;
}

#schedule .dancers-list-dancer {
	display: block;
	line-height: 1;
	border: solid 1px #ABABAB;
	border-radius: 10px;
	padding: 8px;
}

#schedule .dancers-list-dancer .dancers-list-del {
	content: "☓";
	font-size: 0.8em;
	vertical-align: center;
	margin-left: 0.5em;
	cursor: pointer;
}

#schedule-set #dancers-list-add {
	display: inline-block;
	margin-top: auto;
	margin-right: auto;
}

#dancer_schedule_larr,
#dancer_schedule_rarr {
  width: 100%;
  display: none;
  color: #000;
  font-size: 80%;
  text-align: right;
  animation: color-shift 2s ease-in-out infinite alternate;
}
@keyframes color-shift {
  from { color: #000; }
  to { color: #888; }
}

#dancer_schedule_table {
  width; 100%;
  overflow-x: auto;
}
#dancer_schedule_table .sticky_left {
	position: sticky;
	left: 0;
	z-index: 9;
}
#dancer_schedule_table th,
#dancer_schedule_table td {
  text-align: center;
  text-wrap: nowrap;
}

.dancer__name {
	font-weight:700;
} 

#dancer_name1,#dancer_name2 {
	margin-bottom:30px;
}

.dancer__info {
	display:flex;
	margin-bottom:10px;
	padding-left:30px;
}

.dancer__info__name {
	width:30%;
}

.dancer__next__schedule {
	margin-top:50px;
}

.schedule__title {
	font-size:20px;
	font-weight:700;
}

.schedule__info {
	padding-left:30px;
	padding-bottom:10px;
	padding-right: 30px;
}

.feature__week a{
	color:#000;
	text-decoration:none;
}

.dancer__list__title {
	border-top:2px solid;
	border-bottom:2px solid;
	border-color:#B7B7B7;
	font-size:20px;
	font-weight:700;
	padding-left:30px;
	margin-bottom:30px;
}

.dancer__list {
	padding:0 30px
}
.dancer__list a {
	color:#000;
	text-decoration:none;
}
#events select {
	width:300px;
	margin-left:18px;
	margin-bottom:20px;
}
#events #week {
	width:300px;
}
#events #no {
	width: 64px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.ad {
	margin-top:30px;
}

/* .feature__week .spot::after {
	content: "、";
} */


.feature__week .spot__span:not(:last-of-type)::after {
	content: "、";
}
.dancer__list .spot__span:not(:last-of-type)::after {
	content: "、";
}
.footer {
	padding:0;
}

#footer-in{
	width: 100%
}

.footer-left {
	width:0;
	padding:0 0;
	display:none;
}
.footer-right {
	width:0;
	padding:0 0;
	display:none;
}
.footer-center {
	width:100%;
	
}
.footer-widgets {
	position: fixed;
	bottom: 0;
	margin: 0;
	border-radius: 10px 10px 0 0;
	background: #E89494;
	z-index: 1;
	width: 100%;
	transition: transform 0.3s ease-in-out;
}
.theater__name__sp {
	color: #fff;
	text-decoration: none;
	margin-right: 20px;
}

#xyz_insert_php_widget-4 {
	display: flex;
	justify-content: center;
}
.footer-widgets.hidden {
	transform: translateY(100%);
}
.entry-title {
	font-size:20px;
}
.event_label {
	width: 60px;
	display: inline-block;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/




@media screen and (max-width: 1260px) {
	.wrap {
		width:1080px;
	}
	.main {
		width:500px;
	} 
	.navi-in > ul li {
		width:170px;
	}
	
}

/*1023px以下*/

@media screen and (max-width: 1023px) {
	#xyz_insert_php_widget-4 {
	display: block;
		margin-bottom: 0;
	}
	.wrap {
		width:100%;
	}
	.main {
	 	width: 480px;
		padding: 36px 20px;
	}
	.navi-in > ul li {
		width:170px;
	}
	.site-name-text {
		font-size:64px;
	}
	.sidebar {
		width:265px;
		padding: 19px 10px;
	}
	#navi .navi-in > .menu-mobile li {
		width:15%;
		height:60px;
	}
	.mobile-menu-buttons {
		display:none;
	}
	.footer {
		padding:0;
	}
	
}

/*834px以下*/
@media screen and (max-width: 834px) {
	.footer-widgets-mobile {
		position:fixed;
		bottom:0;
		margin:0;
		border-radius: 10px 10px 0 0 ;
		background: #E89494;
		z-index:1;
	}
	.theater__name__sp {
		color:#fff;
		text-decoration:none;
		margin-right:20px;
	}
	#xyz_insert_php_widget-3 {
		margin:0 0 10px 0;
	}
	.footer-bottom {
		margin-bottom:125px;
	}
}
@media screen and (max-width: 834px) {
	.footer-widgets {
	    display: block;
	}
}
/*480px以下*/
@media screen and (max-width: 480px) {
	.article__title {
		font-size: 20px;
	}
	.page__main {
		padding: 0 10px;
	}
	.event__item {
		margin-right:0;
	}
	.event_label {
		width: 50px;
		display: inline-block;
	}
	table th, table td {
		font-size: 16px;
	}
	#myForm div {
		display:block;
	}
	#myForm button {
		margin-left:150px;
		margin-bottom:30px;
	}
	.tagline {
		display:none;
	}
	#header-container .navi {
		background: #F2C8C8;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		position: fixed;
		width: 100%;
		top: 0;
		z-index:1;
	}
	.header {
		margin-top:80px;
	}
	#header .site-name-text {
		font-size:2rem;
	}
	.navi-in > ul li {
		padding:10px 0px;
	}
	.navi-in a {
		background:none;
	}
	#navi .navi-in > .menu-mobile li {
		width:auto;
	}
	#schedule input {
		display:block;
		margin-bottom:10px!important;
	}
	.item-label:before {
		 content: "\f005";
		position:absolute;
		font: normal normal normal 14px/1 FontAwesome;
		left: 32%;
		bottom:auto;
		top:-5px;
		
	}

	.page__theater__name {
		padding: 6px 10px 6px 10px;
	    border-top: 2px solid;
	    border-bottom: 2px solid;
		font-size: 16px;
	}
	.categorys {
		padding-left:0px;
		padding-right:0px;
	}
	#navi .navi-in > .menu-mobile {
		justify-content:space-between;
		padding:0 10px;
	}
	#events table tr td:nth-child(1) {
		width:20%;
	}
	#events table tr td:nth-child(2) {
		width:45%;
	}
	.theater__name__sp {
		margin-right:10px;
	}
	#myForm input {
		width:190px;
	}
	#myForm textarea {
		width:190px;
	}
	#events select {
	width:185px;
	margin-left:16px;
	margin-bottom:20px;
}
	#events #week {
		width:185px;
	}
	#myForm label {
		width:85px;
	}
	#events #no {
		width: 64px;
	}
}
.feature__week {
	margin-top: 12px;
}
.event__other {
	margin-top: 12px;
}

.article__title {
	margin-top: 24px;
}