@charset "utf-8";
/* ===================================================================
CSS information
file name  :contents.css
style info :下層コンテンツ用(#undercolumn)
=================================================================== */
/* -----------------------------------------------
#undercolumn 汎用
----------------------------------------------- */
.recipe_body{
	line-height:1.5;
	font-family: Noto Sans JP,\\30E1\30A4\30EA\30AA,Meiryo,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,Hiragino Kaku Gothic Pro,Arial,Verdana,"\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF",sans-serif;
}
.recipe_body a{
	font-weight:normal;
}
.round_border {
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
*behavior : none;
}
.round_borderall {
border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius:100%;
-webkit-border-radius: 100%;
behavior: url(/user_data/packages/default/css/PIE.htc);
*behavior : none;
}
.round_border15 {
border-radius: 15px;
-ms-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
behavior: url(/user_data/packages/default/css/PIE.htc);
*behavior : none;
}
.round_border20 {
border-radius: 20px;
-ms-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
behavior: url(/user_data/packages/default/css/PIE.htc);
*behavior : none;
}
.round_border_top {
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;  
-moz-border-radius-topleft: 5px; 
-ms-border-radius-topleft: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;  
-moz-border-radius-topright: 5px; 
-ms-border-radius-topright: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
}
.round_border_right{
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;  
-moz-border-radius-topright: 5px; 
-ms-border-radius-topright: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;  
-moz-border-radius-bottomright: 5px; 
-ms-border-radius-bottomright: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
}
.round_border_left_top {
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;  
-moz-border-radius-topleft: 5px; 
-ms-border-radius-topleft: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
}
.round_border_left_bottom{
border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;  
-moz-border-radius-bottomleft: 5px; 
-ms-border-radius-bottomleft: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
}
.round_border_right_top {
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;  
-moz-border-radius-topright: 5px; 
-ms-border-radius-topright: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
}
.round_border_right_bottom{
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;  
-moz-border-radius-bottomright: 5px; 
-ms-border-radius-bottomright: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
}
.round_border_left_top_right_bottom{
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;  
-moz-border-radius-topleft: 5px; 
-ms-border-radius-topleft: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;  
-moz-border-radius-bottomright: 5px; 
-ms-border-radius-bottomright: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
}

