@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:16px;
	line-height:1.5;
	font-weight: 300;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #3B3B3B;
}

a{
	color: ;
	text-decoration: none;
}

a:hover, .active{
  text-decoration:none;
}

a:active, a:focus,input:active, input:focus{outline:0;}

a.link_recipe:hover {
	opacity: 0.5 ;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 6px;
}

/* ----------------------------------------------------------------------------------
		Btn Buy
------------------------------------------------------------------------------------- */
.btn-buy{
  width: 200px;
  text-align:center;
  background:rgba(181,181,181,0.25);
  border-radius:6px;
  font-size:15px;
  padding:15px 30px;
  text-decoration:none;
  border:1px solid #C4C4C4;
  margin-bottom:18px;
}

.btn-buy:hover, .btn-buy:focus{
	background-color: #c9c9c9;
	color: #fff;
}

.btn-buy02{
  width: 200px;
  text-align:center;
  border-radius:6px;
  font-size:15px;
  padding:15px 30px;
  text-decoration:none;
  border:1px solid #C4C4C4;
  margin-bottom:18px;
}

.btn-buy02:hover, .btn-buy:focus{
	background-color: #c9c9c9;
	color: #fff;
}


/* 3件画像記事
------------------------------------------------------------*/
.thumbWrap3{
width:96%;
margin:20px auto;
}

.thumbWrap3 li{
width:32%;
margin:0;
padding:0;
background:none;
text-align:center;
display:inline-block;
/display:inline;
vertical-align: top;
}

.modal02{
display: none;
height: 100vh;
position: fixed;
top: 0;
left:0;
width: 100%;
z-index:99999999;
}
.modal__bg{
background: rgba(0,0,0,0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content{
background: #fff;
left: 50%;
padding: 40px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 60%;
}

.modal__content03{
background: #fff;
left: 50%;
padding: 20px 20px 40px 20px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
height:98%;
}

@media only screen and (max-width:800px){
.modal__content{
background: #fff;
left: 50%;
padding: 20px 0;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 90%;
}
.modal__content03{
background: #fff;
left: 50%;
padding: 20px 0;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width:94%;
height:auto;
}
}

@media only screen and (max-width:690px){
.thumbWrap3{
width:98%;
margin:10px 0 0 12px;
}
.thumbWrap3 li{
width:46%;
margin:0 auto 20px auto;
padding:0;
background:none;
text-align:center;
display:inline-block;
/display:inline;
}
.thumbWrap3 li img{
width:98%;
margin:0 auto;
}
}
#btn_cz{
text-align:center;
margin:0 auto;
background:#333333;
padding:15px 30px;
color:#FFFFFF;
width:120px;
}

#btn_cz a{
color:#FFFFFF;
}
#btn_cz a:hover{
color:#CCCCCC;
}

/* ------------------------------------------------------------*/

#space{ height:30px; width:100%; clear:both;}

#space_m{ height:18px; width:100%; clear:both;}

#space_s{ height:10px; width:100%; clear:both;}

#clear{ clear:both; width:100%;}

#line{ height:0.8px; background: #868686; width:1100px; margin:20px auto;}

.ttl_sec{ font-size:30px; text-align:left; margin:0; padding:10px 0 20px 0; font-weight:bold; letter-spacing:-0.05em; line-height:53px}

.ttl_sec02{ font-size:20px; text-align:left; margin:0; padding:5px 0 15px 0; font-weight:bold;}

.ttl_sec03{ font-size:26px; text-align:left; margin:0; padding:10px 0 20px 0; font-weight:bold; letter-spacing:-0.01em; line-height:40px; }

.comming{ font-size:20px; color:#478170; margin-top:-15px;}

.bg_white750{ display:none;}
.sp_white750{ display:none;}
#sp_white750{ display:none;}

#sp750{ display:none;}

@media only screen and (max-width: 750px){
#sp750{ display:block;}
}

@media only screen and (max-width: 800px){
.ttl_sec{ font-size:22px; line-height:27px;}
.ttl_sec02{ font-size:16px;}
.ttl_sec03{ font-size:19.2px; text-align:left; margin:0; padding:10px 0 20px 0; font-weight:bold; letter-spacing:-0.05em; line-height:28px}
}

.ttl_top20{ margin-top:20px;}

.bg_font{font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif; font-style: italic;}

.under_y{
display: inline-block;
padding: 0;
border-bottom:solid 7px #FFF000;
text-decoration: none;
color: 000;
line-height:0.4;
letter-spacing: -0.04em;
}

.txt18-14{ font-size:18px; line-height:36px; padding-top:8px;}
.text15-12{ font-size:15px; line-height:30px;}

@media only screen and (max-width: 800px){
.txt18-14{ font-size:14px; line-height:26px;}
.text15-12{ font-size:12px; line-height:22.5px;}
}

/* ヘッダー
------------------------------------------------------------*/
#main{
	position: relative;
    overflow:hidden;
    width:1100px;
	margin:0 auto;
	height:auto;
	top:90px;
	margin-bottom:85px;
	clear:both;
}

#main img{
    width:1100px;
}

@media only screen and (max-width: 1100px){
#main{
    width:100%;
	margin:0 auto 50px;
}
#main img{
    width:100%;
}
#line{width:90%; margin:20px auto;}
}

@media only screen and (max-width: 810px){
#main{
top:50px;
}
}

@media only screen and (max-width: 500px){
#main{
width:100%;
margin:0 auto 30px;
}
}

#space60_pc{
width:100%;
clear:both;
height:60px;
}

#space90_pc{
width:100%;
clear:both;
height:90px;
}

#space120_pc{
width:100%;
clear:both;
height:80px;
}

#light_gray{
width:100%;
padding:40px 0;
background: #f6f6f6;
margin:0;
}

#movie{
    width:650px;
	height:auto;
	margin:0 auto;
}

#movie img{
    width:100%;
	height:auto;
}

#movie img:hover {
	opacity: 0.5 ;
}

.ov_movie:hover {
	opacity: 0.5 ;
}

@media only screen and (max-width: 650px){
#light_gray{
padding:10px 0;
margin-top:43px;
}

#movie{
    width:90%;
	height:auto;
	margin:0 auto;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}

#space60_pc{
display:none;
}

#space90_pc{
display:none;
}

#space120_pc{
display:none;
}
}

#slogan{
	position: absolute;
  top: 50%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

#slogan h1{
	font-size: 40px;
	margin-bottom: 20px;
	font-weight:normal;
}

#slogan h2{
	font-size: 20px;
	font-weight:normal;
}

.a_ttl{ font-size:24px; margin-bottom:30px; text-align:center; font-weight:bold;}

.a_ttl span{ font-size:15px; line-height:1.0; font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif; font-weight:bold;}

.a_ttl span.b_spa{ font-size:20px; line-height:1.0; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight:bold; letter-spacing:0.1em;}

.b_ttl{ font-size:32px; line-height:1.0; margin-bottom:20px;}

.b_ttl span{ font-size:14px;}

.c_ttl{ font-size:24px; margin-bottom:30px; text-align:center; font-weight:bold;}

.c_ttl span{ font-size:15.85px; line-height:1.0; font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif; font-weight:bold;}

@media only screen and (max-width: 750px){
.b_ttl{ font-size:28px; line-height:1.0; margin-bottom:20px;}

.b_ttl span{ font-size:13px;}
}

