#coursearea {}
#coursearea a{text-decoration: none;color:#000;}
#coursearea >section{width: 1020px;margin: 0 auto 100px;}
#coursearea .more{ margin: auto; padding-bottom: 1em; display: block; width: 150px; font-size: 11px; line-height: 1; text-align: left; color: #000; text-decoration: none; border-bottom: solid 1px #000; position: relative; } 
#coursearea .more:before,
#coursearea .more:after{ content: ""; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: 0; } 
#coursearea .more:after{ top: 0.4em; } 
#coursearea .course_nav_li .more {  margin: 54px 72px 10px auto; color: #fff; border-bottom: solid 1px #fff; } 
#coursearea .course_nav_li .more::before,
#coursearea .course_nav_li .more::after{ border-top: 1px solid #fff; border-right: 1px solid #fff;}
.sponly{display:none;}

#coursearea .buffet .more:before,
#coursearea .buffet .more:after{-webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 0.2em; } 
#coursearea .buffet .more:after{ right: 0.4em; } 
@media screen and (max-width:768px){
  .sponly{display:block;}
  #coursearea >section{width: 100% !important;margin: 0 auto 20%;}  
}





/*
course_nav
--------------------------------------------------------*/
#course_nav{width:100% !important;}
.course_nav_ul{display:flex;}
.course_nav_li{}
.course_nav_li:nth-of-type(1){background:#eb8429; width: 40%;}
.course_nav_li:nth-of-type(2){background:#000000; width: 60%;}
.course_nav_li a { display: flex;flex-wrap: wrap;padding: 46px 0 66px 75px; position: relative;overflow: hidden;}
.course_nav_li.course a img{margin-right: 257px;}
.course_nav_li .more{}
@media screen and (max-width:768px){
  #course_nav{ }
  .course_nav_ul{flex-wrap:wrap;}
  .course_nav_li{width:50% !important;}
  .course_nav_li:nth-of-type(1){ }
  .course_nav_li:nth-of-type(2){ }
  .course_nav_li a{ padding: 12% 15%; text-align: center;}
  .course_nav_li a img,.course_nav_li.course a img{margin: auto;width: 100%;height:auto;}
  #coursearea .course_nav_li .more{width: 100%; float: none; margin: 6vw auto 0;}
  .course_nav_li .more{ }
}


/*
course_about
--------------------------------------------------------*/
#course_about{ display:flex;}
.course_about1{width:50%;}
.course_about1 h2{text-align: left;}
.course_about1 h2 span { font-size: 0.4em; padding-left: 1.4em; font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;vertical-align: middle;}
.course_about1 h2 span { font-size: 0.4em; padding-left: 1.4em; font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;vertical-align: middle;}
.course_about1 p:nth-of-type(1){font-size: 20px; font-weight: bold; padding-bottom: 20px;}
.course_about1 p:nth-of-type(2) { font-size: 16px; line-height: 1.8; }
.course_about2{width:50%;}
.course_about2 .img{}
@media screen and (max-width:768px){
  #course_about{margin-bottom: 8% !important;}
  #course_hatakebar >p{ padding: 0 4%;}
  #course_about{flex-wrap: wrap; padding: 0 5% 0;}
  .course_about1 h2{text-align: center;}
  .course_about1 h2 span{display:none;}
  .course_about1,.course_about2{width:100%;}
  .course_about1 p:nth-of-type(2) { margin-bottom: 8%; }
  .course_about1 p:nth-of-type(1){ }
  .course_about1 p:nth-of-type(2) { }
  .course_about2 .img{ }
}





.course_btn{}
.course_ul{display:flex;margin-bottom: 1.3em;}
.course_li{width: 33.3%;text-align: center;}
.course_li a{color: #fff !important; background: #eb8429; display: block; padding: 27px 0 27px; margin-right: 3%; font-size: 17px;font-weight:bold;}
.course_li.c2 a{background: #b52d1f;}
.course_li a span{position: relative; display: inline-block;margin-left: 1.5em;}
.course_li a span::after{position:absolute;  top: 0px; bottom: 0px; margin: auto; left: -67px; content:""; display: inline-block; width: 48px; height: 32px; background: url('../images/course_icon_pc.png') no-repeat; background-size: contain;}
@media screen and (max-width:768px){
  .course_btn{ padding: 0 5% 0 !important;margin-bottom: 8% !important;}
  .course_ul{ }
  .course_li{ }
  .course_li a{padding: 40% 0 11%; line-height: 1.5;font-size: 3vmin;}
  .course_li a span{margin: auto;}
  .course_li a span::after{right: 0; left: 0; width: 8vw; height: 8vw; top: -17vw;}
}

/*
course_option
--------------------------------------------------------*/
.h2_sub_txt{font-size: 24px;font-weight: bold;margin-bottom: 40px;font-family: 'Roboto', sans-serif;}
.course_option{ background: #f3f3f3; padding: 62px 0 0; width: 100% !important; text-align: center;margin: 0;}
.course_option h3{font-size: 18px;margin-bottom: 20px;}
.course_option h4{font-size: 18px; margin-bottom: 20px;}
.course_option h4 span{display: block; font-size: 0.8em; font-weight: normal;}
.course_option_ul{display: flex;flex-wrap: wrap;width: 1020px;margin: 20px auto;}
.course_option_li{width: 49%;background:#fff;margin: 0 1% 1% 0;background:#fff;padding: 3%;text-align: left;position: relative;}
.course_option_li:nth-child(2n){margin-right:0 !important;}
.course_option_li .area{margin: 0 0 2%;}
.course_option_li .area>img{max-width: 170px;margin-right: 10px;}
.course_option_img{margin:0 0 20px;}
.course_option_name{font-weight: bold; font-size: 18px; padding: 15px 0 0;}
.course_option_name span{color: #eb8429;display:inline-block;}
.course_option_okawari{}
.acbtnwrap{position: absolute; bottom: 0; right: 0; left: 0; margin: auto;}
.acbtn{margin: 2em auto auto; padding-bottom: 1em; display: block; width: 150px; font-size: 11px; line-height: 1; text-align: left; color: #000; text-decoration: none; border-bottom: solid 1px #000; position: relative; height: 3em;}
.acbtn:before,
.acbtn:after{ content: ""; width: 6px; height: 6px; bottom: 0; margin: auto;border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: 0em;} 
.acbtn:after{ top: 0.6em; }
/* あこーでぃおん */
.box{background: #aaa;text-align:center;}
/* .cp_box{border:solid 1px blue;}
.cp_box label{border:solid 1px blue;}
.cp_box input{border:solid 1px blue;}
.cp_box .cp_container{border:solid 1px blue;} */
.cp_box .cp_container{font-size:14px;}
/* 続きを読む  */
.cp_box *,.cp_box :before,.cp_box :after{-webkit-box-sizing:border-box;box-sizing:border-box}
.cp_box{position:relative;margin-bottom: 30px;}
.cp_box label{position:absolute;z-index:1;bottom:0;cursor:pointer;text-align:center;background:#fff;width: 100%; height: 39px;}
.cp_box input{display:none;}/* チェックボックス隠す */
.cp_box .cp_container{ overflow:hidden; height:15em; /* transition: .5s; */ line-height:1.8em}
.cp_box label:after{content: 'MORE'; position: absolute; z-index: 2; top: 30px; bottom: 0; left: -23%; right: 0; margin: auto; font-size: 12px; font-weight: bold;}
/* .cp_box input:checked+label{background:inherit} */
/* .cp_box input:checked+label{display:none} 「閉じる」ボタンを隠 */
.cp_box input:checked+label::after{content:'CLOSE';}
.cp_box input:checked~.cp_container{ height: auto; padding-bottom: 50px;}
.cp_box input:checked+label .acbtn:before, 
.cp_box input:checked+label .acbtn:after{border-right: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
/* あこーでぃおん */
.course_option_note {line-height: 1.8; text-align: left; width: 1020px; margin: 0 auto 0;}
.course_option_note span{display:block;padding-left:1em;text-indent:-1em;}
#coursearea .and_reserve a{max-width: 300px;width: 80%;color: #eb8429;font-size: 24px;font-weight: bold;position: relative;padding: 30px 0 20px;display: block;margin: auto;}
#coursearea .and_reserve a::after{content: "";display: inline-block;position: absolute;top: 41%;right: 12%;width: 12px;height: 12px;border-top: 2px solid #eb8429;border-right: 2px solid #eb8429;transform: rotate(135deg);}
@media screen and (max-width:768px){
.h2_sub_txt{font-size: 16px;}	
  #coursearea .course_option{padding: 9% 5% 0;}
  .course_option h3{ line-height: 1.5;}
  .course_option h4{ }
  .course_option h4 span{ }
  .course_option_ul{width: 100%; flex-wrap: wrap; }
  .course_option_li{width: 100%; margin: 0 0 5%;padding:5%;}
  .course_option_li .area>img{width: 48%;margin-right: 2%;}
  .course_option_li:nth-child(2){ }
  .course_option_img{ }
  .course_option_name{ }
  .course_option_name span{ }
  .course_option_okawari{ }
  .acbtnwrap{ }
  .acbtn{ }
  .acbtn:before,
  .acbtn:after{ } 
  .acbtn:after{ }
  .box{ }
  .cp_box .cp_container{ }
  .cp_box *,.cp_box :before,.cp_box :after{ }
  .cp_box{ }
  .cp_box label{ }
  .cp_box input{ }/* チェックボックス隠す */
  .cp_box .cp_container{    height: 3em;}
  .cp_box label:after{left: -36%;}
  .cp_box input:checked+label::after{ }
  .cp_box input:checked~.cp_container{ }
  .cp_box input:checked+label .acbtn:before, 
  .cp_box input:checked+label .acbtn:after{ }
  .course_option_note {     width: 100%;}
  .course_option_note span{ }
  #coursearea .and_reserve a{padding: 10px 0 20px;text-indent: -5%;font-size: 20px;}
  #coursearea .and_reserve a::after {top: 25%;}
}



/*
.course_yoyaku_
--------------------------------------------------------*/
#course_yoyaku_btn{text-align: center; background: #fff; padding:20px 0 10px; width: 100% !important;margin:0 !important;}
#course_yoyaku_btn h3{margin: auto auto 30px; font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
#course_yoyaku_btn .corse_notes{margin-bottom: 20px;color: #f00;font-size: 18px;font-weight: bold;}
.course_yoyaku_ul{display:flex; width: 1020px; margin: 20px auto;}
.course_yoyaku_li{ width: 33.3%;}
.course_yoyaku_li a{color: #fff !important; background: #eb8429; display: block; padding: 27px 0 27px; margin-right: 3%; font-size: 17px; font-weight: bold;}
.course_yoyaku_li a span{position: relative; display: inline-block;margin-left: 1.5em;}
.course_yoyaku_li a span::after{position: absolute; top: 0px; bottom: 0px; margin: auto; left: -67px; content: ""; display: inline-block; width: 48px; height: 32px; background: url(../images/course_icon_pc.png) no-repeat; background-size: contain;}
@media screen and (max-width:768px){
  #course_yoyaku_btn{}
  #course_yoyaku_btn h3{ }
  #course_yoyaku_btn .corse_notes{display: block;width: 80%;margin: 0 auto 5%;text-align: left;font-size: 4.4vw;}
  .course_yoyaku_ul{  width:100%;padding: 0 5% 0 !important;margin-bottom: 8% !important;}
  .course_yoyaku_li{}
  .course_yoyaku_li a{ padding: 40% 0 11%; line-height: 1.5;font-size: 3vmin;}
  .course_yoyaku_li a span{margin: auto;}
  .course_yoyaku_li a span::after{right: 0; left: 0; width: 8vw; height: 8vw; top: -17vw;}
}



/*
.course_groupe_
--------------------------------------------------------*/
#course_groupe_btn{text-align: center; background: #f3f3f3; padding: 80px 0; width: 100% !important;}
#course_groupe_btn h3{font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;margin-bottom: 20px;}
.course_groupe_ul{display:flex; width: 1020px; margin: 20px auto;}
.course_groupe_li{ width: 50%;}
.course_groupe_li a{background: #ffffff; display: block; position: relative; padding: 27px 0 27px 23%; margin-right: 3%; font-size: 17px;  text-align: center; pointer-events: none;}
.course_groupe_li a::after{position: absolute; top: 0px; bottom: 0px; margin: auto; left: 10%; content: ""; display: inline-block; width: 36px; height: 36px; background-size: contain;}
/* ↑内の電話アイコン　background: url(../images/course_icon_tel.png) no-repeat; */
.course_groupe_li a span{font-weight: bold;padding-right:1em;}
@media screen and (max-width:768px){
  #course_groupe_btn{padding: 8% 5%;}
  #course_groupe_btn h3{ }
  .course_groupe_ul{  width:100%;padding: 0 0 0 !important;margin-bottom: 8% !important;}
  .course_groupe_li{ text-align: center;}
  .course_groupe_li a{　padding: 40% 0 11%;  line-height: 1.5; text-align: center; font-size: 2.8vmin;pointer-events:all;}
  .course_groupe_li a::after{ right: 0; left: 0; width: 6vw; height: 6vw; top: -12vw;}
  .course_groupe_li a span{　padding-right: 0;}
}




/*
shop_list
------------------------------------------------------*/
#shop_list{
	text-align: center;
}
#shop_list > div{
	margin: auto auto 60px;
	max-width: 724px;
}

#shop_list ul{
	margin: auto auto 50px;
	width: 1024px;
	display: flex;
	justify-content: space-between;
}
#shop_list ul li{
	margin: 0 70px auto 0;
	width: 33.3333%;
	text-align: left;
}
#shop_list ul li:last-child{margin-right: 0;}
#shop_list ul li h4{
	margin: auto auto 1em;
	font-size: 18px;
	line-height: 1;
}
#shop_list ul li a{
	color: inherit;
}

@media screen and (max-width:768px){
	#shop_list > div{
		margin: auto auto 12vw;
		width: 90%;
	}
	#shop_list ul{
		margin: auto;
		width: 90%;
		display: block;
	}
	#shop_list ul li{
		margin: auto auto 9vw;
		width: 100%;
	}
	#shop_list ul li h4{
		margin: auto auto 1em;
		font-size: 5vw;
	}
}

.contact_w{margin-top: 3%; text-align: center; font-size: 20px; font-weight: bold;}
.contact_w a{color: #fff !important; background: #000; max-width: 500px;width: 90%;margin: auto; display: inline-block; position: relative; padding: 27px 0 23px 40px;
}
.contact_w a::after{ position:absolute; top:0px; bottom:0px; margin: auto; left:19%; content:""; display: inline-block; width: 31px; height: 24px; background: url('../images/buffet_farmer_contact_icon.png') no-repeat; background-size: contain;}
@media screen and (max-width:768px){
.contact_w{margin-top: 6%;}
.contact_w a{padding: 3% 0% 3% 13%;font-size: 5vmin;}
}