@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:17px; } }@media screen and (max-width: 1200px) { html{font-size:16px; } }@media screen and (max-width: 1024px) { html{font-size:15px; } }@media screen and (max-width: 768px) {  html{font-size:14px; } }@media screen and (max-width: 480px) {  html{font-size:13px; } }a,a:visited,a:active { color:rgba(27,48,92,1.00)}a:hover { color:rgba(0,121,186,1.00)}
/* css setting */
/*--------　20180115リナックス移行の際のデフォルトページ修正分　--------*/
#pt101-3-1{
text-align: justify;
}
/*-------------------------------------------------- HOME-------------------------------------------------- */

.fulls {
  height: 100vh;
}

.fulls2 {
  height: 100vh;
}

.pagedown_space01 {
    padding-top:13vh;
}
@media screen and (max-width: 768px) {
.pagedown_space01 { padding-top:22vh; }}
@media screen and (max-width: 480px) {
.pagedown_space01 { padding-top:5vh; }}

.pagedown_space02 {
    padding-top:27vh;
}
@media screen and (max-width: 768px) {
.pagedown_space02 { padding-top:34vh; }}
@media screen and (max-width: 480px) {
.pagedown_space02 { padding-top:25vh; }}

/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}


@media screen and (orientation:portrait) {
#areaStyleArea11Layout1Cell1293 ,
#areaStyleArea11Layout2Cell1294 ,
#areaStyleArea11Layout3Cell1295 ,
#pt001-3Parent
{
    background-attachment: scroll!important; } 
}

@media screen and (orientation:landscape) {
#areaStyleArea11Layout1Cell1293 ,
#areaStyleArea11Layout2Cell1294 ,
#areaStyleArea11Layout3Cell1295 ,
#pt001-3Parent
{
    background-attachment: scroll!important; } 
}

/*
@media screen and (max-width: 1024px) {
#areaStyleArea11Layout1Cell1293 ,
#areaStyleArea11Layout2Cell1294 ,
#areaStyleArea11Layout3Cell1295 ,
#pt001-3Parent
{
    background-attachment: scroll!important; } 
}
*/

/*-------------------------------------------------- 取扱品目-------------------------------------------------- */

.pro_a {
      /*border-top: #007bbb 1px solid;*/
      padding: 1rem 0;
      vertical-align: top;
      width: 33%;
}




/*-------------------------------------------------- 永田青果について-------------------------------------------------- */

#pt003-1Parent {
      border-top: #cccccc 1px solid;
}

/*　取引の流れテーブル　*/

.ns_flow_left01 {
      border-top: #4cab50 2px solid;
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
}

.ns_flow_left02 {
      border-top: #007bbb 2px solid;
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
}

.ns_flow_right {
      border-top: #cccccc 1px solid;
      padding: 1rem 0 1rem 1rem;
      vertical-align: top;
      width: 80%;
}


/*　　　アバウト関連ボタン　　　*/

.about .fs_btn {
    background-color: rgba(28,48,92,0.7);
}

.about .fs_btn:hover {
    background-color: rgba(28,48,92,0.25);
    transition:0.6s;
}


/*　　こだわりパン屑　　*/

.kodawari a,
.kodawari a:visited,
.kodawari a:active {
    color: #ffffff;
}




/* -------------------------------------------------- 市場カレンダー --------------------------------------------------　*/

.fc td, .fc th {
    border-style: solid;
    border-width: 1px;
    border-color: #dde6e6;
    padding: 0;
    vertical-align: top;
    background-color: #ffffff;
}

.fc-toolbar .fc-center {
    display: inline-block;
    color: #0f2350;
}


.fc-unthemed .fc-today {
    background: #999999;
}

.fc td.fc-today {
    border-style: double;
    color: #ffffff;
}

.fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0.5rem;
    vertical-align: top;
    background: #0f2350;
    color:#ffffff;
}


.fc-day-grid-event>.fc-content {
    text-align: center;
}
.fc-day-grid-event {
    margin: 0;
    padding: 0.25rem 0;
}

.fc-event {
    position: relative;
    display: block;
    font-size: 0.9rem;
    line-height: 1;
    border-radius: 0px;
    border: none;
    background-color: #3a87ad;
    font-weight: 400;
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: center;
}



/*　ポップアップ　 */

.ds-event-modal>.container>.header {
    font-size: 1.2rem;
    padding: 1.5rem;
    border-bottom: 0px solid #eee;
    background: #007bbb;
    color:#ffffff ;
}

.ds-event-modal>.container>.content .time {
    display: none;
}

.ds-event-modal>.container>.footer {
    border-top: none;
    padding: 0 0 1rem 0;
}