@media only screen and (max-width: 650px){
.a_ttl{ font-size:21px; margin-bottom:30px; text-align:center; font-weight:bold;}

.a_ttl span{ font-size:14px; line-height:1.0; font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif; font-weight:bold;}

.a_ttl span.b_spa{ font-size:20px; line-height:1.0; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight:bold; letter-spacing:0.1em;}

.c_ttl{ font-size:22px; margin-bottom:30px; text-align:center; font-weight:bold;}

.c_ttl span{ font-size:15px; line-height:1.0; font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif; font-weight:bold;}
}

/* フッター
------------------------------------------------------------*/
#footer{
	clear: both;
	padding:0;
	font-size: 12px;
	width:1100px;
	margin:0 auto;
}

@media only screen and (max-width: 1100px){
#footer{
width:90%;
}
}

#main6{ display:none;}
@media only screen and (max-width: 750px){
#main6{ display:block; width:100%; margin:-5px auto 10px auto;}
.bt_3{ margin-bottom:2px;}
#acMenu dt{
	display:block;
	width:90%;
	margin:0 auto;
	height:auto;
	line-height:50px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	background:url(../images/TOA-38J/i_swich.png) 92% -63px no-repeat #FFFFFF;
	font-size:18px;
	border-radius: 5px;
	}
#acMenu dt p{
padding-left:20px;
	}
#acMenu dd{
	background:#FFF;
	width:90%;
	margin:0 auto;
	height:auto;
	text-align:center;
	display:none;
	font-size:12px;
	line-height:21px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}
#acMenu dt.active{
	background:url(../images/TOA-38J/i_swich.png) 92% 18px no-repeat #FFFFFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	}
table{ width:90%; margin:0 auto;}
td, th {
    height: 50px;
    vertical-align: middle;
}
}

/* 共通
------------------------------------------------------------*/
h1, h2{
font-weight:bold;
}

img{
	width: 100%;
	height: auto;
}

section{clear:both;}

section h2{
	font-size: 22px;
	font-weight:normal;
	text-align: center;
}

.inner{
	width: 94%;
	margin: 0 auto;
	padding-bottom: 50px;
}

.col2 li{
	display: inline-block;
	width: 100%;
  	margin: 20px 0 20px 0;
}


/* SEC01 カラーバリエーション
------------------------------------------------------------*/

#sec01{
width:100%;
margin:0 10px;
padding:50px 0 0 0;
}

@media only screen and (max-width: 650px){
#sec01{
margin-bottom:10px;
padding:0;
}
}

.vision{
	width: 60%;
	margin: 0 auto;
	padding-bottom: 50px;
	font-size:13px;
}

.mv_sp_only{ display:none;}

.movie_manual_sp_only{ display:none;}

@media only screen and (max-width: 500px){
.mv_pc_only{ display:none;}

.mv_sp_only{ display:block; clear:both; padding-bottom:0; height:100%;}

.movie_manual_pc_only{ display:none;}

.movie_manual_sp_only{ display:block; clear:both; padding-bottom:0; height:100%;}
}

/* SEC02 About
------------------------------------------------------------*/
#sec02{ width:100%; padding-top:0;}

.wrap{
	clear: both;
	width: 100%;
}

.wrap02{
	clear: both;
	width: 1100px;
	margin:0 auto;
}

@media only screen and (max-width: 1100px){
#sec02{ padding-top:0;}
.wrap02{
	width:96%;
margin:0 auto;
}
}


#sec_about{
width:1100px;
margin:100px auto 55px auto;
display:table;
clear:both;
}

.sec_about_l{
width:550px;
display:table-cell;
vertical-align:middle;
padding-left:60px;
font-size:18px;
line-height:2;
letter-spacing:-0.09em;
font-weight:500;
}

.s_about_ttl{ font-size:23px;}

.sec_about_r{
width:550px;
display:table-cell;
vertical-align:middle;
}

.sec_about_r img{
width:100%;
}

@media only screen and (max-width: 1100px){
#sec_about{
width:100%;
margin:0 auto;
display:table;
}
.sec_about_l{
width:51%;
display:table-cell;
vertical-align:middle;
padding-left:40px;
font-size:120%;
}
.sec_about_r{
width:49%;
display:table-cell;
vertical-align:middle;
}
.sec_about_r img{
width:100%;
}
}

@media only screen and (max-width: 800px){
#sec_about{
width:100%;
margin:0 auto;
display:block;
}
.sec_about_l{
width:90%;
margin:0 auto 26px;
padding-left:0;
font-size:14px;
line-height:26px;
display: block;
clear:both;
}
.sec_about_r{
width:100%;
display: block;
vertical-align:middle;
}
.sec_about_r img{
width:100%;
}
}


#sec_onerank{
width:1100px;
margin:0 auto;
display:table;
}

.sec_onerank_l{
width:362px;
display:table-cell;
vertical-align:middle;
}

.sec_onerank_l img{
width:100%;
}

.s_about_ttl{ font-size:20px;}

.sec_onerank_r{
width:738px;
display:table-cell;
vertical-align:middle;
padding-left:60px;
font-size:15px;
}

@media only screen and (max-width: 1100px){
#sec_onerank{
width:100%;
margin:0 auto;
display:table;
}
.sec_onerank_l{
width:33%;
display:table-cell;
vertical-align:middle;
}
.sec_onerank_r{
width:67%;
display:table-cell;
vertical-align:middle;
padding-left:60px;
font-size:15px;
}
}

@media only screen and (max-width: 800px){
#sec_onerank{
width:100%;
margin:46px auto 0 auto;
display:block;
}
.sec_onerank_l{
width:90%;
margin:0 auto;
display:block;
text-align:center;
}
.sec_onerank_l img{
width:61%;
margin:0 auto;

}
.sec_onerank_r{
width:90%;
margin:0 auto;
display:block;
padding-left:0px;
font-size:13px;
}
}

.bg{
	line-height: 0;
}

