@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   List Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ul,ol */
ul,ol{
}
/* dl */
dl{}
    dl dt{
    }
    dl dd{
    }

/* MenuList */
.MenuList{
  list-style: none;
  margin: 0;
  line-height: 1.25;
}
    .MenuList li{
    
    }
/* BannerList */
.BannerList{
  list-style: none;
  margin: 0;
  line-height: 1.25;
}
    .BannerList li{
    
    }
/* LinkList */
.LinkList{
  list-style: none;
  margin: 0;
  line-height: 1.25;
}
    .LinkList li{
      padding: 5px 0;
    }
        .LinkList li a{
          padding: 0 0 0 15px;
          background: url(../img/common/icon/cursor/right.png) no-repeat 0% 50%;
          
        }
    .LinkList li .ChildList{
      font-size: 85%;
      margin: 5px 0 5px 30px;
    }
        .LinkList li .ChildList li{
          padding: 2px;
        }
            .LinkList li .ChildList li a{
              padding: 0 0 0 10px;
              background: url(../img/common/icon/cursor/right_s.png) no-repeat 0% 50%;
            }

/* TabList */
.TabList{
  list-style: none;
  margin: 0 0 30px;
}
    .TabList li{
      width: 33%;
      margin: 0;
      float: left;
    }
        .TabList li *{
          vertical-align: middle;
        }
        .TabList li a{
          display: block;
          padding: 1em;
          text-align: center;
          margin: 5px;
          color: #aaa;
          background: #332f2a;
          font-weight: normal;
          position: relative;
        }
        .TabList li a:hover{
          color: #fff;
          background: #444;
          text-decoration: none;
        }
        .TabList li a.Active{
          color: #000;
          background: #ffb23b;
          font-weight: bold;
        }
            .TabList li a.Active:before{
              content: "";
            }



/* ThumbnailList */
.ThumbnailList {
  list-style: none;
}
    .ThumbnailList li a{
      display: block;
    }
    .ThumbnailList li a:hover{
      text-decoration: none;
    }
        .ThumbnailList li .ImageItem img{
          width: 100%;
        }
        .ThumbnailList li a .ImageItem{
          position: relative;
          overflow: hidden;
        }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Table Setting [Common]                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* DefaultTable
--------------------------------------------------- */
.DefaultTable{
  margin: 0 auto 15px;
  width: 100%;
  border-collapse: collapse;
}
    /* caption */
    .DefaultTable caption{
    }
    /* common */
    .DefaultTable th,
    .DefaultTable td{
      padding: 10px;
      font-size: 83.5%;
      font-size: 87.5%;
      line-height: 1.5;
      border-bottom: 1px solid #aaa;
    }
    .DefaultTable th{
      background: #eee;
      font-weight: normal;
    }
    .DefaultTable td{
      background: #fff;
    }
    .DefaultTable tr.Necessary th{
    }
    .DefaultTable tr.Necessary .FormItem{
      background: url(../img/common/icon/necessary.png) no-repeat 0% 50%;
      padding-left: 34px;
    
    }
    
    /* thead */
    .DefaultTable thead{
    
    }
        .DefaultTable thead th{
          font-size: 75%;
          padding: 5px 10px;
          background: #0e3560;
          background: #333;
          color: #fff;
          text-align:center;
        }
    /* tfoot */
    .DefaultTable tfoot{
    
    }
        .DefaultTable tfoot th,
        .DefaultTable tfoot td{
        }
        .DefaultTable tfoot th{
        }
        .DefaultTable tfoot td{
        }
    /* tbody */
    .DefaultTable tbody{
    }
        .DefaultTable tbody th,
        .DefaultTable tbody td{
        }
        .DefaultTable tbody th{
          width: 20%;
          min-width: 100px;
          max-width: 35%;
          text-align: left;
        }
        .DefaultTable tbody td{
          background: #fff;
        }
/* InnerTable
--------------------------------------------------- */
.InnerTable,
.InnerTable th,
.InnerTable td{
}
    .InnerTable th,
    .InnerTable td{
      padding: 5px 10px!important;
      font-size: 100%!important;
      border-bottom: none;
    }
    .InnerTable th{
      font-weight: bold!important;
    }
    tr.Necessary .InnerTable .FormItem{
      background: none;
      padding-left: 0px;
    
    }

/* NoDecorationTable
--------------------------------------------------- */
.NoDecorationTable,
.NoDecorationTable th,
.NoDecorationTable td{
  border: none!important;
  background: none!important;
  margin: 0!important;
  padding: 0!important;
  text-align: left;
}
.NoDecorationTable th,
.NoDecorationTable td{
  padding: 5px 10px!important;
  font-size: 100%!important;
}

/* SaiyoTable
--------------------------------------------------- */
.SaiyoTable{
  border-collapse: separate;
  width: 100%;
}
    .SaiyoTable th,
    .SaiyoTable td{
      padding: 0.2em 0.75em 0.15em;
      border-style: solid;
      border-color: #FFF #FFF #EAF6FF;
    }
    .SaiyoTable th {
      font-weight: normal;
      vertical-align: top;
      width: 20%;
      white-space: nowrap;
      background: #EAF6FF none repeat scroll 0% 0%;
      border-width: 3px 0px 0px;
      margin-bottom: 0px!important;
    }
    .SaiyoTable td {
      border-width: 2px 0px 1px;
    }

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Option Class [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Float
--------------------------------------------------- */
.FloatLeft { float: left; }
.FloatRight{ float: right; }
.FloatNone { float: none; }

.BlockLeft{float:left;}
.BlockRight{float:right;}

.SubBlockLeft{float:left;}
.SubBlockRight{float:right;}



/* Align
--------------------------------------------------- */
.AlignCenter{ text-align: center; }
.AlignLeft  { text-align: left; }
.AlignRight { text-align: right; }

/* Bold
--------------------------------------------------- */
.Bold{ font-weight: bold; }

/* Clear
--------------------------------------------------- */
.ClearBoth { clear: both;}
.ClearLeft { clear: left;}
.ClearRight{ clear: right;}
.ClearNone { clear: none;}

/* TextOverFlowNone
--------------------------------------------------- */
.TextOverFlowNone{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* InlineBlock
--------------------------------------------------- */
.InlineBlock{
  display: inline-block;
}

/* RoundCorner(DefaultValue)
--------------------------------------------------- */
.RoundCorner{
  border-radius: 10px;
}
.RoundCornerS{
  border-radius: 5px;
}

/* DropShadow (DefaultValue)
--------------------------------------------------- */
.DropShadow{
  box-shadow: 0px 0px 5px #ccc;
}

.ButtonArrow{
  margin: 0px 3px;
  height: 1.1em !important;
  width: auto !important;
  vertical-align: text-top !important;
  padding: 0px !important;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Default Box Style                             */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MessageBox
--------------------------------------------------- */
.MessageBox{
  padding: 1em;
  background: #edcecb;
  margin: 0 0 1em;
}
    .MessageBox .DefaultText{
      color: #cb6f66;
      font-size: 75%;
      margin: 0;
    }

/* ButtonBox
--------------------------------------------------- */
.ButtonBox{
}
    .ButtonBox p{
      text-align: center;
    }
        .ButtonBox p a{
          margin-left: 4px;
        }
        .ButtonBox p a:first-child{
          margin-left: 0;
        }


/* ImageBox
--------------------------------------------------- */
.ImageBox{
}
    .ImageBox p{
    }
        .ImageBox p img{
        }


        
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Original Style [Base Design]                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

html{
  margin: 0!important;
}
body{
  background:#fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
/* PC用の背景 */
body.PcView{
  background-color:    #fff;
  background-position: 50% 0%;
  background-repeat:   no-repeat;
}
body.PcView.DefaultView{
  background-image: url(../img/common/decoration/main_bg.jpg);
}
body.PcView.NightView{
  background-image: url(../img/common/decoration/main_bg-night.jpg);
}
    /* スマホ用の背景 */
    body.PcView.Tablet .BodyBgImage,
    body.SpView        .BodyBgImage{
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      position: fixed;
      background-color:    #fff;
      background-position: 50% 0%;
      background-repeat:   no-repeat;
      background-size:     cover;
      background-size:     1000px 600px;
      z-index: -1;
    }
    body.PcView.Tablet .BodyBgImage{
      background-size:     cover;
    }
    body.PcView.DefaultView.Tablet  .BodyBgImage,
    body.SpView.DefaultView         .BodyBgImage{
      background-image: url(../img/common/decoration/main_bg.jpg);
    }
    body.PcView.NightView.Tablet .BodyBgImage,
    body.SpView.NightView        .BodyBgImage{
      background-image: url(../img/common/decoration/main_bg-night.jpg);
    }
#World{
}

/*wordpress
------------------------------------------------------*/

body, button, input, select, textarea {
    color: #1a1a1a;
    font-family: Montserrat, "Helvetica Neue", sans-serif;;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.75;
}




.site-content {
    word-wrap: break-word;
}

.pagination{
  border-top: 1px solid #333;
  font-family: Montserrat, "Helvetica Neue", sans-serif;
  font-size: 19px;
  font-size: 1.1875rem;
  margin: 0 0.7em;
  min-height: 56px;
  position: relative;
  margin-top:40px;
  padding-left:18px;
}

.pagination .page-numbers {
  background-color: #eee;
  margin-top: 5px;

}
.pagination .page-numbers:hover{
  background-color: #97ca49;
}

.pagination .prev, .pagination .next {
  background-color: #1a1a1a;
  margin-top: 0px;
}
.pagination .page-numbers.current{
  background-color: #97ca49;
}


.pagination .nav-links:before {
  font-family: "co-font";
	content: "\e80b";
	right: -1px;
}

.pagination .nav-links:after {
  font-family: "co-font";
	content: "\e80a";
	right: 55px;
}


.pagination .prev:before {
  font-family: "co-font";
	content: "\e80a";
}

.pagination .next:before {
  font-family: "co-font";
	content: "\e80b";
}

/*例外*/
.pagination.PostInPage::before{
  font-family: "co-font";
	content: "\e80b";
  color: #5e5e5e;
  font-size: 32px;
  line-height: 51px;
  opacity: 1;
  position: absolute;
  width: 52px;
  z-index: 1;
  padding-left: 10px;
}
.pagination.PostInPage::after {
  font-family: "co-font";
	content: "\e80a";
  color: #5e5e5e;
  font-size: 32px;
  line-height: 51px;
  opacity: 1;
  position: absolute;
  width: 52px;
  z-index: 1;
  padding-left: 10px;
}
.pagination.PostInPage .nav-links:before {
  display:none;
}

.pagination.PostInPage .nav-links:after {
  display:none;
}





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


/* base font
--------------------------------------------------- */
body{
}

/* set DefaultColor */
body{

}



/* set PageWidth */
.mainWidth{
  margin: 0 auto;
}
.WideWidth{
  width:100%;
}

.PageWidthSetter{
  margin:0 auto;
  width: 100%;
  max-width:1200px;
}
.MainContentsArea .PageWidthSetter{
 /* min-width:855px;
  max-width: 855px;*/
}
.home .MainContentsArea .PageWidthSetter{
  margin:0 auto;
  width: 100%;
}
.LayoutBlock{
  width:1200px;
  margin-left:auto;
  margin-right:auto;
}

/*wpタグ*/
.site-content{
  padding:0!important;
  width:100%!important;
  float:none!important;
  margin-top:100px;
  margin-top:80px;
}
/*wpタグ*/
.site-main{
  margin-bottom: 0;
}



/*スマホ幅*/
#ContentsDivision,
#FooterDivision{
  min-width: 250px;
}


/* HeaderDivision
--------------------------------------------------- */
#HeaderDivision{
  width:100%;
  /*background :url(../img/common/decoration/image-bg-header.png) repeat-x top center;*/
  min-width: 980px;
  height: 93px;
  border-top:3px solid #98cb47;
/*  border-top:3px solid #00a33e; 新色*/
  
}
#HeaderDivision{min-width: 300px;}

    /* SiteHeaderArea */
    #HeaderDivision .SiteHeaderArea {
    
    }
    
    /* HeaderMenuArea */
    #HeaderDivision .HeaderMenuArea {
      padding: 0 0 3px 0;
      margin:0 auto;
    }
        #HeaderDivision .HeaderMenuArea .MainMenuBlock{
          
        }
            #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList{
              list-style: none;
            }
                #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li{
                  float: left;
                  margin-right: 2px;
                }
                    #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li a{
                    }
                    #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li a:hover{
                    }
                    #HeaderDivision .HeaderMenuArea .MainMenuBlock .MenuList li a.Active{
                    }
    
