/* スマートフォン向けのレイアウトの指定：320px～767px */
@media only screen and (max-width: 767px) {

/*==========================================
 body
===========================================*/
html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background-color: #f4f2f1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 85%;
	color: #221814;
}

a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color: #09f;
	text-decoration:underline;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/


header {
	position: relative;
	overflow: hidden;
	margin-bottom: 7px;
}

/* フォントサイズ切替 */
#textswitcher {
	width: 81px;
	height: 21px;
	position: absolute;
	top: 50px;
	right: 25px;
	display: none;
}
#textswitcher a {
	color: #fff;
}
#textswitcher a:hover {
	color: #09f;
}

.txsbox {
	width: 21px;
	height: 21px;
	margin-right: 6px;
	background-color: #896253;
	color: #fefefe;
	line-height: 21px;
	text-align: center;
	float: left;
}

/* ヘッダーイメージ */
header p {
	width:100%;
	margin-bottom: -5px;
}

header p img {
	width:100%;
	height:auto;
	max-width:999px;
}

#slider {
	width: 100%;
	margin-top: -5px;
	max-width:999px;
}

.namech {
	width: 100%;
	background-color: #f3f1f2;
	height: 25px;
	line-height: 25px;
	position: absolute;
	top: 530px;
	z-index: 200;
}

.bizhour, .bizhour00, .bizhour01, .bizhour02 {
	display: none;
}
.bizhour2 {
	width: 90%;
	padding: 5px 0 0 15px;
	background-color: #f3f1f2;
	height: auto;
	color: #875f51;
	font-size: 77%;
	line-height: 17px;
}
/*------------------ 噴火対応 ------------------*/
.bizhour0all {
	width: 100%;
	height: auto;
	margin: 10px auto 0;
}

.bizhour2 {
	width: 90%;
	padding: 5px 10px 0 15px;
	background-color: #f3f1f2;
	height: auto;
	color: #875f51;
	font-size: 115%;
	font-weight: bold;
	line-height: 22px;
}

.bizhour2 span {
	color: #231815;
}

a.arc04 {
	color: #06f;
}

a.arc03 {
	margin-left: 15px;
	font-size: 90% !important;
	color: #06f;
}/* 噴火対応 */
a.arc032:hover {
}/* 噴火対応 */

/*------------------ 噴火対応 ------------------*/


.bizhourf {
	width: 90%;
	padding: 10px 0 0 15px;
	background-color: #f3f1f2;
	height: auto;
	color: #875f51;
	font-size: 85%;
	line-height: 15px;
}

.bizhour03 {
	height: 33px;
	padding: 10px 10px 10px 15px;
	background-color: #f3f1f2;
	color: #875f51;
	font-size: 115%;
	line-height: 18px;
	font-weight: bold;
}
.bh03s {
	font-size: 80% !important;
}

.bizhour04 {
	width: 90%;
	height: auto;
	margin: 0 auto;
	color: #000;
	font-size: 125%;
	line-height: 20px;
	font-weight: bold;
}

/* ヘッダーロゴ */
.toplogo img {
	width: 263px;
	height: 50px;
}


/* リンク画像透過 */
a img.linkimg01 {
	background: none!important;
}
 
a:hover img.linkimg01 {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none!important;
}

a img.linkimg02 {
	background: none!important;
}
 
a:hover img.linkimg02 {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: none!important;
}


/* フッッター */
#footer {
	width: 100%;
	height: auto;
	margin-top: 30px;
	background-color: #593e36;
	color: #eee;
}

.foreign {
	width: 100%;
	height: auto;
	margin-top: -105px;
	background-color: #593e36;
	color: #eee;
}

.flink {
	width: 90%;
	margin: 10px auto;
	padding-top: 5px;
	font-size: 70%;
	text-align: center;
}

.flink a {
	color: #eee;
}

.fcomp {
	padding: 5px 0 0 10px;
	font-size: 80%;
	line-height: 17px;
}

.copyright {
	padding: 5px 0 0 10px;
	font-size: 77%;
	line-height: 17px;
}

#footco {
	width: 100%;
}

#flinkba {
	width: 106px;
	height: 80px;
	margin: 15px auto;
}





/* スマートフォン向けのレイアウトの指定：320px～767px */
  
#wrapall {
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
	margin: 0 auto;
	background-color: #f4f2f1;
}

header {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 12px;
  }

header h1 {
  margin:16px 0 10px 10px;
  width:148px;
  height: 57px;
}

/* 言語切替 */
#lang {
	min-width: 280px;
	margin: 10px 5px 0 0;
	font-size: 77%;
	text-align: center;
	letter-spacing: 0.11em;
	color: #896253;
}

#lang a {
	color: #896253;
	text-decoration:none;
}

#lang a:hover {
	color: #06f;
}

/* ナビゲーション */
#nav {
	height: 18px;
	margin: 10px auto 0;
}

#nav  ul {
	list-style-type: none;
}

#nav li {
	padding: 3px;
	font-size: 8px;
	display: inline;
	line-height: 20px;
	border: 1px solid #896253;
}


#nav a {
    color: #896253;
	text-decoration:none;
}

#nav li a:hover {
	color: #06f;
}

/* 
#contents {
	width: 100%;
	min-height: 1860px;
	height: auto !important;
	height: 1860px;
	position: relative;
}
*/
#contents {
	width: 100%;
	height: auto !important;
	position: static;
}

#contentse {
	width: 100%;
	height: 1830px;
	position: relative;
}

#contents00e {
	width: 999px;
	height: 1830px;
	position: relative;
}

#news {
	width: 100%;
	position:relative;
	background-color: #fefefe;
	border-left: 1px solid #896253;
	border-right: 1px solid #896253;
	font-size: 85%;
	overflow: hidden;
    padding-bottom: 5px;
}

#news iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#news img {
	margin: 8px 0 5px 5px;
}

#news p {
	margin: 7px 0 5px 5px;
}

#news a {
	color: #1c1f87;
}

.date {
	margin: 10px 0 0 12px;
	color: #896253;
}

