/*------------------------------------------------------------
Template:ReWS
Theme Name:ReWS_child
------------------------------------------------------------*/

/*------------------------------------------------------------
basic
------------------------------------------------------------*/

/*clearfix*/
.clearfix {width:100%;}
.clearfix:after {content: ""; display: block; clear: both;}

/*anchor*/
.anchor { padding-top: 150px; margin-top: -150px; pointer-events: none;}
@media screen and (max-width: 767px) {
.anchor { padding-top: 50px; margin-top: -50px;}
}

/*strong*/
strong { font-weight: normal; color: #ff4600;}
  
/*category.php btn*/
.top_category .btn-color { background: none; color: #000 !important; text-align: center !important; border-radius: 5px; border: 1px solid #000;}
.top_category .btn-color:hover { color: #000 !important; text-align: center !important;}

/*single.php img*/
.img_block .p-box img{ max-width: 100%; height: auto;}

/*.align*/
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignleft { float: left; max-width: 50% !important; margin: 0 1em 1em 0;}
.alignright { float: right; max-width: 50% !important; margin: 0 0 1em 1em;}
@media screen and (max-width: 991px) {
.alignleft,
.alignright{ max-width: 100% !important; margin: 0 auto;}
}

/*------------------------------------------------------------
sns bottom 
------------------------------------------------------------*/
.share { margin: 0;}
.share ul { margin: 0; padding: 0; list-style: none;}
.share li { float: left; width: 100px; margin: 0 2px 0 0;}
.share li a {display : block; margin-bottom: 5px; padding : 4px 3px 0 3px; color: #fff; height: 28.5px; font-size: 14px; text-decoration: none; text-align: center; border-radius: 5px;}
.share li a:hover {opacity: 0.8; color: #fff;}
.share li a:visited{ color: #fff;}
.share ul:after {content: ""; display: block; clear: both;}
.share li.facebook a{background-color : #4267b2;}
.share li.tweet{ width: 80px;}
.share li.tweet a{background-color : #55acee; padding-top: 6px;}
.share li.houzz{ width: 80px;}
.share li.houzz a{background-color : #55a32a; padding-top: 6px;}
.icon-houzz:before { content: ""; background:url(../../../images/houzz-icon.png); display: inline-block; width: 49px; height: 17px;}
.sns_table .share ul { max-width: 370px; width: 100%; margin: 0 auto;}


/*------------------------------------------------------------
施工事例カテゴリメニュー
------------------------------------------------------------*/
/*PC表示*/
#works-cat-btn>div{margin-bottom:20px;}
#works-cat-btn{margin-bottom:20px;}

/*SP表示*/
#works-cat-menu .glyphicon-chevron-down:before,
#works-cat-menu .glyphicon-chevron-up:before{ color:#fff;}
#works-cat-menu .list-group-item{ background-color: #83c027 !important; border: 1px solid #83c027; border-radius: 0; color:#83c027;}
#works-cat-menu a.list-group-item:focus,
#works-cat-menu a.list-group-item:hover,
#works-cat-menu button.list-group-item:focus,
#works-cat-menu button.list-group-item:hover { background-color: #83c027 !important; border: 1px solid #83c027; color:#fff;}
#works-cat-menu .list-group-item.small{ background-color: #fff !important;}
#works-cat-menu .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0;}
#works-cat-menu .list-group > .list-group-item:first-child { color:#fff;}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
@media screen and (min-width: 992px) {
.navbar-nav>li { width: 20% !important;}
.navbar-nav>li:nth-of-type(4) { width: 20% !important;}
}

@media screen and (min-width: 768px) {
.dropdown-menu>li>a { width: 100%;}
.navbar-nav>li { width: 19%;}
.navbar-nav>li:nth-of-type(4) { width: 24%;}
.navbar-nav li a { padding-right: 0; padding-left: 0;}
.navbar-nav>li>a::after { position: absolute; bottom: 0; left: 50%; content: ''; width: 0; height: 2px; background-color: #fff; transition: .3s; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.navbar-default { background: url(../../../images/hd_bg.jpg) repeat-x scroll 0px 0px transparent;}
}
@media screen and (max-width: 767px) {
.navbar-nav { margin: 0 -15px; background: #fff;}
.navbar-header { background: url(../../../images/hd_bg_sp.jpg) repeat-x scroll 0px 0px transparent; background-size: contain;}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color: #000 !important;}
.navbar-default .navbar-nav>.active>a { color: #83c027 !important;}
}

/*------------------------------------------------------------
.cnt_footer_box
------------------------------------------------------------*/
.cnt_footer_box .footer-link { margin: 0 auto; padding: 0;}
@media screen and (max-width: 991px) {
.cnt_sns_box .footerinfo_links .btn { margin-bottom: 10px;}
}

/*------------------------------------------------------------
TOPページ 微調整
------------------------------------------------------------*/
.cnt_sns_box { margin-bottom: 80px;}
.cnt_sns_box .footerinfo_sns { text-align: center;}
.cnt_form_box { padding-top: 40px;}
.cnt_sns_box .footer-link { margin: 0 auto; padding: 0;}
.cnt_sns_box .footer-link .footerinfo { width: 96%; float: none !important; margin: 0 auto 10px;}
.cnt_sns_box .footer-link .footerinfo_wrapper { padding: 0;}
.cnt_sns_box .footer-link .footerinfo_open { clear:both; padding-top: 20px;}
.cnt_event_box .btn-color,
.cnt_column_box .btn-color,
.cnt_works_box .btn-color,
.cnt_voice_box .btn-color { margin: 40px auto 80px;}
.cnt_instagram_box .btn-color{ margin: 20px auto 80px;}
.cnt_event_box h2,
.cnt_column_box h2,
.cnt_works_box h2,
.cnt_voice_box h2,
.cnt_form_box h2,
.cnt_instagram_box h2{ margin: 0 auto 40px; padding: 80px 0 0;}

.cnt_works_box .label-color{ width: 100%;  white-space: inherit; display: inline-block; padding: .2em .6em .3em; text-align: left; line-height: 1.2em;}
@media screen and (min-width: 992px){
.cnt_sns_box .footer-link .footerinfo { width: 100%;}
.cnt_sns_box .footer-link .footerinfo_wrapper { padding: 0 10px;}
.footer-link .footerinfo_links>div .btn { white-space: inherit;}
.footer-link .footerinfo_links>div:first-child,
.footer-link .footerinfo_links>div:nth-of-type(2),
.footer-link .footerinfo_links>div:nth-of-type(4) { padding: 0;}
.footer-link .footerinfo_links>div:nth-of-type(3) { padding: 0 5px;}
}
@media screen and (max-width: 991px) {
.cnt_sns_box { margin-bottom: 8%;}
.cnt_sns_box .footerinfo_sns { margin-bottom: 2%;}
.cnt_form_box { padding-top: 4%;}
.cnt_event_box .btn-color,
.cnt_column_box .btn-color,
.cnt_works_box .btn-color,
.cnt_voice_box .btn-color { margin: 4% auto 8%;}
.cnt_instagram_box .btn-color{ margin: 2% auto 8%;}
.cnt_event_box h2,
.cnt_column_box h2,
.cnt_works_box h2,
.cnt_voice_box h2,
.cnt_form_box h2,
.cnt_instagram_box h2{ margin: 0 auto 4%; padding: 8% 0 0;}
}
.cnt_form_box,
.cnt_event_box,
.cnt_instagram_box { background: url(../../../images/top_page_bg.jpg) no-repeat scroll 50% 50% transparent; background-size: cover; background-attachment: fixed; overflow: hidden;}
.cnt_works_box { background: url(../../../images/cnt_works_box_bg.jpg) no-repeat scroll 50% 50% transparent; background-size: cover; background-attachment: fixed; overflow: hidden;}
.cnt_voice_box { background: #eee;}
.cnt_voice_box .btn-color,
.cnt_works_box .btn-color { background: none; color: #000 !important; text-align: center !important; border-radius: 5px; border: 1px solid #000;}
.cnt_event_box p { color: #fff;}
.cnt_event_box .hr_top{ border-top: solid 1px #fff;}
@media screen and (max-width: 991px) {
.cnt_instagram_box .instagram .trim { margin-bottom: 10px;}
}
.logo-box h1 { margin: 0 auto;}
@media screen and (max-width: 767px) {
.cnt_form_box,
.cnt_event_box,
.cnt_instagram_box { background: transparent url(../../../images/top_page_bg_sp.jpg) no-repeat scroll 50% 0; background-size: cover;}
.cnt_works_box { background: transparent url(../../../images/cnt_works_box_bg_sp.jpg) no-repeat scroll 50% 0; background-size: cover;}
}
/*------------------------------------------------------------
.cnt_point_box
------------------------------------------------------------*/
.cnt_point_box { background: url(../../../images/cnt_point_box_bg.jpg) no-repeat scroll 50% 50% transparent; background-size: cover; background-attachment: fixed; overflow: hidden;}
.cnt_point_box h2 { position: relative; margin: 0 auto; padding: 80px 0 0; z-index: 3;}
.cnt_point_box .cnt_point_middle_box { position: relative; padding-bottom: 80px; z-index: 1; background: #fff;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box { position: relative; z-index: 2; margin-top: 50px;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box .label-color3 { padding: 0.5em; color: #fff; background: #003264; display: inline-block; margin-right: 5px; margin-bottom: 5px; line-height: 1.2em;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box p { max-width: 940px; margin: 0 auto; padding: 20px 0; line-height: 1.7em;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box p img { float: right; width: auto !important; margin: 0 0 20px 20px;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box:first-child,
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box:last-child { max-width: 940px; margin: 0 auto;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box:last-child .cnt_point_img_box { margin: 40px auto 0;}
.cnt_point_box .cnt_design_box { position: relative; margin-top: -10%; height: 200px; z-index: 1;}
.cnt_point_box .cnt_design_box:before { position: absolute; left: 65%; content: " "; display: block; width: 500px; height: 5000px; background: #fff; z-index: -1; transform: rotate(84deg); transform-origin: left top;}
.cnt_point_box .cnt_design_box:after { position: absolute; right: 35%; content: " "; display: block; width: 500px; height: 5000px; background: #fff; z-index: -1; transform: rotate(-84deg); transform-origin: right top;}
@media screen and (min-width: 992px) {
.cnt_point_box .cnt_point_middle_box:before { content: ""; width: 100%; top: 100px; height: 0; padding-top: 723px; background: transparent url(../../../images/cnt_point_small_box_01_bg.png) no-repeat scroll 50% 0 !important; position: absolute; z-index: -1;}
.cnt_point_box .cnt_point_middle_box:after { content: ""; width: 100%; bottom: 600px; height: 0; padding-top: 690px; background: transparent url(../../../images/cnt_point_small_box_02_bg.png) no-repeat scroll 50% 0 !important; position: absolute; z-index: -1;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box p { padding-top: 40px;}
}
@media screen and (max-width: 991px) {
.cnt_point_box h2 { padding: 8% 0 0;}
.cnt_point_box .cnt_design_box { margin-top: -20%;}
.cnt_point_box .cnt_point_middle_box { padding-bottom: 8%;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box p { padding: 10px;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box p img { max-width: 45%; margin: 0 0 2% 2%;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box:first-child,
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box:last-child { padding: 0 10px;}
}
@media screen and (max-width: 767px) {
.cnt_point_box { background: transparent url(../../../images/cnt_point_box_bg_sp.jpg) no-repeat scroll 50% 0; background-size: contain;}
.cnt_point_box .cnt_design_box { margin-top: -10%; height: 30px;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box:first-child { background: transparent url(../../../images/cnt_point_small_box_01_bg_sp.png) no-repeat scroll 50% 50% !important;}
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box:last-child { background: transparent url(../../../images/cnt_point_small_box_02_bg_sp.png) no-repeat scroll 50% 50% !important;}
}
@media screen and (max-width: 480px) {
.cnt_point_box .cnt_point_middle_box .cnt_point_small_box p img { float: none; max-width: 100%; margin: 0 auto 2%;}
}
/*------------------------------------------------------------
.cnt_banner_box
------------------------------------------------------------*/
.cnt_sns_box .cnt_banner_box { margin: 20px auto 40px;}
@media screen and (max-width: 991px) {
.cnt_sns_box .cnt_banner_box { margin: 2% auto 4%;}
}

.pg_cnt_sns_box .pg_cnt_banner_box { margin: 80px auto 20px;}
@media screen and (max-width: 991px) {
.pg_cnt_sns_box .pg_cnt_banner_box { margin: 8% auto 2%;}
}

/*20180118 add*/
@media screen and (max-width: 767px) {
.navbar-default .navbar-toggle img { width: 39px;}
}

.btn { font-size: 13px !important; white-space: inherit;}
.navbar { transition: 1.3s;}