@charset "utf-8";
.sp_view {
  display: none;
}

#nav_top .global_nav li.recipe span {
  border-bottom: 2px solid #b2b2b2;
}
#contents .inner {
  width: 1120px;
}

/*  #inner_menu
----------------------------------------*/
#inner_menu {
  display: block;
  height: 112px;	/* カテゴリー増減したら手動調整 */
}


.main_visual .main_photo {
  width: 100%;
  min-width: 1120px;
  text-align: center;
  height: 393px;
}
.main_visual .main_photo.detail_01 {
  background: url(../img/detail/img-mainvisual_detail_01.jpg) top center no-repeat;
}
.main_visual .main_photo.detail_02 {
  background: url(../img/detail/img-mainvisual_detail_02.jpg) top center no-repeat;
}
.main_visual .main_photo.detail_03 {
  background: url(../img/detail/img-mainvisual_detail_03.jpg) top center no-repeat;
}
.main_visual .main_photo.detail_04 {
  background: url(../img/detail/img-mainvisual_detail_04.jpg) top center no-repeat;
}
.main_visual .main_photo.detail_05 {
  background: url(../img/detail/img-mainvisual_detail_05.jpg) top center no-repeat;
}
.main_visual .main_photo.detail_06 {
  background: url(../img/detail/img-mainvisual_detail_06.jpg) top center no-repeat;
}
.main_visual .main_photo.detail_07 {
  background: url(../img/detail/img-mainvisual_detail_07.jpg) top center no-repeat;
}
.main_visual .main_photo.detail_08 {
  background: url(../img/detail/img-mainvisual_detail_08.jpg) top center no-repeat;
}
.main_visual .main_photo.detail_09 {
  background: url(../img/detail/img-mainvisual_detail_09.jpg) top center no-repeat;
}
.main_visual .main_photo img {
  display: none;
}
.main_visual .main_descript {
  text-align: center;
  margin-top: -60px;
}
.main_visual .main_descript .title {
	border-left: 0 !important;
}
.main_visual .main_descript .title span {
  line-height: 1.5;
}
.main_visual .main_descript .title .text_small {
  font-size: 20px;
  display: block;
  position: relative;
}
.main_visual .main_descript .title .text_main {
  font-size: 50px;
  display: block;
  position: relative;
}
.main_visual .main_descript p {
  font-size: 16px;
  line-height: 2.18;
  color: #4d4d4d;
  margin-top: 35px;
}
.main_visual .main_descript p + p {
  margin-top: 48px;
}

/*  #food_guide
----------------------------------------*/
#food_guide {
  margin: 70px 0 100px;
  overflow: hidden;
}
/* #food_guide > .material */
#food_guide .material {
  float: left;
  width: 383px;
}
#food_guide .material .wrap_material {
  padding: 36px;
  border: 1px solid #e6e6e6;
  line-height: 200%;
}
#food_guide .how_make {
  float: right;
  width: 685px;
}
#food_guide .material .title_material {
  font-size: 20px;
  margin-bottom: 10px;
}
#food_guide .material .title_material span {
  font-size: 15px;
}
#food_guide .material ul {
  overflow: hidden;
}
#food_guide .material ul li {
  font-size: 15px;
  color: #4c4c4c;
  padding: 12px 0;
}
#food_guide .material ul li p {
  margin-bottom: 5px;
}
#food_guide .material ul li.space {
  margin-top: 20px;
  border-top: none;
}
#food_guide .material ul li:last-child {
  padding-bottom: 0;
}
#food_guide .material ul li + li {
  border-top: 1px solid #e6e6e6;
}
#food_guide .material dl {
  display: table;
  width: 100%;
}
#food_guide .material dd,
#food_guide .material dt {
  display: table-cell;
  vertical-align: middle;
}
#food_guide .material dt {
  width: 200px;
}
#food_guide .material dd {
  padding-left: 10px;
}
#food_guide .material dt span {
  display: block;
  font-size: 13px;
}

