@font-face {
  font-family: 'OradanoGSRR';
  src: url('https://naoyaomiya.com/fonts/OradanoGSRR.woff2') format('woff2'),
  url('https://naoyaomiya.com/fonts/OradanoGSRR.woff') format('woff'),
  url('https://naoyaomiya.com/fonts/OradanoGSRR.ttf') format('truetype');
}
.enter,.enter a,
.enter p,
.logo,.logo-top,
.logo a,.logo-top a{
 font-family: 'OradanoGSRR' !important;
}

.head_box_top img{
 width: 100%; 
}
.relative,
.relative-top{
  position: relative;
  width:100%
}
.absolute,
.absolute-top {
 position: absolute; 
 color: #fff;
 width: 100%;
 padding: 1em 0;
}

.absolute p {
 margin: 0;
 padding: 0 0.8em;
 text-align: center;
}

.logo,.logo-top{
 letter-spacing: 0.25em;
}

.absolute a:hover,
.absolute-top a:hover{
 color:#c1ab05;
}

.relative img{
 position: relative;
 margin: 0 auto;
}

.relative-top img {
  position: relative;
  z-index : 10;
}

.absolute-top .logo-top {
 z-index : 30;
}

.absolute-top .menu_l-top,
.absolute-top .drawer-top {
 z-index : 40;
}


#breadcrumb,.post-cat,.wrap-post-title,
.catpage_content_wrap,.cat-tag,
#single-main .post-author.author,
.post_footer_author_title,.post_footer_author,.single_title,
.newpost_list,.inline-nospace {
    display: none !important;
}

.text{
 margin:10px 0px;
}

.text_right{
 text-align: right;
}
.text_center{
 text-align: center;
}

body,
#page-main, 
.fotter-copyright{
    font-size: 12px !important;
    font-family: Arial,Helvetica,sans-serif !important;
}

.name{
 font-size: 14px !important;
 letter-spacing: 0.12em;
 font-weight:bold;
 margin:0 !important;
 padding:0px !important;
}

.name-cp{
 font-size: 13px !important;
 letter-spacing: 0.12em;
 background-color: #000 !important;
 margin:5px 0px !important;
 padding:0px !important;
 color:#ccc;
 font-weight:normal;
}

.logo {
 font-size: 16px;
 margin:0 auto;
 text-align:  center;
 font-weight:bold;
 color:#fff;
 pdding-left:100px;
 margin-left:50px;
 letter-spacing: 0.15em;
}

.logo-top {
 font-size: 16px;
 margin:0 auto;
 text-align:  center;
 font-weight:bold;
 color:#fff;
 pdding-left:100px;
 margin-left:50px;
 letter-spacing: 0.15em;
}

.enter,
.enter a{
 font-size: 30px !important;
 letter-spacing: 0.25em;
 z-index : 50;
}

a:hover,
.logo a:hover,
.enter a:hover{
 color:#c1ab05 !important;
}

body,#footer,#header,#page-main,
.header-wrap,
.full,
.page_title,
.hentry {
    background-color: #000 !important;
}

#page-main,
#page-main.full,
#main-wrap #page-main.full{
border: 1px solid #000 !important;
}

.fotter-copyright{
 text-align: center;
 margin:0 auto;
}


@media (max-width:560px){
.relative img{
 height: 100vh;
}

.absolute-top .logo-top {
 top:10px;
 left:10px;
}

.absolute-top .menu_l-top,
.absolute-top .drawer-top {
 top:10px;
 left:10px;
}

.absolute {
 top: 200px;
}
.absolute a{
 font-size: 20px;
}

.absolute-top {
 top: 0px;
}

.absolute-top .menu_l-top a{
 font-size:12px;
}

.absolute-top .logo-top a{
 font-size: 20px;
}

#photo {
 height:700px;
 margin: 0 auto;
 text-align: left;
 /*overflow: hidden;*/
 position: relative;
}

#photo img {
 top: 0;
 left: 0;
 position: absolute;
 width: 100%;
}
.menu_l,
.menu_l-top{
  display: none;
}
.head_box_top{
 font-size:12px;
 width:  100%;
 height: 1000px;
 text-align: center;
 margin:0 auto;
}
.enter{
 padding:5px 50px;
 font-size:20px;
 //border: 2px solid #fff;
}

.content .box60{
 vertical-align: top;
 padding: 5px;
 padding-left: 20px;
 text-align: left;
 width:  100%;
}
.content .box40{
 vertical-align: top;
 padding: 5px;
 text-align: left;
 width:  100%;
}
}

@media (min-width:561px) and (max-width:1000px){
.relative img{
 width: 100%;
}
.absolute-top {
 top: 0px;
}
.absolute-top a{
 font-size: 30px;
}

.absolute {
 top: 200px;
}
.absolute a{
 font-size: 30px;
}

#photo {
    height: 1000px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#photo img {
    top: 0;
    left: 0;
    position: absolute;
}
.menu_l,
.menu_l-top{
  display: none;
}
.head_box_top{
 font-size:20px;
 width:  100%;
 height: 1000px;
 text-align: center;
 margin:0 auto;
}

