@charset "UTF-8";

html {
  overflow-y: scroll;
}

body {

  background-color: white;
  color: black;
  font-size: 12px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  min-width: 1200px;
}

footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
h2 img { line-height:0;}

table {
  border-collapse: collapse;
}

th,
td {
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}

li {
  list-style: none;
}

img {
  border: none;
  vertical-align: top;
}

a {
  text-decoration: none;
/*  color: black;*/
}

a:visited {
  color: black;
}

a:hover {
  text-decoration: underline;
/*  color: black;*/
 color:#F2528D;
}

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

a:hover img{
  opacity: 0.8;
}
.notice_color{
  color:#F2528D;
}



/*=====================================================
	Header
=====================================================*/

#headerBar {
  min-width: 680px;
  padding: 4px 10px;
  background: #FFF;
  font-size: 10px;
  color: #000;
}
#headerBar h1{
/*  width: 1200px;*/
/*  margin: 0 auto;*/
}


#headerBar:after {
  content: "";
  display: block;
  clear: both;
}

/*=====================================================
	Container
=====================================================*/

#container {
  width: 1200px;
  margin: 0 auto;

}

#header{

/*  padding: 18px 0 16px;*/
}


#header:after {
  content: "";
  display: block;
  clear: both;
}

#header .logo02 {

  width: 121px;
  margin: 0px auto 60px auto;
  display: block;
  clear: both;
}
#header .logo{

  width: 600px;
  margin: 0 auto;
  display: block;
  clear: both;
}


#header #toggle {
  display: none;
}



#header nav ul  {
  width:1200px;
  margin:20px auto;
/*  margin: 20px 0 0 20px;*/
}


#wrapper #gnav{
/*  width: 1200px;*/
  margin-bottom: 40px;
}

#insta_head {
    display: none;
}

#youtube_head {
    display: none;
}

#header nav ul li {
    float: left;
  margin:0 5px;
  padding-left:22px;
/*  border-left: 2px dotted #4AAF63;*/
  background-repeat: no-repeat;
  background-position: center left;
}

#header nav ul li span{
display:none;
}


#header nav ul li a {
  display: block;
  overflow: hidden;
  height: 0;
  padding-top: 30px;

}
 
.nav01 { 
display:none;
  width: 58px;
  background-image: url(../img/home1.gif);
}
.nav01:hover {
display:none;
  background-image: url(../img/home2.gif);
}
 
.nav02 { 
  width: 80px;
  background-image: url(../img/profile1.gif);
}
.nav02:hover {
  background-image: url(../img/profile2.gif);
}
.nav03 { 
  width: 135px;
  background-image: url(../img/shigoto1.gif);
}

.nav03:hover {
  background-image: url(../img/shigoto2.gif);
}
.nav04 { 
  width: 140px;
  background-image: url(../img/lesson1.gif);
}
.nav04:hover {
  background-image: url(../img/lesson2.gif);
}

.nav05 { 
  width: 53px;
  background-image: url(../img/reserve1.gif);
}
.nav05:hover {
  background-image: url(../img/reserve2.gif);
}

.nav06 { 
  width: 115px;
  background-image: url(../img/schedule1.gif);
}
.nav06:hover {
  background-image: url(../img/schedule2.gif);
}

.nav07 { 
  width: 50px;
  background-image: url(../img/blog1.gif);
}
.nav07:hover {
  background-image: url(../img/blog2.gif);
}

.nav08 { 
  width: 56px;
  background-image: url(../img/recipe1.gif);
}
.nav08:hover {
  background-image: url(../img/recipe2.gif);
}

.nav09 { 
  width: 125px;
  background-image: url(../img/mailmagazine1.gif);
}
.nav09:hover {
  background-image: url(../img/mailmagazine2.gif);
}

.nav10 { 
  width: 88px;
  background-image: url(../img/otoiawase1.gif);
}
.nav10:hover {
  background-image: url(../img/otoiawase2.gif);
}

/*=====================================================
	work_list
=====================================================*/

#works_list{
  width:1000px;
  margin:10px auto;	
  clear: both;
}	
/*テストstart*/
#works_list div.travel_comment p{
    width:950px;
  margin:10px auto;
  font-size:14px;
  color:#666666;
}


#works_list .travel_list_box0 div,
#works_list .travel_list_box div{
    display:table;
    width:700px;
    margin:20px 0px;
    padding:10px 10px;
  border-top: 1px solid #C8C8C8;
/*
  border-left: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
*/
}

#works_list .travel_list_box div.date,
#works_list .travel_list_box0 div.date{
    display:table-cell; 
    width:18%;

}

#works_list .travel_list_box div.work_cont,
#works_list .travel_list_box0 div.work_cont{
    display:table-cell; 
}
#works_list .travel_list_box0 div.food,
#works_list .travel_list_box div.food{
    display:table-cell; 
    width:35%;
}	
#works_list .travel_list_box0 p.title,
#works_list .travel_list_box p.title{
  color:#FF80A0;
  font-weight: bold;
}





