@charset "utf-8";

/*
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
*/

/* -------------------------------------
  基本
----------------------------------------*/

body {
    font-size: 13px;
    *font-size: small;
    *font: x-small;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    line-height: 1.5;
    letter-spacing: 0;
    color: #666666;
    word-wrap: break-word;
}

header,
footer,
#main_contents {
    width: 100%;
}

header .minInner,
header #header_inner,
footer #footer_inner,
#main_contents #contents {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    min-width: auto!important;
}

/* -------------------------------------
  a
----------------------------------------*/

a:link,
a:visited {
    color: #666666;
    text-decoration: none;
}

a:hover {
    color: #666666;
    text-decoration: underline;
}


/* -------------------------------------
  ヘッダー
----------------------------------------*/

header {
    margin-bottom: 0.5em;
}

#pc_header {
    padding: 0 0 6px;
    background: url("/cmn/images/bg_header.png") repeat-x 0 100%;
    text-align: center;
    position: fixed;
    z-index: 10001;
}

#pc_header #header_inner {
    padding-top: 7px;
    background-color: #fff;
}

#pc_header nav.global {
    text-align: center;
}

#pc_header nav.global li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 2%;
}

#pc_header nav.global li:first-child {
    margin-left: 0;
}

#pc_header #logo {
    background: #fff;
    width: 14.9%;
    min-width: 80px;
    margin: 0 auto 1.56%;
    text-align: center;
}

#pc_header #logo img {}

#pc_header nav.global li.nav01 {
    min-width: 46px;
    width: 10.62%;
}

#pc_header nav.global li.nav02 {
    min-width: 36px;
    width: 8.22%;
}

#pc_header nav.global li.nav03 {
    min-width: 67px;
    width: 15.83%;
}

#pc_header nav.global li.nav04 {
    min-width: 25px;
    width: 5.62%;
}

#pc_header nav.global li.nav05 {
    min-width: 63px;
    width: 14.58%;
}

#pc_header nav.global li.nav06 {
    min-width: 36px;
    width: 8.33%;
}

#pc_header nav.global li.nav07 {
    min-width: 36px;
    width: 13.5%;
    position: relative;
}

#pc_header nav.global li.nav07 ul {
    position: absolute;
    top: 34px;
    left: 0;
    /*  width: 215px;*/
    width: 180px;
    display: none;
}

#pc_header nav.global li.nav07 ul li {
    background: #fff;
    text-align: left;
    display: block;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    margin: 0;
}

#pc_header nav.global li.nav07 ul li:first-child {
    border-top: 1px solid #f2f2f2;
}

#pc_header nav.global li.nav07 ul li a {
    text-align: left;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
}

#pc_header nav li a span {
    display: none;
}

.blank_icon {
    width: 12px;
    padding-left: 5px;
    height: 12px;
}

@media screen and (max-width: 768px) {
    #nav_global_online li {
        border-bottom: none !important;
    }
    .sp-blank {
        float: left;
    }
}

/* -------------------------------------
  パンくず
----------------------------------------*/

#breadcrumbs {
    width: 100%;
    margin: 30px 0 1em 0;
}

#breadcrumbs strong {
    font-weight: normal;
}

#breadcrumbs ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#breadcrumbs ul li span {
    margin: 0 0.5em;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}

/* minHeader
------------------------------ */

#minHeader {
    background: url("/cmn/images/bg_header.png") repeat-x 0 100%;
    height: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#minHeader div#min_logo {
    min-width: 80px;
    margin: 7px auto 5px;
    text-align: center;
    max-width: 960px;

}

#minHeader div#min_logo img {
    width: 14.9%;

}

#minHeader ul {
    height: 35px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 0;
    position: relative;
    text-align: center;
    top: 0;
}

#minHeader li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 2%;
}

#minHeader li:first-child {
    margin-left: 0;
}

#minHeader li.nav01 {
    min-width: 46px;
    width: 10.62%;
}

#minHeader li.nav02 {
    min-width: 36px;
    width: 8.22%;
}

#minHeader li.nav03 {
    min-width: 67px;
    width: 15.83%;
}

#minHeader li.nav04 {
    min-width: 25px;
    width: 5.62%;
}

#minHeader li.nav05 {
    min-width: 63px;
    width: 14.58%;
}

