/*
Theme Name: 城ドラNews用テーマ
Author: Naoki Iwata→IncrementBox.
Description: 城ドラNews用テーマなのでほかのページにコードを利用しないでください。
Version: 1.1.0
*/

#wpadminbar #wp-admin-bar-my-sites a.ab-item,
#wpadminbar #wp-admin-bar-site-name a.ab-item {
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.color {
	font-weight: bold;
}

.wp-block-image img {
	height: 100%;
}

/*★↓*/

/* #TextLayout #notice .imgLayout{
	text-align: center;
}

#TextLayout #notice .imgLayout img{
	max-width: 100% !important;
	height: auto !important;
	margin-bottom: 10px;
}

#TextLayout #notice .imgLayout img:not(:first-child){
	margin-left: 10px;
} */

/* #TextLayout #notice p{
	text-align: center;
} */

#TextLayout #notice{
	/* width:100%;
	overflow-x: hidden !important; */
}

#TextLayout h2 {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34.38"><path fill="%23000" d="M30.41,3.54C27.06,1,22.55-.44,16.73.12,11.15.65,7.39,2.47,4.92,4.92-2.74,12.54-.21,24.78,4.11,29.2c3.21,3.29,8.12,5.4,14.83,5.17,5.88-.22,9.68-2.24,12.37-4.77C37.93,23.36,37.46,8.82,30.41,3.54Z"/><path fill="%23fff" d="M27.75,15.68c-.15-5.87-7.29-11.38-15-6.89,3.54-.74,11.12,1,9,8.79-.8,2.85-6.54,3.65-7.07,0-.37-2.52,1.92-2.9,3.28-1.61.29-3.3-3-4.17-5.39-3.09A6.59,6.59,0,0,0,9.2,19.43c.54,3.85,4.68,6.81,9,6.87C23.47,26.37,27.93,23.29,27.75,15.68Z" /></svg>') no-repeat 0 2px;
	background-size: 24px 24px;
}

#TextLayout #notice p img{
	max-width: 100% !important;
	height: auto !important;
	margin-bottom: 10px;
}

#TextLayout #notice p img:not(:first-child){
	margin-left: 10px;
}

#TextLayout #notice .mainContents h2.pickup{
	margin: 0 0 5px;
	padding-left: 30px;
}


#TextLayout #notice .mainContents h2{
	margin: 20px 0 5px;
	padding-left: 30px;
}

#TextLayout #notice h2.pickup {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30.24 28.88"><path fill="%23000" d="M25.55,3A16,16,0,0,0,14.05.1c-4.69.45-7.84,2-9.91,4-6.44,6.41-4.31,16.69-.69,20.4,2.7,2.76,6.82,4.54,12.46,4.34a15.21,15.21,0,0,0,10.39-4C31.87,19.63,31.47,7.4,25.55,3Z"/><path fill="%23fff" d="M14.29,4.78c.48-1,1.26-1,1.74,0l1.8,3.66a4.19,4.19,0,0,0,2.8,2l4,.59c1.07.15,1.31.89.54,1.64l-2.92,2.86a4.14,4.14,0,0,0-1.07,3.29l.69,4c.18,1.06-.45,1.52-1.4,1L16.89,22a4.18,4.18,0,0,0-3.46,0l-3.61,1.9c-1,.5-1.59,0-1.41-1l.7-4A4.18,4.18,0,0,0,8,15.56L5.11,12.7c-.77-.75-.53-1.49.54-1.64l4-.59a4.19,4.19,0,0,0,2.8-2Z" /></svg>') no-repeat 0 2px;
	background-size: 24px 24px;
}

