@charset "UTF-8";
/* CSS Document------------------  */

@media screen and (min-width: 2200px) {
	/* 2200px以上に適用されるCSS（pc用） */
	
/* 2階層ページのヘッダー画像部分 */
.headfull-i {
	background-image:url("../prof/i-iwahunematuri.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin: 0px calc(50% - 50vw);
	padding: 0px 0px;
	width: 100vw;
	height: 300px;
	text-align: center;
	border-top: 5px solid #000;
}
.headfull-i h1{font-family: 'Noto Serif JP', serif;font-size: 27px;color: #000;font-weight: 800;line-height: 150%; padding-top: 120px;text-shadow: 0 0 10px #fff; }
	
}

p{font-family: 'Noto Serif JP', serif;}


/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 100%;
    margin:0 auto;
	padding: 0px 15px;
	box-sizing: border-box;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
  border: 0px solid #ccc;
}

/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
	font-family: 'Noto Serif JP', serif;
    font-size:18px;
    font-weight: 700;
    padding: 10px 10px 10px 50px;
    transition: all .5s ease;
	text-align: left;
	border-bottom: 1px double #000;
	
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}

/*　closeというクラスがついたら形状変化　*/

.title.close::before{
  transform: rotate(45deg);
}

.title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/

  margin:0 3% 3% 3%;
    padding: 10px 0px;
	text-align: left;
}

