@charset "UTF-8";

/*
enji : #79334b
font-family: 'Noto Sans Japanese' ;
font-weight: 200;
*/


body {
font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
font-weight: 500; /*windows対策*/
	box-sizing: border-box;
	text-align: center;
}
*{
	margin:0;
	padding:0;
}
a img {
	border:none;
}
a {
	color:#79334b;
	text-decoration:none;
}
a:hover{
	color: #79334b;
	opacity:.7;
}

.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  
.pc {
	
}
.tablet{
display:none;
}
.sp {
	display:none;
}
.ssp {
	display:none;
}
/*PC改行加える*/
.br-pc{
	display:inherit;
}
 /*PC改行無効*/
.br_sp{
	display:none;
}
.br_ssp{
	display:none;
}

@media only screen and (max-width:768px){
img{
	border: 0;
	max-width: 100%;
    height: auto;
}
 
.pc {
	display:none;
}
.tablet{
display:block;
}
.sp {
	display:block;
}
.ssp {
	display:none;
}
	/*SP改行無効*/
.br-pc{
	display:none;
}
/*SP改行加える*/
.br_sp { display:block; }
.br_ssp{
	display:none; 
}
}
@media only screen and (max-width:480px){
.tablet{
display:none;
}
.ssp {
	display:block;
}
	/*SP改行無効*/
.br-pc{
	display:none;
}
/*SP改行加える*/
.br_sp { display:block; }
.br_ssp{
	display:block; 
}
}
section:after,article:after,dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
main{
display:block;
}
/************************************

HEADER

************************************/
header {
	background-image: url(../images/head_sen.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 20px;
}
header .container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.container:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .container            { zoom: 1; } /* IE6 */  
*:first-child+html .container { zoom: 1; } /* IE7 */  

header a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
@media only screen and (max-width:768px){
header {
	margin-bottom: 0px;
	padding-bottom:10px;
}
header .container {
	width: 100%;
}
}
header h1 {
	float: left;
	width: 430px;
	margin-left: 0px;
	margin-top: 25px;
}

header h1 a{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/head_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 0;
	width: 340px;
	padding-top:17.64%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
header h1 a{
    background-image: url(../images/head_title@2x.png);
  }
}
@media only screen and (max-width:768px){
header .head_spwaku1{
display:block;
padding:15px 10px 0;

}
header .head_spwaku2{
display:block;
clear: both;
padding:10px 10px 0;
}
.head_spwaku1:after,.head_spwaku2:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
header h1 {
	width: 250px;
	margin: 0px 0 0px;
	padding:0px 0 0;
}
header h1 a{
	background-image: url(../images/head_title.png);
	width: 100%;
	margin:0 0 0 0px;
}
}
@media only screen and (max-width:480px){
header h1 {
float:none;
	width: 200px;
	margin: 0px 0 0px;
	padding:0px 0 0;
}
}
header #schedule {
	float: left;
	width: 150px;
	margin: 25px 10px 0 0;
	display: block;
}
header #schedule a{
	background: #79334b;
	color:#fff;
	display: block;
	text-align: left;
	width: 150px;
	box-sizing: border-box;
	border:1px solid #79334b;
	padding:10px 0 10px 40px;
	font-size:14px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
}
header #schedule a::before{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
left: 10px;
color: #fff;
font-size: 18px;
font-family: 'FontAwesome';
font-weight:normal;
content: "\f073";
}

