/* =============================================================
　◆◆ 基本設定 ◆◆
============================================================= */
/* HTML/BODY  */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family:Lucida,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Meiryo,メイリオ,sans-serif;
    font-size:small;   /*-- 9pt→　smal */
}

/*-- Font-CNT --*/
.text-m {
	font-size:medium;
}
.text-i {
	text-indent:1em;
}
.text-i2 {
	text-indent:2em;
}

#wrap{
	overflow:hidden;
}	

.overflow-wrap {
	overflow-wrap:break-word;
}	

/* HEADER-LINE */
hr#h_line {
	height:10px;
/*	background-color:#196a63;    */
	background-color:#A5FF4B;
	border:0;
	margin:0;
	padding:0;
}

hr#h_line2 {
	height:10px;
	background-color:#A5FF4B;
	border:0;
	margin:0;
	padding:0;
}

/* HEADER-back (it's New) */
.header-back {
	width:100%;
	background-color:#196a63; 
}

/* HEADER */
.header {
	width:1200px;
	margin:0 auto;
	background-color:#196a63;
}

/* MAIN */
.main {
	width:1200px;
	margin:0 auto;
}

/* ghost（ゴースト） CNT */
 dl.social {
  list-style-type:none;
  position:fixed;    /* Ichi-Kotei*/
  bottom:0px;
  right:10px;
  z-index:5;
  margin-bottom:0;
}

.img-ghost {
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/*-------------*/
/*h-taitol-sp用  */
/*-------------*/
#h-taitol-sp{
	display:none;
}		

.sp-taitol {
	font-size:x-large;
	font-weight:bold;
	text-align:left;
	color:#8F3052;
	margin:10px 0 0 10px;
	text-shadow:3px 3px 3px #999999;
}

.main_menubox {
	width:1200px;
	margin:0 auto;
/*	height:auto;  */
}

/* ---------------------------------- */
/*　　ヘッダー　ボタン枠　設定                 */
/* ---------------------------------- */

#menu_nav {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

#menu_nav li {
	display:block;
	float:left;
	width:14.285%;   /* ボタン7個 (100÷7) */
	margin:0;
	padding:0;
}

#menu_nav li a {
	display:block;
	padding:24px 10px 5px 10px;
	text-decoration:none;
	text-align:center;
	color:#196a63;
	border-right:1px #196a63 solid;
	border-bottom:1px #196a63 solid;
	background:#fff;
	transition:.4s;
	height:40px;   /* ADD-NEW  */
}

#menu_nav li a span {
	display:block;
	padding:2px 0;
}

#menu_nav li a:hover {
	background:#196a63;
	color:#fff;
}

/*---追加---2025/10/05-----*/
/* Submenu                */
.y_dropdown_lists {
    display: none;    /*デフォルトでは非表示の状態にしておく*/
    width: 80%;
    position: absolute;
}
.yoyaku:hover .y_dropdown_lists {
    display: block;  /*YOYAKUナビメニューにホバーしたら表示*/
    
}
.y_dropdown_list {
    display:block;
    transition: all .3s;
    position: relative;
    clear: both;
}

/*---追加END---------------*/

#sp_menu {
	display:none;
}

/* ---------------------------------- */
/*　　フッター　ボタン（SP用）　設定              */
/* ---------------------------------- */
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    font-size:large;
    width:90%;
    height:40px;
    color: #FFF;
    line-height:40px;
    background: #5da67f;/*色*/
    border: solid 1px #2a6c50;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.square_btn:active {/*押したとき*/
    border: solid 1px #fff;
    box-shadow: none;
    text-shadow: none;
}

/*--------------*/
/* TOP-IMG 用   */
/* -------------*/
.top-img {
	 margin:0;
	 padding:0;
	 vertical-align:bottom;
}

.top-img-fr{
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	margin-right:14px;
	padding:0;
}

.top-img-f{
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
}

.top-view-img{
	margin:14px auto 0 auto;
}

.img-sepia {
	-webkit-filter:sepia(100%);
	filter:sepia(100%);
}

.img-sepia:hover{
	-webkit-filter:sepia(0%);
	filter:sepia(0%);
/*	opacity:1;
	filter: alpha(opacity=100);  */
}

/*---------------------*/
/* SUB-MENU-BT 合宿用   */
/* --------------------*/
#submenu_nav {
	width:100%;
	max-width:760px;
	margin:0;
	padding:0;
}

