/*====================
スマホを基本設計にする
 - 〜479px：スマートフォン縦
 - 480px〜599px：スマートフォン横
 - 600px〜959px：タブレット
 - 960px〜1279px：小型PC
 - 1280px〜：大型PC
====================*/
 

/******************header*****************/
html {
	margin-top: 0 !important;
}
.l-header {
    height: 0;
	padding: 0;
}
.globalNavi {
	display: none;
}
h1 {
	display: block;
	position: relative;
}
.t-logoPc50 .siteTitle__logo {
    height: 86px;
}
.siteTitle {
    margin-bottom: 0;
    position: absolute;
    top: 11px;
}

.header-bg {
  background-attachment: fixed;
  position: fixed;
  width: 100%;
  background-image: url("../img/top05_01.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.header-bg:before {
  content: '';
/*  background-color: rgba(232,218,101,0.2);*/
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	transform: translateZ(0);
}
.still {
    height: auto !important;
}




/************画像内グローバアルメニュー***************/
.frontNavi {
	font-family: 'Amatic SC', cursive;
    position: absolute;
    top: 53%;
    color: #FFFFFF;
    font-size: 4rem;
    font-weight: bold;
	letter-spacing: 0.8rem;
	text-shadow: 2px 2px 3px #000000;
}
.frontNavi.home {
	top: 37%;
    left: 18%;
}
.frontNavi.profile {
    top: 44%;
    left: 13%;
    border: none;
    background: none;
    display: block;
    margin-top: 0;
    padding: 0;
    color: #FFFFFF;
}
.frontNavi.news {
	top: 51.5%;
    left: 16.2%;
}
.frontNavi.blog {
	top: 58.5%;
    left: 17.4%;

}
.frontNavi.radio {
	top: 65%;
    left: 18.5%;
}
.frontNavi.video {
	top: 71.5%;
    left: 21%;
}
.frontNavi.contact {
	top: 78.5%;
    left: 20%;
}
.frontNavi.sub-menu {
    top: 86%;
    left: 15%;
    display: flex;
    list-style: none;
}
.frontNavi.sub-menu li {
	margin-right: 12px;
	font-size: 3.5rem;
}
.frontNavi.home:hover,
.frontNavi.profile:hover,
.frontNavi.blog:hover,
.frontNavi.video:hover,
.frontNavi.audio:hover,
.frontNavi.news:hover,
.frontNavi.contact:hover{
	opacity: 0.5;
}
a.frontNavi:hover,
.frontNavi.sub-menu li a:hover {
	opacity: 0.5;
	display: inline-block;
}

.l-footer {
	display: none;
}
.fronTbottomFooter {
	position: absolute;
    bottom: -790px;
    width: 100%;
}
small {
    display: block;
    color: #FFFFFF;
    background: unset;
    text-align: right;
    font-size: 2.3rem;
    letter-spacing: 0.4rem;
    font-family: 'Amatic SC', cursive;
    text-shadow: 2px 2px 3px #000000;
}
.bottomFooter__topBtn {
	display: none;
}




/*グローバルメニュー SNS*/

.t-headerColor .globalNavi__list>li.menu-item-has-children>a::before {
	    border-color: #FFFFFF;
}


.globalNavi__list>li .sub-menu:before 
.globalNavi__list>li .sub-menu:before {
  position: absolute; /* 追加 */
  top: -100px; /* 追加 横方向も調整が必要ならrightかleftで */
}


.fas.fa-share-alt {
	font-size: large;
}

/* 初期状態でサブメニューを非表示にしておく */
.globalNavi__list>li .sub-menu {
    display: none;
	left: -183px;
}

/* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */
.menu-item-has-children:hover .sub-menu {
  display: none;
}

.globalNavi__inner .sub-menu .fab {
	color:#323232;
	font-size: large;
}

.globalNavi__list>li .sub-menu>li {
    min-width: 44px;
	display: table-cell;
	background-color: #FFFFFF;
	-moz-opacity: 0.9;
    opacity: 0.9;
}
.frontNavi.sub-menu i {
	color: #FFFFFF;
}
.globalNavi__list>li .sub-menu>li:hover {
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.contactTop {
    width: 234px;
}
.l-footer {
    display: none;
}
img.fr_img01, 
img.fr_img02{
    display: none;
}
@media(max-width: 1024px) {
.siteTitle {
    top: 30px;
}
.frontNavi.home {
    top: 37%;
    left: 15%;
}
.frontNavi.profile {
    top: 43%;
	left:10%;
}
.frontNavi.blog {
	top: 48.5%;
    left: 14.2%;
}
.frontNavi.video {
	top: 54.5%;
    left: 13.4%;

}
.frontNavi.radio {
	top: 61%;
    left: 15.5%;
}
.frontNavi.news {
	top: 67.5%;
    left: 18%;
}
.frontNavi.contact {
	top: 73.5%;
    left: 17%;
}
.frontNavi.sub-menu {
    top: 80%;
    left: 12%;
	}
.fronTbottomFooter {
    /* top: 632px; */
    position: fixed;
    bottom: 9px;
}
img.fr_img01,
img.fr_img02	{
    display: none;
}
}
@media screen and (max-width: 990px) {
.menuBtn {
	display:none;
}
.frontNavi.home {
	top: 39%;
    left: 8%;
}
.frontNavi.profile {
    top: 46%;
    left: 2%;
    border: none;
    background: none;
    display: block;
    margin-top: 0;
    padding: 0;
    color: #FFFFFF;
}
.frontNavi.blog {
	top: 53.5%;
    left: 8.2%;
}
.frontNavi.video {
	top: 60.5%;
    left: 7.4%;

}
.frontNavi.radio {
	top: 67%;
    left: 10.5%;
}
.frontNavi.news {
	top: 73.5%;
    left: 15%;
}
.frontNavi.contact {
	top: 80.5%;
    left: 16%;
}
.frontNavi.sub-menu {
    top: 88%;
    left: 15%;
    display: flex;
    list-style: none;
}
img.fr_img01,
	img.fr_img02{
    display: none;
}
}
@media screen and (max-width:786px){
.siteTitle {
    top: 16px;
}
.t-logoPc50 .siteTitle__logo {
    height: 59px;
}
.menuBtn {
    display: block;
}
.globalNavi__list li {
	margin-right: 12px;
	margin-left: 21px;
}
#menu-item-267 {
 	border-bottom: 1px solid #FFFFFF;
    padding-bottom: 35px;
    width: 55px;
}
.globalNavi {
	display: block;
    position: absolute;
    top: 85px;
}
.globalNavi__inner {
    overflow: hidden;
    line-height: 6rem;
    padding-bottom: 7px;
/*    border-bottom: 0.5px solid #FFFFFF;*/
	padding-bottom: 14px;
}
.globalNavi::after,
.globalNavi::before{
	content: unset;		
}
#menu-item-323,
#menu-item-275 {
	display: none;
}
.globalNavi__list>li.menu-item-has-children>a, .globalNavi__list>li.page_item_has_children>a {
    position: relative;
    padding-right: 10px;
}
.globalNavi__list .current-menu-item>a, 
.globalNavi__list .current-menu-parent>a{
    border-bottom: none;
    color: #FFFFFF;
}
.globalNavi__list .current-menu-item>a:hover,
.globalNavi__list a:hover{
	border-bottom: none;
}
.globalNavi__list li a {
    font-weight: 500;
    color: #FFFFFF;
    font-family: 'Amatic SC', cursive;
    font-size: 3.5rem;
    padding-top: 1px;
}
.globalNavi__list .menu-item a:hover{
	border-bottom:none;
	color:rgba(0,0,0,.9)
}
.globalNavi__list>li.menu-item-has-children>a::before, .globalNavi__list>li.page_item_has_children>a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-bottom: solid 1px rgba(0,0,0,.5);
    border-right: solid 1px rgba(0,0,0,.5);
    transform: rotate(45deg);
}
.globalNavi__list>li.menu-item-has-children>a::before, .globalNavi__list>li.page_item_has_children>a::before {
    border-bottom: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
}
/*グローバルメニュー SNS*/