#wakubox,
#shopbox,
#kurotamabox,
#yulandbox,
#yulandboxe,
#shirubox,
#sightsbox,
#carbox00,
#carbox00e,
#carbox00tc,
#carbox00sc,
#carbox00kr,
#photobox00,
#isobox,
#isobox2,
#news,
#photoboxe {
	min-width: 320px;
	height: auto;
	border: 1px solid #896253;
	margin: 5px auto;
	background-color: #fefefe;
}

#wakubox img {
	width: 100%;
	height: 100%
}
#shopbox img {
	width: 100%;
	height: 100%
}

#kurotamabox img {
	width: 100%;
	height: 100%
} 

#yulandbox img {
	width: 100%;
	height: 100%
}
#yulandboxe img {
	width: 100%;
	height: 100%
}
#shirubox img {
	width: 100%;
	height: 100%
}
#sightsbox img {
	width: 100%;
	height: 100%
}
#carbox00 img {
	width: 100%;
	height: 100%
}
#photobox00 img {
	width: 100%;
	height: 100%
}
#isobox img {
	width: 100%;
	height: 100%
}
#photoboxe img {
	width: 100%;
	height: 100%
}
#carbox00e img {
	width: 100%;
	height: 100%
}
#carbox00tc img {
	width: 100%;
	height: 100%
}
#carbox00sc img {
	width: 100%;
	height: 100%
}
#carbox00kr img {
	width: 100%;
	height: 100%
}
#isobox2 img {
	width: 100%;
	height: 100%
}


#carbox,#carboxe,#carboxtc,#carboxsc,#carboxkr,#isoboxe {
	display: none;
}

#photoboxwide {
	display: none;
}




/*------------------ 噴火対応 ------------------*/
/*----- 噴火対応 再開のため
#shirubox,
#yulandbox,
#wakubox,
噴火対応 再開のため---------*/
#shopbox,
#yulandboxe,
#kurotamabox,
#sightsbox,
#carbox00,
#carbox00e,
#carbox00tc,
#carbox00sc,
#carbox00kr,
#photobox00,
#photoboxe {
	background-color: #ccc !important;
}

#yulandboxe img {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

/*----- 噴火対応 再開のため
#wakubox img {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
#yulandbox img {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

#shopbox img {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

#kurotamabox img {
	width: 100%;
	height: 100%;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

#shirubox img {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

#sightsbox img {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

#carbox00 img {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
#photobox00 img {
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
噴火対応 再開のため---------*/

.bxslider img {
	width: 100% !important;
	height: auto !important;
}

/*------------------ 噴火対応 ------------------*/

#news {
	height: auto !important;
	margin-bottom: 20px !important;
}


/* スマフォ用メインナビ */

.togmenu {
	display:none;
}
.menubtn {
	padding: 16px 20px;
	background: #875f51;
	color: #fff;
}
#menu ul {
	margin: 0;
	padding: 0;
	background:#875f51;
}
#menu li {
	list-style: none;
	border-top: 2px solid #fff;
}
#menu li a {
	padding: 16px 20px;
	display:block;
	text-decoration:none;
	background:#875f51;
	color: #fff;
}


/* メインナビ */
#mainnavi1 {
	display: none;
}









/* 黒たまご
----------------------*/

#pnavi {
	width: 100%;
	height: 45px;
	margin: 20px 0 0 5px;
}

.iconkurotama {
	height: 23px;
}
.iconkurotama img {
	height: 23px;
}

#pagenavi {
	width: 100%;
	margin: 10px auto;
	font-size: 85%;
	color: #0f0c09;
	line-height: 16px;
}

#pagenavi a {
	color: #8e8e8e;
	text-decoration: none;
}
#pagenavi a:hover {
	color: #875f51;
}





.kttit01 {
	height: 20px;
	margin: 30px 0 0 5px;
}
.kttit01 img {
	height: 20px;
}

.kttit01know {
	height: 20px;
	margin: 45px 0 0 5px;
}
.kttit01know img {
	height: 20px;
}

.kttit01photo {
	height: 20px;
	margin: 0 0 0 5px;
}
.kttit01photo img {
	width: 100%;
	height:auto;
}

.kttit001 {
	height: 20px;
	margin: 10px 0 0 5px;
}
.kttit001 img {
	height: 20px;
}

.kttit02 {
	width: 334px;
	height: 35px;
	margin: 30px 0 0 60px;
}
.kttit02 img {
	width: 334px;
	height: 35px;
}

.kttit03 {
	height: 35px;
	margin: 30px 0 0 60px;
}
.kttit03 img {
	height: 35px;
}

.kttit04 {
	width: 303px;
	height: 35px;
	margin: 30px 0 0 60px;
}
.kttit04 img {
	width: 303px;
	height: 35px;
}

.kttit05 {
	width: 142px;
	height: 35px;
	margin: 30px 0 0 60px;
}
.kttit05 img {
	width: 142px;
	height: 35px;
}




#ktbanarea {
	width: 100%;
	margin: 10px 0 0 0;
}
#ktbanarea img {
	width: 100%;
	margin-bottom: 5px;
}

#himarea01 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#himarea01 img {
	margin: 0 17px 20px 0;
}

.himutxt01 {
	width: 100%;
}
.himutxt01 img {
	height: 20px;
	margin-bottom: 15px;
}

.himutxt01 p {
	color: #221814;
	font-size: 90%;
	line-height: 21px;
	clear: both;
}

#himarea02 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#himarea02 img {
	margin: 10px 0 20px 5px;
}

.himutxt02 {
	width: 100%;
}
.himutxt02 img {
	height: 20px;
	margin: 0 0 10px 5px;
	text-align: right;
}

.himutxt02 p {
	color: #221814;
	font-size: 90%;
	line-height: 21px;
	clear: both;
}

#himarea03 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#himarea03 img {
	margin: 0 17px 20px 0;
}

.himutxt03 {
	width: 100%;
}
.himutxt03 img {
	height: 20px;
	margin-bottom: 15px;
}

.himutxt03 p {
	color: #221814;
	font-size: 90%;
	line-height: 21px;
	clear: both;
}



#dekarea01 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#dekarea01 img {
	margin: 0 17px 20px 0;
}

.dektxt01 {
	width: 100%;
}
.dektxt01 img {
	width: auto;
	height: 40px;
	margin-bottom: 15px;
}

.dektxt01 p {
	color: #221814;
	font-size: 90%;
	line-height: 21px;
	clear: both;
}