/* SiteHeaderArea sp */
#SiteHeaderArea {
  /*width:980px;
  padding: 0 0;
  position: relative;
  height:90px;
  margin: 0 auto;*/

}
#SiteHeaderArea .SpMenuArea{
  width:100%;
  background-color: rgba(0,0,0,0.5); 
  padding:10px;
}




.HeaderMenuArea  {
    position: relative;
}
.HeaderMenuArea div {
	/*position:absolute;*/
	background-repeat: no-repeat;
}
#HeaderDivision{}
#SiteHeaderArea{
  width:100%; 
  /*max-width:1200px;*/
  margin:0 auto;

}


/* ロゴ画像(トップページへのリンク) */
#Clinktop{
  position:absolute; 

}
#Clinktop .HeadH1{

  width:325px;
  float:left;
} 
#Clinktop{
  text-align:left; 
  top:30px; 
  left:10px;
}
#Clinktop img{
  padding:0;
  margin:0;
}
#Clinktop span.HeadH1Sub{
  display:block;
  float:left; 
  margin-left:9px;
  margin-top:12px;
}


#Clinktop a {}
#Clinktop a:hover {}

#Clinktop span{}

#Clinklink1{
  position:absolute; 
  right:15px; 
  right:5px; 
  top:20px; 
  top:15px; 
  font-size:15px;
  font-size:13px;
  font-weight:normal; 
  width:auto; 
  padding:0 0px;
} 
#Clinklink1 .HeadListList{
  display:block; 
  float:left;
  margin:0 10px; 
  line-height:20px;

}

#Clinklink1 .HeadListList a{
  line-height:20px;
  display:block;
  background: #f5f5f5;
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
  padding:3px 3px;

}
#Clinklink1 .HeadListList a:hover{
  background: #eff7e0;
}


#Clinklink1 .HeadListList a span{
  margin:0 20px 0 10px;
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
  display:block;
}





/*お問い合わせ*/
#Clinklink2{
  position:absolute; 
  right:20px; 
  top:50px;
} 
/*
#Clinklink2 a{
  background: #89b93c;
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
  display:block;
  padding:3px;
  color:#fff;
}
*/
#Clinklink2 span.icon-phone span{
  font-weight:normal;
  vertical-align:top;
  line-height:24px;
  margin:0 2px;
  
  
} 
#Clinklink2 span.icon-phone{
  font-size:24px;
  line-height:20px;
  font-family: "Arial", sans-serif;
  font-weight:normal;
  margin-right:3px;
/*	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
  display:block;
  */
} 
#Clinklink2 span.icon-phone::before{
  margin-right: 0em;
}
#Clinklink2 span.PhoneTime{
  font-size:13px;
  font-weight:normal;
  vertical-align:top;
  line-height:26px;
  padding-top:2px;
  display: inline-block;
}

#Clinklink3{
  position:absolute; 
  right:20px; 
  top:50px;
} 
#Clinklink3 a{
  line-height:20px;
  display:block;
  background: #f5f5f5;
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
  padding:4px 3px;
}
#Clinklink3 a:hover{
  /*background: #eff7e0;*/
  text-decoration:none;
}
#Clinklink3 a span{
  margin:0 0 0 0px;
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
  display:inline-block;
}
#Clinklink3 a span.ContactSection{
  font-size:65%;
  background: #ffffff;
  margin: 0 10px;
  border-radius:10px;
  padding:0 10px;
}
#Clinklink3 a span.icon-mail{
  margin: 0 -5px 0 10px;
  
}
#Clinklink3 a:hover{
  background: #98cb47;
}
#Clinklink3 a:hover span.icon-phone{
  color:#fff!important;
}
#Clinklink3 a:hover span::before{
  color:#fff!important;

}




#Clinklink3 a span.ContactIcon::before{
/*  font-family: "co-font";
  content: "\e829 \e82d";
  font-weight: normal;
  bottom: 10px;
  color: #97ca48;
  font-style: normal;
  speak: none;
  display: inline;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  opacity: .8;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  font-size: 120%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/
}











/*コメント*/
#Clinkmsg1{
  position:absolute; 
  left:373px; 
  top:36px;
} 
#Clinkmsg1 p{
  font-size:14.5px;

}
#Clinkmsg1 .CopyRubi rt{
  line-height:1;
  margin-bottom: -4px;
}


/*問い合わせ*/
#Clinklink4{
  position:absolute; 
  right:5px; 
  top:61px;
} 
#Clinklink4 .CornerButton{
  border:1px solid #60b995;
  line-height:26px;
  font-size:14px;
  border-radius:14px;
  background:#fff;
}
#Clinklink4 .CornerButton span{
  margin:0 15px;

}
.GlovalLink{
  position:absolute; 
  margin:10px 3px 3px 3px; 
}
.GlovalLink a{
  background:none;
  color:#333; 
  font-size:14px; 
  line-height:1.0;
  padding:3px 13px 0px 28px; 
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
  background: url(../img/common/icon/cursor/arrow-glovallink.png) no-repeat 8px 50%;
}

.GlovalLink a:hover{
  background:#d2d2d2 url(../img/common/icon/cursor/arrow-glovallink.png) no-repeat 8px 50%;
  /*box-shadow: 1px 2px 1px 1px #eee inset;*/
  text-decoration:none;
}



.TopContactTable{
  border-collapse: collapse; 
  border:1px solid #cccccc; 
  width:511px; 
  height:48px;
}
.TopContactTable tbody th{
  border-right:1px solid #cccccc; 
  background:#3ebd7d;
  width:93px;
}
.TopContactTable tbody th.Cell01{
  padding:5px 0px;
  color:#ffffff;
}

.TopContactTable tbody td{
  width:auto;
}
.TopContactTable tbody td.Cell02{}
.TopContactTable tbody td span.GoTelephone{
  float:left; 
  padding:3px 0 0 15px;
}
.TopContactTable tbody td span.GoMail{
  float:right; 
  padding:6px 8px 0 0;
}





.HeaderMenuBlock{
  width:100%;
  /*background: url(../img/common/decoration/bg-menu.png) repeat-x top center;*/
  border-top:4px solid #3ebd7d;
  border-bottom:1px solid #cccccc;
  height:74px;
  /*margin-bottom:10px;*/
}
.HeaderMenuArea {
	padding:0;
	width:1200px;
	/*height:98px;*/
  margin:0 auto;
  position:relative;
  display:block;
}
#Header .HeaderMenuArea ul {
  margin:0;
  padding:0;
  /*position:relative;*/
  width:1200px;
  margin:0 auto;
  list-style:none;
}
#Header .HeaderMenuArea ul > li{
  width:20%;
  /*width:16.66%;*/
  float:left; 
}
#Header .HeaderMenuArea ul >  li > .Inner {
  display: block;
  border: none;
  border-radius: 0px 0px 8px 8px;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89b982+0,89b95e+46,89b93d+100 */
  background: rgb(137,185,130); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(137,185,130,1) 0%, rgba(137,185,94,1) 46%, rgba(137,185,61,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(137,185,130,1) 0%,rgba(137,185,94,1) 46%,rgba(137,185,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(137,185,130,1) 0%,rgba(137,185,94,1) 46%,rgba(137,185,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  margin: 2px;
  min-height: 70px;
  padding:1px;
}

#Header .HeaderMenuArea ul >  li > .Inner a{
  margin:1px;
  color:#fff;
  border:1px solid #fff;
  border-radius: 0px 0px 6px 6px;
  display:block;
  position:relative;
}


 
#Header .HeaderMenuArea ul li.Unit00{
 display:none;
}

#Header .HeaderMenuArea a.Top1navi {
	font-size:18px;

  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	/*float:left;
	height:70px;*/
	/*line-height:70px;*/
	text-decoration:none;
	text-align:center;
  padding-top:1px;
  letter-spacing: 0.1em;

}
#Header .HeaderMenuArea ul > li > a:hover{
  /*background:#ffffff;*/
  /*border-radius:6px;*/
  border-radius:0px;  
  background-color: rgba(0,0,0,0.6); 
  box-shadow: 0 0 15px rgba(0,0,0,0.30);

}