#minHeader li.nav06 {
    min-width: 36px;
    width: 8.33%;
}

#sp_header {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: auto;
}

#sp_logo {
    position: relative;
    z-index: 2;
    display: table;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    background: #fff;
    border-top: 4px solid #9A0000;
    border-bottom: 2px solid #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sp_logo > li {
    display: table-cell;
    vertical-align: middle;
}

#sp_logo img {
    width: 100px;
    height: auto;
}

.sp_btn {
    position: relative;
    z-index: 3;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 10px 0 auto;
    background: #bf0000;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.sp_btn > i {
    position: absolute;
    left: 5px;
    top: 16px;
    display: block;
    width: 25px;
    height: 3px;
    margin: 0 auto;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
    opacity: 1;
}

.sp_btn > i:first-child {
    top: 6px;
}

.sp_btn > i:last-child {
    top: 26px;
}

.sp_btn.active > i {
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
    opacity: 0;
}

.sp_btn.active > i:first-child {
    width: 25px;
    -webkit-transform: translate(0, 10px) rotate(45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
    transform: translate(0, 10px) rotate(45deg);
    opacity: 1;
}

.sp_btn.active > i:last-child {
    width: 25px;
    -webkit-transform: translate(0, -10px) rotate(-45deg);
    -ms-transform: translate(0, -10px) rotate(-45deg);
    transform: translate(0, -10px) rotate(-45deg);
    opacity: 1;
}

.sp_link {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 500px;
    padding: 50px 0 0;
    background: #e6e6e6;
    border-bottom: 1px solid #540000;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -webkit-transform: translate(0, -1000px);
    -ms-transform: translate(0, -1000px);
    transform: translate(0, -1000px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sp_link.active {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow-y: scroll;
}

.sp_nav {
    display: block;
    padding: 20px 10px;
}

.sp_nav > li {
    position: relative;
    display: block;
    margin: 4px 0 0;
}

.sp_nav > li:first-child {
    margin: 0;
}

.sp_nav > li:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .2);
}

.sp_nav > li a {
    display: block;
    margin: 0;
    padding: 12px 0 10px;
    background: #fff;
    border-left: 10px solid #c7000a;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
}

.sp_nav > li a:hover {
    text-decoration: none;
}

.sp_nav > li a[target="_blank"]:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 0 0 10px;
    background: url(/cmn/images/nav_global_sp_icon.png) no-repeat 0 0;
    background-size: 11px 11px;
}

.sp_sns {
    display: block;
    padding: 0 10px 20px;
    text-align: center;
}

.sp_sns > li {
    display: inline-block;
    /*margin: 0 1em;*/
    margin: 0 0.5em;
}

.sp_sns > li a {
    display: block;
}

.sp_sns > li img {
    width: 50px;
    height: auto;
}

/* -------------------------------------
  フッター
----------------------------------------*/

#siteFooter {
    margin: 0 auto 0;
    padding: 20px 0 10px;
    font-size: 85%;
    background: url(/cmn/images/footer_bg.png) repeat-x left top #f2f2f2;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#siteFooter .snsBtn {
    padding: 0;
    position: absolute;
    right: 0;
}

#footer_inner {
    position: relative;
    padding-top: 15px;
    overflow: hidden;
}

#siteFooter .utility {
    margin: 0 0 5px;
}

#siteFooter .utility li {
    float: left;
    display: inline;
    margin: 0 10px 0 0;
}

#siteFooter li a {
    text-decoration: underline;
    display: block;
}

#siteFooter li strong {
    display: block;
}

#siteFooter li a:hover {
    text-decoration: none;
}

#siteFooter h3 {
    font-size: 118%;
    border-bottom: 4px solid #cccccc;
    padding-bottom: 3px;
    margin-bottom: 3px;
    font-weight: bold;
}

#siteFooter h3 + h3 {
    margin-top: 15px;
}

#siteFooter h3 a {
    display: block;
}

#siteFooter .column03 {
    margin: 0 auto;
}

#siteFooter .column03 ul {
    margin-bottom: 15px;
}

#siteFooter .column03 ul li > a + ul,
#siteFooter .column03 ul li > strong + ul {
    margin: 0 0 15px 1em;
}

#siteFooter .column03 ul a,
#siteFooter .column03 ul strong {
    padding: 2px 0;
}