#dekarea02 {
	width: 100%;
	margin: 20px 0 0 0;
}
#dekarea02 img {
	width: 100%;
	height: auto;
}

#dekarea03 {
	width: 100%;
	margin: 20px 0 0 0;
}
#dekarea03 img {
	width: 100%;
	height: auto;
}

#gdstx01 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#gdstx01 img {
	width: 100%;
	margin-bottom: 15px;
}

#gdstx01 p {
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

#gdsall {
	width: 100%;
	margin: 20px auto 0;
}

#gdsall02 {
	width: 100%;
	margin: 20px auto 0;
}

#goods01 {
	width: 186px;
	height: 416px;
	margin: 0 auto;
}

.gdsarea01 {
	width: 186px;
	height: 386px;
}

.gdsarea01 p {
	margin-top: 10px;
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

.goodshdt {
	margin: 10px 0 0 0;
	font-weight: bold;
	line-height: 18px;
}

.goodspri {
	margin: 5px 0 0 0;
	font-size: 90%;
	font-weight: bold;
}

#goods02 {
	width: 186px;
	height: 416px;
	margin: 0 auto;
}

.gdsarea02 {
	width: 186px;
	height: 386px;
}

.gdsarea02 p {
	margin-top: 10px;
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

.gdsbt a {
	width: 180px;
	height: 30px;
	margin-left: 3px;
	background: url(images/kurotamago/bt_kuwashiku.gif) no-repeat;
	display: block;
	text-indent:-9999px;
}
.gdsbt a:hover {
	background: url(images/kurotamago/bt_kuwashiku.gif) no-repeat;
	background-position: 0 -30px;
}

#chaarea02 {
	width: 100%;
	margin: 20px 0 10px 5px;
	float: left;
}

#chaarea02 img {
	width: 100%;
	height: auto;
}

#chaarea02 p {
	margin-top: 15px;
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

#chaarea03 {
	width: 100%;
	height: auto;
	margin: 20px 0 0 5px;
}

#chaarea04 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#chaarea05 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#chaarea05 img {
	width: 100%;
	height: auto;
}

.chaarea05txt {
	margin: 10px 20px 0 0px;
	font-size: 90%;
	line-height: 21px;
	float: left;
}

.chaarea5pic {
	width: 299px;
	float: left;
}

.chaarea5pic img {
	width: 299px;
	height: 203px !important;
}


#chaarea06 {
	width: 297px;
	height: 620px;
	margin: 40px 0 0 30px;
	float: left;
}

#chaarea07 {
	width: 100%;
	margin: 5px 0 0 5px;
	overflow: scroll;
}

#chaarea07 img {
	height: 100%;
}


.ytarea {
	display: none;
}

.ytarea001 {
	margin: 10px 0 0 0;
}

.chatxt04 {
	width: 300px;
	float: left;
}
.chatxt04 img {
	width: 210px;
	height: 20px;
	margin-bottom: 15px;
}

.chatxt04 p {
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

#himarea04 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#himarea04 img {
	height: 20px;
}

.ktqaq {
	width: 20px;
	margin: 15px 0 0 0;
	font-size: 140%;
	color: #06f;
}

.ktqaqtxt {
	width: 100%;
	padding: 2px 0 0 10px;
	margin: 15px 0 0 0;
	font-size: 116%;
	text-decoration: underline;
}

.ktqaa {
	width: 20px;
	margin: 10px 0 0 0;
	font-size: 140%;
	color: #f00;
}

.ktqaatxt {
	width: 100%;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
	font-size: 90%;
	line-height: 20px;
}

.ktqaq1 {
	width: 20px;
	margin: 35px 0 0 0;
	font-size: 140%;
	color: #06f;
	float: left;
}

.ktqaqtxt1 {
	width: 100%;
	padding: 2px 0 0 10px;
	margin: 35px 0 0 0;
	font-size: 116%;
	text-decoration: underline;
}

.fboxdata {
	width: 200px;
	margin-top: 15px;
}



/* わくわくキッチン
----------------------*/

#pnaviwaku {
	width: 100%;
	height: 45px;
	margin: 20px 0 0 20px;
}

.logowaku {
	height: 30px;
	margin: 0 0 0 5px;
}
.logowaku img {
	height: 30px;
}

#pnaviw {
	width: 100%;
	height: 46px;
	margin: 20px 0 0 5px;
}

.iconwaku {
	height: 38px;
}
.iconwaku img {
	height: 38px
}



#setpic {
	width: 100%;
	margin: 20px 0 0 0;
	overflow: scroll;
}



#setpic2 {
	width: 100%;
	margin: 20px 0 0 0;
	overflow: scroll;
}

#setpic2 img {
	height: 100%;
}

#setpic4 {
	display: none;
}

#setpic4_sp {
	width: 100%;
	margin: 20px auto 0;
}
#setpic4_sp img {
	width: 100%;
	height: auto;
}


#conttitle {
	max-width: 100%;
	margin: 20px 0 0 5px;
	overflow: hidden;
}
#conttitle img {
	height: 25px;
}

#ceditarea {
	width: 100%;
	margin: 0 0 0 5px;
	overflow: scroll;
}

#cedit01 {
	width: 150px;
	min-height:400px;
	margin: 10px 5px 5px 0;
	float: left;
}

.cedipic {
	width: 150px;
	height: 168px;
	overflow: hidden;
}
.cedipic img {
	width: auto;
	height: 168px;
}

.cedtit {
	margin: 10px 0 0 0;
	line-height: 20px;
	font-weight: bold;
}

#cedit01 p {
	margin: 15px 0 0 0;
	font-size: 90%;
	line-height: 18px;
}

.cedprice {
	margin: 5px 0 0 0;
	font-size: 90%;
	font-weight: bold;
}

#resleft {
	width: 100%;
	margin: 20px 0 0 5px;
	float: left;
}
#resleft img {
	width: 90%;
}
#resleft p {
	margin: 20px 0 10px 0;
	color: #221814;
	font-size: 93%;
	line-height: 22px;
}
#resleft a {
	color: #06f;
}

.resbold {
	font-weight: bold;
}
.resbold01 {
	font-weight: bold;
	font-size: 115%;
}
.resdant {
	font-size: 115% !important;
}
.resdant01 {
	font-size: 115% !important;
}

