@charset "UTF-8";


/*** TOP PAGE ***/


/** タブメニュー背景写真 **/
#top #mainimage {
z-index:100;
height:160px;
/*
	background-image: url(../images/headimg_top1.jpg); 
	background-repeat: no-repeat;
	background-position: center top;
*/

}
.main_img {/*親div*/
text-align:center;
display: block
}
.main_img h2 {
  position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
	font-size:36px;
	line-height:1.4;
	font-weight: 700; /*windows対策*/
	transition:1s;
/*	letter-spacing:0.1em; */
-webkit-text-size-adjust: 100%;
}
@media only screen and (max-width:768px){

.main_img h2 {
  position: absolute;
  top: 40px;
  left:10px;
  -ms-transform: translate(0,0);
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  margin:0;
  padding:0;
	font-size:100%;
	line-height:1.4;
	font-weight: 700; /*windows対策*/
}
}
@media only screen and (max-width:480px){
#top #mainimage {
height:0px;

/*
	background-image: url(../images/headimg_top1.jpg);
	background-size: 500px;
	margin-bottom:-50px;
*/
}
}
.main_img img {
text-align:center;
}

.main_img  a:link,
.main_img  a:visited,
.main_img  a:hover,
.main_img  a:active
{
text-decoration: none;
color:#000;
text-shadow: 2px 1px 1px #FFF;
}
/*
#top .wrapper {
	width: 100%;
	min-height: 1080px;
	text-align: left;
}

#top .wrapper .bn {
	width: 1050px;
	margin:50px auto;
}
#top .wrapper .bn a:hover
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
*/

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

NEWS

************************************/
#top .wrapper #news {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:768px){
#top .wrapper #news {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
}
#top #news h2 {
	font-family: 'Noto Sans Japanese' ;
	font-weight: 200;
	text-align: center;
	font-size: 130%;
	margin-bottom: 20px;
	margin-top: 50px;
}
@media only screen and (max-width:768px){
#top #news h2 {
	font-family: 'Noto Sans Japanese' ;
	font-weight: 500;
	text-align: center;
	font-size: 130%;
	margin-bottom: 20px;
	margin-top: 50px;

	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

#top #news h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;/*線の上下位置*/
  display: inline-block;
  width: 60px;/*線の長さ*/
  height: 3px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #79334b;/*線の色*/
  border-radius: 2px;/*線の丸み*/

}


}


#news .entry_list{
	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;
}
#news .entry_list .entry {
	width: 190px;
	background-color: #f1f1f1;
	
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 7px;
	position: relative;
	padding-bottom: 10px;
}
/*IE8▼*/
#news .entry_list .entry {
float: left\9;
}
/*IE9▼*/
#news .entry_list .entry:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#news .entry_list .entry  {
	float:left !important;
}
}

#news .entry a{
display:block;
transition:.5s;
color: #000000;
}
#news .entry a:hover  {
opacity:0.8;
}

#news .entry .image img{
border-top-left-radius: 10px; 
-webkit-border-top-left-radius: 10px; 
-moz-border-top-left-radius: 10px; 
border-top-right-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
-moz-border-top-right-radius: 10px; 
}
#news .entry h3 {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 80%;
	line-height: 150%;
	font-weight: normal;
	text-align: left;
}

#news .entry h3 a:hover  {
	color: #000000;
	text-decoration: underline;
}
#news .entry p {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 70%;
	text-align: right;
}
#news .more {
	clear: both;
	padding-top: 15px;
	text-align: center;
	font-size: 90%;
	width:100%;
}
#news .more a {
	color: #fff;
	background: #79334b;
	display:inline-block;
	padding:5px 20px;
	border-radius: 2em; 
-webkit-border-radius: 2em; 
-moz-border-radius: 2em; 
}

@media only screen and (max-width:768px){
#news .entry_list .entry {
	width: 100%;
	background-color: #f1f1f1;
	float: none;
	margin-right: 0;
	margin-left: 0;
	margin-bottom:15px;
	border-radius: 0;
	position: relative;
	padding-bottom: 0;
}
#news .entry .image{
/*float:left;*/
display:block;
width:100%;
}
#news .entry .image img{
border-radius: 10px; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
width:100%;
}
#news .entry .text{
/*float:right;*/
width:90%;
}
#news .entry h3 {
width:100%;
	padding:10px 10px 5px 10px;
	font-size: 100%;
	text-align: left;
}

#news .entry p {
	padding:0px 10px 10px 10px;;
	font-size: 90%;
	text-align: left;
}


}

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

information

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

#top #infomation h2 {
	font-family: 'Noto Sans Japanese' ;
	font-weight: 200;
	text-align: center;
	font-size: 130%;
	margin-bottom: 20px;
	margin-top: 50px;
}
@media only screen and (max-width:768px){
#top #infomation h2 {
	font-family: 'Noto Sans Japanese' ;
	font-weight: 500;
	text-align: center;
	font-size: 130%;
	margin-bottom: 20px;
	margin-top: 50px;

	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}

#top #infomation h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;/*線の上下位置*/
  display: inline-block;
  width: 60px;/*線の長さ*/
  height: 3px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #79334b;/*線の色*/
  border-radius: 2px;/*線の丸み*/

}


}




#top #infomation .info{
	margin: 0 auto 40px;
	width:800px;

/*
	height:300px;
	overflow-x: hidden;
	overflow-y: auto;
*/
}

#top #infomation dl {
	border-bottom:1px dotted #79334b;
	padding:10px 0px ;
	margin : 0 20px;
	text-align: left;

}
#top #infomation dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html #top #infomation dl           { zoom: 1; } /* IE6 */  
*:first-child+html #top #infomation dl { zoom: 1; } /* IE7 */  

