body {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
}
.wrapper_inner {
	width:100%;
	margin:auto;
}
.overFA {
	/*overflow: auto;*/
}
#page1_header {
	display: none;
}
/* Slicker js add CSS */
.slick-list, .slick-track {
	height: 100%;
}

@media only screen and (max-width:960px) and (orientation:portrait) {

	#page1_header {
		display: block;
		background-image: url(../img/bg_header.png);
		background-size: 960px 62px;
		background-repeat: repeat-x;
		background-position: bottom;
		height: auto;
		width: 100%;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
	}
	#page1_header figure {
		position: absolute;
		left: 10px;
		margin-top: -5px;
	}
	#page1_header ul {
		position: absolute;
		right: 0;
	}
	#page1_header img {
		vertical-align: baseline;
	}
	#page1_header li {
		margin: 0 7px;
	}
	#page1_header .bg_wrapper {
		background-color: #f7b606;
		width: 100%;
		height: 50px;
		padding-top: 10px;
		margin-bottom: 30px;
	}
}

.company_bunner {
	overflow: auto;
	float:left;
	left:30px;
	padding-top:20px;
}
.company_bunner li {
	float: left;
	margin:0 15px;
	vertical-align: bottom;
	height: 34px;
}
.company_bunner li:first-child {
	margin-left: 0;
}
.company_bunner li img {
	bottom: 0px;
}

@media only screen and (max-width:960px) and (orientation:portrait) {
	.company_bunner {
		padding-top:10px;
		
		overflow: auto;
		float:none;
		right:10px !important;
		left:auto;
	}
	.company_bunner li {
		float: left;
		margin:0 15px;
		vertical-align: bottom;
		height: 40px;
	}
}
.mg_top3px {
	margin-top: 3px;
}
#bunner {
	/*overflow: auto;*/
	float: left;
	display: block;
    right: 20px;
	position: absolute;
	
	padding-top:6px
}
#bunner li {
	float: left;
	width: 400px;
    /*20170707update bunner more smaller
    height: 70px;
    20170707update bunner more smaller*/
	margin-left:23px;
}
.kari_bunner {
	display: block;
	width: 100%;
	height: 100%;
	color:#ffffff;
	background-color: #242525;
	font-size:8px;
	font-weight: 500;
	text-align: center;
	line-height: 40px;
}
.copyright {
	display: none;
}

.copyright_recipefooter{
    display: none;
}

#global_footer {
	background-image: url(../img/bg_y.png);
    background-repeat: repeat-x;
    background-size: 1024px 79px;
    position: fixed;
    height: 79px;
    width: 100%;
    bottom: 0px;
	padding-top:10px;
}
#global_footer .wrapper_inner {
	padding-top: 0px;
	/*overflow: auto;*/
	height: 80px;
}
#global_footer .bg_wrapper {
	/*overflow: auto;*/
	background-color: #f7b606;
	height: 100%;
}
.pc_img {
	display: block;
    /*20170707update bunner more smaller*/
    width: 95%;
    height: 95%;
    /*20170707update bunner more smaller*/
}
.sp_img {
	display: none;
}
@media only screen and (max-width:960px) and (orientation:portrait) {
	.wrapper_inner {
		width:100%;
		margin:auto;
	}
	#global_footer {
		background-image: url(../img/bg_footer_sp2.png);
		background-repeat: repeat-x;
		background-size: auto;
		background-position: top;
		position: fixed ;
		height: 276px;
		width: 100%;
		bottom: 0px;
		padding-top:10px;
	}
	.recipe_page_footer {
		background-repeat: repeat-x;
		background-size: auto;
		background-position: top;
		position: relative !important;
		height: 230px !important;
		width: 100%;
		bottom: 0px;
		padding-top:20px !important;
	}
	

	#global_footer .wrapper_inner {
		padding-top: 90px;
		height: 120px;
		/*position: absolute;*/
    	bottom: 48px;
	}
	#global_footer .company_bunner {
		display: none;
	}
	#global_footer .bg_wrapper {
		background-color: #f7b606;
		width: 100%;
		margin-bottom: 0px;
	}
	.recipe_page_footer .bg_wrapper {
		height: 144px !important;
	}
	#bunner {
		width:100%;
		margin: auto;
        right: inherit;
		float: none;
		
		padding-top:0px;
	}
	#bunner li {
        /*繝舌リ繝ｼ荳ｭ螟ｮ蟇�○縺ｮ縺溘ａ螟画峩*/
		/*width: 48%;*/
		/*height: 80px;*/
        width: 100%;
        height: auto;
		margin: 0px auto;
		/*margin-left: 0;*/
        /*繝舌リ繝ｼ荳ｭ螟ｮ蟇�○縺ｮ縺溘ａ螟画峩*/
	}
	.kari_bunner {
		font-size: 2em;
		width: 394px;
		height: 80px;
	}
	.copyright {
		display: inline-block;
		text-align: center;
		color:#ffffff;
		/*font-size:24px;*/
		font-size:0.90em;
		width:100%;
		position: absolute;
    bottom: 20px;
	}
    
    .copyright_recipefooter{
        display: inline-block;
		text-align: center;
		color:#ffffff;
		/*font-size:24px;*/
		font-size:0.90em;
		width:100%;
        bottom: 20px;
        position: none;
    }
    
	.pc_img {
		display: none;
	}
	.sp_img {
		display: block;
        /*繝舌リ繝ｼ荳ｭ螟ｮ蟇�○縺ｮ縺溘ａ霑ｽ蜉�*/
        width:90%;
        height: 90%;
        margin: 0 auto;
        /*繝舌リ繝ｼ荳ｭ螟ｮ蟇�○縺ｮ縺溘ａ霑ｽ蜉�*/
	}

}


