@charset "utf-8";

/* -------------------------------------
topContent
----------------------------------------*/
#topContent {
  width: 1170px;
  margin:0 auto;
  padding-top:111px;
}
#topContent #topInner {
  border: 1px solid #f2f2f2;
  clear:both;
  position: relative;
}
@media only screen and (max-width:768px){
  #topContent {
    padding-top:146px;
  }
}
@media only screen and (max-width:640px){
  #topContent {
    padding-top:0px;
  }
}
/* -------------------------------------
mainContent
----------------------------------------*/

#mainContent {
  float: left;
  display: block;
  width: 938px;
  overflow: hidden;zoom:1;
  /*
  width: 85.71%;
  */
}
/*
#mainContentInner {
float:left;
}
*/

/* -------------------------------------
silde_main
----------------------------------------*/
.slide_main div .link {
  display:none;
}
#slide_main_navi {
  bottom:85px;
  position:absolute;
  text-align:center;
  width:100%;
  max-width:442px;
  z-index:10000;
}
#slide_main_navi a {
  display:inline-block;
  *display:inline;
  font-size:0;
  line-height:0;
  margin:0 5px 0 5px;
  height:10px;
  width:10px;
  *zoom:1;
  width:14px;
  height:14px;
  background:url(/cmn/images/icon/navi_btn_normal.png) no-repeat center center;
}
#slide_main_navi a.activeSlide {
  background:url(/cmn/images/icon/navi_btn_active.png) no-repeat center center;
}

#main_grid{
  z-index:9998;
}

.slider.slide_main > div,
#mainContent .slider img{
  display:none;
}
.slider slide_main > div:first-child,
#mainContent .slider img:first-child{
  display:block;
}


.slide_main div.smShow ,
.slide_main div.smShow img {
  display: block;
}
/* -------------------------------------
shadow box
----------------------------------------*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:100001;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;z-index:100000;}
#sb-wrapper{position:fixed;visibility:hidden;width:100px;z-index:100002;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/cmn/images/shadowbox_loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/cmn/images/shadowbox_close.png);}
#sb-nav-next{background-image:url(/cmn/images/shadowbox_next.png);}
#sb-nav-previous{background-image:url(/cmn/images/shadowbox_previous.png);}
#sb-nav-play{background-image:url(/cmn/images/shadowbox_play.png);}
#sb-nav-pause{background-image:url(/cmn/images/shadowbox_pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* -------------------------------------
subContent
----------------------------------------*/
#subContent {
  float: right;
  display: block;
  width: 230px;zoom:1;
  padding-bottom: 232px;
  /*
  width: 14.28%;
  */
}
#subContent .unite2{
  height: 453px;
}
#subContent .unite2.twitter_widget_wrapper{
  height: 445px;
  overflow:hidden;
}
#subContent .unite2,
#subContent .gridBox{
  width: 208px;
}
/* -------------------------------------
banners
----------------------------------------*/
.banners01 li {
  margin:10px 0 0;
}
.banners01 li img{
  -webkit-box-shadow: 0 0 3px #7f7f7f;
  box-shadow: 0 0 3px #7f7f7f;
  behavior: url("/cmn/js/PIE.htc");
}
.banners01 li.first{
  margin:0;
}
/* -------------------------------------
snsMap
----------------------------------------*/
#snsMap{
  padding: 1px;
  background: #ffe61e;
  position: relative;
  -webkit-box-shadow: 0 0 3px #7f7f7f;
  box-shadow: 0 0 3px #7f7f7f;
  behavior: url("/cmn/js/PIE.htc");
}
#snsMap p{
  padding: 15px 7px 17px;
  position:relative;
}
#snsMap p .img{
  bottom: 7px;
  position:absolute;
  right: 6px;
}


/* -------------------------------------
slideshow
----------------------------------------*/
body#top_page .layout_header #gnavi_area {
  height: 31px;
  margin: 0 0 30px;
}