@media only screen and (max-width:768px){
header #schedule {
float:left;
width:23%;
margin: 0 2% 0 0;
}
header #schedule a{
width:100%;
font-size:10px;
padding:20px 0 5px ;
text-align: center;
}
header #schedule a::before{
position: absolute;
top: 12px;
left: 0;
right:0;
margin:auto;
width:12px;
font-size: 12px;
}
}
header .contact {
	float: left;
	width: 150px;
	margin: 25px 10px 0 0;
	display: block;
}
header .contact a{
	background: #fed8dd;
	color:#79334b;
	border:1px solid #79334b;
	display: block;
	text-align: left;
	width: 150px;
	box-sizing: border-box;
	padding:10px 0 10px 40px;
	font-size:14px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
}
header .contact a::before{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
left: 10px;
color: #79334b;
font-size: 18px;
font-family: 'FontAwesome';
font-weight:normal;
content: "\f003";
}
@media only screen and (max-width:768px){
header .contact {
	float: left;
	width:23%;
margin: 0 2% 0 0;
	display: block;
}


header .contact a{
width:100%;
font-size:10px;
padding:20px 0 5px ;
text-align: center;
}
header .contact a::before{
position: absolute;
top: 12px;
left: 0;
right:0;
margin:auto;
width:12px;
font-size: 12px;
}
}
header .tel {
	float: right;
	margin-top: 25px;
	display: block;
	width: 250px;
	font-family: Arial, Helvetica, "sans-serif";
}
header .tel a {
	display: block;
	font-size:26px;
	line-height: 26px;
	
	text-align: center;
	font-weight: bold;
}
header .tel small{
display:block;
font-size:8px;
color:#333;
font-weight: normal;
}
@media only screen and (max-width:768px){
header .tel {
float:left;
width:50%;
margin:0px 0;
}
header .tel a {
	font-size:24px;
	line-height: 24px;
	padding:7px 0;
}
header .tel small{
display:none;
}
}
@media only screen and (max-width:480px){
header .tel a {
	font-size:18px;
	line-height: 1;
	padding:12px 0;
	text-align: left;
}
}
@media only screen and (max-width:370px){
header .tel a {
	font-size:16px;
	line-height: 1;
	padding:12px 0;
}
}
header #head_menu {
	clear:both;
	margin-left: 0px;
	padding-top: 20px;
}
header #head_menu a {
color:#333;
}
header #head_menu ul {
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
	justify-content: space-between;
	border-right:1px dotted #333;
}
header #head_menu ul li{
box-sizing: border-box;
	font-size:90%;
	font-weight: bold;
	text-align: center;
	padding:2px 0px;
	list-style-type: none;
	border-left:1px dotted #333;
	width: 13%;
}
header #head_menu ul li:last-child{
width:22%;
}
/*IE8▼*/
header #head_menu ul li {
float: left\9;
}
/*IE9▼*/
header #head_menu ul li:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
header #head_menu ul li  {
	float:left !important;
}
}
@media only screen and (max-width:768px){
header #head_menu {
display:none;
}
}