#works_list p.notice_text{
  font-size:16px;
  color:#FF80A0;
  font-weight: bold;
 margin:20px 0 20px 0;
}
#works_list .travel_list_box .food span{
  color:#FF80A0;

}


.bgtravel2{
  background-color: #F9F9F9;
}


#works_list .travel_list_box0 div.date2{
    display:table-cell; 
/*    width:23%;*/
}
#works_list .travel_list_box0 div.work_cont2{
    display:table-cell; 
/*    width:27%;*/
}
#works_list .travel_list_box0 div.hotel{
    display:table-cell; 
/*    width:18%;*/
}
#works_list .travel_list_box0 div.flight{
    display:table-cell; 
/*    width:20%;*/
}

#works_list .travel_list_box div.date2{
    display:table-cell; 
/*    width:23%;*/
}
#works_list .travel_list_box div.date2 span{
display:none;
}
#works_list .travel_list_box div.work_cont2{
    display:table-cell; 
/*    width:27%;*/
}
#works_list .travel_list_box div.hotel{
    display:table-cell; 
/*    width:18%;*/
}
#works_list .travel_list_box div.flight{
    display:table-cell; 
/*    width:20%;*/
}

#travel_list{
  width:1050px;
  margin:10px auto;
  clear: both;
}
#travel_list div{
  margin:10px 10px;	
}
#travel_list .travel_list_notice{
width:320px;
float:left;
}

#travel_list .travel_list_notice h3{
  margin:10px 0 10px 0;
  font-weight: bold;
/*  background: #33CC66;*/
  color:#4AAF63;
/*  color:#666666;*/
  font-size:16px;
  border-bottom: 1px solid #4AAF63;
}

#travel_list .travel_list_notice p{
  padding:1px;
  color:#666666;

}
#travel_list .travel_list_notice ul li{
  margin:1px 0;
  background:url(../img/green_circle2.gif) no-repeat;
  padding-left:25px;
  font-size:14px;
  color:#666666;
}


/*テストend*/
#works_list .work_list_box div{
    display:table;
    width:700px;
    margin:20px 0px;
    padding:10px 10px;
  border-bottom: 1px solid #C8C8C8;
}
#works_list .work_list_box div.date{
    display:table-cell; 
/*    padding:0 10px;*/
/*    margin-left:20px;*/
    width:22%;
}
#works_list .work_list_box div.work_title{
    display:table-cell; 
    width:30%;
}
#works_list .work_list_box div.work_cont{
    display:table-cell; 
/*    width:10%;*/
}
#works_list .work_list_box div.work_cont p.work_photo{
    margin:10px 0px;
}


#works_list .date p{

font-size:16px;
  color:#666666;
}
#works_list .work_title p{

font-size:14px;
  color:#FF80A0;
  font-weight: bold;  
}
#works_list .work_title p a{
  color:#FF80A0;
  text-decoration: underline;
}
#works_list .work_title p a:hover{
  text-decoration: none;
}

#works_list .work_cont p{
font-size:14px;
  color:#666666;
}
#works_list .work_cont p a{
  color:#666666;
  text-decoration: underline;
}
#works_list .work_cont p a:hover{
  text-decoration: none;
}
#works_list .food p{
font-size:16px;
  color:#666666;
}

#works_list h2.main_title{
  margin:20px 0 10px 0px;
  font-weight: bold;
/*  background: #33CC66;*/
  color:#4AAF63;
/*  color:#666666;*/
  font-size:16px;
  border-bottom: 1px solid #4AAF63;
}


#works_list ul {
  margin:20px 0px;
}

#works_list ul li {
    float: left;
  margin:30px 10px;
  padding-left:5px;
/*  border-left: 2px dotted #4AAF63;*/
  background-repeat: no-repeat;
  background-position: center left;
}

#works_list ul li a {
  display: block;
  overflow: hidden;
  height: 0;
  padding-top: 30px;

}

.nav_work01 { 
  width: 180px;
  height: 50px;
  background-image: url(../img/shigoto01color.gif);
}
.nav_work01:hover {
  background-image: url(../img/shigoto01color.gif);
}
 
.nav_work02 { 
  width: 180px;
  background-image: url(../img/shigoto02color.gif);
}
.nav_work02:hover {
  background-image: url(../img/shigoto02color.gif);
}

.nav_work03 { 
  width: 180px;
  background-image: url(../img/shigoto03color.gif);
}
.nav_work03:hover {
  background-image: url(../img/shigoto03color.gif);
}

.nav_work04 { 
  width: 180px;
  background-image: url(../img/shigoto04color.gif);
}
.nav_work04:hover {
  background-image: url(../img/shigoto04color.gif);
}

