@charset "UTF-8";
/*!
Theme Name: nayuta-style
Author: nayuta
Description: WordPress original theme
Version: 1.0
*/


a,a:hover{

	text-decoration:none;
}

a.permalink{
	color:#000;
}


ul{
	list-style:none;
}
li{
	list-style:none;
}


.img-wrap img, .card img{
	width: 100%;
height: 100%;
object-fit: cover;
}

html{
	font-family:sans-serif;
	max-width: 1200px;
	margin: 0 auto;
}



article,aside,footer,header,nav,section{
	display:block
}



figcaption,figure,main{
	display:block
}

figure{
	margin:1rem 40px}

hr{
	box-sizing:content-box;height:0;overflow:visible
}



img{border-style:none}
img{width:100%;height:auto;vertical-align:middle;line-height:1}



button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: #ccc;
}

/* -------------------------------------add */

.ks_area section {
    font-size: 120%;
}

.ks_area h1 {
    padding: 100px 0 100px;
    margin: 50px 0 30px;
    color: #E7BB5E;
    border-top: 1px solid #E7BB5E;
    border-bottom: 1px solid #E7BB5E;
    text-align: center;
}

.ks_area h2 {
    padding: 0;
    margin: 50px 0 30px;
}


.box02a {
    padding: 30px;
    background-color: #FFFFE0;
    margin-bottom: 40px;
    padding: 30px 0 15px;
}

ul.ul-a {
    text-align: left;
    max-width: 70%;
    margin: 0 auto 20px;
    border-top: 1px solid #CFCF00;
    border-bottom: 1px solid #CFCF00;
    padding: 30px 0 30px;
}

ul.ul-a li {
    list-style: disc;
    font-size: 100%;
    margin-bottom: 10px;
}





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

@media (min-width: 992px) {
 html{font-size: 0.9rem;}
.top-menu{
	display:none;
}
.header-widget {/*menu内のウィジェットの位置調整*/
float:right;
}
}

@media (max-width: 991.98px) {
html {font-size: 0.8rem;}

}

@media (max-width: 767.98px) {
html {
   font-size: 0.8rem;
 }

}
} 

@media (max-width: 575.98px) {
html {
   font-size: 0.8rem;
 }

}



.menu-widget{/*menu内のウィジェットスペース範囲指定　位置調整は.header-widget*/
	width:100%;

}






/**
 * カラー設定 ベースカラー#333　アクセントカラー#c12748 
 */
body {
  font-family: '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;

}
h1{


}

h2{
padding:100px;

}

.u-line{
	position: relative;
  display: inline-block;
  margin-bottom: 1em;
  width:100%;
  margin:auto;
}
.u-line:before {
	content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 100px;/*線の長さ*/
  height: 5px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}
h3{
	
	
}


a {


}

a:hover {

}

a:visited{

}


.detail{
}
a:hover h5{

}
a:hover p{

}



/*------------color---------------------------------------*/

.color-white{
	color:#fff;
}


.color-red{
	color:#c12748;
	
	
	
}

.color-black{
	color:#111;
}

.color-gray{
	color:#888;

}





.collapse{


	
}
.collapse ul{
margin-left:5%;

}

.collapse ul li{

}
.collapse ul li:hover{
	
}

/*------------------------overlay構造---------------------------------------------------*/
.frame {/*親div*/
  position: relative;/*相対配置*/
  }

.frame .overlay {
  position: absolute;/*絶対配置*/
  top: 0;
  left: 0;
  z-index: 1;
}
 .overlay {
	width:100%;
	height:100%;
}

div.centaring {
   height: 100%;
   width:100%;
   position: relative }              /* 1 */
div.centaring .toptext {
 position: absolute;               /* 2 */
   top: 50%;                         /* 3 */
   right:5%;
 float: right; 
  }   /* 4 */

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

/*=========================toppage用特殊構造=================================*/
.top-infomation{
	position: absolute;/*絶対配置*/
	width:100%;
	bottom:0;
}
.top-menu{
}

.top-topic td{
	color:#fff;
}
 tr{
}
 tr:hover td{
}


/*TOPICSの最初の行の変更*/
.top-topic tr:nth-child(1) td {
  border: 0px none;
 }
.topic tr:nth-child(1) td {
  border: 0px none;
 }
/*TOPICSの日付データの前に" - "を入れる*/
#time:before {
      content: " - " ;
	  
}

