@charset "UTF-8";

@import url("./css/video.css");
@import url("./video.css");

@font-face {
  font-family: 'MyFont';
  src: local('KozMinPro-Regular');
}

.font-m-type {
  font-family:'MyFont';
  font-size:300%;
}

.h4.h3.h2.h1 {
    font-family:'MyFont';
    font-size:300%;
}
  
h4.red-font{
    color: rgba(236,0,3,1.00);
    font-weight: 700;
    text-align: center;
}


h3.red-font{
    color: rgba(236,0,3,1.00);
    font-weight: 700;
    line-height:1.5em;
    margin-bottom: -20px;
    text-align: center;
}


h2.red-font{
    color: rgba(236,0,3,1.00);
    font-weight: 700;
    line-height:1.5em;
    margin-bottom: -20px;
    text-align: center;
   
    
}




.orikaesi{
    display: inline-block;
}


/* h1　新しい郷土料理を・・・文字の折り返しを整える(レスポンシブ) */

.present_catch_title  { text-align: center; font-size: 2.0em; letter-spacing: 0.5em; text-shadow: 0px 6px 5px #a9a9a9; }

.title { text-align: center; letter-spacing: 0.1em; }

.text { display: inline-block; }



/* 応募頂いた方へ、・・・　文字の折り返しを整える(レスポンシブ) */

.oubo_title , .oubo_nagare  { 
    text-align: center; 
    font-size: 1.0em; 
    letter-spacing: 0.1em; 
    text-shadow: 0px 6px 5px #a9a9a9; 
    padding-top: 10px; }

.title { text-align: center; letter-spacing: 0.1em; }

.text { display: inline-block; }


/*応募要件の枠*/
div.oubo-waku {
	margin: 30px auto 30px ;
	padding: 10px;
	width: 90%;
	border-radius: 10px;
	border: 2px solid rgba(236,0,3,1.00);
    font-weight: 700;
    font-family:'MyFont';
    text-align: left;
    line-height: 1.5em;
    font-size: 20px !important ;
    color: rgba(236,0,3,1.00);
    font-feature-settings:"palt"!important;
    letter-spacing: 0.05em;


}




/* かっこ字詰め .gohannohi-setumei{ text-align: justify; font-size: 1.4em; letter-spacing: 0.05em; line-height: 2.0em;}*/

.text,h3,li,.honbun-left { font-feature-settings: 'palt'; }

.gohannohi-ttl{ text-align: justify;  letter-spacing: 0.1em; }


/* table top-titleの上部にスペースを入れている。SS */
.top-title td img{
  padding:30px 0 30px 0;
}


/* table top-titleの上部にスペースを入れている。SS */
.top-title td img{
  padding:30px 0 30px 0;
}

td.footer-moji{font-size: 2.0em;
    color:rgba(0,0,0,1.00);
    vertical-align: middle;
}

img.footer-log{padding: 0 0 0 30px; zoom:10%;}



/* 下部バナーの上下にスペースを入れている。SS */
img.topimg-002{padding: 50px 0 20px 0; }

.w60-waku{width: 70%; text-align: center;}


/* tableの幅をコントロールR SS */
td.w3R{width: 3%; text-align: right;}
td.w5R{width: 5%; text-align: right;}
td.w10R{width: 10%; text-align: right;}
td.w15R{width: 15%; text-align: right;}
td.w20R{width: 20%; text-align: right;}
td.w30R{width: 30%; text-align: right;}
td.w40R{width: 40%; text-align: right;}
td.w50R{width: 50%; text-align: right;}
td.w60R{width: 60%; text-align: right;}
td.w70R{width: 70%; text-align: right;}
td.w80R{width: 80%; text-align: right;}
td.w90R{width: 90%; text-align: right;}


/* tableの幅をコントロールC SS */
td.w10C{width: 10%; text-align: center;}
td.w20C{width: 20%; text-align: center;}
td.w30C{width: 30%; text-align: center;}
td.w40C{width: 40%; text-align: center;}
td.w50C{width: 50%; text-align: center;}
td.w60C{width: 60%; text-align: center;}
td.w70C{width: 70%; text-align: center;}
td.w80C{width: 80%; text-align: center;font-family:'MyFont';}
td.w90C{width: 90%; text-align: center;}

.osae{width: 50%; text-align: left; font-family:'MyFont';vertical-align: top;line-height:1.5em; padding: 1.8em; font-size:1.2em; letter-spacing: 0.1em; }


/* tableの幅,背景に白あり　SS */
td.w60CW{width: 60%; text-align: center;  font-size: 50px; background-color:rgba(255,255,255,0.53);font-family:'MyFont';}
td.w70CW{width: 70%; text-align: center;  font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont';}
td.w80CW{width: 80%; text-align: center;  font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont';}
td.w90CW{width: 90%; text-align: center;  font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont';}

/* 
td.w94CW{width: 94%; font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont'; }

td.w3L_01 img{width: 300%; text-align: left;}
td.w3L_02 img{width: 550%; text-align: left; margin-top: -35px;}
td.w3L_03 img{width: 650%; text-align: left; margin-top: -75px;}

div.photo_satuei img{width: 950%; text-align: left; margin-top: -255px;}

td.w94CW img{width: 18%; margin-top: 0px; margin-right: -6%;  margin-left: auto; margin-bottom: 0px; display: block; }

 */

/* tableの幅をコントロールL SS */
td.w3L{width: 3%; text-align: left;}
td.w5L{width: 5%; text-align: left;}
td.w10L{width: 10%; text-align: left;}
td.w15L{width: 15%; text-align: left;}
td.w20L{width: 20%; text-align: left;}
td.w30L{width: 30%; text-align: left;}
td.w40L{width: 40%; text-align: left;}
td.w50L{width: 50%; text-align: left;}
td.w60L{width: 60%; text-align: left;}
td.w70L{width: 70%; text-align: left;}
td.w80L{width: 80%; text-align: left;}
td.w90L{width: 90%; text-align: left;}


/* スペーサー10〜90 */
.gohan-waku{ margin-top:50px; }


/* スペーサー10〜90 */
.spc-10{ margin-top:10px; }
.spc-20{ margin-top:20px; }
.spc-30{ margin-top:30px; }
.spc-40{ margin-top:40px; }
.spc-50{ margin-top:50px; }
.spc-60{ margin-top:60px; }
.spc-70{ margin-top:70px; padding-top:70px; }
.spc-80{ margin-top:80px; }
.spc-90{ margin-top:90px; }


/* バナーの上に重ねる透明文字 */
.bnr-moji{ padding-top:50px; z-index: 500; }



/* バナーの上に重ねる透明の画像001 */
.example {
  position: relative;
  }

.example p {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 15%;
  left: 10%;
  width: 39%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:4% 0  0 10%;/*余計な隙間を除く*/
  padding-left:50px;/*余計な隙間を除く*/
  color: white;/*文字色*/
  font-size: 25px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  }

.example p .fa {/*アイコンに対して*/
  display:block;/*前後に改行*/
  padding-bottom:10px;/*文字との隙間*/
  font-size: 3em;/*文字の3倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }

.example img {
  width: 100%;
  }
/*/// バナーの上に重ねる透明の画像001 */



img.topimg-ouhan{padding: 0  0 20px 0;   
    text-align:left;/*pタグ内で更に中央寄せ*/
    margin-right:50%;/*余計な隙間を除く*/

}



/* バナーの上に重ねる透明の画像002 */
.example2 {
  position: relative;
  }

.example2 p {/*pタグを画像の真ん中に*/
  position: absolute;
  top: 19%;
  left: 22%;
  width: 35%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:4% 0  0 0;/*余計な隙間を除く*/
  padding-left:0%;/*余計な隙間を除く*/
  color: white;/*文字色*/
  font-size: 25px;/*文字サイズ*/
  text-align:center;/*pタグ内で更に中央寄せ*/
  font-family: 'Quicksand',sans-serif;
  }

.example2 p .fa {/*アイコンに対して*/
  display:block;/*前後に改行*/
  padding-bottom:10px;/*文字との隙間*/
  font-size: 3em;/*文字の3倍のサイズに*/
  color: rgba(255, 255, 255, 0.6);/*半透明*/
  }

.example2 img {
  width: 100%;
  }
/* ////バナーの上に重ねる透明の画像002 */


/*動画の枠と説明文の調整 (動画6:4説明文) */






/*海の幸メニュー(スマホ)修正分01　230524*/
.umi-cnt{
  position: relative;
     width: 100%;
    text-align: center;
}

/*おおいたの食とは　スマホ用　230525*/
.gohannohi-setumei{
    text-align: justify; font-size: 1.2em; letter-spacing: 0em; line-height: 1.5em; 
}

/*メニュー名　スマホ用 230525*/
.menu_mei{font-size: 18px; line-height: 1.4em;text-align:center; font-weight: bold;}


.video-text02 h4{ font-size: 18px; line-height: 1.4em; text-align:left; font-weight:bold; }


/*応募のイラストと文字　230526*/
td.w94CW{width: 94%; font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont'; }


td.w3L_01 img{width: 300%; text-align: left;}
td.w3L_02 img{width: 650%; text-align: left; margin-top: -35px;}
td.w3L_03 img{width: 500%; text-align: left; margin: -75px -30px 0 0px;}

div.photo_satuei img{width: 950%; text-align: left; margin-top: -255px;}



td.w3L_01 img{width: 500%; text-align: left; margin-top: 50px;}
td.w3L_02 img{width: 600%; text-align: left; margin-top: -100px;}
td.w3L_03 img{width: 450%; text-align: left; margin-top: -80px;}


.w94CW-top{width: 94%; height: 20px; font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont';
    border-top-right-radius:30px; border-top-left-radius:30px; }  
    
td.w94CW-top img{width: 18%; margin-top: 0px; margin-right: -6%;  margin-left: auto; margin-bottom: 0px; display: block;  }
.oubo_title { padding-top: 0px;padding-bottom: 20px; }
    
    
td.w94CW img{width: 18%; margin-top: -20px; margin-right: -6%;  margin-left: auto; margin-bottom: 0px; display: block;
border-bottom-right-radius:30px; border-bottom-left-radius:30px;}

    
.w94CW-bottom{width: 94%; height: 20px; font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont';
    border-bottom-right-radius:30px; border-bottom-left-radius:30px;}









/*///応募のイラストと文字　230526*/




/*海の幸メニュー(PC)修正分02　230524*/
@media (min-width:992px) {
   
  .umi-cnt{
      position: relative;
     width: 50%;
     top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

/*おおいたの食とは　PC用　230525*/
.gohannohi-setumei{ text-align: justify; font-size: 1.4em; letter-spacing: 0.02em; line-height: 2.0em; }

/*メニュー名　PC用 230525*/
.menu_mei{font-size: 22px; line-height: 1.4em;text-align:center; }
      
.video-text02 h4{font-size: 18px; line-height: 1.4em;text-align:center; font-weight: bold; text-align: left; }

   

/*///海の幸メニュー　ここまで*/



/*応募のイラストと文字　230526*/
td.w94CW{width: 94%; font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont'; }

td.w3L_01 img{width: 300%; text-align: left; margin-top: 100px;}
td.w3L_02 img{width: 500%; text-align: left; margin-top: -400px;}
td.w3L_03 img{width: 350%; text-align: left; margin-top: -150px;}

div.photo_satuei img{width: 950%; text-align: left; margin-top: -255px;}

    
    
.w94CW-top{width: 94%; height: 20px; font-size: 1em; background-color:rgba(255,255,255,0.53);font-family:'MyFont';
    border-top-right-radius:30px; border-top-left-radius:30px; }  
    
td.w94CW-top img{width: 18%; margin-top: 0px; margin-right: -6%;  margin-left: auto; margin-bottom: 0px; display: block;  }
.oubo_title { padding-top: 0px;padding-bottom: 80px; }
    
    
td.w94CW img{width: 18%; margin-top: -160px; margin-right: -6%;  margin-left: auto; margin-bottom: 0px; display: block; }

div.oubo-waku{ font-size: 500%; text-align: center;}      
    
ul.asterisk{ font-size: 120%; padding:0 70px 0 100px; }
.w94CW h5.oubo{ font-size: 500%; text-align: center;}

td .osae{ padding:0 150px 80px 150px;  font-size: 1.5em; text-align: center;}

   
/*///応募のイラストと文字　230526*/


}


   
.menu_moji img{
  text-align:center;
    width: 50%;
}

/*カミングスーンの画像の配置 */
.video-img01 {
  padding: 0 10px 0 0;
  width: 60%;  
  height: auto;
  
  }

/*カミングスーンの画像のトリミング角丸と下部に余白11pxあり */
.video-img01 img {
    border-radius: 20px 0 20px 0;
    width: 100%;  
    height: auto;
    margin: 0 0 11px 0;
}


.video-flm02 {
  padding: 0 10px 0 0;
  width: 60%;  
  }

.video-text02{
  vertical-align: top;
  text-align: left;
  width: 40%;
  height: 180px;
  }






/* details 開いている状態 */
details[open] .do-open {
	display: none ;
} 
    
/* details 閉じている状態 */
details:not([open]) .do-close {
	display: none ;
   
}



/* details summary non */
summary.non span {
  /*cursor: pointer;*/
  transition: 0.5s; /* 変化を滑らかに */
  
    border-color: #000000;
    border-radius:20px;
    margin-top: 0px; 
    padding:6px 30px 6px 30px; 
    border: solid  1px;   
}

/* details summaryホバー時のスタイル */
summary.non span:hover{
  /*cursor: pointer; */ /* カーソルを指マークに */
    background-color: transparent;
    border-color: #000000;
    border-radius:20px;
    margin: 0px; 
    padding:6px 30px 6px 30px; 
    border: solid  1px;
}

summary.non {
    margin: 10px 5px 20px 0; 
    text-align: right;
}





/* details summary　 */
summary span {
  cursor: pointer;
  transition: 0.5s; /* 変化を滑らかに */
  
    border-color: #000000;
    background-color:#F7C25D; /* #F7C25D夏　ボタンの色 */
    border-radius:20px;
    margin-bottom: 50px; 
    padding:6px 30px 6px 30px; 
    border: solid  1px;   
}

/* details summaryホバー時のスタイル */
summary span:hover{
  cursor: pointer; /* カーソルを指マークにEC8700 */
  background-color:#EC8700;
    border-color: #000000;
    border-radius:20px;
    margin: 0px; 
    padding:6px 30px 6px 30px; 
    border: solid  1px;
}

summary {
    margin: 10px 5px 20px 0; 
    text-align: right;
}

table.recipe{ 
position:relative;       
    top:  0px;
padding-bottom: 0px;
    margin-bottom: -30px;
}
    
    
/*▼ SS*/
.danraku{
  padding:200px 0 -50px 0;
  border-top: 30px solid rgba(98,67,17,0.69);
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom:15px solid transparent;
}

/*申込ボタン SS*/
.btn-mousikomi {
    border-radius: 20px;
    font-size:2.0em; 
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background-color:rgba(178,0,0,1.00);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 3.25rem 1rem;
    text-decoration: none;
    transition: .3s;
    text-align: center;
    letter-spacing: 0.1em;
}
.btn-mousikomi:hover {
    border-radius: 20px;
    background-color:rgba(178,0,0,1.00);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    margin-top: 2px;
    margin-bottom: -2px;
    color: #fff;
    font-weight: 700;
    text-decoration:none;
}

.btn-mousikomi:visited {
    border-radius: 20px;
    background-color:rgba(178,0,0,1.00);
    color: #fff;
    font-weight: 700;
    text-decoration:none;
}
/*//////申込ボタン SS*/


/*申し込み終了バナー */
.btn-mousikomi-orei {
    border-radius: 10px;
    /*font-size:2.0em;*/
    font-size: clamp(1.6rem, 0.841rem + 2.108vw, 3rem); /*OAB追加*/
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background-color:rgba(178,0,0,1.00);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 3.25rem 1rem;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.05em;
}

/*OAB追加*/
.btn-mousikomi-orei:hover {
  color: #fff;
  text-decoration: none;
}
/*OAB追加*/

/*//////申し込み終了バナー */


/*リストの黒丸をとって米印を挿入 SS*/
ul {
  list-style: none;
 color: rgba(236,0,3,1.00);
  text-align: center;    
}

ul.asterisk li {
 
  color: rgba(236,0,3,1.00);
  margin: 0 20px 0 40px;
  line-height: 1.5em;
  text-align: left;
  list-style-type: none;
  text-indent: 0em;
  font-weight: 500;
  font-size: 1.2em;
  letter-spacing: 0.1em;
}
ul.asterisk li:before {
  
 color: rgba(236,0,3,1.00);
 display: inline;
 content: "※";
}

/* ////リストの黒丸をとって米印を挿入 SS*/

/*kadomaru SS*/
div.kadomaru h3 {
	margin: 10px auto;
	padding: 10px;
	width: 90%;
	border-radius: 20px 20px 20px 20px;
	border: 2px solid #000000;
    background-color: rgba(182,169,154,0.78);
    font-family:'MyFont';
    font-size: 25px; 
    line-height:1.3em;
    letter-spacing: 0.1em;
}


/*//////kadomaru SS*/


/* ケイ線を付加 SS */
.hr1 {
    border-style: none;
    border-top: 1px solid #000000;
}

.hr2 {
    border-style: none;
    border-top: 2px solid #000000;
}

.hr3-red {
    border-style: none;
    border-top: 3px solid #000000;
    border-color: rgba(232,0,3,1.00)
}


/* footerに配置したtable01〜03 SS */
td.bnr-table01{text-align: right;}
td.bnr-table02{text-align: left;}
td.bnr-table03{text-align: left;}




.col-md-6 col-12 text-center{
    padding-bottom:50px;
    border-bottom:10px; solid:blue;
    text-decoration: none;
}

/* 海の幸メニュー高さ調整中 SS */
.col-md-66 col-12 text-center{
    padding-top: -10px;
    padding-bottom:50px;
    border-bottom:10px; solid:blue;
    text-decoration: none;
}



.midasi-line{
    border-bottom:10px; solid:blue;
    padding-bottom:50px;
    font-size: 2.0em;
}




.condate_ttl_ari{
    width: 100%;
    height: auto;
    padding: 10px;
    padding-top:10px; 
    background-color: #FFFFFF;
    box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
 }   


.condate{
    width: 100%;
    height: auto;
    padding: 10px;
    padding-top:80px; 
    background-color: #FFFFFF;
    box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
 }   

.gozen_ttl{
    letter-spacing: 15px;
   position: absolute;
        top:20px;
    padding-left: 35px;    
    font-size: 180%;
 } 




/* navi-botan fixed　ok */

.navbar.navbar-default.navbar-static-top{
    position:fixed;
    width: 100%;  /*左右フィット　*/
	height: 60px;　
	top: 0; /*トップの（プラウザの）余白*/
	left: 0;   /*左の（プラウザの）余白*/
    z-index:200;    
}

.navi-img{
    position:absolute;
    width: 100%;  /*左右フィット　*/
	height: 60px;　
    top:0px;  /*トップの（プラウザの）余白*/
	left: 0;   /*左の（プラウザの）余白*/
    
}
.global-nav{
    position:absolute;
    z-index:200;
}

.global-nav a{
    position:absolute;
    z-index:300;
}


.inner{ 
    position:absolute;
    z-index:300; /*（重要！）ナビボタンを最上部に持ち上げ、ボタンが動く様に修正。*/
}


.img-navi-set{
   position:absolute;
    top:0px;
    opacity:0.3;
    background-image:url("../photo/backcolor/shitaji.jpg");
    z-index:10;/*（重要！）ナビボタンの下に画像を配置。*/
}


.logo{ position:absolute; z-index:100;  opacity:1.0;}

/* navi-botan fixed　ナビ固定時は、body全体の位置を下方に移動。　*/

.cnts-cntrl{margin-top: 0px;}

td.takasa{height: 60px; }


/*================================================
　　追加
 ================================================*/
.menu_mei{
  margin-right: 15px;
  padding-left: .5rem
}

.menu_mei ul{
  display: inline-block;
	margin: auto;
	text-align: center;
  color: #000;
}

.menu_mei ul li{
	text-align: left;
  list-style-type: disc;
  /*font-feature-settings: "palt";*/
}

/*.menu_mei ul li::first-letter{
  margin-left: -0.5rem;
}*/

/*.menu_mei ul li::before{
  content:"･";
}*/

ul.asterisk li{
  margin: 0 20px 0 20px;
  padding-left: 1em;
  text-indent: -1em;
}

ul.asterisk li:first-of-type{
  margin-bottom: 10px;
}

.mousikomi{
  text-align: center;
}

.btn-mousikomi{
  max-width: 500px;
  margin: auto;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}