#submenu_nav li {
	display:block;
	float:left;
	width:20%;   /* ボタン５個 (100÷5) */
	margin:0;
	padding:0;
}

#submenu_nav li a {
	position:relative;
	display:block;
	padding:24px 10px 5px 10px;   /* top 5px → 24px */
	text-decoration:none;
/*	color:#196a63;    */
	color:#fff;   
	text-align:center;	
/*	background:#dbf5c6;   */
	background:#51a1a2;
	border:2px #fff solid;
	border-radius:5px 5px 5px 5px;
	transition:.4s;
	height:30px;
}

#submenu_nav li a:hover {
	background:#196a63;
	color:#fff;
}

/* ================================= */
/* SUB-Taitol-IMG 入校                */
/* ================================= */
#sub_t_img {
	width:100%;
	max-width:760px;
	margin:0;
	padding:0;
}

#sub_t_img dt {
	display:block;
	float:left;
	margin-left:10px;
	padding:0;
}

/* Midashi 入校案内/ 教習プラン   */
h2.nyuko {
 background-color: #0c8346; /* 背景色 */
 color: #fff; /* 文字色 */
 overflow: hidden;
 padding: 10px; /* 余白 */
 position: relative;
 width:50%;
}

h2.nyuko:before{
 background-color: #fff; /* 大きな円の色 */
 border-radius: 50%;
 content: '';
 display: block;
 opacity: 0.6; /* 大きな円の不透明度 */
 position: absolute;
 bottom: -50px;
 left: 0px;
 width: 100px; /* 大きな円の幅 */
 height: 100px; /* 大きな円の高さ */
}

h2.nyuko:after{
 background-color: #fff; /* 小さな円の色 */
 border-radius: 50%;
 content: '';
 display: block;
 opacity: 0.6; /* 小さな円の不透明度 */
 position: absolute;
 bottom: -50px;
 left: 180px;
 width: 100px; /* 小さな円の幅 */
 height: 100px; /* 小さな円の高さ */
}

h2.nyuko2 {
 background-color: #0c8346; /* 背景色 */
 color: #fff; /* 文字色 */
 overflow: hidden;
 padding: 10px; /* 余白 */
 position: relative;
 width:600px;
}
h2.nyuko2:before{
 background-color: #fff; /* 大きな円の色 */
 border-radius: 50%;
 content: '';
 display: block;
 opacity: 0.6; /* 大きな円の不透明度 */
 position: absolute;
 bottom: -50px;
 left: 0px;
 width: 100px; /* 大きな円の幅 */
 height: 100px; /* 大きな円の高さ */
}

h2.nyuko2:after{
 background-color: #fff; /* 小さな円の色 */
 border-radius: 50%;
 content: '';
 display: block;
 opacity: 0.6; /* 小さな円の不透明度 */
 position: absolute;
 bottom: -50px;
 left: 180px;
 width: 100px; /* 小さな円の幅 */
 height: 100px; /* 小さな円の高さ */
}


/* Midashi Ⅱ   */
h2.midashi2 {
 background-color: #8f3052; /* 背景色 */
 color: #fff; /* 文字色 */
 overflow: hidden;
 padding: 10px; /* 余白 */
 position: relative;
 width:50%;
}

h2.midashi2:before{
 background-color: #fff; /* 大きな円の色 */
 border-radius: 50%;
 content: '';
 display: block;
 opacity: 0.6; /* 大きな円の不透明度 */
 position: absolute;
 bottom: -50px;
 left: 0px;
 width: 100px; /* 大きな円の幅 */
 height: 100px; /* 大きな円の高さ */
}

h2.midashi2:after{
 background-color: #fff; /* 小さな円の色 */
 border-radius: 50%;
 content: '';
 display: block;
 opacity: 0.6; /* 小さな円の不透明度 */
 position: absolute;
 bottom: -50px;
 left: 180px;
 width: 100px; /* 小さな円の幅 */
 height: 100px; /* 小さな円の高さ */
}

/* ----------------------------- */
/* Midashi-Mini 入校案内/教習プラン  */
/* ----------------------------- */
.mini-midashi-nyu {
	position:relative;
	padding:10px;
	padding-left:2em;

}	
.mini-midashi-nyu::before {
	content:"■";
	color:#69b792;
	font-size:2em;
	position:absolute;
	left:0;
	top:-0.1em;
}

