@charset "UTF-8";

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.7;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

section {
  -moz-box-sizing: border-box;
  -webkit-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;
}

table {
  border-collapse: collapse;
}

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

li {
  list-style: none;
}

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

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

a:visited {
  color: black;
}

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

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

a:hover img{
  opacity: 0.8;
}

.notice_color{
  color:#F2528D;
}






/*=====================================================
	HeaderNav
=====================================================*/

#headerBar {
  padding:2px 10px;
  background: #21AB3D;
  font-size: 10px;
  color: #fff;
}


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

#header {
  position: relative;
}

#header .logo {
  padding:0px 0 5px 0;
  float:left;
/*text-align: center;*/
}

#header .logo img {
  width: 55px;
  height: 55px;
}

#insta_head {
/*  padding: 0px 0px 0px 0px;*/
  z-index: 2;
  position: absolute;
  right: 60px;
  top: 10px;
}
#insta_head img {
  width: 65px;
  height: 65px;
padding-top:5px;
}

#youtube_head {
/*  padding: 0px 0px 0px 0px;*/
  z-index: 2;
  position: absolute;
  right: 120px;
  top: 10px;
}
#youtube_head img {
  width: 65px;
  height: 65px;
padding-top:0px;
}


  #toggle{
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 18px;
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 23px 10px;
  cursor: pointer;
  background: #FF80A0;
  }

#toggle span.navi_name {
  padding-top:20px;
  position: absolute;
  right: 6px;
  top: 30px;
  font-size:10px;
  color:#FF80A0;
}
  
  #toggle .navibutton {
  display: block;
  position: relative;
  width: 30px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
  }
  
  #toggle .navibutton:before, #toggle .navibutton:after{
  content: "";
  position: absolute;
  width: 30px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
}
  #toggle .navibutton:before{
    margin-top: -12px;
  }
  #toggle .navibutton:after{
    margin-top: 12px;
  }

#header ul {
  display: none;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 70px;
  background: rgba(255, 255, 255, 1);
/*  background: rgba(59, 36, 24, 0.95);*/
}

 #menu li{
  width: 95%;
  float: left;
  margin:10px 10px 0px 10px;
  padding:0px 0px 0px 0px;
/*
  border-top: 1px solid #4AAF63;
  border-left: 2px dotted #4AAF63;
*/
  background-repeat: no-repeat;
  background-position: center left;
  text-align: left;
}

 #menu li a {
  display:block;
  overflow: hidden;
  height: 0px;
  padding: 30px 0px 0px 0px;
  border-bottom: 1px solid #333333;
  position: relative;
}
 
.nav01 { 
  width: 58px;
  height: 35px;
  background-image: url(../img/home1.gif);
}
.nav01:hover {
  background-image: url(../img/home2.gif);
}
 
.nav02 { 
  width: 106px;

  background-image: url(../img/profile1.gif);
}
.nav02:hover {
  background-image: url(../img/profile2.gif);
}
.nav03 { 
  width: 150px;
  background-image: url(../img/shigoto1.gif);
}

.nav03:hover {
  background-image: url(../img/shigoto2.gif);
}
.nav04 { 
  width: 150px;
  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: 150px;
  background-image: url(../img/schedule1.gif);
}
.nav06:hover {
  background-image: url(../img/schedule2.gif);
}

.nav07 { 
  width: 56px;
  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);
}

#header nav ul li a:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 8px;
  width: 14px;
  height: 2px;
  right: 35px;
  background: #FF80A0;
}

#header nav ul li a:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 8px;
  width: 14px;
  height: 2px;
  right: 25px;
  background: #FF80A0;
}


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

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

#works_list .travel_list_box0 div{
display:none;
}

#works_list .travel_list_box div{
    display:table;
/*    width:700px;*/
    margin:0px 0px;
    padding:0px 0px;
/*
  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{
/*    display:table-cell; */
    padding:10px 10px;
/*    margin-left:20px;*/
    width:100%;
  background-color: #FF80A0;

}

