@charset "UTF-8";
body, .container,#page-content .container{min-width: 100%;width: inherit;}
 .container{padding-right: 2%;padding-left: 2%;}
#gnav .container ul li.pc{display: none;}
img{max-width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#header{
	-webkit-background-size: 64px 64px;
	background-size: 64px 64px;
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 70px;
}
body.archive #header + article,
body.single #header + article,
body.search #header + article{
	margin-top: 75px;
}
#logo{padding: 12px 30px .25em 0%;max-height: 70px;text-align: center;}
#logo img{max-height: 55px;width: auto;}
#gnav{position: absolute;top: -805px;left: 0;bottom: inherit;background: #fff;width: 100%;text-align: left;padding: 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;/* padding: 60px 0 0 2%!important; */margin: 0;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);border-bottom: none;background: url(../img/common/bg_01.png) repeat;-webkit-background-size: 64px 64px;background-size: 64px 64px;}
#nav-toggle {
	position: absolute;
	right: 2%;
	top: 16px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 101;
	background: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #b2f5ff;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 72%;
	background: #ccc;
	left: 15%;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 8px;}
#nav-toggle span:nth-child(2) {top: 18px;}
#nav-toggle span:nth-child(3) {top: 29px;}
.open #nav-toggle span:nth-child(1) {
	top: 18px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.open #gnav {
	display: block;
	-moz-transform: translateY(805px);
	-webkit-transform: translateY(805px);
	transform: translateY(805px);
	overflow: scroll;
	height: 100vh;
}
#gnav .container{
	padding: 0;
}
#gmenu{
	border-right: none;
	display: block;
}
#gmenu .item:not(.pc){
	border-left: none;
	display: block;
	border-bottom: 1px dashed #666;
	background: #fff;
	margin: 0;
	position: relative;
}
#gmenu .icon:before{
	display: inline-block;
	font-size: 24px;
	width: auto;
	margin: 0 .5em 0 0;
	vertical-align: middle;
}
#gnav-footer-menu01 .icon_home:before{
	color: #66cc99;
	font-size: 20px;
	vertical-align: middle;
}
#gmenu li img{
	width: 40px;
	margin-right: .25em;
}
#gmenu .icon{
	display: inline;
}
#gmenu .link{
	padding: 1em 20px 1em .5em;
	color: #555;
	display: block;
	text-align: left;
}
#gmenu .item.icon:before{
	font-size: 20px;
	content: "\e907";
	position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 20px;
	color: #ccc;
}
#gmenu .item.icon:hover:before{
	color: #fff;
}
#gmenu span.icon{
	display: inline;
	text-align: left;
}
#gnav-footer-menu01 ul{
	padding: 17px 50px 15px 0;
	margin-bottom: 0;
}
#gnav-footer-menu01 li{
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	margin: 0 2%;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	text-align: center;
}
#gnav-footer-menu01 li a{
	padding: 5px;
	line-height: 30px;
	text-decoration: none;
	display: block;
}
#gnav-footer-menu01 #gnav-footer-menu01-sns{
	padding: 0 2% 15px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#gnav-footer-menu01-sns li{
	margin: 0;
	width: 25%;
	width: calc(100% / 4);
	border-radius: 0;
	overflow: hidden;
	padding: .5rem 0;
}
#gnav-footer-menu01-sns .header-menu-sns:nth-of-type(1){
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#gnav-footer-menu01-sns li:nth-of-type(4){
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
#gnav-footer-menu01-sns .snsicon,#footer-menu .header-menu-sns .snsicon {
	background: url('../img/common/icon_sns_sp.png') no-repeat top left;
	background-size: 84px auto;
	height: 30px;
	margin: 0 auto;
	white-space: nowrap;
	text-indent: 100%;
	display: block;
	overflow: hidden;
	padding: 0;
}
#gnav-footer-menu01-sns .snsicon.yt,#footer-menu .header-menu-sns .snsicon.yt{background-position: 0 0;width: 42px;}
#gnav-footer-menu01-sns .snsicon.tw,#footer-menu .header-menu-sns .snsicon.tw{background-position: -46px 0px;width: 34px;}
#gnav-footer-menu01-sns .snsicon.fb,#footer-menu .header-menu-sns .snsicon.fb{background-position: 0px -32px;width: 30px;}
#gnav-footer-menu01-sns .snsicon.is,#footer-menu .header-menu-sns .snsicon.is{background-position: -32px -32px;width: 30px;}
#gnav-footer-menu01 #gnav-head-search{
	padding-right: 15px;
	padding-top: 0;
}
#gnav-head-search .screen-reader-text{
	font-size: 0;
}
#gnav-head-search .header-search{
	width: 100%;
	padding: .5em 0;
}
#gnav-footer-menu02{
	text-align: center;
	padding: 2em 0 0;
}
#footer-menu #gnav-footer-menu02 ul li{
	font-size: .9em;
	display: inline-block;
	width: auto;
	margin: 0 2%;
	text-align: center;
}
#gnav-footer-menu02 ul li a{
	display: block;
	padding: 0;
	line-height: 30px;
	border: none;
}
#pagetop a{
	width: 50px;
	height: 50px;
	right: 10px;
}

