@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 {
	width:150px;
	padding:8px;
    border: 2px solid;
	border-color:#ABABAB;
	font-size:16px;
    border-radius: 3px;
    outline: none;
	margin-bottom:0!important;
}

#schedule 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;
}

.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;
	}
}