/*
Theme Name: sync_shop_theme
Description: sync-furniture | シンクファニチャー | 株式会社SYNC
Theme URI: https://sync-furniture-jp.pro/webshop
Author: Kouzou Saika | ZOCOZO DESIGN Inc.
Author URI: https://zocozo.com
Version: 
License: 
License URI: 
*/

@import "library/css/novel.css";
@import "library/css/usces_cart.css";
@import "library/css/responsive.css";


/* --- Reset --- */
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
img {
	border: none;
	outline: none;
}
ul,ol,li {
	list-style: none;
}
a {
	text-decoration: none;
	border: none;
	outline: none;
}
hr {
	border-top: 1px solid #ccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
hr.scroll {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
}
hr.clear {
	border-top: 1px solid #fff;
	border-left: none;
	border-right: none;
	border-bottom: none;
	clear: both;
}
hr.dotted {
	width: 95%;
	margin: 20px auto;
	border-top: 1px dotted #ccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

table.mailform input,
section.searchform input{
	/*ブラウザー仕様の解除*/
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0px;
}

/*-----404 not found-----*/
#centerBox p.notFound {
	width: 80%;
	padding: 40px 0px 40px;
	margin: 60px auto 30px;
	color: #BDDBF3;
	font-size: 138%;
	font-weight: lighter;
	letter-spacing: 0.1em;
	text-align: center;
	border-top: 3px solid #BDDBF3;
	border-bottom: 3px solid #BDDBF3;
  }
  #centerBox p.notFound span {
    display: block;
    line-height: 1.6em;
    color: #41515B;
    font-size: 66%;
    font-weight: lighter;
    letter-spacing: 0.1em;
}
/*-----404 not found-----*/

body {
	font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  *font-size: small;/* IE用 */
  *font: x-small;   /* IE 互換用 */
	/*-webkit-text-size-adjust: 100%;*/
}
label {
	/*iPhone系bug対策（labelがタップの対象に無いため）*/
	cursor:pointer;
}

/* contactform7 メール送信後 */
.sent .mailform {
  display: none;
}
.sentout_message {
display: none;
}
.sent .sentout_message {
  display: block;
}

/*投稿 YouTube挿入用 (レスポンシブ対応)*/
.youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*投稿 YouTube挿入用 (レスポンシブ対応) end*/

/*送信完了表示 バグ回避用*/
.sent_space{
	display: none;
}
.sent .sent_space {
	display: block;
	width: 85%;
	margin: 5em auto 20px;
	padding: 30px 3px;
	text-align: center;
	border-top: 1px solid #36a3f4;
	border-bottom: 1px solid #36a3f4;
	border-left: none;
	border-right: none;
	font-size: 92%;
}
/*送信完了表示 バグ回避用 end*/

/*本アップでバグ発生。上記追記で回避中*/
/*div.wpcf7-mail-sent-ok {
	display: none;
	border-top: 1px solid #6c9;
	border-bottom: 1px solid #6c9;
	border-left: none;
	border-right: none;
	font-size: 92%;
	width: 85%;
	margin: 5em auto 20px;
}
*/

div.wpcf7-response-output {
	/*padding: 30px 3px;*/
	text-align: center;
}

/*送信エラー警告など*/
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors{
	display: none;
	border-top: 1px solid #F69;
	border-bottom: 1px solid #F69;
	border-left: none;
	border-right: none;
	font-size: 92%;
	width: 85%;
	margin: 10px auto 20px;
}
/*送信エラー警告など*/
/*送信後のクルクル*/
table.mailform tr td.srBtn span.ajax-loader {
	width: 16px !important;
	height: 16px;
	margin: 0px auto !important;
}
/*テキストエリア入力忘れ*/
table.mailform tr td textarea{
	text-align: left;
}
/*入力不備箇所*/
.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 .wpcf7-not-valid {
    background: #FEF7FA;
}
/*contactform7 メール送信後 end*/

/* --- reCAPTCHAロゴ非表示 --- */
.grecaptcha-badge {
    opacity: 0;
}
/* --- reCAPTCHAロゴ非表示 end --- */

/* --- html5 block --- */
header, section, footer, aside, nav, article, figure, hgroup { 
	margin: 0px;
	padding: 0px;
	display: block;
}
/* --- Reset-end --- */

/* --- hack --- */
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0px; 
  font-size: 0px;	
  clear: both; 
  visibility: hidden;
  color: #fff;
}
.clearfix {display: inline-block;} 
/* Hides from IE Mac */
* html .clearfix {height: 1%; background: #fff;}
/*.clearfix {display:block;}*/
/* End Hack */ /* CSS Document */
/* --- hack end --- */