#works_list .travel_list_box div.work_cont{
/*    display:table-cell;*/ 
    width:100%;
    padding:5px 10px;
  border-bottom: 1px solid #C8C8C8;
}
#works_list .travel_list_box div.food{
/*    display:table-cell;*/ 
    width:100%;
    padding:5px 10px;
}	
#works_list .travel_list_box p.title{
  color:#FF80A0;
  font-weight: bold;
}


#works_list p.notice_text{
  font-size:14px;
  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_box div.date2{
/*    display:table-cell; */
    width:100%;
  border-top: 1px solid #C8C8C8;
}

#works_list .travel_list_box div.date2 span,
#works_list .travel_list_box div.work_cont2 span,
#works_list .travel_list_box div.hotel span,
#works_list .travel_list_box div.flight span
{
  color:#FF80A0;
  font-weight: bold;
  margin-right:10px;
  font-size:14px;
}
#works_list .travel_list_box div.work_cont2{
/*    display:table-cell; */

    width:100%;
  border-top: 1px solid #C8C8C8;
}
#works_list .travel_list_box div.hotel{
/*    display:table-cell; */
    width:100%;
  border-top: 1px solid #C8C8C8;
}
#works_list .travel_list_box div.flight{
/*    display:table-cell; */
    width:100%;
  border-top: 1px solid #C8C8C8;
}

#travel_list{
  width:95%;
  margin:0px auto;
  clear: both;
}
#travel_list div{
  margin:0px 0px;	
}
#travel_list .travel_list_notice{
width:100%;
/*float:left;*/
}

#travel_list .travel_list_notice h3{
  margin:10px 0 10px 0;
  font-weight: bold;

  padding:3px;
  background: #4AAF63;
  color:#FFFFFF;

/*
  color:#4AAF63;
  border-bottom: 1px solid #4AAF63;
*/
  font-size:16px;
}

#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:20px;
  font-size:14px;
  color:#666666;
}


/*テストend*/
#works_list .work_list_box div{
/*    display:table;*/
/*    width:700px;*/
    margin:0px 0px;
    padding:0px 10px;
/*  border-bottom: 1px solid #C8C8C8;*/
}
#works_list .work_list_box div.date{
/*    display:table-cell; */
    padding:5px 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%;*/
    padding:5px 10px;
  border-bottom: 1px solid #C8C8C8;
}
#works_list .work_list_box div.work_cont p.work_photo{
    margin:10px 0px;
}


#works_list .work_list_box .date p{

font-size:14px;
  color:#666666;
}

#works_list .travel_list_box .date p{

font-size:14px;
  color:#FFFFFF;
}
#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:12px;
  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 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:1	0px 0px;
}

#works_list ul li {
    float: left;
  margin:10px 5px 0 5px;

/*  border-left: 2px dotted #4AAF63;*/
  background-repeat: no-repeat;
  background-position: center left;
}
#works_list ul li img{
width:135px;
  padding:5px 2px;
/*
  border-top: 1px solid #C8C8C8;
  border-left: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;

  border-top: 1px solid #FF80A0;
  border-left: 1px solid #FF80A0;
  border-right: 1px solid #FF80A0;
  border-bottom: 1px solid #FF80A0;
  
  border-top: 1px solid #4AAF63;
  border-left: 1px solid #4AAF63;
  border-right: 1px solid #4AAF63;
  border-bottom: 1px solid #4AAF63;
*/
}
.onmouse_border{
  border-top: 1px solid #FF80A0;
  border-left: 1px solid #FF80A0;
  border-right: 1px solid #FF80A0;
  border-bottom: 1px solid #FF80A0;
}

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

}


.nav_work01 { 
  width: 135px;
  height: 28px;
  background-image: url(../img/shigoto01color_s.gif);
}
.nav_work01:hover {
  background-image: url(../img/shigoto01color_s.gif);
}
 