#footer-menu{
	padding: 2em 2%;
}

#theme-text{
	font-size: 140%;
	padding: 10px 0 1px;
	width: 90%;
}
#theme-text p:before,
#theme-text:after{
	-webkit-background-size: contain;
	background-size: contain;
	width: 80px;
	height: 50px;
}
#theme-text p:before{
	left: -20px;
	top: -40px;
}
#theme-text:after{
	right: -20px;
	bottom: -30px;
}


#footer-menu .item{
	width: -webkit-calc(100% / 3 - 2%);
	width: calc(100% / 3 - 2%);
	margin: 0 1%;
}
#footer-menu .three{
	width: -webkit-calc(100% / 4);
	width: calc(100% / 4);
	margin-bottom: 1.5em;
}
#footer-menu .item{
	padding: .5em 0;
}
#footer-menu .item .link{
	font-size: .8em;
	padding: .5em 0;
	border-radius: 5px;
}
#footer-menu .header-menu-sns a{
	border: none;
	padding: 0;
	margin-bottom: 1em;
}
#footer-menu .header-menu-sns a img{
	height: 26px;
}
#footer{
	height: 180px;
	background: url(../img/common/bg_04_sp.jpg) repeat center bottom;
	-webkit-background-size: auto 180px;
	background-size: auto 180px;
	background-repeat: repeat-x;
	padding: 0;
}
#footer .columns.three{
	position: absolute;
	top: 1em;
	right: 1em;
	text-align: right;
	width: 135px;
}
#footer div.container{
	font-size: 100%;
	padding: 0;
	height: inherit;
	bottom: 0;
}
#copyright{
	font-size: 88%;
	margin: 0;
	bottom: 1em;
	position: absolute;
	padding: 0 2%;
}
#middle-header{
	height: inherit;
}
#middle-header h2{
	font-size: 140%;
	margin-bottom: 1em;
	padding-top: 1em!important;
}
#page-lead p{
	text-align: left;
	padding: 1em 0;
}
#page-lead .x-large{
	font-size: 120%;
	margin-top: 1rem;
}
#page-lead .large{
	font-size: 110%;
	margin-bottom: 0;
}
body.archive article .block .img{
	float: none;
	text-align: center;
	width: inherit;
}
body.archive article .block .text{
	padding: 0;
}
#breadcrumb{
	display: none;
}
.sns_header{
	margin: 2em 0;
}
#page-header,
#page-header .img,
#page-header .text{
	font-size: 100%;
	display: block;
	width: 100%;
	max-width: inherit;
}
#page-header .img img{
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	width: 100%;
}
#page-header .text{
	padding: .5em 1em;
}
#page-content{
	padding: .75em;
}
body.others #page-content{
	margin-top: 90px;
}
#page-content p{
	margin-bottom: .75em;
}
#page-content p.player, #page-content p.editor, #page-content p.adviser{
	padding: 1.5em 0 0;
}
#page-content p.player:before, #page-content p.editor:before, #page-content p.adviser:before{
	display: block;
	width: inherit;
}
#page-content p.img:not(.width100),.nutrition-topic p.img:not(.width100){
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
#page-content .width50{
	width: 80%;
	height: auto;
}
.interview-next{
	font-size: 100%;
	width: inherit;
}
#pages-introduce{
	padding-right: 1em;
	padding-left: 1em;
}
#pages-introduce .name{
	font-size: 120%;
}
.nutrition-topic h3:before{
	display: block;
}
.nutrition-topic > p{
	margin: 0 0% 1em;
}
.nutrition-conclusion p{
	padding: .5em .5em 0;
}
#nutrition-qa {
	border-radius: 10px 10px 0 0;
	padding-bottom: 1em;
}
#nutrition-qa h3{
	font-size: 1.2em;
	background-size: 50% auto;
	background-position: right center;
}
#nutrition-qa .lead{
	font-size: 1em;
	text-align: left;
}
#nutrition-qa .qa{
	margin: 1em 4%;
}
#nutrition-qa .question:before, #nutrition-qa .answer:before{
	background-size: auto 50px!important;
	left: -20%;
}
#nutrition-qa .answer{
	margin: 0 0 1em 0;
}
#nutrition-qa .answer:before{
	left: -23%;
}
#nutrition-qa .question{
	padding: .5em;
	margin-left: 17%;
	margin-top: 1em;
}
#pages-introduce h3{
	font-size: 120%!important;
	padding: .25em 1em;
}
#syokuiku-seminar .img{
	float: none;
	width: inherit;
	text-align: center;
}
#syokuiku-seminar .text,
#syokuiku-seminar h3{
	padding: 0;
	margin: 0 0 .5em;
}
#syokuiku_qa.single .question:before, #syokuiku_qa.single .answer:before{
	background-size: auto 50px!important;
	left: -22%;
}
#syokuiku_qa.single .answer{
	padding-top: 1em;
	margin-bottom: 1em;
}
#syokuiku_qa.single .answer:before{
	left: -23%;
}
#syokuiku_qa.single .question{
	padding: .5em;
	margin-left: 17%;
	width: 83%;
}
#syokuiku_qa #page-content > h3 span{
	display: block;
	position: relative;
	right: 0;
	text-align: right;
}
#syokuiku_qa.single .syokuikuqa-point{
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	-webkit-border-radius: 18px 0 0;
	border-radius: 18px 0 0;
	padding: 1em 1em .5em 50px;
}
.syokuiku-report h3 span{
	display: block;
}
.syokuiku-report .text{
	width: inherit;
}
.syokuiku-report .img{
	float: none;
	text-align: center;
}
.syokuiku-report .text,section.container .syokuiku-report .img{
	float: none;
}
body.archive article .block .name{
	font-size: 100%;
}
body.archive article .block .name strong{
	font-size: 120%;
}
body.archive article .block02 .img{
	width: 100%;
	height: inherit;
	min-height: initial;
	float: none;
}
body.archive article .block02 .img img{
	position: relative;
	top: inherit;
	left: inherit;
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
	width: 100%;
	height: initial;
}
body.archive article .block02 .text{
	padding: 1em .5em;
}
body.archive article .block02 .title span{
	width: 100%;
}
#recipe.archive h3,
#otona.archive h3{
	font-size: 140%;
}
#recipe.archive h4, #recipe.single h3,
#otona.archive h4,#otona.single h3{
	font-size: 120%;
}
body.archive article .block.tag,
body.archive article .block.tag:nth-of-type(4n + 1),
body.search article .block.tag:nth-of-type(4n + 1){
	width: 98%;
	margin: 0 1% 2rem;
}
.recipe-content{
	padding: .5em .5em 1px;
}
.recipe-content dl dt{
	padding: .25em;
	width: 43%;
}
.recipe-content dl dd{
	padding: .25em .25em .25em 45%;
}
.recipe-content dl dd:after{
	content:'';
	display:block;
	clear:both;
}
#recipe.single .recipe-nutrition-info{
	float: none;
	width: 100%;
}
#recipe.single .recipe-nutrition-info:first-child{
	margin-bottom: 0;
}
#recipe.single .recipe-nutrition-info th,
#recipe.single .recipe-nutrition-info td{
	padding: .25em;
}
#recipe.single .recipe-nutrition-info:first-child th:last-child,
#recipe.single .recipe-nutrition-info:first-child td:last-child{
	border-right: none;
}
.recipe-howto li .img{
	float: none;
	text-align: center;
	width: inherit;
}
body#recipe.archive article .block02 .point{
	height: auto;
}
#recipe.archive #recipe-special,
#otona.archive #recipe-special{
	padding: 8px;
}
#recipe.archive #recipe-special h3,
#otona.archive #recipe-special h3{
	font-size: 120%;
	margin: 0 -8px;
	top: -39px;
}
#otona.archive #recipe-special h3{
	margin-bottom: -25px;
}
#recipe.archive #recipe-special h4,
#otona.archive #recipe-special h4{
	font-size: 13px;
	padding: 3px 2%;
	top: -26px;
}
#recipe.archive #recipe-special h4 span{
	display: none;
}
#recipe-special p{
	height: 70px;
	font-size: .9em;
	-webkit-background-size: auto 75px!important;
	background-size: auto 75px!important;
	padding: 1em 110px 1em .5em;
}
#recipe-special .recipe-special-magcup p,#recipe-special .otona-special-recipe p{
	margin-top: -2.5em;
}
#recipe.archive #recipe-special .recipe-special-movie p{
	padding-left: 40px;
	line-height: 40px;
}
#recipe-special .otona-special-movie p{
	padding-left: 40px;
}
#recipe-special .icon.icon_camera:before{
	font-size: 16px;
	height: 16px;
}
body.others #page-content .fukidashi{
	font-size: 100%;
	padding: .5em;
}
body.others #partners-list{
	width: inherit;
	text-align: center;
}
body.others #partners-list li a img{
	display: block;
	margin: 0 auto;
}
.searchArea .gsc-control-cse:before{
	display: none;
}
.searchArea .gsc-control-cse{
	padding-left: 1em!important;
}
.gsc-results-wrapper-overlay{
	left: 2%!important;
	width: 96%!important;
	padding: 2em 2%!important;
}
#gsc-i-id1,table.gsc-search-box td.gsc-input,.gsc-input-box{
	height: 40px!important;
}
td.gsc-search-button{
	background: #ff471e;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background: #ff471e;
}
.interview-editors-note .float-left,
.interview-editors-note .float-right{
	float: none;
	display: block;
	margin: .5em auto!important;
	width: 40%;
}
#syokuiku_qa #youtube .columns,#nutrition #youtube .columns.twelve{
	width: 100%;
	padding-top: 56.3%;
	margin-bottom: 1em;
}
#syokuiku_qa.single .syokuiku_green img.float-left{
	float: none;
	margin: 0 auto .5em!important;
	display: block;
}