#resright00 {
	width: 100%;
	margin: 15px 0 0 0;
	float: left;
}

#resright00 img {
	width: 100%;
}

.fboxmenu {
	width: 240px;
}

.fboxmenu2 {
	width: 240px;
}
.span2box {
	display: block;
	border: 1px solid #808080;
	padding: 5px; 
	margin: 5px;
	width: 220px;
	text-align: center;
}
a .span2box {
	background-color: #9c3;
	color: #fff;
}
a:hover .span2box {
	background-color: #593e36;
}

.span4box {
	width: 240px;
	padding: 5px; 
	margin: 5px;
	text-align: center;
	color: #fff;
	background-color: #C23D31;
}

#resleft img {
	margin-bottom: 10px;
}





/* くろたまショップ
----------------------*/

.logoshop {
	height: 30px;
	margin: 0 0 0 5px;
}
.logoshop img {
	height: 30px;
}

.logoshop4 {
	height: 30px;
	margin: 0 0 0 5px;
}
.logoshop4 img {
	height: 30px;
}

.shopcom {
	margin: 10px 0 0 5px;
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

.kdlink {
	margin: 10px 0 0 5px;
	font-size: 90%;
}

.kdlink a {
	color: #06f;
}

/* ゆーらんど
----------------------*/
#setpic1 {
	width: 100%;
	margin: 20px 0 0 0;
	overflow: scroll;
}




/* 大涌谷を知る
----------------------*/


#hisarea01 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#hisarea01 img {
	margin: 0 17px 20px 0;
}

.histxt01 {
	width: 100%;
}
.histxt01 img {
	height: 20px;
	margin-bottom: 10px 0;
}

.histxt01 p {
	color: #221814;
	font-size: 90%;
	line-height: 21px;
	clear: both;
}


#hisarea02 {
	display: none;
}

#hisarea02 img {
	width: 100%;
	height: auto;
}

.histxt02 {
	width: 100%;
	overflow: hidden;
}
.histxt02 img {
	height: 83px;
	margin-bottom: 15px;
}

.histxt02 p {
	width: 100%;
	color: #221814;
	font-size: 90%;
	line-height: 21px;
	clear: both;
}

#hisarea001 {
	width: 100%;
	height: auto;
	margin: 30px 0 0 5px;
	overflow: hidden;
}

#hisarea001 img {
	height: 75px;
	margin: 10px 0 15px;
}

#hisarea001 p {
	width: 100%;
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

.histxt001 {
	width: 100%;
	height: auto;
}
.histxt001 img {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 15px;
}

#hisarea03 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#hisarea03 img {
	width: 100%;
	height: auto;
	margin: 10px 0 0 0;
}

.histxt03 {
	width: 100%;
	overflow: hidden;
}
.histxt03 img {
	height: 83px;
	margin: 0 17px 15px 0;
	text-align: right;
	float: left;
}

.histxt03 p {
	margin-right: 5px;
	color: #221814;
	font-size: 90%;
	line-height: 21px;
	clear: both;
}

.histxt04 {
	width: 100%;;
	height: auto;
	margin: 30px 0 0 5px;
}

.histxt04 p {
	color: #221814;
	width: 98%;
	margin: 0 auto;
	font-size: 90%;
	line-height: 21px;
	clear: both;
}

.histxt04pic {
	display: none;
}

.histxt04pic_sp {
	width: 100%;
	height: auto;
	margin: 50px 0 15px 5px;
}
.histxt04pic_sp img {
	width: auto;
	height: 50px;
}

.histxt04pic_01 {
	width: 100%;
	margin: 20px 0 0 0;
}
.histxt04pic_01 img {
	width: 100%;
	height: auto;
}


.hotsptit {
	margin: 20px 0 0 5px;
}

.hotsptit img {
	width: 100%;
	height: auto;
}

.hotspotxt p {
	width: 100%;
	margin: 20px 0 0 5px;
	font-size: 90%;
	line-height: 18px;
}
.hotspotxt a {
	color: #06f;
}
.hotspotxt a:hover {
	color: #060;
}


#kono {
	width: 100%;
	margin: 10px 0 10px 5px;
	border-bottom: 1px solid #000;
}

#kono2 {
	width: 100%;
	margin: 0 0 10px 5px;
	border-bottom: 1px solid #000;
	float: left;
}

.konona {
	font-size: 107%;
	font-weight: bold;
}

.konoseib {
	padding: 5px 0 0 3px;
	font-size: 90%;
	line-height: 15px;
}


.konona2 {
	margin: 20px 0 0 5px;
	font-size: 107%;
	font-weight: bold;
}

.ta1mida {
	margin: 10px 0 0 5px;
	font-size: 90%;
}


.ta1 {
	margin: 20px 0 10px 5px;
	font-size: 90%;
	text-align: left;
	float: left;
}

.ta1 th {
	width: 250px;
	padding: 5px 0;
	font-weight: normal;
	white-space: nowrap;
}

.ta1 td {
	width: 150px;
	text-align: center;
}

.thec {
	font-weight: bold !important;
	text-align: center;
}

.thec01 {
	font-weight: bold !important;
}
 

.mida01 {
	border-bottom: 1px solid #000;	
}

.mida02 {
	border-top: 1px solid #000;	
}


#gasarea01 {
	width: 100%;
	margin: 20px 0 0 5px;
}

#gasarea01 img {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

.gastxt01 {
	width: 100%;
}
.gastxt01 img {
	width: 150px;
	height: auto;
	margin-bottom: 10px;
}

.gastxt01 p {
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

gastit001 {
	width: 100% !important;
}
.gastit001 img {
	width: 50% !important;
	height: auto;
}

.gastit02 {
	width: 100%;
	margin: 20px 0 0 5px;
}

.gastit02 img {
	height: 20px;
}

.gastit02 p {
	margin: 10px 0 0 0;
	font-size: 90%;
	line-height: 21px;	
}


.gastit03 {
	width: 100%;
	margin: 20px 0 0 5px;
}

.gastit03 img {
	height: 20px;
}

.gastit03 p {
	margin: 10px 0 0 0;
	font-size: 90%;
	line-height: 21px;	
}

.knowmap {
	width: 100%;
	margin: 20px 0 0 0;
}

.knowmap img {
	width: 100%;
	height: auto;
}

.kmaptxt {
	width: 100%;
	margin: 10px 0 0 5px;
	font-size: 90%;
	line-height: 20px;
}

.geologo {
	margin: 15px 0 0 5px;
}

#geotai {
	width: 100%;
	margin: 20px 0 10px 5px;
	border-bottom: 1px solid #000;
	font-size: 107%;
	font-weight: bold;
}