#Header .PulldownBox .Inner ul.PickUpList li a:hover span.EyeCatchImg img{
  border-radius:0px;  
  box-shadow: none;
}

#Header .PulldownBox .Inner ul.PickUpList li a:hover span.PickUpTitle{
  color:#fff;
}


/*メニュー固定*/

.MenuFixed #Header .HeaderMenuArea{
  z-index:9100;
  width: 100%;
  box-shadow: 0 0 15px rgba(0,0,0,0.1); 
  box-shadow: 0 10px 8px rgba(0,0,0,0.08); 
  background: rgba(255,255,255,0.9);
  height: 100px;
  height: 80px;
  padding-top:0px;
}
.MenuFixed #Header .HeaderMenuArea ul{
  width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
  height: 61px;
  padding: 0px 0;
  height: auto;
}

.MenuFixed #Header .HeaderMenuArea ul > li > .Inner {
  min-height: 0px;
}

/*

.MenuFixed #Header .HeaderMenuArea ul > li{
  width: 17.5%;
}
.MenuFixed #Header .HeaderMenuArea ul > li > .Inner {
  border: none;
  border-left: 0px solid #ccc;
  width:100%;
  margin:0;
  border-radius: 0px;
  background: none;
  min-height: 0px;
  
}
.MenuFixed #Header .HeaderMenuArea ul > li > .Inner a{
  padding:14px 0;
}


.MenuFixed #Header .HeaderMenuArea ul > li > .Inner span{
  margin-top: 24px;
}

.MenuFixed #Header .HeaderMenuArea ul li.Unit00{
  display: block;
  width: 30%;
}
.MenuFixed #Header .HeaderMenuArea ul li.Unit00 a{
  padding:0;
}

.MenuFixed #Header .HeaderMenuArea ul li.Unit00 .Inner{
  border: none;
  text-align: left;
}
.MenuFixed #Header .HeaderMenuArea ul li.Unit00 .HeadH1{
  margin: 0 0 -2px;
  width: 60px;
  float: left;
}
.MenuFixed #Header .HeaderMenuArea ul li.Unit00 .HeadH1Sub{
  margin: 0;
  margin-left: 10px;
  padding-top: 12px;
  text-align: left;
  float: left;
}
*/
.HeaderMenuArea ul > li > .Inner span{
  position: relative;
  font-size: 18px;
  display: block;
  text-align: center;
  margin-top:20px;
  line-height:20px;
}
.HeaderMenuArea ul >  li > .Inner span.ButtonSubTitle{
  font-size:10px;
  display:block;
  margin: 5px 0;
  font-weight:normal;
} 


.MenuFixed #Header > .HeaderMenuArea ul > li.Unit00 > .Inner{
  padding-top:10px;
}
.MenuFixed #Header > .HeaderMenuArea ul > li.Unit00 > .Inner span{
  position: relative;
  font-size: 18px;
  display: block;
  margin-top:0;
  border:none;
  margin-left:5px;
}
.MenuFixed #Header > .HeaderMenuArea ul > li.Unit00 > .Inner span.HeadH1Sub{
  margin-left:9px;
}
.MenuFixed #Header > .HeaderMenuArea ul > li > .Inner span.InLine{
  border-left: 0px solid #ccc;
  margin:0;
  margin-top:20px;
  margin-top:10px;
  padding:0;
  padding-top:1px;
  display:block;
}
.MenuFixed #Header > .HeaderMenuArea ul > li > .Inner span.ButtonSubTitle{
  border-left: 0px solid #ccc;
  margin:0;
  margin-top:20px;
  margin-top:0px;
  margin-bottom:5px;
  padding:0;
  padding-top:1px;
  display:block;
}
/*SDGsサブタイトル対応++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) {

  body.NarrowView  #Header > .HeaderMenuArea ul > li.Unit03  > .Inner{
    height:77px;
  }
  body.NarrowView .MenuFixed #Header > .HeaderMenuArea ul > li.Unit03  > .Inner{
    height:64px;
  }
  
  
  body.NarrowView #Header > .HeaderMenuArea ul > li.Unit03  > .Inner span.ButtonSubTitle{
    line-height: 10px;
  }

}

/*
.HeaderMenuArea ul li a.MainNavi span::before{
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  top: -22px;
  font-size:24px;
  display: block;
  margin-left:-12px;
}
.HeaderMenuArea ul li.Unit02 a.MainNavi span::before,
.HeaderMenuArea ul li.Unit04 a.MainNavi span::before{
  top: -24px;
  font-size:28px;
  margin-left:-14px;
}




.MenuFixed .HeaderMenuArea ul li a.MainNavi span::before{
  top: -20px;
  font-size:20px;
  width: 28px;
  height: 28px;
  left: 50%;
  margin-left:-10px;
}
.MenuFixed .HeaderMenuArea ul li.Unit02 a.MainNavi span::before,
.MenuFixed .HeaderMenuArea ul li.Unit04 a.MainNavi span::before{
  top: -22px;
  font-size:24px;
  margin-left:-12px;
}
*/

/*追加メニュー固定*/
#HeaderDivision .HeaderFixed{
  position:fixed;
  top:0;
  width:100%;
  z-index:8900;
  background: rgba(255,255,255,0.9);
  height:56px;
}
#HeaderDivision .HeaderFixed .HeaderMenuArea {
  padding:0;
  width:1200px;
  margin:0 auto;
  position:relative;
}
/*.HeaderFixed #Clinktop{
  left:10px;
  top:15px;
}*/
.HeaderFixed #Clinktop .HeadH1Sub{
  display:none;
}
.HeaderFixed #Clinktop .HeadH1{
  position:absolute;
  left:0;
  top:0;
}
.HeaderFixed #Clinktop .HeadH1 img{
  width:250px;
}

.HeaderFixed #Clinklink3{
  top: 15px;
}
.HeaderFixed #Clinklink1{
  top: 15px;
}
.HeaderFixed #Clinkmsg1{
  top: 15px;
  left:270px;
  display:none!important;
}
.HeaderFixed #Clinklink2{
  top: 15px;
  right:270px;
}
.HeaderFixed #Clinklink3{
  top: 15px;
  right:370px;
}

/*アイコン色*/
.icon-mail::before,
.icon-mail-alt::before,
.icon-right-dir::before,
.icon-icon-hhfinfo::before,
.icon-phone::before,
.icon-sitemap::before,
.icon-icon-hhffontsize::before,
.icon-icon-hhfmail2::before,
.icon-icon-hhftaxi::before{
  color:#98cb47;
}



#entry{
  z-index:9000;
  width:100%;
  position:relative;
}
#entry #top-bar{
  width:100%;
  
}


.MenuArea{
  width:100%;
  position:absolute;
}
.MenuArea .HeaderMenuArea{
  margin:0 auto;
}

/*  パンくずナビ */
.PageNavigationArea{
  width:100%;
}
.PageNavigationArea .Inner{
  width:100%;
  max-width:1200px;
  margin:17px auto 1px auto;
}
.PageNavigationBox{
  width:100%;
  padding-left:20px;
  padding-left:0px;
  background:#f7f7f7;
  padding-top:5px;
  padding-bottom:5px;
}

    .PageNavigationBox {
      width:100%;
      margin:0 auto;
      display: block;
      font-size: 12px;
    }
        .PageNavigationBox  a{
           padding-right: 15px;
           margin-right:10px;
           background: url(../images/bg_bread.png) no-repeat right center;
        }
        .PageNavigationBox > .Partition{
          opacity: 0.5;
        }
        .PageNavigationBox > .Partition{
          display: inline;
          margin: -1px 0;
          color: #3f3f3f;
          text-align: left;
          padding:0 5px;
          max-width: 300px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .PageNavigationBox > .Unit{
          /*display: inline-block;*/
          margin: -1px 0;
          color: #3f3f3f;
          text-align: left;
          padding: 0px;
          max-width: 300px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .PageNavigationBox > .top{
          background: none;
          /*padding-left: 15px;*/
          padding-left: 25px;
        }
        .PageNavigationBox >  .top::before{
          color: #3daa7e;
          -webkit-transform: scale(1.25);
                  transform: scale(1.25);
        }

/*
.bread {
  margin-bottom: 30px;
  padding: 10px 0;
  background: #f4f4f4;
}

*/
.bread_crumb {
  overflow: hidden;
  margin-bottom: 0;

}

.bread_crumb li {
  float: left;
  list-style: none;
}
/*
.bread_crumb a {
  padding-right: 10px;
  background: url(images/bg_bread.png) no-repeat right center;
}

*/

/*トップのみ*/





/*メインメニューサブメニュー*/

#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem.open > .Inner{
/*  border-radius: 6px 6px 0px 0px;
  background: #fcfcfc;
*/
}


#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox{
  z-index:9800;
  position:absolute;
  background-color: rgba(255,255,255,0.9);
  width:100%;
  left:0;
  min-width: 1200px;
}
#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox .Inner{
  width:1150px;
  border-radius: 0px;
  margin:10px auto;
 /* box-shadow: 0 3px 3px #333;*/
}



.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox{
  margin-top:-1px;
}


#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox ul{
  z-index:9800;
  width:100%;
}


#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox .Inner{
  margin: 0 auto;
  width:1150px;
  
}

/*ボタン下矢印*/
#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox .Inner .CateArrow{
  margin:0 -25px;
  border-bottom:1px dotted #ddd;
}


#Header.MenuArea .HeaderMenuArea ul > li.Unit01 .PulldownBox .Inner .CateArrow{
  background: url(../img/common/icon/icon_arrow_ticketpage_select.png) no-repeat 9.5% 50%;
  background-size:16px auto;
}
#Header.MenuArea .HeaderMenuArea ul > li.Unit02 .PulldownBox .Inner .CateArrow{
  background: url(../img/common/icon/icon_arrow_ticketpage_select.png) no-repeat 29.8% 50%;
  background-size:16px auto;
}
#Header.MenuArea .HeaderMenuArea ul > li.Unit03 .PulldownBox .Inner .CateArrow{
  background: url(../img/common/icon/icon_arrow_ticketpage_select.png) no-repeat 50% 50%;
  background-size:16px auto;
}
#Header.MenuArea .HeaderMenuArea ul > li.Unit04 .PulldownBox .Inner .CateArrow{
  background: url(../img/common/icon/icon_arrow_ticketpage_select.png) no-repeat 70.2% 50%;
  background-size:16px auto;
}
#Header.MenuArea .HeaderMenuArea ul > li.Unit05 .PulldownBox .Inner .CateArrow{
  background: url(../img/common/icon/icon_arrow_ticketpage_select.png) no-repeat 90.5% 50%;
  background-size:16px auto;
}

