@charset "UTF-8";

/************************************************************************************************************
** PC用のレスポンシブデザインスタイルを解除
************************************************************************************************************/
@media screen and (max-width:1110px){
      div#header-in, div#navi-in, div#body-in, div#footer-in{
        width: 1024px;
      }

#site-title {margin: 5px 30px 0px 10px;}

      div#sidebar{
        clear:inherit;
        float:left;
        padding:0;
        width: 205px;
        position:relative;
      }

      #navi ul li{
        float:left;
        display:block;
        height:auto;
      }

    #navi {
        border: none;
        background-color: #82b51e;
    }

    #navi ul {
        border: none;
        background-color:transparent;
    }

    #navi ul > li {
        width: 204px;
        text-align: center;
        border-left: 1px solid #93cf0b;
        box-sizing: border-box;
    }

    #navi ul > li:last-child{
        border-right: 1px solid #93cf0b;
    }

    #navi ul li a {
        padding: 1.2em .7em;
        color: #fff;
        font-size: 14px;
    }

    #navi ul li a:hover{
      background-color:#97CD2E;
    }

    #navi ul.sub-menu, #navi ul.children {
        border: none;
        position: absolute;
        margin-left: 0;
        min-width: 200px;
        list-style: none;
        padding-left: 0;
        z-index: 99;
    }

    #navi .sub-menu li,
    #navi .children li{
        height: inherit;
        padding-left: 0;
    }

    #navi .sub-menu li a,
    #navi .children li a{
        padding: 1.2em .7em;
        color: #333;
        background-color: #ededed;
        border-top: 1px solid #fff;
    }

    #navi ul.sub-menu > li:last-child,
    #navi ul.children > li:last-child{
        border-right: none;
    }

    #navi .sub-menu li a:hover,
    #navi .children li a:hover{
        background-color: #dcdcdc;
    }

    #navi .sub-menu li .sub-menu{
        display: none;
    }
    
    #header .menu {
        display: block;
    }


}
  
/************************************************************************************************************
** 解像度740px以下のスタイル
************************************************************************************************************/
@media screen and (max-width:740px){

/************************************
** レイアウト*
************************************/
#container #sidebar {
    display: none;
}

#main {
  width: 100%;
}

#body {
    margin-top: 70px;
}

#home #body{
    margin-top: 60px;
}

body.page-type-column1 #body #main {
    overflow: hidden;
}


/************************************
** ヘッダー
************************************/
#header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    background-color: #fff;
}

#site-description{
    display: none;
}

#header .alignleft{
    margin: 0;
}


#h-top {
    min-height: 50px;
}

#header .menu {
    display:none;
}

#header #h-top .alignleft {
    margin-left: 10px;
    margin-right: 10px;
}

#site-title{
    margin-top: 15px;
}

#site-title img{
    width: 30vw;
}


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

#copyright {
    padding: 0 0 50px;
}

#sp_ftglobalmenu{
    display: block;
}

#sp_ftglobalmenu li{
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu-sp_footerglobalmenu{
    margin: 0;
    padding: 0;
}

#menu-sp_footerglobalmenu li{
    list-style: none;
    float: left;
    width: calc(50% - 1px);
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#menu-sp_footerglobalmenu li:nth-child(even){
    border-right: none;
    width:50%;
}

#menu-sp_footerglobalmenu li:first-child,
#menu-sp_footerglobalmenu li:nth-child(2){
    border-top: 1px solid #ddd;
}

#menu-sp_footerglobalmenu li:last-child,
#menu-sp_footerglobalmenu li:nth-last-child(2){
    border-bottom: none;
}

#menu-sp_footerglobalmenu li a{
    display: block;
    padding: 10px 15px 10px 25px;
}

#menu-sp_footerglobalmenu li a::before {
    font-family: FontAwesome;
    content: '\f0da';
    padding-right: 0.4em;
    color: #82b51e;
}

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

/************************************
** パンくず非表示
************************************/
#breadcrumb{
    display: none;
}