/************************************

FOOTER

************************************/
/*** FOOTER ***/
footer a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
	
	
footer #pageup {
	background-image: url(../images/pageup_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 40px;
	text-align: left;
}
#pageup .container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#pageup .container a {
	
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/pageup_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 40px;
	width: 176px;
	margin-left: 824px;

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){

#pageup .container a {
    background-image: url(../images/pageup_bt@2x.png);
  }
}
@media only screen and (max-width:768px){

#pageup{
display:none;
}
}
#foot_info {
	text-align: left;
	width: 980px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: 60px;
}
#foot_info h2 {
	float: left;
	width: 340px;
}
#foot_info h2 a{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/head_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 60px;
	width: 340px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#foot_info h2 a{
    background-image: url(../images/head_title@2x.png);
  }
}
@media only screen and (max-width:768px){
#foot_info {
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: auto;
}
#foot_info h2  {
float:none;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	padding:0px 0;
}
#foot_info h2 a{
	background-image: url(../images/head_title.png);
	height: 35px;
	width: 200px;
	margin:0 auto;
}
}
#foot_info .text {
	float: right;
	width: 500px;
	margin-top: 10px;	
}
#foot_info .text h3{
color:#79334b;
border:1px solid #79334b;
float:left;
font-size:80%;
width:32%;
text-align: center;
padding:2px 10px;
margin:0 10px 0 0;
}
#foot_info .text .tel{
float:right;
width:60%;
}
#foot_info .text h4{
color:#79334b;
display:inline-block;
font-size:150%;
line-height: 1.2;
margin:0 0 0 0;
}
#foot_info .text p{
font-size:70%;
line-height: 1.2;
}
@media only screen and (max-width:768px){
#foot_info .text {
	float: none;
	width: 90%;
	margin: 20px auto;	
	text-align: center;
}
#foot_info .text h3{
color:#79334b;
border:1px solid #79334b;
float:none;
font-size:80%;
width:auto;
display:inline-block;
padding:2px 20px;
margin:0 0px 0 0;
}
#foot_info .text .tel{
float:none;
width:100%;

}
#foot_info .text h4{
color:#79334b;
display:inline-block;
font-size:150%;
line-height: 1.2;
margin:5px 0;
}
#foot_info .text p{
font-size:70%;
line-height: 1.2;
}

}
#foot_menu {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	
}
#foot_menu #foot_cooking {
	float: left;
	width: 250px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000;
}
#foot_menu #foot_culture {
	float: left;
	width: 250px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000;
}
@media only screen and (max-width:768px){
#foot_menu {
	text-align: left;
	width: 90%;
	margin:0 auto 30px;
}
#foot_menu #foot_cooking {
	float: left;
	width: 48%;
	border: none;
}
#foot_menu #foot_culture {
	float: right;
	width: 48%;
	border: none;
}
}
#foot_menu .foot_etc1 {
	float: left;
	width: 140px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000;
}
#foot_menu .foot_etc2 {
	float: left;
	width: 200px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000;
}
#foot_menu h3 {
	font-size: 80%;
	font-weight: normal;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#foot_menu ul {
	font-size: 80%;
	margin-right: 20px;
	margin-left: 20px;
	list-style-type: none;
	line-height: 180%;
}
#foot_menu ul li a {
	color: #000;
	text-decoration: none;
}
#foot_menu ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#foot_menu #foot_cooking ul li,#foot_menu #foot_culture ul li {
	background-image: url(../images/yaji.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 18px;
}
@media only screen and (max-width:768px){
#foot_menu h3 {
	font-size: 80%;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bold;
}
#foot_menu ul {
	font-size: 70%;
	
	margin-right: 0px;
	margin-left: 0px;
}

#foot_menu #foot_cooking ul li,#foot_menu #foot_culture ul li {
	background-image: url(../images/yaji.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding: 5px 0 5px 13px;
	line-height: 1.5;
	margin:0;
}
}
/*
#foot_menu #foot_culture_l {
	float: left;
	width: 200px;
}
#foot_menu #foot_culture_r {
	float: left;
	width: 80px;
}
*/
@media only screen and (max-width:768px){
#foot_menu .foot_etc1,
#foot_menu .foot_etc2{
display:none;
}
}
#copyright {
	font-size: 70%;
	clear: both;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
}
@media only screen and (max-width:768px){
#copyright {
text-align: center;
width:100%;
padding: 20px 0;
}
}

/************************************

PageUP_sp

************************************/
#pageup_sp {
display:none;
}
@media only screen and (max-width: 768px) {
#pageup_sp {
display:block;
position:fixed;
width: 40px;
height: 40px;
background: #fff;
bottom: 0px;
right: 0px;
z-index: 10;
font-size: 5px; 
line-height: 100%;
}
#pageup_sp a {
display: block;
text-decoration: none;
color: #666;
}
#pageup_sp i {
font-size: 36px;
line-height: .8; 
}
}
  


/************************************

drawer_MENU

************************************/
.drawer-nav {
  position: fixed;
  z-index: 150;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #222;
  background-color: #fff;
}
/*------------------------------------*\
    Right
\*------------------------------------*/
.drawer--right .drawer-nav {
  left: 100%;
  -webkit-transition: left 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 1.2s cubic-bezier(0.19, 1, 0.22, 1); }

/*.drawer--right.drawer-open .drawer-nav,*/
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0; 
  }
.drawer--right.drawer-open .drawer-nav{
 left: 0%;
}
.drawer--right.drawer-open .drawer-hamburger {
  right: 0%;

  z-index: 999;}

/*------------------------------------*\
    Hamburger
\*------------------------------------*/

.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing:border-box;
  width: 46px;
  color: #fff;
  padding: 0;
  padding-top: 20px;
  padding-right: .75rem;
  padding-bottom: 20px;
  padding-left: .75rem;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: #79334b; }

