/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

.cta_title {
    display: none
}

.cta_thumbnail {
    display: none;
}

.cta_content .content {
    padding: 0;
}

.sidepict {
    height: 160px;
}

#logo a {
    position: relative;
    width: 100%;
    height: auto;
}

#logo img {
    height: auto;
    max-height: 55px;
}

/*ここから共通スタイル*/
body {
	font-family: "BIZ UDGothic","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Arial,FontAwesome,sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

h1 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}

h2, h3, h4, h5 {
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}

.content h1:where(:not([class])), :where(.is-editor-blocks) :where(.content) h1:not(.sc_heading) {
	border-bottom: 2px solid #004363 !important;
}

.content h1, h1 {
	line-height: 1.5 !important;
	color: #000000 !important;
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	padding: 0.3em 1em 0.3em 1em !important;
}

h1.catpage_title {
	color: #ffffff !important;
	font-weight: 300 !important;
}

.content h2:where(:not([class])), :where(.is-editor-blocks) :where(.content) h2:not(.sc_heading) {
	border-top: 1px solid #dfdfdf !important;
	border-right: 1px solid #5f5f5f !important;
	border-bottom: 1px solid #5f5f5f !important;
	border-left: 16px solid #004363 !important;
	border-radius: 0px !important;
}

.content h2, h2 {
	line-height: 1.5 !important;
	font-size: 1.1rem !important;
	padding: 0.3em 1em 0.3em 1em !important;
}

.content h3:where(:not([class])), :where(.is-editor-blocks) :where(.content) h3:not(.sc_heading) {
	border-top: 1px solid #dfdfdf !important;
	border-right: 1px solid #5f5f5f !important;
	border-bottom: 1px solid #5f5f5f !important;
	border-left: 16px solid #0090D3 !important;
	border-radius: 0px !important;
}

.content h3, h3 {
	line-height: 1.5 !important;
	font-size: 1.1rem !important;
	padding: 0.3em 1em 0.3em 1em !important;
}

.content h4:where(:not([class])), :where(.is-editor-blocks) :where(.content) h4:not(.sc_heading) {
	border-bottom: 2px dashed #0bb4cb !important;
}

.content h4, h4 {
	line-height: 1.5 !important;
	font-size: 1.1rem !important;
	padding: 0px 1em 0.3em 1em !important;
}

h4:before{
	display: none !important;
}

.content h5:where(:not([class])), :where(.is-editor-blocks) :where(.content) h5:not(.sc_heading) {
	border-bottom: 2px dotted #004363 !important;
}

.content h5, h5 {
	line-height: 1.5 !important;
	font-size: 1.1rem !important;
	padding: 0px 1em 0.3em 1em !important;
}

