/*
Theme Name: http://3bee.jp/ WEB Site
Author: Coder, Design, System design, ippei kawada
Author URI: http://3bee.jp
Description: http://3bee.jp/ Offical WEB Site
Version: 1.0
License: -
License URI: -
Tags: -
*/

/*
 Comment:
 This theme css file is responsible for the core
 Editing will be taken as the basic impossible.
  */
/*---------------------------------------------------------------------------- */

/*
	Import
---------------------------------------------------------------------------- */
@charset "UTF-8";
@import "css/base.css";
@import "css/contents.css";
@import "css/colorbox.css";
@import "css/css3.css";
@import "css/drawer.css";
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*
	Base Structure & Config
---------------------------------------------------------------------------- */
body {overflow-x: hidden;}
.wrap {width: 100%; position: relative;}
.inner_ct {margin: 0 auto; width: 1100px; position: relative;}
footer {clear: both;width: 100%;}
#container {margin: 40px auto 0; width: 1080px; position: relative;}
.content {padding: 0 0 50px;}
.pc {display: block !important;}
.sp {display: none !important;}
.en {font-family: 'Roboto', sans-serif;}
@media screen and (max-width: 768px){
.pc {display: none !important;}
.sp {display: block !important;}
body.home {width: 100%; min-width: 100%; background-image: none; }
body {-webkit-text-size-adjust: 100%; width: 100%; min-width: 100%; background-image: none;}
.inner_ct {width: auto; padding: 0 5.12%;}
#container {margin: 4.68% auto 0; width: auto; padding: 0 5.208%;}
.content {padding: 0 0 5.12%;}
img {max-width: 100%; width /***/:auto;}
}

/*
	Layout One Col
---------------------------------------------------------------------------- */
.content_onecol {margin: 0 auto; width: 100%; position: relative; }
@media screen and (max-width: 768px){
.content_onecol {width: auto; }
}
/*
	Layout Two Col
---------------------------------------------------------------------------- */
.container2col {float: left; width: 750px;}
.container2col .hentry {margin: 0 0 20px;}
@media screen and (max-width: 768px){
.container2col {float: none; width: auto;}
.container2col .hentry {margin: 0 0 5.208%;}
}

