@charset "UTF-8";

.obiwrap,.circle25back
{
  display: none;
}

.slider {
    width:98%;
    max-width:700px;
    border-radius:12px;
    overflow: hidden; /* 画像がはみ出ないようにする */
    margin: 30px auto;
}
  .slick-img img 
  {
    width: 99%;
    object-fit: cover;
    -webkit-mask-image: 
    radial-gradient(rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 80%, rgba(0,0,0,0));
mask-image: 
    radial-gradient(rgba(0,0,0) 60%, rgba(0, 0, 0, 0.6) 80%, rgba(0,0,0,0));
  }

  @keyframes zoomanime 
  {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.15);
    }
  }
  .add-animation {
    animation: zoomanime 10s linear 0s normal both;
  }
  

  .circle1{
    width:150px;
    height:150px;
    max-width: 250px;
    border-radius: 50%;
    background: radial-gradient(at 0 0, rgba(255,164,0,0.3) 0,  transparent 80%);
    z-index:-2;
    position: absolute;
    top:-5%;
    left:-10vw;
    overflow: hidden;
  }
  .circle2
  {
    width:150px;
    height:150px;
    border-radius: 50%;
    background: radial-gradient(at 50% 50%, rgba(255,164,0,0.3) 0, transparent 60%);
    z-index: -1;
    position: absolute;
    top:46%;
    right:0;
    overflow: hidden;
  }


.goriyouwrap1,.goriyouwrap2,.goriyouwrap3,.goriyouwrap4
{
  padding-bottom: 2em;
}