.nav_work02 { 
  width: 135px;
  height: 28px;
  background-image: url(../img/shigoto02color_s.gif);
}
.nav_work02:hover {
  background-image: url(../img/shigoto02color_s.gif);
}

.nav_work03 { 
  width: 135px;
  height: 28px;
  background-image: url(../img/shigoto03color_s.gif);
}
.nav_work03:hover {
  background-image: url(../img/shigoto03color_s.gif);
}

.nav_work04 { 
  width: 135px;
  height: 28px;
  background-image: url(../img/shigoto04color_s.gif);
}
.nav_work04:hover {
  background-image: url(../img/shigoto04color_s.gif);
}
*/


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

#wrapper #contents {
  width:100%;
  margin:0 auto;
  clear: both;
  padding-top:12px;
}

#contents p img {
  width: 100%;
  height: 100%;
/*  width: 315px;*/
/*  height: 164px;*/
}
#wrapper h1{
/*display:none;*/
font-size:10px;
}

#wrapper #contents .site_notice2{
  width:95%;
  margin:5px auto 10px;
  padding:5px;
}

#wrapper #contents .site_notice{
  width:95%;
  margin:5px 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 0px;
  margin-bottom: 36px;
  width: 100%;
  height: 100%;
/*  float:left;*/
}

#wrapper #contents .profile_box {
  margin:0px auto;
  text-align:center;
  width: 95%;
/*  width:310px;*/
/*  float:left;*/
}
#wrapper #contents .profile_box h2{
  padding-top:15px;
  text-align:center;
  font-size:16px;
  color:#FF80A0;
}



#wrapper #contents .news_box {
  margin: 10px 0px 0 5px;
/*  text-align:center;*/
  width: 95%;
/*  width:280px;*/
  float:left;
  text-align:center;
}
#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: 10px 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 5px;
  font-size:16px;
  color:#FF80A0;
}
#wrapper #contents .date_issue a,#wrapper #contents .date_issue{
/*  margin: 0px 0px 10px 0px;*/
  margin: 0px auto;
  padding: 0px 10px;
  font-size:12px;
  color:#4AAF63;
  text-decoration: none;  
  text-align:center;
max-width:300px;  
}
#wrapper #contents .date_issue a:hover{
  text-decoration: underline;  
}


#wrapper #cat_box {
  width:100%;
  margin:0px auto;
  clear: both;
  text-align:center;
}
#wrapper #cat_box .cat_each{

  width:100%;
  margin:10px auto;

  border-top: 1px solid #C8C8C8;
/*

  width:310px;
  margin:0px 5px;
  float:left;
*/

}
#wrapper #cat_box .cat_each .cat_text{

  width:100%;
  margin:0px auto;
max-width:310px;  
/*text-align:center;*/
}
#wrapper #cat_box .cat_each h2{
  width:310px;  
    margin:10px auto;
  font-size:16px;
  color:#FF80A0;
/*  background-color: #FF80A0;*/
}
#wrapper #cat_box .cat_each p{
  padding:10px 10px;
  font-size:14px;
  color:#FF80A0;
  text-align:center;
}

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

#wrapper #cat_box2 {
  width:100%;
  margin:0px auto;
  text-align:center;
/*  clear: both;*/
}
#wrapper #cat_box2 .blog_box{
  width:100%;
    margin:20px auto;
  text-align:center;
/* 
  margin:20px 5px 0 0;
 float:left;*/
}
#wrapper #cat_box2 .recipe_box{
  width:100%;
    margin:0px auto;
  text-align:center;
/*  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:14px;
  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:40%;
  margin:0px 0 0 10px;
  float:left;
}
#wrapper #cat_box2 .recipe_box .recipe_left img{
  width:100%;
}

#wrapper #cat_box2 .recipe_box .recipe_right{
  width:45%;
  margin:0px 0 0 5px;
  float:left;
}


#wrapper #cat_box2 .recipe_box  .recipe_right_box{
  width:46%;
  margin:0px 0 0 5px;
  float:left;
}
#wrapper #cat_box2 .recipe_box .recipe_right img{
  width:100%;
}

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

#wrapper #contents .profile_left {
  margin: 0px 10px 20px 0px;
  width:100%;
/*  float:left;*/
}
@media screen and (max-width: 370px) {

}
#wrapper #contents .profile_left .profile_photo{
/*  width:180px;*/
/*  text-align:center;*/
  margin: 0px 10px 0px 15px;
  float:left;
 min-height:180px;
}