.t-headerColor .globalNavi__list>li.menu-item-has-children>a::before {
	    border-color: #FFFFFF;
}
.globalNavi__list>li .sub-menu:before {
  position: absolute; /* 追加 */
  top: -100px; /* 追加 横方向も調整が必要ならrightかleftで */
}
.fas.fa-share-alt {
	font-size: large;
}
/* 初期状態でサブメニューを非表示にしておく */
.globalNavi__list>li .sub-menu {
    display: none;
	left: -183px;
}
/* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */
.menu-item-has-children:hover .sub-menu {
  display: block;
}
.globalNavi__inner .sub-menu .fab {
	color:#323232;
	font-size: x-large;
}
.globalNavi__list>li .sub-menu>li {
    min-width: 44px;
	display: table-cell;
	background-color: #FFFFFF;
	-moz-opacity: 0.9;
    opacity: 0.9;
}
.globalNavi__list>li.menu-item-has-children>a, 
.globalNavi__list>li.page_item_has_children>a {
    position: relative;
    padding-right: 10px;
	overflow: hidden;
}
.globalNavi__list>li .sub-menu>li:hover {
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.globalNavi__list>li .sub-menu:before {
  position: absolute; /* 追加 */
  top: -100px; /* 追加 横方向も調整が必要ならrightかleftで */
}
.fas.fa-share-alt {
	font-size: large;
}
.globalNavi__list>li .sub-menu {
    position: absolute;
    top: 7%;
    left: 486px;
    z-index: 9999;
    transition: .15s;
}
.contactTop {
    width: 180px;
    right: 18px;
	padding: 5px 9px;
}
.globalNavi__list .current-menu-item>a{
	color: #FFFFFF;
/*    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;*/
	text-shadow: 2px 2px 3px #000000;
    padding-top: 3px;
}
.header-bg {
  	background-attachment: unset;
    position: relative;
    width: unset;
    background-image: none;
    background-position: unset;
    background-repeat: unset;
    background-size: unset;
    min-height: unset;
	height: unset;
	display: none;
}
.still {
     height: 600px !important;
	display: block;
	width: 100%;
}
.still__box {
    display: block;
}
.still__box:before {
  content: '';
/*  background-color: rgba(232,218,101,0.2);*/
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	transform: translateZ(0);
}
.l-footer{
    display: block;
}
.fronTbottomFooter {
	display: none;
}
}
@media screen and (max-width:480px) {
.siteTitle {
    top: 5px;
    left: 5px;
}
.t-logoPc50 .siteTitle__logo {
    height: 56px;
}
.globalNavi {
    display: none;
}
.menuBtn {
    display: block;
}
.contactTop {
    width: 71px;
    right: 68px;
}
.header-bg {
  	background-attachment: unset;
    position: relative;
    width: unset;
    background-image: none;
    background-position: unset;
    background-repeat: unset;
    background-size: unset;
    min-height: unset;
	height: unset;
	display: none;
}
.still {
    height: 440px !important;
	display: block;
	width: 100%;
}
.still__box {
    display: block;
}
.still__box:before {
  content: '';
/*  background-color: rgba(232,218,101,0.2);*/
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	transform: translateZ(0);
}
img.fr_img01{
	display: block;
    position: absolute;
    top: 115px;
    right: 7px;
    transform: rotate(23deg);
}
img.fr_img02{
	display: block;
    position: absolute;
    top: 353px;
    left: 0;
    transform: rotate(-137deg);
}
.l-footer {
    display: block;
}
}



