/*
 Theme Name:   OnePirate-custom
 Description:  One Pirate is a beautiful one-page WordPress theme, with a colorful and playful design, nice animations, full-screen layout, and elegant parallax effect. The theme comes with a full-width header and with catchy icons. Overall, One Pirate has a modern and interactive look, and a smooth transition from a section to another.
 Author:       Themeisle
 Author URI:   https://themeisle.com
 Template:     zerif-lite
 Version:      1.0.3
 License:      GNU General Public License version 3
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  one-pirate
 Tags:         black, gray, red, white, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
*/


/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #808080;
    font-weight: normal;
    line-height: 25px;
    text-align: center;
}




/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.navbar-inverse .navbar-nav > li > a {
    color: #302404 !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #E96656 !important;
    outline: medium none;
    border-bottom: 2px solid #E96656;
    -webkit-transition: all 100ms;
    transition: all 100ms;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.red-btn {
    background: rgb(252, 96, 65) none repeat scroll 0% 0%;
}

.red-btn:hover {
    color: #FFF;
    background: #d8472a none repeat scroll 0% 0%;
}

.green-btn {
    background: #f7cb00 none repeat scroll 0% 0%;
}

.green-btn:hover {
    color: #FFF;
    background: #a78900 none repeat scroll 0% 0%;
}

.focus-box .service-icon .pixeden {
    border-radius: 50%;
    background-color: #FEFEFE !important;
}

.focus {
    padding-bottom: 100px;
    overflow: hidden;
    background: url("images/geometry2.png");
}

.about-us {
    color: #FFF;
    padding-bottom: 100px;
    background: #D1EDFB none repeat scroll 0% 0%;
}

.about-us * .section-header h2 {
    padding-bottom: 10px;
    color: #FFF !important;
    line-height: 40px;
    position: relative;
    display: inline-block;
    font-size: 45px;
    text-transform: uppercase;
}

.about-us * .white-text{
    color: #34c5f2 !important;
}

.about-us * p{
    color: #7E7E7E !important;
}

.dark-text{
    color: #412a22 !important;
}

.testimonial {
    padding-bottom: 90px;
    background: rgba(247, 203, 0, 0.9) none repeat scroll 0% 0% !important;
}


.contact-us {
    background: rgba(59, 92, 108, 0.8) none repeat scroll 0% 0%;
    padding-bottom: 95px;
}

.red-border-bottom::before {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 75%;
    height: 2px;
    background: #FFB000 none repeat scroll 0% 0% !important;
    bottom: -9px;
    left: 12.5%;
}

.our-team * h6{
    color: #44B0CE !important;
}


.ctUp-ads:nth-child(4n+2) .service-icon:hover, .focus-box:nth-child(4n+1) .service-icon:hover {
    border: 10px solid #fc6041;
}

.ctUp-ads:nth-child(4n+2) .service-icon:hover, .focus-box:nth-child(4n+2) .service-icon:hover {
    border: 10px solid #fc6041;
}
.ctUp-ads:nth-child(4n+2) .service-icon:hover, .focus-box:nth-child(4n+3) .service-icon:hover {
    border: 10px solid #fc6041;
}

.ctUp-ads:nth-child(4n+2) .service-icon:hover, .focus-box:nth-child(4n+4) .service-icon:hover {
    border: 10px solid #fc6041;
}

.ctUp-ads:nth-child(4n+1) .red-border-bottom::before, .focus-box:nth-child(4n+1) .red-border-bottom:hover {
    background: none repeat scroll 0% 0%;
}

.ctUp-ads:nth-child(4n+2) .red-border-bottom::before, .focus-box:nth-child(4n+2) .red-border-bottom:hover {
    background: none repeat scroll 0% 0%;
}

.ctUp-ads:nth-child(4n+3) .red-border-bottom::before, .focus-box:nth-child(4n+3) .red-border-bottom:hover {
    background: none repeat scroll 0% 0%;
}

.ctUp-ads:nth-child(4n+4) .red-border-bottom::before, .focus-box:nth-child(4n+4) .red-border-bottom:hover {
    background: none repeat scroll 0% 0%;
}



#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a::before {
    background: #fc6041 none repeat scroll 0% 0% !important;
}

#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+2) .latestnews-title a::before {
    background: #ccbe0a none repeat scroll 0% 0% !important;
}

#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+3) .latestnews-title a::before {
    background: #6fd0f7 none repeat scroll 0% 0% !important;
}

#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+4) .latestnews-title a::before {
    background: #f7cb00 none repeat scroll 0% 0% !important;
}

.latesnews-content > p{
    font-size: 15px;
}

.team-member:hover .details {
    top: 0px;
    background: #44B9DC none repeat scroll 0% 0% !important;
    color: #FFF;
    opacity: 1;
}

/*    BLOG    */

#primary{
    margin-top: -60px;
}

.site-content {
    background: #F5F5F5 none repeat scroll 0% 0%;
}

article.hentry {
    border: 1px solid rgb(219, 219, 219);
    padding: 15px;
    border-radius: 3px;
    background-color: white;
}    

.entry-content p {
    text-align: justify;
    font-size: 15px;
}

