@charset "UTF-8";

/*タイトル*/
#cm_center .cm_title { /*p*/
  width: 100%;
  padding-bottom: 1em;
}
/*画像*/
#cm_center .cm_title img {
  width: 100%;
}

/*
 * インデックス
 */

#cm_center .cm_index ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cm_center .cm_index ul li {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cm_center .cm_index ul li:nth-child(1) {
  width: 240px;
  padding: 0 20px 2em 0;
}
#cm_center .cm_index ul li:nth-child(2) {
  width: 260px;
  padding: 0 20px 2em;
}
#cm_center .cm_index ul li:nth-child(3) {
  width: 240px;
  padding: 0 0 2em 20px;
}
/*リンク*/
#cm_center .cm_index li a:visited,
#cm_center .cm_index li a {
  font-size: 0.85em;
  text-decoration: none;
  color: #444;
  transition: all 0.2s;
}
#cm_center .cm_index li a:hover {
  text-decoration: underline;
  color: #4e0000;
  opacity: 0.7;
}
/*画像*/
#cm_center .cm_index li img {
  width: 100%;
}
/*タイトル*/
#cm_center .cm_index .cm_title.roast {
  padding-top: 2.5em;
}


/*
 * 唐揚げインデックス
 */

#cm_center .index {
  border-bottom: solid 1px rgba(38, 13, 13, 0.31);
  padding-bottom: 1em;
  margin: 0.7em auto 2em;
}
#cm_center .index .sub_title {
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: solid 1px rgba(38, 13, 13, 0.31);
  padding-bottom: 0.7em;
  margin-bottom: 0.7em;
}

/*テーブル化*/
#cm_center .index ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cm_center .index ul li {
  display: table-cell;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*親ul直下li*/
#cm_center .index .parent > li {
  text-align: left;
  width: 50%;
}
#cm_center .index .parent > li:nth-child(1) {
  padding: 0.3em 0.6em 0.3em 0;
}
#cm_center .index .parent > li:nth-child(2) {
  padding: 0.3em 0 0.3em 0.6em;
}
/*子ul＆li*/
#cm_center .index .parent > li:nth-child(1) li:nth-child(1) {
  text-align: left;
  width: 37%;
}
#cm_center .index .parent > li:nth-child(1) li:nth-child(2) {
  text-align: center;
  width: 8%;
}
#cm_center .index .parent > li:nth-child(1) li:nth-child(3) {
  width: 55%;
  text-align: right;
  font-weight: bold;
  color: #4e0000;
}
#cm_center .index .parent > li:nth-child(2) li:nth-child(1) {
  text-align: left;
  width: 61%;
}
#cm_center .index .parent > li:nth-child(2) li:nth-child(2) {
  text-align: center;
  width: 9%;
}
#cm_center .index .parent > li:nth-child(2) li:nth-child(3) {
  text-align: right;
  width: 30%;
  font-weight: bold;
  color: #4e0000;
}


/*
 * 調理ブロック
 */

/*全体*/
#cm_center .cm_cook_content { /*div*/
  width: 100%;
  margin-top: 3.5em;
}

/*タイトル*/
#cm_center .cm_cook_content .cm_title { /*div*/
  width: 100%;
}

/*テーブル化*/
#cm_center .cm_cook_content .content { /*div*/
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cm_center .cm_cook_content .content .cm_row {
  display: table-row;
  width: 100%;
}
#cm_center .cm_cook_content .content .cm_cell {
  display: table-cell;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cm_center .cm_cook_content .content .cm_cell:nth-child(1) {
  width: 243px;
  padding: 0 9px 1.5em 0;
}
#cm_center .cm_cook_content .content .cm_cell:nth-child(2) {
  width: 254px;
  padding: 0 10px 1.5em;
}
#cm_center .cm_cook_content .content .cm_cell:nth-child(3) {
  width: 243px;
  padding: 0 0 1.5em 9px;
}

/*画像ブロック*/
#cm_center .cm_cook_content .content .cm_cell .img_bloc {
  width: 100%;
  position:relative;
}
#cm_center .cm_cook_content .content .cm_cell .img_bloc:before,
#cm_center .cm_cook_content .content .cm_cell .img_bloc:after {
  z-index: -1;
  position: absolute;
  content:  '';
  bottom: 23px;
  left: 5px;
  top: 80%;
  width: 50%;
  max-width: 50%;
  background: #AAAAAA;
  box-shadow: 0 18px 10px 0 rgba(0, 0, 0, 0.2);
  transform: rotate(-5deg);
}
#cm_center .cm_cook_content .content .cm_cell .img_bloc:after {
  transform: rotate(5deg);
  right: 5px;
  left: auto;
}

/*画像*/
#cm_center .cm_cook_content .content .cm_cell img {
  width: 100%;
  border: solid 1px #c2c2c2;
}

/*テキストブロック*/
#cm_center .cm_cook_content .content .cm_cell .txt_bloc {
  width: 100%;
  padding-top: 0.3em;
}
/*テーブル化*/
#cm_center .cm_cook_content .content .txt_bloc ul {
  display: table;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
#cm_center .cm_cook_content .content .txt_bloc li {
  display: table-cell;
  vertical-align: top;
  font-size: 0.85em;
  line-height: 1.65em;
  color: #444;
}
#cm_center .cm_cook_content .content .txt_bloc li:nth-child(1) {
  width: 15%;
  font-weight: bold;
  color: #230000;
}
#cm_center .cm_cook_content .content .txt_bloc li:nth-child(2) {
  width: 85%;
}

/*トップへ*/
#cm_center .cm_cook_content .to_top {
  text-align: center;
  font-size: 0.9em;
}
#cm_center .cm_cook_content .to_top a:visited,
#cm_center .cm_cook_content .to_top a {
  color: #777;
  text-decoration: none;
}
#cm_center .cm_cook_content .to_top a:hover {
  color: #777;
  text-decoration: none;
}




/*ホバー時*/
.cm_each_item .content li a:hover .txt_bloc {
  background-color: #F2EEE6;
}
.cm_each_item .content li a:hover .txt_bloc .item_info.herb {
  color: darkgreen;
}
.cm_each_item .content li a:hover .txt_bloc .item_info.spicy {
  color: #c22e00;
}
.cm_each_item .content li a:hover .txt_bloc .item_info.hotchili {
  color: #a80021;
}
.cm_each_item .content li a:hover .txt_bloc .item_info.curry {
  color: #ca7900;
}