.menu {
	width: 125px;
    bottom: 115px;
    left: 45px;
    position: absolute;
    height: 149px;
	/*
    background-image: url(../img/menu.png);
    background-size: 250px 296px;
	*/
	cursor: pointer;
}
@media only screen and (max-width:960px) and (orientation:portrait) {
	.menu {
		width: 250px;
		bottom: 420px;
		left: 50%;
		margin-left:-125px;
		position: absolute;
		height: 298px;

		/*
		background-image: url(../img/menu.png);
		background-size: 250px 296px;
		*/
		cursor: pointer;
	}
	.menu img {
		display: block;
		width: 250px;
		height: 298px;
		margin: auto;
	}
}
.menu img {
	display: block;
    margin: auto;
}
.p2_menu_bg {
    background-image: url(../img/menu.png);
    background-size: 250px 296px;
}
#page_nav {
	width:100%;
	height:70px;
	position:fixed;
	top:50%;
	margin-top: -35px;
	z-index: 2;
}
@media only screen and (max-width:960px) and (orientation:portrait) {
	.slider_arrow img {
		width: 52px;
		height: 71px;
	}
}
#slick {
	height: 100%;
}
#slider-prev-button {
	position:absolute;
	left: 30px;
	cursor: pointer;
}
#slider-next-button {
	position:absolute;
	right: 30px;
	cursor: pointer;
}

/* PAGE1 CSS */
#page1 {
	width:100%;
	height:100%;
	background-image:url(../img/page_1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
#ganbatta_text {
	position: absolute;
	right: 25px;
	top:25px;
	display: inline-block;
	width: 372px;
	height: auto;
}
@media only screen and (max-width:960px) and (orientation:portrait) {
	#page1 {
		width:100%;
		height:100%;
		background-image:url(../img/page_1_sp.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: 0px 80px;
	}
	#page1 .menu {
		display: none;
	}
	#ganbatta_text {
		display: none;
	}
}

/* PAGE CSS */


/*PC繧ｵ繧､繝医�TOP繝壹�繧ｸ蜷�そ繧ｯ繧ｷ繝ｧ繝ｳ(繧ｫ繝ｫ繝ｼ繧ｻ繝ｫ)縺ｮ逕ｻ蜒上ｒ縺薙％縺ｧ謖�ｮ�*/
#page2 {
    background-image:url(../img/01/bg_recipe_01.jpg);
}

#page3{
    background-image:url(../img/02/bg_recipe_02.jpg);
}

#page4{
    background-image:url(../img/03/bg_recipe_03.jpg);
}

#page5{
    background-image:url(../img/04/bg_recipe_04.jpg);
}