/************************************
** スマホメニュートリガー
************************************/
#mobile-menu{
    position: absolute;
    top: 5px;
    right: 10px;
    border-radius: 0;
    background-color: #fff;
}

#mobile-menu-toggle,
#mobile-menu-toggle span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

#mobile-menu a {
    width: 45px;
    height: 30px;
    border-radius: 0;
}
#mobile-menu-toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #83b51e;
    border-radius: 2px;
}
#mobile-menu-toggle span:nth-of-type(1) {
  top: 8px;
}
#mobile-menu-toggle span:nth-of-type(2) {
  top: 18px;
}
#mobile-menu-toggle span:nth-of-type(3) {
  bottom: 0;
}

#mobile-menu-toggle.active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#mobile-menu-toggle.active span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}
#mobile-menu-toggle.active span:nth-of-type(2) {
  -webkit-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
}
#mobile-menu-toggle.active span:nth-of-type(3) {
  opacity: 0;
}


/************************************
** スマホメニュー
************************************/
#navi{
    position: fixed;
    top: 50px;
    left: 0;
    height: calc(100vh - 50px);
    z-index: 1000;
    overflow:auto;
    display: none;
}

#navi #navi-in ul{
    display: none;
}

#navi #navi-in ul li{
    float:none;
    display:block;
    height:auto;
  }
  
#navi #navi-in ul > li {
    width: 100%;
    text-align: left;
}

#navi #navi-in ul > li.about,
#navi #navi-in ul > li.comp,
#navi #navi-in ul > li.biz,
#navi #navi-in ul > li.ir,
#navi #navi-in ul > li.rec,
#navi #navi-in ul > li.sitemap{
    border-bottom: 1px solid #aad36c;
}

#navi #navi-in ul > li.about > a,
#navi #navi-in ul > li.comp > a,
#navi #navi-in ul > li.biz > a,
#navi #navi-in ul > li.ir > a,
#navi #navi-in ul > li.rec > a{
    pointer-events: none;
}

#navi #navi-in ul > li.about > a::before,
#navi #navi-in ul > li.comp > a::before,
#navi #navi-in ul > li.biz > a::before,
#navi #navi-in ul > li.ir > a::before,
#navi #navi-in ul > li.rec > a::before{
    font-family: FontAwesome;
    content: '\f054';
    letter-spacing: 3px;
}

#navi #navi-in ul > li.active > a::before{
    font-family: FontAwesome;
    content: '\f078';
    letter-spacing: 3px;
	font-weight: normal;
}

#navi #navi-in ul > li.about > li,
#navi #navi-in ul > li.comp > li,
#navi #navi-in ul > li.biz > li,
#navi #navi-in ul > li.ir > li,
#navi #navi-in ul > li.rec > li{
    pointer-events:inherit;
}

#navi #navi-in ul > li.sitemap,
#navi #navi-in ul > li.contact{
    display: block;
}

#navi #navi-in ul li a {font-size: medium;padding: 15px;color: #111;}
  
#navi #navi-in ul > li > a{
    font-weight: bold;
    color: #fff;
    background-color: #72a326;
}

#navi #navi-in .sub-menu{
    display: none;
}

#navi #navi-in .sub-menu li a, #navi #navi-in .children li a {
    color: #fff;
    background-color:transparent;
    border-top: 1px solid #aad36c;
    font-weight: normal;
}

#navi #navi-in .sub-menu li a::before, #navi #navi-in .children li a::before{
    font-family: FontAwesome;
    content: '\f105';
    letter-spacing: 3px;
}

#navi #navi-in .sub-menu li:first-child a, #navi #navi-in .children li:first-child a{
    border: none;
}

#navi #navi-in ul > li a:hover{
   background-color: #72a326;
}

#navi #navi-in .sub-menu li a:hover,
#navi #navi-in .children li a:hover{
   background-color: #82b51e;
}

#navi #navi-in ul.sub-menu,
#navi #navi-in ul.children{
    position: relative;
    width:auto;
    /*background-color:#777;*/
    border-width:0;
}