.bg_black{ font-size:14px; background:#3B3B3B; padding:10px 10px 0 10px; color:#FFFFFF; display:table-cell; line-height:0.65; letter-spacing:0.05em;}


.txt h2{
	padding: 0 0 20px !important;
}

.none750{
display:block;
width:100%;
clear:both;
margin:0;
padding:0;
}

.toppd80{ padding-top:80px;}

@media only screen and (max-width: 1100px){
.toppd80{ padding-top:10px;}
}

@media only screen and (max-width: 750px){
.none750{
display:none;
}
.toppd80{ display:none;}
}

@media only screen and (max-width: 650px){
.none650{
display:none;
}
}


/* SEC03 Function トースト
------------------------------------------------------------*/
#sec03{ padding-top:0;}

.wrap03{
	clear: both;
	width: 100%;
}

.bg_pink{
	clear: both;
	width: 100%;
	background:#FEDDE4;
	margin-top:120px;
	padding-bottom:55px;
}

.sec03_01{
	clear: both;
	width: 1100px;
	margin:0 auto;
}

.top80{ padding-top:80px;}

#space100{ height:100px; clear:both; width:100%;}

.sec03_02{
	clear: both;
	width: 1100px;
	margin:40px auto;
	display:table;
}

.sec03_03{
	width: 1100px;
	margin:30px auto 50px auto;
	display:table;
}

.sec03_06{
	top:0;
	width: 1100px;
	margin:0 auto;

}

.sp_90{ width:90%; margin:0 auto 10px;}

.sp_90 p{ font-size:12.48px; line-height:22.46px;}

.sp_90 img{ width:100%; margin:0;}

.sp_96{ width:94%; margin:0 auto 10px;}

.sp_96 img{ width:100%; margin:0;}

.sp_86{ width:86%; margin:25px auto 10px auto;}

.sp_86 img{ width:100%; margin:0;}

@media only screen and (max-width: 1100px){
.sec03_01{
	width: 100%; margin:0 auto;
}

.sec03_02{
	width: 90%;
	margin:0 auto;
	display:table;
}

.sec03_03{
	width: 90%;
	margin:0 auto 0 auto;
}
.sec03_06{
	width: 90%;
	margin:0 auto -10px auto;

}
.bg_pink{
	margin-top:60px;
}
}

@media only screen and (max-width: 800px){
.sec03_01{
	margin:0 auto;
}
}

@media only screen and (max-width: 750px){
.sec03_02{
	width: 100%;
	margin:0 auto;
}
.bg_pink{
	padding-bottom:5px;
}
}


.color_ttl{ width:100%; border-bottom:#3B3B3B solid 1px; height:15px; display:table;}
.bg_black02{ font-size:14px; float:left; background:#3B3B3B; padding:10px 10px 0 10px; color:#FFFFFF; display:table-cell; line-height:0.6; letter-spacing:0.05em;}
.ft_pink{ color:#FEDDE4;}
.ft_yellow{ color:#ECE0D8;}
.ft_blue{ color:#DCE2EB;}
.cl_subttl{ float:right; font-size:26px; margin-top:-35px;}

@media only screen and (max-width:800px){
.cl_subttl{ float:right; font-size:20px; margin-top:-30px;}
}

.tx_Toast{ top:0; left:20px; }
.tx_Toast img{ width:90%; float:left; padding-bottom:30px; }

@media only screen and (max-width: 1150px){
.tx_Toast{ margin-left:-10px; padding-left:0; z-index:8000;}
}

.bg_white{
  display: table;
  width:1100px;
  margin:40px auto 10px auto;
  padding:0;
  justify-content: center;
  flex-wrap: wrap;
}

.fuzoku{
font-size:20px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}

.fuzoku a{
font-size:20px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}

@media only screen and (max-width: 750px){
.fuzoku{
font-size:16px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}

.fuzoku a{
font-size:16px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}
}

.fuzoku02{
font-size:16px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}

.fuzoku02 a{
font-size:16px;
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}


@media only screen and (max-width: 1100px){
.bg_white{
  width:90%;
  margin:10px auto;
}
}

.box02{
  width: 24%;
  height:auto;
  border-right:2px solid #FEDDE4;
  padding:24px 0 12px;
  text-align:center;
  background:#FFFFFF;
  clear:both;
  display:table-cell;
  vertical-align:top;
  border-radius: 5px;
}
.w_90{
  width: 90%;
  margin:0 auto;
}
box02 img{
  width:98%;
  margin:0 auto;
}

.box02 span{ font-size:22px; line-height:30px; font-weight:bold;}

.box0303{
  width: 24%;
  height:auto;
  border-right:2px solid #DCE2EB;
  padding:35px 0 15px 0;
  text-align:center;
  background:#FFFFFF;
  clear:both;
  display:table-cell;
  vertical-align:top;
  border-radius: 5px;
}
.w_90{
  width: 86%;
  margin:0 auto;
}
box0303 img{
  width:98%;
  margin:0 auto;
}

.box0303 span{ font-size:20px; font-weight:bold;}

.line{ width:98%; margin:10px auto; height:1px; background:#999999;}

dl.sample {
margin:0 auto 8px auto;
width:60%;
}
dl.sample dt {
    float:left;
    clear: left;
    font-weight:bold;
    padding:0 5px;
	text-align:left;
	font-size:15px;
}
dl.sample dd {
    margin-left:80px;  
    padding:0 5px;
	text-align:right;
}

.toast_txt{ text-align:left; line-height:22px; width:100%; margin:10px auto; font-size:14px; height:118px; display:table-cell; padding-top:13px;}

.grill_txt{ text-align:left; line-height:24px; width:90%; margin:10px auto; font-size:14px; height:100px; padding-bottom:15px; display:table-cell; padding-top:15px;}

.photo_name_p{
  position: relative;
}
.photo_name_p img{ width:100%;}
.top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  background:#FF6699;
  color:#FFF;
  padding:5px 15px;
  font-size:14px;
}

.top-grill-left {
  position: absolute;
  top: 0px;
  left: 0px;
  background:#516D9D;
  color:#FFF;
  padding:5px 15px;
  font-size:14px;
  z-index:9999;
  letter-spacing:-0.05em;
}

/* SEC03 Function エアフライ
------------------------------------------------------------*/

#sec0302{
padding-top:70px;
margin-top:-70px;
}

.bg_yellow{
	clear: both;
	width: 100%;
	background:#ECE0D8;
	margin-top:0;
	height:auto;
	padding-bottom:55px;
}

@media only screen and (max-width: 750px){
.bg_yellow{
	padding-bottom:5px;
}
}

@media only screen and (max-width:1100px){
dl.sample {
width:80%;
}
.toast_txt{height:135px;}
.grill_txt{height:110px; line-height:22px;}
}

@media only screen and (max-width:940px){
.toast_txt{height:150px;}
.grill_txt{height:120px; line-height:20px;}
.top-grill-left {
  padding:5px 10px;
  font-size:13px;
  letter-spacing:-0.08em;
}
}

@media only screen and (max-width:800px){
.tx_Toast img{ position:absolute;}
.bg_white{
padding-left:0;
}
.box02 img{
  width:100%;
  margin:0 auto;
}
.box0303 img{
  width:100%;
  margin:0 auto;
}
#sec0302{
padding-top:50px;
margin-top:-50px;
}
}

@media only screen and (max-width:750px){
.bg_white{
display:none;
}
#space100{ display:none;}
.bg_white750{ display:block; width:100%; margin:-40px auto 0 auto; padding-bottom:20px;}
.sp_white750{ display:block; width:100%; margin:-5px auto 0 auto;}
#sp_white750{ display:block;}

/*ベース*/
section.typeC .tabLabel {	/*タブ*/
	margin-bottom: -1px;
	padding: 15px 25px 15px 0;
	display: block;
	color: #FFF;
	width:230px;
	margin:0 auto;
	text-align:center;
	border-radius:5px;
	background:url(../images/TOA-38J/i_swich03.png) 85% 13px no-repeat #F85678;
	cursor: pointer;
	transition: .3s;
}
section.typeC .tabLabel::before {
}
section.typeC input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeC .content {		/*本文*/
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: .3s;
}
/*アクティブ設定*/
section.typeC input:checked + .tabLabel {
	display:none;
}

section.typeC input:checked + .tabLabel + .content {
	height: auto;
	margin-bottom: -1px;
	padding: 15px 0;
	overflow: auto;
	opacity: 1;
}

.top_60{ margin-top:-50px;}

dl.acdn {
	width: 90%;
	position: relative;
	margin:-30px auto 0 auto;
}
dl.acdn dt {
	padding: 5px 10px;
	color: #666;
	font-weight: bold;
	cursor: pointer;
	background:url(../images/TOA-38J/i_swich04.png) 94% 23px no-repeat #FFFFFF;
	border-top: #FEDDE4 2px solid;
	position: relative;
	border-radius: 5px;
}
dl.acdn dt.active,
dl.acdn dt.ov {
	background:url(../images/TOA-38J/i_swich04.png) 94% 23px no-repeat #FFFFFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
dl.acdn dt.active {
	color: #666;
	background:url(../images/TOA-38J/i_swich05.png) 94% 23px no-repeat #FFFFFF; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
dl.acdn dd {
	border-top: #FFF 1px solid;
	position: relative;
	background:#FFF;
	padding:0 15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
dl.acdn dd p {
	padding: 10px 10px;
}
.ok_box{ width:90%; display:table; padding:10px 0;}
.ok_box_left{ width:47%; display:table-cell; vertical-align:middle; border-right:1px solid #CCCCCC; padding-left:8px; font-size:18px; letter-spacing:-0.05em;}
.ok_box_right{ width:51%; display:table-cell; padding-left:15px; font-size:11.52px; font-weight:bold;}
table td{ height:15px; font-size:13px;}
.photo_name_p{ width:70%; margin:0 auto; position: relative;}
.toast_txt{ width:100%; margin:5px auto; height:auto; font-size:12px; line-height:20.74px;}
.photo_name_p img{ width:100%; margin-bottom:20px;}
.top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  background:#FF6699;
  color:#FFF;
  padding:5px 15px;
  font-size:14px;
  z-index:9999;
}

}

@media only screen and (max-width:750px){
/*ベース*/
section.typeB .tabLabel {	/*タブ*/
	margin-bottom: -1px;
	padding: 15px 25px 15px 0;
	display: block;
	color: #FFF;
	width:230px;
	margin:-38px auto -5px auto;
	text-align:center;
	border-radius:5px;
	background:url(../images/TOA-38J/i_swich06.png) 85% 15px no-repeat #516D9D;
	cursor: pointer;
	transition: .3s;
}
section.typeB .tabLabel::before {
}
section.typeB input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeB .content {		/*本文*/
	height: 0;
	padding:0;
	overflow: hidden;
	opacity: 0;
	transition: .3s;
}
section.typeB .content .a_ttl {		/*本文*/
margin-top:-56px;
}
/*アクティブ設定*/
section.typeB input:checked + .tabLabel {
	display:none;
}

section.typeB input:checked + .tabLabel + .content {
	height: auto;
	margin-bottom: -1px;
	padding: 0;
	overflow: auto;
	opacity: 1;
}

section.typeB dl.acdn {
	width: 90%;
	margin:-20px auto 0 auto;
	position: relative;
}
section.typeB dl.acdn dt {
	padding: 5px 10px;
	color: #666;
	font-weight: bold;
	cursor: pointer;
	background:url(../images/TOA-38J/i_swich07.png) 92% 50% no-repeat #FFFFFF;
	border-top: #DCE2EB 2px solid;
	position: relative;
	border-radius:5px;
}
section.typeB dl.acdn dt.active,
section.typeB dl.acdn dt.ov {
	background:url(../images/TOA-38J/i_swich07.png) 92% 50%  no-repeat #FFFFFF;
	border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
section.typeB dl.acdn dt.active {
	color: #666;
	background:url(../images/TOA-38J/i_swich08.png) 92% 50%  no-repeat #FFFFFF; 
	border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
section.typeB dl.acdn dd {
	border-top: #FFF 1px solid;
	position: relative;
	background:#FFF;
	margin-bottom:-20px;
	border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
section.typeB dl.acdn dd p {
	padding: 10px 10px;
}
section.typeB .grill_box{ width:100%; margin:auto; display:table;}
section.typeB .grill_box_left{ width:38%; display:table-cell; vertical-align:middle;}
section.typeB .grill_box_left img{ width:100%; text-align:center; margin:0 auto; padding-left:0; padding-top:5px;}
section.typeB .grill_box_right{ width:60%; display:table-cell; text-align:center; padding-right:38px; vertical-align:middle; font-size:17px; font-weight:bold;}
section.typeB .photo_name_p{ width:90%; margin:0 auto 20px auto; position: relative; }
section.typeB .grill_txt{ width:90%; margin:5px auto; height:auto; font-size:11.52px; line-height:20.74px;}
section.typeB .photo_name_p img{ width:100%; margin-bottom:20px;}
section.typeB .top-grill-left {
  position: absolute;
  top: 0px;
  left: 0px;
  background:#516D9D;
  color:#FFF;
  padding:5px 15px;
  font-size:12.48px;
  z-index:9999;
}
}


@media only screen and (max-width:750px){
/*ベース*/
section.typeA .tabLabel {	/*タブ*/
	margin-bottom: -1px;
	padding: 15px 25px 15px 0;
	display: block;
	color: #FFF;
	width:230px;
	margin:0 auto;
	text-align:center;
	border-radius:5px;
	background:url(../images/TOA-38J/i_swich09.png) 85% 13px no-repeat #9E653B;
	cursor: pointer;
	transition: .3s;
}
section.typeA .tabLabel::before {
}
section.typeA input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeA .content {		/*本文*/
	height: 0;
	padding:15px 0;
	overflow: hidden;
	opacity: 0;
	transition: .3s;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel {
	display:none;
}

section.typeA input:checked + .tabLabel + .content {
	height: auto;
	margin-bottom: -1px;
	padding: 0;
	overflow: auto;
	opacity: 1;
}
}

#sec0303{
padding-top:70px;
margin-top:-70px;
}

#sec0304{
padding-top:30px;
margin-top:-30px;
}

@media only screen and (max-width:810px){
#sec0303{
padding-top:50px;
margin-top:-50px;
}

#sec0304{
padding-top:30px;
margin-top:-30px;
}
}

.bg_blue{
	clear: both;
	width: 100%;
	background:#DCE2EB;
	margin-top:0;
	position:relative;
	padding-bottom:55px;
}

@media only screen and (max-width: 750px){
.bg_blue{
	padding-bottom:5px;
}
}

.bg_blue_b{
	clear: both;
	width: 100%;
	background:#C7D1DF;
	padding:30px 0;
	margin-top:60px;
	margin-bottom:40px;
	position:relative;
}

@media only screen and (max-width:750px){
.bg_blue_b{
	clear: both;
	width: 100%;
	background:#C7D1DF;
	padding:10px 0 0 0;
	margin-top:30px;
	position:relative;
}
}

.btn_pink{
width:550px;
margin:-10px auto 0 auto;
padding:5px 3px 2px 3px;
height:80px;
background:#FFF;
border-radius:10px;
outline: 2px solid rgb(248, 86, 120);
outline-offset: -8px;
text-align:center;
font-size:22px;
position: relative;
color:#F85678;
font-weight:bold;
line-height:40px;
}

.btn_pink p{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

@media only screen and (max-width:750px){
.box02{ display:none;}
.box0303{ display:none;}
}

@media only screen and (max-width:800px){
.btn_pink{
width:78%;
margin:30px auto 10px auto;
font-size:16.32px;
height:60px;
line-height:24px;
}
}

@media only screen and (max-width:750px){
.btn_pink{
width:90%;
margin:30px auto 10px auto;
font-size:16.32px;
height:60px;
line-height:24px;
}
}

#toast_wide{ width:1100px; margin:25px auto 0 auto;}

#toast_wide_left{ width:400px; float:left;}

#grill_wide{ width:1100px; margin:25px auto 0 auto;}

#grill_wide_left{ width:435px; float:left;}

h3 {
    position: relative;
    padding: 1rem 0.7rem;
	text-align:center;
}

h3::before,
h3::after {
    position: absolute;
    top: 1rem;
    height: 3.8rem;
    content: '';
}

h3::before {
    border-left: solid 1px;
    left: 0;
    transform: rotate(-30deg);
}

h3::after {
    border-right: solid 1px;
    right: 0;
    transform: rotate(30deg);
}

@media only screen and (max-width:750px){
h3 {
    position: relative;
    padding: 1rem 0.5rem;
	text-align:center;
}

h3::before,
h3::after {
    position: absolute;
    top: 1.2rem;
    height: 2.8rem;
    content: '';
}

h3::before {
    border-left: solid 1px;
    left: 0;
    transform: rotate(-30deg);
}

h3::after {
    border-right: solid 1px;
    right: 0;
    transform: rotate(30deg);
}
}

.recipe_ttl{ line-height:34px;}

.bodoni_tex{font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif;
font-size:24px; line-height:24px; letter-spacing:0.02em; padding-bottom:15px;}
.bodoni_tex02{font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif;
font-size:24px; line-height:24px; letter-spacing:0.05em; padding-bottom:15px;}
.wide_tex{font-size:24px; line-height:24px; letter-spacing:-0.06em; font-weight:bold;}

#toast_wide02{ width:1100px; margin:15px auto 0 auto; padding-bottom:50px; clear:both;}

#toast_wide02 img{ width:100%;}

#toast_wide_right{
width:260px;
margin:35px 0 0;
padding:13px 0;
background:#F85678;
border-radius:5px;
text-align:center;
font-size:15px;
letter-spacing:-0.03em;
position: relative;
color:#FFF;
float:right;
}

#airfly_wide_right{
width:260px;
margin:35px 0 0;
padding:13px 0;
background:#9E653B;
border-radius:5px;
text-align:center;
font-size:15px;
position: relative;
letter-spacing:-0.03em;
color:#FFF;
float:right;
}

#grill_wide_right{
width:260px;
margin:35px 0 0;
padding:13px 0;
background:#516D9D;
border-radius:5px;
text-align:center;
font-size:14px;
letter-spacing:-0.03em;
position: relative;
color:#FFF;
float:right;
}

#grill_mainte{
width:600px;
margin:10px auto;
display:table;
}

.grill_mainte_left{
width:70%;
display:table-cell;
vertical-align:middle;
text-align:center;
font-size:15px;
}

.grill_mainte_right{
width:30%;
display:table-cell;
vertical-align:middle;
}

.grill_mainte_right img{
width:100%;
}

@media only screen and (max-width:600px){
#grill_mainte{
width:90%;
margin:10px auto;
display:table;
}
.grill_mainte_left{
width:62%;
display:table-cell;
vertical-align:middle;
text-align:left;
font-size:12.48px;
}
.grill_mainte_right{
width:38%;
display:table-cell;
vertical-align:middle;
}

.grill_mainte_right img{
width:90%;
margin:0 auto;
float:right;
}
}

@media only screen and (max-width:1100px){
#toast_wide{ width:90%; margin:30px auto 0 auto;}
#grill_wide{ width:90%; margin:30px auto 0 auto;}
#toast_wide02{ width:100%;}
}

@media only screen and (max-width:800px){
#toast_wide_left{ width:310px; float:none; margin:0 auto;}
#airfly_wide_left{ width:90%; float:none; margin:0 auto;}
#grill_wide{ width:90%; margin:10px auto 0 auto;}
#grill_wide_left{ width:90%; float:none; margin:0 auto;}
.bodoni_tex{font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif; font-size:16.73px;}
.bodoni_tex02{font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif; font-size:16.73px;}
.wide_tex{font-size:16.73px;}
.recipe_ttl{ line-height:18px;}
#toast_wide_right{
width:260px;
margin:125px auto 0 auto;
float:none;
}
#toast_wide02{ width:100%; margin:-185px auto 0 auto; padding-bottom:50px; clear:both;}
#airfly_wide_right{
width:260px;
margin:125px auto 0 auto;
float:none;
}
#airfly_wide02{ width:100%; margin:-185px auto 0 auto; padding-bottom:50px; clear:both;}
#grill_wide_right{
width:260px;
margin:125px auto 0;
float:none;
}
#grill_wide02{ width:100%; margin:-185px auto 0 auto; padding-bottom:50px; clear:both;}
}