#page6{
    background-image:url(../img/05/bg_recipe_05.jpg);
}
#page7{
    background-image:url(../img/06/bg_recipe_06.jpg);
}
#page8{
    background-image:url(../img/07/bg_recipe_07.jpg);
}
#page9{
    background-image:url(../img/08/bg_recipe_08.jpg);
}
#page10{
    background-image:url(../img/09/bg_recipe_09.jpg);
}
#page11{
    background-image:url(../img/10/bg_recipe_10.jpg);
}
#page12{
    background-image:url(../img/11/bg_recipe_11.jpg);
}
#page13{
    background-image:url(../img/12/bg_recipe_12.jpg);
}
#page14{
    background-image:url(../img/13/bg_recipe_13.jpg);
}

#page15{
    background-image:url(../img/14/bg_recipe_14.jpg);
}

#page16{
    background-image:url(../img/15/bg_recipe_15.jpg);
}
#page17{
    background-image:url(../img/16/bg_recipe_16.jpg);
}
#page18{
    background-image:url(../img/17/bg_recipe_17.jpg);
}
#page19{
    background-image:url(../img/18/bg_recipe_18.jpg);
}
#page20{
    background-image:url(../img/19/bg_recipe_19.jpg);
}
#page21{
    background-image:url(../img/20/bg_recipe_20.jpg);
}
#page22{
    background-image:url(../img/21/bg_recipe_21.jpg);
}
#page23{
    background-image:url(../img/22/bg_recipe_22.jpg);
}
#page24{
    background-image:url(../img/23/bg_recipe_23.jpg);
}
/*PC繧ｵ繧､繝医�TOP繝壹�繧ｸ蜷�そ繧ｯ繧ｷ繝ｧ繝ｳ(繧ｫ繝ｫ繝ｼ繧ｻ繝ｫ)縺ｮ逕ｻ蜒上ｒ縺薙％縺ｧ謖�ｮ�*/

.page {
	width:100%;
	height:100%;
	
	background-size:cover;
	background-repeat: no-repeat;
	background-position: 50%;
}

.page {
	width:100%;
	height:100%;
	background-image:url(../img/01/bg_recipe_01.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: 50%;
}
@media only screen and (max-width:960px) and (orientation:portrait) {
	
    /*SP繧ｵ繧､繝医�TOP繝壹�繧ｸ蜷�そ繧ｯ繧ｷ繝ｧ繝ｳ(繧ｫ繝ｫ繝ｼ繧ｻ繝ｫ)縺ｮ逕ｻ蜒上ｒ縺薙％縺ｧ謖�ｮ�*/
    #page2{
        background-image:url(../img/01/bg_recipe_01_sp.jpg);
    }
    
    #page3{
        background-image:url(../img/02/bg_recipe_02_sp.jpg);
    }
    
    #page4{
        background-image:url(../img/03/bg_recipe_03_sp.jpg);
    }
    
    #page5{
        background-image:url(../img/04/bg_recipe_04_sp.jpg);
    }
    
    #page6{
        background-image:url(../img/05/bg_recipe_05_sp.jpg);
    }
    #page7{
        background-image:url(../img/06/bg_recipe_06_sp.jpg);
    }
    #page8{
        background-image:url(../img/07/bg_recipe_07_sp.jpg);
    }
    #page9{
        background-image:url(../img/08/bg_recipe_08_sp.jpg);
    }
    #page10{
        background-image:url(../img/09/bg_recipe_09_sp.jpg);
    }
    #page11{
        background-image:url(../img/10/bg_recipe_10_sp.jpg);
    }
    #page12{
        background-image:url(../img/11/bg_recipe_11_sp.jpg);
    }
    #page13{
        background-image:url(../img/12/bg_recipe_12_sp.jpg);
    }
    #page14{
        background-image:url(../img/13/bg_recipe_13_sp.jpg);
    }
    #page15{
        background-image:url(../img/14/bg_recipe_14_sp.jpg);
    }
    #page16{
        background-image:url(../img/15/bg_recipe_15_sp.jpg);
    }
    #page17{
        background-image:url(../img/16/bg_recipe_16_sp.jpg);
    }
    #page18{
        background-image:url(../img/17/bg_recipe_17_sp.jpg);
    }
    #page19{
        background-image:url(../img/18/bg_recipe_18_sp.jpg);
    }
     #page20{
        background-image:url(../img/19/bg_recipe_19_sp.jpg);
    }
     #page21{
        background-image:url(../img/20/bg_recipe_20_sp.jpg);
    }
     #page22{
        background-image:url(../img/21/bg_recipe_21_sp.jpg);
    }
     #page23{
        background-image:url(../img/22/bg_recipe_22_sp.jpg);
    }
     #page24{
        background-image:url(../img/23/bg_recipe_23_sp.jpg);
    }
    /*SP繧ｵ繧､繝医�TOP繝壹�繧ｸ蜷�そ繧ｯ繧ｷ繝ｧ繝ｳ(繧ｫ繝ｫ繝ｼ繧ｻ繝ｫ)縺ｮ逕ｻ蜒上ｒ縺薙％縺ｧ謖�ｮ�*/
    
    .page {
		padding-top:0;
		width:100%;
		height:100%;
        /*background-image:url(../img/01/bg_recipe_01_sp.jpg);*/
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: 0px 80px;
	}
        
	.page .menu img {
		display: none;
	}
	.page .menu {
		width:100%;
		height: 100%;
	}
	.page a {
		width:100%;
		height:100%;
		display: block;
	}

}
.page .menu img {
}
.page figure img {
	width:100%;
	height:auto;
}
.layoutType {
	display: none;
}
.recipe_page {
	width: 100%;
	height: 100vh;
	overflow: auto;
	margin:auto;
	/*background-image: url(../img/01/page_3.png);*/
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}