#home_main_img_area h1 {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background: none;
  border: none;
}
#home_main_img_area .mainView {
  width:683px;
  float: right;
  margin-right: 1px;
  margin-bottom: 6px;
  overflow: hidden;
}
#home_main_img_area .main_right_area {
  width: 227px;
  float: left;
  overflow: hidden;
}
#home_main_img_area .main_right_area ul li {
  margin: 0 0 1px 0;
}
#home_main_img_area .main_right_area img {
  cursor: pointer;
}
/* @slider */
.metaslider .flex-control-nav {
  position: absolute;
  top: 220px;
  z-index: 5;
}

/* -------------------------------------
grid
----------------------------------------*/
.grid .gridBox{
  background-color:#ffffff;
  border: 1px solid #f2f2f2;
  height: 211px;
  width: 211px;
  padding:10px;
  margin: 0 1px 1px 0;
  float:left;
}
.grid .gridBox.mainvisual{
  height:453px;
  width: 913px;
  margin-bottom:1px;
}
.grid .gridBox.unite2{
  height: 445px;
  width: 445px;
  margin-bottom:1px;
}
.grid .gridBox.unite3{
  height: 211px;
  width: 445px;
}
.unite2Box{
  float: left;
  width: 468px;
  height: 444px;
}

/*テスト*/
/*
.grid .gridBox.unite4 {
height:443px;
width:1376px;
margin-bottom:1px;
}
*/
/*テスト*/

.grid .gridBox .inner a{
  cursor:pointer;
  display: block;
  text-decoration: none;
  position: relative;
  zoom:1;
}
/* .gridBox.blank */
#subContent.grid .blank{
  margin-bottom:2px;
}
.grid .blank .inner{
  width: 210px;
  height: 210px;
  background:url("/cmn/images/logo_smifru_gray.png") no-repeat 50% 50% #e9e9e8;
}
/* .gridBox.mv  テスト*/
/*
#subContent.grid .mv{
margin-bottom:2px;
}
.grid .mv .inner{
width: 1376px;
height: 210px;
background:url("https://placehold.jp/1376x210.png") no-repeat;
}
*/
/* .gridBox.mv  テスト*/