.frame-nyukou {
	display:inline-block;
	position:relative;
	width:150px;
	height:150px;
}
.frame-nyukou:after {
	position:absolute;
/*	display:block;   */
	content:"";
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background::#fff;
	box-shadow:	inset 0 0 8px 8px #fff,
		inset 0 0 8px 8px #fff,
		inset 0 0 8px 8px #fff,
		inset 0 0 8px 8px #fff; 
}

/* ============================ */
/* Courselan-MiniMidashi プラン     */
/* ============================ */
.plan-m {
    background: #83e6b7;
    width: 280px;
    height: 20px;
    border: #eee 1px solid;
    margin: 0 auto;
}
.set-plan1 {
	text-align:left;
	display:table-cell;
}

/* ============================ */
/* Guide 校内案内                */
/* ============================ */
/*--- Ma-ru-me --*/
.guide-frame{
	border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
}

/*--- img Frame cnt --*/
.guide-waku {
		width:26em;
}

.img01 {
	max-width:950px;
	margin:0 auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
}

.img01 img {
      width:100%;
      height:auto;
      vertical-align:top;
}

.img02 {
	max-width:180px;
	margin:0 auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
}

.img02 img {
      width:100%;
      height:auto;
      vertical-align:top;
}

.img05 {
	padding:7px;
	border:1px solid #ccc;
	background:#fff;
	box-shadow:1px 1px 5px rgba(20,20,20,0.2);
	max-width:950px;
	margin:0 auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;

}
.img05 img {
      width:100%;
      height:auto;
      vertical-align:top;
}

.waku02 {
     position:relative;     /* positionの基準とするためrelativeを与えます。 */
}

.waku02:before {
     content: '';              /* このプロパティが無いと擬似要素は機能しません、お決まりの呪文です。*/
     display: block;         /* ブロック要素にします。 */
     position: absolute;   /* absoluteで上に乗っけます。*/
     top: 0;                    /* 縦横の値を入れるのは基本です。入れないとだめ！っと思っておくほうが今後の為いいです。 */
     left: 0;
     width: 100%;
     height: 100%;
     box-shadow: inset 0 0 0px 8px rgba(255,255,255,0.6);
     -web-kit-box-shadow: inset 0 0 0px 8px rgba(255,255,255,0.6);
     -moz-box-shadow: inset 0 0 0px 8px rgba(255,255,255,0.6); 
}

/*--- img Label --*/
.box30 {
    margin:0 0 10px 0;
    background: #f1f1f1;
    border-radius:0 0 4px 4px;  
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);  
    -web-kit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    }
    
.box30 .box-title {
    font-size: 1.2em;
    background: #ff99cc;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
/*    padding:15px 20px;   */
    padding:10px 10px;

    margin: 0;
}

/*--------------------*/
/* Koshu  講習案内     */
/*--------------------*/
 h2.koshu{
	padding:0.5em;
	margin:0;
	width:70%;
	font-size:14pt;
	color:black;
	border-top:1px #006633 solid;
	border-left:1px #006633 solid;
	background-color:#00ff7f;
	border-radius:0 0 30px 0;
}

/* Koshu-Table-Calender */
.koshu_midashi{
	background-color:#A5A5A5;
	text-align:center;
	border:thin #647850 solid;
}
.koshu1{
	background-color:#A8EFAF;
	text-align:center;
	border:thin #647850 solid;
}
.koshu2{
	background-color:#D2F4FA;
	text-align:center;
	border:thin #647850 solid;
}
.set-koshu{               /* Tableの配置　*/
	margin-left:10px;
}

.frame-koshu {
	display:inline-block;
	position:relative;
	width:200px;
	height:150px;
}
.frame-koshu:after {
	position:absolute;
/*	display:block;   */
	content:"";
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background::#fff;
	box-shadow:	inset 0 0 8px 8px #fff,
		inset 0 0 8px 8px #fff,
		inset 0 0 8px 8px #fff,
		inset 0 0 8px 8px #fff; 
}

/*-------------*/
/*Midashi1 <h1>
/*-------------*/
h1 {
	text-align:left;
	color:#8F3052;
	margin:10px 0 0 10px;
	text-shadow:3px 3px 3px #999999;
}

/*-------------*/
/*改行制御（ｂｒ）
/*-------------*/
h1 br,h2 br,h3 br,dl dt br,dl dt br,ul li br{
	display:none;
}

