/* Theme Name: Blank */

/* common */
/*reset css*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0;
    padding: 0 ;
	vertical-align: baseline;
}

html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse;
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    /*font-style: normal;
    font-weight: normal;*/
}
a{
     text-decoration:none;
}
img{
     line-height:0;
	 vertical-align:bottom;
	 border:none;
	 text-decoration:none;
}

*{
  -webkit-backface-visibility:hidden;
   backface-visibility:hidden;
}

/*font css*/

/* html element 62.5% font-size for REM use */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
  font-size: 120%;
  line-height: 1.4;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  min-width: 1200px;
 /* background: #475B14;*/
}

#hWrap{
  width: 100%;
    background: #475B14;
}

#hWrap > h1{
      width: 100%;
      max-width: 1200px;
      margin: 0 auto !important;
      color: #fff;
      font-size: 12px;
      padding: 5px 0 !important;
      font-size: 12px !important;
}



/* common */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}



/* mod_dropnavi */

#subNav{
  position: relative;
  z-index: 1000;
}
.nav.navbar-nav{
    width: 100%;
    background-color:#9DC55D;
}
.nav.navbar-nav>li.flexLi{
  width: 10%;
  float: left;
  text-align: center;
font-size: 90%;
color: #FFF !important;
border-right: 1px solid #5A6B30;
-webkit-transition: 0.5s all;
   -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
     -o-transition: 0.5s all;
        transition: 0.5s all;
}
.nav.navbar-nav>li.flexLi a{
  color: #475B14 !important;
  padding: 10px 0 !important;
}

#navbar > ul > li.dropdown.flexLi.open > ul > li> a{
  color: #9DC55D !important;

}

.navbar-default{
  background: none !important;
  border: none !important;
}

.navbar{
  margin-bottom: 0 !important;
}

#subNav > nav > div{
  padding: 0 !important;
  width: 1200px !important;
}

.dropdown:hover .dropdown-menu {
  display: block;
}
.dropdown-menu li{
  padding: 10px;
}

.dropdown-menu li a{
  padding: 10px !important;
  font-size: 80%;
  display: block;
}

.dropdown-menu li a:hover{
  text-decoration: underline;
}


.dropdown-menu li .item{
  margin-bottom: 10px;
}

.navbar .flexList{
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
/*  display: flex;*/
/*  border-bottom: 1px solid #e3e3e3;*/
}

.justify .flexList{
   /*justify-content: space-between;*/
   overflow: hidden;
}

.navbar .flexList:last-child{
  border-bottom: none;
}

.navbar .flexList li{
  width: 25%;
  float: left;
}

.navbar .flexList li a{
  display: inline-block;
  padding: 10px !important;
  color: #333 !important;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background: #9DC55D !important;
}

#navbar > ul > li:nth-child(1){
  background: #FFF;
}

#navbar > ul > li:hover{
  background: #FFF;
}



#navbar .menuIn{
  width: 600px;
}

#navbar > ul > li:nth-child(2) > ul{
  left: -121px;
}

#navbar > ul > li:nth-child(3) > ul{
  left: -241px;
}

#navbar > ul > li:nth-child(4) > ul{
  left: -242px;
}

#navbar > ul > li:nth-child(5) > ul{
  left: -242px;
}

#navbar > ul > li:nth-child(6) > ul{
  left: -242px;
}

#navbar > ul > li:nth-child(7) > ul{
  left: -242px;
}

#navbar > ul > li:nth-child(8) > ul{
  left: -242px;
}

#navbar > ul > li:nth-child(9) > ul{
  left: -360px;
}


.navbar{
  min-height: auto !important;
}

.slick-dots{
  position: relative !important;
  padding: 20px 0 !important;
  margin-top: -40px !important;
}

.h270{
  height: 270px;
}

.h500{
  min-height: 560px;
  text-align: left !important;
}

.long{
  text-align: left !important;
}

.FS2_Recommend2_ranking_horizontal th{
  background: #7E9A45;
  color: #fff;
  border: 10px solid #dddddd !important;
}

#_rcmdjp_display_3 a{
  display: block;
}

#_rcmdjp_display_3 a:hover{
  opacity: 0.6;
}







.FS2_Recommend2_ranking_vertical td a {
  font-size: 14px !important;
}


.FS2_GroupLayout{
  width: 100% !important;
  

}

.FS2_GroupLayout a .thumbnail{
  width: 100% !important;
  height: auto !important;
}

.layout_content .gl_Item{
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
    padding: 15px !important;
}

.alignItem_03 a .thumbnail{
  width: 100% !important;
  height: auto !important;
}



.hitokotoBox dt{
  background: #7E9A45;
  text-align: center;
  color: #fff;
}

.hitokotoBox dd{
  padding: 10px;
  border: 1px solid #7E9A45;
}