#TextLayout #notice h2 {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34.38"><path fill="%23000" d="M30.41,3.54C27.06,1,22.55-.44,16.73.12,11.15.65,7.39,2.47,4.92,4.92-2.74,12.54-.21,24.78,4.11,29.2c3.21,3.29,8.12,5.4,14.83,5.17,5.88-.22,9.68-2.24,12.37-4.77C37.93,23.36,37.46,8.82,30.41,3.54Z"/><path fill="%23fff" d="M27.75,15.68c-.15-5.87-7.29-11.38-15-6.89,3.54-.74,11.12,1,9,8.79-.8,2.85-6.54,3.65-7.07,0-.37-2.52,1.92-2.9,3.28-1.61.29-3.3-3-4.17-5.39-3.09A6.59,6.59,0,0,0,9.2,19.43c.54,3.85,4.68,6.81,9,6.87C23.47,26.37,27.93,23.29,27.75,15.68Z" /></svg>') no-repeat 0 2px;
	background-size: 24px 24px;
}

#TextLayout #notice h2 strong{
	margin-left: -29px;
	display: block;
	padding-left: 30px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30.24 28.88"><path fill="%23000" d="M25.55,3A16,16,0,0,0,14.05.1c-4.69.45-7.84,2-9.91,4-6.44,6.41-4.31,16.69-.69,20.4,2.7,2.76,6.82,4.54,12.46,4.34a15.21,15.21,0,0,0,10.39-4C31.87,19.63,31.47,7.4,25.55,3Z"/><path fill="%23fff" d="M14.29,4.78c.48-1,1.26-1,1.74,0l1.8,3.66a4.19,4.19,0,0,0,2.8,2l4,.59c1.07.15,1.31.89.54,1.64l-2.92,2.86a4.14,4.14,0,0,0-1.07,3.29l.69,4c.18,1.06-.45,1.52-1.4,1L16.89,22a4.18,4.18,0,0,0-3.46,0l-3.61,1.9c-1,.5-1.59,0-1.41-1l.7-4A4.18,4.18,0,0,0,8,15.56L5.11,12.7c-.77-.75-.53-1.49.54-1.64l4-.59a4.19,4.19,0,0,0,2.8-2Z" /></svg>') no-repeat 0 2px;
	background-size: 24px 24px;
}

#TextLayout #notice h2 em{
	margin-left: -29px;
	display: block;
	font-weight: bold;
	padding-left: 30px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44.46 42.96"><path fill="%23000" d="M23.28,0c-.9,0-1.83,0-2.76.13-6,.58-10.86,2.62-14.31,6-9.44,9.37-6.79,24.21-.82,30.31,2.87,3,8.12,6.48,16.76,6.48l1.15,0A22.51,22.51,0,0,0,38.36,37c4.18-3.94,6.45-10.39,6.06-17.25-.37-6.56-3.06-12.17-7.36-15.39A22.47,22.47,0,0,0,23.28,0Z"/><path fill="%23fff" d="M33.73,8.84A17.07,17.07,0,0,0,23.28,5.56c-.72,0-1.46,0-2.23.11-5.17.5-8.64,2.18-10.93,4.45C3,17.17,5.37,28.51,9.36,32.6c2.82,2.89,7.06,4.8,12.79,4.8l1,0c5.44-.19,9-2.07,11.45-4.41C40.69,27.2,40.25,13.72,33.73,8.84ZM7.86,23.55A2.1,2.1,0,1,1,10,21.45,2.1,2.1,0,0,1,7.86,23.55ZM22.36,6.21a2.1,2.1,0,1,1-2.1,2.1A2.1,2.1,0,0,1,22.36,6.21ZM11,9.9h0a2.15,2.15,0,0,1,3,0,2.1,2.1,0,0,1,0,3,2.06,2.06,0,0,1-1.48.61A2.1,2.1,0,0,1,11,9.9Zm3.11,22.81a2.1,2.1,0,0,1-1.49.61,2.07,2.07,0,0,1-1.48-.61,2.1,2.1,0,0,1-.62-1.49,2.06,2.06,0,0,1,.62-1.48,2.16,2.16,0,0,1,3,0A2.12,2.12,0,0,1,14.08,32.71Zm8.28,4a2.1,2.1,0,1,1,2.1-2.1A2.1,2.1,0,0,1,22.36,36.7ZM26.75,26a6.35,6.35,0,0,1-4.25,1.7h-.28a6.39,6.39,0,0,1-4.72-1.88,6.47,6.47,0,0,1,.17-8.75,6.4,6.4,0,0,1,4-1.77c.25,0,.49,0,.72,0a6.62,6.62,0,0,1,2.71.58l5.13-4.78a2,2,0,0,1,.58-1.16,2.1,2.1,0,1,1,1.88,3.54L28,18.76A6.51,6.51,0,0,1,28.57,21,6.23,6.23,0,0,1,26.75,26Zm6.68,6.91a2.1,2.1,0,0,1-3-3h0A2.1,2.1,0,0,1,34,31.41,2.09,2.09,0,0,1,33.43,32.9Zm2.63-9.35a2.1,2.1,0,1,1,2.1-2.1A2.1,2.1,0,0,1,36.06,23.55Z" /><path fill="%23f60" d="M24.42,19.07a3.38,3.38,0,0,0-2.42-.6,3.07,3.07,0,0,0-2.23,5.13,3.38,3.38,0,0,0,2.62.91,3.21,3.21,0,0,0,2.19-.84A3.39,3.39,0,0,0,24.42,19.07Z" /></svg>') no-repeat 0 2px;
	background-size: 24px 24px;
}