/*=====================================================
	Contents
=====================================================*/

#wrapper #contents{
  width:1100px;
  margin:30px auto;
  clear: both;
}
#wrapper #contents .site_notice2{
  width:800px;
  margin:30px auto;
  padding:5px;
}

#wrapper #contents .site_notice{
  width:800px;
  margin:30px auto;
  padding:5px;
  border-bottom: 1px solid #FF80A0;
  border-top: 1px solid #FF80A0;
  border-left: 1px solid #FF80A0;
  border-right: 1px solid #FF80A0;
}


#wrapper #contents .site_notice p.warning{
 color:#FF80A0;
}
#wrapper #contents .site_notice p{
  margin:5px 0;
}
#wrapper #contents .site_notice a{
  color:#4AAF63;
  text-decoration: underline;
}
#wrapper #contents .flexslider {
  margin: 0px 0px 0 70px;
  margin-bottom: 36px;
  width:630px;
  float:left;
}
#wrapper #contents .profile_box {
  margin: 0px 0px 0 10px;
  width:310px;
  float:left;
}
#wrapper #contents .profile_box h2{
  text-align:center;
  font-size:16px;
  color:#FF80A0;
}

#wrapper #contents .news_box {
  margin: 10px 0px 0 25px;
  width:280px;
  float:left;
}
#wrapper #contents .news_box h2{
  margin: 0px 0px 10px 0px;
  padding: 0px 10px;
  border-bottom: 1px solid #4AAF63;
  background-repeat: no-repeat;
/*  background-position: center left;*/
  font-size:16px;
  color:#4AAF63;
  font-weight: bold;
}
#wrapper #contents .topic{
  margin: 5px 0px;
}

#wrapper #contents .news_box .topic a{
  text-decoration: underline;
}
#wrapper #contents .news_box .topic a:hover{
  text-decoration: none;
}

#wrapper #contents .news_box .date{
  margin: 0px 0px 0px 0px;
  padding: 0px 10px;
  font-size:16px;
  color:#FF80A0;
}
#wrapper #contents .date_issue a,#wrapper #contents .date_issue{
  margin: 0px 0px 10px 0px;
  padding: 0px 10px;
  font-size:12px;
  color:#4AAF63;
  text-decoration: none;  
}
#wrapper #contents .date_issue a:hover{
  text-decoration: underline;  
}


#wrapper #cat_box {
  width:970px;
  margin:30px auto;
  clear: both;
}
#wrapper #cat_box .cat_each{
  width:310px;
  margin:0px 5px;
  float:left;
}
#wrapper #cat_box .cat_each h2{
  text-align:center;
  font-size:16px;
  color:#FF80A0;
}
#wrapper #cat_box .cat_each p{
  padding:10px 10px;
  font-size:14px;
  color:#FF80A0;
}

#wrapper #cat_box .cat_each a:hover{
  color:#FF80A0;
}

#wrapper #cat_box2 {
  width:970px;
  margin:30px auto;
/*  clear: both;*/
}
#wrapper #cat_box2 .blog_box{
  width:310px;
  margin:20px 5px 0 0;
  float:left;
}
#wrapper #cat_box2 .recipe_box{
  width:620px;
  margin:20px 5px 0 0;
  float:left;
}

#wrapper #cat_box2 .blog_box h2{
  margin: 0px 0px 10px 0px;
  padding: 0px 10px;
  border-bottom: 1px solid #4AAF63;
  background-repeat: no-repeat;
  font-size:16px;
  color:#4AAF63;
/*  font-weight: bold;*/
}

#wrapper #cat_box2 .recipe_box h2{
  margin: 0px 0px 10px 0px;
  padding: 0px 10px;
  border-bottom: 1px solid #4AAF63;
  background-repeat: no-repeat;
  font-size:16px;
  color:#4AAF63;
/*  font-weight: bold;*/
}
#wrapper #cat_box2 .recipe_box p{
  margin:5px 0;
  font-size:11px;
  color:#4AAF63;
}
#wrapper #cat_box2 .recipe_box a:hover{
  color:#4AAF63;
}
#wrapper #cat_box2 .recipe_box .recipe_left{
  width:192px;
  margin:0px 0 0 5px;
  float:left;
}
#wrapper #cat_box2 .recipe_box .recipe_left img{
  width:192px;
  height:144px;
}
#wrapper #cat_box2 .recipe_box .recipe_right img{
  width:130px;
  height:97px;
}
#wrapper #cat_box2 .recipe_box .recipe_right{
  width:405px;
  margin:0px 0 0 5px;
  float:left;
}
#wrapper #cat_box2 .recipe_box  .recipe_right_box{
  width:130px;
  margin:0px 0 0 5px;
  float:left;
}

/*=====================================================
	profile
=====================================================*/

