@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap&subset=japanese');

/* CSS Document */


/****************************************************************************
	body設定
*****************************************************************************/

body {
    color: #333;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 36px;
    text-align: center;
    background-color: #ffffff;
}

a {
    color: #333;
    text-decoration: none;
}

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

h2,
h3,
h4 {
    text-align: left;
}

img {
    margin: 0;
    padding: 0;
}

#container {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}


/****************************************************************************
	コンテンツ設定
*****************************************************************************/


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

h1 {
    height: 20px;
    font-size: 0.625em;
    line-height: 20px;
    margin-top: 4px;
    text-align: left;
}

#head {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

#head_in {
    width: 960px;
    height: 90px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#head_logo {
    width: 430px;
    float: left;
    margin-right: 80px;
    margin-top: 0px;
}

.logo_under {
    width: 500px;
    float: left;
    margin-right: 80px;
    clear: both;
    margin-top: -16px;
    margin-left: 24px;
    color: red;
}

#head_tel {
    width: 337px;
    float: left;
    margin-right: 10px;
    margin-top: 12px;
}

#font {
    width: 102px;
    float: left;
    font-size: 0.8em
}

#font img {
    width: 28px;
    margin: 0 3px;
    float: left;
}

#head_bt {
    width: 102px;
    float: left;
    font-size: 0.8em
}

#head_bt img {
    width: 28px;
    margin: 0 3px;
    float: left;
}

.pc {
    display: inline;
}

.sm {
    display: none;
}


/*	ドロップダウンメニュー
----------------------------------------------------------------------------*/

#dropmenu_bar {
    background-image: url(../img/common/navi_back.png);
    background-repeat: repeat-x;
    height: 38px;
}

.dropmenu {
    *zoom: 1;
    list-style-type: none;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    z-index: 1000;
}

.dropmenu:before,
.dropmenu:after {
    content: "";
    display: table;
}

.dropmenu:after {
    clear: both;
}

.dropmenu li {
    /*	width:20%; */
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

.dropmenu li a {
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    font-size: 0.8em;
}

.dropmenu li ul {
    width: 100%;
    list-style: none;
    position: absolute;
    top: 100%;
    left: -1px;
    margin: 0;
    padding: 0;
}

.dropmenu li ul li {
    width: 100%;
    background-image: url(../img/common/navi_bar.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #fff;
}

.dropmenu li ul li a {
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #ff6416;
}

.dropmenu li:hover > a {
    background-color: #fff;
}

.dropmenu li a:hover {
    background-image: url(../img/common/navi_bar-over.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #ffede1;
}

#dropmenu {
    position: relative;
    z-index: 7;
}

#dropmenu li ul li {
    overflow: hidden;
    height: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

#dropmenu li:hover ul li {
    overflow: visible;
    height: 38px;
}


/*	グローバルナビ
----------------------------------------------------------------------------*/

#navi {
    width: 960px;
    margin: 31px 0 0 0;
    height: 40px;
    float: left;
}

#navi li {
    float: left;
    margin: 0;
    height: 40px;
}


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

#footer {
    text-align: center;
    padding: 20px 0;
    margin-top: 80px;
}

#footer_in {
    width: 960px;
    margin: auto;
    background-image: url(../img/common/footer_img.png);
    background-repeat: no-repeat;
    ma background-position: left;
}

#footer_link {
    width: 960px;
    height: 34px;
    margin: 0;
    font-size: 0.75em;
    line-height: 28px;
    text-align: right;
    color: #000;
}

#footer_logo {
    width: 500px;
    margin: 0 30px 0 0;
    float: right;
    text-align: right;
    color: #515151;
}

#footer_copy {
    color: #fff;
    font-size: 0.75em;
    line-height: 25px;
    height: 25px;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #858585;
}

.footer_tel {
    margin: 4px auto 8px;
}

.page_top {
    width: 84px;
    height: auto;
    position: fixed;
    bottom: 100px;
    right: 50px;
    margin: 0;
}

.insta_link {
    margin-top: 220px;
    display: block;
}