#wrapper #contents .profile_left .profile_book {
/*  width:150px;*/
  text-align:center;
/*  margin: 0px 0px 0px 15px;*/
  padding: 0px 0px 0px 15px;
/*  text-align: center;*/
}
#wrapper #contents .profile_left .profile_book p a{

font-size:10px;
text-decoration: underline;
}

#wrapper #contents .profile_left .profile_book2 {
display:none;
}



#wrapper #contents .profile_left img.profile_photo1{
  width:150px;

}
#wrapper #contents .profile_left img.profile_photo2{
  width:120px;

 }


#wrapper #contents .profile_right {
  margin: 10px 0px 0 10px;
  width:100%;
clear:both;
/*  float:left;*/
}
#wrapper #contents .concept_box {
  margin: 20px 10px 0 2px;
  width:95%;
/*  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:95%;
/*  float:left;	*/
}
#wrapper #contents .company_box {
  margin: 10px 0px 0 5px;
  width:95%;
/*  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:95%;
/*  float:left;	*/
}
#wrapper #contents .map_box img{
  width:100%;
/*  float:left;	*/
}

#wrapper #contents .works_box {
  margin: 10px 0px 0 2px;
  width:95%;
}
#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:95%;
  margin:10px auto;	
  clear: both;
}	

#wrapper #lesson .notice{
/*
  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:98%;
  margin:30px auto;
  clear: both;
}

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

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

}
#wrapper #lesson_box .cat_each3{
  width:95%;
/*  width:350px;*/
  margin:5px 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:24px;
  color:#000000;
/*  padding:5px 0;*/
}
#wrapper #lesson_box .cat_each4{
  width:95%;
/*  width:350px;*/
  margin:5px 5px;
  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:24px;
  color:#000000;
/*  padding:5px 0;*/
}

#wrapper #lesson_box h3.menu_title{
/*font-family:"ヒラギノ角ゴ Pro W3";*/
/*  font-weight: bold;*/
  background: #33CC66;

  text-align: center;
  font-size:18px;
  color:#FFFFFF;
  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:5px 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:270px;*/
  width:90%;
  margin:15px auto;
  font-size:12px;
}

#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{
  width:90%;
  margin:15px auto;
  font-size:12px;
}

#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: #73C4F1;
}
#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;

}

#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 #73C4F1;
  border-left: 1px solid #73C4F1;
  border-right: 1px solid #73C4F1;
}
#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:100%;
  margin:0px 8px;
  float:left;
}
#wrapper #lesson_box .cat_each2 img{
  width:95%;
  height:100%;
}


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

#wrapper #lesson .notice2{
  width:95%;
/*  min-height:290px;*/
  margin:10px 5px;
  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:95%;
/*  min-height:290px;*/
  margin:10px 5px;
  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%;
    min-height: 400px;

    padding-top: 56.25%;
}
#wrapper #contents .schedule_box iframe {
    position: absolute;
    top: 0;
    left: 10px;
    width: 100%;
/*    min-height: 300px;*/
/*    height: 100%;*/
    max-height: 500px;
}




#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 (max-width: 600px) {
    #wrapper #contents .big-container {
        display: none;
    }
    #wrapper #contents .small-container {
       padding-bottom: 200%;   /* 高さ */
    }
}
@media (min-width: 600px) {
    #wrapper #contents .small-container {
        display: none;
    }
}

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

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

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

#wrapper #recipe .recipe_box{
  width:95%x;
  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;
  min-height:100px;
  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 0px;
  min-height:100px;
  float:left;
}
#wrapper #recipe .recipe_list .list_left2 img{
width:100%;
}

