@charset "UTF-8";
/* ============================================================
   古い本文用（legacy-content）
   旧 /css/layout.css → style.css → sp.css から、骨組み（ヘッダー・メニュー・サイド・フッター）以外のルールを
   同じ順番・同じセレクタ・同じ値のまま移したもの（tools/port.py で自動作成）。
   - 本文（固定ページ）とトップのテンプレートが使っている古いクラスを、旧 CSS と同じ見た目で支えるためのファイル
   - 一番後ろの層なので、ここに書いたものはほかの層に勝つ。新しく書くものはここに足さず、components / pages に書く
   - 部品を components / pages に作り直したら、ここから該当するルールを消していく（最後は空にするのが目標）
   - 変えたのは次の点だけ：画像の場所（../img/ → /img/）、IE 用の古い書き方の削除、
     スマホ用の @media の書き方（max-width: 767px → 767.98px）、印刷用の指定の削除
   ============================================================ */
@layer legacy-content {

	/* ---------- 旧 layout.css ---------- */
	.link { background: url(/img/common/icon_arrow01.gif) no-repeat 0 48%; padding: 4px 0 2px 20px; }
	#shopWrap { width: 100%; min-width: 1010px; background: url(/img/common/shopwrap_bg.gif) repeat-x 0 0; margin: 0 auto; padding: 0 0 40px; }
	#shopWrap:after { content: ''; clear: both; display: block; }
	#shop { width: 1030px; margin: 0 auto; text-align: center; padding: 30px 0 0; }
	#shop h2 { font-size: 11px; color: #FFF; text-align: center; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.65); margin: 0 auto 30px; }
	#shop h2 img { margin: 0 0 10px; }
	#shop div { width:178px; margin:0 14px; float:left; }
	#shop div img { box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 1px; }
	#shop h3 { color: #FFF; font-size: 14px; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.65); margin: 0 0 15px; }
	#shop div p { color: #FFF; font-size: 12px; text-align: center; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.65); margin: 15px 0 10px; }
	.secWrap, .secWrap_02 { width: 100%; height: auto; padding: 0; margin: 0 auto 50px; }
	.secWrap_02 { width: 730px; }
	.secWrap:after, .secWrap_02:after { content: ''; clear: both; display: block; }
	.border { margin:0 0 10px 0; padding: 0; overflow: hidden; clear: both; border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }
	.sec, .text, .text01, .text02 { text-align: left; margin: 0 auto; }
	.text02 { line-height:138%; }
	.sec:after, .text01:after, .text02:after { content: ''; clear: both; display: block; }
	.section { height: 100%; clear: both; padding: 10px; margin: 0 auto 20px auto; overflow: hidden; text-align: center; }
	.text { padding:15px; }
	.text02 dl { width: 390px; padding: 0; text-align:left; }
	.text02 dl dt { float: left; margin: 0; width: 4.5em; padding-left: 5px; }
	.text02 dl dd { margin-bottom: 1.0em; margin-left: 0.5em; }
	.box2 { width: 345px; text-align: left; float: left; }
	.box2_1 { width:600px; background-color:#F2F2F2; padding:10px; margin-left:15px; }
	.box2_1 div { width: 277px; overflow: hidden; display: inline-block; vertical-align: top; margin: 0; overflow: hidden; padding:8px 10px; }
	.box2_4 p { width: 150px; overflow: hidden; display: inline-block; vertical-align: top; margin: 0 0 0 0; padding:4px; }
	.box2_4 ul { margin:0 0 0 5px; }
	.box2_4 ul li { width:auto; float:right; display: inline-block; overflow: hidden; margin-left:20px; cursor:pointer; }
	.box2_3 { width: 480px; overflow: hidden; text-align:left; float:left; line-height:134%; }
	.box2_5 { width: 500px; overflow: hidden; text-align:left; float:left; }
	.left_box480 { width:480px; text-align:left; float:left; }
	.box_wrap:after { content: ''; clear: both; display: block; }
	.text01_padding { padding: 20px 20px 5px; }
	.section .h3_1 { text-align:left; }
	.textR, .textR02 { width: 460px; text-align: left; float: right; overflow: hidden; }
	.textR02 { width: 614px; }
	.leftArea { text-align: left; float: left; }
	.rightArea { padding: 0; text-align: center; float: right; }
	.box3 { width: 208px; height:310px; overflow: hidden; margin: 0 2px 10px 2px; text-align: center; float: left; border:1px solid #CCCCCC; }
	.box3 p { font-size:13px; width:184px; height: 100px; text-align: left; padding: 10px 0 5px 0; }
	.box3 a { margin-top:60px; }
	.box3 a img { margin: 0 auto 10px auto; cursor:pointer; }
	.bottomWrap { width: 680px; border: 1px solid #D5D5AA; background: #F5F5EB; margin: 10px auto 20px; }
	.bottomSec { width: 640px; background: #FFF; padding: 10px; margin: 10px auto; }
	.linkarea { width:640px; text-align: center; background-color: #F3F3F0; margin: 10px auto 0 auto; padding:12px 10px; }
	.linkarea:after { content: ''; clear: both; display: block; }
	.linkarea ul { text-align: center; }
	.linkarea li { display: inline-block; font-size:13px; color:#0066CC; background: url(/img/common/icon_arrow04.gif) no-repeat 0 48%; padding: 2px 0 2px 20px; margin: 4px 15px 4px 15px; }
	.bottomLink { width:560px; overflow: hidden; margin: 10px auto; }
	.bottomLink li { float: left; font-size:13px; color:#0066CC; padding: 0 0 0 20px; margin-right: 20px; background: url(https://www.daiichi-golf.co.jp/img/common/icon03.gif) no-repeat 0 0px; }
	.infoarea { width:640px; overflow: hidden; background-color:#F6F6F6; margin: 0 auto 10px auto; vertical-align: top; padding:10px; }
	.infoarea p.link_icon2 { margin-left:0px font-size:13px; color:#0066CC; text-decoration:underline; padding-left:25px; margin-top:2px; }
	.infoarea p.pdf_icon2 { margin-left:0px; font-size:13px; color:#0066CC; text-decoration:underline; padding:3px 25px; }
	#news { width: 700px; height: auto; background-color:#F2F2F2; padding:10px 5px 5px 5px; }
	#news div { background-color:#FCFCFC; width: 680px; padding:0 0 12px 0; }
	#news table.topics { height:auto; margin:0 10px; }
	#news table.topics tr { width:640px; }
	#news table.topics th { vertical-align: top; text-align: left; width: 20px; font-weight: normal; padding:8px 12px 8px 17px; background: url(https://www.daiichi-golf.co.jp/img/common/icon01.gif) no-repeat 5px 15px; border-bottom:dotted 1px #006699; }
	#news table.topics td { vertical-align: top; text-align: left; padding:8px 12px 8px 8px; border-bottom:dotted 1px #006699; margin-right:0px; width: 100%; }
	#event { width: 700px; height: auto; background-color:#F2F2F2; padding:10px 5px 5px 5px; }
	#event div { background-color:#FCFCFC; width: 680px; height:auto; }
	#event div table.topics { width: 660px; height:auto; margin-left: 10px; }
	#event div table.topics tr { width:640px; }
	#event div table.topics th { vertical-align: top; text-align: left; width: 20px; font-weight: normal; padding:8px 12px 8px 17px; background: url(https://www.daiichi-golf.co.jp/img/common/icon01.gif) no-repeat 5px 15px; border-bottom:dotted 1px #006699; }
	#event div table.topics td { vertical-align: top; text-align: left; padding:8px; border-bottom:dotted 1px #006699; margin-right:0px; }
	table p { margin-bottom:0px; }
	.histryTable { width: 650px; margin: 0; border-collapse: collapse; }
	.histryTable th { padding: 10px; color: #FFF; font-weight: bold; background: #060; border-right: 2px solid #FFF; }
	.histryTable td { font-size: 12px; text-align: left; line-height: 150%; padding: 10px 5px 10px 10px; border-bottom: 2px solid #F4F4EA; border-right: 2px solid #FFF; }
	.histryTable td img { margin: 5px auto; }
	.histryTable td.history_bg { width: 13%; text-align: center; border: none; border-bottom: 1px solid #FFF; background: #F4F4EA; }
	img.historyImg { float: left; margin: 0 30px 0 20px; }
	#inqArea { width: 530px; height: 100px; margin: 30px auto 20px auto; clear: both; text-align: center; }
	#TopSlideView { padding: 30px 0; }
	#TopSlideViewMain { margin: 0 0 20px 0; width: 100%; height: 335px; }
	#TopSlideViewMain .slideshow-section { margin: 0; width: 100%; height: 335px; overflow: hidden; cursor: default; position: absolute; left: 0; z-index: 0; }
	#TopSlideViewMain:last-child .slideshow-section { border-bottom: none; }
	#TopSlideViewMain .slideshow-section .slide-items { margin: 0 auto 0 -1545px; width: 1030px; position: absolute; left: 50%; }
	#TopSlideViewMain .slideshow-section .slide-items img { border: solid 5px #FFF; }
	#TopSlideViewMain .slideshow-section ul { margin: 0; padding: 0; position: absolute; width: 50000px; left: 0; display: none; }
	#TopSlideViewMain:after, #TopSlideViewMain .slideshow-section:after, #TopSlideViewMain .slideshow-section ul:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
	#TopSlideViewMain .slideshow-section li { margin: 0 10px; display: block; position: relative; float: left; width: 1010px; height: 335px; background-color: #FFF; overflow: hidden; }
	#TopSlideViewMain .slideshow-section li a { overflow: hidden; display: block; position: relative; width: 100%; height: 335px; z-index: 0; }
	#TopSlideViewMain .slideshow-section li .thumb { display: block; }
	#TopSlideViewMain .slideshow-section li .desc { display: none; }
	#TopSlideViewPager { margin: 0; width: 100%; height: 335px; overflow: hidden; position: absolute; left: 0; z-index: 1; pointer-events: none; }
	#TopSlideViewPager:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
	#TopSlideViewPager .prev, #TopSlideViewPager .next { display: block; position: absolute; text-indent: -9999px; overflow: hidden; width: 1010px; height: 335px; cursor: pointer; pointer-events: auto; }
	#TopSlideViewPager .prev { left: 0; background-color: #FFF; opacity: 0.5; }
	#TopSlideViewPager .next { left: 2060px; background-color: #FFF; opacity: 0.5; }
	#TopSlideViewController:after, #TopSlideViewController ul:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
	#TopSlideViewController { margin: 0 auto; padding: 0; width: 944px; height: 81px; overflow: hidden; }
	#TopSlideViewController .btn { padding: 0; position: absolute; height: 82px; }
	#TopSlideViewController .btn a { text-indent: -9999px; overflow: hidden; display: block; width: 22px; height: 82px; cursor: pointer; }
	#TopSlideViewThumbs { position: relative; overflow: hidden; }
	#TopSlideViewInner { position: relative; overflow: hidden; }
	#TopSlideViewController ul { width: 4000px; height: 82px; list-style: none; margin: 0; padding: 0; position: relative; top: 4px; left: 0; z-index: 0; }
	#TopSlideViewController li { display: block; width: 226px; height: 73px; position: relative; margin: 0 5px; float: left; overflow: hidden; }
	#TopSlideViewController li a { display: block; position: relative; overflow: hidden; }
	#TopSlideViewController li .thumb { display: block; text-align: center; }
	#TopSlideViewController li.current a { border: solid 4px #B8A32D; }
	#TopSlideViewController li.current a img { margin: -4px; }
	#TopSlideViewController li a:hover { border: solid 4px #B8A32D; }
	#TopSlideViewController li a:hover img { margin: -4px; }
	#top_introarea_wrap { width: 1084px; height: 247px; background: url(/img/top/top_intro_bg.jpg) no-repeat 0 0; margin: 20px auto 0; text-align: left; }
	#top_introarea_wrap p { width: 610px; color: #846C46; line-height: 2.2; letter-spacing: 0.8px; padding: 42px 0 0; margin: 0 0 0 246px; }
	#top_bnr_area img { box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 8px 1px; }
	#top_bnr_area div.box2:first-child { margin: 0 30px 0 5px; }
	.h2_event, .h2_info { color: #FFF; font-size: 17px; text-align: left; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.65); background: url(/img/top/ttl_event.jpg) no-repeat 0 0; padding: 14px 15px; position: relative; }
	.h2_event img { position: absolute; right: 20px; bottom: 0; }
	.h2_info { background: url(/img/top/ttl_info.jpg) no-repeat 0 0; }
	.h2_event span, .h2_info span { font-size: 12px; }
	.sec_glow_wrap { width: 728px; height: auto; background-color: #FFF; border: solid 1px #C2C5B4; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2); padding: 0; margin: 5px auto 50px; }
	.sec_glow_inner { width: 690px; margin: 0 auto 30px; }
	.sec_glow_wrap:after, .sec_glow_inner:after { content: ''; clear: both; display: block; }
	.event_ttl_wrap { width: 648px; border-bottom: solid 2px #F0F0F0; padding: 25px 20px; }
	.event_ttl_wrap:after { content: ''; clear: both; display: block; }
	a .event_ttl_wrap:hover { background-color: #F8F8F6; }
	a .event_ttl_wrap h3 { text-decoration: underline; }
	a .event_ttl_wrap p { color: #333; }
	a .event_ttl_wrap:hover h3 { color: #063922; text-decoration: none; }
	.sec_glow_inner div:last-child div.event_ttl_wrap { border-bottom: none; }
	.event_ttl_img { border: solid 1px #CCCCCC; float: left; }
	.event_ttl { width: 488px; float: right; }
	a .event_ttl_wrap .event_time { color: #B8A32C; font-size: 13px; font-weight: bold; margin: 5px 0 10px; }
	.event_ttl h3 { color: #063922; font-weight: bold; background: url(/img/common/icon_arrow05.png) no-repeat 0 48%; padding: 3px 0 2px 20px; margin: 0 0 15px; }
	.info_ttl_wrap { display: table; width: 100%; border-bottom: solid 2px #F0F0F0; padding: 18px 0; }
	.sec_glow_inner div:last-child div.info_ttl_wrap { border-bottom: none; }
	#contents .sec_glow_inner .info_ttl_wrapper a { text-decoration: none; }
	#contents .sec_glow_inner .info_ttl_wrapper a .info_ttl { color: #0B623A; text-decoration: underline; }
	#contents .sec_glow_inner .info_ttl_wrapper a:hover .info_ttl { text-decoration: none; }
	a .info_ttl_wrap:hover { background-color: #F8F8F6; }
	.info_date { display: table-cell; width: 100px; color: #B8A32C; font-size: 13px; padding-left: 10px; }
	.info_ttl { display: table-cell; padding-right: 10px; }
	#contents a div.info_ttl_wrap p.info_ttl { color: #333; }
	.online_area { padding: 0 0 0 8px; }
	.online_list { text-align: center; }
	.online_list li { margin: 0 8px 0 0; float: left; }
	.online_list li:last-child { margin: 0; }
	#top_blog_area { width: 728px; background-color: #000; border: solid 1px #C2C5B4; border-top: none; margin: 0 auto; padding: 0 0 17px; }
	#top_blog_area a { color: #FFF; text-decoration: none; }
	#top_blog_area_bnr { text-align: left; margin: 30px 0 0 25px; }
	#top_blog_area_bnr li { display: inline-block; margin: 0 5px 13px 5px; }
	#blog_contents_wrap { width:750px; height: auto; margin: 0 0 auto 0; text-align: left; overflow: hidden; float: right; }
	#blog_contents { width:542px; height: auto; margin: 0; text-align: left; float: left; }
	#blog_side { width: 190px; padding: 0px; float: right; }
	#blog_contents:after, #blog_side:after { content: ''; clear: both; display: block; }
	#blog_contents a { color:#517c8f; text-decoration:underline; }
	#blog_contents a:hover { color:#517c8f; text-decoration:none; }
	#shop_map { width: 690px; height: 450px; background: url(/img/shoplist/map.gif) no-repeat 0 0; position: relative; }
	#pin_himeji { position: absolute; top: 111px; left: 90px; }
	#pin_tarumi { position: absolute; top: 200px; left: 229px; }
	#pin_itami { position: absolute; top: 119px; left: 361px; }
	#pin_minoo { position: absolute; top: 92px; right: 137px; }
	#pin_sakai { position: absolute; top: 257px; right: 213px; }
	.w358 { width: 358px; }
	.float_r { float: right; }
	.font_16 { font-size: 16px; }
	#gallery_area { width: 610px; margin: 0 auto; }
	#gallery_area:after { content: ''; clear: both; display: block; }
	#gallery_area ul { width: 580px; margin: 15px auto 0; padding: 0; }
	#gallery_area ul li { margin: 0 5px 10px; float: left; text-decoration:none; }
	#gallery_area ul li img { margin: 0; }
	#gallery_area ul li a img:hover { opacity: 0.8; }
	.ui-tabs .ui-tabs-hide { display: none !important; }
	.ui-tabs-nav:after { display: block; clear: both; content: " "; }
	.ui-tabs-nav .ui-tabs-selected a img { position: relative; z-index: 30; opacity: 0.6; }
	*>.ui-tabs-nav a span { width: auto; height: auto; }
	.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { cursor: pointer; }
	.ui-tabs-disabled { opacity: 0.6; }
	.ui-tabs-loading em { padding: 0 0 0 20px; }
	.ui-state-active img { opacity: 0.6; }
	em { font-family: "trebuchet ms", arial, "hirakakupro-w3", osaka, "ms pgothic", sans-serif , 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'ＭＳ Ｐゴシック', serif; }
	#passion { width: 728px; height: auto; margin: 5px auto 50px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
	.passion_box { height: auto; background-color: #FFF; border: solid 1px #C2C5B4; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2); padding: 10px; }
	#contents #passion a { text-decoration: none; }
	#passion a:hover .passion_ttl_wrap { background: #f8f8f6; }
	.passion_ttl_img { width: 100%; aspect-ratio: 1 / 1; max-width: 240px; overflow: hidden; }
	.passion_ttl_img img { width: 100%; height: 100%; object-fit: cover; display: block; }
	@media (max-width: 767.98px) {
		.passion_ttl_img { max-width: none; }
	}
	.passion_ttl .passion_time { margin-top:15px; margin-bottom: 5px; }
	.passion_ttl .passion_time span { color: #063922; font-size: 13px; font-weight: normal; border: 1px solid #063922; border-radius: 2px; padding: 2px 5px; }
	.passion_ttl .passion_time b { display: block; margin-top:5px; color: #B8A32C; font-size: 13px; font-weight: bold; }
	.passion_ttl h3 { margin-top: -5px; color: #063922; font-weight: bold; text-decoration: underline; }
	a:hover .passion_ttl h3 { text-decoration: none; }
	@media (max-width: 767.98px) {
		#passion { width: 100%; grid-template-columns: repeat(2, 1fr); grid-gap:5px; }
		.passion_ttl .passion_time span { font-size: 12px; }
		.passion_ttl .passion_time b { font-size: 12px; font-weight: normal; }
		.passion_ttl h3 { color: #0B6C3F; font-size: 16px; font-weight: bold; line-height: 1.8; background: none; padding: 0; margin: 0; }
	}

	/* ---------- 旧 style.css ---------- */
	.h2_1 { color: #063A23; font-size: 17px; font-weight: bold; text-align: left; line-height: 1.2; border-top: solid 3px #063A23; border-bottom: dotted 1px #999; padding: 15px; margin: 0 0 20px; }
	.h2_2 { color: #063A23; font-size: 17px; font-weight: bold; text-align: left; line-height: 1.2; border-top: solid 3px #063A23; border-bottom: dotted 1px #999; padding: 15px; margin: 0 0 20px; }
	.h2_2 a img { float:right; margin:5px; cursor:pointer; }
	.h2_3 { color: #063A23; font-size: 24px; font-weight: bold; text-align: left; line-height: 1.2; border-top: solid 3px #063A23; padding: 15px; margin: 0 0 20px; }
	.h2_4 { color: #063A23; font-size: 17px; font-weight: bold; text-align: left; line-height: 1.2; border-top: solid 3px #A28F28; border-bottom: dotted 1px #B8A32D; padding: 15px; margin: 0 0 20px; }
	.h2_5 { color: #FFF; font-size: 17px; font-weight: bold; text-align: left; line-height: 1.2; background: url(/img/common/h2_5.gif); padding: 15px; margin: 0 0 20px; }
	.h3_1, .voice h3 { color: #B8A32D; font-size: 15px; font-weight: bold; border-left: solid 4px #B8A32D; padding: 3px 0 2px 8px; margin:0 0 10px 0; letter-spacing: 0; }
	.h3_2 { color: #063A23; font-size:15px; font-weight:bold; text-align: left; border-left: dotted 1px #063A23; padding: 2px 0 0 8px; margin: 15px 0; }
	.h3_3 { font-size: 15px; margin: 0 0 10px 0; color: #B8A32D; text-indent: 0; font-weight:bold; pading:4px 0; }
	.h3_5 { width: 400px; line-height:140%; font-size:12px; font-weight:bold; color: #006699; margin:0; }
	.h3_6 { color: #333; font-size: 17px; font-weight: bold; text-align: left; margin: 15px 0; }
	.h3_6 span { color: #B8A32C; font-weight: bold; }
	.h3_bold { line-height: 140%; font-size: 14px; font-weight: bold; text-align: left; margin: 5px auto 4px 10px; }
	.h4_bold { font-size: 13px; font-weight: bold; line-height: 140%; text-align: left; margin: 5px 10px 4px 0px; }
	.voice { height:auto; clear: both; padding: 0; overflow: hidden; width: auto; text-align: left; overflow: visible; line-height: 140%; margin-top:20px; }
	.voice p { width: 640px; margin:5px 5px 10px 0; }
	.h4_1 { color: #063A23; font-size: 14px; font-weight: bold; text-align: left; line-height: 1.2; margin: 0 0 10px; }
	p.point { margin: 0 0 10px 0; padding: 0 0 0 18px; background: url(/img/common/iconPoint1.gif) no-repeat 0 2px; font-weight: bold; color: #FF6600; }
	ul.link { margin: 10px 0 0 0; }
	ul.link li { padding: 0 0 0 18px; background: url(/img/common/iconLink1.gif) no-repeat 0 3px; }
	ul.disc { list-style-type: disc; margin: 5px 0 0 20px; overflow: visible; }
	ul.disc li { list-style-type: disc; line-height: 1.4; margin: 0; padding: 0 0 10px 0; overflow: visible; }
	ul.disc li.none { margin: 0; padding: 0 0 2px 0; list-style-type: none; }
	p.disc { margin: 5px 0 0 0; padding: 0 0 2px 25px; background: url(/img/common/iconDisc.gif) no-repeat 10px 6px; }
	ul.fittingLink { width: 640px; text-align: center; clear: both; margin: 20px 0 0 0; }
	.fittingLink li { float: left; margin: 20px 10px 0 10px; }
	dl.faq { width: 350px; height: auto; margin: 0 auto; float: left; }
	dl.faq dt { width: 350px; padding: 10px 0 5px 28px; font-weight: bold; background: url(/img/vd/icon_q.gif) no-repeat 5px 8px #F2F2F2; }
	dl.faq dd { width: 350px; overflow: hidden; margin: 10px auto; padding: 10px 0 5px 28px; background: url(/img/vd/icon_a.gif) no-repeat 5px 10px; }
	table.priceTable { width: 640px; margin: 0 auto; font-size: 13px; border-collapse: collapse; border: 1px solid #CCC; }
	table.priceTable th { padding: 5px; font-weight: bold; background: #F5F5F5; border: 1px solid #CCC; }
	table.priceTable td { padding: 5px; border: 1px solid #CCC; }
	.textR ul.school li { list-style-type: decimal; }
	.recruit_text { padding: 0; clear: both; text-align: left; }
	table.profile { width: 630px; margin: 0 10px; font-size: 100%; border: 1px solid #CCC; border-collapse: collapse; }
	table#inquiry { width: 590px; margin: 0 10px; font-size: 100%; border: 1px solid #CCC; border-collapse: collapse; }
	table.profile th, table#inquiry th { width: 180px; padding: 10px; border: 1px solid #CCC; background: #EEEEEE; font-weight: bold; }
	table#inquiry th { text-align: left; }
	table#inquiry th.content { width: 590px; text-align: left; }
	table.profile td, table#inquiry td { width: auto; padding: 10px; text-align: left; line-height: 140%; border: 1px solid #CCC; }
	table#inquiry td { width: 430px; }
	table#inquiry ul { width: 100%; }
	table#inquiry ul.itemList li { float: left; width: 200px; height: 20px; vertical-align: top; }
	table#inquiry ul.itemList li span { padding: 0 5px; }
	input.btn { width: 150px; height: 25px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; background: #F5F5F5; }
	#error { width: 600px; margin: 0 auto; padding: 0; }
	#error li { margin: 0; padding: 3px; background: transparent; color: #C00; font-weight: bold; }
	.mt10 { margin-top: 10px; }
	.mt20 { margin-top: 20px; }
	.mb10 { margin-bottom: 10px; }
	.mr10 { margin-right: 10px; }
	.clear { clear: both; }
	.right { text-align: right; margin: 0 10px 0 0; }
	.center { text-align: center; }
	.required { color: #C00; }
	.bold { font-weight: bold; }
	.small { font-size: 11px; font-weight: bold; }
	.red { color: #FF0000; }
	.blue { color: #003399; }
	.green { color: #063A23; }
	#contentsWrap_popup { width: 800px; margin: 0 auto; padding: 0; overflow: hidden; }
	.popWrap { padding: 5px 10px; margin: 10px 0; text-align: left; overflow: hidden; clear: both; }
	.popL { width: 230px; float: left; margin: 0 10px 0 0; }
	.popR { width: 360px; text-align: left; float: right; margin: 2px 10px 30px 0; }
	table.pop_shaft { border-collapse: collapse; border: 1px solid #FFF; }
	table.pop_shaft td { border: 1px solid #FFF; background-color: #CCC; padding: 10px; font-weight: bold; }
	p.input { width: 60px; cursor: pointer; }
	#pop_galleryMenu ul li { display: inline; line-height: 0; }
	.pager { margin: 2px 2px 10px 0; text-align: right; padding: 8px 0 8px 0; }

	/* ---------- 旧 sp.css ---------- */
	@media (max-width: 767.98px) {
		.link { background: url(/img/common/icon_arrow01.gif) no-repeat 0 48%; padding: 4px 0 2px 20px; }
		#shopWrap { min-width: inherit; background: #133F28; padding: 0 10px 31px; box-sizing: border-box; }
		#shop { width: auto; text-align: left; padding: 26px 0 0; }
		#shop h2 { margin: 0 auto 28px; }
		#shop h2 img { margin: 0 auto; }
		#shop div { width: auto; margin: 0 0 20px; float: none; overflow: hidden; }
		#shop div:last-child { margin-bottom: 0; }
		#shop div img { width: 146px; height: auto; box-shadow: none; }
		#shop h3 { display: none; font-size: 16px; font-weight: bold; line-height: 1.4; text-shadow: none; margin: 0 0 3px; }
		#shop div p { font-size: 16px; text-align: left; text-shadow: none; margin: 0 0 4px; }
		#shop div p a { color: #FFF; display: block; }
		.secWrap, .secWrap_02 { margin: 0 auto 27px; }
		.secWrap_02 { margin-bottom: 33px; padding-top: 2px; width: auto; }
		.secWrap_02 h2 { margin-bottom: 18px; overflow: hidden; }
		.box2 { width: 48.7%; height: auto; float: left; }
		.box2:nth-child(2n) { float: right; }
		.box2 img { width: 100%; height: auto; }
		#TopSlideView { padding: 17px 0 42px; background: url(/img/top/sp_mainvis_bg.jpg) no-repeat center center; background-size: cover; }
		#TopSlideViewMain { margin: 0; width: 100%; height: auto; position: relative; }
		#TopSlideViewMain .slideshow-section { height: auto; overflow: visible; cursor: default; position: static; left: inherit; }
		#TopSlideViewMain:last-child .slideshow-section { border-bottom: none; }
		#TopSlideViewMain .slideshow-section .slide-items { margin: 0; width: inherit; position: static; left: 0; }
		#TopSlideViewMain .slideshow-section .slide-items img { width: 100%; border: none; }
		#TopSlideViewMain .slideshow-section ul { margin: 0; padding: 0; position: static; width: auto; left: 0; display: none; }
		#TopSlideViewMain .slideshow-section li { margin: 0 10px; position: static; width: auto; height: auto; overflow: visible; }
		#TopSlideViewMain .slideshow-section li a { overflow: visible; position: static; height: auto; }
		#TopSlideViewMain .slideshow-section .slick-dots { margin-left: -56px; height: 8px; position: absolute; left: 50%; bottom: -34px; text-align: center; }
		#TopSlideViewMain .slideshow-section .slick-dots li { margin: 0 8px 0 7px; width: 10px; height: 10px; background: url(/img/common/sp_dot01.png) no-repeat center center; background-size: 10px 10px; }
		#TopSlideViewMain .slideshow-section .slick-dots li.slick-active { background-image: url(/img/common/sp_dot02.png); }
		#TopSlideViewMain .slideshow-section .slick-dots li button { display: none !important; }
		#TopSlideViewPager { display: none; }
		#TopSlideViewController { display: none; }
		#top_introarea_wrap { padding: 9px 10px 37px 15px; width: auto; height: auto; position: relative; background: #FBFBF9; margin: 28px 15px 28px 9px; border: 1px solid #ECEADC; }
		#top_introarea_wrap:before { width: 61px; height: 80px; position: absolute; left: -10px; bottom: -2px; background: url(/img/top/sp_top_intro_bg01.png) no-repeat; background-size: 61px 80px; content: ""; z-index: 1; }
		#top_introarea_wrap:after { width: 143px; height: 60px; position: absolute; right: -16px; bottom: -2px; background: url(/img/top/sp_top_intro_bg02.png) no-repeat; background-size: 143px 60px; content: ""; z-index: 1; }
		#top_introarea_wrap p { width: auto; position: relative; font-size: 12px; line-height: 2; letter-spacing: 0; padding: 0; margin: 0; z-index: 2; }
		#top_bnr_area img { box-shadow: none; }
		#top_bnr_area div.box2:first-child { margin: 0; }
		.h2_event, .h2_info { color: #063920; font-size: 22px; text-align: left; text-shadow: none; background: none; padding: 0 0 2px; border-bottom: 2px solid #063920; font-weight: bold; }
		.h2_event img { position: absolute; right: 20px; bottom: 0; }
		.h2_info { background: none; }
		.h2_event span, .h2_info span { font-size: 10px; }
		.h2_event .bold, .h2_info .bold { font-size: 17px; }
		.sec_glow_wrap { width: auto; border: none; box-shadow: none; margin: 0 auto 32px; }
		.sec_glow_inner { width: auto; margin: 0 0 1em; display: flex; justify-content: space-between; flex-wrap: wrap; }
		/* 変更（2026-11-10）：プラグインの部品（店舗カレンダー）は対象外にする。旧 CSS では幅48%に縮んでいた。
		   :where() で包んで、優先度は旧 CSS と同じ（.sec_glow_inner > div）のままにする */
		.sec_glow_inner > div:where(:not(.dg-ev-cal)) { width: 48%; border-bottom: dashed 1px #C1CEC8; }
		#contents .sec_glow_inner a { text-decoration: none; }
		.event_ttl_wrap { width: auto; padding: 12px 0 4px; border: 0; }
		.sec_glow_inner .info_ttl_wrapper { width: 100%; }
		a .event_ttl_wrap:hover { color: #0B623A; background-color: #FFF; }
		a .event_ttl_wrap h3 { margin-bottom: 0; }
		a .event_ttl_wrap p { display: none; }
		a .event_ttl_wrap:hover h3 { color: #0B623A; text-decoration: underline; }
		.event_ttl_img { width: 100%; border: solid 1px #E7E7E7; float: none; margin-bottom: 5px; }
		.event_ttl_img img { width: 100%; }
		.event_ttl { padding-left: 0%; width: 100%; float: none; }
		a .event_ttl_wrap .event_time { display: block; font-size: 12px; font-weight: normal; margin: -3px 0 4px; }
		.event_ttl h3 { color: #0B6C3F; font-size: 16px; font-weight: bold; line-height: 1.8; background: none; padding: 0; margin: 0; }
		.info_ttl_wrap { display: block; border-bottom: dashed 1px #E5E5E5; padding: 8px 0 9px; }
		.sec_glow_inner div:last-child div.info_ttl_wrap { border-bottom: dashed 1px #E5E5E5; }
		#contents .sec_glow_inner .info_ttl_wrapper a { color: #0B6C41; display: block; text-decoration: underline; }
		#contents .sec_glow_inner .info_ttl_wrapper a:hover { color: #0B6C41; }
		#contents .sec_glow_inner .info_ttl_wrapper a .info_ttl { color: #0B623A; text-decoration: underline; }
		#contents .sec_glow_inner .info_ttl_wrapper a:hover .info_ttl { text-decoration: underline; }
		#contents .sec_glow_inner .info_ttl_wrapper a { color: #0B6C3F; }
		#contents .sec_glow_inner .info_ttl_wrapper a:hover { color: #0B6C3F; }
		a .info_ttl_wrap:hover { background-color: #F8F8F6; }
		.info_date { display: block; width: auto; font-size: 13px; line-height: 1.5; padding-left: 10px; background: url(/img/common/sp_icon01.png) no-repeat left center; background-size: 5px 10px; }
		.info_ttl { display: block; padding-right: 0; font-size: 16px; line-height: 1.6; }
		.online_area { margin-bottom: 14px; padding: 0; }
		.online_area .text03 { letter-spacing: 1px; line-height: 2; }
		.online_list li { margin: 0 0 23px; float: none; }
		.online_list li img { width: 100%; }
		.online_list01 { margin: -16px -2px 0 -1px !important; overflow: hidden; }
		.online_list01 li { margin: 10px 0 0 !important; width: 31.9%; float: left; }
		.online_list01 li:nth-child(3n-1) { margin: 10px 2.15% 0 !important; }
		.online_list01 li img { height: auto; }
		.h3_6 { font-size: 18px; margin: 0 0 5px; line-height: 1.6; }
		.h3Ttl01 { margin: -10px 0 8px; font-size: 18px; line-height: 1.8; }
		.box2_3, .box2_1, .left_box480 { width: 100% !important; float: none; box-sizing: border-box; margin-left: 0 !important; overflow: hidden; }
		.box2_1 div { width: 50%; box-sizing: border-box; float: left; padding: 3px; }
		.box2_4 { display: -webkit-flex; display: flex; flex-wrap: wrap; }
		.box2_4 .box3 { width: 48%; margin: 0 1% 1em; height: auto; box-sizing: border-box; }
		.box3 p { width: 100%; padding: .5em; box-sizing: border-box; }
		.rightArea { float: none; overflow: hidden; }
		#contents .rightArea img { max-width: 50%; display: block; margin: 1em auto; }
		#contents .h2_2, #contents .h2_1, #contents .h2_3 { font-size: 22px; padding: .5em 0 .5em; margin-top: 1em; line-height: 1.6; }
		#contents .voice p { width: 100%; margin-right: 0; }
		#contents table { width: 100% !important; margin-left: 0 !important; box-sizing: border-box; }
		#contents table th, #contents table td { display: block; width: 100%; box-sizing: border-box; padding-left: 0 !important; }
		#contents .text { padding: 0; }
		#contents .mt-image-right { max-width: 40% !important; height: auto !important; margin: 0 0 5px 5px !important; }
		#contents .text02 dl { width: 100%; }
		#contents .linkarea { width: 100%; padding: 12px 10px; box-sizing: border-box; }
		.bottomWrap, .bottomSec, .bottomLink, #gallery_area, #gallery_area ul, iframe { width: 100% !important; box-sizing: border-box; }
		.linkarea ul { text-align: left; }
		#contents .priceTable th, #contents .priceTable td, #contents .histryTable th, #contents .histryTable td, #contents .itemList th, #contents .itemList td { display: table-cell; width: auto; padding: .1em; font-size: 16px; }
		#contents .itemList th, #contents .itemList td { vertical-align: top; }
		.h3_1, .voice h3 { margin: 1em 0 .5em; }
		.text02 ol { padding: 0; }
		table#inquiry th.content { width: 100%; }
		.popR { width: 100% !important; float: none; clear: both; }
		.text02 .section, .text02 .section .popWrap { padding-left: 0; padding-right: 0; }
		.online_list { clear: both; overflow: hidden; }
		.online_list li:last-child { margin: 10px 0; }
		.bottomLink li { margin: 5px 0; }
		img.historyImg { float: none; margin: 0 auto; display: block; }
		#shop_map { display: none; }
		.float_r { float: none; }
		.w358 { width: 100%; margin-bottom: 2em; }
		.sec_glow_wrap .leftArea { text-align: left; float: none; }
		#contents .sec_glow_wrap .leftArea img { display: block; margin: 0 auto; max-width: 50%; }
		#gallery_area ul li { margin: 0; width: 33.3333%; box-sizing: border-box; padding: 0 1% 1em; }
		#contents a[href$=".pdf"] { display: block; }
		.linkarea li { padding: 2px 0 2px 20px; margin: 4px 0; min-width: 49%; box-sizing: border-box; }
		.textR, .textR02 { width: 100%; text-align: left; float: none; overflow: hidden; }
		.sec img.leftArea { display: block; margin: 0 auto .5em; float: none; }
		.infoarea { width: 100%; box-sizing: border-box; }
		#contents .infoarea .rightArea img { margin: 0 0 .5em; }
		#blog_contents_wrap { width: 100%; }
		#blog_contents { width: 100%; float: none; padding: 10px; box-sizing: border-box; }
		#blog_contents_wrap img { max-width: 100%; height: auto !important; }
		#blog_side { width: 100%; padding: 0px 10px; float: none; box-sizing: border-box; }
		.widget a { font-size: 14px; }
		.scroll { overflow: auto; }
		.scroll table th, .scroll table td { display: table-cell; font-size: 12px; padding: 8px; white-space: nowrap; }
		.scroll table { width: auto !important; min-width: 100%; }
		#shop h2 { font-size: 16px; line-height: 1.6; }
		.h3_1, .voice h3 { font-size: 20px; line-height: 1.6; }
		.h4_1 { font-size: 18px; line-height: 1.6; }
		.linkarea li, .bottomLink li { font-size: 16px; line-height: 1.6; }
		.bottomLink li { background-position: 0 5px; }
	}
}