#wrapper #contents .profile_left {
  margin: 0px 0px 0 10px;
  width:370px;
  float:left;
}
#wrapper #contents .profile_book {
  margin: 50px 0px 0 0px;
  text-align:center;

}
#wrapper #contents .profile_left .profile_book p{
padding-top:10px;
}
#wrapper #contents .profile_left .profile_book p a{
text-decoration: underline;
}
#wrapper #contents .profile_left .profile_book p a:hover{
color:#4AAF63;
}

#wrapper #contents .profile_book img{
  width:220px;
}


#wrapper #contents .profile_book2 {
  margin: 50px 0px 0 0px;
  text-align:center;

}
#wrapper #contents .profile_left .profile_book2 p{
padding-top:10px;
}
#wrapper #contents .profile_left .profile_book2 p a{
text-decoration: underline;
}
#wrapper #contents .profile_left .profile_book2 p a:hover{
color:#4AAF63;
}

#wrapper #contents .profile_book2 img{
  width:220px;
}

#wrapper #contents .profile_right {
  margin: 0px 0px 0 10px;
  width:620px;
  float:left;
}
#wrapper #contents .concept_box {
  margin: 10px 0px 0 2px;
  width:620px;
  float:left;	
}
#wrapper #contents .profile_right h2{
  margin: 0px 0px 10px 0px;
  padding: 0px 10px;
  border-bottom: 1px solid #4AAF63;
  background-repeat: no-repeat;
  font-size:16px;
  color:#4AAF63;
  font-weight: bold;
}

#wrapper #contents .profile_issue {
  margin: 0px 0px 10px 0px;
  padding: 0px 10px;
  font-size:12px;
  color:#666666;
  text-decoration: none;  
}
#wrapper #contents .history_box {
  margin: 10px 0px 0 2px;
  width:310px;
  float:left;	
}
#wrapper #contents .company_box {
  margin: 10px 0px 0 15px;
  width:280px;
  float:left;	
}
#wrapper #contents .company_box table th{
  min-width:60px;
  background-color: #F9F9F9;
  text-align:center;
  padding:5px;
  border-bottom: 1px solid #C8C8C8;
  border-top: 1px solid #C8C8C8;
  border-left: 1px solid #C8C8C8;
}
#wrapper #contents .company_box table td{
  padding:5px;
  border-bottom: 1px solid #C8C8C8;
  border-top: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
}



#wrapper #contents .map_box {
  margin: 10px 0px 0 2px;
  width:620px;
  float:left;
}
#wrapper #contents .works_box {
  margin: 10px 0px 0 2px;
  width:620px;
  float:left;
}

#wrapper #contents .works_box .works_text{
  margin:10px 0px;

}
#wrapper #contents .works_box .works_text span{
  color:#F2528D;
  text-decoration: underline;

}
#wrapper #contents .works_box .works_text a{
  color:#666666;
  text-decoration: none;

}
#wrapper #contents .works_box .works_text a:hover{
  color:#F2528D;
  text-decoration: underline;

}


/*=====================================================
	レッスン内容
=====================================================*/

#wrapper #lesson{
  width:1100px;
  margin:10px auto;	
  clear: both;
}	

#wrapper #lesson .notice{

/*
  border-top: 1px solid #33CC66;

  border-bottom: 1px solid #33CC66;

  border-left: 1px solid #33CC66;
  border-right: 1px solid #33CC66;
*/
}
#wrapper #lesson .notice p{

font-size:14px;
  color:#666666;
}
.notice_border{
  border-bottom: 1px solid #4AAF63;
}

#wrapper #lesson h3.main_title,#wrapper #lesson_box h3.main_title{
  margin:10px 0 0px 0;
  font-weight: bold;
/*  background: #33CC66;*/
  color:#4AAF63;
/*  color:#666666;*/
  font-size:16px;
  /* border-bottom: 1px solid #4AAF63; */
}
#wrapper #lesson .notice ul{
  padding:5px;
  color:#666666;
}
#wrapper #lesson .notice ul li{
  margin:5px 0;
  background:url(../img/green_circle.gif) no-repeat;
  padding-left:25px;
  font-size:14px;
/*  line-height:200%;*/
}

#wrapper #lesson .notice ul li a{
  color:#4AAF63; 
  text-decoration: underline;
}
#wrapper #lesson .notice ul li a:hover{

  text-decoration: none;
}

#wrapper #lesson_box{
  width:1100px;
  margin:10px auto;
  clear: both;
}

#wrapper #lesson_box h2{
  font-size:16px;
/*  color:#33CC66;*/
  color:#666666;
  margin-bottom:10px;
}

#wrapper #lesson_box .cat_each{
  width:170px;
  margin:0px 5px;
  float:left;

}
#wrapper #lesson_box .cat_each3{
  width:350px;
  margin:15px 5px;
  float:left;

}
#wrapper #lesson_box .cat_each3 .menu_summary{
  padding:15px;
  margin:10px;
  background: #FAFCF9;
}

