@charset "UTF-8";

/* =================================================================
  variety
================================================================= */

#container{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	color:#40220f;
	line-height:1.8;
	min-width:980px;
}

body .sp{
	display:none !important;
}

body header#pagetop .sp{
	display:inline !important;
}



.inner{
	width:960px;
	margin:0 auto;
}

hr{
	position:relative;
	width:112px;
	height:20px;
	background:url(../img/common/hr01.png) no-repeat;
	text-align:center;
	margin:50px auto -10px;
	border:none;
	z-index:10;
	display:block;
}

hr.hr02{
	margin:-10px auto 94px;
}

#top_menu.fixed {
    position:fixed;
    top:0;
    z-index:1;
	width:100%;
}

#container{
	width:100%;
}

#top_menu{
	background:#f06324;
}

.menu{
	width:960px;
	margin:0 auto;
}

.menu li{
	float:left;
}

#visual{
	position:relative;
	background:url(../img/variety/bg01.jpg) no-repeat center;
	background-size:cover;
	height:480px;
	min-width:980px;
	overflow:hidden;
}

#visual p{
	position:absolute;
	top:281px;
	left:50%;
	margin-left:267px;
}

#odoroki p{
	text-align:center;
}

#odoroki img{
	display:block;
	margin:0 auto;
}

#odoroki h1{
	margin:71px auto 30px;
}

.nowater{
	height:790px;
	width:100%;
	background:url(../img/variety/bg02.jpg) no-repeat center;
	background-size:cover;
	min-width:980px;
	z-index:5;
}

#odoroki .nowater h1{
	margin:0 auto;
}

#odoroki .nowater img{
	display:block;
	margin:0 auto 30px;
	padding:97px 0 0;
}

.nowater p{
	text-align:center;
}

#odoroki .nowater p span{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size:10px;
}

.pr{
	position:relative;
}

.eiyou{
	position:relative;
	height:560px;
	width:100%;
	background:url(../img/variety/bg03.jpg) no-repeat center;
	background-size:cover;
	min-width:980px;
}

.eiyou h2{
	padding:49px 0 0;
	margin:0;
}

#odoroki .eiyou h2 img{
	margin-left:200px;
}

.eiyou p{
	text-align:center;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	width:100%;
	position:absolute;
	top:96px;
	left:0;
	line-height:1.5;
}

.eiyou p.txt01{
	top:445px;
	font-size:10px;
}

.bg01{
	position:relative;
	float:left;
	height:600px;
	width:50%;
	background:url(../img/variety/bg04.jpg) no-repeat center;
	background-size:cover;
	margin-top:40px;
}

.bg01 img{
	position:absolute;
	margin:0;
	top:32px;
	right:35px;
}

.bg02{
	position:relative;
	float:left;
	height:600px;
	width:50%;
	background:url(../img/variety/bg05.jpg) no-repeat center;
	background-size:cover;
	margin-top:40px;
}

.bg02 img{
	position:absolute;
	margin:0;
	top:428px;
	left:38px;
}

.ryouri{
	margin-left:0;
}

.ryouri li{
	float:left;
	margin:0 20px 0 0;
	text-align:center;
	width:176px;
	overflow:visible;
}

.ryouri li:last-child{
	margin:0;
}

.ryouri li p{
    margin-top:10px;
	line-height:1.5;
	font-size:12px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color:#f06324;
}

.movieArea01{
	background:#efebe1;
	padding:85px 0 75px;
}

.movieArea01 h2{
	padding:0;
}

.movieArea01 ul{
	margin:59px 0 0 20px;
	width:990px;
}

.movieArea01 ul li{
	margin:0 30px 30px 0;
	float:left;
	cursor:pointer;
	position:relative;
}

.movieArea01 ul li:nth-child(n+3){
	margin:0 30px 0 0;
}

.movieArea01 ul li:nth-child(2n){
	margin-right:0;
}

.movieArea02{
	background:#ffd200;
	padding:40px 0;
}

.movieArea02 .txtArea02{
	float:left;
}

.movieArea02 h2{
	margin:0 28px 0 27px;
	padding:0;
}

