@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name: LION BLOG for NAPBIZ ver9.17
Theme URI: http://fit-jp.com/theme/
Description: FIT(フィット) が制作するブログ用WordPressTHEME
Author: Kota Naito　@FIT(フィット)
Author URI: http://fit-jp.com/about/
License: GNU GENERAL PUBLIC LICENSE
License URI: http://www.gnu.org/licenses/gpl.html
Version: 9.17
Support Version:9.20.0
Copyright (C) Fit(フィット).

----------このエリアは削除すると正しく動作しない可能性があります----------*/


/*リセット
/************************************************************/
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul,li,dl{list-style-position: inside;}
button,input,select,textarea{margin:0;}
html{
	box-sizing:border-box;
	line-height:1;
	font-size: 62.5%;
}
*,*:before,*:after{box-sizing:inherit;}
img,embed,iframe,object,audio,video{max-width:100%;}
iframe{border:0;}
table{
	border-collapse:collapse;
	border-spacing:0;
}
td,th{
	padding:0px;
	text-align:left;
}

hr{
	height: 0;
	border: 0;
}


/*ベース
/************************************************************/
body {
	width:100%;
	font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.4rem;
	font-weight:500;
	background:#fbfbfb;
	color:#191919;
}
button, input, select, textarea{
	font-family:inherit;
	font-weight:inherit;
	font-size:  inherit;
}
a{
	color:inherit;
	text-decoration:none;
}

.size-full{
	width:640px !important;
}
.size-large{
	width:640px !important;
}

.content ul li:before{
	content:none !important;
}


.content h2 {
	position: relative;
	padding: 0.4em;
	background: #F2F2F2;
}

.content h2:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #F2F2F2;
	width: 0;
	height: 0;
}

.content h2:first-letter{
	font-size:2.6rem !important;
	padding-bottom:5px;
	border-bottom:none !important;
	color:#000 !important;
}

@media only screen and (max-width: 767px){
	.content h2 {
	font-size: 2.6rem !important;
}
}

.l-footer {
	width:100%;
	background:#e0cd39 !important;
}

.copyright__link:hover{
	color:#FFF !important;
}

.copyright{
	color:#FFF !important;
}

.blog-description{
	display:none;
}

.photon-image{
	width:150px !important;
	height:150px !important;
}

/*前次記事
/************************************************************/
.prevNext__item.prevNext__item-prev {
    width: calc(50% - 1px);
    padding-right: 20px;
    border-right: 1px solid #E5E5E5;
}

.prevNext__item.prevNext__item-prev .prevNext__pop {
    left: 0;
}

.prevNext__item.prevNext__item-prev .prevNext__imgLink {
    float: left;
}

.prevNext__imgLink {
    display: block;
    width: 90px;
    height: 90px;
    overflow: hidden;
}

.prevNext__imgLink img {
    width: inherit;
    height: inherit;
    vertical-align: bottom;
    transform: scale(1);
    transition: ease-in-out .2s;
}

.prevNext__item.prevNext__item-prev .prevNext__title {
    float: right;
}

.prevNext__item::after {
    content: "";
    display: block;
    clear: both;
}

.prevNext__item.prevNext__item-next {
    width: 50%;
    padding-left: 20px;
}

.prevNext__item {
    position: relative;
    padding: 50px 0 20px 0;
    float: left;
}

.prevNext__item.prevNext__item-next .prevNext__pop {
    right: 0;
}

.prevNext__item.prevNext__item-next .prevNext__text {
    padding-right: 20px;
}

.prevNext__pop {
    position: absolute;
    top: 0;
    display: inline-block;
    background: #63acb7;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #ffffff;
}

.prevNext__title {
    width: calc(100% - 100px);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #63acb7;
}

.prevNext__title span {
    display: block;
    font-size: 1.2rem;
    color: #7F7F7F;
    font-weight: normal;
}

.prevNext::after {
    content: "";
    display: block;
    clear: both;
}

.prevNext {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    margin: 40px 0;
    list-style-type: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prevNext__item.prevNext__item-next .prevNext__title {
    float: left;
}

.prevNext__item.prevNext__item-next .prevNext__imgLink {
    float: right;
}

@media only screen and (max-width: 767px){
.prevNext__item.prevNext__item-prev {
    width: 100%;
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid #E5E5E5;
}

}

@media only screen and (max-width: 767px){
.prevNext__item.prevNext__item-next {
    width: 100%;
    padding-left: 0;
}
}

/*NAPBIZ
/************************************************************/
.napbiz{
	margin-top: 40px;
	overflow: hidden;
}

.napbiz h3{
	margin-bottom:10px;
	margin-left:10px;
}

.napbiz:before,
.napbiz:after {
	content: "";
	display: table;
}

.napbiz:after {
	clear: both;
}

.napbiz img{
	float:left;
	width:60px;
	height:60px;
	object-fit: contain;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:15px;
}

.napbiz_ranking{
	float: left;
	width: 47%;
	border: 1px solid #E5E5E5;
	padding-top: 12px;
	border-radius: 5px 5px;
	margin-bottom: 20px;
}

.napbiz_ranking_num {
	border-top:1px solid #E5E5E5;
	clear:both;
	padding-left:10px;
}

.napbiz_ranking_title {
	font-weight: bold;
	margin-top:5px;
	margin-bottom: 5px;
	line-height: 17px;
}

.napbiz_ranking_blog {
	margin-left: 100px;	
}

.napbiz_new{
	float: right;
	width: 47%;
	border: 1px solid #E5E5E5;
	padding-top: 12px;
	border-radius: 5px 5px;
}

.napbiz_new_num {
	border-top:1px solid #E5E5E5;
	padding-left:10px;
	clear:both;
}

.napbiz_new_title {
	font-weight: bold;
	margin-top:5px;
	margin-bottom: 5px;
}

.napbiz_new_blog {
	margin-left: 100px;	
}

.napbiz_1{
	background:#FFD700;
	color:#FFF;
	margin-right:5px;
}

.napbiz_2{
	background:#C0C0C0;
	color:#FFF;
	margin-right:5px;
}

.napbiz_3{
	background:#C47222;
	color:#FFF;
	margin-right:5px;
}

.napbiz_4{
	background:#819FF7;
	color:#FFF;
	margin-right:5px;
}

.napbiz_5{
	background:#F78181;
	color:#FFF;
	margin-right:5px;
}

@media only screen and (max-width: 1023px){
	.napbiz_ranking{
	width:100%;
}
.napbiz_new{
	clear:both;
	width:100%;
}
}


.ranking_more{
	border-top: 1px solid #E5E5E5;
	clear: both;
	text-align: center;
	padding: 8px;
}

.ranking_more a{
	padding:6px 0px 6px 16px;
}

.arrow{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}

.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.arrow::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid;
	border-right: 1px solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*レイアウト
/************************************************************/

/*ヘッダー*/
.l-header{
	flex-flow: column-reverse nowrap;
}

/*ヘッダーエクストラ*/
.l-hExtra{
	width:100%;
	background:#191919;
	padding-top:10px;
}
.l-hExtra::after {
	content: "";
	display: block;
	clear: both;
}

/*ヘッダーメイン*/
.l-hMain{
	width:100%;
	background:#323232;
}
.l-hMain::after {
	content: "";
	display: block;
	clear: both;
}

/*ラッパー*/
.l-wrapper {
	position: relative;
	display: flex;
	width:1100px;
	max-width:95%;
	margin: 0 auto;
}

@media only screen and (max-width: 767px){
	.l-wrapper {
	position:initial;
}
}

/*メイン*/
.l-main {
	width: 70%;
	padding:10px 1.5% 60px 2%;
}
.l-main::before {
	position: absolute;
	top: 0;
    right:30%;
    bottom: 0;
    left:-100vw;
    content: "";
    background: #ffffff;
	border-right:#E5E5E5 1px solid;
    z-index: -99999;
}
.l-main.l-main-single {
	width: 820px;
	max-width:100%;
	padding:60px 30px;
	margin: 0 auto;
	background: #ffffff;
	border-left:#E5E5E5 1px solid;
	border-right:#E5E5E5 1px solid;
}
.l-main.l-main-single::before {content: normal;}
.l-main.l-main-w740 {width: 740px;}
.l-main.l-main-w900 {width: 900px;}
.l-main.l-main-w100 {width: 100%;}

/*サイドバー*/
.l-sidebar {
	width: 30%;
	padding:60px 2% 60px 4%;
}

/*フッター*/
.l-footer {
	width:100%;
	background:#191919;
}


/*モジュール
/************************************************************/

/*コンテナ(ヘッダー・フッターで使用)*/
.container{
	width:1100px;
	max-width:95%;
    margin: 0 auto;
}
.container::after {
	content: "";
	display: block;
	clear: both;
}

/*マーキー(ヘッダーで使用)*/
.marquee{
	float:left;
	margin-bottom:10px;
	font-size:1.2rem;
	width:50%;
	width : calc(50% - 10px) ;
}
.marquee::after {
	content: "";
	display: block;
	clear: both;
}
.marquee__title{
	font-weight: 900;
	float:left;
	width:110px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#323232;
	margin-right:10px;
	color:#ffffff;
}
.marquee__item{
	position:relative;
	float:left;
	line-height:30px;
	color:#BFBFBF;
	width:calc(100% - 120px);
	overflow: hidden;
}
.marquee__link {
	padding-left:100%;
	display:inline-block;
	white-space:nowrap;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:15s;
	animation-iteration-count:infinite;
}
.marquee__link:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}