#wrapper #lesson_box .cat_each3 h3{
/*  background: #FEA4AC;*/

  text-align: center;
  font-size:18px;
  color:#000000;
/*  padding:5px 0;*/
}

#wrapper #lesson_box .cat_each4{
  width:57%;
  margin:0px auto;
  float:left;
  
}
#wrapper #lesson_box .cat_each4 .menu_summary{
  padding:15px;
  margin:10px;
  background: #FAFCF9;
}

#wrapper #lesson_box .cat_each4 h3{
/*  background: #FEA4AC;*/

  text-align: center;
  font-size:18px;
  color:#000000;
/*  padding:5px 0;*/
}

#wrapper #lesson_box h3.menu_title{
/*font-family:"ヒラギノ角ゴ Pro W3";*/
  font-weight: bold;
vertical-align: middle;
  background: #33CC66;
  min-height:42px;
  text-align: center;
  font-size:14px;
  color:#FFFFFF;
/*  color:#4AAF63;*/
  padding:5px 0 5px 0;
/*  padding:5px 0;
  border-top: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
*/
}

#wrapper #lesson_box .cat_each3 p.title{
  font-size:14px;
/*  color:#CC3366;*/
  margin:3px 0;
}
#wrapper #lesson_box .cat_each4 p.title{
  font-size:14px;
/*  color:#CC3366;*/
  margin:3px 0;
}
#wrapper #lesson_box span a{
  font-size:16px;
/*  color:#CC3366;*/
  margin:3px 5px 0 20px;
  text-decoration: underline;
}
#wrapper #lesson_box span a:hover{
  color:#CC3366;
/*  text-decoration: underline;*/
}

#wrapper #lesson_box .cat_each3 table.time_table{
  width:300px;
  margin:15px auto;
}

#wrapper #lesson_box .cat_each4 table.time_table{
  width:300px;
  margin:35px auto;
}

#wrapper #lesson_box .cat_each3 table.time_table th, table.time_table td{
  text-align: center;

  border-bottom: 1px solid #d9e1ff;
  border-top: 1px solid #d9e1ff;
  border-right: 1px solid #d9e1ff;
  border-left: 1px solid #d9e1ff;

}

#wrapper #lesson_box .cat_each4 table.time_table th, table.time_table td{
  text-align: center;

  border-bottom: 1px solid #d9e1ff;
  border-top: 1px solid #d9e1ff;
  border-right: 1px solid #d9e1ff;
  border-left: 1px solid #d9e1ff;

}


#wrapper #lesson_box .cat_each .menu_text{
  min-height:130px;
}

#wrapper #lesson_box .menu_text p{
  padding:3px 10px;
  font-size:12px;
  line-height:160%;
}
#wrapper #lesson_box .menu_text a{
  color:#666666;
}

#wrapper #lesson_box .cat_each .to_detail{
  padding:3px;
  text-align: center;

}
#wrapper #lesson_box .cat_each .to_detail a{
  color:white;
  font-size:14px;
  font-weight: bold;
}

/*タイトルのカラー*/
#wrapper #lesson_box .txtcolor1{
  color: #CC3366;
}

#wrapper #lesson_box .txtcolor2{
  color: #ff6600;
}
#wrapper #lesson_box .txtcolor3{
  color: #009966;
}
#wrapper #lesson_box .txtcolor4{
  color: #393e7a;
}
#wrapper #lesson_box .txtcolor5{
  color: #B5A7CE;
}
#wrapper #lesson_box .txtcolor6{
  color: #FD863A;
}

/*詳細はこちらのカラー*/
#wrapper #lesson_box .color1{
  background: #FEA4AC;
}

#wrapper #lesson_box .color2{
  background: #FFCA41;
}
#wrapper #lesson_box .color3{
  background: #82C190;
}
#wrapper #lesson_box .color4{
  background: #73C4F1;
}
#wrapper #lesson_box .color5{
  background: #B5A7CE;
}
#wrapper #lesson_box .color6{
  background: #FD863A;
}

/*メニューボックスのカラー*/
#wrapper #lesson_box .border1{
  border-top: 1px solid #33CC66;
  border-bottom: 1px solid #33CC66;
  border-left: 1px solid #33CC66;
  border-right: 1px solid #33CC66;
/*
  border-bottom: 1px solid #FEA4AC;
  border-left: 1px solid #FEA4AC;
  border-right: 1px solid #FEA4AC;
*/
}

