@charset "UTF-8";
.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dotted; /* 線種 */
	border-color: #E58C07; /* 線色 */
	height: 1px; /* 高さ */
    max-width: 100%;
	clear:both;
	margin: 30px 0px;
}

/* ------------------------------------- */
/*	パンくず
/* ------------------------------------- */
.pan {
	font-size:		1em;
	color:			#777;
	padding:		20px 0;
	margin:			0 auto 10px auto;
	background-color: #FFF;
	/* box-shadow */
	box-shadow:0px -6px 12px -3px rgba(0,0,0,0.16);
	-moz-box-shadow:0px -6px 12px -3px rgba(0,0,0,0.16);
	-webkit-box-shadow:0px -6px 12px -3px rgba(0,0,0,0.16);
	}
.pan a {	
	color:			#E58C07;
	text-decoration:none;
	}
.pan a:hover {
	color:			#E58C07;
	text-decoration:underline;
	}
	@media only screen and (max-width: 767px) {/* タブレット幅 */
		.pan {
			display:		none;
				}
		}

/* ------------------------------------- */
/*	ページタイトル
/* ------------------------------------- */
#pageheader{
	width:			100%;
	background:		url(http://www.tonami-life.net/img/title/pagetitle_bg.jpg) no-repeat center center;
	background-color: #bee3fe;
	min-height:		135px;
	display:		block;
	margin:			0;
	}

#pageheader h2{
	width:			1000px;
	margin:			0 auto;
	font-size:		2em;
	font-weight:normal;
	color:			#6A3906;
	padding:		45px 0 0 0;
	text-align:left;
	text-shadow:0px 0px 3px #ffffff,
				0px 0px 3px #ffffff,
				0px 0px 3px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 7px #ffffff,
				0px 0px 7px #ffffff,
				0px 0px 7px #ffffff;
	-moz-text-shadow:0px 0px 3px #ffffff,
				0px 0px 3px #ffffff,
				0px 0px 3px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 7px #ffffff,
				0px 0px 7px #ffffff,
				0px 0px 7px #ffffff;/* Firefox用 */ 
	-webkit-text-shadow:0px 0px 3px #ffffff,
				0px 0px 3px #ffffff,
				0px 0px 3px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 5px #ffffff,
				0px 0px 7px #ffffff,
				0px 0px 7px #ffffff,
				0px 0px 7px #ffffff;/* Safari,Google Chrome用 */   
	}
	@media only screen and (max-width: 992px) {
		#pageheader{
			overflow: hidden;
			}
		#pageheader h2{
			width:		90%;
			margin: 0 0 0 30px;
			}
		}
	@media only screen and (max-width: 768px) {
		#pageheader{
			min-height:		85px;
			}
		#pageheader h2{
			margin: 5px 0 0 20px;
			padding:	20px 0 0 0;
			font-size:	1.6em;
			vertical-align:middle;
			}
		}
	@media only screen and (max-width: 320px) {
		#pageheader h2{
			font-size:	1.4em;
			}
		}
/* table
---------------------------------------------------- */
.profile{
	background:url(http://www.tonami-life.net/img/page/bg1.jpg) repeat;
	margin: 20px 0px;
	padding:32px;
	color:#6a3906;
	}




/* table
---------------------------------------------------- */
table {
	width: 100%;
	max-width:705px;
	border-collapse: collapse;
	margin: 12px 0px;
	border-style: solid;
	border-width: 0;
	border-top: 1px solid #F5E8C8;
	border-left: 1px solid #F5E8C8;
}
table th,
table td {
	font-size: 1em;
	font-weight:normal;
	padding: 8px 20px;
	border-bottom: 1px solid #F5E8C8;
	border-right: 1px solid #F5E8C8;
}
table th{
	color:#963;
	}



@media (max-width:768px){
table th,
table td {
	font-size: 0.9em;
}



table.mobile-block {
    border-top: 1px solid #F5E8C8;
  }
table.mobile-block th,
table.mobile-block td{
	display:block;
	}
table.mobile-block th{
	border-bottom: none;
	}
}

}
@media (min-width:769px){
table.mobile-block td,
table.mobile-block th{
	display:table-cell;
	}
}




.wrap01{
	color:#6a3906;
	display:inline-block;
	border: 1px solid #F5E8C8;
	padding: 12px 25px;
	margin:10px 10px 10px 0;
		-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	}








@media screen and (min-width: 320px) {
/*	tex
/* ------------------------------------- */
.text_m {
	width:100%;
	margin: 0px 0px 20px 0px;
	border-bottom:#03C 1px solid;
	background:url(http://www.tonami-life.net/img/iotty.jpg) no-repeat right;
    background-size: 95px 66px;
}
.text_m h4 {
	font-size: 180%;
	color:#039;
	font-weight:normal;
	padding: 30px 0px 8px 0px;
	width:70%;
	line-height: 1em;
}

.text_m2 {
	width:100%;
	margin: 0px 0px 20px 0px;
	border-bottom:#03C 1px solid;
	background: url(http://www.tonami-life.net/img/back.jpg) repeat;
background-size: 500px 49px;
	height:49px;
}
.text_m2 h4 {
	font-size: 140%;
	color:#FFF;
	font-weight:normal;
	padding: 12px 0px 0px 10px;
}


.text {
	width:90%;
	margin: 20px auto ;
	line-height: 1.7em;
	color:#777;
}
.text img {
	border: 0;
max-width: 100%;
}
.text a {
	text-decoration: none;
	color: #E58C07;
}

.text a:hover {
	color: #E58C07;
	text-decoration: underline;
}
.text img a {
	border: 0;
}
.text a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


.tex1 {
	font-size:140%;
}
.tex2 {
	font-size:120%;
}
.tex3 {
	font-size:110%;
	line-height: 1.5;
}
.tex4 {
	font-size:110%;
	margin: 20px 0px 0px 0px;
}
.titlebox {
	border-left: solid 5px #CCC;
	padding: 15px 0px 15px 10px;
	margin: 0px 0px 20px 0px;
	background: url(http://www.tonami-life.net/img/top/topi_back.gif) repeat;
	font-size: 180%;
	font-weight: bold;
	color:#333;
}

img.aligncenter,
img.alignright,
img.alignleft,
img.alignnone {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
clear:both;
}
.alignright {
  float: none;
}
.alignleft {
  float: none;
}
/*	arvhive
/* ------------------------------------- */
.info_box1{
	margin: 20px 0px 0px 0px;
}
.info_box{
	border-bottom: #6A3906 dotted 1px;
	margin: 15px 0px;
	padding: 0px 0px 40px 0px;
}
.info_box img {
width: 20%;
height: 20%;
float: left;
padding: 1px;
margin: 0px 3% 0px 0px;
}
.info_box img a {
border: 0;
height: 20%;
}

.i_box{
	float:left;
width: 75%;
}
.i_date{
	color: #6A3906;
	margin: 0px 10px 0px 0px;
}
.i_text{
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}
.i_m{
	color: #666;
	margin: 0px 10px 0px 0px;
	clear:both;
}
.i_text a {
	color: #E58C07;
	text-decoration: none;
	font-weight: normal;
}
.i_text a:hover {
	color: #E58C07;
	text-decoration: underline;
}
.i_date2{
	color: #666;
}
.i_title{
	color: #E58C07;
	font-size: 150%;
	line-height: 170%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: normal;
	border-bottom: #6A3906 dotted 1px;
}
.i_m2{
	color: #666;
	font-size: 110%;
	line-height: 170%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: normal;
	border-bottom: #6A3906 dotted 1px;
}
.i_text_box{
	border-bottom: #6A3906 dotted 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
.i_text p{
	font-weight:normal;
	}
.back{
	color: #666;
max-width: 100%;
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 20px 0px;
}
.back a {
	text-decoration: none;
	color: #666;
}
.back a:hover {
	color: #999;
	text-decoration: underline;
}
.midashi01{
	width:100%;
	color:#6a3906;
	font-size:1.8em;
	line-height:120%;
	border-bottom:1px solid #6a3906;
	margin: 0px 20px 20px 0px;
	padding:10px 0;
	}
.midashi02{
	width:100%;
	color:#E58C07;
	font-weight:bold;
	margin: 15px 20px 10px 0px;
	padding:0;
	}
.bg_brown01{
	clear:both;
	width:88%;
	background:url(http://www.tonami-life.net/img/page/bg1.jpg) repeat;
	margin: 0px 20px 10px 0px;
	padding:12px 20px 10px 20px;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	}
.bg_brown01 a{
	color:#6a3906;
	text-decoration: none;
	}
.bg_brown01 a:hover{
	color:#6a3906;
	text-decoration: underline;
	}

/* form
/* ------------------------------------- */
dl.fo {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #EFDBAD solid 1px;
	background: #FFFBDD;
}
.fo_box {
	width: 100%;
	border-bottom: #EFDBAD solid 1px;
	padding: 0px 0px 0px 0px;
}
dl.fo2 {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #C93 solid 1px;
	background: #FFFBDD;
}
.fo_box2 {
	width: 100%;
	border-bottom: #EFDBAD solid 1px;
	padding: 0px 0px 0px 0px;
}
dl.fo dt,
dl.fo2 dt {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	float: left;
	color: #6a3906;
	line-height: 120%;
	border-bottom: #EFDBAD solid 1px;
}
dl.fo dd,
dl.fo2 dd {
	width: 100%;
	padding: 10px;
	float: left;
	background-color: #FFF;
}
.fo2_2 {
	background-color: #FFF;
	height: 30px;
}
p.fo_tex01 {
	font-size: 12px;
	color: #333333;
	line-height: 19px;
	padding: 0px 0px 10px 0px;
}
.f_b {
	padding: 10px 0px 20px 0px;
	background-color: #FFF;
	text-align:left;
}
.er {
	font-size: 15px;
	color: #FF3300;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}
.f_t2 {
	font-size: 12px;
	color: #663300;
	line-height: 17px;
	padding: 2px;
}
.t_red_b {
	font-size: 110%;
	color: #FF3300;
}
.red {
	color: #FF3300;
}
.t_m {
	line-height: 160%;
}
span.wpcf7-list-item { display: block; }
.delivery{
	background: #FCF7EA;
	width: 100%;
	padding: 10px 0px;
}


input#button {
	background: #fff;
	border: solid 1px #E58C07;
	color: #E58C07;
	font-size: 1.3em;
	font-weight: normal;
	border-radius: 50px;
	margin: 20px auto;
	padding: 8px 20px;
	width: 200px;
	}
input#button:hover {
	background: #E58C07;
	color: #fff;
	border: solid 1px #E58C07;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
input#button:active {
	background: #E58C07;
	color: #fff;
	}
}





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

img.img_wrap01{
	border: 5px solid #F5E8C8;
	margin:5px;
	}
img {
height: auto;
}
	@media (max-width:768px){
		img.img_wrap01{
			margin:5px auto;
			}
		}
@media only screen and (max-width: 992px) {
img {
max-width: 100%;
}
		}






@media screen and (min-width: 768px) {
.text {
	width:490px;
	float: left;
	margin: 0px 0px 40px 0px;
	}
/*	arvhive
/* ------------------------------------- */
.i_date,
.i_text{
	float: left;
	}
.info_box img {
	width: 70px;
	height: 70px;
	float: left;
	padding: 1px;
	margin: 0px 10px 0px 0px;
	}
.bg_brown01{
	width:94%;
	margin: 0px 0px 15px 0px;
	padding:12px 20px 10px 20px;
	}
}
	@media screen and (min-width: 992px) {
		/*	 box
		/* ------------------------------------- */
		.text {
			width:710px;
			float: left;
			margin: 0px 0px 50px 0px;
			}

/*	tex
/* ------------------------------------- */
.tex1 {
	font-size:180%;
}
.tex2 {
	font-size:140%;
}
.tex3 {
	font-size:120%;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
	clear:none;
}
img.alignright {
    margin-left: 20px;
    margin-right: 0;
    margin-bottom: 2px;
    display: inline;
	clear:none;
}
img.alignleft {
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 2px;
    display: inline;
clear:none;
}
img.alignnone {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
/* form
/* ------------------------------------- */
dl.fo {
	width: 730px;
}
.fo_box {
	width: 730px;
}
dl.fo2 {
	width: 730px;
}
.fo_box2 {
	width: 730px;
}
dl.fo dt,
dl.fo2 dt {
	width: 180px;
	text-align: right;
	border-bottom: none;
}
dl.fo dd,
dl.fo2 dd {
	width: 510px;
}
.f_b {
	text-align:left;
}
}
/* ------------------------------------- */
/*	tableスクロール
/* ------------------------------------- */
@media only screen and (max-width: 992px) {
#t_Scroll {
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#t_Scroll table { border-right: none;}
}