@media only screen and (max-width:750px){
#toast_wide{ width:90%; margin:10px auto 0 auto;}
}

@media only screen and (max-width:650px){
#toast_wide_right{
width:260px;
margin:65px auto 0 auto;
float:none;
}
#toast_wide02{ width:100%; margin:-120px auto 0 auto; padding-bottom:50px; clear:both;}
#airfly_wide_right{
width:260px;
margin:65px auto 0 auto;
float:none;
}
#airfly_wide02{ width:100%; margin:-120px auto 0 auto; padding-bottom:50px; clear:both;}
#grill_wide_right{
width:260px;
margin:65px auto 0 auto;
float:none;
}
#grill_wide02{ width:100%; margin:-120px auto 0 auto; padding-bottom:50px; clear:both;}
}


.sec03_04{ width:1100px; margin:0 auto; position:relative; clear:both;}

@media only screen and (max-width:1100px){
.sec03_04{ width:90%; margin:0 auto;}
}

.sec03_05{ width:1100px; margin:0 auto;position: relative; clear:both;}

.box_airfly{
  position: absolute;
  top: 0;
  right:-85px;
}

.tx_airfly{ line-height:0.65; font-size:210px; font-family: "Bodoni MT",'Bodoni 72','Bodoni 72 Oldstyle',sans-serif; font-style: italic; width:100%; clear:both; color:#FFFFFF;}

@media only screen and (max-width: 1150px){
.tx_airfly{ margin-left:-10px; padding-left:0; font-size:50px;}
}

/* SEC04 STORY & SUCCESS
------------------------------------------------------------*/
#sec04{
	background: url(../images/TOA-38J/bgSec04.jpg) no-repeat 100% 100% fixed;
	background-size: cover;
	-webkit-background-size: cover;
	padding-top: 0;
	margin-top:-20px;
	margin-bottom:50px;
}