#wrapper #lesson_box .border2{
  border-bottom: 1px solid #FFCA41;
  border-left: 1px solid #FFCA41;
  border-right: 1px solid #FFCA41;
}
#wrapper #lesson_box .border3{
  border-bottom: 1px solid #82C190;
  border-left: 1px solid #82C190;
  border-right: 1px solid #82C190;
}
#wrapper #lesson_box .border4{
  border-bottom: 1px solid #336699;
  border-left: 1px solid #393e7a;
  border-right: 1px solid #393e7a;
}
#wrapper #lesson_box .border5{
  border-bottom: 1px solid #B5A7CE;
  border-left: 1px solid #B5A7CE;
  border-right: 1px solid #B5A7CE;
}
#wrapper #lesson_box .border6{
  border-bottom: 1px solid #FD863A;
  border-left: 1px solid #FD863A;
  border-right: 1px solid #FD863A;
}

#wrapper #lesson_box .cat_each2{
  width:350px;
  margin:0px 8px;
  float:left;
}
#wrapper #lesson_box .cat_each2 img{
  width:350px;
  height:260px;
}



#wrapper #lesson h2{
  font-size:16px;
  color:#666666;
  margin-top:0px;
}

#wrapper #lesson .notice2{
  width:350px;
  min-height:250px;
  margin:10px 7px;
  border-bottom: 1px solid #33CC66;
  border-left: 1px solid #33CC66;
  border-right: 1px solid #33CC66;
  float:left;

}

#wrapper #lesson .notice2 h3{
  text-align: center;
  padding:5px;
  background: #33CC66;
  color:white;
  font-size:14px;
}
#wrapper #lesson .notice2 ul{
  padding:5px;
  color:#666666;
}
#wrapper #lesson .notice2 ul li{
  margin:5px 0;
  background:url(../img/green_circle.gif) no-repeat;
  padding-left:25px;
  font-size:14px;
}



#wrapper #lesson_box .notice2{
  width:350px;
  min-height:250px;
  margin:0px 7px;
  border-bottom: 1px solid #33CC66;
  border-left: 1px solid #33CC66;
  border-right: 1px solid #33CC66;
  float:left;

}

#wrapper #lesson_box .notice2 h3{
  text-align: center;
  padding:5px;
  background: #33CC66;
  color:white;
  font-size:14px;
}
#wrapper #lesson_box .notice2 ul{
  padding:5px;
  color:#666666;
}
#wrapper #lesson_box .notice2 ul li{
  margin:5px 0;
  background:url(../img/green_circle.gif) no-repeat;
  padding-left:25px;
  font-size:14px;
}
/*=====================================================
	スケジュール
=====================================================*/

#wrapper #contents .schedule_box{
	margin:30px auto;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#wrapper #contents .schedule_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#wrapper #contents .gc_wrapper {
  max-width: 800px; 
  min-width: 300px; 
  margin: 2.0833% auto;
}
 
#wrapper #contents .responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#wrapper #contents .responsive-iframe-container iframe,   
#wrapper #contents .responsive-iframe-container object,  
#wrapper #contents .responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (min-width: 640px) {
    #wrapper #contents .responsive-iframe-container iframe  {
        display: none;
    }
}



/*=====================================================
	レシピ一覧
=====================================================*/

#wrapper #recipe{
  width:1100px;
  margin:30px auto;	
  clear: both;
}

#wrapper #recipe p.subtitle{
  margin-left:10px;
  font-size:16px;
  color:#666666;
}

#wrapper #recipe .recipe_box{
  width:500px;
  margin:10px 7px;
  border-bottom: 1px solid #33CC66;
  border-left: 1px solid #33CC66;
  border-right: 1px solid #33CC66;
  float:left;
  color:#666666;
}
#wrapper #recipe .recipe_box h3{
  text-align: center;
  padding:5px;
  background: #33CC66;
  color:white;
  font-size:14px;
}
#wrapper #recipe .recipe_list{
  padding:10px;
  color:#666666;
  border-top: 1px solid #33CC66;
}
#wrapper #recipe .recipe_list a{
  color:#666666;
}
#wrapper #recipe .recipe_list a:hover{
  color:#33CC66;
}

#wrapper #recipe .list_left{
  margin:0 10px 0 10px;
  min-height:100px;
  float:left;
}
#wrapper #recipe .list_right{

  min-height:100px;
}



#wrapper #recipe .list_left2{
  margin:0 10px 0 0px;
  float:left;
  min-height:220px;
}

#wrapper #recipe .recipe_list .list_left2 img{
width:250px;
height:188px;
}

#wrapper #recipe .recipe_list .list_left img{
width:124px;
height:93px;
}
#wrapper #recipe .recipe_list p.menu_title{
  color:#33CC66;
  margin:0 0 5px 10px;
  font-size:14px;
}
#wrapper #recipe .recipe_list .link_list{
  float:right;
  padding-bottom:5px;
}

#wrapper #recipe .recipe_list .link_list a{
  color:#33CC66;
  text-decoration: underline;
}
#wrapper #recipe .recipe_list .link_list a:hover{
  text-decoration: none;
}



/*=====================================================
	レシピ詳細
=====================================================*/