.ta2 {
	width: 100%;
	margin: 15px 0 10px 5px;
	font-size: 90%;
	text-align: left;
	float: left;
}

.ta2 th {
	width: 100px;
	padding: 5px 0;
	white-space: nowrap;
}

.nkhad {
	padding: 5px;
	font-size: 123%;
	font-weight: bold;
}

.geopic1 {
	width: 100%;
	height: auto;
	margin: 15px 0 10px 5px;
}

.geopic1 img {
	width: 100%;
	height: auto;
}

ul.geoaa {
	width: 100%;
	margin: 10px 0 10px 5px;
	padding: 5px 0;
	list-style: disc;
	font-size: 85%;
	line-height: 17px;
}

.ta3 {
	width: 100%;
	font-size: 85%;
	text-align: left;
}

.ta3 th {
	white-space: nowrap;
}

.geohyon {
	font-weight: normal;
	font-size: 85%;
}

.geohyorig {
	text-align: right;
}

.ta4 {
	width: 100%;
	margin: 10px 0 10px 5px;
	font-size: 85%;
	text-align: left;
}

.ta4 th {
	width: 50px;
	padding: 2px 5px;
	white-space: nowrap;
}

caption.kankyo {
	margin: 0 0 5px 0;
	font-size: 116%;
	text-align: left;
	font-weight: bold;
}

.t4kank {
	margin: 5px;
	font-size: 90%;
	line-height: 16px;
}

ol.geobb {
	width: 100%;
	margin: 10px 0 5px 5px;
	font-size: 85%;
	list-style-type: decimal;
}

ol.geobb li {
	padding: 2px;
}

.tokkiji {
	margin: 10px 0 0 5px;
	font-size: 90%;
	font-weight: bold;
}


/* 周辺観光情報
----------------------*/

#sightspic {
	width: 100%;
	text-align: center;
}

#sightspic img {
	width: 100%;
	height: auto;
	margin: 20px auto 0;
}

.maphikng {
	width: 100%;
	margin: 20px 0 0 5px;
}
.maphikng img {
	width: 100%;
	height: auto;
}

.modcou {
	width: 100%;
	margin: 20px 0 0 5px;
}
.modcou img {
	width: 100%;
	height: auto;
}



/* アクセス
----------------------*/

#gmap {
	width: 100%;
	margin: 20px auto 0;
}

#gmap p {
	margin: 10PX 0 0 0;
	font-size: 90%;
	line-height: 20px;
}

#gmap a {
	color: #06f !important;
}

.gmap1 {
	display: none;
}

.gmap2 {
	width:100%;
	height: auto;
}

.gmap2 p {
	margin: 0 0 0 5px;
}

#access {
	width: 100%;
	margin: 40px auto 0;
}
#access img {
	width: 100%;
	height: auto;
}
#access p {
	width: 100%;
	margin: 30PX 0 0 5px;
	font-size: 90%;
	line-height: 20px;
}

.carnav {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px 0;
}



/* フォトギャラリー
----------------------*/

#photoarea {
	width: 100%;
	margin: 30px auto 0;
}

#photoarea img {
	width: 150px;
	height: auto;
	margin: 3px;
	float: left;
}

#mediatour {
	width: 100%;
	margin: 30px auto 0;
	position: relative;
}

#mediatour a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#mediatour a:hover {
	background-color: #FFF;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

#mediatour p {
	margin: 30PX 0 0 0;
	font-size: 90%;
	line-height: 20px;
}

.medtou {
	font-size: 120%;
	font-weight: bold;
}


/* お問い合わせ
----------------------*/

#contxt {
	width: 100%;
	margin: 20px 0 0 5px;
	font-size: 90%;
	line-height: 20px;
}

table.contable {
	width: 100%;
	margin: 20px 0 0 5px;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.contable th {
	width:25%;
	padding:4px;
	text-align: left;
	vertical-align: top;
	color: #444;
	font-weight: normal;
	background-color: #feedf3;
	border-left: 3px double #999;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.contable td {
	width:75%;
	padding:4px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.smitbt {
	padding: 15px 0 !important;
	text-align: center !important;
}


table.contable01 {
	width: 100%;
	margin: 20px 0 0 5px;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.contable01 th {
	width:25%;
	padding:4px;
	text-align: left;
	vertical-align: top;
	color: #444;
	font-weight: normal;
	background-color: #feedf3;
	border-left: 3px double #999;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.contable01 td {
	width:75%;
	padding:4px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*会社概要
----------------------*/
.txtsetcom {
	width: 100%;
	margin: 10px 0 0 5px;
	color: #221814;
	font-size: 90%;
	line-height: 21px;
}

#comtit00 {
	margin: 20px 0 0 5px;
	color: #221814;
	font-size: 110%;
	font-weight: bold;
}

#comtit {
	margin: 20px 0 0 5px;
	color: #221814;
	font-weight: bold;
}

#comgaibox {
	width: 100%;
	height: auto;
	margin: 20px 0 0 5px;
	border-bottom: #999 dotted 1px;
	overflow: hidden;
}

div#comgaibox div {  
    float: left;  
    padding-bottom: 12767px;  
    margin-bottom: -12767px;   
}  

.cgleft {
	width: 100%;
	font-size: 85%;
	float: left;
}

.cgright {
	width: 100%;
	padding: 0 30px 5px 0;
	font-size: 85%;
	line-height: 16px;
	float: left;
}

.cgiso {
	margin: 40px 0 0 5px;
	height: 170px;
}

.cgiso img {
	width: 100%;
	height: auto;
}

ol.comp {
	width: 100%;
	margin: 20px 0 0 5px;
	list-style-type: decimal;
}

ol.comp li {
	font-size: 90%;
	margin: 10px 0 0 0;
	line-height: 16px;
}


