@charset "UTF-8";

/* =================================================================
  ability
================================================================= */

#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{
	width:112px;
	height:20px;
	background:url(../img/common/hr01.png) no-repeat;
	text-align:center;
	margin:65px auto 70px;
	border:none;
	display:block;
}

#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/ability/bg01.jpg) no-repeat center;
	background-size:cover;
	height:480px;
	min-width:980px;
	overflow:hidden;
}

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

#oishii p{
	text-align:center;
}

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

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

.func{
	width:100%;
	margin:35px 0 53px;
}

.func .bg01{
	background:url(../img/ability/bg02.jpg) center no-repeat;
	background-size:cover;
	width:50%;
	height:480px;
	float:left;
}

.func .bg02{
	background:url(../img/ability/bg04.jpg) center no-repeat;
	background-size:cover;
	width:50%;
	height:480px;
	float:left;
}

.func .txtArea01{
	background:url(../img/ability/bg03.jpg) no-repeat;
	background-size:cover;
	width:50%;
	height:480px;
	float:left;
	position:relative;
}

.func .txtArea01 h2{
	position:absolute;
	top:75px;
	left:106px;
	margin:0;
	padding:0;
}

#oishii .func .txtArea01 h2 img{
	margin:0;
}

.func .txtArea01 .img01{
	position:absolute;
	top:140px;
	left:97px;
	margin:0;
	padding:0;
}

.func .txtArea01 dl{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	position:absolute;
	top:154px;
	left:270px;
}

.func .txtArea01 dt{
	text-align:left;
	font-size:20px;
	color:#f06324;
	font-weight:bold;
}

.func .txtArea01 dd{
	text-align:left;
	font-size:14px;
	color:#3f210e;
	line-height:1.5;
	margin-bottom:80px;
}

.func .txtArea02 h2{
	position:absolute;
	top:62px;
	left:103px;
	margin:0;
	padding:0;
}

.func .txtArea02 .img01{
	position:absolute;
	top:172px;
	left:110px;
	margin:0;
	padding:0;
}

.movie{
	width:680px;
	height:457px;
	background:url(../img/ability/bg05.jpg) no-repeat;
	margin:30px auto 45px;
	padding-top:85px;
	box-sizing:border-box;
}

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

#oishii .ttl01{
	margin:30px auto 32px;
	padding:0;
}

.pr{
	position:relative;
}

#oishii .txt01{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	text-align:center;
}

#oishii .txt02{
	position:absolute;
	top:113px;
	left:0;
	width:100%;
	text-align:center;
	font-size:10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

#oishii .txt06{
	position:absolute;
	top:715px;
	left:50%;
	margin-left:116px;
	text-align:left;
}

.ryouri{
	margin-left:0;
}

.ryouri li{
	float:left;
	margin:0 22px 0 0;
	text-align:center;
	width:223px;
	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;
}

.btn01{
	margin:30px auto 70px;
	display:block;
}

#yoyaku{
	width:100%;
	position:relative;
}

#yoyaku h1 img{
	display:block;
	margin:0 auto;
	padding:20px 0 49px;
}



#yoyaku .gra01{
	margin:40px 0 20px;
}

#yoyaku .gra01 ul{
	position:absolute;
	top:-2px;
	left:644px;
	font-size:14px;
	line-height:1.5;
}

#yoyaku .gra01 ul li{
	margin-bottom:5px;
}

#yoyaku .gra01 ul li:nth-child(4){
	margin-bottom:6px;
}

#yoyaku .gra01 ul li span{
	font-size:10px;
	vertical-align:top;
}

#yoyaku .txt05{
	font-size:10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	margin:0 0 70px 88px;
}

#free{
	height:510px;
	width:100%;
	background:url(../img/common/p2.jpg) repeat;
	position:relative;
}

#free h1 img{
	display:block;
	margin:0 auto;
	padding:41px 0 30px;
}

#free p img{
	display:block;
	margin:0 auto;
}

.pagetop{
	float:right;
	margin:35px 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;
}

body .sp{
	display:block !important;
}

body .pc{
	display:none !important;
}

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

#visual p{
	top:2.8125vw;
	margin-left:17.1875vw;
}

#visual p img{
	width:24.375vw;
}

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

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

#oishii h1{
	margin:7.8125vw auto 4.6875vw;
}

#oishii h1 img{
	width:72.8125vw;
}

#oishii h1.ttl02 img{
	width:68.4375vw;
}

#oishii p{
	font-size:3.125vw;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.func{
	margin:4.6875vw 0 5.46875vw;
}

.func .bg01{
	background:url(../img/ability/sp/bg02.jpg) center no-repeat;
	background-size:cover;
	height:46.875vw;
}

.func .bg02{
	background:url(../img/ability/sp/bg04.jpg) center no-repeat;
	background-size:cover;
	height:46.875vw;
}

.func .txtArea01{
	background:url(../img/ability/bg03.jpg) no-repeat;
	background-size:cover;
	height:46.875vw;
}

.func .txtArea01 h2{
	top:3.4375vw;
	left:9.84375vw;
}

#oishii .func .txtArea01 h2 img{
	width:27.8125vw;
}

.func .txtArea01 .img01{
	top:11.5625vw;
	left:4.53125vw;
	width:16.4vw;
}

.func .txtArea01 dl{
	top:10vw;
	left:24.375vw;
}

.func .txtArea01 dt{
	font-size:3.125vw;
	line-height:1.3;
}

.func .txtArea01 dd{
	font-size:2.5vw;
	margin-bottom:2vw;
	line-height:1.3;
}

.func .txtArea02 h2{
	top:4.0625vw;
	left:6.5625vw;
}

#oishii .func .txtArea02 h2 img{
	width:34.21875vw;
}

.func .txtArea02 .img01{
	top:15vw;
	left:10.3125vw;
	width:35.15625vw;
}

.movie{
	width:100%;
	height:71.40625vw;
	background:url(../img/ability/sp/bg05.jpg) no-repeat;
	background-size:cover;
	margin:6.25vw auto 7.8125vw;
	padding-top:13.28125vw;
}

iframe{
	width:93.75vw !important;
	height:53.4375vw !important;
}

#oishii .ttl01{
	margin:6.25vw auto 4.21875vw;
}

#oishii .ttl01 img{
	width:48.4375vw;
}

.ryouri{
	margin-left:7.8125vw;
}

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

.ryouri li:nth-child(n + 3){
	margin:0 2.5vw 0 0;
}

.ryouri li img{
	width:100%;
}

#oishii .ryouri li p{
    margin-top:1.5625vw;
	font-size:2.5vw;
}

#oishii h1.ttl03 img{
	width:83.125vw;
}

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

.btn01 img{
	width:62.5vw;
}

	#top_menu.fixed {
		top:65px;
	}


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


}