@charset "utf-8";

body{
  width:100%;
  -webkit-text-size-adjust : none;
}
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

#elements_wrapper img {
  height: 145px;
}
#elements_wrapper .unite2 img {
  height: 377px;
}

h1.h3ttl,
h2.h3ttl,
h3.h3ttl{
  font-size:182%;
  color:#666;
  font-weight:bold;
}

/* -------------------------------------
  グリッド枠
----------------------------------------*/
#main_section,
#sub_section{
  border:1px solid #F2F2F2;
  border-top-width:1px;
  border-bottom-width:1px;
}
#main_section{
  border-right-width:2px;
  border-top-width:2px;
  border-bottom-width:2px;
}
.content_wrap #main_section{
  border-right:1px solid #F2F2F2;
  border-top-width:1px;
  border-bottom-width:1px;
}
#sub_section{
  border-left:2px solid #F2F2F2;
  border-bottom-width:2px;
}
.content_wrap #main_section.block_list{
  border-left:0px;
  border-right-width:1px;
}
#sub_section .title_area{
  border-bottom:2px solid #F2F2F2;
  border-top:1px solid #F2F2F2;
}

#sub_section .corner_tl,
#main_section .corner_tl {
    background: url("/cmn/images/bg_grid_corner.png") no-repeat scroll left top transparent;
    height: 5px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 5px;
}
#sub_section .corner_tr,
#main_section .corner_tr {
    background: url("/cmn/images/bg_grid_corner.png") no-repeat scroll right top transparent;
    height: 5px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 5px;
}
#sub_section .corner_bl,
#main_section .corner_bl {
    background: url("/cmn/images/bg_grid_corner.png") no-repeat scroll left bottom transparent;
    bottom: -1px;
    height: 5px;
    left: -1px;
    position: absolute;
    width: 5px;
}
#sub_section .corner_br,
#main_section .corner_br {
    background: url("/cmn/images/bg_grid_corner.png") no-repeat scroll right bottom transparent;
    bottom: -1px;
    height: 5px;
    position: absolute;
    right: -1px;
    width: 5px;
}
#sub_section > .corner_br{
    bottom: 0px;
    right: -1px;

}
#sub_section > .corner_bl{
    bottom: 0px;
    right: -1px;
}
#main_section .grid .gridBox.unite2{
  height: auto;
  max-height: 438px;
  width:66%;
  max-width: 442px;
}
#main_section .grid .gridBox.unite2 h3 {
  margin-bottom: 2px;
}
#main_section .grid .gridBox.unite2 .contentBox {
  margin-bottom: 2px;
  max-width: none;
}
#main_section .grid .gridBoxGroup2 {
  float: left;
  max-width: 232px;
  width: 34%;
  overflow: hidden;
}
#main_section .grid .gridBoxGroup2 .gridBox {
  width: 100%;
}

/* -------------------------------------
  case 960px (=! PC)      */
@media screen and (min-width: 960px) {
/*----------------------------------------*/
header,
footer,
#main_contents{
  min-width:960px;
  width:100%;
}
.block_normal.page_link{
  display:none;
}
#main_section .grid .gridBox{
  height:208px;
}

/*----------------------------------------*/
}
/*    end case 960px (=! PC)
----------------------------------------*/

/* -------------------------------------
  case 960px (=! PC)      */
@media screen and (max-width: 967px) {
/*----------------------------------------*/
#main_section .grid .gridBox{
  max-width:210px;
  width:30%;
  margin-left:-1px;
  border-right-width:2px;
}
.content_wrap #main_section.block_list{
  border-right:0px;
}
/*#main_section .grid .gridBox.pagetop,
#main_section .grid .gridBox.blank{
  height:208px;
}*/
.content_wrap #sub_section{
  border-right:2px solid #F2F2F2;
}
#main_section .grid .gridBoxGroup2 {
  width: 100%;
  max-width: none;
}

/*----------------------------------------*/
}
/*    end case 960px (=! PC)
----------------------------------------*/


/* -------------------------------------
  case 960px (=! PC)      */
@media screen and (max-width: 960px) {
/*----------------------------------------*/
header #header_inner,
footer #footer_inner,
#main_contents #contents{
  max-width:960px;
  width:100%;
}
.block_normal.page_link{
  display:none;
}

/*----------------------------------------*/
}
/*    end case 960px (=! PC)
----------------------------------------*/


/* -------------------------------------
  case 768px (smartphone etc)      */
@media screen and (max-width: 768px) {
/*----------------------------------------*/

/* -------------------------------------
  グリッド枠
----------------------------------------*/

#main_section,
.content_wrap #sub_section,
#sub_section,
#sub_section .title_area{
  border:0px;
}