.top-sns-icon{
margin:0;
width:100%;

position: absolute;/*絶対配置*/
bottom:2em;

}
.top-sns-icon img{
margin:1em;
	width:3em;
	display: block;

	float:right;
	
}
.screen-reader-text{/*投稿ナビゲーションの文字*/
	display:none;
}

/**
 * 共通スタイル
 */
.global{	/*コンテンツの大枠*/

}

.object{
	margin-top:15px;
}

.topp30{
	margin-top:30px;
}

.topp60{
	margin-top:60px;
}
.topp120{
	margin-top:120px;
}

.space60{
	margin-top:60px;
	margin-bottom:60px;
}

.bottomp30{
	margin-bottom:30px;
}
.bottomp60{
	margin-bottom:60px;
}
.bottomp120{
	margin-bottom:120px;
}

.container{

}
.c-container {/*スライドショー部で使用*/
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: auto;
  padding: 0px;
}

.contents{

}
.content{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:30px;
padding-bottom:30px;
}


.circle{
  background:gold;
  border-radius:100%;
}


.bg-black{
	background-color:#000;
}

.bg-overlay-black{
		 background-color:rgba(0,0,0,0.5);
}

.bg-overlay-gray{
		 background-color:rgba(0,0,0,0.15);
}
.bg-overlay-white{
		 background-color:rgba(255,255,255,0.8);
}

.bg-overlay-red{
		 background-color:rgba(204,68,34,0.8);
}

.bg-overlay-red2{
		 background-color:rgba(204,68,34,0.2);
}
.bg-overlay-honey{
		 background-color:rgba(231,187,94,0.5);
		 #E7BB5E
}


/*画像フェードイン用クラス*/*/
.fade-img {
  position:relative;
}
.fade-img img {
  position: absolute;
}


/*bootstrap4の画像と文字の構成に使えるクラス名*/
.card-columns{
	margin-left:15px;
	margin-right:15px;
}


.nav-next a, .nav-previous a{/*投稿ページのページネーション*/
	margin-left:15px;
	margin-right:15px;
}

/*ボタンデザイン*/
.btn-flat-simple-border, .btn-flat-simple-border:hover{
	  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #fff;
border:solid 2px;
  transition: .4s;
}

.btn-flat-simple , .article-info a, .nav-next a, .nav-previous a{
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #fff;
  background: #000;
  transition: .4s;
}

.btn-flat-simple:hover, .article-info a:hover, .nav-next a:hover, .nav-previous a:hover {
  background: #888;
  color: white;
   text-decoration: none;
}



.btn-a {

 font-weight: bold;
  text-align: center;
   text-decoration: none;
  border:solid 1px;
  padding: 10px 30px;
  position: relative; /* 追記 */
}

.btn-a:hover{
	color:none;
	text-decoration: none;
	color:white;
}


.btn-a::after {
  content: ">";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

/*文書表示位置調整用*/
.document{

width:100%;

padding:15px;
}
.centering-text{ /*高さの中央*/
 position: absolute;
 width:200%;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);

}
.centering{ /*高さの中央*/
 position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}

.width40{
	width:40%;
}
.bottom-right{
    position:absolute;
    bottom:0;
    right:0;
}
.bottom-left{
    position:absolute;
    bottom:0;
    left:0;
}
.bottom-right-document{
    position:absolute;
    bottom:30px;
    right:15px;
}
.bottom-left-document{
    position:absolute;
    bottom:15px;
    left:15px;
}

.bottom-left-document-m60{
    position:absolute;
    bottom:-60px;
    left:15px;
}

.bottom-right-document-m60{
    position:absolute;
    bottom:-60px;
    right:15px;
}
.bottom-right-document-m60-r120{
    position:absolute;
    bottom:-60px;
    right:-120px;
}

/*一覧への表示位置調整用*/
.look-at{
	margin-top:30px;
}



/*スポンサーロゴ用仮置きスペース構造*/
.sponsor-logo {

width: 200px;
    height: 80px;
    border: #eee 1px solid;
    margin: auto;
	margin-top:15px;
  overflow: hidden;

}


