/* variables */
@media screen and (min-width: 771px) {
  /* 以下PC向け */
  a {
    text-decoration: none;
  }
  a:link {
    color: #666;
  }
  a:hover,
  a.pink_text {
    color: #ed78af !important;
  }
  a:visited {
    color: #666;
  }
  body {
    position: relative;
    color: #666;
    font-size: 13px;
    font-family: "メイリオ", "Meiryo UI", "sans-serif";
    margin: 0;
    min-height: 100%;
  }
  form {
    margin: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
  }
  html {
    height: 100%;
  }
  input.hoverable {
    cursor: pointer;
  }
  select {
    height: 40px;
  }
  #annai_explain {
    width: 524px;
  }
  /*
     二重演出防止
     */
  #avoid_multi_events_box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 30;
  }
  #bubble {
    position: absolute;
    display: block;
    width: 308px;
    height: 255px;
    right: 16px;
    bottom: 48px;
    background-image: url("/img/misc/productsbubble.png");
  }
  #sp__bubble {
    display: none;
  }
  #chikara_explain {
    position: relative;
    margin: auto;
    width: 512px;
    text-align: center;
    background-color: white;
    line-height: 24px;
    z-index: 1;
  }
  #chikara_matome {
    display: block;
    width: 543px;
    height: 237px;
    background-image: url("/img/bg/sonomamachikara_matome2.png");
    margin: 50px auto;
    text-align: center;
  }
  #sp__chikara_matome {
    display: none;
  }
  #chikara_midashi {
    font-size: 15px;
    line-height: 50px;
  }
  #dochira {
    display: block;
    position: relative;
    width: 511px;
    height: 216px;
    background-image: url("/img/bg/dochiranoanatamo.png");
  }
  #sp__dochira {
    display: none;
  }
  #fh {
    position: relative;
    display: inline-block;
    width: 1000px;
    height: 395px;
    background-image: url("/img/misc/fulvicandhumicshale.jpg");
  }
  #fl_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
  }
  #fl_container #flowerline_r {
    position: absolute;
    top: 30px;
    right: 0;
    width: 155px;
    height: 11px;
    background-image: url("/img/misc/flowerline_r.png");
  }
  #fl_container #flowerline_l {
    position: absolute;
    top: 30px;
    left: 0;
    width: 154px;
    height: 11px;
    background-image: url("/img/misc/flowerline_l.png");
  }
  #footer {
    position: absolute;
    height: 78px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #bbe3e2 repeat-x;
  }
  #footer #ftr_contents {
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 100%;
    top: 16px;
  }
  #footer #ftr_corp_banner {
    display: inline;
  }
  #footer #sp__ftr_cort_banner_container {
    display: none;
  }
  #free {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 566px;
    width: 80%;
    /* height: 103px; */
    margin: 24px auto 52px;
  }
  #free > div {
    width: 100px;
    height: 100px;
  }
  #gokounyuu {
    display: block;
    width: 225px;
    text-align: center;
  }
  #hachuurui {
    display: block;
    width: 1000px;
    height: 142px;
    background-image: url("/img/bg/iguana2.png");
  }
  #haisou_explain {
    width: 762px;
  }
  #sp__hachuurui {
    display: none;
  }
  #hako {
    display: inline-block;
    width: 75%;
    text-align: left;
    margin-bottom: 40px;
  }
  #hbar_item_box {
    position: absolute;
    display: inline-flex;
    text-align: center;
    height: 100%;
    right: 0;
  }
  /* #hbar_itemgroup {
        position: absolute;
        height: 24px;
        right: 0;
    } */
  #hdr_plant {
    display: block;
    position: absolute;
    background-image: url("/img/banner/sonomamabrand_headerplant.jpg");
    width: 1406px;
    height: 608px;
    top: 12px;
    right: -203px;
    z-index: -1;
  }
  /*
     ページ最上部の帯
     */
  #header_bar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 32px;
    background-color: #bbe3e2;
    z-index: 3;
  }
  .inner_bar > span {
    cursor: pointer;
  }
  #kihon {
    position: relative;
    display: inline-block;
    width: 1000px;
    height: 815px;
    background-image: url("/img/bg/nomikatakihon.jpg");
  }
  #sp__kihon {
    display: none;
  }
  /*
     メインコンテナ。見えたり見えなかったり？
     */
  #main_box {
    width: 1000px;
    margin: auto;
    padding: 56px 0 78px;
    text-align: left;
  }
  #matome {
    position: relative;
    margin: 50px 0;
    padding: 20px 0;
    text-align: left;
    /*& > {
            margin-top: 10px;
            padding-left: 20px;
        }*/
  }
  #mm_a_box {
    width: 458px;
    top: 356px;
  }
  #mm_a_box > div {
    position: relative;
    display: inline-block;
    top: 20px;
  }
  #mm_a_box > div > span {
    cursor: pointer;
  }
  #mm_a_box > img,
  .mm_updt_koumoku > img,
  #mm_del_box > img {
    float: right;
    width: auto;
    height: 31px;
    cursor: pointer;
  }
  #mm_a_box > input,
  .mm_updt_koumoku > input,
  #mm_del_box > input {
    float: left;
    width: 78%;
    height: 25px;
  }
  #mm_close {
    position: relative;
    top: 349px;
    cursor: pointer;
  }
  #mm_del_box {
    width: 458px;
    top: 282px;
  }
  #mm_updt_box {
    top: 237px;
  }
  .mm_updt_koumoku {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    width: 458px;
  }
  #log_reg_box {
    padding: 10px;
    margin: 60px auto 0;
    border: double #07aabd;
  }
  #logo_short {
    position: absolute;
    bottom: 3px;
    height: 75%;
  }
  #okasan {
    margin: 30px auto;
    font-size: 15px;
  }
  #osusume_explain {
    text-align: center;
    line-height: 24px;
  }
  #pop_up_bg {
    position: absolute;
    display: none;
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
  }
  #pop_up_container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  #post_container {
    height: 0;
  }
  #press_sidemenu {
    display: block;
  }
  #products_anshin {
    display: block;
  }
  #sp__products_anshin {
    display: none;
  }
  #products_ful_hum_container {
    display: block;
  }
  #sp__products_ful_hum_container {
    display: none;
  }
  #pu_close {
    position: absolute;
    top: 11px;
    left: 13px;
    cursor: pointer;
  }
  #mm_pu_jittai {
    width: 644px;
    height: 437px;
    background-image: url("/img/misc/mailmagazine_insite_back.png");
    text-align: center;
  }
  #mm_pu_jittai > div {
    position: relative;
    display: inline-block;
  }
  #msg {
    position: relative;
    width: 100%;
  }
  #msg > img {
    max-width: 56%;
  }
  #msg > img#news_article_banner {
    position: absolute;
    width: 131px;
    height: 34px;
    top: 0;
    right: 0;
  }
  #nmkt {
    display: block;
  }
  #sp__nmkt {
    display: none;
  }
  #recipe {
    position: relative;
    display: inline-block;
    margin: 20px 0 90px;
    width: 1000px;
    height: 716px;
    background-image: url("/img/misc/nomikataarrange.jpg");
  }
  #sp__recipe {
    display: none;
  }
  #reg_merit_explain_box {
    width: 600px;
  }
  #reg_merit_explain_box > div {
    margin: 20px 0;
  }
  #reg_merit_explain_box > div > div {
    display: flex;
  }
  #reg_merit_explain_box > div > div > div:first-child {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    align-self: center;
    margin-right: 5px;
  }
  /*
     メインコンテナ右端に表示されるサイドバー
     */
  #sidebar {
    line-height: 28px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 3px;
    width: 250px;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #sidebar ul {
    padding: 0 15px;
    list-style-type: square;
  }
  #sitemap_box {
    display: table;
  }
  #sp__sitemap_box {
    display: none;
  }
  div#sp__sonomama_logo_container {
    display: none;
  }
  /*
     ソノママミネラルメインロゴ
     */
  #snmm {
    width: 210px;
    vertical-align: bottom;
    margin-bottom: 8px;
  }
  #snmm_brand_explain_box {
    position: relative;
    margin-top: 20px;
  }
  #snmm_brand_grass {
    display: table;
    width: 1000px;
    height: 97px;
    background-image: url("/img/misc/footer_grass.png");
  }
  #snmm_brand_grass > div {
    position: relative;
    display: table-cell;
    width: 33%;
    bottom: 15px;
  }
  #snmm_explain {
    width: 340px;
    margin: auto;
    padding-top: 55px;
    text-align: center;
    line-height: 24px;
  }
  #snmmbrand_hdr {
    display: block;
    position: relative;
    width: 1000px;
    height: 234px;
  }
  div#sp__snmmbrand_hdr_w450 {
    display: none;
  }
  div#sp__snmmbrand_hdr_w800 {
    display: none;
  }
  div#sp__main_menu {
    display: none;
  }
  #sono3_box {
    display: table;
    margin: 30px auto 45px;
    border-collapse: separate;
    border-spacing: 22px 0;
  }
  #sono3_container {
    position: relative;
    width: 100%;
    margin: 60px auto 0;
  }
  /*
     トップメニューコンテナ
     */
  #top_menu {
    position: relative;
    /* margin-top: 56px; */
  }
  #teiki_jittai {
    width: 500px;
    height: 430px;
    padding: 86px 0 64px;
    background-color: white;
    /*
         定期コースについて- ポップアップ最上部の緑の帯
         */
  }
  #teiki_jittai > div:first-child {
    position: absolute;
    height: 86px;
    background-color: #d9e9b2;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    font-size: 14px;
  }
  #teiki_jittai span:first-child {
    display: block;
    padding-top: 36px;
  }
  #teiki_jittai > div:last-child {
    position: absolute;
    height: 64px;
    background-color: #d9e9b2;
    bottom: 0;
    left: 0;
    right: 0;
  }
  div#tenpo_jouhou_button_box {
    width: 100%;
    padding: 20px 0;
    background-color: #bbe3e2;
  }
  div#tenpo_jouhou_button_box img {
    width: 184px;
    margin: 5px 0;
  }
  div#tenpo_jouhou_button_box_inner {
    width: 66%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #t_item_group {
    display: flex;
    justify-content: space-between;
    width: 75%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #trkt_snmm30_box {
    display: inline-block;
    margin-top: 80px;
    position: relative;
    width: 294px;
    height: 185px;
    background-image: url("/img/misc/shouhin/sonomama30_294x185.png");
  }
  #sp__trkt_container {
    display: none;
  }
  #wada_sensei_books_page_width {
    width: 97%;
    margin: auto;
  }
  .blue_line {
    position: absolute;
    width: 100%;
  }
  .blue_text {
    color: #07aabd !important;
    /* #6395ae */
  }
  div.book_container {
    display: flex;
    margin: 20px auto;
    width: 100%;
  }
  .chikara_pg {
    margin: 20px 0;
    text-align: left;
  }
  .dropdown_jittai {
    position: absolute;
    display: none;
    top: 100%;
    /* #top_menuの縦のmargin */
    width: 280px;
    z-index: 3;
    text-align: left;
  }
  .dropdown_jittai > div {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding-left: 24px;
    background-color: #bae3e2;
    z-index: 4;
  }
  .dropdown_jittai > div:not(:last-child) {
    border: solid white;
    border-width: 0 0 1px 0;
  }
  .dropdown_jittai a {
    color: white;
  }
  /*.form_table {
        display: table;
        & > div {
            display: table-row;
            margin: 5px 0;
            & > * {
                display: table-cell;
            }
        }
        label {
            text-align: right;
        }
    }*/
  .hbar_item {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  .hbar_item:not(:last-child) {
    margin-right: 20px;
  }
  .hi_text {
    font-size: 13px;
    font-weight: normal;
  }
  .hi_text > a {
    color: white;
  }
  .hum_color {
    color: #88ac88;
  }
  .pop_up_jittai {
    position: relative;
    display: none;
    z-index: 6;
    margin: auto;
  }
  .humicle_green {
    color: #57b53c;
    font-weight: bold;
  }
  /*
     トップメニュー内の項目を#main_boxの右端に寄せるためだけのコンテナ。見えない。
     フッターにも使用
     */
  .inner_bar {
    position: relative;
    width: 1000px;
    height: 100%;
    margin: auto;
  }
  div.kanto_area_midashi_box {
    margin: 30px auto;
  }
  div.kaku_tenpo_container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 70px;
  }
  .midashi {
    position: relative;
    font-size: 24px;
    background-color: white;
    z-index: 1;
    text-align: center;
    padding: 0 15px;
  }
  .midashi_container {
    position: relative;
    margin: auto;
    width: 100%;
  }
  .midashi_sub {
    margin-top: 3px;
    font-size: 17px;
  }
  .midashi_yokobou {
    position: absolute;
    top: 50%;
    width: 100%;
    border: solid #bbe3e2;
    border-width: 0 0 1px 0;
  }
  .osusume_koumoku_midashi {
    display: block;
    position: relative;
    width: 562px;
    height: 176px;
    background-image: url("/img/bg/osusumelabelback.png");
    /* 見出し */
    /* <Sonomamaがおすすめなヒト>の吹き出し */
  }
  .osusume_koumoku_midashi > div:first-child {
    position: relative;
    top: 70px;
    font-size: 20px;
    color: white;
  }
  .osusume_koumoku_midashi > div:last-child {
    position: absolute;
    top: 0;
    left: -165px;
    width: 147px;
    height: 122px;
    background-image: url("/img/misc/osusumebubble.png");
  }
  .sp__osusume_koumoku_midashi {
    display: none;
  }
  .outer_button {
    margin: 0 auto;
    width: 169px;
    height: 72px;
    background-image: url("/img/misc/outerbutton.png");
  }
  .right_box {
    width: 360px;
    border: solid 1px black;
    background-color: aliceblue;
    padding: 5px;
  }
  .right_box:first-child {
    margin-bottom: 10px;
  }
  .shouhin_item {
    width: 100%;
    margin: 0 !important;
  }
  .slightly_bigger {
    font-size: 1.2em;
    font-weight: bold;
  }
  div.sp__slidable_menu {
    display: none;
  }
  .sono_box {
    display: table-cell;
    width: 301px;
    text-align: center;
  }
  .sp {
    display: none !important;
  }
  /*.splitter {
        width:100%;
        border:#666 solid;
        border-width:1px 0 0 0;
        margin:20px 0;
    }*/
  .success_box {
    background-color: rgba(0, 255, 0, 0.5);
    padding: 6px;
  }
  .teiki_pu_pg {
    line-height: 21px;
    width: 95%;
    margin: 16px auto;
    font-size: 12px;
  }
  .teiki_pu_pg > span {
    display: inline-block;
    margin: 5px 0;
    font-size: 13px;
  }
  .top_menu_item {
    position: relative;
  }
  .top_menu_item_box {
    position: relative;
    padding: 8px 0 15px;
  }
  .top_menu_item_box:hover {
    background-color: #e5e5e5;
  }
  .topic {
    display: table;
    width: 100%;
    height: 80px;
    border-spacing: 8px 0;
  }
  .topic > div {
    display: table-cell;
    vertical-align: middle;
  }
  .sp__topic {
    display: none;
  }
  .woodpanel {
    display: block;
    width: 100%;
    margin: 40px 0;
  }
  .sp__woodpanel {
    display: none;
  }
  .yokobou {
    position: absolute;
    border-color: #bbe3e2;
    border-width: 0 0 3px 0;
    margin: 14.5px 0 0;
    left: 0;
    right: 0;
    z-index: 0;
  }
  div#sp__hbar_item_box {
    display: none;
  }
}
/*# sourceMappingURL=main.css.map */