ol.compsub {
	list-style-type: lower-roman;
	margin-left: 20px;
}

ul.privacy {
	width: 100%;
	margin: 20px 0 0 5px;
	list-style-type: disc;
}

ul.privacy li {
	font-size: 90%;
	margin: 5px 0 0 0;
	line-height: 16px;
}

/* --- サイトマップエリア --- */
ul.sitemap {
	width: 100%; /* サイトマップエリアの幅 */
	margin: 30px 0 0 5px;
	padding: 0;
	font-weight: bold; /* 一旦全ての文字を太字にする */
	list-style-type: none;
	font-size: 80%;
	color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
	ul.sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
	padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
	background: url(images/v_line9.gif) no-repeat left top; /* 1階層目の背景 */
	line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
	width: 100%; /* コンテナの幅 */
	margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
	width: 90%; /* セクションの幅 */
}


/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
	margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
	padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
	background: url(images/v_line9.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
	border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
	margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
	font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
	margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
	padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
	background: url(images/triangle9.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
	border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li li {
	padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
	background: url(images/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

/* --- clearfix --- */
.clearFix0:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix0 {
	min-height: 1px;
}


/* メニュー
----------------------*/

#wrapallmenu {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 10px;
}

.menutit img {
	width: 150px;
	margin: 20px 0 0 5px;
}

.menutit1 {
	margin: 10px 0 0 5px;
	font-size: 123%;
	font-weight: bold;
	color: #09f;
}

.menuhd {
	margin: 20px 0 0 5px;
	font-size: 108%;
	font-weight: bold;
	color: #f6aa00;
}

.menulist {
	margin: 10px 0 0 10px;
	line-height: 20px;
	font-size: 93%;
}

.menulist00 {
	margin: 20px 0 0 5px;
	font-size: 93%;
}

.menuhd00 {
	margin: 30px 0 0 5px;
	color: #f00;
	font-size: 93%;
}

.menulist01 {
	margin: 10px 0 30px 5px;
	font-size: 85%;
}

/* 黒たまごデータ
----------------------*/

#wrapallkt {
	width: 200px;
	height: auto;
	margin: 0 auto;
	padding: 5px;
}

#wrapallkt img {
	width: 100%;
	height: auto;
}


/* 動画
----------------------*/
#chaarea04 {
	display: none;
}


/* 営業時間
----------------------*/

#wrapallbiz {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 10px;
}

ul.bizh {
	list-style: square inside;
	margin: 5px 0 10px 10px;
	line-height: 25px;
}

.tpname {
	margin: 20px 0 0 0;
	font-size: 93%;
	font-weight: bold;
	color: #09f;
}

.bh {
	font-size: 93%;
}


/* くろたまご館4 震災対応
----------------------*/
.bh4 {
	margin-top: 15px;
	font-size: 120%;
	line-height: 26px;
}

.tpname4 {
	margin: 20px 0 0 0;
	font-size: 85%;
	font-weight: bold;
	color: #09f;
}

.tpname40 {
	margin: 20px 0 0 0;
	font-size: 90%;
	line-height: 22px;
	color: #960;
}

ul.bizh4 {
	list-style: none;
	margin: 5px 0 10px 10px;
}
ul.bizh4 li {
	padding: 0 0 0 15px;
	margin-bottom: 10px;
	line-height: 13px;
	font-size: 9px;
}

.bhsm {
	margin: 5px 0 0;
	font-size: 85%;
}

/* くろたまご館 20160726再開
----------------------*/

.bh4txt {
	margin: 30px 0 0 0;
	font-size: 80% !important;
	line-height: 22px;
}

.bh4txt01 {
	margin: 30px 0 0 0;
	font-size: 95%;
	line-height: 20px;
}

.bh4bd {
	font-weight: bold;
	color: #09f;
}
.bh4960 {
	color: #960;
}

/* 涌わくキッチン一時休業
----------------------*/
.bh5 {
	margin: 50px 0 30px 5px;
	font-size: 120%;
	line-height: 26px;
}
#wrapallbiz .bh6 {
	margin: 30px 0 0 0;
	font-size: 70% !important;
	line-height: 20px;
}

.bt_waku {
	width: 345px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #d32d26;
	margin-left: -4px;
	position: relative;
}
.bt_waku a {
	font-weight: normal;
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
}
.bt_waku a:hover{
 	text-decoration: none;
	opacity: 0.6;
}

.kcr {
	color: #fbdc34 !important;
}

/* 涌わくキッチンカフェ営業のご案内
----------------------*/
.wkpic01 {
	width: 100%;
	height: auto;
	margin: 5% auto;
}
.wkpic01 img {
	width: 100%;
	height: auto;
}
.wkpic02 {
	width: 80%;
	height: auto;
	margin: 0 auto;
}
.wkpic02 img {
	width: 100%;
	height: auto;
}



/*==========================================
 2015 1周年
===========================================*/
.namech2015i {
	width: 100%;
	height: auto;
	margin: 10px 0 15px 0;
	background-color: #ffe000;
	color: #ff5a00;
	text-align: center;
	font-size: 80%;
}

.namech2015ik {
	width: 100%;
	height: auto;
	margin: 10px 0 15px 0;
	text-align: center;
	font-size: 80%;
}

.namech2015 {
	display: none;
}

/*==========================================
 2015 キッチン
===========================================*/

/* タブメニュー
----------------------*/


input, .content1 {
    display: none;
    min-width: 100px;
	border-top: 3px solid #f6921e;
}
input, .content2 {
    display: none;
    min-width: 100px;
	border-top: 3px solid #f6921e;
}
input, .content3 {
    display: none;
    min-width: 100px;
	border-top: 3px solid #f6921e;
}


#one:checked ~ .one,
#two:checked ~ .two,
#three:checked ~ .three {display: block;}


label {
	margin: 20px 0 0 0;
    cursor: pointer;
    background: #736357;
    height: 20px;
    padding: 3px 3px;
    display: inline-block;
    text-align: center;
    color: #fff;
	line-height: 20px;
    transition: background .25s linear;
	font-size: 77%;
}

