@charset "utf-8";
/* CSS Document */


h3 {
    font-weight: normal;
}

.section{
	position: relative;
}


/* 温玉スタンド
------------------------------------------------------------*/
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.partition:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(https://tanica.jp/wp2/wp-content/uploads/2015/04/bar960.png) no-repeat center center;
	background-size: contain;
}
.text-section{
	line-height:1.8;
}
.cooking-num{
	counter-increment: cnt;
}
.cooking-num:before{
	content: counter(cnt);
	position: absolute;
	top: 5%;
	left: 5%;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	color: #fff;
	background: #16132d;
	text-align: center;
	border-radius: 50%;
}
.wrap-ontama-cooking .cooking-num:before{
	background: #dd8000;

}

.text-ontama-cooking{
margin:0;
}



/* 水切りバスケット共通
------------------------------------------------------------*/

.section-mizukiri-s .contents{
	position: relative;
}
.section-mizukiri-s .contents:before{
	content: "";
	position: absolute;
	display: block;
	background: url(https://tanica.jp/wp2/wp-content/uploads/2017/03/spoon.png) no-repeat center center;
	background-size: contain;
	z-index: 1;
}
.mizukiri-logo{
	position: relative;
	z-index: 10;
}
.box-mizukiri-cooking{
	position: relative;
}
.text-mizukiri-cooking{
	min-height: 4em;
	margin:0;
}


.sp{display:none;}









/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 641px){

/* 温玉スタンド
------------------------------------------------------------*/


	.pcNone{
		display: none;
	}
	.section{
		padding: 100px 0 120px;
	}
	.box-section{
		width: 460px;
	}
	.section-center .head-section,
	.section-center .text-section{
		text-align: center;
	}
	.head-section{
		font-size: 36px;
		margin-bottom:28px;
		line-height:1.5;
	}
	.text-section{
		margin-bottom: 45px;
		letter-spacing: 0.1em;
	}


	.partition:after{
		width: 960px;
		height: 18px;
	}


	.section-ontama-stand .box-section{
		float: right;
		padding-top: 16px;
	}
	.ontama-stand-img{
		float: left;
		margin-left: -75px;
	}
	.ontama-logo{
		text-align: left;
	}
	.section-ontama-dish{
		height: 703px;
		box-sizing: border-box;
	}
	.section-ontama-dish .box-section{
		position: relative;
		padding-top: 135px;
		z-index: 10;
	}
	.ontama-img{
		position: absolute;
		left: 405px;
		top: -110px;
		z-index: 1;
	}
	.wrap-ontama-recipe{
		display: table;
		margin: -15px auto;
	}
	.box-ontama-recipe{
		float: left;
		margin: 15px;
		width: 250px;
	}

	.wrap-ontama-cooking{
		margin: -15px;
	}

	.cooking-num:before{
		width: 30px;
		height: 30px;
		line-height: 34px;
		font-size: 24px;
	}
	.ontamas{
		width:200px;
	}
	.box-ontama-cooking{
		float: left;
		margin: 15px;
		width: 300px;
		position:relative;
	}








/* 水切りバスケットPCのみ
------------------------------------------------------------*/

	.section-mizukiri-s{
		padding-top: 150px;
	}
	.section-mizukiri-s .contents:before{
		left: -480px;
		top: -100px;
		width: 916px;
		height: 308px;
	}
	.section-mizukiri-s .box-section{
		padding-top: 32px;
	}
	.section-mizukiri-yogurt .box-section{
		width: 430px;
	}
	.section-mizukiri-yogurt .box-section{
		float: right;
		padding-top: 110px;
	}
	.mizukiri-logo{
		margin-bottom: 24px;
		text-align: left;
	}
	.wrap-mizukiri-recipe{
		display: table;
		margin: -15px auto;
		width: 840px;
	}
	.box-mizukiri-recipe{
		float: left;
		margin: 15px;
		width: 250px;
	}
	.box-mizukiri-recipe:nth-child(4){
		margin-left: 155px;
	}
	.wrap-mizukiri-cooking{
		margin: -15px;
	}
	.box-mizukiri-cooking{
		float: left;
		margin: 15px;
		width: 300px;
	}

	.mizukiri-s-img{
		float: right;
		margin-right: 50px;
	}

	.mizus{
		width:197px;
	}


@-moz-document url-prefix() {
	.box-mizukiri-cooking{
		float: left;
		margin: 15px;
		width: 300px;
		height: 300px;
	}
}
@supports (-ms-ime-align:auto) {
	.box-mizukiri-cooking{
		float: left;
		margin: 15px;
		width: 300px;
		height: 300px;
	}
}













}
/* ////////////////////////////////////////
PCのみここまで
//////////////////////////////////////// */