/* --------------------------------------------800px以上の画面サイズ --------------------------------------------------------------------*/
@media screen and (min-width: 800px) 
{

  header
  {
    padding-bottom: 2em;
  }
  
  header .logo2
{
  padding-top: 15px;
}
  section p
  {
    margin: 0;
  }

.sliderg-navwrap
  {
    position: absolute;
  display: flex;
  align-items:stretch;
  width:140%;
  height:auto;
  max-width: 1500px;
  margin: 30px 0  10px 0;
  background-image:none;
  left:8%;
overflow: hidden;
position:relative;
}
.sliderg-navcontent
{
  width: 120%;
  display: flex;
  justify-content: center;
  margin: 0 auto 0 -12% ;
}

  main
  {
    margin-top: 2em;
    width:80%;
  }
.circle25 
{
 width:39%;
 height: 97%;
border-radius:50% ;
position: absolute;
bottom: 2.5%;
left:45% ;
z-index: -10;
background: linear-gradient(135deg, #0a0a0a  20%,   #494949 35%,  #616161 40%, #adadad  49%, #adadad 50%, #616161 60%, #494949 65%, #0a0a0a 80%); 
box-shadow: 3px 6px 6px 2px rgba(0,0,0,0.7) ;
max-width: 560px;
aspect-ratio: 5/5;
overflow: hidden;
}
.circle25back
{ 
  display: block;
 position: absolute;
 bottom: 3%;
 left:9%;
 z-index:-9;
 background-color: #FCF9EF;
 width: 45%;
 height: 97%;
 max-width: 800px;
margin: 0;
}
.menulogo
  {
    display: none;
  }
.obiwrap
{
 display:block;

}
.obi
{
  width: min(9%, 100px) ;
  height: 97.5%;
 aspect-ratio: 1 / 5;
   max-width: 120px;
 margin:0;
 border-radius:1px;
 background-color: #e17116;
 box-shadow: 0px 0px 3px 3px rgba(39, 39, 39, 0.7);
 position: absolute;
 top: 0%;
 left:min(3.5%, 150px);
 z-index: 10;
 padding-right: 1%;
}
.obitext1
{
  writing-mode: vertical-rl;
  color: #ffffff;
  font-size: min(5vw, 55px);
  line-height: 0.9em;
  font-family:'Barlow Semi Condensed';
  font-weight:900;
  margin:10% auto 0 auto ;
padding-left: 10%;
}
.obitext1center
{
 font-size:0.2em ;
}

.obitext2
{
  writing-mode: vertical-rl;
  color: #f2f2f2;
  font-size: min(1.4vw, 15px);
  line-height: 1;
  font-family:YuGothic, "游ゴシック", "Yu Gothic";
  position: absolute;
 top: 32%;
 left:15% ;
 font-weight:900;
}
.obitext3
{
  color: #222;
  font-size: min(1.2vw, 12px);
  font-weight:800;
  line-height:1.3em;
  margin: 0 auto;
  position: absolute;
 bottom: 1%;
 left:3%;

}
.obitext1 br,.obitext2 br,.obitext3 br
{
padding: 0;
margin: -3px;
}
.slider
 {
    width: 100%;
    height: auto;
    max-width: 800px;
  margin: 0;
  border-radius:0;
  border-right: 40px solid ;
  border-left: 20px solid ;
  border-top:50px solid ;
  border-bottom: 50px solid ;
  border-image: radial-gradient( #d4d3d3,#ffffff, #d4d3d3) 18%;
  box-shadow: 0px 2px 4px 1px rgba(39, 39, 39, 0.5);
 padding-left: 8%;
 aspect-ratio: 50 / 35;
 margin-left: 30px;
 margin-bottom: 1%;
 }
.slick-img img 
{
  width: 100%;
    height: auto;
  max-width: 850px;
  margin: 0 auto;
  padding: 0;
  object-fit: cover;
  -webkit-mask-image: none;
mask-image: none;
  border-radius:0 ;
  object-position:0px  10px;
}

.g-navwrap
{
  width:100%;
  height: auto;
  max-width: 800px;
}
.g-nav
{
padding:0;
 margin:0 ;
 display: flex;
 align-items: center;
 width:65%;
 max-width: 800px;

}

.g-nav ul 
{
  display: block;
  margin: 0 auto;
  border:none;
  width:90%;
  max-width: 460px;
}
.g-nav ul li
{
  width:100%;
  max-width:150px;
  text-align: left;
  border: none;
  display:inline-block;
  padding: 0 0 3% 5%;
  border-radius: 0;
}
.g-nav ul li a
{
color:#fefefe;
display: inline-block;
width:100%;
max-width: 120px;
padding:0 0 0 5%;
text-align:left;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
font-weight:700;
  font-size: min(2vw, 20px);
  border: none;
  box-shadow: -8px 0 0px -3px #F2B281;
  background: none;
  text-shadow: 0 0 15px #111111;
  border-radius: 0;
}
.tatesen
{
  border: none;
  margin: 0;
}
.g-nav ul li a:hover
{
  border-radius: 0;
  font-size: min(2vw, 20px);
  border-left:none;
  background:#B05611;
  padding:0 0 0 5%;
  border-radius:2px;
}
.g-nav ul li a:before 
{
 display: none;
}
 .circle1
 {
  width:300px;
  height:300px;
  max-width: 400px;
  top:0;
  right:0;
  background: radial-gradient(at 50% 50%, rgba(255,164,0,0.4) 0, transparent 60%);
  z-index:-15;
}
.circle2
{
 top:8%;
 width:300px;
height:300px;
z-index:-15;
}
  .circle4
  {
    display: block;
    width:450px;
    height:450px;
    border-radius: 50%;
    background: radial-gradient(at 50% 50%, rgba(255,164,0,0.4) 0, transparent 60%);
    z-index: -15;
    position: absolute;
    bottom:20%;
    left:0;
    overflow: hidden;
  }
  

  
  .box1_item,.box3_item,.box5_item
  {
    width:90%;
    margin:0 auto;
  }
  .box2,.box4
  {
    padding-bottom:2em;
  }
  .box2_item,.box4_item
  {
    width:90%;
    margin:0 auto;
  }
  
  .box1,.box2,.box3,.box4,.box5
{
 width:99%;
}




  .goriyouwrap1,.goriyouwrap2,.goriyouwrap3,.goriyouwrap4
  {
    padding-bottom: 0;
    text-align: left;
  }
  .img-p,.sinbunwrap1,.sinbunwrap2
  {
    display: flex;
    text-align: center;
    align-items: center;
    margin:  0 auto 60px auto;
  }
  
  .img-p p,.sinbunwrap1 p,.sinbunwrap2 p,section p
  {
   
  margin: 3em 0;
  padding:0;
  text-align: left;
  width:40%;
  }
  .img-p img,.sinbunwrap1 img,.sinbunwrap2 img
  {
    width:60%;
    max-width: 600px;
    margin:0 30px 0 0 ;
  }
  section
  {
    text-align: center;
  }
  
h3
{
  display: inline-block;
  width: auto;
    margin:0 auto 0.7em 0;
  text-align: center;
}
  .add-animation
   {
    display: none;
  }

  .box1,.box3
{
  background-color:#fcfcfc;
}



.h2-even span,.h2-odd span
{
  background:none;
  width: 100%;
  color: #fcfcfc;
}
.h2-evenwrap,.h2-oddwrap
{
  position: relative;
  z-index: 3;
}

.h2-oddwrap::before
{
  content: "";
  width: 100vw;
  height: 50px;
  background: linear-gradient(to left, rgba(228, 150, 4)20%, rgb(228, 150, 4, 0.611) 45%);
position: absolute;
  top:19%;
  right:25%;
}

.h2-evenwrap::before
{
  content: "";
  width: 100vw;
  height: 50px;
  background: linear-gradient(90deg, rgba(228, 150, 4)20%, rgb(228, 150, 4, 0.611) 70%) ;
position: absolute;
  top: 19%;
  left:25%;
}
.container
{
  overflow-x: hidden;
}



}