.ds-event-modal>.container {
    min-width: 40%;
    max-width: 90%;
    max-height: 60%;
    overflow-y: auto;
    background-color: #fff;
    border: 0px solid #333;
    text-align: center;
    color: #ffffff;
    border-radius: 0px;
}

.btn {
    background: #d5d5d5;
    border: none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 0.8rem;
    padding: 4px 10px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
    transition: color .1s ease;
}


/* -------------------------------------------------- 採用関連ページ -------------------------------------------------- */

#pt004-5Parent {
    margin: 2px 2px;
}

.recruite .fs_btn {
    background-color: rgba(28,48,92,0.7);
}

.recruite .fs_btn:hover {
    background-color: rgba(28,48,92,0.25);
    transition:0.6s;
}




/* ------ 募集要項 ------ */

.re_left {
      border-top: #007bbb 1px solid;
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
}

.re_right {
      border-top: #cccccc 1px solid;
      padding: 1rem 0 1rem 1rem;
      vertical-align: top;
      width: 80%;
}

.re_left_fc {
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
}

.re_right_fc {
      padding: 1rem 0 1rem 1rem;
      vertical-align: top;
      width: 80%;
}


/* -------------------------------------------------- アクセス -------------------------------------------------- */


.ac_left {
      border-top: #ffffff 1px solid;
      padding: 1rem 0;
      vertical-align: top;
      width: 20%;
}

.ac_right {
      border-top: #ffffff 1px solid;
      padding: 1rem 0 1rem 1rem;
      vertical-align: top;
      width: 80%;
}



/* -------------------------------------------------- インタビュー -------------------------------------------------- */


.qa_q {
      color:#007bb6;
      vertical-align: top;
font-weight: bold; 
}

.qa_a {
      padding: 0.5rem 0 3rem 0;
      vertical-align: top;
}

/*
 border-bottom: #dde6e6 1px solid;　
      margin:0 0 0 1rem 0 ;
*/



/* -------------------------------------------------- コンポーザー・ページリスト関係 -------------------------------------------------- */


/*#fsInfoBlock .entryTitle {
  font-weight: bold;
}*/

/*　ページリスト　*/

#fsInfoBlock .entryData {
    width: 20%;
}

/*#fsInfoBlock .entryTitle  {
    width: 75%;
}*/

#fsInfoBlock dl:first-child {
    border-top:  1px solid #dde6e6;
}

#fsInfoBlock dl, #fsInfoBlock dl:last-child {
    border-bottom: 1px solid #dde6e6;
    padding: 1rem 0;
}



#pt101-3-1 .fs_c_title  {
  background-repeat: no-repeat;
  margin: 0 2rem 0 2rem;
  padding: 3rem 0 3rem 0;
  border-bottom: 1px solid #d5d5d5;
  font-size: 1.4rem;
  color: #1c305c;
font-weight: normal;
font-family: 'Times New Roman', '游明朝', YuMincho, 'HG明朝E', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}

#pt101-3-1 .fs_content {
  background-repeat: no-repeat;
  padding: 2rem 0 5rem 0;
  margin: 0 2rem 0 2rem;
  font-size: 1rem;
}

#fsInfoBpager .numbers {
    font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
    background: #c8c8c8 ;
}

#fsInfoBpager .active {
    font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
    background: #969696 ;
}

#fsInfoBpager .ccm-page-left a,
#fsInfoBpager .ccm-page-right a {
    background: #c8c8c8 ;
}

#fsInfoBpager .ccm-page-left span,
#fsInfoBpager .ccm-page-right span{
    background: #969696 ;
}

div.cal_wrapper table.cal tr td div.Birthday {
    font-weight: bolder;
    background-color: #e8e8e8;
    color: #1976cf;
    border-radius: 0px;
}



/*———————————————　色に関する設定　———————————————*/

.opacity {
    opacity: 0.9;
}

.main_color {
    color: #1c305c;
}

.main_color2 {
    color: #007bba;
}

.main_backgroundcolor {
    background-color: #007bba;
}


.main_rgba {
    background-color: rgba(28,48,92,0.85);
}

.main2_rgba {
    background-color: rgba(0,123,182,0.85);
}


.white_rgba {
    background-color: rgba(255,255,255,0.85);
}



.red_rgba {
    background-color: rgba(193,23,41,0.75);
}

.black_rgba {
    background-color: rgba(30,30,30,0.85);
}


/*———————————————　文字に関する設定　———————————————*/

.bold {
    font-weight: bold;
}

.space_1{
    letter-spacing: 0.1rem;
}

.space{
    letter-spacing: 0.2rem;
}

.space_2{
    letter-spacing: 0.4rem;
}

.space_3{
    letter-spacing: -0.1rem;
}


.eiji {
      font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
}

.eiji_a {
      font-family: Times New Roman , YuMincho, 游明朝,ヒラギノ明朝 ProN W6 , HiraMinProN-W6, HG明朝E , ＭＳ Ｐ明朝 , MS PMincho , MS 明朝 ,serif;
}