#light_gray_area01{
width:100%;
padding:106px 0 65px 0;
background-color:rgba(246,246,246,1);	/* マスクは半透明 */
margin-top:0;
}

#light_gray_area{
width:100%;
padding:30px 0 65px;
background-color:rgba(246,246,246,1);	/* マスクは半透明 */
margin-top:0;
}

#gray_area{
width:100%;
padding:30px 0;
background:#DADADA;
margin-top:-10px;
clear:both;
}

.movie_manual_box{
width:650px;
margin:0 auto;
}

.movie_manual_box img{
width:100%;
margin:0 auto;
}

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

#gray_area{
margin-top:0;
}
.movie_manual_box{
width:90%;
margin:0 auto;
}
#light_gray_area01{
width:100%;
padding:0 0 10px 0;
}
}

/* SEC05 SPEC
------------------------------------------------------------*/
#sec05{
	padding-top: 0;
	margin-top:0;
	margin-bottom:50px;
}

#sec05 dl{
	line-height: 1.2;
}

#sec05 dt{
	clear: left;
	float: left;
	display: block;
	width: 30%;
	margin-right: 10%;
	margin-bottom: 20px;
	text-align: right;
	line-height: 1.6em;
}

#sec05 dd{
	width: 60%;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	line-height: 1.6em;
}

#sec05 header{
	display: none;
}

.spec_fuzoku_ttl{
width:1100px;
margin:0 auto 20px;
text-align:left;
font-size:14px;
}

.spec_box{
  display: flex;
  width:1100px;
  margin:10px auto;
  justify-content: center;
  flex-wrap: wrap;
  text-align:left;
}

.spec_box_left{
width:45%;
display:table-cell;
vertical-align:middle;
text-align:center;
}

.spec_box_left img{
width:60%;
margin:0 auto;
}

.spec_box_right{
width:55%;
display:table-cell;
}

.spec_box_right ul{
width:98%;
margin:0 auto;
list-style:none;
}

.spec_box_right li {
width:100%;
margin:0 auto;
border-top:1px solid #C3C3C3;
clear:both;
}

.last_bdr {
border-top:1px solid #C3C3C3;
height:15px;
}

