/*
Theme Name: STINGER PLUS2 Child
Template: stingerplus2
Version: 20170621
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

/*------------------------------
  初期設定
------------------------------*/
/*
*{font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
*{font-family: "Josefin Sans", "Julius Sans One", Meddon, Lobster, Pacifico, "Fredericka the Great", "Bilbo Swash Caps", "PT Sans Caption", Montserrat, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif ;}
*/
*{font-family: "M PLUS 1p"; }

.sitename a, .descr, .news-ca, .tagcloud a, h5#resp, h3#reply-title, .form-submit, footer .footerlogo{font-family: "M PLUS 1p"!important; }

body{background-color: #fff;}
#headbox-bg{background-color: #E9E5E2;}
#content{background: #fff;}

.pc{display: block;}
.sp{display: none;}
.br-sp {display: none;}
.smanone{display: block;}
.fix_menu_smartphone{display: none;}

#s-navi{display: none;}
.blogbox {display: none;}
.copyr{display: none;}

figure{margin: 0;}

.post .entry-content{margin-top: 30px;margin-bottom: 30px;}
.post p{margin-bottom: 20px;}
.post {line-height: 1.8em;}

#breadcrumb{display: none;}
.colum1 main{padding-top: 0;}
.archive #content{padding-top: 10px;}
.single #content{padding-top: 10px;}

/*------------------------------
  フェードイン
------------------------------*/
.left-to-right {opacity: 0.1;transform: translateX(-40px); transition: all 1s;}
.left-to-right.scrollin { opacity: 1;  transform: translate(0);}
.right-to-left { opacity: 0.1;  transform: translateX(40px);  transition: all 1s;}
.right-to-left.scrollin { opacity: 1;  transform: translate(0);}
.down-to-top { opacity: 0.1;  transform: translateY(40px);  transition: all 1s;}
.down-to-top.scrollin { opacity: 1;  transform: translateY(0);}
.top-to-down { opacity: 0.1;  transform: translateY(-40px);  transition: all 1s;}
.top-to-down.scrollin { opacity: 1;  transform: translateY(0);}

/*------------------------------
  ページトップ
------------------------------*/
html{scroll-behavior: smooth;}
#page_top{background: #053894;width: 50px; height: 50px;  position: fixed;  right: 10px;  bottom: 10px;  opacity: 0.6;  z-index: 9999;}
#page_top a{position: relative;  display: block;  width: 50px;  height: 50px;  text-decoration: none;}
#page_top a::before{font: normal normal normal 14px/1 FontAwesome;  font-weight: 900;  content: '\f0de';  font-size: 25px;  color: #fff;  position: absolute;  width: 25px;  height: 25px;  top: 50%;  bottom: 12px;  right: 0;  left: 0;  margin: auto; text-align: center;}


/*------------------------------
  fontawesome
------------------------------*/
i{font: normal normal normal 14px/1 FontAwesome;}
.fa-clock-o:before {content: "\f073";}

.news-d,
.kanren:not(.st-cardbox) .clearfix dd p{color: #999;}

/*------------------------------
  ボタン
------------------------------*/
.btn {display: inline-block;padding: 0.3em 1em;text-decoration: none;color: #fdd3f2;background-color: #fff;border: solid 2px #fdd3f2;border-radius: 3px;transition: .4s;}
.btn a{text-decoration: none;color: #f18200;line-height: 3.0em;}
.btn:hover {background: #fce9d4;color: white;}


/*------------------------------
  メインメニュー（PC)
------------------------------*/
#st-menubox{background-color: #8CC63F;
	background-image: url('images/st-menubox-bg.png');
	background-position: center top;
	background-repeat: repeat-y;
}
#st-menuwide{border: none;
	background-color: #8CC63F;
    width: 960px;
}
nav.smanone {
    margin: 0 auto;
/*
    width: 960px;
    max-width: 960px;
*/
    display: block;
    background: none;
}


header .smanone ul.menu li a:hover{
	background-color: #CFF49E;
	color: #000;
}
.current-menu-item{
	background-color: #CFF49E;
}

/*------------------------------
  ハンバーガーメニューボタン
------------------------------*/
#nav-content .menu-item{
	padding: 0.3em 1.0em;
	border: none;
	display: block;
	padding: 0.3em 1em;text-decoration: none;background-color: #969696;border: solid 2px #969696;border-radius: 3px;transition: .4s;
}
#nav-content .menu-item a{text-decoration: none;color: #fff;line-height: 3.0em;}
#nav-content .menu-item:hover {background: #bcbcbc;color: white;}

/*------------------------------
  ハンバーガーメニュー
------------------------------*/
#nav-drawer {display: none;}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  width: 90%;
  max-width: 330px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
  background-color: #969696;
}
	
.nav-drawer-head{
	background-color: #053894;
	margin: 0;
	padding-top: 20px;
	height: 40px;
	display: block;
	font-size: 1.0em;
	color: #fff;
	text-align: center;
    letter-spacing: 0.1em;
    font-family: "Josefin Sans", "Julius Sans One", Meddon, Lobster, Pacifico, "Fredericka the Great", "Bilbo Swash Caps", "PT Sans Caption", Montserrat, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif !important;
}
#nav-content h2{color: #B7E380;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 'Noto Serif JP', serif !important;}
#nav-content ul{width: 100%;padding: }
#nav-content li{display: block;margin: 10px;text-align: center;}
#nav-content li a{display: block;width: 100%;}


/* オリジナルデザイン　*/





.block-about,
.block-service,
.block-howto,
.block-team,
.block-project{
	margin-bottom: 70px;
}

.block-about h2,
.block-service h2,
.block-howto h2,
.block-team h2,
.block-project h2{
	margin-bottom: 30px;
}



.block-service .fa-5x {
    font-size: 4em;
}

.block-service .wp-block-column {
        text-align: center;
    margin-bottom: 20px;
    }

.icon-background-default {
    color: #03c4eb;
}


.br-max { border-radius: 50%; }






.block-service .feature-icon {
    color: #fff;
}

.block-team{
	margin-top: 20px;
	text-align: center;
}


.block-team img{
	width: 70%;
	border-radius: 0%; 
}

.block-team p{
    margin-bottom: 0;
}


.block-project h2.news-title{
	padding-left: 0!important;
}

figure {
    margin: 0;
}

body, button, input, select, textarea {
    font-size: 16px;
    line-height: 1.7;
    color: #777777;
}

p, .st-kaiwa-hukidashi, .yellowbox, .graybox, .redbox, .post ul li, .post ol li, .post h5, .post h6, .post table tr td, table tr td {
    font-size: 1.1em;
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 15px;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    margin-top: 0;
    color: #333333;
}
.top-sub,
.top-title{
	text-align: center;
}

p.top-sub{
	color: #aaa;
    font-size: 16px;
    margin-bottom: 0;
}

p.big,
big{
	font-size: 1.2em;
}


.top-title {
    font-size: 30px;
    letter-spacing: 2px;
}

@media screen and (min-width: 940px){
.top-title {
    font-size: 40px;
    letter-spacing: 3.5px;
}
}











/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}