.drawer-hamburger:not(:target) {
  display: none\9;
  /*IE9対策*/ }

/*ie11*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .drawer-hamburger {
    display: none; 
	} 
}
.drawer-hamburger:hover {
  cursor: pointer;
  background-color: #79334b;
  }

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 0px; }

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 1px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff; }

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' '; }

.drawer-hamburger-icon:after {
  top: 10px; }

.drawer-open .drawer-hamburger-icon {
  background-color: transparent; }

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0; }

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.drawer-nav {
  text-align: left; }
  .drawer-nav a {
    text-decoration: none;
    color: #000;
    font-size: 100%; }

.drawer-nav ul {
  padding: 3% 5% 2% 5%;
  border-bottom: 1px solid #ccc; }
  .drawer-nav ul li {
  list-style: none;
    padding: 3px 0 3px 12px;
    position: relative; 
	font-size:90%;
	display:inline-block;
	margin-right:15px;
	}

.drawer-nav ul.mainmenu li:before {
  position: absolute;
  top: 6px;
  left: 0px;
  color: #79334b;
  font: 14px 'FontAwesome';
  content: "\f105"; }
.drawer-nav ul.mainmenu ul {
  border-bottom: none;
  padding: 2% 0%; }

.drawer-nav ul.mainmenu li ul li:before {
  position: absolute;
  top: 8px;
  left: 0px;
  color: #79334b;
  font: 10px 'FontAwesome';
  content: "\f0da"; }


/************************************

second

************************************/
/*** SECOND ***/
.second .wrapper {
	text-align: left;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}
.second #main {
	float: left;
	width: 740px;
}
@media only screen and (max-width:768px){
.second .wrapper {
	text-align: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.second #main {
	float: none;
	width: 100%;
}
.second main section{
width:90%;
margin:0 auto 50px;
}
}


#page_title {
	margin-top: 50px;
	margin-bottom: 40px;
	
}
#page_title h1{
font-family: 'Noto Sans Japanese' ;
font-weight: 200;
}

@media only screen and (max-width:768px){
#page_title {
	margin-top: 0px;
	margin-bottom: 40px;
}
#page_title h1{
font-size:140%;
}
}

/** 講座紹介以外のタブメニュー背景写真 **/
#etc #mainimage {
	background-image: url(../images/headimg_etc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
@media only screen and (max-width:768px){
#etc #mainimage {
	background-image: url(../images/headimg_etc_sp.jpg);
	background-repeat: no-repeat;
	background-position: center ;
	background-size: cover;
}
}
/**  講座紹介以外のページタイトル **/
#etc #page_title h1 {
	background-image: url(../images/page_title_back.gif);
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	
	letter-spacing: 0.3em;
	font-size:170%;
}

#etc #page_title h1 a {
	
	color: #000000;
	text-decoration: none;
}
#etc #page_title h1 a:hover {
	
	color: #79334b;
	text-decoration: none;
}
@media only screen and (max-width:768px){
#etc #page_title h1 {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size:140%;
}
}

/** SECOND PAGE SIDE **/

.second #side {
	float: right;
	width: 200px;
}
@media only screen and (max-width:768px){
.second #side {
	display:none;
}
}
.second #side section{
	margin-bottom:30px;
}
.second #side li{
	list-style:none;
}
.second #side a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.second #side h2{
text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	display: block;
	height: 57px;
	width: 200px;
}
.second #side li a{
text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	display: block;
	height: 50px;
	width: 200px;
}
/* SIDE COOKING **/
#side_cooking h2 {
background-image: url(../images/submenu_t1.png);
}
#side_cooking_select a {
background-image: url(../images/submenu_cook_select.jpg);
}
#side_cooking_kiso a {
	background-image: url(../images/submenu_cook_kiso.jpg);
}
#side_cooking1 a {
	background-image: url(../images/submenu_cook1.jpg);
}
#side_cooking2 a {
	background-image: url(../images/submenu_cook2.jpg);
}
#side_cooking3 a {
	background-image: url(../images/submenu_cook4.jpg);
}
#side_cooking4 a {
	background-image: url(../images/submenu_cook3.jpg);
}
#side_cooking5 a {
	background-image: url(../images/submenu_cook5.jpg);
}
#side_cooking6 a {
	background-image: url(../images/submenu_cooking6.jpg);
}
#side_cooking7 a {
	background-image: url(../images/submenu_cook7.jpg);
}
#side_cooking8 a {
	background-image: url(../images/submenu_cook8.jpg);
}


