@charset "utf-8";


/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* 全体の背景色 */
color: #1c1717; /* 全体の文字色 */
font-size: medium; /* 全体の文字サイズ */
line-height: 200%;
}



/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #008080; }
a:active { color: #008080; }



hr.clear {
clear: left;
border: 1px #fffaf0 dotted;
margin: 0;
padding: 0;
line-height: 50%;
}




/* --- ヘッダ --- */
#header{
margin: 80px auto 70px;
padding: 0px;
width: device-width;
max-width: 1200px;
font-size: x-small;
line-height: 130%;
}

#header img {
width: 98%;
}

#headersub{
margin: 80px auto 70px;
padding: 0px;
width: device-width;
max-width: 1200px;
font-size: x-small;
line-height: 130%;
}

#headersub img {
width: 98%;
}


/* --- スライド --- */
#slideshow {
position: relative;
width: device-width;
max-width: 1200px;
height: auto;
border: yellow 0px solid;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
   width: 100%;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


/* --- menu --- */
/****★メニュー全体****/
#menu{
	/*配置*/
	position: fixed;
	top: 10px;
	left: 0;
	width:  100%;
	pointer-events: none;
	z-index: 100;
}

/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	width: 80px;
	height: 80px;
	pointer-events: none;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 10px;
}

#menu .menuopen{
	/*配置*/
	display: block;
	width:  100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0%;
	pointer-events: auto;
}

#menu .menuclose{
	/*配置*/
	display: none;
	width:  100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

/****メニュー****/
#menu ul{
	/*デザイン*/
	background: rgba(247,249,252,1);
	border: 0px solid red;
	width: 100%;
	margin-left: 0%;
	padding: 10px 0 100px 0;
	/*配置*/
	position: absolute;
	top: 80px;/*#menu divの高さ*/
	display: none;
	list-style-type: none;
	text-align: left;
}

#menu li{
	/*デザイン*/
	padding-left: 15%;
	padding-top: 50px;
	padding-bottom: 30px;
	color: rgba(51,51,51,1);
	font-size: xx-large;
	border-bottom: 0px rgba(36,177,157,1) solid;
	/*配置*/
	pointer-events: auto;
}
#menu li a{
	text-decoration: none;
	font-size: xx-large;
}

/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target ul{
	/*配置*/
	display: block;
}



/* --- ▼コンテナの設定 --- */
#container {
width: device-width;
max-width: 1200px;
margin: 50px auto 0;
padding: 0;
background-color: #ffffff;
border-right: 0px solid red;
border-left: 0px solid red;
font-size: medium;
}



/*-- index --*/


#container div.topi {
margin: 80% 0 100px 0;
padding: 0 10px;
width: device-width;
max-width: 1200px;
border: #fdf7eb 0px solid;
}

#container div.topi div {
margin: 30px auto 150px;
padding: 10px;
border-bottom: #333333 1px dotted;
}

#container div.topi div h2 {
margin: 0;
padding: 0;
font-size: medium;
color: red;
font-weight: nomal;
line-height: 120%;
}

#container div.youtube {
margin: 10px auto;
padding: 0;
width: device-width;
max-width: 1000px;
min-height: 300px;
border: #0028bc 3px solid;
text-align: center;
}



#container div.topi2 {
margin: 80px auto;
padding: 0;
width: device-width;
max-width: 1000px;
border: #fdf7eb 0px solid;
}



/*-- staff --*/
#container div.s_01 {
margin: 0 0 0 50px;
padding: 0;
width: device-width;
max-width: 1200px;
border: #0028bc 0px solid;
}

#container div.s_01 img {
width: 98%;
}



#container div.com {
margin: 60px 0;
padding: 0 10px;
width: device-width;
max-width: 1200px;
font-size: medium;
}




/*-- price --*/
/*-- osusume --*/
#container div.price {
margin: 50px 0;
padding: 0 5%;
width: device-width;
max-width: 1200px;
}

#container div.price img {
margin: 0;
padding: 0;
width: 98%;
}


#container div.price div {
margin: 80px 0 100px 0;
padding: 0;
width: 100%;
}

#container div.price p {
text-align: center;
font-size: x-large;
}


/*-- map --*/

#container div.tel {
margin: 0;
padding: 0;
width: device-width;
max-width: 1200px;
}

#container div.tel dl {
margin: 0 auto;
padding: 0;
font-size: medium;
color: #1c1717;
font-weight: nomal;
}

#container div.tel dl dt {
margin: 0;
padding: 0;
font-size: medium;
}


#container div.tel dl dd {
margin: 0 0 30px 0;
padding: 0 0 0 20%;
border-bottom: 1px dotted #666666;
font-size: medium;
}

#container div.tel dl dd img {
margin: 10px 0 30px 0;
padding: 0;
width: 98%
border-bottom: 1px dotted #666666;
}


#container div.map {
margin: 50px auto;
padding: 0 auto;
width: 98%;
}





/* --- sitemap --- */

#container div.sitemap {
margin: 0 auto;
padding: 0;
width: device-width;
max-width: 1200px;
}

#container div.sitemap ul.sitemap {
margin: 0px auto;
width: 90%;
list-style: url(../img/li.gif);
}

#container div.sitemap ul.sitemap li {
margin: 0px;
text-decoration: none;
font-size: x-large;
}

#container div.sitemap ul.sitemap li a {
margin: 0px;
text-decoration: none;
font-size: x-large;
}
#container div.sitemap ul.sitemap li.s {
margin: 0px 0 80px 0;
text-decoration: none;
list-style: none;
font-size: small;
}


#container div.sitemap img {
margin: 0 auto;
width: 98%;
}


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
margin: 0 auto;
width: device-width;
max-width: 1200px;
padding: 0;
border-top: 1px #0028bc solid;
text-align: left;
}

#footer div.address {
margin: 30px auto;
padding: 5px 10px;
width: device-width;
max-width: 1200px;
font-size: medium;
color: #330000;
line-height: 180%;
}



div.copy {
margin: 20px auto;
padding: 5px auto;
text-align: center;
width: device-width;
background-color: #0028bc;
font-size: small;
color: #ffffff;
}

p.footer {
margin: 0;
padding: 0;
font-size: xx-small;
color: #473319;
text-align: right;
line-height: 100%;
}


/* --- ▲フッタ内の設定終了 --- */