@charset "utf-8";

#index{ overflow-x: hidden;}
/* === main visual === */
#main_visual{ position:relative; height:390px;}
#main_visual_wrapper{ position:absolute; left:50%; overflow:hidden; width:1920px; height:390px; margin:0 0 0 -960px;}
#main_visual_wrapper:before,
#main_visual_wrapper:after{ position:absolute; content:" "; width:460px; height:390px;	background:#fff; z-index:100;}
#main_visual_wrapper:before{left:0;}
#main_visual_wrapper:after{right:0;}
#main_visual_wrapper div{ float:left; overflow:hidden;}
#mv_pager{ position:relative; z-index:110;}
#mv_prev ,
#mv_next{ position:absolute; top:-210px; right:155px;}
#mv_prev{ left:155px; width: 54px;}
#main_visual_thumb{ clear:both; margin:7px auto 20px; text-align:center;}
#main_visual_thumb div{ display:inline-block; margin:0 1px;	border:#fff solid 3px;}
#main_visual_thumb div.mv_thumb_active{	border-color:#a6937c;}
#main_visual_thumb div p.thumb_txt{background: #fee7ce;width: 98px;height: 35px;display: inline-grid;vertical-align: bottom;line-height: 1.3;padding-top: 5px;border: solid 1px;font-weight: 666;letter-spacing: 0;}
#main_visual_sub{ margin-right: auto; margin-left: auto; display: block;}
.trial_mv{ width:640px;}
.trial_mv .half{ float:left; margin-left:0; width:320px;}

