@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（767px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media
only screen and (max-width : 767px){

img{
	height: auto !important;
}

a[href^="tel:"] {
	pointer-events: inherit;
}

.pc_b,
.pc_img,
#doctor_img p,
#flow p.txt,
#doctor_bx .db_cont,
#allergies ul li br,
.pc_t,
.make_cont7 .img2,
.make_cont8 .img2,
.make_cont10 .img2,
h3#ttl10{
	display: none;
}

.smp_t{
	display: table-cell;
}

#PageTopBtn{
	display: none !important;
}

.smp_b,
.smp_img,
#concept div,
#doctor_img img,
.smp_d{
	display: block;
}

#inner_header img,
#globalfooter,
#globalfooter #footer_logo img,
#mainimg h1 img,
#online_store img,
#concept,
#concept div img,
ul.banner_area01 li:first-child,
ul.banner_area02 li:first-child,
#doctor_img img,
#flow img,
#flow,
h2#book_ttl img,
#doctor_bx,
#doctor_bx img,
#allergies,
#allergies ul li,
#allergies h3 img,
#croquette img,
#story_img img,
#story_img,
#btm_logo img,
#privacy,
#add_resipi_btn a,
.eat_sp_img img,
.make_conts .contents .box,
.make_cont6 .img2 img,
.make_cont10 .img2 img,
.make_conts .img img,
.make_conts .contents,
.img04_smp img{
	width: 100%;
}

#add_resipi_btn img,
#illust_eat img,
p#tofu-read,
#illust_make img,
h3#ttl10,
#make_img_11 img{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

h2#doctor_ttl img{
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}

.chara_img img{
	width: 80%;
	margin: 0 auto;
	display: block;
}

.icon_illust_smp img{
	width: 35%;
	margin: 0 auto;
	display: block;
}

#inner_header{
	padding: 5% 5% 0px 50%;
	top: 0px;
	right: 0px;
}

#inner_header{
	width: 45%;
}

.make_conts .contents .box p{
	padding-left: 8%;
	padding-right: 8%;
}

#inner_cont,
#top_cont,
p#croquette_txt,
#recipe_tbl,
p#illust_eat_txt,
.make_cont6 .img2 img{
	padding-left: 8%;
	padding-right: 8%;
	width: 84%;
}

a.top_management_link,
#tofu-buy img{
	margin-left: 8%;
	margin-right: 8%;
	width: 84%;
}

#inner_cont h2,
#top_cont h2{
	font-size: 20px;
	line-height: 20px;
}

#concept h2,
p#add_resipi{
	font-size: 20px;
}

a#management_link{
	font-size: 14px;
	line-height: 14px;
	padding: 20px 0px;
}

ul#sitemap_list li,
p#management,
#pagetop{
	font-size: 16px;
	line-height: 16px;
}

footer{
	padding: 50px 0px 20px;
}

#globalfooter #footer_logo{
	width: 60%;
	margin: 0 auto;
	float: none;
}
#globalfooter #footer_cont{
	float: none;
	width: 100%;
}

#globalfooter #footer_cont ul{
	text-align: center;
	padding-top: 20px;
}

#globalfooter #footer_cont ul li{
	margin-left: 0px;
	text-align: center;
	display: block;
	margin-bottom: 15px;
}

#globalfooter #footer_cont address{
	text-align: center;
}

p#open_txt,
#concept p,
p#contact_txt,
#last_check td,
p#illust_eat_txt,
.make_conts .contents .box p{
	font-size: 14px;
}

#mainimg h1{
	width: 80%;
	height: auto;
}

#online_store{
	width: 110px;
	height: 110px;
	right: 25px;
	bottom: 25px;
}

#concept{
	background-image: none;
	padding: 75px 0px 50px;
}

#concept p{
	padding-top: 40px;
}

#concept div{
	width: 70%;
	margin: 10px auto 0px;
}

ul.banner_area01 li:first-child,
ul.banner_area01 li:last-child{
	
}

ul.banner_area01 li,
ul.banner_area02 li{
	display: block;
	width: 100% !important;
	float: none !important;
	height: auto;
	position: relative;
}

ul.banner_area01 li:last-child, ul.banner_area02 li:last-child{
	padding: 5% 0px;
	border-top: none;
}