.NarrowView #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox{
  width:100%;
  left:0;
  min-width: 855px;
}

.NarrowView #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox .Inner .CateArrow{
  margin:0 0px;
  border-bottom:1px solid #ccc;
}


.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox .Inner{
  margin: 0 auto;
  width:1150px;
}


.MenuFixed #Header.MenuArea .HeaderMenuArea ul > liUnit01.PullDownItem .PulldownBox .Inner{
  margin: 0 2px;
}
.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem.open > .Inner {
/*  border-radius: 6px 6px 0px 0px;
  background: none;
  background-color: rgba(255,255,255,0.8);
*/
}
.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.Unit01.PullDownItem.open > .Inner {
 /* background: none;*/
}
/*メインメニュープルダウン*/
#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox > .Inner > ul.PageList{
  width:100%;
  padding:5px;
  border: 1px solid #ccc;
  border-top:none;
  border-radius: 6px;
  border-radius: 0 0 6px 6px;
  background: #fcfcfc;
  margin: 0 0 2px 0;
  min-height: 40px;
  box-shadow: 0 3px 2px #555;
}


/*メニュー固定時*/
.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox .Inner ul.PageList{
  /*box-shadow: 0 5px 3px #aaa;*/
  box-shadow: 0 3px 3px #555;
  border-top:1px solid #ccc;
}



/*ブラウザ高さ制限*/
#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox.MinHeight .Inner .BlockContents .MinHeightContents .TabContents{
  height:300px;
  overflow:auto;
}
#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox.MinHeight .Inner{
  padding:20px 35px;
}
#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox.MinHeight .Inner .BlockContents .ParagraphHeader .TabMenu ul > li a{
  height: 40px;
}


.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox.MinHeight .Inner .BlockContents .MinHeightContents .TabContents{
  height:320px;
  overflow:auto;
}

.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox.MinHeight .Inner{
  padding:35px;
}

.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox.MinHeight .Inner .BlockContents .ParagraphHeader .TabMenu ul > li a{
  height: 55px;
}



#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem > .PulldownBox > .Inner ul.PageList > li{
  width:100%;
  float:none;
  border-bottom: 1px dotted #ccc;
  line-height:1.4;
  padding:10px 0;
  text-align:center;
  font-size:87.3%;
  font-size:100%;
  background-color: rgba( 231, 237, 249,0.8);
}
.MenuFixed #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem > .PulldownBox > .Inner ul.PageList > li{
  font-size:90%;
}

#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem > .PulldownBox > .Inner ul.PageList > li:last-child{
  border-bottom: 0px dotted #ccc;
}
#Header.MenuArea .HeaderMenuArea ul > li.PullDownItem > .PulldownBox > .Inner ul.PageList > li:hover{
  background: #274581;
  color: #fff;
  transition-property:background,color;
  transition-duration:0.1s;
  transition-timing-function:ease-in-out;
}


.PullDownItem .PulldownBox .Inner ul.PageList > li a{
  display:block;
}
.PullDownItem .PulldownBox .Inner ul.PageList > li a:hover{
  text-decoration: none;
}
.PullDownItem .PulldownBox .Inner ul.PageList > li.sitemap-category{
  /*display:none;*/

}

/*カテゴリープルダウンメニュー*/
.PulldownBox .Inner ul.PickUpList{

}
#Header .HeaderMenuArea ul > li > .PulldownBox .Inner ul.PickUpList li{
  float:left;
  width:24%;
  margin:0.5em 1% 0.5em 0;
}

.PulldownBox .Inner ul.PickUpList li a{
  display:block;
}
.PulldownBox .Inner ul.PickUpList li a:hover{
  background: none;
  text-decoration:none;
}
.PulldownBox .Inner ul.PickUpList li a span.EyeCatchImg{
  display:inline-block;
  width:70px;

  vertical-align: middle;
}
.PulldownBox .Inner ul.PickUpList li a span.EyeCatchImg img{
  border-radius:100%;
  border-radius:10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.15); 
  height:auto;
}
.PulldownBox .Inner ul.PickUpList li a span.PickUpTitle{
  display:inline-block;
  width:200px;
  width:70%;
  vertical-align: middle;
  color:#6bb92d;
  font-weight:bold;
  background: none;
  margin-left:5px;
}
.PulldownBox .Inner ul.PickUpList li a:hover span.PickUpTitle{
  background: none;
  color:#5b9e26;
  text-decoration:none;
}
/*お問い合わせ*/
#Header .HeaderMenuArea ul > li > .PulldownBox .Inner ul.PickUpList.ContactList li{
  float:left;
  width:25%;
  /*width:33.3%;*/
  margin:0.5em 0;
}

/*インフォメーション開閉メニュー*/
.MenuArea .HeaderMenuArea .Unit01 .InformationItem{
  display:none;
  z-index:9800;
  position:absolute;
  left:5px;
  /*top:80px;*/
}
.MenuFixed .MenuArea .HeaderMenuArea .Unit01 .InformationItem{
  top:80px;
}
.MenuArea .HeaderMenuArea .open .InformationItem{
  left:5px;
  top:70px;
  display:block;
}
.MenuArea .HeaderMenuArea{
  position:relative;
  width:100%;

  
}

/*▲マーカー*/
.InformationItem{
  width:1100px;
  padding-top:20px;
  background: url(../img/common/decoration/image-infomation_arrow.png) no-repeat 100px 0;
}

.MenuFixed  .InformationItem{
  background: url(../img/common/decoration/image-infomation_arrow.png) no-repeat 420px 0;
}




#Header .HeaderMenuArea  .InformationItem .Inner .BlockContents .Paragraph .ParagraphHeader .TabMenu ul > li a:hover{
  background:#49639b;
  border-radius: 4px;
}
.InformationItem .Inner .BlockContents .Paragraph .ParagraphHeader .TabMenu ul > li.Active a{
  background:#49639b;
  border: 2px solid #e0e0e0;
}

.MenuFixed #Header .HeaderMenuArea .InformationItem  ul{
  width: auto;

}
.MenuFixed #Header .HeaderMenuArea .InformationItem  ul > li {
  width: auto;
  box-shadow: none;
}
.MenuFixed #Header .HeaderMenuArea .InformationItem  ul > li .inner{
  padding:0;

}

/*お問い合わせFancybox*/
.PickUpList.ContactList{
 list-style: none;

}

.InqueryWindowItem{
  width:100%;
  max-width:1000px;
  min-width:900px;
}
/*狭小時*/
.NarrowView .InqueryWindowItem{
  width:100%;
  min-width:800px;
}


.InqueryWindowItem .Inner{
  margin:10px 0;
  width:100%;
}
.InqueryWindowItem .Inner .PickUpList{
 list-style: none;
  border:1px solid #333;
}
.InqueryWindowItem .Inner .PickUpList.OtherContactItem{
 list-style: none;
  border:0px solid #333;
  font-size:120%;
  margin-top:0.5em;
}


.InqueryWindowItem .Inner .PickUpList li{
  float:left;
  width:33.33%;
  border:none;
  border-right:1px solid #333;
}
.InqueryWindowItem .Inner .PickUpList li:last-child{
  border-right:0px solid #333;

}
.InqueryWindowItem .Inner > div > span.Heading.Type3{
   display:block;


}




.ConTactListItem.Unit01 .Entorycomment{
  background: url(../img/common/decoration/image_contact_01.png) no-repeat 50% 50%;
  background-size:cover;
}
.ConTactListItem.Unit02 .Entorycomment{
  background: url(../img/common/decoration/image_contact_02.png) no-repeat 50% 50%;
  background-size:cover;
}
.ConTactListItem.Unit03 .Entorycomment{
  background: url(../img/common/decoration/image_contact_03-1.png) no-repeat 50% 50%;
  background-size:cover;
}


.ConTactListItem .Entorycomment{
  display:block;
  width:100%;
  height:200px;
  font-size:83.5%;
  text-align:left;
  padding:10px;
}
.ConTactListItem .Entorycomment p.DefaultText{
  vertical-align:middle;
  display:table-cell;
  height:180px;
  margin:0;
  text-shadow: 0px 0px 3px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff;
  
  
}
.ConTactListItem .ButtonLink{
  display:block;
  width:100%;
  height:80px;
  padding:10px;
  position:relative;
  background:#f5f5f5;
}
.ConTactListItem .ButtonLink::before{
  font-size:200%;
  color:#ccc;
  position:absolute;
  top:25px;
  left:0px;
}
.ConTactListItem .ButtonLink.icon-right-dir span.Title{
  display:inline-block;
  font-size:160%;
  line-height:1;
  text-align:center;
  margin:5px 0 0 0;
  width:100%;
  padding:0;
}
.ConTactListItem .ButtonLink.icon-right-dir span.SubTitle{
  display:inline-block;
  font-size:70%;
  line-height:1;
  text-align:center;
  width:100%;
  margin:0 0 0 0;
  padding:0;
}
.ConTactListItem a:hover .Entorycomment p.DefaultText{
  text-decoration:none;
  color:#000;
}
.ConTactListItem a:hover .ButtonLink{
  background:#6bb92d;
  color:#fff;
}
.ConTactListItem a:hover .ButtonLink::before{
  color:#fff;
  text-decoration: none;
}



/*お問い合わせContactButton*/

.ButtonBlock.ContactButton{
  width:100%;
  display:inline-block;
  text-align:center;
}
.ButtonBlock.ContactButton .Button{
  min-width:200px;
  margin:10px;
  display: inline-block;
  border-radius: 6px;
  line-height: 3em;
  text-align: center;
  color: inherit;
  border: 1px solid;
  background: #fff;
  padding: 0 2em;
  cursor: pointer;
  box-shadow: 0 3px 0px rgba(0,0,0,0.1);
}

.ButtonBlock.ContactButton .Button:hover{
      text-decoration: none;
      color: #fff;
      background: #89b93c;
      border-color: #89b93c;
      border-radius: 6px;
      line-height: 3em;
      text-align: center;
      border: 1px solid;
      padding: 0 2em;
      cursor: pointer;
      box-shadow: 0 3px 0px rgba(0,0,0,0.1);
    }





