/*
Theme Name: bratech_theme
Description: A business, portfolio and blog theme.
Author: bratech
Theme URI: 
Author URI: 
Version: 1.1.1
*/

@import url('manpuku.css?160819');
body,
h1 {background-color: #CF1717;}
#global_nav a:hover,
#global_nav a.active {border-top-color: #CF1717;}
#side_nav a:hover p {border-left-color: #CF1717;}
#global_nav span {display: none;}
#content{margin: 0 auto;padding: 0;background: #fff;}
.more-link {font-size: 150%;color: #3498db;padding: 20px;}
.entry-header img {float: left;margin: 0 20px 0 0;}
.entry-header h3 {border: none;}
.my-excerpt {display: block;margin: 20px;color: #3498db;}
.entry-content p {padding: 20px 0;}
.entry-content iframe {width: 100%;}
.entry-content img {width: 100%;height: auto;}
.entry-content a {text-decoration: underline;}
.breadcrumb {margin:0;padding: 20px 0 40px;}
.breadcrumb a {text-decoration: underline;}
article {border-bottom: 1px dotted #ccc;border-top: none;}
.breadcrumb li {list-style: none;float: left;letter-spacing: 1px;}
h3 a {text-decoration: underline;}
.nav-previous {float: left;padding:20px 0;}
.nav-next {float: right;padding: 20px 0;}
.pagination {text-align: center;}
.pagination a {background: #CF1717;color: #fff;padding: 10px;margin: 1px;}
.pagination span {background: #ccc;color: #fff;padding: 10px;margin: 1px;}
span a.nav_home{padding:10px;margin: -10px;}
.nav-previous a {background: #CF1717;color: #fff;padding: 10px;}
.navigation.paging-navigation h1 {background: none;color: #000;}
/*�c�̊�����*/
.flat_table {width: 100%;height: 80px;background-color: #27ae60; font-size:200%;}
.flat_table_last {width: 100%; background-color: #FF0000; font-size:200%; margin: 0 0 10px 0;}
.flat_table_last a {color: #fff; display: block; padding: 0 0 0 10px;}
.flat_table p{color:#ffffff; padding: 20px;text-align: center;font-weight: bold; font-size:110%;}
.flat_table_s table{border-collapse: collapse; width: 100%; height: 150px;}
.flat_table_s td{width:20%; border:1px solid #dddddd;text-align: center;padding:5px; vertical-align:middle;}
.flat_table_s .first{width:60%; padding:20px;}
.pure-table {border-collapse: collapse;border-spacing: 0;empty-cells: show;border: 1px solid #dddddd;}
thead tr th {color: #ffffff;background: #27ae60;border: 1px solid #dddddd;padding: 20px 0;}
.flat_table_s .one{font-weight:bold;text-align: left;}
.flat_table_s .bg{ background-color:#99cc66;}
.flat_table_s .force{font-weight:bold; color:#FF0000;}
.pure-table.pure-table-bordered tr td {font-size: 115%;}
.pure-table.pure-table-bordered .one{width:40%;}
ul.client { width: 50%; float: left; margin: 30px 0;}
.bbq_spot #main p {margin: 20px 0;}

/*�T�C�h�o�[�@���ʃJ�e�S��*/
.widget-area li {list-style:none;padding:10px;display:block;}
.widget-container li {border-bottom: 1px dotted #ccc;}
.widget-container li a {display: block;}
/*�T�C�h�o�[�@���ʃJ�e�S��*/

/* contact form 7 */
.index_form ul {text-align: right;width: 90%;margin: 20px 0; list-style:none;}
.pform {width: 90%;}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea {padding: 10px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;width: 100%;background-color: #ddd;border: 1px solid #ffffff;color: #2d2d2d;font-size: 1em;}
div.wpcf7 {padding: 30px 0px 30px 25px!important;background-color: #ffffff;}
.wpcf7-form p {padding: 10px 0;height: 40px;}
.wpcf7-form-control.wpcf7-submit {vertical-align: middle;background-color: #1abc9c;color: #FFFFFF;cursor: pointer;padding: 10px 50px;text-align: center;text-transform: uppercase;border: none;float: right;margin: 10px -3px;}
.form7 {float: left;width: 170px;padding: 10px 20px 10px 10px;text-align: right;}
.wpcf7-form-control-wrap{float: left;width: 60%;}
.form7 b {margin: 0 0px 0 10px;background-color:#1abc9c;color: #ffffff;padding:2px 10px;}
@media screen and (max-width: 768px){
div.wpcf7 { padding:0 !important;margin: auto 0 !important;background: #fff;}
.wpcf7-form-control-wrap {float: left;width: 100%;}
.form7 {text-align: left;}
}
/* contact form 7 */


#categories-2 {margin: 10px;}
.entry-summary {min-height: 100px;}
.flat a:nth-child(1) {
background-color: #27ae60;
background-image: url(../img/arrow.png);
width: 100%;
}
.flat a {
width: 80%;
height: 50px;
display: block;
text-align: center;
line-height: 50px;
color: #FFF;
text-decoration: none !important;
font-size: 108%;
background-repeat: no-repeat;
background-position: left 10px center;
background-size: 24px 24px;
margin: 20px 0;
}

.top-site-content img {
float: left;
max-width: 150px;
height: 150px;
}

.pack_contents {
width: 410px;
float: left;
padding: 0 0 0 20px;
}

.pack_contents h3{
border:none;
}

.entry-content p {
padding: 20px 0;
font-size: 16px;
}

ul.client {
width: 50%;
float: left;
margin: 30px 0;
list-style:none;
}
.entry-summary p {
	font-weight: bold;
}

span.spot-red {
	color:red;
}

span.spot-bule {
	color:bule;
}
span.spot-pink {
	color:pink;
}
span.spot-yellow {
	color:yellow;
}


@media (max-width: 1599px){
.site {border: 0; background: #333; }
}

/*iPhone*/
@media screen and (max-width: 480px){
h1 span {width: 79%; font-size: 108%; line-height: 4;}
#footer_inbox {padding: 50px 0 15px 0;}
#side_ber {width: 90%; margin: 0 auto; padding: 0 !important; clear: both;}
#side_ber #bnr{display:block;}
.nav-previous {float: left;padding:5px 0;}
.top-site-content h3 {clear: both;}
.pagination {
text-align: center;
line-height: 5em;
}
.bbq_spot #main p {
margin:0;
font-size: 70%;
}
}
@media screen and (max-width: 768px){
h1 i.on {background-position: -429px 0;}
h1 i {background-position: -480px 0px;}
.nav-previous {float: left;padding:5px 0;}

}