@charset "utf-8";
@media screen and (max-width:640px){


  .service {
    display: flex;
    flex-direction: column; /* スマホでは縦並び */
    align-items: center;    /* 中央寄せ！ここがポイント */
  }

  .service .box {
    width: 90%; /* スマホでは画面幅の90%にするなど */
    max-width: 400px;
  }




img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}



/* ----------------------------------------------------------------------------------------------------
	html：スクロールバーの有無によるセンタリングのずれを解消
 ---------------------------------------------------------------------------------------------------- */

html{
	overflow-y:scroll;
}



/* ----------------------------------------------------------------------------------------------------
	wrapper
 ---------------------------------------------------------------------------------------------------- */

#wrapper{
	position: relative;
	margin: 0px auto;
	text-align: left;
}

/* ----------------------------------------------------------------------------------------------------
	header
 ---------------------------------------------------------------------------------------------------- */

#header{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 150px;
/*
	background: url(../img/header-bg.jpg) left 100px repeat-x;
*/
}

#header .inner{
	position: relative;

	width: 100%;
/*
	width: 980px;
*/
	margin: 0px auto;

}

#header .inner h1{

	position: absolute;
	top: 10px;

	left: 10px;
/*
	left: 75px;
*/
/*
	top: 23px;
*/




	margin: 0px;
	padding: 0px;
	color: #000;
/*
	font-size: 1.05em;
	font-weight: bold;
*/
	font-size: 1.0em;
	font-weight: normal;

	line-height: 1.5em;
	z-index: 1;


}

#header .inner p.logo{
/*
	position: absolute;
	top: 15px;
	left: 0px;
*/
	position: absolute;
	top: 30px;
	left: 0px;
/*
	position: absolute;
	top: 25px;
	left: 0px;
*/
	padding: 25px 0px 0px 75px;

	font-size: 1.4em;
/*
	font-size: 2.05em;
	font-size: 1.4em;
*/

	font-weight: bold;

	height: 50px;
/*
	background: url(../img/logo1.png) left -10px no-repeat;
*/

	background: url(../img/logo1.png) left top no-repeat;

}

#header .inner p.logo a{ color: #000; text-decoration: none; }
#header .inner p.logo a:hover{ color: #e94e1c; text-decoration: underline; }

#header ul{
/*
	position: absolute;
	width: 980px;
	left: 0px;
	top: 100px;
*/
	position: absolute;
	top: 100px;
/*
	position: absolute;
	top: 100px;
*/
	height: 45px;
	line-height: 45px;
	z-index: 1;
}

#header ul li{
	float: left;
	width: 154px;
	padding: 15px 0px 8px;
	text-align: center;
	border-right: 1px #ccc dotted;
}

#header ul li.home{ width: 48px; border-left: 1px #ccc dotted; padding: 0px; }
#header ul li a{ color: #000; text-decoration: none; }
#header ul li a:hover{ color: #e94e1c; text-decoration: underline; }

/*----------------------------------------------------------------------------------------------------
		container
---------------------------------------------------------------------------------------------------- */

#container{
	position: absolute;
	width: 100%;
	top: 150px;
	margin: 0px;
	padding: 0px;
	background: url(../img/side-bg.gif) center top repeat-y;
}

#container2{
	position: absolute;
	width: 100%;
	top: 150px;
	margin: 0px;
	padding: 0px;

/*	background: url(../img/side-bg2.gif) center top repeat-y;*/
}


#container .c-in,
#container2 .c-in{

	width:100%;
	position: relative;
	margin: 0px auto;
	padding: 0px;
/*
	position: relative;
	width: 980px;
	margin: 0px auto;
	padding: 0px;
*/

}


body#top #container .c-in,
body#top #container2 .c-in{ padding-top: 80px; }


#container .c-in .eyecatch,
#container2 .c-in .eyecatch{

/*
	position: absolute;
	top: 0px;
	left: 0px;
	width: 980px;
	height: 400px;

	overflow: hidden;
*/


	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;


}

/*----------------------------------------------------------------------------------------------------
	breadcrumbs
----------------------------------------------------------------------------------------------------*/

#breadcrumbs{
	height: 30px;
	z-index: 5;
	background: url(../img/bg.jpg) left bottom repeat-x;
}