.site-content{
/*  background: url(../img/common/decoration/pickup_bg.jpg) no-repeat 50% 100px;*/

}



.FloatMenuItem{
  position:fixed;
  top:50%;
  right:0;
  width:80px;
  height:400px;
  margin-top:-200px;
  border:0px solid #ccc;
  z-index:10000;
}
.FloatMenuItem .FloatMenuBlock{
  border:3px solid #eeeeee;
  border-radius:15px 0 0 15px;
  background:#fefefe;
  padding:10px;
  background-color: rgba(255,255,255,0.6); 
}




/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
  width:100%;
  /*max-width:1200px;*/
  min-width:1200px;
  margin:0px auto;
  /*background-color: rgba(255,255,255,0.6); 
  border-radius:12px;*/
  padding:20px 10px;

}


/* Container
--------------------------------------------------- */
.Container{
  /*margin:0 20px;*/
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0px auto;
  
}


/* MainContentsArea
--------------------------------------------------- */
.MainContentsArea{
  width:100%;
  max-width:855px;
  min-width:855px;
  /*padding:0 20px 20px 20px;*/
  
  float: left;
  margin-top: 0;
  /*background:#fff;
  border-radius:4px;*/
  }

/*ブログページ*/
.MainContentsArea.BlogList{
  /*padding:0;*/
}
.hone .MainContentsArea{
  padding:0 0 20px 0;
}
    
    

/* SideBarArea
--------------------------------------------------- */
#SideBarArea{
  width: 275px;
  float: right;
  text-align: left;
/*  border-top: 8px solid #97ca49;*/
  background: none;
}
#SideBarArea .TitleSideTop{
  font-weight:bold;
  margin-bottom:20px;
  margin-top:0.5em;
}
#SideBarArea .widget-Block{
  margin-bottom:20px;
}
#SideBarArea #mainList{

}
#SideBarArea .widget-title{
  border-top: 8px solid #97ca49;
  /*border-top: 8px solid #00a33e; 新色*/
  margin-bottom:20px;
  padding-top:0.5em;
  font-weight:bold;
}


#SideBarArea .SknTpl{
  margin: 0;
}

/*SidePageWidthSetter*/
.SidePageWidthSetter{
  width:100%;
  margin:0px;
}
#SideBarArea ul{
  list-style:none;
  margin-left:0;
}

ul.PageList li{
  margin-left:0;
  /*padding:0.2em;*/
  border-bottom:1px dotted #81c369;
}
ul.PageList li a{
  display:block;
  padding:0.2em;
}

ul.PageList li a:hover{
  background:#efefef;
}


ul.sub_navi > li{
  margin-left:0;
  /*padding:0.2em;*/
  border-bottom:1px dotted #81c369;
}
ul.sub_navi > li a:hover{
  background:#efefef;
}
/*隠す*/
#sub_navi-5 ul.sub_navi li:first-child{
  display:none;
}



/*ul.sub_navi > li:first-child{
  border-top:1px dotted #81c369;
}
*/
ul.sub_navi > li.sitenavi-pages.level-2{
  display:none;
}

ul.sub_navi{
  border-top:1px dotted #81c369;
}



ul.sub_navi > li > a::before{
  content: '\e899'; 
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color:#81c369;
}

ul.sub_navi > li > a{
  display:block;
  padding-left:0px;
  display: block;
  line-height: 1.5;
  padding: 6px 10px 5px 20px;
  position: relative;
  text-indent: 0;
}


ul.sub_navi > li > a::before{
  content: '\e899'; 
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color:#81c369;
  
  display: block;
  height: 1.5em;
  height: 1.9em;
  height: calc(100% - 0.5em);
  position: absolute;
  left: 0px;
  top: 0.25em;
}

.categories{
  border:0px solid #ccc;
}
.categories a{
  position:relative;
  display:block;
  padding-left:0px;
  display: block;
  line-height: 1.5;
  padding: 6px 10px 5px 17px;
  position: relative;
  text-indent: 0;
}
.categories a::before{
  content: '\e899'; 
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color:#ccc;
  
  display: block;
  height: 1.5em;
  height: 1.9em;
  height: 1.8em;
  height: calc(100% - 0.5em);
  position: absolute;
  left: 0px;
  top: 0.25em;
}

.children{
  border:0px solid #ccc;
}
body:not(.sitemap) .children{
  border:0px solid #ccc;
  font-size:80%;
}

body:not(.sitemap) .current-page-parent .children{
  font-size:1rem;
}
body:not(.sitemap) .current-page-parent .children a{
  padding: 6px 10px 5px 35px;
}




.children a{
  position:relative;
  display:block;
  padding-left:0px;
  display: block;
  line-height: 1.5;
  padding: 6px 10px 5px 35px;
  position: relative;
  text-indent: 0;

}
body:not(.sitemap) .children a{
  /*padding: 3px 10px 3px 35px;*/
  padding: 3px 0px 3px 30px;
}
.sitenavi-pages.current-page-item .children{
  font-size:1rem;
}
.sitenavi-pages.current-page-item .children a{
  padding: 6px 10px 5px 35px;
  line-height: 1.5;
}
.children a::before{
  content: '\e899'; 
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color:#ccc;
  
  display: block;
  height: 1.5em;
  height: calc(100% - 0.5em);
  position: absolute;
  left: 15px;
  top: 0.25em;
}
  
body:not(.sitemap) .children a::before{
  height: 1.9em;
  top: 0.25em;
}
body.sitemap .PageBlock ul.sitemap li ul li.sitenavi-pages ul li.sitenavi-pages  a::before{
  top: 0.35em;
}

body.sitemap .PageBlock ul.sitemap li ul li.sitenavi-pages ul li.sitenavi-pages ul li.sitenavi-pages a::before{
  top: 0.55em;
}


.sitenavi-pages.current-page-item .children a::before{
  content: '\e899'; 
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color:#ccc;
  
  display: block;
  height: 1.5em;
  height: 1.9em;
  height: calc(100% - 0.5em);
  position: absolute;
  left: 15px;
  top: 0.25em;
}

/*階層非表示
ul.children > li > ul.children{
  display:none;
}*/

ul.sub_navi > li > ul.children > li{
  margin-left:0em;
}
.current-page-item,
.current-cat{
  background:#efefef;
}
.current-page-item > a,
.current-cat > a{
  font-weight:bold;
  color:#89b948;
/*  color:#00a33e;  新色*/
}




li.page_item_has_children{}
li.page_item_has_children ul.children{
  
}
li.page_item_has_children > ul.children > li{
  border-bottom:none;
  border-top:0px dotted #ddd;
}


li.page_item_has_children > ul.children > li a{
  position:relative;
  display:block;
  padding-left:0px;
  display: block;
  line-height: 1.5;
  padding: 6px 10px 5px 35px;
  position: relative;
  text-indent: 0;
}
li.page_item_has_children > ul.children > li a::before{
  content: '\e899'; 
  font-family: "co-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  color:#ccc;
  
  display: block;
  height: 1.5em;
  height: 1.9em;
  height: calc(100% - 0.5em);
  position: absolute;
  left: 15px;
  top: 0.25em;
}


/*wpプルダウンメニュー*/
.headerNavMiddle .PullContentsList ul,
.headerNavMiddle .PullContentsList ul{
  list-style:none;
  margin-left:0;
}



.PulldownNaviArea .blog-widget ul,
.PulldownNaviArea .widget-local-naviPearent ul{
  list-style:none;
  margin-left:0;
}





/*追加メニュー*/

.local-naviPearentPlus ul {
  background-color: rgba( 231, 237, 249,0.8);
  border-bottom: 0px solid #2b4b8b;
  border-left: 1px solid #2b4b8b;
  border-right: 1px solid #2b4b8b;
  border-radius: 0;
  list-style: none;
  margin-left: 0;
}

.local-naviPearentPlus ul li{
  border-top: 1px dotted #ccc;
  margin: 0 10px;
  margin: 0 0px;
  text-align: left;

}
.local-naviPearentPlus ul li a{
  padding: 10px 0 10px 38px;
  background: url(../img/common/icon/cursor/right.png) no-repeat 15px 10px;
  background-size:18px 18px;
  display:block;
  line-height:1.5;
}






/*2階層*/
.blog-widget ul.depth-2{
  background:none;
  border:none;
  border-radius: 0;
  list-style: none;
  margin-left: 0;
}
.blog-widget ul.depth-2 li{
  margin: 0;
  background:none;
}


/*ブログカレンダー*/
.widget-blog-calendar{}
.widget-blog-calendar table.blog-calendar{
  width:100%;
  margin:0px;
}
.widget-blog-calendar table.blog-calendar tbody td .CalenderMonth{
  font-size:160%;
  margin:10px 0;
}



.SidemenuPlus{}
.SidemenuPlus .ImageItem{
  width:60px;
}
.SidemenuPlus .ThumbnailList li .ImageItem img{
  width:auto;
}

.SidemenuPlus .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem {
  width:auto;
  height:auto;
}


.SidemenuPlus .SknTplThumbnailList .ThumbnailList.Type1 > li {
  padding: 0;
  line-height: 1;
  vertical-align: middle;
  border: 0px solid #ccc;
  border-bottom: 1px dotted #ccc;
}
.SidemenuPlus .SknTplThumbnailList .ThumbnailList.Type1 > li .inner{
  background:#fff;
  padding:10px;
  margin:0;
}
.SidemenuPlus .SknTplThumbnailList .ThumbnailList.Type1 > li:last-child{
  border-bottom: 0px dotted #ccc;

} 

.SidemenuPlus .SknTplThumbnailList .ThumbnailList.Type1 .TextItem .Title {
  font-weight: bold;
  margin: 5px 0 0.5em;
}

.SidemenuPlus .SknTplThumbnailList .ThumbnailList.Type1 .TextItem {
  display: table-cell;
  vertical-align: top;
  padding-left: 0.5em;
  height:auto;
}

.SidemenuPlus .SknTplThumbnailList .ThumbnailList.Type1 li.Access .TextItem .Title{
  margin-top: 1.0em;
}

.SidemenuPlus .SknTplThumbnailList .ThumbnailList.Type1 .TextItem .Sub {
  font-size: 75%;
  line-height:1.5;
}

/*widget-area*/
.widget-area{

}

.widget-area .widget-container{
  margin-bottom:10px;
}



/*ナローnarrownavi
----------------------------------------------------*/

