@charset "UTF-8";
@font-face {
    font-family: 'Skia';
    src:url('Skia.ttf.woff') format('woff'),
        url('Skia.ttf.svg#Skia') format('svg'),
        url('Skia.ttf.eot'),
        url('Skia.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body{
    font-family:  "Yu Gothic Medium","游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
    font-family:  "游ゴシック",sans-serif;
    line-height: 1;
    color: black;
    text-align: center;
}

/* ヘッダー・メニュー*/
header{
    z-index: 1;
}

.head1{
    background-color: rgba(r,g,b,a);
    position: fixed;
    width: 100%;
    height: 　65px;
}

.menu1 {
	font-family: "Skia" ,sans-serif;
    display: flex;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-top: 0px;
    list-style: none;
    border-radius: 4px;
}
.menu1 li {
    margin-top: 0px;
}

.menu1 a {
    color: white;
}

.now{
  color:slategray;
  padding: 20px;
}
.nonow{
  padding: 20px;
  white-space: nowrap;
}
.now:hover{
  border-bottom: solid white ;
}
.nonow:hover{
  border-bottom: solid white ;
}

ul{
  justify-content: center;
  align-items: center;
}

ul.menu1 li:hover ul {
   display: block;
   background-color: rgba(r,g,b,a);
   text-align: left;
   line-height: 1.5;
}

.li1:hover{
  background-color: black;
  opacity: 0.8!important;
}

.aaa{
  background-color: black;
  opacity: 1!important;
}

ul.menu1 ul {
  background: #CCC;
  list-style: none;
  margin: 0px;         /* サブメニュー外側の余白 */
  padding: 0px;        /* サブメニュー内側の余白 */
  padding-top: 0px;
  display: none;
  position: absolute;
  margin-top: 1px!important;
  padding-right: 20px;
  width: 180px;
}

ul.menu1 ul li {
  margin: auto;
  margin-top: 1px;
  margin-left: 0px;    /* サブメニューの上位項目に対する相対先頭位置　*/
  width: auto;
  background-color: black;
  padding: 10px;
  padding-left: 18px;
  padding-right: 10px;
  font-size: 80%;
}

ul.menu1 ul li a {
  line-height: 25px;     /* サブメニュー1項目の高さ */
  text-align: left;
  font-weight: normal;   /* 太字にはしない */
}

#head0{
  color: white;
}

.changec{
  background-color: black;
  opacity: 0.6;
}

.changeb{
  background-color: black;
  opacity: 0.7;
}

.changea{
  background-color: black;
  opacity: 1!important;
}

.li1:hover{
  background-color: black;
  opacity: 0.7;
}

select{
  background: rgba(r,g,b,a);
  color:white;
  height: 40px;
  border: none;

  /*　矢印を消す　*/
  -webkit-appearance:none;
  -moz-appearance:none;
  text-indent: .01px; /* Firefox用 */
  text-overflow: ""; /* Firefox用 */
  appearance:none;

  /*　背景画像の指定　*/
  padding-left:15px;
  padding-right:30px;
  background-color:black;
  background-image:url(../img/tikyu.png);
  background-repeat:no-repeat;
  background-size:25px 25px;/*背景画像のサイズ*/
  background-position: right center;
  cursor:pointer;
  }

option {
  background-color:black;
  opacity: 0;
  color:white;
}

.ul {
  margin-top: 1px!important;
}

/* フルスクリーン部分 */
#home {
  background-image: url(../img/1p-bg1.jpg);
  position: static;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-blend-mode: luminosity;

  font-family: '游ゴシック',serif;
  width: 100%;
  top: 0%;
  min-height: 800px;
  height: 0%;
  padding-top: unquote("min(100vh,75%)");
}

.bg1 {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  transition-property: background-position;
  /*transition-duration: .7s;
  transition-delay: .035s;*/
  z-index: 1;
  top: 0px;
  background-position-x: 0%;
}

#home .page-title {
  text-transform: none;
  text-shadow: -1px -2px 3px black/* #808080 */;
  font-family: '游ゴシック', sans-serif;
}

.home-content {
  text-align: center;
  width: 100%;
  top: 0px;
}

.home-content p {
  font-size: 1rem;
  margin: 5px 0 10px;
}

.main1{
  z-index:3;
  margin-top: 0px;
  font-family: '游ゴシック',sans-serif;
}

/* トップ画のキャッチ */
.fullsc{
  text-align: center;
  margin-top: 5%;
  color:white;
  position: relative;
}

