@charset "utf-8";
/*
Theme Name: 鹿児島甘口味噌醤油 ヒシク藤安醸造
Theme URI: http://hakohako.info
Description:鹿児島甘口味噌醤油 ヒシク藤安醸造用 テンプレートです。
Author: WordPress theme production team /cyberwave&blvTM 
Author URI: http://www.cyber-wave.jp
Version: 1.0.0
Tags: responsive-layout
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tech
Domain Path: /languages

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
img { -ms-interpolation-mode: bicubic; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.f_left{float: left;}
.f_right{float: right;}

@media only screen and (max-width: 500px){
    .f_left{float:none;}
    .f_right{float:none;}
}
  
.center{text-align: center;}
.tx_right{text-align: right;}
.tx_left{text-align: left;}

.red{color:#f00;}

@media only screen and (max-width: 700px){
#post .sp-block th,#post .sp-block td{width:auto !important;display:block;border-collapse:collapse ;}
}


/* サイド */
#post .aside .kanren h3,#tag-archive .aside .kanren h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background: #fff;
    border-bottom: 3px solid #595959;
}

/*#post .aside .kanren{margin-bottom:30px;}*/

#post .aside .kanren ul,#tag-archive .aside .kanren ul{margin:10px 5px 30px;}

#post .aside .kanren ul li,#tag-archive .aside .kanren ul li {
    /*background: url(img/sub/arrow_black.png) no-repeat 7px 50%;*/
    background:none;
    padding: 2px 0px 10px 10px;
    list-style: none;
    font-size: 14px;
    /*border-bottom: 1px dashed #b3b3b3;*/
}

#post .aside .kanren ul li a,#tag-archive .aside .kanren ul li a{
    text-decoration: underline;
    border-bottom: 1px dashed #b3b3b3;
    background: url(img/sub/arrow_black.png) no-repeat 0 5px;
    padding: 0px 10px 10px;
    width: 210px;
    display: block;
}


/** サブページ **/

/* 会社概要 */
@media only screen and (max-width:960px) {
    iframe{width:100%;}
}

/* ヒシクの歴史 */
.logomark{
    width: 240px;
    color: #333;
    font-size: 12px;
    border: 1px solid #CE1D1D;
    border-radius: 10px;
    padding: 9px;
    background: #FFF0F0;
    margin-left: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width:520px) {
    .logomark{float: none;width: 100%;margin: 0 0 10px;}
    .logomark img{width: 200px;}
    #post div.logomark p:first-child{text-align: center;}
}

.logomark img{margin-top:10px;}
#post .logomark strong {font-size: 15px;text-align:center;display: block;}
#post .logomark p{margin-bottom:10px;}


/* 商品紹介 */
#post .product_btn p {float: left;width: 45%;}

@media only screen and (max-width:470px) {
#post .product_btn p{width:95%;}
}


/* 季節のおすすめ商品 */
#post table.recipi_photo, #post table.recipi_photo th, #post table.recipi_photo td{border:none;text-align:center;}
#post .recipi_photo img {margin-bottom: 5px;}

/* 味噌商品の紹介 */
#post .miso_shouhin table {
    width: 50%;
    float: left;
    margin-right: 10px;
}


#post .miso_shouhin .btn-more,
#post .shouyu_shouhin .btn-more,
#post .gift_shouhin .btn-more{text-align:right;}

#post .miso_shouhin .btn-more a,
#post .shouyu_shouhin .btn-more a,
#post .gift_shouhin .btn-more a {
    display: inline-block;
    padding: 5px 20px;
    background: #cebba5;
    border-radius: 5px;
    color: #000;
    font-weight:bold;
}

#post .miso_shouhin .btn-more a:hover,
#post .shouyu_shouhin .btn-more a:hover,
#post .gift_shouhin .btn-more a:hover {
    background: #cc0000;
    color: #fff;
}

@media only screen and (max-width:681px) {
    #post .miso_shouhin table{width:95%;}
    #post .miso_shouhin table td img{width:230px;}
    #post .miso_shouhin table+p {text-align: center;}
    #post .miso_shouhin table+p img{width:300px;}
}

#post .miso_shouhin table th,#post .miso_shouhin table td{text-align:center;}

#post .miso_shouhin table strong{font-size: 110%;}

/* 醤油商品の紹介 */
#post .shouyu_shouhin table {
    width: 55%;
    float: left;
    margin-right: 10px;
}

@media only screen and (max-width:681px) {
    #post .shouyu_shouhin table{width:95%;}
    #post .shouyu_shouhin table td img{width:230px;}
    #post .shouyu_shouhin table+p {text-align: center;}
    #post .shouyu_shouhin table+p img{width:300px;}
}

#post .shouyu_shouhin table th,#post .shouyu_shouhin table td{text-align:center;}

#post .shouyu_shouhin table strong{font-size: 110%;}

/* ギフト商品の紹介 */

#post .btn_gift ul{margin-left:0;}
#post .btn_gift ul li {
    list-style: none;
    background: none;
    float: left;
}

@media only screen and (max-width:470px) {
    #post .btn_gift ul{text-align:center;}
    #post .btn_gift ul li{display: inline-block;text-align:center;float: none;}

}

#post .gift_shouhin table {
    width: 50%;
    float: left;
    margin-right: 10px;
}

@media only screen and (max-width:960px) {
    #post .gift_shouhin img,#post .gift_shouhin div p img,#post .gift3 p img{width:300px;}
}