.listpost-content-wrap .entry-title a::after {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    height: 2px;
    background: #FFB000 none repeat scroll 0% 0%;
    bottom: -9px;
    left: 0px;
    width: 50px;
}

.listpost-content-wrap-full .entry-footer > span, .listpost-content-wrap .entry-footer > span {
    padding-right: 15px;
    font-size: 15px;
}

.entry-footer {
    background: transparent none repeat scroll 0% 0%;
    font-size: 15px;
}

.entry-footer a {
    color: #BDBDBD;
    font-style: italic;
    font-size: 14px;
}

.nav-previous{
    margin-left: 45px;
}

.nav-next{
    margin-right: 45px;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer {
    background: #3B5C6C none repeat scroll 0% 0%;
}

.copyright {
    padding-top: 68px;
    padding-bottom: 68px;
    background: #2C4754 none repeat scroll 0% 0%;
}

.company-details {
    color: #F5F5F5;
    padding-top: 67px;
    padding-bottom: 67px;
}

.social li a {
    color: #E1E1E1;
    font-size: 18px;
}
/*abe追加*/
body {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif !important;
color: #3c3c3c;
}
h1, h2 {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}
h2{
font-size:20px
}
h3{
font-size:16px;
font-weight:bold;
}
.entry-content p{
line-height:1.4;
}
strong{
font-size:100%
}
.wp-caption .wp-caption-text{
font-size:80%;
margin-left:10px;
margin-right:10px}
.navbar-inverse .navbar-nav > li > a,.navbar-inverse .navbar-nav ul.sub-menu li a{
font-size:14px
}
/*各ページの上の余白調整*/
.content-left-wrap{
margin-top:60px;
}
/*トップのバナー上の文字*/
.intro-text{
font-weight:normal;
text-shadow: 1px 2px 2px #222222;
}
/*トップ文字の大きさ*/
.about-us .big-intro{
font-size:16px
}
/*コピーライト*/
.copyright{
color:#939393
}
.zerif-copyright-box{
display:none;
}
/*トップのメニュー部分*/
.focus-box p{
text-align:left
}
.focus-box p a{
font-size:14px
}
/*フォームの形成*/
input[type="tel"],input[type="checkbox"],select,checkbox{
padding:3px;
color:#555;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0px;
}
span.wpcf7-list-item{
display: block;
margin:5px 0;
}
span.wpcf7-list-item-label{
font-size:15px
}
.for-sp{
display:none
}

td {
    border: 1px solid rgb(237, 237, 237);
    padding: 6px 10px 6px 6px;
    line-height:130%
}
/*サイドバーの日付けを小さく*/
.sidebar-wrap span.post-date{
font-size:80%
}
/*トップボタン半角英数*/
.custom-button {
    text-transform: none;
}
/*トップの3割部分を調整*/
.focus.col-sm-3{
width:33%
}
/*トップ感想文の名前部分*/
.feedback-box .client-info .client-name{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
font-size:14px;
}
/*トップの感想文の名前の上の空白を削除*/
.feedback-box .client {
    margin-top: 15px;
height: auto;
}
/*感想文の名前部分を左寄りに*/
.feedback-box .client-info{
margin-left: 0px;
}
/*感想文の写真を大きくする*/
.feedback-box .client-image{
float: none;
width: 100%;
height: auto;
border-radius: 5%;
}
/*トップバナー部分背景色*/
.header-content-wrap {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}
/*voice*/
.voice{
padding:20px 20px 3px 20px;
/*border:1px solid #CCC;*/
margin-bottom:1em;
margin:0 1em 1em 1em;
border-radius: 3px;		/* CSS3草案 */
-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
-moz-border-radius: 3px;	/* Firefox用 */
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.voice.res{
background-color:#efe1fe
}
ul.menu-btn li{
list-style-type: none;
}
#footer p.chuui{
color:#FFF;
font-size:90%
}
#footer p.chuui a{
font-size:90%
}
.about-us .big-intro {
    text-align: center;
color:#ad50fa;
font-size:16px;
line-height:25px;
}
@media (min-width: 768px){
ul.menu-btn li.menu-title{
display:none
}
#footer p.chuui{
padding-top:10px;
}
}
@media (max-width: 767px){
/*フォーム周りの設定*/
ul.menu-btn{
float:right
}
ul.menu-btn li{
display:inline;
}
.menu-title{
margin-top: 23px;
float:left;
}
.header-content-wrap{
padding-top:20%;
}
}
@media (max-width: 480px) {
h2.widget-title, h2.widget-title a {
font-size: 4.5vw !important;
}
img.alignleft,img.alignright{
float:none;
clear: both;
display: block;
margin:0 auto;
margin-bottom:1em;
}
.entry-content p{
margin: 0px 0px 24px;
}
.for-pc{
display:none
}
.for-sp{
display:inline
}
input[type="text"], input[type="email"], input[type="tel"], textarea{
width:100%;
}
/*トップバナーの上の空白を縮ませる*/
.header-content-wrap {
    padding-top: 20%;
}
/*ボタンの改行させない設定を解除*/
.btn{
white-space: normal;
}
}