#main_section .corner_tl,#main_section .corner_tr,
#main_section .corner_bl,#main_section .corner_br,
#sub_section .corner_tl,#sub_section .corner_tr,
#sub_section .corner_bl,#sub_section .corner_br{
    background:none;
  display:none;
}
#main_section .grid .corner_tl {
    background: url("/cmn/images/bg_grid_corner.png") no-repeat scroll left top transparent;
    height: 5px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 5px;
}
#main_section .grid .corner_tr {
    background: url("/cmn/images/bg_grid_corner.png") no-repeat scroll right top transparent;
    height: 5px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 5px;
}
#main_section .grid .corner_bl {
    background: url("/cmn/images/bg_grid_corner.png") no-repeat scroll left bottom transparent;
    bottom: -1px;
    height: 5px;
    left: -1px;
    position: absolute;
    width: 5px;
}
#main_section .grid .corner_br {
    background: url("/cmn/images/bg_grid_corner.png") no-repeat scroll right bottom transparent;
    bottom: -1px;
    height: 5px;
    position: absolute;
    right: -1px;
    width: 5px;
}

.sns_area.top{
  height:45px;
}
/* -------------------------------------
  グリッド枠end
----------------------------------------*/

header .minInner,
header #header_inner,
footer #footer_inner,
#main_contents #contents{
  max-width:768px;
  width:100%;
}
#siteFooter .column03 .col:first-child{
  margin-left:15px;
}

.main_section_inner{
  margin:0;
}

#main_section.block_list,
#main_section,
#sub_section{
  display:block;
  width:100%;
  max-width:600px;
  margin:0 auto;
}

#sub_section{
  position:relative;
  margin-bottom:3%;
}
#sub_section .title_area{
  width:100%;
  padding:0;
  position:absolute;
  bottom:0px;
  height:auto;
  max-height:auto;
}
#nocategory #sub_section .title_area{
  position:static;
}
#sub_section .title_area .sub_h2,
#sub_section .title_area h2{
  height:auto;
  max-height:auto;
  width:100%;
  text-align:center;
}
#sub_section .title_area .sub_h2 img,
#sub_section .title_area h2 img{
  margin:0;
  max-width:170px;
  height:auto;
  max-height:40px;
}

#sub_section nav.subnavi{
  margin:0px auto 10%;
  border:2px solid #f6f6f6;
  width:auto;
  padding-left:0;
}
#sub_section nav.subnavi li.list_normal,
#sub_section nav.subnavi li.list_half,
#sub_section nav.subnavi li.list_a,
#sub_section nav.subnavi li.list_b{
  padding:1.5%;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}

#sub_section nav li.list_a{
  display: block !important;
}
#sub_section nav li.list_a .lineup_list > ul{
  width:30%;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:top;
}

#sub_section nav li.list_a .lineup_list > ul.list_top{
/*  display:none;  */
}
#sub_section nav li.list_b{
  width:28%;
}
#sub_section nav.subnavi li.list_half{
  width:46%;
}
#sub_section nav.subnavi li.list_half a{
  margin-right:0;
}
#sub_section nav.subnavi li.list_normal{
  width:95%;
}
#sub_section nav.subnavi li.list_normal a{
  margin-right:0;
}
#sub_section nav.subnavi li a{
  border:0px;
  padding:5px 0 5px 12px;
  font-size:100%;
}

#breadcrumbs{
  display:none;
}
#siteFooter .sns_area .snsBtn {
    padding: 0;
    position:static;
    right: 0;
}
#main_section .grid .gridBox,
#main_section .grid .gridBox.unite2{
  margin-left:-1px;
  border:1px solid #F2F2F2;
  border-right-width:2px;
  width:100%;
  *width:30%;
  max-width:200px;
  zoom:1;
  position:relative;
  overflow:hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ie #main_section .grid .gridBox{
  zoom:1;
  max-width:180px;
}
/*#main_section .grid .gridBox:last-child{
  margin-left:-1px;
  border-right-width:1px;
  border-bottom-width:1px;
}*/
.content_wrap #main_section.block_list{
  border-width:0px;
}

.content_wrap .block_list .grid{
  border:1px solid #F2F2F2;
  border-right-width:0px;
  border-left-width:2px;
  border-bottom-width:0px;
}