/******************メインビジュアル　ニュース**************************/
.custom.topNews {
    width: 23%;
    position: absolute;
    background: rgba(0,0,0,0.2);
    top: 20%;
    right: 4%;
}
.custom.topNews .custom__item {
    padding: 4px;
}
.custom.topNews	.custom__item:nth-child(even) {
    background-color: rgba(0,0,0,0.5);
}
.topNews span.custom__day {
    color: #FFFFFF;
	width: 100px;
}
.custom.topNews .custom__item a, 
.custom.topNews .custom.topNews .heading a {
    color: #FFFFFF;
    /* font-family: 'Kosugi Maru' !important; */
    font-family: Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 400;
}
.custom__item a:hover,
.custom.topNews .heading a:hover {
	color: #bebebe;
/*	font-weight: 600;*/	
}
.custom.topNews .btn__link-normal {
    margin: 6px;
    color: #444444;
    background: #FFFFFF;
    opacity: 0.8;
}
.custom.topNews .btn__link-normal:hover {
	background-color: rgba(0,0,0,0.5);
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
a.radio_twitter {
        margin: 22px 0;
    width: 23%;
    position: absolute;
    background: rgb(250 246 246 / 35%);
    top: 64%;
    right: 4%;
}


/****************wapper**********************/

.l-wrapper {
	display: none;
}

@media (max-width:768px)  {
front_banner.sp {
	display: block;
} 
.front_banner {
	width: 100%;
    display: flex;
    justify-content: space-between;	
	margin-top: 28px;
}
.front_banner a {
    display: contents;
}
.front_banner img {
    width: 49%;
}
.front_banner img:hover{
	display: block;
	opacity: 0.5;
}
.l-wrapper {
	display: block;
}
.eyecatch {
    height: 211px;
}
.still {
	height: auto;
}
#viewWide:checked~.archive .archive__item {
    width: 49%;

}
.archive {
    justify-content: space-between;
}
.archive__item-shadow {
    padding: 5px;
}
.archiveHead .heading,
.heading-widget{
    background: #FFFFFF;
    margin-bottom: 0;
    padding: 1% 2% 0%;
    color: #000000;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-size: 2.5rem;
}
.heading.heading-custom {
	background: rgba(0,0,0,-0.95);
}
.custom {
    background: #FFFFFF;
	padding: 3%;
	box-shadow: 5px 4px 6px -3px rgba(26, 25, 26, 0.7);
}
.widgetArchive__item {
    width: 48.5%;
}
.widgetArchive {
	flex-wrap: wrap;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 3%;
	box-shadow: 5px 4px 6px -3px rgba(26, 25, 26, 0.7);
}
/****ランキング******/
.eyecatch .eyecatch__cat {
    display: none;
}
	
.widgetArchive__item.widgetArchive__item-rank:nth-child(1):before,
.widgetArchive__item.widgetArchive__item-rank:nth-child(2):before,
.widgetArchive__item.widgetArchive__item-rank:nth-child(3):before,
.widgetArchive__item.widgetArchive__item-rank:nth-child(4):before{
	position: absolute;
    top: -8px;
    left: -8px;
    width: 34px;
    height: 34px;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    z-index: +1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.widgetArchive__item.widgetArchive__item-rank:nth-child(1):before{
	background: #ecd357;	
}
.widgetArchive__item.widgetArchive__item-rank:nth-child(2):before {
	background: #a9c6d5;	
}

.widgetArchive__item.widgetArchive__item-rank:nth-child(3):before {
	background: #c58459;	
}

.widgetArchive__item.widgetArchive__item-rank:nth-child(4):before{
	background: #bfbfbf;	
}

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

.l-wrapper {
	display: block;
}
.eyecatch {
    height: 157px;
}
#viewWide:checked~.archive .archive__item {
    width: 49%;

}
.archive {
    justify-content: space-between;
}
.archive__item-shadow {
    padding: 5px;
}
.archiveHead .heading,
.heading-widget{
    background: #FFFFFF;
    margin-bottom: 0;
    padding: 1% 2% 0%;
    color: #000000;
}
.heading-widget {
    font-size: 2.5rem;
}
.heading.heading-custom {
	background: rgba(0,0,0,-0.95);
}
.custom {
    background: #FFFFFF;
	padding: 3%;
}
.widgetArchive {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#viewWide:checked~.archive .archive__item {
    width: 49%;

}
.archive {
    justify-content: space-between;
}
.archive__item-shadow {
    padding: 5px;
}
.archiveHead .heading,
.heading-widget{
    background: #FFFFFF;
    margin-bottom: 0;
    padding: 1% 2% 0%;
    color: #000000;
}
.heading-widget {
    font-size: 2.5rem;
}
.heading.heading-custom {
	background: rgba(0,0,0,-0.95);
}
.custom {
    background: #FFFFFF;
	padding: 3%;
}
.front_banner {
    width: 100%;
    display: inline-grid;
}
.front_banner a {
    display: inline-block;
    margin-bottom: 20px;
}
.front_banner img {
    width: 100%;
}
}