.NarrowNaviItem {
  width: 275px;
  float: right;
  text-align: left;
  border: 0px solid #999999;
  background: none;
}


/* FooterDivision
--------------------------------------------------- */
#FooterDivision {
  width:100%;
  color:#555555;

}
#FooterDivision a{}
#FooterDivision a:hover{}
#FooterDivision ul{
  list-style:none;
}


#FooterDivision .FooterArea{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82be7b+0,87c354+46,8bc72f+100 */
background: rgb(130,190,123); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(130,190,123,1) 0%, rgba(135,195,84,1) 46%, rgba(139,199,47,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(130,190,123,1) 0%,rgba(135,195,84,1) 46%,rgba(139,199,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(130,190,123,1) 0%,rgba(135,195,84,1) 46%,rgba(139,199,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  padding-bottom:50px;
}

#FooterDivision .FooterArea .FooterMenuBlock{
  padding:0 40px;
  padding-top:60px;
  color:#fff;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  
  }
#FooterDivision .FooterArea .FooterMenuBlock a,
#FooterDivision .FooterArea .FooterMenuBlock a:hover{
  color:#fff;
}
#FooterDivision .FooterArea .FooterMenuBlock span::before{
  color:#fff;
}




#FooterDivision .FooterArea .FooterMenuBlock .Button{
  color:#77a23f;
  box-shadow:none;
  border:none;
}
#FooterDivision .FooterArea .FooterMenuBlock .Button:hover{
  background:#f5f5f5;
}
#FooterDivision .FooterArea .FooterMenuBlock .Button span{
  color:#77a23f;
}
#FooterDivision .FooterArea .FooterMenuBlock .Button span::before{
  color:#77a23f;
}
#FooterDivision .FooterArea .FooterMenuBlock .ImageItem{
  display:inline-block;
  width:321px;
  float:right;
}

#FooterDivision .FooterArea .FooterMenuBlock .BlockContents{
  width:600px;
  float:left;
}

#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .ParagraphHeader{ 
  margin-bottom:20px;

}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .ParagraphHeader .FootLogo{


}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .ParagraphHeader .FootLogo > span{
  margin:0;
}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .ParagraphHeader .FootLogo a.Button{
  height:39px;
  line-height:39px;
}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .FootMainMenu{
  margin-top:30px;
}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .FootMainMenu ul{
  border-top:2px dotted #fff;
  margin-left:0;
  padding-top:10px;
}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .FootMainMenu ul li{
  display:inline-block;
  margin-right:10px;
}
#FooterDivision .FooterArea .AddressBox{

}



#FooterDivision .FooterArea .RenrakuBox{

  font-family:impact;
  letter-spacing: 0.05em;
  font-weight:normal;
}
#FooterDivision .FooterArea .RenrakuBox .SnsBlock{
  font-size:160%;
  display:inline-block;
  margin:5px 20px;
}

#FooterDivision .FooterArea .RenrakuBox a.IconSns{
  background:#195b0e;
  display:inline-block;
  color:#88c44c;
  height:35px;
  width:35px;
  border-radius:100%;
  line-height:35px;
}

.AuthorBlockMenuItem{}

.AuthorBlockMenuItem ul{
  text-align:center;
  font-size:85%;
  padding:60px 0 50px 0;
}
.AuthorBlockMenuItem ul li{
  display:inline;
  padding:0 25px;
  border-right:1px solid #4d7a47;
}
.AuthorBlockMenuItem ul li:last-child{
  border-right:0px solid #4d7a47;
}


.AuthorBlockMenuItem a,
.AuthorBlockMenuItem a:hover{
  color:#4d7a47;
}

#FooterDivision .CopyrightBlock{
  text-align:center;
  font-size:70%;
  padding:0px 0 60px 0;
  color:#4d7a47;
}

#FooterDivision .FooterArea .FooterMenuBlock .SpMenuArea ul li a.icon-circle-thin:before{
  display:none;
}
#FooterDivision .FooterArea .FooterMenuBlock .SpMenuArea ul li a span.icon-right-dir:before{

  display:inline;
}

 
    /* GoPageTopButtonBox */
    #FooterDivision .GoPageTopButtonBox{
    
    }
        #FooterDivision .GoPageTopButtonBox p{
        }
            #FooterDivision .GoPageTopButtonBox p img{
            }
            

.GoPageTop {
    /*position: fixed;*/
    bottom: 5px;
    right: 5px;
    z-index: 1000;
    display: none;
}

.GoPageTop p a {
    width: 5em;
    height: 5em;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background-color: rgba(0,0,0,0.3);
    position: relative;
    font-weight: normal;
    border: 0px solid #000;
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
body.SpView .GoPageTop p a {
  font-size: 80%;
}



.GoPageTop p a .Icon {
    font-size: 155%;
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    top: 0.25em;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.GoPageTop p a .Label, 
.GoPageTop p a .Icon::before {
    color: #fff;
}

.icon-pos-top[class^="icon-"]::before, 
.icon-pos-top[class*=" icon-"]::before {
    font-size: 250%;
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
    left: 0%;
    margin-left: 0em;
}
.GoPageTop p a .Label {
    position: relative;
    top: 2em;
    font-size: 80%;
}
body .Heading, body .Icon::before {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.GoPageTop p {
    display: inline-block;
}
.GoPageTop * {
    line-height: 1;
    vertical-align: bottom;
}
/*解像度対応*/





/*ナローnarrownavi
----------------------------------------------------*/

body.NarrowView .NarrowNaviItem {
  width: 315px;
  float: none;
  text-align: left;
  border: 0px solid #999999;
  background: none;
  position:absolute;
  top:-30px;
  right:0;
  z-index:8600;
}
body.NarrowView .NarrowNaviItem .PullContents{
  padding:20px;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
body.NarrowView .NarrowNaviItem .Pull{
  padding-bottom:10px;
  position:relative;
}
body.NarrowView .NarrowNaviItem .Pull .PullBox{
  cursor: pointer;
  background-color: rgba(255,255,255,0.6);
  padding:3px 6px 3px 3px;
  border-radius:6px 6px  0 0;
  text-align:right;
  display:inline;
  position:absolute;
  right:10px;
  top:-20px;
}
body.NarrowView .NarrowNaviItem .Pull .PullBox::before{
  background:#dddddd;
}
body.NarrowView .NarrowNaviItem .Pull .PullBox.open2::before{
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}


body.NarrowView .PulldownBox .Inner ul.PickUpList li a span.PickUpTitle{
  display:inline-block;
  width:50%;
  vertical-align: middle;
  color:#6bb92d;
  font-weight:bold;
  background: none;
  margin-left:5px;
}




/*501++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) {

body.NarrowView .AreaComment .BlockComment{
  margin-bottom:50px;
}
body.NarrowView .PageNavigationArea{
  margin-bottom:30px;
}

.NarrowView .LayoutBlock{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}



body.NarrowView .HeaderMenuArea {
  width: 855px;
}

body.NarrowView #MainImageArea{
  min-width: 855px;
}
body.NarrowView .PageTitle .Heading{
  width:855px;
}
body.NarrowView .PageNavigationArea .Inner{
  min-width:827px;
  max-width:855px;
}

body.NarrowView .AreaComment{
  width: 855px;
}
body.NarrowView #ContentsDivision{
  min-width: 875px;

}
body.NarrowView #FooterDivision .AuthorArea .AuthorGroup{
  width: 855px;
}

body.NarrowView .MainContentsArea{
  margin:0 auto;
  float:none;
}

body.NarrowView #Header .HeaderMenuArea ul {
  width: 855px;
}


body.NarrowView #FooterDivision .FooterArea .FooterMenuBlock{
  width: 100%;

}


body.NarrowView #Header.MenuArea .HeaderMenuArea ul > li.PullDownItem .PulldownBox .Inner {
  width: 840px;
  font-size:90%;
  line-height:1.5;
}

body.NarrowView #FooterDivision .FooterArea .FooterMenuBlock .ImageItem.PcItem{
  display:none!important;
}


/*ヘッダ狭小対応*/

body.NarrowView #Clinktop {
  top: 40px;
  left: 10px;
}
/*
body.NarrowView #Clinktop .HeadH1 img {
  width:300px;
}
*/
body.NarrowView #Clinklink1 {
  right: 10px;
}

body.NarrowView #Clinkmsg1 {
    left: 10px;
    top: 5px;
}

body.NarrowView body.NarrowView #Clinklink3 {
  right: 390px;
}
body.NarrowView #Clinklink3 .Search-head #ContentQ{
  width:90px;
}
body.NarrowView #Clinklink3 .Search-head #ContentQ:focus{
  width:120px;
  margin-left:-30px;
}




/*追加メニュー固定*/
body.NarrowView #HeaderDivision .HeaderFixed{
  position:fixed;
  top:0;
  width:100%;
  z-index:8900;
  background: rgba(255,255,255,0.9);
  height:56px;
}
body.NarrowView #HeaderDivision .HeaderFixed .HeaderMenuArea {
  padding:0;
  width:855px;
  margin:0 auto;
  position:relative;
}
 .HeaderFixed #Clinktop{
  left:10px;
  top:15px;
}
body.NarrowView .HeaderFixed #Clinktop{
  left:10px;
  top:15px;
}
body.NarrowView .HeaderFixed #Clinktop .HeadH1Sub{
  display:none;
}
body.NarrowView .HeaderFixed #Clinktop .HeadH1{
  position:absolute;
  left:0;
  top:0;
}
body.NarrowView .HeaderFixed #Clinktop .HeadH1 img{
  width:250px;
}

body.NarrowView .HeaderFixed #Clinklink3{

}
body.NarrowView .HeaderFixed #Clinklink1{

}
body.NarrowView .HeaderFixed #Clinkmsg1{
  display:none!important;
}

.HeaderFixed #Clinklink3 a span.ContactSection{
  display:none!important;
}
.HeaderFixed #Clinklink3 a span.icon-phone{
  margin-right:20px;
}

}
/*501++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*PCだけに聞かせるCSS*/


body.PcView{
}

body.PcView .XXXXXXBlock{

}



/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 501px) and (max-width: 760px) {




.InqueryWindowItem .Inner .PickUpList li {
    float: none;
    width: 100%;
}


/*狭小時*/
#fancybox-outer{
  width: 411px!important;
}
fancybox-wrap{
  
}




.NarrowView .InqueryWindowItem{
  width:100%;
  min-width:100px;
}