/* === what's new & blog === */
.whatsnew,.blog{ border:#ccb5ac solid 1px; border-top:#c6af96 solid 3px; float:left; width:488px; height:170px;}
.blog{ margin:0 0 20px 15px; }
	.whatsnew h2,.blog h2{ font-size:23px; color:#583627; padding:2px 0 2px 10px; width:200px; float:left;}
	.whatsnew li,.blog li{ float:right; padding:5px 0 0; margin:0 5px;}
	.news_inner{ overflow: hidden; height: 137px; border-top:#c6af96 dashed 1px; width: 468px; padding: 0 10px 10px;}
		.news_inner dl dt{ clear:left; float:left; width:80px; font-size:12px; line-height:2;}
		.news_inner dl dd{font-size:13px; float:left; width:360px; margin:0 0 0 10px; line-height:2; letter-spacing: -.01em;}
		.news_inner .jspVerticalBar{width:10px;}
		.news_inner .jspVerticalBar .jspArrow{height:10px;}
		.news_inner .jspVerticalBar .jspArrowDown:after,
		.news_inner .jspVerticalBar .jspArrowUp:after{ content:' '; display:block; position:absolute; width:0px; height:0px; top:0px; left:2px; border:transparent solid 3px;}
		.news_inner .jspVerticalBar .jspArrowDown:after{ border-bottom-color:#fff;}
		.news_inner .jspVerticalBar .jspArrowUp:after{ border-top-color:#fff;}
		.news_inner .jspVerticalBar .jspDrag{background:#c6af96;}
		.news_inner .jspVerticalBar .jspTrack{background:#ccc;}
		.news_inner .jspVerticalBar .jspArrow,
		.news_inner .jspVerticalBar .jspDisabled{background:#800000;}

/* === mypage === */
.info_bottom{ float:left; width:220px; margin:0 20px 0 0;}
	.members{width:218px; height:330px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:#ccb5ac 1px solid; text-align:center;}
		.members h2{ height:23px; background:url(../img/common/bg_chk01_gray.gif) repeat; margin:0 0 10px; padding:6px 8px;}
		.members h2 span{ border-radius: 3px; opacity: 0.6;	background:#fff; font-size:14px; font-weight:bold; padding:3px 0; text-align:center; width:100%; display:block;	color:#583627;}
		.members p{font-size:13px;}
		.members .btn_login {width:197px; position:relative; font-size:16px; margin:10px auto 18px;}
		.members .btn_login a{ display:block; background:#dc7277; border-radius:5px; padding: 20px 0 20px 20px; color:#fff; font-weight:bold; text-align:center;}
		
		/* ブラウザによってレイアウトが崩れるため修正 2017/06/06 */
		.members .btn_login a:before{ position:absolute; content:"\f023"; font-family: "Font Awesome 5 Free"; font-weight: 900; left: 20px; top: 20px;}
		.members .btn_furikae a,
		.members .btn_schedule a { margin:0 auto; overflow: hidden; height:0; display:block;}
		.members .btn_login a:hover{ text-decoration:none; background:#c6af96;}
		.members .btn_furikae a:hover{ background:url(../img/index/reclassified_bnon.png) no-repeat; width:194px; padding-top:56px;} 
		.members .btn_schedule a:hover{ background:url(../img/index/schedule_bnon.png) no-repeat; width:194px; padding-top:46px;}
		.members .btn_furikae a{ background:url(../img/index/reclassified_bn.png) no-repeat; width:194px; padding-top:56px;}
		.members .btn_schedule a{ background:url(../img/index/schedule_bn.png) no-repeat; width:194px; padding-top:46px;}
		
/* sarch
-----------------------------------------------------*/	
#srch{ display:block; position:absolute; border-radius:3px;	background:url(../img/common/bg_chk01_gray.gif) repeat; width:200px; height:30px; padding:10px; margin:15px 0 0;}
	#srch input.off { color:#999;}
	#srchInput{ display:inline-block; width:154px; height:26px; padding:1px 3px; border:1px solid #baaaa0;}
	#srchBtn{ display:inline-block; width:30px; height:30px; overflow:hidden; text-indent:135%; white-space:nowrap; background:transparent url(../img/index/search_icon.png) no-repeat; border:0; cursor:pointer;}
		#srchBtn:hover{background:url(../img/index/search_iconon.png) no-repeat;}		

/* === oneday lesson === */
.oneday{ float: left; width: 760px; height: 332px;}
	.oneday .oneday_title{height:34px; width:760px; border-bottom:#c6af96 4px solid;}
	.oneday .oneday_title h2{float:left; color:#583627; font-size:26px; margin:0 10px 0 5px;}
	.oneday .oneday_title .oneday_copy{float:left; margin:8px 10px 0 5px; font-size:18px; color:#b5a299;}
	.oneday .btn_more{margin-top: -40px;margin-bottom: 50px;}
	.oneday .btn_more a{ display: block; float: right; width: 91px; height: 17px; font-size:13px; background: #ccb5ac; border-radius: 3px; color:#fff; margin:7px 0 0; padding:4px 12px 3px 0; text-align:center; text-decoration:none;}
	.oneday .btn_more a:hover{ background:#c6af96;}
	.oneday .btn_more a:after{ position:absolute; content:" "; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8.7px;	border-color: transparent transparent transparent #fff; margin:3px 0 0 5px;}	
	.btn_oneday_wine a{ width:250px; height:39px; display:block; float:right; margin:2px 0 5px; background:url(../img/index/1daywine_bnon.png) no-repeat;}
	.btn_oneday_wine a:hover img{ display:none;}	
	#carousel{ position:relative; width:760px; height:auto; margin:30px 5px 0 0;}
		#carousel .carousel_main{ overflow:hidden; position:absolute; top:8px; left:25px; width:800px; height:280px; z-index:15; padding:0 5px;}
		#carousel .carousel_main .oneday_list{ display:block; width:200px; height:241px; padding:8px; margin:-11px 20px 0 1px; border:#c6af96 1px solid; z-index:10;}
		#carousel .carousel_main .oneday_list_irregular{ margin:-19px 20px 0 0;}
		#carousel .carousel_main .oneday_list img{ z-index:11;object-fit: cover;}
			#carousel .carousel_main dd{ padding:5px 0 0; letter-spacing:0; line-height:1.4;}
			#carousel .carousel_main dd.irregular{ width:156px; height:50px; padding:2px 36px 0px 20px; letter-spacing:0; line-height:1.4;}
			#carousel .carousel_main dd span{font-size:11px;}
			#carousel .carousel_main dd .oneday_tag{background-color: #aac863; padding: .1rem; margin-right: .2rem; color: #fff;}/*オンライン*/
			#carousel .carousel_main dd .collabo_tag{background-color: #f8a0cb; padding: .1rem; margin-right: .2rem; color: #fff;}/*コラボ*/
			#carousel .carousel_main dd .kyoto_tag{background-color: #93259a; padding: .1rem; margin-right: .2rem; color: #fff; letter-spacing: -.05em;}/*京おばんざい*/
		#carousel_prev{ position:absolute; top:120px; z-index:25;}
		#carousel_next{ position:absolute; top:120px; left:730px; z-index:25;}
		#carousel_prev img:hover, #carousel_next img:hover{cursor:pointer;}
		#carousel .oneday_content{ width:240px; height:280px; float:left;}
		#carousel .oneday_content p.oneday_day{	background-color: #c6af96; height: 22px; position: relative; width: 100px; z-index:20; right:5px; padding:5px 0; text-align:center; color:#fff; font-size:15px;}
		#carousel .oneday_content dt{position:relative;}
		#carousel .oneday_content dt div{position:absolute;bottom: 0;right: 0;background: #dc7277;color: #FFF;font-size: 15px;padding: 3px 5px;}
		#carousel .oneday_content dt p{position:absolute;bottom: 0;left: 0;background:#583627;color: #FFF;font-size: 12px;padding: 3px 5px;}
		#carousel .oneday_content p.oneday_day_2days{ width:170px;}
		#carousel .oneday_content dt span.event_tag{font-size:12px;padding: 2px 3px;color: #fff;background: #048928;border-radius: 3px;display: inline-block;position: absolute;top: 5px;font-size: 12px;left: calc(50% - 4em);}
		#carousel .oneday_content dt span.event_tag.val{background: #ef456f;left: calc(50% - 6em);}
		#carousel .oneday_content p.oneday_day_irregular{ height: 30px;	padding:3px 0; font-size:13px;}
		#carousel .oneday_content p.oneday_day:before { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-width: 6px; border-top-color: #ccc; border-left-width: 6px; border-right-width: 0; top: 100%; left:0;}
.banner{ float:left; overflow:hidden; width:746px; margin:0 0 7px;}
	.banner ul{	margin:0 0 0 -13px;}
	.banner ul li{ float:left; width:240px; height:65px; margin:0 0 8px 13px;}
.top_sidebnr{ margin: 10px auto; width: 240px;}
.top_sidebnr a:hover img{ filter: alpha(opacity=80); -moz-opacity:0.70; opacity:0.70; -ms-filter:alpha(opacity=70);  /* ie 8 */}
#index_menu{ margin:0 0 20px;}
#index_menu li a{ display:block; border:#c6af96 1px solid; padding:10px 10px 10px 182px; text-decoration:none; width: 125px; height: 185px; background: url(../img/index/course.jpg) no-repeat 10px 10px;}
#index_menu li:nth-child(2) a { background-position:10px -255px;}
#index_menu li:nth-child(3) a { background-position:10px -525px;}
#index_menu li:nth-child(4) a { background-position:10px -791px;}
#index_menu li:nth-child(5) a { background-position:10px -1059px;}
#index_menu li:nth-child(6) a { background-position:10px -1325px;}
#index_menu li a h3{font-size:1.3em; font-weight:bold;}/*font-size:1.4em*/
#index_menu li a h4{ font-size:1.2em; right:10px; font-weight:bold; position:absolute; top:175px;}
#index_menu li a h3.textManner{ font-size:1.1em; font-weight:bold;}
#index_menu li{ display: inline-block; position: relative; float:left;}
#index_menu li:before { content: ""; display: inline-block; position: absolute; right: 303px; top: 91px; margin-top: -8px; width: 0; height: 0; border-style: solid; border-width: 12.5px 0 12.5px 21.7px; border-color: transparent transparent transparent #c6af96;}
#index_menu li:hover:before { left: 1px;}
#index_menu li p{line-height:1.5; /*font-size:0.85em;*/}
#top_banner li{ width:235px; float:left;}
#index_menu #top_button { position:relative; width:1000px; margin-bottom:30px; font-size:30px;}
/*#index_menu #top_button h2{ background:#72c9e3; width:350px; color:#fff; float:left; padding:4px 0 5px; text-align:center;}夏キャンペーン★*/
#index_menu #top_button h2{ background:#583627; width:350px; color:#fff; float:left; padding:4px 0 5px; text-align:center;}

/* ブラウザによってレイアウトが崩れるため修正 2017/06/06 */
/* left350pxにするとIEで崩れるので仕方なく-1pxしています */
/*#index_menu #top_button h2:after{ width: 0; height: 0; content: ' '; position: absolute; border-style: solid; border-width: 23px 0 22px 25px; border-color: transparent transparent transparent #72c9e3;
left: 349px; top: 0;}夏キャンペーン★*/
#index_menu #top_button h2:after{ width: 0; height: 0; content: ' '; position: absolute; border-style: solid; border-width: 23px 0 22px 25px; border-color: transparent transparent transparent #583627;
left: 349px; top: 0;}
/*#index_menu #top_button h2:after{ width: 0; height: 0; content: ' '; position: absolute; border-style: solid; border-width: 23px 0 22px 25px; border-color: transparent transparent transparent #583627; margin: -4px 0 0 41px;}*/

/*#index_menu #top_button p{ background:#aeddeb; width:570px; color:#fff; float:left; padding:4px 10px 5px 70px;}夏キャンペーン★*/
#index_menu #top_button p{ background:#c6af96; width:570px; color:#fff; float:left; padding:4px 10px 5px 70px;}
/*#index_menu #top_button p{ background:#efdcbe; width:570px; color:#fff; float:left; padding:4px 10px 5px 70px;}*/
/*#index_menu #top_button p span#price{ color:#2b7de1; position:relative; margin:0 7px; font-weight:bold;}夏キャンペーン★*/
#index_menu #top_button p span#price{ color:#e41a22; position:relative; margin:0 7px; font-weight:bold;}
#index_menu #top_button p:before{ width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; content: ' '; position: absolute; margin: 2px 0 0 540px;}

/* ブラウザによってレイアウトが崩れるため修正 2017/06/06 */
#index_menu #top_button p:after{ box-sizing: border-box; border: 8px solid transparent; border-left: 15px solid #583627; content: ' '; position: absolute;
left: 970px; top: 13px;}
/*#index_menu #top_button p:after{ box-sizing: border-box; border: 8px solid transparent; border-left: 15px solid #583627; content: ' '; position: absolute; margin:10px 0 0 83px;}*/

#index_menu #top_button a{ position:absolute; top:0; left:0; width:100%; height:100%;}
#index_menu #top_button a:hover dt{ background:#3c221a;}
#index_menu #top_button a:hover dt:after{ border-color: transparent transparent transparent #3c221a;}
#index_menu #top_button a:hover dd{ background:#fdd29a;}

.top_button_0yen{padding-bottom: 2em;}

/* コロナ緊急告知 */
/*.attention_toppage a{border: 2px solid #d5222b; padding: 1em 0; text-align: center; color: #d5222b; width: 1000px; display: inline-block; font-size: 17px; font-weight: bold; background: #fbe3e1;}*/

/* topページ */
#index h1{font-size:13px;}