.searchBox input,.searchBox input[type="text"]{
	width: 100%;
	margin: 0;
}
.searchBox ul li{
	display: block;
	margin-bottom: .5em;
}
.recipe-category-list ul{
	display: block;
	padding: 3% 2% 0 3%;
}
.recipe-category-list ul li{
	font-size: 0;
	width: 49%;
	margin: 0 1% 1rem 0;
	display: inline-block;
	vertical-align: top;
}
.recipe-category-list ul li a{
	display: block;
	width: 100%;
}
#recipe .recipe-category-list .cat-item.cat-item-3{
	height: auto;
	position: inherit;
	width: 49%;
	left: inherit;
	float: none;
	display: inline-block;
}
#recipe .recipe-category-list .cat-item.cat-item-3 a:before{
	width: 28px;
	height: 28px;
	background-position: 0 -310px;
	background-size: 28px auto;
}
#recipe .sprite:before, #recipe .recipe-category-list .cat-item a:before{
	left: .5rem;
}
.recipe-category-list ul li a{
	font-size: 1.2rem;
	padding-left: 4rem;
}
#youtube02 .columns,
#youtube02 .columns.twelve{
	padding-top: 56%;
	width: 80%;
	float: none;
	margin: 0 auto 2em;
}

.custom_tag_list{
	display: block;
}
.custom_tag .bg_white{
	padding: 1em 4% 1px;
	margin-bottom: 3em;
}
.custom_tag_list .item{
	font-size: 1em;
	display: inline-block;
	width: auto;
	margin-right: .75em;
}
.pagination li{
	margin-bottom: 1em;
}

.otonamiddle_menu .list{
	flex-wrap: wrap;
}
.otonamiddle_menu .item{
	width: 48%;
}
.otonamiddle_menu .title{
	font-size: 1em;
}
.otonamiddle_menu .text{
	margin-top: .5em;
}


.pc{display: none}
.sp{display: block}