@charset "UTF-8";


html{
    font-size: 100%;
}
/* end */

img{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

/*----------------------0--------------------------- */
body.font1{
    margin: 0;
    padding-left: 0px;
    padding-top: 0px;
    text-align: left;    
    font-size: 1.0rem;
    font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic Medium","游ゴシック", "Yu Gothic",sans-serif;
    background-color: rgba(255,255,255,1.0);
    word-wrap: break-word;
    background-repeat: repeat;
    background-position: center top;

}

/*スマホ版*/

/**************Products****************/
.div6s{   

    display: -webkit-flex;
   
   
    justify-content: center;   
    

    background-color: rgba(59,43,22,1.0);
    width:100%;
    height:35em;   
    
}

.div6-0s{ 
    margin-bottom: 1.0em;
    margin-top: 2.4em;
    
    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;   
    justify-content: left;
    align-items: left;

    position:relative;
    height:5em;
    width:16em;
    text-align: left;
    border-bottom: 1px solid white;
    
}

.div6-0s >span{ 
    letter-spacing: 0.4em;
    color:rgba(250,250,250,1.0);
    font-size: 2.8em;
   
}

.div6-3cs
{
    height:4em;
    padding-top: 1.5em;
    
}
.div6-3cs > a
{
    color: rgba(199,183,162,1.0);
    text-decoration: none;
    font-size: 2.75em;
}

.div6-3cs > a:visited
{   
    color: rgba(199,183,162,1.0);
    font-size: 2.75em;   
    
}
.div6-3cs > a:hover{
    
    text-decoration:underline;
    text-decoration-color: rgba(245, 145, 45, 1.0);  
    color: rgba(199,183,162,1.0);
    text-underline-offset: 0.2em;    
}
.div6-3cs > span
{
    padding-top: 2.8em;
    color: rgba(159,143,122,1.0);
    font-size: 2.75em;   
    
}

/**************Products****************/
.div-Products{
   
    width:100%; 
   
    display:fixed;
    flex-direction:column;  
    height: 8em;
    background-color: rgba(238,230,216,1.0);
    
    display: -webkit-flex;
    display: flex;
   
    justify-content: center;   
    align-items: center;

    position:relative;  
}
.div-Products > span
{    
    
    font-weight: bold;
    letter-spacing: 0.05em;
    color: rgba(65,65,70,1.0);
    font-size: 2.8em;
    text-align: center;
    background-color: rgba(238,230,216,1.0);
    
    border-bottom: 0.2em solid white;
    border-color: rgba(145,190,73,1.0);
    
}


.div-space2s{  
    background-color: rgba(238,230,216,1.0);
    width:100%;
    height:3em; 
    display: -webkit-flex;
    vertical-align: center;
    justify-content: center;   
    align-items: center;

}

.div-space2sc{  
    background-color: rgba(238,230,216,1.0);
    width:95%;
    height:1em;
    border-bottom: 0.5em solid white;
    /*border: 0.01em  solid;*/
    border-color: rgba(145,190,73,1.0);
    
}

/**************リサイズ****************/

.div80s {
    width:90%;   
    height:30em;
    /*background-color: rgba(238,230,216,1.0);*/
    background-color: rgba(255,255,255,1.0);
    border: 0.01em  solid;
    border-color: rgba(238,230,216,1.0);
    border-radius: 3em;
    
    
   
}
.div70s {
    width:95%;
    
    
}


.div60s {
    width:95%;
    height:24em;    
    background-color: rgba(238,230,216,1.0);
    
    -webkit-justify-content: center;
    -webkit-align-items: center;
    
    justify-content: center;
    align-items: center;
    text-align: center;
    
}

/**************Lowers お問い合わせ****************/

.div-Lowers{    
    
    width:100%;
    height:28em;
    
    flex-direction:column;    
    
    display: -webkit-flex;
    
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;   
    text-align: center;

    /*position:relative;*/
    background-color:rgba(238,229,216,1.0); 
    
}

.div-Lower-0s{
    text-align: center;
    vertical-align: center;
    width:100%;
    margin-top: 2%;   
}
.div-Lower-0s > span{
    font-size: 2.8em;
    font-weight: bold;
    color:rgba(60,44,24,1.0);
}

.div-Lower-c1s
{
    width:15em;
    
    height:2.0em;
    border-radius: 1em;
    
    background-color:rgba(249,247,243,1.0);    
    /*margin-right: 1.75em;*/
    display: -webkit-flex;
    /*display: flex;*/
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;    
    font-size: 2.8em;
    color:rgba(60,44,24,1.0);

}
.div-Lower-c2s{
    width:15em;
    height:2.0em;
    
    border-radius: 1em;
    background-color:rgba(249,247,243,1.0);
    /*margin-left: 1.75em;*/
    
    display: -webkit-flex;
    /*display: flex;*/
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 2.8em;
    color:rgba(60,44,24,1.0);
}


.div-Lower-ps{
    width:100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 8em;
}

/*------------地図-----------------*/

.div-Lower3s
{
    display:flex;
    flex-direction:column;
    display: -webkit-flex;
   
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;  
    
    width:100%;
    height:60em;
   
    text-align: center;
    
    background-color: rgba(238,230,216,1.0); 
}

.div-Lower3-0s
{
    text-align: center;
    vertical-align: center;
    width:100%;
    margin-top: 2%;  
}
.div-Lower3-0s > span
{
    font-size: 2.8em;
    font-weight: bold;
    color:rgba(60,44,24,1.0);
    
}
.div-Lower3-0s >iframe{
    
    width:100%;
    height:37.5em;    
}
 
/*
.div6-item4 { 
   
    display: flex;
    display: -webkit-flex;
    
    -webkit-justify-content: center;
   
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
   
}


.div6-item4 > span
{  
    z-index: 100;
    white-space: nowrap; 
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-decoration:none;
    
    color: rgba(50,120,50,1.0);
}
/*後で高さを変更する*/
.div6-item4 >iframe{
    
    width:100%;
    height:37.5em;    
}




/**************1****************/

.div-h1s {
    background-color: rgba(238,230,216,1.0);
    width:100%;
    height:31em;
    
    
    padding-top: 2em;
    padding-bottom: 2em;
    
    flex-direction:column;    
    
    
    display: flex;   
    align-items: center;
    
    
}

.div1-bgs {
  
   width:100%; 
    height:10em;
   
   
    background-size: contain;
    background-repeat: no-repeat;   
  
}

.div1-left40s {    
    float:left;
    width:15em;
}

.div1-right100s {

    width:100%; 
    flex-flow: column;
    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
}

.photo1s {
    z-index: 8999;
    display:flex;   
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;    
    position: relative;
}

.photo1s img{
    z-index: 8999;
    top: 1em;
    left: 1em;
    border-radius: 3em;
    position: absolute;
}

.div1-span-boxs {
    
    /*padding-top: 3em;*/
    flex-flow: column;
    flex-wrap : nowrap;
    
    vertical-align: middle;

}
.div1-span1s
{
    /*margin-right: 1em; */

    text-align: center;
    
}
.div1-span1s > span
{ 
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: rgba(65,65,70,1.0);
}

.div1-span2s
{
   /* margin-top: 3em;*/
    
    text-align: center;
    flex-flow: column;
    
    padding-top: 2em;
    height:5em;
}
.div1-span2s > span
{ 
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.05em;
    border: 0.02em  solid;
    padding-right:0.5em;
    padding-left:0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    color: rgba(255,255,255,1.0);
    background-color: rgba(94,73,50,1.0);
    border-radius: 0.8em;
}
.div1-span3s
{
    position: absolute;
    z-index: 9000;
    
    margin-left: 2em;
    margin-right: 4em;
    margin-top: 2em;
    height:15em;
 
}
.div1-span3s > span
{
   
    font-weight: bold;
    font-size: 2.4em;
    letter-spacing: 0.08em;
    color: rgba(65,65,70,1.0);
    flex-flow: column;
}

.div1-span4s
{
    position: absolute;
    z-index: 9000;
       
    margin-left: 23em;
    
    margin-top: 12em;
   
    height:9em;
    
    border: 0.1em  solid;
    padding-right:0.5em;
    padding-left:0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    
    border-radius: 2em;
    
    border-color:rgba(250,250,250,1.0);
    background-color:rgba(0,93,183,1.0);
    
}
.div1-span4s > span
{
    font-size: 2.2em;

    letter-spacing: 0.06em;    
    font-weight: bold;
    
    color: rgba(240,240,240,1.0);
    
}
/**************intro****************/

.div-Introduction2s {
    width:100%;
   
    

    background-color:rgba(255,255,255,1.0);
    /*height: 46em;*/
    display: flex;    
    align-items: center;
	justify-content: center;
    text-align: center;
}
.div-Introduction2s > span
{     
    color:rgba(61,61,54,1.0);
 
    font-size: 1.0em;
   
    vertical-align: center;
    
}

.div-Introduction2-0s
{     
    z-index: 9998;
    position: absolute;
    
    margin-left: 5%;
    margin-top: -7%;
    /*left:10rem;*/
    
    flex-flow: column; 
    
    
}

.div-Introduction2-0s > span
{ 
    
    font-size: 2.9em;
    font-weight: bold;    
    
   
}


.div-Introduction2-1s
{  
    
    z-index: 9998;
    position: absolute;
    flex-flow: column; 
    
   
    
    margin-left: 10%;
    margin-top: 13%;
    
}

.div-Introduction2-1s > span
{   
   
    /*left:15rem;*/
    font-weight: bold;
    font-size: 2.7em;
   
}


/**************fade****************/

.fade-imgs 
{
    z-index: 9997;
    display:flex;
    flex-flow: column;
    position:relative;
    width: 100%;
   
}
.fade-imgs img 
{
    position: absolute;
    width: 100%;
    
}


/**************headers****************/


.site-headers{
    background: rgba(255,255,255,1.0);
    display: flex;
    z-index: 9999;
 
    padding-top: 1.4em;
    padding-bottom: 0.1em;
    position: fixed;
    color: red;
    justify-content: space-between;
    width: 100%;
    top:0;
    
}

.site-headers > p 
{
    color:red;
}

.site-headers.transform
{
 
    background: rgba(255,255,255,0.8);    
}
/*------------------メインメニュー1-------------*/
.menus {

    position: relative;
    width: 100%;
   
    margin: 0 0;
}
/*-----------------メインメニュー2--------------*/
.menus > li {

    list-style:none; 
    font-size: 0.9em; 
    float: left;
    width: 32.5%; /* ナビ4つの場合 25% */
    height: 8.0em;    
    text-align: center;
    
}

/*メニューのテキストの色*/
.menus > li a {
    /*リンクの下線を消す*/
    text-decoration: none;
    display: block;
    color: rgba(50,50, 50, 0.9);
 
}
/*ホバーのときのテキストの色*/
.menus > li a:hover {
    text-decoration:underline;
    text-decoration-color: rgba(120, 120, 220, 1);    
    text-underline-offset: 0.5em;
    color: rgba(120, 120, 220, 1);
}

ul.menu__second-levels
{
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menus > li:hover {
   
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

/*サブメニューのhover*/
.menu__second-level li a:hover {

}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    color: red;
    content: '';

    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;

    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menus:before,
.menus:after {
    content: " ";
    display: table;
}

.menus:after {
    clear: both;
}

.menus {
    *zoom: 1;
}

/*ポップアップの初期アニメーション位置*/
li.menu__megas ul.menu__second-levels
{
    list-style:none;
    position: absolute;  
    top: 3.5em;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    /*サブメニューの間隔*/
    padding: 1.4em 4%;    
    background: rgba(235,235,235,1.0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

/*ここより下はポップアップのトップ位置*/
li.menu__megas:hover ul.menu__second-levels
{    
    top: 3em;
    visibility: visible;
    opacity: 1;
}


/*ポップアップの間隔*/
li.menu__megas ul.menu__second-levels > li {
    float: left;
    width: 49%;
    border: none;
}
/*2列の場合2n+1 margin 0 2% 0 0%*/
/*3列の場合3n+1 margin 0 1%*/
li.menu__megas ul.menu__second-levels > li:nth-child(2n+1)
{

}

/*----------------------------------------------------------------*/
.ndiv60-1 {
    width:80%;
    height:50rem;
    min-width: 1000px;   
    
    display:fixed;
    flex-direction:column;
    display: -webkit-flex;
    display: flex;   
    justify-content: center;
   
    align-items: center;

    position:relative;
}

.div80 {
    width:80%;
    min-width: 1000px; 
    background-color: rgba(238,230,216,1.0);
    border: 0.01em  solid;
    border-color: rgba(238,230,216,1.0);
    border-radius: 1em;
    
   
}
.div70 {
    width:80%;
    min-width: 1000px; 
    
}


.div60 {
    width:80%;
    height:9em;
    min-width: 1000px; 
    background-color: rgba(238,230,216,1.0);
    
}
/**/
.div-Introduction2 {
    width:100%;
    min-width: 1000px;
    height:35vw;

    background-color:rgba(255,255,255,1.0);
    /*height: 18em;*/
    display: flex;    
    align-items: center;
	justify-content: center;
    text-align: center;
}
.div-Introduction2 > span
{     
    color:rgba(61,61,54,1.0);
 
    font-size: 1.0em;
   
    vertical-align: center;
    
}

.div-Introduction2-0
{     
    z-index: 9998;
    position: absolute;
    
    margin-left: 22%;
    margin-top: 10%;
    /*left:10rem;*/
    
    flex-flow: column; 
    
    
}

.div-Introduction2-0 > span
{ 
    left:10rem;
    font-size: 1.0em;
    font-weight: bold;    
    
   
}


.div-Introduction2-1
{  
    
    z-index: 9998;
    position: absolute;
    flex-flow: column; 
    
   
    
    margin-left: 25%;
    margin-top: 20%;
    
}

.div-Introduction2-1 > span
{   
   
    /*left:15rem;*/
    font-size: 0.9em;
   
}


.div-Introduction2photo
{     
    z-index: 9996;
    display:flex;
    flex-flow: column;
    position:relative;
    height:40vw;

    width: 100%;
    min-width: 1000px;
    
    background-size: contain;
    background-repeat: no-repeat; 
    
}
/*
.div-Introduction2photo > image
{    
    height:40vw;
    position: absolute;
    width: 100%;
    min-width: 1000px;
    
    
    
}
*/

.div-Introduction2photos
{     
    z-index: 9996;
    display:flex;
    flex-flow: column;
    position:relative;

    width: 100%;
    
    
}

.div-Introduction2photos > image
{    
   
    position: absolute;
    width: 100%;
    
    
}


/*------------------------商品*/
.div-Product{
   
    width:100%; 
    min-width: 1000px;    
    display:fixed;
    flex-direction:column;  
    height: 8em;
    
    display: -webkit-flex;
    display: flex;
   
    justify-content: center;   
    align-items: center;

    position:relative;  
}
.div-Product > span{         
 
    min-width: 1000px;
    width:42em;    
    font-size: 1.2em;
    text-align: center;
    background-color: rgba(145,190,73,1.0);
    
    border-color: rgba(145,190,73,1.0);
    letter-spacing: 0.2em;
    border-radius: 1em; 
}

.div-space{  
    background-color: rgba(238,230,216,1.0);
    width:100%;
    height:3em;    
}


.div-space2{  
    background-color: rgba(255,255,255,1.0);
    width:100%;
    height:3em;    
}

/*----------------縦並び---------------*/
/*------------------1 ---------------*/
/*-----------------------------------*/
.div-h1 {
    
    min-width: 900px; 
    display:fixed;
    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;   
    justify-content: center;   
    align-items: center;
    position:relative;
}

.div1-bg {
  
   
    margin-top: 1em;/*16px*/
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    min-width: 900px;  
    background-size: contain;
    background-repeat: no-repeat;   
  
}

.div1-left40 {    
    float:left;
    width:24em;
}

.div1-right100 {

    width:100%; 
    min-width: 900px;    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
}

.photo1{
    display:flex;   
    margin-top: 2.0em;
    margin-left: 2em;
    margin-right: 2em;    
    position: relative;
}

.photo1 img{
    top: 1em;
    left: 1em;
    border-radius: 3em;
    position: absolute;
}

.div1-span-box {
    
    padding-top: 3em;
    flex-flow: column;
    flex-wrap : nowrap;
    
    vertical-align: middle;

}
.div1-span1
{
    margin-right: 1em; 

    text-align: center;
    
}
.div1-span1 > span
{ 
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: rgba(65,65,70,1.0);
}

.div1-span2
{
    margin-top: 3em;
    margin-right: 2.5em;    
    text-align: center;
}
.div1-span2 > span
{ 
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 0.05em;
    border: 0.02em  solid;
    padding-right:0.5em;
    padding-left:0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    color: rgba(255,255,255,1.0);
    background-color: rgba(94,73,50,1.0);
    border-radius: 0.8em;
}
.div1-span3
{
    margin-right: 2em;
    margin-top: 2em;
 
}
.div1-span3 > span
{
    font-size: 0.8em;
    letter-spacing: 0.08em;
    color: rgba(65,65,70,1.0);
}

.div-h2 {
    
    min-width: 900px; 
    
    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;
   
    justify-content: center;   
    align-items: center;

    position:relative;  
}

.div2-bg {
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
   
    min-width: 900px;
    background-repeat: no-repeat;
    background-size: contain;
}

.div2-left40 {
    float:left;
    min-width: 400px;
    width: 28em;
    justify-content:space-between;
   
}

.div2-right100 {
    width:100%;
    min-width: 900px;
}

.photo2{
    
    display:flex;
    vertical-align: middle;
    position: relative;
}

.photo2 img
{
    border-radius: 3em;
    top: 3em;
    left: 1em;
    position: absolute;
}


.photo21{
    display:flex;   
    vertical-align: middle;   
    background-size: contain;
    position: relative;
}

.photo21 img
{
    border-radius: 1em;    
    background-size: contain;
    position: absolute;    
    top: 0.5em;
    left: 1em;
}
.div2-span-box {  
    flex-flow: column;
    flex-wrap : nowrap;    
    vertical-align: middle;
}
.div2-span1
{
    min-width: 400px;
    margin-top: 3.0em;    
    margin-right: 1em; 
    text-align: center;
    
}
.div2-span1 > span
{ 
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: rgba(65,65,70,1.0);
}
.div2-span2
{
    margin-top: 3em;
    margin-right: 2.5em;    
    text-align: center;
}
.div2-span2 > span
{ 
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 0.05em;
    border: 0.02em  solid;
    padding-right:0.5em;
    padding-left:0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    color: rgba(255,255,255,1.0);
    background-color: rgba(94,73,50,1.0); 
    border-radius: 30px;
}
.div2-span3
{  
    margin-right: 2.5em;
    margin-top: 3em;    
    text-align: center;    
}

.div2-span3 > span
{
    font-size: 0.8em;
    letter-spacing: 0.08em;
    color: rgba(65,65,70,1.0);
}
.div2-span4
{
    margin-top: 3em;
    margin-right: 2.5em;    
    text-align: center;    
}
.div2-span4 > span
{
    font-size: 0.7em;

    letter-spacing: 0.06em;  
    
    font-size: 0.7em;
    font-weight: bold;
    letter-spacing: 0.05em;
    border: 0.1em  solid;
    padding-right:1.5em;
    padding-left:1.5em;
    padding-top:1.5em;
    padding-bottom:1.5em; 
    border-radius: 30px;
    border-color:rgba(250,250,250,1.0);
    background-color:rgba(0,93,183,1.0);
    color: rgba(240,240,240,1.0);
    
}
/*------------------------下段-----------*/
.div-Lower{    
    min-width: 1000px; 
    min-height:120px;
    
    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;

    position:relative;
    background-color:rgba(238,229,216,1.0); 
    text-align: center;
}
.div-Lower-0{
    text-align: center;
    vertical-align: center;
    width:100%;
    margin-top: 2%;
    min-width: 1000px;
   
}
.div-Lower-0 > span{
    font-size: 1.1em;
    font-weight: bold;
    color:rgba(60,44,24,1.0);
}

.div-Lower-p{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 6em;
}
.div-Lower-c1
{
    width:15em;
    height:2.8em;
    border-radius: 100px;
    min-width: 300px;
    background-color:rgba(249,247,243,1.0);    
    margin-right: 1.75em;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;    
    font-size: 0.8em;
    color:rgba(60,44,24,1.0);

}
.div-Lower-c2{
    width:15em;
    height:2.8em;
    min-width: 300px;
    border-radius: 100px;
    background-color:rgba(249,247,243,1.0);
    margin-left: 1.75em;
    
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.8em;
    color:rgba(60,44,24,1.0);
}

.photo11{
    width:1.5em;       
    position: relative;
}

.photo11 img{
    top: -0.5em;
    left: 0;
    width:8.5em;   
    position: absolute;
    
}
.div6{
    padding-top: 3em;
    
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background-color: rgba(59,43,22,1.0);
    height:13em;
    
    
}
.div6-1{
    width:11em;    
    min-width: 200px;
    margin-left: 6em;
    margin-right: 2em;
}
.div6-2{
    width:20em;
    height:3em;
    min-width: 280px;
}
.div6-2 >span{    
    color:rgba(250,250,250,1.0);
    font-size: 0.7em;
}
.div6-3p1{   
    display:fixed;
    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;   
    justify-content: left;
    align-items: left;

    position:relative;
    height:10em;
    width:8em;   
    min-width: 120px;    
    text-align: left;
}

.div6-3p1 >span
{
    color:rgba(250,250,250,1.0);
    font-size: 0.8em;
}
.div6-3p2{   
    display:fixed;
    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;   
    justify-content: left;
    align-items: left;

    position:relative;
    height:10em;
    width:15em; 
    min-width: 220px;  
 
    text-align: left;
}

.div6-3p2 >span
{
    color:rgba(250,250,250,1.0);
    font-size: 0.8em;
}
.div6-line0
{ 
    margin-top: 0.9em;
    margin-bottom: 0.35em;
    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;   
    justify-content: left;
    align-items: left;

    position:relative;
    height:0.05em;
    width:18em;
    text-align: left;
   
}

.div6-line0 >span
{
    color:rgba(250,250,250,1.0);
    font-size: 0.8em;
    border-bottom: 1px solid white;
}

.div6-line1{ 
    margin-bottom: 0.4em;
    margin-top: 0.4em;
    
    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;   
    justify-content: left;
    align-items: left;

    position:relative;
    height:0.05em;
    width:6em;
    text-align: left;
}

.div6-line1 >span{    
    color:rgba(250,250,250,1.0);
    font-size: 0.8em;
    border-bottom: 1px solid white;
}


.div6-line2{ 
    margin-bottom: 0.4em;
    margin-top: 0.4em;

    flex-direction:column;    
    
    display: -webkit-flex;
    display: flex;   
    justify-content: left;
    align-items: left;

    position:relative;
    height:0.05em;
    width:10em;
    
    text-align: left;
}

.div6-line2 >span
{    
    color:rgba(250,250,250,1.0);
    font-size: 0.8em;
    border-bottom: 1px solid white;
}


.div6-3c > a
{
    color: rgba(199,183,162,1.0);
    text-decoration: none;
    font-size: 0.75em;
}

.div6-3c > a:visited
{   
    color: rgba(199,183,162,1.0);
    font-size: 0.75em;   
    
}
.div6-3c > a:hover{
    
    text-decoration:underline;
    text-decoration-color: rgba(245, 145, 45, 1.0);  
    color: rgba(199,183,162,1.0);
    text-underline-offset: 0.2em;    
}
.div6-3c > span
{
    color: rgba(159,143,122,1.0);
    font-size: 0.75em;   
    
}

.div-Lower3
{
    display:flex;
    flex-direction:column;
    display: -webkit-flex;
   
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;  
    
    width:100%;
    min-width: 1000px;
    text-align: center;
    padding-top:2em;
    padding-bottom:3em;
    background-color: rgba(238,230,216,1.0); 
}

.div-Lower3-0
{
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;  
    width:100%;
    margin-bottom: 2%;
    
    flex-direction:column;
}
.div-Lower3-0 > span
{
    font-size: :1.1em;
    font-weight: bold;
    color:rgba(60,44,24,1.0);
    padding-bottom: 1em;
}
.photo10
{           
 
}

.photo10 img{
    top: 0;
    left: 0;
    width:1.5em;
}


/*------------------スケーリング用-------------*/
.fade-img 
{
    z-index: 9997;
    display:flex;
    flex-flow: column;
    position:relative;
    width: 100%;
    min-width: 1000px;
}
.fade-img img 
{
    position: absolute;
    width: 100%;
    min-width: 1000px;
}
.fade-img2 {
    z-index: 9997;
    display:flex;
    flex-flow: column;
    position:relative;

    width: 100%;
    min-width: 1000px;
}
.fade-img2 img {
    position: absolute;
    width: 100%;
    min-width: 1000px;
}



/*------------別ページ新Div------------*/
/*----------------1 -----------------*/
/*-----------------------------------*/
.ndiv-h1 {
    
    min-width: 1000px; 
    display:fixed;
    flex-direction:column;
    height: 35em;
}

.ndiv1-bg {
    width:100%; 
    /*width:38em;*/
    background-color: rgba(255,255,255,1.0);
    height:35em;    
    /*min-width: 1000px;  */
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right bottom; 
  
}

.ndiv1-right100 {

    width:80%; 
    min-width: 1000px;    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;

    height:35em;
}

.nphoto1{
    display:flex;   
    position: relative;
}

.nphoto1 img{
    width:41em;
    position: absolute;
}

.ndiv1-span-box {
   
    background-color: rgba(238,230,216,1.0);
    flex-flow: column;
    flex-wrap : nowrap;  

    width:41em;
    margin-left: 10em;
    padding-left:0.5em;
    height:35em;

}
.ndiv1-span-box2 {
    flex-flow: column;
    flex-wrap : nowrap;    
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
   
    width:41em;
    height:35em;
    
    padding-left:0.8em;
    background-color: rgba(255,255,255,1.0);
}
.ndiv1-span1
{   
    margin-top: 1.0em;    
    margin-right: 1em; 

    text-align: left;
    
}
.ndiv1-span1 > span
{ 
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.08em;
    color: rgba(65,65,70,1.0);
}
.ndiv1-span2
{ 
    margin-top: 4em;     
    text-align: left;
}
/*div1-span2*/
.ndiv1-span2 > span
{ 
    font-size: 1.1em;
    font-weight: bold;    
    letter-spacing: 0.1em;    
    color: rgba(65,65,70,1.0);    
    
}
.ndiv1-span3
{    
     margin-top: 3.0em;
}
.ndiv1-span3 > span
{
    font-size: 0.9em;
    letter-spacing: 0.08em;
    color: rgba(5,5,7,1.0);
}
/*------------別ページ新Div------------*/
.ndiv-h2
{   
    min-width: 900px; 
    display:fixed;
    flex-direction:column;
    height: 30em;
}
.ndiv2-bg
{
    width:41em;    
    background-color: rgba(255,255,255,1.0);
    min-width: 600px;  
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.ndiv2-span-left
{
    float:left;    
    flex-wrap : nowrap;
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
    
    width:5em;
    height:2em;
    
    margin-left: 1em;
    margin-right: 1em;
    padding-left:0.5em;
    vertical-align: middle;    
}


.ndiv2-span-rightS3
{
    flex-flow: column;
    flex-wrap : nowrap;
    
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
    
    width:15em;
    height:8em;
    
    background-color: rgba(255,255,255,1.0);
}


.ndiv2-right100
{
    width:38em;    
    min-width: 900px;    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    height:25em;
}
.nphoto2
{
    display:flex;   
    position: relative;
}
.nphoto2 img
{
    width:38em;
    position: absolute;
}

.ndiv2-span-box
{  
    background-color: rgba(238,230,216,1.0);
    flex-flow: column;
    flex-wrap : nowrap;  

    width:38em;
    margin-left: 10em;
    padding-left:0.5em;
    height:25.2em;
}
.ndiv2-span-box2
{
    flex-flow: column;
    flex-wrap : nowrap;    
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
   
    width:38em;
    height:25.2em;
    
    padding-left:0.8em;
    background-color: rgba(255,255,255,1.0);
}
.ndiv2-span-boxS1
{
    float:left;    
    background-color: rgba(238,230,216,1.0);
    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    flex-direction:column;   
    
    vertical-align: middle;   
    
    width:25em;
    height:3em;
  
    margin-top: 0em;
    margin-left: 0em;
    padding-left:0.5em;
}


.ndiv2-span-boxS3
{
    float:left;
    
    background-color: rgba(255,255,255,1.0);
    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    flex-direction:column;    
    vertical-align: middle;
    width:23em;
    height:8em;  
    margin-top: 0em;
    margin-left: 0em;
    padding-left:0.5em;
}

.ndiv2-span1
{   
    margin-top: 1.0em;    
    margin-right: 1em; 
    margin-bottom: 2em; 

    text-align: left;
    
}
.ndiv2-span1 > span
{ 
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.08em;
    color: rgba(65,65,70,1.0);
}

.ndiv2-span2
{ 
    
    margin-top: 0.6em;
    text-align: left;
}

.ndiv2-span2 > span
{ 
    font-weight: bold;
    font-size: 0.9em;    
    letter-spacing: 0.08em;
    color: rgba(25,25,30,1.0); 
    
}

.ndiv2-span3
{
    margin-top: 0.6em;
    text-align: left;    
}

.ndiv2-span3 > span
{
    font-size: 0.9em;    
    letter-spacing: 0.08em;
    color: rgba(85,85,90,1.0); 
}
.ndiv2-span4
{
    margin-top: 0.6em;
    height:10em;
    margin-top: 0.5em;
    text-align: left;    
}
.ndiv2-span4 > span
{
    padding-left:11em;
    font-size: 0.9em;    
    letter-spacing: 0.08em;
    color: rgba(85,85,90,1.0); 
}
.ndiv-h3
{   
    min-width: 900px; 
    display:fixed;
    flex-direction:column;
    height: 10em;
}

.ndiv3-bg
{
    width:38em;
    background-color: rgba(255,255,255,1.0);
    height:10em;    
    min-width: 900px;  
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right bottom;
}
.ndiv3-span-left
{
    float:left;    
    flex-wrap : nowrap;
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
    
    width:5em;
    height:2em;    
    margin-left: 1em;
    margin-right: 3em;
    padding-left:0.5em;
    vertical-align: middle;    
}


.ndiv3-span-rightS3
{
    flex-flow: column;
    flex-wrap : nowrap;
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;   
    width:25em;
    height:8em;
    background-color: rgba(255,255,255,1.0);
}


.ndiv3-right100
{
    width:80%; 
    min-width: 900px;    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;

    height:10em;
}
.nphoto3
{
    display:flex;   
    position: relative;
}

.nphoto3 img
{
    width:38em;
    position: absolute;
}

.ndiv3-span-box
{  
    background-color: rgba(238,230,216,1.0);
    flex-flow: column;
    flex-wrap : nowrap;  

    width:38em;
    margin-left: 10em;
    padding-left:0.5em;
    height:35em;
}
.ndiv3-span-box2
{
    flex-flow: column;
    flex-wrap : nowrap;    
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
   
    width:38em;
    height:38em;
    
    padding-left:0.8em;
    background-color: rgba(255,255,255,1.0);
}
.ndiv3-span-boxS1
{
    float:left;
    
    background-color: rgba(238,230,216,1.0);
    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    flex-direction:column;    
    vertical-align: middle;
    width:38em;
    height:3em;
  
    margin-top: 0em;
    margin-left: 0em;
    padding-left:0.5em;
}
.ndiv3-span-boxS3
{
    float:left;
    
    background-color: rgba(255,255,255,1.0);    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    flex-direction:column;    
    vertical-align: middle;
    width:38em;
    height:8em;
  
    margin-top: 0em;
    margin-left: 0em;
    padding-left:0.5em;
}
.ndiv3-span1
{   
    margin-top: 1.0em;    
    margin-right: 1em; 
    margin-bottom: 2em; 

    text-align: left;
    
}
.ndiv3-span1 > span
{ 
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.08em;
    color: rgba(65,65,70,1.0);
}

.ndiv3-span2
{ 
    
    margin-top: 0.6em;
    text-align: left;
}

.ndiv3-span2 > span
{ 
    font-weight: bold;
    font-size: 0.9em;    
    letter-spacing: 0.08em;
    color: rgba(25,25,30,1.0); 
    
}

.ndiv3-span3
{
    margin-top: 0.6em;   
    
    text-align: left;    
}

.ndiv3-span3 > span
{
    font-size: 0.9em;    
    letter-spacing: 0.08em;
    color: rgba(85,85,90,1.0); 
}
.ndiv3-span4
{
    margin-top: 0.6em;
    height:10em;
    margin-top: 0.5em;
    text-align: left;    
}
.ndiv3-span4 > span
{
    padding-left:11em;
    font-size: 0.9em;    
    letter-spacing: 0.08em;
    color: rgba(85,85,90,1.0); 
}
.nphoto3
{
    display:flex;   
    position: relative;
}

.nphoto3 img
{
 
    position: absolute;
}
.ndiv-h4
{   
    min-width: 900px; 
    display:fixed;
    flex-direction:column;
    height: 30em;
}

.ndiv4-bg {
    width:38em;
    background-color: rgba(255,255,255,1.0);
    height:30em;    
    min-width: 900px;
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.ndiv4-right100
{
    width:80%; 
    min-width: 900px;    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    flex-direction:column;    
    height:50em;
}
.nphoto4
{
    display:flex;
    position: relative;
}

.nphoto4 img
{
    width:38em;
    position: absolute;
}

.ndiv4-span-box
{  
    background-color: rgba(238,230,216,1.0);
    flex-flow: column;
    flex-wrap : nowrap;
    width:38em;
    height:4em;
    
    margin-left: 10em;
    padding-left:0.5em;
}
.ndiv4-span-box2
{
    flex-flow: column;
    flex-wrap : nowrap;
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;   
    width:38em;
    height:5em;    
    padding-left:0.8em;
    background-color: rgba(255,255,255,1.0);
}

.ndiv4-span-boxS1
{
    float:left;    
    background-color: rgba(238,230,216,1.0);    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    flex-direction:column;
    width:41em;
    height:3em;
  
    margin-top: 0em;
    margin-left: 10em;
    padding-left:0.5em;
}


.ndiv4-span-boxS2
{
    float:left;    
    background-color: rgba(238,230,216,1.0);    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    flex-direction:column;
    width:41em;
    height:6em;
  
    margin-top: 0em;
    margin-left: 10em;
    padding-left:0.5em;
}


.ndiv4-span-boxS3
{
    float:left;    
    background-color: rgba(238,230,216,1.0);    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    flex-direction:column;
    width:41em;
    height:8em;  
    margin-top: 0em;
    margin-left: 10em;
    padding-left:0.5em;
}
.ndiv4-span-left
{
    float:left;    
    flex-wrap : nowrap;
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
    
    width:5em;
    height:3em;
    margin-left: 2em;
    margin-right: 2em;
    padding-left:0.5em;
    
    background-color: rgba(238,230,216,1.0);

}
.ndiv4-span-rightS1
{
    flex-flow: column;
    flex-wrap : nowrap;
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
    margin-top: 0.4em;
    width:35em;
    height:2em;
    margin-left: 1em;
    background-color: rgba(238,230,216,1.0);
    font-size: 0.8em;
    border-left: 0.3em solid;    
    color:rgba(230,215,196,1.0);
}
.ndiv4-span-rightS2
{
    flex-flow: column;
    flex-wrap : nowrap;
    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
    margin-top: 0.4em;
    width:35em;
    height:6em;
    margin-left: 1em;
    background-color: rgba(238,230,216,1.0);
    font-size: 0.8em;
    border-left: 0.3em solid;
    
    color:rgba(230,215,196,1.0);
}
.ndiv4-span-rightS3
{
    flex-flow: column;
    flex-wrap : nowrap;

    display: -webkit-flex;   
    justify-content: left;    
    text-align:  left;
    margin-top: 0.4em;
    width:35em;
    height:7em;
    margin-left: 1em;
    background-color: rgba(238,230,216,1.0);
    font-size: 0.8em;
    border-left: 0.3em solid;    
    color:rgba(230,215,196,1.0);
}
.ndiv4-span1
{
    margin-top: 1.0em;    
    margin-right: 1em;
    text-align: left;
    
}
.ndiv4-span1 > span
{ 
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.08em;
    color: rgba(65,65,70,1.0);
}
.ndiv4-span2
{
    margin-top: 0.3em;
    text-align: left;
}

.ndiv4-span2 > span
{ 
    font-weight: bold;
    font-size: 0.9em;    
    letter-spacing: 0.08em;
    color: rgba(25,25,30,1.0); 
}

.ndiv4-span3
{
    margin-left: 2em;
    margin-top: 0.1em;
    text-align: left;
}

.ndiv4-span3 > span
{
    font-size: 1.0em;    
    letter-spacing: 0.08em;
    color: rgba(85,85,90,1.0); 
}
/*----------------5 -----------------*/
.ndiv51 {

    width:100%; 
    min-width: 1000px;    
    display:fixed;
    flex-direction:column;  
    height: 6em;
    
    display: -webkit-flex;
    display: flex;
   
    justify-content: center;   
    align-items: center;

    position:relative;
}
.ndiv51-span1
{
    width:20em;    
    
    text-align: center;
    background-color: rgba(145,190,73,1.0);    
    border-color: rgba(145,190,73,1.0);    
    border-radius: 1em;
}
.ndiv51-span1 > span
{ 
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 0.05em;    
    border-left: 0.5em solid;
    border-color: rgba(145,190,73,1.0);
    color: rgba(94,73,50,1.0);    
}
.ndiv-h5
{    
   min-width: 900px; 
   display:fixed;
   flex-direction:column;
   height: 65em;
}
.ndiv5-right100
{
    width:66%; 
    min-width: 650px;    
    justify-content:space-between;
    text-align: center;
    flex-wrap : nowrap;
    margin-left: 10em;
    height: 60em;
}
.ndiv5-bg
{    
    min-width: 650px; 
    background-color: rgba(255,255,255,1.0);
    height: 60em;
    background-size: contain;
    background-repeat: no-repeat; 

    border: 0.2em solid;
    border-color: rgba(145,190,73,1.0);
    border-radius: 1em;  
}
#photo6
{
    width: 570px;
    position: relative;
}
#photo6 img
{
    top: -10px;
    left: 0;
    width:250px;
    position: absolute;
}


#photo6s
{
    width: 38em;
    position: relative;
}
#photo6s img
{
    top: -15%;
    left: 0;
    width:100%;
    
    position: absolute;
}
/**/
#photo9{
    z-index: 9998;
    position: relative;
}
#photo9 img{
    position: absolute;
    
    width: 50%;
    min-width: 400px;
    left: 100px;
    top: 200px;     
}

#photo9s{
    margin-left: 0%;
    z-index: 9998;
    position: relative;
}
#photo9s img{
    position: absolute;
    
    width:100%;
    min-width: 400px;
    margin-left: 5%;
    margin-top: 25%;    
}

#box {    
    position: fixed;
    display: table;
    width: 300px;
    height: 300px;
    background: black;
}

.item {
	width: 80px;
	height: 80px;
	background: #4169e1;
	margin: 100px;
}

.scale
{
	display: flex;
}
.zoom-in
{
	margin: 20px;
	width: 456px;
	height: 156px;
	transition: 2s;
}
.hero
{
    max-height: 500px;
    overflow: hidden;
}
.site-header{
    background: rgba(255,255,255,1.0);
    display: flex;
    z-index: 9999;
 
    padding-top: 1.4em;
    padding-bottom: 0.1em;
    position: fixed;
    color: red;
    justify-content: space-between;
    width: 100%;
    top:0;
    min-width: 1000px;
}

.site-header > p 
{
    color:red;
}

.site-header.transform
{
 
    background: rgba(255,255,255,0.8);    
}
/*------------------メインメニュー1-------------*/
.menu {

    position: relative;
    width: 100%;
    min-width:1000px;
    margin: 0 0;
}
/*-----------------メインメニュー2--------------*/
.menu > li {

    list-style:none; 
    font-size: 0.9em; 
    float: left;
    width: 10.5%; /* ナビ4つの場合 25% */
    height: 3.0em;    
    text-align: center;
    
}

/*メニューのテキストの色*/
.menu > li a {
    /*リンクの下線を消す*/
    text-decoration: none;
    display: block;
    color: rgba(50,50, 50, 0.9);
 
}
/*ホバーのときのテキストの色*/
.menu > li a:hover {
    text-decoration:underline;
    text-decoration-color: rgba(120, 120, 220, 1);    
    text-underline-offset: 0.5em;
    color: rgba(120, 120, 220, 1);
}

ul.menu__second-level
{
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
   
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

/*サブメニューのhover*/
.menu__second-level li a:hover {

}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    color: red;
    content: '';

    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;

    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

/*ポップアップの初期アニメーション位置*/
li.menu__mega ul.menu__second-level
{
    list-style:none;
    position: absolute;  
    top: 3.5em;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    /*サブメニューの間隔*/
    padding: 1.4em 4%;    
    background: rgba(235,235,235,1.0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

/*ここより下はポップアップのトップ位置*/
li.menu__mega:hover ul.menu__second-level
{    
    top: 3em;
    visibility: visible;
    opacity: 1;
}


/*ポップアップの間隔*/
li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 49%;
    border: none;
}
/*2列の場合2n+1 margin 0 2% 0 0%*/
/*3列の場合3n+1 margin 0 1%*/
li.menu__mega ul.menu__second-level > li:nth-child(5n+3)
{

}