@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(255,255,255,1.00)}a:hover { color:rgba(130,173,69,1.00)}
/* css setting */
/*　==============================　採用エントリーフォーム（2024.04～）　==============================　*/
/*　--------------------　フォームに関する設定　--------------------　*/
.entryform .formBlockSurveyTable dl {
     margin-bottom: 1.5rem!important;
     padding:0rem!important;
     border:none!important;
}
.entryform .formBlockSurveyTable dl dt {
     /*height: 3.6rem!important;*/
     /*line-height: 3.5rem!important;*/
     padding-top:1rem;
     text-align: justify;
     width: 9rem;
     margin-right: 0;
}
.entryform .formBlockSurveyTable dl dd {
     width: calc(100% - 11rem);
}
.entryform .formBlockSurveyTable dl dd input, .entryform .formBlockSurveyTable dl dd textarea {
     width: 100%!important;
     padding:1rem;
    /* height: 2.5rem!important;*/
     border-radius: 0!important;
     color: #ffffff!important;
     background-color: #504850!important;
     border: 1px solid #333!important;
}
.entryform .formBlockSurveyTable dl dd select {
     border-radius: 0!important;
     color: #ffffff!important;
     background-color: #504850!important;
     border: 1px solid #333!important;
     padding:1rem;
}
.entryform .formBlockSurveyTable dl dd input.formBlockSubmitButton {
     width: 260px!important; height: 60px!important;
     background-color: transparent!important;
     border: 1px solid #82AD45!important;
     text-align: left;
     padding-left: 1.5rem;
     transition:0.6s;
     color:#82AD45;
}

.entryform .formBlockSurveyTable dl dd input.formBlockSubmitButton:hover {
     cursor: pointer; transition:0.6s;
     background-color:#704c73!important;
     border: 1px solid #333!important;
     color:#fff!important;
}
#Question12 { width: 300px !important;}
.entryform #Question9_year , .entryform #Question9_month , .entryform #Question9_day{ width:100px !important;}
.entryform #Question13{ height:auto!important;}

@media screen and (max-width: 498px) {
.entryform .formBlockSurveyTable dl dd , .entryform .formBlockSurveyTable dl dt { width: 100%; }
.entryform .formBlockSurveyTable dl dt { padding-top: 0; }
.entryform .formBlockSurveyTable dl { margin-bottom: 2rem!important;}
#Question12 { width: 100% !important;}
.entryform #Question9_year { width:30% !important;}
.entryform #Question9_month , .entryform #Question9_day{ width:25% !important;}
}

/*　--------------------　今月のおすすめ料理（2021.06～）　--------------------　*/
.body-pt009 .rrh-layout-border { border-bottom: 1px #333 solid;}
.body-pt009 hr { border-top: 1px #333 solid;}

.mm_list .archiveEachBox {
    float: none!important;
    margin: 0 auto!important;
}


header {
    background: rgba(0,0,0,0.75);
} 

/*　    border-bottom: 1px solid #704c73;　*/

#pt002-1Parent , #pt004-1Parent , #pt003-1Parent ,  #pt006-1Parent , #pt005-1Parent , 
#pt101-1Parent , #pt102-1Parent , #pt103-1Parent , #pt104-1Parent
{
          border-top: 1px solid #704c73;
}

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.6; 
transition:0.6s;
}

.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;
}

/*　--------------------　オートナビ　--------------------　*/

/* #navi .fsNavMenuList li:first-child {
display:none;
} */

#navi .fsNavMenuList li {
    background: rgba(15,15,15,0.95);
}

/*　--------------------　Fatナビ　--------------------　*/

.fat-nav li {
    list-style-type: none;
    text-align: center;
    padding: 1.2rem;
    font-size: 1.2em;
    border-bottom: 1px solid #805b80;
}

.fat-nav{
    background: rgba(15, 15, 15, 0.95);
}

.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
    background-color: #704c73;
}

/*　Fatnaviフィックス　*/

#bottomfix {
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
} 

#bottomfix_02 {
    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;
}

/* -------------------------------------------------- 文字関係 -------------------------------------------------- */