.pagetop_side{
  display:none;
}
#pc_header #header_inner nav.global li{
  width:30%;
  max-width:auto;
  padding:0px 0 1px;
  border-bottom:1px dotted #ccc;
  vertical-align:top;
  margin:0;
}
#pc_header nav.global li.nav01{
  border-left:5px solid #c7000a;
}
#pc_header #header_inner nav.global li.nav02{
  border-left:5px solid #ffe61e;
}
#pc_header nav.global li.nav03{
  border-left:5px solid #ff871e;
}
#pc_header nav.global li.nav04{
  border-bottom:0px;
  border-left:5px solid #2dbec3;
}
#pc_header #header_inner nav.global li.nav05{
  border-bottom:0px;
  border-left:5px solid #d7f000;
}
#pc_header #header_inner nav.global li.nav06{
/*  border-bottom:0px;*/
  border-left:5px solid #007df5;
}
#pc_header #header_inner nav.global li.nav07{
/*  border-bottom:0px;*/
  border-left:5px solid #b28148;
}
#pc_header #header_inner nav.global li.nav07 ul{
  top:43px;
}
#pc_header #header_inner nav.global li.nav07 li{
  width:100%;
}
#pc_header nav li a span{
  display:inline;
}
#pc_header nav li a img{
  display:none;
}
#pc_header #header_inner nav.global li.nav07 li a img{
  display:block;
}
#pc_header #header_inner nav li a{
  display:block;
  height:100%;
  line-height:3;
}
#pc_header #header_inner nav.global li.nav07 li a{
  height:auto;
}
#main_contents{
  padding-top:146px;
}


/*----------------------------------------*/
}
/*    end case 768px (smartphone etc)
----------------------------------------*/


/* -------------------------------------
  case 640px (smartphone etc)      */
@media screen and (max-width: 640px) {
/*----------------------------------------*/

#elements_wrapper img {
  height: auto!important;
}
#siteHeader {
  padding-top: 50px;
}
#pc_header {
  display: none;
}
#sp_header{
  display:block;
}
#sp_header.bgON{
/*  background: url("/cmn/images/bg_header.png") repeat-x 0 100%;*/
}
.noSP{
  display:none;
}
.sns_area.top,
.sns_area.top .snsBtn,
#main_contents .sns_area.top .snsBtn li{
  height:0px;
  width:0px;
  overflow:hidden;
}
.sns_area.top{
  *display:none;
}
header #header_inner{
  width:100%;
}
#siteFooter #footer_inner,
#main_contents #contents{
  max-width:640px;
  width:95%;
}
header #header_inner{
  vertical-align:middle;
}
#pc_header{
  text-align:center;
  padding-top:20px;
  position:static;
}
#pc_header nav.global{
  display:inline-block;
  *display:inline;
  *zoom:1;
}
#pc_header h1#logo{
  vertical-align:top;
  width:100%;
  max-width:100px;
}
#pc_header nav.global{
  margin-top:5px;
  width:100%;
}
#pc_header #header_inner nav.global li{
  width:47%;
}
#pc_header #header_inner nav.global li{
  margin:0;
}

#pc_header #header_inner nav li a{
  line-height:1.68;
  padding:10px 0 8px;
}

#pc_header #header_inner nav.global li.nav07 li a{
  line-height:1.0;
}
#pc_header nav.global li.nav01{
}
#pc_header nav.global li.nav02{
}
#pc_header nav.global li.nav03{
}
#pc_header #header_inner nav.global li.nav04{
  border-bottom:1px dotted #ccc;
}
#pc_header #header_inner nav.global li.nav05{
}
#pc_header #header_inner nav.global li.nav06{
}

#index #snsBtnFix {
  display:none;
}

#sub_section nav.subnavi li.listttl .lineup_list{
  display:none;
}
#sub_section nav.subnavi li.listttl .lineup_list.on{
  display:block;
}
#sub_section nav.subnavi{
  margin-bottom:50px;
}
footer#siteFooter .column03 .col{
  max-width:600px;
  width:100%;
  display:block;
  float:none;
  margin:0 0 0;
}
#siteFooter .column03 .col:first-child{
  margin-left:0;
}
#snsBtnFix{
  display:none;
}
#snsBtnFixSP{
  display:block;
  position:static;
  top: 0;
  right: 0;
  text-align:right;
  margin:10px 0;
}
#snsBtnFixSP li{
  margin:0 0 0 5px;
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.block_normal.page_link{
  position:static;
  right:2px;
  bottom:0;
    width: 49%;
}
.not_box{
  display:none;
}
#main_section.block_list .grid .gridBox{
  width:50%;
  max-width:none;
  text-align:left;
  *max-width:196px;
}
#main_section,
#main_section.block_list{
  max-width:420px;
}
.content_wrap .block_list .grid{
  width:100%;
}
#main_section ul.btn_link li{
  margin:10px 0 0 0;
}
#main_section .frurt_shop_block section.half.img_area{
  margin-left:0;
}
.frurt_shop_block .link.sommelier,
.frurt_shop_block .banner{
  float: none;
  width: 100%;
  max-width: none;
}
.frurt_shop_block .banner{text-align: center;}