/*ソーシャルナビ(ヘッダーで使用)*/
.socialSearch{
	float:right;
	width: 50%;
	display: flex;
}
.socialSearch__list{
	list-style:none;
	display:inline-block;
}
.socialSearch__list::after {
	content: "";
	display: block;
	clear: both;
}
.socialSearch__item{float:left;}
.socialSearch__link{
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	margin-left:10px;
	text-align:center;
	font-size:1.2rem;
	color:#bfbfbf;
	border:#323232 1px solid;
	border-radius:50%;
}
.socialSearch__link:hover{
	border:0;
	color:#ffffff;
	transition: .2s;
}

/*検索窓(ヘッダーとサイドで使用)*/
.searchBox{
	font-size:1.2rem;
    flex-grow: 1;
}
/* 検索フォーム */
.searchBox__form {
	position:relative;
	height:35px;
	border-radius:5px;
	background:#FFF;
	display: flex;
	border: 1px solid #333;
	margin: 20px 0;
}
.searchBox__input {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: inherit;
    border: none;
    padding: 0 10px;
    background: transparent;
}

/* ヘッダー画像すぐ下の検索ボックス */
.searchBox__input { 
	border:solid 1px;
	border-radius:10px;
	padding:0 20px;
	width:100%;
}

.searchBox {
	padding:20px;
}

.searchBox__input {
    width: calc(100% - 40px);
    border-radius: 0;
    border: none;
}

#searchsubmit {
    background: #595959;
    color: #fff;
    border: none;
    width: 40px;
    cursor: pointer;
    margin-left: auto;
}

#searchsubmit svg {
    fill: #fff;
    width: 15px;
}
/*サイトタイトル(ヘッダーで使用)*/
.siteTitle{
	float:none;
	width:100%;
	padding:0;
}
.siteTitle.siteTitle-noneAd{
	width: 100%;
	height:auto;
}
.siteTitle__big{
	font-weight: 900;
	color:#ffffff;
	font-size:2.8rem;
	letter-spacing:0.5px;
	margin-bottom:10px;
}
.siteTitle__small{
	font-weight: 400;
	color:#BFBFBF;
	font-size:1.2rem;
	letter-spacing:0.5px;
}
.siteTitle__logo{
	width:100%;
	height:auto;
}
.siteTitle__logo img{
	width:100%;
	height:auto;
}
.siteTitle__link{
	position:relative;
}
.siteTitle__link::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 0;
	border-bottom: 2px solid transparent;
}

/*広告(ヘッダーで使用)*/
.adHeader{
	width:728px;
	height:90px;
	overflow:hidden;
	float:right;
	padding:20px 0;
	box-sizing:content-box;
}


/*グローバルナビ(ヘッダーで使用)*/
/*globalNavi内はWPの標準マークアップに従う*/
.globalNavi{
	float:left;
	width:100%;
}
.globalNavi ul{list-style:none;}

.globalNavi__list {
	background:#63acb7;
	border-radius:5px 5px 0 0;
}
.globalNavi__list::after {
	content: "";
	display: block;
	clear: both;
}
.globalNavi__list a{
	display:block;
	padding:0 20px;
	height:54px;
	line-height:54px;
	overflow:hidden;
}
.globalNavi__list a:hover{
	background:rgba(255,255,255,0.15);
	transition: .2s;
}
.globalNavi__list > li{
	position:relative;
	float:left;
	color:#ffffff;
	border-left: 1px solid rgba(255,255,255,0.15);
	border-right: 1px solid rgba(0,0,0,0.15);
}
.globalNavi__list > li:first-child{border-left: none;}
.globalNavi__list > li:first-child a{border-radius:5px 0 0 0;}
.globalNavi__list > li:last-child::after {
	content: "";
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;
    border-left: 1px solid rgba(255,255,255,0.15);
}
.globalNavi__list > li.menu-item-has-children::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 5px;
	height: 5px;
	margin-top: -5px;
	border-bottom: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	transform: rotate(45deg);
}
.globalNavi__list > li.menu-item-has-children > a{padding:0 30px 0 20px;}
.globalNavi__list > li > .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index:9999;
}
.globalNavi__list > li > .sub-menu > li{
	overflow: hidden;
	width: 300px;
	height: 0;
	background-color:#323232;	
	transition: 0.2s;
}
.globalNavi__list > li:hover .sub-menu li{
	overflow: visible;
	border-top: 1px solid rgba(0,0,0,0.15);
	box-shadow:0px 1px 0px 0px rgba(255,255,255,0.15) inset;
	height:54px;
	line-height:54px;
	transition: 0.2s;
}
.globalNavi__toggle{display: none;}
.globalNavi__switch{display: none;}

/*キービジュアル(TOPで使用)*/
.keyVisual{
	width:100%;
	background-size: cover;
	display: flex;
	justify-content: center;
    align-items: center;
	text-align:center;
}
.keyVisual__inner{
	width:1100px;
	max-width:95%;
}
.keyVisual__title{
	display:block;
	font-weight: 900;
	font-size: 8rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
    color: #ffffff;
	line-height:1.25;
}
.keyVisual__text{
	display:block;
	font-weight: 900;
	font-size: 2rem;
    letter-spacing: 2px;
    color: #ffffff;
	line-height:1.75;
}

/*パンくずエリアパーツ(複数個所で使用)*/
.breadcrumb{
	margin-bottom:40px;
	padding:10px;
	background: #F2F2F2;
}
.breadcrumb__list{list-style:none;}
.breadcrumb__list::after {
	content: "";
	display: block;
	clear: both;
}
.breadcrumb__item{
	position:relative;
	float:left;
	padding-right:15px;
	margin-right:15px;
	font-size:1.2rem;
	line-height: 1.75;
	color:#7f7f7f;
}
.breadcrumb__item .icon-home::before{margin-right: 5px;}
.breadcrumb__item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    transform: rotate(45deg);
}
.breadcrumb__item:last-child::after{border: none;}
.breadcrumb__link{
	text-decoration:underline;
	line-height: 1;
}

/*アーカイブタイトルボックス(アーカイブで使用)*/
.archiveTitle{
	position:relative;
	margin-bottom:40px;
	border-bottom:4px solid #E5E5E5;
}
.archiveTitle::before{
	content:"";
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	width: 20%;
	height: 4px;
	background-color: #63acb7;
}
.archiveTitle::after {
	content: "";
	display: block;
	clear: both;
}

/*サブページネーション(アーカイブタイトルボックス内で使用)*/
.subPager{
	float:right;
	margin-bottom:20px;
}
.subPager__text{
	font-size:1.2rem;
	display: inline-block;
	margin-right:5px;
}
.subPager__list{
	list-style:none;
	display: inline-block;
}
.subPager__item{
	font-family:monospace ;
	display: inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin-left:2px;
    color: #bfbfbf;
    border: #bfbfbf solid 1px;
    border-radius: 5px;	
}
.subPager__item:hover{
	color: #7f7f7f;
	border-color:#7f7f7f;
}
.subPager__link{display:block;}

/*アーカイブリスト(アーカイブで使用)*/
.archiveList{
	position: relative;
    border-bottom: 1px solid #63acb7;
    padding-bottom: 10px;
    margin: 0 auto 40px auto;
    margin: 20px auto 40px auto;
	
}
/*左アイキャッチ時/左アイキャッチ無し時*/
.archiveList.archiveList-leftImg::after,
.archiveList.archiveList-leftImgNo::after{
	content: "";
    display: block;
    clear: both;
}
.archiveList::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80%;
    height: 1px;
    background-color: #E5E5E5;
}
.archiveList:first-child{
	border-top: 0;
    padding-top: 0;
}
.archiveList__text{
	font-size:1.6rem;
	margin-bottom: 20px;
	line-height:1.75;
}
/*左アイキャッチ時*/
.archiveList__text.archiveList__text-leftImg{
	float: right;
    width: 60%;
	font-size:1.4rem;
}
/*左アイキャッチ無し時*/
.archiveList__text.archiveList__text-leftImgNo{
    width: 100%;
	font-size:1.4rem;
}
.archiveList__text-center{
	text-align:center;
	padding-top: 20px;
}


/*アイキャッチ画像(複数個所で使用)*/
.eyecatch{
	position:relative;
	width:70%;
	height:auto;
	margin-bottom:20px;
	overflow:hidden;
}
/*左アイキャッチ時*/
.eyecatch.eyecatch-leftImg{
	width: calc( 40% - 20px ) ;
    float: left;
}
.eyecatch.eyecatch-widget{margin-bottom:10px;}
.eyecatch img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	transform: scale(1);
	transition: ease-in-out .2s;	
}
.eyecatch img:hover {transform: scale(1.2);}
/* 画像に被せてカテゴリ名を置く場合
.eyecatch__cat{
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}*/

/*画像の上にカテゴリ名を置く場合 */
.eyecatch__cat {
    position: relative;
    top: -8px;
    right: 13px;
    z-index: 10;
}
.eyecatch__cat a{
	display:inherit;
	padding:10px 40px;
	color:#ffffff;
	background:#63acb7;
}

