@charset "utf-8";
/**
 * layout pc
 */


/* import
--------------------------------------------------*/
@import "init.css";


/* html, body
--------------------------------------------------*/
    html,body{
		position:relative;
		width:100%;
		height:100%;
		min-width:1040px;
		text-align:left;
		-webkit-text-size-adjust: none;
    }



/* layout
--------------------------------------------------*/
/* ■■■ 共通 ■■■ */

	.footer--links--logo{
		position:absolute;
		margin-top:-68px;
		right:0;
	}

	.footer--links--logo img{
		width:269px; 
	}


/* ■■■ メインエリア ■■■ */
	.recipe{
		background:#f9f9f2;
		padding-top:60px;
		padding-bottom:120px;
	}
	
	.title{
		width:100%;
		text-align:center;
		font-size:32px;
		color:#e30027;
		display:block;
		margin-bottom:40px;
	}
	
	.main_photo{
		width:880px;
		margin:0 auto 40px;
	}
	
	.caption_text{
		width:880px;
		margin:0 auto 60px;
		text-align:center;
		font-size:16px;
	}
	
	.sozai_box{
		width:1040px;
		background:#ffffff;
		margin:0 auto 50px;
		padding:40px 35px;
	}
	
	.caption{
		font-size:20px;
		color:#e20b32;
		line-height:1;
		padding-bottom:15px;
	}
	
	.line{
		width:100%;
		height:2px;
		background:#e20b32;
	}
	
	.bg_line01{
		height:1px;
		background-image:url(../img/line01.gif);
	}
	
	.bg_line02{
		width:1px;
		background-image:url(../img/line02.gif);
	}
	
	.sozai_table01{
		float:left;
		line-height:3;
		margin-top:30px;
	}
	
	.sozai_table02{
		float:right;
		line-height:3;
		margin-top:30px;
	}
	
	.sozai_name{
		width:300px;
	}
	
	.sozai_data01{
		width:96px;
		padding-left:15px;
	}
	
	.sozai_data02{
		width:62px;
	}
	
	.make{
		width:700px;
		display:block;
		margin:40px auto 5px;
	}
	
	.make p{
		display:table;
	}
	
	.make_text{
		display:table-cell;
		vertical-align: middle;
	}

	.make_photo{
		width:700px;
		margin:0 auto 0;
	}
	
	.number{
		font-size:24px;
		color:#e20b32;
		margin-right:15px;
	}
	
	.link_box{
		margin-top:60px;
		text-align:center;
	}
	
	.link_btn{
		width:280px;
		height:51px;
		line-height:48px;
		border:solid 3px #f2b01d;
		box-sizing: border-box;
		font-weight:bold;
		color:#f2b01d;
		font-size:15px;
		display:inline-block;
		margin-bottom:20px;
		border-radius:51px;
	}
	
	.link_btn:hover{
		color:#ffffff;
		background:#f2b01d;
	}

	
	


/* ■■■ トップへ戻る ■■■ */
	.top_btn{
		position:fixed;
		right:20px;
		bottom:20px;
		z-index:3;
	}

	.top_btn img:nth-child(1){
		position:absolute;
		opacity:0;
	}
	
	#pagetop{
		width: 40px;
		height: 40px;
		position: fixed;
		right: 30px;
		bottom: 30px;
		z-index: 200;
	}
	
	#pagetop a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	
	#pagetop a:before, #pagetop a:after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		vertical-align: middle;
	}
	
    #pagetop a:before{
		box-sizing: border-box;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border-style: solid;
		border-width: 1px;
		border-color: #e4002b;
		background-color: #fff;
	}
	
    #pagetop a:after{
		top: 5px;
		right: 15px;
		width: 8px;
		height: 8px;
		transform: rotate(-45deg);
		border-top-style: solid;
		border-right-style: solid;
		border-top-width: 1px;
		border-right-width: 1px;
		border-top-color: #e4002b;
		border-right-color: #e4002b;
	}
	
	#pagetop a {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out; }
	
	#pagetop a:hover {
		opacity: 0.7;
		-webkit-opacity: .7;
		-moz-opacity: .7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}
	
	

/* ■■■ PC/モバイル表示切り替え ■■■ */	
    .rps_visible{
    	display:none;
    }
    
    .rps_del{
    	display:block;
    }
	
    .rps_visible_td{
    	display:none;
    }
	
    .rps_del_td{
    	display:table-cell;
    }
	
	
/* ■■■ アニメーション用初期設定 ■■■ */
	.over{
		position:absolute;
		opacity:0;
	}