hr {
	border-top: 1px dashed #0bb4cb !important;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}

p, pre {
	margin-bottom: 20px !important;
}

td p:last-child {
	margin-bottom: 0px !important;
}

img {
	margin-bottom: 20px;
}

.cta_content {
	padding: 20px 10px 0px 10px !important;
}

@media screen and (max-width: 768px){
	.content h1, h1 {
        font-size: 1.0rem !important;
    }

	.content h2, h2 {
        font-size: 1.0rem !important;
    }

	.content h3, h3 {
        font-size: 1.0rem !important;
    }

	.content h4, h4 {
        font-size: 1.0rem !important;
    }

	.content h5, h5 {
        font-size: 1.0rem !important;
    }

    .cta_content {
	    padding: 10px 10px 0px 10px !important;
    }

	.widget {
        margin-bottom: 0px !important;
    }
}

div.contentcenter {
	display: grid;
	justify-content: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	max-width: 690px !important;
}

div.contentleft {
	display: grid;
	justify-content: left;
	margin: 0px auto 0px auto;
	padding: 0px;
	max-width: 690px !important;
}

table, tr, td, th {
	border-collapse: collapse;
	border: 1px solid #909090 !important;
}

th {
	background-color: #afd7f7 !important;
}

/*四隅を丸める*/
img.roundcorners {
	border-radius: 10px;
}

/*カテゴリー*/
.catpage_inner_content {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.catpage_title {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.post-type {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.post-cat a, .post-tag a {
	font-size: 0.8rem !important;
}

.post-title {
	font-size: 1.05rem !important;
}

.post-substr {
	font-size: 0.9rem !important;
}

.cat-tag .single-post-category {
	font-size: 0.8rem !important;
}

.cat-tag .tag {
	font-size: 0.8rem !important;
}

@media screen and (max-width: 768px){
	.post-cat a, .post-tag a {
		font-size: 0.7rem !important;
	}

	.post-title {
		font-size: 0.9rem !important;
	}

	.post-substr {
		font-size: 0.8rem !important;
	}

	.cat-tag .single-post-category {
		font-size: 0.7rem !important;
	}

	.cat-tag .tag {
		font-size: 0.7rem !important;
	}
}

/*ウィジェット*/
.widget_diver_widget_pcsp {
    padding: 0;
    margin-bottom: 20px;
}

.textwidget li {
	font-size: 1.0rem;
}

.textwidget li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.textwidget p#header_contact, .textwidget p#header_contact a {
	margin: 0px !important;
}

/*ヘッダー*/
div#logo {
	padding-right: 20px;
}

/*メニュー*/
#onlynav ul li a {
	font-size: 1.05rem;
}

#onlynav ul li:nth-child(n+2) a::after {
  content: "|";
  color: #004363 !important;
  position: absolute;
  left: 0px;
  transform: translateX(-50%);
}

/*外部コンテンツ*/
div#excontent {
	margin-bottom: 0px;
}

/*ドラゴン吹き出し*/
@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@500&display=swap');

div.character_container {
    display: flex;
    align-items: flex-start;
    margin: 0px auto 20px auto;
    max-width: 690px;
}

@media (width <= 768px){
    div.character_container {
        flex-wrap: wrap;
    }
}

@media (769px <= width){
    div.character_container {
        flex-wrap: nowrap;
    }
}

img.character {
    width: 100px;
    max-width: 100px;
    margin-right: 10px;
}

div.bubble {
    border: 2px dashed #cd853f;
    border-radius: 10px;
    padding: 20px;
    margin: 0px;
    background: -webkit-repeating-linear-gradient(-45deg, #ffffe6, #ffffe6 3px, #fffcef 3px, #fffcef 7px);
    background: repeating-linear-gradient(-45deg, #ffffe6, #ffffe6 3px, #fffcef 3px, #fffcef 7px);
}

p.bubble {
    font-family: "Klee One", sans-serif;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
}

p.bubble_bottom {
    margin: 0px !important;
}

hr.bubble {
    border-top: solid 1px #cd853f !important;
    margin: 15px 0px 10px 0px !important;
}

/*スタッフ*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;600&display=swap');

div.staff_container {
    display: flex;
    align-items: flex-start;
    border-top: 2px solid #efefef;
    border-left: 2px solid #efefef;
    border-right: 2px solid #afafaf;
    border-bottom: 2px solid #afafaf;
    border-radius: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    max-width: 300px;
    padding: 10px;
}

div.staff {
    width: 100%;
    margin: auto;
}

div.staff_container p, div.staff p {
    margin: 0px !important;
	padding: 0px !important;
}

img.staff {
    max-width: 90px;
    max-height: 90px;
    margin: 0px 10px 0px 0px !important;
}

p.staff_jp, p.staff_en {
    font-family: "Zen Old Mincho", serif;
    line-height: 1.5;
    margin-bottom: 0px !important;
    text-align: center;
}

p.staff_jp {
    font-size: 1.4rem;
    font-weight: 600;
}

p.staff_en {
    font-size: 1.1rem;
    font-weight: 400;
}

hr.staff {
    border-top: solid 1px #cfcfcf !important;
    margin: 2px 0px 2px 0px !important;
}

/*ここまで共通スタイル*/

ul.indentmenu {
	margin-left: 20px !important;
}