#breadcrumbs ol{ margin: 0px 0px 0px 15px; }

#breadcrumbs ol li{
	float: left;
	display: inline;
	color: #fff;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 30px;
}

#breadcrumbs ol li a{
	margin: 0px 10px 0px 0px;
	padding: 0px 20px 0px 0px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background: url(../img/breadcrumbs-bg.gif) right 4px no-repeat;
}

#breadcrumbs ol li a:hover{ color: #e94e1c; text-decoration: underline; }

/*----------------------------------------------------------------------------------------------------
	content
----------------------------------------------------------------------------------------------------*/

#content{

/*
	font-size: 1.0em;
*/

/*
	float: left;
	width: 710px;
	margin: 0px 0px 50px;
	padding: 0px;
*/
}





#content img.topbanner{ margin: 20px 0px 0px; }

/* -------------------------------------------------- h */

#content h2{
	clear: both;


/*	margin: 30px 0px;*/
/*
	margin: 20px 0px;
	padding: 7px 0px 7px 55px;
	font-size: 1.9em;
*/
/*
	padding: 7px 0px 7px 55px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
	background: url(../img/h2s.gif) left top no-repeat;
*/
}


#content h2 {
  position: relative;
  background: #ffd98a;
  padding: 2px 5px 2px 25px;

  font-size: 1.3em;
/*
  font-size: 20px;
*/
  color: #474747;
  margin-bottom: 10px;
}

#content h2:before {

}



h2.inquiry_form{
	clear: both;
	margin: 30px 0px;
	padding: 7px 0px 7px 55px;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.4em;
	text-indent: 20px;
	background: url(/img/h2-1.gif) left top no-repeat;
}


#content h3{
	clear: both;
/*	margin: 50px 10px 0px;*/
	margin: 50px 10px 10px 0px;
/*	padding: 15px 10px;*/
	padding: 15px 0px 0px 10px;

	font-size: 1.2em;
/*
	font-size: 1.5em;
*/
	font-weight: bold;
	background: url(../img/h3.gif) left top no-repeat;
}

#content h4{
	clear: both;
/*	margin: 40px 15px 0px;*/
/*	margin: 40px 15px 0px 0px;*/
	margin: 40px 15px 0px 10px;

/*	padding: 10px 15px;*/
	padding: 10px 0px;

	font-size: 1.1em;
/*
	font-size: 16px;
*/
	font-weight: bold;
	border-top: 2px #4e3f2f dotted
}

/* -------------------------------------------------- p */

#content .default {
	position: relative;
}

#content .default p{
	margin: 20px 30px 30px;
	color: #393939;
}

/* -------------------------------------------------- img */


#content img.pic-l,
#content img.pic-r{
	float: left;
	display: inline;
	margin: 0px 20px 20px 0px;
	border: 2px #fff solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #4e3f2f;
}

#content img.pic-r{ float: right; margin: 0px 0px 20px 20px; }

#content img.pic-l{ float: left; margin: 0px 20px 20px 0px; }


.pic-l2{
	vertical-align: middle;
	margin-right: 10px;

}


/*
.pic-l2{
	display: table-cell;
	vertical-align: middle;
	float:left;
	margin: 0px 20px 0px 0px;
}
*/


#content img.pic-r.no-shadow{
	box-shadow: none;
	border: none;
}

#content img.pic-l.no-shadow{
	box-shadow: none;
	border: none;
}



/* -------------------------------------------------- list */

#content .list ul,
#content .list ol{
	clear: both;
	margin: 20px 30px 30px;
}

#content .list ul li,
#content .list ol li{
	margin: 12px 0px 0px;
	padding: 0px;
	font-size: 1.1em;
	list-style: circle none inside;
	border-bottom: 1px #4e3f2f dotted;
}

#content .list ol li{ list-style: decimal none inside; }

#content .list dl{
	margin: 30px;
	padding: 10px 10px 0px;
	border-left: 4px #4e3f2f double;
}

#content .list dl dt{
	margin: 0px 0px 15px;
	padding: 5px 10px 0px;
	color: #4e3f2f;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	border-bottom: 1px #4e3f2f dotted;
}

#content .list dl dd{
	padding: 0px 15px 10px;
	font-size: 0.95em;
}

/* -------------------------------------------------- table */