#navi #navi-in ul.sub-menu ul,
#navi #navi-in ul.children ul {
    left: 0;
    top: 0;
}

#navi #navi-in .sub-menu li,
#navi #navi-in .children li{
    height:auto;
    padding-left:30px;
}

.slicknav_menu {
    display: block;
}

/************************************
** トップページ　メインビジュアル
************************************/
#mvPc{display: none;}
#mvSp{display: block;margin: -10px;}


/************************************
** トップページ　メインビジュアル調整
************************************/

.n2-section-smartslider {
    overflow: hidden !important;
}

/************************************
** トップページ　お知らせ＆IRニュース
************************************/
#news_ir h2 {font-size: 22px;padding: 0 0 10px 5px;}
#news_ir dt{font-size: 11px;}
#news_ir dd{font-size: 11px;}

#news_ir{
    width: 96%;
    margin: 20px auto;
}

#news_ir #newsBlock{
    width: 100%;
    float: none;
}

#news_ir #irBlock{
    margin-top: 30px;
    width: 100%;
    float: none;
}

#news_ir div#ir_library {
    width:100% !important;
}

#news_ir #irBlock #ir_library div#announcement .cls_ann_corptop {
    width: 100%;
}

#news_ir #irBlock #ir_library div#announcement .cls_ann_corptop dl dt {font-size: 11px;}
#news_ir #irBlock #ir_library div#announcement .cls_ann_corptop dl dd {font-size: 11px;}

#news_ir div#ir_library {
    width:100% !important;
    margin: 0 !important;
}

/************************************
** トップページ　おすすめサービス
************************************/

#recommended{
    width: 100%;
  }

/************************************
** お知らせ＆新商品
************************************/
.entry-card-content {
    margin-left: 110px;
}

.entry-thumb a {
    width: 100px;
    height: 76px;
    padding: 2px;
}

.entry-thumb img{
  width:100px;
  height:76px !important;
}

.entry-card h2{
    line-height: 120%;
    font-size: 16px;
    padding: 3px 0 0;
}

.entry-card .post-meta {
    padding-top: 5px;
}

/************************************
** IR情報
************************************/

span.ir_header_rss {
    margin-left: 0 !important;
}

div#ir_library dt {
    padding: 7px 0 7px 0 !important;
    position: relative !important;
}

div#ir_library div#announcement dd {
    padding-left: 0 !important;
}

div#ir_library dl dd {
    margin-left: 0 !important;
    padding: 0px 0 7px 0 !important;
}

div#ir_library {
    width:calc(100% - 1em) !important;
}

div#nav_001 {
    overflow: hidden !important;
}

div#nav_001 ul#tab {
    margin-left: 0 !important;
}

div#nav_001 ul#tab li {
    width: 50% !important;
}

div#nav_001 ul#tab li a{
    margin: 0 auto;
}

.article ol, .article ul, .article dl {
    line-height: 1.4em;
    padding-left: 0;
}


div#yuhoTable #divDataArea table {
    margin: 0 !important;
}

div#yuhoTable td.yuhotitle{
    padding: 5px 0 0 !important;
    padding-left: 0 !important;
    border: none;
}

div#yuhoTable td.yuhopdf{
    width: 100% !important;
    padding: 5px 0 !important;
    padding-left: 0 !important;
}


div#footer2 {
    margin: 0 !important;
    line-height: 1.3em !important;
}

}
/*解像度740px以下のスタイルここまで*/



/************以下コンテンツ内容と画面サイズによる調整***************/


