@charset "UTF-8";
@import "reset5.css";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

@font-face {
    font-family: 'nobel-boldregular';
    src: url('../font/nobd____-webfont.eot');
    src: url('../font/nobd____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nobd____-webfont.woff') format('woff'),
         url('../font/nobd____-webfont.ttf') format('truetype'),
         url('../font/nobd____-webfont.svg#nobel-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nobel-bolditalicregular';
    src: url('../font/nobdi___-webfont.eot');
    src: url('../font/nobdi___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nobdi___-webfont.woff') format('woff'),
         url('../font/nobdi___-webfont.ttf') format('truetype'),
         url('../font/nobdi___-webfont.svg#nobel-bolditalicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nobel-regularregular';
    src: url('../font/nor_____-webfont.eot');
    src: url('../font/nor_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nor_____-webfont.woff') format('woff'),
         url('../font/nor_____-webfont.ttf') format('truetype'),
         url('../font/nor_____-webfont.svg#nobel-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nobel-regularitalicregular';
    src: url('../font/nori____-webfont.eot');
    src: url('../font/nori____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nori____-webfont.woff') format('woff'),
         url('../font/nori____-webfont.ttf') format('truetype'),
         url('../font/nori____-webfont.svg#nobel-regularitalicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nobel-bookregular';
    src: url('../font/nobk____-webfont.eot');
    src: url('../font/nobk____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nobk____-webfont.woff') format('woff'),
         url('../font/nobk____-webfont.ttf') format('truetype'),
         url('../font/nobk____-webfont.svg#nobel-bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nobel-bookitalicregular';
    src: url('../font/nobki___-webfont.eot');
    src: url('../font/nobki___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nobki___-webfont.woff') format('woff'),
         url('../font/nobki___-webfont.ttf') format('truetype'),
         url('../font/nobki___-webfont.svg#nobel-bookitalicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nobel-lightregular';
    src: url('../font/nolt____-webfont.eot');
    src: url('../font/nolt____-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nolt____-webfont.woff') format('woff'),
         url('../font/nolt____-webfont.ttf') format('truetype'),
         url('../font/nolt____-webfont.svg#nobel-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nobel-lightitalicregular';
    src: url('../font/nolti___-webfont.eot');
    src: url('../font/nolti___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/nolti___-webfont.woff') format('woff'),
         url('../font/nolti___-webfont.ttf') format('truetype'),
         url('../font/nolti___-webfont.svg#nobel-lightitalicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { color:#252525; line-height:1;  padding: 0; position: relative; min-height: 100%; overflow-x:hidden; background: #fff; }
html {  min-height: 100%; }

* html body { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif  }
*:first-child+html body { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif }
html:not(:target) body { font-family: 'Open Sans', sans-serif;}

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:14px; line-height: 2; letter-spacing: 0.08em }
h1,h2,h3 { letter-spacing: 0.08em; font-weight: 300; font-family:'Josefin Sans'; text-transform: uppercase }
h4,h5 { letter-spacing: 0.12em; font-weight: 400; font-family:'Montserrat'; }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}


/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}


img, video { vertical-align:bottom; }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }



.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }


/* !Links */
a { cursor: pointer !important }
a:link { color: #4b372c; text-decoration: none }
a:visited { color: #4b372c; text-decoration: none }
a:hover { color: #4b372c; text-decoration: underline }
a:active { color: #4b372c; text-decoration: none }


html {  }
#wrapper { width: 100%; text-align: center; background:#f7f4ed; }


/* header */
#header_pc { width:100%; height:100px; background:#fff; border-bottom:1px solid #c7c7c7; box-sizing:border-box; position:fixed; z-index:1000; }
#header_pc .inner { position:relative; }
#header_pc h1 { position:absolute; top:29px; left:40px; }
#header_pc .g_menu { position:absolute; top:0; right:190px; font-family:'Josefin Sans' }
#header_pc .g_menu li { float:left;  margin:0 20px; position:relative; }
#header_pc .g_menu li a { color:#af9453; font-size:14px; text-decoration:none; display:inline-block; padding:36px 0; }
#header_pc .g_menu .child { background:#fff; display:none; position:absolute; top:80px; left:0; }
#header_pc .g_menu .child li { float:left !important;  margin:0 !important; border-bottom:1px solid #fff; }
#header_pc .g_menu .child li a {  width:200px; background:#af9453; color:#fff !important; font-size:12px; text-decoration:none; display:block !important; padding:15px 0 !important; }
#header_pc .g_menu .child li:last-child { border-bottom:none; }
#header_pc .current { border-bottom:3px solid #000; padding:0 0 5px; }
#header_pc .lang { position:absolute; top:35px; right:100px; }
#header_pc .lang li { float:left;  margin:0 4px; }
#header_pc .g_sns { width:65px; border-left:1px solid #c7c7c7; position:absolute; top:0; right:0; }
#header_pc .g_sns li a { height:50px; border-bottom:1px solid #c7c7c7; display:block; box-sizing:border-box; }
#header_pc .g_sns li:last-child a { border-bottom:none; }
#header_pc .g_sns img { margin:15px 0 0; }

#header_sp { display:none; }

#header_pc .g_menu li:last-child { display:none; }
#header_pc .g_menu .child li:last-child { display:block; }


/* main */
#main { position: relative; width:100%; padding:100px 0 0; background: #fff; }
video { width:100%; }


/* layer */
.lay { width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity: 0.6; z-index:10000; display:none;  }


/* footer */
footer { background:#af9453; color:#fff; text-align:left; padding:0 0 40px; }
footer a { color:#fff !important; }
footer .inner { width:1080px; margin:0 auto; padding:220px 0 0; position:relative; }
footer .f_logo { position:absolute; top:-90px; left:50%; margin:0 0 0 -135px; }
footer .tel a { font-size:20px; letter-spacing:0.4em; text-decoration:none; position:absolute; top:70px; left:90px; border-bottom:3px solid #fff; padding:0 0 0 30px; }
footer .tel .ico_tel { position:absolute; top:8px; left:0; }
footer .mail a { font-size:20px; letter-spacing:0.4em; text-decoration:none; position:absolute; top:70px; left:720px; border-bottom:3px solid #fff; padding:0 0 0 38px; }
footer .mail .ico_mail { position:absolute; top:12px; left:0; }
footer .address { color:#fff; text-align:center; padding:230px 0 10px; }
footer .copy { color:#fff; text-align:center; }
footer .f_menu { position:relative; letter-spacing:0.12em; font-family:'Josefin Sans'; }
footer .f_menu ul li { margin:0 0 20px; }
footer .f_menu span { font-weight: 400; }
footer .f_menu .f_menu01 { position:absolute; top:0; left:0; }
footer .f_menu .f_menu02 { position:absolute; top:0; left:180px; }
footer .f_menu .f_menu03 { position:absolute; top:0; left:415px; }
footer .f_menu .f_menu04 { position:absolute; top:0; left:730px; }
footer .f_menu .f_menu05 { position:absolute; top:0; left:900px; }
footer .f_menu .sub { font-size:12px; margin:15px 0 0 10px; }
footer .f_menu .sub li { margin:0 0 5px !important; }


/* common_sns */
#common_sns { padding:0 0 170px; }
#common_sns ul { font-size: 0; text-align:center; }
#common_sns ul li { display: inline-block; padding: 0 25px; }
.bg_white { background:#fff !important; padding:50px 0 170px !important; }


/* pagetop */
#gotop { position: fixed; right:0; bottom: 0; padding-bottom:0; z-index:900; }
	
		 
/* main */
#main_vis { padding:70px 0 0 0; position:relative; z-index:800; }
#main_vis img { width:100%; }

/* banner */
/*.banner-area { margin:0; position:absolute; bottom:0; width:100%; height: auto; background:url(../../images/bg03.png) repeat center;   }
.banner {   }
.banner ul {  }
.banner li { 
  width: 25%;
  float: left;
  list-style: none;
  } 
.banner li a { padding:20px 8px; display: block } */


/* 汎用性があるstyle */
.sec { max-width:1080px; min-width:980px; margin:0 auto; padding:0 80px; position:relative; }
.btn_more a { background:#af9453; display:block; text-align:center; color:#fff; font-size:16px; letter-spacing:0.2em; text-decoration:none; height:50px; padding:20px 0 0; position:relative; font-family:'nobel-bookregular'; } 
.btn_more .arw { position:absolute; top:50%; right:30px; margin:-11px 0 0; }
.btn_small a {  background:#af9453; color:#fff; font-size:12px; letter-spacing:0.2em; text-decoration:none; text-align:center;  width:190px; padding:11px 0 9px; position:absolute; bottom:0; right:0; display:block; font-family:'nobel-bookregular'; }
.btn_small .arw { position:absolute; top:50%; right:10px; margin:-6px 0 0; }
.lesson_style { margin:20px 0 60px; }
.lesson_style li { margin:0 0 1px; }
.lesson_style li a { background:#000; color:#af9453; font-size:16px; letter-spacing:0.3em; padding:20px 30px; text-decoration:none; display:block; position:relative; font-family:'nobel-bookregular'; }
.lesson_style .ar { position:absolute; bottom:0; right:0; }
.class_list li { margin:0 0 30px; position:relative; }
.class_list .pic { width:540px; float:left; margin:0 50px 0 0; }
.class_list h4 { color:#de7d6e; font-size:24px; letter-spacing:0.2em; }
.pc_none { display:none; }
.sp_none { display:block; }


/* contents */
#contents { width:100%; margin:0 auto; text-align:left; position: relative; }


/* top */
#top { width:100%; margin:0 auto; }
#top .intro { text-align:center; padding:50px 0 80px; background:#fff; }
#top .intro h2 { color:#887341; font-size:30px; letter-spacing:0.2em; line-height:1.8em; margin:0 0 20px; }
#top .intro .read { font-size:18px; letter-spacing:0.1em; text-align:center; }
#top .intro img { margin:40px 0 0; }
#top .intro h3 { color:#887341; font-size:24px; letter-spacing:0.2em; margin:40px 0 20px; }
#top .intro p { text-align:left; }

#top .kodawari { padding:0 0 60px; background:#fff; }
#top .kodawari h3 { color:#887341; font-size:28px; letter-spacing:0.2em; margin:0 0 30px; text-align:center; }
#top .kodawari h4 { color:#887341; font-size:20px; letter-spacing:0.2em; margin:0 0 15px; }
#top .kodawari ul li { margin:0 0 60px; }
#top .kodawari .pic { width:430px; float:left; margin:0 50px 0 0; position:relative;  }
#top .kodawari .pic .point { position:absolute; top:-20px; left:-20px; }

#top .block { padding:60px 0 0; }
#top .block h3 { color:#887341; font-size:26px; letter-spacing:0.2em; margin:0 0 5px; text-align:center; } 
#top .block .read { font-size:18px !important; letter-spacing:0.1em; margin:0 0 20px; text-align:center; }

#top .past_work { margin:0 0 70px; }
#top .past_work ul li { background:#fff; padding:30px; margin:0 0 20px; }
#top .past_work .pic { width:380px; float:right; margin:0 0 0 60px; }
#top .past_work h4 { font-size:18px; letter-spacing:0.2em; margin:0 0 10px; padding:0 0 0 28px; position:relative; }
#top .past_work h4 .circle { position:absolute; top:8px; left:0; }

#top .cooking_classes { margin:0 0 100px; }
#top .cooking_classes p span { color:#887341; font-size:16px; }
#top .clm2 .box { background:#fff; height:700px; padding:20px 30px; position:relative; }
#top .clm2 { margin:0 0 100px -20px; }
#top .clm2 li { width:50%; float:left; }
#top .clm2 li .inner { margin:0 0 0 20px; }
#top .clm2 h4 { font-size:20px; letter-spacing:0.2em; text-align:center; margin:0 0 5px; }
#top .clm2 .pic { margin:0 0 15px; }

#top .customers_voice { margin:0 0 80px; }
#top .customers_voice ul { padding:0 0 80px; }
#top .customers_voice ul li { width:33.333%; float:left; margin:30px 0 0; }
#top .customers_voice ul li img { -moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg); }
#top .customers_voice .btn_small a { position:absolute; bottom:0; right:80px; }

#top .instagram h3 { color:#000; margin:0 auto 10px; position:relative; }
#top .instagram h3 .ico_insta { position:absolute; top:9px; left:50%; margin:0 0 0 -140px; }



/* 下層ページ 汎用性があるstyle */
.contents_inner { width:1080px; margin:0 auto 100px; padding:170px 0 0 0; }
.contents_inner h2.big_tit { font-size:36px; letter-spacing:0.2em; text-align:center; }
.contents_inner .tit { margin:0 0 20px; position:relative; text-align:center; }
.contents_inner .tit h3 { font-size:22px; letter-spacing:0.12em; text-align:center; background:#f7f4ed; display:inline-block; padding:0 20px; position:relative; z-index:200; }
.contents_inner .tit .line { width:100%; height:2px; background:#000; position:absolute; top:50%; left:0; z-index:100; }
.contents_inner .read { font-size:18px; letter-spacing:0.2em; text-align:center; margin:0 0 20px; }


/* about_us */
#about_us {}
#about_us .sec01 { margin:40px 0 0; }
#about_us .sec01 img { margin:20px 0 0; }
#about_us .sec01 h2 { color:#887341; font-size:30px; letter-spacing:0.2em; text-align:center; margin:0 0 20px; }
#about_us .sec01 .read { font-size:18px; letter-spacing:0.1em; text-align:center; }
#about_us .sec01 h3 { color:#887341; font-size:24px; letter-spacing:0.2em; text-align:center; margin:40px 0 20px; }
#about_us .sec02 { margin:60px 0 0; }
#about_us .sec02 h3 { color:#887341; font-size:28px; letter-spacing:0.2em; text-align:center; margin:0 0 30px; }
#about_us .sec02 ul li { margin:0 0 50px; }
#about_us .sec02 ul li h4 { color:#887341; font-size:18px; letter-spacing:0.2em; margin:30px 0 10px; }
#about_us .sec02 .pic { position:relative; }
#about_us .sec02 .point { position:absolute; bottom:-20px; left:20px; }
#about_us .sub_pic { margin:30px 0 0 -40px; }
#about_us .sub_pic li { width:50%; float:left; margin:0 !important; }
#about_us .sub_pic li .inner { margin:0 0 0 40px; }


/* our_kitchen */
#our_kitchen {}
#our_kitchen .sec01 { margin:60px 0 0; }
#our_kitchen p { margin:40px 0 0; }
#our_kitchen p span { font-weight:600; }
#our_kitchen ul { margin:40px 0 0 -40px; }
#our_kitchen ul li { width:50%; float:left; margin:0 0 40px; }
#our_kitchen ul li .inner { margin:0 0 0 40px; }


/* access */
#access {}
#access .sec01 { margin:40px 0 0; }
#access .sec01 .map { margin:0 0 40px; }
#access .sec02 { margin:80px 0 0; }


/* past_work */
#past_work {}
#past_work .sec01 { margin:40px 0 0; }
#past_work ul { margin:20px 0 0; }
#past_work ul li { background:#fff; padding:30px; margin:0 0 20px; position:relative; }
#past_work .pic { width:380px; float:right; margin:0 0 0 60px; }
#past_work h3 { font-size:18px; letter-spacing:0.2em; margin:0 0 10px; padding:0 0 0 28px; position:relative; }
#past_work h3 .circle { position:absolute; top:8px; left:0; }
#past_work .txt_03 { padding:0 620px 0 0; }
#past_work .pic_sub { position:absolute; bottom:30px; right:450px; }


/* recruit */
#recruit {}
#recruit .sec01 { margin:40px 0 0; }
#recruit .sec01 p { margin:30px 0; }
#recruit .sec01 ul { list-style-type:disc; margin:0 0 0 20px; }
#recruit .sec01 .list01 li { font-weight:600; }
#recruit .sec01 .list01 li span { font-size:13px; font-weight:normal; display:inline-block; }
#recruit .sec02 { margin:80px 0 0; }
#recruit .sec02 ul { list-style-type:disc; margin:0 0 30px 20px;}


/* cooking_classes */
#cooking_classes {}
#cooking_classes .sec01 { margin:40px 0 0; }
#cooking_classes .sec01 .read { color:#887341; }
#cooking_classes .sec02 { margin:70px 0 80px; }
#cooking_classes .lesson_style { margin:20px 0 0; }
#cooking_classes .class_list { margin:20px 0 0; }
#cooking_classes .sec04 { margin:80px 0 0; }
#cooking_classes .other_class { margin:100px 0 0 -40px; }
#cooking_classes .other_class li { width:50%; float:left; margin:0 0 40px; position:relative; }
#cooking_classes .other_class li .inner { border-bottom:5px solid #000; margin:0 0 0 40px; padding:0; }
#cooking_classes .other_class li h4 { font-size:17px !important; letter-spacing:0.1em; }
#cooking_classes .other_class .btn_small a { position:absolute; bottom:5px; right:0; width:160px; }
#cooking_classes .sec05 { margin:60px 0 0; }
#cooking_classes .sec05 h4 { color:#000; font-size:18px; }
#cooking_classes #class_idx {padding-top: 120px; margin-top: -120px; }



/* all_menu */
#all_menu {}
#all_menu .sec01 { margin:60px 0 0; }
#all_menu .menu_list { margin:0 0 30px -30px; }
#all_menu .menu_list li { width:33.333%; float:left; margin:0 0 30px; }
#all_menu .menu_list li .inner { margin:0 0 0 30px; }
#all_menu .menu_list li span { font-weight:600; margin:10px 0 0; display:inline-block; }
#all_menu .menu_list li .mark { text-align:right; }
#all_menu .menu_list li .mark img { margin:0 5px 0 0; }
#all_menu .mark_list li { margin:0 0 10px; position:relative; }
#all_menu .mark_list li img { position:absolute; top:-1px; left:0; }
#all_menu .mark_list li span { font-weight:600; padding:0 0 0 40px; }


/* class */
#class { background:#fff; padding:50px 40px 10px; }
#class .sec01 { margin:30px 0 0; }
#class .sec01 .pic { text-align:center; padding:0 150px; }
#class .outline { margin:20px 0 50px; }
#class .detail { position:relative; }
#class .detail_pic { float:right; width:25%; }
#class .detail_pic ul li { margin:0 0 20px; }
#class .detail_txt { float:left; width:74%; }
#class .detail_txt li { margin:0 0 20px; }
#class .detail_txt li h4 { color:#887341; font-size:14px; font-weight:600; line-height:1.2em; letter-spacing:0.2em; border-bottom:2px solid #887341; display:inline-block; margin:0 0 20px; }
#class .detail_txt li p { font-size:13px; }
#class .detail .detail_list li { font-size:13px; margin:0 0 0 20px !important; list-style-type:disc; }
#class .sec02 { margin:80px 0 0; }
#class h3 { background:#fff; }


/* lesson_style */
#lesson_style { background:#fff; padding:50px 40px 60px; }
#lesson_style .sec01 { margin:40px 0 0; }
#lesson_style .sec01 .outline { font-size:16px; font-weight:600; margin:40px 0 50px; }
#lesson_style .sec02 { margin:80px 0 0; }
#lesson_style .sec03 { margin:80px 0 0; }
#lesson_style .sec03 ul li span { font-weight:600; }
#lesson_style .sec04 { margin:80px 0 0; }
#lesson_style .sec04 .menu_list { margin:0 0 20px; } 
#lesson_style .sec04 .menu { font-weight:600; }
#lesson_style .sec04 .price { font-size:16px;  }
#lesson_style .sec04 .option h4 { color:#887341; font-size:16px; line-height:1.4em; letter-spacing:0.2em; border-bottom:2px solid #887341; display:inline-block; }
#lesson_style .sec04 .notes h4 { color:#fa573c; font-size:16px; letter-spacing:0.2em; font-weight:600; font-family:'nobel-bookitalicregular'; margin:20px 0 0; }
#lesson_style .sec04 .notes span { font-weight:600; }
#lesson_style .sec04 .private_menu li { float:left; padding:0 30px 0 0; }
#lesson_style .sec05 { margin:80px 0 0; }
#lesson_style .sec06 { margin:80px 0 0; }
#lesson_style .sec06 ol { list-style-type:decimal; padding:0 0 0 20px; margin:0 0 30px; }
#lesson_style .list_disc { list-style-type:disc; margin:0 0 0 20px; }
#lesson_style h3 { background:#fff; }


/* customers_voice */
#customers_voice {}
#customers_voice .sec01 { margin:30px 0 0; }
#customers_voice ul { padding:0 0 80px; }
#customers_voice ul li { width:33.333%; float:left; margin:30px 0 0; }
#customers_voice ul li img { -moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg); }


/* about_teacher */
#about_teacher {}
#about_teacher .sec01 { margin:60px 0 0; }
#about_teacher .sec01 .pic { width:35%; float:left; }
#about_teacher .sec01 .profile { width:65%; float:left; }
#about_teacher .sec01 .profile .name { font-size:20px; margin:0 0 30px; padding:0 0 0 50px; }
#about_teacher .sec01 .profile .name span { font-size:16px; }
#about_teacher .sec01 .profile p { padding:0 0 0 50px; }
#about_teacher .sec01 ul { font-weight:600; list-style-type:disc; margin:20px 0 20px 20px; }
#about_teacher h4 { color:#887341; font-size:18px; line-height:1.4em; letter-spacing:0.2em; border-bottom:2px solid #887341; display:inline-block; margin:60px 0 20px; }
#about_teacher .sec02 { margin:80px 0 0; }


/* mice */
#mice {}
#mice .sec01 { margin:40px 0 0; }
#mice .sec01 .pic { margin:0 50px 0 0; float:left; width:50%}
#mice .sec01  .read { text-align:left; }
#mice .sec02 { margin:80px 0 0; }
#mice h3 { font-size:22px; letter-spacing:0.12em; text-align:center; margin:0 0 30px; }
#mice ul li { margin:0 0 40px; }
#mice ul li h4 { color:#887341; font-size:18px; line-height:1.4em; letter-spacing:0.2em; border-bottom:2px solid #887341; display:inline-block; margin:0 0 20px; }
#mice ul li span { font-weight:600; }


/* faq */
#faq {}
#faq .sec01 { margin:60px 0 0; }
#faq ul li { margin:0 0 40px; }
#faq ul li .q { color:#887341; font-size:16px; font-weight:600; font-family:'Montserrat'; letter-spacing:0.1em; border-bottom:2px solid #887341; margin:0 0 10px; padding:0 0 5px 35px; position:relative; }
#faq ul li .q span { color:#fa573c; font-size:28px; font-family:'nobel-bookregular'; display:block; position:absolute; top:-13px; left:0; }
#faq ul li .a span { font-weight:600; }


/* company */
#company {}
#company .sec01 { margin:60px 0 0; }
#company table { margin:0 0 60px; background:#fff; }
#company th { width:20%; color:#fff; font-weight:600; padding:20px 0; background:#af9453; border-bottom:1px solid #f7f4ed; text-align:center; }
#company td { width:80%; padding:20px 40px; border-bottom:1px solid #f7f4ed; }


/* policy */
#policy {}
#policy .sec01 { margin:60px 0 0; }
#policy .sec01 p { margin:0 0 40px; }
#policy .sec01 ol { list-style-type:decimal; margin:0 0 0 20px;  }
#policy .sec01 ol li { font-weight:bold; margin:0 0 30px; }
#policy .sec01 ul { list-style-type:disc; margin:0 0 0 20px; }
#policy .sec01 ul li { font-weight:normal; margin:0; }
#policy .sec01 span { font-weight:normal; }
#policy .sec01 span.red { color:#fa573c; font-weight:bold; }


/* contact */
#contact {}
#contact .sec01 { margin:60px 0 0; }


/* entry */
#entry { padding: 20px 0 0; width:1080px; margin:0 auto; }
.entry-content p { font-size: 14px !important }
.entry-footer-meta { padding: 20px 10px !important; background-color: #bbb4b0 !important } 





@media screen and (max-width: 780px) {
	
body { font-size:13px; line-height: 1.8; letter-spacing: 0.04em; -webkit-text-size-adjust: none; }
a {color:#fff; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }


/* header_sp */
#header_sp { width:100%; background:#fff; height:60px; display:block; z-index:200000; position:fixed; border-bottom:1px solid #c7c7c7; box-sizing:border-box; }
#header_sp h1 { position:absolute; top:18px; left:10px; }
#header_sp h1 img { height:30px; }
#header_sp .dl-trigger img { height:30px; }
#header_sp .lang { position:absolute; top:15px; right:60px; }
#header_sp .lang li { float:left;  margin:0 4px; }
#header_sp .g_sns li { width:50%; float:left; padding:5px 0; border-right:1px solid #af9453; box-sizing:border-box;border-bottom:none !important; }
#header_sp .g_sns li:last-child { border-right:none; }
#header_pc { display:none; }


/* main */
#main { padding:60px 0 0 0; }


/* footer */
footer { padding:0 0 20px; }
footer .inner { width:auto; margin:0 20px; padding:220px 0 0; }
footer .f_logo { top:-45px; left:50%; margin:0 0 0 -70px; height:140px; }
footer .tel a { font-size:16px; letter-spacing:0.3em; top:110px; left:50%; margin:0 0 0 -105px; border-bottom:2px solid #fff; }
footer .tel .ico_tel { top:2px; left:0; }
footer .mail a { font-size:16px; letter-spacing:0.3em; top:155px; left:50%; margin:0 0 0 -100px; border-bottom:2px solid #fff; }
footer .mail .ico_mail { top:6px; left:0; }
footer .address { font-size:10px; padding:0 0 10px; }
footer .copy { font-size:10px; }
footer .f_menu { font-size:12px; letter-spacing:0.2em; margin:0 0 20px; }
footer .f_menu ul li { margin:0 0 30px; }
footer .f_menu .f_menu01 { position:static; margin:0 0 20px; }
footer .f_menu .f_menu02 { position:static; margin:0 0 20px; }
footer .f_menu .f_menu03 { position:static; margin:0 0 20px; }
footer .f_menu .f_menu04 { position:static; margin:0 0 20px; }
footer .f_menu .f_menu05 { position:static; margin:0 0 20px; }
footer .f_menu .sub { font-size:11px; margin:10px 0 0 12px; }
footer .f_menu .sub li { margin:0 0 10px !important; text-indent:-12px; }
.sp_l { width:50%; float:left; }
.sp_l_inner { margin:0 10px 0 0; }
.sp_r { width:50%; float:left; }
.sp_r_inner { margin:0 0 0 10px; }


/* common_sns */
#common_sns { padding:0 0 80px; }
#common_sns ul li { padding: 0 15px; }
#common_sns .ico img { height:40px; }
.bg_white { padding:30px 0 80px !important; }


/* pagetop */
#gotop { position: fixed; right:0; bottom: 0px; z-index:900; }
#gotop img { height: 55px }
	

/* 汎用性があるstyle */
.sec { max-width:auto; min-width:auto; padding:0 20px; }
.btn_more a { font-size:13px; letter-spacing:0.2em; height:35px; padding:15px 0 0;  } 
.btn_more .arw { position:absolute; top:50%; right:20px; margin:-8px 0 0; height:16px; }
.lesson_style { margin:10px 0 30px; }
.lesson_style li a { font-size:14px; letter-spacing:0.2em; padding:20px 15px; }
.class_list li { margin:0 0 30px; position:relative; }
.class_list .pic { width:100%; margin:0 0 10px; }
.class_list h4 { font-size:18px !important; }
.pc_none { display:block; }
.sp_none { display:none; }



/* contents */
#contents { padding:0; }


/* top */
#top { width:100%; margin:0 auto; }

#top .intro { padding:30px 0 40px; }
#top .intro h2 { font-size:18px; line-height:1.6em; margin:0 0 15px; }
#top .intro .read { font-size:14px; letter-spacing:0.1em; text-align:left; }
#top .intro img { margin:20px 0 0; }
#top .intro h3 {font-size:16px; margin:20px 0 10px; }

#top .kodawari { padding:0 0 40px; }
#top .kodawari h3 { font-size:17px; margin:0 0 20px; }
#top .kodawari h4 { font-size:15px; margin:0 0 5px; }
#top .kodawari ul li { margin:0 0 30px; }
#top .kodawari .pic { width:auto; margin:0 0 15px; }
#top .kodawari .pic .point { top:-15px; left:-15px; height:80px; }

#top .block {  padding:40px 0 0; }
#top .block h3 { font-size:18px; } 
#top .block .read { font-size:14px !important; margin:0 0 20px; }

#top .past_work { margin:0 0 50px; }
#top .past_work ul li { padding:20px; margin:0 0 20px; }
#top .past_work .pic { width:100%; float:none; margin:0 0 15px; }
#top .past_work h4 { font-size:16px; margin:0 0 5px; padding:0 0 0 24px; }
#top .past_work h4 .circle { position:absolute; top:7px; left:0; height:14px; }

#top .cooking_classes { margin:0 0 50px; }
#top .cooking_classes p span { font-size:14px; }
#top .cooking_classes .lesson_style { margin:10px 0 30px; }
#top .cooking_classes .class_list li { margin:0 0 30px;  }
#top .cooking_classes .class_list .pic { width:auto; margin:0 0 15px; }
#top .cooking_classes .class_list h4 { font-size:16px; }
#top .cooking_classes .class_list p { padding:0 0 70px; }

#top .clm2 .box { height:auto; padding:10px 20px; }
#top .clm2 { margin:0 0 30px 0; }
#top .clm2 li { width:100%; margin:0 0 20px; }
#top .clm2 li .inner { margin:0; }
#top .clm2 h4 { font-size:16px; letter-spacing:0.2em; margin:0 0 5px; }
#top .clm2 p { padding:0 0 80px; }

#top .customers_voice { margin:0 0 50px; }
#top .customers_voice ul { padding:10px 0 60px; }
#top .customers_voice ul li { width:50%; margin:0 0 10px; }
#top .customers_voice .btn_small a { position:absolute; bottom:0; right:20px; }

#top .instagram h3 { margin:0 auto 5px; }
#top .instagram h3 .ico_insta { top:4px; left:50%; margin:0 0 0 -95px; height:18px; }



/* 下層ページ 汎用性があるstyle */
.contents_inner { width:auto; margin:0 auto 50px; padding:90px 20px 0; }
.contents_inner h2.big_tit { font-size:20px; }
.contents_inner .tit { margin:0 0 10px; }
.contents_inner .tit h3 { font-size:17px; padding:0 10px; }
.contents_inner .read { font-size:15px; letter-spacing:0.1em; }


/* about_us */
#about_us {}
#about_us .sec01 { margin:20px 0 0; }
#about_us .sec01 img { margin:0; }
#about_us .sec01 h2 { font-size:18px; line-height:1.6em; margin:0 0 15px; }
#about_us .sec01 .read { font-size:14px; letter-spacing:0.1em; text-align:left; }
#about_us .sec01 h3 { font-size:16px; margin:20px 0 10px; }
#about_us .sec02 { margin:30px 0 0; }
#about_us .sec02 h3 { font-size:17px; margin:0 0 20px; }
#about_us .sec02 ul li { margin:0 0 30px; }
#about_us .sec02 ul li h4 { font-size:15px; margin:15px 0 5px; }
#about_us .sec02 .point { top:-15px; left:-15px; height:80px; }
#about_us .sub_pic { margin:10px 0 0 -10px; }
#about_us .sub_pic li .inner { margin:0 0 0 10px; }


/* our_kitchen */
#our_kitchen {}
#our_kitchen .sec01 { margin:30px 0 0; }
#our_kitchen p { margin:20px 0 0; }
#our_kitchen ul { margin:20px 0 0 -10px; }
#our_kitchen ul li { width:50%; float:left; margin:0 0 10px; }
#our_kitchen ul li .inner { margin:0 0 0 10px; }


/* access */
#access {}
#access .sec01 { margin:20px 0 0; }
#access .sec01 .map { margin:0 0 20px; }
#access .sec02 { margin:40px 0 0; }


/* past_work */
#past_work {}
#past_work .sec01 { margin:20px 0 0; }
#past_work ul { margin:20px 0 0; }
#past_work ul li { padding:20px; margin:0 0 20px; position:relative; }
#past_work .pic { width:100%; float:none; margin:0 0 15px; }
#past_work h3 { font-size:16px; letter-spacing:0.2em; margin:0 0 5px; padding:0 0 0 24px; position:relative; }
#past_work h3 .circle { position:absolute; top:7px; left:0; height:14px; }
#past_work .txt_03 { padding:0; }
#past_work .pic_sub { position:static; text-align:center; margin:20px 0 0; padding:0 50px; }
#past_work .pic_sub img { width:100%; }


/* recruit */
#recruit {}
#recruit .sec01 { margin:20px 0 0; }
#recruit .sec01 p { margin:15px 0; }
#recruit .sec01 .list01 li span { font-size:12px; }
#recruit .sec02 { margin:40px 0 0; }
#recruit .sec02 ul { margin:0 0 20px 20px;}


/* cooking_classes */
#cooking_classes {}
#cooking_classes .sec01 { margin:20px 0 0; }
#cooking_classes .sec02 { margin:30px 0 40px; }
#cooking_classes .lesson_style { margin:10px 0 0; }
#cooking_classes .class_list { margin:10px 0 0; }
#cooking_classes .class_list li { margin:0 0 40px; }
#cooking_classes .class_list p { padding:0 0 60px; }
#cooking_classes .sec04 { margin:40px 0 0; }
#cooking_classes .other_class { margin:30px 0 0 0; }
#cooking_classes .other_class li { width:100%; margin:0 0 70px; position:relative; }
#cooking_classes .other_class li .inner { margin:0; }
#cooking_classes .other_class li h4 { font-size:14px !important; }
#cooking_classes .other_class .btn_small a { bottom:-45px; }
#cooking_classes .sec05 { margin:30px 0 0; }
#cooking_classes .sec05 h4 { font-size:15px !important; margin:15px 0 0; }
#cooking_classes .sec05 p { margin:5px 0 20px; }
#cooking_classes #class_idx {padding-top: 70px; margin-top: -70px; }


/* all_menu */
#all_menu {}
#all_menu .sec01 { margin:30px 0 0; }
#all_menu .menu_list { margin:0 0 10px -10px; }
#all_menu .menu_list li { width:50%; margin:0 0 20px; }
#all_menu .menu_list li .inner { margin:0 0 0 10px; }
#all_menu .menu_list li span { font-size:11px; margin:5px 0 0; }
#all_menu .menu_list li .mark img { height:20px; margin:0 3px 0 0; }
#all_menu .mark_list li { margin:0 0 10px; }
#all_menu .mark_list li img { position:absolute; top:3px; left:0; height:20px; }
#all_menu .mark_list li span { font-size:10px; padding:0 0 0 25px; }


/* class */
#class { padding:20px 20px 10px; }
#class .sec01 { margin:10px 0 0; }
#class .sec01 .pic { padding:0; }
#class .outline { margin:10px 0 20px; }
#class .detail_pic { float:none; width:100%; margin:30px 0 0; }
#class .detail_pic ul li { margin:0 40px 20px; }
#class .detail_txt { float:none; width:100%; }
#class .detail_txt li { margin:0 0 20px; }
#class .detail_txt li h4 { font-size:14px; margin:0 0 10px; }
#class .sec02 { margin:40px 0 0; }


/* lesson_style */
#lesson_style { padding:20px 20px 30px; }
#lesson_style .sec01 { margin:15px 0 0; }
#lesson_style .sec01 .outline { font-size:13px; margin:10px 0 25px; }
#lesson_style .sec02 { margin:40px 0 0; }
#lesson_style .sec03 { margin:40px 0 0; }
#lesson_style .sec03 .mb10 { margin-bottom:5px !important; }
#lesson_style .sec04 { margin:40px 0 0; }
#lesson_style .sec04 .menu_list { margin:0 0 20px; } 
#lesson_style .sec04 .menu { font-weight:600; }
#lesson_style .sec04 .price { font-size:12px; }
#lesson_style .sec04 .option h4 { font-size:14px; margin:0 0 5px; }
#lesson_style .sec04 .notes h4 { font-size:14px; margin:15px 0 0; }
#lesson_style .sec04 .private_menu { margin:15px 0 !important; }
#lesson_style .sec04 .private_menu li { float:none; padding:0; }
#lesson_style .sec05 { margin:40px 0 0; }
#lesson_style .sec06 { margin:40px 0 0; }
#lesson_style .sec06 ol { margin:0 0 20px; }


/* customers_voice */
#customers_voice {}
#customers_voice .sec01 { margin:10px 0 0; }
#customers_voice ul { padding:0 0 40px; }
#customers_voice ul li { width:50%; margin:10px 0 0; }


/* about_teacher */
#about_teacher {}
#about_teacher .sec01 { margin:30px 0 0; }
#about_teacher .sec01 .pic { width:100%; float:left; margin:0 0 20px; }
#about_teacher .sec01 .profile { width:100%; float:left; }
#about_teacher .sec01 .profile .name { font-size:18px; margin:0 0 10px; padding:0; line-height:1.4em; }
#about_teacher .sec01 .profile .name span { font-size:15px; }
#about_teacher .sec01 .profile p { padding:0; }
#about_teacher .sec01 ul { margin:10px 0 10px 20px; }
#about_teacher h4 { font-size:16px; margin:30px 0 15px; }
#about_teacher .sec02 { margin:40px 0 0; }


/* mice */
#mice {}
#mice .sec01 { margin:20px 0 0; }
#mice .sec01 .pic { margin:0 0 15px; width:100%; }
#mice .sec01 .read { margin:0 0 5px !important; }
#mice .sec02 { margin:40px 0 0; }
#mice h3 { font-size:17px; margin:0 0 20px; }
#mice ul li { margin:0 0 30px; }
#mice ul li h4 { font-size:16px; margin:0 0 15px; }


/* faq */
#faq {}
#faq .sec01 { margin:30px 0 0; }
#faq ul li { margin:0 0 30px; }
#faq ul li .q { font-size:14px; letter-spacing:0.1em; padding:0 0 5px 30px; }
#faq ul li .q span { font-size:24px; top:-10px; left:0; }


/* company */
#company {}
#company .sec01 { margin:30px 0 0; }
#company table { margin:0 0 40px; }
#company th { padding:10px 0; display:inline-block; width:100%; }
#company td { padding:20px; display:inline-block; width:auto; }
#company .sec01 .mb10 { margin-bottom:5px !important; }


/* policy */
#policy {}
#policy .sec01 { margin:30px 0 0; }
#policy .sec01 p { margin:0 0 20px; }
#policy .sec01 ol { margin:0 0 0 20px;  }
#policy .sec01 ol li { margin:0 0 15px; }
#policy .sec01 ul { margin:0; }


/* contact */
#contact {}
#contact .sec01 { margin:30px 0 0; }






/* entry */
#entry { width:100%; padding:0 0 30px 0; }

.content-area { padding: 0 10px }
.sidebar-area { padding: 0 10px }
.entry-content img { width: 100%; height: auto }
.entry-title { font-size: 18px !important }
.entry-content p { font-size: 12px !important }
}




@media screen and (max-width: 320px) {
	
.btn_small a { font-size:11px; width:160px; }
.btn_more a { font-size:11px; letter-spacing:0.2em; height:35px; padding:15px 0 0;  } 
.btn_more .arw { right:10px; margin:-8px 0 0; height:16px; }

	
/* footer */
footer .address { font-size:10px; letter-spacing:0.2em; }
footer .f_menu { font-size:11px; letter-spacing:0.1em; margin:0 0 20px; }
footer .f_menu .sub { font-size:10px; margin:10px 0 0 12px; }

	
/* top */
#top .intro h2 { font-size:18px; letter-spacing:0.2em; line-height:1.6em; margin:0 0 15px; }
#top .intro h3 {font-size:15px; letter-spacing:0.2em; margin:20px 0 10px; }	
#top .kodawari h3 { font-size:16px; margin:0 0 20px; }
#top .clm2 h4 { font-size:15px; letter-spacing:0.1em; text-align:left; }
}