@charset "UTF-8";

/* common */

@import url("http://fonts.googleapis.com/css?family=Sevillana");

html, body, p, ul, li {
  margin     : 0;
  padding    : 0;
  line-height: 1;
}

html {
  background-image     : url("../images/bg.jpg");
  background-attachment: fixed;
  background-position  : top center;
  background-size      : cover;
}
html#balloon {
  background-image     : url("../images/bgF.jpg");
}
html#nail {
  background-image     : url("../images/bgN.jpg");
}

body {
  font-family: "Sevillana", "Helvetica Neue", "Segoe UI", "Arial", sans-serif;
}

html,
body {
  height  : 100%;
}
div#trust-form.contact-form table tr:hover,
div#trust-form.contact-form table th
{
	background-color: transparent !important
}
:-moz-window-inactive {
  -moz-animation-play-state: paused;
}
div#trust-form.contact-form table td input,
div#trust-form.contact-form table td textarea
{
	padding: 10px;
	width: 95%;
}
footer {
  position        : fixed;
  bottom          : 0;
  z-index         : 9;
  border-top      : 1px solid #000;
  width           : 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

footer .footer-inner {
width:920px;
margin:0 auto;
}

footer p {
  padding    : 10px 20px;
  color      : #fff;
  font-size  : 13px;
  font-family: "Helvetica Neue", "Segoe UI", "Arial", sans-serif;
  text-align : right;
}
footer p.logo img {
float:left;
margin:3px 10px 10px;
}
footer ul {
float:right;
margin:0 10px;
}
footer nav ul li {
display:inline-block;
text-align:center;
margin-right:30px;
line-height:1.2;
}
footer nav ul li span {
display:block;
font-size:0.8em;
font-family: "Century Gothic",Futura,Arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}
footer nav ul li a {
text-decoration:none;
color:#fff;
}

footer a {
  color: inherit;
}

/* SP */
@media screen and (max-width:640px){
  html {
  background-image     : none;
}
.background-hack {
    z-index                 : -1;
    background-color        : #cccccc;
    background-image        : url('../images/bg.jpg');
    background-repeat       : no-repeat;
    background-size         :  auto 100%;
    position                : fixed;
    top                     : 0;
    left                    : -150%;
    right                   : 0;
    bottom                  : 0;
}
.background-hack2 {
    z-index                 : 1;
   background-color: rgba(255, 255, 255, 0.6);;
    background-size         :  auto 100%;
    position                : fixed;
    top                     : 0;
    left                    : -150%;
    right                   : 0;
    bottom                  : 0;
}

  footer{
    display: none;
  }
}
/*--------------------------------------------------
	clearfix
--------------------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix{height:1%;}

*:first-child+html .clearfix {
	display: inline-block;
}

.clearfix{
	display: inline-table;
}

/*--------------------------------------------------
	margin padding
--------------------------------------------------*/

.mt5 {
margin-top:5px;
}
.mt10 {
margin-top:10px;
}
.mt15 {
margin-top:15px;
}
.mt20 {
margin-top:20px;
}
.mt25 {
margin-top:25px;
}
.mt30 {
margin-top:30px;
}
.mt35 {
margin-top:35px;
}
.mt40 {
margin-top:40px;
}
.mt45 {
margin-top:45px;
}
.mt50 {
margin-top:50px;
}
.mt55 {
margin-top:55px;
}
.mt60 {
margin-top:60px;
}

.mb5 {
margin-bottom:5px;
}
.mb10 {
margin-bottom:10px;
}
.mb15 {
margin-bottom:15px;
}
.mb20 {
margin-bottom:20px;
}
.mb25 {
margin-bottom:25px;
}
.mb30 {
margin-bottom:30px;
}
.mb35 {
margin-bottom:35px;
}
.mb40 {
margin-bottom:40px;
}
.mb45 {
margin-bottom:45px;
}
.mb50 {
margin-bottom:50px;
}
.mb55 {
margin-bottom:55px;
}
.mb60 {
margin-bottom:60px;
}

.pt5 {
padding-top:5px;
}
.pt10 {
padding-top:10px;
}
.pt15 {
padding-top:15px;
}
.pt20 {
padding-top:20px;
}
.pt25 {
padding-top:25px;
}
.pt30 {
padding-top:30px;
}
.pt35 {
padding-top:35px;
}
.pt40 {
padding-top:40px;
}
.pt45 {
padding-top:45px;
}
.pt50 {
padding-top:50px;
}
.pt55 {
padding-top:55px;
}
.pt60 {
padding-top:60px;
}

.pb5 {
padding-bottom:5px;
}
.pb10 {
padding-bottom:10px;
}
.pb15 {
padding-bottom:15px;
}
.pb20 {
padding-bottom:20px;
}
.pb25 {
padding-bottom:25px;
}
.pb30 {
padding-bottom:30px;
}
.pb35 {
padding-bottom:35px;
}
.pb40 {
padding-bottom:40px;
}
.pb45 {
padding-bottom:45px;
}
.pb50 {
padding-bottom:50px;
}
.pb55 {
padding-bottom:55px;
}
.pb60 {
padding-bottom:60px;
}


.contact-box {
margin:50px auto 20px;
width:560px;
padding:20px;
border:1px dashed #fff;
background-color: rgba(0, 0, 0, 0.3);
}
.contact-box p span {
font-size:1.2em;
font-weight:bold;
}

p.rightLink {
text-align:right;
margin-bottom:20px;
}
p.rightLink a {
background:#473626;
padding:5px 10px;
text-decoration:none;
border:1px solid #000;
color:#fff;
font-size:0.8em;
}
p.rightLink a:hover {
background:#8a7a6b;
padding:5px 10px;
text-decoration:none;
border:1px solid #000;
color:#fff;
font-size:0.8em;
}

/* SP */
@media screen and (max-width:640px){
  .contact-box {
margin:50px auto 20px;
width:90%;
padding:20px;
border:1px dashed #fff;
background-color: rgba(0, 0, 0, 0.3);
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
}

/*アコーディオンメニュー*/
  .accordion_ul{
    position:fixed;
    width:100%;
    z-index:9999 !important;
    top:-20px;
  
  }
   .accordion_ul li{
     margin: 0;
   }
  .accordion_ul section h1{
  background-color: #000;
  border-bottom: solid 1px #FFF;
  margin-bottom: 1px;
  padding: 10px;
  padding-left: 25px;
  color: #FFF;
  cursor: pointer;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  background-image: url(url);
  font-family: "Century Gothic",Futura,Arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","ƒƒCƒŠƒI",Meiryo,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;;
}
 
.accordion_ul section h1:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  background: #FFF;
}
  /*矢印のカラー*/
.accordion_ul section h1:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -13px;
  background: #000;
}
 