#TextLayout #notice .contents p strong span{
	font-weight: bold;
}

#TextLayout #notice .contents table{
	margin: 0 auto 20px;
}

#TextLayout #notice .contents table td{
	vertical-align: top;
	padding: 10px;
}

/* #TextLayout #notice .contents table td:not(:first-child){
	padding: 0 10px;
} */

#TextLayout #notice .contents table td img{
	/* width: 100%; */
	height: auto;
}

#TextLayout #notice .contents div.wp-video{
	max-width: 640px !important;
	margin-bottom: 20px;
}

/* song */

#TextLayout #notice .contents ul.charaprofile {
	font-size: 100%;
}

#TextLayout #notice .contents ul.charaprofile {
	width:100%;
	margin:20px auto;
	letter-spacing: -0.4em !important;
}

#TextLayout #notice .contents ul.charaprofile h2{
	font-size: 100%;
}

#TextLayout #notice .contents ul.charaprofile li {
	width: 100%;
    display: block;
	vertical-align: top;
	letter-spacing: normal !important;
}

#TextLayout #notice .contents ul.charaprofile li.charaprofile_img {
	width: 100%;
	text-align: center;
}

#TextLayout #notice .contents ul.charaprofile li img {
text-align: center;
}

#TextLayout #notice .contents ul.charaprofile li p {
	font-size: 70%;
}

#TextLayout #notice .contents .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	height: 0;
	margin: 0 auto 30px;
	padding-top: 56.25%;
	overflow: hidden;
}

#TextLayout #notice .contents .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#TextLayout #notice .dcd_attention_ttlglg {
    font-size: 25px;
    text-align: center;
    padding: 15px 0 15px;
    font-weight: bold;
    line-height: 1.2;
}

#TextLayout #notice .popup_content p {
    line-height: 1.5;
}

#TextLayout #notice .tac {
    text-align: center !important;
}

#TextLayout #notice #song h2.icon_cam {
    padding-bottom: 10px;
    border-bottom: 1px solid white;
	margin-top: 20px;
    margin-bottom: 20px !important;
}

#TextLayout #notice #song h2.pickup {
    padding-bottom: 10px;
    border-bottom: 1px solid white;
	margin-top: 50px;
    margin-bottom: 20px !important;
}

/*★↑*/

#TextLayout .mainContents .contents ul {
	font-size: 16px;
}

#TextLayout .mainContents .contents .dateTitle p img,
#NewsLayout .mainContents .contents .dateTitle p img {
	margin-left: 5px;
	width: 60px;
	vertical-align: text-bottom;
}

#TextLayout h2.icon_cam {
	color: #fff005;
}

#TextLayout h2.icon_cam + p:empty,
#TextLayout h2.icon_time + p:empty,
#TextLayout h2.icon_item + p:empty,
#TextLayout h2.icon_caution + p:empty {
	display: none;
}

#NewsLayout .mainContents p.has-x-small-font-size,
#TextLayout .mainContents p.has-x-small-font-size {
	font-size: 10px;
}

