@charset "utf-8";

/*リセットcss-------------------------------------------------------*/
*{
	line-height: 180%;
	font-family: 'Libre Baskerville', serif;
	font-family: "Arial", "メイリオ";
	
	box-sizing:border-box;
}
h1,h2,h3,h4,
p,ul,li,ol,dl,dt,dd,
table,td,th,
div,span,
img,a,strong,
body,header,nav,aside,article,section,footer{
	margin:0;
	padding:0;
	font-size:14px;
	box-sizing:border-box;
}
ul,ol{
	list-style:none;
}
a{
	color:#000;
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
td,th{
	border:1px solid #000000;
	font-weight:normal;
}
img{
	max-width:100%;
	vertical-align:text-bottom;
}
.clearfix{
	display:block;
}
.clearfix:after{
	content:"";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}



/*--container-----------------------------------------------------*/
#container{
	width:1200px;
	margin:0 auto;
	position:relative;
	
	min-height: 100vh;
	padding-bottom: 430px;/*←footerの高さ*/
}

/*--header--------------------------------------------------------*/
header{
	position:relative;
	position:fixed;
	z-index:95;
	height:100px;
	width:1200px;
	background:#fff;
	
	/*padding:15px 0;*/
	/*background:skyblue;*/
}

/*--h1------------------------------------------------------------*/
header h1{
	position:absolute;
	top:20px;
	left:50px;
	display:inline-block;
	
	/*margin:5px 0 0 50px;*/
	/*background:pink;*/
}
header h1 img{
	width:120px;
}

/*--nav-----------------------------------------------------------*/
header nav.pc_nav{
	margin:5px 50px 0 0;
	position:absolute;
	top:40px; /*ナビの位置調整20px*/
	right:0;
}
header nav.pc_nav li{
	width:125px;
	display:inline-block;
	position:relative;
}
header nav.pc_nav li a{
	line-height:50px;         /* メニュー項目のリンクの高さ(50px) */
	display: block;            /* 項目内全域をリンク可能にする */
	text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	
	font-family: 'Noto Serif TC', serif;
	font-size:1.2em;
}
header nav.pc_nav li a:hover{
	background-color:#f08200; /* メニュー項目にマウスが載ったときの背景色(淡いオレンジ#ffce9e/#faebd7) */
	border-bottom:1px solid #808080;
}


/*#about,
#services{　/*アンカーリンク高さ調整*/
/*	padding-top: 100px;
	margin-top:-100px;
}*/


/*--nav-submenu---------------------------------------------------*/
header nav.pc_nav ul li ul{
	display:none;			/*サブメニューは、hoverでない時は非表示*/
	margin:0px;				/*サブメニュー外側の余白*/
	padding:5px 0 0;		/*サブメニュー内側の余白*/
	position:absolute;
}
header nav.pc_nav ul li:hover ul{
	display:block;			/*マウスポインタが載っている項目の内部にあるリストを表示する */
}
header nav.pc_nav ul ul li{
	width:240px;			/*サブメニュー1項目の横幅「services」*/
	border-left:2px solid #ffe4c4;/* 項目上側の枠線(オレンジ色で1pxの実線) */
}
header nav.pc_nav ul ul li a{
	line-height:45px;   /* サブメニュー1項目の高さ */
	text-align:left;    /* 文字列の配置(左寄せ) */
	padding-left:10px;   /* 文字列前方の余白(5px) */
	font-family: "Arial", "メイリオ";
	font-weight: normal; /* 太字にはしない */
	font-size:1em;
	background:#fff;
}

/*nav-sp--非表示-------------*/
nav.sp_nav{
	visibility:hidden;
}
header button{
	visibility:hidden;
}

/*--MARZO-nav-------------------------------------------------*/
li#submenu_marzo{
	background-color:#f08200;
	border-bottom:1px solid #808080;
}
li#submenu_marzo a{
	color:#000;
	font-family: "Arial", "メイリオ";
	font-size:1em;
}
li#submenu_marzo a:hover{
	background-color:#fff;
	color:#000;
}
li#submenu_marzo a:hover ul li{
	background:#fff;
}
li#submenu_marzo ul li{
	width:135px;               /* サブメニュー1項目の横幅(135px) */
	border-left: 1px solid #ffe4c4;/* 項目上側の枠線(オレンジ色で1pxの実線) */
}
li#submenu_marzo ul li a{
	color:#000;			/*「料理教室」のサブメニューの文字色*/

}
li#submenu_marzo ul li a:hover{
	background:#faebd7;
}




/*--main----------------------------------------------------------*/
main{
	width:100%;
	position:relative;
	top:100px;
	left:0;
	
	/*background:lightyellow;*/
}

/*--section-------------------------------------------------------*/
section{
	width:100%;
	margin-bottom:70px;
	text-align:center;
	
	/*background:pink;*/
}

main section h2{
	font-size:2em;
	padding:0 15px;
	display:inline-block;
	border-left:1px solid #000;
	border-right:1px solid #000;
	
	font-family: 'Noto Serif TC', serif;
}
.title_ja{
	padding:5px 0 15px;
	font-size:1.2em;
}

