@charset "utf-8";

/**/
body{ font-size:16px; }

/* pageLayout */
#content-header{
 margin:5px 0;
 text-align:center;
}

/* COMMMON CSS の設定上書き */
#pageLayout{ padding:0; }
/* head layout */

.top-header-border{

  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:5px;

  margin-bottom:5px;
  padding-top:7px;
  padding-bottom:7px;
  min-height:40px;
  height:auto;
  box-sizing:border-box;

  border-radius: 4px;
  color: #fcfcfc;

  -webkit-appearance:none;
}

.text-order-reverse{
  flex-direction: column-reverse;
}

#content-header .top-header-border p{
  margin:0;
  padding-top:5px;
}

#content-header .text-order-reverse p{
  margin:0;
  padding:0;
  font-weight:bold;
}


.header-green{

 border:1px solid #090;

 background-color: #009900; /* Old browsers */
 background-color: linear-gradient(to bottom,  #009900 0%,#008000 100%); /* W3C */
}

.header-brown{
 border:1px solid #8d4640;

 background-color: #8d4640; /* Old browsers */
 background-color: linear-gradient(to bottom,  #8d4640 0%,#6a0d05 100%); /* W3C */
}

.header-lightbrown{
 border:1px solid #b95050;

 background-color: #b95050; /* Old browsers */
 background-color: linear-gradient(to bottom,  #b95050 0%,#990000 100%); /* W3C */
}

.top-header-border h1{ font-size:18px; }

.topSub-font,
.topSub-font2{
 font-weight:bold;
 color:#F60;
}

.topSub-font { font-size:18px; }
.topSub-font2{ font-size:17px; }


.topSub-font > .bigSize-Red,
.topSub-font2 > .bigSize-Red{
 font-size:20px;
 color:#ff0000;
}

.headword-out01,
.headword-out02,
.headword-out03{
 font-size:15px;
 font-weight:bold;
}

.headword-out01{ color:#6A0D05; }
.headword-out02{ color:#008000; }
.headword-out03{ color:#900; }


/*  mainContents以下の設定 */

.repeat-block{ padding-bottom:25px; }
.repeat-block:has([class^="big-button"]){  padding-bottom: 0; }

.repeat-block p{ padding:0 8px; }


.repeat-block header{
 margin:4px 0 8px;
 padding:0;
 text-align:center;
}
.repeat-block header h2{
 padding-top:13px;
 height:22px;
 overflow:hidden;
 background-color:#000;

 font-size:14px;
 color:#630;

 border:1px solid #fff4e0;
 border-radius: 3px;

 background: #fff4e0; /* Old browsers */
 background: linear-gradient(to bottom,  #fff4e0 0%,#ffe591 100%); /* W3C */
}


/* bigbottom setting */


.big-button,
.big-button2{
 margin:20px auto 25px;
 width:300px;

 text-align:left;
 font-weight:bold;
 text-decoration:none;

 border:1px solid #C00;
 border-radius: 6px;
}


.big-button a,
.big-button2 a{

 display:block;
 margin:2px;
 padding:14px 0 14px 46px;
 height:auto;
 overflow:hidden;

 font-size:18px;
 font-weight:bold;
 color:#fff;
 text-decoration:none;
 letter-spacing:1px;

 border-radius: 4px;

 background-color:#c00;
 background-image:url(../../img/k/cssImages/bigbutton.png);
 background-position:0 50%;
 background-repeat:no-repeat;

}

.big-button a span,
.big-button2 a span{ font-size:17px; }

.big-button a span.button20,
.big-button2 a span.button20{ font-size:20px; }


.big-button a{
 box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -webkit-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -moz-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;

  background-image:url(../../img/k/cssImages/bigbutton3.png);
  background-size:cover;
}

.big-button2{ border:1px solid #ff6600; }
.big-button2 a{

 box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -webkit-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -moz-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;

  background-image:url(../../img/k/cssImages/bigbutton4.png);
  background-size:cover;
}



/* float setting */

img.floatLeft { padding:2px 10px 2px 0; }
img.floatRight{ padding:2px 0 2px 10px; }

.imgCenter{
	display:block;
	margin:15px auto;
}

#content-header .imgCenter{ margin:5px auto; }

.photoLeft{
 margin-left:10px;
 padding-top:5px;
 padding-right:10px;
 float:left;
}
.photoRight{
 margin-right:10px;
 padding-top:5px;
 padding-left:5px;
 float:right;
}

/* sub block setting */

.nest-block{
 margin-bottom:10px;
 padding:2px 8px;
 clear:both;
}

.nest-nospace-block{
 margin:0;
 padding:2px 8px;
 clear:both;
}

.nest-nospace-block img{
 padding-top:0;
 padding-bottom:0;
}

/* recipe list  */

#recipeList h4{ margin:7px 0 5px; }

/* font setting */
.user-title{
 padding:5px 0;
 font-weight:bold;
 color:#060;
}

/* color setting */

.c-green{ color:#390; }

.block-green{
 display:block;
 color: #060;
}


/* footer リンク */

#footer-nav li:nth-child(odd){  width:52%; }
#footer-nav li:nth-child(even){ width:44%; }

/* SC専用  */
.catch01{
 margin-top:15px;
 margin-bottom:-5px;
 font-size:15px;
 color: #333;
 font-weight:bold;
 text-align:center;
}

.catch02{
 margin:15px 0 5px;
 font-size:15px;
 color: #333;
 font-weight:bold;
 text-align:center;
}

/* all omake! */
.photoLeft:after,
.photoRight:after
{
	display:block;
	height:0;
	visibility:hidden;
	content:".";
	clear:both;
}

/* 240829 追加  */


#pointTitle{
  position:relative;
  margin-bottom:5px;
  padding-top:10px;
  padding-left:24px;
  padding-bottom:5px;

  border-bottom-width:1px;
  border-bottom-style:dotted;
}


#pointTitle::before{
 position:absolute;
 display:block;
 content:"";
 left:0;
 bottom:5px;

 width:12px;
 height:12px;
 border:2px solid #333;
}

#pointTitle::after{
 position:absolute;
 display:block;
 content:"";
 left:0;
 bottom:12px;

 width:16px;
 height:10px;
 border-left:3px solid #dc143c;
 border-bottom:4px solid #dc143c;
 transform:rotate(-45deg)
}

.setPoint-green{
  color: #043;
  border-bottom-color:#043
}

.setPoint-brown{
  color: #450903;
  border-bottom-color:#450903;
}

.setPoint-lightbrown{
  color: #900;
  border-bottom-color:#900;
}


#content-header-textgroup{
 margin-left:auto;
 margin-right:auto;
 width:calc(100% - 1em);

 text-align:left;

}


#content-header #content-header-textgroup p{ margin:5px 0; }
#content-header #content-header-textgroup p + p{ padding-top:5px; }

#content-header-textgroup .topSub-font,
#content-header-textgroup .topSub-font2{ text-align:center; }




/* END あいうえお */