.eiji_b {
font-family: Copperplate, Copperplate Gothic Light, Century Gothic , Futura-Medium , Gill Sans , メイリオ , Meiryo ,sans-serif;
}


/*———————————————　ボタンに関する設定　———————————————*/

.top_btn .fs_btn_text_sub {
    font-size: 0.9rem;
    letter-spacing: 0rem;
}

.fs_btn {
    background: none;
}

.comp_btn .fs_btn_text_sub {
    font-size: 0.9rem;
    letter-spacing: 0rem;
   line-height: 1.4rem;
}





/*———————————————　ヘッダーに関する設定　———————————————*/

header {
    background-color: rgba(255,255,255,0.85);
}

/*header  {
  background: linear-gradient(90deg, #0f2350, #007bba);
    border-bottom: 1px solid #ededed;
}*/

.gradation  {
  background: linear-gradient(90deg, #0f2350, #007bba);
}


.ticker {
    font-size: 0.9rem;
    margin: 0 auto;
    padding: 12px;
    /* width: 100%; */
    /* width: 600px; */
    position: relative;
    overflow: hidden;
border-bottom: 1px solid #1b2e5c;
border-left: 1px solid #1b2e5c;
border-right: 1px solid #1b2e5c;
}

.ticker ul li span {
    margin-right: 5px;
color: #1b2e5c;
    display: none;
}

.fs-scroll {
border-bottom: 1px solid #1b2e5c;
border-left: 1px solid #1b2e5c;
border-right: 1px solid #1b2e5c;
}

.tickercontainer {
    margin: 0;
    padding: 0.6rem 0;
    overflow: hidden;
}


/*—————　PC版ナビ　—————*/

.h_navi a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.h_navi a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #1c305c;
  transition: .3s;
}
.h_navi a:hover::after {
  width: 100%;
}

.f_navi a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
.f_navi a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #007bbb;
  transition: .3s;
}
.f_navi a:hover::after {
  width: 100%;
}



/*.main_list_li:last-child,*/
.h_navi .main_list_li:nth-child(5){
  display:none;
}

.fsNavMenuList li ul li {
    background-color: rgba(255,255,255,0.9);
}


/*　--------------------　Fatナビに関する設定　--------------------　*/

.fat-nav li {
    list-style-type: none;
    text-align: center;
    padding: 1.4rem;
    font-size: 1.1rem;
    border-bottom: 1px solid #ffffff;
}

.fat-nav li:first-child {
    border-top: 1px solid #ffffff;
}

.fat-nav li .sub_list_li  {
    list-style-type: none;
    text-align: center;
    padding: 0 0 0.5rem 0;
    font-size: 1rem;
    border-bottom: 0px solid #ffffff;
}

.fat-nav li .sub_list_li:first-child {
    padding-top: 1rem;
}

.fat-nav li .sub_list {
    display: inline;
}

.fat-nav li a {
    text-decoration: none;
    border-bottom: none;
}


.fat-nav{
    background: rgba(28, 48, 92, 0.96);
}

.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
    background-color: #007bbb;
}



/*　Fatnaviフィックス　*/

.bottomfix {
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
}


#topfix_A {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
}

#topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}





/*———————————————　フッターに関する設定　———————————————*/


.f_link a, .f_link a:visited, .f_link a:active {
    color: #ffffff;
}

.f_link a:hover {
    color: #007bbb;
}

.f_sp_navi_50 {
    background-color: #0f2350;
    padding: 1.2rem 0;
    vertical-align: top;
    text-align: center;
    width: 50%;
    color: #ffffff;
    font-size: 0.8rem;
    border: 1px solid #1c305c;
}

/*———————————————　お問い合わせ　———————————————*/

.formBlockSurveyTable dl dt {
    text-align: left;
}

.formBlockSurveyTable dl {
    padding: 1% 0;
}

.formBlockSurveyTable dl dd input, .formBlockSurveyTable dl dd textarea {
    resize: none;
    border-radius: 0;
    padding: 0.5rem;
}

/*———————————————　デフォルト　———————————————*/

a   {
      text-decoration:none;
      }


h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}

.hover_opacity:hover{
    opacity: 0.8;
    transition:0.6s;
}


.hover_opacity_img img:hover {
opacity:0.7;
transition:0.6s;
}

.br_radius{
border-radius:7px;
}

.box-shadow {
    box-shadow: 0.1rem 0.1rem #cccccc;
    -webkit-box-shadow: 0.1rem 0.1rem #cccccc;
    -moz-box-shadow: 0.1rem 0.1rem #cccccc;
}


/*　マルチイメージのポインター無　*/

.cuosor {
  pointer-events: none ;
  cursor: default ;
}