/* SIDE CULTURE */
#side_culture h2 {
	background-image: url(../images/submenu_t2.png);
}
#side_culture1 a {
	background-image: url(../images/submenu_culture1.jpg);
}
#side_culture2 a {
	background-image: url(../images/submenu_culture2.jpg);
}
#side_culture3 a {
	background-image: url(../images/submenu_culture3.jpg);
}
#side_culture4 a {
	background-image: url(../images/submenu_culture4.jpg);
}
#side_culture5 a {
	background-image: url(../images/submenu_culture5.jpg);
}
#side_culture6 a {
	background-image: url(../images/submenu_culture6.jpg);
}
#side_culture7 a {
	background-image: url(../images/submenu_culture7.jpg);
}
#side_culture8 a {
	background-image: url(../images/submenu_culture8.jpg);
}
#side_culture9 a {
	background-image: url(../images/submenu_culture9.jpg);
}
#side_culture10 a {
	background-image: url(../images/submenu_culture10.jpg);
}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
/* SIDE COOKING **/
#side_cooking h2 {
background-image: url(../images/submenu_t1@2x.png);
}
#side_cooking_select a {
background-image: url(../images/submenu_cook_select@2x.jpg);
}
#side_cooking_kiso a {
	background-image: url(../images/submenu_cook_kiso@2x.jpg);
}
#side_cooking1 a {
	background-image: url(../images/submenu_cook1@2x.jpg);
}
#side_cooking2 a {
	background-image: url(../images/submenu_cook2@2x.jpg);
}
#side_cooking3 a {
	background-image: url(../images/submenu_cook4@2x.jpg);
}
#side_cooking4 a {
	background-image: url(../images/submenu_cook3@2x.jpg);
}
#side_cooking5 a {
	background-image: url(../images/submenu_cook5@2x.jpg);
}
#side_cooking6 a {
	background-image: url(../images/submenu_cooking6@2x.jpg);
}
#side_cooking7 a {
	background-image: url(../images/submenu_cook7@2x.jpg);
}
#side_cooking8 a {
	background-image: url(../images/submenu_cook8@2x.jpg);
}


/* SIDE CULTURE */
#side_culture h2 {
	background-image: url(../images/submenu_t2@2x.png);
}
#side_culture1 a {
	background-image: url(../images/submenu_culture1@2x.jpg);
}
#side_culture2 a {
	background-image: url(../images/submenu_culture2@2x.jpg);
}
#side_culture3 a {
	background-image: url(../images/submenu_culture3@2x.jpg);
}
#side_culture4 a {
	background-image: url(../images/submenu_culture4@2x.jpg);
}
#side_culture5 a {
	background-image: url(../images/submenu_culture5@2x.jpg);
}
#side_culture6 a {
	background-image: url(../images/submenu_culture6@2x.jpg);
}
#side_culture7 a {
	background-image: url(../images/submenu_culture7@2x.jpg);
}
#side_culture8 a {
	background-image: url(../images/submenu_culture8@2x.jpg);
}
#side_culture9 a {
	background-image: url(../images/submenu_culture9@2x.jpg);
}
#side_culture10 a {
	background-image: url(../images/submenu_culture10@2x.jpg);
}

}
/************************************

pagebottom_CONTACT

************************************/