#wrapper #recipe .recipe_list .list_left img{
width:124px;
/*width:100%;*/
height:93px;
}

#wrapper #recipe .recipe_list p.menu_title{
  color:#33CC66;
  margin:0 0 5px 10px;
  font-size:12px;
}
#wrapper #recipe .recipe_list span{
  display:none;
}
#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{
  width:95%;
/*  min-height:650px;*/
/*  float:left;*/

}


#wrapper #recipe #recipe_left .list_right{
 padding:10px 0;
 clear:both;
}


#wrapper #recipe #recipe_left .recipe_box{
  width:100%;
/*  margin:0 auto;*/
 }

#wrapper #recipe #recipe_right .recipe_box{
  width:95%;
}

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

#wrapper #recipe #recipe_left .recipe_exp{
  margin:5px 0px;

}
#wrapper #recipe #recipe_left .recipe_exp .ingredient_box{
width:90%;
 /*width:200px;*/
 float:left;
 margin:0 0px 0 15px;
}


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

#wrapper #recipe #recipe_left .recipe_exp table.ingredient_table{
width:95%;
 /*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:60px;
  text-align: right;
 padding:5px 0;
}
#wrapper #recipe #recipe_left .exp_box{
 padding-right:5px;
 margin:20px 0 10px 15px;
 float:left;
}

#wrapper #recipe #recipe_left .recipe_exp table.exp_table{
width:85%;
 /*width:250px;*/
 font-size:12px;
 margin:0px 0 0 15px;
}
#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:95%;
  margin:40px auto;	
  clear: both;
}

.long_margin{
  margin-top:40px;
}
#wrapper #lesson2 .notice3 .offer_form img{
display:none;
}

#wrapper #lesson2 .notice3{
  width:95%;
/*  width:350px;*/
/*  min-height:290px;*/
  margin:10px 7px 30px 5px;
  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 5px;

}
#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 .notice4{
  width:95%;
/*  width:550px;*/
/*  min-height:290px;*/
/*  padding-left:20px;*/
  margin:10px 0 0 17px;
/*  float:left;*/
  border-bottom: 1px solid #E5E5E5;
}

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

#wrapper #lesson2 .works_title{
/*  width:550px;*/
/*  min-height:70px;*/
  margin:5px 0px;
/*  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-top:40px;
  font-size:14px;
/*	  min-width: 1200px;*/
  min-height: 200px;
  padding: 10px 15px;
  background: #33CC66;
/*  text-align: center;*/
color: #ffffff;
}
#footer .foot_left{
width:100%;
/*margin:10px 0 0 10px;*/
margin: 0 auto;/
overflow: hidden;
/*float:left;*/
}
#footer .foot_right{
margin:40px 10px 0 0px;
/*float:right;*/
}

#footer .foot_text01{
margin:40px 0px 80px 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 ul{
width:100%;
overflow: hidden;
}
#footer li a{
/*  width:120px;*/
  width:48%;
  margin:5px 0 0 0;
  padding:10px 0 0 0;
  height:30px;
  float:left;
  margin-right:5px;
  color: #ffffff;
  text-decoration: none;

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





#container p.pagetop {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

#container p.pagetop a {
  display: block;
  position: relative;
  height: 10px;
  padding: 10px;
  border-top: 1px solid #fff;
/*  background: rgba(0, 0, 0, 0.7)*/
background:#FF80A0;
}

#container p.pagetop a span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 50%;
  width: 19px;
  margin-left: -9px;
  text-align: center;
  text-decoration: none;
  text-indent: -9999px;
  color: #fff;
}

#container p.pagetop a span:before,
#container p.pagetop a span:after {
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  width: 12px;
  height: 2px;
  background: white;
}

#container p.pagetop a span:before {
  right: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#container p.pagetop a span:after {
  right: 7px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#container #tab {
display:none;
}
#footer .fb-page{
width:100%;
margin-bottom:20px
}