.enter{
 padding:5px 50px;
 font-size:30px;
 //border: 2px solid #fff;
}

.content .box60{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 padding-left: 20px;
 text-align: left;
 width:  69%;
}
.content .box40{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 text-align: left;
 width:  30%;
}
}


@media (min-width: 1001px) and (max-width: 1600px){
.relative img{
 width: 100%;
}
.absolute {
 top: 300px;
}
.absolute a{
 font-size: 30px;
}

.absolute-top {
 top: 0px;
}
.absolute-top a{
 font-size: 30px;
}

#photo {
    height: 1000px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#photo img {
    top: 0;
    left: 0;
    position: absolute;
}
.drawer,
.drawer-top{
  display: none;
}
.head_box_top{
 font-size:20px;
 width:  800px;
 height: 1000px;
 text-align: center;
 margin:0 auto;
}
.enter{
 padding:5px 100px;
 font-size:50px;
 //border: 3px solid #fff;
}
.content .box60{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 padding-left: 20px;
 text-align: left;
 width:  69%;
}
.content .box40{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 text-align: left;
 width:  30%;
}
}

@media (min-width: 1601px){
.relative img{
 width: 100%;
}
.absolute {
 top: 300px;
}
.absolute a{
 font-size: 30px;
}
.absolute-top {
 top: 0px;
}
.absolute-top a{
 font-size: 30px;
}
.drawer,
.drawer-top{
 display: none;
}
.head_box_top{
 font-size:20px;
 width:  800px;
 height: 1000px;
 text-align: center;
 margin:0 auto;
}
.enter{
 padding:5px 100px;
 font-size:40px;
 //border: 5px solid #fff;
}
.menu_sns a,
.menu_sns a:hover{
 padding:5px;
 font-size:14px;
}
.content .box60{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 padding-left: 20px;
 text-align: left;
 width:  69%;
}
.content .box40{
 display:  inline-block; 
 vertical-align: top;
 padding: 5px;
 text-align: left;
 width:  30%;
}
}

.header,
.header-top {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0 20px 0 0;
 text-align: center;
}


/*ヘッダー*/
.header,
.header-top{
 height: 50px;
}

.head_box_top{
 background-image: url(); 
 background-repeat:no-repeat;
 background-position:center top; 
 background-size: cover;
 display: flex;
 justify-content: center;
 align-items: center;
}

h1.head_title{
text-shadow: 1px 2px 3px #333 !important;
}

.top-box-news{
 margin-bottom:20px;
 padding: 10px;
 border-bottom: 1px dotted #eee;
}
.news_title{
 font-size:12px;
 color:# 000;
 font-weight:bold;
}
.news_text{
 font-size:14px;
 color:# 000;
}

/*== ボタン共通設定 */
.btn2{
 margin-top:40px;
 position: relative;
 overflow: hidden;
 text-decoration: none;
 display: inline-block;
 border: 2px solid #000;
 padding: 10px 50px;
 text-align: center;
 outline: none;
 transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn2 span {
 position: relative;
 z-index: 3;
 color:#000;
}

.btn2:hover span{
  color:#fff;
}

/*== 背景が流れる（中央から横全体） */
.bgcenterx2:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 background: #000;
 width: 100%;
 height: 100%;
 transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 transform: scale(0, 1);
 transform-origin: top;
}

/*hoverした際の形状*/
.bgcenterx2:hover:before{
  transform:scale(1, 1);
}


.hissu-off {
 background: #007cba;
 padding: 3px 5px;
 margin-right: 5px;
 color: #fff;
}

.hissu-on{
 background: #d9534f;
 padding: 3px 5px;
 margin-right: 5px;
 color: #fff;
}




/*== ボタン共通設定 */
.btn{
 margin-top:40px;
 position: relative;
 overflow: hidden;
 text-decoration: none;
 display: inline-block;
 border: 2px solid #c1ab05;
 padding: 10px 50px;
 text-align: center;
 outline: none;
 transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn span {
 position: relative;
 z-index: 3;
 color:#c1ab05;
}

.btn:hover span{
  color:#000;
}

/*== 背景が流れる（中央から横全体） */
.bgcenterx:before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 background: #fff;
 width: 100%;
 height: 100%;
 transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
 transform: scale(0, 1);
 transform-origin: top;
}

/*hoverした際の形状*/
.bgcenterx:hover:before{
  transform:scale(1, 1);
}


.menu_sns{
 margin-top:40px;
 margin-bottom:40px;
 font-size:14px;
}

.menu_sns a{
 margin-left:10px;
 margin-right:10px;
 font-size:14px;
}