#wrapper #recipe #recipe_left{
  min-height:650px;
  float:left;

}
/*
#wrapper #recipe #recipe_left .list_left{
  padding:10px;
}
*/
#wrapper #recipe #recipe_left .recipe_box{
  width:550px;
}

#wrapper #recipe #recipe_right .recipe_box{
  width:450px;
}

#wrapper #recipe #recipe_left .list_right p{
  margin:3px 0 0 0;
  font-size:13px;
}

#wrapper #recipe #recipe_left .recipe_exp{
  margin:25px 0px;
}
#wrapper #recipe #recipe_left .recipe_exp .ingredient_box{
 float:left;
 margin:0 30px 10px 10px;
}


#wrapper #recipe #recipe_left .recipe_exp p.title_zairyou	{
 font-size:16px;
  color:#33CC66;
}

#wrapper #recipe #recipe_left .recipe_exp table.ingredient_table{
 width:250px;
 font-size:12px;
 margin:5px 0 0 0;
}

#wrapper #recipe #recipe_left .recipe_exp table.ingredient_table tr{
 border-bottom: 1px solid #E5E5E5;

}
#wrapper #recipe #recipe_left .recipe_exp table.ingredient_table td.left{
  text-align: left;
 padding:5px 0;
}

#wrapper #recipe #recipe_left .recipe_exp table.ingredient_table td.right{
 width:90px;
  text-align: right;
 padding:5px 0;
}
#wrapper #recipe #recipe_left .exp_box{
 padding-right:5px;
}

#wrapper #recipe #recipe_left .recipe_exp table.exp_table{
 width:230px;
 font-size:12px;
 margin:0px 0 0 0;
}
#wrapper #recipe #recipe_left .recipe_exp table.exp_table td.left{
 text-align: left;
 padding:5px 0;
 width:15px;
}
#wrapper #recipe #recipe_left .recipe_exp table.exp_table td.right{
  text-align: left;
 padding:7px 0;
}


#wrapper #recipe #recipe_left .exp_box p.exp_text{
 font-size:12px;
 margin:8px 0;
}
#wrapper #recipe #recipe_left .recipe_exp table.exp_table td.left{
 font-size:16px;
  color:#33CC66;
}

/*=====================================================
	reserve
=====================================================*/

#wrapper #reserve_box{
  width:205px;
  margin:0px auto;
  text-align: center;
}

#wrapper #reserve_box a{
  color:#F2528D;
  text-decoration: underline;
}

#wrapper #reserve_box a:hover{
  text-decoration: none;
}

#wrapper #reserve_notice h2{
  font-size:16px;
  color:#666666;
  margin-top:0px;
}


#wrapper #reserve_notice .notice2{
  width:350px;
  min-height:100px;
  margin:10px 7px;
  border-bottom: 1px solid #33CC66;
  border-left: 1px solid #33CC66;
  border-right: 1px solid #33CC66;
  float:left;

}
#wrapper #reserve_notice .notice2 h3{
  text-align: center;
  padding:5px;
  background: #33CC66;
  color:white;
  font-size:14px;
}
#wrapper #reserve_notice .notice2 ul{
  padding:5px;
  color:#666666;
}
#wrapper #reserve_notice .notice2 ul li{
  margin:5px 0;
  background:url(../img/green_circle.gif) no-repeat;
  padding-left:25px;
  font-size:14px;
}

/*=====================================================
	works
=====================================================*/

#wrapper #lesson2{
  width:1000px;
  margin:40px auto;	
  clear: both;
}

.long_margin{
  margin-top:40px;
}
#wrapper #lesson2 .leftblock{
  width:350px;
/*  min-height:290px;*/
/*  padding-left:20px;*/
/*  margin:20px 0 0 17px;*/
  float:left;
/*  border-bottom: 1px solid #33CC66;*/
}
#wrapper #lesson2 .notice3{
  width:350px;
  min-height:200px;
  margin:20px 7px 0 0px;
  border-bottom: 1px solid #33CC66;
  border-left: 1px solid #33CC66;
  border-right: 1px solid #33CC66;
  float:left;

}
#wrapper #lesson2 .notice3 h3{
  text-align: center;
  padding:5px;
  background: #33CC66;
  color:white;
  font-size:14px;
}

#wrapper #lesson2 .offer_text{
  margin:10px 10px;

}
#wrapper #lesson2 .offer_form{
  margin:20px 0px;
  text-align: center;
  font-size:16px;
}
#wrapper #lesson2 .offer_form p{
  margin:15px 0px;
}
#wrapper #lesson2 .offer_form a{
  color:#F2528D;
  text-decoration: underline;
}

#wrapper #lesson2 .rightblock{
  width:550px;
/*  min-height:290px;*/
/*  padding-left:20px;*/
/*  margin:20px 0 0 17px;*/
  float:left;
/*  border-bottom: 1px solid #33CC66;*/
}