#siteFooter .column03 .col {
    max-width: 300px;
    width: 30%;
    display: inline;
    float: left;
    margin-left: 15px;
}

#siteFooter .column03 .col:first-child {
    margin-left: 0;
}

#siteFooter nav .column02 > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 49%;
}

/* -------------------------------------
  コンテンツ
----------------------------------------*/

#main_contents #contents {
    position: relative;
    margin-bottom: 50px;
}

#main_section,
#sub_section {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    position: relative;
}

#main_contents {
    background: #fff;
    line-height: 1.69;
    z-index: 2;
    position: relative;
    padding-top: 111px;
}

@media screen and (max-width: 768px) {
    #main_contents {
        padding-top: 55px;
    }
}

#main_section {
    max-width: 694px;
    width: 72.29%;
    position: relative;
}

#main_section.block_list {
    max-width: 696px;
    width: 72.6%;
    position: relative;
}

.main_section_inner {
    margin: 0 2.89% 2.89%;
    padding-top: 2.89%;
}

section.half.trisection,
section.half {
    margin-bottom: 4.58%;
}

section.normal {
    margin-bottom: 30px;
}

section.campaign {
    background: #FFFAD5;
    color: #F6AB00;
    margin-bottom: 12px !important;
    border-top: 1px solid #ffe61e;
    /*  border-bottom: 1px solid #ffe61e;*/
    padding: 7px 0 3px 10px;
}

section.campaign .title {}

section.halfIn .half {
    margin-bottom: 0;
}

section.halfIn .image_column {
    margin-bottom: 0;
}

#main_section h1.h3ttl,
#main_section h2.h3ttl,
#main_section h3 {
    margin-bottom: 1%;
}

#main_section .main_visual {
    margin-bottom: 2.89%;
}

#main_section strong.title {
    font-size: 123.1%;
}

#main_section .column03,
#main_section .column02 {
    letter-spacing: -.40em;
}

#main_section .campaignCol {
    border-bottom: 1px solid #ffe61e;
    margin-bottom: 40px !important;
    padding-bottom: 5px;
}

#main_section .campaignCol section.half {
    margin-bottom: 0px !important;
}

#main_section section.half {
    width: 48.01%;
    max-width: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
}

#main_section section.trisection {
    width: 29.96%;
    max-width: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
    margin-left: 4.74%;

}

#main_section .column02 section.half:first-child {
    margin-right: 3.82%;
}

#main_section section.trisection:first-child {
    margin-left: 0;
}

#main_section section.half .inner {
    margin: 0 0.63%;
}

.main_section_inner > section > .inner {
    margin-bottom: 3.84%;
}

#main_section section.half .inner .wblock {
    background: #FFF;
    padding: 8px;
    margin: 4px 0 0 0;
}


#main_section h5,
#main_section h4 {
    width: auto;
    min-width: 182px;

    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 h5,
#main_section .normal h4 {
    padding: 1.77%;
    margin-bottom: 1.61%;
}

#main_section h5 span,
#main_section h4 span {
    color: #f1003d;
}

#main_section h4.border02,
#main_section h4.border,
#main_section h5.border,
#main_section 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 h4.border02,
#main_section h4.anchor {
    border-bottom: 2px solid #f6ab00;
    background-color: transparent;
    padding-bottom: 1%;
}

#main_section .noemal h4.border02,
#main_section .normal h4.anchor {
    padding-bottom: 0.5%;
}

#main_section h4.anchor {
    background: url(/cmn/images/arrow_02.png) no-repeat left 13px;
    padding-left: 12px;
    position: relative;
}

#main_section h4.border02 {
    position: relative;
    padding-left: 0;
}

#main_section h4.border,
#main_section h5.border {
    background: url(/cmn/images/ttl_bg02.png) no-repeat left bottom;
    padding: 0 0 1.5% 0;
    font-weight: bold;
}

#main_section .half h4.border,
#main_section .half h5.border {
    background: url(/cmn/images/ttl_bg03.png) no-repeat left bottom;
}

#main_section .short h4.border,
#main_section .short h5.border {
    background: url(/cmn/images/ttl_bg04.png) no-repeat left bottom;
}

#main_section .normal h4.border,
#main_section .normal h5.border {
    padding-bottom: 0.7%;
}

#main_section h4.anchor a {
    font-weight: bold;
    color: #6fba2c;
    display: block;
}