/* ////////////////////////////////////////
モバイルのみ
//////////////////////////////////////// */

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

.sp{display:block;}









/* 温玉スタンド
------------------------------------------------------------*/

	.head-section{
		font-size: 36px;
		text-align: left;
		margin:20px 0;
		line-height:1.5;
	}
	.text-section{
		margin-bottom: 26vw;
	}
	.spNone{
		display: none;
	}



	.section-ontama-stand{
		padding-top: 25vw;
	}
	.ontama-stand-img{
		display: block;
		margin: 0 auto 4vw;
		width: 80%;
		height: auto;
	}
	.ontama-logo{
		position: absolute;
		top: -42vw;
		left: 0;
		right: 0;
		margin: auto;
	}
	.ontama-logo img{
		display: block;
		margin: 0 auto;
		width: 80%;
		height: auto;
	}
	.ontama-img{
		margin-bottom: 4vw;
		width: 100%;
		height: auto;
	}
	.wrap-ontama-recipe{
		display: table;
		margin: -1.5%;
	}
	.box-ontama-recipe{
		float: left;
		margin: 1.5%;
		width: 30%;
	}
	.box-ontama-recipe img{
		width: 100%;
		height: auto;
	}
	.wrap-ontama-cooking{
		margin: -1.5%;
	}
	.cooking-num:before{
		width: 6vw;
		height: 6vw;
		line-height: 6.5vw;
		font-size: 5vw;
	}
	.ontamas{
		width:60%;
	}
	.partition:after{
		width: 100%;
		height: 2vw;
	}
	.box-ontama-cooking{
		float: left;
		margin: 2%;
		width: 96%;
		position:relative;
	}
	.box-ontama-cooking img{
		width: 100%;
		height: auto;
	}
	






/* 水切りバスケットモバイルのみ
------------------------------------------------------------*/
	.section-mizukiri-s{
		padding-top: 40vw;
	}
	.section-mizukiri-s .contents:before{
		left: -10%;
		top: -40vw;
		width: 90%;
		height: 30vw;
	}
	.mizukiri-logo{
		position: absolute;
		top: -40vw;
		left: 0;
		right: 0;
		margin: auto;
	}
	.mizukiri-logo img{
		display: block;
		margin: 0 auto;
		width: 80%;
		height: auto;
	}
	.wrap-mizukiri-recipe{
		display: table;
		margin: -1.5%;
	}
	.box-mizukiri-recipe{
		float: left;
		margin: 1.5%;
		width: 30%;
	}
	.box-mizukiri-recipe:nth-child(4){
		margin-left: 18%;
	}
	.box-mizukiri-recipe img{
		width: 100%;
		height: auto;
	}
	.wrap-mizukiri-cooking{
		margin: -1.5%;
	}
	.box-mizukiri-cooking{
		float: left;
		margin:2% 2%;
		width: 96%;
	}
	.box-mizukiri-cooking img{
		width: 100%;
		height: auto;
	}

	.mizukiri-s-img{
		display: block;
		margin: 0 auto 4vw;
		width: 70%;
		height: auto;
	}

	.mizus{
		width:50%;
	}












}

/* ////////////////////////////////////////
モバイルのみここまで
//////////////////////////////////////// */