#top #infomation dl dt {
	float:left;
	width:20%;
	padding-left:20px;
	position:relative;
	font-size:90%;
	box-sizing: border-box;
	
}
#top #infomation dl dt:before{
  position: absolute;
  top: 5px;
  left: 0px;
  color: #79334b;
  font: 12px 'FontAwesome';
  content: "\f10C";
}
#top #infomation dl dd {
	float:left;
	width:75%;
	position:relative;
	font-size:90%;
	line-height:180%;
	word-wrap: break-word;
}


#infomation .more {
	clear: both;
	padding-top: 15px;
	text-align: center;
	font-size: 90%;
	width:100%;
}
#infomation .more a {
	color: #fff;
	background: #79334b;
	display:inline-block;
	padding:5px 20px;
	border-radius: 2em; 
-webkit-border-radius: 2em; 
-moz-border-radius: 2em; 
}



@media only screen and (max-width:768px){
#top #infomation .info{
	margin: 0 auto 40px;
	width:100%;
/*
	height:300px;
	overflow-x: hidden;
	overflow-y: auto;
*/

}

#top #infomation dl dt {
	float:none;
	width:100%;
	font-size:80%;
}

#top #infomation dl dt:before{
  top: 3px;
}

#top #infomation dl dd {
	float:none;
	width:100%;
	word-wrap: break-word;
}


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

COOKING

************************************/
#top .wrapper #top_cooking {
	position: relative;
	width: 100%;
	/*height:480px;*/
}
#top_cooking #cooking_title {
	width: 923px;
	height: 193px;
	z-index: 10;
	background-image: url(../images/top_cooking_img1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
/*position: absolute;
	top: 0;
left: 0;
right: 0;
bottom: 0;*/
margin-left: auto;
margin-right:auto;
position:relative;
}

#top_cooking #cooking_title h1 {
	font-family: 'Noto Sans Japanese' ;
	font-weight:200;
	font-size: 180%;
	text-align: center;
	padding-top: 80px;
}
#top_cooking #cooking_title h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/top_cooking_t2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	display: block;
	height: 53px;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#top_cooking #cooking_title h2 {
    background-image: url(../images/top_cooking_t2@2x.png);
  }
}
/*
#top_cooking #cooking_title .image {
	position:absolute;
	right:0;
	top:0;
	z-index:100;
}*/
@media only screen and (max-width:768px){
#top_cooking #cooking_title {
	width: 100%;
	height: auto;
	background-image: none;
}
#top_cooking #cooking_title h1 {
	font-size: 140%;
	text-align: center;
	padding-top: 0px;
}
}

#top_cooking #cooking_menu {
	background-image: url(../images/page_title_back.gif);
	width: 100%;
	padding:20px 0 0 0;
}
#top .lesson {
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	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;
}
@media only screen and (max-width:768px){
	#top_cooking #cooking_menu {
		padding:20px 0 10px;
	}
	#top .lesson {
		width: 96%;
		margin:0 auto 20px;
	}
}
#top .lesson:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
#top .lesson .waku {
/*4つ
	width: 175px;
*/
	width: 233px;

	margin-right: 6px;
	margin-left: 6px;
	
	border-radius: 6px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	margin-bottom:20px;
}

/*IE8▼*/
#top .lesson .waku {
float: left\9;
}
/*IE9▼*/
#top .lesson .waku:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top .lesson .waku  {
	float:left !important;
}
}

@media only screen and (max-width:768px){
#top .lesson .waku {
	width: 31.3%;
	margin: 1%;
}
}
@media only screen and (max-width:480px){
#top .lesson .waku {
	width: 48%;
}
}

#top .lesson .waku .image {
	text-align:center;
	margin-left: auto;
	margin-top: 10px;
	margin-right:auto;
}
#top .lesson .waku .image a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#top .lesson .waku h3 {
	font-family: 'Noto Sans Japanese' ;
	font-weight:200;
	font-size: 90%;
	line-height: 130%;
	text-align: center;
margin:0 0 7px;
}
#top .waku h3 a {
	text-decoration: none;
	color: #000000;
}
#top .waku h3 a:hover  {
	color: #79334b;
	font-weight: 500;
	opacity:1;
}
#top .lesson .waku p {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 70%;
	line-height: 180%;
	text-align: left;
}
#top #top_culture {
	background-image: url(../images/top_culture_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#top_culture_wrapper {
	background-image: url(../images/top_culture_img1.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:768px){
#top_culture_wrapper {
	background-image: none;
	width: 100%;
}
}
#top_culture h2{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image: url(../images/top_culture_t.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	display: block;
	height: 140px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
	margin-bottom: 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#top_culture h2{
    background-image: url(../images/top_culture_t@2x.png);
  }
}

#top_culture_bottom {
	background-image: url(../images/top_culture_img2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 10px;
}
#top #contact_bottom {
	margin-bottom: 50px;
}
@media only screen and (max-width:768px){
#top_culture_bottom {
background-image: none;
}
}

/*トップページスライドショー */

#top .bnr {
position:relative;
top:160px; /*120px*/
left:420px;
margin:auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-image:url(../images/koushi_bnr1.png);
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
height: 120px;
width: 120px;
animation-name: slidein;
animation-duration:1s;
animation-delay:0;
animation-timing-function: ease;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#top .bnr {
background-image:url(../images/koushi_bnr1.png);
  }
}
@media only screen and (max-width:768px){
#top .bnr {
position:absolute;
height: 60px;
width: 60px;
top:80px;
left:0px;
margin-right:5px;
overflow: hidden;
text-decoration: none;
background-image:url(../images/koushi_bnr1.png);
background-repeat: no-repeat;
background-size:contain;
display: block;
animation-name: slidein;
animation-duration:1s;
animation-delay:0;
animation-timing-function: ease;
}
}