dd br{
	display:none;
}

td br{
	display:none;
}	

/*---------------*/
/*  smapho-CNT  */
/*---------------*/
.ds-sh {
	display:none;
}	

/*---------------*/
/*  Content-CNT  */
/*---------------*/
/*---　外左 ---*/ 
div#subcontent-l {
/*	width:900px;  */
	margin:0px;
	padding:0;
	float:left;
}

/*--- 外右 ---*/
div#subcontent-r {
/*	width:300px;   */
	margin-left:0;
	padding:0;
	float:right;
	text-align:right;
}

/*--- 内左 --*/
.subcontent1 {
	margin-left:10px;
	padding:0;
	float:left;
}

/*--- 内右 --*/
.subcontent2 {
	margin-left:10px;
	padding:0;
	float:left;
}

/*--------------------*/
/* 合宿用                   */
/*--------------------*/
table.gs {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width:auto;
}
table.gs tr {
  background: #fff;
  border: 1px solid #ddd;
  padding: .35em;
}
table.gs th, table.gs td {
  padding: .625em;
  text-align: center;
  border: 1px solid #ddd;      /*-- 2018/09/11 --*/  
}

table.park {
	width:auto;
}

.bgc-gs{
	background:#fff9b5;
}	

.bgc-gs2{
	background:#b5e0ff;
}	

.bgc-gs3{
	background:#9cff9c;
}	


/*Gashuku <合宿> テキストの "かたまり" 用*/
span.gs {
	display:inline-block;
}
/* Image View用*/
.view img {
	border-radius:10px;
	display:inline-block;
	box-shadow:0px 0px 20px -5px rgba(0,0,0,0.8);
}	

/* Ko-Midashi */
 h2.gashuku{
	padding:.5em;
	width:320px;
	font-size:14pt;
	color:#8f3052;
	border-top:1px #8f3052 solid;
	border-left:1px#8f3052 solid ;
	background-color:#FFCCFF;
	border-radius:0 0 30px 0;
}
.set-gashuku3{
	margin-left:10px;
}	



/*--------*/
/* Side-b */
/*--------*/
div#submenu-top{
	text-align:right;
	width:280px;
	padding-right:2px;
	margin:0;
	float:right;
}

img.btn{
	border:0;
	margin-top:5px;
}


.text_r{
	color:red;
}
.text_b{
	color:blue;
}
		
/* Table<汎用> */
table {
	border-collapse: collapse;
	border-spacing:0;
}


/*---------------*/
/* Hosho         */
/*---------------*/
 td.hosho{
	border:1px #316745 solid;
	border-bottom:0;
}

 td.hosho-title{
	background-color:#98fb98;	
	border:1px #316745 solid;
	border-bottom:0;
}	
 td.hosho1{
	 border:1px #316745 solid;
}

 td.hosho2{
	 background-color:#FFFFCC;
	 border:1px #316745 solid;
}

 td.hosho3{
	 border-left:1px #316745 solid;
	 border-right:1px #316745 solid;
}
 td.hosho4{
	 border-left:1px #316745 solid;
	 border-right:1px #316745 solid;
	 border-bottom:1px #316745 solid;
}


 th.plan, td.plan{
	 border:1px #316745 solid;
	 background-color:#98fb98;
}
 td.plan1{
	 border:1px #316745 solid;
	 background-color:#98fb98;
}
 td.plan2{
	 border:1px #316745 solid;
	 background-color:#FFFFCC;
}
 td.plan3{
	 border:1px #316745 solid;
	 background-color:#CCCCFF;
}

 td.plan4{
	 border:1px #316745 solid;
	 background-color:#CCFFCC;
}

 td.plan-rb1{
	 border-right:1px #316745 dotted;
	 border-bottom:1px #316745 dotted;
	 background-color:#FFFFCC;
}

 td.plan-rb2{
	 border-right:1px #316745 solid;
	 border-bottom:1px #316745 dotted;
	 background-color:#FFFFCC;
}

 td.plan-rb3{
	 border-right:1px #316745 dotted;
	 border-bottom:1px #316745 solid;
	 background-color:#FFFFFF;
}

 td.plan-rb4{
	 border-right:1px #316745 solid;
	 border-bottom:1px #316745 solid;
	 background-color:#FFFFFF;
}