.movieArea02 p{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size:12px;
	text-align:center;
	color:#40220f;
	margin:25px 0 0;
	line-height:2;
}

#odoroki .movieArea01 ul li .active{
	position:absolute;
	top:0;
	left:0;
	display:none;
	cursor:default;
}

#odoroki .movieArea01 ul li:nth-child(1) .active{
	display:block;
}

#odoroki .movie01{
	margin:44px auto 0;
	position:static;
	left:-9999px;
}

#odoroki .movie02{
	margin:44px auto 0;
	position:absolute;
	left:-9999px;
}

#odoroki .movie03{
	margin:44px auto 0;
	position:absolute;
	left:-9999px;
}

#odoroki .movie04{
	margin:44px auto 0;
	position:absolute;
	left:-9999px;
}

.movieArea01 iframe{
	margin:0 auto;
	display:block;
}

.recipe{
	position:relative;
}

.recipe .txtArea01{
	float:left;
	margin:132px 0 0 19px;
}

.recipe .txtArea01 h2{
	padding:0;
}

#odoroki .recipe .txtArea01 .txt02{
	text-align:left;
	margin:25px 0 0;
	font-size:16px;
}

.btn01{
	margin:12px auto 0;
	display:block;
}

.btn02{
	margin:7px auto 8px;
	display:block;
}

#odoroki .recipe .txtArea01 a img{
	margin:0;
}

#odoroki .recipe .pic01{
	float:right;
	margin:102px 10px 0 0;
}

.recipe .txt03{
	position:absolute;
	top:369px;
	left:640px;
	line-height:1.5;
	font-size:12px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color:#40220f;
}

.recipe .txt04{
	position:absolute;
	top:369px;
	left:810px;
	line-height:1.5;
	font-size:12px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color:#40220f;
}

.ttl02{
	margin:40px auto;
	padding:0;
}

.pagetop{
	float:right;
	margin:55px 0;
}

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

header .headbox{
    margin-bottom:0;
	z-index:10;
}

#global_navi{
    z-index:9999;
}

#container{
	position:relative;
	margin:0;
	z-index:5;
	min-width:inherit;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.inner{
	width:100%;
}

hr{
	width:89.6px;
	height:16px;
	background:url(../img/common/hr01.png) no-repeat;
	background-size:80%;
	margin:12.5vw auto 10.9375vw;
}

hr.hr02{
	width:89.6px;
	height:16px;
	background:url(../img/common/hr01.png) no-repeat;
	background-size:80%;
	margin:-8px auto 17.1875vw;
}

body .sp{
	display:block !important;
}

body .pc{
	display:none !important;
}

#visual{
	background:url(../img/variety/sp/bg01.jpg) no-repeat center;
	background-size:cover;
	height:59.375vw;
	min-width:inherit;
}

#visual p{
	top:auto;
	bottom:3.90625vw;
	margin-left:17.1875vw;
}

#visual p img{
	width:24.375vw;
}

#top_menu .sp img{
	width:100%;
}

#top_menu ul{
	width:100%;
	display:none;
}

#odoroki h1{
	margin:7.8125vw auto 3.90625vw;
}

#odoroki h1 img{
	width:68.9vw;
}

#odoroki p{
	font-size:3.125vw;
}

.nowater{
	height:auto;
	width:100%;
	background:none;
	min-width:inherit;
}

#odoroki .nowater h1{
	margin:0 auto;
}

#odoroki .nowater img{
	margin:0 auto 5.46875vw;
	padding:0;
	width:86.875vw
}

#odoroki .nowater p span{
	font-size:1.875vw;
}

#odoroki .nowater img.pic02{
	width:100%;
	margin:5.46875vw 0 0;
}

.eiyou{
	height:auto;
	min-width:inherit;
}

.eiyou h2{
	padding:6.25vw 0 23.125vw;
}

#odoroki .eiyou h2 img{
	margin-left:10vw;
	width:88.59375vw;
}

#odoroki .eiyou p{
	font-size:2.5vw;
	top:14vw;
}