#main_section section p.img {
    margin-bottom: 2%;
}

#main_section .online_bnr {
    margin-top: 30px;
    text-align: center;
}

#main_section .online_bnr_in {
    margin-top: 30px;
    padding: 0 4%;
}

.xsCaption {
    font-size: 64%!important;
    -webkit-transform: scale(0.85);
    -webkit-transform-origin: 0 0;
}

.inlineBlock {
    display: inline-block;
}

.txtInd08 {
    margin-left: -0.8em!important;
}

.txtInd12 {
    margin-left: -1.2em!important;
}

.txtBgreen {
    color: #065C1E;
}

/* -------------------------------------
  サブカラム
----------------------------------------*/

#sub_section {
    max-width: 230px;
    width: 23.95%;
    border-left: 2px solid #F2F2F2;
}

#sub_section .title_area {
    padding: 4.34%;
    max-height: 210px;
    position: relative;
}

#sub_section .title_area .sub_h2,
#sub_section .title_area h2 {
    height: 100%;
    max-height: 210px;
}

#sub_section .title_area .sub_h2 img,
#sub_section .title_area h2 img {
    margin: 37.61% 0;
    max-width: 210px;
    width: 100%;
}

#lineup #sub_section .title_area .sub_h2,
#lineup #sub_section .title_area h2 {
    background: #c7000a;
}

#reason #sub_section .title_area .sub_h2,
#reason #sub_section .title_area h2 {
    background: #ff871e;
}

#shop #sub_section .title_area .sub_h2,
#shop #sub_section .title_area h2 {
    background: #ffe61e;
}

#activitie #sub_section .title_area .sub_h2,
#activitie #sub_section .title_area h2 {
    background: #c8dc41;
}

#company #sub_section .title_area .sub_h2,
#company #sub_section .title_area h2 {
    background: #2dbec3;
}

#inquiry #sub_section .title_area .sub_h2,
#inquiry #sub_section .title_area h2 {
    background: #007df5;
}

#nocategory #sub_section .title_area .sub_h2,
#nocategory #sub_section .title_area h2 {
    background: #999999;
}

#enjoy_sumifru #sub_section .title_area .sub_h2,
#enjoy_sumifru #sub_section .title_area h2 {
    background: #ffe61e;
}

#recipe #sub_section .title_area .sub_h2,
#recipe #sub_section .title_area h2 {
    background: #ffe61e;
}

#trivia #sub_section .title_area .sub_h2,
#trivia #sub_section .title_area h2 {
    background: #ffe61e;
}

#lineup #sub_section .bnr_ec,
#enjoy_sumifru #sub_section .bnr_ec,
#trivia #sub_section .bnr_ec {
    margin: 15px 0;
    text-align: center;
}

#sub_section nav.subnavi {
    padding-left: 2em;
    position: relative;
}

#sub_section nav.subnavi ul ul {
    margin-left: 1em;
}

#sub_section nav.subnavi ul {
    list-style-position: outside;
}

#sub_section nav.subnavi > ul > li {
    font-size: 100%;
}

#sub_section nav.subnavi li a {
    background: url(../images/arrow01_off.png) no-repeat left 10px;
    display: block;
    border-bottom: 1px dotted #cccccc;
    /*   padding:7px 0 10px 12px; */
    padding: 6px 0 5px 12px;
    margin-right: 5.23%;
    width: auto;
}

#sub_section nav.subnavi li a:hover {
    color: #f58200;
    text-decoration: underline;
    background: url(../images/arrow01_on.png) no-repeat left 10px;
}

#sub_section .list_top {
    /*  display:none;*/
}

#sub_section nav.subnavi li.listttl {
    display: block;
    max-width: 582px;
    width: 97%;

}

#sub_section nav.subnavi li.listttl a {
    margin-right: 0;
}

#sub_section nav li.list_a.listttl .lineup_list > ul {
    width: auto;
    display: block;
}

#sub_section nav.subnavi li.listttl .list_top {
    /*  display:block;*/
}

#sub_section nav.subnavi li.listttl.list_a {
    border-bottom: 2px solid #f6f6f6;
}

/* -------------------------------------
  個別パーツ
----------------------------------------*/

table.list01 {
    border: 1px solid #ccc;
    border-bottom: 0px;
    width: 100%;
    margin: 0 0 1%;
}