/* #food_guide > .how_make */
#food_guide .how_make .title_make {
  font-size: 30px;
  margin-bottom: 20px;
}
#food_guide .how_make ol {
  overflow: hidden;
  list-style: none;
  counter-reset: number;
}
#food_guide .how_make ol li {
  color: #4c4c4c;
  font-size: 15px;
  line-height: 2;
  position: relative;
  padding-left: 24px;
  list-style: none;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e7e6e6;
}
#food_guide .how_make ol li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#food_guide .how_make ol li:before {
  counter-increment: number;
  content: counters(number,"") "";
  color: #4c4c4c;
  font-size: 13px;
  border: 1px solid #4c4c4c;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -o-border-radius: 14px;
  -ms-border-radius: 14px;
  width: 14px;
  height: 14px;
  text-align: center;
  position: absolute;
  top: 8px;
  left: 0;
  line-height: 14px;
}

/* #food_guide > .point */
#food_guide .point {
  margin-top: 45px;
}
#food_guide .title_point {
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e6e6;
  margin-bottom: 20px;
}
#food_guide .point ul {
  overflow: hidden;
  list-style: none;
}
#food_guide .point ul li {
  color: #4c4c4c;
  font-size: 15px;
  line-height: 2;
  position: relative;
  padding-left: 24px;
}
#food_guide .point ul li:before {
  position: absolute;
  content: ".";
  top: 0;
  left: 0;
  padding-left: 10px;
  line-height: 1;
  font-size: 18px;
}

/* #food_guide > .related */
#food_guide .related {
  margin-top: 45px;
}
#food_guide .title_related {
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e6e6;
  margin-bottom: 20px;
}
#food_guide .related .cause {
	margin-bottom: 30px;
	padding-left: 30px;
	font-size: 15px;
}
#food_guide .related .item .item_info {
	display: table;
	width: 100%;
	margin-bottom: 50px;
}
#food_guide .related .item .item_info .photo {
	display: table-cell;
	vertical-align: top;
	width: 180px;
	height: auto;
}
#food_guide .related .item .item_info .detail {
	display: table-cell;
	vertical-align: top;
	width: 500px;
}
#food_guide .related .item .item_info .detail .item_title {
	margin: 0 0 10px 10px;
	font-size: 20px;
}
#food_guide .related .item .item_info .detail .item_topic {
	font-size: 15px;
}
#food_guide .related .item .item_info .detail .item_topic + .item_topic {
	margin-top: 10px;
}
#food_guide .related .item .item_info .detail .item_topic dl dt {
	width: 70px;
	min-width: 70px;
	padding: 0 10px;
}
#food_guide .related .item .item_quantity {
	padding-left: 125px;
	font-size: 0;
}
#food_guide .related .item .item_quantity .item_option {
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 15px;
}
#food_guide .related .item .item_quantity .item_option dt {
	min-width: 80px;
}
#food_guide .related .item .item_quantity .buy_cart {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	margin-top: 0;
	font-size: 15px;
}
#food_guide .related .item .item_quantity .buy_cart .buy_cart_inner {
	margin-bottom: 10px;
}
#food_guide .related .item .item_quantity .buy_cart .cnt {
	width: 75px;
}
#food_guide .related .item .item_quantity .buy_cart .blue_btn {
	width: 215px;
	margin-left: 10px;
}
#food_guide .related .item .item_quantity .buy_cart .blue_btn.color_green {
	width: 265px;
}
#food_guide .related .item .item_quantity .buy_cart .blue_btn input {
    height: 40px;
    font-size: 15px;
    line-height: 1.2;
}
#food_guide .related .item .item_quantity .buy_cart .blue_btn.submit i {
	left: 13%;
}
#food_guide .related .item .item_quantity .buy_cart .blue_btn.submit.color_green i {
	left: 23%;
}
#food_guide .related .item .item_quantity .other_links {
	display: inline-block;
	vertical-align: top;
	width: 240px;
	font-size: 15px;
}
#food_guide .related .item .item_quantity .other_links .area_link a {
	width: 240px;
	padding: 7px 0;
	font-size: 15px;
}
#food_guide .related .item .item_quantity .other_links .area_link + .area_link {
	width: 100%;
	margin-top: 30px;
}