#content table.standard{
/*
	width: 650px;
*/
	width: 100%;
	margin: 20px 30px 30px;
	font-size: 1.0em;
	empty-cells: show;
	border-spacing: 0px;
	border-collapse: collapse;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	background-color: #fff;
}

#content table.standard tr th{
	width: 20%;
	margin: 1px;
	padding: 15px 10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #4e3f2f;
}

#content table.standard tr td{
	padding: 7px;
	text-align: left;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

/* -------------------------------------------------- service */

#content .service{

  display: flex;
  flex-direction: column; /* 縦並び */
  align-items: center;    /* 横方向中央寄せ */
  gap: 20px;              /* 各ボックスの間隔 */
  margin: 0 auto;

/*	margin: 30px 0px 50px 10px;*/
/*
	margin: 30px 0px 50px 0px;
*/

}

#content .service .box{

  width: 90%;             /* スマホでは可変幅に変更 */
  max-width: 400px;       /* デザインが崩れない範囲で制限 */
  height: auto;           /* 高さ固定を解除 */
  background: url(../img/box-bg350.gif) left top no-repeat;
  background-size: cover; /* 背景を可変に */
  box-sizing: border-box;
  margin-bottom: 20px;
  


/*
	float: left;
	display: inline;
*/

/*
	width: 90%;
	float: none; 
	margin: 0 auto 20px;

	width: 210px;
	height: 350px;
	background: url(../img/box-bg350.gif) left top no-repeat;
*/

/*	margin: 0px 0px 0px 15px;	*/

/*
	height: 300px;
	margin: 0px 0px 0px 0px;
	background: url(../img/box-bg.gif) left top no-repeat;
*/

	
}

#content .service .box h3{
	margin: 15px 6px 0px;
	padding: 0px 0px;
	color: #fff;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	background: #4e3f2f none;
}

#content .service .box dl{
	margin: 5px 0px 0px;
	padding: 0px;
}

#content .service .box dl dt{
	margin: 5px 0px;
	padding: 0px;
	color: #d01942;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

#content .service .box dl dt img{
	border: 2px #fff solid;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #4e3f2f;
}

#content .service .box dl dd{
	margin: 5px 12px;
	color: #696969;
	font-size: 0.95em;
/*	font-size: 0.8em;	*/
}

#content .service .box dl dd a{
	padding: 0px 0px 0px 15px;
	font-weight: bold;
	background: url(../img/link-bg.gif) 3px center no-repeat;
}

/* -------------------------------------------------- update */

#content .update{
	margin: 30px 10px;
/*
	margin: 30px 0px;
*/
	padding: 15px 15px 20px;
	border: 2px #4e3f2f solid;
	border-radius: 15px;
	background-color: #fff;
}

#content .update h3{
	clear: both;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #4e3f2f;
	font-size: 1.05em;
	line-height: 1.45em;
	border-bottom: 3px #4e3f2f double;
	background: none;
}

#content .update dl{
	margin: 20px 0px 0px;
	padding: 0px 15px;
	height: 200px;
	overflow: auto;
}

#content .update dl dt{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 5px;
	color: #e94e1c;
	font-size: 0.9em;
}

#content .update dl dd{
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 7px 20px;
	font-size: 0.9em;
	border-bottom: 1px #4e3f2f dotted;
	background: url(../img/link-bg.gif) 10px 4px no-repeat;
}

/*----------------------------------------------------------------------------------------------------
	side
----------------------------------------------------------------------------------------------------*/

#side{
/*
	float: right;
	width: 250px;
	margin: 0px 0px 50px;
	padding: 0px;
*/
	
/*	z-index:999;	*/
/*
	position: relative;
*/
}




#side p.top{
	margin: 5px 0px;
	text-align: center;
}

#side .menu{
	margin: 20px 0px 0px;
}

#side .menu p{
	margin: 0px 0px 10px;
	padding: 2px 0px 0px 10px;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border: 1px #4e3f2f solid;
	border-radius: 5px;
	background-color: #4e3f2f;
}

#side .menu dl{
	margin: 0px 10px;
	font-size: 0.9em;
}

#side .menu dl dt{
	margin: 5px 0px;
	padding: 0px 5px 5px 15px;
	font-weight: bold;
	border-bottom: 1px #909090 dotted;
	background: url(../img/link-bg.gif) 5px 4px no-repeat;
}