#odoroki .eiyou p.txt01{
	top:66vw;
	left:12.1875vw;
	font-size:1.875vw;
	text-align:left;
	padding-left:2em;
	text-indent:-2em;
}

.ttl01{
	width:70.046875vw;
}

.txt05{
	font-size:3.125vw;
}

.bg01{
	height:46.875vw;
	margin-top:3.9vw;
}

.bg01 img{
	top:2.96875vw;
	right:2.96875vw;
	width:15.3125vw;
}

.bg02{
	height:46.875vw;
	margin-top:3.9vw;
}

.bg02 img{
	top:30.46875vw;
	left:2.65625vw;
	width:15vw;
}

.ttl02{
	margin: 6.25vw auto 4.21875vw;
	padding:0;
}

.ttl02 img{
	width:48.4375vw;
}

.ryouri{
	margin:0 7.8125vw;
}

.ryouri li{
	margin:0 2.5vw 3.9vw 0;
	width:40.625vw;
}

.ryouri li:nth-child(2n){
	margin:0 0 3.9vw;
}

.ryouri li img{
	width:100%;
}

.ryouri li:last-child{
	margin:0;
}

.ryouri li p{
    margin-top:1.875vw;
	font-size:2.5vw;
}

.btn01{
	margin:4.6875vw auto 13.28125vw;
}

.btn01 img{
	width:62.5vw;
}

.movieArea01{
	background:#efebe1;
	padding:7.8125vw 0 8.4375vw;
}

#odoroki .movieArea01 h2 img{
	width:69.21875vw;
	margin-bottom:6.71875vw
}

#odoroki .movieArea01 a img{
	margin:0 auto;
	float:none;
	width:93.75vw;
}

.movieArea01 ul{
	margin:9.375vw auto 0;
	width:auto;
}

.movieArea01 ul li{
	margin:0 auto 4.6875vw !important;
	float:none;
	cursor:pointer;
	position:relative;
	width:68.75vw;
}

.movieArea01 ul li img{
	width:100%;
}

.movieArea01 ul li:last-child{
	margin:0 auto;
}

#odoroki .movieArea01 ul li .active{
	position:absolute;
	top:0;
	left:0;
	display:none;
	cursor:default;
}

#odoroki .movieArea01 ul li:nth-child(1) .active{
	display:block;
}

#odoroki .movieArea01 a img{
	margin:8.125vw auto 0;
}

.movieArea02{
	background:#ffd200;
	padding:8.75vw 0 7.8125vw;
}

.movieArea02 .txtArea02{
	float:none;
}

.movieArea02 h2{
	margin:0 auto 5.83vw;
	padding:0;
	width:60vw
}

.movieArea02 h2 img{
	width:100%
}

.movieArea02 p{
	font-size:2.5vw;
	margin:0 auto 8.75vw;
	line-height:2;
}

.recipe .txtArea01{
	float:none;
	margin:8.125vw auto 0;
}

.recipe .txtArea01 h2 img{
	width:37.34375vw;
	margin:0 auto;
}

#odoroki .recipe .txtArea01 .txt02{
	text-align:center;
	font-size:2.8125vw;
	margin:3.9vw 0;
}

#odoroki .recipe .pic01{
	float:none;
	margin:0 auto 1.5625vw;
	width:60.78125vw;
}

#odoroki .recipe .txt03{
	position:inherit;
	top:auto;
	left:auto;
	font-size:1.875vw;
	display:block;
	float:left;
	margin-left:25.15625vw;
}

#odoroki .recipe .txt04{
	position:inherit;
	top:auto;
	left:auto;
	font-size:1.875vw;
	display:block;
	float:left;
	margin-left:17.34375vw;
}

#odoroki .recipe a img{
	margin:0 auto;
	width:62.5vw;
}

.btn01{
	margin:5.46875vw auto 1.5625vw;
	display:block;
}

iframe{
	width:93.75vw !important;
	height:53.4375vw !important;
	margin:0 auto;
	display:block;
}

	#top_menu.fixed {
		top:65px;
	}


	body header#pagetop .sp{
		display:none !important;
	}


}