/*-- ②　ウィンドウ幅が狭い時（1200px以下） --*/
@media screen and (max-width:1200px) {
    .page_top {
        bottom: 25px;
        margin-top: 0px;

    }

    #footer_copy {
        margin-top: 30px;
    }
}


/*	共通
----------------------------------------------------------------------------*/

.style_bold {
    font-weight: bold;
}

.style_right {
    text-align: right;
}

.style_left {
    text-align: left;
}

.style_red {
    color: #ff2c2c;
    ;
}

.font14 {
    font-size: 14px;
}

.font13 {
    font-size: 13px;
}

.font12 {
    font-size: 12px;
    letter-spacing: -0.08em
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb100 {
    margin-bottom: 100px;
}

.mt-10 {
    margin-top: -10px;
}

.mt-15 {
    margin-top: -15px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 50px;
}

.ml60 {
    margin-left: 60px;
}

.mr05 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr50 {
    margin-right: 50px;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
    overflow: hidden;
    margin: auto;
}

.int10 {
    padding-left: 1em;
}


/*	共通
----------------------------------------------------------------------------*/

#contents {
    width: 960px;
    min-height: 210px;
    margin: 0 auto;
    padding: 0 0 0px 0;
}

.box900 {
    width: 900px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

.box960 {
    width: 960px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

.box920 {
    width: 920px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

.title {
    width: 326px;
    margin: 40px auto 20px auto;
}

.sub_title {
    width: 932px;
    margin: 40px auto 30px auto;
}

.title_orange {
    font-size: 1.375em;
    font-weight: bold;
    color: #ff6416;
    text-align: left;
    margin: 30px auto;
}

.title_orange2 {
    font-size: 1.5em;
    font-weight: bold;
    border-left: solid 10px #ff6416;
    padding-left: 20px;
    text-align: left;
    margin: 30px auto;
}

.text {
    width: 870px;
    text-align: left;
    margin: 20px auto;
}

hr {
    width: 100%;
    border: none;
    border-top: dashed 1px #ff8216;
    height: 2px;
    color: #fff;
    margin: 50px auto;
}

.sitei {
    text-align: left;
    display: inline-block;
}

/*　トップスライダー
----------------------------------------------------------*/

.bx-wrapper {
    /*reset*/
    position: relative;
    margin: 0 0 50px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

.bx-wrapper .bx-controls {
    /*ページャーの表示位置など*/
    position: absolute;
    top: 50%;
    width: 100%;
}

.bx-next,
.bx-prev {
    display: block;
    position: absolute;
    bottom: -24px;
    width: 36px;
    height: 48px;
    background-size: cover;
    z-index: 9999;
    opacity: 0.6;
    outline: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.bx-next:hover,
.bx-prev:hover {
    width: 42px;
    height: 56px;
    bottom: -28px;
    opacity: 1.0;
}

.bx-next:hover {
    right: -23px;
}

.bx-prev:hover {
    left: -23px;
}

.bx-next {
    right: -20px;
    background-image: url(../img/slider/slider_next.png);
}

.bx-prev {
    left: -20px;
    background-image: url(../img/slider/slider_prev.png);
}


/*　TOP
----------------------------------------------------------*/

.top_img {
    margin: 16px auto;
}

.top_bnr {
    margin: 16px auto;
}

.top_bnr2 {
    margin: 0 16px 0 0;
    float: left;
}

.top_bnr3 {
    margin: 40px auto 0 auto;
}

.top_link_box {
    margin: 0;
    width: 154px;
    height: 215px;
    padding: 0px 17px;
    background-color: #ff8116;
    float: left;
    color: #fff;
}

.top_link_box01 {
    margin: 0;
    width: 154px;
    height: 215px;
    padding: 0px 17px;
    background-color: #ff8116;
    float: left;
    color: #fff;
}

.top_link_box01 img {
    margin: 1px 0;
}

.top_link_box01 .img_boder {
    border: solid 1px #b7b7b7;
    box-sizing: border-box;
}

.top_link_box img {
    margin: 6px 0;
}

.mado {
    width: 960px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 60px;
}

.top_addtext {
    /* background-color: #fff1e6; */
    border: 4px solid #ff8216;
    text-align: left;
    padding: 20px;
    /* background-image: url(../img/top/top_img02.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
}

/*　補聴器について
----------------------------------------------------------*/

.about_img {
    float: right;
    font-size: 0.75em;
    text-align: center;
    width: 409px;
}

.about_text1 {
    float: left;
    width: 463px;
    text-align: left;
    margin-left: 20px;
}

.about_icon1 {
    height: 30px;
    line-height: 30px;
    font-size: 1.25em;
    text-align: left;
    font-weight: bold;
    padding-left: 30px;
    margin: 20px 0 20px 35px;
    background-image: url(../img/about/icon.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.about_box1 {
    width: 730px;
    margin: 20px 0;
    padding: 15px;
    text-align: left;
    background-color: #fff1e6;
    border: 4px solid #ff8216;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about_box1_q {
    font-size: 1.25em;
    line-height: 38px;
    height: 38px;
    background-image: url(../img/about/icon_q.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 50px;
    border-bottom: 1px solid #ff8216;
}

.about_box1_a {
    background-image: url(../img/about/icon_a.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 50px;
    padding-top: 10px;
}

.about_box1_q2 {
    color: red;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 38px;
    display: inline-block;
    padding: 3px 12px 0;
    margin-left: 12px;
    border: solid 2px #ff8216;
    background-color: #fff1e6;
}

.about_box1_a2 {
    padding-top: 5px;
}

.about_box1_space {
    height: 10px;
    width: 100%;
}

.specialist {
    font-size: 120%;
}

.link_system {
    color: mediumblue;
    font-weight: bold;
}

.about_prod {
    width: 230px;
    float: left;
    position: relative;
    margin: 20px 0 0 0;
}

.about_prod_text {
    position: absolute;
    width: 220px;
    top: 50px;
    left: 0;
    text-align: center;
}

.about_link {
    width: 940px;
    margin: 40px auto;
}

.about_link img {
    width: 176px;
    margin: 0 5px;
    float: left;
}

.about_type {
    width: 920px;
    margin: 0 auto;
    padding: 0;
}

.about_link:before,
.about_link:after {
    content: "";
    display: table;
}

.about_link:after {
    clear: both;
}


/*　きこえについて
----------------------------------------------------------*/

.about1_box_l {
    width: 390px;
    margin: 0;
    float: left;
}

.about1_img {
    width: 500px;
    margin: 0;
    float: right;
}

.about1_box1 {
    width: 390px;
    margin: 20px 0;
    padding: 25px 20px 20px 20px;
    text-align: left;
    border: 1px solid #f9961f;
    border-radius: 20px;
    behavior: url(PIE.htc);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.about1_box2 {
    width: 390px;
    margin: 20px 0;
    padding: 25px 20px 20px 20px;
    text-align: left;
    border: 1px solid #c4d74d;
    border-radius: 20px;
    behavior: url(PIE.htc);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.about1_box3 {
    width: 390px;
    margin: 20px 0;
    padding: 25px 20px 20px 20px;
    text-align: left;
    border: 1px solid #f4ae00;
    border-radius: 20px;
    behavior: url(PIE.htc);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.about1_box_tab {
    position: absolute;
    left: 20px;
    top: -15px;
}

.about1_icon1 {
    height: 36px;
    line-height: 36px;
    font-size: 1.375em;
    color: #ff8c00;
    text-align: left;
    font-weight: bold;
    padding-left: 30px;
    margin: 20px 0 20px 35px;
    background-image: url(../img/about/01/icon1_1.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.about1_icon2 {
    height: 36px;
    line-height: 36px;
    text-align: left;
    font-weight: bold;
    padding-left: 30px;
    margin: 20px 0 20px 35px;
    background-image: url(../img/about/01/icon1_2.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.about1_text_l {
    height: 36px;
    line-height: 36px;
    font-size: 1.375em;
    text-align: left;
    margin: 20px 0 20px 35px;
}

.about1_bt {
    margin: 40px auto 60px;
}


/*　補聴器のおはなし
----------------------------------------------------------*/

.about2_text {
    width: 900px;
    line-height: 32px;
    text-align: left;
    margin: 40px auto;
    background-image: url(../img/about/02/img02.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}


/*　両耳装用のおすすめ
----------------------------------------------------------*/

.about3_box {
    width: 872px;
    margin: 30px auto;
}

.about3_box1 {
    width: 420px;
    margin: 8px;
    padding: 10px 0 20px 0;
    behavior: url(PIE.htc);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
}

.about3_icon1 {
    line-height: 40px;
    text-align: center;
    padding: 5px 0 5px 30px;
    margin: auto;
    background-image: url(../img/about/03/icon3_1.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.about3_icon2 {
    line-height: 40px;
    text-align: center;
    padding: 5px 0 5px 30px;
    margin: auto;
    background-image: url(../img/about/03/icon3_2.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.about3_icon3 {
    line-height: 40px;
    text-align: center;
    padding: 5px 0 5px 30px;
    margin: auto;
    background-image: url(../img/about/03/icon3_3.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.about3_icon4 {
    line-height: 40px;
    text-align: center;
    padding: 5px 0 5px 30px;
    margin: auto;
    background-image: url(../img/about/03/icon3_4.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.about3_box_l {
    width: 400px;
    margin: 0 0 50px 0;
    float: left;
    text-align: left;
}

.about3_title {
    width: 430px;
    margin: 0 auto;
    text-align: center;
}

.about3_img {
    width: 222px;
    margin: 0;
    float: left;
}

.about3_box2 {
    width: 470px;
    margin: 0 0 50px 0;
    padding: 20px;
    text-align: left;
    border: 1px solid #717171;
    border-radius: 8px;
    behavior: url(PIE.htc);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
}


/*　ご紹介キャンペーン
----------------------------------------------------------*/

.about4_icon1 {
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 1.25em;
    padding: 5px 0 5px 60px;
    margin: auto;
    background-image: url(../img/about/04/icon4_1.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.about4_icon_blue {
    height: 50px;
    line-height: 50px;
    padding-left: 1em;
    text-align: left;
    font-size: 1.2em;
    color: #4ebde1;
}

.about4_bnr {
    width: 670px;
    margin: 10px 250px 40px 0;
}


/*　ご紹介キャンペーン
----------------------------------------------------------*/

.about5_box1 {
    width: 880px;
    margin: 50px auto;
    padding: 20px 40px;
    text-align: center;
    border: 1px solid #6ae51a;
    border-radius: 5px;
    behavior: url(PIE.htc);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about5_box1 .under_line {
    border-bottom: 1px solid #FF8116;
}

.about5_box1 .text_h {
    color: #FF8116;
    font-size: 24px;
    font-weight: 900;
}

.about5_box1 .text_b {
    font-size: 18px;
    font-weight: 600;
}

.about5_box1 span.br {
    display: inline-block;
}


/*　商品について
----------------------------------------------------------*/

.product_box1 {
    width: 880px;
    margin: 0 auto 60px;
    padding: 20px 40px;
    text-align: center;
    border: 1px solid #6AE51A;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product_list {
    margin: 20px auto;
}

.example {
    height: 178px;
    overflow: hidden;
    position: relative;
    width: auto;
    margin: 0 10px 10px 0;
    float: left;
}

.example__image {}

.example__caption {
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 100%;
    left: 0;
    padding: 20px 8px;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 118%;
    border-radius: 6px;
    line-height: 1.4;
}

.example__caption span {
    font-size: 120%;
    font-weight: bold;
}

.logo_head {
    margin-bottom: 50px;
}

.product_logo {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 22%;
}

.product_text {
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1em;
    letter-spacing: 0.04em;
    line-height: 1.6em;
    vertical-align: top;
    width: 77%;
}

.product_text2 {
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1em;
    letter-spacing: 0.04em;
    line-height: 1.6em;
    vertical-align: top;
    width: 100%;
}

.site_link {
    color: #1E9BE9;
    font-weight: 700;
}

.bland_title {
    border-bottom: 2px solid #000;
    display: block;
    font-size: 2em;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-left: 20px;
    padding: 0 5px 5px 5px;
}

.bland_title .yomi {
    font-size: 1em;
}

.bland_title_jnk .yomi {
    font-size: 1em;
}

.bland_title_dkh,
.bland_title_new {
    border-bottom: 2px solid #000;
    display: block;
    font-size: 2em;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-left: 128px;
    padding: 0 5px 5px 15px;
    position: relative;
}

.bland_title_dkh .pop,
.bland_title_new .pop {
    border-bottom: 2px solid #E0B75A;
    color: #E0B75A;
    display: block;
    font-size: 1em;
    font-weight: 700;
    padding: 0 5px 5px 5px;
    position: absolute;
    top: 0;
    left: -4em;
}

.bland_title_new {
    margin-left: 3.4em;
}
.bland_title_new .pop {
    left: -3.4em;
}

.bland_title_dkh .pop::after,
.bland_title_new .pop::after {
    content: "\2605";
}

.bland_title_osm {
    border-bottom: 2px solid #000;
    display: block;
    font-size: 2em;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-left: 151px;
    padding: 0 5px 5px 5px;
    position: relative;
}

.bland_title_osm .pop {
    border-bottom: 2px solid #AA1835;
    color: #AA1835;
    display: block;
    font-size: 1em;
    font-weight: 700;
    padding: 0 5px 5px 5px;
    position: absolute;
    top: 0;
    left: -5em;
}

.bland_title_osm .pop::after {
    content: "\0263B";
}

.bland_title_jnk {
    border-bottom: 2px solid #000;
    display: block;
    font-size: 2em;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-left: 184px;
    padding: 0 5px 5px 5px;
    position: relative;
}

.bland_title_jnk .pop {
    border-bottom: 2px solid #FF708D;
    color: #FF708D;
    display: block;
    font-size: 1em;
    font-weight: 700;
    padding: 0 5px 5px 5px;
    position: absolute;
    top: 0;
    left: -6.3em;
}

.bland_title_jnk .pop::after {
    content: "\02665";
}


.bland_text {
    font-size: 1.2em;
    font-weight: 700;
    margin: 5px 0;
    text-indent: 2em;
    text-align: left;
}

.bland_text_sub {
    font-size: 0.9em;
    text-indent: 2.8em;
    line-height: 1.2;
    color: #666;
}

.product_item {
    display: flex;
    align-content: flex-start;
    align-items: flex-end;
    margin: 30px auto 60px;
}

.product_item .come {
    color: #666;
    font-size: 0.8em;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 10px;
}

.product_item .note {
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 5px;
}

.product_item .note .charging {
    color: #f80000;
}

.product_item .come .charging {
    color: #f80000;
}

.product_item .note_link {
    border: 2px solid #1E9BE9;
    color: #1E9BE9;
    display: block;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 10px;
    padding: 10px 0;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.product_item .note_link:hover {
    background-color: #1E9BE9;
    color: #fff;
    text-decoration: none !important;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.product_item .label {
    font-size: 1.5em;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 10px;
}

.product_item .explanation {
    font-size: 0.9em;
    line-height: 1.5em;
    text-align: left;
    min-height: 90px;
}

.product_item > li {
    position: relative;
}

.product_item > li .new {
    display: inline-block;
    background: #ff0000;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: -1px;
    line-height: 1;
    vertical-align: top;
    margin: 0;
    padding: 3px;
    transform: scale(1.5) translateX(-30%);
    position: absolute;
    top: 5%;
    left: 15%;
    animation: newAnime .7s infinite alternate;
}

.bland_title_dkh .pikapika,
.bland_title_new .pikapika {
    display: inline-block;
    position: absolute;
    color: #ffffff;
    animation: newAnime2 .7s infinite alternate;
}

@keyframes newAnime {
    0% {
        color: #ff0000;
        background: #ffffff;
    }

    100% {
        color: #ffffff;
        background: #ff0000;
    }
}

@keyframes newAnime2 {
    0% {
        color: #ff0000;
    }

    100% {
        color: #ffee52;
    }
}

.type_indent {
    text-indent: 2em;
}

.type_title {
    color: #FF6416;
    font-size: 1.8em;
    text-align: left;
    line-height: 0.95em;
    font-weight: bold;
}

.type_text {
    font-size: 1em;
    letter-spacing: 0.08em;
    margin: 5px 0;
    text-align: left;
}

.product_item > li {
    padding: 0px 10px;
}


.line3 > li {
    text-align: center;
    width: 33.33333%;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
}

.line4 > li {
    text-align: center;
    width: 25%;
    width: -webkit-calc(100% / 4);
    width: calc(100% / 4);
}

.line5 > li {
    text-align: center;
    width: 20%;
    width: -webkit-calc(100% / 5);
    width: calc(100% / 5);
}

.line5 > li img {
    width: 100%;
}

.line6 > li {
    text-align: center;
    width: 16.66666%;
    width: -webkit-calc(100% / 6);
    width: calc(100% / 6);
}

.line6 > li img {
    width: 100%;
}

.maker-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 900px;
    margin: auto;
}

.maker-list > li {
    width: 20%;
    transition: 0.2s all;
    border-right: 1px white solid;
    box-sizing: border-box;
    background: linear-gradient(to top,#ff8216 ,#ffc18c 100%);
    letter-spacing: 1px;
    font-weight: bold;
    position: relative;
    padding-right: 10px;
}

.maker-list > li::before {
    content: url(../img/product/arrow.png);
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}


.maker-list > li.current {
    background: linear-gradient(to top,#ff8116 ,#ff8116 100%);
}

.maker-list > li:not(.current):hover {
    opacity: 0.7;
}

.maker-list > li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    height: 70px;
}


.maker-list > li a p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.maker-list > li a span {
    padding-top: 8px;
    letter-spacing: 0;
    width: 100%;
    font-size: 90%;
}

/*　取引JA
----------------------------------------------------------*/

.product1_list {
    width: 900px;
    margin: 20px auto;
    border-left: solid 1px #ff8216;
    border-top: solid 1px #ff8216;
    text-align: left;
}

.product1_list_w {
    background: #fff;
    padding: 10px;
    border-right: solid 1px #ff8216;
    border-bottom: solid 1px #ff8216;
    text-align: left;
    vertical-align: top;
    line-height: 36px;
}

.product1_list_o {
    background: #fff4ea;
    padding: 10px;
    border-right: solid 1px #ff8216;
    border-bottom: solid 1px #ff8216;
    text-align: left;
    vertical-align: top;
    line-height: 36px;
}


/*店舗案内
----------------------------------------------------------*/

.shop_img_text {
    width: 389px;
    height: 190px;
    line-height: 32px;
    padding: 30px 0 0 50px;
    border-left: solid 1px #666;
    border-bottom: solid 1px #666;
    text-align: left;
    color: #666;
    float: left;
}

.shop_box1 {
    width: 550px;
    margin: 20px 0;
    padding: 35px 20px 10px 20px;
    text-align: left;
    border: 1px solid #5185c4;
    border-radius: 20px;
    behavior: url(PIE.htc);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
}

.shop_box1_tab {
    position: absolute;
    left: 20px;
    top: -15px;
}

.shop_video {
    margin: 20px 0;
    width: 300px;
    height: 144px;
    float: right;
}

.shop_map {
    width: 920px;
    height: 480px;
    margin: 20px auto;
}

.shop_comp {
    width: 920px;
    text-align: left;
    margin: 40px auto;
    background-image: url(../img/shop/img_03.png);
    background-repeat: no-repeat;
    background-position: left 10px;
}

.comp_table {
    font-size: 90%;
    float: right;
    text-align: left;
}

.comp_table th {
    padding: 10px 10px 10px 20px;
    text-align: left;
    background-image: url(../img/shop/icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
}

.comp_table td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

.certification {
    position: absolute;
    right: 0px;
    top: 435px;
}


/*　お問い合わせ
----------------------------------------------------------*/

.contact_bnr {
    width: 512px;
    margin: 50px auto;
}

.contact_comm {
    width: 812px;
    margin: 10px auto 50px auto;
}

.contact_comm_mid {
    width: 812px;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    background-image: url(../img/contact/waku_mid.png);
    background-repeat: repeat-y;
}

.contact_table {
    width: 800px;
    margin: 30px auto;
    text-align: left;
}

.contact_table th {
    font-size: 1.125em;
    width: 300px;
    padding: 10px;
    text-align: left;
    border-bottom: 1px dashed #9bea8b;
}

.contact_table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px dashed #9bea8b;
}

#submit_btn {
    border: none;
    margin: 50px 50px 0 0;
    width: 181px;
    height: 45px;
    background: url(../img/contact/send.png) no-repeat;
    cursor: pointer;
    cursor: hand;
    float: right;
}

.form_style {
    width: 90%;
    height: 30px;
    vertical-align: middle;
    font-size: 16px;
}

.form_style_s {
    width: 40%;
    height: 30px;
    vertical-align: middle;
    font-size: 16px;
}

.form_style_tarea {
    width: 90%;
    height: 200px;
    padding: 5px;
    font-size: 16px;
}



/*　20210422～20210430 修正
----------------------------------------------------------*/
.ttl01 {
    background-image: url(../img/common/ttl01.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-left: 10px solid #a4cc00;
    border-radius: 10px 0 0 10px;
    color: #7c00d6;
    font-size: 35px;
    font-weight: bold;
    margin: 0 auto 40px;
    padding: 0 0 3px 20px;
    width: 540px;
    background-size: cover;
}

.ttl02 {
    background-color: #f29c22;
    background-image: url(../img/common/ttl02.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    border-radius: 10px;
    color: #ffe749;
    font-size: 32px;
    font-weight: bold;
    margin: 0 auto 15px;
    padding: 15px 20px 20px;
    width: 510px;
}

.ttl03 {
    background-image: url(../img/common/ttl03.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    color: #ff1a67;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto 15px;
    padding: 0 0 3px;
    display: block;
    width: 700px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  support.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.support_txt01 {
    color: #ff00ff;
    font-weight: bold;
    margin: 20px auto 60px;
    width: 670px;
}

.support_txt02 {
    color: #993300;
    font-weight: bold;
    width: 650px;
    margin: auto;
    text-align: left;
}

.support_txt02 span.red {
    color: #ff0000;
    font-weight: bold;
}

.support_txt02 p {
    color: #0000ff;
    text-align: center;
    margin: 10px 0;
}

.support_txt02 .num {
    position: absolute;
}

.support_txt02 .txt {
    padding-left: 35px;
}

.support_txt01 span.br,
.support_txt02 span.br {
    display: inline-block;
}

div.twin {
    margin: auto;
    float: none;
    margin-bottom: 10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  about
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* .about3_box {
    display: flex;
}

.about3_box1 {
    width: 33%;
} */


.about3_img {
    width: 100%;
}

.about3_img.twin1 img {
    display: block;
    margin: auto;
}

.about3_box2.twin2 {
    width: 520px;
    margin-bottom: 20px;
}

.about3_box_l.twin2 {
    width: 370px;
}

.about3_kome {
    width: 385px;
    /* float: right; */
    margin-bottom: 50px;
    margin-left: 58px;
    /* line-height: 1.8; */
}

/* .about3_kome span {
    display: inline-block;
} */

.about3_box.test,
.about3_box.test2 {
    display: flex;
}

.about3_box.test > .about3_box1 {
    width: 33%;
    border: solid 2px orange;
    border-radius: 20px;
}

.about3_box.test2 > .about3_box1 {
    width: 33%;
}

.about3_box.test img,
.about3_box.test2 img {
    width: 98%;
}

.about3_ttl {
    font-weight: bold;
}

.txt02_sub {
    text-align: left;
    padding-left: 260px;
}

.support_txt02 {
    width: 900px;
    text-align: center;
}