@media only screen and (max-width:681px) {
    #post .gift_shouhin table {width:95%;}
    #post .gift_shouhin p{text-align:center;}
    #post .gift_shouhin div p.f_right{float:none;text-align:center;}
}

#post .gift_shouhin table th,#post .gift_shouhin table td{text-align:center;vertical-align: middle;}

#post .gift_shouhin table strong{font-size: 110%;}

#post .giftleftbox {width: 50%;float: left;}
#post .giftleftbox+p.gift_rightimg{float:right;}

@media only screen and (max-width:681px) {
    #post .giftleftbox {width:95%;}
    #post .giftleftbox+p.gift_rightimg {float: none;text-align:center;}
    #post .giftleftbox+p.gift_rightimg img{width:300px;}
}

#post .giftleftbox table th,#post .giftleftbox table td{text-align:center;vertical-align: middle;}
#post .giftleftbox table strong{font-size: 110%;}

#post .gift3 table {
    width: 60%;
    float: left;
    margin-right: 10px;
}

@media only screen and (max-width:681px) {
    #post .gift3 table {width: 95%;}
    #post .gift3 p{text-align: center;}
}

#post .gift3 table th,#post .gift3 table td{text-align:center;vertical-align: middle;}

#post .gift3 table strong{font-size: 110%;}

/* ヒシクの商品開発 */
#post .kaihatsu_before {width: 40%;float: left;}
p.arrow {width: 50px;float: left;padding-top: 10px;}
#post .kaihatsu_after {
    width: 43%;
    background: #fffbcf;
    float: right;
    padding: 15px 15px 5px;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
}

@media only screen and (max-width:648px) {
    #post .kaihatsu_after {margin-left:0;}
}

@media only screen and (max-width:564px) {
    #post .kaihatsu_before {float: none;width: 90%;}
    #post .kaihatsu_after {width: 75%;}
}


#post .dev_btn p {float: left;width: 45%;}

@media only screen and (max-width:425px) {
    #post .dev_btn p {float: none;width: 95%;}
    #post .dev_btn img{width:100%;}
}

/* ヒシクのこだわり　九つのお約束 */
#post .promise{text-align: center;font-size: 180%;font-weight: bold;color: #D40000;}


/* ご注文はこちら */
#post p.tel_num {
    font-size: 250%;
    color: #B10000;
    font-weight: bold;
    line-height: 1em;
}

#post p.btn-ordermail{
    /*border: 2px solid #B10000;*/
    background: #b10000;
    color: #fff;
    font-weight: bold;
    font-size: 150%;
    width: 80%;
    margin: 10px auto;
    border-radius: 5px;
}
#post p.btn-ordermail a{color:#fff;padding: 10px 0;text-align: center;width: 100%;display: inline-block;}

#post p.btn-ordermail:hover{opacity: 0.8;}

@media only screen and (max-width:960px) {
    #post p.tel_num img{width:46px;}
}

@media only screen and (max-width:680px) {
    #post p.tel_num a{text-decoration: none;color:#B10000;}
    #post p.num_green a{text-decoration: none;color:#22ac38;}
    #post p.btn-ordermail{width:90%;font-size: 100%;}
}

p.tel_num img {border-radius: 5px;}

#post .btn-orderpdf {
    width: 40%;
    float: left;
}

@media only screen and (max-width:350px) {
   #post .btn-orderpdf h5 {font-size: 100%;}
}
@media only screen and (max-width:580px) {
   #post .btn-orderpdf {width:50%;}
}

#post ul.order_mail {
    border: 1px solid #b3b3b3;
    padding: 10px 10px 0px;
    border-radius: 5px;
    width: 500px;
    margin-bottom: 10px;
}

@media only screen and (max-width:550px) {
    #post ul.order_mail{width:95%;}
}


#post .order_mail li {display:inline-block;margin-right: 10px;}

div#next {font-size: 140%;margin-top: 20px;}

div#next a:last-child{float:right;}

/* おすすめレシピ */
#post table.recipi_tbl{width:100%;margin: 0 auto 20px;}
#post table.recipi_tbl th.tbl_title{width: 50%;text-align: center;background: #942816;color: #fff;}
#post table.recipi_tbl td.recipi_img{text-align:center;vertical-align: middle;}
#post table.recipi_tbl td.recipi_img img{width:80px;}
#post .point{
    border: 1px solid #4E4F49;
    border-radius: 5px;
    padding: 10px;
    background: #FFF9E1;}
.point h5 {color: #B10000;}

.sns-position li.line a:hover {cursor: default;}


@media only screen and (max-width:600px) {
    #post table.recipi_tbl{width:100%;}
    #post table.recipi_tbl td.bdr_none{width:30%;padding: 0;}
    #post table.recipi_tbl td.bdr_none img{max-width:100px;}
}


#post .aside ul.children {
    padding: 0;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-top: 10px;
    font-size: 97%;
}

#post table.dev_tbl {width:80%;}
#post table.dev_tbl th,#post table.dev_tbl td{text-align: center;}

@media only screen and (max-width:580px) {
#post .dev_btn table.kaihatsu_btn td{display: block;padding:10px 0;}
}

.red{color:#b10000;}

@media only screen and (max-width:959px) {
    #post .aside .kanren ul li a{width:100%;}
}

#post p.btn_recipi {
    float: right;
    background: #FFD8D8;
    width: 160px;
    padding: 5px 10px;
}

#post p.btn_recipi a{color: #B71E24;}