/* reset */
#company.index nav.subnavi li.c-01 > a,
#reason.index nav.subnavi li.r-01 > a,
#lineup.tropical_fruits nav.subnavi li.l-15 > a,
#lineup.banana.index nav.subnavi li.l-01 > a,
#activitie.activitie.index nav.subnavi li.a-01 > a,
.test{
  color:#666;
  background:url(../images/arrow01_off.png) no-repeat left 9px;
}

/* list on */
#activitie.activitie.index nav.subnavi li.a-01s > a,
#company.index nav.subnavi li.c-01s > a,
#reason.index nav.subnavi li.r-01s > a,
#lineup.tropical_fruits nav.subnavi li.l-15s > a,
#lineup.banana nav.subnavi li.l-01s > a,
.test{
  color:#f58200;
  background:url(../images/arrow01_on.png) no-repeat left 9px;
}
/*--#main_contents{
  padding-top:0;
}--*/
/*----------------------------------------*/
}
/*    end case 640px (smartphone etc)
----------------------------------------*/

/* -------------------------------------
  case 480px (smartphone)      */
@media screen and (max-width: 480px) {
/*----------------------------------------*/
#siteFooter .sns_area .snsBtn {
    position: static;
}

#main_section section.normal > .inner > p.img,
#main_section section.half p.img{
  text-align:center;
}
#main_section .normal h5,
#main_section .normal h4{
  width:auto;
  position:relative;
  background:url(/cmn/images/ttl_bg01.png) no-repeat left bottom #fff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: #aaa 0px 0px 2px;
  -moz-box-shadow: #aaa 0px 0px 2px;
  box-shadow: #aaa 0px 0px 2px;
  behavior: url(/cmn/js/PIE.htc);
  padding:3.54%;
  margin-bottom:3.22%;
}
#main_section .normal h4.anchor{  /*reset用*/
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow:none;
  behavior: url(/cmn/js/PIE.htc);
  background:none;
}
#main_section .normal h4.anchor{
  border-bottom:2px solid #f6ab00;
  background-color:transparent;
  padding-bottom:1%;
}
#main_section .normal h4.anchor{
  padding-bottom:0.5%;
}
#main_section .normal h4.anchor{
  background:url(/cmn/images/arrow_02.png) no-repeat left 15px;
  padding-left:12px;
  position:relative;
}
.ie #main_section.block_list .grid{
  border-left-width:2px;
  zoom:1;
}
#main_section .half h4.border,
#main_section .half h5.border{
  padding:0 0 1.5%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow:none;
  behavior: url(/cmn/js/PIE.htc);
}

#main_section.block_list .grid .gridBox{
  width:50%;
  *width:46%;
}
#main_section .grid .gridBox.unite2{
  clear:left;
  float:none;
  height:auto;
  width:auto;
  position:static!important;
}
#main_section .grid .gridBox.pagetop .inner,
#main_section .grid .gridBox.blank .inner,
#main_section .grid .gridBox.sport .inner{
  height:166px;
}
#main_section .grid .sport .inner{
  background-size: contain;
}
/*----------------------------------------*/
}
/*    end case 480px (smartphone etc)
----------------------------------------*/

/* -------------------------------------
  case 480px↓ (smartphone column02ver)      */
@media screen and (max-width: 479px) {
/*----------------------------------------*/
.ver_pc{
  display:none;
}
.ver_sp{
  display:inline;
}

#main_section section .trisection,
#main_section .image_column.middle_img section.half,
#main_section .image_column .half,
#main_section section.half{
  width:100%;
  display:block;
}
#main_section .column02 section.half:first-child{
  margin-right:0;
}
#main_section .image_column.middle_img section.half{
  max-width:none;
}
#main_section section .trisection{
  margin:0 0 20px;
}
#main_section section .trisection p.img{
  text-align:center;
}

.sp_link{
  /*max-width:185px;*/
  /*min-width:180px;*/
  /*width:60%;*/
}
/*----------------------------------------*/
}
/*    end case 480px (smartphone etc)
----------------------------------------*/
/* -------------------------------------
  case 320px (smartphone)      */
@media screen and (max-width: 320px) {
/*----------------------------------------*/
header #header_inner,
footer #footer_inner,
#main_contents #contents{
  max-width:320px;
}

#pc_header #header_inner nav li a{
  padding:1em 0;
  font-size:80%;
}

.minicolumn dt{
  width:25%;
}
.minicolumn dt img{
  min-width:65px;
}

#main_section.block_list .grid .gridBox{
  max-width:200px;
  zoom:1;
}
#main_section .grid .gridBox.pagetop .inner,
#main_section .grid .gridBox.blank .inner,
#main_section .grid .gridBox.sport .inner{
  height:166px;
}
/*----------------------------------------*/
}
/*    end case 320px (smartphone etc)
----------------------------------------*/