/* .gridBox.pageTop */
.pageTop {
  position: absolute;
  bottom: 0;
  right: -1px;zoom:1;
}
.pageTop .gridBox {
  width: 208px;
}
.pageTop .inner{
  width: 100%;
  background: #f6ab00;
}
.pageTop .inner img{
  margin: -25px 0 0 -46px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.pageTop .inner a{
  width: 210px;
  height: 210px;
  display: block;
}
.grid .gridBox .inner .corner_tl {
  background:url("/cmn/images/bg_grid_corner.png") left top no-repeat;
  height:5px;
  left:-1px;
  position:absolute;
  top:-1px;
  width:5px;
}
.grid .gridBox .inner .corner_tr {
  background:url("/cmn/images/bg_grid_corner.png") right top no-repeat;
  height:5px;
  position:absolute;
  top:-1px;
  right:-1px;
  width:5px;
}
.grid .gridBox .inner .corner_bl {
  background:url("/cmn/images/bg_grid_corner.png") left bottom no-repeat;
  bottom:-1px;
  height:5px;
  left:-1px;
  position:absolute;
  width:5px;
}
.grid .gridBox .inner .corner_br {
  background:url("/cmn/images/bg_grid_corner.png") right bottom no-repeat;
  bottom:-1px;
  height:5px;
  position:absolute;
  right:-1px;
  width:5px;
}
.grid .gridBox .inner a .over .bg{
  display: block;
  width: 100%;
  height: 100%;
  background-color:#000000;
  opacity:0.3;
  filter:alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
}
.grid .gridBox .inner a .over{
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index:999;
}
.grid .gridBox .main a:hover .over{
  display: block !important;
}
.grid .gridBox .inner a .over .icon{
  background: url("/cmn/images/icon_link_over.png") left top no-repeat;
  height: 21px;
  left: 50%;
  margin: -21px 0 0 -11px;
  position:absolute;
  top:43%;
  width: 21px;
}
.grid .gridBox .inner a.blank .over .icon{
  background: url("/cmn/images/icon_blank_over.png") left top no-repeat;
  height: 21px;
  left: 50%;
  margin: -28px 0 0 -9px;
  position:absolute;
  top:46%;
  width: 28px;
}
.grid .gridBox .inner a.window {
  background:none;
  padding:0;
}
.grid .gridBox .inner a.window .over .icon{
  background: url("/cmn/images/icon_window_over.png") left top no-repeat;
  height: 22px;
  left: 50%;
  margin: -23px 0 0 -9px;
  position:absolute;
  top:46%;
  width: 23px;
}
.grid .gridBox .inner a.movie .over .icon{
  background: url("/cmn/images/icon_movie_over.png") left top no-repeat;
  height: 16px;
  left: 50%;
  margin: -22px 0 0 -9px;
  position:absolute;
  top:46%;
  width: 22px;
}
.grid .gridBox .inner a.zoom .over .icon{
  background: url("/cmn/images/icon_zoom_over.png") left top no-repeat;
  height: 23px;
  left: 50%;
  margin: -23px 0 0 -9px;
  position:absolute;
  top:46%;
  width: 23px;
}
.movieThumb {
  line-height:0;
}

/* 480 */
@media only screen and (max-width:480px){
  .grid .gridBox {
    float:left;
    height:auto;
    width:50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position:static!important;
  }
  .grid .gridBox.unite2,.grid .gridBox.unite3, .grid .gridBox.unite4{
    clear:left;
    float:none;
    height:auto;
    width:auto;
    position:static!important;
  }
  .grid .blank .inner{
    background:url("/cmn/images/logo_smifru_gray.png") no-repeat 50% 50% #e9e9e8;
    min-height:100px;
    height:100%;
    width:auto;
  }
  .grid .gridBox .inner .corner_tl {
    display:none;
  }
  .grid .gridBox .inner .corner_tr {
    display:none;
  }
  .grid .gridBox .inner .corner_bl {
    display:none;
  }
  .grid .gridBox .inner .corner_br {
    display:none;
  }
}


/* -------------------------------------
contentBox
----------------------------------------*/
.contentBox{
  background: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0 0 3px #7f7f7f;
  box-shadow: 0 0 3px #7f7f7f;
  padding: 0 0 11px;
  position:relative;
  behavior: url("/cmn/js/PIE.htc");
}
.contentBox p{
  padding: 0 5px;
  font-size: 74%;
}
.contentBox h2{
  padding: 7px 5px 4px;
  border-top: 4px solid #c7000a;
  position: relative;
  font-size: 105%;
  font-weight:bold;
}
.contentBox h2 span{
  background-image: url("/cmn/images/bg_gridList_balloon.png");
  background-repeat: no-repeat;
  display:block;
  font-size:0;
  height:7px;
  left:0;
  position:absolute;
  top:-11px;
  width:100%;
  z-index:999;
}
.contentBox p.link{
  display:none;
}


.contentBox.lineup h2{border-color: #c7000a;}
.contentBox.reason h2{border-color: #ff871e;}
.contentBox.shop h2{border-color: #ffe61e;}
.contentBox.activitie h2{border-color: #d7f000;}
.contentBox.company h2{border-color: #2dbec3;}
.contentBox.inquiry h2{border-color: #007df5;}
.contentBox.lineup h2 span{background-position: center 0;}
.contentBox.reason h2 span{background-position: center -7px;}
.contentBox.shop h2 span{background-position: center -14px;}
.contentBox.activitie h2 span{background-position: center -21px;}
.contentBox.company h2 span{background-position: center -28px;}
.contentBox.inquiry h2 span{background-position: center -35px;}

/* 480 */
/*
@media only screen and (max-width:480px){
.contentBox div{
height:auto!important;
width:100%!important;
}
.contentBox div img{
height:auto!important;
width:100%!important;
}
}
*/



/* -------------------------------------
snsNews
----------------------------------------*/
.snsNews h2{
  padding: 0;
  margin-bottom: 3px;
  font-size: 108%;
  font-weight: bold;
  border-bottom:  solid 1px #CCC;
}
.snsNews ul{overflow-y: auto;}
.snsNews li{
  margin-top: 5px;
  font-size: 85%;
  border-bottom: 1px dotted #CCC;
}
.snsNews li:last-child{
  border-bottom: none !important;
}

.snsNews li a {
  display:block;
  min-height:16px;
  padding: 3px 0 1px 30px;
}
#subContent .snsNews li a:hover {
  text-decoration:underline;
}
.snsNews li.fb a {
  background:url("/cmn/images/icon_sns_news_fb.png") left center no-repeat;
}
.snsNews li.tw a {
  background:url("/cmn/images/icon_sns_news_tw.png") left center no-repeat;
}
.snsNews li.yt a {
  background:url("/cmn/images/icon_sns_news_yt.png") left center no-repeat;
}
.snsNews li.first {
  margin:0;
}
.snsNews .sns_info_list.notice li {
  margin-top: 8px;
}
.snsNews .sns_info_list.notice li:first-child {
  margin-top: 5px;
}
.snsNews .sns_info_list {
  margin-top: 0;
}
.snsNews .sns_info_list a {
  padding: 0;
}
.snsNews .sns_info_list time{
  color: #666;
  padding-right: ;
}
.snsNews .sns_info_list .cBox {
  font-weight: bold;
}
.snsNews .sns_info_list a:link,
.snsNews .sns_info_list a:visited,
.snsNews .sns_info_list a:hover {
  color:#6fba2c;
}
.snsNews .sns_info_list a:hover {
  text-decoration: underline;
}
.snsNews .sns_info_list a.ico_recipe{
  background:url("/cmn/images/top/top_ico_recipe.png") left 0.19em no-repeat;
  padding: 0 0 0 36px;
}
.snsNews .sns_info_list time.ico_recipe{
  background:url("/cmn/images/top/top_ico_recipe.png") right 0.19em no-repeat;
  padding: 0 62px 0 0;
}
.snsNews .sns_info_list a.ico_avocado_recipe{
  background:url("/cmn/images/top/top_ico_avocado_recipe.png") left 0.19em no-repeat;
  padding: 0 0 0 36px;
}
.snsNews .sns_info_list time.ico_avocado_recipe{
  background:url("/cmn/images/top/top_ico_avocado_recipe.png") right 0.19em no-repeat;
  padding: 0 62px 0 0;
}
.snsNews .sns_info_list a.ico_school{
  background:url("/cmn/images/top/top_ico_school.png") left 0.19em no-repeat;
  padding: 0 0 0 36px;
}
.snsNews .sns_info_list time.ico_school{
  background:url("/cmn/images/top/top_ico_school.png") right 0.19em no-repeat;
  padding: 0 62px 0 0;
}
.snsNews .sns_info_list a.ico_sport{
  background:url("/cmn/images/top/top_ico_sport.png") left 0.19em no-repeat;
  padding: 0 0 0 36px;
}
.snsNews .sns_info_list time.ico_sport{
  background:url("/cmn/images/top/top_ico_sport.png") right 0.19em no-repeat;
  padding: 0 62px 0 0;
}
.snsNews .sns_info_list a.ico_community{
  background:url("/cmn/images/top/top_ico_community.png") left 0.19em no-repeat;
  padding: 0 0 0 36px;
}
.snsNews .sns_info_list time.ico_community{
  background:url("/cmn/images/top/top_ico_community.png") right 0.19em no-repeat;
  padding: 0 62px 0 0;
}
.snsNews h2.ico_date{
  background:url("/cmn/images/top/top_ico_date.png") left 0.19em no-repeat;
  padding: 0 0 0 18px;
}
.snsNews h2.ico_feature{
  background:url("/cmn/images/top/top_ico_feature.png") left 0.19em no-repeat;
  padding: 0 0 0 18px;
}

/* ==================================================
snsBtn
================================================== */
.snsBtn{
  margin:0 auto;
  padding:10px 0;
  overflow:hidden;
}
.snsBtn li{
  float: right;
  display: inline;
  overflow:hidden;
}
/* max screen size 1680px
------------------------------ */
@media only screen and (max-width:1680px){
  #topContent .snsBtn{max-width: 1392px;}
}
/* max screen size 1440px
------------------------------ */
@media only screen and (max-width:1440px){
  #topContent .snsBtn{max-width: 1160px;}
}
/* max screen size 1175px
------------------------------ */
@media only screen and (max-width:1175px){
  #topContent .snsBtn{max-width: 928px;}
}
/* max screen size 943px
------------------------------ */
@media only screen and (max-width:943px){
  #topContent .snsBtn{max-width: 696px;}
}

/* max screen size 768px
------------------------------ */
@media screen and (max-width: 768px) {
  #topContent {
    width: 92.5%;
    margin:0 auto;
  }
  #topContent #topInner {
    border: none;
  }
  #mainContent {
    width: 66.8%;
  }
  #home_main_img_area .mainView {
    width:100%;
    float: none;
  }
  #home_main_img_area .main_right_area {
    width: 100%;
    float: none;
  }
  #home_main_img_area .main_right_area ul li {
    float:left;
    width:24.25%;
    margin: 0 1% 0 0;
  }
  #home_main_img_area .main_right_area ul li:last-of-type {
    margin: 0;
  }
  #home_main_img_area .main_right_area img {
    cursor: pointer;
  }
  .grid .gridBox.mainvisual,
  .grid .gridBox.unite2,
  .grid .gridBox.unite3{
    height:auto;
    width: 99.7%;
    margin:0 auto 1px;
    box-sizing:border-box;
  }
  .grid .gridBox{
    height: auto;
    width: 49.76%;
    box-sizing:border-box;
  }
  .unite2Box{
    float: none;
    width: 100%;
    height: auto;
  }
  .grid .gridBox img{
    width:100%;
    height: auto;
  }
  #subContent{
    width:33%;
    margin:0 1px 0 0;
  }
  #subContent.grid .gridBox {
    float:none;
  }
  #subContent .unite2,
  #subContent .gridBox{
    width: 100%;
    margin:0 0 2px 0;
  }
  .grid .blank .inner{
    width: 100%;
    min-height: 210px;
  }
  .pageTop {
    width: 33.9%;
  }
  .pageTop.grid .gridBox{
    width: 98%;
    float:right;
  }
  .pageTop .inner img{
    width:44%;
    position: absolute;
    top: 50%;
    left: 50%;
  }
}