.accordion_ul section h1.active:before {
  margin-top: -2px;
}
 
.accordion_ul section h1.active:after {
  margin-top: 3px;
}
 
.accordion_ul section li {
    background-color: #F2F2F2;
    border-bottom: solid 1px #fff;
    padding: 8px 0 8px 24px;
}
 
.accordion_ul section li a {
    position: relative;
    display: block;
  text-decoration:none;
   color:#666464;
   font-size:12px;
}
 
.accordion_ul section li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 17px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;
   color:#666464;
}
 
.accordion_ul section li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 22px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #F2F2F2;
  text-decoration:none;
  color:#666464;
}
@media screen and (min-width:641px){
.accordion_ul{
    display:none;
  }
}
/*アコーディオンメニューここまで*//* CSS Document */
/* -------------------------------------------------------
	name : form.css
-------------------------------------------------------- */
form table {
margin:20px auto 0;
width:100%;
line-height:2.0;
}

form table td {
padding:5px;
border-bottom:1px solid #ddd;
}

form table th {
padding:5px;
border-bottom:1px solid #ddd;
width:30%;
text-align: left;
}
form table td input{
  padding: 8px;

}
/* SP start */
@media(max-width:767px){
form table td,
form table th
 {
   border: none;
	box-sizing: border-box;
  width:100%;
  display: block;
  
}

form table td{
  padding: 8px 8px 32px 8px;
}
form table th{
  background-color: rgba(255,255,255,0.2);
  padding: 8px;
}
body.form-page #SubContents {
display:none;
}
	

}
/* SP end */


form span.must {
color:#fff;
background:#33aa33;
padding:3px 5px;
font-size:0.8em;
}
form table th img {
float:right;
}
form p#confirm-button {
text-align:center;
margin-top:20px;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea {
width:90%;
background: #f9f9f9;
border: 1px solid #ccc;
padding: 8px;
font-size:12px;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 }
form p#confirm-button input[type=button],
form p#confirm-button input[type=submit],
.wpcf7-submit {
	background: #b6272c;
color:#fff;
display:block;
overflow:hidden;
margin: 15px auto;
position:relative;
padding:8px 24px;
text-decoration:none;
cursor:pointer;
font-size:1.2em;
font-weight:bold;
border: 1px solid #333;
box-shadow: inset 0px 0px 1px rgba(255,255,255,1);

}

form p#confirm-button input:hover {
	background:#d31321;
}
.wpcf7 a{
  color: #FFF !important;
}
form .error {
color:#ff0000;
}

form li {
list-style:none;
}
form input[type="checkbox"] {
margin-right:10px;
}
.grecaptcha-badge{
z-index: 99;
}