@charset "UTF-8";
/*
Theme Name: PIAA WEB Ver1.0
Theme URI: http://www.piaa.co.jp/
Description: This is our original theme.
Author: tactdesign
Author URI:　http://www.piaa.co.jp/
Version:1.0
*/
@import url(css/html5reset-1.6.1.css);
@import url(css/layout2017.css);
@import url(css/common.css);
@import url(css/nav.css);
@import url(css/content.css);
@import url(css/top.css);
@import url(css/f-light.css);


/* ================================================================================
	#contact7
================================================================================ */
.wpcf7 {
  max-width: 1000px;
 border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
  margin-left: 20px;
  }
  
.wpcf7 p {
  margin-left: 50px;
  margin-top: 20px;
  
  }
  
.wpcf7 input[type="text"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
  font-size: 14px;
  border-radius: 5px;
  padding: 5px;
  margin-left: 20px;
  margin-top: 5px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  height: 8px;
} 
.wpcf7 textarea {
  height: 100px;
  width: 350px;
  margin-left: 20px;
  font-size: 14px;
}

/*サブミットボタン*/
.wpcf7-submit {
  text-align: center;
  width: 80px;
  height: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  padding: 15px 20px;
  margin: 10px;
}
  
div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
    border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
    position: relative;
}
span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    background: #fff;
    border: 1px solid #ff0000;
    font-size: 10pt;
    width: 280px;
    padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
    color: #f00;
    font-size: 10pt;
    display: block;
}
span.wpcf7-list-item {
    margin-left: 0.5em;
}
.wpcf7-display-none {
    display: none;
}
div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
}
div.wpcf7 .watermark {
    color: #888;
}

#site-logo {
	float: left;
	max-width: 140px;
	height: 39px;
	padding-top: 7px;
	margin:0;
}

li.fb { margin:-5px -10px 0 -5px;}

/*1910追加*/
.fleft2 { float:left; width:45%;}
.fright2 { float:right;  width:45%;}

table.roof3 { clear:both; margin:20px auto; border-collapse:separate; border-spacing:9px 5px; font-size:12px; }
table.roof3 td.longray { background-color:#a0a0a0; color:#FFF; text-align:center; padding:5px 0; width:auto; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td { background-color:#000; color:#FFF; text-align:center; padding:5px 0; width:33%; height:10px; vertical-align:middle;  overflow:hidden; }
table.roof3 td.emptycell { background-color:#555; color:#FFF; text-align:center; padding:5px 0; width:154px; height:10px; vertical-align:middle;  overflow:hidden; }
table.roof3 td.color1 { background-color:#6e5b66; color:#FFF; text-align:center; padding:5px 0; width:154px; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td.color2 { background-color:#705f5f; color:#FFF; text-align:center; padding:5px 0; width:154px; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td.color3 { background-color:#625f69; color:#FFF; text-align:center; padding:5px 0; width:154px; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td.color4 { background-color:#bf5c71; color:#FFF; text-align:center; padding:5px 0; width:154px; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td.color5 { background-color:#5c7abf; color:#FFF; text-align:center; padding:5px 0; width:154px; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td.color6 { background-color:#5c6970; color:#FFF; text-align:center; padding:5px 0; width:auto; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td.color7 { background-color:#5d616b; color:#FFF; text-align:center; padding:5px 0; width:auto; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td.color8 { background-color:#6d6660; color:#FFF; text-align:center; padding:5px 0; width:auto; height:10px; vertical-align:middle;  overflow:hidden; font-size:14px; font-weight:bold; }
table.roof3 td a { display:block; color:#fff; }
table.roof3 th a { display:block; color:#fff; }

/*Photocon　20201003*/
.photo-link { width:110px; margin:0 auto 60px auto; text-align:center; }
.photo-link a { font-size:1em;
display:block;
width:100px;
padding-top:0.5em;
padding-bottom:0.5em;
text-align:center;
border:2px solid;
border-color:#aaaaaa #444444 #444444 #aaaaaa;
background:#cccccc; }

.photo-link a:hover { background:#777777;
cursor:pointer;}