#contact_bottom {
	background-image: url(../images/contact_sen.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	padding-bottom: 10px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-top:60px;
}
#contact_bottom h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/contact_t.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	display: block;
	height: 57px;
	width: 710px;
}
#contact_bottom .tel a{
	float:left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/contact_tel.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	display: block;
	height: 40px;
	width: 300px;
	margin-top: 10px;
	margin-left: 15px;
}
#contact_bottom .form a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/contact_bt.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	display: block;
	float: left;
	height: 40px;
	width: 350px;
	margin-left: 25px;
	margin-top: 10px;
}
#contact_bottom .form a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#contact_bottom {
	background-image: url(../images/contact_sen@2x.png);
}
#contact_bottom h2 {
	background-image: url(../images/contact_t@2x.png);
}
#contact_bottom .tel a{
	background-image: url(../images/contact_tel@2x.png);
}
#contact_bottom .form a {
	background-image: url(../images/contact_bt@2x.png);
}
}

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

#contact_bottom {
	background-image: url(../images/contact_sen.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 710px;
	padding-bottom: 15px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top:60px;
}
#contact_bottom h2 {
background-image: url(../images/contact_sen.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 710px;
	text-indent:inherit;
	white-space: normal;
	overflow: hidden;
	text-decoration: none;
	display: block;
	height: auto;
	width: auto;
	font-size:110%;
	font-family: 'Noto Sans Japanese' ;
font-weight: 200;
	padding:20px 0 0;
	text-align: center;
}
#contact_bottom .tel{
max-width:300px;
margin: 10px auto 0;
}
#contact_bottom .tel a {
	float:none;
	background-image: url(../images/contact_tel@2x.png);
	height: 0;
	width: 100%;
	margin:0;
	padding-top:13.3%;
	
}
#contact_bottom .form{
max-width: 350px;
margin: 10px auto 0;
}
#contact_bottom .form a {
	background-image: url(../images/contact_bt@2x.png);
	float: none;
	height: 0;
	width:100%;
	margin:0;
	padding-top:11.42%;
	
}

}

/************************************

教室案内　料理・文化共通

************************************/
/**: pagetitle ***/
#cooking #page_title h1 ,
#culture #page_title h1 {
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	letter-spacing: 0.3em;
	font-size:170%;	
}
@media only screen and (max-width:768px){
#cooking #page_title h1 ,
#culture #page_title h1  {
font-size:140%;
letter-spacing: 0.1em;
}
}

/**: common ***/
#cooking #main section,
#culture #main section{
	margin-bottom:40px;
}
#cooking #main p,
#culture #main p{
	font-size:90%;
	line-height:170%;
	margin-bottom:20px;
}

/***スクールの紹介***/
#cooking #about h2 ,
#culture #about h2 
{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	margin-bottom:20px;
	background-size: contain;
}
@media only screen and (max-width:768px){
#cooking #about h2 ,
#culture #about h2 {
height: 40px;
width: 100%;
background-size:cover;
}
}
#cooking #about .image img ,
#culture #about .image img 
{
	margin-right: 20px;
}
#cooking #about .image  > *:first-child + *,
#culture #about .image  > *:first-child + *{
	margin-right: 0px;
}

/***スクールの特徴***/

#tokucho h2{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	margin-bottom:20px;
background-size: contain;
}
@media only screen and (max-width:768px){
#tokucho h2{
height: 40px;
width: 100%;
background-size:cover;
}
}


#tokucho .image_tate {
	float: right;
	width: 230px;
	margin-bottom: 10px;
	margin-left: 30px;
}
#tokucho .image_yoko {
	float: right;
	width: 300px;
	margin-bottom: 10px;
	margin-left: 30px;
}
@media only screen and (max-width:768px){
#tokucho .image_tate {
	float: none;
	width: 230px;
	margin:0 auto 20px;
}
#tokucho .image_yoko {
	float: none;
	width: 100%;
	max-width:300px;
	margin:0 auto 20px;
}
}