table.list01 td,
table.list01 th {
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    padding: 0.6% 0;
}

table.list01 th {
    width: 43.36%;
    background: #6fba2c;
    color: #fff;
    text-align: center;
}

table.list01 td {
    padding: 0 2%;
}

table.list01 td img {
    margin: 0 1.14%;
    vertical-align: middle;
    width: 12.11%;
    max-width: 18px;
    max-height: 16px;
    min-width: 13px;
}

ul.list_line li {
    margin-bottom: 1em;
}

ul.number {
    padding-left: 2em;
}

ul.number li {
    list-style-type: decimal;
}

ul.no_number li {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

ul.note {
    font-size: 85%;
}

ul.note li {
    text-indent: -1em;
    margin-left: 1em;
}

ul.note2 li {
    text-indent: -1.1em;
    margin-left: 1.3em;
    margin-bottom: 10px;
}

ul.link li {
    background: url(../images/arrow_02.png) no-repeat left 4px;
    padding-left: 12px;
}

ul.link li a {
    color: #6fba2c;
}

ul.page_top_navi li a:hover,
ul.page_navi li a:hover,
ul.link a:hover {
    text-decoration: underline;
}

ul.btn_link,
ul.page_navi {
    letter-spacing: -.40em;
}

ul.btn_link {
    text-align: center;
    margin: 0 auto 0;
    position: relative;
}

ul.btn_link li {
    letter-spacing: normal;
    width: 100%;
    max-width: 250px;
    min-width: 182px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #999 0px 0px 3px;
    -moz-box-shadow: #999 0px 0px 3px;
    box-shadow: #999 0px 0px 3px;
    background: #6fba2c;
    behavior: url(/cmn/js/PIE.htc);
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: hidden;
}

ul.gray li {
    background: #aaa;
}

ul.btn_link li.first {
    margin-right: 20px!important;
}

#main_section ul.btn_link li a {
    color: #fff;
    display: block;
    text-align: center;
    padding: 7px 5px;
    zoom: 1;
}

#main_section ul.btn_link li a span {
    background: url(/cmn/images/arrow_05.png) no-repeat left 4px;
    padding: 0 0 0 14px;
    text-align: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}

#main_section ul.btn_link li + li {}

/*ul.page_top_navi li a,
ul.page_navi li a,*/

#main_section a {
    color: #6fba2c;
}

ul.page_navi li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    margin: 0 3.07% 3.07% 0;
    background: url(/cmn/images/arrow_04.png) no-repeat left 6px;
    padding-left: 17px;
}

ul.page_top_navi li {
    background: url(/cmn/images/arrow_03.png) no-repeat left 6px;
    padding-left: 17px;
    float: right;
}

.minicolumn {
    background: #f0f9f0;
    padding: 1.52% 0;
}

.minicolumn dt,
.minicolumn dd {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.minicolumn dt {
    width: 26.76%;
    text-align: center;
}

.minicolumn dt img {
    width: 57.71%;
    max-width: 101px;
    min-width: 80px;
    max-height: 33px;
}

.minicolumn dd {
    font-size: 85%;
    width: 72%;
}

.block_list .main_section_inner {
    margin: 0;
    padding: 0;
    position: relative;
}

.block_list .main_section_inner > section {
    /*  letter-spacing: -.40em;*/
}

.pagetop_side {
    position: fixed;
    z-index: 999;
    bottom: 50px;
    right: 0;

}

.not_box {
    visibility: hidden;
}

.image_column.img_right section.txt,
.image_column.img_left section.img_area {
    float: left;
    margin-right: 0;
}

.image_column.img_left section.half.txt,
.image_column.img_right section.half.img_area {
    float: right!important;
}

.image_column section.half.img_area p.img {
    text-align: center;
}

.image_column {
    margin-bottom: 2.8%;
    width: 100%;
}

#main_section .middle_img section.txt {
    width: 60%;
    max-width: 390px;
}

#main_section .middle_img section.img_area {
    max-width: 240px;
    width: 39%;
    text-align: center;
}

p.end {
    text-align: right;
}

#main_section .grid .gridBox {
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
    max-width: 210px;
    width: 33%;
    padding: 10px 10px 10px;
    position: relative;
    float: left;
    zoom: 1;

}

#main_section .grid .gridBox .inner {
    margin-left: 1px;
}