.bglit{
  font-family:  "游ゴシック",sans-serif;
  font-size: 100%;
  /* text-shadow: -1px -2px 3px #808080;  */ 
  font-weight: 600; 
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 8s ease 0s 1 normal;
  text-align:left;
  display:inline-block;
  font-feature-settings: "palt";
  color: white;

  text-shadow: 2px  2px 5px black,
    -2px  2px 5px black,
     2px -2px 5px black,
    -2px -2px 5px black;  
}

@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes fadeInDown {
  0% {
      opacity: 0;
  }
  100% {
  opacity: 1;
  transform: translate(0);
  }
}
/*2.上下の動きを指定*/
.updown {transform: translateY(-100px);}
.downup {transform: translateY(100px);}
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(200px);}
.slide-left {transform: translateX(-200px);}

.logo {
  width: 12%;
  height: 12%;
  margin-top: 15%;
  margin-right: 40%;
  text-align: left;
}

/*フルスクリーン以下*/
figure {
    margin: 0!important;
}

/* 背景画像2（PRODUCT) */
.bg2 {
    background-image: url(../img/1p-bg2.jpg);
    width: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-blend-mode: luminosity;
    min-height: 800px;
    margin-top: 100px;
    margin-bottom: 50px;
    background-color: rgba(0,0,0,0.85);
}

.boxt{
  background-color:white;
  width: 500px;
  height: 400px;
  color:black;
  display:inline-block;
  margin: 10px;
  border: solid;
  border: 1px solid;
  border-color: black;
}

.boxth{
  margin-top: 20px;
}

.boxtp{
  width: 300px;
  height: 250px;
}

.boxt p{
  text-align: left;
  margin-left: 10px;
}

/* 豆腐麺スライドバナー表示 */
.picslide{
  padding: 1px 15%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.wrapper {
  margin: 0 auto;
  padding: 0 0%;
}

.page-title {
  font-size: 3rem;
	transform   : scale(1.0, 2.0);
  white-space: wrap;
  font-family: '游ゴシック',sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 100px;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 4s ease 0s 1 normal;
  line-height: 1.5;
}

/*　タイトル　*/
.title1{
  font-family: 'Skia',sans-serif;
  font-size: 200%;
  transform   : scale(1.0, 1.5);
  margin-top: 100px;
  margin-bottom: 30px;
  margin-left: 15%;
  color: black;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/*　タイトルが続く場合のマージンを抑える　*/
.title1-1{
  font-family: 'Skia',sans-serif;
  font-size: 200%;
  transform   : scale(1.0, 1.5);
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 15%;
  color: black;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/*　白抜きタイトル　*/
.title2{
  font-family: 'Skia',sans-serif;
  font-size: 200%;
  text-shadow: -1px -2px 3px #808080;
  transform   : scale(1.0, 1.5);
  margin-top: 100px;
  margin-bottom: 30px;
  color: white;
  margin-left: 15%;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/*文章部分*/
.lit1{
  font-feature-settings: "palt";
  letter-spacing:1.5px;
  line-height: 2;
  font-family:  "century",sans-serif;
  font-weight: normal;
  font-size:100%;
  margin-bottom: 50px;
  margin-left: 20%;
  color: #333;
  width: 60%
}

.lit2{
  font-feature-settings: "palt";
  letter-spacing:1.5px;
  line-height: 2;
  font-family:  "century",sans-serif;
  font-weight: normal;
  font-size: 100% ;
  /*text-shadow: -1px -2px 3px #808080;*/
  margin-bottom: 50px;
  margin-left: 20%;
  color: rgb(230, 230, 230);
  width: 60%
}

.p{
  font-family:  "century",sans-serif;
  text-shadow: -1px -2px 3px #808080;
}

.h3{
  font-family:  "century",sans-serif;
}

p{
  text-align: justify;
}

#all{
  min-width:960px!important;
  overflow-x: scroll;
  }

  
/*  メニュー多階層(３層)   */

li.cdd_menu-dropdown{
  position: relative;
  color: white;
  visibility: visible;
}		
li.cdd_menu-dropdown > ul {
  background: #CCC;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  margin-left: 80px;
}
li.cdd_menu-dropdown:hover > ul {
  visibility: visible;
  transition: .5s;
  opacity: 1;
}		
li.cdd_menu-dropdown > ul > li > ul > li{
  position:relative;
  font-size: 100%;
  top: 0;
  left: 30;
  width: auto;
  height: auto;
  margin-left: 0px;
}
li.cdd_menu-dropdown:hover > ul > li {
  visibility: visible;
  transition: .5s;
  opacity: 1;
}
.ft {
  font-family: '游ゴシック',sans-serif;
  text-align: center;
  margin-top: 30px;
  padding-bottom: 20px;
  font-size: 15px;
}