.spec_txt_l {
      float: left;
	  width:26%;
	  padding-left:1%;
	  padding:20px 0;
	  font-size:14px;
	  letter-spacing:-0.01em;
}
.spec_txt_r {
      float: left;
	  width:73%;
	  font-size:14px;
	  padding:20px 0;
	  letter-spacing:-0.01em;
}

.btm_line{border-bottom:1px solid #C3C3C3; margin-bottom:20px;}

.spec_s_txt{ font-size:12px;}

.box0202{
  width: 24.5%;
  height:auto;
  margin-right:0.5%;
  padding:15px 0;
  text-align:left;
  background:#FFFFFF;
  clear:both;
  display:table-cell;
  clear:both;
  font-size:14px;
}
box0202 img{
  width:260px;
  margin:0 auto;
}

@media only screen and (max-width:800px){
.box0202{
  width: 46%;
  margin:0 auto 5px;
  font-size:12px;
}
.box0202 img{
  width:98%;
  margin:0 auto;
}
}

@media only screen and (max-width: 1100px){
.spec_fuzoku_ttl{
width:90%;
font-size:15px;
margin:10px auto 20px;
}

.spec_box{
width:90%;
margin:0 auto;
}
.spec_box_left{
width:100%;
display:block;
text-align:center;
}
.spec_box_right{
width:100%;
display:block;
}
.spec_box_left img{
width:260px;
margin:0 auto 10px;
}
}

@media only screen and (max-width: 11000px){
#sec05{
	width:90%;
	margin:0 auto;
}
}

@media only screen and (max-width: 800px){
#sec05{
	padding-top: 0;
	margin-top:-10px;
	margin-bottom:0;
	width:90%;
	margin:0 auto;
}
}

@media only screen and (max-width: 750px){
.spec_box{
width:90%;
margin:-15px auto 0 auto;
}
.spec_txt_l {
      float: left;
	  width:33%;
	  padding-left:1%;
	  padding:20px 0;
	  font-size:13px;
	  letter-spacing:-0.05em;
}
.spec_txt_r {
      float: left;
	  width:65%;
	  font-size:13px;
	  padding:20px 0;
	  letter-spacing:-0.01em;
	  line-height:24px;
}
.spec_fuzoku_ttl{
width:90%;
font-size:15px;
margin:10px auto 25px;
}
}


/* RESPONSIVE 設定
------------------------------------------------------------*/

@media only screen and (min-width: 1200px){
	.inner{
		width: 1024px;
		padding-bottom: 120px;
	}
	section h2{
		padding:0;
	}
	.txt h2{
		padding: 0 0 20px !important;
	}
}

@media only screen and (min-width: 800px){
	body{
		font-size:14px;
	}
	
	/* SEC02 MESSAGE
	-----------------*/
	.txt{
		width: 57%;
		float: left;
		display: table;
	}
	
	.bg{
		width: 43%;
		float: left;
		display: table;
	}
	
	.vMid{
		margin:0 auto;
		vertical-align: middle;
		display: table-cell;
		padding-left:30px;
	}
	
	.txt01{
		width: 62%;
		float: left;
		display: table;
	}
	
	.bg01{
		width: 38%;
		float: left;
		display: table;
	}
	
	.bg01 img{
		width: 86%;
	}
	
	.vMid01{
		width:82%;
		margin:0 auto;
		vertical-align: middle;
		display: table-cell;
	}

	.txt02{
		width: 67%;
		float: left;
		display:table-cell;
	}
	
	.bg02{
		width: 33%;
		float: left;
		display: table;
	}
	
	.vMid02{
		width:82%;
		margin:0 auto;
		vertical-align: middle;
		display: table-cell;
	}

	#sec02_02 .txt, #sec02_02 .bg{
		float: right;
	}

	.txt03{
		width: 50%;
		float: left;
		display: table;
	}
	
	.bg03{
		width: 50%;
		float: right;
		display: table;
		margin-top:-80px;
	}
	
	.vMid03{
		padding: 0 60px 0 30px;
		vertical-align: middle;
	}

	.sec_table{
	width:100%;
	display:table;	
	}
	
	.bg04{
		width: 50%;
		display:table-cell;
		vertical-align:middle;
	}
	
	
	
	.vMid04{
		vertical-align:middle;
		width: 50%;
		display:table-cell;
	}
	
	.bg04 img{
		width: 90%;
		float:left;
	}
	
	.txt05{
		width: 54%;
		display:table-cell;
		vertical-align: middle;
		padding-left:60px;
	}
	
	.bg05{
		width: 46%;
		display: table-cell;
		vertical-align: middle;
		margin:0;
		padding:0;
	}
	
	.bg05 img{
		width: 90%;
		margin:0 auto;
		padding-left:20px;
	}
	
	.vMid05{
		width:83%;
		margin:0 auto;
		vertical-align: middle;
		display: table-cell;
	}
	
	.vMid05 p{
	padding:0 25px;
	}
	
	.txt0502{
		width: 45%;
		display:table-cell;
		vertical-align: middle;
	}
	
	.airfly_s_txt{ font-size:12px; line-height:20px; padding-top:15px;}
	
	.airfly_m_txt{ font-size:15px;}
	
	.airfly_l_txt{ font-size:20px; line-height:2.0; font-weight:bold;}
	
	.bg0502{
		width: 55%;
		display: table-cell;
		vertical-align: middle;
		margin:0;
		padding:0;
	}
	
	.bg0502 img{
		width: 90%;
		margin:0 auto;
		padding-left:20px;
	}
	
	.vMid0502{
		width:83%;
		margin:0 auto;
		vertical-align: middle;
		display: table-cell;
	}
	
	.vMid0502 p{
	padding:0 25px;
	}
	
	.txt0503{
		width: 50%;
		display:table-cell;
		vertical-align: middle;
	}
	
	.bg0503{
		width: 50%;
		display: table-cell;
		vertical-align: middle;
		margin:0;
		padding:0;
	}
	
	.bg0503 img{
		width: 90%;
		text-align:right;
		float:right;
	}
	
	.vMid0503{
		width:83%;
		margin:0 auto;
		vertical-align: middle;
		display: table-cell;
		padding-left:30px;
	}
	
	.vMid0503 p{
	padding:0 25px;
	}
	
	.s_photo_airfly{ width:90%; margin:15px auto;}
	
	.s_photo_airfly_left{
	width:53%;
	display:table-cell;
	vertical-align: middle;
	}
	
	.s_photo_airfly_right{
	width:47%;
	display:table-cell;
	vertical-align: middle;
	}
	
	.s_photo_airfly_right img{
	width:80%;
	display:table-cell;
	vertical-align: middle;
	margin:0 auto;
	}
	
	.ttl_airfly{
	width:50%;
	top:0;
	right:0;
	float:right;
	z-index:6000;
	margin-bottom:-80px;
	}
	
	.ttl_airfly img{
	width:100%;
	}
	
	.txt06{
		width: 44%;
		vertical-align: middle;
		display: table-cell;
		margin:0 auto;
	}
	
	.bg06{
		width: 50%;
		vertical-align: middle;
		display: table-cell;
		padding-bottom:30px;
	}
	
	.bg06 img{
		width: 88%;
		margin:0 auto;
		float:left;
	}
	
	.vMid06{
		width:100%;
		margin:0 auto;
		vertical-align: middle;
		display: table-cell;
	}
	
	.vMid06 p{
	margin-top:0;
	padding:0 5px;
	}
	
	.ttl_grill{
	width:70%;
	top:0;
	margin-left:50px;
	z-index:6000;
	margin-bottom:-100px;
	position:absolute;
	}
	
	.ttl_grill img{
	width:100%;
	}
	
	.txt07{
		width: 50%;
		vertical-align: middle;
		display: table-cell;
	}
	
	.bg07{
		width: 50%;
		vertical-align: middle;
		display: table-cell;
	}
	
	.bg07 img{
		width: 90%;
		margin:0 auto;
		text-align:right;
		float:right;
	}
	
	.vMid07{
		width:100%;
		margin:0;
		vertical-align: middle;
		display: table-cell;
	}
	
	.vMid07 p{
	margin-top:0;
	padding:0 5px;
	}
	
	@media only screen and (max-width:1100px){
	.ttl_airfly{
	margin-bottom:-20px;
	}
	
	}
	
	@media only screen and (max-width:800px){
	.sec0304{
	 margin-top:50px;
	 }
	
	.txt07{
		width: 100%;
		margin-top:50px;
		vertical-align: block;
		display: block;
	}
	
	.bg07{
		width: 100%;position:absolute; top:200px; left:200px; z-index: 1; 
	}
	.bg07 img{
		width: 100%;
		position:absolute; top:200px; left:200px; z-index: 1; 
	}
	.ttl_grill{
	width:100%;
	position:absolute; top:0;
	}
	.ttl_grill img{
	width:100%;
	}
	}
	@media only screen and (max-width:750px){
	.s_photo_airfly{ width:90%; margin:15px auto;}
	.s_photo_airfly_right img{
	width:80%;
	display:table-cell;
	vertical-align: middle;
	margin:0 auto;
	padding-left:25px;
	}
	}
	

	/* SEC05 PROFILE
	-----------------*/
	#sec05{
		padding-top: 0;
	}
	
  #footer{
		padding: 10px 0 110px 0;
	}
}