#main_section .grid .gridBox .inner a {
    cursor: pointer;
    display: block;
    text-decoration: none;
    position: relative;
    zoom: 1;
    background-color: #ffffff;
}

#main_section .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;
}

#main_section .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;
}

#main_section .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;
}

#main_section .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;
}

#main_section .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)";
}

#main_section .grid .gridBox .inner a .over {
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

#main_section .grid .gridBox .inner a:hover .over {
    display: block;
}

#main_section .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;
}

#main_section .contentBox {
    background: #ffffff;
    padding: 0 0 5px;
    width: 100%;
    max-width: 208px;
    -webkit-box-shadow: 0 0 3px #7f7f7f;
    moz-box-shadow: 0 0 3px #7f7f7f;
    box-shadow: 0 0 3px #7f7f7f;
    behavior: url(/cmn/js/PIE.htc);
    position: relative;
    zoom: 1;
}

#main_section .contentBox > div.box_inner {
    border: 1px solid #ffffff;

}

#main_section .contentBox p {
    padding: 0 5px;
    font-size: 74%;
}

#main_section .contentBox h3 {
    padding: 7px 5px 4px;
    border-top: 4px solid #c7000a;
    position: relative;
    font-size: 105%;
    font-weight: bold;
}

#main_section .contentBox h3 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;
}

#main_section .contentBox.lineup h3 {
    border-color: #c7000a;
}

#main_section .contentBox.reason h3 {
    border-color: #ff871e;
}

#main_section .contentBox.shop h3 {
    border-color: #ffe61e;
}

#main_section .contentBox.activitie h3 {
    border-color: #d7f000;
}

#main_section .contentBox.company h3 {
    border-color: #2dbec3;
}

#main_section .contentBox.inquiry h3 {
    border-color: #007df5;
}

#main_section .contentBox.recipe h3 {
    border-color: #ffe61e;
}

#main_section .contentBox.recipe-green h3 {
    border-color: #d7f000;
}

#main_section .contentBox.recipe-pink h3 {
    border-color: #ff8782;
}

#main_section .contentBox.trivia h3 {
    border-color: #ffe61e;
}

#main_section .contentBox.lineup h3 span {
    background-position: center 0;
}

#main_section .contentBox.reason h3 span {
    background-position: center -7px;
}

#main_section .contentBox.shop h3 span {
    background-position: center -14px;
}

#main_section .contentBox.activitie h3 span {
    background-position: center -21px;
}

#main_section .contentBox.company h3 span {
    background-position: center -28px;
}

#main_section .contentBox.inquiry h3 span {
    background-position: center -35px;
}

#main_section .contentBox.recipe h3 span {
    background-position: center -14px;
}

#main_section .contentBox.recipe-green h3 span {
    background-position: center -21px;
}

#main_section .contentBox.recipe-pink h3 span {
    background-position: center -42px;
}

#main_section .contentBox.trivia h3 span {
    background-position: center -14px;
}

#main_section .contentBox > div {}

#main_section .gridBox .inner a {
    color: #666666;
}

tbody {
    vertical-align: top
}

/* .gridBox.blank */

#main_section .grid .blank .inner {
    width: 100%;
    height: 100%;
    max-width: 210px;
    max-height: 210px;
    background: url("/cmn/images/logo_smifru_gray.png") no-repeat 50% 50% #e9e9e8;
}

/* .gridBox.pageTop */

#main_section .grid .pageTop .inner {
    width: 100%;
    background: #f6ab00;
}

#main_section .grid .pageTop .inner img {
    margin: -25px 0 0 -46px;
    position: absolute;
    top: 50%;
    left: 50%;
}

/* .gridBox.pageTop */

#main_section .grid .pagetop .inner {
    width: 100%;
    height: 100%;
    max-width: 210px;
    max-height: 210px;
    background: url(/cmn/images/btn_pagetop.png) no-repeat 50% 50% #f6ab00;
}

#main_section .grid .pagetop .inner a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
}

/* -------------------------------------
  snsBtnFix
----------------------------------------*/

#snsBtnFix {
    position: fixed;
    z-index: 999;
    top: 170px;
    right: 0;
}

.pagetop_side li,
#snsBtnFix li {
    margin-bottom: 5px;
    position: relative;
}