#NewsLayout .mainContents p.has-small-font-size,
#TextLayout .mainContents p.has-small-font-size {
	font-size: 60%;
}

#NewsLayout .mainContents p.has-16-px-font-size,
#TextLayout .mainContents p.has-16-px-font-size {
	font-size: 16px;
}

#NewsLayout .mainContents p.has-medium-font-size,
#TextLayout .mainContents p.has-medium-font-size {
	font-size: 80%;
}

#NewsLayout .mainContents p.has-large-font-size,
#TextLayout .mainContents p.has-large-font-size {
	font-size: 95%;
}

#NewsLayout .mainContents p.has-x-large-font-size,
#TextLayout .mainContents p.has-x-large-font-size {
	font-size: 110%;
}

#TextLayout .wp-block-embed-youtube .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	height: 0;
	margin: 0 auto 30px;
	padding-top: 56.25%;
	overflow: hidden;
}

#TextLayout .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 782px) {
	html[lang] {
		margin-top: 0 !important;
	}
	#wpadminbar {
		display: none;
	}
}

@media screen and (max-width: 736px) {
	/* #TextLayout #notice .imgLayout img:not(:first-child){
		margin-left: 0px;
	} */
	#TextLayout #notice p img:not(:first-child){
		margin-left: 0px;
	}
}

@media screen and (min-width: 737px) {

	#TextLayout .wp-block-embed-youtube .wp-block-embed__wrapper {
		max-width: 640px;
		width: 640px;
		height: 360px;
		margin: 0 auto 40px;
		padding: 0;
	}

	#TextLayout .mainContents .contents .dateTitle p img,
	#NewsLayout .mainContents .contents .dateTitle p img {
		margin-left: 10px;
		width: auto;
		vertical-align: bottom;
	}

	#TextLayout .mainContents .contents .wp-embed-aspect-16-9.wp-has-aspect-ratio {
		text-align: center;
	}

	#TextLayout .mainContents .contents .wp-embed-aspect-16-9.wp-has-aspect-ratio iframe {
		width: 640px;
		height: 360px;
	}

	#TextLayout #notice .contents ul.charaprofile li {
		width: 50%;
		margin-left: 20px;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal !important;
	}

	#TextLayout #notice .contents ul.charaprofile li.charaprofile_img {
		width: 45%;
		text-align: center;
	}

	#TextLayout #notice .contents ul.charaprofile h2 {
		margin-top: 0;
	}

}

/* chara.css */
.skillImg,
.charaArea {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
					-webkit-align-items: flex-start;
					align-items: flex-start;
	-webkit-box-pack: justify;
					-webkit-justify-content: space-between;
					justify-content: space-between;
}
.charaArea {
	margin-bottom: 20px;
}
.charaArea > img {
	width: 500px;
}
.charaArea > div {
	width: 100%;
	box-sizing: border-box;
	padding-left: 1em;
	min-height: 220px;
	-webkit-align-self: center;
					align-self: center;
}
.skillImg img {
	width: 49%;
}
.wp-block-table table {
	width: auto;
	font-size: 75%;
}

@media screen and (max-width: 560px) {
	#TextLayout #notice .mainContents table td{
		width: 100% !important;
		display: block;
        text-align: left;
	}
}

@media screen and (max-width: 480px) {
	.contents > section {
		margin-bottom: 30px;
	}
	#TextLayout .mainContents .contents {
		padding-bottom: 0 !important;
	}

	.skillImg {
		display: block;
	}
	.skillImg img {
		width: 100%;
	}
	.skillImg img:first-child {
		margin-bottom: 10px;
	}
	.charaArea {
		display: block;
		margin-bottom: 1em;
	}
	.charaArea > img,
	.charaArea > div {
		width: 100%;
		min-height: auto;
	}
	.charaArea > div {
		padding-left: 0;
	}
	.mainContents img {
		pointer-events: none;
	}
	.dateTitle + .desc {
		margin-bottom: 0;
	}

/* ↓★ */

	#TextLayout #notice .mainContents table td{
		width: 100% !important;
		display: block;
        text-align: left;
		padding: 10px 0;
	}

}