@charset "UTF-8";

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pc-v {display: block;}
.sp-v {display: none;}
@media print, screen and (max-width: 480px) {
.pc-v {display: none;}
.sp-v {display: block;}
}

.header-container {height: 120px;border-top: 5px solid #709fd6;}
.header-container-in.hlt-top-menu .logo-header img {height: auto;max-height: 80px;margin: 10px 0 0 30px;}
@media screen and (max-width: 1007px){
.header-container {height: 0px;}
}
@media screen and (max-width: 480px){
.header-container-in.hlt-top-menu .logo-header img {width: 180px;}
}
.header-container-in.hlt-top-menu .navi {width: 630px;}
.navi-in > ul {margin: 50px 30px 0 0;}
.navi-in > ul a {font-size: 1em;color: #333333;}
.navi-in > ul .item-label:before {font-family: FontAwesome;content: '\f0da';padding-right: 0.4em;color: #5082c8;}

.main {margin-top: 0;}
.content {margin-top: 0;}

/*サイドバー*/
.sidebar h3 {color: #ffffff;background-color: #71a8df;border-radius: 10px;}
.sidebar ul {margin: 0 10px 30px 15px;}
.sidebar ul li{line-height:1.2;}
.page-numbers {color: #00639c;border: 1px solid #00639c;border-radius: 0.5em;}

/*サイドバー 最新記事・人気記事*/
.popular-entry-card-title.widget-entry-card-title.card-title,.new-entry-card-title.widget-entry-card-title.card-title {font-size: 0.82em;padding: 0.4em 0.3em;display: block;}
.widget-entry-cards .a-wrap {margin: 0;padding: 0 5px;}
.widget_categories ul li {width: 48%;display: inline-block;}
.widget_categories ul li a {font-size: .9rem;padding: 3px 0;}

/*カテゴリータイトル*/
.archive-title {color: #348cde;}

/*見出し*/
.article h1.entry-title {width: 100%;font-size: 2rem;line-height: 1.5;letter-spacing: .08rem;margin: 2.1rem auto 1.7rem;padding: 0;font-weight: 300;}
.article h2 {width: 98%;font-size: 1.75rem;line-height: 1.65;letter-spacing: .1rem;margin: 3.6rem auto 2.6rem;padding: 1.7rem .1rem;background-color: transparent;border-radius: 0;border-top: #333 1px dashed;border-bottom: #333 1px dashed;font-weight: 300;}
.article h3 {width: 98%;font-size: 1.3rem;border: none;border-bottom: 1px solid #ccc;margin: 2rem auto 1rem;padding: 0 0 .4rem;font-weight: 300;}
.article h4 {width: 98%;font-size: 1.2rem;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 1.5rem auto .8rem;padding: .7rem .5%;font-weight: 300;}
.article h5 {width: 98%;font-size: 1.1rem;margin: 1rem auto .6rem;padding: .4rem .5%;font-weight: 300;}
.article h6 {width: 98%;font-size: .95rem;margin: .7rem auto .4rem;padding: .3rem .5%;font-weight: 300;}

@media print, screen and (max-width: 480px) {
.tagline {font-size: 13px;margin: 1.4em auto 0.4em;line-height: 1.4; width: 94%;}
.logo-menu-button img {margin: 3px auto 10px;width: 75%;height: auto;}
.entry-card-title, .related-entry-card-title {font-size: 0.9em;}

.article h1.entry-title {width: 98%;font-size: 1.5em;padding: 0;}
.article h2 {width: 98%;font-size: 1.3em;}
.article h3 {width: 98%;font-size: 1.2em;}
.mobile-menu-buttons {font-size: 25px;line-height: 1.2;padding: 5px 0 0;}
.mobile-menu-buttons .menu-caption {font-size: 11px;}
.mobile-header-menu-buttons .menu-button {color: #00639c;}
}

.entry-content p {width: 92%;font-size: 1.05rem;line-height: 2.15;letter-spacing: .09rem;margin: .5rem auto 2rem;padding: 0;}
.entry-content.cf img {margin-top: 20px;}
.entry-content ul {width: 88%;margin: 0 auto 2.5rem;padding: 0;}
.entry-content ul li {font-size: 1rem;line-height: 1.6;margin: 0 auto .6rem;padding: 0;}
.entry-content ol {width: 88%;margin: 0 auto 2.5rem;padding: 0 0 0 .4rem;}
.entry-content ol li {font-size: 1rem;line-height: 1.6;margin: 0 auto .6rem;padding: 0;}

/*引用（blockquote）*/
.entry-content blockquote p {font-size: 0.95rem;padding: 5px 0 0;}

/*更新日*/
.post-date, .post-update, .post-author, .amp-back {color: #777;}

/*吹き出し*/
.sbp-r .speech-balloon {margin-bottom: 1em;}
div.speech-balloon {width: 70%;}
div.speech-balloon p {margin: 0.5em;font-size: 0.95em;line-height: 1.6;}

/*目次*/
.toc {width: 70%;border-radius: .6rem;padding: .5rem 0 .1rem;margin: 0 auto 2rem;}
.toc-title {font-size: .9rem;margin-bottom: .5rem;letter-spacing: .08rem;}
.toc-content {transition: all .1s ease-out;}
.article ul ul li {list-style-type: disc;}
.entry-content #toc .toc-content ul li {font-size: .9rem;margin-left: .7rem;line-height: 1.7;list-style: disc;}
.entry-content #toc .toc-content ul li ul li {font-size: .8rem;margin-left: 1rem;line-height: 1.3;list-style: circle;}
/*
.article ul ul,.article ol ol {font-size: 0.9em;padding-left: 1.2em;line-height: 1.5;}
*/
@media print, screen and (max-width: 480px) {
.toc {width: 90%;margin: 0 auto 1rem;}
}
	
/*引用*/
blockquote {width: 90%;margin: 0 auto;padding: 1em 0.5em 0;font-size: 0.85em;}

/*モバイルドロワーメニュー*/
.menu-close-button {padding-top: 10px;}
.menu-close-button::before {font-size: 1.6rem;color: #00639c;}
.menu-drawer a {font-size: 1.1rem;}

/*フッター*/
.navi-footer-in > ul .menu-item-49 a:before,.navi-footer-in > ul .menu-item-50 a:before {content: '\f08b';padding-right: 0.4em;font-size: 0.95em;font-family: FontAwesome;color: #5082c8;}
@media print, screen and (max-width: 480px) {
.navi-footer-in > .menu-footer li.menu-item {width: 100%;}
}

/*ページトップ*/
.go-to-top-button {width: 80px;height: 80px;}
.go-to-top-button img{width: 80px;height: 80px;}

/*キャプション*/
.caption1 {display: block;font-weight: 300;letter-spacing: .05rem;font-size: 14px;line-height: 32px;padding-left: 43px;max-width: 100%;position: relative;}
.caption1:before {content: '';position: absolute;top: 16px;left: 0;transform: translateY(-50%);width: 32px;height: 1px;background-color: #333;}
@media print, screen and (max-width: 480px) {
.caption1 {font-size: 11px;line-height: 16px;padding-left: 29px;}
.caption1:before {top: 8px;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: block;width: 20px;}
}

/*ランキング*/
.widget-entry-cards.ranking-visible .card-thumb::before {font-size: .8rem;line-height: 1;width: 1.5rem;height: 1.25rem;}

/*ブログカード*/
.blogcard {padding: 1% 2.5% 2% 3%;}
.blogcard-title {font-size: 1rem;margin: 10px auto 7px;}
.blogcard-snippet {font-size: 0.8rem;line-height: 1.6;}
.blogcard-thumb-image.internal-blogcard-thumb-image.wp-post-image {margin-top: 10px;}
.blogcard-footer.internal-blogcard-footer.cf {display: none;}

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}