@media only screen and (max-width:799px){
	
	.bg03{
		width: 100%;
		float: right;
		display: block;
		margin-top:80px;
		}
	.bg03 img{
		z-index:200;
		}
	
	.txt04{
		width: 100%;
		float: none;
	}
	
	.bg04{
		width: 100%;
		margin:0 auto;
		float: none;
	}
	
	.bg04 img{
		width: 100%;
		margin:0 auto;
		padding-top:0;
		float: none;
	}
	
	.vMid04{
		padding: 0;
		vertical-align: middle;
	}
	
	.txt05{
		width: 100%;
		float: none;
	}
	
	.bg05{
		width: 100%;
		margin:0 auto 15px;
		float: none;
	}
	
	.bg05 img{
		width: 100%;
		margin:0 auto;
		padding-left:0;
	}
	
	.txt0502{
		width: 100%;
		display:block;
		vertical-align: middle;
	}
	
	.airfly_s_txt{ font-size:10.56px; line-height:17.28px;}
	
	.airfly_m_txt{ font-size:12.48px;}
	
	.airfly_l_txt{ font-size:16.32; line-height:2.0; font-weight:bold;}
	
	.bg0502{
		width: 100%;
		display: block;
		vertical-align: middle;
		margin:0;
		padding:0;
	}
	
	.bg0502 img{
		width: 100%;
		margin:0 auto;
		padding-left:0;
	}
	
	.vMid0502{
		width:100%;
		margin:0 auto;
		vertical-align: middle;
		display: table-cell;
	}
	
	.vMid0502 p{
	padding:0;
	}
	
	.s_photo_airfly{ width:100%; margin:15px auto;}
	
	.s_photo_airfly_left{
	width:53%;
	display:table-cell;
	vertical-align: middle;
	}
	
	.s_photo_airfly_right{
	width:47%;
	display:table-cell;
	vertical-align: middle;
	}
	
	.s_photo_airfly_right img{
	width:86%;
	display:table-cell;
	vertical-align: middle;
	margin:0 auto;
	}
	
	#footer{
		padding: 10px 0 40px 0;
		width:90%;
		margin:0 auto;
	}

}

@media only screen and (min-width: 641px){
	.col2 li{
		width: 40%;
		padding: 0 3%;
		vertical-align: top;
	}
}

.pc_only{ display:block;}
.sp_only{ display:none;}

@media only screen and (max-width: 800px){
	#slogan h1{
		font-size: 31px;
	}

	#slogan h2{
		font-size: 16px;
	}
	.pc_only{ display:none;}
	.sp_only{ display:block;}
}
	
@media only screen and (max-width: 1199px){
	section h2{
		padding: 50px 0 20px 0;
	}
	#sec01 h2{
		padding: 50px 0 0;
	}
	.vMid{
		padding: 0;
	}
	.vMid01{
		padding: 0;
	}
	.vMid02{
		padding: 0 20px;
	}
}



/* カラーバリエーション 設定
------------------------------------------------------------*/

.variation{
  display: flex;
  width:750px;
  margin:10px auto;
  justify-content: center;
  flex-wrap: wrap;
  padding-top:10px;
}

@media only screen and (max-width: 650px){
.variation{
  width:70%;
  margin:0 auto;
}
}

.shop_box{
  display: flex;
  width:1044px;
  margin:10px auto;
  justify-content: center;
  flex-wrap: wrap;
}

.shop_box_l{
width:521px;
float:left;
border-right:1px dotted #424242;
padding-top:7px;
}

.shop_box_r{
width:522px;
float:right;
padding-top:7px;
}

.shop_pd01{
text-align:center;
font-size:14px;
height:288px;
}

.pd01_txt{ padding-top:19px;}

.shop_pd01 img{
width:223px;
height:auto;
}

.shop_pd02{
text-align:center;
font-size:14px;
line-height:2.0;
height:288px;
}

.shop_pd02 img{
width:223px;
height:auto;
}

.pd02_txt{ padding-top:5px;}

.shop_btn_area{
  width: 422px;
  height:auto;
  margin:0 auto;
  text-align:center;
  display:table;
}

.box_shop_02_l{
  width: 200px;
  text-align:center;
  background:rgba(181,181,181,0.25);
  border-radius:6px;
  font-size:15px;
  padding:15px 0;
  text-decoration:none;
  border:1px solid #C4C4C4;
  float:left;
  margin-bottom:18px;
  }
  
  .box_shop_02_r{
  width: 200px;
  text-align:center;
  background:rgba(181,181,181,0.25);
  border-radius:6px;
  font-size:15px;
  padding:15px 0;
  text-decoration:none;
  border:1px solid #C4C4C4;
  float:right;
  margin-bottom:18px;
  }

.box_shop_02 a{ text-decoration:none;}

.box_shop_02 a:hover {
	opacity: 0.5 ;
}

.box_shop_03_l{
  width: 200px;
  text-align:center;
  border-radius:6px;
  font-size:15px;
  padding:15px 0;
  text-decoration:none;
  border:1px solid #C4C4C4;
  float:left;
  margin-bottom:18px;
  }
  
  .box_shop_03_r{
  width: 200px;
  text-align:center;
  border-radius:6px;
  font-size:15px;
  padding:15px 0;
  text-decoration:none;
  border:1px solid #C4C4C4;
  float:right;
  margin-bottom:18px;
  }

.box_shop_03 a{ text-decoration:none;}

.box_shop_03 a:hover {
	opacity: 0.5 ;
}

@media only screen and (max-width: 1044px){
.shop_box{
  width:85%;
  margin:10px auto;
}
.shop_box_l{
width:100%;
float:none;
border:none;
padding-top:0;
margin-bottom:40px;
}

.shop_box_r{
width:100%;
float:none;
padding-top:0;
}

.shop_pd01{
height:auto;
margin-bottom:30px;
}
}

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