.eyecatch__cat a::before{
	font-family: "icomoon";
	content: "\e902";
	margin-right: 10px;
}
.eyecatch__cat a:hover{
	background:#323232;
	transition: .2s;
}
.eyecatch__ribbon {
	display: inline-block;
	position: absolute;
	top: 20px;
	left: -35px;
	width: 150px;
	padding:10px 0;
	background: linear-gradient(#E73831, #BD2021);
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	transform: rotate(-45deg);
	z-index: 999;
}
/*データリスト(複数個所で使用)*/
.dateList{
	list-style:none;
	margin-bottom:10px;
}
/*左アイキャッチ時*/
.dateList.dateList-leftImg{
	float: right;
    width: 60%;
}
/*左アイキャッチ無し時*/
.dateList.dateList-leftImgNo{width: 100%;}
.dateList.dateList-single{margin-bottom:20px;}
.dateList.dateList-widget{margin-bottom:0;}
.dateList.dateList-noeye{ margin-left:30px;}
.dateList__item{
	display:inline-block;
	text-align:left;
	color:#7f7f7f;
	font-size:1.2rem;
	margin-right:10px;
	line-height:1.5;
}
.dateList__item::before{
	margin-right:5px;
	line-height:1;
}
.dateList__item a:hover{
	color:#63acb7;
	transition: .2s;
}

/*ページネーション(アーカイブとコメントで使用)*/
/*pager内はWPの標準マークアップに従う*/
.pager{
	position:relative;
	width:100%;
	text-align:center;
	font-size:1.3rem;
}
.pager.pager-comments{ margin-bottom:40px;}
a.page-numbers,
span.page-numbers.current{
	display:inline-block;
	padding:10px;
	color:#3F3F3F;
	border:#7F7F7F 1px solid;
	border-radius: 5px;
}
a.page-numbers:hover,
span.page-numbers.current{
	color:#ffffff;
	background:#3F3F3F;
	transition: .2s;
}
a.page-numbers.prev,
a.page-numbers.next {
	position:absolute;
	padding-left:40px;
	padding-right:40px;
}
a.page-numbers.prev{left:0}
a.page-numbers.next {right:0}
a.page-numbers.prev::before,
a.page-numbers.next::before{
	content:"";
	position:absolute;
	top: 50%;
	margin-top:-3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid;
}
a.page-numbers.prev::before{
	left: 10px;
	border-left: 1px solid;
	transform: rotate(-45deg);
}
a.page-numbers.next::before{
	right: 10px;
	border-right: 1px solid;
	transform: rotate(45deg);
}

/*ページトップ(フッターで使用)*/
.pagetop{
	position:relative;
	width:180px;
	height:60px;
	line-height:70px;
	margin:0 auto;
	background:#63acb7;
	color:#ffffff;
	text-align:center;
	border-radius:0 0 5px 5px;
}
.pagetop::before{
	content:"";
	position:absolute;
	top:15px;
	left: 50%;
	margin-left:-3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	transform: rotate(45deg);
}
.pagetop:hover::before{
	top:10px;
	transition: .2s;
}
.pagetop__link {
	display:block;
	height:inherit;
}
.pagetop__link:hover{
	background:rgba(0,0,0,0.15);
	transition: .2s;
}
.pagetop__link::before {
	content:"";
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,0);
	z-index:-1;
    transition: 0.1s;
}
.pagetop__link:active::before {
	background:rgba(255,255,255,0.9);
	z-index:9999;
}

/*ソーシャルエフェクト(フッターで使用)*/
.socialEffect {
	text-align: center;
	margin:40px auto 0 auto;
}
.socialEffect__icon {
	display: inline-block;
	margin:0 5px;
}
.socialEffect__link {
	display: block;
	width: 60px;
	height: 60px;
	line-height:60px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #bfbfbf;
	font-size:1.6rem;
	background: rgba(255,255,255,0.1);
	transition: transform ease-out 0.2s, background 0.2s;
}
.socialEffect__link:after {
	content: ""; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: -1;
	transform: scale(0.9);
}
.socialEffect__link:hover {
	background: rgba(255,255,255,0.05);
	transform: scale(0.9);
	color: #fff;
}
.socialEffect__link:hover:after {animation: sonar 1s ease-out 75ms;}

/*フッターナビ(フッターで使用)*/
/*footerNavi__list内はWPの標準マークアップに従う*/
.footerNavi{padding:40px 0 0 0;}
.footerNavi__list {
	list-style:none;
	text-align: center;
}
.footerNavi__list li{
	display: inline-block;
	color:#ffffff;
	font-size:1.6rem;
	font-weight:700;
}
.footerNavi__list li a{
	display:block;
	padding:0 10px;
	line-height: 1.5;
}
.footerNavi__list li a:hover{
	color:#63acb7;
	transition: .2s;
}

/*copyright(フッターで使用)*/
.copyright{
	padding:40px 0;
	text-align:center;
	font-size:1.3rem;
	color:#BFBFBF;
	letter-spacing: 0.5px;
	line-height:1.75;
}
.copyright__info{
	display:block;
}
.copyright__link{
	font-weight:700;
	text-decoration:underline;
	color: #ffffff;
}
.copyright__link:hover{
	color:#63acb7;
	transition: .2s;
}


/*お問い合わせ用テーブルデザイン*/
.contactTable{
	width:100%;
	margin-top:20px;
}
.contactTable__header{
	width:180px;
	padding:0 0 30px 0;
	vertical-align:top;
	line-height:1.5;
}
.contactTable__header .required{
	display:block;
	float:right;
	text-align:center;
	padding:3px 5px;
	font-size:1.2rem;
	background:#C1272D;
	color:#fff;
	border-radius:5px;	
}
.contactTable__data {
    padding:0 0 30px 20px;
	vertical-align:top;
	line-height:1.5;
}
.contactTable__data .error{
	display:block;
	font-size:1.2rem;
	color: #B70000;
	padding:3px 0;
}
.contactTable__data input,
.contactTable__data textarea {
    width: 100%;
    display: block;
    border: none;
    padding: 10px;
    border-radius: 5px;
    background: #F2F2F2;
}