.writing-mode {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.eiji{
font-family: Arial , Arial black , メイリオ , Meiryo ,sans-serif;
}

.bold {
    font-weight: bold;
}

.space {
    letter-spacing: 0.1rem;
}
.space_1 {
    letter-spacing: 0rem;
}

.space_2 {
    letter-spacing: 0.2rem;
}

.space_3 {
    letter-spacing: 0.3rem;
}

/*　--------------------　テクストシャドウ　--------------------　*/

.textshadow {
text-shadow: 1px 0px 2px #69a3d8, 0px 1px 2px #69a3d8, -1px 0px 2px #69a3d8, 0px -1px 2px #69a3d8;
}


/*　--------------------　パンくず色　--------------------　*/

.fs_breadcrumb, .fs_breadcrumb a, .fs_breadcrumb a:visited, .fs_breadcrumb  a:active {
      color: #ffffff;
}

.fs_breadcrumb a:hover {
      color: #ffffff;
      text-decoration: underline;
}


/*　--------------------　スクロールリスト　--------------------　*/

.fs-scroll a, .fs-scroll a:visited, .fs-scroll a:active {
     color: #ffffff;
}

.fs-scroll a:hover {
     color: #BBD1E9;
}

/* -------------------------------------------------- 色関係 -------------------------------------------------- */

/* .opacity {
    opacity: 0.8;
} */

.gold_color {
    color: #c8be8c;
}

.green_color {
    color: #82ae46;
}

.main_color {
    color: #704c73;
}

.main_backgroundcolor {
    background-color: #805b80;
}

.main_backgroundcolor_2 {
    background-color: #704c73;
}

.white_rgba {
    background-color: rgba(255,255,255,0.75);
}

.green_rgba {
    background-color: rgba(76,176,79,0.45);
}

.red_rgba {
    background-color: rgba(168,0,0,0.45);
}

.purple_rgba {
    background-color: rgba(112,76,115,0.45);
}

.purple_rgba_2 {
    background-color: rgba(103,77,119,0.9);
}


.black_rgba {
    background-color: rgba(20,20,25,0.75);
}

.black_rgba_2 {
    background-color: rgba(20,20,25,0.55);
}

.gray_rgba {
    background-color: rgba(46,54,66,0.85);
}

/* --------------------------------------------------　ボタン　-------------------------------------------------- */

.fs_btn {
    background: none;
}

.fs_btn {
line-height: 1.5rem;
}

/* -------------------- マルチイメージのポインター変更無 -------------------- */

.cuosor {
  pointer-events: none ;
  cursor: default ;
}

/* -------------------- ホバー時拡大 -------------------- */

.transform img:hover{ 
  transition: 2.0s;
  -webkit-transform: scale(1.05); 
  -moz-transform: scale(1.05); 
  -ms-transform: scale(1.05); 
  -o-transform: scale(1.05); 
  transform: scale(1.05); 
}

.overflow {
  overflow: hidden;
}

/* -------------------- ホバー時ボーダーボトム -------------------- */

.hover_line {
	position: relative;
	display: inline-block;
	transition: 0.5s;
}

.hover_line::before,
.hover_line::after {
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	background-color: #f00000;
	transition: 0.5s;
}

.hover_line::before {
	top: 0;
	left: 0;
}
.hover_line::after {
	bottom: 0;
	right: 0;
}
.hover_line:hover::before,
.hover_line:hover::after {
	width: 100%;
}

/* -------------------------------------------------- スライドページリスト --------------------------------------------------*/ 

.slick-slide div.contentsslider_footer div.contentsslider_btn p {
    background-color: #666666;
    padding: 0.3rem;
    margin-top: 0.2rem;
    font-size: 0.6rem;
    text-align: center;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin: 1rem;
    background-color: #ffffff;
}

.slick-slide a h3 {
    margin: 0;
    padding: 0 0 2rem 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    border-bottom: 1px solid #edf0f0;
    -webkit-margin-before: 1rem;
    -webkit-margin-after: 1rem;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    color: #666666;
}

/* -------------------------------------------------- コンポーザー・ページリスト関係 -------------------------------------------------- */
/*#fsInfoBlock .entryTitle {
  font-weight: bold;
}*/

.news .entryData:after{
    background: #c8c8c8 !important;
    font-size: 0.8rem !important;
    color: #ffffff !important;
    margin-left: 0.2rem !important;
}

div.ccm-pagination span {
    margin: 1rem;
    font-size: 1.2rem;
}

div.ccm-pagination span.ccm-page-right span,
div.ccm-pagination span.ccm-page-right,
div.ccm-pagination span.ccm-page-left span,
div.ccm-pagination span.ccm-page-left
{
    font-size: 0;
}


div.ccm-pagination span
{
    padding: 0.5rem;
    margin: 0;
    font-size: 1.2rem;
    color: #704c73;
}

div.ccm-pagination {
    text-align: center;
    position: relative;
    padding: 1rem;
}

div.ccm-pagination span.currentPage active numbers
{
    background-color:#ffffff;
}


/*　今月のおすすめコース更新用　*/

#pt103-3-2 .course {
  background-repeat: no-repeat;
  margin: 0 2rem 0 2rem;
  padding: 3rem 0 1rem 0;
  border-bottom: 1px solid #704c73;
  color: #ffffff ;
}

#pt103-3-2 .menu {
    background-repeat: no-repeat;
    padding: 1rem 0 1rem 0;
    margin: 0 2rem 0 2rem;
    border-bottom: 1px solid #ffffff;
}


/*
#pt104-3-1 .fs_content , #pt104-3-2 .fs_content {
  background-repeat: no-repeat;
  margin: 0 2rem 2rem 2rem;
}
*/

#pt103-3-1 .fs_image  {
  margin: 2rem 2rem 0 2rem;
}

#pt103-3-1 .fs_multi_image , #pt104-3-1 .fs_multi_image {
  margin: 0 1.5rem 0 1.5rem;
}

/*　　今月のおすすめ料理カラム2　　　*/

#archiveBoxesC2 .archiveEachBox .eachArticle p.post-time {
    display: none;
}