ul.banner_area01 li:last-child th, ul.banner_area02 li:last-child th{
	width: 50%;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	line-height: 1.4em;
	font-size: 16px;
	padding-bottom: 0px;
}

ul.banner_area01 li:last-child td, ul.banner_area02 li:last-child td{
	width: 50%;
	padding-right: 5%;
	line-height: 2.0em;
	display: inline-block;
	box-sizing: border-box;
}

ul.banner_area01 li:last-child th, ul.banner_area02 li:last-child th,
ul.banner_area01 li:last-child td, ul.banner_area02 li:last-child td{
	display: inline-block;
	width: 50%;
	padding-bottom: 0px;
}

#detail th{
	width: 90px;
}

#doctor_img{
	background-image: none;
	width: 100%;
	height: auto;
}

h2#doctor_ttl{
	padding-bottom: 25px;
	margin-top: -40px;
}

#flow{
	height: auto;
	background-image: none;
	margin-bottom: 0px;
}

h2#book_ttl{
	width: 75%;
	margin: 0 auto 25px;
	padding-top: 135px;
}

#form{
	border-top: none;
}

#form th{
	padding: 30px 0px 20px;
	border-bottom: none;
	text-align: center;
}

#form td{
	padding-top: 0px;
}

#form th,
#form td{
	display: block;
	width: 100%;
}

#form td input,
#form td textarea{
	width: 100% !important;
}

#submit{
	padding-top: 50px;
}

#allergies p#txt1{
	line-height: 1.4em;
	padding-top: 10px;
	font-size: 16px;
}

#allergies ul{
	margin-left: 8%;
	margin-right: 8%;
}

#allergies{
	border-radius: inherit;
	padding-top: 30px;
}

#allergies ul li{
	margin: 0px 0px 5px 0px;
	height: auto;
	padding: 15px 0px !important;
	font-size: 12px;
}

#allergies h3{
	width: 55%;
	margin: 0 auto 25px;
}

#allergies p#txt2{
	line-height: 1.6em;
}

a.book_management_link{
	margin-bottom: 0px;
}

#story{
	padding-top: 50px;
}

#recipe_tbl th,
#recipe_tbl td,
#allergies p#txt2,
#allergies p#txt3,
#recipe_tbl p#txt{
	font-size: 12px;
}

#btm_logo{
	padding-left: 0px;
	left: inherit;
	width: 200px;
	height: 200px;
	position: static;
	text-align: center;
	padding-top: 50px;
}

.bg-slider{
	height: 85vh;
}

#inner_cont{
	padding-top: 135px;
}

#last_check td{
	padding-right: 10px;
}

ul.banner_area01 li:first-child,
ul.banner_area02 li:first-child,
ul.banner_area01_last li:first-child{
	background-image: none;
}

#submit button,
.mfp_buttons button{
	display: block;
	font-size: 18px;
	width: 80%;
	margin: 0px auto 10px;
}

#form tr:first-child td{
	border-top: none;
}

#last_check th,
#last_check td{
	text-align: center;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}

p#tofu-read{
	padding: 50px 0 35px;
}

.make_conts .contents .box,
.make_cont6 .img2,
.make_cont10 .img2{
	position: static;
}

.make_cont6 .img2,
.make_cont10 .img2{
	padding-top: 10px;
}

.make_conts .img{
	padding: 0px 0px 15px !important;
}

.make_conts{
	padding: 35px 0px !important;
}

.make_conts .contents .box a{
	margin-top: 20px;
}

.make_conts .contents .box a img{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}

.make_conts .contents .box h3{
	padding-top: 30px;
	padding-bottom: 10px;
	display: none;
}

.make_cont5 .box h3#t2{
	padding-top: 30px;
}

.make_conts .contents .box h3 img,
h3#ttl10 img{
	width: 325px;
}

h3#ttl10{
	text-align: left;
	padding: 35px 0px 20px;
}

p.make_txt{
	padding: 25px 0px 15px;
	margin-bottom: 0px !important;
}

p#tofu-read{
	font-size: 16px;
}

#make_img_11{
	padding-top: 35px;
}

.chara_img,
.icon_illust_smp{
	padding-top: 10px;
}

.img04_smp{
	padding: 20px 0px;
}

h2#book_ttl .pc{
	display: none;
}

h2#book_ttl .sp{
	display: block;
}


}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */