@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, contents, nav, footer,
div, span, p, h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}

img {border: 0;}
images {border: 0;}
<link href="https://fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quantico" rel="stylesheet">

body {
  width: 100%;
  background-color: #ffffff;
  font: 16px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif, notosansjapanese, Quantico, Anton;
  line-height: 1.7;
}

h2{
	color:#fff;
	line-height: 1.7;
	font-size: 16px;
	margin: 0 0 0px 0;
  padding: 5px 0 3px 14px;
	background: #ebdaa6; /* Old browsers */

background: -moz-linear-gradient(left,  #ebdaa6 0%, #ffffff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebdaa6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #ebdaa6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #ebdaa6 0%,#ffffff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #ebdaa6 0%,#ffffff 100%); /* IE10+ */

background: linear-gradient(to right,  #ebdaa6 0%,#ffffff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebdaa6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

h3 {
  position: relative;
	font-size: 16px;
	color :#6b3f31;
	font-weight: bold;
	line-height: 2;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 6px solid #ebdaa6;
	/*cursor: pointer;*/
}
h3:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 0;
  width: 100%;
  border-bottom: 1px solid #ebdaa6;
}
section2 h3 {
  position: relative;
	font-size: 16px;
	color :#6b3f31;
	font-weight: bold;
	line-height: 2;
	margin: 4px 10px 10px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 6px solid #ebdaa6;
}
h4 {
  margin: 6px 0 6px 0;
  padding: 0px 10px 0px 10px;
  font-size: 16px;
	font-weight: bold;
  color: #a03c44;
}

h5 {
  margin: 0px 10px 0px 10px;
  /*padding: 0px 10px 0px 30px;*/
  font-size: 16px;
	font-weight: normal;
  color: #b7282e;
}

h6 {
  margin: 6px 0 6px 0;
  padding: 0px 10px 0px 10px;
  font-size: 16px;
	font-weight: bold;
  color: #ffffff;
}


/*---------- ヘッダー ----------*/

header {
  width: 100%;
}
/*
header h1 {
  padding: 5px 0 0px 0;
  text-align: center;
  color: #333333;
  font-size: 18px;
}

header h1 a {
  color: #333333 !important;
  text-decoration: none;
  font-size: 18px;
}

header h1 a:hover {
  color: #1e50a2 !important;
  text-decoration: underline;
  font-size: 18px;
}*/
.header a:hover { opacity: 0.6;
	filter: alpha(opacity=60); }

header {
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c91901+0,000000+100 */

background: #ebdaa6; /* Old browsers */

background: -moz-linear-gradient(left,  #ebdaa6 0%, #ffffff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebdaa6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #ebdaa6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #ebdaa6 0%,#ffffff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #ebdaa6 0%,#ffffff 100%); /* IE10+ */

background: linear-gradient(to right,  #ebdaa6 0%,#ffffff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebdaa6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff;
	opacity: 0.9;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #ebdaa6;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}

.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 13px;
    top: 12px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 3;
    background: #666;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.naviimg {
	
	padding: 20px 0 20px 0;
}

#page_top {
  margin: 0;
  padding: 0;
}


/*---------- コンテンツ ----------*/

.scroll .up {
  transform: translate(0px,50px); 
  -webkit-transform: translate(0px,50px); 
  opacity: 0;  
}

.scroll .up_anime {
	transition: 0.5s;
  transform: translate(0,0); 
  -webkit-transform: translate(0,0); 
  opacity: 1;  
}

/* Label */
.ac-container {
  max-width: ;
  /*border: 1px solid #ccc;
  border-top: none;*/
}
.ac-container label {
  
  line-height: 1.8;
  /*font-size: 20px;*/
  padding: 1% 0%;
  display: block;
  cursor: pointer;
  color: #6b3f31;
/* background: #000;*/
  /* border-top: 1px solid #;*/
}
.ac-container {
  width:;
  margin: ;
}
.ac-container label:hover {
  background: #ebdaa6;
  color: #fff;
   opacity: 0.6;
	filter: alpha(opacity=60);
	text-shadow: 1px 1px 0 rgba(0,0,0,.6);
}
.ac-container input {
  display: none;
}

/* Contents */
.ac-container article {
  overflow: hidden;
  height: 0;
 /* background: rgba( 0, 0, 0, 0.5 );*/
  transition: 0.6s;
}
/*.ac-container article p {
  padding: 0% 2%;
  font-size: 12px;
  color: #999;
  line-height: 1.5;
 
}*/
.ac-container input:checked ~ article {
  height: auto;
  /*border: 1px solid #ccc;
  border-top: none;*/
}
/* アコーディオンここまで */

.hoge {
	color:#6b3f31;
    /*background-color: #ebdaa61;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	/*border-bottom: 1px solid #000;*/
    }
.hoge:hover {
    color:#fff;
	background-color: #ebdaa6;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-shadow: 1px 1px 0 rgba(0,0,0,.6);
	/*border-bottom: 1px solid #ebdaa6;*/
    }

article {
  width: 100%;
  margin: 0 0 0px 0;
}

section {
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 16px;
}

section p {
	line-height: 1.7;
	/*font-size: 16px;*/
	padding: 0px 3px 0px 3px;
	margin: 0px 10px 0px 10px;
}


section2 p {
	padding: 0px 10px 0px 10px;
	line-height: 1.7;
	font-size: 16px;
	
}
section3 p {
	margin: 2px 10px 2px 10px;
	line-height: 1.7;
	font-size: 14px;
	
}

.box0 {
	padding: 14px 0px 10px 0px;
	width: 96%;
	margin: auto;
}

.box1 {
	padding: 0px 0px 10px 0px;
	width: 100%; max-width: 680px;
	margin: auto;
}

.box2 {
	padding: 10px 0px 10px 0px;
	width: 100%;
	margin: auto;
	background-color: #eeeeee;
}
.contain {
	color: #666;
padding: 10px 10px 10px 10px;
	border-collapse: collapse;
  border: solid 1px #f8f4e6;
	background-color: #f8f4e6;
}
/*
section img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

section img.picture_r {
  margin: 0 0 10px 10px;
  float: right;
}


section table.table_line {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
}
*/
/*------- お問い合わせ------*/

form {
  /*background: #000;*/
  max-width:96%;
}
form div {
  padding: 2% 2%;
	
}

.texted, textarea{
width: 80%;
}
.texted, textarea, .dropdown{
	border:1px solid #666;
	padding: 5px;
	color: #666;
	background: #fff;
	border-radius: 5px;
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #bbb;
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
/* IE */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}	
.css_btn_class {
	/*font-family: 'Orbitron', sans-serif;*/
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #575757;
	padding:9px 18px;
	text-decoration:none;
	cursor: pointer;
	background:-moz-linear-gradient( center top, #bdbdbd 5%, #666666 100% );
	background:-ms-linear-gradient( top, #bdbdbd 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#666666');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #bdbdbd), color-stop(100%, #666666) );
	background-color:#bdbdbd;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px #b5b5b5;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #a3a3a3;
 	-moz-box-shadow:inset 1px 1px 0px 0px #a3a3a3;
 	box-shadow:inset 1px 1px 0px 0px #a3a3a3;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #666666 5%, #bdbdbd 100% );
	background:-ms-linear-gradient( top, #666666 5%, #bdbdbd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#bdbdbd');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #666666), color-stop(100%, #bdbdbd) );
	background-color:#666666;
}.css_btn_class:active {
	position:relative;
	top:1px;
}
.css_btn_class2 {
	/*font-family: 'Orbitron', sans-serif;*/
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #575757;
	padding:4px 9px;
	text-decoration:none;
	cursor: pointer;
	background:-moz-linear-gradient( center top, #bdbdbd 5%, #666666 100% );
	background:-ms-linear-gradient( top, #bdbdbd 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#666666');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #bdbdbd), color-stop(100%, #666666) );
	background-color:#bdbdbd;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px #b5b5b5;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #a3a3a3;
 	-moz-box-shadow:inset 1px 1px 0px 0px #a3a3a3;
 	box-shadow:inset 1px 1px 0px 0px #a3a3a3;
}
.css_btn_class2:active {
	position:relative;
	top:1px;
}
.css3button {
	/*font-family: 'Orbitron', sans-serif;*/
	font-weight:bold;
	color: #ffffff;
	padding:4px 9px;
	background: -moz-linear-gradient(
		top,
		#faf6ea 0%,
		#ebdaa6);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#faf6ea),
		to(#ebdaa6));
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
		1px 1px 0px rgba(153,153,153,1),
		inset 0px 0px 0px rgba(255,000,217,0);
	-webkit-box-shadow:
		1px 1px 0px rgba(153,153,153,1),
		inset 0px 0px 0px rgba(255,000,217,0);
	box-shadow:
		1px 1px 0px rgba(153,153,153,1),
		inset 0px 0px 0px rgba(255,000,217,0);
	text-shadow:
		0px -1px 0px rgba(153,153,153,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

#formWrap {
	
}

table.formTable{
	width:96%;
	margin:0 auto;
	
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ebdaa6;
	padding:5px 10px;
	display:block;
}
table.formTable th{
	font-weight:bold;
	font-size: 16px;
    color: #ffffff;
    background: #ebdaa6;
	text-align: center;
}
table.formTable td{
	text-align: left;
}

p.error_messe{
	margin:5px 0;
	color:#b7282e;
}
.snd {
	padding-top:3%;
	padding-bottom:2%;
}




/*informationここまで*/

/*-------価格表-------*/

#kakaku table.table_line {
	width: 96%;
	border-collapse: collapse;
	border: solid 1px #ebdaa6;
	margin : auto;
}
#kakaku td.table_line {
	width: 50%;
    border-collapse: collapse;
    border: solid 1px #ebdaa6;
    padding : 10px 16px 10px 16px;
	font-size: 16px;
}
#kakaku td.table_line2 {
	width: 50%;
    border-collapse: collapse;
    border: solid 1px #ebdaa6;
    padding : 10px 16px 10px 10px;
	font-size: 16px;
	text-align: right;
}

#kakaku th.table_line {
    border-collapse: collapse;
    border: solid 1px #ebdaa6;
	font-size: 16px;
	font-weight: bold;
	color:#ffffff;
	background-color: #ebdaa6;
    padding : 10px 10px 10px 16px;
}
#kakaku th.table_line2 {
    border-collapse: collapse;
    border: solid 1px #ffffff;
	font-size: 16px;
	font-weight: bold;
	color:#ffffff;
	background-color: #ffffff;
    padding : 10px 10px 10px 16px;
}

.text {
	display: inline-block;
}
/*---------- トップに戻る ----------*/

#page_back {
  margin: 0 0 0px 0;
  padding: 0 6px 0 0;
  text-align: right;
}
.pagetop {

    display: none;

    position: fixed;

    bottom: 30px;

    right: 15px;

}

.pagetop a {

    display: block;

    background-color: #ccc;

    text-align: center;

    color: #222;

    font-size: 16px;

    text-decoration: none;

    padding: 5px 10px;

    filter:alpha(opacity=50);

    -moz-opacity: 0.5;

    opacity: 0.5;

}

.pagetop a:hover {

    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    padding:5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*---------- フッター ----------*/

footer {
  width: 100%;
  padding: 10px 0 10px 0;
  text-align: center;
	font-size: 14px;
  border-top: solid 1px;
  border-top-color: #ebdaa6;
}

footer p {
  padding: 0px;
  color: #ebdaa6;
}

@media only screen and (min-width: 481px) {
	
	
table.formTable{
	width:96%;
	margin:0 auto;
}
table.formTable td{
	border:1px solid #ebdaa6;
	padding:5px 10px;
}

table.formTable th{
	border:1px solid #FAF4E5;
	padding:5px 10px;
}
	
table.formTable th{
	width:30%;   
    padding:5px 10px;
	display:table-cell;
	text-align: left;
}

table.formTable td{
	width:70%;   
    padding:5px 10px;
	display:table-cell;
	text-align: left;
}
	
}