/*------------------*/
/*   site-map       */
/*------------------*/
/* < site-map a-bt> */
 a:link.site-bt {
 	text-decoration:none;
	color:royalblue;
}
 a:visited.site-bt {
 	text-decoration:none;
	color:royalblue;
}
 a:hover.site-bt {
 	text-decoration:none;
    color:#0a2166;
}
 a:active.site-bt { 
  	text-decoration:none;
    color:#0a2166;
}

/* < site-map li> */
 li.site-li {
	color:royalblue;
	list-style-type:square;
	font-size:small;
}

/* < site-map float> */
 .site-box-left {
	color:#ffffff;
	width:300px;
	height:500px;
	margin-left:30px;
	float:left;
}
/*-------------------------------*/
/* table (BUS)  */
/*-------------------------------*/
.table-bus-ltr {
		border-left:1px solid #d3d3d3;
		border-top:1px solid #d3d3d3;
		border-right:1px solid #d3d3d3;
}
.table-bus {
		border:1px solid #d3d3d3;
}

/*--------------*/
/* ACCESS MAP   */
/*--------------*/
.google-maps {
	position:relative;
	padding-bottom:75%;
	height:0;
	overflow:hidden;
	border:thin lightslategray solid;
}
.google-maps iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}		

/*-------------------------------*/
/* mei-sai (about_us-page)  */
/*-------------------------------*/
.waku-about_us-rb{
	border-right:1px #02A21C solid;
	border-bottom:1px #02A21C solid;
}	
.waku-about_us-b{
	border-bottom:1px #02A21C solid;
}	

/*------------------------------------------*/
/* radius kadomaru (about_us-page)  */
/*------------------------------------------*/
table.about-us{
	border-spacing:0;border-collapse:separate;
}
table.about-us th,table.about-us td{
	border-top:1px solid #02A21C;border-left:1px solid #02A21C;   /* Line Color */
	font-size:medium; font-weight:normal;
}
table.about-us th{
	padding:5px 10px;background:#98fb98;color:#000000;    /* palegreen : black    */
}
table.about-us tr:nth-child(even) th{
	background:#8ce68c;
}
table.about-us td{
	padding:2px 5px;background:#FCFCFC;color:#000000;    /* wite : black    */
}
table.about-us tr:nth-child(even) td{
	background:#F5F5F5;
}
table.about-us th:last-child,table.about-us td:last-child{
	border-right:1px #02A21C solid;
}
table.about-us tr:last-child th,table.about-us tr:last-child td{
	border-bottom:1px #02A21C solid;
}
table.about-us tr:first-child :first-child{
	border-top-left-radius:8px;
}
table.about-us tr:first-child :last-child{
	border-top-right-radius:8px;
}
table.about-us tr:last-child :first-child{
	border-bottom-left-radius:8px;
}
table.about-us tr:last-child :last-child{
	border-bottom-right-radius:8px;
}
table.about-us tr:not(:first-child) th,table.about-us tr:not(:first-child) td{
	border-top:none;
}


/*-----------------*/
/* contact-thanks  */
/*-----------------*/
 .mail-thanks{
	width:540px;
}

 .thanks {
	position: relative;
	padding: 1em 0;
	font-size:14pt;
	color:#8f3052;	
}

 .thanks::before,
 .thanks::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
 .thanks::before {
	top: 0;
	border-top: 2px #ccc solid;
	border-bottom: 1px #ccc solid;
}
 .thanks::after {
	bottom: 0;
	border-top: 1px #ccc solid;
	border-bottom: 2px #ccc solid;
}

/*-------------*/
/* TEXT-INDENT */
/*-------------*/
.indent{
	padding-left:1em; text-indent:-1em;
}
.indent2{
	padding-left:2em; text-indent:-2em;
}

.indent3{
	padding-left:3em; text-indent:-3em;
}
.indent4{
	padding-left:4em; text-indent:-4em;
}
.indent5{
	padding-left:5em; text-indent:-5em;
}

/* FOOTER */
.footer {
	width:100%;
	margin:0 auto;
}	


/*--------------*/
/* FOOTER (ALL) */
/*--------------*/
div#footer-back{
   	background-color:#98fb98;
	background-image:url('nd/images/footer_img_m.png');
	background-repeat:repeat-x;
	width:100%;
	height:80px;
}
div#footer-body{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
div#footer-menu{
	width:900px;
	margin:0 auto;
	padding-top:14px;
	text-align:left;
}
div#footer-line{
 	background-color:#196a63;
 	background-repeat:repeat-x;
 	width:100%;
	height:7px;
}