.InqueryWindowItem .Inner{
  margin:10px 0;
  width:100%;
}
.InqueryWindowItem .Inner .PickUpList{
 list-style: none;
  border:1px solid #333;
}
.InqueryWindowItem .Inner .PickUpList.OtherContactItem{
 list-style: none;
  border:0px solid #333;
  font-size:120%;
  margin-top:0.5em;
}


.InqueryWindowItem .Inner .PickUpList li{
  float:left;
  width:33.33%;
  border:none;
  border-right:1px solid #333;
}
.InqueryWindowItem .Inner .PickUpList li:last-child{
  border-right:0px solid #333;

}

.ConTactListItem.Unit01 .Entorycomment{
  background: url(../img/common/decoration/image_contact_01.png) no-repeat 50% 50%;
  background-size:cover;
}
.ConTactListItem.Unit02 .Entorycomment{
  background: url(../img/common/decoration/image_contact_02.png) no-repeat 50% 50%;
  background-size:cover;
}
.ConTactListItem.Unit03 .Entorycomment{
  background: url(../img/common/decoration/image_contact_03.png) no-repeat 50% 50%;
  background-size:cover;
}


.ConTactListItem .Entorycomment{
  display:block;
  width:100%;
  height:200px;
  font-size:83.5%;
  text-align:left;
  padding:10px;
}
.ConTactListItem .Entorycomment p.DefaultText{
  vertical-align:middle;
  display:table-cell;
  height:180px;
  margin:0;
}
.ConTactListItem .ButtonLink{
  display:block;
  width:100%;
  height:80px;
  padding:10px;
  position:relative;
  background:#f5f5f5;
}
.ConTactListItem .ButtonLink::before{
  font-size:200%;
  color:#ccc;
  position:absolute;
  top:25px;
  left:0px;
}
.ConTactListItem .ButtonLink.icon-right-dir span.Title{
  display:inline-block;
  font-size:160%;
  line-height:1;
  text-align:center;
  margin:5px 0 0 0;
  width:100%;
  padding:0;
}
.ConTactListItem .ButtonLink.icon-right-dir span.SubTitle{
  display:inline-block;
  font-size:70%;
  line-height:1;
  text-align:center;
  width:100%;
  margin:0 0 0 0;
  padding:0;
}
.ConTactListItem a:hover .Entorycomment p.DefaultText{
  text-decoration:none;
  color:#000;
}
.ConTactListItem a:hover .ButtonLink{
  background:#6bb92d;
  color:#fff;
}
.ConTactListItem a:hover .ButtonLink::before{
  font-size:200%;
  color:#fff;
}



}/*スマート++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/





/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

/*スマートフォン対応*/
body.SpView{

}
.XXXXXXBlock{
}

#fancybox-content{
  max-width: 391px!important;

}

#Clinktop .HeadH1 img {
    width: 250px;
}

body.NarrowView .NarrowNaviItem{
  display:block!important;
  width: 100%;
  float: none;
  text-align: left;
  border: 0px solid #999999;
  background: none;
  position: relative;
  top: 0;
  right: 0;
  z-index: 8600;
  margin-top:20px;
  border-top:3px solid #ccc;
  padding:20px;
}
body.NarrowView .NarrowNaviItem .Pull{
  display:none!important;
}

body.NarrowView .NarrowNaviItem .PullContents {
  padding: 0px;
  background: #fff;
  display:block!important;
  margin:0 auto;

  box-shadow: none;
}

#SideBarArea .widget_search .searchform > div > input#s{
  max-width:200px;

}


.HeaderMenuArea {
  width: 100%;
}
#Header .HeaderMenuArea ul > li {
  width: 33.333%;
  float: left;
}

#MainImageArea {
  min-width: 0px;
}
.AreaComment {
  width: 96%;
}

#FooterDivision .AuthorArea .AuthorGroup {
  width: 100%;
}
.Sp.Center{
  text-align:center;
}
/*ロゴ*/
#Clinktop {
  text-align: left;
  top: 12px;
  left: 6px;
}
#Clinktop .HeadH1 {

  
}
#Clinktop span.HeadH1Sub{

}
#Header{

}

/*#HeaderDivision.HeaderdFixed,
#HeaderDivision{
  height:64px;
  background-color: rgba(255,255,255,0.8);
  position:fixed;
  top:0;
}*/
/*.HeaderdFixed .HeaderMenuArea,
.HeaderMenuArea{
  height:64px;
  margin-top:0px;
  margin-bottom:20px;
  background:none;
}*/
/*メニュー*/
.HeaderMenuArea ul > li > .Inner{
  min-height:64px;
}
.HeaderMenuArea ul > li > .Inner span{
/*  font-size: 13px;
  line-height:20px;
  margin-top: 40px;*/
}
.HeaderMenuArea ul > li > .Inner span::before{
  left: 50%;
  top: -32px;
  font-size: 24px;
  margin-left: -12px;
}
/*.HeaderMenuArea ul > li.Unit02 > .Inner span::before,
.HeaderMenuArea ul > li.Unit04 > .Inner span::before{
  left: 50%;
  top: -34px;
  font-size: 28px;
  margin-left: -14px;
}
*/
/*カテゴリータイトル*/
.PageTitle .Heading {
  width: 100%;
}


/*ページの見出し*/
.PageBlock {
  margin: 0 -10px;
}


/*プルダウンメニューカテゴリー*/
.PulldownNaviArea.SpItem{


}

/*ブログカレゴリー下*/
.widget-blog-categories-archives .Inner {
  background: #2b4b8b;
  border-top: 1px solid #2b4b8b;
  border-left: 1px solid #2b4b8b;
  border-right: 1px solid #2b4b8b;
  border-radius: 4px 4px 0 0;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  width: 100%;
  height:auto;
}


.PulldownNaviArea.SpItem {
  width: 100%;
}
.PulldownNaviArea.SpItem .widget-area .widget{
  /*margin-top:15px;*/
  margin-bottom:0px;
}
.PulldownNaviArea.SpItem .widget-area .widget .CategoryItem{
  /*margin: 0 20px 0px 20px;*/
  margin: 15px 10px 0px 10px;
}
.PulldownNaviArea.SpItem .widget-area .widget .CategoryItem .headerNavMiddle .Pull{
  margin-bottom:10px;
  margin-bottom:0;
  text-align: right;
}

.PulldownNaviArea.SpItem .widget-area .widget .CategoryItem .headerNavMiddle .Pull .PullBox{
  cursor:pointer;
  padding:5px 20px 5px 10px;
  border-radius:25px;
  background:#eee;
  box-shadow: 0 3px 0px rgba(0,0,0,0.1);
}
.PulldownNaviArea.SpItem .widget-area .widget .CategoryItem .headerNavMiddle .Pull .PullBox::before{
  color:#fff;
}
.PulldownNaviArea.SpItem .Inner{
  margin: 0!important;
}
.PageNavi.SpItem .widget-local-navi .CategoryItem {
  background: none;
  border: none;
  border-radius: 4px 4px 0 0;
  text-align: center;
  color: #333;
  padding: 0 0;
}
.PulldownNaviArea.SpItem .widget-area .widget .CategoryItem .headerNavMiddle .PullContents{
  /*margin-bottom:10px;*/
  margin-top:10px;
}
.PulldownNaviArea.SpItem .widget-area .widget .CategoryItem .headerNavMiddle .PullContents .ButtomBox.CategoryItem{
  background: #2b4b8b;
  border-top: 1px solid #2b4b8b;
  border-left: 1px solid #2b4b8b;
  border-right: 1px solid #2b4b8b;
  border-radius: 4px 4px 0 0;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  margin:0;
}
.PulldownNaviArea.SpItem .widget-area .widget .CategoryItem .headerNavMiddle .PullContents ul li  a{
  text-indent: 0;
}

.PulldownNaviArea.SpItem .widget-area .widget .CategoryItem .headerNavMiddle .PullContents ul li ul.ul-level-2 li a{
  background: url(../img/common/icon/cursor/right.png) no-repeat 5px 13px;
  background-size: 12px 12px;
}

/*ブログカテゴリープルダウンレイアウト中に記載*/


.PulldownNaviArea.SpItem {
  /*margin-top:15px;*/
  /*margin: 15px auto 15px auto;*/
  /*margin: 70px auto 0px auto;*/
  width:96%;
  width:100%;
  max-width:800px;
}

.PulldownNaviArea.SpItem.BlogItem .CategoryItem{
  margin: 0 10px 0px 10px;
  margin: 0;
}
/*スマホサブメニュー*/
.PulldownNaviArea.SpItem.BlogItem .CategoryItem .headerNavMiddle .Pull{
  /*margin-bottom:15px;*/
  margin: 0 auto;
  margin-top:25px;
  text-align:right;
  width:100%;
}

.PulldownNaviArea.SpItem.BlogItem .CategoryItem .headerNavMiddle .Pull .PullBox{
  cursor:pointer;
  padding:5px 20px 0 10px;
  
/*  background:#eee;
  border-radius:25px;
  box-shadow: 0 3px 0px rgba(0,0,0,0.1);
  */
}


.PulldownNaviArea.SpItem.BlogItem .CategoryItem .headerNavMiddle .Pull .PullBox::before{
  /*color:#83bf78;*/
  background: #dddddd;
  font-size: 110%;
  border-radius: 0%;

}
.PulldownNaviArea.SpItem.BlogItem .CategoryItem .headerNavMiddle .Pull .PullBox.open2::before {
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}


.PulldownNaviArea.SpItem.BlogItem .Inner{
  margin: 0!important;
  
}
.PulldownNaviArea.SpItem.BlogItemi .CategoryItem {
  background: #fff;
  border: none;
  border-radius: 4px 4px 0 0;
  text-align: center;
  color: #333;
  padding: 0 0;
}



/*サブメニュー*/
.PulldownNaviArea.SpItem.BlogItem .CategoryItem .headerNavMiddle .PullContents{
  border-top:1px solid #ccc;
  background:#eee;
  padding:20px 2% 0px 2%;
}
.PulldownNaviArea.SpItem.BlogItem .CategoryItem .headerNavMiddle .PullContents .ButtomBox.CategoryItem{
  margin:0;

}
.PulldownNaviArea.SpItem.BlogItem .CategoryItem .headerNavMiddle .PullContents ul li  a{
  text-indent: 0;
}

