/*
Theme Name:Manta-child
Template:manta
Version:1.3.3
*/


/* UDフォント読み込み */
/* ウェブフォントの読み込みscriptタグは */
/* /lib/template-parts/head/head.php内に */
body, h1, h2, h3, h4, h5, h6, h1.site-title, p.site-title {
font-family:"UDDigiKyokasho R";
line-height:1.8rem;
}

pre,
code,
kbd,
samp {
    font-size: 1.1em;
}

body {
    font-size: 1.2rem;
}

/* サイトタイトル文字色 */
.title-area .site-title a {
color: #6c0f35;
}
/* 元のテーマにあったボーダーを非表示 */
#main-navigation {
border-top: none;
}
.boxed .site-header {
border-bottom: none;
}

/* トップページのページ名非表示 */
.home header h1.entry-title {
display: none;
}
/* トップページスライダーの下マージンを調整 */
#metaslider_14 {
margin-bottom: 80px;
}

/* サイトタイトル下の説明文 */
.title-area .site-description {
	color: #6c0f35;
	margin: 10px 0 0 5px;
}

/* 各ページのタイトル文字色 */
h1.entry-title, h1.page-title {
color: #6c0f35;/*文字色*/
padding: 1.5rem 0;/*上下の余白*/
border-top: double 7px #f9d6e4;/*上線*/
border-bottom: double 7px #f9d6e4;/*下線*/
font-size:2.3rem;
letter-spacing: .5rem;
	margin-bottom:2rem;
}
h1.entry-title {letter-spacing: 0;line-height: 2.8rem;}

/* 見出しのデザイン変更 */
h2{
font-size: 1.5rem;/* 文字の大きさ */
font-weight: bold;/* 文字の太さ */
color: #6c0f35;/* 文字の色 */
border: 2px dashed #ffecef;
background: #f9d6e4;/* 背景色 */
border-radius: 5px;/* 四隅の丸み */
-webkit-border-radius: 5px;/* 四隅の丸みと同じ数字に */
-moz-border-radius: 5px;/* 四隅の丸みと同じ数字に */
position: relative;
padding: 0.5em 0.8em;
margin-top:2rem!important;
margin-bottom:1rem!important;
box-shadow: 0 0 0 3px #f9d6e4;
}
a h2:after, h2.entry-title:after{
border-top: 20px solid #f9d6e4;/* 下の出っ張り部分の色 */
border-left: 20px solid transparent;
border-right: 20px solid transparent;
position: absolute;
bottom: -20px;
left: 5%;
z-index: 90;
content: "";
}
a:hover h2, h2.entry-title:hover{
background: #ffecef;
border: 2px dashed #f9d6e4;
box-shadow: 0 0 0 3px #ffecef;
}
a:hover h2:after, h2.entry-title:hover:after {
border-top: 20px solid #ffecef;
}
h2.entry-title a, h2.entry-title a {
color: #6c0f35;
}
h2.entry-title a:hover, h2.entry-title a:hover {
color: #6c0f35;
}
h3 {
position: relative;
padding:.5rem 0;
margin-bottom:1rem!important;
font-size:1.4rem;
}

h3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #f9d6e4, #f9d6e4 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #f9d6e4, #f9d6e4 2px, #fff 2px, #fff 4px);
}
h4 {
font-size:1.2rem;
border-bottom: solid 3px #f9d6e4;
position: relative;
}
h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #e4678a;
bottom: -3px;
width: 20%;
}

.btn-pink{
background-color: #ff0099;
border-radius: 3px;
color: #fff;
padding: 15px;
}

/* ルビメニューのデザイン */
/* ルビ用のaタグはheader.php内と */
/* WP管理ページ > 外観 > メニュー > ヘッダーメニューに */
ul#header-nav li.ruby_link a{
background-color: #ff0099;
border-radius: 3px;
color: #fff;
padding: 3px 5px;
}

/* 大きめ文字のリード文 */
.lead-text {
color: #ff0099;
text-align: center;
}

/* グローバルメニューのデザイン変更 */
#main-navigation.toggled-on {
background-color: #fdf4f8!important;
}
.toggled-on .menu-toggle {
border-bottom: none;
}
.menu-toggle {
border-top: none;
}
@media screen and ( min-width: 1023px ) {
#main-navigation {
background-color: #fdf4f8;
border-top: 1px solid #f9d6e4;
border-bottom: 1px solid #f9d6e4;
}

#main-navigation .search-toggle {
background-color: #e4678a;
border-radius: 5px;
color: #fff;
}
}
#primary-menu {
background-color: #fdf4f8;
}

.menu-item a {
color: #6c0f35;
}
.menu-item a:hover {
color: #ff0099;
font-weight: bold;
}
li.current-menu-item a, li.current_page_item a {
background-color: #ffffff;
}
li.current-menu-item a span, li.current_page_item a span {
color: #ff0099;
font-weight: bold;
}

/* トップページ最近の活動のレイアウト変更 */
ul.wp-block-latest-posts {
overflow: hidden;
}
ul.wp-block-latest-posts li {
background: url() no-repeat;
list-style: none;
padding: 5px 5px 0 0;
}
ul.wp-block-latest-posts li time {
float:left;
line-height: 1.6rem;
}
ul.wp-block-latest-posts li a {
line-height: 1.6rem;
margin-left: 0.5rem;
}
ul.new-posts {
margin: 0.1em 1rem;
}
ul.new-posts .post-data {
/*margin-left: 7rem;*/
	margin-left: 8.5rem;
}
ul.new-posts .new-mark {
background-color: #6c0f35;
padding: 0.3em 0.6em;
}
ul.new-posts .post-data .title a{
color: #6c0f35;
}
ul.new-posts .post-data .title a:hover {
color: #ff0099;
text-decoration: underline;
}