/*--------------*/
/* ヘッダーIMG 制御 */
/*--------------*/
img.miniimage {
		display:none;
}

div#main-bottom{
	margin-top:14px;
}	

div#main-bottom-sh{
	display:none;
}	

div.resizeimage img {
	width:100%;	
}


@media (max-width:768px) {
/*    画面縮小したら             */
	div#main-bottom{                   /* PC用MAIN の "最下位領域"の非表示 */
		display:none;
	}
	div#main-bottom-sh{                /* SP用MAIN の "最下位領域"の表示 */
		display:block;
	}

	.ds-sh {                           /*　TOP 768以下になったらSH用を表示。   */	
		display:block;
	}	

	.ds-pc {                           /*　TOP 768以下になったらPC用を非表示。   */	
		display:none;
	}
		
	div#subcontent-r {		   		  /* 768以下になったらPC用サイドメニューを非表示(外右）   */
		display:none;
	}
	
	h2.nyuko2{                        /* midashi width 調整*/
		width:50%;
	}		

	.footer{                          /* フッターボタン非表示 */
		display:none;
	}
	
	.view_img {                       /*　View-Img 768以下になったら元（130ｐｘ）に縮小します。   */
		width:130px;
		height:auto;
	}

	.view_img2 {                      /*　View-Img2 768以下になったら元（170ｐｘ）に縮小します。   */
		width:170px;
		height:auto;
	}

	.view_img4 {                      /*　View-Img2 768以下になったら元（340ｐｘ + 8px）に縮小します。   */
		width:350px;
		height:auto;
	}

	.view_img-t {                      /*　View-Img3 768以下になったら元（180ｐｘ）に縮小します。 -TOP-  */
		width:180px;
		height:auto;
	}

	/* TOP ------- */	
	.set-topmn {                       /* top bt-img center */
		width:560px;
		margin:0 auto;
	}
	
	/* NYUKOU ----- 
	.set-nyukou {
		width:320px;
		margin:0 auto;
	}		
	*/		
	*/		
	h1 br,h2 br,h3 br,dl dt br,dl dt br,ul li br {       /* 改行（ｂｒ）を有効に  */
		display:inline;
	}
	dd br {                                        /* 改行（ｂｒ）を有効に  */
		display:inline;
	}		

	td br {                                        /* 改行（ｂｒ）を有効に  */
		display:inline;
	}		

	.main_menubox, .main, .footer {                /* menubox と main footer 領域の　ｆuloat　を無効に */
		float:none;
		margin:0;
		width: auto;
	}
	
	.header {                                     /* HEADER の制御*/
		margin:0;
		width: auto;
	}
	
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
	} 
	.taitol-img p {
		font-size:1em;
	}
	.mail-thanks {
		width:98vw;
	}
	.top-view-img{
		width:560px;
		margin:0 auto 0 auto;
	}
	.top-img-fr {
		margin:0;
	}			
}


@media only screen and (max-width:768px){
	#menu_nav li {
		width:25.0%;    /* 100 ÷ 4 （7ボタンを2段） */
	}

	/* NYUKOU ----- */
	.set-nyukou {
		width:320px;
		margin:0 auto;
	}		

}