/***　講師　****/
#teacher {
	background-color: #f1f1f1;
	
	background-repeat: no-repeat;
	background-position: right top;/*全体角丸*/
	border-radius: 7px; /* CSS3草案 */
	-webkit-border-radius: 7px; /* Safari,Google Chrome用 */
	-moz-border-radius: 7px; /* Firefox用 */
	padding: 20px;
	box-sizing: border-box;
}
#teacher .image1 {
	float: left;
	margin-right: 3%;
	width:30.3%;
}
#teacher .image2 {
	float: left;
	margin-right: 3%;
	width:30.3%;
}
#teacher .image3 {
	float: left;
	margin-right: 3%;
	width:30.3%;
}
@media only screen and (max-width:480px){
#teacher .image1,
#teacher .image2,
#teacher .image3{
float:none;
text-align: center;
margin:0 0 10px;
width:100%;
}
}
#teacher .text1 {
	float: left;
	width: 66%;
}
#teacher .text2 {
	float: left;
	padding-top: 0;
	width: 30%;
	margin-left: 0;
}
#teacher .text3 {
	clear:both;
	padding-top: 15px;
}
@media only screen and (max-width:768px){

#teacher .text2{
	clear: both; 
	width: 100%;
	padding-top:15px;
	clear: both;
}
}
@media only screen and (max-width:480px){
#teacher .text1{
	clear: both; 
	width: 100%;
	padding-top: 15px;
}
}
#teacher h2 {
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 10px;
}
#teacher p {
	margin: 0px !important;
	padding: 0px;
}

/****　レッスン風景　***/

#scene h2{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	margin-bottom:20px;
background-size: contain;
}
@media only screen and (max-width:768px){
#scene h2{
height: 40px;
width: 100%;
background-size:cover;
}
}

#scene .main_image {
	margin-bottom: 30px;
}
#scene .archives {
	margin-bottom: 20px;
}
#scene .archives .image {
	float: left;
	width: 30%;
}
#scene .archives .text {
	float: right;
	width: 67%;
}
#scene .archives .text h3 {
	font-size: medium;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
}
#scene .archives .text h3 a{
	color:#000;
	text-decoration:none;
}
#scene .archives .text h3 a:hover{
	color:#000;
	text-decoration:underline;
}
#scene .archives .text .day {
	font-size: 70%;
	color: #666;
	text-align: right;
	margin-bottom: 10px;
}
#scene .archive_bt{
	clear:both;
}
#scene .archive_bt a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 40px;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
background-size: contain;
}


#scene .archive_bt a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
@media only screen and (max-width:480px){
#scene .archives .image {
	float: none;
	width: 100%;
	text-align: center;
	margin:0 0 10px;
}
#scene .archives .text {
	float: none;
	width: 100%;
}
#scene .archive_bt a {
	text-indent: inherit;
	white-space: normal;
	overflow: hidden;
	text-decoration: none;
	background-image: none;
	display: block;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	padding:10px;
	font-size:90%;
	text-align: center;
	color:#fff;
	font-weight: bold;
	background-color: #79334b;
	border-radius: 3px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
}
}

/** 料金スクール概要 **/
#lesson_info h2{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 740px;
	margin-bottom:20px;
background-size: contain;
}
@media only screen and (max-width:768px){
#lesson_info h2{
height: 40px;
width: 100%;
background-size:cover;
}
}


#lesson_info .waku {
	width: 100%;
	background-repeat: repeat-y;
	background-position: left top;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#lesson_info .waku dl {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#lesson_info .waku dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html #lesson_info .waku dl             { zoom: 1; } /* IE6 */  
*:first-child+html #lesson_info .waku dl { zoom: 1; } /* IE7 */  
#lesson_info .waku dl dt {
	font-size: 90%;
	line-height: 170%;
	float: left;
	width: 120px;
	margin-right: 15px;
	margin-left: 25px;
}
#lesson_info .waku dl dd {
	font-size: 90%;
	line-height: 170%;
	float: left;
	width: 520px;
	margin-left: 15px;
}
@media only screen and (max-width:768px){
#lesson_info .waku dl {
	padding:0;
}
#lesson_info .waku dl dt {
	float: none;
	width: 100%;
	box-sizing: border-box;
	margin-right: 0;
	margin-left: 0;
	padding:15px;
}
#lesson_info .waku dl dd {
	float: none;
	width: 100%;
	box-sizing: border-box;
	margin-right: 0;
	margin-left: 0;
	padding:15px;
}
}