/*PC繧ｵ繧､繝亥推繝ｬ繧ｷ繝斐�繝ｼ繧ｸ縺ｮ繝ｬ繧ｷ繝皮判蜒上ｒ縺薙％縺ｧ謖�ｮ�*/
#recipe_page01{
    background-image: url(../img/01/page_3.png);
}

#recipe_page02{
    background-image: url(../img/02/page_3.png);
}

#recipe_page03{
    background-image: url(../img/03/page_3.png);
}

#recipe_page04{
    background-image: url(../img/04/page_3.png);
}

#recipe_page05{
    background-image: url(../img/05/page_3.png);
}
#recipe_page06{
    background-image: url(../img/06/page_3.png);
}
#recipe_page07{
    background-image: url(../img/07/page_3.png);
}
#recipe_page08{
    background-image: url(../img/08/page_3.png);
}
#recipe_page09{
    background-image: url(../img/09/page_3.png);
}
#recipe_page10{
    background-image: url(../img/10/page_3.png);
}
#recipe_page11{
    background-image: url(../img/11/page_3.png);
}
#recipe_page12{
    background-image: url(../img/12/page_3.png);
}
#recipe_page13{
    background-image: url(../img/13/page_3.png);
}
#recipe_page14{
    background-image: url(../img/14/page_3.png);
}
#recipe_page15{
    background-image: url(../img/15/page_3.png);
}
#recipe_page16{
    background-image: url(../img/16/page_3.png);
}
#recipe_page17{
    background-image: url(../img/17/page_3.png);
}
#recipe_page18{
    background-image: url(../img/18/page_3.png);
}
#recipe_page19{
    background-image: url(../img/19/page_3.png);
}
#recipe_page20{
    background-image: url(../img/20/page_3.png);
}
#recipe_page21{
    background-image: url(../img/21/page_3.png);
}
#recipe_page22{
    background-image: url(../img/22/page_3.png);
}
#recipe_page23{
    background-image: url(../img/23/page_3.png);
}
/*PC繧ｵ繧､繝亥推繝ｬ繧ｷ繝斐�繝ｼ繧ｸ縺ｮ繝ｬ繧ｷ繝皮判蜒上ｒ縺薙％縺ｧ謖�ｮ�*/

@media only screen and (max-width:960px) and (orientation:portrait) {
	.layoutType {
		display: block;
	}
	.recipe_page {
		width: 96%;
		height: auto;
		padding-top:100px;
		overflow: auto;
		margin:auto;
		background-color: transparent;
		/*background-image:none;*/
	}

/*PC繧ｵ繧､繝亥推繝ｬ繧ｷ繝斐�繝ｼ繧ｸ縺ｮ繝ｬ繧ｷ繝皮判蜒上ｒ縺薙％縺ｧ辟｡縺励↓螟画峩*/
#recipe_page01,#recipe_page02,#recipe_page03,#recipe_page04,#recipe_page05,#recipe_page06,#recipe_page07,#recipe_page08,#recipe_page09,#recipe_page10,#recipe_page11,#recipe_page12,#recipe_page13,#recipe_page14,#recipe_page15,#recipe_page16,#recipe_page17,#recipe_page18,#recipe_page19,#recipe_page20,#recipe_page21,#recipe_page22,#recipe_page23{
    background-image:none;
}
    