#side .menu dl dt a{ color: #4e3f2f; text-decoration: none; }
#side .menu dl dt a:hover{ color: #e94e1c; text-decoration: underline; }

#side .menu dl dd{
	margin: 0px 0px 10px;
}

#side .menu dl dd ul li{
	margin: 7px 0px;
	padding: 0px 15px 5px 25px;
	border-bottom: 1px #909090 dotted;
	background: url(../img/link-bg.gif) 15px 4px no-repeat;
}

#side .menu dl dd ul li a{ color: #606060; text-decoration: none;}
#side .menu dl dd ul li a:hover{ color: #e94e1c; text-decoration: underline; }

#side .text{
	margin: 30px 0px 0px;
}

#side .text dl dt{
	margin: 0px 0px 10px;
	padding: 2px 0px 0px 10px;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border: 1px #4e3f2f solid;
	border-radius: 5px;
	background-color: #4e3f2f;
}

#side .text dl dd{
	margin: 15px;
	font-size: 0.9em;
}

#side .imglist{
	margin: 30px 0px;
}

#side .imglist ul{ text-align: center; }
#side .imglist ul li{ margin: 10px 0px; }


/*----------------------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------------------*/

#footer{
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color: #4e3f2f;
}

#footer .inner{
/*
	position: relative;
	width: 980px;
	margin: 0px auto;
	padding: 10px 0px;
	text-align: left;
*/
}

#footer .inner ul{
	float: left;
	margin: 0px 0px 0px 15px;
	text-align: left;
}

#footer .inner ul li{
	display: inline;
	margin: 0px 10px;
	font-size: 1.0em;
/*
	font-size: 0.85em;
*/
}

#footer .inner ul li a{ color: #fff; text-decoration: none; }
#footer .inner ul li a:hover{ color: #e94e1c; text-decoration: underline; }

#footer .inner address{
	float: right;
	display: inline;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	color: #fff;
	font-size: 1.0em;
/*
	font-size: 0.85em;
*/
}

#footer .inner address a{
	color: #fff;
}






/*______ 一覧 ______*/

table.shop_list{
	width:100%;
	border:1px solid #c1bab3;
	margin:15px 0 10px 0;
	clear:both;

	border-collapse:collapse;
	border:0px;

}
	
table.shop_list th,
table.shop_list td{
	font-size:90%;
	text-align:center;
	line-height:150%;
	/border-bottom:1px solid #c1bab3;
}

table.shop_list th{
	color:#5f4e44;
	padding:7px 5px 6px 5px;
	background:#e3ded8;
	border-top:1px solid #c1bab3;
	border-left:1px solid #c1bab3;
	border-right:1px solid #c1bab3;
	border-bottom:1px solid #c1bab3;
}

table.shop_list th a{
	color:#5f4e44;
	text-decoration:none;
}

table.shop_list th a:hover{
	color:#5f4e44;
}

table.shop_list td{
	padding:10px;
	border-left:1px solid #c1bab3;
	border-right:1px solid #c1bab3;
}

table.shop_list tr{
	border-bottom:1px solid #c1bab3;
}

table.shop_list td.bg{
	background:#fffcf9;
}

table.shop_list td.title{
	text-align:left;
}

table.shop_list tr td.title p{
	padding: 0px;
	margin: 0px;
}

.shop_list p{
	padding: 0px;
	margin: 0px;
}





/* =11 module item list
------------------------*/

.tab{
	border-bottom:3px solid #FF9CB8;
	margin:0 0 10px 0;
}

.tab p{
	float:left;
}