#wrapper #lesson2 .notice4{
  width:550px;
/*  min-height:290px;*/
/*  padding-left:20px;*/
  margin:20px 0 0 17px;
  float:left;
/*  border-bottom: 1px solid #33CC66;*/
}

.bottom_border{
  border-bottom: 1px solid #33CC66;
}

#wrapper #lesson2 .works_title{
/*  width:550px;*/
  min-height:70px;
  margin:10px 17px;
  float:left;
}
#wrapper #lesson2 .works_text{
  margin:10px 0px;

}
#wrapper #lesson2 .works_text span{
  color:#F2528D;
  text-decoration: underline;

}
#wrapper #lesson2 .works_text a:hover{
  color:#F2528D;
  text-decoration: underline;

}


/*=====================================================
	???
=====================================================*/



/*=====================================================
	Footer
=====================================================*/

#footer {
  margin:40px 0 0px 0;
  font-size:12px;
  min-width: 1200px;
  min-height: 190px;
  padding: 20px 10px;
  background: #33CC66;
/*  text-align: center;*/
color: #ffffff;
}
#footer .foot_cont{
  max-width: 900px;
  margin: 0 auto;
}
#footer .foot_left{
margin:10px 0 0 0px;
float:left;
}
#footer .foot_right{
margin:80px 320px 0 0px;
float:right;
}

#footer .foot_text01{
margin:0px 20px 0px 0px;
float:right;
}

#footer .foot_text01 .sns img{
width:30px; 
height:30px;
}

#footer .foot_text01 .sns div{
margin:10px 20px 0px 0px;
float:left;
}


#footer .foot_right p.campany{
margin-bottom:20px;
}

#footer li a{
  color: #ffffff;
  text-decoration: none;
}
#footer li a:hover{
  text-decoration: underline;
}


#container p.pagetop {
display:none;
}

#container #tab {
width: 57px;/* 最初に表示されるバナーの幅 */
height: 57px;/* バナーの高さ */
background: url(https://www.titcaithaifood.com/img/fb_logo.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 0;/* 右から0pxの位置に指定 */
top: 160px;/* 下から100pxの位置に指定 */
}
#container #tab a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}

#container #tab:hover {/* カーソルが乗った時の動きを指定 */
width: 67px;/* バナーが伸びた時の幅 */
  opacity: 0.6;
  filter: alpha(opacity=80);
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}


#container #tab04 {
width: 60px;/* 最初に表示されるバナーの幅 */
height: 60px;/* バナーの高さ */
background: url(https://www.titcaithaifood.com/img/youtube_logo60.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 30px;/* 右から0pxの位置に指定 */
top: 160px;/* 下から100pxの位置に指定 */
}
#container #tab04 a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}


#container #tab04:hover {/* カーソルが乗った時の動きを指定 */
/*width: 67px; バナーが伸びた時の幅 */
right: 25px;/* 右から0pxの位置に指定 */
  opacity: 0.6;
  filter: alpha(opacity=80);
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}


#container #tab01 {
width: 60px;/* 最初に表示されるバナーの幅 */
height: 60px;/* バナーの高さ */
background: url(https://www.titcaithaifood.com/img/face01.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 30px;/* 右から0pxの位置に指定 */
top: 340px;/* 下から100pxの位置に指定 */

}
#container #tab01 a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}


#container #tab01:hover {/* カーソルが乗った時の動きを指定 */
/*width: 67px; バナーが伸びた時の幅 */
right: 25px;/* 右から0pxの位置に指定 */
	opacity: 0.6;
	filter: alpha(opacity=80);
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}





#container #tab02 {
width: 60px;/* 最初に表示されるバナーの幅 */
height: 60px;/* バナーの高さ */
background: url(https://www.titcaithaifood.com/img/insta01.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 30px;/* 右から0pxの位置に指定 */
top: 250px;/* 下から100pxの位置に指定 */
}
#container #tab02 a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}


#container #tab02:hover {/* カーソルが乗った時の動きを指定 */
/*width: 67px; バナーが伸びた時の幅 */
right: 25px;/* 右から0pxの位置に指定 */
  opacity: 0.6;
  filter: alpha(opacity=80);
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}

#container #tab03 {
width: 60px;/* 最初に表示されるバナーの幅 */
height: 60px;/* バナーの高さ */
background: url(https://www.titcaithaifood.com/img/twitter01.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 30px;/* 右から0pxの位置に指定 */
top: 430px;/* 下から100pxの位置に指定 */
}
#container #tab03 a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}


#container #tab03:hover {/* カーソルが乗った時の動きを指定 */
/*width: 67px; バナーが伸びた時の幅 */
right: 25px;/* 右から0pxの位置に指定 */
  opacity: 0.6;
  filter: alpha(opacity=80);
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}


#footer .fb-page{
float:left;
margin:0px 50px 0px 280px;
}

#insta_head {
    
}