@charset "utf-8";
/* Copyright 2021 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

料理教室

------------------------------------------------------------ */

/* グローバルナビ　アクティブ
---------------------------------------------- */
ul#navi_global li.n00 a{background:url(../img/navi_global01.png) no-repeat 0 -157px;}

/* ページタイトル
---------------------------------------------- */
h3#h3_index{ background:url(../img/lesson/h3_index01.jpg) no-repeat center 0;}

/*コンテンツ
---------------------------------------------- */
div#container{
    width: auto;
    margin: 0;
}

.ttl_lesson01{
	font-size: 26px;
    font-weight: initial;
	text-align: center;
	margin: 30px 0 60px 0;
}

/* イラスト箇所 */
.txt_lesson{
    width: 1200px;
    margin: 0 auto 60px;
}

.txt_lesson ul{
    display: flex;
    padding: 0 20px;
    position: relative;
}

.txt_lesson li{
    position: relative;
    width: 200px;
    padding-top: 120px;
    margin-right: 40px;
    line-height: 1.6;
    display: flex;
    align-items: center;
}

.txt_lesson li:not(:last-child)::after{
    content: "";
    background: url("../img/lesson/ico_arrow_lesson01.png") no-repeat 0 0;
    background-size: contain;
    width: 25px;
    height: 171.5px;
    position: absolute;
    bottom: 0;
    right: -30px;
}

.txt_lesson li:last-child{ margin: 0;}

.txt_lesson li:nth-child(1)::before{
    content: "";
    background: url("../img/lesson/ico_lesson01.png")no-repeat 0 0;
    background-size: contain;
    width: 85px;
    height: 87px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
}

.txt_lesson li:nth-child(2)::before{
    content: "";
    background: url("../img/lesson/ico_lesson02.png")no-repeat 0 0;
    background-size: contain;
    width: 92px;
    height: 66px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -46px;
}

.txt_lesson li:nth-child(3)::before{
    content: "";
    background: url("../img/lesson/ico_lesson03.png")no-repeat 0 0;
    background-size: contain;
    width: 74px;
    height: 58px;
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -37px;
}

.txt_lesson li:nth-child(4)::before{
    content: "";
    background: url("../img/lesson/ico_lesson04.png")no-repeat 0 0;
    background-size: contain;
    width: 103px;
    height: 50px;
    position: absolute;
    top: 26px;
    left: 50%;
    margin-left: -51.5px;
}

.txt_lesson li:nth-child(5)::before{
    content: "";
    background: url("../img/lesson/ico_lesson05.png")no-repeat 0 0;
    background-size: contain;
    width: 84px;
    height: 72px;
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -42px;
}

/* WP コンテンツ */
.lesson{
    width: 960px;
    margin: 0 auto;
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px #2B2E33; 
	padding: 40px 0;
    
}

.lesson:first-of-type{border-top: solid 1px #2B2E33;}

.lesson .lesson_image{
	width: 384px;
	height: 256px;
	object-fit: cover;
}

.lesson_inner{width: 536px;}

.lesson_inner h5{
	font-size: 187%;
	font-weight: normal;
	line-height: 1.6;
	margin-bottom: 18px;
}

.lesson_inner .txt{line-height: 1.8;}

.lesson_inner .txt p:last-of-type{margin-bottom: 0;}

.lesson .txt a{
	color: #CBA652;
	border-bottom: 1px solid #CBA652; 
}

.lesson .txt a:hover{text-decoration: none;}

.lesson .txt img{
	max-width: 100%;
	height: auto;
}

/*--お申し込みはこちらボタン--*/
.lesson .btn{
	text-align: right;
	margin-top: 40px;
}

/*--受付終了--*/
.lesson.finish .lesson_image,
.lesson.finish h5,
.lesson.finish .txt{opacity:0.5;} 

.txt_finish01{
	font-size: 143%;
	color: #FF7373;
	margin: 20px 0 0;
}