.box p{	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color: #000;line-height: 160%;font-size: 15px;
	margin: 0px 0px 30px 0px;letter-spacing: 0.5px;
}
.migimawari{width: 300px;float: right;margin: 0px 0px 10px 10px;}
.hidarimawari{width: 250px;float: left;margin: 0px 10px 10px 0px; border: 1px solid #999;padding: 10px;}
.hidarimawari p{font-family: 'Noto Serif JP', serif;line-height: 200%;}
.bunseki{width: 100%;border-top: 1px dotted #000;margin: 0;padding: 10px 0px;text-align: right;}

/*-------- 2200px以上に適用されるCSS（pc用）ここまで---------- */
/*-------- pagetopボタン---------- */
.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #827676;
  border: solid 0px #827676;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: translateY(20%) rotate(-45deg);
}
.pagetop:hover{opacity: 0.5 ;}
/*-------- pagetopボタンｌここまで---------- */
body{
	margin:0;
	padding:0;
	background-image:url("../image/ji.jpg");
	background-repeat:repeat;
	text-align:center;
	}

a:hover{text-decoration:underline;color: #F89071;opacity: 0.5 ;}
a:visited{text-decoration: none;color: #000;}
a:active{text-decoration: none;color: #F89071;}
a{text-decoration: none;color: #000;}

.box a:hover{text-decoration:underline;color: #F89071;opacity: 0.5 ;}
.box s:link{text-decoration:underline;color: #F35200;}
.box a:visited{text-decoration:underline;color: #F35200;}
.box a:active{text-decoration:underline;color: #F35200;}
.box a{text-decoration:underline;color: #F35200;}

.full a:hover{text-decoration:underline;color: #F89071;opacity: 0.5 ;}
.full a:visited{text-decoration: none;color: #fff;}
.full a:active{text-decoration: none;color: #F89071;}
.full a{text-decoration: none;color: #fff;}

.footer a:hover{text-decoration:none;color: #F89071;opacity: 0.5 ;}
.footer a:visited{text-decoration: none;color: #fff;}
.footer a:active{text-decoration: none;color: #F89071;}
.footer a{text-decoration: none;color: #fff;}

h2{font-family: 'Noto Serif JP', serif;font-weight: 700;color: #000;margin: 0px 0px 20px 20px;padding: 5px 0px 5px 10px;border-left: solid 7px #55627d;font-size: 21px;}

/*----------白→グレイボタン----------*/
button.white-gray {
color: #fff;
border: 1px solid #3c3c3c;
padding: 10px 20px;
letter-spacing: 1px;
background-color: #3c3c3c;
font-size:13px;
border-radius:1px;
	font-family:serif;
}
button.white-gray:hover  {
color: #3c3c3c;
background: #eeeeee;
transition: 0.3s;
}	

/*========== 問い合わせの固定バナー ==========*/
/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 右端の上から20pxの位置に固定表示 */
    position: fixed;
    top: 60px;
    right: 0px;
	z-index: 9999;
}
 
/* 画像の共通設定 */
#fixed_right_banner > *
{
    /* 横幅 */
    width: 20px;
	filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.5));
	background-color: #000;padding: 5px;
}
#fixed_right_banner img{width: 20px;}
 
/* 2個目以降の画像の上部に余白を作る
#fixed_right_banner > * ~ * { margin-top: 10px; }*/
 
/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
 
    /* 透過変更をスムーズにする(任意) */
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
}
 
/* マウスオーバー時の表現 */
#fixed_right_banner > a:hover
{
    /* 20%透過させる */
    opacity: .8;
}

/*========== 会員登録の固定バナー　ここまで ==========*/



.container{
  width:960px;margin: 0 auto;}

/* 2階層ページのヘッダーメニュー部分（pc用） */
.nikaiso-logo{text-align: left;width: 960px;margin: 0;padding: 0;display: flex;justify-content:center;padding: 0 20px;box-sizing: border-box;}
.nitatelogo{margin: 0;padding: 20px;width: 200px;box-sizing: border-box;}
.nitatelogo img{width: 150px;}
.nikaisomenu{margin: 0;padding: 30px  20px 0px 70px;width: 400px;box-sizing: border-box;}
.menubana{margin: 0;padding: 20px 0;width: 250px;}
.menubana img{width: 250px;padding: 10px 0px;}
.nikaisomenu p{font-family: 'Noto Serif JP', serif;font-weight: 700;color: #000;font-size:18px;line-height: 190%; margin: 0 auto;writing-mode: vertical-rl; letter-spacing: 3px;}

/* 2階層ページのヘッダー画像部分 */
.headfull-i {
	background-image:url("../prof/i-iwahunematuri.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin: 0px calc(50% - 50vw);
	padding: 0px 0px;
	width: 100vw;
	height: 300px;
	text-align: center;
	border-top: 5px solid #000;
	margin-bottom: 40px;
}
.headfull-i h1{font-family: 'Noto Serif JP', serif;font-size: 27px;color: #fff;font-weight: 800;line-height: 150%; padding-top: 120px;text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000; }

/* 商品紹介ページのリード部分 */
.i-read{width: 100%;margin: 0px 0px 40px 0px;padding: 0px 20px;box-sizing: border-box;text-align: left;}
	.i-read p{font-family: 'Noto Serif JP', serif;font-weight: 500;color: #000;font-size: 15px;line-height: 150%;margin-bottom: 10px;}


/* 商品紹介ページの商品紹介部分 */
.item{width: 100%;margin: 0;padding: 20px;box-sizing: border-box;display: flex;flex-wrap:wrap;}
.item dl{width: 50%;margin: 10px 0px;padding: 0px 15px;box-sizing: border-box;text-align: left;}
.item dt{width: 100%;border-bottom: 1px solid #999;border-top: solid 1px #999;font-family: 'Noto Serif JP', serif;color: #000;line-height: 125%;padding: 7px 0px;margin: 5px 0px; font-weight: 700;font-size:21px;}
.item dd{width: 100%;font-family: 'Noto Serif JP', serif;color: #000;line-height: 160%;padding: 7px 0px;font-weight: 500;margin: 7px 0px;font-size: 15px;}

/* topページのネットショップエリア*/
.full {
	background-image:url("../image/haikei-nami.jpg");
	background-repeat: repeat;
	margin: 0px calc(50% - 50vw);
	padding: 10px 0px;
	width: 100vw;
	text-align: center;}
.full p{font-family: 'Noto Serif JP', serif;font-size: 15px;color: #fff;font-weight: 700;line-height: 150%;}
.fullnaka{width: 960px;text-align: center;margin: 10px auto;padding: 0px 20px;box-sizing: border-box;}
.fullnaka img{width: 300px;}


/* フッターエリア*/
.footer {
	background-color: #000;
	margin: 0px calc(50% - 50vw);
	padding: 20px 0px 30px;
	width: 100vw;
	text-align: center;}
.footernaka{width: 100%;text-align: center;margin: 10px 0px 20px 0px;padding: 0px;box-sizing: border-box;}
.footernaka dl{width: 100%;text-align: center;margin: 0px;padding: 0px;}
.footernaka dt{font-family: 'Noto Serif JP', serif;font-size: 18px;color: #fff;font-weight: 600;line-height: 150%;margin: 20px 0px;}
.footernaka dd{font-family: 'Noto Serif JP', serif;font-size: 14px;color: #fff;font-weight: 600;line-height: 150%;margin: 0px 0px 20px;}
.footicon{width: 100px;margin: 0 auto;padding: 0px 0px 15px 0px;display: flex; justify-content: center;height: auto;}
.footicon img{width: 40px;height: auto;padding: 0 10px;}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
.container{
  width:100%;margin: 0 auto;overflow-x: hidden;}


/* 2階層ページのヘッダーメニュー部分（pc用） */
.nikaiso-logo{text-align: center;width: 100%;margin: 0;padding: 0;display: flex;justify-content:center;padding: 0 20px;box-sizing: border-box;}
.nitatelogo{margin: 0;padding: 20px;width: 200px;box-sizing: border-box;}
.nitatelogo img{width: 115px;}
.nikaisomenu{display: none;}
.menubana{display: none;}
	
/* 2階層ページのヘッダー画像部分 */
.headfull-i {
	background-image:url("../prof/i-iwahunematuri.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;
	height: 300px;
	text-align: center;
	border-top: 5px solid #000;
	margin-bottom: 40px;
}


	
/* topページのネットショップエリア*/	
.fullnaka{width: 100%;text-align: center;margin: 10px auto;padding: 0px 20px;box-sizing: border-box;}	

/* フッターエリア*/
.footer {
	background-color: #000;
	margin: 0px;
	padding: 20px 0px;
	width: 100%;
	text-align: center;}
.footernaka{width: 100%;text-align: center;margin: 10px 0px 20px 0px;padding: 0px;box-sizing: border-box;}
.footernaka dl{width: 100%;text-align: center;margin: 0px;padding: 0px;}
.footernaka dt{font-family: 'Noto Serif JP', serif;font-size: 18px;color: #fff;font-weight: 600;line-height: 150%;margin: 20px 0px;}
.footernaka dd{font-family: 'Noto Serif JP', serif;font-size: 14px;color: #fff;font-weight: 500;line-height: 150%;margin: 0px 0px 20px;}

	
}

@media screen and (max-width: 699px) {
	/* 699px以下に適用されるCSS（タブレット用） */

.full p span {
  display: inline-block;
}
}


@media screen and (max-width: 599px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	
/* 2階層ページのヘッダーメニュー部分（pc用） */
.nikaiso-logo{text-align: center;width: 100%;margin: 0;padding: 0;display: flex;justify-content:center;padding: 0 20px;box-sizing: border-box;}
.nitatelogo{margin: 0;padding: 20px;width: 150px;box-sizing: border-box;}
.nitatelogo img{width: 100px;}

/*  topページのリード下の画像*/
.re-gazou{width: 100%;display:block!important;padding: 30px 0px;}
.re-gazou img{width: 90%;margin: -5px 0;padding: 0 10px;box-sizing: border-box;}	

/* 商品紹介ページの商品紹介部分 */
.item{width: 100%;margin: 0;padding: 20px;box-sizing: border-box;display: flex;flex-wrap:wrap;}
.item dl{width: 100%;margin: 10px 0px;padding: 0px 0px;box-sizing: border-box;text-align: left;}
.item dt{width: 100%;border-bottom: 1px solid #999;border-top: solid 1px #999;font-family: 'Noto Serif JP', serif;color: #000;line-height: 125%;padding: 7px 0px;margin: 5px 0px; font-weight: 700;font-size: 18px;}
.item dd{width: 100%;font-family: 'Noto Serif JP', serif;color: #000;line-height: 160%;padding: 7px 0px;font-weight: 500;margin: 7px 0px;font-size: 15px;}
	
}


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
.migimawari{width: 240px;float: right;margin: 0px 0px 10px 10px;}
.hidarimawari{width: 210px;float: left;margin: 0px 10px 10px 0px; border: 1px solid #999;padding: 10px;}
}


/*-- メニュー --*/
/*ハンバーガーボタン*/
.el_humburger {
  position: fixed;
  top: 45px;
  right: 60px;
  width: 46px;
  height: 25px;
  padding-top: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0px;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
  color: #000;
  text-align: center;}


@media screen and (max-width: 840px) {
.el_humburger {border-radius:50%!important;background-image:url("../image/ji.jpg");
	background-repeat:repeat;

    display: block;
    right: 0;
    top: 0;
    padding-top: 18px;
    width: 60px;
    height: 60px;}
    #factory .el_humburger {
      display: none; } }

.el_humburger_wrapper {
  margin-bottom: 5px;
  width: 42px;
  display: inline-block; }
 
@media screen and (max-width: 840px) {
  .el_humburger_wrapper {
    margin-bottom: 5px;
    width: 30px; } }
 
.el_humburger_text {
  font-size: 12px;
  letter-spacing: 0.1em;
  font-family: 'Noto Serif JP', serif; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {
  display: none; }
 
.el_humburger_text.el_humburger_text__close {
  display: none; }
 
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {
  display: block; }
 
@media screen and (max-width: 840px) {
  .el_humburger_text {
    font-size: 10px;
    padding-top: 2px; } }
 
@media screen and (max-width: 840px) {
  .el_humburger_text svg path {
    -webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    -o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);
    fill: #000; } }
 
@media screen and (max-width: 840px) {
  .js_humburgerOpen .el_humburger_text svg path {
    fill: #000; } }
 
.el_humburger span.el_humburger_bar {
  display: block;
  width: 100%;
  margin: 0 auto 9px;
  height: 2px;
  background: #000;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
 
.el_humburger span.el_humburger_bar:last-child {
  margin-bottom: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar {
  background: #000; }
 
@media screen and (max-width: 840px) {
  .el_humburger span.el_humburger_bar {
    left: 0;
    top: 0;
    background: #000; } }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {
  -webkit-transform: translateY(9px) rotate(-45deg);
  -ms-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg); }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
  opacity: 0; }
 
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-11px) rotate(45deg);
  -ms-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }
 
.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%; }
 
.el_humburgerButton__close span.el_humburger_bar {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #000; }
 
.el_humburgerButton__close span.el_humburger_bar.top {
  -webkit-transform: translateY(5px) rotate(-45deg);
  -ms-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg); }
 
.el_humburgerButton__close span.el_humburger_bar.bottom {
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg); }
 
.navi {
  position: fixed;
  right: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  width: 400px;
  z-index: 3;
  padding-top: 100px;
margin-top:-25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  transform:translateZ(0) translateX(100%);
  overflow: auto; }
  .js_humburgerOpen .navi {
    transform:translateZ(0) translateX(0); }

    @media screen and (max-width: 840px) {
      .navi {
        padding: 100px 5% 0; }
      .js_humburgerOpen .navi {
        width: 100%;} }
 
.navi_item {
  position:relative;
  margin-bottom: 28px;
  font-size: 20px;
  font-family: "Marcellus", serif !important;
  white-space: nowrap;
  margin-left: 0px; }
  .navi_item.op_innerLink {
    cursor: pointer; }
  @media screen and (max-width: 840px) {
    .navi_item {
      margin-left: 0;
      font-size: 18px; } }
 
 
 
.el_spChildNavOpen {
  position: absolute;
  top: -6px;
  left: 80%;
  z-index: 20;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  padding: 10px; }
 
.js_openParent.js_fire > .el_spChildNavOpen {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }
  .js_openParent.js_fire > .el_spChildNavOpen > .el_spChildNavOpen_wrapper:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
 
.el_spChildNavOpen_wrapper {
  position: relative;
  width: 15px;
  height: 15px;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center; }
  .el_spChildNavOpen_wrapper:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #111;
    position: absolute;
    top: calc(50% - 1px); }
  .el_spChildNavOpen_wrapper:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #111;
    position: absolute;
    left: calc(50% - 1px);
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out; }
 
 
.nav_child{
  padding-top:20px;
}
 
.nav_child_item{
  position: relative;
  font-size:16px;
  padding-left:20px;
  margin-bottom:10px;
}
 
.nav_child_item > a{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
}

 
.nav_child_item:last-child{
  margin-bottom:0px;
}
 
.js_openSwitch {
  cursor: pointer; }
 
.js_openTarget {
  display: none; }

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	.el_humburger{display: none;}	
	
}