/*
	Header
---------------------------------------------------------------------------- */
header {height: 110px; position: relative; border-bottom: 1px solid #22ac38; box-sizing: border-box;}
header .logo {position: absolute; top: 0; display: block;}
header .logo img {width: 50%; height: auto;}
header .sns_links {position: absolute; right: 20px; letter-spacing: -0.25em; top: 10px; z-index: 50;}
header .sns_links li {display: inline-block; letter-spacing: normal; margin: 0 0 0 10px; }
header .sns_links .search, header .sns_links li a {color: #FFF; display: inline-block; padding: 5px 5px 0; font-size: 15px; background-color: #22ac38; text-align: center; transition: all 0.7s; min-width: 15px; cursor: pointer;}
header .sns_links .search:hover, header .sns_links li a:hover {background-color: #000;}
header .sns_links .active {background-color: #000;}
header .sns_links i {vertical-align: top;}
header .gmenu ul {position: absolute; right: 20px; display: table; table-layout: fixed;}
header .gmenu ul li {display: table-cell; text-align: center; position: relative;}
header .gmenu ul li a {display: block; padding: 70px 20px 25px; margin: 0 0 0 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: -0.065em; color: #22ac38; font-size: 15px; transition: all 0.3s ease 0s; position: relative; line-height: 1.0em;}
header .gmenu a::after {background-color: #555;bottom: 0;content: "";height: 4px;left: 0;position: absolute; transition: all 0.3s ease 0s;width: 0;}
header .gmenu a:hover::after {width: 100%;}
header .gmenu a:hover {text-decoration: none;}
header .num_posts {position: absolute; top: 5px; right: 0; width: 50px; height: 50px; background: url(images/common/header/icon04.png) no-repeat; background-size: 50px 50px; padding: 6px 0; text-align: center; color: #FFF; line-height: 1.0em; font-size: 16px; font-weight: bold;}
header .num_posts span {display: block; font-weight: normal; font-size: 11px;}
.search_cont {background-color: #000; padding: 20px 0; display: none;}
.search_form {text-align: right;}
.search_form .search_box {padding: 0.5rem; width: 35%; border-radius: 5px; border: 2px solid #22ac38; background-color: #111;}
.search_form .search_box:focus {background-color: #FFF;}
.search_form #searchsubmit {background: none; border: none; cursor: pointer;}
.search_form #searchsubmit i {color: #FFF; font-size: 20px;}
header#after_header {display: none; position: fixed; top: 0; z-index: 100; background-color: rgba(255,255,255,0.85);}
header#after_header .logo img {height: auto; width: 30%;}
header#after_header {height: 66px;}
header#after_header .gmenu ul li a {display: block; padding: 30px 20px 20px; margin: 0 0 0 50px; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: -0.065em; color: #22ac38; font-size: 15px; transition: all 0.3s ease 0s; position: relative; line-height: 1.0em;}
@media screen and (max-width: 768px){
header#after_header {display: none !important;}
header {background-color: #22ac38; height: auto; position: relative; border-bottom: 1px solid #FFF;}
header .primary {padding: 2% 2.604% 1.333%;}
header .primary .logo {width: 22.968%; margin: 2.64% 0 4%; position: inherit; top: inherit;}
header .primary .logo img {width: 100%; height: auto;}
header .drawer-nav {background-color: rgba(00,00,00,0.85);}
header .drawer-nav .inner {padding: 2.604%;}
header .drawer-nav ul li a {display: block; margin: 0 0 5.208%; padding: 0 0 1.302%; font-weight: bold; color: #FFF; line-height: 1.5em; font-size: 124%; border-bottom: 1px dashed #FFF; }
header .drawer-nav ul li { line-height: 1.0em; }
}

/*
	Footer
---------------------------------------------------------------------------- */
#page_top {position: fixed; bottom: 2.5%; right: 2.5%;}
#page_top img {width: 100px; height: 100px;}
#f_menu {margin: 60px 0; text-align: center; letter-spacing: -0.25em;}
#f_menu li {letter-spacing: normal; display: inline-block; }
#f_menu li a {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #333; margin: 0 25px; font-weight: bold; transition: all 0.5s;}
#f_menu li a:hover {color: #22ac38; text-decoration: none;}
#f_menu br,#f_menu span {display: none;}
.footer_bg {background-color: #22ac38;}
.footer_logo {text-align: center; padding: 60px 0;}
.footer_logo img {width: 160px; height: auto;}
#cpright {text-align: center; padding: 20px 0;}
#cpright small {font-size: 16px; color: #FFF;}
footer .sns_links {letter-spacing: -0.25em; text-align: center; margin: 0 0 60px;}
footer .sns_links li {letter-spacing: normal; display: inline-block; margin: 0 0 0 10px;}
footer .sns_links li a {background-color: #FFF; color: #22ac38; width: 40px; height: auto; padding: 5px 0; display: block; text-align: center; transition: all 0.7s;}
footer .sns_links li a:hover {background-color: #000;}
footer .sns_links li i {font-size: 30px;}
@media screen and (max-width: 768px){
#page_top {bottom: 1.5%; right: 1.5%; width: 20%;}
#page_top img {width: 100%; height: auto;}
#f_menu {margin: 6% 0;}
#f_menu li {text-align: left;}
#f_menu li {display: block;}
#f_menu li a {font-size: 14px; color: #333; display: block; margin: 0 0 2.66%; padding: 0 0 2.666%; border-bottom: 1px dashed #CCC;}
.footer_bg {background-color: #22ac38;}
.footer_logo {text-align: center; padding: 6% 0;}
.footer_logo img {width: 32%; height: auto;}
#cpright {padding: 2.666% 0;}
#cpright small {font-size: 13px; }
footer .sns_links {margin: 0 0 6%;}
footer .sns_links li {margin: 0 0 0 2.666%;}
footer .sns_links li a {width: 20px; height: auto; padding: 2.56%; }
footer .sns_links li i {font-size: 16px;}
}

/*
	Topic Path
---------------------------------------------------------------------------- */
.topci_path_bg {background-color: #22ac38;}
.topic_path {padding: 20px 0; line-height: 1.0em; color: #FFF;}
.topic_path a {line-height: 1.0em; color: #FFF !important; text-decoration: underline;}
.topic_path a:hover {text-decoration: none;}
.topic_path .home:hover {opacity: 0.65;}
.topic_path span {margin: 0 5px 0;}
.topic_path span:first-child {margin-left: 0;}
@media screen and (max-width: 768px){
.topic_path {display: none;}
}

/*
	HeadLine
---------------------------------------------------------------------------- */
.content .headline_box {margin: 0 0 60px; padding: 30px 0 0; background: url(images/common/parts/bg_01.png) no-repeat center top; background-size: auto 10px; text-align: center; border: none;}
.headline_box .title_en {font-size: 50px; line-height: 1.0em; color: #22ac38; padding: 0 0 15px; display: block; font-family: 'Open Sans', sans-serif; letter-spacing: -0.08em;}
.headline_box .title_jp {font-size: 25px; line-height: 1.0em; color: #8b8b8b; padding: 0; display: block; font-weight: bold; }
.headline_line {border-bottom: 1px solid #22ac38;}
.headline_box_second {margin: 0 0 30px; padding: 30px 0 0; background: url(images/common/parts/bg_01.png) no-repeat center top; background-size: auto 10px; text-align: center; border: none;}
.headline_box_second .title_en {font-size: 70px; line-height: 1.0em; color: #22ac38; padding: 0 0 15px; display: block; font-family: 'Open Sans', sans-serif; letter-spacing: -0.08em;}
.headline_box_second .title_jp {font-size: 25px; line-height: 1.0em; color: #8b8b8b; padding: 0; display: block; font-weight: bold; }
.content .headline_sub_title {background: none; font-size: 38px; text-align: center; padding: 0 25px 15px; margin: 0 0 20px; border: none;}
.content .headline_sub_title:before {display: none;}
.content .headline_sub_title span {border-bottom: 2px dashed #22ac38; display: inline-block; padding: 0 20px 15px; color: #22ac38;}
.content .headline_sub_title em {color: #000; font-weight: normal; font-size: 24px;}
@media screen and (max-width: 768px){
.content .headline_box {margin: 0 0 5.12%; padding: 3% 0 0; background-size: auto 5px;}
.headline_box .title_en {font-size: 30px; padding: 0 0 2.666%;}
.headline_box .title_jp {font-size: 16px; }
.headline_box_second {margin: 0 0 5.12%%; padding: 3% 0 0; background-size: auto 5px;}
.headline_box_second .title_en {font-size: 36px; padding: 0 0 2.666%;}
.headline_box_second .title_jp {font-size: 20px; padding: 0; display: block; font-weight: bold; }
.content .headline_sub_title {font-size: 22px; padding: 0 2.666% 2%; margin: 0 0 2.6666%;}
.content .headline_sub_title span {padding: 0 2.666% 2%; }
.content .headline_sub_title em {font-size: 18px;}
}

/*
	Commont Contact
---------------------------------------------------------------------------- */
.common_contact {background-color: #22ac38;}
.common_contact .headline_box .title_en {color: #FFF;}
.common_contact .headline_box .title_jp {color: #FFF;}
.common_contact .headline_box {margin: 0 0 20px;}
.common_contact p {color: #FFF;}
.common_contact table {margin: 60px 0;}
.common_contact table th {border-bottom: none; width: 25%; font-size: 22px; padding: 10px 0 50px; color: #FFF;}
.common_contact table th .coution {color: #be0000; font-size: 55%;}
.common_contact table td {border-bottom: none; width: 70%; padding: 15px;}
.common_contact table textarea,
.common_contact table input {border: 5px solid #FFF; background-color: #22ac38; font-size: 22px; padding: 0.75rem 0.75rem; color: #FFF;}
.common_contact table textarea {width: 100%; height: 200px;}
.common_contact table textarea:focus,
.common_contact table input:focus {background-color: #FFF; color: #333;}
.common_contact input[type=submit]{font-family: FontAwesome; background-color: #FFF; padding: 1.0rem 2.75rem; color: #22ac38; font-weight: bold; font-size: 22px; cursor: pointer; }
.common_contact input[type=submit]:hover {background-color: #000; border: 5px solid #000; color: #FFF;}
.common_contact .wpcf7-validation-errors {border: 5px solid #FFF; padding: 1.5rem; font-size: 22px; color: #FFF;}
.common_contact .wpcf7-not-valid-tip {display: block; margin: 10px 0 0; font-size: 20px; color: #FF0;}
.common_contact .wpcf7-mail-sent-ok {border: 5px solid #FFF; padding: 1.5rem; font-size: 22px; color: #FFF;}
.common_contact .wpcf7-response-output {margin: 2em 0.5em 1em;}
@media screen and (max-width: 768px){
.common_contact {padding: 0 2.666%; width: auto;}
.common_contact .headline_box {margin: 0 0 2.666%;}
.common_contact p {color: #FFF; padding: 0 2.666%;}
.common_contact table {margin: 6% 0;}
.common_contact table th {width: auto; font-size: 16px; padding: 0 2.666% 0; display: block;}
.common_contact table td {border-bottom: none; width: auto; padding: 2.666%;display: block;}
.common_contact table textarea,
.common_contact table input {font-size: 16px; padding: 0.25rem 0.25rem; color: #FFF; border: 2px solid #FFF; width: 100%; box-sizing: border-box;}
.common_contact table textarea {width: 100%; height: auto; box-sizing: border-box;}
.common_contact .sp_block {text-align: center;}
.common_contact input[type=submit]{padding: 0.5rem 0.75rem; font-size: 14px; width: 60%;}
.common_contact .wpcf7-validation-errors {border: 2px solid #FFF;font-size: 16px; box-sizing: border-box;}
.common_contact .wpcf7-not-valid-tip {margin: 1.666% 0 0; font-size: 16px;}
.common_contact .wpcf7-mail-sent-ok {border: 2px solid #FFF; padding: 1.5rem; font-size: 16px; box-sizing: border-box;}
}

/*
	Content
---------------------------------------------------------------------------- */
main .entry-content {padding: 0;}
@media screen and (max-width: 768px){
}

/*     Side
---------------------------------------------------------------------------- */
@media screen and (max-width: 768px){
}

/*
	Module
---------------------------------------------------------------------------- */
.alignright {float: right;}
.alignleft {float: left;}
@media screen and (max-width: 768px){
.alignright {float: none;}
.alignleft {float: none;}
}