.round_border_bottom {
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;  
-moz-border-radius-bottomright: 5px; 
-ms-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;  
-moz-border-radius-bottomleft: 5px; 
-ms-border-radius-bottomleft: 5px;
behavior: url(/user_data/packages/default/css/PIE.htc);
}
input[type="submit"] {
  -webkit-appearance: none;
}
input[type="text"] {
  -webkit-appearance: none;
}
input,textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    max-width: 100%;
  }
  
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0,0,0,.16)!important;
  background: rgba(255,255,255,0.7)!important;
  z-index:100;
  position: fixed;
}
.header h1 {
	width: 188px;
	height: 30px;
	margin: 5px auto 0;
	background: url("../img/recipe/logo.png") center center no-repeat;
    background-size:contain;
    opacity:1;
	float:none;
}
.header h1 a{
	display:block;
	width: 188px;
	height: 30px;
}
.header h1 em {
	display:none;
}
.header h1.hoick_top{
	margin: 5px auto 0;
	background: none;
    background-size:;
    opacity:1;
	float:none;
}
.header h1.hoick_top img{
	margin-top:-8px;
}
.header p{
	position:absolute;
	top:13px;
	right:10px;
}
.global-nav {
  position: fixed;
  left: -320px; /* これで隠れる */
  top: 0;
  bottom:0;
  width: 300px; /* スマホに収まるくらい */
  padding-top: 45px;
  padding-bottom: 200px;
  background-color: #fff;
  z-index: 200;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.global-nav h4{
	background:#f2f2f2;
	padding:2px 10px;
	font-size:12px;
}
.hamburger {
  position: absolute;
  left: 0;
  top: 5px;
  width: 50px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 50px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 150;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  padding: 0 10px;
}
.global-nav__item a {
  display: block;
  padding: 15px 5px;
  border-bottom: 1px solid #EEE;
  text-decoration: none;
  color: #111;
  font-size:16px;
	position:relative;
}

.global-nav_history{
  overflow-x: auto;
  overflow-y:hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.global-nav_history a{
    display: inline-block;
	width:80px;
	height:80px;
	margin:5px;
}
.global-nav_history a span{
  display: inline-block;
  background: #f2f2f2;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom:100%;
  background-size: cover;
}

.gmenuicon{
	position:absolute;
	right:5px;
}
.global-nav__item div.level1 {
	padding-left:5px;
}
.global-nav__item div.level1 a{
  border-bottom: none;
}
.global-nav__item div.level1 dt{
	display:inline-block;
	width:35%;
	text-align:center;
	box-sizing:border-box;
}
.global-nav__item div.level1 dt.year_0dt{
	border-bottom:3px solid #fa987f;
}
.global-nav__item div.level1 dd.year_0dd{
	border-bottom:3px solid #fce1da;
}
.global-nav__item div.level1 dt.year_3dt{
	border-bottom:3px solid #8ada19;
}
.global-nav__item div.level1 dd.year_3dd{
	border-bottom:3px solid #cef09c;
}
.global-nav__item div.level1 dt.year_6dt{
	width:100%;
	border-bottom:3px solid #0ea3e9;
}
.global-nav__item div.level1 dd.year_6dd{
	border-bottom:3px solid #b1e4fc;
}
.global-nav__item div.level1 dd{
	display:inline-block;
	width:20%;
	text-align:center;
	box-sizing:border-box;
}
.global-nav__item div.level1 dd.ddtop{
}
.global-nav__item  dt.season_spdt{
	border-bottom:3px solid #fa987f;
}
.global-nav__item  dd.season_spdd{
	border-bottom:3px solid #fbd4ca;
}
.global-nav__item  dt.season_sudt{
	border-bottom:3px solid #f8b005;
}
.global-nav__item  dd.season_sudd{
	border-bottom:3px solid #fcd985;
}
.global-nav__item  dt.season_audt{
	border-bottom:3px solid #86e905;
}
.global-nav__item  dd.season_audd{
	border-bottom:3px solid #d3faa0;
}
.global-nav__item  dt.season_widt{
	border-bottom:3px solid #0ea3e9;
}
.global-nav__item  dd.season_widd{
	border-bottom:3px solid #b1e4fc;
}

.hamburger__line {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 1px;
  background-color: #111;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 20px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open {
  z-index: 300;
}
.nav-open .global-nav {
  left: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(405deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-405deg);
  top: 20px;
}
.h_search_area {
	display:none;
	position: fixed;
	top:0;
	z-index: 200;
	width:100%;
	height: 100vh;
  background-color: #FFF;
}
.search_fixed{
	position: fixed;
	overflow:hidden;
}
.h_search_area h2{
  text-align:center;
  font-size:16px;
  color:#444;
  border-bottom:1px solid #CCC;
  padding:7px;
}
.h_search_area p{
  position:absolute;
  right:7px;
  top:-5px;
  font-size:30px;
  font-weight:bolder;
}
.h_search_form{
	padding:5px 10px;
  border-bottom:1px solid #CCC;
}
.h_search_form ul li{
}
.h_search_form ul li.h_search_input{
	width:80%;
	float:left;
}
.h_search_form ul li.h_search_input input{
	width:100%;
	height:50px;
	padding:0 10px;
	border-radius:2px;
	outline:0;
	border:none;
	background:#eee;
}
.h_search_form ul li.h_search_submit{
	width:20%;
	float:left;
}

.h_search_form ul li.h_search_submit button{
	width:100%;
	height:50px;
	background:#7fbfff;
	color:#666;
	border:none;
	font-size:20px;/*アイコンサイズ*/
}
.h_search_form ul li.h_search_submit button:hover{
color:#7fbfff;
}
.swiper-navigation {
    top: 55px!important;
}
.pankuzu_sp{
	font-size:12px;
	padding:5px 10px;
  border-bottom:1px solid #AAA;
  overflow-x: auto;
  overflow-y:hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.recipe_listmain{
	margin-top:95px;
}
.recipe_detail, #recipe_user_item, #recipe_user_item, .menulist, .list_page{
	margin-top:60px;
}
#recipe_user_item .recipe_listmain{
	margin-top:0px;
}
.recipe_listmain h2{
	font-size:16px;
	padding:7px;
	border-bottom:1px solid #CCC;
	position:relative;
}
.recipe_listmain h2.r_index_h2{
    font-size: 18px;
    padding: 12px 0 10px;
	text-align:center;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    position: relative;
}
.recipe_listmain .r_index_more{
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
	background:#f7f7f7;
	text-align:center;
    font-size: 14px;
    padding: 7px 0;
	font-weight:bold;
}
.recipe_listmain .cat_explain{
	padding:5px 10px;
}
.recipe_listmain h2 span{
	display:inline-block;
	position:absolute;
	padding:3px;
	right:3px;
	top:7px;
	background:#f2f2f2;
	font-size:12px;
}
.naviinfo{
	padding:5px;
	background:#f2f2f2;
	text-align:center;
	font-size:16px;
}
.post_list{
	padding:15px 5px;
	margin-top:5px 0;
	border-top:1px solid #CCC;
}
.post_thumb{
  width:27%;
  padding: 1%;
  float:left;
  text-align:center;
}
.post_thumb a{
}
.post_thumb a span.listimg{
  display: inline-block;
  background: #f2f2f2;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom:100%;
  background-size: cover;
}
.post_txt{
  width:69%;
  float:right;
  color:#444;
}
.post_txt{
	font-size:13px;
}
.post_txt h3{
	font-size:16px;
	margin-bottom:5px;
}
.navi{
	background:#f2f2f2;
	padding:5px 2% 10px;
}
.navi ul li{
	width:50%;
	float:left;
	text-align:center;
	font-size:24px;
}
.navi ul li.prev, .navi ul li.next{
	width:25%;
	min-height:20px;
	float:left;
	text-align:center;
}
.navi ul li a{
	display:block;
	background:#79d3e5;
	font-size:24px;
	color:#FFF!important;
}
.detail_category{
	font-size:16px;
	padding:10px;
	margin-bottom:10px;
	background:#f2f2f2;
}
.detail_category div{
	border-bottom:1px dotted #DDD;
	padding:7px 0;
	margin-bottom:5px;
}
.detail_category div i{
	margin:0 5px;
}
.recipe_main_image{
	position:relative;
text-align:center;
}
.recipe_main_image img{
	width:100%;
}
.main_image_h img{
	width: auto;
    height: 200px;
}
.recipe_main_image a{
	position:absolute;
	right:15px;
	bottom:-10px;
	width:60px;
	height:50px;
	padding-top:10px;
	text-align:center;
	background:#FFF;
	box-shadow: 0 2px 6px rgba(0,0,0,.16);
	font-size:12px;
}


.target_message_box{
	position:absolute;
	padding:10px;
	display:none;
}

.target_message_box2{
	left:10px;
	bottom:40px;
}

.balloon {
  position:absolute;
  margin: 1.5em 0;
  padding: 0 5px;
  width: 150px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  background: #fd6970;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fd6970;
  z-index: 0;
}

.target_message_box_top{
	position:absolute;
	right:40px;
	bottom:30px;
	padding:10px;
	display:none;
}
.balloon2 {
  position:absolute;
  margin: 1.5em 0;
  padding: 0 5px;
  width: 100px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  background: #fd6970;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon2:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fd6970;
  z-index: 0;
}
.balloon2-right-btm {
  position: absolute;
  margin: 1.5em 15px 1.5em 0;
  padding: 0 5px;
  width: 140px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  background: #fd6970;
  border-radius: 50%;
  box-sizing: border-box;
}

.balloon2-right-btm:before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: -8px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fd6970;
  z-index: 0;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}