#snsBtnFixSP li {
    margin-bottom: 5px;
    -webkit-box-shadow: 0 0 3px #7f7f7f;
    box-shadow: 0 0 3px #7f7f7f;
    behavior: url("/cmn/js/PIE.htc");
    position: relative;
    zoom: 1;
}

#snsBtnFixSP {
    display: none;
}

.snsBtn li {
    display: inline;
    float: right;
}

.sns_area .snsBtn {
    padding: 0;
    position: absolute;
    right: 0;
}

.snsBtn li.tweet {
    width: 102px;
}

.snsBtn li.googlePlus {
    width: 76px;
}

.snsBtn li.fbLike {
    width: 107px;
}

.snsBtn li.mixiLike {
    width: 89px;
    height: 30px;
}

#main_section .frurt_shop_block.image_column .half,
#main_section .frurt_shop_block.image_column {
    margin-bottom: 0;
}

#main_section .frurt_shop_block section.half {
    vertical-align: middle;
}

#main_section .frurt_shop_block section.half.img_area {
    margin-left: 2%;
}

.frurt_shop_block {
    margin: 0 0 30px;
}

.frurt_shop_block .link.sommelier {
    float: left;
    width: 40%;
}

.frurt_shop_block .banner {
    float: right;
    width: 57%;
    max-width: 360px;
}

/* -------------------------------------
  汎用
----------------------------------------*/

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

strong {
    font-weight: bold;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.pdf {
    background: url(/cmn/images/icon/ico_pdf.png) no-repeat right center;
    padding-right: 18px;
}

#main_section .window {
    background: url(/cmn/images/icon/ico_window.png) no-repeat right center;
    padding-right: 18px;
}

#index .window {
    background: none;
    padding-right: 0px;
}

.sub_area01 {
    background: #F0F9F0;
    padding: 1.84%;
    margin-bottom: 4.58%;
}

.sub_area02 {
    background: #fff9fb;
    margin-bottom: 4.58%;
    color: #333333;
    position: relative;
}

.ph_01 {
    position: absolute;
    left: 400px;
    top: 265px;
}


.sub_area01 h6 {
    padding-top: 5px;
    font-weight: bold;
    border-bottom: 1px dotted #CCCCCC;

}

.sub_area01 dl.banage_ruikei {
    float: right;
    width: 160px;
}

.sub_area01 dl.banage_ruikei dt {
    float: left;
    width: 60px;
    text-align: right;
}

.sub_area01 dl.banage_ruikei dd {
    width: 100px;
    float: right;
    text-align: right;
    font-weight: bold;
}

.ver_pc {
    display: inline;
}

.ver_sp {
    display: none;
}

.ttlcolor01 {
    color: #f6ab00;
}

.green_large {
    font-size: 182%;
    color: #6fba2c;
    font-weight: bold;
    line-height: 1.09;
}

.m0 {
    margin: 0px!important;
}

.mb0 {
    margin-bottom: 0px!important;
}

.mb10 {
    margin-bottom: 10px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.mb30 {
    margin-bottom: 30px!important;
}

.bk {
    color: #333;
}


/* -------------------------------------
  case 320px (smartphone)      */

@media screen and (max-width: 768px) {
    /*----------------------------------------*/
    .ph_01 {
        position: static;
        text-align: center;
        margin-bottom: 30px;
        /*
  left: 400px;
  top: 265px;
*/
    }
    #lineup #sub_section .bnr_ec,
    #enjoy_sumifru #sub_section .bnr_ec {
        margin: -25px 0 80px;
    }

    #main_section .bnr_ec {
        text-align: center;
        margin: 20px auto;
    }

    /*----------------------------------------*/
}

/*    end case 320px (smartphone etc)
----------------------------------------*/

/* -------------------------------------
  sidemenu active
----------------------------------------*/