.yomi{
	font-size:0.9em;
}
/*--section-visual-PC---------------------------------------------*/

section#visual ul{
	position:relative;
	height:745px; /*jQuery*/
}
section#visual ul li{
	position:absolute;
	top:0;
	left:0;
}
section#visual ul li:nth-of-type(2),
section#visual ul li:nth-of-type(3),
section#visual ul li:nth-of-type(4){
	display:none;
}
/*--section-about-------------------------------------------------*/
section#about p{
	text-align:center;
}

/*--section-services----------------------------------------------*/
section#services ul li{
	float:left;
	margin-right:75px;
	width:350px;
}
section#services ul li:last-of-type{
	margin-right:0;
}
section#services ul li p{
	text-align:left;
	margin-top:15px;
}
section#services ul li img:hover{
	opacity:0.5;
}
section#services ul li a span:hover{
	color:#f08200;
}
section#services ul li a span{
	padding:10px;
	font-size:1.3em;
	font-weight:bold;
	display: inline-block;

  	position: relative;
}

section#services ul li a span:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px; /*下線の上下位置調整*/
  display: inline-block;
  width: 60px; /*下線の幅*/
  height: 1px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #f08200; /*下線の色*/
}


/*--footer--------------------------------------------------------*/
footer{
	/*margin-top:70px;*/
	width:100%;
	padding:0 0 50px;
	
	position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
	
	/*background:skyblue;*/
}
footer p{
	text-align:center;
}
#footer_info,#sitemap,#footer_sns{
	width:400px;
}
#footer_info{
	float:left;
	padding:30px 0 0;
}
#footer_info p{
	text-align:left;
}
#footer_info p img{
	width:120px;
}

#sitemap{
	float:left;
	padding:30px 0 0;
}
#sitemap p{
	text-align:left;
}

#footer_sns{
	float:right;
	padding:30px 0 0 100px;
}
#footer_sns p{
	text-align:right;
}
/*--footer-sitemap-------------------------------------------------*/
#sitemap ul li ul{
	text-indent:1em;
}
#sitemap ul li ul i{
	color:#f08200;
}
#sitemap ul a:hover{
	color:#f08200;
}
/*--footer-お問い合わせ＆SNS-----------------------------------------*/
#footer_sns p:nth-of-type(1),
#footer_sns p:nth-of-type(2),
#footer_sns p:nth-of-type(3){
	padding-top:6px;
	width:300px;
	height:65px;
	text-align:center;
	border: 2px solid #f08200;
	border-radius:10px;
	position:relative;
	margin-bottom:15px;
	line-height:100%;
}
#footer_sns p:nth-of-type(1) a,
#footer_sns p:nth-of-type(2) a,
#footer_sns p:nth-of-type(3) a{
	color:#f08200;
}
#footer_sns p:nth-of-type(1):hover,
#footer_sns p:nth-of-type(2):hover,
#footer_sns p:nth-of-type(3):hover{
 	background: #f08200;
}
#footer_sns p:nth-of-type(1):hover a,
#footer_sns p:nth-of-type(2):hover a,
#footer_sns p:nth-of-type(3):hover a{
	display:block;
	color:#fff
}
.icon_btn{
	position:absolute;
	top:4px;
	left:7px;
	font-size:200%;
}
.f_btn{
	font-size:120%;
	font-weight:bold;
}
#footer_sns p img{
	position:absolute;
	top:10px;
	left:7px;
}

/*--footer-of-top--------------------------------------------------*/
/*#footer{ /*jQueryでmainのheightに変わる*/
	/*position:absolute;
	top:1477px;
}*/

/*★topへ戻る--------------------------------------------------------*/
.page-top p{
	position: fixed ;
	z-index:90;
	right: 30px ;
	bottom: 30px ;
}
.page-top p a{
	padding:11px 0;
	font-size:190%;
	display:block;
}
.move-page-top{
	/*display: block ;*/
	background:#f08200; /*#ffe4c4*/
	width: 50px ;
	height: 50px ;
	border-radius: 50%;
	color:#fff;
	line-height: 10px ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover{
	opacity:0.8;
}





/***subpage**************************************************************************************/
/*----------------------------------------------------------*/
/*--#marzo--------------------------------------------------*/
/*--#about-marzo--------------------------------------------*/
#about_marzo i{
	font-size:1.8em;
}
/*#about_marzo p span a{
	font-size:1.2em;
	font-weight:bold;
}*/
/*--#lesson-marzo-------------------------------------------*/
#marzo section table{
	background:#faf0e6;
	margin:0 auto;
	padding:50px;
	border-collapse:separate;
	border-radius:10px;
	border-spacing:0;
}
#marzo section table tr{
	border-bottom:dashed 1px #fff;
}
#marzo section table th{
	padding:20px 50px;
	border:none;
	border-bottom:dashed 1px #fff;
	font-weight:bold;
}
#marzo section table td{
	padding:20px 50px;
	text-align:left;
	border:none;
	border-bottom:dashed 1px #fff;
}
#marzo section table tr:last-of-type td ul{
	list-style-type:disc;
	list-style-position: inside;
}
#marzo section table tr:last-of-type td li:first-of-type{
	display:inline-block;
	list-style-type:none;
}
span.indent{
	display:inline-block;
}
.indent{
	text-indent:1em;
}
.lesson_menu{
	border-bottom: solid 2px #f08200;
	font-weight:bold;
}
/*--#application-marzo---------------------------------------------*/
#application ul{
	margin-top:15px;
	display:flex;
	justify-content:center;
	align-items: center;
}
#application ul li{
	width:150px;
	height:150px;
	margin-left:40px;
	background:#faf0e6;
	border-radius:50%
}
#application ul li:first-of-type{
	margin-left:0;
}
#application ul li i{
	font-size:200%;
	margin-top:35px;
}
#application ul li:last-of-type i{
	margin-top:50px
}
.an_right{
	margin-left:30px;
}