/* 動画ページレスポンシブ */
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
width: 100%;
position: relative;
padding: 0;
height: auto;
display:block;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper:before {
padding-top: 56.25%;
content: "";
display: block;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper > iframe,
.wp-block-embed.is-type-video .wp-block-embed__wrapper > object{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

/* アーカイブページのデザイン調整 */
.post-wrapper .entry-header {
margin-bottom: 1.1rem;
}
.boxed .page-header {
padding: 0 0 0 40px;
}
.category .entry-content {
margin: 0 10px 0 18px;
width: 98%;
}
.category .entry-content p {
margin-bottom: 0.5rem;
}
.category .entry-meta time {
margin-left: 18px;
}
.post-wrapper {
padding-bottom: 0;
}
a.more-link {
float: right;
margin-right: 20px;
}
.entry-meta > span {
border-right: none;
}
.byline {
display: none;
}
.entry-footer {
display: none;
}
p.link-more {padding-bottom:1rem;}


/* 記事ページ内の前後リンクレイアウト変更 */
.nav-links {
overflow: hidden;
}
.nav-previous {
float: left;
margin-right: 20px;
width: 340px;
}
.nav-next {
float: right;
width: 340px;
}


/* フッター最下部コピーライト部分非表示 */
/* 一部の文言は lib/template-parts/footer/items.php内にあるのでそれを削除 */
.footer-text .sep {
display: none;
}
.footer-text a {
display: none;
}

/* フォームのデザイン */
.respStyle table {
border-color: #f9d6e4;
}

.respStyle th {
background-color: #fdf4f8;
border-color: #f9d6e4;
color: #6c0f35;
text-align: left;
vertical-align: middle;
width: 35%;
}

.respStyle td {
border-color: #f9d6e4;
color: #6c0f35;
}

.required-srt {
font-size: 10pt;
padding: 8px 5px;
background: #ff0099;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}

.unrequired-srt {
font-size: 10pt;
padding: 8px 5px;
background: #ccc;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}

.btn-primary[disabled] {
background-color: #ccc;
border: 1px solid #aaa;
}

a.rule-link {
color: #ff0099;
margin-left: 10px;
}
button {
background-color: transparent;
border-radius: 5px;
display:block;
margin: 0 auto;
}
button:focus{
background-color: #6c0f35;
}
input[type="text"],input[type="email"],input[type="tel"]{
border: 1px solid #ccc;
}
textarea {
border: 1px solid #ccc;
background-color: #fff;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
background-color: #fdf4f8;
border: 1px solid #f9d6e4;
}
input[type="submit"] {
background-color: #ff0099;
border-radius: 5px;
}
input[type="submit"]:focus {
background-color: #6c0f35;
}
.caution {
background-color: #fdf4f8;
border-radius: 5px;
display: block;
margin-top: 5px;
padding: 5px;
}
button:hover {
background-color: transparent;
}

#colophon {
    font-size: 1.1rem;
}
#colophon .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: end;
}

.has-medium-font-size {
	font-size: 1.2rem;
}
.respStyle th,
.respStyle td {
    font-size:1.2rem;
}

/* スマホ版タブレット版調整 */
@media screen and (max-width: 640px) {
/* スマホ版タイトル文字サイズ */
h1.site-title, p.site-title, h1.entry-title, h1.page-title {
font-size: 1.8rem;
}
/* FB用フレームサイズ調整 */
.fb-page.fb_iframe_widget iframe{
width: 100%;
max-width: 295px;
}

.category .entry-content {
width: 300px;
}
}

@media screen and (min-width: 641px) {
/* サイトタイトル改行調整 */
/* サイトタイトル文字は/lib/template-parts/header/text.php内に */
	.head-text__break, .text__break {
		display: none;
	}
}

@media screen and (max-width: 860px) {
/* ルビ用リンクがグロナビに入ってしまうので非表示 */
	a.ruby_link {
		display: none;
	}
	body {
   font-size: 1.2rem;
	line-height: 1.6;
	}
}
@media screen and (min-width: 861px) {
/* bodyタグ直後に貼ったルビ用リンク。PCでは非表示  */
	a.ruby_button {
		display: none;
	}
}

@media screen and (max-width:1023px) {
.boxed .site-content{
padding: 5px 0 0 0;
}
.site-content {
padding-top: 5px;
}
.site-branding {
padding: 10px 5px 5px 5px;
}
.site-branding .title-area p.site-title,
.site-branding .title-area h1.site-title{
padding-top: 10px;
}
.lead-text__break__tbng {
display: none;
}
#metaslider_14 {
margin-bottom: 40px;
}
.nav-previous {
float: none;
}
.nav-next {
float: none;
}
.fb-page.fb_iframe_widget iframe {
max-width: 300px;
}
.category .entry-content {
margin-left: 5px;
width: 98%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.nav-menu a {
/*padding: 0.875rem;*/
	padding: 1rem;
}
/* タブレット用リード文改行調整 */
.lead-text__break__tbng {
display: none;
}
}

@media screen and (min-width: 1025px) {
	.lead-text__break, .head-text__break__pcng {
		display: none;
	}
}

/* IEバグ対応 */
@media only screen and (min-width: 1024px) {

.boxed .content-area {
	margin: 0 auto;
    }
.content-sidebar-wrap.no-sidebar {
	display: block;
	justify-content: center;
	padding-bottom:16px;
    }
}


/* google reCAPTCHA */
.grecaptcha-badge {
    bottom: 100px !important;
}