.PulldownNaviArea.SpItem.BlogItem .CategoryItem .headerNavMiddle .PullContents ul li ul.ul-level-2 li a{
  background: url(../img/common/icon/cursor/right.png) no-repeat 5px 13px;
  background-size: 12px 12px;
}

.PulldownNaviArea.SpItem.BlogItem .headerNavMiddle .PullContents .ButtomBox.CategoryItem .Inner {
  background: #2b4b8b;
  border-top: 1px solid #2b4b8b;
  border-left: 1px solid #2b4b8b;
  border-right: 1px solid #2b4b8b;
  border-radius: 4px 4px 0 0;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  width: 100%;
  height: auto;
}




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


.PageTitle .Heading:first-child{
  margin-top: 0;
}


#ContentsDivision {
  width:96%;
  /*max-width:750px;*/
  margin:0px auto;
  background-color: rgba(255,255,255,0.0); 
  border-radius:0px;
  padding: 10px 0 20px 0;
  min-width:0;
}
.Container{
  margin:35px 0px 0 0px;

}

.toner.NarrowView .MainContentsArea,
.NarrowView .MainContentsArea,
.MainContentsArea {
  width: 100%;
  /*padding: 0 10px 10px 10px;*/
  width: 100%;
  min-width: 0px;
  max-width: 2000px;
  float: none;
  margin-top: 0;
  /*background: #fff;*/
  border-radius: 4px;
}




/*ボタン開閉連動
#ContentsDivision.slideopen .Container .MainContentsArea{
  margin-right:250px;
  margin-left:-250px;
}
*/

.MainContentsArea .PageWidthSetter{

}
#FooterDivision .AuthorArea .AuthorGroup {
  padding: 30px 0 10px 0;
}
#FooterDivision .AuthorBlock .BlockHeader{
  margin-left: 0px;
}
#FooterDivision .AuthorBlock .BlockHeader .LogoImageBox {
  float: none;
  margin:0 auto 20px auto;
  width:250px;
}
#FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox {
  float: none;
  width: 100%;
  margin-left: 0px;
  text-align:center;
}
#FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox .Heading {
  font-weight: bold;
  font-size: 100%;
  line-height: 1.25;
  padding:0 10px;
  margin-bottom: 1em;
}
#FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox .DefaultText {
  line-height: 1.5;
  text-align:center;
  font-size: 90%;
}

#FooterDivision .AuthorBlock .BlockContents .ButtonItem{
  margin:10px 0;
}
#FooterDivision .AuthorBlock .BlockContents .ButtonItem .CornerButton{
  float: none;
  margin: 0 4px;
  display:inline;
  text-align:center;
  line-height:2;
  font-size:100%;
  padding:6px;
  border-radius: 20px;
}
#FooterDivision .AuthorBlock .BlockContents .ButtonItem .CornerButton a{
  padding:5px 0;
}
#FooterDivision .AuthorBlock .BlockContents .ButtonItem .CornerButton a span{
  margin: 0 3px;

}


#FooterDivision .AuthorBlock .BlockContents .ButtonBox{
  float: none;
  width:100%;
  text-align:center;
  margin-top:15px;
  margin-bottom:15px;
}
#FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox .FootEndButton .Inner{
  float: none;
  width:100%;
  display:inline;
  text-align:center;
  font-size: 90%;
  margin:0 10px;;
}
#FooterDivision .AuthorBlock .BlockContents .CopyrightBox {
  float: none;
  width:100%;
  text-align: center;
  font-size: 75%;
  letter-spacing: 0.05em;
  margin-right: 0px;
  margin-top:20px;
  position:relative;
  bottom:0;
  right:0;
}

#FooterDivision .AuthorBlock .BlockContents .CopyrightBox .CaptionText{
  margin-bottom:10px;
}

#FooterDivision .FooterphotoItem {
  text-align: center;
  margin: 0 auto 0 auto;
}




}/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*350+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 350px) {

#fancybox-content{
  max-width: 331px!important;

}



.HeaderMenuArea ul > li > .Inner span {
  /*font-size: 11.5px;*/
  line-height: 20px;
  margin-top: 40px;
  
}
#Clinktop{
  width: 100%!important;
}
#Clinktop span.HeadH1Sub {
  width: 140px!important;
  margin-left: 6px;
  margin-top: 8px;
}
#Clinktop span.HeadH1Sub img{
  width: 140px;
  height:auto;
}

#FooterDivision .AuthorBlock .BlockContents .CopyrightBox {
  float: none;
  width:90%;
  text-align: center;
  font-size: 75%;
  letter-spacing: 0.05em;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  position:relative;
  bottom:0;
  right:0;
}

#FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox{
  width:100%;
}
#FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox > .Heading{
 font-size:80%;
}

#FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox .ButtonItem{
  width:200px;
  margin:10px auto;
}
#FooterDivision .AuthorBlock .BlockContents .AuthorInfoBox .ButtonItem .CornerButton{
  display:block;
  margin:10px auto;
}


}/*350++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*※スマホ縦持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (orientation : portrait ) {



}/*スマホ縦持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*※スマホ横持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (orientation : landscape ) {





}/*スマホ横持ち用++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*マウスhoverテスト*/
/*.PcView #ContentsDivision .MainContentsArea .PageBlock .BlockContents a:hover,
.PcView #SideBarArea a:hover,
.SpdePageWidthSetter a:hover,
.SpdePageWidthSetter a:hover,
.PcView.HomePage #ContentsDivision .MainContentsArea .BlockContents a:hover,


.PcView .InformationItem .TabContents a:hover,
.PcView .ToggleButton:hover,
.PcView .PullDownButton:hover,*/
.PcView #ContentsDivision .MainContentsArea .PageBlock a:hover img,
.PcView #ContentsDivision .SideBarArea a:hover img{
  opacity:0.7;
  transition-property:opacity;
  transition-duration:0.1s;
  transition-timing-function:ease-in-out;
}



/*500+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 500px) {

.LayoutBlock {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.PageTitle {


}
.PageTitle .Heading:first-child{
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}


.PpItem{display:block!important;}
.PcItem{display:none!important;}


#HeaderDivision .HeaderMenuArea{
  width:100%;

}

body #ContentsDivision {
  width:96%;
  margin:0px auto;
  max-width:580px;
  min-width: 0px;
}

.PickUpBlock ul.BlockContents {
  list-style: none;
  width: 100%!important;
  display: inline-block;
  margin-left: 0;
}


#FooterDivision .FooterArea .FooterMenuBlock{
  width: 96%;
  padding:0 0px;
  padding-top:40px;
}


#FooterDivision .FooterArea .FooterMenuBlock .BlockContents{
  width: 100%;
}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .ParagraphHeader{
  margin-bottom: 15px;
}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .ParagraphHeader .FootLogo{
  width:90%;
  max-width:320px;
  margin:10px auto 0 auto;
}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .ParagraphHeader .FootLogo img{
  margin-bottom:20px;
  margin:0 auto;
}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .ParagraphHeader .FootLogo a.Button{
  margin-top:20px;
}

#FooterDivision .FooterArea .FooterMenuBlock .SpMenuArea{
  width:100%;

}
/*トップ用スマホメニュー*/
.home .SpNavHome{
  z-index:400;
}


.SpMenuArea ul{
  list-style:none;
}
.SpMenuArea ul li{
  width:45%;
  margin:0 0 5px 2.5%;
  display:inline-block;
}

.SpMenuArea ul li .Inner{

}
.SpMenuArea ul li .Inner a{
  background:#f5f5f5;
  color:#555!important;
  display:block;
  padding:4px 3px 1px 2px ;
}
.SpMenuArea ul li .Inner a span{
  line-height:1;
}
.SpMenuArea ul li .Inner a span:before{
  display:none;
}
.SpMenuArea ul li .Inner a:hover{
  text-decoration:none;

}

#SideBarArea{
  width:96%;
  margin:0 auto;
  float:none;
}




#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .FootMainMenu ul li {
  margin-right: 0px;
}


#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .FootMainMenu ul li a.icon-circle-thin:before{
  display:inline;
  color:#ccc;

}
#FooterDivision .FooterArea .FooterMenuBlock .BlockContents .FootMainMenu ul li a span.icon-right-dir:before{
  display:none;
}


#FooterDivision .FooterArea .AddressBox{
  font-size:75%;
  text-align:center;
  margin:10px auto;
}

#FooterDivision .FooterArea .RenrakuBox{
  line-height: 1;
}
#FooterDivision .FooterArea .RenrakuBox span{
  font-size:70%;
  font-family:sans-serif;
  font-weight:bold;
  display:inline-block;
  letter-spacing: 0.02em;

}
#FooterDivision .FooterArea .RenrakuBox .SnsBlock{
  display:block;
  margin-top:0.5em;
  text-align: center;
}

.AuthorBlockMenuItem ul li {
  display: block;
  padding: 10px;
  border:none;
  text-align:center;
}

.AuthorBlockMenuItem ul li a span{

}


#FooterDivision .FooterArea .FooterMenuBlock .Button{
  color:#77a23f;
  box-shadow:none;
  border:none;
  width:80%;
  margin:0 auto;
  display:block;
  font-size:130%;
  padding: 0;
}


.InformationArea .BlockContents{
  width: 100%!important;
}

/*狭小時*/
.NarrowView .InqueryWindowItem{
  width:100%;
  min-width:100px;
}
/*プルダウン内*/
body.page .widget-title.Block,
body.page .widget-Block.sub_navi{
  display:none;
}
body.page .widget-title{
  font-weight:bold;
}
.widget-Block.sub_navi{
  margin-bottom:1em;
}
body.single-product{

}
.single-product .widget-title{
  font-weight:bold;
}









}/*500++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*350+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 350px) {



.SpMenuArea ul li .Inner a{
  background:#f5f5f5;
  color:#555!important;
  display:block;
  padding:4px 1px 1px 1px ;
}
.SpMenuArea ul li .Inner a.icon-circle-thin::before{
  margin-right: 0;
}

.ConTactListItem .ButtonLink.icon-right-dir span.Title {
  display: inline-block;
  font-size: 120%;
  line-height: 1;
  text-align: center;
  margin: 5px 0 0 0;
  width: 100%;
  padding: 0;
}
.ConTactListItem .ButtonLink::before {
    font-size: 200%;
    color: #ccc;
    position: absolute;
    top: 25px;
    left: 0px;
    margin-left: 0;
}

.HeaderFixed #Clinktop .HeadH1 img {
    width: 200px;
}

}/*350++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/