.tab .tab1,
.tab .tab1 a,
.tab .tab2,
.tab .tab2 a{
	width:150px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.tab .tab1{
	background:url(../img/tab1.jpg) no-repeat 0 0;
}

.tab .tab1 a{
	background:url(../img/tab1.jpg) no-repeat 0 -30px;
}

.tab .tab1 a:hover{
	background-position:0 0;
}

.tab .tab2{
	background:url(../img/tab2.jpg) no-repeat 0 -30px;
}	
	
.tab .tab2 a{
	background:url(../img/tab2.jpg) no-repeat 0 0;
}

.tab .tab2 a:hover{
	background-position:0 -30px;
}


/*______ tab1 ______*/

.tab1 h2{
	color:#FF9CB8;
	font-size:112.5%;
	border-left:7px solid #FF9CB8;
	padding:5px 0 5px 10px;
	margin:0 0 20px 0;
}

.list2 .btn_info,
.list2 .btn_inquiry{
	width:160px;
	margin:0 auto;
}

.list2 .btn{
	width:340px;
	margin:0 0 0 auto;
}

.list2 .btn p{
	float:left;
	margin:0 0 0 10px;
}

.select_send{
	font-size:87.5%;
	line-height:150%;
	margin:5px 0 0 0;
	padding:0 0 0 25px;
	background:url(../img/icon_arrow1.gif) no-repeat left 50%;
}

/*______ tab2 ______*/

.tab2 h2{
	color:#FF9CB8;
	font-size:112.5%;
	border-left:7px solid #FF9CB8;
	padding:5px 0 5px 10px;
	margin:0 0 20px 0;
}

.tab2 ul.list_img{
	margin:10px -10px 0 0;
}

.tab2 ul.list_img li{
	width:160px;
	padding:5px;
	background:#f8f4ed;
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	margin:0 5px 10px 0;
	/margin:0 10px 10px 0;
	clear:both;
}

.tab2 ul.list_img li h3{
	font-size:75%;
	margin:10px 0 0 0;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	clear:both;
}

.tab2 ul.list_img li img{
	display:block;
	margin:0 0 10px 0;
}

.tab2 ul.list_img li .info{
	font-size:75%;
	line-height:150%;
	margin:10px 0 0 0;
}

.tab2 .btn_info a{
	margin:0 auto 10px auto;
}






/* =02 clearfix
------------------------*/

.clearfix2 {
	/zoom:1;
}

.clearfix2:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}





/*______ ページナビ ______*/

.page_navi {
	position: relative;
	z-index: 2;
}

.page_navi p{
	font-size:87.5%;
	float:left;
}

.page_navi p strong{
	margin:0 5px 0 0;
}

.page_navi ul{
	float:right;
}

.page_navi li{
	font-size:75%;
	display:inline;
}

.page_navi li span{
	color:#fff;
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.4em 0.7em;
	background-color:#746257;
	border:1px #746257 solid;
	font-weight:bold;
}

.page_navi li a{
	color:#c1bab3;
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.4em 0.7em;
	border:1px #c1bab3 solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#c1bab3;
}

.page_navi li a:hover,
.page_navi li a:active{
	color:#fff;
	border-color:#c1bab3;
	background-color:#c1bab3;
}

.page_navi li.next a{
	width:32px;
	text-align:left;
	background:url(../img/next.gif) no-repeat 33px 6px;
}

.page_navi li.back a{
	width:32px;
	text-align:right;
	background:url(../img/back.gif) no-repeat 3px 6px;
}





/* =12 module item info
-----------------------*/

.item_info h2{
	font-size:160%;
	margin:0 0 10px 0;

}

.item_info h3{
	color:#fff;
	font-size:100%;
	height:23px;
	padding:12px 0 8px 25px;
	margin:30px 0 20px 0;
	background:#746257 url(../img/icon_title.gif) no-repeat 10px 50%;
	border-radius:3px;
	clear:both;
	font-weight: bold;
}

/*______ ボタン ______*/

.item_info .btn_inquiry a{
	width:340px;
	margin:0 auto;
	background:url(../img/btn_inquiry_full.gif) no-repeat 0 0;
}

.item_info .info .btn{
	margin:10px 0;
}

/*______ 特徴 ______*/

.item_info .option{
	clear:both;
}

.item_info .option ul{
	margin:0 -7px -7px 0;
}

.item_info .option li{
	width:134px;
	font-size:68.75%;
	padding:7px;
	margin:0 2px 7px 0;
	/margin:0 7px 7px 0;
}

/*______ テーブル ______*/

.item_info table.detail{
	margin:0 0 30px 0;
}

.item_info .list table{
	border-top:1px solid #d8c9b2;
}

.item_info .list table th{
	background:#fffcf9;

}

/*______ 詳細トップ ______*/

.item_info .info{
	padding:20px;
	border:2px solid #c1bab3;
	border-radius:3px;
}