/*PC繧ｵ繧､繝亥推繝ｬ繧ｷ繝斐�繝ｼ繧ｸ縺ｮ繝ｬ繧ｷ繝皮判蜒上ｒ縺薙％縺ｧ辟｡縺励↓螟画峩*/   

}
.recipe_outline {
	width:100%;
	height: auto;
	overflow: auto;
}
.recipe_main {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
}
.recipe_main img {
}
.recipe_outline h1 {
	padding-top:12px;
}
.recipe_outline {
	color:#ffffff;
	margin-right: 130px;
	margin-bottom: 60px;
}
.recipe_outline h2 {
	padding-top:30px;
	font-size: 1.8em;
	font-weight: normal;
}
.recipe_outline table {
	width: 100%;
}
.recipe_outline td {
	font-size: 2em;
	height: 40px;
	font-weight: normal;
}
.recipe_outline td:first-child {
	/*width:610px;*/
	width:67%;
}

.recipe_outline td.long62:first-child {
	/*width:610px;*/
	width:62%;
}

.recipe_outline td.long100:first-child {
	/*width:610px;*/
	width:100%;
}


.recipe_illust {
	padding-top: 20px;
}
.recip_detail {
	color:#ffffff;
	width:100%;
	padding-top:60px;
}
.recip_detail article {
	width:100%;
	overflow: auto;
}
.recip_detail article h1 {
	width:1em;
	display:inline;
	float: left;
	font-size: 2em;
	font-weight: normal;
	color: #f7b606;
	margin-right: 1em;
}
.recip_detail article p {
	font-size: 2em;
	font-weight: normal;
}
.recip_detail article figure {
	width:40%;
	height: auto;
	float:left;
}
.recip_detail article {
	height:auto;
	margin-right: 40px;
	margin-bottom: 90px;
}

.recip_detail article .wrapper {
	width: 56%;
    padding: 2%;
	float:left;
}
.recipe_detail_illust {
	float:left;
	margin-top:-15px;
}
.recipe_teacher {
	width:100%;
	overflow: auto;
	padding-top:20px;
	padding-bottom:180px;
	display:none;
}
.recipe_teacher .wrapper {
	width: 100%;
	overflow: auto;
}
.recipe_teacher figure {
	margin-left:50px;
	margin-right:27px;
	width:166px;
	float:left;
}
@media only screen and (max-width:960px) and (orientation:portrait) {
	.recipe_teacher {
		width:100%;
		overflow: auto;
		padding-top:20px;
		padding-bottom:180px;
		display:block;
	}
}
p.profile_title {
	color: #f7b606;
	font-size:40px;
	font-weight: normal;
	float:left;
    padding-top:52px;
}
.profile_desc {
	clear: both;
	color:#ffffff;
	width:100%;
	font-size: 26px;
	padding-top:24px;
}
.recipe_hr {
	width:100%;
	height: 2px;
	background-image: repeating-linear-gradient(to right, #ffffff, #ffffff 6px, transparent 6px, transparent 8px);
	border: none;
	display: none;
}
.color_yellow {
	color: #f7b606;
}
.close_button {
	position: absolute;
	top: 25px;
	right: 29px;
}
.to_top {
	display: none;
}
@media only screen and (max-width:960px) and (orientation:portrait) {
	
    /*recipe03 only*/
    .recipe_main2 {
	width: 100%;
	height: auto;
	text-align: center;
    margin-top: 20px;
	margin-bottom: 0px;
    }
    
    .recipe_hr {
		display: inline-block;
	}
	.close_button {
		position: absolute;
		top: 25px;
		right: 29px;
		display:none;
	}
	.to_top {
		display:block;
		margin-bottom:40px;
		text-align: center;
		padding-top: 100px;
	}
    
    .to_top_23 {
		display:block;
		margin-bottom:100px;
		text-align: center;
		padding-top: 80px;
	}
    
    .final_logo {
        margin: 0 auto;
        text-align: center;
        margin-bottom: 0px;
    }
    
    .final_logo img{
        width: 70%;
    }

}