/************************************
** 見出し（H1-6）
************************************/
@media screen and (max-width:420px){
/*.article h2{font-size: 7vw;}*/

.article h1 {padding-top: 1em;padding-bottom: 1em;margin-bottom: 1em;}
.article h2 {margin: 0 auto 0.8em;font-size: 1.4em;line-height: 1.5;letter-spacing: 0em;width: 90vw;}
.article h3 {margin: 0 auto 1em;padding: 0.2em 0 0.2em 0.05em;font-size: 1.1em; width: 90vw;
letter-spacing: 0.05em;}
.article h5 {font-size: 0.9em;letter-spacing: 0.02em;width: 90vw;}
.article h4 {font-size: 1em;font-weight: bold;line-height: 1.4;color: #040;width: 90vw;}
.article h6 {padding: 0.7em 0.5em 0.5em;font-size: 0.8em; line-height:1;width: 86vw;}

/*.article h5 {margin: 0 auto 1.5em;padding: 0.5em 0 0.3em 0.05em;font-size: 1.2em;font-weight: bold;line-height: 1.2;color: #333;width: 96%;
letter-spacing: 0.1em;border-bottom: solid 1px #333;}*/

.article #the-content p {margin: 0 auto 1.5em;padding: 0;font-size: 0.85em;line-height: 1.9;letter-spacing: 0.02em;color: #333;width: 89vw;}

#main .pc-v {display:none;}
#main .sp-v {display:block;}
.article .pc-v {display:none;}
.article .sp-v {display:block;}

/*クリアテープル*/
.article table.tbl-00 th,.article table.tbl-00 td {display: block;width: auto;}

/*企業理念・倫理規範・環境方針*/
dl.dl01 {margin: 0 auto 2.5rem;padding: 0;width: auto;}
dl.dl01 dt {font-size: .95rem;font-weight: bold;color: #040;width: 90%;margin: 0 auto 5px;padding: 0 0 0 1.5rem;text-indent: -1rem;}
dl.dl01 dd {font-size: .8rem;margin: 0 auto 1rem;padding: 0;line-height: 1.5;width: 86%;}

ol.ol01{margin: 0 auto 1rem;padding: 0 0 0 0.5rem;width: 80%;}
ol.ol01 li{font-size: 0.75rem;line-height: 1.2;}

/*株式手続きのご案内*/
dl.dl02 {margin: 0 auto 0.5rem;padding: 0;width: auto;}
dl.dl02 dt {font-size: .85rem;color: #040;margin: 0 auto 0.2rem;padding: 0;font-weight: bold;width: 96%; text-indent: -1rem;}
dl.dl02 dd {font-size: .8rem;margin: 0 auto 1rem;padding: 0;line-height: 1.5;width: 100%;}
	
/*サイトマップ*/
.smp-wrap .smp-block {margin: 0 auto 10px;width: 100%;min-width: 320px;min-height: auto;}
.smp-wrap .smp-block ul.smp-menu {margin: 1rem auto 1.5rem;}
.smp-wrap .smp-block ul.smp-menu li {font-size: .95rem;}

/*販促カレンダー*/
.article #the-content ul.cld-lst {margin:0 auto 10px;}
.article #the-content ul.cld-lst > li {width: calc(44% - 10px);margin: 0 auto 10px;padding: 12px 3% 8px;}
/*.article #the-content ul.cld-lst > li {width: 45%;}*/
.article #the-content ul.cld-lst > li > p.time > strong.month{font-size: 1.3em;}

/*事業内容*/
.biz-lst {width:90vw;}
.biz-lst li .biz-ttl{float: none; display:block;width: 100%;font-size: 1.4em;}
.biz-lst li .biz-txt{float: none; display:block;width: 100%;font-size: 0.9em;}
.biz-lst li .biz-pho{float: none; display:block;width: 100%;margin: 0;padding: 0;}

/*店頭プロモーション*/
.prm-lst {width:90%;}
.prm-lst li {float: none; display:block;width: auto;}
.prm-lst li a{width: auto;display: inline-block;text-decoration: none;margin: 0;padding: 0;line-height: 1;}
.prm-lst li .prm-ttl{font-size: 1.2em;}
.prm-lst li .prm-txt{display: block;width: auto;float: none;margin-bottom: 1em;}
.prm-lst li .prm-pho{width: auto;width: 100%;}

/*POP GALLERY事業*/
.article table.cata-tbl {width: auto;display: block;border: none;}
.article table.cata-tbl tr td {width: auto;display: block;border: none;}
.article table.cata-tbl tr td .cata-ttl {font-size: 1.3em;width: auto;margin: 0 0 0.3em 0;padding: 0;line-height: 1.2;}
.article table.cata-tbl tr td .cata-cap {font-size: 1.1em;width: auto;margin: 0 0 0.5em 0;padding: 0;line-height: 1.2;}
.article table.cata-tbl tr td img {width: auto;width: 100%;}

/*POP GALLERYカタログ*/
.cata-lst {width:96%;}
.cata-lst li {width: auto;width: 100%;display: block;padding: 1rem .5rem;box-sizing: border-box;}
.cata-lst li a{width: auto;display: block;text-decoration: none;margin: 0;padding: 0;line-height: 1;}
.cata-lst li .cata-ttl{margin: 0 auto 0.2em;font-size: 1.4em;}
.cata-lst li .cata-txt{font-size: 0.9em;}
.cata-lst li .cata-dl{padding: 1.1rem 0.1rem;}

/*IRニュース*/
#nav_001 #tab #top_nav01,#nav_001 #tab #top_nav02 {margin-bottom: 0.3em;border-bottom: 1px solid #ccc;}

}





/************************************
** テーブル（Table）
************************************/
@media screen and (max-width:650px){
.article div.twoblock dl{width: 100%;float: none;margin: 0;}

.article table.tbl-01 {margin-bottom:1em;}
.article table.tbl-01 th, .article table.tbl-01 td {display: block;width: auto;/*max-width: 78vw;*/}
.article table.tbl-01 th {color: #222;background-color: #f1f1f1;border-bottom: none;border-radius: 3px;padding: 0.5em 1em;}
.article table.tbl-01 td {padding: 0.6em 1em 1.3em;border: none;}
.article table.tbl-01-s {margin: 0 0em 0 0;padding: 0; display:block; float:left; vertical-align:top;}
/*.article table.tbl-01-s th {margin: 0;padding: 0 0.5em 0 0;border: none;font-size: 0.8em;line-height: 1.3;color: #444; background-color:#fff;display: table-cell;width: auto; width: 17em;}
.article table.tbl-01-s td {margin: 0;padding: 0 1em 0 0;border: none;font-size: 0.85em;line-height: 1.3;display: table-cell;width: auto; width: 15em;}*/
.article table.tbl-01-s th {margin: 0;padding: 0 0.5em 0 0;border: none;font-size: 0.85em;line-height: 1.3;color: #444; background-color:#fff;display: table-cell;width: auto;width: 30vw;}
.article table.tbl-01-s td {margin: 0;padding: 0 1em 0 0;border: none;font-size: 0.9em;line-height: 1.3;display: table-cell;width: auto;width: 20vw;}

.article table.tbl-02 {margin-bottom: 1em;/*border-top: 1px solid #ccc;*/}
.article table.tbl-02 th, .article table.tbl-02 td {display: block;width: auto;/*max-width: 78vw;*/}
.article table.tbl-02 th {color: #222;background-color: #f1f1f1;border-bottom: none;margin: 0 auto 0.5em;padding: 0.5em 1em;border-radius: 3px;}
.article table.tbl-02 td {padding: 0.2em 1em;border: none;}
.article table.tbl-02 td:last-child {padding-bottom: 1.5em;}
.article table.tbl-02 th.tbl-plc {width: auto;padding: 0.5em 1em;}
.article table.tbl-02 td.tbl-adr {width: auto;padding: 0.2em 1em 0.2em}
.article table.tbl-02 td.tbl-tel {width: auto;}
.article table.tbl-02 td.tbl-map {width: auto;}

.article table.tbl-02 th.years {width: auto;margin: 0;padding: 0.3em 0;background: #fff;}

/*お問い合わせ*/
.article table.tbl-03 {width: 90%;margin: 0 auto 2em;padding: 0;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.article table.tbl-03 th,.article table.tbl-03 td {display: block;width: auto;}
.article table.tbl-03 tr th {margin: 0;padding: 0;font-size: 1.2em;line-height: 1;color: #333;text-align: left;}
.article table.tbl-03 tr td {margin: 0;padding: 0.2em 0 0.7em;font-size: 1.5em;line-height: 1;color: #080;}

}

/************************************
** トップページ　お知らせ＆IRニュース
************************************/

@media screen and (max-width:369px){

    #news_ir h2 span{display: none;}

}


/************************************
** トップページ　おすすめサービス
************************************/

@media screen and (max-width:920px){
#recommended {width:calc(100vw - 20px);margin: 0 auto;}
#recommended ul {display: flex;flex-flow: row wrap;margin: 0 auto;width: 100%;max-width: 974px;} 
#recommended ul li {width: calc(25% - 5px);margin: 0 auto;} 
#recommended ul li img {width: 100%;height: auto;}
/*
#recommended{width:calc(100vw - 20px);margin: 0 auto;}
#recommended ul{width:calc(90vw - 40px);margin: 0 auto;} 
#recommended ul li{width: 26vw;margin: 5px 1vw;padding: 0;} 
*/
}

@media screen and (max-width:650px){
#recommended ul {width: 96%;} 
#recommended ul li {width: calc(33.333% - 5px);} 
/*
#recommended{width:calc(100vw - 20px);}
#recommended ul{width:calc(95vw - 20px);}
#recommended ul li{width: 40vw;margin: 5px 1.35vw;padding: 0;}
*/
}

@media screen and (max-width:420px){
#recommended ul li {width: calc(50% - 5px);}
#recommended ul.rec-lst-wd2 li {width: calc(100% - 5px);}
/*
#recommended ul{width:calc(100vw - 20px);}
#recommended ul li{width: 45vw;margin: 0 0 1px 1vw;}
*/
	
/************************************
** お知らせ一覧
************************************/
#newslist dd {width: auto;margin: 0em 0 0em 5em !important;text-indent: -4em;font-size: 0.8em;}
#newslist dd:before{text-indent: 0em;}
}

@media screen and (max-width:369px){
	
	#recommended h2{padding-bottom: 10px;}/*スマホ　おすすめサービスタイトル調整*/
	#recommended h2 span{
        display: none;
    }

}

/************************************
** リンクボタンなど
************************************/

@media screen and (max-width:650px){
/*
.linkBan{width: 272px;margin: 20px auto;overflow: hidden;padding: 0;}
.linkBan li{float: none;margin: 10px 0;padding: 0;}
*/
.linkBan{width: auto;width: 90%;margin: 4rem auto 0.2rem;}
.linkBan li{width: auto;width: 100%;margin: 0 0 0.5em 0;display: block;/*float: none;*/}
.linkBan li a{width: 99%;margin:0;padding: .9rem 1rem;font-size: .9rem;box-sizing: border-box;}
.linkBan.wid1 li{width: 100%;line-height: 1.6;}
.linkBan.wid2 li{width: 100%;}
.linkBan.wid3 li{width: 100%;}
.linkBan.wid4 li{width: 100%;}
.linkBan.wid5 li{width: 100%;}
.linkBan.wid6 li{width: 100%;}


.pg-lst01 {position: relative;margin: 1em auto 2em;padding: 0 1.5em 0 0;width: 88vw;}
.pg-lst01 li {font-size: 0.9em; line-height: 1.5;margin: 0;padding: 0 0 0 2.5em;list-style-type: none!important;}
.pg-lst01 li:before {font-family: FontAwesome;content: "\f00c";position: absolute;left : 1em;color: #080;}

.getAr{margin: 0.8em 0;}
.getAr dt{width: 92%;margin: 0 auto;}
.getAr dd{width: 92%;margin: 0.5em auto 0;}

}

/*お問い合わせボタン*/
@media screen and (max-width: 480px) {
.article #the-content > p > a.btn-lnk {width: 80%;}
}