label.lb1:hover, input:checked + label.lb1 {background: #f6921e;}
label.lb2:hover, input:checked + label.lb2 {background: #f6921e;}
label.lb3:hover, input:checked + label.lb3 {background: #f6921e;}

label.lb1 {
	margin-left: 5px;
}



/* 今がおいしい旬の味
----------------------*/

#headshun img {
	width: 100%;
}

.titshun img {
	width: 100%;
}

.shuncal img {
	width: 100%;
	margin-top: -2px;
}

.mainshun img {
	display: none;
}

.mainshunsm img {
	width: 97%;
	margin: 30px 0 20px 0;
}

#mainshunsmset {
	width: 95%;
	padding: 5px;
	font-size: 83% !important;
	line-height: 18px;
}
#mainshunsmset img {
	width: 80px;
	margin: 0 5px 5px 0;
	float: left;
}



/* プロが教えるレシピ
----------------------*/

.mainreci img {
	display: none;
}

.picreci img {
	display: none;
}

.picrecipo img {
	display: none;
}

.picrecism img {
	margin-top: -3px;
	width: 99%;
}





.clear { clear:both; }



/* 20191007追加 噴火対応
-------------------------*/
.pre_note_box {
	width: 95%;
	height: auto;
	margin: 15px auto 5px;
}
.pre_note_box img {
	width: 100%;
	height: auto;
}


.for-pc {
	display: none !important;
}
.for-sp {
	display: block !important;
}