.shop_pd01{
text-align:center;
font-size:13px;
height:auto;
margin-bottom:30px;
}

.pd01_txt{ padding-top:8px;}

.shop_pd01 img{
width:223px;
height:auto;
}

.shop_pd02{
text-align:center;
font-size:13px;
line-height:2.0;
height:288px;
}

.shop_pd02 img{
width:223px;
height:auto;
}

.pd02_txt{ padding-top:5px;}

.shop_btn_area{
  width: 330px;
  height:auto;
  margin:0 auto;
  text-align:center;
  display:table;
}

.box_shop_02_l{
  width: 160px;
  text-align:center;
  background:rgba(181,181,181,0.25);
  border-radius:6px;
  font-size:14px;
  padding:15px 0;
  text-decoration:none;
  border:1px solid #C4C4C4;
  float:left;
  margin-bottom:10px;
  }
  
  .box_shop_02_r{
  width: 160px;
  text-align:center;
  background:rgba(181,181,181,0.25);
  border-radius:6px;
  font-size:14px;
  padding:15px 0;
  text-decoration:none;
  border:1px solid #C4C4C4;
  float:right;
  margin-bottom:10px;
  }

.box_shop_03_l{
  width: 160px;
  text-align:center;
  border-radius:6px;
  font-size:14px;
  padding:15px 0;
  text-decoration:none;
  border:1px solid #C4C4C4;
  float:left;
  margin-bottom:10px;
  }
  
  .box_shop_03_r{
  width: 160px;
  text-align:center;
  border-radius:6px;
  font-size:14px;
  padding:15px 0;
  text-decoration:none;
  border:1px solid #C4C4C4;
  float:right;
  margin-bottom:10px;
  }  

}

.news_box{
  display: flex;
  width:960px;
  margin:10px auto;
  justify-content: center;
  flex-wrap: wrap;
}

.news_box02{
  width:960px;
  margin:10px auto;
}

.news_box img{
  width:100%;
  margin:0 auto;
}

.6mode_box{
  display:table;
  width:1100px;
  margin:10px auto;
  clear: both;
}

.6mode_box img{
  width:100%;
  margin:0 auto;
}

@media only screen and (max-width: 960px){
.6mode_box{
  width:90%;
  margin:10px auto;
}
}

.dial_box{
  display: flex;
  width:1100px;
  margin:10px auto 10px auto;
  padding-top:40px;
  justify-content: center;
  flex-wrap: wrap;
}

.pc_600{ display:block; margin-top:-40px;}
.sp_600{ display:none;}

@media only screen and (max-width: 600px){
.pc_600{ display:none;}
.sp_600{ display:block; margin-top:-40px;}
}

.pc_800{ }
.sp_800{ display:none;}

@media only screen and (max-width: 800px){
.pc_800{ display:none;}
.sp_800{ display:block; margin-top:20px;}
}

.pc_900{ }
.sp_900{ display:none;}

@media only screen and (max-width: 800px){
.pc_900{ display:none;}
.sp_900{ display:block;}
}

.mode_box0{ width:800px; margin:20px auto 0 auto; display:table; clear:both;}

.mode_box{ width:800px; margin:20px auto 0 auto; display:table; clear:both;}

.mode_box_left{ width:60%; display:table-cell; vertical-align: middle; font-size:15px; line-height:30px; letter-spacing:-0.05em;}

.mode_box_left .st_pd{line-height:50px;}

.mode_box_left p{ width:90%; margin:0;}

.mode_box_right{ width:40%; display:table-cell;}

.mode_box_right img{ width:100%;}

@media only screen and (max-width: 900px){
.mode_box{ width:90%; margin:0 auto; display:block;}
.mode_box0{ width:90%; margin:20px auto 0 auto; display:table; clear:both;}
}


@media only screen and (max-width: 750px){
.mode_box0{
display:none;
}
}

@media only screen and (max-width: 600px){
.mode_box{ width:90%; margin:0 auto; display:block;}

.mode_box_left{ width:100%; float:none; display:block; padding-bottom:10px;}

.mode_box_left .st_pd{line-height:30px;}

.mode_box_left p{ width:100%; margin:0; font-size:13px; line-height:23.4px;}

.mode_box_right{ width:100%; float:none; display:block; margin-bottom:20px;}

.mode_box_right img{ width:100%;}
}

@media only screen and (max-width: 1100px){
.dial_box{
  width:90%;
  margin:10px auto;
  padding-top:4px;
}
}

@media only screen and (max-width: 960px){
.shop_box{
  width:90%;
  margin:10px auto;
}
.news_box{
  width:90%;
  margin:10px auto;
}
.news_box02{
  width:90%;
  margin:10px auto;
}
}



.box{
  width: 42%;
  height:auto;
  margin:5px auto;
  text-align:center;
  font-size:17px;
}
.box img{
  width:262px;
  margin:0 auto 15px;
}

.box03{
  width: 30%;
  height:auto;
  margin:5px auto;
  text-align:left;

}
.box03 img{
  width:98%;
  margin:0 auto;
}

.box0302{
  width: 32%;
  height:auto;
  display:table-cell;
  background: #FFFFFF;
  border-radius: 5px;
  border-right:2px solid #f6f6f6;
  border-bottom:2px solid #f6f6f6;
  padding-top:30px;
}

.box0302 p{
  width: 90%;
  margin:0 auto;
  margin-bottom:5px;
}

.box0302 .m_text{ font-size:13px; height:78px; line-height:22px; letter-spacing:-0.08em;}

.box0302 span{ font-size:22px; text-align:center; font-weight:bold;}

.6box_img{
width:100%;
text-align:center;
}

.box0302 img{
  width:62%;
  margin:0 auto;
  text-align:center;
  padding-bottom:10px;
}

.box04{
  width: 23%;
  height:auto;
  margin:5px auto;
  text-align:center;
}

.box04 .shop_btn{
  width: 100%;
  margin:5px auto;
  text-align:center;
  background:#DDE6E4;
  border-radius:20px;
  font-size:15px;
  padding:20px 0;
  text-decoration:none;
  color:#666666;
}

.box04 a{ text-decoration:none;}

.box04 a:hover {
	opacity: 0.5 ;
}


.box04 img{
  width:98%;
  margin:0 auto;
}



.orenge{ color:#EC4A45; 
letter-spacing: -0.05em;
}

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

.box0302 .m_text{ font-size:12px; height:80px;}
}

@media only screen and (max-width:650px){
.box{
  width: 90%;
  margin:0 auto 40px;
  font-size:14px;
}
.box img{
  width:70%;
  margin:0 auto 14px;

}
}

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

.box03{
  width: 45%;
  margin:0 auto 15px;
  font-size:13px;
}
.box03 img{
  width:98%;
  margin:0 auto;
}
.box0302 img{
  width:100%;
  margin:0 auto;
}

.box04{
  width: 44%;
  margin:0 auto;
}
.box04 img{
  width:98%;
  margin:0 auto;
}
}

#to_top {
width: 40px;
height: 40px;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 999;
opacity: 0.8;
}

ul.link{font-size:12px;}

ul.link li{ float:left; padding-right:20px;}
ul.link a{ text-decoration:none; color:#5B5B5B;}
ul.link a:hover{color:#999999;}

#copyright{ text-align:right; float:right;}

@media only screen and (max-width: 700px){
ul.link{clear:both; width:100%; font-size:13px;}
ul.link li{ clear:both; margin-bottom:5px; padding-right:0;}
#copyright{ text-align:left; float:left; clear:both; width:100%; padding-top:25px; padding-bottom:40px; font-size:12px;}
}