/* max screen size 726px
------------------------------ */
@media screen and (max-width: 726px) {
  #topContent {
    width: 69%;
  }
  #mainContent {
    width:100%;
    float:none;
  }
  .grid .gridBox.mainvisual,
  .grid .gridBox.unite2,
  .grid .gridBox.unite3{
    width: 99.8%;
    margin:0 auto;
  }
  .grid .gridBox{
    width: 49.7%;
  }
  #elements_wrapper img,
  #elements_wrapper .unite2 img  {
    height: auto;
  }
  #subContent{
    display:none;
  }
  .grid .blank{
    display:none;
  }
  .pageTop{
    display:none;
  }
}
/* max screen size 711px
------------------------------ */
@media only screen and (max-width:711px){
  #topContent .snsBtn{display:none;}
  #siteFooter .snsBtn {
    position:static;
  }
  #subContent{
    display: none!important;
  }
  .pageTop {
    display: none!important;
  }
  #minHeader{
    display: none!important;
  }
  #siteHeader {
    margin-bottom:10px;
  }
}
/* max screen size 640px
------------------------------ */
@media only screen and (max-width:640px){
  #topContent {
    width: 80%;
  }
  .grid .gridBox{
    width: 49.6%;
  }
}

@media only screen and (max-width:480px){
  #slide_main_navi,
  #topContent .snsBtn{display:none;}
  #topInner {
    margin:0 10px!important;
    width:auto!important;
  }
  #mainContent {
    width:100%!important;
  }
  #mainContentInner {
    height:auto!important;
    width:100%!important;
  }
  #siteHeader {
    margin-bottom:10px;
  }
}

/* ==================================================
gallary_form
================================================== */
#gallary_form h4{
  margin-bottom: 5px;
  font-size: 108%;
  font-weight: bold;
}