/*スポンサーロゴを構造の縦幅に合わせて設置する*/
.sponsor-logo-img {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

.site-logo{
	width: 200px;
    height: 80px;
    margin: auto;
  overflow: hidden;
}

.site-logo-img {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}





.img-square{
width: 100%;
height: 100%;
object-fit: cover;
}

.top-style {
	margin:0;
}

/*==============縦横比固定の構造===================*/
.adjust-box {
    position: relative;
    width: 100%;
    height: auto;
  
	  overflow: hidden;
}
.box-1x1:before {/*1 x 1*/
    content: "";
    display: block;
    padding-top: 100%;
}

.box-1x2:before {/*1 x 2*/
    content: "";
    display: block;
    padding-top: 200%;
}

.box-1x3:before {/*1 x 3*/
    content: "";
    display: block;
    padding-top: 300%;
}
.box-1x05:before {/*1 x 0.5*/
    content: "";
    display: block;
    padding-top: 50%;
}
.box-1x04:before {/*1 x 0.4*/
    content: "";
    display: block;
    padding-top: 40%;
}
.box-1x03:before {/*1 x 0.33...*/
    content: "";
    display: block;
    padding-top: calc(100% / 3);
}
.box-1x06:before {/*1 x 0.66...*/
    content: "";
    display: block;
    padding-top: calc(200% / 3);
}
.box-1x15:before {/*1 x 1.5...*/
    content: "";
    display: block;
    padding-top: 150%;
}
.box-1x12:before {/*1 x 1.2...*/
    content: "";
    display: block;
    padding-top: 120%;
}

.inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


.adjust-box p {
    line-height:1.5em;
}

.img-resize{/*========画像を崩れずに構造内に収める===============*/
width: 100%;
height: 100%;
object-fit: cover;
}

/*=================各ページごとの調整=================================*/
.profile-content{
margin-top:20px;
margin-bottom:20px;
}
hr.profile-border{
	border-color:#fff;
}



/*===========================FOOTER===============================*/
footer{

	
}
footer .container{

	
}
footer .row{
	

	
}

footer .site-logo{
margin-top:30px;
margin-bottom:30px;

}

.site-logo{
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */
}
.footer-space{/*credit表示用スペース*/
height: 100px;
 position: relative;
}

 .footer-credit{
	margin:auto;
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 3.2rem;
}


/*==========================SNSicon======================================*/

footer .sns-icon{
	padding:50px;
    height: 150px;

	text-align:center;
    margin: auto;
  overflow: hidden;
  
	
}
footer .sns-icon img {
  position: relative;
  width: auto;
  height: 100%;
  margin-left:20px;
  margin-right:20px;
}
/*--===================================pagination=================--*/
.pagination .screen-reader-text{
		display:none;
}
.nav-links{
	 padding:2em;
  display:flex;
  justify-content:center;

}
.pagination .page-numbers{
	width:50px;
  height:50px;
  margin:2px;
  line-height:50px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  transition:.3s;
  
}
.pagination a{
	background-color:#222;
color:#fff;
}
.pagination a:hover{
	background-color:#ccc;
}
.pagination .current{
	
	border:solid 1px;
}





.bottom-line{
	padding-bottom:5px;
	border-bottom:solid 2px;
	border-color:#E7BB5E;
	
}

.fade-2 {
  border-width: 0 0 1px;
  border-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0) 100%) 0 0 100%;
  border-style: solid;
}

.color-bronze{
	color: #9A6229;
}
.bg-bronze{
	background-color: #9A6229;
}

.color-fox{
	color: #C27526;
}

.color-honey{
	color: #E7BB5E;
}

.bg-fox{
	background-color: #C27526;
}

.bg-honey{
	background-color: #E7BB5E;
}

.border-honey{
	border-color:#E7BB5E;

}

.color-gold{
  color: #DA8E00;
  background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-sango{
	background:#f6dfed;
}




.font1{
	font-family: serif;
}


/*--==================================================================ロード画面用--*/
#contents{
	
}
/*==ローディングアニメーション*/
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/*=====ロード画面用構造設定*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
 
  z-index: 5;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}



.animation{
 
  -webkit-animation: lodanimetion 1500ms ease-out forwards infinite;
  animation: lodanimetion 1500ms ease-out forwards infinite;
}
@keyframes lodanimetion {
  from,to {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
}



.outline{
	border:solid 1px;
	padding:10px;
}

.outlineR{
	border:solid 1px;
	padding:20px;
	border-radius:30px;
}


.dash{
	border:none; border-top:dashed 1px;
}
.content-p{
	padding-top:100px;
}
/*-------------------トップへ戻るボタン-----------------*/

#page-top {
    position: fixed;
    top: 0;
    right: 0;

	z-index:5;
	width:100%;
	height:25px;

}
#page-top a {
    
    text-decoration: none;
    color: #fff;
	padding:5px;
	height:25px;
 
    text-align: center;
   
   
}
#page-top a:hover {
    text-decoration: none;
   
}

#page-top li{
	float:left;
	margin:3px;

}