#archiveBoxesC2 .archiveEachBox .eachArticle ul.post-cat li {
    display: none;
}

#archiveBoxesC2 .archiveEachBox .eachArticle h3.post-title {
    font-size: 1rem;
    padding: 1rem 0 1rem 0;
    background-color: #704c73;
    border-top: 1px solid #82ad45;
}

/*　大将の一枚　リスト　*/
#archiveBoxesC4-cardA .archiveCardA-txt-read { display:none; }

/*　お知らせ　大将のひとこと更新用　*/

#pt101-3-1 .fs_c_title , #pt102-3-1 .fs_c_title , #pt105-3-1 .fs_c_title {
  background-repeat: no-repeat;
  margin: 0 2rem 0 2rem;
  padding: 3rem 0 3rem 0;
  font-size: 1.2rem;
  color: #ffffff ;
    text-align: justify;
}

#pt101-3-1 .fs_content , #pt102-3-1 .fs_content , #pt105-3-1 .fs_content {
  background-repeat: no-repeat;
  padding: 0 0 3rem 0;
  margin: 0 2rem 0 2rem;
  font-size: 1rem;
    text-align: justify;
}

#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: #ffffff;
    color: #704c73;
    border-radius: 0px;
}

div.cal_wrapper table.cal tr td {
    font-size: 0.8rem;
    text-align: center;
    padding: 0;
}

div.cal_wrapper table.cal tr.headline {
    background-color: #5c385f;
}

div.cal_wrapper table.cal tr td div {
    position: relative;
    padding: 0.4rem 0.55rem;
    font-size: 0.8rem;
    text-align: center;
    background-color: #141414;
}

div.cal_wrapper table.cal tr.headline td {
    padding: 0.5rem 0px;
    color: #ffffff;
}

div.cal_wrapper table.cal tr th p {
    float: left;
    padding: 5px;
    margin: 0px;
    color: #ffffff;
    font-size: 1rem;
}

div.cal_wrapper table.cal tr td div span {
    display: none;
    position: absolute;
    top: 20px;
    left: 0px;
    width: 180px;
    border: none;
    background-color: #242424;
    text-align: left;
    padding: 5px;
    z-index: 10;
    color: #000;
    font-weight: normal;
    line-height: 1.5em;
    box-shadow: none;
}


/*　大将のひとこと更新用リスト　*/

.fs-info-list .pagelistItemDate, 
.fs-info-list .pagelistItemSummary {
    display: none;
}

.fs-info-list dd {
    border-left: 2px solid #704c73;
    padding-left: 1rem;
}

.fs-info-list dt {
    width: auto;
    padding-right: 0rem;
}

.fs-info-list dl {
    padding-bottom: 1rem;
}



/*　　お知らせ一覧タグリスト　　　　*/

.tk_tags {
    background-color: #704c73;
    color: #ffffff;
    padding: 0.4rem 0.3rem 0.3rem 0.4rem;
    margin-right: 1rem;
    font-size: 0.7rem;
}


.tk_title {
    font-size: 1rem;
    margin-bottom: 0rem!important;
    line-height: 1.8rem;
}

.tk_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #e7e7e7;
    padding: 1.5rem 0 1.5rem 0;
    text-decoration: none;
}

.tk_kiji {
    display: none;
}

.col-1 {
    flex: 1;
    padding-right: 0;
}

/*　------------------------------------　カラム　---------------------------------------　*/

@media screen and (max-width: 480px) { 
#archiveBoxesC2 .archiveEachBox, #archiveBoxesC3 .archiveEachBox, #archiveBoxesC4 .archiveEachBox{ 
    margin:0; 
} 
}

/*　トップページ - 言葉　*/

.phrase_left {
      font-size: 1.2rem;
      vertical-align: middle;
      width: 12%;
      border-top:1px solid #ebebeb;
      text-align: center;
}
.phrase_right {
      font-size: 1rem;
      text-align: justify;
      padding: 1rem 1rem 1rem 0;
      vertical-align: top;
      width: 88%;
     border-top:1px solid #ebebeb;
}

/* 新着table */
.EigyoJikan {
margin:0.5rem 0;
}
.EigyoJikan td {
border:1px solid #FFFFFF;
border-collapse: collapse;
padding:5px 10px;
text-align:center;
}
.topicsTable {
margin:0.5rem 0;
}
.topicsTable td {
border:1px solid #FFFFFF;
border-collapse: collapse;
padding:5px 10px;
text-align:center;
}

/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 498px) {
.tel_splink {pointer-events: none;}
}

/*----------SP版センター----------*/
@media screen and (max-width: 498px) {
     .sp_center {  text-align: center!important; }}

/*----------SP版左----------*/
@media screen and (max-width: 498px) {
     .sp_left {  text-align: justify!important; }}

/*----------SP版右----------*/
@media screen and (max-width: 498px) {
     .sp_right {  text-align: right!important; }}

/*----------スマホ時改行なし----------*/
@media screen and (max-width: 498px){
.sp_br_none br { display:none; }}

/*----------スマホ時改行あり----------*/
@media only screen and (min-width: 480px){
.sp_br br { display:none;}}