.recipe_detail h1{
	font-size:18px;
	padding:10px;
	border-bottom:1px solid #CCC;
	position:relative;
}
.recipe_detail .post_comment{
	font-size:15px;
	color:#666;
	padding:10px;
}
.detail_user{
	padding:10px 0;
}
.recipe_watch_detail{
	padding-right:10px;
	float:right;
	width:30%;
}
.recipe_watch_detail ul li{
	font-size:15px;
	color:#999;
	margin-top:3px;
	margin-right:5px;
	text-align:right;
}
.recipe_date{
	font-size:12px;
	padding:5px 10px;
	color:#999;
}
.recipe_date ul li{
	display:inline-block;
	margin-left:10px;
	float:right;
}
.detail_profile{
	padding-left:10px;
	font-size:15px;
	text-align:right;
	float:left;
	width:60%;
}
.detail_profile img{
	width:50px;
}
.detail_profile ul li{
	float:left;
}
.detail_profile ul li.nickname{
	margin-top:15px;
	margin-left:5px;
}
.detail_profile ul li a{
	margin-top:5px;
	padding-top:10px;
}
.r_detail_year, .r_detail_need{
	padding:3px 10px;
	font-size:15px;
}
.r_detail_year{
	padding-top:7px;
	margin-top:5px;
	font-size:15px;
	border-top:1px solid #CCC;
}
.r_detail_year li, .r_detail_need li{
	display:inline-block;
}
.r_detail_year li span, .r_detail_need li span{
	margin-right:5px;
	padding:4px;
	font-weight:bold;
}
.r_detail_year li a, .r_detail_need li a{
	background: #f2f2f2;
	padding:4px;
	line-height:32px;
	margin-right:5px;
}
.r_detail_year li.box_title, .r_detail_need li.box_title{
	margin-right:5px;
	background: #f2f2f2;
	padding:5px;
}
.r_detail_need li a.need_s_m{
	padding-right:3px;
}
.r_detail_need li a span.need_s{
  display: inline-block;
  padding: 0 5px;
  font-size: 14px;
  line-height:22px;
  background-color: #79d3e5;
  margin-left:5px;
  margin-right:0px;
  color:#FFF;
  font-weight:bold;
}
.recipe_main{
	margin:5px 0;
	padding:7px 0;
	border-top:1px solid #CCC;
}
.r_p_content{
  padding:7px 0;
}
.r_p_content h1{
  padding:5px 10px;
  font-size:15px;
  border-bottom:2px solid #79d3e5;
}
.r_p_content h2.r_p_h2{
  padding:5px 10px;
  font-size:15px;
  margin-left:10px;
  border-left:4px solid #DDD;
}
.r_p_content .r_p_text, .p_text, .r_p_img{
  padding:5px 10px;
  font-size:15px;
}
.img_edit_fileurl_c{
  margin:0;
  padding:0;
  text-align:center;
}
.img_edit_fileurl_c img{
  width:96%;
}
.recipe_detail h3 {
  position: relative;
  background: #f1f8ff;
  font-size:15px;
  line-height:1.4em;
  margin:0 10px;
}