.ggmap {
	width: 90%;
	margin: 45px auto 0;
	position: relative;
	padding-bottom: 65%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.txtset {
	width: 100%;
	margin: 15px 0 0 5px;
	color: #221814;
	line-height: 21px;
}
.txtset img {
	height: 41px;
}

.txtset span {
	font-size: 135%;
}

.txtset span.red4 {
	font-size: 100%;
	color: #C1272D !important;
}
.txtset span.stx {
	font-size: 100%;
}

.txtset01 {
	width: 100%;
	margin: 10px 0 0 5px;
	color: #221814;
	font-size: 95%;
	line-height: 22px;
	display: block;
}

.tts001 {
	width: 95%;
	margin: 10px auto 20px;
	display: block;
	vertical-align: top;
}
.tts001 span.red4 {
	color: #C1272D !important;
}
.tts002 {
	display: none;
}

.tts002_sp {
	width: 100%;
	height: auto;
}
.tts002_sp img {
	width: 100%;
	height: auto;
}

.kuro4_txt {
	width: 90%;
	margin: 20px auto 0;
	line-height: 25px;
	font-size: 110%;
	font-weight: bold;
}
.kuro4_txt p {
	margin-top: 10px;
	font-size: 90%;
	font-weight: normal;
	line-height: 20px;
}
.kuro4_txt span.red4 {
	color: #C1272D !important;
	font-size: 100%;
}


/* 20200409追加
----------------------*/
.note0409 {
	margin: 30px 0 0 0;
	font-size: 100% !important;
	line-height: 23px !important;
}
.note0409 span {
    font-weight: bold !important;
}

.note0409_01 {
    margin: 30px 0 0 0;
	line-height: 23px !important;
    text-align: right;
}

/* 20200531コロナ対策追加
---------------------------------*/

.ta_area {
    width: 95%;
    margin: 70px auto 0;
    color: #333;
}
.ta_area img {
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.ta_area p {
    width: 100%;
    padding: 20px 25px;
    margin: 50px auto;
    box-sizing: border-box;
    border: 1px solid #816053;
    color: #816053;
    font-size: 157%;
    line-height: 32px;
}

.ta_area h3 {
    height: 23px;
    padding-left: 12px;
    border-left: 4px solid #816053;
    font-size: 167%;
}

.ta_area h4 {
    margin-top: 50px;
    position: relative;
    padding-left: 1.2em;
    font-size: 130%;
    font-weight: normal;
    line-height: 30px;
}
.ta_area h4::after {
     position: absolute;
     top: 14px;
     left: 0;
     transform:translateY(-50%);
     content: '';
     width: 13px;
     height:13px;
     background-color: #333;
     border-radius:100%;
}

.cust {
    width: 100%;
    padding: 20px 25px 20px 10px;
    margin: 25px auto 50px;
    box-sizing: border-box;
    border: 1px solid #c1272d;
    color: #c1272d !important;
    background-color: #fff;
    font-size: 157%;
    line-height: 32px;
}
.cust ul {
    list-style: disc;
    list-style-position: inside;
    margin-left: 15px;
}
.cust ul li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 32px;
}

.ta_top_box {
	width: 95%;
	margin: 10px auto 5px;
}
.ta_top_box img {
	width: 100%;
	height: auto;
}

/* 20211024追加
---------------------------------*/
.wat_head01 {
	margin: 40px 0 0 5px;
	font-size: 130%;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: 30px;
}

.wat_txt {
	width: 95%;
	margin: 30px 0 0 5px;
	color: #6e4b7d;
	font-size: 100%;
	line-height: 24px;
}

.wat_nav {
	width: 95%;
	margin: 40px 0 0 5px;
	color: #816053;
	font-size: 95%;
	line-height: 24px;
}
.wat_nav a {
	color: #333;
	text-decoration: underline;
}
.wat_nav a:hover {
	color: #00a6c4;
}

.water_pic01 {
	width: 95%;
	margin: 40px 0 0 5px;
}
.water_pic01 img {
	width: 100%;
}

.mb50 {
	margin-bottom: 50px;
}

.bt_know_wat {
	width: 95%;
	margin: 10px auto 15px;
}
.bt_know_wat img {
	width: 100%;
	height: auto;
}

.ban_know_wat {
	width: 90%;
	margin: 40px auto 30px;
}
.ban_know_wat img {
	width: 100%;
	height: auto;
}

/* 20211208追加
---------------------------------*/
.top_slide {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.hakoiko {
	width: 30%;
	height: auto;
	position: absolute;
	top: 4%;
	right: 2%;
	z-index: 1;
}
.hakoiko img {
	width: 100%;
	height: auto;
}

.hakoiko02 {
	width: 25%;
	height: auto;
	position: absolute;
	top: 4%;
	left: 2%;
	z-index: 1;
}
.hakoiko02 img {
	width: 100%;
	height: auto;
}


/* 20220322 自然研究路
---------------------------------*/
body#nature {
	width: 100%;
	height: 100%;
	background-color: #f4f2f1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 85%;
	color: #221814;
}

.nat_txt01 {
	width: 98%;
	margin: 20px auto 0;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.03em;
	color: #42210b;
	line-height: 25px;
}

.nat_txt01_01 {
	width: 98%;
	margin: 15px auto 0;
	font-size: 90%;
	font-weight: normal;
	line-height: 20px;
}

.nat_top_pic {
	display: none;
}

.nat_top_pic_sp {
	width: 100%;
	margin: 0 auto;
}
.nat_top_pic_sp img {
	width: 100%;
	height: auto;
}

.bt_area01 {
	width: 100%;
	margin: 0 auto;
	padding: 25px 0;
	background-color: #e2d6d6;
}
.bt_area02 {
	width: 100%;
	margin: 25px auto 0;
	padding: 25px 0;
	background-color: #e2d6d6;
}

.bt_reserve {
	max-width: 300px;
	width: 70%;
	margin: 0 auto;
}
.bt_reserve01 {
	max-width: 300px;
	width: 70%;
	margin: 0 auto;
}
.bt_reserve01 img,
.bt_reserve img {
	width: 100%;
	height: auto;
}

.nat_txt02 {
	width: 88%;
	margin: 20px auto 0;
	font-size: 91%;
	line-height: 20px;
	text-align: center;
}

.nat_txt02 a {
	color: #0000ff;
	text-decoration: underline;
}
.nat_txt02 a:hover {
	color: #00a6c4;
}

.nat_let01 {
	width: 70%;
	margin: 30px auto 0;
}
.nat_let01 img {
	width: 100%;
	height: auto;
}

.nat_let02 {
	width: 98%;
	margin: 20px auto 0;
}
.nat_let02 img {
	width: 100%;
	height: auto;
}

.nat_pic_wrap {
	display: none;
}

.nat_pic_wrap_sp {
	width: 100%;
	margin: 30px auto 0;
	color: #42210b;
}

.nat_pic_sp {
	width: 98%;
	margin: 20px auto 0;
}
.nat_pic_sp img {
	width: 100%;
	height: auto;
}

.natp02 {
	width: 98%;
	margin: 10px auto 0;
}
.natp02 p {
	width: 100%;
	margin-top: 7px;
	font-size: 91%;
	font-weight: bold;
	line-height: 20px;
}

.natp_head {
	font-size: 116%;
	font-weight: bold;
	vertical-align: middle;
}
.natp_head img {
	width: 17px;
	height: 17px;
	margin-right: 5px;
	vertical-align: middle;
}

.nat_pic_wrap01 {
	width: 98%;
	margin: 20px auto 0;
	color: #000;
	padding: 20px 0;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

.nat_pic_box01 {
	width: 90%;
	display: table;
	margin: 0 auto;
}

.natp04 {
	width: 29%;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}
.natp04 img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.natp05 {
	width: 71%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 3%;
	box-sizing: border-box;
}
.natp05 p {
	margin-top: 10px;
	font-size: 70%;
	font-weight: normal;
	line-height: 15px;
	color: #000;
}

.natp_head01 {
	font-size: 80%;
	font-weight: bold;
	vertical-align: middle;
	color: #000;
}

.nat_pic07 {
	max-width: 866px;
	width: 98%;
	margin: 30px auto 0;
}
.nat_pic07 img {
	width: 100%;
	height: auto;
}

.nat_txt03_sp {
	width: 100%;
	margin: 0 auto;
	padding: 12px 0;
	background-color: #fff;
}

.nat_txt03 {
	width: 100%;
	margin: 0 auto;
	font-size: 93%;
	color: #000;
}

.nat_txt03 p {
	line-height: 20px;
}

.nat_txt03 ul {
	margin: 0 0 20px 7px;
}

.nat_txt03 ul li {
	list-style-type: disc !important;
	list-style-position: inside; 
	line-height: 20px;
	padding-left:1em;
	text-indent:-1em;
}

.nat_txt04 {
	width: 98%;
	margin: 15px auto 0;
	font-size: 93%;
	color: #000;
}

.nat_txt05 {
	width: 98%;
	margin: 10px auto 0;
	font-size: 110%;
	font-weight: bold;
}

.pagetop {
	display: none;
}

.ban_top_nature {
	width: 100%;
	margin: 5px auto 0;
}
.ban_top_nature img {
	width: 100%;
	height: auto;
}

.iframe-wrapper {
	width: 96%;
	margin: 30px auto 30px;
	position: relative;
	padding-bottom: 56.27%;
	height: 0;
	overflow: hidden;
}

.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bt_3d {
	width: 96%;
	height: auto;
	margin: 20px auto 0;;
}
.bt_3d img {
	width: 100%;
	height: auto;
}

/* 20220810 涌くわくキッチン&CAFE
---------------------------------*/
.wwc_txt {
	margin: 10px 0 0 5px;
	color: #221814;
	line-height: 21px;
}

.menu_h {
	color: #875F51;
	font-weight: bold;
}

.oss_head {
	width: 98%;
	height: 40px;
	margin: 15px 0 0 5px;
	background: #70B52C;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 110%;
	letter-spacing: 0.25em;
}

.f-container {
	width: 100%;
	margin: 15px 0 0 5px;
} 

.f-item {
	max-width: 282px;
	width: 90%;
	margin: 0 auto 20px;
	text-align: center;
	color: #221814;
	font-size: 90%;
}
.f-item img {
	width: 100%;
	margin-bottom: 10px;
}

.wwc_box {
	width: 227px;
	margin: 50px auto 30px;
}

.wwc_pic {
	width: 227px;
	height: auto;
	margin: 0 auto;
}
.wwc_pic img {
	width: 100%;
	height: auto;
}

.wwc_right {
	font-size: 90%;
	letter-spacing: 0.1em;
	line-height: 18px;
}

.wwc_right span {
	font-size: 100%;
}

.cafelogo {
	width: 221px;
	margin: 20px auto;
}
.cafelogo img {
	width: 100%;
}

.kyuk_txt {
	margin: 20px auto 0;
	padding: 0 10px;
	font-size: 115%;
	font-weight: bold;
	line-height: 18px;
}


}