/*--#application-marzo-ボタンのキャプション----------------------*/
.app_cap{
	margin-top:30px;
}
/*--#application-marzo-ボタン----------------------------------*/
#app_btn{/*#d2b48c*/
	margin:10px auto;
	padding-top:16px;
	width:400px;
	height:65px;
	text-align:center;
	border-radius:15px;
	position:relative;
	line-height:100%;
	background:#f08200; /*#d2b48c/#fa8072*/
}
#app_btn a{
	display:block;
	/*color:#808080;*/
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}
#app_btn:hover{
 	color: #fff;
 	/*background: #808080;*/
	background:#fff;
	border: 2px solid #f08200;
	border-radius:15px;
	color:#f08200;
}
#app_btn:hover a{
	color:#f08200;
	display:block;
	width:100%;
	height:100%;
}


/*--profile-marzo---------------------------------------------------*/
#cap_profile{
	position:relative;
	margin:0 auto;
	width:1100px;
	height:420px;
	background:#faf0e6;
	border-radius:10px;
}
#cap_profile p:nth-of-type(1){ /*profile名前と画像*/
	position:absolute;
	top:60px;
	left:80px;
	z-index:5;
	/*font-size:110%;
	font-weight:bold;*/
}
#cap_profile p:nth-of-type(1) img{
	width:250px;
}
#cap_profile p:nth-of-type(2){ /*profileのキャプション*/
	position:absolute;
	top:60px;
	left:440px;
	z-index:4;
	
	text-align:left;
}
/*#cap_profile p span:nth-last-of-type(2){/*名前*/
#cap_profile3{
	display:block;
	
	text-align:right;
	font-size:110%;
	font-weight:bold;
}
#cap_profile2{ /*MARZOの意味*/
	display:block;
	
	margin-top:10px;
	font-size:80%;
	line-height:normal;
	text-align:right;
}
#box1{
	position:absolute;
	top:20px;
	right:-20px;
	z-index:-1;
	
	width:1100px;
	height:420px;
	background:#f08200;/*#faf0e6/#dbebc4/#eaf4fc*/
	border-radius:10px;
}

/*--iframe-marzo---------------------------------------------------*/
#marzo_app iframe{
 	width:700px;
	height:1316px;
}

/*--------------------------------------------------------*/
/*--mado-mawari-------------------------------------------*/
#about_mado-mawari h2{
	font-family: "Arial", "メイリオ";
	margin-top:50px;
}
#about_mado-mawari p{
	padding:30px 0;
}

#about_mado-mawari ul{
	margin:0 auto;
}
#about_mado-mawari ul li{ /*各ブラインドのimgとキャプション*/
	width:400px;
	float:left;
	padding:0 15px auto 15px;
}
#about_mado-mawari ul li:first-of-type{
	padding-left:0;
}
#about_mado-mawari ul li:last-of-type{
	padding-right:0;
}

#about_mado-mawari ul li p{
	padding:10px 20px 0;
	text-align:left;
}

.name_blind{ /*ブラインドのタイトル*/
	font-size:1.3em;
	font-weight:bold;
	display:inline-block;
	padding:5px 0;
}


/*-#application-mado-mawari------------------------------*/
#application_mado ul{
	margin-top:15px;
	display:flex;
	justify-content:center;
	align-items: center;
}
#application_mado ul li{
	width:150px;
	height:150px;
	margin-left:40px;
	background:#faf0e6;
	border-radius:50%
}
#application_mado ul li:first-of-type{
	margin-left:0;
}
#application_mado ul li i{
	font-size:200%;
	margin-top:50px;
}

#location{
	margin-top:20px;
	text-align:left;
	display:inline-block;
}
/*--iframe-mado---------------------------------------------------*/
#mado_app iframe{
 	width:700px;
	height:1352px;
}


/*--#co-dawari--------------------------------------------------*/
/*--#about-co-dawari--------------------------------------------*/
#co-dawari section:first-of-type{
	margin-bottom:35px;
}
#co-dawari p{
	text-align:center;
}
#about_co-dawari h2{
	font-family: "Arial", "メイリオ";
}
/*#about_co-dawari p:last-of-type{
	padding:30px 0;
}*/