.recipe_detail h3 span {
  display:table-cell;
  text-align:center;
  padding: 5px 8px;
  color: #f1f8ff;
  font-weight: bold;
  font-size:15px;
  background:#5fc2f5;
  vertical-align: middle;
}

.recipe_detail h3 span.step_title {
  background: #f1f8ff;
  color:#222;
  text-align:left;
}
.point_box {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.point_box .point-title {
  font-size:15px;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.point_box .point-text {
    padding: 15px 20px;
  font-size:15px;
  font-weight:bold;
    margin: 0;
}
.r_p_content .r_p_products .p_detail{
  margin: 10px;
  padding:5px;
  border:1px solid #EEE;
}
.r_p_content .r_p_products .r_p_products_detail{
}
.r_p_content .r_p_products .p_img_edit_fileurl{
  width: 40%;
  float:left;
}
.r_p_content .r_p_products .p_img_edit_fileurl img{
  width: 100%;
}
.r_p_content .r_p_products .p_img_edit_filetext{
  float:right;
  width: 59%;
  font-size:16px;
}
.r_p_content .r_p_products .p_img_edit_filetext h2{
  margin-bottom: 5px;
  font-size:16px;
}
.r_p_content .r_p_products .p_img_edit_filetext h2.p_title{
  margin-bottom: 5px;
  font-size:16px;
  box-shadow:none;
  background: none;
  border: none;
}
.r_p_content .r_p_products .p_img_edit_filetext ul li{
	display:inline-block;
	font-size:15px;
}
.r_p_content .r_p_products .p_comment{
	padding:5px 10px;
	margin-top:5px;
	font-size:15px;
}
.r_p_content .r_p_products .in_cart_box{
  border-top:1px solid #EEE;
  padding: 15px 0 5px;
  margin-top:10px;
}
.r_p_content .r_p_products .in_cart_box .in_cart_box_detail{
  padding:5px 0;
}
.recipe_detail_head{
  border:1px solid #CCC;
}
.recipe_social_detail{
  padding:3px 0;
}
.favorite_box{
  padding:0px;
  width:110px;
  position:absolute;
  right:1px;
  top:38px;
}
.favorite_box ul.fav_ul li a{
  width:110px;
  height:65px;
  display: block;
  background: url("../img/recipe/fav_icons_nav.png") no-repeat;
  background-position: 0 0;
}
.favorite_box ul.sp_ul li a{
  width:110px;
  height:30px;
  display: block;
  background: url("../img/recipe/fav_icons_nav.png") no-repeat;
  background-position: 0 -65px;
}
.favorite_box ul.print_ul li a{
  width:110px;
  height:30px;
  display: block;
  background: url("../img/recipe/fav_icons_nav.png") no-repeat;
  background-position: 0 -125px;
}
.favorite_box ul.mail_ul li a{
  width:110px;
  height:30px;
  display: block;
  background: url("../img/recipe/fav_icons_nav.png") no-repeat;
  background-position: 0 -95px;
}
.favorite_box ul.el_ul{
  width:25px;
  height:70px;
  float:right;
  border-left:1px solid #FFF;
}
.favorite_box ul.el_ul li{
}
.favorite_box ul.el_ul li a{
  width:25px;
  height:70px;
  display: block;
  background: url("../img/recipe/bt_arrow_down.gif") center 22px no-repeat;
}
.r_p_mdb{
}
.mdb_detail{
  margin: 0 10px;
	border:1px solid #EEE;
	padding:7px;
}
.mdb_border{
  border-bottom: 1px dotted  #f0ece1;
  padding: 5px 0;
}
.mdb_detail_logo{
  background:#e9f2f2;
  background:  #FFF;
  border-bottom:1px solid #CCC;
  font-size:14px;
  color:#222;
  padding:7px;
}
.mdb_detail .v_count{
  width:22%;
  border:2px solid #fb7a76;
  text-align:center;
  background: url("../img/recipe/mdb_logo.png") center 5px no-repeat;
  background-size:95%;
  padding:25px 0 0;
  float:left;
}
.mdb_detail .v_count_n{
	text-align:center;
	background: #fb7a76;
	padding:15px 0 10px;
	color:#FFF;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
.mdb_detail .v_count_n span{
	font-size:16px;
}
.mdb_detail_txt{
  float:right;
  width:74%;
}
.mdb_detail_txt h2{
  font-size:18px;
  margin-bottom: 5px;
}
.mdb_detail_txt ul.author_list li{
  float: left;
  margin-right: 10px;
  font-size:12px;
}

.mdb_detail_txt .lyrics{
	background: #f2f2f2;
	padding:4px 8px;
	margin-top:5px;
	font-size:13px;
}
.r_p_mdb .mdb_text{
	  border-left:5px solid #f0f0f0;
	  padding:5px 10px;
	  margin-left:10px;
	  margin-top:10px;
}
.r_p_twitter .tweet_detail{
  width:565px;
}
.r_p_youtube{
  text-align: center;
  margin:0 auto;
}
.r_p_youtube iframe{
}
.r_p_recipe{
	margin:0 10px;
	border:1px solid #EEE;
	padding:7px;
}
.r_p_recipe .r_p_recipe_left{
	width:25%;
	float:left;
}
.r_p_recipe .r_p_recipe_left img{
	width:100%;
}
.r_p_recipe .r_p_recipe_right{
	width:73%;
	float:right;
}
.r_p_recipe .r_p_recipe_right h2{
  font-size:18px;
}
.r_p_recipe_comment{
	margin:7px 10px;
	border-left: 5px solid #f0f0f0;
    padding: 5px 10px;
}
.youtube_intro_txt{
	text-align:left;
	margin:0 10px;
}
.youtube_h2{
  padding:5px 10px 5px 40px;
  margin: 7px 10px;
  font-size:15px;
  background: url("../img/recipe/youtube_h2.gif") left center no-repeat;
  text-align: left;
}

.quote_txt_edit{
  padding-left: 40px;
  padding-top: 30px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color:#444;
  background: url("../img/recipe/icon_quote.png") 15px 10px no-repeat;
  background-color:#f7f7f7;
}
.quote_cf_edit{
  font-size: 14px;
  line-height: 20px;
  color:#222;
  margin:0 10px 10px;
}
.quote_comment_edit{
  margin:0 20px;
}
.alert_content{
  padding:5px 5px 5px 10px;
  font-size:19px;
  font-weight: bold;
}
.icoorange{
	color:#fc9212;
}
.icogreen{
	color:#1ecc22;
}
.icopink{
	color:#fc7f5f;
}
.alert_content span{
    background: linear-gradient(transparent 60%, #ffb966 0%);
    line-height: 1.2em;
	padding:0 3px;
}
.check_content{
  padding:5px 5px 5px 10px;
  font-size:19px;
  font-weight: bold;
}
.check_content span{
    background: linear-gradient(transparent 60%, #ffff66 0%);
    line-height: 1.2em;
	padding:0 3px;
}
.recipe_bottom{
	margin-top:20px;
	position:relative;
}
.recipe_bottom ul li.twitter a, .recipe_bottom ul li.facebook a, .recipe_bottom ul li.line a{
  padding: 7px 0!important;
}
.do_repo_div, .recipe_relate, recipe_profile{
	margin:20px 0;
}
.do_repo_div{
  background-color:#f7f7f7;
}
.do_repo_div h2, .recipe_relate h2, .recipe_profile h2, .recipe_keyword h2{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px;
	font-size:16px;
}
.do_repo_div h2 i, .recipe_relate h2 i, .recipe_profile h2 i, .recipe_keyword h2 i{
	font-size:24px;
}
.recipe_keyword .detail_keyword{
	padding:10px;
}
.recipe_keyword .detail_keyword a{
	border:1px solid #EEE;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	display:inline-block;
	font-size:15px;
}
.recipe_keyword .detail_keyword .keyicon_ma{
	margin-right:7px;
}
.do_repo_btn_area{
  text-align: center;
  margin:15px 0;
  padding:15px;
  background:#f7f7f7;
}
.asorepo_div{
  overflow-x: auto;
  overflow-y:hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin-bottom:15px;
  padding:5px 10px;
}
.asorepo_div li {
    /* 横スクロール用 */
    width: 160px;
    display: inline-block;
}
.asorepo_div li div.asorepo_img{
	width:160px;
	height:160px;
}
.asorepo_div li div.asorepo_img span{
  display: inline-block;
  background: #f2f2f2;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom:100%;
  background-size: contain;
}
.asorepo_div li ul li {
    display: block;
}
#do_report{
  position:fixed;
  top:0;
  width:100%;
  height: 100vh;
  background-color:#111;
  background: rgba(255,255,255,0.9);
  z-index:300;
}
.do_report_area{
    background-color: #f2f2f2;
    width: 86%;
    padding: 5% 5% 0;
    margin: 0 2%;
    position: relative;
	text-align:center;
}
.do_report_area ul{
	margin:5px 0;
	padding:5px 0;
}
.do_report_area ul li{
	background:#FFF;
}
#close_dorepo_bt{
	position:absolute;
	right:5px;
	top:3px;
	font-size:18px;
}
#do_report ul li{
	float:left;
	width:50%;
	text-align:center;
	padding:10px 0;
	font-size:15px;
	vertical-align:middle;
}
#do_report ul li.doreposend{
	background:#79d3e5;
}
#do_report ul li input[type="button"] {
	border:none;
	padding:0;
	margin:0;
	background:none;
	font-weight:bold;
}
.do_repo_btn_c{
  width: 220px;
  margin:0 auto;
  display:block;
  padding:15px 5px 15px 25px;
  background: url("../img/recipe/icon_repo.png") 25px center no-repeat;
  background-color:#FFF;
  border: solid 1px #79d3e5;
  color:#48b6cc;
  font-size:18px;
}
#do_repo_img_btn{
  width: 300px;
  height: 300px;
  margin:0 auto;
  display:block;
  background: url("../img/recipe/icon_repoimg.png") center center no-repeat;
  position: relative;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