.item_info .info .catch{
	padding:20px;
	background:#746258;
	border-radius:3px;
}

.item_info .info .catch h2{
	font-size:160%;
	font-weight:normal;
	color:#fff;
	display:block;
	font-weight: bold;
}

.catch p {
	color: #fff;
}

.item_info .info .catch .cate{
	margin:10px 0 0 0;
}

.item_info .info .catch .cate span{
	font-size:75%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px 10px;
	margin:0 10px 0 0;
	display:inline-block;
	background:#ffc446;
	border-radius:3px;
}

.item_info .info h3{
	margin:20px 0 0 0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}

.item_info .left{
/*
	width:580px;
	float:left;
	margin:20px 0;
*/
	margin:20px 0;
}

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



.item_info .right{
/*
	width:340px;
	float:right;
	margin:20px 0;
*/
	margin:20px 0;
}

/*______ 情報詳細 ______*/

.item_info .top_detail{
	padding:7px;
	background:#f8f3ed;
}

.item_info .top_detail table{
}

.item_info .top_detail th,
.item_info .top_detail td{

	font-size:93%;
/*
	font-size:90%;
*/

	line-height:150%;

/*	line-height:150%;	*/
	padding:3px;
}

.item_info .top_detail td{

	padding-left:20px;


}

.item_info .top_detail th{

	width:25%;

/*	width:30%;	*/
/*	width:25%;	*/

	font-weight:normal;


/*	padding-right:10px;	*/
}

.item_info .top_detail th span{


	width:100%;

/*	width:90%;	*/
	color:#fff;
	text-align:center;	
	background:#746258;

	padding:2px 7px;

/*	padding:1px 5px;	*/

	display:inline-block;
	border-radius:3px;
}

/*______ 地図 ______*/

.item_info .map{

	width:100%;
/*
	width:570px;
*/
	height:450px;
}

/*______ アクセス ______*/

.item_info .access p{
	font-size:75%;
	line-height:160%;
	padding:20px;
	background:#f8f4ed;
}

/*______ 画像 ______*/

.item_info .photo{
/*
	margin:30px 0;
*/
	margin:30px auto;
	text-align:center;

}

.item_info .photo ul{
/*
	margin:0 -9px -8px 0;
	/margin:0 -13px 0 0;
*/


}

.item_info .photo li{
		margin:20px auto;
/*
	width:300px;
	height:225px;
	padding:8px;
	background:#fffcf9;
*/
/*	margin:0 8px 8px 0;*/

/*
	margin:0px 5px 5px 0px;
	/margin:0 13px 13px 0;
	border:1px solid #c1bab3;
*/

/*	display:inline-block;*/ /*Modern*/
/*	/display:inline;*/ /*IE5〜7*/
/*	/zoom:1;*/ /*IE5〜7*/	
}

/*______ インタビュー ______*/

.review{
	margin:20px 0 30px 0;
}

.review .box{
	padding:10px;
	background:#fffcf9;
	border-top:5px solid #c1bab3;
	border-bottom:1px solid #c1bab3;
	border-right:1px solid #c1bab3;
	border-left:1px solid #c1bab3;
	margin-bottom: 15px;
}

#index_review .review .box .item .info{
	width:550px;
}

.review .box .item .info h3{
	font-size:87.5%;
	line-height:20px;
	margin:0 0 10px 0;
}

.review .box .item .info p{
	font-size:75%;
	font-weight:bold;
	line-height:160%;
}

.review .box .reviewer{
/*	font-size:75%;	*/
	font-size:100%;
	font-weight:bold;
	border:1px solid #c1bab3;
	background:#fff url(../img/icon_reviewer.gif) no-repeat 10px 5px;
	padding:15px 10px 15px 50px;
}
.review .box .text{
/*	font-size:75%;	*/
	font-size:100%;
	line-height:160%;
	border:1px solid #c1bab3;
	background:#fff;
	padding:10px;
	margin:10px 0 0 0;
}


/*______ 詳細用テーブル ______*/

table.detail{
	width:100%;
	border:1px solid #c1bab3;

	border-collapse:collapse;
	border:0px;
}

table.detail th,
table.detail td{
	font-size:100%;
/*
	font-size:90%;
*/
	line-height:150%;
	padding:7px;
	border-bottom:1px solid #c1bab3;
	border-top:1px solid #c1bab3;
	border-right:1px solid #c1bab3;

}