@media only screen and (max-width:480px){
	img.miniimage {        /* 480用画像表示   */
		display:block;
	}
	img.bigimage {         /* Big用画像非表示   */
		display:none;
	}				
	.view_img {          /*　View-Img 480以下になったら元（150ｐｘ）に戻します。   */
		width:150px;
		height:auto;
	}

	.view_img2 {          /*　View-Img2 480以下になったら110ｐｘに縮小します。   */
		width:110px;
		height:auto;
	}

	.view_img3 {          /*　View-Img3 480以下になったら132ｐｘに縮小します。   */
		width:132px;
		height:auto;
	}
	.view_img4 {          /*　View-Img4 480以下になったら220ｐｘ + 8px に縮小します。   */
		width:228px;
		height:auto;
	}

	.view_img-t {         /*　View-Img-t 480以下になったら元（110ｐｘ）に縮小します。 -TOP-  */
		width:110px;
		height:auto;
	}

	.header {
		background-color:#dbf5c6;
	}

	.subcontent1{
		width:98vw;       /*2018/09/14 */
		margin-left:0;
	}
	.subcontent2{
		width:98vw;       /*2018/09/14 */
		margin-left:0;
	}
	
	/* TOP -------- */
	.set-topmn {
		width:350px;
		margin:0 auto;
	}		
	.top-view-img{
		width:360px;
	}

	/* PLAN ------- */	
	.set-plan1 {
		text-align:center;
		display:inline;
		width:320px;
		height:230px;
		margin:0 auto;
	}
	.set-plan2 {
		width:320px;
		height:230px;
		margin:0 auto;
	}

	/* KOSHU------- */
	.set-koshu {
		margin:0 auto;
	}
	
	/* GASHUKU------- */
	.set-gashuku {          /* カレンダーcenter */
		margin:0 auto;
	}
	.set-gashuku2 {         /* 料金表TEXT center */
		width:320px;
		margin:0 auto;
	}
	.set-gashuku3 {          /* メモTEX　center */
		margin:0 auto;
	}
	.set-gashuku-park {      /* ParkLodje　center */
		width:280px;
		margin:0 auto;
	}		
		
	.img01 img {
	    width:98vw;
    	height:auto;
	}
	.guide-waku {
		width:98vw;
	}
	.lm05{
		margin-left:5px;
	}
	.ta-img {
		text-align:center;
	}
	/* header taitol img  */
	#h-taitol-sp {
		display:block;
		overflow:auto;
	}
	#h-taitol {
		display:none;
	}

	img.dn {
		display:none;
	}
		
	/* main-menu */					
	#menu_nav {
		display:none;
	}
	#menu_nav li {
		width:100%;
	}

	/* SH用ボタンCNT STR */				
	#sp_menu {
		display:block;
		position:relative;
		width:100%;
		background:#fff;
	}
	#sp_menu a {
		display:block;
		position:relative;
		padding:10px 0 10px;
		color:#196a63;
		text-align:center;
		font-weight:bold;
		font-size:large;				
		text-decoration:none;
	}
	#sp_menu:before {
		content:"MENU";
		font-size:12px;
		color:#fff;
		position:absolute;
		text-align:center;
		top:20%; 
		left:10px;
		height:24px;
		width:40px;
		padding-top:5px;
		background:#196a63;
	}
	#sp_menu a:before {
		margin-top:-9px;
	}
	#sp_menu a:after {
		margin-top:3px;
	}

	/* -- [br] CNT -- */
	h1 br,h3 br,dl dt br,ul li br {
		display:inline;
	}
	
	#sub_t_img {
		text-align:center;
	}		
	
	/*-- gashuku-Table --*/
	table.gs thead {
	    display: none;
  	}
  	table.gs tr {
    	border-bottom: 3px solid #ddd;
    	display: block;
  	}
  	table.gs td {
    	border-bottom: 1px solid #ddd;
    	display: block;
    	text-align: right;
  	}
  	table.gs td:before {
    	content: attr(aria-label);
    	float: left;
  	}
  	table.gs {              /* 料金表 center */
  		width:360px;
		margin:0 auto;
	}
}
/*--- 480 END --*/

/*-----------------------------------------------------------*/
/* 共通                                                      */
/*----------------------------------------------------------*/

/*   リンク制御   */
a:link {color:silver;}
a:visited {color:silver;}
a:hover{color:gray;}
a:active{color:gray;}
}

/* keiko-line  */
.keiko_line{
	background:linear-gradient(transparent 50%,#7fff00 80%);
}

.keiko_line_p{
	background:linear-gradient(transparent 60%,#ffccff 0%);
}

.keiko_line_b {
	background: linear-gradient(transparent 50%, #bc8f8f 50%);
  }
.keiko_line_g{
	background:linear-gradient(transparent 60%,#90ee90 50%);
}

.keiko_line_le{
	background:linear-gradient(transparent 60%,#FFFFcc 100%);
}
.keiko_line_lg{
	background:linear-gradient(transparent 60%,#9cff9c 100%);
}
.keiko_line_lb{
	background:linear-gradient(transparent 60%,#a8d0ed 100%);
}


/* img-枠   */
img.waku {
 border-color:#647850;
 border-style:solid;
 border-width:1px;
}

/* img-Botan */

a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

 form {
    margin:0;
 }