#report_detail{
  width: 304px;
  height: 160px;
  margin:5px auto 0;
  padding:10px;
  border:1ps solid #EEE;
  font-size:16px;
}
.dorepo_do{
	margin:30px;
	padding:30px;
	background:#FFF;
	font-size:24px;
	text-align:center;
}
#close_repo{
	margin:30px;
	padding:30px;
	background:#FFF;
	font-size:24px;
	text-align:center;
}
.icofav{
	width:40%!important;
}
.icofav a{
	color:#fb6b47!important;
	border:1px solid #fb6b47;
	display:block;
	height:48px;
}
.my-big{
	font-size: 1.4em;
	vertical-align: middle;
}
.detail_relate{
	padding:10px;
	border-bottom:1px solid #EEE;
	margin-bottom:10px;
}
.detail_relate p{
	width:27%;
	float:left;
}
.detail_relate p img{
	width:100%;
}
.detail_relate h3{
	width:71%;
	float:right;
}
.detail_relate h3 a{
	font-size:15px;
	font-weight:normal!important;
}
.recipe_profile_relate h4{
	border-top:1px solid #EEE;
	border-bottom:1px solid #EEE;
	padding:10px;
	font-size:15px;
}
.recipe_profile_relate h4{
	border-top:1px solid #EEE;
	border-bottom:1px solid #EEE;
	padding:10px;
	font-size:15px;
	text-align:center;
}
.recipe_profile_relate .more{
	background:#f2f2f2;
	padding:10px;
	font-size:15px;
	text-align:center;
}
.recipe_profile_d{
	padding:10px;
}
.recipe_profile_d .recipe_profile_l{
	width:30%;
	float:left;
}
.recipe_profile_d .recipe_profile_l img{
	width:100%;
}
.recipe_profile_d .recipe_profile_r{
	width:68%;
	float:right;
}
.recipe_profile_d .recipe_profile_r h3{
	font-size:18px;
	margin-bottom:10px;
}
.user_prof_img img{
	width:100%;
}
#user_item_detail h1{
	font-size:18px;
	text-align:center;
	border-bottom:1px solid #EEE;
	padding:7px 0;
	margin-bottom:15px;
}
#user_item_detail .ptxt{
	padding:5px 10px;
}
#user_item_detail .sns{
	margin:15px 1%;
	border-top:1px solid #EEE;
	border-bottom:1px solid #EEE;
}
#user_item_detail .sns ul{
	padding:10px 0;
}
#user_item_detail .sns ul li{
	width:33%;
	float:left;
	text-align:center;
}
#user_item_detail .sns ul li a{
	width:75px;
	height:50px;
	display:block;
	margin:0 auto;
	background-position:center center;
	background-size: contain;
}
#user_item_detail .sns ul li a.p_ico_insta{
	background-image: url("../img/recipe/sns/instagram.png");
}
#user_item_detail .sns ul li a.p_ico_twitter{
	background-image: url("../img/recipe/sns/twitter.png");
	background-size: contain;
}
#user_item_detail .sns ul li a.p_ico_facebook{
	background-image: url("../img/recipe/sns/facebook.png");
	background-size: contain;
}
#user_item_detail .sns ul li a.p_ico_youtube{
	background-image: url("../img/recipe/sns/youtube.png");
	background-size: contain;
}
#user_item_detail .sns ul li a.p_ico_blog{
	background-image: url("../img/recipe/sns/blog.png");
	background-size: contain;
}
#user_item_detail .sns ul li a.p_ico_web{
	background-image: url("../img/recipe/sns/web.png");
	background-size: contain;
}
#user_main_item h2.pfh2{
	font-size:16px;
	text-align:center;
	border-bottom:1px solid #EEE;
	padding:7px 0;
	margin-bottom:15px;
}
.category_list{
	padding:5px 0;
}
.category_list h2{
	padding:5px 10px;
}
.category_list dt{
	padding:10px;
	border-top:1px solid #EEE;
	font-size:16px;
}
.category_list ul.cat_lista{
	display:none;
}
.category_list ul dd{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.category_list ul dd a{
	box-sizing: border-box;
	width:50%;
	float:left;
	padding:10px;
	border-top:1px solid #EEE;
	border-right:1px solid #EEE;
	font-size:15px;
	display:table-cell;
	vertical-align: middle;
}
.r_p_link{
	padding:10px;
}
.r_p_link h2.LinkTitle{
	font-size:16px;
}
.LinkTitleDiv .ico_awsome{
	width:15%;
	float:left;
	font-size:24px;
	color:#AAA;
}
.LinkTitleDiv .LinkTitle{
	width:80%;
	float:right;
}
.LinkTitleDiv .LinkURL{
	width:80%;
	float:right;
	word-wrap: break-word;
	margin-bottom:7px;
}
.LinkImageURL div img{
	width:100%;
}
.LinkImageURL .LinkDescription{
	font-size:12px;
	margin:10px 0;
	padding:5px;
	background:#f7f7f7;
}
#bottom_search_recipe {
  position: fixed;
  bottom: 0;
  display: none;
  width:100%;
  height:80%;
  background: #FFF;
  box-sizing:border-box;
  border:1px solid #AAA;
  box-sizing:border-box;
}
#bottom_search_recipe h2 {
	text-align:center;
	font-size:16px;
	padding:12px 0;
  background-color:#EEE;
  border-bottom:1px dotted #AAA;
}
#bottom_search_recipe ul li.h_search_input {
	padding:7px 0;
    background-color:#EEE;
    border-bottom:1px dotted #AAA;
}
#bottom_search_recipe ul li.h_search_input input{
	padding:7px 0;
    background-color:#FFF;
	width: 90%;
    margin: 0 5%;
}
#bottom_search_recipe p.close_tab{
	top:0;
	right:5px;
	position:absolute;
	font-size:24px;
}
#bottom_search_recipe p.pre_tab{
	top:0;
	left:5px;
	position:absolute;
	font-size:24px;
}
#bottom_search_recipe .bt_search_button{
	font-size:16px;
	text-align:center;
	padding:10px 0;
}
#bottom_search_recipe ul li a span {
	font-size:12px;
	margin-left:10px;
}
#bottom_search_recipe ul li a span i{
	margin:0 5px;
}
#bt_top_category{
}
.bt_search_items {
  width: 100%;
  height: 100%;
  background-color:#EEE;
  position:absolute;
  overflow:auto;
  bottom: 0;
  right: -1000px;
  z-index: 10;
  transform: translateX(1000px);
  transition: all .9s;
}
#bottom_search_recipe div.open {
  transform: translateX(-1000px);
  transition: all .3s;
}
.bt_search_items ul li{
	width:50%;
	float:left;
	box-sizing:border-box;
  background-color:#FFF;
  border-bottom:1px dotted #AAA;
	padding:12px 10px;
}
.bt_search_items ul li:last-child{
  border-bottom:none;
}
.bt_search_items ul li.cat_title{
	width:100%;
	float:none;
	position:relative;
	border-bottom:1px solid #BBB;
	font-size:16px;
	padding:15px 10px;
}
.bt_search_items ul li.cat_title i{
  right: 10px;
  position:absolute;
}
.bt_search_items ul li.selected{
  background-color:#fdd1d9;
}
.matome_check{
	padding:10px;
	text-align:center;
	border-bottom: 1px solid #EEE;
}
.matome_check_l{
	width:50%;
	float:left;
	text-align:center;
	font-size:16px;
	padding-top: 5px;
}
.app_checkbox{
	width:50%;
	float:left;
	text-align:center;
}
.app_checkbox input[type="checkbox"]{
    display: none;
}
.app_checkbox input[type="checkbox"]+label{
    cursor: pointer;
    display: inline-block;
    box-sizing: content-box;
    position: relative;
    width: 60px;
    height: 30px;
    background-color: #FFF;
    border: 2px solid #CCC;
    border-radius: 30px;
}
.app_checkbox input[type="checkbox"]:checked+label{
    background-color: #78D376;
    border-color: #78D376;
}
.app_checkbox input[type="checkbox"]+label:before{
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 30px; /* widthと同じ 上のラベルの高さに揃える */
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: #FFF;
    box-shadow: 2px 2px 4px gray;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.app_checkbox input[type="checkbox"]:checked+label:before{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ui-checkbox{
	margin: 0!important;
}
.ui-icon-checkbox-off{
	background:none!important;
}
.ui-btn-inner{
	padding:0px!important;
}
#bt_top_year{
	background:#FFF;
	font-size:18px;
	text-align:center;
}
#bt_top_year a{
	display:block;
}
#bt_top_year dt{
	font-size:18px;
	text-align:center;
	padding:7px 0;
	width:40%;
	float:left;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	box-sizing:border-box;
	margin-bottom:20px;
}
#bt_top_year dd{
	font-size:18px;
	text-align:center;
	padding:7px 0;
	width:20%;
	float:left;
	box-sizing:border-box;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	float:left;
	margin-bottom:20px;
}
#bt_top_year dd.last{
	border-right:none;
}
#bt_top_year dt.year_0dt{
	border-bottom:3px solid #fa987f;
}
#bt_top_year dd.year_0dd{
	border-bottom:3px solid #fce1da;
}
#bt_top_year dt.year_3dt{
	border-bottom:3px solid #8ada19;
}
#bt_top_year dd.year_3dd{
	border-bottom:3px solid #cef09c;
}
#bt_top_year dt.year_6dt{
	width:100%;
	border-bottom:3px solid #0ea3e9;
}
#bt_top_year dd.year_6dd{
	border-bottom:3px solid #b1e4fc;
}
#bt_top_season{
	background:#FFF;
	font-size:18px;
	text-align:center;
}
#bt_top_season a{
	display:block;
}
#bt_top_season dt{
	font-size:18px;
	text-align:center;
	padding:7px 0;
	width:40%;
	float:left;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	box-sizing:border-box;
	margin-bottom:20px;
}
#bt_top_season dd{
	font-size:18px;
	text-align:center;
	padding:7px 0;
	width:20%;
	float:left;
	box-sizing:border-box;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	float:left;
	margin-bottom:20px;
}
#bt_top_season dd.last{
	border-right:none;
}
#bt_top_season dt.season_spdt{
	border-bottom:3px solid #fa987f;
}
#bt_top_season dd.season_spdd{
	border-bottom:3px solid #fbd4ca;
}
#bt_top_season dt.season_sudt{
	border-bottom:3px solid #f8b005;
}
#bt_top_season dd.season_sudd{
	border-bottom:3px solid #fcd985;
}
#bt_top_season dt.season_audt{
	border-bottom:3px solid #86e905;
}
#bt_top_season dd.season_audd{
	border-bottom:3px solid #d3faa0;
}
#bt_top_season dt.season_widt{
	border-bottom:3px solid #0ea3e9;
}
#bt_top_season dd.season_widd{
	border-bottom:3px solid #b1e4fc;
}
.dorepo_nickname{
	width:300px;
	margin: 0 auto;
    padding: 5px 10px;
}
.dorepo_nickname input{
	width:100%;
}
.is-fixed{
  position: fixed;
  width: 100%;
}
.narrow_down{
  position: fixed;
  right:10px;
  bottom:10px;
  width: 55px;
  font-size: 10px;
  text-align:center;
  padding:10px 5px;
  color:#FFF;
  background: rgba(100,100,100,0.9)!important;
  border-radius: 30px;
  -ms-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  behavior: url(/user_data/packages/default/css/PIE.htc);
  *behavior: none;
}