table.detail th{
	width:35%;
	text-align:center;
	background:#fffcf9;
	border:1px solid #c1bab3;
}

table.detail td{
	text-align:left;
	background:#fff;
}




/*______ 一覧 ______*/

table.week_list {
	width:100%;
	border:1px solid #c1bab3;
	margin:15px 0 10px 0;
	clear:both;

	border-collapse:collapse;
	border:0px;
}
	
table.week_list th,
table.week_list td{
	font-size:100%;
/*
	font-size:90%;
*/
	text-align:center;
	line-height:150%;
	/border-bottom:1px solid #c1bab3;
}

table.week_list th{
	color:#5f4e44;
	padding:7px 5px 6px 5px;
	background:#e3ded8;
	border-top:1px solid #c1bab3;
	border-left:1px solid #c1bab3;
	border-right:1px solid #c1bab3;
	border-bottom:1px solid #c1bab3;
}

table.week_list th a{
	color:#5f4e44;
	text-decoration:none;
}

table.week_list th a:hover{
	color:#5f4e44;
}

table.week_list td{
	padding:10px;
	border-left:1px solid #c1bab3;
	border-right:1px solid #c1bab3;
}

table.week_list tr{
	border-bottom:1px solid #c1bab3;
}

table.week_list td.bg{
	background:#fffcf9;
}

table.week_list td.title{
	text-align:left;
}



/*______ パンくず ______*/

#topicpath{

	height:48px;
/*
	height:32px;
*/
	padding:13px 0 0 0;
	margin:0 auto 0px auto;

	position: relative;
}

#topicpath li{
	font-size:85%;
	color:#393939;
	display:inline;
	list-style-type:none;
/*	padding:0 6px 0 12px;*/
	padding:0 6px 0 15px;
	background:url(../img/topicpath.gif) no-repeat 0 51%;
}

#topicpath li a{
	color:#393939;
}

#topicpath li.home{
	padding:0 3px 0 0px;
	background:none;
}

#topicpath li.next{
	width:32px;
	text-align:left;
	background:url(../img/next.gif) no-repeat 0px 6px;
}






.town_area {
	margin-bottom: 50px;
}

.town_area ul {
	margin-left: 15px;

}

.town_area ul li {
	float: left;

	width: 25%;

	background:url(../img/arrow37-002.gif) no-repeat 0px 5px;
	text-indent: 10px;
}



/*______ フォーム ______*/

.form{
/*	padding:20px;	*/
	border:double #e3ded8;
/*	margin:20px 0 0 0;	*/
}

.form table{
	width: 100%;
	display: block;
}

.form table caption{
	font-size:100%;
	color:#fff;
	padding:7px;
	background:#746257;
	text-align: left;

	width: 100%;
	display: block;
}



.form table tr{
	width: 100%;
	display: block;
}
.form table th{
	width: 100%;
	display: block;
}
.form table td{
	width: 100%;
	display: block;
}





.form tr{
	border-bottom:1px dotted #e3ded8;

	width: 100%;
	display: block;
}

.form th,
.form td{
	font-size:100%;
/*
	font-size:90%;
*/
	line-height:150%;
	padding:10px;
	border-bottom:1px dotted #e3ded8;

	width: 100%;
	display: block;
}



.form th{
	text-align:center;
	background:#fffcf9;
	font-weight: bold;
	color: #746257;

}



.form th span{
	font-weight:normal;
    color:#ff0000;
    margin:0 0 0 10px;
}

.form td{
	text-align:left;

}





.form td table tr{
	border-bottom:none;
}

.form td table tr th,
.form td table tr td{
	border-bottom:none;
}


.form td p{
	line-height:160%;
}

.form td td{
	font-size:100%;
}

.form td.row label{
	width:43%;
	float:left;
}

.form .submit{
	width:150px;
	margin:0 auto;
}



/*______ サブミット ______*/

.submit{
	text-align:center;
	padding:10px 0;
	clear:both;
}