.menu_l a,
.menu_l-top a{
 color:#fff;
}

.menu_l a:hover,
.menu_l-top a:hover{
 color:#ccc;
}

.menu_l a,
.menu_l a:hover,
.menu_l-top a,
.menu_l-top a:hover{
 margin:0px 7px 0px 7px;
 font-size:14px;
}

.menu_l i,
.menu_l-top i{
 font-size:14px;
}
.menu_s{
 margin:0px 7px 0px 0px  !important;
}

.single-post-main{
 padding:1em 10px  !important;
}

main#page-main.full,.content{
 width: 100% !important;
 margin:0px auto !important;
 padding:0px  !important;
}

#page-main,
.hentry{
 width: 100% !important;
 margin:0px auto !important;
padding:0px  !important;
}

.menu_sns a,
.menu_sns a:hover{
 font-size:28px;
 color:#fff;
}
.single-post-category{
 padding:5px !important;
 padding-bottom:8px !important;
 line-height: 100% !important;
}
.post-cat{
 padding:10px !important;
 line-height: 100% !important;
 font-size:12px !important;
}

/* ヘッダーデザイン調整　ブラウザのサイズ毎**************************************************************/
@media (max-width:560px){
.menu_l{
  display: none;
}
.head_box_top,
.head_box_fanclub {
 font-size:30px;
 height: 500px;
}
.head_box_page,
.head_box_cate,
.head_box_contact{
 font-size:30px;
 height: 350px;
}
.page_title_top2{
 padding:5px 50px;
 font-size:20px;
 border: 2px solid #fff;
}
.top_box_cd .box_60,.content .box_60{
 text-align: left;
 padding: 5px;
}
.top_box_cd .box_40,.content .box_40{
 text-align: left;
 padding: 5px;
}


.menu_sns a,
.menu_sns a:hover{
 padding:5px;
 font-size:14px;
}
}




.text_right{
 text-align: right;
}
.text_center{
 text-align: center;
}
.copyright_f{
 text-align: center;
 margin:0 auto;
}



.top_box_news .top_ctitle{
 font-family: 'Noto Serif JP', serif !important;
 color:#FFF;
 padding:30px 5px;
 font-size:20px;
 text-align: center;
 margin:0 auto;
}

/*ヘッダー*/
.header,
.header-top{
 height: 50px;
}



.head_title_top {
 text-align: center; 
 color:#FFF;
 line-height: 150%
}
.page_title_top h1{
 padding-bottom:30px;
}


.drawer-item a,
.drawer-item a:hover{
 color:#fff;
}

.drawer-content{
 margin:0 auto;
 text-align: center;
}

.drawer-item{
 padding-top:10px;
}

.m-top{
 margin-top:50px;
}



/*------------------------------

  ここから下がハンバーガーメニュー
  に関するCSS

------------------------------*/
  
/* チェックボックスは非表示に */
.drawer-hidden,
#header .clearfix {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #fff;
  transition: 0.5s;
  position: absolute;
  color:#fff;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%; /*メニューを画面の外に飛ばす */
  z-index: 99;
  background: #000;
  transition: .5s;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
  left: 0;/* メニューを画面に入れる */
}

/* 共通　str **************************************************************/

#logo,
div.logo_title {
 font-size:15px !important;
}

.page_title{
 font-family: 'Noto Serif JP', serif !important;
}
.top-box-1{
 margin:0 auto;
}

.text_right{
 text-align: right !important;
}


table {
 background: transparent !important;
 border: 0px solid #ccc !important;
}

th,td,tr {
 border: 0px solid #ccc !important;
}

button, input[type=submit], input[type=reset], input[type=button]{
 background: #000 !important;
}

#logo img, .logo img{
 width:  auto!important;
 height:  45px !important;
}

.footer_content {
 margin: 0 auto;
 text-align:center;
}

.page_title{
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; 
 align-items: center; 
 -webkit-justify-content: center;
 justify-content: center;
 margin:0 auto !important;
 padding:20px !important;
 vertical-align:middle !important;
 background:transparent !important;
 border-bottom:0px solid #000 !important;
}

.udline{
 padding:5px 0px !important;
 border-bottom:1px solid #000 !important;
}


table {
 background: transparent !important;
}


.header-wrap, #header ul.sub-menu, #header ul.children, #scrollnav, .description_sp {
 background: #000;
 color: #000;
}

#nav_fixed.fixed a, #nav_fixed #nav ul ul a{
 color: #FFF !important;
}

.box-center{
 margin:0 auto !important;
 text-align:center !important;
}

.box-center-f{
 margin:0 auto !important;
 text-align:center !important;
 background: #fff !important;
}

.form-title{
 font-weight: bold; 
 margin:10px 0px;
}

.attachment-thumbnail{
 width: 300px; 
}

#breadcrumb{
 background: transparent !important;
}

/* 共通　end **************************************************************/