/*
Theme Name: Generic Web Pack
Theme URI: https://liveknott.co.jp/
Version: 1.0
Description: 株式会社ライブノットが提供するGeneric Web Packのカスタマイズ用　子テーマです。
Author: 株式会社ライブノット Generic Web Pack開発チーム
Author URI: https://liveknott.co.jp/
template: bb-theme
*/
/* Add your custom styles here... */ 

/* ------------------
 common
------------------ */

/*layout*/
body {letter-spacing: 1px;}
a {outline:none !important;}

/*header*/
.pp-menu-close-btn { top: 2% !important; right: 1% !important;}

/* title */
.title-1 .fl-heading-text {background: #f2f2f2; display: block; padding: 8px 20px;}

/*text*/
.text-center {text-align: center;}

/*spのみ改行（.br-sp）*/
@media screen and (min-width:993px){.br-sp {display: none;}}
@media screen and (min-width:768px) and ( max-width:992px){.br-sp {display: none;}}
/*spのみ改行なし（.br-sp-none）*/
@media screen and (max-width:767px) {.br-sp-none {display: none;}}

/* decoration */
.linear-1 {background: linear-gradient(transparent 50%, yellow 50%);}
.linear-2 {background: linear-gradient(transparent 0, yellow 0);}

/*table*/
.layout-table-1 table{width: 100%;}
.layout-table-1 th { background: #f2f2f2;  border: 1px solid #ccc; padding: 10px; text-align: center; }
.layout-table-1 td {border: 1px solid #ccc; box-sizing: border-box; padding: 10px;}

@media screen and (max-width:767px) {
.layout-table-1 table{
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
}

/*button*/
.button-grad a {
background-image: linear-gradient(to right, #01A4E7 0%, #074294 51%, #01A4E7 100%) !important;
color: #fff !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
-webkit-transition: all .3s !important;
transition: all .3s !important;
background-size: 200% auto !important;
}
.button-grad a:hover {
background-color: #074294 !important;
background-position: right center !important;
}

/* ------------------
 home
------------------ */

/* slider */
.slider {position: relative;}
.slider .h1-catch { width: 80%; margin: 0 auto; text-align: center; position: absolute; top: 35%; bottom:0; left: 0; right: 0; z-index:10;}


/* ------------------
 sub
------------------ */

/* form */

/* form (pc) */
.contact-mwform table { width: 100%;}
.contact-mwform th, .contact-mwform td { padding: 10px; border-bottom: 1px solid #ccc;}
.contact-mwform input, .contact-mwform textarea { margin: 10px 0; padding: 8px; border: 1px solid #ccc !important;}
.contact-mwform .input-short input {width: 20%; display: inline-block;}
.contact-mwform .input-middle input {width: 40%; display: inline-block;}
.contact-mwform select { padding: 10px; margin: 10px 0;}
.contact-mwform .zip-code input {width: 20%; display: inline-block; vertical-align: middle; margin: 10px 0;}

.contact-mwform .required { 
font-size: 12px;
color: #fff;
background: #f14942;
letter-spacing: 0.1em;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 3px 7px;
margin: 0 0 0 10px;
}
.contact-mwform .back { text-align: center; }
.contact-mwform .back input[type=submit] { color: #000; background: none; border: none !important; }

/* form (button) */
.button-mwform {text-align: center;}
.button-mwform input[type=submit]{
width: 240px;
border: 1px solid #ccc;
box-sizing: border-box;
border-radius: 0;
padding: 10px 0;
margin: 30px auto !important;
color: #000;
background: #fff;
}
.button-mwform input[type=submit]:hover{ border: 1px solid #fff !important; color: #000; background: #f2f2f2;}

/* form (sp) */
@media screen and (max-width:767px) {
 .contact-mwform th { color: #333; background: #fbf7e5;padding: 10px 10px 5px;}
 .contact-mwform th, .contact-mwform td { width: 100%; display: block; margin-bottom: 10px; border-bottom: none !important;}
}