.submit .sbmt_back input,
.submit .sbmt_check input,
.submit .sbmt_send input{
	width:110px;
	height:30px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.submit .sbmt_back input {
	background:url(/img/sbmt_back.gif) no-repeat 0 0;
}

.submit .sbmt_check input {
	background:url(/img/sbmt_check.gif) no-repeat 0 0;
}

.submit .sbmt_send input {
	background:url(/img/sbmt_send.gif) no-repeat 0 0;
}

.submit .sbmt_back input:hover,
.submit .sbmt_check input:hover,
.submit .sbmt_send input:hover{
	background-position:0 -30px;
}



textarea{
	width:98%;
	margin:5px 0;
}

/*______ 共通 ______*/

td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}

td label{
	margin:5px 20px 0 0;
}


/*______ エラー ______*/

.error{
	padding:20px;
	margin:20px auto 0px auto;
	border:2px solid #ff0000;
	background:#fff;
}
	
.error .msg{
	font-size:120%;
	font-weight:bold;
	color:#ff0000;
	padding:5px 0 10px 25px;
	margin:0 0 10px 0;
	border-bottom:1px solid #ff0000;
	background:url(/img/icon_alert.gif) no-repeat 0 2px;
}

.error ul{
	padding:0 10px;
}
	
.error li{
	font-size:90%;
	color:#ff0000;
	line-height:180%;
	background:url(/img/icon_arrow2.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
}



/*______ チェックフォーム ______*/

.check{
	padding:20px;
	border:double #e3ded8;
	margin:20px 0 0 0;
}
	
.check table{
	width:100%;
	margin:0 0 10px 0;
}

.check table caption{
	font-size:100%;
	text-align: left;
	padding:10px 0;
	border-bottom:1px solid #e3ded8;
}

.check th,
.check td{
	font-size:90%;
	border-bottom:1px dotted #e3ded8;
	padding:10px;
}

.check th{
	width:30%;
	text-align:center;
	font-weight: bold;
	color: #746257;
}

.check td{
	width:70%;
	text-align:left;
	line-height:180%;
}

.check .submit{
	width:300px;
	margin:0 auto;
}



/*______ メッセージ ______*/

.comp{
	margin:0 10px;
	padding:20px;
	border:double #e3ded8;
}

.comp dt{
	font-size:90%;
	line-height:150%;
	margin:0 0 20px 0;
}

.comp dd{
	font-size:90%;
	text-align:center;
}

.comp dd p{
	display:inline;
	margin:0 10px;
	padding:1px 0 2px 20px;
	background:url(/img/icon_arrow1.gif) no-repeat left 50%;
}


/*______ ページトップ ______*/

.page_top a{
	width:120px;
	height:25px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/img/pagetop.gif) no-repeat left top;
	position:absolute;
	bottom:0;
	right:270px;
/*	right:0;*/
}

.page_top a:hover{
	background-position:0 -25px;
}


.page_top2 a{
	width:120px;
	height:25px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/img/pagetop.gif) no-repeat left top;
	position:absolute;
	bottom:0;
	right:0;
}

.page_top2 a:hover{
	background-position:0 -25px;

}




.fll {
/*
	float:left;
*/
}


.flr {
/*
	float:right;
*/
}





.map_img {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
/*
	margin: 0 auto;
	position: relative;
	clear: both;
*/

}

/*
.map_img p {
	width: 100%;
	text-align: center;
}
*/


/*
.map_img p {
	margin-right: auto;
	margin-left: auto;
}
*/


/*
.map_img * {
	margin-right: auto;
	margin-left: auto;
}
*/


/*
.map_img_sp {
	width: 100%;
	text-align: center;
}
*/


.area_map {
	width: 100%;
	text-align: center;

/*
	padding: 0px 10px 0px 10px;
*/

/*
	margin: 0px 10px 0px 10px;
*/

/*
	position: relative;
	top: 300px;
	float: right;
*/
}

.area_map p {

	padding-bottom: 8px;
/*
	padding-left: 325px;
*/
}




.box-14 {
    background-color:#ffffff;
    border: 2px solid #4E3F2F;
    border-radius: 4px;
    margin: 2em 1em;
    padding: 2em;
    position: relative;
}
.box-14::before {
    background-color: #fff;
    color: #4E3F2F;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}


.imgr_sp {
	text-align: center;
/*
	float: right;
*/
}

.imgl_sp {
	text-align: center;
}



.text_area {
	margin: 10px 20px;
}




}