/*見出し(複数個所で使用)*/
.heading{
	display:block;
	margin-bottom:20px;
	letter-spacing:0.5px;
	font-weight:700;
}
.heading.heading-first{
	float:left;
	font-weight:900;
	font-size:1.6rem;
}
.heading.heading-first:first-letter{color:#63acb7;}
.heading.heading-primary{
	font-size:3rem;
	line-height:1.5;
}
.heading.heading-secondary{
	position: relative;
	border-bottom: 2px solid #E5E5E5;
	font-weight: 900;
    font-size: 1.8rem;
	line-height:1.5;
	padding-bottom:10px;
	margin-bottom:20px;
}
.heading.heading-secondary::before{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 2;
    width: 20%;
    height: 2px;
    background-color: #63acb7;
}
.heading.heading-secondary span{
	display:inline-block;
	font-size: 1.4rem;
	margin-left:10px;
}
.heading.heading-secondary small a{
    display:inline-block;
	padding:5px 10px;
	font-size: 1.3rem;
	text-align:center;
	color: #3F3F3F;
	border:1px solid #3F3F3F;
    border-radius: 5px;
}
.heading.heading-secondary small a:hover{
    color: #ffffff;
	background:#3F3F3F;
	transition: .2s;
}
.heading.heading-archive{
	font-size:2.4rem;
	line-height:1.5;
	margin-bottom:10px;
	margin-left: 2rem;
}
/*左アイキャッチ時*/
.heading.heading-leftImg{
	float: right;
    width: 60%;
	font-size:1.8rem;
}
/*左アイキャッチなし時*/
.heading.heading-leftImgNo{
    width: 100%;
	font-size:1.8rem;
}
.heading.heading-widget{
	display:inline-block;
	font-size:1.8rem;
	padding-bottom:5px;
	border-bottom:2px solid #63acb7;
}
.heading a:hover{
	color:#63acb7;
	transition: .2s;
}

/*ボタン(複数個所で使用)*/
.btn{width:100%;}
/*左アイキャッチ時*/
.btn.btn-leftImg{
	float: right;
    width: 60%;
}
/*左アイキャッチ無し時*/
.btn.btn-leftImgNo{width:100%;}
.btn.btn-center{text-align: center;}
.btn.btn-right{text-align: right;}
.btn__link,
.widget .tag-cloud-link,
.comment-respond .submit,
.comments__list .comment-reply-link{
	position:relative;
	display: inline-block;
    padding: 10px 40px;
    border-radius: 5px;
    font-size: 1.3rem !important;
    border: 1px solid #63acb7;
    color: #63acb7;
	background:transparent;
	cursor:pointer;
}
.widget .tag-cloud-link{padding: 10px;margin-bottom:10px;}
.comment-respond .submit{width:auto;}
.btn__link.btn__link-profile{padding: 7px 20px 7px 10px; font-weight:500; line-height:1;}
.comments__list .comment-reply-link{padding: 7px 20px 7px 10px;}
.btn__link::before,
.comments__list .comment-reply-link::before{
	content:"";
	position:absolute;
	top: 50%;
	right: 10px;
	margin-top:-3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid;
	border-right: 1px solid;
	transform: rotate(45deg);
}
.btn__link:hover,
.widget .tag-cloud-link:hover,
.comment-respond .submit:hover,
.comments__list .comment-reply-link:hover{
	color:#ffffff !important;
	background:#63acb7;
	transition: .2s;
}

/*ソーシャルボタンhover時BGカラー設定*/
.socialSearch__link.icon-facebook:hover,
.socialEffect__link.icon-facebook:hover,
.profile__link.icon-facebook:hover{background: #3B5998;}
.socialSearch__link.icon-twitter:hover,
.socialEffect__link.icon-twitter:hover,
.profile__link.icon-twitter:hover{background: #00B0ED;}
.socialSearch__link.icon-instagram:hover,
.socialEffect__link.icon-instagram:hover,
.profile__link.icon-instagram:hover{background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);}
.socialSearch__link.icon-google:hover,
.socialEffect__link.icon-google:hover,
.profile__link.icon-google:hover{background: #DF4A32;}
.socialSearch__link.icon-rss:hover,
.socialEffect__link.icon-rss:hover{background: #ff9900;}


/*ウィジェットブロック(※主にWPの標準マークアップに従う)
/************************************************************/

/*固定ウィジェット枠*/
.widgetSticky{
	position: sticky;
    top: 30px;
}

/*投稿ページ用ウィジェット枠*/
.widgetPost{
	margin-bottom:20px;
	overflow:hidden;
}
.widgetPost .widget{
    margin:40px auto 0 auto;
    padding-top: 40px;
	max-width: 100%;
}
.widgetPost .widget:first-child{
	border-top:0;
	padding-top:0;
	margin-top:0;
}
.widgetPost .widget::before{content:normal;}

/*TOPページ用ウィジェット枠*/
.widgetPage{
	margin-bottom:40px;
	overflow:hidden;
}
.widgetPage .widget{
    margin:40px auto 0 auto;
    padding-top: 40px;
	max-width: 100%;
}
.widgetPage .widget:first-child{
	border-top:0;
	padding-top:0;
	margin-top:0;
}
.widgetPage .widget::before{content:normal;}

/*基本ボックス*/
.widget{
	border-top:1px solid #D8D8D8;
	padding-top:40px;
	max-width: 640px;
    margin: 0 auto 40px auto;
}
.widget::before{
	content:"";
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 2;
	width: 20%;
	height: 1px;
	background-color: #63acb7;
}
.widget::after {
	content: "";
	display: block;
	clear: both;
}
.widget:first-child{
	border-top:0;
	padding-top:0;
}
.widget:first-child::before{content:normal;}
.widget:last-child{margin-bottom:0;}

/*基本リンク*/
.widget a:hover{
	transition: .2s;
	color:#63acb7;
}

/*基本リスト*/
.widget ul{list-style-type: none;}
.widget ul li{
	position:relative;
	padding:15px 0 0 20px;
	margin-bottom:15px;
	border-top:dotted 1px #D8D8D8;
	line-height:1.5;
}
.widget > ul > li:first-child{
	padding-top:0;
	border-top:0;	
}
/*
.widget ul li:before{
	content:"・";
	position:absolute;
	left:0;
}*/
.widget .sub-menu{margin-top:15px;}

/*投稿日表示*/
.widget .rss-date,
.widget .post-date{
	display: block;
	font-size:1.2rem;
	color:#7F7F7F;
	margin-top:5px;
	font-weight:normal;
}
.widget .rss-date::before,
.widget .post-date::before{
	font-family: "icomoon";
	content: "\e900";
	margin-right:5px;
}

/*RSS関連*/
.widget h2 .rss-widget-icon{display:none}
.widget ul li .rsswidget{
	display: block;
	font-weight:700;
	color:#63acb7;
}
.widget ul li .rsswidget:hover{ text-decoration:underline;}
.widget ul li .rssSummary{margin:10px 0;}
.widget ul li cite{
	text-align:right;
	display: block;
}
.widget ul li cite::before{content:"by:"}

/*テキストボックス*/
.widget .textwidget{
	font-size:1.3rem;
	color:#3F3F3F;
	line-height:1.75;
}
.widget .textwidget a{font-weight:700;}
.widget .textwidget p + p{margin-top:10px;}

/*タグクラウド*/
.widget .tagcloud {margin-bottom: -10px;}

/*ドロップダウン*/
.widget .screen-reader-text {display: none;}
.widget select {
	display:block;
	width: 100%;
    height: 30px;
    border: none;
    padding: 0 10px;
    border-radius: 5px;
    background: #FFF;
}

/*広告*/
.adWidget{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin:auto;
	padding:0;
	background-color:#F2F2F2;
    background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
    background-size: 6px 6px;
}
.adWidget h2{
	font-size:1.2rem;
	padding:10px 0;
	display:block;
	font-weight:normal;
}

/*最新の投稿*/
.imgListWidget {list-style-type: none;}
.imgListWidget__item {
	padding-top:20px;
	line-height:1.5;
}
.imgListWidget__item:first-child{padding-top:0;}
.imgListWidget__item::after {
	content: "";
	display: block;
	clear: both;
}
.imgListWidget__title{
	width:calc(100% - 100px);
	float:left;
	font-size:1.3rem;
	font-weight:700;
	line-height:1.5;
	margin-left:10px;
}
.imgListWidget__title-noeye{
	width:100%;
	float: none;
	margin-left: 0;
}

/*サムネイルボーダー*/
.imgListWidget__borderBox{
	position: relative;
    overflow: hidden;
	display:block;
	float:left;
	width:90px;
	height:90px;
}
.imgListWidget__borderBox img{
	display:block;
	width:90px;
	height:90px;
    object-fit: cover;
}
.imgListWidget__borderBox:before,
.imgListWidget__borderBox:after,
.imgListWidget__borderBox > span:before,
.imgListWidget__borderBox > span:after {
    content: "";
    position: absolute;
    background: #F2F2F2;
	z-index:99999;
}
.imgListWidget__borderBox:before {
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 2px;
}
.imgListWidget__borderBox:after {
    bottom: -100%;
    right: 0;
    width: 2px;
    height: 100%;
}
.imgListWidget__borderBox > span:before {
    top: 0;
    right: -100%;
    width: 100%;
    height: 2px;
}
.imgListWidget__borderBox > span:after {
    top: -100%;
    left: 0;
    width: 2px;
    height: 100%;
}
.imgListWidget__borderBox:hover:before {animation: leftAnim 1s linear 0s infinite;}
.imgListWidget__borderBox:hover:after {animation: bottomAnim 1s linear .5s infinite;}
.imgListWidget__borderBox > span:hover:before {animation: rightAnim 1s linear 0s infinite;}
.imgListWidget__borderBox > span:hover:after {animation: topAnim 1s linear .5s infinite;}

/*ランキング*/
.rankListWidget {
	list-style-type: none;
	counter-reset:number;
}
.rankListWidget__item {
	position:relative;
	padding-top:20px;
}
.rankListWidget__item:first-child{padding-top:0;}
.rankListWidget__item:before{
	position:absolute;
	counter-increment: number;
	content: counter(number);
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#bfbfbf;
	color:#FFF;
	z-index: 5;
}
.rankListWidget__item-noeye:before{
	position: static;
	float:left;
	margin-right:10px;
	width:20px;
	height:20px;
	line-height:20px;
}
.rankListWidget__item:nth-child(1):before{background:#ecd357 ;}
.rankListWidget__item:nth-child(2):before{background:#a9c6d5 ;}
.rankListWidget__item:nth-child(3):before{background:#c58459 ;}
.rankListWidget__item img{width:100%;}
.rankListWidget__title{
	font-size:1.3rem;
	font-weight:700;
	line-height:1.5;
	margin-bottom:5px;
	overflow:hidden;
}

/*カレンダー*/
.widget .calendar_wrap{
	padding:20px;
	background:#FFF;
}
.widget .calendar_wrap table{width: 100%;}
.widget .calendar_wrap caption {
	font-size: 1.2rem;
	margin-bottom: 20px;
}
.widget .calendar_wrap thead{font-size:1.2rem;}
.widget .calendar_wrap thead th{
	padding-bottom: 10px;
	text-align:center
}
.widget .calendar_wrap tbody{color: #7f7f7f;}
.widget .calendar_wrap tbody td{
	background: #F2F2F2;
	border: 1px solid #fff;
	text-align: center;
	height:35px;
	line-height:35px;
}
.widget .calendar_wrap tbody td:hover {background: #fff;}
.widget .calendar_wrap tbody a{
	display:block;
	font-weight:bold;
	background:#7F7F7F;
	color:#fff !important;
	text-decoration:underline;
}
.widget .calendar_wrap tbody a:hover{background:#63acb7;}
.widget .calendar_wrap tbody .pad{background: none;}
.widget .calendar_wrap tfoot a{text-decoration:underline;}
.widget .calendar_wrap tfoot #next{
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: right;
}
.widget .calendar_wrap tfoot #prev{
	font-size: 1.2rem;
	text-transform: uppercase;
	padding-top: 10px;
}




/*テーマ
/************************************************************/
/*SKY*/
.t-sky .dateList__item a:hover,
.t-sky .footerNavi__list li a:hover,
.t-sky .copyright__link:hover,
.t-sky .heading.heading-first:first-letter,
.t-sky .heading a:hover,
.t-sky .btn__link,
.t-sky .widget .tag-cloud-link,
.t-sky .comment-respond .submit,
.t-sky .comments__list .comment-reply-link,
.t-sky .widget a:hover,
.t-sky .widget ul li .rsswidget,
.t-sky .content a,
.t-sky .content h2:first-letter,
.t-sky .related__title{color:#0E88BE;}
.t-sky .globalNavi__list,
.t-sky .eyecatch__cat a,
.t-sky .pagetop,
.t-sky .archiveTitle::before,
.t-sky .heading.heading-secondary::before,
.t-sky .btn__link:hover,
.t-sky .widget .tag-cloud-link:hover,
.t-sky .comment-respond .submit:hover,
.t-sky .comments__list .comment-reply-link:hover,
.t-sky .widget::before,
.t-sky .widget .calendar_wrap tbody a:hover,
.t-sky .comments__list .comment-meta{background-color:#0E88BE;}
.t-sky .archiveList,
.t-sky .heading.heading-widget,
.t-sky .btn__link,
.t-sky .widget .tag-cloud-link,
.t-sky .comment-respond .submit,
.t-sky .comments__list .comment-reply-link,
.t-sky .content a:hover,
.t-sky.t-light .l-hMain::before{border-color:#0E88BE;}

/*GREEN*/
.t-green .dateList__item a:hover,
.t-green .footerNavi__list li a:hover,
.t-green .copyright__link:hover,
.t-green .heading.heading-first:first-letter,
.t-green .heading a:hover,
.t-green .btn__link,
.t-green .widget .tag-cloud-link,
.t-green .comment-respond .submit,
.t-green .comments__list .comment-reply-link,
.t-green .widget a:hover,
.t-green .widget ul li .rsswidget,
.t-green .content a,
.t-green .content h2:first-letter,
.t-green .related__title{color:#2f8e56;}
.t-green .globalNavi__list,
.t-green .eyecatch__cat a,
.t-green .pagetop,
.t-green .archiveTitle::before,
.t-green .heading.heading-secondary::before,
.t-green .btn__link:hover,
.t-green .widget .tag-cloud-link:hover,
.t-green .comment-respond .submit:hover,
.t-green .comments__list .comment-reply-link:hover,
.t-green .widget::before,
.t-green .widget .calendar_wrap tbody a:hover,
.t-green .comments__list .comment-meta{background-color:#2f8e56;}
.t-green .archiveList,
.t-green .heading.heading-widget,
.t-green .btn__link,
.t-green .widget .tag-cloud-link,
.t-green .comment-respond .submit,
.t-green .comments__list .comment-reply-link,
.t-green .content a:hover,
.t-green.t-light .l-hMain::before{border-color:#2f8e56;}

/*ORANGE*/
.t-orange .dateList__item a:hover,
.t-orange .footerNavi__list li a:hover,
.t-orange .copyright__link:hover,
.t-orange .heading.heading-first:first-letter,
.t-orange .heading a:hover,
.t-orange .btn__link,
.t-orange .widget .tag-cloud-link,
.t-orange .comment-respond .submit,
.t-orange .comments__list .comment-reply-link,
.t-orange .widget a:hover,
.t-orange .widget ul li .rsswidget,
.t-orange .content a,
.t-orange .content h2:first-letter,
.t-orange .related__title{color:#e85e00;}
.t-orange .globalNavi__list,
.t-orange .eyecatch__cat a,
.t-orange .pagetop,
.t-orange .archiveTitle::before,
.t-orange .heading.heading-secondary::before,
.t-orange .btn__link:hover,
.t-orange .widget .tag-cloud-link:hover,
.t-orange .comment-respond .submit:hover,
.t-orange .comments__list .comment-reply-link:hover,
.t-orange .widget::before,
.t-orange .widget .calendar_wrap tbody a:hover,
.t-orange .comments__list .comment-meta{background-color:#e85e00;}
.t-orange .archiveList,
.t-orange .heading.heading-widget,
.t-orange .btn__link,
.t-orange .widget .tag-cloud-link,
.t-orange .comment-respond .submit,
.t-orange .comments__list .comment-reply-link,
.t-orange .content a:hover,
.t-orange.t-light .l-hMain::before{border-color:#e85e00;}

/*PINK*/
.t-pink .dateList__item a:hover,
.t-pink .footerNavi__list li a:hover,
.t-pink .copyright__link:hover,
.t-pink .heading.heading-first:first-letter,
.t-pink .heading a:hover,
.t-pink .btn__link,
.t-pink .widget .tag-cloud-link,
.t-pink .comment-respond .submit,
.t-pink .comments__list .comment-reply-link,
.t-pink .widget a:hover,
.t-pink .widget ul li .rsswidget,
.t-pink .content a,
.t-pink .content h2:first-letter,
.t-pink .related__title{color:#d32374;}
.t-pink .globalNavi__list,
.t-pink .eyecatch__cat a,
.t-pink .pagetop,
.t-pink .archiveTitle::before,
.t-pink .heading.heading-secondary::before,
.t-pink .btn__link:hover,
.t-pink .widget .tag-cloud-link:hover,
.t-pink .comment-respond .submit:hover,
.t-pink .comments__list .comment-reply-link:hover,
.t-pink .widget::before,
.t-pink .widget .calendar_wrap tbody a:hover,
.t-pink .comments__list .comment-meta{background-color:#d32374;}
.t-pink .archiveList,
.t-pink .heading.heading-widget,
.t-pink .btn__link,
.t-pink .widget .tag-cloud-link,
.t-pink .comment-respond .submit,
.t-pink .comments__list .comment-reply-link,
.t-pink .content a:hover,
.t-pink.t-light .l-hMain::before{border-color:#d32374;}

/*RED*/
.t-red .dateList__item a:hover,
.t-red .footerNavi__list li a:hover,
.t-red .copyright__link:hover,
.t-red .heading.heading-first:first-letter,
.t-red .heading a:hover,
.t-red .btn__link,
.t-red .widget .tag-cloud-link,
.t-red .comment-respond .submit,
.t-red .comments__list .comment-reply-link,
.t-red .widget a:hover,
.t-red .widget ul li .rsswidget,
.t-red .content a,
.t-red .content h2:first-letter,
.t-red .related__title{color:#B92C2C;}
.t-red .globalNavi__list,
.t-red .eyecatch__cat a,
.t-red .pagetop,
.t-red .archiveTitle::before,
.t-red .heading.heading-secondary::before,
.t-red .btn__link:hover,
.t-red .widget .tag-cloud-link:hover,
.t-red .comment-respond .submit:hover,
.t-red .comments__list .comment-reply-link:hover,
.t-red .widget::before,
.t-red .widget .calendar_wrap tbody a:hover,
.t-red .comments__list .comment-meta{background-color:#B92C2C;}
.t-red .archiveList,
.t-red .heading.heading-widget,
.t-red .btn__link,
.t-red .widget .tag-cloud-link,
.t-red .comment-respond .submit,
.t-red .comments__list .comment-reply-link,
.t-red .content a:hover,
.t-red.t-light .l-hMain::before{border-color:#B92C2C;}

/*PURPLE*/
.t-purple .dateList__item a:hover,
.t-purple .footerNavi__list li a:hover,
.t-purple .copyright__link:hover,
.t-purple .heading.heading-first:first-letter,
.t-purple .heading a:hover,
.t-purple .btn__link,
.t-purple .widget .tag-cloud-link,
.t-purple .comment-respond .submit,
.t-purple .comments__list .comment-reply-link,
.t-purple .widget a:hover,
.t-purple .widget ul li .rsswidget,
.t-purple .content a,
.t-purple .content h2:first-letter,
.t-purple .related__title{color:#534970;}
.t-purple .globalNavi__list,
.t-purple .eyecatch__cat a,
.t-purple .pagetop,
.t-purple .archiveTitle::before,
.t-purple .heading.heading-secondary::before,
.t-purple .btn__link:hover,
.t-purple .widget .tag-cloud-link:hover,
.t-purple .comment-respond .submit:hover,
.t-purple .comments__list .comment-reply-link:hover,
.t-purple .widget::before,
.t-purple .widget .calendar_wrap tbody a:hover,
.t-purple .comments__list .comment-meta{background-color:#534970;}
.t-purple .archiveList,
.t-purple .heading.heading-widget,
.t-purple .btn__link,
.t-purple .widget .tag-cloud-link,
.t-purple .comment-respond .submit,
.t-purple .comments__list .comment-reply-link,
.t-purple .content a:hover,
.t-purple.t-light .l-hMain::before{border-color:#534970;}

/*NAVY*/
.t-navy .dateList__item a:hover,
.t-navy .footerNavi__list li a:hover,
.t-navy .copyright__link:hover,
.t-navy .heading.heading-first:first-letter,
.t-navy .heading a:hover,
.t-navy .btn__link,
.t-navy .widget .tag-cloud-link,
.t-navy .comment-respond .submit,
.t-navy .comments__list .comment-reply-link,
.t-navy .widget a:hover,
.t-navy .widget ul li .rsswidget,
.t-navy .content a,
.t-navy .content h2:first-letter,
.t-navy .related__title{color:#0e3d69;}
.t-navy .globalNavi__list,
.t-navy .eyecatch__cat a,
.t-navy .pagetop,
.t-navy .archiveTitle::before,
.t-navy .heading.heading-secondary::before,
.t-navy .btn__link:hover,
.t-navy .widget .tag-cloud-link:hover,
.t-navy .comment-respond .submit:hover,
.t-navy .comments__list .comment-reply-link:hover,
.t-navy .widget::before,
.t-navy .widget .calendar_wrap tbody a:hover,
.t-navy .comments__list .comment-meta{background-color:#0e3d69;}
.t-navy .archiveList,
.t-navy .heading.heading-widget,
.t-navy .btn__link,
.t-navy .widget .tag-cloud-link,
.t-navy .comment-respond .submit,
.t-navy .comments__list .comment-reply-link,
.t-navy .content a:hover,
.t-navy.t-light .l-hMain::before{border-color:#0e3d69;}

/*LIGHT*/
.t-light .l-hExtra{background: #F2F2F2;}
.t-light .l-hMain{background: #ffffff; position:relative;}
.t-light .l-hMain::before{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	border-bottom:#63acb7 solid 54px;
}
.t-light .l-footer{background: #323232;}
.t-light .marquee__title{background: #ffffff; color:#191919;}
.t-light .marquee__item{color:#191919;}
.t-light .socialSearch__link {
    color: #191919;
    border: 1px solid #ffffff;
	background:#F2F2F2;
}
.t-light .socialSearch__link:hover {
    color: #ffffff;
    border: 0;	
}
.t-light .siteTitle__big{color: #323232;}
.t-light .siteTitle__small{color: #7F7F7F;}
.t-light .globalNavi__list > li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.t-light .globalNavi__list > li:first-child a{border-radius:0;}
.t-light .globalNavi__list > li:first-child::before {
	content: "";
    position: absolute;
    top: 0;
    left: -2px;
    bottom: 0;
	border-right: 1px solid rgba(0,0,0,0.15);
}

/*CONTRAST*/
.t-contrast .l-hMain{background: #ffffff;}
.t-contrast .l-main::before{border-top:1px solid #E5E5E5;}
.t-contrast .siteTitle__big{color: #323232;}
.t-contrast .siteTitle__small{color: #7F7F7F;}

/*SEPARATE*/
.t-separate .l-hMain{
	background: #ffffff;
	border-bottom: 1px solid #E5E5E5;
}
.t-separate .globalNavi__list{
	border-radius: 5px;
	margin-bottom:40px;
}
.t-separate .siteTitle__big{color: #323232;}
.t-separate .siteTitle__small{color: #7F7F7F;}


/*ユーティリティ
/************************************************************/

/*text-shadow*/
.u-txtShdw      {text-shadow:0px 2px 0px rgba(0,0,0,0.25);}
.u-txtShdw-dark {text-shadow:1px 1px 1px rgba(0,0,0,0.75);}

/*display:none*/
.u-none{display:none}
.u-none-pc{display:none}
.u-none-sp{display: block}


/*keyframes設定
/************************************************************/

/* ヘッダーマーキー */
@keyframes marquee {
	from{transform: translate(0%);}
	to  {transform: translate(-100%);}
}
/* フッターソーシャル */
@keyframes sonar {
	0% {opacity: 0.3;}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #191919, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #191919, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.2);
		opacity: 0;
	}
}
/* ボーダー */
@keyframes topAnim {
    0% {top:-100%;}
    100% {top:100%;}
}
@keyframes bottomAnim {
    0% {bottom:-100%;}
    100% {bottom:100%;}
}
@keyframes rightAnim {
    0% {right:-100%;}
    100% {right:100%;}
}
@keyframes leftAnim {
    0% {left:-100%;}
    100% {left:100%;}
}


/*レスポンシブ設定
/************************************************************/
@media only screen and (max-width: 1023px){
	.l-wrapper {width: 840px;}
	.container{width: 840px;}
	.siteTitle{padding:0;}
	.adHeader{
		width:468px;
		height:60px;
	}
}

@media only screen and (max-width: 767px){
	body {
		font-size:1.3rem;
		-webkit-text-size-adjust: 100%;
	}
	.l-hExtra{padding-bottom:10px;}
	.l-hMain{
	}
	.l-wrapper {
		width: 100%;
		max-width:100%;
		display:block;
	}
	.l-main {
		width: 100%;
		padding:40px 10px;
		background:#ffffff;
	}
	.l-main::before {content: normal;}
	.l-main.l-main-single {
		width: 100%;
		padding:40px 10px;
	}
	.l-sidebar {
		width: 100%;
		padding:40px 10px;
	}
	.container{
		width: 100%;
		max-width:100%;
		padding:0 10px;
	}
	.marquee{
		float: none;
		width:100%;
	}
	.socialSearch{width:100%;}
	.socialSearch__link{margin-left:5px;}
	.siteTitle{
		float:none;
		padding:0;
	}
	.siteTitle__big {
		font-size: 2.4rem;
		margin-bottom: 5px;
	}
	.siteTitle__small {font-size: 1.1rem;}
	.siteTitle__logo{
		max-width:100%;
		height:auto;
	}
	.siteTitle__logo img{
		max-width:100%;
		height:auto;
	}
	.adHeader{
		float:none;
		width:100%;
		height: auto;
		margin:20px auto 0 auto;
		padding:0;
		overflow:hidden;
	}
/*	.globalNavi{
		position:absolute;
		top:10px;
		right:10px;
		width:40px;
		height:40px;
		line-height:40px;
	}
	.globalNavi__switch{
		display: block;
		width: inherit;
		height:inherit;
		text-align:center;
		cursor:pointer;
		border-radius:50%;
		background-color: #63acb7;
	}
	.globalNavi__switch::before{
		font-family: "icomoon";
		content: "\e90f";
		color:#FFF;
		font-size:1.6rem;
	}
	.globalNavi__list{
		height:0;
		overflow: hidden;
		border-radius:0;
	}
	.globalNavi__list::before{
		display:block;
		content: "MENU";
		background: #191919;
		height: 60px;
		line-height: 60px;
		color: #ffffff;
		font-weight: 900;
		text-align: center;
	}
	.globalNavi__list li{
		float:none;
		background:#323232;
		font-size:1.2rem;
		border-top: 1px solid rgba(0,0,0,0.15);
		box-shadow:0px 1px 0px 0px rgba(255,255,255,0.15) inset;
		border-left:0;
		border-right: 0;
	}
	.globalNavi__list > li.menu-item-has-children::before{top: 26px;}
	.globalNavi__list > li > .sub-menu {position: static;}
	.globalNavi__list > li > .sub-menu > li{
		overflow: visible;
		width:auto;
		height:54px;
		line-height:54px;
	}
	.globalNavi__list .sub-menu a{padding-left:40px;}
	.globalNavi__toggle:checked + .globalNavi__switch{
		position: fixed;
		top:10px;
		right:10px;
		z-index:9999;
		transition:all 1s;
		transform: rotate(360deg);
	}
	.globalNavi__toggle:checked + .globalNavi__switch::before{
		content: "\e90e";
		font-size:1.4rem;
	}
	.globalNavi__toggle:checked + .globalNavi__switch + .globalNavi__list{
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.9);
		overflow: auto;
		z-index:9899;
		transition: 1s;
	}*/
	.keyVisual__title{
		font-size: 3rem;
		margin-bottom: 10px;
	}
	.keyVisual__text{font-size: 1.4rem;}
	.eyecatch.eyecatch-single{
		width: auto;
		margin-left: -10px;
		margin-right: -10px;
	}
	.eyecatch__cat a{
		padding:10px 20px;
		font-size:1.2rem;
	}
	.pager{	font-size:1.2rem;}
	a.page-numbers.prev,
	a.page-numbers.next {padding:10px;}
	a.page-numbers.prev::before,
	a.page-numbers.next::before{content: normal;}
	.subPager{display:none;}
	.breadcrumb{
		margin-top:-40px;
		margin-left:-10px;
		margin-right:-10px;
		overflow-x: auto;
	}
	.breadcrumb__list{display: table;}
	.breadcrumb__item{
		display: table-cell;
		white-space: nowrap;
		float:none;
		padding-left:15px;
		margin-right:0;
	}
	.breadcrumb__item:first-child{padding-left:0;}
	.footerNavi__list li{font-size:1.4rem;}
	.copyright{font-size:1.2rem;}
	.archiveList__text{font-size:1.4rem;}
	.archiveList__text.archiveList__text-leftImg{display:none;}
	.contactTable__header{
		width:100%;
		display:block;
		padding:0 0 10px 0;
	}
	.contactTable__data {
		width:100%;
		display:block;
		padding:0 0 20px 0;
	}
	.heading.heading-first{font-size:1.4rem;}
	.heading.heading-primary{font-size:2.6rem;}
	.heading.heading-secondary{font-size:1.6rem;}
	.heading.heading-archive{font-size:2rem;}
	.heading.heading-leftImg{font-size:1.6rem;}
	.heading.heading-leftImgNo{font-size:1.6rem;}
	.heading.heading-widget{font-size:1.6rem;}
	.heading span{font-size:1.4rem;}
	.btn__link,
	.widget .tag-cloud-link,
	.comment-respond .submit,
	.comments__list .comment-reply-link{font-size:1.2rem;}
	.comment-respond .submit{padding-left:15px;padding-right:15px;}
	.widget .adWidget{
		margin:auto;
	}
	.t-sky .globalNavi__switch{background-color:#0E88BE;}
	.t-green .globalNavi__switch{background-color:#2f8e56;}
	.t-orange .globalNavi__switch{background-color:#e85e00;}
	.t-pink .globalNavi__switch{background-color:#d32374;}
	.t-red .globalNavi__switch{background-color:#B92C2C;}
	.t-purple .globalNavi__switch{background-color:#534970;}
	.t-navy .globalNavi__switch{background-color:#0e3d69;}
	.t-light .l-hMain::before{content:normal}
	.t-light .globalNavi__list > li:first-child{border-left: none;}
	.t-light .globalNavi__list > li:first-child::before {}
	.t-separate .globalNavi__list{border-radius:0}
	.u-none-sp{display:none}
	.u-none-pc{display:block}
}


/*ショートコードでの新着記事一覧用　*/
.new_post_other ul {
 display: table;
 width:100%;
}

.new_post_other li{
    display: table-cell;
    float: left;
    width: 50%;
	   height: 250px;
}

.new_post_list a {
    padding-left: 10px;
    vertical-align: top;
}


@media screen and (max-width:480px) { 
	
	.new_post_other li{
	   height: 200px;
	}
	.new_post_slider li {
    min-width: 50%;
	}
}

.newlist_bigeyecatch {
		width:400px;
		height:auto;
		object-fit: cover;
    vertical-align: bottom;
    transform: scale(1);
    transition: ease-in-out .2s;
		padding:10px;
}	
	
.newlist_eyecatch {
	width:200px;
	height:auto;
	object-fit: cover;
	vertical-align: bottom;
	transform: scale(1);
	transition: ease-in-out .2s;
	float:left;
	padding:10px;
}

 .new_post_slider ul {
	 display: flex;
	 overflow-x: scroll;
	 margin: 0;
	 padding: 0;
  }

.new_post_slider li {
	min-width: 30%;
	padding: 0;
	list-style: none;
 }

.new_post_list {
	border-top: 1px solid #E5E5E5;
}


/*ショートコードでのタグ一覧　*/

.mytagcloud select{
	font-size: 12px;
    margin-left: 20px;
}
.wp-block-columns {
	display: flex;
    flex-wrap: nowrap;
}

.wp-block-image img {
    height: auto;
	padding:3px;
}

.wp-block-image figcaption {
	padding:10px;
}
.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
	height: 150px;
}
	
@media (min-width: 782px){
.wp-block-column {
    flex-wrap: nowrap;
	}
}

/*ショートコードでのカテゴリ一覧　*/

.catelis_li a {
	font-size:16px
}

/*.cat-item a{
	font-size:large;
}*/

.tag-cloud-link a{
	font-size:large;
}

.wp-block-group__inner-container h4{
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #FFDBDB;
}

.wp-block-group__inner-container h4:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

/*検索フォーム*/
.searchform {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.searchfield {
	width: 150px;
	background-color: #fff;
	border-radius: 5px;
	border-width:1px;
	font-size: 14px;
	padding: 10px 20px;
	line-height: 1.1;
	margin-right: 10px;
	margin-top:7px;
	margin-left:10px;
}
.searchico {
	font-size: 24px;
	line-height: 1;
	transition: 0.5s ease;
}

/* 画像スライダー */

/* 自動スライド */
.swiper-container {
  width: 100%;
  height: 100%;
}
 
.swiper-slide {
  overflow: visible;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img{
	 width: 250px;
	height:250px;
	 object-fit: contain;
}

.mainvisual {
  overflow-x: hidden;
    overflow-y:hidden;
  /* height: 250px; */
}

/* 同じカテゴリドロップダウンリスト */
.same-category-dropdown{
	 /* デフォルトのスタイルを解除 */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /* スタイル */
  display: inline-block;
  width: 100%; /* 幅 */
	height:50px;
  margin: 1em 0; /* 前後の余白 */
  padding: 1em ; /* 文字周りの余白 */
  cursor: pointer; /* カーソルを指に */
  line-height: 1.4; /* 行高 */
  font-weight: 600; /* 太字に */
  border-radius: 10px; /* 角丸 */
  background-color: #f7f9fb; /* 背景色 */
  box-shadow: 0 3px 3px -2px rgba(3, 29, 41, 0.15); /* 影 */
  /* 三角マークを作る */
  background-image: linear-gradient(45deg, transparent 50%, rgba(0,0,0,0.4) 50%),  linear-gradient(135deg, rgba(0,0,0,0.4) 50%, transparent 50%);
  background-size: 5px 5px, 5px 5px;
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
  background-repeat: no-repeat;
}

.same-category-title{
	color:white;
 padding: 1rem 2rem;
}

h2.samecategorytitle {
	 display: inline-block;
  position: relative;
  padding: 1rem 2rem calc(1rem + 5px);
	color:white;
}


h2.samecategorytitle:before {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  content: '';
  border: 1px solid #000;
}  


/* 記事一覧画像２列化　
.btn.btn-right {
    display: none;
}

.archive {
    display: flex;
 flex-wrap: wrap;
}

.archiveList {
    width: 50%;
}
/*
.eyecatch {
	display:flex;
	justify-content:space-between;
}*/
/*
.eyecatch-item {
	width:100%;
}

.eyecatch-item img {
	display: block;
	height: 200px;
	object-fit: cover;
	width:100%;
}

.eyecatch__cat a {
	border-radius: 20px;
	align-content;
	margin:10px;
	opacity:0.8;
}

.heading.heading-archive {
	font-size: 1.6rem;
	margin-left:0rem;
}


@media only screen and (max-width: 767px){
	    .archiveList img{
			height:100px;
	}

	.eyecatch {
    width: 90%;
    margin-bottom: 10px;
	}
	
	.eyecatch__cat a {
		padding: 5px 5px;
		font-size: 1.2rem;
	}
	
	.archiveList {
    padding-bottom: 10px;
    margin: 0 auto 20px auto;
	}

	.heading.heading-archive {
		font-size: 1.2rem;
	}
}*/


/*  カテゴリアーカイブでの並び替えリンク部分*/
.result form{display: inline;}
.result input[type="submit"]{
    color: #aa9a85;
    padding: 0;
    margin-bottom: 20px;
    box-shadow: none;
    background: none;
    border: none;
    font-size:1.2em;
    text-decoration: underline;
    cursor: pointer;
}
.sort_current{
    font-weight: bold;
    text-decoration: none;
}


/* 記事一覧のカード */

.notecard_time{
	text-align:right;
	font-size:1rem;
}

.notecardtype time {
    display: inline;
    font-size: 15px;
    font-weight: bold;
}




.notecardtype__article {
    position: relative;
	    width: 46%;
    margin:0 5px 15px 5px;
    border-radius: 2px;
    background: #fff;
	border: solid 2px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.notecardtype__article:hover {
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.notecardtype__link {
    display: block;
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

.notecardtype__link:hover {
   text-decoration: none; 
}


.notecardtype__img {
    margin: 0;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 73%;
}

.notecardtype__img img {
    border-radius: 2px 2px 0 0;
    width: 100%;
	height:auto;
}

.notecat-name {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 13px;
    left: 13px;
    height: 22px;
    margin: 0;
    padding: 2px 10px;
    border-radius: 14px;
    color: #fff !important;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 18px;
    background: #4B4846;
    text-decoration: none;
}

.notecat-name img {
    height: 20px;
    padding: 1px 0 6px;
}

.cf {
    zoom: 1;
}

.notedescription p {
    font-size: 0.7em;
    padding: 0px 15px;
    margin-top: -4.3em;
}

.notecardtitle {
	font-size:1rem;
	margin: 8px 13px 0;
	font-weight: bold;
	line-height:1.56;
	padding: 0 14px;
}

.notecardtype {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:1em;
}


a.page-numbers:hover {
/*background-color: #6bb6ff;*/
color:#FFF;
text-decoration: none;
cursor: pointer;
}

.current {
color: #FFF;
/*background: #6bb6ff;*/
}

.pagenation_page {
    text-align: center;
}

.pagenation_page .next {
    width: auto;
    background: none;
    padding-left: 0.4em;
}

.pagenation_page .prev{
    width: auto;
    background: none;
    padding-right: 0.4em;
}

a.pagenation_page .next:hover {
opacity: 0.8;
}


@media only screen and (min-width: 481px){
.notecardtype__article time {
    margin: 3px;
}
	.notecardtitle{
		font-size:1.4rem;
	}
		.notecard_time{
	font-size:1.5rem;
}

}

.toppage-more{
	text-align:right;
}

.heading-primary-page{
	display:none;
}

@media only screen and (max-width: 481px){
	
	.entry-time.notepubdate {
		font-size:1rem;
	}
	
	.notecardtitle{
		padding:3px;
	}
	
	.notecardtype__article-info p {
		margin-top:0;
	}
	
	.notecat-name {display:none;}
	
	.notecardtype__article{
		height:140px;
	}
}


@media screen and (max-width:481px){
		.notecardtype__article{
		height:170px;
	}
}

@media screen and (min-width:490px) and ( max-width:1024px) {
		.notecardtype__article{
		height:300px;
	}
}


@media screen and (min-width:1024px) {
		.notecardtype__article{
		height:300px;
	}
}

}

.toppage-more{
text-align:right;
}

.heading-primary-page{
display:none;
}

/* プロフィール SNS　メニュー */
.profile-sns-menu {
	margin:5px;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
	line-height:1;
}

.profile-sns-menu-title {
	font-family: sans-serif;
	font-weight:bold;
	color:white;
    text-align: left;
    width: 100%;
}

.profile-sns-menu-list {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	list-style: none;
	margin: 10px 0;
}

.profile-sns-menu ul li {
	padding: 0 !important;
    background: transparent !important;
	position: revert;  /* widgetのposition:relativeがあるとなぜか点がつくため */
}

.profile-sns-menu ul li a {
	font-size: 20px;
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    margin: 0 3px;
	padding: 6px 7.5px;
	overflow: hidden;
    text-decoration: none !important;
    border-radius: 10px;
    background:#94C9ED;
}

.pro-contact {
	margin-left:13px;
}

.profile-icon{
	fill:white;
}




@media only screen and (max-width: 767px){
	.searchBox {
	padding:5px;
}
}

/*読者登録ボタン*/

.napbizapp {
  text-align: left;
  padding: 10px;
  overflow: hidden;
}
.napbizapp:after {
  content: "";
  display: block;
  clear: both;
}
.napbizapp p {
  margin: 0;
}
.napbizapp a:after {
  display: none;
}
.napbizapp__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.napbizapp__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.napbizapp__detail:after {
  content: "";
  display: block;
  clear: both;
}
.napbizapp__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.napbizapp__info {
  font-size: 12px !important;
}
.napbizapp__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.napbizapp__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.napbizapp__gplink img {
  height: 40px;
  width: 134.5px;
}


/* 新着記事の装飾*/
.eyecatch__new{
	text-align:center;
	width:10rem;
  background     : #D78196;
	border-radius:10%;
  color          : #ffffff;
  font-weight    : bold;
  font-size      : 1.2rem !important;
  padding        : 5px;
	margin-right:5px;
  transform      : scale(0.6)
                   translateX(-30%);
  animation      : newAnime .7s infinite alternate;
}
@keyframes newAnime {
   0% { color      : #D78196;
        background : #ffffff;
      }
 100% { color      : #ffffff;
        background : #D78196;
      }
}

/* ナビゲーション */
#menu input[type="submit"]{
    color: #aa9a85;
    box-shadow: none;
    background: none;
    border: none;
    font-size:1em;
    cursor: pointer;
}

#menu{
  list-style-type: none;
  height: 40px;
  margin-bottom: 10px;
  padding: 0;
	display:flex;
	align-items: center;
}
#menu li{
    z-index: 1000;
  position: relative;
  width: 30%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a{
  display: block;
  color: #aa9a85;
  font-size: 1em;
}
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin: 5px 0;
  padding: 0;
}
#menu li:last-child ul{
/*  left: -100%;
  width: 100%*/
}
#menu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #CBB8AB;
  text-align: left;
		color:white;
	white-space: nowrap;


}
#menu li:hover > a{
	font-weight:bold;
}
#menu li:hover ul li{
/*  overflow: visible;*/
  height: 38px;
  border-bottom: 1px solid #fff;
}
#menu li:hover ul li:first-child{
  border-top: 0;
}
#menu li:hover ul li:last-child{
  border-bottom: 0;
}

@media screen and (max-width: 480px) {
	#menu li ul li a {
    padding: 10px;
	}
	
	#menu li:hover ul li{
		height:30px;
	width:300px;
	}

.category-select{
	flex-basis:50%;
}

}
/* 記事一覧並び替えここまで */
/* 正方形記事一覧のカード articlelist_square */

.notecard_time{
	text-align:right;
	font-size:1rem;
}

.notecardtype time {
    display: inline;
    color: #b5b5b5;
    font-size: 15px;
    font-weight: bold;
}

.newlabel {
    color: #E93269;
    display: inline-block;
    margin: 3px;
}


.notecardtype_square_article {
    position: relative;
	    width: 46%;
    margin:0 5px 15px 5px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: 0.2s ease-in-out;
	    padding-bottom: 5px; 
}

.notecardtype_square_article:hover {
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.notecardtype_square_link {
    display: block;
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

.notecardtype_square_link:hover {
   text-decoration: none; 
}


.notecardtype_square_img {
    margin: 0;
    overflow: hidden;
    position: relative;
	height:300px;
}

.notecardtype_square_img img {
    border-radius: 2px 2px 0 0;
    height: 275px;
    object-fit: contain;
}

.notecat-name {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 13px;
    left: 13px;
    height: 22px;
    margin: 0;
    padding: 2px 10px;
    border-radius: 14px;
    color: #fff !important;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 18px;
    background: #4B4846;
    text-decoration: none;
}

.notecat-name img {
    height: 20px;
    padding: 1px 0 6px;
}

.cf {
    zoom: 1;
}

.notedescription p {
    font-size: 0.7em;
    padding: 0px 15px;
    margin-top: -4.3em;
}

.notecardtitle_square {
	font-size:1rem;
	font-weight: bold;
	line-height:1.56;
	padding: 0 14px;
}

.notecardtype {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:1em;
}


a.page-numbers:hover {
/*background-color: #6bb6ff;*/
color:#FFF;
text-decoration: none;
cursor: pointer;
}

.current {
color: #FFF;
/*background: #6bb6ff;*/
}

.pagenation_page {
    text-align: center;
}

.pagenation_page .next {
    width: auto;
    background: none;
    padding-left: 0.4em;
}

.pagenation_page .prev{
    width: auto;
    background: none;
    padding-right: 0.4em;
}

a.pagenation_page .next:hover {
opacity: 0.8;
}


@media only screen and (min-width: 481px){
.notecardtype_square_article time {
    margin: 3px;
}
	.notecardtitle_square{
		font-size:1.4rem;
	}
		.notecard_time{
	font-size:1.5rem;
}

}

.toppage-more{
	text-align:right;
}

.heading-primary-page{
	display:none;
}

.entry-time.notepubdate {
	padding-right: 5px;
}

@media only screen and (max-width: 481px){
	
	.entry-time.notepubdate {
		font-size:1rem;
	}
	
	.notecardtitle_square{
		padding:3px;
	}
	
	.notecardtype_square_article-info p {
		margin-top:0;
	}
	
	.notecat-name {display:none;}
	
	.notecardtype_square_article{
		height:140px;
	}
}


@media screen and (max-width:481px){
		.notecardtype_square_article{
		height:170px;
	}
		.notecardtype_square_img img {
	    height: 130px;
	}
	.notecardtype_square_img{
		height:130px;
	}
}

@media screen and(max-width:800px){
	.notecardtype_square_img img {
    height: 263px;
}
}

.eyecatch__cat{
	display:none;
}

.profile-sns-menu-list li {
	border-top: none !important;
}

.notepubdate {
	float: right;
}

@media screen and (max-width:480px) {
	.notecardtype_square_article {
		height: 180px;
	}


	.heart-icon {
		height: 20px;
		width: 20px;
		margin: 2px 7px;
	}

	.notepubdate {
		margin: 7px;
	}
	
	.newlabel {
		margin: 7px 0px 7px 7px;
	}
	
}

/* 前後記事リンク */
.prev_next_nav {
	opacity: 0;
	z-index: 9999;
	padding: 0 20px;
	height: 33px;
	padding: 0 20px;
	border-radius: 5px;
	background: #CBB8AB;
	/*←ここの色はブログのナビゲーションメニューの色に合わせる*/
	color: white;
	-webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 30%);
}

.fixed {
	opacity: 1;
	position: fixed;
	top: 1% !important;
	left: 20%;
	width: 400px;
}

.clearfix {
	display: flex;
	flex-wrap: nowrap;
}

.prev_next_nav li {
	width: 100%;
	list-style: none;
	float: left;
	margin: 10px;
	text-align: center;
}

@media screen and (min-width: 780px) {
.prev_next_nav {
    width: 500px;
	}
}

@media screen and (max-width: 480px) {
	.fixed {
		left: 10%;
		width: 80%;
	}
}

@media screen and (min-width: 1400px) {
.fixed {
    left: 25%;
}
}

.globalNavi {
        overflow-x: visible; /*子カテゴリ対応*/
}

.container {
    padding: 0;
}

.globalNavi::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }

.globalNavi__list{
	border-radius:0;
}

.globalNavi a {
        cursor: pointer !important;/*子カテゴリ対応*/
}


/* スマホの時タイトルを２行で出す 
@media screen and (max-width: 480px) {
.globalNavi__list a {
    padding: 0 6px;
    height: 41px;
    line-height: 18px;
    max-width: 140px;
	}
.globalNavi ul {
	width:500px;
} */

.content p {
    word-break: break-all;
}

/*パンクズリストの崩れ対応 */
.breadcrumb__list {
    display: table-cell;
 /*   white-space: nowrap;*/
    float: none;
    padding-left: 15px;
    margin-right: 0;
}

	/* 検索フォーム */
	.searchBox__form {
		display: flex;
		border: 1px solid #333;
		margin: 20px 0;
		height: 30px;
	}
	
	@media screen and (max-width: 1000px){
		.searchBox__form {
			width: 90%;
			margin: 20px auto;
		}
    }
	
	.searchBox__input {
		width: calc(100% - 40px);
		border-radius: 0;
		border: none;
	}
	
	#searchsubmit {
		background: #595959;
		color: #fff;
		border: none;
		width: 40px;
		cursor: pointer;
		margin-left: auto;
	}
	
	#searchsubmit svg {
		fill: #fff;
		width: 15px;
	}

/* contactの位置調整 */
.pro-contact {
margin-left: 0px;
}

/* SPで子カテゴリ表示 */
@media only screen and (max-width: 767px) {
		.globalNavi__list > li.menu-item-has-children > a {
				pointer-events: none;
		}
	
	.globalNavi__list > li > .sub-menu {
	/*	right: 0;*/
		left: auto !important;
	}
	
	.globalNavi__list > li > .sub-menu > li {
    width: 250px;
	}
}

/* 新着順などの下線がiPhoneの時角丸になる対応 */
form .sort_current {
	border-radius:0 !important;
	display: inline-block !important;
}

/* 作者おすすめ記事 */
.featured-posts-list {
	border: 1px solid #ddd;
	list-style: none;
	padding: 0;
	margin-top: 5px;
}

.featured-posts-list li {
	border-top: solid 1px #D8D8D8 !important;
	display: flex;
	align-items: center;
	margin-bottom: 0px !important;
	padding: 3px !important;
	line-height: unset !important;
}

.featured-posts-list li:first-child {
    border-top: none !important;
}

.featured-posts-list a {
	text-decoration: none;
	color: #333;
}

.featured-posts-list-thumbnail {
	margin: 3px;
}

/* アイキャッチ調整 */
.featured-posts-list-thumbnail img {
	max-width: unset;
	display: block;
	object-fit: cover;
}

.featured-posts-list-title {
	margin: 5px;
}

.napbiz_recommend_posts {
	margin: 10px 0;
}

@media screen and (max-width: 480px) {
	.napbiz_ad_underheader {
		min-height: 300px;
	}
}

.napbiz_ad_underheader,
.napbiz_ad_underpost2,
.napbiz_ad_top {
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}

.napbiz_ad_above_comment {
    margin-top: 10px;
    margin-bottom: 25px;
}

.napbiz_ad_undertitle {
	margin-bottom: 5px;
}

/* おすすめウィジェットと広告04をPCで非表示 */
.l-main .widget {
	border-top: none;
}

.l-main .widgetPage .widget {
	padding-top: 0px !important;
	margin-top: 0px !important;
}

.l-main .widgetPage .widget .heading {
	margin-top: 15px !important;
}

.widgetPost {
	overflow: visible !important;
}

.l-main .napbiz_ad_underheader,
.l-main .widgetPage {
	display: none;
}

@media only screen and (max-width: 767px) {

	.l-main .napbiz_ad_underheader,
	.l-main .widgetPage {
		display: block;
	}
}

p.napbiz_ad_settings_between_imgs_label {
    margin: 10px 0px 5px 0px !important;
    color: #999;
    font-size: 15px;
}


/* 06:プロフ上 調整 */
.napbiz_ad_aboveprofile{
	margin-bottom: 30px;
}

/* 07:記事中画像間下調整 */
.napbiz_ad_settings_between_imgs{
        margin-bottom:30px;
}

/* 15:adショートコード調整 */
.ad_settings_shortcode{
	text-align:center;
	margin:30px auto;
}

.like-button i {
    color: #FF2F40;
    font-size: 24px;
}

.like-button {
	    font-size: 24px;
    background: none; /* 背景色を透明に */
    border: none; /* 枠線を削除 */
    padding-left: 20px;
    padding-right: 0px;
    margin: 10px; /* マージンを削除 */
    color: inherit; /* ボタンのテキスト色を親要素から継承 */
}

.like-button:hover {
    cursor: pointer; /* マウスカーソルをポインターに変更 */
    opacity: 0.7; /* ホバー時にボタンを少し透明にする */
}

/* いいねされた時のメッセージ */
#like-message {
    display: none;
    position: absolute; /* 固定位置から絶対位置に変更 */
    background-color: #ff8793; /* ピンク色 */
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1000;
    font-size: 16px;
}