/*  #recipes
----------------------------------------*/
#recipes {
	margin-bottom: 100px;
	padding: 50px 0;
	background: #f7f7f7;
}
#recipes .recipes_list li {
  position: static;
  padding-bottom: 0;
}
#recipes ul + .area_link {
	margin-top: 50px;
}
#recipes .recipes_list li + li {
    margin-left: 50px;
}

/*  .guide
----------------------------------------*/
#related_post .guide dt {
  padding: 18px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #e7e6e6;
  font-size: 20px;
  font-weight: bold;
}
#related_post .guide dd {
  font-size: 15px;
  color: #4c4c4c;
  line-height: 2;
}


/*  #recipes_post
----------------------------------------*/
#related_post .recipes_post {
  margin-top: 67px;
}
#related_post .recipes_post ul {
  overflow: hidden;
}
#related_post .recipes_post ul li {
  float: left;
  width: 340px;
  margin-left: 50px;
}
#related_post .recipes_post ul li:nth-child(3n+1) {
  margin-left: 0;
}
#related_post .recipes_post .text_link {
  font-size: 20px;
  margin-bottom: 10px;
  padding: 22px 0 12px;
  border-bottom: 1px solid #e7e6e6;
}
#related_post .recipes_post .text_link a {
  font-weight: bold;
}
#related_post .recipes_post dl {
  display: table;
}
#related_post .recipes_post dl dt,
#related_post .recipes_post dl dd {
  display: table-cell;
}
#related_post .recipes_post dl dt {
  font-size: 15px;
  font-weight: bold;
}
#related_post .recipes_post dl dd {
  font-size: 15px;
  color: #4c4c4c;
  padding-left: 20px;
}
#food_guide .how_make ol li em {
  position: relative;
  font-size: 13px;
  padding: 0 8px;
  text-align: center;
}
#food_guide .how_make ol li em:after {
  position: absolute;
  content: '';
  border: 1px solid #180e0c;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.guide {
  width: 730px;
}

.guide_list ul{
  overflow: hidden;
}

.guide_list ul li {
  float: left;
  width: 340px;
  margin-bottom: 50px;
  margin-left: 40px;
}
.guide_list ul li:nth-child(3n+1) {
  margin-left: 0;
}

/*------------------------------------------------*/
.profile_one_pc {
  margin-top: 40px;
}
.profile_one_sp {
  display: none;
}
.profile_one .person_name_area {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 10px;
  margin-bottom: 18px;
}
.profile_one .person_recipe {
  font-size: 15px;
}
.profile_one .person_name {
  font-size: 22px;
}
.profile_one .person_san {
  font-size: 14px;
}
.profile_one .person_description {
  font-size: 13px;
  padding-left: 20px;
  margin-left: 120px;
  color: #4c4c4c;
  line-height: 1.65;
}
.profile_one .person_img {
  float: left;
}
.profile_one:after {
  content: "";
  clear: both;
  display: block;
}
/*------------------------------------------------*/
.white_mask{
  height: 80px;
  position: relative;
  background: #fff;
  top: -20px;
  margin-bottom: -80px;
  opacity: 0.5;
}
/*------------------------------------------------*/


/*  追加
----------------------------------------*/
.inner_menu2{
    height: 65px!important;
	padding-bottom: 30px;
}

.inner .menu_title{
	text-align: center;
	font-size: 30px;
	padding-bottom: 20px;
}

.inner_menu3{
    height: 50px!important;
}

/*----------------------------------------
    フローティングバナー
----------------------------------------*/
.floating-bnr {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9999;
}

.floating-bnr a {
	display: block;
	transition: opacity .3s;
}

.floating-bnr a:hover {
	opacity: .8;
}

.floating-bnr a img {
  width: 300px;
	height: auto;
}

.floating-bnr img.sp_view {
  width: 100%;
}

.floating-closeBtn{
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 100vmax;
	border: none;
	color: #888;
	width: 28px;
	height: 28px;
	transform: translate(-50%, -50%);
	font-size: 14px;
	cursor: pointer;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
	transition: opacity .3s;
}

.floating-closeBtn:hover {
	opacity: .8;
}