﻿@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　詳細ページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 VL 標準コンポーネント ver.2.0
--------------------------------------------------------------------------------------- */

/* フロート -------------------- */

.fltR { float: right; }
.fltL { float: left; }

/* 回り込み解除 -------------------- */

.clrL { clear: left; }
.clrR { clear: right; }

/* フロート（画像＋テキスト） -------------------- */

.fltRImg { float: right; margin: 0 0 10px 20px; }
.fltLImg { float: left; margin: 0 20px 10px 0; }

/* テキスト -------------------- */

.bold {	font-weight: bold; }
.marker { background: #FFFF99; padding: 2px 5px 1px 5px; }
.small { font-size: 80%; letter-spacing: 2px; }
.check {
	display: block;
	height: 45px;
	color: #84BD42;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.2;
}
.check a:link {color: #84BD42; text-decoration: none; }
.check a:visited {color: #84BD42; text-decoration: none; }
.check a:hover {color: #84BD42; text-decoration: underline; }
.check img { margin: 0; margin-right: 5px; }

/* 罫線 -------------------- */

.line hr {
	width:99%;
	margin: 15px 0 10px 0;
	padding: 0;
	border-top: 1px dotted #999;
}
.line {
	background: url(https://ko-shu.jp/yamanacy/common/line.gif) repeat-x;
	display: block;
	height: 1px;
	margin: 15px 0 5px 0;
}


/* 大見出し -------------------- */

.sttl01 {
	display: block;
	/*width: 650px;*/ width: 100%;
	height: 50px;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(https://ko-shu.jp/yamanacy/common/stit01.gif) no-repeat;
	text-indent: 40px;
	line-height: 2.1em;
	/* vertical-align: middle; */
}
.sttl01 strong { float: left; }
.sttl01 .subTxt {
	color: #FFFF99;
	font-size: 16px;
	font-weight: bold;
	float: right;
	width: 150px;
	text-align: right;
	padding-right: 15px;
	/* text-indent: 10px; */
}
.sttl02 {
	clear: both;
	display: block;
	/*width: 650px;*/ width: 100%;
	height: 40px;
	font-size: 20px;
	font-weight: bold;
	color: #2EADE4;
	background: url(https://ko-shu.jp/yamanacy/common/stit02.jpg) no-repeat;
	margin-bottom: 10px;
	text-indent: 60px;
	line-height: 2.1em;
}
.sttl02 strong { float: left; }
.sttl02 .subTxt {
	font-size: 15px;
	font-weight: bold;
	float: right;
	background: #2EADE4;
	color: #FFF;
	padding: 2px 5px;
	margin: 8px 10px 0px 0px;
	line-height: 20px;
}
.sttl03 {
	clear: both;
	display: block;
	/*width: 650px;*/ width: 100%;
	height: 35px;
	font-size: 20px;
	font-weight: bold;
	color: #F057A5;
	background: url(https://ko-shu.jp/yamanacy/common/stit03.gif) no-repeat;
	margin-bottom: 10px;
	text-indent: 40px;
	line-height: 2.0em;
}
.sttl03 strong { float: left; }


/* 柄背景 -------------------- */

.bgBlueDot { background: url(https://ko-shu.jp/yamanacy/common/bgBlueDot.gif) repeat; }


/* 色背景テキストボックス -------------------- */

.boxYellow {
	background: #FFFFCC;
	border: 1px solid #EFEFEF;
	margin-top: 5px;
	padding: 10px;
	line-height: 1.4;
}
.boxYellow .ttl {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #FFCC33;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}
.boxYellow dl {	margin: 8px 8px 0 8px;}
.boxYellow dt { font-size: 14px; font-weight: bold; color: #CC6600; }
.boxYellow a:link  { color: #003366; text-decoration: underline; }
.boxYellow a:hover { color: #0066FF; text-decoration: underline; }
.boxBlue {
	background: #E6F9FF;
	border: 1px solid #EFEFEF;
	margin-top: 5px;
	padding: 10px;
	line-height: 1.4;
}
.boxBlue .ttl {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #2EADE4;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}
.boxBlue dl { margin: 8px 8px 0 8px;}
.boxBlue dt { font-size: 14px; font-weight: bold; color: #003366; }
.boxBlue a:link  { color: #003366; text-decoration: underline; }
.boxBlue a:hover { color: #0066FF; text-decoration: underline; }

/* テーブル -------------------- */

.chart01 {
	/*width: 650px;*/ width: 100%;
	margin-top: 25px;
	clear: both;
	/* font-size: 90%; */
	text-align: left; /* ADD */
}
.chart01 h6 {
	color: #930008;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
.chart01 table {
	/*width: 650px;*/ width: 100%;
	border: none;
	margin: 0px;
	border-bottom:1px solid #CCC;
}
.chart01 td {
	border-top: 1px solid #CCC;
	border-collapse: separate;
	border-spacing: 0px 10px;
	vertical-align: middle;
}
.chart01 td p {
	border-left: 1px solid #999999;
	padding-left: 20px;
	margin-top: 5px !important;	
	margin-bottom: 5px !important;
	padding-bottom: 4px;
	padding-top: 4px;
}
.chart01 th {
	font-weight: lighter;
	margin-top: 3px;
	border-top: 1px solid #CCC;
	text-align: center;
	padding-right: 10px;
}
.chart02 {
	background:#FFFFDD;/*#FFFFCE sao編集*/
	/*width: 635px;*/ width: 100%;
	overflow: hidden;
	margin-top: 25px;
	padding-top: 15px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	display: block;
	clear: both;
	text-align: left; /* ADD */
}
.chart02 div {
	margin-right: 5px;
	float: left;
}
.yellow_border {
	border: 5px solid #FFCF00;
}
.chart02 table {
	border: none;
	margin: 0px;
	width: 310px;
	color: #666666;
	/* font-size: 90%; */
}
.chart02 table th {
	padding-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
	text-align: left;	
}
.chart02 table th img{ margin-right: 5px; }
.chart02 table td{
	padding-left: 10px;
	vertical-align: top;
}
.darkblue{
	color: #003399 !important;
	text-decoration: underline !important;
}
.bluegreen{
	color: #0099CC !important;
	font-size: 110%;
	font-weight: bold;
}



/* --------------------------------------------------------------------------------------
 VL 旧式コンポーネント
--------------------------------------------------------------------------------------- */

.nobr{ white-space: nowrap; }
.txtOld01 { color: #555; line-height: 1.8; text-align: left; }
.txtOld02 { color: #666; line-height: 1.7; text-align: left; }
.txtOld02 strong {　color: #AE0000; }
hr {
	color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.dotline {
	background: url(https://ko-shu.jp/yamanacy/common/dotline.gif) repeat-x left bottom;
	/* padding-bottom: 20px; */
	margin-bottom: 20px;
}


/* --------------------------------------------------------------------------------------
 2025.11.10
--------------------------------------------------------------------------------------- */

.fontS08 { font-size: 80% ;}
.fontS09 { font-size: 90% ;}

/*	vl2050
--------------------------------------*/
/*-------------------vl2050 SP Logo-------------------*/
.layout-header .lh-logo_object, .layout-header .lh-title_object {
  max-width: /*35.625vw*/65.625vw;
}

/* Header
----------------------------------------*/
@media (max-width: 991px) {
  .layout-header {
    background-color: #87B924; /*ADD ThemeColor*/
    background-color: #DDD; /*ADD ThemeColor*/
    background-color: #fd6499; /*ADD ThemeColor*/

  }
}
@media (max-width: 991px) {

  .layout-header .lh-menu_searchButton {
    background-color: #87B924; /*ADD ThemeColor*/
    background-color: #DDD; /*ADD ThemeColor*/
    background-color: #fd6499; /*ADD ThemeColor*/

  }
}

/* Global
----------------------------------------*/
.collapse-header {

  background-image: linear-gradient(to top, #E1E1E1 0%, #F1F1F1 63%, #F1F1F1 100%); /*ADD ThemeColor*/

}
@media (max-width: 991px) {

  .collapse-header.right {
    background: #4B6422; /*ADD ThemeColor*/
    background: #CCC; /*ADD ThemeColor*/
    background: #999; /*ADD ThemeColor*/

  }

}

/* Heading
----------------------------------------*/
.heading_tagline {
  color: #A91F32; /*default RED*/
}
.heading[data-heading="lv3"]::before {
  background-color: #A91F32; /*default RED*/
  background-color: #fd6499; /*ADD ThemeColor*/
}
.heading[data-heading="lv4"] .heading_tagline {
  background-color: #A91F32; /*default RED*/
  background-color: #fd6499; /*ADD ThemeColor*/
}
.list[data-list="icon"] .listItem[data-listItem="chevron-right"]::before {
  color: #A91F32; /*default RED*/
  color: #D32D40; /*ADD ThemeColor*/
}

/* # Main
----------------------------------------*/
.layout-main u {
  border-bottom: 0.2rem solid #A91F32; /*default RED*/
  color: #A91F32; /*default RED*/
}