#company.index nav.subnavi li.c-01 > a,
#company.outline nav.subnavi li.c-02 > a,
#company.company nav.subnavi li.c-03 > a,
#company.gogreen nav.subnavi li.c-04 > a,
#company.quality nav.subnavi li.c-05 > a,
#company.environment nav.subnavi li.c-06 > a,
#company.recruit nav.subnavi li.c-07 > a,
#company.history nav.subnavi li.c-08 > a,
#company.news nav.subnavi li.c-09 > a,
#reason.index nav.subnavi li.r-01 > a,
#reason.quality nav.subnavi li.r-02 > a,
#reason.eating nav.subnavi li.r-03 > a,
#reason.environment nav.subnavi li.r-04 > a,
#shop.index nav.subnavi li.s-01 > a,
#inquiry.index nav.subnavi li.i-01 > a,
#inquiry.inquiry nav.subnavi li.i-02 > a,
#activitie.activitie.index nav li.a-01 > a,
#activitie.activity nav.subnavi li.a-02 > a,
#activitie.sport nav.subnavi li.a-03 > a,
#lineup.index nav.subnavi li.l-01 > a,
#lineup.index.banana nav.subnavi li.l-01 > a,
#lineup.k_premium nav.subnavi li.l-02 > a,
#lineup.banapple nav.subnavi li.l-03 > a,
#lineup.showa nav.subnavi li.l-04 > a,
#lineup.kanjyuku nav.subnavi li.l-05 > a,
#lineup.shima nav.subnavi li.l-06 > a,
#lineup.banage nav.subnavi li.l-07 > a,
#lineup.sumifru nav.subnavi li.l-08 > a,
#lineup.gracio nav.subnavi li.l-09 > a,
#lineup.eco nav.subnavi li.l-13 > a,
#lineup.eco_kanjyuku nav.subnavi li.l-11 > a,
#lineup.eco_sweet nav.subnavi li.l-12 > a,
#lineup.eco_banana nav.subnavi li.l-14 > a,
#lineup.tropical_fruits nav.subnavi li.l-15 > a,
#lineup.pine nav.subnavi li.l-16 > a,
#lineup.melon nav.subnavi li.l-17 > a,
#lineup.avocado nav.subnavi li.l-18 > a,
#lineup.papaya nav.subnavi li.l-19 > a,
#lineup.variety.index nav.subnavi li.l-20 > a,
#lineup.morado nav.subnavi li.l-21 > a,
#lineup.grapefruits nav.subnavi li.l-23 > a,
#lineup.ecoindex01 nav.subnavi li.l-10 > a,
#lineup.ecoindex02 nav.subnavi li.l-24 > a,
#enjoy_sumifru.index nav.subnavi li.e-01 > a,
#enjoy_sumifru.mail nav.subnavi li.e-02 > a,
#recipe.index nav.subnavi li.r-01 > a,
#recipe.sommelier nav.subnavi li.r-02 > a,
#recipe.contest nav.subnavi li.r-03 > a,
#recipe.avocado nav.subnavi li.r-04 > a,
#trivia.index nav.subnavi li.t-01 > a,
#trivia.t-02 nav.subnavi li.t-02 > a,
#trivia.t-03 nav.subnavi li.t-03 > a,
#trivia.t-04 nav.subnavi li.t-04 > a,
#trivia.t-05 nav.subnavi li.t-05 > a,
#trivia.t-06 nav.subnavi li.t-06 > a,
#trivia.t-07 nav.subnavi li.t-07 > a,
#trivia.t-08 nav.subnavi li.t-08 > a,
#recipe.banapple nav.subnavi li.r-05 > a,
.test {
    color: #f58200;
    background: url(../images/arrow01_on.png) no-repeat left 9px;
}

#activitie.sport.index nav.subnavi li.a-01 > a,
#activitie.activity.index nav.subnavi li.a-01 > a,
.test {
    color: #666;
    background: url(../images/arrow01_off.png) no-repeat left 9px;
}


/* -------------------------------------
  side
----------------------------------------*/

aside.bnr_ec {
    margin: 20px auto;
    padding: 0 10px;
}

aside.bnr_ec p {
    margin-bottom: 10px;
}


/* -------------------------------------
  clearfix
----------------------------------------*/

/* For modern browsers */

.cf:before,
.cf:after,
div:before,
div:after,
dl:before,
dl:after,
nav:before,
nav:after,
section:before,
section:after,
header:before,
header:after,
footer:before,
footer:after,
ul:before,
ul:after {
    content: "";
    display: table;
}

.cf:after,
nav:after,
section:after,
header:after,
footer:after,
ul:after,
dl:after,
div:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */

.cf,
section,
header,
footer,
nav,
dl,
ul,
div {
    zoom: 1;
}


/* -------------------------------------
  helper
----------------------------------------*/

.mt_20 {
    margin-top: 20px !important;
}